/* ALL WEBSITE */

html, body{
	background-color: rgb(255, 255, 255);
	font-family: 'Lato', sans-serif;
	overflow-x: hidden; 
	margin: 0 !important;
	padding: 0 !important;
	color: black;
	width: 100% !important;
	font-size: 1.10rem;
}

.container-fluid{
	margin: 0 !important;
	padding: 0 !important;
}

a,p,h1,h2,h4,ul {
	margin: 0;
	padding: 0;
}

P{
	font-size: 1rem;
}

a{
	text-decoration: none !important;
}

h1{
	font-size: 2rem;
}

h2{
	font-size: 1.60rem;
}

h3{
	font-weight: 900;
	margin: 0 auto;
	margin-top: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}

a:hover{
	color: white;
}

.btn-light{
	background-color: #114F8C;
	color: white;
	border: none;
	margin-top: 2px;
	margin-left: 15px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 0.80rem;
}

.btn-light:hover{
	background-color: rgb(72, 111, 155);
	color: white;
}

.logos-mobile{
	display: none;
}

.wow {
	visibility: hidden;
  }

.toast{
	padding-top: 7px;
	text-align: center;
	background-color:rgba(255, 255, 255, 0.7);
	border-radius: 0;
	border: none;
	-webkit-box-shadow: 0px 0px 12px 0px #000000; 
	box-shadow: 0px 0px 12px 0px #000000;
}

.toast p{
	font-size: 0.90rem;
}
/* OUTPRO NAVBAR */
.navbar-nav .dropdown{
	position: static;
}

.navbar-nav .dropdown .dropdown-menu{
	width: 100%;
	margin: 0 !important;
}

.navbar-nav .dropdown-menu{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.navbar-nav li:hover>.dropdown-menu{
	position: absolute;
	display: flex;
	z-index: 1;
	text-align: center;
	min-width: 500px !important;
	background-color: rgb(255, 255, 255);
	padding-bottom: 40px;
}

.navbar{
	margin: 0 !important;
	padding: 0 !important;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.4);
	box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.4);
}

.outpro-logo{
	width: 220px;
}

.navbar-brand{
	margin-left: 25px !important;
	height: 90px;
	padding-top: 25px;
}

.navbar-brand:hover{
	background: none !important;
}

.navbar a{
	text-transform: uppercase;
	color: white !important;
	font-size: 0.90rem;
	padding-left: 12px !important;
	padding-right: 12px !important;
	margin-top: 12px;
}

.nav-link{
	border-bottom: 8px solid transparent;
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight: 400;
}

.nav-link:hover{
	border-bottom: 8px solid white;
	transition: .3s all;
}

.active a{
	color: white !important;
	border-bottom: 8px solid white;
	}

.navbar-toggler{
	padding: 15px;
	margin-right: 15px;
	background-color: #0e4377 !important;
}

.navbar-toggler ul li{
	line-height: 40px !important;
}

.navbar ul li{
	line-height: 60px;
	min-width: 130px;
	text-align: center;
}

.active .dropdown-item{
	border: none;
}

.bg-out-nav{
	background-color: #0e4377;
}

.dropdown-menu{
	left: 0;
}

.dropdown .show{
	position: absolute;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: white;
}

.dropdown-item:hover{
	background-color: #ffffff;
	color: #114F8C;
}

.dropdown-item{
	margin: 0;
	padding-top: 20px;
	padding-bottom: 5px;
	color: #003468;
	font-weight: 900;
	font-size: 1.0rem;
}

.out-dropdown a{
	color: #000000 !important;
	text-transform: none;
	font-size: 1.0rem !important;
}

.out-dropdown h5{
	font-size: 1.2rem;
}

.out-dropdown li{
	list-style-type: none;
}

.out-dropdown p{
	line-height: 1.2;
	font-size: 0.8rem !important;
}

.out-one-element{
	line-height: 1;
	height: 40px;
}

.out-one-element a{
	font-size: 1.0rem;
}

.out-one-element a:hover{
	font-weight: 900;
	color: #003468 !important;
	font-size: 1.0rem !important;
}

/* OUTPRO HOMEPAGE - BANNER */

.out-main-panel{
	background-image: url("../img/main/outpro-home.webp");
    background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding-top: 250px;
	min-height: 77vh !important;
	padding-left: 100px;
	background-position: 0px -110px;
  }

.out-main-panel a{
	color: white;
}

.out-primary-text{
	margin-top: 2%;
	padding-bottom: 40px;
	text-align: center;
}

.out-primary-text-welcome{
	margin: 0 auto;
}

.out-big-h1{
	margin: 0 auto;
	font-size: 3.20rem;
	font-weight: 900;
	line-height: 1em !important;
	color: #ffffff;
	background-size: 120px;
}

.out-big-h1-en{
	padding-bottom: 10px;
	font-size: 3.20rem;
	font-weight: 900;
	color: #114F8C;
    background: #114F8C -webkit-gradient(linear, left top, right top, from(#485f7e), to(#485f7e), color-stop(0.1, #fff)) 0 0 no-repeat;
    -web-background-size: 120px;
    background-size: 120px;
    color: rgba(255, 255, 255, 0.1);
    -webkit-background-clip: text;
	animation: animate 5.0s infinite;
}

.out-banner-h1{
	color: #ffffff;
	font-size: 2.20rem;
	font-weight: 900;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 10px;
}

@keyframes animate {
    0%,
    10% {
        background-position: -1000px;
    }
    20% {
        background-position: top left;
    }
    90% {
        background-position: top right;
    }
    100% {
        background-position: 1000px;
    }
}

.btn-primary{
	font-size: 1.10rem;
	margin-top: 20px;
	padding: 17px;
	margin-right: 5px;
	width: 200px;
	background-color: #f7f7f7d2;;
	color: #195599;
	border: 2px solid #114f8c;
	font-weight: bold;
}

.btn-primary:hover{
	background-color: #1c74cc;
	border: none;
}

/* OUTPRO HOMEPAGE - WHY OUTPRO SECTION */

.why-outpro{
	color: black;
}

.out-why-icons{
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	color: #114F8C;
	background-color: white;
	
}

.why-item{
	padding: 40px;
}

.p-out-title{
	text-align: center !important;
	font-size: 1.10rem !important;
	color:#114F8C !important;
	font-weight: 400;
}

.why-outpro i{
	width: 100%;
	height: 100%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	float: right;
	font-size: 3.80rem !important;
	color: #114F8C; 
	margin-bottom: 10px !important;
}

.why-outpro-hr{
	height:7px; 
	width:80px; 
	margin: 0 auto; 
	border:none;
	opacity: 1;
	color:#114F8C;
	background-color:#114F8C;
}

.out-why-icons h4{
	margin-top: 20px;
	font-weight: 900;
}

.out-why-icons p{
	font-size: 1rem;
	margin-bottom: 15px;
	color: black;
}

/* OUTPRO HOMEPAGE - TRUST SECTION */

.out-trust{
	background-color: rgb(255, 255, 255);
	padding-bottom: 60px;
}

.trust-h1{
	text-align: center;
	padding: 55px;
	margin-bottom: 60px;
	font-size: 1.60rem;
	color: rgb(255, 255, 255);
	background-color: #114F8C;
}

.owl-carousel p{
	text-align: center;
	font-size: 1rem;
}

.item img{
	width: 100%;
	height: 100%;
}

/* OUTPRO HOMEPAGE - MAIN SERVICES */


.why-h1{
	background-color: #114F8C;
	color: rgb(255, 255, 255);
	padding: 55px;
	text-align: center;
}

.out-service-content h1{
	padding-bottom: 25px;
	color: #114F8C;
	font-weight: 600;
}

.out-service-img{
	max-width: 100%;
	aspect-ratio: 16/9;
}

.out-service-img-special{
	background-color: #006ff1;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.out-service-img-special img{
	max-width: 100%;
}

.out-service-img-center{
	padding: 0;
	margin: 0;
}

.out-service{
	text-align: center;
	max-width: 100%;
	padding-top: 80px;
	padding-right: 100px;
	padding-left: 100px;
}

.out-service .btn-more{
	min-width: 150px;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1rem;
}

.out-service-special{
	text-align: center;
	max-width: 100%;
	padding-top: 50px;
	padding-right: 100px;
	padding-left: 100px;
	padding-bottom: 50px;
}

.service-no-visibility{
	display: none;
}

/* OUTPRO HOMEPAGE - CONTACT SECTION ICONS */

.out-contact-icons{
	background-color: #114F8C;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.out-contact-icons2{
	background-color: #114F8C;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.out-miniature{
	height: 180px;
	width: 180px;
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	margin-bottom: 20px;
	
}

.out-miniature2{
	height: 180px;
	width: 180px;
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	margin-bottom: 20px;
	background-color: #0d3b69;
	border: 4px solid rgb(255, 255, 255);
}

.out-miniature3{
	height: 200px;
	width: 200px;
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	margin-bottom: 20px;
	background-color: #0d3b69;
}

.contact-element{
	text-align: center;
	color: white;
}

.contact-element-area{
	text-align: center;
	color: white;
	background-color: #114F8C;
}

.contact-element-area2{
	text-align: center;
	color: black;
	background-color: #114F8C;
}

.contact-element p{
	font-size: 1rem;
}

.contact-element{
	padding: 30px;
}

.contact-element a{
	color: rgb(255, 255, 255);
}

.contact-element h3{
	color: rgb(255, 255, 255);
	font-size: 1.10rem;
	font-weight: 600;
	padding-bottom: 10px;
	margin: 0;
}

.contact-under-menu{
	padding-top: 50px;
}

.out-contact-all2{
	margin-top: 100px;
}

.out-contact-icons p{
	margin-bottom: 20px;
}

.out-contact-icons2 p{
	margin-bottom: 20px;
}

/* OUTPRO HOMEPAGE - CONTACT SECTION */

.out-contact{
	text-align: center;
	margin: 0 auto;
	padding-top: 0;
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 50px;
}

.contact-elements{
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #114F8C;
}

.out-contact-form{
	text-align: center;
	background-color: #ffffff;
    background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.out-contact-form h1{
	color: #114f8c;
	font-weight: 600;
	font-size: 2.00rem !important;
	padding-top: 10px;
	padding-bottom: 20px;
}

.out-contact-form-img{
	max-width: 100%;
}

.out-contact-form-img-center{
	padding: 0;
	margin: 0;
}

.out-contact h3{
	margin-top: 0px;
	font-size: 1.80rem;
	margin-bottom: 20px;
	color: #114f8c;
}

.contact-form h1{
	font-size: 2rem;
}

input{
	text-align: center;
	height: 50px !important;
	background-color: #ecf4fd !important;
}

textarea{
	background-color: #ecf4fd !important;
	text-align: center;
}

.error{
	color: red;
}

label{
	font-size: 1rem;
}

.g-recaptcha{
	display: inline-block;
}

.form-control{
	color: #000000 !important;
	background-color: #ffffff;
	font-size: 1rem;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #114F8C !important;
	max-width: 500px;
}

.form-control:hover{
	background-color: #ffffff !important;
	opacity: 0.9;
}

label{
	color: #114F8C;
	padding-bottom: 5px;
	font-weight: 600;
	font-size: 1.10rem;
}

.form-group{
	padding-bottom: 15px;
}

.form-group input{
	padding-bottom: 15px;
	border-bottom: 3px solid #114F8C !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0px !important;
}

.form-group input:active{
	border: none !important;
}

.form-group textarea{
	border-bottom: 3px solid #114F8C !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0px !important;
}

.form-control:focus{
	-webkit-box-shadow: 0px 0px 10px 0px #114F8C !important;
	-moz-box-shadow:    0px 0px 10px 0px #114F8C !important;
	box-shadow:         0px 0px 10px 0px #114F8C !important;
	border: 1px solid #114F8C !important;
}

.btn-out-contact{
	font-size: 1.10rem;
	margin-top: 0px;
	padding: 17px;
	float: right;
	background-color: #ffffff;
	color: #195599;
	border: 1px solid #114f8c;
	font-weight: bold;
	margin-right: 0;
	width: 200px;
}

.btn-out-contact:hover{
	background-color: rgb(67, 111, 161);
}

.out-map{
	margin: 0 !important;
}

iframe{
	margin-bottom: -6px;
}


/* OUTPRO FOOTER */

.out-top-footer{
	background-color: #114F8C;
	padding-top: 25px;
	padding-bottom: 80px;
	color: rgb(255, 255, 255);
	min-height: 300px;
}

.out-top-footer-items{
	text-align: left;
	padding-top: 40px;
}

.out-footer-a{
	color: rgb(255, 255, 255);
	font-size: 1rem;
}

.out-footer-a:hover{
	color: rgb(219, 219, 219);
}

.out-bottom-footer{
	background-color: #ffffff !important;
	height: 80px;
	text-align: center;
}

.out-bottom-h5{
	font-size: 1rem;
	color: black;
	padding-top: 30px;
}

.footer3{
	padding-top: 30px;
	text-align: center;
	float: left;
}

.footer3 p{
	padding-bottom: 5px;
	font-size: 1.4rem;
}

/* SECTIONS MEDIA SCREEN */
@media screen and (min-width: 3000px) {
	.out-main-panel{
		padding-top: 330px;
		background-position: 0px -450px !important;
	  }
}

@media screen and (min-width: 2300px) {

	.out-main-panel{
		background-position: 0px -200px;
		padding-top: 320px;
	  }

	.out-subpage-header{
		padding-top: 125px;
	}

	.out-service{
		padding-top: 150px;
	}

	.out-primary-text{
		margin-top: 0;
	}

	.out-contact{
		padding-top: 125px;
	}
}

@media screen and (max-width: 1780px) {
	.out-service{
		text-align: center;
		max-width: 100%;
		padding-top: 65px;
		padding-right: 50px;
		padding-left: 50px;
	}

	.out-service .btn-more{
		min-width: 150px;
		padding: 10px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.out-main-panel{
		padding-top: 180px;
	  }
}

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

	.out-big-h1-en{
		line-height: 70px;
	}

	.out-banner-h1{
		font-weight: 900;
	}

	.medium2{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.out-service{
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 30px;
	}

	.toast{
		text-align: left;
	}

	.out-policy{
		color: #114F8C;
		font-weight: 900;
	}
	
	.out-policy:hover{
		color: rgb(72, 111, 155);
	}
	
	.btn-light{
		background-color: #114F8C;
		color: white;
		border: none;
		margin-top: 2px;
		margin-left: 15px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 0.80rem;
	}
	
	.btn-light:hover{
		background-color: rgb(72, 111, 155);
		color: white;
	}
	
}

@media screen and (max-width: 1600px) {
	
	.out-primary-text{
		margin-top: 2%;
	}

	.out-main-panel{
		background-position: 0px -60px;
	}

	.out-big-h1{
		font-size: 2.80rem;
	}

	.out-banner-h1{
		font-size: 2.00rem;
	}

	.btn-primary{
		padding: 15px;
		width: 180px;
	}
  }

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

	html{
		font-size: 17px;
	}

    .out-main-panel{
		padding-top: 140px;
	  }
}

@media (max-width: 1400px){

	.out-main-panel{
		background-position: 0px 0px;
	}

	.btn-primary{
		font-size: 1.0rem;
		padding: 13px;
		width: 140px;
	}
}

@media (max-width: 1399px){
	.out-service-content{
		padding: 40px;
	}

	.service-no-visibility{
		display: block;
	}

	.service-visibility{
		display: none;
	}

	.out-service-img-special{
		text-align: center;
	}
}

@media (min-width: 1050px){

    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
	}
	
}

@media (max-width: 1049px) {

	html{
		font-size: 16px;
	}
	
	.navbar-nav li:hover>.dropdown-menu{
		display: block;
		float: none;
		position: static;
		z-index: 1;
		min-width: 100% !important;
		text-align: center;
		padding: 0;
		background-color: #ffffff;
		max-height: 400px;
 		overflow-y: scroll;
	}

	.navbar ul li {
	  line-height: 40px !important; 
	}

	.navbar-nav{
		background-color: #165ea7;;
	}

	.navbar a{
		margin-top: 0px;
	}

	.active a{
		margin-top: 0px !important;
	}

	.nav-link{
		border: none;
	}

	.nav-link:hover{
		border: none;
		margin-bottom: 0;
		background-color: #4080c0;
	}

	.active a{
		border: none;
		margin-bottom: 0px;
		margin-top: 12px;
		background-color: #165ea7;
	}

	.navbar ul li{
		margin-right: 0px;
	}

	.out-one-element p{
		display: none;
	}

	.out-dropdown{
		padding: 0;
	}
}

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

	.out-big-h1{
		font-weight: 900;
		letter-spacing: 2px;
		padding-top: 30px !important;
		-web-background-size: 60px;
		background-size: 60px;
	}

	.out-big-h1-en{
		font-weight: 900;
		letter-spacing: 2px;
		line-height: 60px !important;
		padding-top: 30px !important;
		-web-background-size: 60px;
		background-size: 60px;
	}

	.out-primary-text{
		margin-top: 3%;
	}

	.btn-primary{
		padding: 15px;
		width: 130px;
	}

	input{
		max-width: 85% !important;
	}

	textarea{
		max-width: 85% !important;
	}
}

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

	.out-main-panel
	{
		padding-top: 40px;
		padding-left: 40px !important;
		padding-right: 40px !important;
		text-align: center;
		min-height: 60vh !important;
		background-image: url("../img/main/outpro-home-responsive.webp");
	}

	.out-primary-text{
		padding-left: 0 !important;
		margin-top: 10%;
	}

	.out-service-special{
		padding: 40px;
	}

	.check-service-text{
		text-align: center;
	}

	.check-service-text p{
		text-align: center;
	}

	.out-top-footer{
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media screen and (max-width: 1000px) {
	.out-main-panel{
		background-image: url("../img/main/outpro-home-mobile.webp");
		padding-top: 80px;
		padding-bottom: 80px;
		min-height: 60vh !important;
	}

	.out-banner-h1{
		padding-top: 10px;
	}

	.out-contact{
		padding-left: 30px;
		padding-right: 30px;
	}

	.btn-out-contact{
		float: none;
		margin-top: 20px;
	}
}

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

	.out-top-footer-items{
		text-align: center !important;
	}
}

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

	.outpro-logo{
		width: 200px;
		padding-top: 5px;
	}

	.out-big-h1{
		letter-spacing: 2px;
	}

	.out-big-h1-en{
		font-weight: 900;
		letter-spacing: 2px;
		line-height: 50px !important;
	}

	.out-primary-text{
		margin-top: 10%;
	}

	.out-service-content{
		text-align: center;
	}

	.btn-more{
		float: none !important;
	}

	.out-service-content h1{
		text-align: center;
	}

	.footer1{
		text-align: center;
		padding-top: 30px;
	}

	.footer2{
		text-align: center;
		padding-top: 30px;
	}

	.footer3{
		padding-top: 30px !important;
		float: none;
	}
}

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

	html{
		font-size: 15px;
	}

	.out-banner-h1{
		margin-top: 10px;
		font-size: 1.80rem;
	}

	.out-primary-text{
		margin-top: 15%;
		width: 100%;
	}

	.logos1{
		display: none;
	}

	.logos2{
		display: none;
	}

	.logos-mobile{
		display: block;
	}

	.out-big-h1{
		font-size: 2.80rem;
		margin: 0;
		padding: 0;
	}

	.why-item p{
		text-align: left;
	}

}

@media (max-width: 600px) {

	.navbar-brand{
	  margin-left: 5px !important;
	  height: 90px;
	  padding-top: 25px;
  }
}