/* 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;
}

.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;
}

.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;
}

.why-outpro-hr2{
	height:10px; 
	width:100%; 
	margin: 0 auto; 
	border:none;
	opacity: 1;
	color:rgb(255, 255, 255);
	background-color:rgb(255, 255, 255);
}

.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%;
}

.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;
}

.out-short-content{
	padding-top: 0 !important;
}

.out-sales-long{
	text-align: left !important;
}

.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;

}

/* OUTPRO SUBPAGES */

.out-section-image{
	margin: 0;
	padding: 0;
}

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

.out-subpage-img2{
	max-width: 100%;
	float: left;
}

/* under navbar - img aligned to left */
.out-subpage{
	padding-top: 100px;
  }

/* img aligned to right */
.out-subpage2{
	padding-top: 0px;
}

.out-subpage-header{
	padding-top: 75px;
	padding-left: 75px;
	padding-right: 75px;
}

.out-subpage h1{
	text-align: center;
	color: #114f8c;
	font-weight: bold;
	font-size: 2.2rem;
	padding-bottom: 20px;
  }

.out-subpage h2{
	text-align: center;
	padding-bottom: 20px;
  }

.out-subpage p{
	font-size: 1rem;
	color: rgb(0, 0, 0);
	text-align: left;
	margin-bottom: 12px;
  }

.out-subpage2 h1{
	text-align: center;
	color: #114f8c;
	font-weight: bold;
	font-size: 2.2rem;
	padding-bottom: 20px;
  }

.out-subpage2 h2{
	text-align: center;
	padding-bottom: 20px;
  }

.out-subpage2 p{
	font-size: 1rem;
	color: rgb(0, 0, 0);
	text-align: left;
	margin-bottom: 12px;
  }

.out-subpage-text-bottom{
	display: none;
}

.out-responsive-bottom-text{
	background-color: #fafafa;
}

/* OUTPRO ABOUT PAGE */
  
.out-gallery{
	padding: 0;
}

.out-responsive-container{
	display: none;
}

.out-gallery-row{
	padding: 0 !important;
	display: block;
}

.out-gallery-img{
	padding: 0;
	width: 100%;
}

.out-fullsize-image{
	padding: 0;
	pointer-events: none;
}

.out-gallery-bar{
	background-color: #114F8C;
	margin-left: 0;
	
	height: 100px;
}

.out-gallery-content{
	padding-top:80px;
	padding-bottom: 80px; 
	padding-left: 50px;
	padding-right: 50px;
	color: white;
}

.out-gallery-content h2{
	text-align: center;
	margin-bottom: 20px;
}

.out-gallery-content h4{
	margin-bottom: 15px;
}

.out-gallery-content p{
	font-size: 1rem;
	text-align: left;
}

.out-gallery-content2{
	padding-top: 40px; 
	padding-bottom: 80px;
	padding-left: 50px;
	padding-right: 50px;
}

.out-gallery-content2 h2{
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}

.out-gallery-content2 h4{
	margin-bottom: 20px;
}

.out-gallery-content2 p{
	text-align: left;
	font-size: 1rem;
}

/* OUTPRO OFFER PAGE - BANNER */

/* OUTPRO OFFER PAGE - OTHER */

.outsourcing{
	text-align: left;
	margin-top: 60px;
	margin-bottom: 30px;
}

.out-service-link{
	color: black;
}

.service{
	background-color: rgb(255, 255, 255);
	text-align: center;
	padding: 80px;
	min-height: 305px !important;
	margin-bottom: 25px;
	-webkit-box-shadow: 4px 4px 9px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 9px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 9px 0px rgba(50, 50, 50, 0.75);
}

.service:hover{
	background-color: #114F8C;
	color: white;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.service:hover i{
	color: white;
}

.service i{
	
	padding-bottom: 5px;
	font-size: 3rem;
	color: #114F8C;
	overflow : hidden;
	display: table;
	margin: 0 auto;
}

.a-microsoft{
	font-weight: 900;
}

.a-microsoft:hover{
	color: rgb(0, 72, 180);
}

/* OUTPRO PORTFOLIO PAGE - BANNER */

  .portfolio-line{
	padding-left: 100px;
	padding-right: 100px;
}

.portfolio-line-last{
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 30px;
}

.btn-offer{
	min-width: 250px;
	margin-bottom: 50px;
}

/* OUTPRO PORTFOLIO PAGE - IMAGES */

.content{
	position: relative;
	width: 100%;
	margin: auto;
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 10px;
  }
  
.content .content-overlay{
	background: rgba(0,0,0,0.7);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
  }
  
.content:hover .content-overlay{
	opacity: 1;
  }
  
.content-image{
	width: 100%;
  }
  
.content-details{
	position: absolute;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 60px;
	width: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
  }
  
.content:hover .content-details{
	top: 50%;
	left: 50%;
	opacity: 1;
  }
  
.content-details h3{
	color: #fff;
	font-weight: 500;
	margin-top: -40px;
	font-size: 1rem;
  }
  
.content-details p{
	color: #fff;
	font-size: 0.8em;
  }

.fadeIn-bottom{
	top: 80%;
  }
  
.fadeIn-top{
	top: 20%;
  }
  
.fadeIn-left{
	left: 20%;
  }
  
.fadeIn-right{
	left: 80%;
  }

.text1{
	position: absolute;
	top: 0px;
	left: 0px;
	color: rgb(255, 255, 255);
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	text-align: center;
	font-size: 2.0rem;
	padding-left: 20px;
	padding-right: 20px;
}

  .text2{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: rgba(165, 76, 3, 0.9);
	text-align: center;
	width: 100%;
	padding: 10px;
	color: rgb(255, 255, 255);
	font-size: 1rem;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 45px;
	padding-right: 45px;
}

.text3{
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 0px;
	right: 0px;
	background-color: rgba(14, 63, 33, 0.9);
	padding: 10px;
	color: rgb(255, 255, 255);
	font-size: 1rem;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 45px;
	padding-right: 45px;
}

.text4{
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 0px;
	right: 0px;
	background-color: rgba(28, 92, 145, 0.9);
	padding: 10px;
	color: rgb(255, 255, 255);
	font-size: 1rem;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 45px;
	padding-right: 45px;
}

/* OUTPRO JOB AND PRIVACY POLICY PAGE */

.out-other{
	margin-top: 150px;
	text-align: center;
}

.out-other h1{
	font-size: 3rem;
	text-align: center;
	margin-bottom: 20px;
}

.out-other h2{
	text-align: center;
}

.out-other h3{
	font-weight: lighter;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.out-other h4{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.out-other p{
	text-align: left;
	font-size: 1rem;
}

.out-other .btn-primary{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 50px;
}

.out-end{
	margin-bottom: 50px;
}

/* OUTPRO ALL SECTIONS */

.out-bg1{
	background-color: rgb(255, 255, 255);
	min-width: 100% !important;
}

.out-bg1 b{
	font-weight: 600 !important;
}

.h2-blue{
	color: #114F8C;
}

.out-bg1 p{
	padding-top: 10px;
	padding-bottom: 10px;
}

.out-bg1 h3{
	text-align: center;
	font-weight: 400;
	font-size: 1.50rem;
	padding-bottom: 25px;
}

.out-bg1 h2{
	padding-bottom: 25px;
}

.out-bg2{
	background-color: rgb(250, 250, 250);
	min-width: 100% !important;
}

.out-bg2 p{
	padding-top: 25px;
}

.out-bg2 b{
	font-weight: 600 !important;
}

.out-bg3{
	background-color: #114F8C;
	padding: 0;
}

.out-bg3 p{
	padding-top: 10px;
	padding-bottom: 10px;
}

.out-check-p{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.out-bg3 b{
	font-weight: 600 !important;
}

.out-bg3 h2{
	padding-bottom: 25px;
	color: white;
}

.out-bg3-checks{
	background-color: #114F8C;
	padding: 0;
	min-width: 100% !important;
}

.out-bg3-checks h2{
	padding-bottom: 25px;
}

.out-bg4{
	background-color: #114F8C;
	min-width: 100% !important;
	margin-right: 0;
}

.out-bg5{
	background-color: rgb(255, 255, 255);
	min-width: 100% !important;
	
}

.check-service{
	text-align: center;
	padding-top: 40px;
}

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

.check-service-text i{
	font-size: 22px;
}

.check-service-text p{
	padding-top: 5px;
}

.check-service-text a{
	text-decoration: none;
	color: white;
}

.out-content{
	padding-top:80px;
	padding-bottom: 80px; 
	padding-left: 50px;
	padding-right: 50px;
	color: white;
}

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

.out-content h4{
	margin-bottom: 15px;
}

.out-content p{
	font-size: 1rem;
	text-align: left;
}

.out-content2{
	padding-top: 80px; 
	padding-bottom: 80px;
	padding-left: 50px;
	padding-right: 50px;
}

.out-content2 h2{
	text-align: center;
	margin-top: 20px;
}

.out-content2 h4{
	margin-bottom: 20px;
}

.out-content2 p{
	text-align: left;
	font-size: 1rem;
}

.out-white-check{
	color: rgb(255, 255, 255); 
	font-size: 1.20rem;
	padding-right: 12px;
}

.out-blue-check{
	color: #114F8C;
	font-size: 1.20rem;
	padding-right: 12px;
}

.out-section{
	text-align: center;
}

/* 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;
	}

	.out-subpage-header{
		padding-top: 50px;
		padding-left: 50px;
		padding-right: 50px;
	}

	.out-subpage h1{
		font-size: 2.00rem;
		padding-bottom: 10px;
	}

	.out-subpage h2{
		font-size: 1.60rem;
		padding-bottom: 10px;
	}

	.out-subpage2 h1{
		font-size: 2.00rem;
		padding-bottom: 10px;
	}

	.out-subpage2 h2{
		font-size: 1.60rem;
		padding-bottom: 10px;
	}

	.toast{
		text-align: left;
	}

}

@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-subpage-header{
		padding-top: 35px;
	}

	.out-gallery{
		min-width: 100%;
	}
	
	.out-gallery-row{
		min-width: 100%;
	}
	
	.out-gallery-bar{
		display: none;
	}	

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

@media (max-width: 1400px){
	.out-subpage-text-bottom-invisible{
		display: none;
	}

	.out-subpage-text-bottom{
		display: block;
		padding-left: 62px;
		padding-right: 62px;
		padding-top: 30px;
		padding-bottom: 30px;
		
	}

	.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;
	}

	.out-subpage{
		padding-top: 90px;
	  }
}


@media screen and (max-width: 1280px) {
	.portfolio-line{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.portfolio-line-last{
		padding-left: 15px;
		padding-right: 15px;
	}

	.out-outsourcing-it2{
		padding-top: 30px;
		padding-bottom: 50px;
	}

	.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-offer-header{
		padding-left: 40px;
		padding-right: 40px;
	}

	  .out-outsourcing-it2-header{
		padding-right: 40px;
		padding-left: 40px;
	}

	.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;
	}

	.medium2{
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 45px;
		padding-right: 45px;
	}

	.out-gallery-content{
		padding-left: 20px;
		padding-right: 20px;
	}

	.out-gallery-content2{
		padding-left: 0;
		padding-right: 0;
	}

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

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

	.out-subpage-header{
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 30px;
		padding-right: 30px;
	}

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

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

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

	.out-subpage-text-bottom-invisible{
		display: block;
	}

	.out-subpage-text-bottom{
		display: none;
	}

	.container-fluid.out-responsive-full{
		display: none;
	}

	.out-responsive-container{
		display: block;
	}

	.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;
	}

	.out-content2 p{
		padding-bottom: 12px;
	}

	.out-outsourcing-it2 p{
		padding-bottom: 12px;
	}

}

@media (max-width: 600px) {

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

}

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

	.text2{
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.text3{
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.text4{
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

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

	.out-offer{
		padding-top: 100px;
	}

}