/* public/css/main.css */
/* ===============================================
   CORE RESETS & BASE STYLES
   =============================================== */

/* CSS Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Base Typography & Body Styling */
body {
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  background-color: #f5f5f5;
  color: #333;
}

/* Link resets */
a {
  color: var(--primary-color);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* Containers & Utility Classes */
.container {
  width: 80%;
  margin: 0 auto;
  padding: 20px;
}

/* CORE CSS STYLES */

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display:block
}

a:active,a:hover {
outline:0
}

button,input,optgroup,select,textarea {
margin:0;font:inherit;color:inherit
}

button,select {
text-transform:none
}

button,html input[type=button],input[type=reset],input[type=submit] {
-webkit-appearance: button;
appearance: button;
cursor: pointer;
}

button,input,select,textarea {
font-family:inherit;font-size:inherit;line-height:inherit
}

.sr-only-focusable:active,.sr-only-focusable:focus {
position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto
}

.sr-only,
.visually-hidden {
position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}

.skip-link {
position:absolute;left:1rem;top:0;z-index:10000;transform:translateY(-120%);background:#ffffff;color:#073850;padding:0.65rem 1rem;border:2px solid #073850;border-radius:4px;text-decoration:none;font-weight:700
}

.skip-link:focus {
transform:translateY(1rem);outline:3px solid #3498db;outline-offset:2px
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
position:relative;min-height:1px;padding-right:15px;padding-left:15px
}

.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
background-color:#f5f5f5
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
background-color:#e8e8e8
}

select[multiple].form-group-sm .form-control,textarea.form-group-sm .form-control {
height:auto
}

select[multiple].form-group-lg .form-control,textarea.form-group-lg .form-control {
height:auto
}

.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
width:auto
}

.btn.active,.btn:active {
background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default {
color:#333;background-color:#e6e6e6;border-color:#adadad
}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default {
background-image:none
}

.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
background-color:#fff;border-color:#ccc
}

.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
color:#fff;background-color:#286090;border-color:#204d74
}

.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
background-image:none
}

.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
background-color:#337ab7;border-color:#2e6da4
}

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

.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success {
color:#fff;background-color:#449d44;border-color:#398439
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
background-image:none
}

.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
background-color:#5cb85c;border-color:#4cae4c
}

.btn-info.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info {
color:#fff;background-color:#31b0d5;border-color:#269abc
}

.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
background-image:none
}

.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
background-color:#5bc0de;border-color:#46b8da
}

.btn-info .badge {
color:#5bc0de;background-color:#fff
}

.btn-warning.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning {
color:#fff;background-color:#ec971f;border-color:#d58512
}

.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning {
background-image:none
}

.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
background-color:#f0ad4e;border-color:#eea236
}

.btn-warning .badge {
color:#f0ad4e;background-color:#fff
}

.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger {
color:#fff;background-color:#c9302c;border-color:#ac2925
}

.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {
background-image:none
}

.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
background-color:#d9534f;border-color:#d43f3a
}

.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
background-color:transparent;-webkit-box-shadow:none;box-shadow:none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
border-color:transparent
}

.btn-group-lg>.btn,.btn-lg {
padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px
}

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

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

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
width:100%
}

.btn-group-vertical>.btn,.btn-group>.btn {
position:relative;float:left
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
z-index:2
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
margin-left:-1px
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
margin-left:5px
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
outline:0
}

.btn .caret {
margin-left:0
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
display:block;float:none;width:100%;max-width:100%
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
margin-top:-1px;margin-left:0
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
display:table-cell;float:none;width:1%
}

[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
position:absolute;clip:rect(0,0,0,0);pointer-events:none
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
height:46px;line-height:46px
}

select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn {
height:auto
}

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

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
height:30px;line-height:30px
}

select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn {
height:auto
}

.input-group .form-control,.input-group-addon,.input-group-btn {
display:table-cell
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius:0;border-bottom-right-radius:0
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
border-top-left-radius:0;border-bottom-left-radius:0
}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
z-index:2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
margin-right:-1px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
margin-left:-1px
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
background-color:#eee;border-color:#337ab7
}

.nav .nav-divider {
height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5
}

.nav-tabs .dropdown-menu {
margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0
}

.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
padding:5px 15px 5px 25px
}

.navbar-nav .open .dropdown-menu>li>a {
line-height:20px
}

.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
background-image:none
}

.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
width:auto
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color:#333;background-color:transparent
}

.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color:#555;background-color:#e7e7e7
}

.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color:#ccc;background-color:transparent
}

.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color:#080808
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color:#9d9d9d
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
color:#fff;background-color:transparent
}

.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
color:#fff;background-color:#080808
}

.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color:#444;background-color:transparent
}

.btn .label {
position:relative;top:-1px
}

.btn .badge {
position:relative;top:-1px
}

.btn-group-xs>.btn .badge,.btn-xs .badge {
top:0;padding:1px 5px
}

.container .jumbotron,.container-fluid .jumbotron {
padding-right:60px;padding-left:60px
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
border-color:#337ab7
}

.progress-bar.active,.progress.active .progress-bar {
-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7
}

.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
color:inherit
}

.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
color:#c7ddef
}

a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover {
color:#fff;background-color:#3c763d;border-color:#3c763d
}

a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover {
color:#fff;background-color:#31708f;border-color:#31708f
}

a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover {
color:#fff;background-color:#8a6d3b;border-color:#8a6d3b
}

a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover {
color:#fff;background-color:#a94442;border-color:#a94442
}

.modal.fade .modal-dialog {
-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)
}

.modal.in .modal-dialog {
-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)
}

.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
display:block
}

/* General Styles */
.container  {
width: 80%;
  margin: 0 auto;
  padding: 20px;
}



header h1  {
margin: 0;
  font-size: 2em;
}



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



nav ul li  {
display: inline;
  margin: 0 10px;
}



nav ul li a  {
color: white;
  text-decoration: none;
  font-size: 1.1em;
}



button  {
padding: 10px 20px;
  margin: 10px;
  background-color: #0f4c75;
  color: white;
  border: none;
  cursor: pointer;
}



.filter-options button  {
padding: 5px 10px;
  background-color: #0f4c75;
  color: white;
  border: none;
  cursor: pointer;
}



#clock-in-form button  {
background-color: #4CAF50;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}



nav li  {
padding: 10px 20px;
}



nav a  {
text-decoration: none;
  color: white;
}



/* Generate Report button styles */
#generateReportButton  {
background-color: #007bff;
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}



.filters button  {
background-color: #007bff;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}



.view-options button  {
background-color: #007bff;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  transition: background-color 0.3s;
}



#schedule-list .schedule-item button  {
background-color: #007bff;
  color: #ffffff;
  border: none;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
}



/* #PRELOADER  ============================================== */
/* This only works with JavaScript, 
if it's not present, don't show loader */

#loader-overflow {
display:block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fefefe;
  z-index: 99999;
}


#loader3  {
will-change: transform;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  background-color: #b6b6b7;
  border-radius: 50%;  
  -webkit-animation: scaleout 1.1s infinite ease-in-out;
  animation: scaleout 1.1s infinite ease-in-out;
  
  text-indent: -99999px;
  z-index: 999991;
}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section  {
display: block;
}


.font-norm  {
font-weight:normal !important;
}


.relative  {
position: relative;
}


.black-header .cd-search-trigger::before {
border: 2px solid rgba(255,255,255, .8);
}


.black-header .cd-search-trigger::after  {
background: rgba(255,255,255, .8);
  height: 2px;
}


.page-section   {
width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

	

/*	#HEADER
=====================================================*/
.logo-row  {
position:relative;
	width:133px;
	z-index:1;
}


.grey-dark-bg, .header.no-transparent .header-wrapper.grey-dark-bg {
background-color:#303236;
}


.container .port-grid-3 .port-item {
width: 33.2%;
}


  #counter-1 .row > div  {
border: none;
}


.container .port-grid-5 .port-overlay-cont {
padding: 20px;
  padding-right: 10px;
}


.container .port-grid-5 .port-item:hover .port-overlay-cont, .container .port-grid-5 .lightbox-item:hover .port-overlay-cont  {
padding-top: 30px;
}


.port-view-more-cont  {
margin-top:-1px;
  text-align:center;
}


.port-view-more  {
display:block;
  padding-top:40px;
  padding-bottom:37px;
  background:#eee;
  font-family: 'Lato',Arial,Helvetica,sans-serif;
  font-size:18px;
  line-height:18px;
  font-weight:100;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}


.port-view-more-cont-dark  {
text-align:center;
}


.port-view-more-dark  {
display:block;
  padding-top:55px;
  padding-bottom:52px;
  background:#4b4e53;
  font-family: 'Lato',Arial,Helvetica,sans-serif;
  color:#fff;
  font-size:18px;
  line-height:18px;
  font-weight:normal;
  letter-spacing:4px;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}


#counter-1 .row > div  {
border-left: 1px solid #dadada;
}


#counter-1 .row > div:first-child  {
border: none;
}


.widget-search-form button  {
position:absolute;
  right:0;
  top:8px;
  background:transparent;
}



/* #PAGE TITLE #NEW
=====================================================*/
.page-title-cont  {
padding-top:135px;
  padding-bottom:65px;
}


.page-title  {
margin-bottom:20px;
  font-size: 24px;
  line-height: 25px;
  letter-spacing: 5px;
  font-weight: 400;
  text-transform:uppercase;
}


.grey-dark-bg .page-title, .grey-dark-bg .page-title-big {
color:#fff;
}


.grey-dark-bg .page-sub-title {
color:rgba(255,255,255, .7);
}


.page-title-cont.grey-dark-bg a {
color:rgba(255,255,255, .8);
}


.page-title-cont.grey-dark-bg a:hover {
color:rgba(255,255,255, 1);
}


.page-title-cont.grey-dark-bg .bread-current {
color:#fff;
}


.page-title-small  {
padding-top:118px;
  padding-bottom:58px;
}


.page-title-small .page-title {
margin-top:40px;
  margin-bottom:10px;
}


.page-title-small .breadcrumbs  {
margin-top: 40px;
}


.controled  {
display: block;
  width: 100%;
  line-height: 1.42857143;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	border-radius:0;
	height:auto;
	-webkit-box-shadow:none !important;
	        box-shadow:none !important;
}


}

/* #FOOTER 1 NEW
=====================================================*/
.footer-copy  {
margin-top:5px;
}


.footer-copy a {
font-size:11px;
  color:#7e8082;
}


#main-menu .navbar  {
background: none;
  border: 0 none;
  margin: 0;
}


#main-menu .navbar .navbar-collapse  {
padding: 0;
  position: static; 
  border:none;
  -webkit-box-shadow:none;
          box-shadow:none;
}


#main-menu .navbar .nav  {
margin: 0;
  position: static;
}


#main-menu .navbar .nav > li  {
position: relative;
  z-index:5;
}


#main-menu .navbar .nav > li > a  {
padding:38px 3px 5px 3px;
	margin: 0 12px 17px 12px;
	border-bottom: 2px solid rgba(45,78,83,0);
	color:#4b4e53;
  letter-spacing:2px;
  background-color: transparent;
}


.black-header #main-menu .navbar .nav > li > a, .header-black-white #main-menu .navbar .nav > li > a  {
color: rgba(255,255,255, .7);
}



/* Effect 3: bottom line slides/fades in */
.affix #main-menu .navbar .nav > li > a  {
-webkit-transition: padding .4s ease 0s;
  -o-transition: padding .4s ease 0s;
  transition: padding .4s ease 0s; 
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}


#main-menu .navbar .nav > li > a .main-menu-title {
line-height:20px;
}


.affix.header-1 #main-menu .navbar .nav > li > a  {
margin-bottom: 13px;
	padding: 20px 3px 5px 3px;
}


.header-1 #main-menu .navbar .nav > li.current > a  {
padding:38px 3px 5px 3px;
	margin: 0 12px 17px 12px;
	border-bottom: 2px solid rgba(45,78,83,1);
	color:#4b4e53;
}


.black-header #main-menu .navbar .nav > li.current > a, .header-black-white #main-menu .navbar .nav > li.current > a  {
border-bottom: 2px solid rgba(255,255,255,1);
	color:#fff;
}


.affix.header-1 #main-menu .navbar .nav > li.current > a {
margin-bottom: 13px;
	padding: 20px 3px 5px 3px;
	border-color:rgba(75,78,83,.5);
}


.affix.header-1.black-header #main-menu .navbar .nav > li.current > a {
border-color:rgba(75,78,83,0);
}


.affix.header-1.header-black-white #main-menu .navbar .nav > li.current > a, .affix.header-1.header-black-white #main-menu .navbar .nav > li > a  {
color:#000;
}



/***** #INDENT MAIN CONTAINER	( responsive in "media query" section)*****/
.page-main-content.indent-header-1.affix-indent  {
padding-top: 60px;
	-webkit-transition:padding-top .4s ease;
	-o-transition:padding-top .4s ease;
	transition:padding-top .4s ease;
}


#main-menu .navbar .nav > li:hover > a  {
color:#111;
}


.black-header #main-menu .navbar .nav > li:hover > a, .header-black-white #main-menu .navbar .nav > li:hover > a  {
color:#fff;
}


#main-menu .navbar .nav .parent  {
position: relative;
}


#main-menu .navbar .nav .parent .parent > a:after  {
content: "\e232";
  font-family: linea-icons;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  font-size: 15px;
  display: block;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/*	#MEGAMENU
============================================================*/
#main-menu .navbar .nav .parent.megamenu  {
position: static;
}


#main-menu .navbar .nav .parent.megamenu > a  {
position: relative;
}


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



/****************************************************************************/
.header .primary .parent:hover > .sub  {
display: block;
}



/* #PRIMARY MENU
================================================== */
.header .primary  {
margin-top: 7px;
}


.header .primary .navbar  {
margin: 0 0 0 80px;
}


.header .nav .open>a, .header .nav .open>a:hover, .header .nav .open>a:focus  {
background:none;
}


.header .primary .navbar .nav  {
float: none;
  margin: 0;
}


.header .primary .navbar .nav > li  {
padding: 0 4px;
  position: relative;
}


.header .primary .navbar .nav > li > a {
border-width: 1px;
  border-color: transparent;
  color: #1e1e1e;
  padding: 11px 15px;
  text-shadow: none;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}


.header .primary .navbar .nav > li:hover > a  {
background: #fff;
  border-color: #ccc;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
  box-shadow: 0 0 5px rgba(0,0,0,.15);
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}


.header .primary .navbar .nav .parent  {
position: relative;
}


.header .primary .navbar .nav > li.parent:hover > a  {
background: #fff;
  border-bottom-color: transparent;
  border-radius: 3px 3px 0 0;
}


.header .primary .navbar .nav > li.parent:hover > a:after  {
background: #fff;
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  left: 5px;
  margin: 0 0 -3px 0;
  position: absolute;
  right: 5px;
  z-index: 49;
}


.header .primary .sub  {
background: #fff;
  border: 1px solid #ccc;
  border-radius: 0 3px 3px 3px;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
  box-shadow: 0 0 5px rgba(0,0,0,.15);
  display: none;
  font-size: 13px;
  line-height: 24px;
  padding: 15px 20px;
  position: absolute;
  z-index: 48;
}


.header .primary .sub li  {
font-size: 13px;
  line-height: 24px;
}


.header .primary .parent:hover > .sub  {
display: block;
  -webkit-animation: fadeIn .4s;
  animation: fadeIn .4s;
}


.header .primary .sub a  {
color: #1e1e1e;
  display: block;
  text-decoration: none;
  width: 175px;
  -webkit-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}


.header .primary .sub a:hover  {
opacity: .6;
  filter: alpha(opacity=60);
  -webkit-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}


.header .primary .sub .sub  {
left: 100%;
  top: 0;
}


.header .primary .navbar .nav .parent .parent > a,
.header .primary .navbar .nav .parent:hover .parent > a {
background-image: url("../images/caret.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}


.header .primary .navbar .nav .parent.megamenu  {
position: static;
}


.header .primary .navbar .nav .parent.megamenu > a  {
position: relative;
}


.header .primary .navbar .nav > li.parent.megamenu:hover > a:after  {
margin-left: -5px;
  margin-right: -5px;
}


.header .primary .megamenu > .sub  {
border-radius: 3px;
  left: 4px;
  margin: 0;
  padding: 35px 40px 35px 0;
  width: 844px;
}


.header .primary .megamenu > .sub .box  {
float: left;
  padding: 0 0 28px 40px;
  width: 240px;
}


.header .primary .megamenu.four-columns > .sub .box  {
width: 170px;
}


.header .primary .megamenu.five-columns > .sub .box  {
width: 128px;
}


.header .primary .megamenu > .sub .box.first  {
clear: left;
}


.header .primary .megamenu > .sub .promo-block  {
float: right;
  font-size: 14px;
  line-height: 18px;
  position: relative;
}


.header .primary .megamenu > .sub .promo-block:before  {
border-left: 1px solid #e6e6e6;
  bottom: -35px;
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: -35px;
}


.header .primary .megamenu > .sub .promo-block .promo-article  {
margin: 2px 0 11px;
}


.header .primary .megamenu > .sub .promo-block .promo-article img  {
float: left;
  margin: 7px 19px 15px 0;
  max-height: 70px;
  max-width: 70px;
}


.header .primary .megamenu > .sub .promo-block p  {
font-size: 14px;
  line-height: 18px;
  margin: 0 0 18px 0;
}


.header .primary .megamenu > .sub .promo-block .big-image  {
margin-bottom: -63px;
}


.header .primary .megamenu .title  {
font-size: 13px;
  line-height: 23px;
  margin: 0 0 3px;
  text-transform: uppercase;
}


.header .primary .megamenu > .sub a  {
width: 100%;
}


.header .primary .sub .sub .sub .sub  {
background: none;
  border: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  left: 0;
  padding: 0;
  position: relative;
  -webkit-animation: fadeIn 0;
  animation: fadeIn 0;
}


.header .primary .sub .sub .sub .parent > a  {
background: none !important;
}


/***********************************************************/

/* #HEADER FIX #NEW
=====================================================*/
.header .search .main-menu-icon  {
-webkit-transition: margin-top .4s ease, margin-bottom .4s ease, border .9s ease .2s;
	-o-transition: margin-top .4s ease, margin-bottom .4s ease, border .9s ease .2s;
	transition: margin-top .4s ease, margin-bottom .4s ease, border .9s ease .2s;
}


.affix.header .search .main-menu-icon  {
border-color: rgba(0,0,0, 0);
	opacity:1;
	height:46px;
	width:46px;
	padding:12px;
	margin-bottom: 7px;
	margin-top: 7px;
	-webkit-transition: margin-bottom .3s ease, margin-top .3s ease, border .3s ease;
	-o-transition: margin-bottom .3s ease, margin-top .3s ease, border .3s ease;
	transition: margin-bottom .3s ease, margin-top .3s ease, border .3s ease;
}

  
.header .sb-search-open  .main-menu-icon {
-webkit-transition: opacity .5s ease .2s, height .3s ease 0s, margin-bottom 0s ease 0s, margin-top 0s ease 0s, border .5s ease;
	-o-transition: opacity .5s ease .2s, height .3s ease 0s, margin-bottom 0s ease 0s, margin-top 0s ease 0s, border .5s ease;
	transition: opacity .5s ease .2s, height .3s ease 0s, margin-bottom 0s ease 0s, margin-top 0s ease 0s, border .5s ease;
}


.header  {
position:fixed; 
	left:0;
	-webkit-transition: background .3s ease, height .4s ease;
	-o-transition: background .3s ease, height .4s ease;
	transition: background .3s ease, height .4s ease;
	width:100%;
	z-index:29;
}


.affix.header  {
position: fixed;
	height: 60px;
	-webkit-transition: height .4s ease;
	-o-transition: height .4s ease;
	transition: height .4s ease;
}


.affix .header-wrapper  {
/* position:fixed; */
	top:0;
	left:0;
	z-index:100;
	background: #fff;
	-webkit-transition: height .3s ease 0s, background .3s ease 0s;
	-o-transition: height .3s ease 0s, background .3s ease 0s;
	transition: height .3s ease 0s, background .3s ease 0s; 
	-webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
	-webkit-box-shadow: 0 1px 15px rgba(0,0,0, .15);
	box-shadow: 0 1px 15px rgba(0,0,0, .15);
}


.affix.black-header .header-wrapper  {
background: #303236;
}


#nav-below.header  {
position:relative;
  width:100%;
}


.is-sticky .header  {
-webkit-box-shadow: 0 1px 15px rgba(0,0,0, .15);
	box-shadow: 0 1px 15px rgba(0,0,0, .15);
}

 
.header .container-m-30  {
position: relative;
}


.header-no-bg, .header-no-bg .header-wrapper  {
background: none;
}


.affix.header-no-bg, .affix.header-no-bg .header-wrapper  {
background: #fff;
}


.container-m-30  {
padding-right: 30px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	width:100%;
}


/* .logo-container-2  {
transition: all .3s ease 0s;
}

 */
header .logo  {
display: block;
	padding-bottom: 15px;
	padding-left: 45px;
  padding-top: 81px;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}


header.affix  .logo-2, .header.affix.no-transparent .logo-2  {
padding-top:9px;
	padding-bottom:9px;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}


.logo-img  {
height: 42px;
}


header .logo .logo-img  {
-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}


header.affix .logo .logo-img  {
-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}


.logo-2  {
display: block;
	padding:33px 0 25px 0;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}


.header.no-transparent .logo-2  {
padding:26px 0 25px 0;
}


/* #TABS
================================================== */ 
.tab-pane  {
background-color:#fff;
	border:1px solid #d6d6d6;
	border-top:none;
}


.tabs.custom-tabs .nav-tabs li.active a {
color:#4b4e53;
	background:#eee;
		border:none;
}


.tabs.custom-tabs .nav-tabs a {
color:#7e8082;
	border:none;
	border-radius:0px;
	padding: 15px 20px;
}


.tabs.custom-tabs .nav-tabs  {
border-bottom: 1px solid #eee;
}


.tabs.custom-tabs .tab-pane  {
background-color: #fff;
	border: 15px solid #eee;
	border-top: 14px solid #eee;
	border-left: none;
}



/***** #CUSTOM TAB VERTICAL	*****/
.tabs-vertical .nav-tabs > li  {
display: block;
	width:100%;
}


.tabs-vertical.tabs.custom-tabs .nav-tabs  {
border-bottom: none;
}


.tabs-vertical.custom-tabs .tab-pane  {
background-color: #fff;
	border: 15px solid #eee;
	border-right: none;
}


.tabs-vertical .nav-tabs  {
border-bottom: none;
	display: table-cell;
	height: 100%;
	float: none;
	padding: 0;
	vertical-align: top;
}


.tabs-vertical .tab-content  {
display: table-cell;
	vertical-align: top;
}


.bootstrap-tabs  {
margin-bottom: 20px!important;
}


.tab-pane  {
border:none;
}


/*****	#PAGINATION #NEW	*****/
.blog-pag .pagination .active a, .blog-pag  .pagination>.active>a:focus, .blog-pag  .pagination>.active>a:hover, .blog-pag  .pagination>.active>span, .blog-pag  .pagination>.active>span:focus, .blog-pag  .pagination>.active>span:hover  {
z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #4b4e53;
  border-color: #337ab7;
}


/*****	#BUTTONS	*****/
button  {
border:none;
	cursor:pointer;
  text-decoration: none;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}


.button  {
background-color:#ffea00;
	color:#4b4e53;
	border:none;
	border-radius:2px;
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
/****	add in anim	*******/
	outline: none;
	position: relative;
}


.button.medium   {
padding: 10px 37px 10px 37px;
	display:inline-block;
}


.button.thin.gray  {
border-color:#535961;
	color:#535961;
}


.button.gray  {
color:#fff;
	background-color:#535961;
}


.button i  {
margin: 0 5px 0 -1px;
}


.button.medium i, .button.medium-border i  {
margin: 0 6px 0 -4px;
}


.mt-0  {
margin-top:0 !important;
}


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


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



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


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


.mb-50  {
margin-bottom:50px
}



.p-0  {
padding:0 !important;
}


  .page-title  {
margin-bottom:10px;
    font-size:20px;
    line-height:24px;
}


.faq-search-form button  {
position:absolute;
  right:0;
  top:8px;
  background:transparent;
}


.input-dark-bg, .form-dark-bg button  {
color: #ddd;
}


.row, .clearfix  {
zoom: 1;
}


  #main-menu .navbar-collapse.collapse.in  {
display: block !important;
}



  /*	#HEADER MENU ====================================*/	
	/*****	#HEADER	*****/
	.container-m-30  {
padding:0;
}


  .nofloat.col-md-3, .nofloat.col-md-4, .nofloat.col-md-2 {
float:none;
    width:auto;
}


	.logo-2, .header.no-transparent .logo-2  {
padding: 17px 0 17px 13px;
}


	.logo-row  {
width:auto;
}


	.header-side-menu .logo-row  {
width:180px;
}


  .black-header .hamb-mob-icon, .header-black-white .hamb-mob-icon  {
color: #fff;
}


	.affix.header .btn-navbar .main-menu-icon  {
display:block;
}


	.header-1 .main-content  {
margin-top: 0px;
}


 	.header .logo, .header-maintenance .logo  {
padding-top:21px;
		-webkit-transition: all .3s ease 0s;
		-o-transition: all .3s ease 0s;
		transition: all .3s ease 0s;
}


	nav .main-menu-icon  {
display:none;
}



	/***** #INDENT MAIN CONTAINER	*****/	
  .header  {
position: relative;  
    margin-bottom:-76px; 
    width: auto;
    height:auto;
}


  /* .header-side-menu.header  {
position: fixed;  
    margin-bottom:0; 
    width: auto;
    height:auto;
}

 */
  .header.mobile-no-transparent  {
margin-bottom:0px;
}


  .header.black-header.mobile-no-transparent  {
background:#303236;
}


  .header .right-box-wrapper  {
text-align: right;
}


  .header .navbar  {
margin: 0;
    min-height: inherit;
    position: static;
}


  .header .menu-btn-respons-container .btn-navbar  {
background: #fff;
    border:none !important;
    display: block;
    margin:0;
    padding:0;
}


  .header .menu-btn-respons-container .btn-navbar:before  {
content: "";
    display: none;
}


  .header .menu-btn-respons-container .btn-navbar.collapsed:before  {
display: block;
}


  .header .menu-btn-respons-container .btn-navbar.collapsed  {
background: none;
    border: 1px solid transparent;
    border-bottom: 0 none;
}


  .header .btn-navbar .text  {
color: #1e1e1e;
    float: left;
    line-height: 16px;
    padding: 0;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-weight:300;
    font-size:14px;
    padding-top: 23px;
    padding-right: 15px;
}


  #main-menu .navbar .nav   {
padding-top:10px;
}


  #main-menu .navbar .nav li  a  {
font-size:13px;
}


  #main-menu .navbar .nav > li > a  {
font-weight: normal;
    margin: 0 !important;
    padding: 16px 9px 16px 17px !important;
    text-decoration: none;
    width:100%;
    text-align: left;
    color:#d3d3d3 !important; 
    border:none !important;
}


  #main-menu .navbar .nav .parent .parent > a:after  {
display: none;
}


  #main-menu .navbar .nav .open-sub  {
position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100%;
}


  #main-menu .navbar .nav .open-sub:before  {
content: "\e232";
    font-size: 20px;
    font-family: "linea-icons" !important;
    color:#d3d3d3;
    padding-top: 15px;
    right: 14px;
    position: absolute;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


  #main-menu .navbar .nav .current .open-sub:before  {
color:#fff;
}


  #main-menu .navbar .nav .active .open-sub:before  {
content: "\e200";
}


  #main-menu .navbar .nav .active .sub .open-sub:before  {
content: "\e232";
}

 
  #main-menu .navbar .nav .active .sub  .active .open-sub:before  {
content: "\e200";
}

 
  #main-menu .navbar .nav > li.parent:hover > a:after  {
display: none;
}


  #main-menu .navbar .nav > li.current > a  {
margin:0;
	  color: #fff !important;
	  border:none !important;
}


  #main-menu .navbar .nav > .parent.active > a,
  #main-menu .navbar .nav > .parent.active:hover > a {
background: transparent;
}


  .header-1 #main-menu .nav.navbar-nav  {
margin-right: 54px;
}


/******************************************************************************
* 	CSS SOURCE #OWL & #Magnific Popup CSS 
******************************************************************************/

/******************************************************************************
* 	Core #Owl Carousel CSS File
* 	v1.3.3
******************************************************************************/

/* clearfix */
.owl-carousel .owl-wrapper:after  {
content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


/* fade */
.owl-fade-out  {
z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}


.owl-page.active span {
-webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}


.single-carousel.black .owl-page.active span,
.small-item-carousel.black .owl-page.active span {
background: rgba(0,0,0, .4);
}


  .mfp-close:active  {
top: 1px;
}


  .mfp-arrow:active  {
margin-top: -54px;
}



/* Main image in popup */
img.mfp-img  {
width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}



/* The shadow behind the image */
.mfp-figure  {
line-height: 0;
}



  /***** MENU INDEX-PORTFOLOLIO 2 NEW *****/
  #header-left .main-menu-container .container-m-30  {
padding: 0 0 0 20px;
}


  #header-left .logo-row  {
width: auto;
}


  #header-left .logo-2  {
text-align:left;
    margin-top:40px;
    margin-bottom:20px;
}


  .hl-search button  {
color:#d3d3d3;
}


  #header-left.header .navbar  {
margin: 0;
    min-height: inherit;
    position: static;
}


  #header-left #main-menu .navbar-collapse.collapse.in  {
display: block !important;
}


  #header-left #main-menu .navbar .nav  {
padding-top: 10px;
}


  #header-left .navbar-nav  {
float: none;
}


  #header-left #main-menu .navbar .nav > li.current > a  {
margin: 0;
    color: #101010 !important;
}


  #header-left #main-menu .navbar .nav > li > a  {
font-weight: normal;
    margin: 0 !important;
    padding: 16px 9px 16px 17px !important;
    text-decoration: none;
    width: 100%;
    text-align: left;
    color: #7e8082 ;
    border: none !important;
}


  #header-left #main-menu .navbar .nav > li:hover > a  {
color: #111;
}


  #header-left #main-menu .navbar .nav li a  {
font-size: 13px;
}


  #header-left #main-menu .navbar .nav .open-sub  {
position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100%;
}


  #header-left.header-1 #main-menu .nav.navbar-nav  {
margin-right: 0;
}


  #header-left #main-menu .navbar .nav .open-sub:before  {
content: "\e232";
    font-size: 20px;
    font-family: "linea-icons" !important;
    color: #d3d3d3;
    padding-top: 15px;
    right: 14px;
    position: absolute;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


  #header-left #main-menu .navbar .nav .parent .parent > a:after  {
display:none;
}


  #header-left #main-menu .navbar .nav > .parent.active > a, #header-left #main-menu .navbar .nav > .parent.active:hover > a  {
background: transparent;
}


  #header-left #main-menu .navbar .nav .active .sub .active .open-sub:before  {
content: "\e200";
}


  #header-left #main-menu .navbar .nav .active .sub .open-sub:before  {
content: "\e232";
}


  #header-left #main-menu .navbar .nav .active .open-sub:before  {
content: "\e200";
}


.black-header .fs-primary-nav-trigger .fs-menu-icon  {
background-color: #fff;
}


.black-header .fs-primary-nav-trigger .fs-menu-icon::before, .black-header .fs-primary-nav-trigger .fs-menu-icon:after  {
background-color: #fff;
}


.black-header .fs-primary-nav-trigger .fs-menu-icon.is-clicked  {
background-color: rgba(255, 255, 255, 0);
}


.black-header .fs-primary-nav-trigger .fs-menu-icon.is-clicked::before, .black-header .fs-primary-nav-trigger .fs-menu-icon.is-clicked::after  {
background-color: #fff;
}


.affix-fix .logo-2  {
padding-top: 17px !important;
  padding-bottom: 17px !important;
}


#nav-stick2.transparent .header-wrapper  {
background: transparent !important;
}


.header-side-menu.affix-fix .header-wrapper  {
background: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}


  .header-1 #main-menu .nav-center .nav.navbar-nav  {
margin-right: 0 !important;
}

  
  #nav.affix-on-mobile .nav.navbar-nav  {
overflow-y: auto;
}



/* #LOGO HIDE HEADER ON MOBILE 
***************************************************/  
.hiding-logo.logo-img  {
-webkit-transition: all .3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -o-transition: all .3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  transition: all .3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  opacity:0
}


.affix .hiding-logo.logo-img  {
-webkit-transition: all .3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -o-transition: all .3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  transition: all .3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  opacity:1;
}


.header.affix.no-transparent-2 .logo-2  {
padding-top:9px;
	padding-bottom:9px;
	transition: all .4s ease 0s;
}


.header.no-transparent-2 .logo-2  {
padding:26px 0 25px 0;
}



.font-open-sans, #main-menu.font-open-sans .navbar .nav li a, #main-menu.font-open-sans .megamenu .title {
font-family: 'Open Sans',Arial,Helvetica,sans-serif !important;
}


.font-poppins, #main-menu.font-poppins .navbar .nav li a, #main-menu.font-poppins .megamenu .title, #main-menu .megamenu .title.font-poppins {
font-family: 'Poppins',Arial,Helvetica,sans-serif !important;
}


.font-montserrat, #main-menu.font-montserrat .navbar .nav li a, #main-menu.font-montserrat .megamenu .title {
font-family: 'Montserrat',Arial,Helvetica,sans-serif !important;
}


.font-raleway, #main-menu.font-raleway .navbar .nav li a, #main-menu.font-raleway .megamenu .title {
font-family: 'Raleway',Arial,Helvetica,sans-serif !important;
}


.font-josefin, #main-menu.font-josefin .navbar .nav li a, #main-menu.font-josefin .megamenu .title {
font-family: 'Josefin Sans',Arial,Helvetica,sans-serif !important;
}


.tabs-6 .nav-tabs>li>a  {
border-radius: 0; 
  padding:14px 20px;
}


.tabs-6 .nav-tabs>li>a:hover  {
border-color: transparent;
  background:transparent;
}


.tab6-cont .tab-pane  {
background-color:#f5f5f5;
}


.tabs-6 .nav-tabs>li.active>a, .tabs-6 .nav-tabs>li.active>a:focus, .tabs-6 .nav-tabs>li.active>a:hover  {
background-color:#f5f5f5;
  border-color:#f5f5f5;
}


.tabs-6 .nav-tabs  {
border-bottom: none;
}


.cookiealert.show, .cookiealert2.show {
opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms;
}


.cookiealert a.btn  {
text-decoration: none;
}


.text-white  {
color:#fff;
}





/* CUSTOM STYLES
***************************************************/


/* section template */
.section-template  {
display: flex;
  justify-content: center;
  padding: 5px;
}



.outer-box  {
background-color: #c9c9c9;
  border-radius: 5px;
  padding: 2px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  width: calc(100% - 5px);
  margin: 0 auto;
  margin-bottom: 5px;
}



.inner-box  {
background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}



.inner-box h2  {
color: #333333;
  font-size: 24px;
  margin-bottom: 10px;
}



.inner-box p  {
color: #666666;
  font-size: 16px;
  line-height: 1.6;
}

/* ===============================================
   END CORE RESETS & BASE STYLES
   =============================================== */