/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html, body {
    width: 100%;
    height: 100%;
}

body {
  font-family: "Open Sans", Arial, Tahoma, sans-serif;
  color: white;
  background-color: black;
}
h1, h2, h3, h4 {
	font-weight: 500;
	font-family: "Ideal Sans", Arial, Tahoma, sans-serif;
}
footer h1, footer h2, footer h3, footer h4 {
	font-weight: 700;
}
.brand-container{
	text-align:center;
	float:none;
	margin: 0 auto;
	}
.brand-container img{
	margin:0 auto;
}
.img-logo {
	width: 80%;
}
.p-logo {
	padding-top:14px;
}
.section {
	padding-bottom:5%;
}

.intro {
    height: 100%;
	color: #cfc528;
	padding-bottom:0;
	background: #fff url('https://rometreaties.eu/wp-content/themes/understrap-master/img/bg/bg5.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
	
}
.historical {
	background-color: #f7f3d7;
	background: #f7f3d7 url('https://rometreaties.eu/wp-content/themes/understrap-master/img/bg/bgHistory.jpg') no-repeat center center fixed;
	color: black;
} 
.economical {
	background-color: #e7f4f3;
	background: #e7f4f3 url('https://rometreaties.eu/wp-content/themes/understrap-master/img/bg/bgEconomy.jpg') no-repeat center center fixed;
	color: black;
}
.social {
	background-color: #fdedeb;
	background: #fdedeb url('https://rometreaties.eu/wp-content/themes/understrap-master/img/bg/bgSocial.jpg') no-repeat center center fixed;
	color: black;
}
.international {
	background-color: #e4e8f2;
	background: #e4e8f2 url('https://rometreaties.eu/wp-content/themes/understrap-master/img/bg/bgInternational.jpg') no-repeat center center fixed;
	color: black;
}
.future {
	background-color: #fdeadd;
	background: #fdeadd url('https://rometreaties.eu/wp-content/themes/understrap-master/img/bg/bgFuture.jpg') no-repeat center center fixed;
	color: black;
}
.foreword {
	background-color: #F3F3F3;
	color: black;
}

.layer {
 height: 100%;
 padding-top: 150px;
 vertical-align: middle;
 background-color: rgba(30, 30, 30, 0.8);
 text-shadow: 1px 1px 1px #000000;
}

.row-title {
	padding:10% 0;
	margin-bottom:5%;
	margin-left:0;
	margin-right:0;
}
#foreword .row-title {
	padding:5% 0;
	margin-bottom:0;
}

#historical .row-title{
	background: #fff url('https://rometreaties.eu/wp-content/themes/understrap-master/img/banner/bannerHistory.jpg') no-repeat center center fixed;
		  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  color:#cfc528;
}
#economical .row-title {
	background: #fff url('https://rometreaties.eu/wp-content/themes/understrap-master/img/banner/bannerEconomy.jpg') no-repeat center center fixed;
		  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  color:#87c0bd;
}
#social .row-title {
	background: #fff url('https://rometreaties.eu/wp-content/themes/understrap-master/img/banner/bannerSocial.jpg') no-repeat center center fixed;
		  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  color:#c51a43;
}
#international .row-title {
	 background: #fff url('https://rometreaties.eu/wp-content/themes/understrap-master/img/banner/bannerInternational.jpg') no-repeat center center fixed;
	 	  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  color:#184981;
} 
#future .row-title {
	 background: #fff url('https://rometreaties.eu/wp-content/themes/understrap-master/img/banner/bannerFuture2.jpg') no-repeat center center fixed;
	 	  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  color:#d06427;
} 
.heading h2 {
	text-transform:uppercase;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

.heading h2 span {	
	padding:5px;
		 background-color: rgba(30, 30, 30, 0.8);
	 background-image:url('https://rometreaties.eu/wp-content/themes/understrap-master/brand/starsSmall.png');
    background-repeat:no-repeat;
    background-size:contain;
	    padding-left: 14px;
}
.heading h2 span.span-intro {
	 background-color: #F3F3F3;
}

.embed-responsive .embed-responsive-item, .embed-responsive video {
	border: 1px solid #d4d4d4;
	border-radius: 2px; 
	box-shadow: 0 1px 6px black;
	 -moz-box-shadow: 0 1px 6px black;
-webkit-box-shadow: 0 1px 6px black;
}
.row-video {
	margin-bottom:30px;
}
.noscript {
	width:100%;
	color:#000;
	background-color:#fff;
	text-align:center;
}
.noscript .row-title {
	margin:0;
	padding:5% 0;
}
.noscript img {
	margin:0 auto;
}
blockquote {
	font-size: inherit;
	border-left-color: #283c5a;
}

@media (min-width: 767px) {
	.embed-responsive-16by9 {
    padding-bottom: 28.25%;
	float:none;
	margin:0 auto;
}
}
/*----------------------
       Button
----------------------*/
.btn-circle {
	position:relative;
	bottom:3%;
  width: 70px;
  height: 70px;
  margin-top: 15px;
  padding: 7px 16px;
  border: 2px solid #cfc528;
  border-radius: 100% !important;
  font-size: 40px;
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.btn-circle:hover,
.btn-circle:focus {
  outline: none;
  color: white;
  background: rgba(255, 255, 255, 0.1);
}
.btn-circle i.animated {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-angle-double-down:before {
  content: "\f103";
  color:#cfc528;
}
/*---------End Button---------*/
.audio-container {
	border: 3px solid #fff;
	background-color:#fff;
	height:250px;
	margin:0 auto;
}
.audio-container img {
	height:85%;
	width: auto;
	margin:0 auto;
	display:block;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	background-color: #336699;
	border-color: #336699;
}

.footer {
  width: 100%;
  background: #003f73;
}

.footer-wdg {
	padding:10px 20px;
}
.row-copyright {
	padding:5% 0;
	background: #283c5a;
}
.row-copyright p.text-muted {
	display:inline-block;
}
.row-copyright .button-copyright{
	display:inline-block;
}
#wdg-collapse3 {
	padding:15px 0;
	margin:0 auto;
	float:none;
}

.logo{
	padding-bottom:3%;
	padding-top:3%;
}
.glyphicon-plus, .glyphicon-minus {
	float: left;
	padding-right: 5px;
}
.wdg-button {
	cursor:pointer;
}
.fa-copyright:before {
  content: "\f1f9";
}

/*------------------------------
      Custom navbar
------------------------------*/
.navbar-brand {
	font-weight: 700;
	font-size: 25px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: none; 
}
.navbar-custom {
  background-color: #283c5a;
  border-color: #283c5a;
  color: #fff;
}

.navbar-custom .navbar-brand, .navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus, .navbar-custom .navbar-text, .navbar-custom .navbar-nav > li > .dropdown-menu > li > a, .navbar-custom .navbar-link, .navbar-custom .navbar-link:hover {
  color: #ffffff;
}

.navbar-custom .navbar-nav > li > .dropdown-menu {
  background-color: #283c5a;
}

.navbar-custom .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-custom .navbar-nav > li > .dropdown-menu > li > a:focus, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #336699;
}
.navbar-custom .navbar-nav > li > .dropdown-menu > li > .divider, .navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #336699;
}

.navbar-custom .navbar-toggle {
  border-color: #336699;
}

.navbar-custom .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #ffffff;
}
.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > li > a, .nav > li > a, a.a-underline, a.a-underline:visited, a.a-underline:hover, a.a-underline:active{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
		  position:relative;
		  transition:0.5s color ease;
		  text-decoration:none;
		  background-color:transparent;
		  color: #ffffff;
		  padding-top:15px;
		  padding-bottom:5px;
		  padding-left:0;
		  padding-right:0;
		  margin-left:15px;
		  margin-right:15px;		  
}
.navbar-brand {
	padding:0;
}
.img-brand {
	height:100%;
	width:auto;
}

a.a-underline:hover{
	color:#ffa800;
}
a.a-underline:after{
  content: "";
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
  bottom:-0.20em;
  height:0.15rem;
  width:0;
  background:#ffa800;
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
}
a.a-underline:hover:after, .active a.a-underline:after{
  width:100%;
}
@media (max-width: 767px) {

  .navbar-custom .navbar-nav .open .dropdown-menu > li > a, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #336699;
  }
}

@media(min-width:767px) {
    .navbar {
        padding: 5px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}
/*-------------------------------
     Dot navigation
-------------------------------*/
/* No Touch devices */

#cd-vertical-nav {
	display: none;
}

@media (min-width: 767px) {
	#cd-vertical-nav {
		display:block;
  position: fixed;
  right: 40px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
#cd-vertical-nav ul {
	list-style: none;
}
 #cd-vertical-nav li {
  text-align: right;
}
 #cd-vertical-nav a {
  display: inline-block;
  /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
 #cd-vertical-nav a:after {
  content: "";
  display: table;
  clear: both;
}
 #cd-vertical-nav a span {
  float: right;
  display: inline-block;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
 #cd-vertical-nav a:hover span {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
 #cd-vertical-nav a:hover .cd-label {
  opacity: 1;
}
 #cd-vertical-nav a.is-selected .cd-dot {
  background-color: #336699;
}
 #cd-vertical-nav .cd-dot {
  position: relative;
  /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
  top: 4px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #ffa800;
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
 #cd-vertical-nav .cd-label {
  position: relative;
  margin-right: 10px;
  padding: .4em .5em;
  color: white;
  background-color:#ffa800;
  border-radius:3px;
  font-size: 12px;

  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
	
}
/*-------------------------------
   Timeline
-------------------------------*/
.row-timeline {
	padding-top:20px;
}
.row-timeline, .timeline, .container-history {
	overflow-x: hidden;
}
.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ccc;
  position: absolute;
  top:-15px;
}
.arrow-up:after {
	position: absolute;
    top: 1px;
    right: -14px;
    display: inline-block;
    border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid #fff;
    content: " ";
}
.timeline {
    list-style: none;
    padding: 135px 0 80px;
    position: relative;
	overflow-y:hidden;
	margin-bottom:0;
}

.timeline:before {
    top: 4px;
    bottom: 80px;
    position: absolute;
    content: " ";
    width: 7px;
    background-color: #283c5a;
    left: 50%;
    margin-left: -3.5px;
    }
.timeline-up{
	top: 0;
    position: absolute;
    width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    background-color: #283c5a;
    left: 50%;
    margin-left: -9.5px;
}
.timeline-down{
	bottom: 78px;
    position: absolute;
    width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    background-color: #283c5a;
    left: 50%;
    margin-left: -9.5px;
}

.timeline > li {
    margin-bottom: 100px;
    position: relative;
		
    }

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
 }

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-panel {
     width: 70%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding:20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	background-color: #fff;
	margin-top: 50px;
	margin-bottom: 50px;
}

li.timeline-last{
	margin-bottom:0px;
}
.timeline-body {
	text-align:justify;
}

.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: -66px;
    left: 50%;
    margin-left: -25px;
	margin-top:-14px;
    background-color: #ffa800;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.fa-hourglass:before {
    content: "\f254";
}
.fa-hourglass-half:before {
    content: "\f252";
}
.fa-hourglass-end:before {
    content: "\f253";
}
.timeline > li > .time {
	position: absolute;
    top: -92px;
    left: 54%;
	
}
.time h3 {
	font-weight: 700; 
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-body > p + p {
    margin-top: 5px;
}
.row-timeline-text, .row-owl {
	margin:0;
}
.row-timeline-text {
	margin-bottom:30px;
}
@media (max-width: 767px) {
    ul.timeline:before, .timeline-up, .timeline-down {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
			position: absolute;
			top: 26px;
            display: inline-block;
            border-top: 15px solid transparent;
            border-left: 15px solid #ccc;
            border-right: 0 solid #ccc;
            border-bottom: 15px solid transparent;
            content: " ";
		    border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
			position: absolute;
			top: 27px;
            display: inline-block;
            border-top: 14px solid transparent;
            border-left: 14px solid #fff;
            border-right: 0 solid #fff;
            border-bottom: 14px solid transparent;
            content: " ";
			border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
		
		.arrow-up, .arrow-up::after{
			display: none;
		}
}
@media (min-width: 768px) {
	.arrow-up {
		right:134px;
	}
	.arrow-inverse {
		left:134px;
	}
}
@media (min-width: 992px) {
	.arrow-up {
		right:179px;
	}
	.arrow-inverse {
		left:179px;
	}
}
@media (min-width: 1200px) {
	.arrow-up {
		right:218px;
	}
	.arrow-inverse {
		left:218px;
	}
}

/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
 .row-owl{
	 height:50%;
 }
.owl-carousel {
  display: none;
  width: 100%;
  padding-bottom:30px;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
	max-height:600px;
    float: left;
	text-align:center;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    height: 100%;
	width: auto;
	 margin:0 auto; 
    -webkit-transform-style: preserve-3d; 
}
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
.owl-carousel.owl-rtl {
    direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

  /**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #283c5a;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
      background: #336699;
      color: #FFF;
      text-decoration: none; }
.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
     }
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #ffa800;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     background: #336699; }
.img-modal {
	margin:0 auto;
}
.modal-body{
	 color:black;
}
 body.modal-open { 
   overflow:inherit; 
  padding-right:inherit !important; 
 }
.div-owl > .owl-carousel, .owl-carousel > .owl-stage-outer, .owl-stage-outer > .owl-stage, .owl-stage > .owl-item, .owl-slide {
	height: 100%;
	margin: 4px auto;
}
#owl-padding {
	padding-bottom:4em; 
}
.owl-slide img{
	cursor:pointer;
	box-shadow: 3px 1px 6px #d4d4d4;
  -webkit-box-shadow: 3px 1px 6px #d4d4d4;
  -moz-box-shadow: 3px 1px 6px #d4d4d4;
}
.row-economy, .row-social, .row-international {
	padding-bottom:10%;
}
/* -----------------------------
        Typography: font 
-------------------------------*/
/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
  font-weight: 300;
  font-style: normal; }

/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/LightItalic/OpenSans-LightItalic.eot?v=1.1.0");
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg");
  font-weight: 300;
  font-style: italic; }

/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Italic/OpenSans-Italic.eot?v=1.1.0");
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
  font-weight: normal;
  font-style: italic; }

/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Semibold/OpenSans-Semibold.eot?v=1.1.0");
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }

/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0");
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic; }

/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Bold/OpenSans-Bold.eot?v=1.1.0");
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0");
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }

/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0");
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal; }

/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0");
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic; }
  
 /* END Extrabold Italic */
/* BEGIN Ideal Sans Book*/
@font-face {
  font-family: 'Ideal Sans';
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/IdealSans/IdealSans-Book-Pro.eot");
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/IdealSans/IdealSans-Book-Pro.eot?#iefix") format("embedded-opentype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/IdealSans/IdealSans-Book-Pro.woff") format("woff"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/IdealSans/IdealSans-Book-Pro.ttf") format("truetype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/IdealSans/idealSans-Book-Pro.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/* BEGIN Ideal Sans Bold*/
@font-face {
  font-family: 'Ideal Sans';
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/IdealSans/IdealSans-Bold-Pro.eot");
  src: url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/IdealSans/IdealSans-Bold-Pro.eot?#iefix") format("embedded-opentype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/IdealSans/IdealSans-Bold-Pro.woff") format("woff"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/IdealSans/IdealSans-Bold-Pro.ttf") format("truetype"), url("https://rometreaties.eu/wp-content/themes/understrap-master/fonts/IdealSans/idealSans.svg") format("svg");
  font-weight: 800;
  font-style: bold; }
  
@font-face {
  font-family: 'FontAwesome';
  src: url('https://rometreaties.eu/wp-content/themes/understrap-master/fonts/awesome/fontawesome-webfont.eot?v=4.0.3');
  src: url('https://rometreaties.eu/wp-content/themes/understrap-master/fonts/awesome/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/awesome/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/awesome/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/awesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*----------------------------------------
 Expandable Grid
 ---------------------------------------*/
.fa-times:before {
  content: "\f00d";
}

.ip-container .article{
  display:inline-block;
}
.article {
  border: 1px solid #c2c2c2;
  height: 200px;
  margin-bottom: 15px;
  /*float: left; 
  margin-right: 15px;*/
  background: #283c5a;
  padding: 15px;
  cursor: pointer;
}
.article img {
	height:100%;
	width:auto;
	margin:0 auto;
}

.article > h2 {
  margin: 0 0 10px;
}
.article span {
  display: block;
  padding-bottom: 5px;
}

.ip-details {
  display: none;
}
.inlinepopup {
  background: #283c5a none repeat scroll 0 0;
  border: 1px solid #c2c2c2;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  margin-left: 0px;
  padding:15px;
  position: relative;
  color: #fff;
}
.inlinepopup_content {
  margin: 20px;
 
}

.inlinepopup_arrow {
  height: 32px;
  position: absolute;
  top: -34px;
  width: 32px;
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-up {
	font-size:50px;
	color: #283c5a;
}
.inlinepopupClose {
	color:#fff;
    cursor: pointer;
  height: 16px;
  position: absolute;
  right: 5px;
  top: 4px;
  width: 16px;
  z-index: 99;
  overflow: hidden;
  transition: all 0.5s ease 0s;
}
.inlinepopupClose:hover {
  transform: rotate(180deg);
}
.inlinepopup_content h2 {
  color: #585858;  
  margin: 0;
  padding: 0 0 10px;
}
.inlinepopup_content ul, .inlinepopup_content ol {
  margin: 0 0 20px;
  padding: 0 0 0 20px;
}
.inlinepopup_content .img-middle img {
  margin: 5px auto;
}

.container-overlay {
  position: relative;
  height:100%;  
}

.img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #286090;
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-plus {
	font-size: 2em;
}
.container-overlay:hover .img-overlay {
  opacity: 1;
}
.active .container-overlay:hover .img-overlay {
  opacity: 0;
}

.text-overlay {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/******************/
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}
.meta { display:none;}