/*------------------------------------------------------------------
0. basic settings
1. header
1.1. menu
2. content
2.1 banners
2.2 about us
2.3 why choose us
2.4 our services
2.5 intermodal
2.6 contact us
footer
-------------------------------------------------------------------*/
/*
0. basic settings 
-------------------------------------------------------------------*/
body {
    margin: 0px;
	font-family: 'Zurich_Light_BT';	
}
h1 {
	font-family: 'Zurich_Condensed_BT';	
    font-weight: 400;
    font-size: 50px;
	color: #455560;
	position: relative;
    margin-bottom: 69px;
}
h1:after{
    content: '';
    width: 100px;
    height: 10px;
    background: #ffc425;
    display: block;
    position: absolute;
    bottom: -26px;
}
h2 {
    font-size: 20px;
    color: #455560;
    margin-bottom: 22px;
}
a {
	color: #a1a1a4;
    text-decoration: none;
}
p {
    font-size: 15px;
    color: #a1a1a4;
}
input  {
	font-family: 'Zurich_Light_BT';		
}
textarea {
	font-family: 'Zurich_Light_BT';	
}
.menu span {
	font-family: 'Zurich_Light_Condensed_BT';
}
@media (max-width: 768px) {
h1 {
	font-size: 35px;
    margin-bottom: 40px;
}	
h1:after {
    left: 50%;
    margin-left: -32.5px;
    width: 65px;
    height: 7px;
    bottom: -13px;
}
}
/*
0. /basic settings
-------------------------------------------------------------------*/
/*
1. header
-------------------------------------------------------------------*/
header {
	
}
/*
1.1. menu
-------------------------------------------------------------------*/
.menu {
    display: flex;
    justify-content: space-between;
    height: 85px;
    margin-bottom: -85px;
    position: relative;
    z-index: 1;
    background: #232323ad;
    position: fixed;
    width: 100%;
    z-index: 9999;
    padding-bottom: 5px;
}
.logos.desktop-float .logo {
    margin-top: 30px;
    margin-left: 49px;
}
.links.desktop-float-center {
    margin-top: 35px;	
}
.menu span {
    color: white;
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    margin-left: 15px;
}
.menu span:first-child {
    margin-left: 0px;	
}
span.menu-separator {
	cursor: inherit;	
}
.menu-separator:after{
	content: url('../images/Arrows_nav.svg');	
	display: block;
    position: relative;
    top: 1px;
}
span.menu-close, .mobile-menu {
    display: none;
}
.ic-hover{
    display: none;	
}
.ins:hover .ic-hover, .email:hover .ic-hover  {
    display: block;	
}
.ins:hover .ic-show, .email:hover .ic-show {
    display: none;	
}
.soc-icon-top {
    width: 160px;
    text-align: right;
    margin-top: 30px;
    margin-right: 50px;
}
.soc-icon-top .ins, .soc-icon-top .email {
    display: inline-block;
}
.ins-ssg {
    margin-right: 7px;
}
@media (max-width: 1125px) {
.logos.desktop-float .logo {
    margin-left: 10px;
}
.menu span {
    margin-left: 0;
}
.soc-icon-top {
    margin-right: 10px;
    width: 75px;
}
}
@media (max-width: 767px) {
.logos.desktop-float .logo {
	display: none;
}
span.menu-close, .mobile-menu {
    display: initial;
    color: black;
}
.mobile-float {

}
.menu-wrapper {
    width: 100%;
}
.menu {
    width: 100%;
    height: 0;
    display: block;
}
.mobile-menu {
    float: right;
    margin-right: 20px;
    margin-top: 24px;
}
.soc-icon-top {
    margin-top: 22px;
    margin-left: 11px;
    width: 95px;
}
.soc-icon-top .ins img {
    margin-right: 14px;
    width: 29px;
}
.soc-icon-top .email img {
    width: 37px;
}
.links.desktop-float-center {
    margin-top: 70px;
    display: none;
    clear: both;
    position: absolute;
    width: 100%;
	background: #ffc425;
	height: auto;
    left: 0px;
    padding-top: 15px;
    padding-bottom: 99px;
}
.links.desktop-float-center  .menu-close {
    position: absolute;
    right: 6px;
    top: -46px;
    height: 46px;
    width: 44px;
}	
.menu-close {
	
}
.menu-close div:first-child {
    width: 38px;
    height: 5px;
    background: #ffc425;
    transform: rotate(139deg);
    position: relative;
    top: 11px;
    right: 4px;	
}
.menu-close div:last-child {
    width: 38px;
    height: 5px;
    background: #ffc425;
    transform: rotate(221deg);
    position: relative;
    top: 6px;
    right: 4px;	
}
.links.desktop-float-center .menu-link {
    margin-top: 32px;
    border: 0;
    display: block;
    text-align: center;
    font-size: 30px;
}
.menu span {
    width: 100%;
}
.mobile-menu div{
    width: 30px;
    height: 5px;
    margin-bottom: 6px;
    background: #ffc425;
}
.menu .contact-us-col {
    text-align: center;
    width: 100%;
    margin-top: 31px;
    position: relative;	
}
.menu .phone span, .menu .phone a {
    color: #455560;
    font-size: 23px;
}
.menu .phone span {
    width: inherit;
}
.hide_button {
    display: none;
}

}
/*
1.1. /menu
-------------------------------------------------------------------*/
/*
1. /header
-------------------------------------------------------------------*/
/*
2. content
-------------------------------------------------------------------*/
.container {
	max-width: 960px;
    margin: auto;
}
body .section-wrapper {
    position: relative;
    z-index: 2;
    background-color: #f5f6f7;	
}
@media (max-width: 1125px) {
.container {
	margin-right: 80px;
    margin-left: 80px;
}
}
@media (max-width: 1125px) {
.container {
	margin-right: 20px;
    margin-left: 20px;
}
}
/*
2.1 banners
-------------------------------------------------------------------*/
.top-banner-wrapper {
    min-height: 1077px;
	background-image: url(../images/1_Image_main.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.top-banner {
    padding-top: 190px;
}
.top-banner-img {
	text-align: center;
}
.top-banner-img-mob {
	display:none;
}
.top-banner-wrapper h1 {
    font-size: 70px;
    text-align: center;
    color: white;
	position: relative;
    margin-top: 62px;
    margin-bottom: 11px;
}
.top-banner-wrapper h1:after{
    top: -36px;
    left: 50%;
    margin-left: -50px;
}
.top-banner-text p {
    font-size: 30px;
    color: white;
    text-align: center;
    font-family: 'Zurich_Light_Condensed_BT';
    margin-top: 0px;
}
.top-banner-arrow {
	text-align: center;
    margin-top: 44px;
}
.banner-section img{
    width: 100%;	
}
.top-banner img {
    margin-right: 12px;
	width: inherit;
}
.top-banner img[alt="arrow-down"] {
    margin-right: 0px;	
}
/*paralax*/
.following-banner-wrapper.banner-section {
    height: 400px;
    position: relative;
}
.following-banner-wrapper .following-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    clip: rect(0, 100vw, 100vh, 0);
}
.paralax-banner {
    position: fixed;
    top: 0;
    z-index: 2;
    transform: translateZ(0);
    width: 100%;
}
@media (max-width: 767px) {
.top-banner-img {
	display:none;
}
.top-banner-img-mob {
	display:block;
    text-align: center;
}
.top-banner img {
    width: 100%;
    max-width: 275px;
}
.top-banner {
    padding-top: 205px;
}
.top-banner-wrapper h1 {
    font-size: 48px;
    line-height: 48px;
}
.top-banner-text p {
	margin-top: 21px;
    font-size: 20px;
}
.top-banner-arrow {
    margin-top: 40px;
}
.top-banner .top-banner-arrow img {
    width: 46px;
}
.top-banner-wrapper {
	height: 752px;
    background-position: center;
    min-height: inherit;
}
.banner-section .container{
    margin-right: 50px;
    margin-left: 50px;
}
.top-banner-wrapper h1:after {
    margin-left: -32.5px;
}
.following-banner-wrapper .following-banner {
    height: 500px;
    width: auto;
    display: flex;
    margin-left: -99px;
    margin-top: -40px;
    justify-content: flex-start;
	position: relative;
    clip: auto;
}
.following-banner img {
	width: auto;
    height: 500px;
}
.following-banner-wrapper  {
    overflow: hidden;
    height: auto;	
}
.paralax-banner {
    position: relative;
    width: auto;
}
}

/*
2.1 /banners
-------------------------------------------------------------------*/
/*
2.2 about us
-------------------------------------------------------------------*/
.about-us-wrapper {
	background: rgba(69, 85, 96, 0.05);
}
.about-us-wrapper .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 85px;
    padding-bottom: 85px;
}
.about-us-section.content-section {
    max-width: 315px;
}
.about-us-section.img-section {
	width: 585px;
    height: 580px;
    display: flex;
    justify-content: space-between;
}
.about-us-img-r {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.about-us-img-text {
    width: 250px;
    height: 280px;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 20px;
    background: #ffc425;
    color: #455560;
}
@media (max-width: 1125px) {
.about-us-wrapper .container {
	display: block;
}
.about-us-section.content-section {
    max-width: none;
	margin-bottom: 50px;
}
.about-us-section.img-section {
	width: 100%;
	justify-content: center;
}
.about-us-img-l {
    margin-right: 20px;
}
}
@media (max-width: 768px) {
.about-us-wrapper .container {
    padding-top: 1px;
    padding-bottom: 36px;
    margin-right: 0;
    margin-left: 0;
}	
.about-us-section.content-section {
    text-align: center;
    margin-right: 50px;
    margin-left: 50px;
}
.about-us-wrapper .content-section h2, .about-us-wrapper .content-section p {
    text-align: center;
}
}
@media (max-width: 630px) {
.about-us-img-l {
    margin-right: 0;
	margin-left: -10px;
}
.about-us-img-l img {
    width: 214.5px;
}
.about-us-img-text {
	width: 159px;
    min-height: 179.5px;
    height: 179.5px;
    display: flex;
    font-size: 15px;
    padding: 10px;
}
.about-us-img-r img {
	width: 187px;	
}
.about-us-img-r {
    justify-content: end;
}
.about-us-section.img-section {
    height: 395px;
    width: 375px;
    margin: auto;
	overflow: hidden;
}
}
@media (max-width: 374px) {
.about-us-section.img-section {
    height: 344px;
    width: 319px;
}	
.about-us-img-r img {
    width: 155px;
}
.about-us-img-text {
    width: 130px;
    min-height: 147.5px;
    height: 147.5px;
}
.about-us-img-l img {
    width: 185.5px;	
}
}
/*buttons left*/
.buttons-left {
    height: 125px;
    width: 10px;
    position: absolute;
    top: 50%;
    margin-top: -62px;
    margin-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.buttons-left div {
    width: 13px;
    height: 13px;
    cursor: pointer;
    position: relative;
}
.buttons-left div.activ {
    border: 1px solid grey;
    border-radius: 50%;
}
.buttons-left span {
    position: relative;
    top: -2.5px;
    left: 1.7px;
    color: #a1a1a4;	
}
@media (max-width: 1125px) {
.buttons-left {
    display: none;
    margin-left: 10px;
}
}
/*/buttons left*/
/*
2.2 /about us
-------------------------------------------------------------------*/
/*
2.3 why choose us
-------------------------------------------------------------------*/
.why-choose-us-wrapper {
	padding-top: 100px;
    padding-bottom: 100px;
    background: rgba(69, 85, 96, 0.05);
}
h1.center-line {
    text-align: center;
}
h1.center-line:after {
    left: 50%;
    margin-left: -50px;
}
.why-choose-us-section.content-section {
	display: flex;
    justify-content: space-between;
}
.choice-col {
    text-align: center;
    max-width: 213.75px;
}
.choice-col span {
    height: 130px;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.choice-4 img {
    margin-left: -39px;
}
.why-choose-us-wrapper h2 {
    margin-bottom: 19px;
}
@media (max-width: 1125px) {
.why-choose-us-section.content-section {
    justify-content: space-around;
    flex-wrap: wrap;
	max-width: 600px;
    margin: auto;
}
}
@media (max-width: 768px) {
.why-choose-us-wrapper {
    padding-top: 8px;
    padding-bottom: 30px;
}	
.choice-col {
    max-width: 150px;
    padding-left: 5px;
    padding-right: 5px;
}
.choice-col img {
    width: 50%;
}
.choice-col span {
    margin-bottom: 0;
}
body .why-choose-us-wrapper h2 {
	margin-top: 9px;
    text-align: center;
}
body .why-choose-us-wrapper p {
    text-align: center;
}
#following-banner-why-choose-us .following-banner {
    justify-content: flex-end;
    margin-right: -137px;
}
}

/*
2.3 /why choose us
-------------------------------------------------------------------*/
/*
2.4 our services
-------------------------------------------------------------------*/
.our-services-wrapper {
    padding-top: 105px;
    padding-bottom: 105px;
    background: rgba(69, 85, 96, 0.05);
}
.our-services-section {
    display: flex;
    margin-top: 90px;
}
.services-col-l {
	margin-right: 18px;
}
.services-col-r {
	margin-left: 18px;	
}
.services-col span {
	width: 29px;
    display: inline-block;
    margin-right: 9px;
    position: relative;
    bottom: -9px;
}
.services-col h2 {
    display: inline-block;
}
@media (max-width: 768px) {
.our-services-wrapper {
    padding-top: 8px;
    padding-top: 8px; 
}
.our-services-wrapper h1 {
	text-align: center;
}
.our-services-section {
    display: block;
}
.services-col-l, .services-col-r {
    margin-right: 20px;
    margin-left: 20px;
}
.services-col h2 {
    margin-bottom: 0;
}
#following-banner-our-services .following-banner {
    margin-left: -92px;
}
}
/*
2.4 /our services
-------------------------------------------------------------------*/
/*
2.5 intermodal
-------------------------------------------------------------------*/
.intermodal-wrapper {
    padding-top: 20px;
    padding-bottom: 65px;
    background: rgba(69, 85, 96, 0.05);
}
.intermodal-wrapper .container {
    text-align: center;
}
p.intermodal-center {
    max-width: 523px;
    margin: auto;
}
.intermodal-section {
	display: flex;
    flex-wrap: wrap;
    margin-top: 90px;
}
.intermodal-section p.light-background span {
    font-style: italic;
}
.intermodal-section .intermodal-col-ab{
    width: 50%;
}
.intermodal-col {
    padding: 30px;
    padding-top: 0;
}
.content-section h2, .content-section p {
    text-align: left;
}
.intermodal-col-l {

}
.intermodal-col-r {	

}
@media (max-width: 768px) {
.intermodal-wrapper {
    padding-top: 10px;
    padding-bottom: 42px;
}	
.intermodal-section {
    margin-top: 40px;
    display: block;
}
.intermodal-wrapper .content-section h2, .intermodal-wrapper .content-section p {
    text-align: center;
}
.intermodal-section .intermodal-col-l,.intermodal-section .intermodal-col-r {
    width: 100%;
}
h1.center-line:after {
    margin-left: -32.5px;
}
.intermodal-col-r {
    margin-top: 40px;
}
}
/*
2.5 /intermodal
-------------------------------------------------------------------*/
/*
2.6 contact us
-------------------------------------------------------------------*/
.contact-us-wrapper {
    min-height: 680px;
	background-image: url(../images/5_Image.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 43px;
}
.contact-us-wrapper h1 {
    color: white;	
    margin-bottom: 97px;
}
.contact-us-section {
    display: flex;
    justify-content: space-between;
}
.contact-us-col-l {
    width: 50%;
}
.contact-us-col-r {
    width: 46.5%;	
    max-height: 331px;
    position: relative;
}
#contact-us-form span, .contact-us-col h2.dark-background, .contact-us-col p.dark-background, .contact-us-col .email a {
    color: white;
}
.menu .contact-us-col {
    display: none;
}
.label-col span {
    font-size: 15px;
    width: 107px;
    display: inline-block;
    float: left;
	padding-top: 7px;
}
.label-col input, .label-col textarea {
    border: 0;
    height: 30px;
    width: 340px;
    padding-left: 11px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-bottom: 25px;
	font-size: 15px;
}
.label-col textarea {
    height: 149px;
    padding-top: 9px;
}
#contact-us-form button {
	float: right;
    background: #ffc425;
    border: 0;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    font-size: 15px;
	color: #455560;
    margin-right: 21px;
    padding-top: 11px;
    padding-bottom: 12px;
    padding-right: 11px;
    padding-left: 12px;
    cursor: pointer;
}
.contact-us-col h2.dark-background {
    margin-top: -4px;
}
.contact-us-2 {
	position: absolute;
    bottom: -8px;
}
.contact-us-col .email a {
    font-size: 35px;
    font-family: 'Zurich_Light_Condensed_BT';
    text-decoration: none;	
}
.phone {
	color: #ffc425;
    font-size: 35px;
    font-family: 'Zurich_Light_Condensed_BT';
}
.phone a {
    color: #ffc425;	
    text-decoration: none;
    margin-left: 10px;
}
.contact-us-col-m {
	display:none; 
}
@media (max-width: 1024px) {
	
#contact-us-form button {
    float: left;
}
.label-col span {
    display: none;
}
.contact-us-col .email a, .phone, .phone a {
    font-size: 20px;
}
}
@media (max-width: 895px) {
.contact-us-section {
	display: block;
}
.contact-us-wrapper .container {
	margin-right: 10px;
    margin-left: 10px;
}	
}
@media (max-width: 768px) {
.menu .contact-us-col {
	display: block;	
}
.contact-us-wrapper {
	padding-top: 27px;
}
.contact-us-col-m {
	display:block;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 40px;
}
.contact-us-col-l {
	width: 296px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 78px;
}
.contact-us-col-r {
    width: 100%;
    max-height: inherit;
}
.contact-us-col-r .contact-us-1 {
    display: none;	
}
.content-section .contact-us-col-m h2, .content-section .contact-us-col-m p {
    text-align: center; 
}
.label-col input, .label-col textarea {
    width: 269px;
}
.contact-us-wrapper h1 {
    margin-bottom: 54px;
}
.contact-us-2 {
	position: relative;
    bottom: 0;
}
#contact-us-form button {
    float: right;
    margin-right: 14px;
}
.contact-us-2 {
    text-align: center;
    padding-bottom: 36px;
}
}
@media (max-width: 374px) {
.contact-us-col-l {
    width: 277px;
}	
#contact-us-form button {
    margin-right: -5px;
}
}

/*
2.6 /contact us
-------------------------------------------------------------------*/
/*
2. /content
-------------------------------------------------------------------*/
/*
footer
-------------------------------------------------------------------*/
footer.footer-wrapper {
	height: 50px;
    background: #ffc425;
}
footer.footer-wrapper p{
    font-size: 11px;
    margin: 0;
    padding-top: 20px;	
    color: #455560;
}
footer.footer-wrapper p a {
    color: #455560;
}
/*
footer
-------------------------------------------------------------------*/