/*=================================================================

	██████╗  ██████╗ ███╗   ██╗██████╗  █████╗    ███████╗███████╗
	██╔══██╗██╔═══██╗████╗  ██║██╔══██╗██╔══██╗   ██╔════╝██╔════╝
	██████╔╝██║   ██║██╔██╗ ██║██║  ██║███████║   █████╗  ███████╗
	██╔══██╗██║   ██║██║╚██╗██║██║  ██║██╔══██║   ██╔══╝  ╚════██║
	██████╔╝╚██████╔╝██║ ╚████║██████╔╝██║  ██║██╗███████╗███████║
	╚═════╝  ╚═════╝ ╚═╝  ╚═══╝╚═════╝ ╚═╝  ╚═╝╚═╝╚══════╝╚══════╝

	http://bonda.es - FROM MALLORCA WITH LOVE
//=================================================================*/


@charset "UTF-8";


/*--------------------------------
  @IMPORTS
--------------------------------*/

@font-face {
  font-family: "OpenSans-light";
  src: url("../fonts/OpenSans-Light-webfont.eot");
  src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"),
	   url("../fonts/OpenSans-Light-webfont.woff") format("woff"),
	   url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"),
	   url("../fonts/OpenSans-Light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal;}

@font-face {
  font-family: "OpenSans-Regular";
  src: url("../fonts/OpenSans-Regular-webfont.eot");
  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"),
	   url("../fonts/OpenSans-Regular-webfont.woff") format("woff"),
	   url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"),
	   url("../fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;}

@font-face {
  font-family: "OpenSans-Semibold";
  src: url("../fonts/OpenSans-Semibold-webfont.eot");
  src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"),
	   url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"),
	   url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"),
	   url("../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal;}

@font-face {
  font-family: "OpenSans-Bold";
  src: url("../fonts/OpenSans-Bold-webfont.eot");
  src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"),
	   url("../fonts/OpenSans-Bold-webfont.woff") format("woff"),
	   url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"),
	   url("../fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;}

@font-face {
  font-family: "fontsell";
  src:url("../fonts/fontsell.eot");
  src:url("../fonts/fontsell.eot?#iefix") format("embedded-opentype"),
	url("../fonts/fontsell.woff") format("woff"),
	url("../fonts/fontsell.ttf") format("truetype"),
	url("../fonts/fontsell.svg#fontsell") format("svg");
  font-weight: normal;
  font-style: normal;}

[data-icon]:before {
  font-family: "fontsell" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontsell" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

.icon-arrow-up:before {content: "\61";}
.icon-arrow-forward:before {content: "\62";}
.icon-arrow-down:before {content: "\63";}
.icon-arrow-back:before {content: "\64";}
.icon-search:before {content: "\65";}
.icon-facebook:before {content: "\66";}
.icon-twitter:before {content: "\67";}
.icon-close:before {content: "\69";}
.icon-favicon:before {content: "\6a";}
.icon-slim-arrow-left:before {content: "\6b";}
.icon-slim-arrow-right:before {content: "\6c";}
.icon-slim-arrow-down:before {content: "\6d";}
.icon-slim-arrow-up:before {content: "\6e";}
.icon-information-circle-o:before {content: "\6f";}
.icon-information-circle:before {content: "\70";}
.icon-checkmark-semicircle:before {content: "\71";}
.icon-alert-triangle:before {content: "\72";}
.icon-alert-rounded:before {content: "\73";}
.icon-checkmark-circle-o:before {content: "\74";}
.icon-checkmark-circle:before {content: "\75";}
.icon-cross-rounded:before {content: "\76";}
.icon-circle:before {content: "\78";}
.icon-download:before {content: "\79";}
.icon-attach:before {content: "\7a";}
.icon-picture-o:before {content: "\41";}
.icon-telephone-o:before {content: "\42";}
.icon-telephone:before {content: "\43";}
.icon-pin:before {content: "\44";}
.icon-fax:before {content: "\46";}
.icon-mail:before {content: "\45";}
.icon-plus:before {content: "\47";}
.icon-minus:before {content: "\48";}
.icon-check-bold:before {content: "\49";}
.icon-open:before {content: "\4a";}
.icon-expand:before {content: "\77";}
.icon-arrow-expand:before {content: "\4b";}
.icon-building-o:before {content: "\4c";}
.icon-clipboard:before {content: "\4d";}
.icon-home:before {content: "\4e";}
.icon-university:before {content: "\4f";}
.icon-road:before {content: "\50";}
.icon-futbol-o:before {content: "\51";}
.icon-printer:before {content: "\52";}
.icon-quotes:before {content: "\53";}
.icon-lock:before {content: "\54";}
.icon-bookmark:before {content: "\55";}
.icon-bookmark-o:before {content: "\56";}
.icon-user:before {content: "\57";}
.icon-subscribe:before {content: "\58";}
.icon-notification-off:before {content: "\59";}
.icon-notification:before {content: "\5a";}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ----------------------------------------------  MICROSITES: COMMONS  -------------------------------------------------------- */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* ---------------------------------
  GENERALS
--------------------------------- */

html{
    width: 100%;
    height: 100%;
    margin: 0;}

body {
    position: relative;
    min-height: 100%;
    font-size: 13px;
    font-family: "OpenSans-Regular", Arial, Sans-serif;
    background-color: #eaeaea;
    padding-bottom: 40px;
    margin: 0;
    overflow-x: hidden;}

.container {
    position: relative;}

.heading {
    color: #003366;
    font-family: "OpenSans-Bold", Arial, Sans-serif;
    margin-top: 0;
    margin-bottom: 15px;}

img {
    width: 100%;}


/* CONTAINERS & ROWS
************/
.container {position: relative;}
.row hr {
    width: 100%;
    float: left;}


/* DEVICES CHECK (JS)
********************/
.mobile-check,
.tablet-check,
.tablet-l-check,
.desktop-check {
    position: absolute;
    width: 1px;
    height: 1px;
    bottom: 0;
    left: 0;
    background:transparent;}

@media (min-device-width: 320px) {
    .mobile-check {display: block;}
    .tablet-check, .tablet-l-check, .desktop-check {display: none;}
} /* END min-device-width: 320px; */

@media (min-device-width: 768px) {
    .mobile-check, .tablet-l-check, .desktop-check {display: none;}
    .tablet-check {display: block;}
} /* END min-device-width: 768px; */

@media (min-device-width: 992px) {
    .mobile-check, .tablet-check, .desktop-check {display: none;}
    .tablet-l-check {display: block;}
} /* END min-device-width: 768px; */

@media (min-device-width: 1200px) {
    .mobile-check, .tablet-check, .tablet-l-check {display: none;}
    .desktop-check {display: block;}
} /* END min-device-width: 1200px; */



/* ---------------------------------
  GENERALS: COMMON TOP BAR
--------------------------------- */
#common_top-bar {
    position: relative;
    width: 100%;
    height: 45px;
    background-color: #003366;
    overflow: hidden;
    z-index: 150;}
    #common_top-bar .container {
        height: inherit;}
	#common_top-bar .c_tb-logo {
	    position: absolute;
	    width: 24px;
	    height: 31px;
	    top: 6px;
	    left: 9px;
    	color: transparent;
    	background-image: url(../images/required/logo-corp-small.png);
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: 100%;
    	margin-top: 0;
    	margin-bottom: 0;}
	    #common_top-bar .c_tb-logo a {
    		color: inherit;
    		-webkit-touch-callout: none;
    		  -webkit-user-select: none;
    		   -khtml-user-select: none;
    			 -moz-user-select: none;
    			  -ms-user-select: none;
    				  user-select: none;}
	#common_top-bar .c_tb-lang {
	    position: relative;
	    width: 100px;
	    height: inherit;
	    float: right;
	    color: #ffffff;
	    -webkit-transform: skewX(-45deg);
		   -moz-transform: skewX(-45deg);
		    -ms-transform: skewX(-45deg);
		     -o-transform: skewX(-45deg);
			    transform: skewX(-45deg);
        margin-right: -35px;}
	    #common_top-bar .c_tb-lang .current-lang {
		    position: absolute;
    		width: 100%;
    		height: 100%;
    		color: inherit;
    		background-color: #1f1f1f;
    		z-index: 10;}
    		#common_top-bar .c_tb-lang .current-lang span,
    		#common_top-bar .c_tb-lang ul li {
    		    display: block;
    		    color: inherit;
    		    -webkit-transform: skewX(45deg);
    			   -moz-transform: skewX(45deg);
    			    -ms-transform: skewX(45deg);
    			     -o-transform: skewX(45deg);
    				    transform: skewX(45deg);}
    		#common_top-bar .c_tb-lang .current-lang span {
    		    display: -webkit-flex;
    		    display: -moz-flex;
    		    display: -ms-flexbox;
    		    display: flex;
    		    -webkit-flex-direction: column;
    		    flex-direction: column;
    		    -webkit-justify-content: center;
    		    justify-content: center;
    		    width: 100%;
    		    height: 100%;
    		    text-align: center;
    		    text-decoration: none;
    		    cursor: pointer;}
		#common_top-bar .c_tb-lang ul {
		    position: absolute;
		    width: 100%;
		    height: 100%;
		    top: 0;
		    right: 0;
		    color: inherit;
		    text-align: center;
		    list-style: none;
		    background-color: #292929;
		    padding: 5px 15px;
		    margin-bottom: 0;
		    will-change: right;
		    -webkit-transition: right .3s;
			   -moz-transition: right .3s;
			     -o-transition: right .3s;
				    transition: right .3s;}
		    #common_top-bar .c_tb-lang:hover ul {
			    right: 100%;}
		    #common_top-bar .c_tb-lang ul li {
    			position: relative;
    			display: inline-block;
    			top: calc(50% - 9px);
    			color: inherit;
    			margin-right: 10px;}
			#common_top-bar .c_tb-lang ul li:last-child,
			#common_top-bar .c_tb-lang ul li:last-of-type {
			    margin-right: 0;}
			#common_top-bar .c_tb-lang ul li a {
			    color: inherit;}

/*@media (min-width: 414px) {

    #common_top-bar .c_tb-logo {
    	width: 195px;
    	height: 26px;
    	top: 13px;
    	left: auto;
    	background-image: url(../images/required/logo-conselldemallorca-net.svg);}

} /* /END min-width: 414px */

@media (min-width: 768px) {

	#common_top-bar .container:before {
	  	content: "";
	  	position: absolute;
	  	width: 0;
	  	height: inherit;
	  	top: 0;
	  	right: calc(45px-50vw);
	  	background-color: transparent;}
    #common_top-bar .c_tb-lang {
        margin-right: 0;}

} /* /END min-width: 768px */

@media (min-width: 1200px) {

	#common_top-bar {
	  	overflow: hidden;}
	  	#common_top-bar .container:before {
	  		width: 50vw;
		  	background-color: #1f1f1f;}


} /* /END min-width: 1200px */



/* ---------------------------------
  GENERALS: COMMON MICROSITE LOGO
--------------------------------- */
#common_microsite-logo {
	position: absolute;
	width: 100%;
	top: 45px;
	left: 0;
	z-index: 200;}
	#common_microsite-logo .c_ml-logo a {
		display: block;
		margin: 30px auto 0;}
	#common_microsite-logo.c_ml-horizontal .c_ml-logo a {
		max-width: 150px;}
	#common_microsite-logo.c_ml-vertical .c_ml-logo a {
		max-width: 75px;}

@media (min-width: 992px) {

	#common_microsite-logo .c_ml-logo a {
		display: block;
		margin: 15px 0 0;}

} /* /END min-width: 992px */



/*--------------------------------
  GENERALS: CONTENT WIDE
--------------------------------*/

@media (min-width: 320px) {
    .content-wide {
    	margin-top: 30px;
    	margin-bottom: 30px;}
} /* END min-width: 320px; */

@media (min-width: 768px) {
    .content-wide {
    	margin-top: 30px;
    	margin-bottom: 30px;}
} /* END min-width: 768px; */


/*--------------------------------
  GENERALS: CONTENT NARROW
--------------------------------*/
.content-narrow {
    position: relative;
    float: left;}

@media (min-width: 320px) {
    .content-narrow {
    	width: 100%;
    	margin-top: 30px;
    	margin-bottom: 30px;}
} /* END min-width: 320px; */

@media (min-width: 768px) {
    .content-narrow {
    	padding-right: 15px;
    	padding-left: 15px;}
} /* END min-width: 768px; */

@media (min-width: 992px) {
    .content-narrow {
    	width: 75%;
    	padding-left: 0;
    	margin-top: 30px;
    	margin-bottom: 30px;}
} /* END min-width: 992px; */



/*--------------------------------
  GENERALS: SIDEBAR
--------------------------------*/
aside {
    position: relative;
    float: left;}

@media (min-width: 320px) {

    aside {
    	width: 100%;}

} /* END min-width: 320px; */

@media (min-width: 768px) {

    aside {
    	padding-right: 15px;
    	padding-left: 15px;}

} /* END min-width: 768px; */

@media (min-width: 992px) {

    aside {
    	width: 25%;
    	padding-right: 0;
    	margin-top: 30px;
    	margin-bottom: 30px;}

} /* END min-width: 992px; */



/* ---------------------------------
  GENERALS: COMMON FOOTER
--------------------------------- */
#common_footer {
    width: 100%;
    height: 40px;
    background-color: #1f1f1f;}
    #common_footer .c_f-logo {
    	position: relative;
    	width: 20px;
    	height: 28px;
    	top: 5px;
    	float: left;
    	background-image: url(../images/required/logo-corp-small.png);
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: 100%;
    	margin: 0;
    	overflow: hidden;}
        #common_footer .c_f-logo a {
    	    position: absolute;
    	    width: 100%;
    	    color: transparent;
    	    -webkit-touch-callout: none;
    		  -webkit-user-select: none;
    		   -khtml-user-select: none;
    		     -moz-user-select: none;
    			  -ms-user-select: none;
    				  user-select: none;}
    #common_footer .c_f-copyright {
    	width: calc(100% - 30px);
    	float: right;
    	color: #ffffff;
    	font-size: 0.8em;
    	text-align: right;
    	margin-top: 15px;}


@media (min-width: 1200px) {

	/*#common_footer .c_f-logo {
		width: 195px;
		height: 26px;
		top: 10px;
		background-image: url(../images/required/logo-conselldemallorca-net.svg);}*/
	#common_footer .c_f-copyright {
		width: calc(100% - 230px);
		font-size: 1em;
		margin-top: 10px;}

} /* /END min-width: 1200px */



/*--------------------------------
  GENERALS: MAIN HEADER
--------------------------------*/
header.main-header {
    position: relative;
	width: 100%;
	color: #ffffff;
	background-size: cover !important;
	background-position: center !important;}
    header.main-header:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 51, 102, 0.7);}
	header.main-header .mh-title {
		margin-top: 0;}

@media (min-width: 320px) {
	header.main-header {
		padding: 30px 0;}
		header.main-header .container,
		header.main-header#home-quick-view .container {
			padding: 0 15px;}
		header.main-header .mh-title {
			font-size: 2.3em;
			letter-spacing: 1px;}
} /* END min-width: 320px; */

@media (min-width: 768px) {
	header.main-header {
		padding: 150px 0 50px;}
		header.main-header .mh-title {
			font-size: 4em;}
} /* END min-width: 768px; */



/* ---------------------------------
  GENERALS: BOX FLOW & BOX MUTED
--------------------------------- */
.box-flow {
  background-color: #ffffff !important;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);}
.box-muted {
  color: #a7a7a7;
  background-color: #dcdcdc !important;}
  .box-flow:before, .box-flow:after,
  .box-muted:before, .box-muted:after {
	content: "";
	display: table;}
  .box-flow:after,
  .box-muted:after {
	clear: both;}

@media (min-width: 320px) {
  .box-flow,
  .box-muted {
	padding: 15px !important;}
}/* END min-width: 320px; */

@media (min-width: 375px) {
  .box-flow,
  .box-muted {
	padding: 30px !important;}
  aside .box-flow,
  aside .box-muted {
	padding: 15px !important;}
}/* END min-width: 375px; */

@media (min-width: 568px) {
  .box-flow,
  .box-muted {
	padding: 15px !important;}
  aside .box-flow,
  aside .box-muted {
	padding: 15px !important;}
}/* END min-width: 568px; */

@media (min-width: 768px) {
  aside .box-flow,
  aside .box-muted {
	padding: 30px !important;}
}/* END min-width: 768px; */

@media (min-width: 992px) {
  aside .box-flow,
  aside .box-muted {
	padding: 15px !important;}
}/* END min-width: 992px; */


/*--------------------------------
  ELEMENTS: REGULAR HEADINGS
--------------------------------*/
h1, h2, h3,
h4, h5, h6 {
  font-family: "OpenSans-Bold", Arial, sans-serif;}



/*--------------------------------
  ELEMENTS: LINKS & BUTTONS
--------------------------------*/

a:focus, button:focus {
  outline: 0;}

.btn {
  display: inline-block;
  width: auto;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 0;
  border-radius: 0;
  -webkit-transition: all .3s;
	 -moz-transition: all .3s;
	  -ms-transition: all .3s;
	   -o-transition: all .3s;
		  transition: all .3s;}
.btn.active.focus, .btn.active:focus,
.btn.focus, .btn:active.focus,
.btn:active:focus, .btn:focus {
  outline: 0;}

.btn-lg {
  font-size: 18px;
  padding: 10px 16px;}
.btn-md {
  font-size: 14px;
  padding: 6px 12px;}
.btn-sm {
  font-size: 12px;
  padding: 5px 10px;}
.btn-xs {
  font-size: 12px;
  padding: 1px 5px;}
.btn-block {
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  line-height: 31px;}

/* BUTTON - LINK
***************/
.btn-link,
.btn-link:active, .btn-link:visited, .btn-link:focus {
  color: #6a90b5;
  background-color: transparent;}
  .btn-link:hover, .btn-link:active {
	color: #6a90b5;
	background-color: transparent;
	text-decoration: underline;}


/* BUTTON - DEFAULT
******************/
.btn-default,
.btn-default:active, .btn-default:visited, .btn-default:focus {
  color: #292929;
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;}
  .btn-default:hover, .btn-default:active {
	color: #292929;
	background-color: #c1c1c1;}


/* BUTTON - DEFAULT OUTLINE
**************************/
.btn-default-o,
.btn-default-o:active, .btn-default-o:visited, .btn-default-o:focus {
  color: #9a9a9a;
  background-color: transparent;
  border: 1px solid #e6e6e6;}
  .btn-default-o:hover, .btn-default-o:active {
	color: #292929;
	background-color: #e6e6e6;
	border: 1px solid #e6e6e6;}


/* BUTTON - DARK
***************/
.btn-dark,
.btn-dark:active, .btn-dark:visited, .btn-dark:focus {
  color: #ffffff;
  background-color: #292929;
  border: 1px solid #292929;}
  .btn-dark:hover, .btn-dark:active {
	color: #ffffff;
	background-color: #393939;}


/* BUTTON - DARK OUTLINE
***********************/
.btn-dark-o,
.btn-dark-o:active, .btn-dark-o:visited, .btn-dark-o:focus {
  color: #292929;
  background-color: transparent;
  border: 1px solid #292929;}
  .btn-dark-o:hover, .btn-dark-o:active {
	color: #ffffff;
	background-color: #292929;
	border: 1px solid #292929;}


/* BUTTON - PRIMARY
******************/
.btn-primary,
.btn-primary:active, .btn-primary:visited, .btn-primary:focus {
  color: #ffffff;
  background-color: #003366;
  border: 1px solid #003366;}
  .btn-primary:hover, .btn-primary:active {
	color: #ffffff;
	background-color: #204f90;}


/* BUTTON - PRIMARY OUTLINE
**************************/
.btn-primary-o,
.btn-primary-o:active, .btn-primary-o:visited, .btn-primary-o:focus {
  color: #0e3366;
  background-color: transparent;
  border: 1px solid #0e3366;}
  .btn-primary-o:hover, .btn-primary-o:active {
	color: #ffffff;
	background-color: #0e3366;}


/* BUTTON - CTA
**************/
.btn-cta,
.btn-cta:active, .btn-cta:visited, .btn-cta:focus {
  color: #ffffff;
  background-color: #c62526;
  border: 1px solid #c62526;}
  .btn-cta:hover, .btn-cta:active {
	color: #ffffff;
	background-color: #af1a1e;}


/* BUTTON - CTA OUTLINE
**********************/
.btn-cta-o,
.btn-cta-o:active, .btn-cta-o:visited, .btn-cta-o:focus {
  color: #c62526;
  background-color: transparent;
  border: 1px solid #c62526;}
  .btn-cta-o:hover, .btn-cta-o:active {
	color: #ffffff;
	background-color: #c62526;}


/* BUTTON - ROUND
****************/
.btn-round {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: blue;
  padding: 9px;
  margin-right: 5px;}
  .btn-round:last-child,
  .btn-round:last-of-type {
	margin-right: 0;}


/* BUTTON - SOCIAL COLORS
************************/
.btn-facebook {
  background-color: #3b5998;}
.btn-twitter {
  background-color: #00aced;}


/* ---------------------------------
  ELEMENTS: TRIANGLE CTA
--------------------------------- */
.triangle-cta {
  position: relative;
  width: 100%;
  overflow: hidden;}
  .triangle-cta:before {
	content: "";
	display: block;
	padding-top:100%;}
  .triangle-cta a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: inherit;
	text-decoration: none;}
  .triangle-cta .background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;}
  .triangle-cta .text-wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #ffffff;
	padding: 30px;
	background-color: rgba(103, 154, 200, 0.7);
	will-change: padding;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		 -o-transition: all .3s;
			transition: all .3s;}
	.triangle-cta:hover .text-wrapper {
	  padding-left: 45px;}
	.triangle-cta .text-wrapper:after {
	  content: "";
	  display: none;
	  position: absolute;
	  width: 0;
	  height: 0;
	  top: 0;
	  right: -50%;
	  margin-left: -500px;
	  border-bottom: 500px solid transparent;
	  border-left: 500px solid #679ac8;}
	.triangle-cta .text-wrapper .title,
	.triangle-cta .text-wrapper .subtitle {
	  position: relative;
	  text-align: center;
	  z-index: 10;}
	.triangle-cta .text-wrapper .subtitle:before {
	  content: "\62";
	  position: absolute;
	  top: -2px;
	  left: -25px;
	  font-family: "fontsell";
	  font-size: 18px;
	  opacity: 0;
	  will-change: opacity;
	  -webkit-transition: all .3s;
		 -moz-transition: all .3s;
		   -o-transition: all .3s;
			  transition: all .3s;}
	  .triangle-cta:hover .text-wrapper .subtitle:before {
		opacity: 1;}
	.triangle-cta .text-wrapper .title {
	  color: inherit;
	  font-family: "OpenSans-Bold", Arial, sans-serif;
	  font-size: 2.3em;
	  margin-top: 10px;}
	.triangle-cta .text-wrapper .subtitle {
	  font-size: 1.05em;
	  margin-bottom: 0;}

@media (min-width: 568px) {

	.triangle-cta:before {
		padding-top: 30%;}

} /* /END min-width: 568px */

@media (min-width: 768px) {

  .triangle-cta:before {
	padding-top: 25%;}
  .triangle-cta .background {
	 width: 40%;
	 left: 60%;}
  .triangle-cta .text-wrapper {
	width: 60%;
	background-color: #679ac8;}
	.triangle-cta .text-wrapper:after {
	  display: block;}
	.triangle-cta .text-wrapper .title,
	.triangle-cta .text-wrapper .subtitle {
		text-align: left;}

} /* /END min-width: 768px */

@media (min-width: 1200px) {

  .triangle-cta:before {
	padding-top: 20%;}

} /* /END min-width: 1200px */

/*--------------------------------
  ELEMENTS: FORMS & INPUTS
--------------------------------*/
form:before, form:after {
    content: "";
    display: table;}
form:after {
    clear: both;}
form div.row {
	margin-right: -7px;
	margin-left: -7px;}
form div[class*="col-xs"],
form div[class*="col-sm"],
form div[class*="col-md"],
form div[class*="col-lg"] {
	padding-right: 7px;
	padding-left: 7px;}

/* INPUT REGULAR
***************/
input {
	width: 100%;
	height: 45px;
	color: #888888;
	padding: 5px 10px;
	border: 1px solid #888888;
	box-shadow: none;
	outline: 0;
	 margin-bottom: 15px;}
input:focus {
	border-width: 2px;
	border-color: #0e3366;
	outline: none;}
html input[disabled] {
	color: #dadada;
	border: 1px solid #dadada;
	cursor: not-allowed;}
	html input[disabled]::-webkit-input-placeholder {
		color: #dadada;}
	html input[disabled]:disabled:-moz-placeholder {
		color: #dadada;
		opacity: 1;}
	html input[disabled]:disabled::-moz-placeholder {
		color: #dadada;
		opacity: 1;}
	html input[disabled]:disabled:-ms-input-placeholder {
		color: #dadada;}


/* INPUTS (Bootstrap Overwrite)
******************************/
.input-group {
	width: 100%;}
	.form-control {
		height: 45px;
		border: 1px solid #888888;
		border-radius: 0;}
		.form-control:focus {
		border: 2px solid #0e3366;
		box-shadow: none;
		outline: none;}
	.input-group .input-group-addon {
		width: 45px;
		color: #ffffff;
		background-color: #0e3366;
		border-radius: 0;
		border: 1px solid #0e3366;
		border-left: 0;}
	.form-control[disabled],
	fieldset[disabled] .form-control {
		background: transparent;
		border-color: #dadada;
		box-shadow: none;}
	.form-control[disabled] + .input-group-addon {
		opacity: 0.5;
		cursor: not-allowed;}


/* SELECT WITH STYLE
*******************/
.select-style {
	width: 100%;
	height: 45px;
	padding: 0;
	background-color: #fff;
	background: url(../images/required/select-arrow.png) no-repeat 98% 50%;
	background-size: 30px;
	border: 1px solid #888888;
	margin: 0;
	margin-bottom: 15px;
	overflow: hidden;}
	.select-style select {
		padding: 5px 8px;
		width: 120%;
		height: 100%;
		border: none;
		box-shadow: none;
		background-color: transparent;
		background-image: none;
		-webkit-appearance: none;
		   -moz-appearance: none;
				appearance: none;
		cursor: pointer;}
	.select-style select:focus {
		outline: none;}
.select-style.disabled {
	border: 1px solid #dadada;}
	.select-style.disabled select[disabled] {
		color: #dadada;
		cursor: not-allowed;}


/* INPUT BOX-OPTION (checkbox & radiobuttons)
********************************************/
.box-option {
	position: absolute;
	z-index: -1;
	opacity: 0;}
	.box-option:not(:checked) + label,
	.box-option:checked + label {
		position: relative;
		padding-top: 3px;
		padding-left: 1.95em;
		margin-bottom: 10px;
		margin-right: 15px;
		cursor: pointer;}
  .box-option:not(:checked) + label:before,
  .box-option:checked + label:before {
	  content: '';
	  position: absolute;
	  width: 20px;
	  height: 20px;
	  top: 2px;
	  left: 0;
	  background: #eaeaea;
	  border: 1px solid #dcd9d9;}
  .box-option.type-radio:not(:checked) + label:before,
  .box-option.type-radio:checked + label:before {
	border-radius: 50%;}
  .box-option:checked + label:before {
	background: rgb(75, 120, 165);}
  .box-option.type-check:not(:checked) + label:after,
  .box-option.type-check:checked + label:after {
	content: "";
	position: absolute;
	  width: 5px;
	  height: 12px;
	  left: 8px;
	  top: 4px;
	  border: solid #ffffff;
	  border-width: 0 2px 2px 0;
	  -webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			 -o-transform: rotate(45deg);
				transform: rotate(45deg);}
	.box-option.type-radio:not(:checked) + label:after,
  .box-option.type-radio:checked + label:after {
	content: "";
	position: absolute;
	  left: 6px;
	  top: 8px;
	  height: 8px;
	  width: 8px;
	  border-radius: 50%;
	  background: #ffffff;}
  .box-option:not(:checked) + label:after {
	opacity: 0;}
  .box-option:checked + label:after {
	opacity: 1;}
  .box-option:disabled:not(:checked) + label:before,
  .box-option:disabled:checked + label:before {
	box-shadow: none;
	background-color: #eeeeee;}
  .box-option:disabled:checked + label:after {
	color: #999999;}
  .box-option:disabled + label {
	color: #d0d0d0;}


/* SWITCHBOX
***********/
.switchbox {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 8px 0 0 16px;
	opacity: 0;}
  .switchbox + label {
	  position: relative;
	  line-height: 1.7em;
	  padding: 0 0 0 50px;
	margin-bottom: 10px;
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
	cursor: pointer;}
	.switchbox:disabled + label {
	  color: #d0d0d0;
	  cursor: not-allowed;}
	.switchbox + label:before {
		content: "";
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		width: 40px;
		height: 24px;
		border-radius: 16px;
		background: #eaeaea;
		border: 1px solid #dcd9d9;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			 -o-transition: all 0.3s;
				transition: all 0.3s;}
	.switchbox + label:after {
		content: "";
		position: absolute;
		display: block;
		left: 3px;
		top: 3px;
		width: 18px;
		height: 18px;
		border-radius: 16px;
		background: #fff;
		border: 1px solid #dcd9d9;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			 -o-transition: all 0.3s;
				transition: all 0.3s;}
  .switchbox:checked + label:before {
	border-color: rgb(56, 97, 138);
	background: rgb(75, 120, 165);}
  .switchbox:checked + label:after {
	border-color: rgb(56, 97, 138);
	  margin-left: 16px;}
  .switchbox:disabled + label:before {
	border: 1px solid #dadada;
	background: #f7f7f7;}
	input:disabled.switchbox:checked + label:before {
	  border: 1px solid #c5dee4;
	  background: #d1e7ec;}
	.switchbox:disabled + label:after {
	border: 1px solid #dadada;
	background: #f1f1f1;}
	input:disabled.switchbox:checked + label:after {
	  border: 1px solid #c5dee4;
	  background: #fefefe;}

.switchbox.favorite:checked + label:before {
  border-color: rgb(185, 48, 41);
  background: rgb(224, 105, 99);}
.switchbox.favorite:checked + label:after {
  border-color: rgb(185, 48, 41);}


/* SWITCH-BLOCK (JS)
******************/
.switch-block {
  width: 100%;}
  .switch-block:before, .switch-block:after {
	content: "";
	display: table;}
  .switch-block:after {
	clear: both;}
  .switch-block .switchbox + label {
	width: 0;
	float: right;
	overflow: hidden;
	padding: 0 0 3px 42px;
	margin: 0;}
  .switch-block .switch-block-title {
	float: left;
	font-size: 17px;
	margin-top: 3px;
	margin-bottom: 0;}
.switch-content {
  display: none;}


/* INPUT UPLOAD FILE (JS)
************************/
  .upload-file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;}
	.upload-file + label {
	  display: block;
	  position: relative;
	  width: 100%;
	  height: 45px;
	  font-size: 1.25rem;
	  font-weight: 700;
	  text-overflow: ellipsis;
	  background-color: transparent;
	  border: 1px solid #888888;
	  padding: 5px 5px;
	  margin-bottom: 15px;
	  white-space: nowrap;
	  cursor: pointer;
	  overflow: hidden;}
	.upload-file + label span {
		padding: 5px 0;}
	.upload-file + label span {
		width: 75%;
		height: 100%;
		display: inline-block;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		vertical-align: top;}
	.upload-file + label .btn {
		position: absolute;
		display: inline-block;
		right: 5px;}
  .upload-file:focus + label,
  .upload-file.has-focus + label {
	border-width: 2px;
	  border-color: #0e3366;
	  outline: none;}
	  .upload-file:focus + label .btn,
	  .upload-file.has-focus + label .btn {
		top: 4px;}
  .upload-file:disabled + label {
	color: #dadada;
	  border: 1px solid #dadada;
	  cursor: not-allowed;}
	  .upload-file:disabled + label .btn {
		opacity: 0.5;
		cursor: not-allowed;}

@media screen and (max-width: 50em) {
  .upload-file + label .btn {
	display: block;}
}


/* TEXTAREA
**********/
textarea {
  width: 100%;
  max-width: 100%;
  height: 135px;
  border: 1px solid #888888;
  padding: 10px;
  margin-bottom: 15px;}
  textarea:focus {
	border-width: 2px;
	border-color: #0e3366;
	outline: none;}
  textarea:disabled {
	color: #dadada;
	border: 1px solid #dadada;
	cursor: not-allowed;}
	textarea:disabled::-webkit-input-placeholder {
	  color: #dadada;}
  textarea:disabled:-moz-placeholder {
	 color: #dadada;
	 opacity: 1;}
  textarea:disabled::-moz-placeholder {
	 color: #dadada;
	 opacity: 1;}
  textarea:disabled:-ms-input-placeholder {
	 color: #dadada;}


/* DATEPICKER (Bootstrap Overwrite)
**********************************/
.bootstrap-datetimepicker-widget .glyphicon {
  color: #0e3366;}
  .bootstrap-datetimepicker-widget table th.prev::after {
	content: "Mes anterior";}
.bootstrap-datetimepicker-widget table th.next::after {
	content: "Mes següent";}
.bootstrap-datetimepicker-widget .datepicker-days {
  color: #0e3366;}
  .bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
	background-color: #0e3366;
  font-family: "OpenSans-Bold";}
  .bootstrap-datetimepicker-widget table td.today:before {
	border-bottom-color: #0e3366;}
	.bootstrap-datetimepicker-widget table td.active.today:before {
	  border-bottom-color: #ffffff;}



/*--------------------------------
  COMPONENTS: NOTIFICATION (JS)
--------------------------------*/
.notification {
	position: relative;
	box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);}
	.notification.muted {
		background: #a7a7a7;}
	.notification.informative {
		background: #1859B2;}
	.notification.success {
		background: #60c549;}
	.notification.warning {
		background: #ec7f33;}
	.notification.error {
		background: #c6232c;}
		.notification .text-wrapper {
			position: relative;
			width: 100%;
			color: rgba(255, 255, 255, 0.85);}
			.notification .text-wrapper:before {
				position: absolute;
				font-family: "fontsell";
				line-height: 0;}
			.notification.muted .text-wrapper:before,
			.notification.informative .text-wrapper:before {
				content: "\70";}
			.notification.success .text-wrapper:before {
				content: "\75";}
			.notification.warning .text-wrapper:before {
				content: "\72";}
			.notification.error .text-wrapper:before {
				content: "\76";}
			.notification .text-wrapper a {
				color: #ffffff;
				text-decoration: underline;}
		.notification .btn-close {
			position: absolute;
			background: rgba(0, 0, 0, 0.2);
			border-radius: 50px;
			cursor: pointer;
			-webkit-transition: all .3s;
			   -moz-transition: all .3s;
				 -o-transition: all .3s;
					transition: all .3s;}
			.notification .btn-close:before {
				position: absolute;
				font-family: "fontsell";
				content: "\69";
				color: rgba(255, 255, 255, 0.85);}

@media (min-width: 320px) {
	.notification {
		padding: 10px;
		margin-bottom: 30px;}
		.notification .text-wrapper {
			padding-right: 30px;
			padding-left: 40px;}
		  .notification .text-wrapper:before {
				top: 12px;
				left: 0px;
				font-size: 2em;}
		  .notification .text-wrapper h4 {
				font-size: 1.2em;}
		  .notification .btn-close {
				width: 21px;
				height: 21px;
				top: 10px;
				right: 10px;}
			.notification .btn-close:before {
				top: 1px;
				left: 3px;
				font-size: 1.2em;}
} /* END min-width: 320px; */

@media (min-width: 375px) {
	.notification .btn-close {
		top: 17px;}
} /* END min-width: 375px; */

@media (min-width: 768px) {
  .notification {
	padding: 15px;}
	.notification .text-wrapper {
		padding-right: 40px;
		padding-left: 55px;}
		.notification .text-wrapper:before {
			top: 12px;
			left: 0px;
			font-size: 3em;}
		.notification .text-wrapper h4 {
			font-size: 1.5em;}
		.notification .btn-close {
			width: 26px;
			height: 26px;
			top: 50%;
			right: 15px;
			-webkit-transform: translate(0,-50%);
			   -moz-transform: translate(0,-50%);
				-ms-transform: translate(0,-50%);
				 -o-transform: translate(0,-50%);
					transform: translate(0,-50%);}
			.notification .btn-close:before {
				top: 2px;
				left: 5px;
				font-size: 1.3em;}
} /* END min-width: 768px; */

@media (min-width: 1200px) {
	.notification .text-wrapper a:hover {
		opacity: 0.8;}
		.notification .btn-close:hover {
			background: rgba(0, 0, 0, 0.4);}
			.notification .btn-close:hover:before {
				color: rgba(255, 255, 255, 1);}
} /* END min-width: 1200px; */


/*--------------------------------
  COMPONENTS: TEXT EXPAND (JS)
--------------------------------*/
header .text-expanded,
aside .text-expand {
  display: none;}

.text-expand {
  position: relative;
  background: #ffffff;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);
  margin-bottom: 30px;}
  .text-expand-wrapper {
	margin: 0 auto;
	margin-bottom: 15px;
	max-height: 122px;
	overflow: hidden;}
.btn-expand {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  padding: 5px 15px;
  cursor: pointer;
  -webkit-transform: translate(-50%,0);
	 -moz-transform: translate(-50%,0);
	  -ms-transform: translate(-50%,0);
	   -o-transform: translate(-50%,0);
		  transform: translate(-50%,0);}
  .btn-expand .less,
  .btn-expand.expand .more {
	display: none;}
  .btn-expand.expand .less {
	display: inline;}
  .btn-expand:focus {
	outline: none;}
  .btn-expand i {
	color: #0e3366;
	font-size: 2em;
	line-height: 0;}

@media (min-width: 320px){

  .text-expand {
	padding: 15px;}

} /* /END min-width: 320px */

@media (min-width: 768px){

  .text-expand {
	padding: 30px;}

} /* /END min-width: 768px */



/*--------------------------------
  COMPONENTS: ACCORDION (JS)
--------------------------------*/
aside .accordion {
  display: none;}

.accordion {
  margin-bottom: 30px;}
  .accordion .item {
	background-color: #ffffff;
	box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);
	margin-bottom: 15px;}
	.accordion .item .btn-accordion {
	  position: relative;
	  cursor: pointer;}
	  .accordion .item .btn-accordion .heading,
	  .accordion .item .btn-accordion h1, .accordion .item .btn-accordion h2,
	  .accordion .item .btn-accordion h3, .accordion .item .btn-accordion h4,
	  .accordion .item .btn-accordion h5, .accordion .item .btn-accordion h6 {
		margin: 0;}
	  .accordion .item .btn-accordion .icon {
		position: absolute;
		top: 50%;
		color: #0e3366;
		font-size: 3em;
		line-height: 0;
		-webkit-transform: translate(0,-50%);
		   -moz-transform: translate(0,-50%);
			-ms-transform: translate(0,-50%);
			 -o-transform: translate(0,-50%);
				transform: translate(0,-50%);}

@media (min-width: 320px) {

  .accordion .item .btn-accordion {
	padding: 20px;}
	.accordion .item .btn-accordion .heading,
	.accordion .item .btn-accordion h1, .accordion .item .btn-accordion h2,
	.accordion .item .btn-accordion h3, .accordion .item .btn-accordion h4,
	.accordion .item .btn-accordion h5, .accordion .item .btn-accordion h6 {
	  width: calc(100% - 30px);}
	.accordion .item .btn-accordion .icon {
	  right: 15px;
	  font-size: 2em;}
  .accordion .item .inner {
	font-size: 1em;
	padding: 0 20px 20px;}

} /* END min-width: 320px; */

@media (min-width: 768px) {

  .accordion .item .btn-accordion {
	padding: 30px;}
	.accordion .item .btn-accordion .heading,
	.accordion .item .btn-accordion h1, .accordion .item .btn-accordion h2,
	.accordion .item .btn-accordion h3, .accordion .item .btn-accordion h4,
	.accordion .item .btn-accordion h5, .accordion .item .btn-accordion h6 {
	  width: calc(100% - 50px);}
	.accordion .item .btn-accordion .icon {
	  right: 30px;
	  font-size: 3em;}
  .accordion .item .inner {
	font-size: 1.1em;
	padding: 0 30px 30px;}

} /* END min-width: 375px; */



/*--------------------------------
  COMPONENTS: TABS (JS)
--------------------------------*/
header .tabs,
aside .tabs,
footer .tabs {
  display: none;}

.tabs {
  position: relative;
  margin-bottom: 30px;}
  .tabs .tabs-nav {
	width: 100%;
	height: 42px;
	overflow: hidden;
	margin-bottom: 15px;}
	.tabs .tabs-nav .tabs-nav-wrapper {
	  width: 100%;
	  overflow: hidden;
	  overflow-y: hidden;
	  overflow-x: scroll;}
	  .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper {
		width: 100%;
		overflow: visible;}
		.tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item {
		  display: inline-block;
		  color: #0e3366;
		  font-size: 1.1em;
		  text-decoration: none;
		  background-color: rgba(14, 51, 102, 0);
		  padding: 10px 15px;
		  cursor: pointer;
		  border: 1px solid #0e3366;
		  margin-right: 5px;
		  -webkit-transition: all .3s;
			 -moz-transition: all .3s;
			   -o-transition: all .3s;
				  transition: all .3s;}
		.tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item.external {
		  color: #292929;
		  background-color: #dadada;
		  border: 1px solid #dadada;}
		  .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item.external:hover {
			color: #292929;
			background-color: #c3c3c3;}
		  .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item:hover {
			color: #ffffff;
			background-color: #567490;}
		  .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item.active {
			color: #ffffff;
			background-color: #0e3366;}
		  .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item:last-child,
		  .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item:last-of-type {
			margin-right: 0;}
		  .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item i {
			display: inline-block;
			font-size: 18px;
			line-height: 12px;
			vertical-align: top;
			padding-right: 5px;}

  .tabs .tabs-inner-wrapper {
	position: relative;}
	.tabs .tabs-inner-wrapper .tabs-inner {
	  display: none;
	  width: 100%;
	  top: 0;
	  left: 0;}
	  .tabs .tabs-inner-wrapper .tabs-inner:before,
	  .tabs .tabs-inner-wrapper .tabs-inner:after {
		content: "";
		display: table;}
	  .tabs .tabs-inner-wrapper .tabs-inner:after {
		clear: both;}

.tabs.splitted {
  margin-bottom: 80px;}
  .tabs.splitted .tabs-inner-wrapper .tabs-inner {
	background-color: #ffffff;
	padding: 15px;
	box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);}

.tabs form .tabs-form-buttons {
  position: absolute;
  width: calc(100% - 30px);
  bottom: -65px;
  left: 15px;}

@media (min-width: 992px) {

  .tabs .tabs-nav {
	margin-bottom: 30px;}

  .tabs.splitted {
	margin-bottom: 120px;}
	.tabs.splitted:before, .tabs.splitted:after {
	  content: "";
	  display: table;}
	.tabs.splitted:after {
	  clear: both;}
	  .tabs.splitted .tabs-nav {
		width: 25%;
		height: auto;
		float: left;}
		.tabs.splitted .tabs-nav .tabs-nav-wrapper {
		  overflow: initial;
		  overflow-y: initial;
		  overflow-x: initial;}
		  .tabs.splitted .tabs-nav .tabs-nav-wrapper .items-nav-wrapper {
			width: 100% !important;}
			.tabs.splitted .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item {
			  width: 100%;
			  margin-bottom: 10px;}
	  .tabs.splitted .tabs-inner-wrapper {
		width: 75%;
		float: left;
		padding: 0 15px;}
		.tabs.splitted .tabs-inner-wrapper .tabs-inner {
		  background-color: #ffffff;
		  padding: 30px;}

} /* END min-width: 992px; */



/*--------------------------------
  COMPONENTS: SIDE LINKS (aside)
--------------------------------*/
header .side-links,
.content-wide .side-links,
.content-narrow .side-links {
  display: none;}

.side-links {
  background-color: #ffffff;
  padding: 15px;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);
  margin-bottom: 30px;}
  .side-links ul {
	list-style: none;
	padding: 0;}
	.side-links ul li {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #e0dfdf;
	  margin-bottom: 10px;}
	  .side-links ul li:last-child {
		padding-bottom: 0;
		border-bottom: 0;
		margin-bottom: 0;}
	  .side-links ul li a {
		display: block;
		position: relative;
		text-decoration: none;}
		.side-links ul li h1, .side-links ul li h2,
		.side-links ul li h3, .side-links ul li h4,
		.side-links ul li h5, .side-links ul li h6,
		.side-links ul li p {
		  display: block;
		  display: -webkit-box;
		  max-height: 33px;
		  -webkit-transition: all .2s;
			 -moz-transition: all .2s;
			   -o-transition: all .2s;
				  transition: all .2s;
		  -webkit-animation-timing-function: ease-in-out;
				  animation-timing-function: ease-in-out;
		  -webkit-line-clamp: 2;
		  -webkit-box-orient: vertical;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  margin-bottom: 0;}
		.side-links ul li h1, .side-links ul li h2,
		.side-links ul li h3, .side-links ul li h4,
		.side-links ul li h5, .side-links ul li h6 {
		  color: #0e3366;
		  font-size: 1em;
		  line-height: 1.3;}
		  .side-links ul li a:hover h1, .side-links ul li a:hover h2,
		  .side-links ul li a:hover h3, .side-links ul li a:hover h4,
		  .side-links ul li a:hover h5, .side-links ul li a:hover h6 {
			color: #6a90b5;
			text-decoration: underline;}
		.side-links ul li p {
		  color: #333;
		  font-size: 0.9em;}

@media (min-width: 768px) {

  .side-links {padding: 30px;}

} /* END min-width: 768px; */

@media (min-width: 992px) {

  .side-links {padding: 15px;}

} /* END min-width: 992px; */


/*--------------------------------
  COMPONENTS: BREADCRUMBS
--------------------------------*/
.breadcrumbs {
  margin-top: 30px;
  margin-bottom: 0;}
  .breadcrumbs ul {
	list-style: none;
	padding: 0;}
	.breadcrumbs ul li {
	  display: inline-block;
	  padding-right: 5px;}
	  .breadcrumbs ul li:after {
		content: "/";
		margin-left: 5px;}
		.breadcrumbs ul li:last-of-type:after,
		.breadcrumbs ul li:last-child:after {
		  content: "";}
	  .breadcrumbs ul li a {
		font-size: inherit;
		color: inherit;}

header .breadcrumbs {
  margin: 0;}
  header .breadcrumbs ul {
	margin-bottom: 10px;}

@media (min-width: 320px) {

  .breadcrumbs ul li {
	font-size: 1em;}

} /* END min-width: 320px; */

  @media (min-width: 768px) {

  .breadcrumbs ul li {
	font-size: 1.2em;}

} /* END min-width: 768px; */



/*--------------------------------
  COMPONENTS: GRIDS
--------------------------------*/
header .grid,
aside .grid,
footer .grid {
  display: none;
}

/* GRID - REGULAR
****************/
.grid .grid-wrapper {
    margin-bottom: -15px;
}

.grid-wrapper:before, .grid-wrapper:after {
    content: "";
    display: table;
}

.grid-wrapper:after {
    clear: both;
}

.grid .grid-wrapper .item {
    position: relative;
    width: 100%;
    float: left;
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 15px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.grid .grid-wrapper .item:nth-last-child(-n+1) {
    margin-bottom: 0;
}

.grid .grid-wrapper .item a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    background-color: rgba(31, 31, 31, 0.6);
    padding: 15px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 10;
}

.grid .grid-wrapper .item span {
    float: left;
    color: #ffffff;
    padding-right: 10px;
    margin-right: 10px;
}

.grid .grid-wrapper .item ul {
    width: 100%;
    height: 18px;
    float: left;
    color: #ffffff;
    text-overflow: ellipsis;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
}

.grid .grid-wrapper .item ul li {
    display: inline;
    color: #ffffff;
    font-family: "OpenSans-Light", Arial, sans-serif;
    margin-right: 2px;
}

.grid .grid-wrapper .item ul li:after {
    content: "\2C";
}

.grid .grid-wrapper .item ul li:last-child:after {
    content: "";
}

.grid .grid-wrapper .item h3 {
    display: block;
    display: -webkit-box;
    position: relative;
    width: 100%;
    height: 60px;
    color: #ffffff;
    font-family: "OpenSans-Light", Arial, sans-serif;
    font-size: 1.2em;
    line-height: 1.3;
    margin-top: 40px;
    margin-bottom: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid .grid-wrapper .item h1,
.grid .grid-wrapper .item h2,
.grid .grid-wrapper .item h4,
.grid .grid-wrapper .item h5,
.grid .grid-wrapper .item h6,
.grid .grid-wrapper .item p {
    display: none;
}

@media (min-width: 768px) {

    .grid .grid-wrapper {
        margin-bottom: -2%;
    }

    .grid .grid-wrapper .item {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .grid .grid-wrapper .item:nth-child(3n) {
        margin-right: 0;
    }

    .grid .grid-wrapper .item ul {
        width: 70%;
    }

    .grid .grid-wrapper .item h3 {
        height: 65px;
        font-size: 1.3em;
    }

    .content-narrow .grid .grid-wrapper .item {
        width: 49%;
    }

    .content-narrow .grid .grid-wrapper .item:nth-child(odd) {
        margin-right: 1%;
    }

    .content-narrow .grid .grid-wrapper .item:nth-child(even) {
        margin-left: 1%;
        margin-right: 0;
    }

    .grid .grid-wrapper .item:nth-last-child(-n+3) {
        margin-bottom: 0;
    }

    .content-narrow .grid .grid-wrapper .item:nth-last-child(-n+3) {
        margin-bottom: 2%;
    }

    .content-narrow .grid .grid-wrapper .item:nth-last-child(-n+2) {
        margin-bottom: 0;
    }

} /* END min-width: 768px; */

@media (min-width: 1200px) {

    .grid .grid-wrapper .item:hover {
        background-color: #333333;
    }

    .grid .grid-wrapper .item ul {

    }

    .grid .grid-wrapper .item:hover ul li {
        color: #ffffff;
        -webkit-transition: all .5s;
           -moz-transition: all .5s;
             -o-transition: all .5s;
                transition: all .5s;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
    }

    .grid .grid-wrapper .item a:hover {
        background-color: rgba(31, 31, 31, 0.8);
    }

    .grid .grid-wrapper .item h3 {
        width: calc(90% + 30px);
        height: 64px;
        left: -30px;
        padding-left: 30px;
        margin-top: 90px;
        margin-bottom: 10px;
    }

    .grid .grid-wrapper .item:hover h3 {
        color: #ffffff;
        opacity: 1;
        left: 0;
    }

    .grid .grid-wrapper .item h3:before {
        position: absolute;
        content: "\62";
        font-family: "fontsell";
        left: 0;
        opacity: 0;
    }

    .grid .grid-wrapper .item:hover h3:before {
       opacity: 1;
    }

} /* END min-width: 1200px; */



/* GRID - TRIANGLE
*****************/
.grid.triangle .grid-wrapper .item {
    height: 100%;
    background-color: #555555;
    background-color: #4273a5;
}

.grid.triangle .grid-wrapper .item:before {
    content: "";
    display: block;
    padding-top: 50%;
}

.grid.triangle .grid-wrapper .item a {
    position: absolute;
    text-decoration: none;
    padding: 0;
    overflow: hidden;
}

.grid.triangle .grid-wrapper .item a:before {
    content: "";
    position: absolute;
    width: 150%;
    height: 100%;
    top: -100%;
    right: 0;
    background-color: #c62526;
    opacity: 0.9;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
}

.grid.triangle .grid-wrapper .item a:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 10px;
    color: #ffffff;
    font-family: "fontsell";
    content: "\6a";
    font-size: 2em;
}

.grid.triangle .grid-wrapper .item ul {
    display: none;
    float: none;
}

.grid.triangle .grid-wrapper .item ul li {
    display: none;
    width: 100%;
    max-height: 20px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1em;
    margin: 0;
    margin-bottom: 5px;
    opacity: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid.triangle .item ul li:before {
    content: "\2022";
    content: "\BB";
    padding-top: 52%;
    margin-right: 5px;
}

.grid.triangle .item ul li:after {
    content: "";
}
.grid.triangle .grid-wrapper .item h4 {
    display: none;
}

.grid.triangle .grid-wrapper .item h3 {
    position: absolute;
    width: 80%;
    height: auto;
    right: 0;
    bottom: 15px;
    left: auto;
    font-family: "OpenSans-Bold", Arial, sans-serif;
    font-size: 1.7em;
    letter-spacing: 1px;
    text-align: right;
    padding: 0 15px;
}
.grid.triangle .grid-wrapper .item h3:before {
    display: none;
    content: "";
}

@media (min-width: 768px) {

    .grid.triangle .grid-wrapper .item:before {
        padding-top: 70%;
    }

    .grid.triangle .grid-wrapper .item a:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 58% 100%;
        -ms-transform-origin: 58% 100%;
        transform-origin: 58% 100%;
    }

    .grid.triangle .grid-wrapper .item ul:before {
        top: 10px;
        left: 13px;
        font-size: 2em;
    }

    .grid.triangle .grid-wrapper .item h3 {
        width: 100%;
        font-size: 1.5em;
    }

} /* END min-width: 768px; */

@media (min-width: 992px) {

    .grid.triangle .grid-wrapper .item ul:before {
        top: 13px;
        left: 15px;
        font-size: 3em;
    }

    .grid.triangle .grid-wrapper .item h3 {
        width: 80%;
        font-size: 1.9em;
    }

} /* END min-width: 992px; */

@media (min-width: 1200px) {

    .grid.triangle .grid-wrapper .item:hover {
        background-color: transparent;
    }

    .grid.triangle .grid-wrapper .item:before {
        padding-top: 100%;
    }

    .grid.triangle .grid-wrapper .item a:before {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    .grid.triangle .grid-wrapper .item a:hover:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .grid.triangle .grid-wrapper .item a:after {
        display: none;
    }

    .grid.triangle .grid-wrapper .item ul {
        display: block;
        position: relative;
        width: 70%;
        height: auto;
        padding: 30px;
        margin-bottom: 0;
        opacity: 0;
        z-index: 1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .grid.triangle .grid-wrapper .item ul:before {
        display: none;
    }

    .grid.triangle .grid-wrapper .item a:hover ul {
        opacity: 1;
    }

    .grid.triangle .grid-wrapper .item ul li:nth-child(1),
    .grid.triangle .grid-wrapper .item ul li:nth-child(2),
    .grid.triangle .grid-wrapper .item ul li:nth-child(3),
    .grid.triangle .grid-wrapper .item ul li:nth-child(4),
    .grid.triangle .grid-wrapper .item ul li:nth-child(5) {
        display: block;
        display: -webkit-box;
    }

    .grid.triangle .grid-wrapper .item h4 {
        position: relative;
        display: block;
        display: -webkit-box;
        width: 70%;
        height: 102px;
        color: #ffffff;
        font-family: "OpenSans-Regular", Arial, sans-serif;
        font-size: 1.1em;
        line-height: 1.3;
        padding: 30px 30px 0 30px;
        opacity: 0;
        z-index: 1;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .grid.triangle .grid-wrapper .item a:hover h4 {
        opacity: 1;
    }

    .grid.triangle .grid-wrapper .item h3 {
        font-size: 2.3em;
    }

} /* END min-width: 1200px; */



/*--------------------------------
  COMPONENTS: IMAGES CAROUSEL
--------------------------------*/
header .images-carousel,
footer .images-carousel {
  display: none;}

.images-carousel {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
	z-index: 0;}
  .images-carousel .swiper-slide {
	background-color: #ffffff;
	background-size: cover !important;
	background-position: center !important;
	box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);}
	.images-carousel .swiper-slide:before {
	  content: "";
	  display: block;
	  padding-top: 70%;}
	.images-carousel .swiper-slide .image-footer {
	  position: absolute;
	  width: 100%;
	  bottom: 0;
	  color: #c7c7c7;
	  font-family: "OpenSans-Regular", Arial, Sans-serif;
	  font-weight: normal;
	  padding: 10px 15px;
	  padding-left: 40px;
	  background-color: rgba(0,0,0,0.6);}
	  .images-carousel .swiper-slide .image-footer:before {
		content: "\41";
		position: absolute;
		top: 50%;
		left: 15px;
		font-family: "fontsell";
		-webkit-transform: translate(0,-50%);
		   -moz-transform: translate(0,-50%);
			-ms-transform: translate(0,-50%);
			 -o-transform: translate(0,-50%);
				transform: translate(0,-50%);}
	  .images-carousel .swiper-slide .image-footer p {
		font-family: inherit;
		font-size: 0.8em;
		margin-bottom: 0;}
  .images-carousel .swiper-pagination-bullets {
	padding: 15px 0;}
	.images-carousel .swiper-pagination-bullets .swiper-pagination-bullet {
	  width: 10px;
	  height: 10px;
	  background-color: #003366;
	  opacity: 0.3;}
	.images-carousel .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	  opacity: 1;}

.images-carousel .swiper-slide .zoom-image {
  position: absolute;
  width: 45px;
  height: 45px;
  top: 10px;
  right: 10px;
  color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
  box-sizing: content-box;
  cursor: pointer;
  background-color: #003366;}
  .images-carousel .swiper-slide .zoom-image:hover {
	box-shadow: 0 0 6px rgba(0,0,0,.16), 0 6px 12px rgba(0,0,0,.32);}
  .images-carousel .swiper-slide .zoom-image .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 26px;
	line-height: 0.8;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);}
.images-carousel-modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 999999;}
  .images-carousel-modal .ic-close {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;}
	.images-carousel-modal .ic-close i {
	  position: absolute;
	  top: 15px;
	  right: 15px;
	  color: #ffffff;
	  font-size: 30px;
	  line-height: 0.7;
	  cursor: pointer;}
  .images-carousel-modal img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		 -o-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
  z-index: 200;}
  .images-carousel-modal img.img-horizontal,
  .images-carousel-modal img.img-vertical {
	width: 90%;
	height: auto;}
  .images-carousel-modal .ic-arrow {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
	cursor: pointer;
	z-index: 2000;}
	.images-carousel-modal .ic-arrow.ica-prev {
	  left: 0;}
	.images-carousel-modal .ic-arrow.ica-next {
	  right: 0;}
	  .images-carousel-modal .ic-arrow.ica-prev:before,
	  .images-carousel-modal .ic-arrow.ica-next:before {
		color: #ffffff;
		font-family: "fontsell";
		font-size: 60px;}
	  .images-carousel-modal .ic-arrow.ica-prev:before {
		content: "\6b";}
	  .images-carousel-modal .ic-arrow.ica-next:before {
		content: "\6c";}

@media (min-width: 768px){
.images-carousel .swiper-slide:before {
	padding-top: 50%;}
	.images-carousel .swiper-slide .image-footer p {
		font-size: 1em;}
	.images-carousel-modal img.img-horizontal {
		width: 90%;
		height: auto;}
	.images-carousel-modal img.img-vertical {
		width: auto;
		height: 80%;}
} /* /END min-width: 768px */

@media (min-width: 992px){
  .images-carousel-modal img.img-horizontal {
	width: 70%;
	height: auto;}
} /* /END min-width: 992px */

@media (min-width: 1200px){
  .images-carousel-modal img.img-horizontal {
	width: 100vh;
	max-width: 1024px;}
  .images-carousel-modal img.img-vertical {
	width: auto;
	height: 70vh;
	max-height: 1024px;}
} /* /END min-width: 1200px */



/*--------------------------------
  GALLERY - COLUMNS
--------------------------------*/
.gallery.columns {
	position: relative;
	overflow: hidden;}
	.gallery.columns .swiper-wrapper {
		margin-bottom: 30px;}
	.gallery.columns .swiper-slide {
		background-color: #ffffff;
		box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);
		overflow: hidden;}
		.gallery.columns .swiper-slide:before {
			content: "";
			display: block;
			padding-top: 65%;}
		.gallery.columns .swiper-slide a {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			color: #0e3366;}
			.gallery.columns .swiper-slide a:before {
				opacity: 0;}
			.gallery.columns .swiper-slide a .text-wrapper {
				position: absolute;
				width: 75%;
				top: 0;
				left: 0;
				padding: 30px 40px 0px 20px;}
				.gallery.columns .swiper-slide a .text-wrapper .subtitle {
					height: 18px;
					color: #1f1f1f;
					font-family: "OpenSans-Regular", Arial, sans-serif;
					font-size: 13px;
					margin-top: 0;
					overflow: hidden;}
				.gallery.columns .swiper-slide a .text-wrapper .title {
					display: block;
					height: 74px;
					font-family: "OpenSans-Regular", Arial, sans-serif;
					font-size: 1.2em;
					line-height: 1.2;
					margin: 0 auto;
					overflow: hidden;}
				.gallery.columns .swiper-slide a .background {
					position: absolute;
					width: 66%;
					height: 100%;
					right: 0;
					bottom: 0;
					background-size: cover !important;
					background-position: center !important;
					background-repeat: no-repeat !important;}
					.gallery.columns .swiper-slide a .background .angle-decor {
						width: 0;
						height: 0;
						padding-bottom: 100%;
						padding-left: 100%;
						overflow: hidden;}
						.gallery.columns .swiper-slide a .background .angle-decor:after {
							content: "";
							display: block;
							width: 0;
							height: 0;
							margin-left: -500px;
							border-bottom: 500px solid transparent;
							border-left: 500px solid #ffffff;}
	.gallery.columns .swiper-pagination-bullets {
		bottom: 0;
		padding: 0;}
		.gallery.columns .swiper-pagination .swiper-pagination-bullet {
			width: 8px;
			height: 8px;
			display: inline-block;
			border-radius: 100%;
			background-color: #000;
			opacity: 0.2;}
		.gallery.columns .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
			background-color: #003366;
			opacity: 1;}
	.gallery.columns .swiper-buttons-wrapper {
		display: none;
		position: absolute;
		top: 0;
		right: -10px;}
		.gallery.columns .swiper-buttons-wrapper:before,
		.gallery.columns .swiper-buttons-wrapper:after {
			content: "";
			display: table;}
		.gallery.columns .swiper-buttons-wrapper:after {
			clear: both;}
		.gallery.columns .swiper-buttons-wrapper .swiper-button-next,
		.gallery.columns .swiper-buttons-wrapper .swiper-button-prev {
			position: relative;
			width: 30px;
			height: 30px;
			float: left;
			background-image: none;
			background-size: auto 65%;
			background-color: #0e3366;
			margin: 0;}
		.gallery.columns .swiper-buttons-wrapper .swiper-button-prev {
			margin-right: 30px;}
			.gallery.columns .swiper-buttons-wrapper .swiper-button-next:before,
			.gallery.columns .swiper-buttons-wrapper .swiper-button-prev:before {
				position: absolute;
				top: 50%;
				left: 50%;
				color: #ffffff;
				font-family: "fontsell";
				font-size: 25px;
				line-height: 1;
				-webkit-transform: translate(-50%,-50%);
				   -moz-transform: translate(-50%,-50%);
					-ms-transform: translate(-50%,-50%);
					 -o-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);}
			.gallery.columns .swiper-buttons-wrapper .swiper-button-next:before {
				content: "\6c";}
			.gallery.columns .swiper-buttons-wrapper .swiper-button-prev:before {
				content: "\6b";}

.box-flow .gallery.columns .swiper-slide {
	background-color: #0e3366;
	box-shadow: none;}
.box-flow .gallery.columns .swiper-slide a {
	color: #ffffff;}
.box-flow .gallery.columns .swiper-slide a .text-wrapper .subtitle {
	color: #fefefe;}
.box-flow .gallery.columns .swiper-slide a .background .angle-decor:after {
	border-left: 500px solid #0e3366;}

.no-js .gallery.columns .swiper-wrapper {
	display: block;}
.no-js .gallery.columns .swiper-slide {
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 4%;}
.no-js .gallery.columns .swiper-slide:before {
	padding-top: 120%;}
.no-js .gallery.columns .swiper-buttons-wrapper {
	display: none;}

@media (min-width: 414px) {

  .gallery.columns .swiper-slide a .text-wrapper .title {
		height: 116px;
		font-size: 1.8em;}

} /* END min-width: 414px; */

@media (min-width: 568px) {

	.gallery.columns .swiper-buttons-wrapper {
		display: block;}
		.gallery.columns .swiper-slide a .text-wrapper .title {
			height: 70px;
    		font-size: 1.1em;}

	.no-js .gallery.columns .swiper-slide {
		width: 48%;
		margin-bottom: 4%;}
		.no-js .gallery.columns .swiper-slide:nth-child(odd){
			margin-right: 4%;}
		.no-js .gallery.columns .swiper-slide:nth-child(even){
			margin-right: 0;}

} /* END min-width: 568px; */

@media (min-width: 768px) {
	.gallery.columns .swiper-slide:before {
		padding-top: 150%;}
	.gallery.columns .swiper-slide a .background {
		width: 100%;
		height: auto;}
	.gallery.columns .swiper-slide a .text-wrapper {
		width: 90%;}
	.gallery.columns .swiper-slide a .text-wrapper .title {
		height: 94px;
		font-size: 1.5em;}

} /* END min-width: 768px; */

@media (min-width: 992px) {

	.no-js .gallery.columns .swiper-slide {
		width: 30%;
		margin-bottom: 5%;}
		.no-js .gallery.columns .swiper-slide:nth-child(odd),
		.no-js .gallery.columns .swiper-slide:nth-child(even){
			margin-right: 5%;}
		.no-js .gallery.columns .swiper-slide:nth-child(3n){
			margin-right: 0;}

} /* END min-width: 992px; */

@media (min-width: 1200px) {
	.gallery.columns .swiper-slide a {
		-webkit-transition: all .3s;
		   -moz-transition: all .3s;
			-ms-transition: all .3s;
			 -o-transition: all .3s;
				transition: all .3s;}
		.gallery.columns .swiper-slide:hover a {
			left: 20px;}
		.gallery.columns .swiper-slide a:before {
			display: block;
			position: absolute;
			top: 24px;
			left: -7px;
			font-family: "fontsell";
			content: "\62";
			color: #0e3366;
			font-size: 1.5em;
			opacity: 0;
			-webkit-transition: all .3s;
			   -moz-transition: all .3s;
				-ms-transition: all .3s;
				 -o-transition: all .3s;
					transition: all .3s;
			z-index: 10;}
		.gallery.columns .swiper-slide:hover a:before {
			opacity: 1;}

	.box-flow .gallery.columns .swiper-slide a:before {
		color: #ffffff;}

	.no-js .gallery.columns .swiper-slide {
		width: 22%;
		margin-bottom: 3%;}
		.no-js .gallery.columns .swiper-slide:before {
			padding-top: 150%;}
		.no-js .gallery.columns .swiper-slide:nth-child(odd),
		.no-js .gallery.columns .swiper-slide:nth-child(even),
		.no-js .gallery.columns .swiper-slide:nth-child(3n){
			margin-right: 3%;}
		.no-js .gallery.columns .swiper-slide:nth-child(4n){
			margin-right: 0;}
} /* END min-width: 1200px; */


/*--------------------------------
  ELEMENTS: LISTING
--------------------------------*/
.listing {
  background: #ffffff;
  padding: 30px;}
  .listing .title {
	color: #0e3366;
	margin-top: 0;}
  .listing ul {
	padding-left: 15px;}
	.listing ul li,
	.listing ul li a {
	  color: #6a90b5;}

@media (min-width: 768px) {
  .listing ul li {
	position: relative;}
	.listing ul li:before {
	  content: "";
	  position: absolute;
	  top: 6px;
	  left: -13px;
	  width: 5px;
	  height: 5px;
	  background-color: #6a90b5;
	  border-radius: 50%;}
	.listing ul li a {
	  display: block;
	  height: 18px;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;}
} /* END min-width: 768px; */


/*--------------------------------
  ELEMENTS: LISTING INLINE
--------------------------------*/
ul.listing-inline {
  padding-left: 0;
  list-style: none;
  margin: 10px 0;}
  ul.listing-inline li {
	display: inline;}
  ul.listing-inline li:after {
	content: "\2C";}
	ul.listing-inline li:last-child:after {
	  content: "";}
  ul.listing-inline li a {
	color: #6a90b5;}


/*--------------------------------
  COMPONENTS: LISTING BIG
--------------------------------*/
.listing-big:before, .listing-big:after {
  content: "";
  display: table;}
.listing-big:after {
  clear: both;}

.listing-big .item {
  position: relative;
  width: 100%;
  float: left;
  background-color: #ffffff;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);
  margin-bottom: 15px;
  overflow: hidden;}
  .listing-big .item:before {
	content: "";
	display: block;}
  .listing-big .item:last-child,
  .listing-big .item:last-of-type {
	margin-bottom: 0;}
  .listing-big .item a {
	display: block;
	display: -webkit-box;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
		 -o-transition: all .3s;
			transition: all .3s;}
	.listing-big .item a:before {
	  display: block;
	  display: -webkit-box;
	  position: absolute;
	  top: 58px;
	  left: -7px;
	  font-family: "fontsell";
	  content: "\62";
	  color: #0e3366;
	  font-size: 2em;
	  opacity: 0;
	  -webkit-transition: all .3s;
		 -moz-transition: all .3s;
		  -ms-transition: all .3s;
		   -o-transition: all .3s;
			  transition: all .3s;}
	.listing-big .item .background{
	  position: absolute;
	  background-color: #cccccc;
	  background-size: cover !important;
	  background-position: center !important;
	  overflow: hidden;}
	  .listing-big .item .background:before {
		content: "";
		position: absolute;
		width: 150%;
		height: 200%;
		top: -200%;
		right: 0;
		background-color: #ffffff;
		-webkit-transform-origin: 100% 100%;
		   -moz-transform-origin: 100% 100%;
			-ms-transform-origin: 100% 100%;
			 -o-transform-origin: 100% 100%;
				transform-origin: 100% 100%;
		-webkit-transform: rotate(-45deg);
		   -moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			 -o-transform: rotate(-45deg);
				transform: rotate(-45deg);}
	  .listing-big .item .text-wrapper h3 {
		display: block;
		display: -webkit-box;
		color: #0e3366;
		text-transform: uppercase;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;}
	  .listing-big .item .text-wrapper p {
		display: block;
		display: -webkit-box;
		max-height: 18px;
		color: #1f1f1f;
		font-size: 1em;
		margin-bottom: 15px;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;}


@media (min-width: 320px) {

  .listing-big .item {
	margin-bottom: 15px;}
	.listing-big .item:before {
	  padding-top: 40%;}
	.listing-big .item .background {
	  width: 50%;
	  height: 100%;
	  top: 0;
	  right: 0;}
	.listing-big .item .text-wrapper {
		position: relative;
	  width: 85%;
	  padding: 0 20px;}
	  .listing-big .item .text-wrapper h3 {
		width: 100%;
		max-height: 48px;
		color: #0e3366;
		font-size: 1.3em;
		line-height: 1.2;
		margin-bottom: 0;
		-webkit-line-clamp: 2;}
	  .listing-big .item .text-wrapper p {
		width: 80%;
		max-height: 35px;
		color: #0e3366;
		font-size: 1em;}

} /* END min-width: 320px; */

@media (min-width: 375px) {

  .listing-big .item .text-wrapper {
	width: 80%;}
	.listing-big .item .text-wrapper h3 {
	  font-size: 1.4em;}
	.listing-big .item .text-wrapper p {
	  max-height: 56px;
	  width: 90%;
	  -webkit-line-clamp: 3;}

} /* END min-width: 375px; */

@media (min-width: 414px) {

  .listing-big .item .text-wrapper h3 {
	margin-top: 30px;}

} /* END min-width: 414px; */

@media (min-width: 768px) {

  .listing-big .item:before {
	  padding-top: 33%;}
  .listing-big .item .background {
	width: 40%;
	height: 100%;}
  .listing-big .item .text-wrapper {
	padding: 30px;}
	.listing-big .item .text-wrapper h3 {
	  max-height: 80px;
	  font-size: 2em;
	  margin-top: 20px;
	  margin-bottom: 10px;}
	.listing-big .item .text-wrapper p {
	  font-size: 1.6em;
	  max-height: 90px;
	  -webkit-line-clamp: 3;}

} /* END min-width: 768px; */

@media (min-width: 992px) {

  .listing-big .item:before {
	padding-top: 22%;}
  .listing-big .item .background {
	  width: 30%;}
  .listing-big .item .text-wrapper h3 {
	margin-top: 15px;}
  .listing-big .item .text-wrapper p {
	font-size: 1.6em;
	max-height: 62px;
	-webkit-line-clamp: 2;}

  .content-narrow .listing-big .item:before {
	padding-top: 25%;}

} /* END min-width: 992px; */

@media (min-width: 1200px) {

  .listing-big .item {
	margin-bottom: 30px;}
	.listing-big .item:hover a {
	  left: 30px;}
	  .listing-big .item:hover a:before {
		opacity: 1;}
	.listing-big .item .text-wrapper h3 {
	  margin-top: 30px;}
	.listing-big .item .text-wrapper p {
	  width: 100%;
	  font-size: 1.2em;}

} /* END min-width: 1200px; */


/*--------------------------------
  COMPONENTS: LISTING BITS
--------------------------------*/
.listing-bits {
  width: 100%;}
  .listing-bits:before, .listing-bits:after {
	content: "";
	display: table;}
  .listing-bits:after {
	clear: both;}
  .listing-bits .item {
	width: 100%;
	background-color: #ffffff;
	padding: 10px;
	margin-bottom: 15px;
	box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);}
	.listing-bits .item .lb-item-header {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #e0dfdf;
	  margin-bottom: 10px;}
	  .listing-bits .item .lb-item-header:before,
	  .listing-bits .item .lb-item-header:after {
		content: "";
		display: table;}
	  .listing-bits .item .lb-item-header:after {
		clear: both;}
	  .listing-bits .item .lb-item-header .lb-item-icon {
		position: relative;
		width: 10%;
		float: left;
		color: #ffffff;
		background-color: #0e3366;
		border-radius: 50%;}
		.listing-bits .item .lb-item-header .lb-item-icon:before {
		  content: "";
		  display: block;
		  padding-top: 100%;}
		.listing-bits .item .lb-item-header .lb-item-icon i {
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  font-size: 17px;
		  line-height: 17px;
		  -webkit-transform: translate(-50%,-50%);
			 -moz-transform: translate(-50%,-50%);
			  -ms-transform: translate(-50%,-50%);
			   -o-transform: translate(-50%,-50%);
				  transform: translate(-50%,-50%);}
	  .listing-bits .item .lb-item-header .lb-item-title {
		display: block;
		display: -webkit-box;
		position: relative;
		width: 85%;
		max-height: 34px;
		color: #0e3366;
		font-family: "OpenSans-SemiBold", Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.2;
		padding-left: 10px;
		margin-top: 5px;
		margin-bottom: 0;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;}
	.listing-bits .item .lb-item-content {}
	  .listing-bits .item .lb-item-content:before,
	  .listing-bits .item .lb-item-content:after {
		content: "";
		display: table;}
	  .listing-bits .item .lb-item-content:after {
		clear: both;}
	  .listing-bits .item .lb-item-content ul {
		color: #1f1f1f;
		list-style: none;
		padding: 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #e0dfdf;
		margin-bottom: 10px;}
		.listing-bits .item .lb-item-content ul li {
		  display: block;
		  display: -webkit-box;
		  max-height: 21px;
		  color: inherit;
		  font-size: 12px;
		  margin-bottom: 5px;
		  -webkit-line-clamp: 1;
		  -webkit-box-orient: vertical;
		  overflow: hidden;
		  text-overflow: ellipsis;}
		  .listing-bits .item .lb-item-content ul li:last-child,
		  .listing-bits .item .lb-item-content ul li:last-of-type {
			margin-bottom: 0;}
		  .listing-bits .item .lb-item-content ul li:before {
			display: inline-block;
			width: 10%;
			color: #003366;
			font-family: "fontsell";
			text-align: center;
			vertical-align: middle;}
		  .listing-bits .item .lb-item-content ul li.telephone:before {
			content: "\43";}
		  .listing-bits .item .lb-item-content ul li.address:before {
			content: "\44";}
		  .listing-bits .item .lb-item-content ul li.email:before {
			content: "\45";}
		  .listing-bits .item .lb-item-content ul li a {
			text-decoration: none;
			color: inherit;}
	  .listing-bits .item .lb-item-content p {
		display: block;
		height: 84px;
		display: -webkit-box;
		font-size: 14px;
		padding: 0 10px;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		border-bottom: 1px solid #e0dfdf;}
	  .listing-bits .item .lb-item-content .btn {
		display: block;
		font-size: 13px;
		margin-right: auto;
		margin-left: auto;}

.listing-bits .item.type-favorite .btn {
  width: 70%;
  float: left;}
  .listing-bits .item.type-favorite .btn.btn-fav-remove {
	width: 30%;}

  @media (min-width: 375px){
	.listing-bits .item .lb-item-header .lb-item-icon {
	  width: 12%;}
	.listing-bits .item .lb-item-header .lb-item-title {
	  max-height: 50px;
	  font-size: 1.4em;
	  line-height: 1.3;
	  margin-top: 2.5%;}
	.listing-bits .item .lb-item-content ul li {
	  font-size: 13px;}
  } /* /END min-width: 375px */

  @media (min-width: 414px){
	.listing-bits .item .lb-item-header .lb-item-title {
	  font-size: 1.6em;
	  line-height: 1.2;
	  margin-top: 2.5%;}
	.listing-bits .item .lb-item-content ul li {
	  font-size: 14px;}
  } /* /END min-width: 414px */

  @media (min-width: 768px){
	.listing-bits .item {
	  width: 48%;
	  float: left;
	  margin-right: 4%;
	  margin-bottom: 4%;}
	  .listing-bits .item:nth-child(even) {
		margin-right: 0;}
	  .listing-bits .item .lb-item-header .lb-item-title {
		height: 50px;
		max-height: 50px;
		margin-top: 2%;}
  } /* /END min-width: 768px */

  @media (min-width: 992px){
	.listing-bits .item {
	  width: 31%;
	  float: left;
	  margin-right: 3%;
	  margin-bottom: 3%;}
	  .listing-bits .item:nth-child(even) {
		margin-right: 3%;}
	  .listing-bits .item:nth-child(3n) {
		margin-right: 0;}
	  .listing-bits .item .lb-item-header .lb-item-title {
		margin-top: 1.2%;}
	.content-narrow .listing-bits .item {
	  width: 48%;
	  margin-right: 4%;
	  margin-bottom: 4%;}
	  .content-narrow .listing-bits .item:nth-child(even) {
		margin-right: 0;}
  } /* /END min-width: 992px */

  @media (min-width: 1200px){
	.listing-bits .item .lb-item-header .lb-item-title {
	  margin-top: 2%;}
  } /* /END min-width: 1200px */



/*--------------------------------
  COMPONENTS: CARD DETAIL
--------------------------------*/
.card-detail {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);
  margin-bottom: 30px;}
  .card-detail:before, .card-detail:after {
	content: "";
	display: table;}
  .card-detail:after {
	clear: both;}
  .card-detail .header {
	display: -webkit-box;
	display: block;
	width: 100%;
	background-color: #1f548a;
	background-blend-mode: multiply;
	background-size: cover !important;
	background-position: center !important;}
	.card-detail .header:before {
	  content: "";
	  display: block;}
  .card-detail .details:before, .card-detail .details:after {
	content: "";
	display: table;}
  .card-detail .details:after {
	clear: both;}
	.card-detail .details .image {
	  background: #555555;
	  border-radius: 50%;
	  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);
	  overflow: hidden;}
	  .card-detail .details .subheading {
		font-family: "OpenSans-Regular", Arial, sans-serif;
		font-size: 1.1em;
		margin-top: 10px;}
	  .card-detail .details .card-detail-info .cdi-info-row {
		font-size: 1.1em;
		padding-bottom: 10px;}
		.card-detail .details .card-detail-info .cdi-info-row:last-child,
		.card-detail .details .card-detail-info .cdi-info-row:last-of-type {
		  padding-bottom: 0;}
		.card-detail .details .card-detail-info .cdi-info-row i {
		  color: #0e3366;
		  font-size: 1.3em;
		  line-height: 0;
		  vertical-align: middle;}
		.card-detail .details .card-detail-info .cdi-info-row p {
		  margin-bottom: 0;}

aside .card-detail .details .image {
  width: 80px;
  margin: -40px auto 15px;}
aside .card-detail .details .heading {
  width: 100%;
  max-width: 100%;
  font-size: 1.3em;
  margin: 0;}
aside .card-detail .details .subheading{
  width: 100%;
  max-width: 100%;
  font-size: 1em;
  margin: 5px auto 0;}
aside .card-detail .details {
  padding: 0 15px 15px;}
  aside .card-detail .details .card-detail-info .cdi-info-row {
	width: 100%;
	float: none;
	margin-bottom: 5px;}
	aside .card-detail .details .card-detail-info .cdi-info-row:first-child,
	aside .card-detail .details .card-detail-info .cdi-info-row:first-of-type {
	  border: none;
	  padding-bottom: 0;
	  margin-bottom: 5px;}
	aside .card-detail .details .card-detail-info .cdi-info-row p {
	  font-size: 0.9em;}
	aside .card-detail .details .card-detail-info .cdi-info-row i {
	  font-size: 18px;}

@media (min-width: 320px) {

  .card-detail {
	text-align: center;
	padding: 0;}
	.card-detail .header:before {
	  padding-top: 40%;}
	.card-detail .details  {
	  padding: 0 15px 15px;}
	  .card-detail .details .image {
		width: 110px;
		margin: -50px auto 15px;
		border: 5px solid #ffffff;}
	  .card-detail .details .heading {
		color: #0e3366;
		font-family: "OpenSans-Regular", Arial, Sans-serif;
		font-size: 1.5em;
		padding-left: 0;
		margin-bottom: 0;}
		.card-detail .details .heading:before {
		  background-image: none;}
	  .card-detail .details .card-detail-info .cdi-info-row i {
		display: block;
		margin-bottom: 10px;}

} /* END min-width: 320px; */

@media (min-width: 768px) {

  .card-detail .header:before {
	padding-top: 30%;}
  .card-detail .details  {
	padding: 0 30px 30px;}
	.card-detail .details .image {
	  width: 150px;
	  margin: -75px auto 15px;}
	.card-detail .details .heading {
	  max-width: 65%;
	  font-size: 2em;
	  margin: 0 auto;}
	.card-detail .details .subheading {
	  max-width: 65%;
	  font-size: 1.4em;
	  margin: 10px auto 0;}
	  .card-detail .details .card-detail-info .cdi-info-row {
		width: 33.3333334%;
		float: left;
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 0;}
	  .card-detail .details .card-detail-info .cdi-info-row:first-child,
	  .card-detail .details .card-detail-info .cdi-info-row:first-of-type {
		width: 100%;
		padding-bottom: 20px;
		border-bottom: 1px solid #eee;
		margin-bottom: 20px;}
	  .card-detail .details .card-detail-info .cdi-info-row i {
		font-size: 25px;}
	  .card-detail .details .card-detail-info .cdi-info-row p {
		  font-size: 1.1em;}

} /* END min-width: 768px; */

@media (min-width: 1200px) {
  .card-detail .details .image {
	width: 150px;
	margin: -75px auto 30px;}

} /* END min-width: 1200px; */



/*--------------------------------
  COMPONENTS: EXTRAS
--------------------------------*/
header .extras,
aside .extras,
footer .extras {
  display: none;}

.extras {
  background-color: #ffffff;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);
  padding: 30px;
  margin-bottom: 30px;}
  .extras ul {
	padding-left: 0;
	list-style: none;}
	.extras ul li {
	  position: relative;
	  border-bottom: 1px solid #e0dfdf;}
	  .extras ul li:first-child,
	  .extras ul li:first-of-type {
		border-top: 1px solid #e0dfdf;}
	  .extras ul li h1, .extras ul li h2,
	  .extras ul li h3, .extras ul li h4,
	  .extras ul li h5, .extras ul li h6,
	  .extras ul li p {
		display: block;
		display: -webkit-box;
		margin-bottom: 15px;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;}
	  .extras ul li h1, .extras ul li h2,
	  .extras ul li h3, .extras ul li h4,
	  .extras ul li h5, .extras ul li h6 {
		line-height: 1.2;
		margin-top: 0;
		margin-bottom: 0;}
	  .extras ul li p {
		max-height: 18px;
		margin: 5px 0 0;}
	  .extras ul li .btn {
		display: block;
		position: absolute;
		top: 50%;
		right: 5px;
		font-weight: bold;
		-webkit-transform: translate(0,-50%);
		   -moz-transform: translate(0,-50%);
			-ms-transform: translate(0,-50%);
			 -o-transform: translate(0,-50%);
				transform: translate(0,-50%);}

@media (min-width: 320px){

  .extras {
	padding: 15px;}
	.extras .heading {
	  margin-bottom: 15px;}
	.extras ul li {
	  padding:10px 0;}
	  .extras ul li h1, .extras ul li h2,
	  .extras ul li h3, .extras ul li h4,
	  .extras ul li h5, .extras ul li h6 {
		width: 85%;
		height: 18px;
		font-size: 1.05em;}
	  .extras ul li p {
		width: 85%;
		margin-top: 0;}
	  .extras ul li .btn {
		padding: 2px 5px 0;}
		.extras ul li .btn i {
		  font-size: 20px;
		  line-height: 0;}
		.extras ul li .btn span {
		  display: none;}

} /* END min-width: 320px; */

@media (min-width: 768px){

  .extras {
	padding: 30px;}
	.extras .heading {
	  margin-bottom: 30px;}
	.extras ul li {
	  padding:15px 0;
	  padding-left: 30px;}
	.extras ul li:before {
	  position: absolute;
	  content: "\78";
	  top: 17px;
	  left: 6px;
	  font-family: "fontsell";
	  font-size: 10px;}
	.extras.external ul li:before {
	  content: "\4a";
	  font-size: 16px;
	  top: 13px;
	  left: 3px;}
	.extras ul li h1, .extras ul li h2,
	.extras ul li h3, .extras ul li h4,
	.extras ul li h5, .extras ul li h6 {
	  width: 80%;
	  height: 20px;
	  font-size: 1.2em;}
	.extras ul li p {
	  width: 80%;
	  margin: 5px 0 0;}
	.extras ul li .btn {
	  padding: 6px 12px;}
	  .extras ul li .btn i {
		display: none;}
	  .extras ul li .btn span {
		display: block;}

} /* END min-width: 768px; */

@media (min-width: 992px){

  .extras ul li h1, .extras ul li h2,
  .extras ul li h3, .extras ul li h4,
  .extras ul li h5, .extras ul li h6,
  .extras ul li p {
	width: 85%;}
  .content-narrow .extras ul li h1, .content-narrow .extras ul li h2,
  .content-narrow .extras ul li h3, .content-narrow .extras ul li h4,
  .content-narrow .extras ul li h5, .content-narrow .extras ul li h6,
  .content-narrow .extras ul li p {
	width: 75%;}

} /* END min-width: 992px; */

@media (min-width: 1200px){

  .content-narrow .extras ul li h1, .content-narrow .extras ul li h2,
  .content-narrow .extras ul li h3, .content-narrow .extras ul li h4,
  .content-narrow .extras ul li h5, .content-narrow .extras ul li h6,
  .content-narrow .extras ul li p {
	width: 80%;}

} /* END min-width: 1200px; */



/*--------------------------------
  COMPONENTS: SPONSORS CAROUSEL
--------------------------------*/
.sponsors-carousel {
	padding-bottom: 30px;}
	.sponsors-carousel .swiper-pagination {
		bottom: 0;}
		.sponsors-carousel .swiper-pagination .swiper-pagination-bullet {
			background-color: #003366;}



/*--------------------------------
  COMPONENTS: SHARE ICONS (JS)
--------------------------------*/

/* SHARE BOX: TYPE LIST
**********************/
.share-box.type-list .jssocials .jssocials-shares .jssocials-share {
  padding-bottom: 5px;
  border-bottom: 1px solid #e0dfdf;
  margin-bottom: 5px;}
  .share-box.type-list .jssocials .jssocials-shares .jssocials-share:last-child,
  .share-box.type-list .jssocials .jssocials-shares .jssocials-share:last-of-type {
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;}
  .share-box.type-list .jssocials .jssocials-shares .jssocials-share .jssocials-share-link {
	font-size: 16px;
	text-decoration: none;}
	.share-box.type-list .jssocials .jssocials-shares .jssocials-share .jssocials-share-link .jssocials-share-logo {
	  display: none;}
	.share-box.type-list .jssocials .jssocials-shares .jssocials-share .jssocials-share-link .jssocials-share-label {
	  position: relative;
	  padding-left: 30px;
	  color: #333;}
	.share-box.type-list .jssocials .jssocials-shares .jssocials-share .jssocials-share-link .jssocials-share-label:before {
	  position: absolute;
	  top: 50%;
	  left: 0;
	  font-family: "fontsell";
	  font-size: 20px;
	  -webkit-transform: translateY(-50%);
		 -moz-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		   -o-transform: translateY(-50%);
			  transform: translateY(-50%);}
	.share-box.type-list .jssocials .jssocials-shares .jssocials-share.jssocials-share-email .jssocials-share-link .jssocials-share-label:before {
	  content: "\45";
	  color: #3490F3;}
	.share-box.type-list .jssocials .jssocials-shares .jssocials-share.jssocials-share-twitter .jssocials-share-link .jssocials-share-label:before {
	  content: "\67";
	  color: #00aced;}
	.share-box.type-list .jssocials .jssocials-shares .jssocials-share.jssocials-share-facebook .jssocials-share-link .jssocials-share-label:before {
	  content: "\66";
	  color: #3b5998;}


/* SHARE ICONS: TYPE ROW
***********************/
.share-box.type-row {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;}
	.share-box.type-row .heading {
		display: inline-block;
		margin-right: 15px;
		margin-bottom: 0;}
	.share-box.type-row .jssocials {
		display: inline-block;}
		.share-box.type-row .jssocials .jssocials-shares .jssocials-share {
			display: inline-block;
			margin:0 0 -9px 5px;}
			.share-box.type-row .jssocials .jssocials-shares .jssocials-share:first-child,
			.share-box.type-row .jssocials .jssocials-shares .jssocials-share:first-of-type {
				margin-left: 0;}
			.share-box.type-row .jssocials .jssocials-shares .jssocials-share .jssocials-share-link {
				display: block;
				position: relative;
				width: 30px;
				height: 30px;
				background-color: #1f1f1f;
				border-radius: 50%;
				color: #ffffff;}
				.share-box.type-row .jssocials .jssocials-shares .jssocials-share .jssocials-share-link:before {
					position: absolute;
					top: 50%;
					left: 50%;
					font-family: "fontsell";
					font-size: 16px;
					-webkit-transform: translate(-50%, -50%);
					   -moz-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						 -o-transform: translate(-50%, -50%);
							transform: translate(-50%, -50%);}
				.share-box.type-row .jssocials .jssocials-shares .jssocials-share.jssocials-share-email .jssocials-share-link {
					background-color: #3490F3;}
					.share-box.type-row .jssocials .jssocials-shares .jssocials-share.jssocials-share-email .jssocials-share-link:before {
					  content: "\45";}
				.share-box.type-row .jssocials .jssocials-shares .jssocials-share.jssocials-share-twitter .jssocials-share-link {
					background-color: #00aced;}
					.share-box.type-row .jssocials .jssocials-shares .jssocials-share.jssocials-share-twitter .jssocials-share-link:before {
					  content: "\67";}
				.share-box.type-row .jssocials .jssocials-shares .jssocials-share.jssocials-share-facebook .jssocials-share-link {
					background-color: #3b5998;}
					.share-box.type-row .jssocials .jssocials-shares .jssocials-share.jssocials-share-facebook .jssocials-share-link:before {
					  content: "\66";}
		.share-box.type-row .jssocials .jssocials-shares .jssocials-share .jssocials-share-link .jssocials-share-logo,
		.share-box.type-row .jssocials .jssocials-shares .jssocials-share .jssocials-share-link .jssocials-share-label {
			display: none;}


@media (min-width: 1200px){

  .share-box.type-row {
	text-align: right;}

} /* /END min-width: 1200px */


/*--------------------------------
  COMPONENTS: SEARCH
--------------------------------*/

/* SEARCH - HOME QUICK VIEW
**************************/
.quick-search {
  width: 100%;
  background-color: rgba(0, 51, 102, 1);
  margin-bottom: 15px;}
  .quick-search .title {
	float: left;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 15px;}
  .quick-search .switch-block {
	width: auto;
	float: right;}
	.quick-search .switch-block h4 {
	  color: #ffffff;
	  font-family: "OpenSans-Regular", Arial, sans-serif;}
	  .quick-search .switch-block .switchbox + label:before {
		background-color: rgba(0, 51, 102, 1);
		border: 2px solid #f2f2f2;}
		.quick-search .switch-block .switchbox:checked + label:before {
		  border: 2px solid #f2f2f2;
		  background-color: rgb(75, 120, 165)}
	  .quick-search .switch-block .switchbox + label:after {
		left: 4px;
		top: 4px;
		width: 16px;
		height: 16px;
		border: 1px solid rgba(0, 51, 102, 1);}
		.quick-search .switch-block .switchbox:checked + label:after {
		  border: 1px solid rgb(75, 120, 165);}
  .quick-search input {
	width: inherit;
	height: 45px;
	font-size: 1.2em;
	letter-spacing: 1px;
	background: #ffffff;
	border: 0;
	box-shadow: none;
	outline: 0;
	padding: 0 15px;}
  .quick-search .input-group-btn .btn {
	height: 45px;
	width: 45px;
	border: 0;}
	.quick-search .input-group-btn .btn:focus {
	  outline: 0;}
	.quick-search .input-group-btn .btn i {
	  display: block;
	  font-size: 22px;
	  line-height: 0.9;
	  padding-top: 2px;}
  .quick-search .example {
	color: #ffffff;
	font-size: 1em;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 0;}
  .quick-search .input-group-btn {
	font-size: 1em;}
#home-quick-view .quick-search {
  background-color: rgba(0, 51, 102, 0.85);
  margin-bottom: 0;}
#home-quick-view #btn-quick-search {
  display: none;}

@media (min-width: 320px){

  .quick-search {
	padding: 15px;}
	.quick-search .title {
	  font-size: 1.4em;
	  margin-top: 2px;}
	.quick-search .switch-block h4 {
	  font-size: 0.85em;
	  margin-top: 5px;
	  margin-right: 5px;}

} /* END min-width: 320px; */

@media (min-width: 768px){

  .quick-search {
	padding: 30px;}
	.quick-search .title {
	  margin-top: 0;
	  font-size: 1.7em;}
	.quick-search .switch-block h4 {
	  font-size: 15px;
	  margin-top: 3px;
	  margin-right: 10px;}

} /* END min-width: 768px; */


/* SEARCH - RESULTS
******************/
.search-results ul {
  list-style: none;
  padding: 10px 0;}
  .search-results ul li {
	border-bottom: 1px solid #e0dfdf;
	padding-bottom: 10px;
	margin-bottom: 10px;}
	.search-results ul li h3,
	.search-results ul li h4 {
	  font-family: "OpenSans-Regular";
	  font-weight: normal;
	  margin-top: 0;
	  margin-bottom: 3px;}
	.search-results ul li h3 {
	  font-size: 19px;
	  line-height: 1.2;}
	  .search-results ul li h3 a {
		color: #0e3366;}
	.search-results ul li h4 {
	  font-size: 14px;}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* --------------------------------------------  MICROSITES: THEME COLORS  ----------------------------------------------------- */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* !!! if no other theme color is applied Corporate Blue is the default color */


/* THEME COMMONS - COLOR CIAN
****************************/
.theme-color_cian .main-header {
	background-color: #009fe3}
.theme-color_cian .btn-primary {
	background-color: #009fe3;
	border: 1px solid #009fe3;}
	.theme-color_cian .btn-primary:hover {
	  background-color: #0086bf;}
.theme-color_cian .btn-primary-o {
	color: #009fe3;
	border: 1px solid #009fe3;}
	.theme-color_cian .btn-primary-o:hover {
	  color: #ffffff;
	  background-color: #009fe3;}
.theme-color_cian .heading {
	color: #009fe3;}
.theme-color_cian #common_top-bar {
	background-color: #009fe3;}
.theme-color_cian .grid .grid-wrapper .item {
	background-color: #009fe3;}
.theme-color_cian .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #009fe3 !important;}
.theme-color_cian .gallery.columns .swiper-buttons-wrapper .swiper-button-next,
.theme-color_cian .gallery.columns .swiper-buttons-wrapper .swiper-button-prev {
	background-color: #009fe3;}
.theme-color_cian .gallery.columns .swiper-slide a .text-wrapper .title {
	color: #009fe3;}
.theme-color_cian .box-flow .gallery.columns .swiper-slide {
	background-color: #009fe3;}
.theme-color_cian .box-flow .gallery.columns .swiper-slide a .text-wrapper .title {
	color: #ffffff;}
.theme-color_cian .box-flow .gallery.columns .swiper-slide a .background .angle-decor:after {
	border-left: 500px solid #009fe3;}


/* THEME COMMONS - COLOR ORANGE
******************************/
.theme-color_orange .main-header {
	background-color: #ff9933}
.theme-color_orange .btn-primary {
	background-color: #ff9933;
	border: 1px solid #ff9933;}
	.theme-color_orange .btn-primary:hover {
	  background-color: #f78718;}
.theme-color_orange .btn-primary-o {
	color: #ff9933;
	border: 1px solid #ff9933;}
	.theme-color_orange .btn-primary-o:hover {
	  color: #ffffff;
	  background-color: #ff9933;}
.theme-color_orange .heading {
	color: #ff9933;}
.theme-color_orange #common_top-bar {
	background-color: #ff9933;}
.theme-color_orange .grid .grid-wrapper .item {
	background-color: #ff9933;}
.theme-color_orange .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #ff9933 !important;}
.theme-color_orange .gallery.columns .swiper-buttons-wrapper .swiper-button-next,
.theme-color_orange .gallery.columns .swiper-buttons-wrapper .swiper-button-prev {
	background-color: #ff9933;}
.theme-color_orange .gallery.columns .swiper-slide a .text-wrapper .title {
	color: #ff9933;}


/* THEME COMMONS - COLOR REDWINE
*******************************/
.theme-color_redwine .main-header {
	background-color: #cc3333;}
.theme-color_redwine .btn-primary {
	background-color: #cc3333;
	border: 1px solid #cc3333;}
	.theme-color_redwine .btn-primary:hover {
	  background-color: #a21919;}
.theme-color_redwine .btn-primary-o {
	color: #cc3333;
	border: 1px solid #cc3333;}
	.theme-color_redwine .btn-primary-o:hover {
	  color: #ffffff;
	  background-color: #cc3333;}
.theme-color_redwine .btn-cta {
	background-color: #003366;
	border: 1px solid #003366;}
	.theme-color_redwine .btn-cta:hover {
	  background-color: #204f90;}
.theme-color_redwine .btn-cta-o {
	color: #003366;
	border: 1px solid #003366;}
	.theme-color_redwine .btn-cta-o:hover {
	  color: #ffffff;
	  background-color: #003366;}
.theme-color_redwine .heading {
	color: #cc3333;}
.theme-color_redwine #common_top-bar {
	background-color: #cc3333;}
.theme-color_redwine .grid .grid-wrapper .item {
	background-color: #cc3333;}
.theme-color_redwine .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #cc3333 !important;}
.theme-color_redwine .gallery.columns .swiper-buttons-wrapper .swiper-button-next,
.theme-color_redwine .gallery.columns .swiper-buttons-wrapper .swiper-button-prev {
	background-color: #cc3333;}
.theme-color_redwine .gallery.columns .swiper-slide a .text-wrapper .title {
	color: #cc3333;}


/* THEME COMMONS - COLOR GREEN
*****************************/
.theme-color_green .main-header {
	background-color: #009933;}
.theme-color_green .btn-primary {
	background-color: #009933;
	border: 1px solid #009933;}
	.theme-color_green .btn-primary:hover {
	  background-color: #01822c;}
.theme-color_green .btn-primary-o {
	color: #009933;
	border: 1px solid #009933;}
	.theme-color_green .btn-primary-o:hover {
	  color: #ffffff;
	  background-color: #009933;}
.theme-color_green .heading {
  color: #009933;}
.theme-color_green #common_top-bar {
  background-color: #009933;}
.theme-color_green .grid .grid-wrapper .item {
  background-color: #009933;}
.theme-color_green .images-carousel .swiper-pagination-bullets .swiper-pagination-bullet {
	background-color: #009933;}
.theme-color_green .sponsors-carousel .swiper-pagination .swiper-pagination-bullet {
	background-color: #009933;}
.theme-color_green .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #009933 !important;}
.theme-color_green .gallery.columns .swiper-buttons-wrapper .swiper-button-next,
.theme-color_green .gallery.columns .swiper-buttons-wrapper .swiper-button-prev {
	background-color: #009933;}
.theme-color_green .gallery.columns .swiper-slide a .text-wrapper .title {
	color: #009933;}


/* THEME COMMONS - COLOR LIGHTGRAY
*********************************/
.theme-color_lightgray .main-header {
	background-color: #a69c95;}
.theme-color_lightgray .btn-primary {
	background-color: #a69c95;
	border: 1px solid #a69c95;}
	.theme-color_lightgray .btn-primary:hover {
	  background-color: #8e857f;}
.theme-color_lightgray .btn-primary-o {
	color: #a69c95;
	border: 1px solid #a69c95;}
	.theme-color_lightgray .btn-primary-o:hover {
	  color: #ffffff;
	  background-color: #a69c95;}
.theme-color_lightgray .heading {
	color: #a69c95;}
.theme-color_lightgray #common_top-bar {
	background-color: #a69c95;}
.theme-color_lightgray .grid .grid-wrapper .item {
	background-color: #a69c95;}
.theme-color_lightgray .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #a69c95 !important;}
.theme-color_lightgray .gallery.columns .swiper-buttons-wrapper .swiper-button-next,
.theme-color_lightgray .gallery.columns .swiper-buttons-wrapper .swiper-button-prev {
	background-color: #a69c95;}
.theme-color_lightgray .gallery.columns .swiper-slide a .text-wrapper .title {
	color: #a69c95;}


/* THEME COMMONS - COLOR DARKGRAY
********************************/
.theme-color_darkgray .main-header {
	background-color: #6f625a;}
.theme-color_darkgray .btn-primary {
	background-color: #6f625a;
	border: 1px solid #6f625a;}
	.theme-color_darkgray .btn-primary:hover {
	  background-color: #8e857f;}
.theme-color_darkgray .btn-primary-o {
	color: #6f625a;
	border: 1px solid #6f625a;}
	.theme-color_darkgray .btn-primary-o:hover {
	  color: #ffffff;
	  background-color: #6f625a;}
.theme-color_darkgray .heading {
	color: #6f625a;}
.theme-color_darkgray #common_top-bar {
	background-color: #6f625a;}
.theme-color_darkgray .grid .grid-wrapper .item {
	background-color: #6f625a;}
.theme-color_darkgray .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #6f625a !important;}
.theme-color_darkgray .gallery.columns .swiper-buttons-wrapper .swiper-button-next,
.theme-color_darkgray .gallery.columns .swiper-buttons-wrapper .swiper-button-prev {
	background-color: #6f625a;}
.theme-color_darkgray .gallery.columns .swiper-slide a .text-wrapper .title {
	color: #6f625a;}


/* THEME COMMONS - COLOR MARINE
******************************/
.theme-color_marine .main-header {
	background-color: #0099a9;}
.theme-color_marine .btn-primary {
	background-color: #0099a9;
	border: 1px solid #0099a9;}
	.theme-color_marine .btn-primary:hover {
	  background-color: #057f8c;}
.theme-color_marine .btn-primary-o {
	color: #0099a9;
	border: 1px solid #0099a9;}
	.theme-color_marine .btn-primary-o:hover {
	  color: #ffffff;
	  background-color: #0099a9;}
.theme-color_marine .heading {
	color: #0099a9;}
.theme-color_marine #common_top-bar {
	background-color: #0099a9;}
.theme-color_marine .grid .grid-wrapper .item {
	background-color: #0099a9;}
.theme-color_marine .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #0099a9 !important;}
.theme-color_marine .gallery.columns .swiper-buttons-wrapper .swiper-button-next,
.theme-color_marine .gallery.columns .swiper-buttons-wrapper .swiper-button-prev {
	background-color: #0099a9;}
.theme-color_marine .gallery.columns .swiper-slide a .text-wrapper .title {
	color: #0099a9;}


/* THEME 1 - COLOR PURPLE
************************/
.theme-color_purple .main-header {
	background-color: #660066;}
.theme-color_purple .btn-primary {
	background-color: #660066;
	border: 1px solid #660066;}
	.theme-color_purple .btn-primary:hover {
	  background-color: #560b56;}
.theme-color_purple .btn-primary-o {
	color: #660066;
	border: 1px solid #660066;}
	.theme-color_purple .btn-primary-o:hover {
	  color: #ffffff;
	  background-color: #660066;}
.theme-color_purple .heading {
	color: #660066;}
.theme-color_purple #common_top-bar {
	background-color: #660066;}
.theme-color_purple .grid .grid-wrapper .item {
	background-color: #660066;}
.theme-color_purple .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #660066 !important;}
.theme-color_purple .gallery.columns .swiper-buttons-wrapper .swiper-button-next,
.theme-color_purple .gallery.columns .swiper-buttons-wrapper .swiper-button-prev {
	background-color: #660066;}
.theme-color_purple .gallery.columns .swiper-slide a .text-wrapper .title {
	color: #660066;}