#templateBGR{position: fixed; z-index: -1; opacity: 0.2;}
#airplane{position: fixed; width: 220px; height: 170px; top: 400px; left: -100%; z-index: 555; transform: rotate(-4deg); visibility: hidden; transition: 15s;}
#airplane .image{width: 100%; height: 100%;}

.texter{padding: 20px; position: relative;}
.texter .blanketBGR{opacity: 0.6;}
.texter .blanketContainer, #profile .blanketContainer{width: 70%; margin: 0 auto; padding: 20px;}
.texter .blanketContainer h3{margin-bottom: 50px;}

/*two section view*/
.about{ width: 65%; display: inline-block;}
.about .texter{ margin: 50px 0px;}
.about .aboutData{ position: relative; z-index: 2; padding: 10px;}
.about .aboutThumb{ width: 40%; display: inline-block;}
.about .aboutIMG, .links .aboutIMG{width: 220px; height: 220px; margin: 0px auto; border-radius: 100%; border: 2px solid; overflow: hidden; vertical-align: text-bottom;}
.about .aboutContent{ width: 55%; display: inline-block; text-align: center; vertical-align: top;}
.about h2{margin: 20px 0px;}
.about h6{margin: 0px 0px 10px;}
.about a{margin-top: 20px; text-decoration: none; display: inline-block;}
.links{width: 30%; display: inline-block; vertical-align: top; padding: 0 2%;}
.about .texter:first-child, .links .texter:first-child{margin-top: 0;}

#location{ height: 600px; width: 100%; padding: 100px 0px;}
#map{ height: 600px; width: 600px; margin: 0 auto; border-radius: 400px; overflow: hidden; box-shadow: 0px 0px 15px #555;}

/*home*/
#homescreen{ width: 100%; height: 640px; position: relative;}
#homescreen #cargoImage{ position: absolute; top: 0px; width: 100%; height: 100%; left: 0px;}
#homescreen #cargoImage .image{object-position: center bottom;}
#homescreen #homeservices{ width: 100%; margin: 0 auto; text-align: center; padding: 130px 0; height: 1000px;}
#homescreen #homeservices .homeserv{ margin: 0px 50px;}
.homeAbout .blanketContainer{padding: 40px;}
.homeserv{width: 240px; height: 320px; position: relative; padding: 10px; display: inline-block; vertical-align: top;}
.homeserv .homeservData{ position: relative; z-index: 2; }
.homeserv .homeservIMG{width: 160px; height: 160px; margin: 0px auto; border-radius: 100%; border: 2px solid; overflow: hidden;}
.homeserv h2{margin: 20px 0px;}
.homeserv h6{margin: 0px 0px 10px;}
.homeserv a{text-decoration: none;}

#profile{ width: 100%;  margin-top: 30px; height: 550px; position: relative;}
#profile #cargos{ z-index: 2;}
#profile .background .image{ background-position: center 40%; background-attachment: fixed;}
#profile .blanketContainer{padding: 60px;}


/*services*/
.services h4{color: #e7322f;}

/*information*/
#information .links .texter a{text-decoration: none; color: inherit; margin: 6px auto; display: inline-block;}

/*route*/
#routmap .blanketContainer{width: 100%; padding: 0 0 20px;}
#routmap .File{ width: 100%; height: 600px;}
#routmap .image{ background-size: contain;}
#routmap h3{ margin: 30px auto;}
#routmap #explain{ margin: 50px auto; width: 70%;}


/*benefits*/
#benefits .links .homeserv .homeservIMG{ width: 220px; height: 220px;}
#peopleBenefits{ width: 100%; padding: 0;}
#benefits .contactButton{display: block; text-align: center;}

/*contacts*/

#contacts .links{ width: 400px; margin-bottom: 30px;}
#contacts .button{ margin-top: 30px;}
#contacts #location{ padding: 50px 0 0;}
#contacts .texter .blanketContainer{width: 90%;}
#contactForm{ margin: 30px auto 0;}
#contactForm .button{ background-color: #e7322f; color: #fff; font-size: 24px;}
#contactForm input[type="text"], #contactForm textarea{ padding: 8px 14px; font-size: 20px; background-color: transparent; width: 250px; border: 1px solid; border-radius: 5px; outline: none;}
#contactForm textarea{height: 100px;}
#contactButtons .cBut{display: inline-block; margin: 0 10px; vertical-align: top;}
#contactButtons .social img{height: 43px; margin: 0 auto; display: block;}
#contactButtons .button{ margin-top: 0px;  border-radius: 0px; font-size: 20px;}
#contactForm #ContactThankMessege{ margin-top: 150px;}

@media only screen and (max-width: 1280px){
    #homescreen{height: 550px;}
    #homescreen #homeservices{ width: 100%; padding: 80px 0px;}
    #homescreen #homeservices .homeserv{ margin: 0px 40px;}
    .homeserv{width: 220px;}
    .about .aboutIMG, .links .aboutIMG{width: 170px; height: 170px;}
    #contactButtons .cBut{display: block; margin: 10px auto;}
}

@media only screen and (max-width: 1080px){
    #homescreen #homeservices .homeserv{ margin: 0px 30px;}
    .homeserv{width: 200px;}
    #routmap .File{ height: 450px;}
    #map{ height: 500px; width: 500px;}
    #location{ height: auto;}
    .about .aboutIMG, .links .aboutIMG{width: 150px; height: 150px;}
    #information{ width: 85%;}
}

@media only screen and (max-width: 880px){
    .texter .blanketContainer, #profile .blanketContainer{width: 85%;}
    #profile .blanketContainer{padding: 5%;}
    #homescreen{height: 420px;}
    #homescreen #homeservices{ width: 100%; padding: 60px 0px;}
    .homeAbout .blanketContainer{padding: 20px;}
    #homescreen #homeservices .homeserv{ margin: 0px 15px;}
    .homeserv{width: 150px; height: 240px;}
    .homeserv h2{ font-size: 18px; margin: 15px 0px;}
    #homescreen #homeservices .button{ padding: 6px 12px; font-size: 15px;}
    .homeserv .homeservIMG{width: 120px; height: 120px;}
    #routmap .File{ height: 300px;}
    #profile h1{font-size: 24px;}
    #profile h2{font-size: 20px;}
    #map{ height: 400px; width: 400px;}
    .about{ width: 100%}
    .links{width: 100%; padding: 0;}
    #contacts .links{ width:100%;}
}

@media only screen and (max-width: 640px){
    #homescreen{height: 760px;}
    #homescreen #homeservices{ padding: 0px;}
    #homescreen #homeservices .button{ padding: 8px 14px;}
    #homescreen #homeservices .homeserv{ width:70%; height: 155px; margin: 20px auto;}
    #homescreen #homeservices .homeserv h2{ font-size: 22px; margin: 5px 0px; padding: 15px 0;}
    #homescreen #homeservices .homeserv .homeservIMG{float: left; width: 140px; height: 140px;}
    #routmap{ padding: 10px;}
    #routmap .File{ height: 250px;}
    .about .aboutIMG, .links .aboutIMG{width: 130px; height: 130px;}
}

@media only screen and (max-width: 460px){
    .texter .blanketContainer, #profile .blanketContainer{width: 100%; padding: 0 0 20px;}
    #homescreen{height: 650px;}
    #homescreen #homeservices .homeserv h2{ font-size: 18px;}
    #homescreen #homeservices .button{ padding: 4px 10px; font-size: 14px;}
    #homescreen #homeservices .homeserv{ width:75%; height: 135px;}
    #homescreen #homeservices .homeserv .homeservIMG{width: 120px; height: 120px;}
    .homeAbout .blanketContainer{padding: 0 0 20px; width: 100%;}
    
    #routmap .File{ height: 200px;}
    #profile h1{font-size: 20px;}
    #profile h2{font-size: 16px;}
    #profile .blanketContainer{padding: 20px; width: 80%;}
    #map{ height: 300px; width: 300px;}
    .about .aboutThumb{width: 100%;}
    .about .aboutIMG, .links .aboutIMG{width: 200px; height: 200px;}
    .about .aboutContent{width: 100%;}
    
    #contactForm input[type="text"], #contactForm textarea{ width: 80%;}
    #contactButtons .social img{height: 36px;}
    #contactButtons .button{ font-size: 16px;}
}

@media only screen and (max-width: 340px){
    #homescreen #homeservices .homeserv{ width:85%;}
}