.marg-0 { margin-bottom: 0 }
.marg-10 { margin-bottom: 10px }
.marg-15 { margin-bottom: 15px }
.marg-20 { margin-bottom: 20px }
.marg-25 { margin-bottom: 25px }
.marg-30 { margin-bottom: 30px }
.marg-40 { margin-bottom: 40px }
.marg-50 { margin-bottom: 50px }
.marg-60 { margin-bottom: 60px }
.marg-75 { margin-bottom: 75px }
.marg-80 { margin-bottom: 80px }
.marg-100 { margin-bottom: 100px }
.marg0 { margin-top: 0 }
.marg10 { margin-top: 10px }
.marg15 { margin-top: 15px }
.marg20 { margin-top: 20px }
.marg25 { margin-top: 25px }
.marg30 { margin-top: 30px }
.marg40 { margin-top: 40px }
.marg50 { margin-top: 50px }
.marg60 { margin-top: 60px }
.marg75 { margin-top: 75px }
.marg80 { margin-top: 80px }
.marg100 { margin-top: 100px }
.marg150 { margin-top: 150px }
.marg200 { margin-top: 200px }


.padd-0 { padding-bottom: 0 }
.padd-10 { padding-bottom: 10px }
.padd-15 { padding-bottom: 15px }
.padd-20 { padding-bottom: 20px }
.padd-25 { padding-bottom: 25px }
.padd-30 { padding-bottom: 30px }
.padd-25 { padding-bottom: 25px }
.padd-50 { padding-bottom: 50px }
.padd-75 { padding-bottom: 75px }
.padd-100 { padding-bottom: 100px }
.padd0 { padding-top: 0 }
.padd10 { padding-top: 10px }
.padd20 { padding-top: 20px }
.padd25 { padding-top: 25px }
.padd30 { padding-top: 30px }
.padd50 { padding-top: 50px }
.padd75 { padding-top: 75px }
.padd100 { padding-top: 100px }


.bold {font-weight: 700;}

.color-orange {color: #f04e25;}

.color-white {color: #ffffff;}


 
.logo-main {width: 300px;}

.logo-duroeuropa {width: 250px;}

.top-div {height:5px; background: #f04e25;}


#header {
    
}
#content {
    position:relative;
}

#footer {
  position: relative;
  color: #FFFFFF;
  background: #f04e25;
  padding: 60px 0;
  font-size: 14px;
}

#footer a, #footer a:hover {
  color: #FFFFFF;
}


.bg-gray {background-color: rgb(162, 167, 165); padding: 60px 0;}

.titlepage  {
	position: relative;
}

.titlepage h2 {
	font-size: 42px;
    color: #2b2e32;
    margin: 0;
    line-height: 1;
	margin-bottom: 60px;
}

.titlepage:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 60px;
	height: 2px;
	background-color: #f04e25;
}



.texts {font-size: 20px;}
.texts1 {font-size: 24px;}
.texts2 {font-size: 24px;}
.texts3 {font-size: 26px;}
.texts4 {font-size: 18px;}




@media (max-width: 767px) {
    .titlepage h2 {font-size: 30px;}
}
	

.btn-pdf {
    position: relative;
    z-index: 2;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    background-color: #f04e25;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    padding: 15px 30px;
    border-radius: 25px;
    overflow: hidden;
    border: solid 1px #f04e25;
    text-transform: uppercase;
}

.btn-pdf:hover, .btn-pdf:focus {
    background-color: #FFFFFF;
    color: #f04e25;
    border: solid 1px #f04e25;
}


.copyright-div  {
	padding: 30px;
	text-align: center;
}

.copyright-div img {
	opacity: 0.5;
	transition: all 0.4s linear;
}

.copyright-div img:hover {
	opacity: 1;
}


.show_details_button {background:black;color:white; padding:0; padding-left:0px; width:30px; height:30px; text-align:center; display: inline-block; vertical-align: middle; margin-right: 2px; font-size: 25px; line-height: 30px; font-weight: 100; border-radius:100%;}

.show_details_button:before {content:'';}



/******BACK TO TOP BUTTON******/
#back-top {
	position: fixed;
	bottom: 20px;
    right: 20px;
	padding:0;
	margin:0;
}
#back-top a {
	text-decoration: none;
	width: 40px;
	height: 40px;
	display: block;
	background-color: #2b2e32;
	background-image: url(../../images/back-top.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 20px;
	border-radius: 50%;

}
#back-top a:hover {
	background-color: #000000;
}

@media (-Webkit-min-device-pixel-ratio: 1.5),
 (-moz-min-device-pixel-ratio: 1.5),
 (-o-min-device-pixel-ratio: 3/2),
 (min-device-pixel-ratio: 1.5),
 (min-resolution: 1.5dppx) {
#back-top a {
			background-image: url(../../images/back-top@2x.png);}

}
 

#loadbox img {
  max-width: 100px;
  opacity: 0.8;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  #loadbox img {
    max-width: 100%;
  }
}




.floatleft{float: left !important}
.floatright{float: right !important}
.display-inline-block{display:inline-block !important}
.position-relative {position:relative;}


.display-flex {display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;}
.display-flex-middle {-webkit-align-items: center; align-items: center;}
.display-flex-bottom {-webkit-align-items: flex-end; align-items: flex-end;}
.display-flex-left {-webkit-justify-content: flex-start; justify-content: flex-start; }
.display-flex-center {-webkit-justify-content: center; justify-content: center;}
.display-flex-right {-webkit-justify-content: flex-end; justify-content: flex-end;}


.width-height-100 {width:100%; height:100%;}

.section-ini {
    position: relative;
	width: 100%;
	min-height: 100vh;
	color: #2b2e32;
	margin: 0;
	padding: 50px 0 0;
}


@media (max-width: 767px) {
    .marg80 {
		margin-top: 60px;
	}
	.marg-80 {
		margin-bottom: 60px;
	}
	.mt-40-sm {margin-top: 40px;}
	p small {display: block;}
	.texts {font-size: 18px;}
	.texts1 {font-size: 18px;}
	.texts2 {font-size: 20px;}
	.texts3 {font-size: 24px;}
	.texts, .texts1, .texts2, .texts3, .texts4 {line-height: 1.3;}
	
}


@media (max-width: 580px) {
    .section-ini {padding: 30px 0 0;}

}

