/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
body {
    font-size: 17px;
}
.dlx-loading1{
    content: url(../images/loading.gif);
    height: 90px;
}
#logo img{height: auto}
/*  ICON  */
.icon_right{
    background-size: 18px;
    top: 0px;
    width: 18px;
    height: 24px;
    margin-right: 13px;
}
.icon_gray {
    background-size: 42px;
    top: 40px;
    width: 42px;
    height: 58px;
    margin-left: 220px;
}
.icon_yellow {
    top: 23px;
    width: 86px;
    height: 114px;
}
.retina-logo{padding: 20px 0px;}
#header.sticky-header .retina-logo{padding: 20px 0px;}
/*   FONT COLOR   */
.fc-222{
	color: #222222;
}
.fc-7b{
	color: #7b7b7b;
}
.fc-fff{
	color: #FFFFFF!important;
}
.fc-yel{
	color: #3bb54e;
}
.fz-13{
    font-size: 13px !important;
}
.fz-14{
    font-size: 14px !important;
}
.fz-25{
    font-size: 25px !important;
}
.fz-69{
	font-size: 69px !important;
}
.fz-65{
	font-size: 65px !important;
}
.color-white{
    color:#eee;
}
.color-ccc{
    color:#ccc;
}
.pd-0{
    padding: 0px !important;
}
.pd-l5{
    padding-left: 5px;
}
.pd-l15{
    padding-left: 15px;
}
.mr-t0{
     margin-top:0px !important;
}
.mr-t30{
     margin-top:30px !important;
}
.mrt-95{
    margin-top: -95px !important;
}
.mrt-195{
    margin-top: -195px !important;
}
.mr-t140{
    margin-top:140px !important;
}
.mr-t175{
    margin-top:175px !important;
}
.mr-b0{
    margin-bottom:0px !important;
}
.mr-b20{
    margin-bottom:20px !important;
}
.mr-b50{
    margin-bottom:50px !important;
}
.mr-b75{
    margin-bottom:75px !important;
}
.mr-b165{
    margin-bottom:165px !important;
}
.mr-b250{
    margin-bottom:250px !important;
}
.mr-l20{
    margin-left:20px !important;
}
.bold{font-weight: bold;}
.pd-w-100{padding:0 100px;}
.pd-b-50{padding-bottom: 50px;}
.bd-r-10{border-radius: 10px;}
h1.toppic{
	font-size: 48px;
	display: inline-block;
	margin: 0;
}
.right{
	float: right !important;
}
.left{
	float: left !important;
}
.mr-a{
    margin: auto !important;
}
/*   BOTTOM  */
.bt-custom{
    font-size: 14px;
	color: #ccc;
	border: 1px solid#ccc;
	border-radius: 0px;
    padding: 10px 20px;
    margin-top: 30px;
    margin-bottom: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.form-contact .bt-custom{
	color: #ccc;
	border: 1px solid#ccc;
	background: transparent;
}
.form-news .bt-custom{
	border-radius: 0px;
	border: 1px solid#acacac;
	background: transparent;
	margin-left: 15px;
}
.bt-custom:hover{
	color: #3bb54e;
	border: 1px solid#3bb54e;
}
.arr-right:after{
	position: relative;
    top: 3px;
    left: 5px;
	font-family: 'FontAwesome';
	content: "\f178";
}
.heading h1{
    font-size: 50px;
    font-weight: 100;
	margin: 0 0 15px 0;
}
/*about*/
.bg-about{
    background: linear-gradient(rgba(0,0,0,0.6), 
    rgba(0,0,0,.6)),
    url('../images/bg/bg_Logem.jpg') center;
    background-size:cover;
    /*background: url('../images/bg/bg_Logem.jpg'); */
}

.bg-logemtips{
    background: linear-gradient(rgba(0,0,0,0.6), 
    rgba(0,0,0,.6)),
    url('../images/bg/b_logem_4-02.jpg') center;
    background-size:cover;
    /*background: url('../images/bg/bg_Logem.jpg'); */
}

.bg-03{
    background-color: rgba(0,0,0,0.3);
}
/*business*/
.flexslider {
    margin: 0 0 15px !important;
}
/*experience*/
.bg-be{
    background: linear-gradient(rgba(0,0,0,0.6), 
    rgba(0,0,0,.6)),
    url('../images/bg/bg_Logem_BE.jpg') center;
    background-size:cover;
    /*background: url('../images/bg/bg_Logem.jpg'); */
}
.br-tb{
    padding: 14px 0;
    border-top: 1px solid #3bb54e;
    border-bottom: 1px solid #3bb54e;
}
.br-b{
    border-bottom: 1px solid #6b7279;
}
.br-bul{
    margin: 14px 0;
    border-bottom: 1px solid #3bb54e;
}
hr {
    border-top: 1px solid #3bb54e !important;
}
.pag-circle a {
    display: inline-block;
    width: 12.5px;
    height: 12.5px;
    margin: 1px;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    background-color: #97999b;
}
.pag-circle li {
    display: inline-block;
    width: 12.5px;
    height: 12.5px;
    margin: 1px;
    text-indent: -999px;
    border-radius: 10px;
    background-color: #3bb54e;
}
dt > span{
    font-weight: normal;
}
/*contact*/
.radius-0{
    border-radius: 0px !important;
}
.gb-01{
    background-color: rgba(0,0,0,0.1) !important;
}
.bt-custom:hover{
    color: #EEE;
}
/*   RESPON   */
@media (min-width: 1199px) {
    /*business*/
    article#expertise{
        left: 150px !important;
        top: 200px !important;
    }
    article#air_sea{
        left: 250px !important;
        top: -50px !important;
    }
    article#project_hand{
        left: 500px !important;
        top: 0px !important;
    }
    article#household{
        left: 700px !important;
        top: 100px !important;
    }
    article#cross_border{
        left: 700px !important;
        top: 270px !important;
    }
    article#tran{
        left: 500px !important;
        top: 400px !important;
    }
    article#household{
        left: 700px !important;
        top: 100px !important;
    }
    article#customer_clear{
        left: 250px !important;
        top: 450px !important;
    }

}
@media (min-width: 992px) and (max-width: 1199px) {
    /*business*/
    article#expertise{
        left: 50px !important;
        top: 200px !important;
    }
    article#air_sea{
        left: 150px !important;
        top: -50px !important;
    }
    article#project_hand{
        left: 425px !important;
        top: 0px !important;
    }
    article#household{
        left: 625px !important;
        top: 100px !important;
    }
    article#cross_border{
        left: 625px !important;
        top: 295px !important;
    }
    article#tran{
        left: 425px !important;
        top: 400px !important;
    }
    article#customer_clear{
        left: 175px !important;
        top: 450px !important;
    }
    
    
}
@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) {


}
@media (max-width: 991px) {
  .mr-t140{
    margin-top:80px !important;
  }
  #header-wrap{
    background-color: #000 !important;
  }
  #primary-menu-trigger{
    font-size: 28px;
    margin-top: 10px !important;
  }
}
@media (max-width: 767px) {

}
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    table,
    thead,
    tbody,
    th,
    td,
    tr {
        // display: block;
    }
}