/*!
Theme Name: W Architecture
Theme URI: http://w-architecture.com/
Author: Chris Kuffner
Author URI: https://cypr.es
Description: Theme for W Architecture
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: warch
*/


/* Nette CSS */

/* First must be Custom Font*/
/*@import url("//hello.myfonts.net/count/32160d");*/

  
@font-face {font-family: 'BellCentennialBT-BoldListing';src: url('webfonts/32160D_3_0.eot');src: url('webfonts/32160D_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/32160D_3_0.woff2') format('woff2'),url('webfonts/32160D_3_0.woff') format('woff'),url('webfonts/32160D_3_0.ttf') format('truetype');}
 

@font-face {font-family: "Helvetica";
    src: url("https://db.onlinewebfonts.com/t/bec9cfcd690948400517b31821c873e1.eot");
    src: url("https://db.onlinewebfonts.com/t/bec9cfcd690948400517b31821c873e1.eot?#iefix") format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/bec9cfcd690948400517b31821c873e1.woff2") format("woff2"),
    url("https://db.onlinewebfonts.com/t/bec9cfcd690948400517b31821c873e1.woff") format("woff"),
    url("https://db.onlinewebfonts.com/t/bec9cfcd690948400517b31821c873e1.ttf") format("truetype"),
    url("https://db.onlinewebfonts.com/t/bec9cfcd690948400517b31821c873e1.svg#Helvetica") format("svg");
}

@font-face {font-family: "Bell Centennial";
    src: url("fonts/bell/32160D_3_0.eot");
    src: url("fonts/bell/32160D_3_0.eot?#iefix") format("embedded-opentype"),
    url("fonts/bell/32160D_3_0.woff2") format("woff2"),
    url("fonts/bell/32160D_3_0.woff") format("woff"),
    url("fonts/bell/32160D_3_0.ttf") format("truetype"),
    url("fonts/bell/32160D_3_0.svg#Bell Centennial") format("svg");
}
/*
@font-face {font-family: "Bell Centennial";
    src: url("https://db.onlinewebfonts.com/t/331dd793ed21cb3c2d36dbf59a4b463d.eot");
    src: url("https://db.onlinewebfonts.com/t/331dd793ed21cb3c2d36dbf59a4b463d.eot?#iefix") format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/331dd793ed21cb3c2d36dbf59a4b463d.woff2") format("woff2"),
    url("https://db.onlinewebfonts.com/t/331dd793ed21cb3c2d36dbf59a4b463d.woff") format("woff"),
    url("https://db.onlinewebfonts.com/t/331dd793ed21cb3c2d36dbf59a4b463d.ttf") format("truetype"),
    url("https://db.onlinewebfonts.com/t/331dd793ed21cb3c2d36dbf59a4b463d.svg#Bell Centennial") format("svg");
}

@font-face {font-family: "Helvetica Neue LT Pro";
    src: url("https://db.onlinewebfonts.com/t/17425097c61a79b11fe5e8875057fcc3.eot");
    src: url("https://db.onlinewebfonts.com/t/17425097c61a79b11fe5e8875057fcc3.eot?#iefix") format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/17425097c61a79b11fe5e8875057fcc3.woff2") format("woff2"),
    url("https://db.onlinewebfonts.com/t/17425097c61a79b11fe5e8875057fcc3.woff") format("woff"),
    url("https://db.onlinewebfonts.com/t/17425097c61a79b11fe5e8875057fcc3.ttf") format("truetype"),
    url("https://db.onlinewebfonts.com/t/17425097c61a79b11fe5e8875057fcc3.svg#Helvetica Neue LT Pro") format("svg");
}
*/
@font-face {font-family: "Helvetica Neue LT Pro";
    src: url("fonts/HelveticaNeueLT/3808766e-26cf-47cb-97a7-1f1c64db9c48.eot");
    src: url("fonts/HelveticaNeueLT/3808766e-26cf-47cb-97a7-1f1c64db9c48.eot?#iefix") format("embedded-opentype"),
    url("fonts/HelveticaNeueLT/946b2f3f-a9d7-47e4-9738-ee963004d697.woff2") format("woff2"),
    url("fonts/HelveticaNeueLT/ce90a9c3-4580-4fa7-b453-9a4e86d0c271.woff") format("woff"),
    url("fonts/HelveticaNeueLT/a621a6bf-fa40-4115-9f42-6ffb55c017e2.ttf") format("truetype");
}

@font-face {
  font-family: 'icomoon';
  src:  url('img/icomoon/fonts/icomoon.eot?vu5pc7');
  src:  url('img/icomoon/fonts/icomoon.eot?vu5pc7#iefix') format('embedded-opentype'),
    url('img/icomoon/fonts/icomoon.ttf?vu5pc7') format('truetype'),
    url('img/icomoon/fonts/icomoon.woff?vu5pc7') format('woff'),
    url('img/icomoon/fonts/icomoon.svg?vu5pc7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-contact_mail:before {
  content: "\e900";
}
.icon-download:before {
  content: "\e901";
}
.icon-facebook:before {
  content: "\e902";
}

*:focus {outline:none !important}
img:focus {outline:0 !important;}

.navbar .yt {
	/*
	position:relative;
	display:inline-block;
	width:28px;
	height:29px;	
	background:url(img/youtube.svg) center center no-repeat;	
	background-size:28px 29px
	*/
}

.fa-youtube::before {
    content: "";
	*height:29px;
}

.icon-left_arrow .path1:before {
  content: "\e903";
  color: rgb(255, 255, 255);
}
.icon-left_arrow .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-right_arrow .path1:before {
  content: "\e905";
  color: rgb(255, 255, 255);
}
.icon-right_arrow .path2:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-search:before {
  content: "\e907";
}
.icon-twitter:before {
  content: "\e908";
}
.icon-W:before {
  content: "\e909";
}
.icon-W_logo_text:before {
  content: "\e90a";
}
.icon-W_pin .path1:before {
  content: "\e90b";
  color: rgb(226, 42, 5);
}
.icon-W_pin .path2:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-W_pin .path3:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(226, 42, 5);
}


.active {
	text-decoration:underline;
}
/* We use web-fonts instead */
/*@font-face {font-family: "Helvetica Neue LT Pro Cn";
/*	src: url('/fonts/HelveticaNeueLTPro-Cn/fonts/HelveticaNeueLTPro-Cn.eot'); /* IE9 Compat Modes */
/*	src: url('/fonts/HelveticaNeueLTPro-Cn/fonts/HelveticaNeueLTPro-Cn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
/*    /*url('webfont.woff2') format('woff2'),*/ /* Super Modern Browsers */
/*    url('/fonts/HelveticaNeueLTPro-Cn/fonts/HelveticaNeueLTPro-Cn.woff') format('woff'), /* Pretty Modern Browsers */
/*    url('/fonts/HelveticaNeueLTPro-Cn/fonts/HelveticaNeueLTPro-Cn.ttf')  format('truetype'), /* Safari, Android, iOS */
/*    url('/fonts/HelveticaNeueLTPro-Cn/fonts/HelveticaNeueLTPro-Cn.svg#svgFontName') format('svg'); /* Legacy iOS */
/*}
/*@font-face {font-family: "Bell Centennial Bold listing";
/*	src: url('/fonts/bell-centennial-bold-listing-bt/fonts/ufonts.com_bell-centennial-bold-listing-b.eot'); /* IE9 Compat Modes */
/*	src: url('/fonts/bell-centennial-bold-listing-bt/fonts/ufonts.com_bell-centennial-bold-listing-b.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
/*    /*url('webfont.woff2') format('woff2'),*/ /* Super Modern Browsers */
/*    url('/fonts/bell-centennial-bold-listing-bt/fonts/ufonts.com_bell-centennial-bold-listing-b.woff') format('woff'), /* Pretty Modern Browsers */
/*    url('/fonts/bell-centennial-bold-listing-bt/fonts/ufonts.com_bell-centennial-bold-listing-b.ttf')  format('truetype'), /* Safari, Android, iOS */
/*    url('/fonts/bell-centennial-bold-listing-bt/fonts/ufonts.com_bell-centennial-bold-listing-b.svg#svgFontName') format('svg'); /* Legacy iOS */
/*}
*****************************/
/** Global **/
*{ margin: 0px; padding: 0px;}
body, html{height: 100%; width:100%; font-family: 'Helvetica', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 'Arimo', 'Open Sans', Helvetica, Arial, "Lucida Grande", sans-serif;}
hr {border-color: #827e7c;}
a {color: black;}
a:hover {color: black;}
a:hover,a:focus {
	text-decoration:none;
	color:inherit;
}
h3 { font-family: 'Helvetica Neue LT Pro', Fallback, sans-serif; }
h2 { font-family: 'Helvetica Neue LT Pro', Fallback, sans-serif; }
.hidden {visibility: hidden; display: none;}
.visible {visibility:visible; display: inline-block;}
.read-more a{padding-bottom:32px;}
.read-more {padding-bottom:32px;}
.filter-wrap,.filter-wrap2{ padding-top: 38px;}
.filter-wrap li,.filter-wrap2 li{ float:left;}
.filter-wrap ul, .filter-wrap2 ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; display: inline-block;}
.bx-wrapper .bx-prev{left: -100px; background: url("img/left_arrow.svg"), none !important;}
.bx-wrapper .bx-next{background: url("img/right_arrow.svg"), none !important;}
.bx-prev, .bx-next {
	-webkit-filter: drop-shadow( -0px -0px 2px #000 ); 
	filter: drop-shadow( -0px -0px 2px #000 ); /* Same syntax as box-shadow */
	filter: alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	transition: opacity 200ms ease-in;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	-ms-transition: opacity 200ms ease-in;
}

section h1 {
	font-size:48px;
	font-family: 'Helvetica Neue LT Pro', Fallback, sans-serif;	
	margin-bottom:30px;
	margin-top:0px;
	padding-top:40px;
}

/* for IE 8 & 9 */
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#000')";
/* For IE 5.5 - 7 */
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#000')";
}
#projects .mix{ display: none !important;}

.bottom-span{padding-bottom: 58px;}
.top-span{padding-top: 50px;}
.top-pad{padding-top: 38px;}
.bottom-pad{padding-bottom: 38px;}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.fa-times:before {
    content:"";
	background:url('img/close.svg');
	background-size:cover;
	width:16px;
	height:16px;
	display:block;
}

.fa-search:before {
    content:"";
    background:url('img/search.svg');
    background-size:cover;
    width:18px;
    height:18px;
    display:block;
}

.btn-default {
	border-radius:0;
    border:1px solid black;	
}
.dropdown-menu {
	border-radius:0;
    border:1px solid black;	
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background:white;
	text-decoration:underline;
}

/** Top navigation menu **/
.header-bcg{background: white url("/images/brand/w_architectur_top_menu_logo.jpg") no-repeat top right 20%; background-image: url("img/W_logo_text.svg"), none;background-position: top -14px right 20%;}
.navbar-default{background-color: white;}
.navbar a{color: black !important;}
.navbar-nav{font-size: 1.2em !important;}
.navbar-search{ line-height: 50px; font-size: 1.5em; padding-right: 16px;}
.navbar-search .fa-times{padding-right: 3px;}
.navbar-socials{ float: right; line-height: 50px; font-size: 2em; padding-left: 16px;}
.navbar-socials a:hover{text-decoration:none;}
.navbar-socials a.fb {
	position:relative;
	top:4px;
}

.navbar-expand { min-height: 152px}
.nav-search-bar {font-size: 1.2em; text-align: left; padding-top: 24px; display:none;}
.nav-search-bar i{ padding-left: 14px; font-size: 1.4em}
.dropdown {display: inline-block;}
.navbar{
	-webkit-transition: min-height 500ms, height 2s; /* For Webkit browser(Chrome, Safari...) */ 
	-moz-transition: min-height 500ms, height 2s; /* For Mozilla browser */
	-o-transition: min-height 500ms, height 2s; /* For Opera browser */
	-ms-transition: min-height 500ms, height 2s; /* For Microsoft browser */
	transition: min-height 500ms, height 2s;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
	background-color: transparent !important;
	text-decoration: underline;
}
.navbar-default .navbar-nav a:hover{
	text-decoration: underline;
}
.navbar-fixed-bottom, .navbar-fixed-top{
	z-index: 99999;
}

/** Front-page header **/
#header{ height: auto; position:relative; background: #92d5f8 url("img/main_page_background.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover;}
.header-title h2{font-size: 4em; color:white; padding-top: 3em;}
.slider-wrapper ul{ margin: 0px;}
.slider-wrapper, .bx-viewport{ 
	width:100%; top:0; left:0;
    position: static!important; /* center to page correctly */
    border: 0!important; /* border */
    -webkit-box-shadow: none!important; /* these two shadows */
    box-shadow: none!important;
}
.bxslider, .bxslider li {height: 560px !important;}
.slider-wrapper .bx-caption{ top: 0; text-align: center; font-size: 5em; background: none !important; display: flex; flex-direction: column; justify-content: center;}
.slider-wrapper span{ font-family: 'Bell Centennial', Fallback, sans-serif !important; text-shadow: 0px 0px 40px rgba(1, 1, 1, 1);}
.slider-wrapper img{ width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.bx-wrapper .bx-pager.bx-default-pager a{
	background: none !important;	
	border: 2px solid #000;
	border-radius: 50%;
	*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	*filter: alpha(opacity=60);
	*opacity: 0.6;

	*-webkit-box-shadow: 0 0 1px 0px rgb( 255, 255, 255);
	*box-shadow: 0 0 1px 0px rgb( 255, 255, 255);
	width: 8px;
	height: 8px;
	z-index: 86;

	-webkit-transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-o-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background: #000 !important;
}


#project .slide {
    margin:0 10px;
}

#project .slide img {
    max-width: 1000px; 
    height: auto;
    display: block;
}

@media screen and (max-width:1400px) {
	#project .slide img {
	    max-width: 800px; 
	}
}

@media screen and (max-width:1000px) {
    #project .slide img {
        max-width: 500px; 
    }
}

@media screen and (max-width:789px) {
    #project .slide img {
        max-width: 300px; 
    }
}


/** Front-page section1 - news **/
.bxslider-hp-1 .slide{ margin: 0px;}
.sec1-title{/*padding-bottom: 32px;*/ font-size: 36px; font-family: 'Helvetica Neue LT Pro', Fallback, sans-serif !important;}
.sec1-title-wrapper{min-height:160px;}
.sec1-excerpt{padding-bottom: 18px;min-height:6em;}
.sec1-more, .sec2-more, .sec-back {padding-bottom: 38px; font-family: 'Helvetica Neue LT Pro', Fallback, sans-serif; font-size: 30px;}
.sec1-more span, .sec2-more span, .sec-back span { 
	opacity:0; 
	visibility:none;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
 }
.sec1-image {
	width:100%;
	height:200px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.sec1-more:hover span, .sec2-more:hover span, .sec-back:hover span { opacity:1;visibility:visible; }
.sec1-tags{ padding-top: 28px; }
.sec1-tags a, .sec2-tags a{font-weight: bold; text-decoration:underline;  margin-right: 28px;}

/** Front-page section2 - projects **/
#projects { background: #c2c2c3;}
#projects .sec2-filter { padding-top: 38px; padding-bottom: 18px; }
#projects .sec2-filter ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden;text-align:center;}
#projects .sec2-filter li{ display:inline-block;*float:left;}
#projects .bx-wrapper .bx-viewport{ background: #c2c2c3;}
#projects ul li, #portfolio .filter-wrap ul li{ margin-right: 19px;margin-left:19px;}
.sec2-more a span, .sec1-more a span{ font-size: 16px; font-family: 'Helvetica','Helvetica Neue LT Pro', Fallback, sans-serif;}
#projects .sec2-tags{padding-top: 18px;}
#projects  .sec2-image {
    width:100%;
    height:500px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
#projects .sec2-image a {
	display:block;
	width:100%;
	height:100%;
}
.slide {
	padding:0 10px 0 20px;
	*padding:0;
 }
 .slide:first-child {
	*margin-left:-50px !important;
 }
 
 #project .slide {
	padding:0;
 }
 
 #project .bx-prev {
	*display:none;
 }

 
/** Front-page section3 - info **/
#info{margin-top: 28px;}

/** Footer **/
#footer {padding-top: 58px;padding-bottom: 38px;}
footer { background: #c2c2c3; }
footer ul { list-style-type: none;}
#footer .col-md-3, #footer .col-md-2, #footer .col-md-6 {border-left: 1px solid rgb(51, 51, 51); padding-right: 32px;padding-left: 32px;}
/*#footer .col-md-3:last-child {border-right: 0;}*/
#footer img {max-width: 100%;}

/** Portfolio **/
#portfolio{ padding-top: 50px; padding-bottom: 38px; }
#portfolio h1{ font-family: 'Helvetica','Helvetica Neue LT Pro', Fallback, sans-serif; font-size: 1em; }
#portfolio .grid{ padding-bottom: 50px; }

#portfolio .filter-wrap a, #studio .filter-wrap2 a,
#portfolio .filter-wrap a:hover, #studio .filter-wrap2 a:hover {text-decoration: none;}

#portfolio .filter-wrap a:after, #studio .filter-wrap2 a:after,
#projects .sec2-filter a:after {
	visibility:hidden;
	position: absolute;
	filter: alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	content: '\25CF';
	padding-left: 5px;
	transition: opacity 200ms ease-in;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	-ms-transition: opacity 200ms ease-in;
}
#portfolio .filter-wrap a:hover:after, #studio .filter-wrap2 a:hover:after,
#portfolio .filter-wrap a.active:after, #studio .filter-wrap2 a.active:after,
#projects .sec2-filter a:hover:after {
	visibility:visible;
	filter: alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
}
.grid{padding-top: 58px;}
/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.port-item{ width: 228px;  margin-bottom: 10px; float: left;}
.port-title{ padding-bottom: 12px;}
.port-item img{ width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.port-wrap {height: 600px;}
.port-item-width2 { width: 492px; }
.port-item-height2 { height: 260px; }
.sec-back a span{ font-size: 16px; font-family: 'Helvetica','Helvetica Neue LT Pro', Fallback, sans-serif;}

/** Project **/
#project {padding-top: 80px;}
#project .bx-wrapper {margin: 0 auto 0px;}
.bxslider-proj{padding-top:38px;}
.slider-nav{overflow: auto; padding-bottom: 50px;}
.slide-left {float: left;}
.slide-left .fa{padding-right: 8px;}
.slide-right {float: right;}
.slide-right .fa{padding-left: 8px;}
.proj-title { font-size: 32px; font-family: 'Helvetica Neue LT Pro', 'Helvetica', Fallback, sans-serif; }
.proj-awards { font-size: 24px; font-family: 'Helvetica Neue LT Pro', 'Helvetica', Fallback, sans-serif; }
.proj-links{font-weight: bold;}
.proj-links ul{list-style-type: none;}

/** Archive **/
#archive { padding-top: 50px;}
#archive .filter-wrap ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; display: inline-block;}
#archive .filter-wrap ul li{ float: left; padding-right: 18px;}
.archive{ padding-top: 28px}
.arch-item{padding-bottom: 32px;}

/** Studio **/
#studio { padding-top: 50px;}
#studio .filter-wrap2 ul li{ padding-right: 28px;}
#studio h2{font-size: 32px;}
#studio h3{font-size: 20px;}
#studio .studio{padding-bottom: 116px;padding-top: 38px;}
#studio .box{border-bottom: 1px solid black; margin-bottom: 18px; padding-bottom: 12px;}
.row.studio .col-md-4:not(:last-child){padding-right: 60px;
}
.stud-item {padding-bottom: 58px; }
/*.stud-wrap{border: 30px solid white;}*/
.stud-wrapper  img{max-width: 100%;}
.stud-item img{max-width: 100%; height: auto;}
/*----- Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
/*----- Section Titles -----*/
.accordion-section-title {
    width:100%;
    padding:5px 15px 5px 15px;
    display:inline-block;
    border-bottom:1px solid #1a1a1a;
    transition:all linear 0.15s;
    /* Type */
    font-size:32px;	
    /*text-shadow:0px 1px 0px #1a1a1a;*/
    font-family: 'Helvetica Neue LT Pro', Fallback, sans-serif;	
	position:relative;
	line-height:1em;
	margin-bottom:11px;
}

.accordion-section-title:after {
    content: "";
	position:absolute;
	right:0;
	top:10px;
	width:16px;
	height:20px;
	background:url('img/sipka_down.svg') left top no-repeat;
	background-size:16px 20px;
}

.accordion-section-title.active:after {
    background:url('img/sipka_up.svg') left top no-repeat;
    background-size:16px 20px;	
}

.accordion-section-title.active, .accordion-section-title:hover {
    *background:#4c4c4c;
    /* Type */
	*color:white;
    text-decoration:none;
}
/*----- Section Content -----*/
.accordion-section-content {
    padding:15px;
    display:none;
}

/** Contact **/
.c-mail{
	padding-bottom:18px;
}

/* Bootstrap */
/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 38px;
    padding-left: 38px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.navbar-toggle {
	border:none;
	border-radius:0;
}

.navbar-toggle:hover, .navbar-toggle:focus {
	background:white !important;
}

.navbar-toggle .icon-bar {
	height:1px;
	border-radius:0;
	background:black;
	width:40px;
}

.navbar-toggle .icon-bar + .icon-bar {
	margin-top:10px;
}

.navbar-brand {
	max-width:75%;
	padding-top:12px;
}

.navbar-brand img {
	max-width:100%;
}

.slick-slider {
	margin: 0 auto 60px;
}

.slick-news .slick-slide {
	width: 326px;
	margin:0 45px;
}

.slick-news .slick-slide hr._2 {
	margin-top:15px;
}
.bxslider-hp-2 .slick-slide {
	width:1200px;
	margin:0 45px;
}

.bxslider-hp-3 .slick-slide {
	width:480px;
	margin:0 45px;
}

.slick-next {
    background: url("img/right_arrow.svg") repeat scroll 0 0%, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    right: 10px;
}

.slick-prev {
    background: url("img/left_arrow.svg") repeat scroll 0 0%, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    left: 10px;
}

.slick-slide.slide {
	padding:0;
}

.slick-arrow {
	border:none;
	height: 32px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 32px;
    z-index: 9999;
    filter: drop-shadow(0px 0 2px #000);
    opacity: 0;
    transition: opacity 200ms ease-in 0s;
}

.slick-slider:hover .slick-arrow,
.bx-wrapper:hover .bx-controls-direction a {
	opacity:1;
}

#project .slick-slider .slick-arrow, .bx-wrapper .bx-controls-direction a {
	opacity:1;
}

blockquote {
    border-left: none;
    font-size: inherit;
    margin: 0;
    padding: 0;
}


@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;
    }
}
/* 


   5 columns grid for 'md' and 'lg' screens

   @tatygrassini


*/

@media (min-width: 992px) {
  .col-md-1-5 { width: 20%; }
  .col-md-2-5 { width: 40%; }
  .col-md-3-5 { width: 60%; }
  .col-md-4-5 { width: 80%; }
  .col-md-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
  .col-lg-1-5 { width: 20%; }
  .col-lg-2-5 { width: 40%; }
  .col-lg-3-5 { width: 60%; }
  .col-lg-4-5 { width: 80%; }
  .col-lg-5-5 { width: 100%; }
}
/*****/
@media (min-width: 480px) {
}
@media (max-width: 480px) {
}

@media (min-width: 768px) {
}
@media (max-width: 768px) {
	#footer .col-xs-12 {border:0;}
	.navbar-left .fa-search,.navbar-left .fa-times {position: absolute; bottom: 20px;}
	.nav-search-bar { padding: 0px 0px 12px 18px;}
	.nav-search-bar > span { padding-left:25px;}	
	.nav-search-bar i { visibility: hidden;}
	.header-bcg {
		background:#fff;
	}	
	.bx-wrapper .bx-caption span {
		font-size:0.65em !important;
	}
	.bxslider-hp-2 .slick-slide,
	.bxslider-hp-3 .slick-slide {
		width:326px;
		margin:0;
		padding:0 20px;		
	}
	.slick-news .slick-slide {
		margin:0;
		padding:0 20px;
	}
	#footer .col-sm-6 {
		border-left:none;
		padding-left: 15px;
		padding-right:15px;
	}
	
	.grid {
		height:auto !important;	
	}
	
	.port-item {
		position:relative !important;
		top:0 !important;
		width:100% !important;
	}
	
	.port-wrap {
		height:auto !important;
	}
}

@media (min-width: 992px) {

}
@media (max-width: 992px) {
	#footer .col-md-6:nth-child(2) {border-right: 0;}	
}

@media (min-width: 1200px) {
  
}
@media (max-width: 1200px) {
	#footer .col-md-6, #footer .col-md-4  {text-align: center;}
	#footer .col-md-6 {margin: 20px 0;}
}

@media (max-width: 1300px) {
	.bxslider-hp-2 .slick-slide {
		width:900px;		
	}
	.slick-news .slick-slide {
		width:260px;
	}
}

@media (max-width: 768px) {
    .bxslider-hp-2 .slick-slide {
		width:380px;
    }
    .bxslider-hp-2 h3 {
		padding-left:20px;
    }
    .slick-slider {
		margin: 0 auto 0px;
    	padding-bottom:30px;
    }
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(img/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/* New CSS */
.proj-text p a { font-weight: bold; }
.port-title h1 { margin-bottom: 10px; }
.admin-bar .navbar-fixed-bottom, .admin-bar .navbar-fixed-top { top: 32px; }