@charset "utf-8";
/* CSS Document */

.tile-1{height: 100%; width: 100%; position: fixed; top: 0;}
.tile-1 .header{width: 100%; height: 100%; box-sizing: border-box; position: relative;}
.tile-1 .header img{float: left; margin-top: 0; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s; z-index: 10; position: relative;}
.tile-1 .header .img-animated{margin-top: -5%;}
@media (min-width: 1000px){.tile-1 .header::before{content: ""; background: #2d7539; position: absolute; left: 0; width: 100%; top: 0; height: 99px; z-index: 1;}}
@media (min-width: 1000px) and (max-width: 1250px){.tile-1 .header > a{display: block; width: 200px; position: relative; height: 100px; overflow: hidden;} .tile-1 .header > a img{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}}
.tile-1 .header ul.total-menu{position: absolute; left: 375px;}
.tile-1 .header ul li{padding: 32px 55px; position: relative; z-index: 1;}
.tile-1 .header ul li a h1{text-align: center; font-size: 14px;}
@media (max-width: 1800px){.tile-1 .header ul li{padding: 32px 35px;}}
@media (max-width: 1450px){.tile-1 .header ul.total-menu{left: 325px;} .tile-1 .header ul li{padding: 32px 22px;}}
@media (max-width: 1250px){.tile-1 .header ul.total-menu{left: 240px; top: 0;} .tile-1 .header ul li{padding: 32px 16px;} .tile-1 .header ul li a h1{font-size: 12px;}}
@media (max-width: 1000px){.tile-1 .header ul.total-menu{left: 0;}}
.tile-1 .header .menu-wrapper .sub-menu{position: absolute; width: 100%; top: 210px; display: none; overflow: hidden;}
.tile-1 .header .menu-wrapper .sub-menu ul{top: 0; position: relative; transform: initial; width: 100%; background-color: #cccfd2; padding: 5px 0;}
.tile-1 .header .menu-wrapper .sub-menu ul li{padding-top: 0; display: block; background-color: #cccfd2; padding: 10px 15px; margin: 0; position: relative;}
@media (min-width: 1000px){.tile-1 .header .menu-wrapper .sub-menu ul li::after{content: ""; position: absolute; bottom: 0; width: 80%; left: 10%; border-bottom: 1px solid #959595;} .tile-1 .header .menu-wrapper .sub-menu ul li:last-child::after{display: none;}}
.tile-1 .header .menu-wrapper .sub-menu ul li a{color: #8b8c8e; text-align: center; font-size: 14px;}
.tile-1 .header .menu-wrapper .sub-menu ul li a:hover{color: #2d7539;}
.tile-1 .header #selected{position: absolute; top: 0; left: 5%; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; z-index: 0; pointer-events: none;}
.tile-1 .header .menu-toggle-btn{display: none; position: absolute; padding: 30px; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; z-index: 999;}
.tile-1 .header .menu-toggle-btn span{background: #fff; display: block; width: 30px; height: 2px; border-radius: 5px; margin: 0 0 8px 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;}
.tile-1 .header .menu-toggle-btn.open{background-color: rgba(0, 0, 0, 0);}
.tile-1 .header .menu-toggle-btn.open span:nth-child(1),
.tile-1 .header .menu-toggle-btn.open span:nth-child(3){-webkit-transform: translate(0px, 10px) rotate(-45deg) scalex(1.3); -o-transform: translate(0px, 10px) rotate(-45deg) scalex(1.3); -moz-transform: translate(0px, 10px) rotate(-45deg) scalex(1.3); transform: translate(0px, 10px) rotate(-45deg) scalex(1.3); margin: 0;}
.tile-1 .header .menu-toggle-btn.open span:nth-child(2){height: 0; margin: 0;}
.tile-1 .header .menu-toggle-btn.open span:nth-child(3){-moz-transform: translate(0px, 9px) rotate(45deg) scalex(1.3); -webkit-transform: translate(0px, 9px) rotate(45deg) scalex(1.3); -o-transform: translate(0px, 9px) rotate(45deg) scalex(1.3); transform: translate(0px, 9px) rotate(45deg) scalex(1.3);}
@media (max-width: 1000px){.tile-1 .header{height: 100%;} .tile-1 .header #selected{display: none !important;} .tile-1 .header img{width: 270px; float: left; margin-top: 0; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s;} .tile-1 .header .menu-wrapper{z-index: 998; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0;} .tile-1 .header .menu-wrapper ul{width: 100%; position: absolute; top: 50%; background-color: #000000 !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .tile-1 .header .menu-wrapper ul li{width: 100%; display: block; margin: 0; text-align: center; padding: 1%; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; transition: 500ms;} .tile-1 .header .menu-wrapper ul li p{display: none;} .tile-1 .header .menu-wrapper .sub-menu{display: block; overflow: hidden; position: relative; top: 0;} .tile-1 .header .menu-wrapper .sub-menu ul li{background-color: initial; padding: 0; margin: 0 0 0 10px; display: inline;} .tile-1 .header .menu-wrapper .sub-menu ul li a{color: white; font-size: 12px; font-weight: lighter;} .tile-1 .header .menu, .tile-1 .header .menu-toggle-btn{display: block;}}
@media (max-width: 500px){.tile-1 .header ul{width: 50%;}}
.tile-1 .home_slider{height: 100%; background-position: center center; background-size: cover; display: none; width: 100%; position: absolute; top: 0; z-index: -1;}
.tile-1 .home_slider h1{text-transform: uppercase; margin: 0;}
.tile-1 .home_slider .text-wrapper{opacity: 0; position: absolute; top: 50%; width: 40%; text-align: center; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-top: 20px;}
.tile-1 .home_slider .text-wrapper-left{top: 60%; left: 10%; width: 50%; text-align: left; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.tile-1 .home_slider .text-wrapper-right{top: 40%; right: 10%; left: auto; width: 50%; text-align: right; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.tile-1 .home_slider video#bgvid{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); height: 100%; width: 177.77777778vh; min-width: 100%; min-height: 56.25vw;}
@media (max-width: 1000px){.tile-1 .video_slider{background-image: url("/uploads/2015-5/Slider_Investor_513f5dd2-7e74-4774-bf2f-079002f5442a.jpg");} .tile-1 .video_slider video{display: none;}}
.tile-3{background-color: #363636; width: 296px; height: 100%; position: absolute; z-index: 101;}
.tile-3 img{width: 100%; background-color: #f2f2f2;}
@media (max-width: 1250px){.tile-3{width: 200px;} .tile-3 > a{display: block; width: 200px; position: relative; height: 100px; overflow: hidden;} .tile-3 > a img{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}}
.tile-3 ul{margin-top: 15px; width: 100%;}
.tile-3 ul.sidemenu{padding-top: 30px;}
.tile-3 ul .menu-item{width: 100%; padding: 0 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s;}
.tile-3 ul .menu-item.active-menu{background: #6f6f6f;}
.tile-3 ul .sub-menu-item{display: none; padding: 0 10%;}
.tile-3 ul .sub-menu-item ul{margin: 0; padding-left: 10px;}
.tile-3 ul .sub-menu-item ul li{display: block; margin-bottom: 4px;}
.tile-3 ul .sub-menu-item ul li a,
.tile-3 ul .sub-menu-item ul li a:link,
.tile-3 ul .sub-menu-item ul li a:visited,
.tile-3 ul .sub-menu-item ul li a:active{color: #bbbbbb;}
.tile-3 ul .sub-menu-item ul li a:hover{color: #f5f5f5; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.tile-3 ul .sub-menu-item ul li a.open{color: #bc3134;}
.tile-3 ul .space{margin-bottom: 30px;}
.tile-3 ul .menu-item:hover{-webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s;}
.tile-3 ul .menu-item:hover a h1{color: #3295d9;}
@media (max-width: 1000px){.tile-3{display: none;}}
#footer{position: relative; width: 85%; margin-left: 15%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background-color: #f2f2f2; padding: 200px 20% 0 20%;}
#footer img{width: 200px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
#footer h1{margin-bottom: 50px;}
#footer ul{position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
#footer ul li{padding: 0 10px 0 5px; border-right: 1px solid #cccccc;}
#footer ul li:last-of-type{border: 0;}
@media (max-width: 1000px){#footer{width: 100%; margin-left: 0;}}
@media (max-width: 500px){#footer{padding: 50px 5%;} #footer img{width: 100px;}}

/* roboto-100 - latin */

body,
html{font-family: 'Roboto', sans-serif; margin: 0; box-sizing: border-box; height: 100%; width: 100%;}
.default-global-theme{/* basic html elements */ /* define font color */}
.default-global-theme i.fa.green{color: #2d7539;}
.default-global-theme i.fa.green-bg-s{color: white; background-color: #2d7539; font-size: 30px; width: 30px; padding: 10px; border-radius: 30px;}
.default-global-theme i.fa.green-bg.m{color: white; background-color: #2d7539; font-size: 30px; padding: 10px; border-radius: 20px;}
.default-global-theme .button{border: 1px solid #eaeaea; background-color: #2d7539; color: white; padding: 5px 20px;}
.default-global-theme .button:hover{color: #2d7539; background-color: white;}
.default-global-theme ul,
.default-global-theme li{list-style-type: none; display: inline-block; padding: 0; margin: 0;}
.default-global-theme h1,
.default-global-theme h2,
.default-global-theme h3,
.default-global-theme p,
.default-global-theme ol,
.default-global-theme span{font-weight: 300;}
.default-global-theme h1.bold,
.default-global-theme h2.bold,
.default-global-theme h3.bold,
.default-global-theme p.bold,
.default-global-theme ol.bold,
.default-global-theme span.bold{font-weight: bold;}
.default-global-theme a,
.default-global-theme a:link,
.default-global-theme a:visited,
.default-global-theme a:hover,
.default-global-theme a:active{text-decoration: none;}
.default-global-theme .font-color-white{color: #fff;}
.default-global-theme .font-color-black{color: #000;}
.default-global-theme .font-color-light-grey{color: #bbbbbb;}
.default-global-theme .font-color-grey{color: #666666;}
.default-global-theme .font-color-dark-grey{color: #323232;}
.default-global-theme .font-color-dark-green{color: #11341c;}
.default-global-theme .font-color-light-green{color: #2d7539;}
.default-global-theme .font-color-red{color: #bc3134;}
.default-global-theme .font-color-green{color: #3295d9;}
.default-global-theme .center{text-align: center;}
@media (max-width: 1000px){.default-global-theme .left-mobile{text-align: left;}}
.default-global-theme .right{text-align: right;}
.default-global-theme .underline{text-decoration: underline;}
.default-global-theme .italic{font-style: italic;}
.default-global-theme .font-no-decoration{font-style: initial; text-decoration: none;}
.default-global-theme .no-margin{margin: 0;}
.default-global-theme .hidden{opacity: 0;}
.default-global-theme .content-header{width: 500px; margin: auto;}
.default-global-theme .content-header h1:first-of-type{margin-bottom: 4px;}
.default-global-theme .content-header h1,
.default-global-theme .content-header p{margin: 0;}
.default-global-theme .content-header p{margin-top: 10px;}
@media (max-width: 1000px){.default-global-theme .content-header{width: 100%;} .default-global-theme .content-header h1, .default-global-theme .content-header p{padding: 0 10%;}}
.default-global-theme .preloader{position: fixed; top: 0; width: 100%; height: 100%; background-color: #f2f2f2; z-index: 99999;}
.default-global-theme .preloader img{position: relative; top: 50%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.default-global-theme .mobile-only{display: none !important;}
@media (max-width: 1000px){.default-global-theme .mobile-only{display: block !important;}}
.default-global-theme video::-webkit-media-controls-fullscreen-button{display: none;}
.tile-1{position: absolute; height: 0; top: 0;}
@media (max-width: 1000px){.tile-1{height: inherit;}}
.tile-1 .header img{display: none;}
.tile-1 .home_slider{display: none;}
@media (min-width: 1000px){.tile-1 .header{display: none;}}
/*
.content-left-margin{position:fixed; top:0; z-index:100; width:15%; height:100%; float:left; background-color:#232323; @media(max-width:@pad){display:none;}}
*/
body{background-color: #f2f2f2;}
.content{/* background-color: #ddffdd; */ height: auto; margin-left: 15%; width: 85%;}
.content .banner-image{background-position: center center; background-size: cover; width: 100%; height: 400px;}
.content .banner{background-color: #fff; padding: 2% 10%; margin: -100px 10% 0 10%; width: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content .banner h1:first-of-type{margin: 0 0 4px 0;}
.content .banner h1:last-of-type{margin-top: 0; /* span{padding-bottom:2px; border-bottom:3px solid @light-green;} */}
.content .banner p span:before{content: " / ";}
.content .banner p span:first-of-type:before{content: "";}
.content .article{margin: 20px 10% 0 10%; width: 80%; padding: 5% 10%; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content .article img{width: 100%;}
.content .article h1{padding-bottom: 5px; margin: 0;}
.content .article:last-of-type{margin-bottom: 50px;}
.content .article .splitter{margin-bottom: 30px; width: 100%; overflow: hidden; position: relative; height: 3px;}
.content .article .splitter .red{background-color: #bc3134; position: absolute; width: 10%; height: 3px;}
.content .article .splitter .grey{background-color: #bbbbbb; width: 100%; margin-top: 1px; height: 1px;}
hr{margin-top: 12px; width: 60px; height: 2px; border: none; color: #3295d9; background-color: #3295d9;}
@media (max-width: 1000px){.content{margin-left: 0; width: 100%;} .content .banner-image{height: 300px;} .content .banner{margin: -100px 10% 0 10%; padding: 2% 10%;}}
@media (max-width: 500px){.content .banner-image{height: 200px;} .content .banner{margin: -80px 5% 0 5%; width: 90%;} .content .article{margin: 10px 5% 0 5%; width: 90%;}}
.content .banner-image{background: url('http://www.easytopfreight.com/skin/20200722/images/news.jpg'); background-size: cover;}
.button{background-color: #bc3134; cursor: pointer; color: #fff; border: 0; width: auto; height: auto; padding: 10px; box-sizing: border-box;}
.page-navigator{margin-top: 10px;}
.page-navigator a{color: #3295d9; font-weight: bold; font-size: 16px;}
.page-navigator a.prev{float: left;}
.page-navigator a.next{float: right;}
#page-news-blog{position: relative; height: auto; /* background-color:@bg-grey; */}
#page-news-blog .content-body{position: relative; overflow: hidden; /* width:90%; */ margin-top: 40px; margin-left: auto; margin-right: auto; max-width: 1280px; height: 50%;}
#page-news-blog .content-body .service-card{border: 10px solid white; box-sizing: border-box; float: left; width: 33.333333%; height: 450px; overflow: hidden;}
@media (max-width: 1920px){#page-news-blog .content-body .service-card{height: 400px;}}
@media (max-width: 1400px){#page-news-blog .content-body .service-card{height: 300px;}}
@media (max-width: 768px){#page-news-blog .content-body .service-card{height: 250px;}}
@media (max-width: 500px){#page-news-blog .content-body .service-card{height: auto;}}
@media (max-width: 1000px){#page-news-blog .content-body .service-card{width: 50%;}}
@media (max-width: 500px){#page-news-blog .content-body .service-card{width: 100%;}}
#page-news-blog .content-body .service-card img{width: 100%;}
#page-news-blog .content-body .service-card h3{font-weight: 400; margin: 10px 0; width: 100%; text-align: left;}
#page-news-blog .content-body .service-card h3 a,
#page-news-blog .content-body .service-card h3 a:hover,
#page-news-blog .content-body .service-card h3 a:link,
#page-news-blog .content-body .service-card h3 a:visited{color: inherit;}
#page-news-blog .content-body .service-card p{padding: 0; text-align: left;}
#page-news-blog .content-body .service-card:hover{background-color: #3295d9; border-color: #3295d9;}
#page-news-blog .content-body .service-card:hover h3,
#page-news-blog .content-body .service-card:hover p{color: white;}
#page-news-blog .content-body .service-card:hover hr{background-color: white; color: white;}
#page-news-blog .content-body .content-text{overflow: hidden; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 50%; float: left;}
#page-news-blog .content-body .content-text a{float: right; margin-right: 2%;}
#page-news-blog .content-body .content-image{height: 100%; width: 50%; float: right;}
#page-news-blog .content-body .content-image img{display: block; width: 100%;}
@media (max-width: 1000px){#page-news-blog .content-body .content-text{width: 100% !important;} #page-news-blog .content-body .content-image{width: 100% !important;}}