/*
Theme Name: Trocadero Theme
Description: Dedicated theme for Trocadero company.
Author: for brands.
Version: 1.0
*/

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
* {outline: none;}
body, html {-webkit-font-smoothing: antialiased;}
body {font-family: 'Sofia', Arial, sans-serif; font-size: 15px; line-height: 24px; font-weight: 300; background: #f2f2f2; color: #707173;}

a {color: #00233c; text-decoration: none; transition: all 250ms ease-in-out;}
a:hover {color: #00233c; text-decoration: underline;}

::-moz-selection{background: #00233c; color: #fff; text-shadow: none;}
::selection {background: #00233c; color: #fff; text-shadow: none;}
a:link {-webkit-tap-highlight-color: #00233c;}


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

	.wrapper {max-width: 1280px; background: #fff; margin: 0 auto; position: relative;}
	
	.prima-page .col-4, .prima-page .col-12, .home-page .col-4, .home-page .col-12 {
	    padding-left: 50px;
	    padding-right: 50px;
	}

	h1 a {display: block; width: 100%; height: 195px; background: url(_/img/logo.png) no-repeat center; background-size: 196px; text-indent: -10000px; overflow: hidden; }
	header {height: 195px;}
	header nav ul li {float: left; margin-right: 36px; line-height: 60px; font-weight: 400; font-size: 19px; position: relative; margin-top: 65px;}
	header nav ul li a {color: #828285; text-decoration: none; }
	header nav ul li.current-menu-item > a,
	header nav ul li.current-menu-parent > a,
	.no-touch header nav ul li > a:hover {color: #00233c; text-decoration: none; }
	header nav ul.sub-menu {opacity: 0; position: absolute; top: 50px; width: 525px; transition: all 250ms ease-in-out; pointer-events: none;}
	header nav ul.sub-menu li {line-height: 60px; margin-top: 0px;}
	header nav ul.sub-menu li:last-child {margin-right: 0px;}
	header nav li.current-menu-parent ul.sub-menu,
	.no-touch header nav li:hover ul.sub-menu {opacity: 1; pointer-events: auto;}
	header a.burger {display: none; width: 30px; height: 20px; position: absolute; top: 40px; right: 20px; z-index: 20;}
	header a.burger span {display: block; width: 30px; height: 4px; background: #fff; margin-top: 8px; transition: all 250ms ease-in-out;}
	header a.burger:after,
	header a.burger:before {display: block; content: ''; position: absolute; width: 30px; height: 4px; background: #fff; transition: all 250ms ease-in-out;}
	header a.burger:after {top: 0px;}
	header a.burger:before {top: 16px;}
	
	header nav ul li a {
	  background: 
	    linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255)),
	    linear-gradient(to right, rgb(0, 35, 60, 1), rgb(0, 35, 60, 1));
	  background-size: 100% 0.1em, 0 0.1em;
	  background-position: 100% 100%, 0 100%;
	  background-repeat: no-repeat;
	  transition: background-size 400ms;
	}
	
	header nav ul li a:hover,
	header nav ul li a:focus {
	  background-size: 0 0.1em, 100% 0.1em;
	}

	.mobile-nav-open header .burger span {opacity: 0;}
	.mobile-nav-open header .burger:after {transform: rotate(-45deg); top: 50%;}
	.mobile-nav-open header .burger:before {transform: rotate(45deg); top: 50%;}

	.home-page h2 {margin-bottom: 25px;}
	.home-page .home-box:first-child {padding-right: 35px;}
	.home-page .home-box:last-child {padding-left: 35px;}
	.home-page .home-news {display: block; margin-bottom: 20px;}
	.home-page .home-news .date {font-size: 11px; color: #828285;}

	.prima-page h2 {margin-bottom: 25px;}
	.prima-page h2:last-child {margin-bottom: 0px;}

	.baner {width: 100%; height: 450px; background: url(_/img/baner.jpg) no-repeat center; background-size: cover;}
	.baner .claim {font-size: 42px; line-height: 48px; color: #fff; padding-top: 230px;}

	.team-member {height: 360px;}
	.team-member .box {padding-bottom: 0px;}
	.team-member .photo {background-size: cover; background-position: top center}
	.team-member h2 {margin-bottom: 30px;}

	.contact-page .contact-data h2 {margin-bottom: 35px;}
	.contact-page .contact-form h2 {margin-bottom: 60px;}

	.box-container {display: flex; align-items: stretch;}

	.table-rows {display: none;}
	.table-rows li.first {border-bottom: 6px solid #00233c;}
	.table-rows li.empty {border: 0;}
	.table-rows li {border-bottom: 1px solid #00233c; color: #00233c; height: 50px; line-height: 16px; display: flex; align-items: center; }
	/*.table-rows li.hover {background: #00233c; color: #fff; position: relative;}
	.table-rows li.hover:before,
	.table-rows li.hover:after {content: ''; display: block; background: #00233c; position: absolute; top: 0; bottom: 0; width: 75px;}
	.table-rows li.hover:before {left: -75px;}
	.table-rows li.hover:after {right: -75px;}*/
	.table-rows li span {position: relative; z-index: 1; transition: all 300ms ease-in-out;}
	.table-rows li:not(.first):before {display: block; content: ''; position: absolute; height: 51px; margin-top: -1px; left: 0px; right: 0px; background: #00233c; transition: all 300ms ease-in-out; opacity: 0;}
	.table-rows li.first + li:not(.first):not(.empty):before {margin-top: -3px; height: 57px;}
	.no-touch .table-rows li:not(.first):not(.empty):hover {color: #fff;}
	.no-touch .table-rows li:not(.first):not(.empty):hover:before {opacity: 1;}

	.ie .table-rows li:not(.first):before{ margin-top: -18px;}
	.ie .table-rows li.first + li:not(.first):not(.empty):before {margin-top: -23px;}
	.ie.ie11 .table-rows li:not(.first):before{ margin-top: -26px;}
	.ie.ie11 .table-rows li.first + li:not(.first):not(.empty):before {margin-top: -31px;}

	.tables-list a {display: inline-block; color: #828285; padding: 0 15px; border-left: 1px solid #828285; line-height: 18px;}
	.tables-list a:first-child {padding-left: 0px; border: 0px;}
	.no-touch .tables-list a:hover,
	.tables-list a.active {color: #00233c;}

	.table-content, 
	.table-content-code {display: none;}
	.table-content table, 
	.table-content-code table {width: 100%; 	border-collapse: collapse; z-index: 1000; position: relative; pointer-events:none;}
	.table-content table tr, 
	.table-content-code table tr {border-bottom: 1px solid #00233c; height: 50px;}
	.no-touch .table-content table tr.white td, 
	.no-touch .table-content-code table tr.white td {color: #fff;}
	/*.table-content table tr.hover td { background: #00233c; color: #fff; }*/
	.table-content table tr.head, 
	.table-content-code table tr.head {border-bottom: 6px solid #00233c; height: 47px; }
	.table-content table td, 
	.table-content-code table td {vertical-align: middle; color: #00233c; line-height: 16px; text-align: center; transition: all 300ms ease-in-out;}
	.table-content table td.border,
	.table-content table th.border,
	.table-content-code table td.border,
	.table-content-code table th.border {border-right: 1px solid #00233c;}

	.table-content table tr.head + tr,
	.table-content-code table tr.head + tr {height: 52px;}


	footer {padding: 60px 0; font-size: 12px; font-weight: 400;}
	footer .col-4 {padding-right: 0px;}

	form {position: relative;}
	form .field-container {width: 100%; padding-left: 90px; position: relative; margin-bottom: 7px;}
	form label {display: block; width: 90px; color: #00233c; position: absolute; left: 0px;}
	form input {height: 20px; line-height: 20px; background: #fff; border: 0px; padding: 0 15px; width: 100%; color: #00233c; font-family: 'Sofia', Arial, sans-serif; font-weight: 300; font-size: 12px;}
	form textarea { height: 130px; line-height: 20px; background: #fff; border: 0px; padding: 10px 15px; resize: none; width: 100%; color: #00233c; font-family: 'Sofia', Arial, sans-serif; font-weight: 300; font-size: 12px;}
	form input[type=submit] {color: #00233c; font-weight: bold; background: transparent; position: absolute; bottom: 0px; left: 0px; width: auto; padding: 0px; transition: all 250ms ease-in-out;}
	.no-touch form input[type=submit]:hover {color: #595554;}
	form .fields-col {width: 50%; float: left;}
	form .fields-col:first-child {padding-right: 45px;}
	form .fields-col:last-child {padding-left: 45px;}
	form .ajax-message {display: none; margin-bottom: 20px;}

	ul.archives {margin-top: 15px;}
	ul.archives li {font-size: 20px; line-height: 26px;}
	ul.archives li a {color: #fff; position: relative;}
	ul.archives li.active a { text-decoration: underline;}
	.archives-files {display: none;}

.box {padding-top: 55px; padding-bottom: 55px;}
.bg-blue {background: #00233c; color: #fff;}
.bg-blue h2,
.bg-blue a {color: #fff;}
.bg-light {background: #e2e2e4;}
.bg-grey {background: #595554; color: #fff;;}
.bg-grey h2 {color: #fff;}
.color-blue {color: #00233c;}
.color-grey {color: #87888a;}

.pdf-icon {display: inline-block; font-size: 20px; line-height: 26px; background: url(_/img/pdf-icon.png) no-repeat left center; padding-left: 50px; font-weight: 400; color: #00233c; margin-bottom: 10px;}
.pdf-icon:last-child {margin-bottom: 0px;}
.no-touch .pdf-icon:hover {color: #595554;}

.news {display: block; font-size: 20px; line-height: 26px; color: #00233c; padding-left: 50px; background: url(_/img/pdf-icon.png) no-repeat top left; margin-bottom: 25px;}
.news .date {color: #828285; margin-left: 15px;}
.no-touch .news:hover {color: #595554;}

p {margin-bottom: 10px;}
p:last-child {margin-bottom: 0px;}
h2 {font-size: 20px; line-height: 26px; color: #00233c; font-weight: 400;}
h3 {font-size: 15px; line-height: 24px; color: #00233c; font-weight: 400;}
span.news_title {font-weight: 400;}

.disclaimer-container-overall {display: none; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(4, 14, 28, 0.8); z-index: 1000;}
.disclaimer-container {position: absolute; top: 50%; left: 50%; margin: -250px 0 0 -384px; height: 500px; width: 768px; background: #e2e2e4;}
.disclaimer-container .box {padding: 40px;}
.disclaimer-container h1 {float: left;}
.disclaimer-container h1 a {width: 140px; height: 60px; background-size: 140px auto;}
.disclaimer-container h2 {float: right; line-height: 30px; font-size: 16px;}
.disclaimer-container h3 {margin-bottom: 20px;}
.disclaimer-container .disclaimer-content {height: 320px;overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.disclaimer-container .disclaimer-content h3 {margin: 0 0 5px;}
.disclaimer-container .disclaimer-content p {margin-bottom: 15px; font-size: 12px; line-height: 17px;}
.disclaimer-container .button {float: right; padding: 5px 20px; line-height: 20px; color: #00233c; text-transform: uppercase; background: #fff; font-weight: bold; float: right; margin-left: 20px;}
.disclaimer-container .button:hover {background: #e2e2e4; text-decoration: none;}
div.disclaimer_highlight {padding: 20px; margin-top: 20px; margin-bottom: 20px; background-color:#fff;}
div.disclaimer_highlight h4 {margin-bottom: 10px;}

#fundana {	font-size: 15px;}
#fundana-btn a {	background-color: #00233c;	padding: 10px 15px 12px;	color: #fff;	text-decoration: none;}
#fundana-btn a:hover {	background-color: #595554;	padding: 10px 15px 12px;	color: #fff;}
#fundana-btn a i {	font-size: 11px;	padding-left: 15px;}
#fundana-btn a:hover i {	transform: translateX(5px);	transition: all 300ms;}
#fundana-btn {	margin-top: 40px;}

/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 1279px) {

	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
	.col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16 {padding-left: 40px; padding-right: 40px;}

	h1.col-4 {padding: 0px;}
	header nav ul li {margin-right: 36px;}
}

@media screen and (max-width: 1195px) {

	header {height: 100px;}
	header h1 a {height: 100px; background-position: left center; margin-left: 20px; width: 200px;}
	header nav {position: fixed; z-index: 10; top: 0px; bottom: 100%; left: 0px; right: 0px; background: rgba(0, 35, 60, 0.95); overflow: hidden; transition: 400ms ease-in-out;}
	header nav ul.menu {margin-top: 120px; transition: 400ms ease-in-out;}
	header nav ul li {float: none; padding: 0px; margin: 0px; text-align: center; line-height: 50px;}
	header nav ul li a,
	header nav ul li.current-menu-item > a,
	header nav ul li.current-menu-parent > a,
	.no-touch header nav ul li > a:hover {color: #fff;}
	header nav ul.sub-menu {opacity: 1; position: relative; top: auto; width: auto; pointer-events: auto; margin-top: 0px;}
	header nav ul.sub-menu li {line-height: 50px;}
	header a.burger {display: block;}
	header a.burger span,
	header a.burger:after,
	header a.burger:before {background: rgb(0, 35, 60);}
	.col-12#nav {width: 100%;}

	.mobile-nav-open header nav {bottom: 0px}
	.mobile-nav-open header nav ul.menu {margin-top: 60px;}
}

@media screen and (max-width: 1025px) {

	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
	.col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16 {padding-left: 20px; padding-right: 20px;}

/*
	header h1 a {background-size: 130px auto;}
	header nav ul li {margin-right: 30px;}
	header nav ul li:last-child {margin-right: 0px;}
*/

	.baner .claim {font-size: 36px; line-height: 42px;}

	.table-content, 
	.table-content-code {overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch;}
	.table-content table,
	.table-content-code table {width: 700px;}

	.team-member {height: 320px; line-height: 18px; font-size: 13px;}
	.team-member .box {padding-top: 20px;}
	.team-member h2 {margin-bottom: 10px;}

	footer {font-size: 11px;}
}

@media screen and (max-width: 768px) {

	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
	.col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16 {width: 100%;}

	.pull-1, .pull-4 {margin-left: 0%;}

	header {height: 100px;}
	header h1 a {height: 100px; background-position: left center; margin-left: 20px; width: 200px;}
	header nav {position: fixed; z-index: 10; top: 0px; bottom: 100%; left: 0px; right: 0px; background: rgba(0, 35, 60, 0.95); overflow: hidden; transition: 400ms ease-in-out;}
	header nav ul.menu {margin-top: 120px; transition: 400ms ease-in-out;}
	header nav ul li {float: none; padding: 0px; margin: 0px; text-align: center; line-height: 50px;}
	header nav ul li a,
	header nav ul li.current-menu-item > a,
	header nav ul li.current-menu-parent > a,
	.no-touch header nav ul li > a:hover {color: #fff;}
	header nav ul.sub-menu {opacity: 1; position: relative; top: auto; width: auto; pointer-events: auto; margin-top: 0px;}
	header nav ul.sub-menu li {line-height: 50px;}
	header a.burger {display: block;}
	header a.burger span,
	header a.burger:after,
	header a.burger:before {background: rgb(255, 255, 255);}
	.mobile-nav-open header nav {bottom: 0px}
	.mobile-nav-open header nav ul.menu {margin-top: 60px;}

	.table-boxes .box.col-4 {float: left; width: 40%; padding-bottom: 60px;}
	.table-boxes .box.col-12 {float: left; width: 60%;}
	.table-boxes h2 {font-size: 15px; line-height: 20px;}

	.box-container {display: block;}
	.baner {height: 250px;}
	.baner .claim {font-size: 20px; line-height: 26px; padding-top: 150px;}

	.team-member .photo {height: 350px;}
	.team-member {height: auto;}
	.team-member .box {padding-bottom: 20px;}

	.home-page .home-box:first-child {padding-left: 0px; padding-right: 0px; padding-bottom: 0px;}
	.home-page .home-box:last-child {padding-left: 0px; padding-right: 0px;}

	form .fields-col {float: none; width: 100%;}
	form .fields-col:first-child {padding-right: 0px;}
	form .fields-col:last-child {padding-left: 0px;}

	.tables-list a {padding: 0 5px;}

	.box {padding-top: 40px; padding-bottom: 40px;}

	footer {padding: 40px 0; line-height: 16px;}
	footer .col-4 {padding-bottom: 10px;}

	.disclaimer-container {width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: 0px;}
	.disclaimer-container .box {padding: 30px 20px;}
	.disclaimer-container h2 {float: left; margin-top: 10px; font-size: 16px;}
	.disclaimer-container .disclaimer-content {height: 280px;}
}