/* CSS Document */
@font-face {
    font-family: 'segoe';
    src: url('../fonts/segoeui.ttf');
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.wbrd{
    border: 1px solid white;
}

.kbrd{
    border: 1px solid black;
}

body { 
	margin: 0 !important; 
	padding: 0 !important; 
	background-color:#FFF;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

div, span{
     font-family:Segoe, Verdana, sans-serif;
}

#home{
    width:100%;
    /*background:url(../images/bg_new.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover*/;
}

#header{
	height:50px;
}
.text-header1{
	font-size:14px;
	font-weight:bold;
}

.text-header2{
	font-size:14px;
	font-weight:bold;
	color:#000;
}
.text-header2:hover{
	font-size:12px;
	font-weight:bold;
	color:#000;
}

.head-office{
	padding-top:40px !important;
	padding-left:50px !important;
	padding-right:0px !important;
}

.group-office{
	padding-top:40px !important;
	padding-left:40px !important;
	padding-right:30px !important;
}

.group-office2{
	padding-top:40px !important;
	padding-left:150px !important;
	padding-right:0px !important;
}

#footer{
    font-family:'segoe';
	font-weight:300;
	font-size:12px;
	color:#666;
	background-color: #F2F2F2;
	padding-bottom:50px !important;
	padding-top:50px !important;
    height:400px;
}

#footer-main{
    font-family:'segoe';
	font-weight:300;
	font-size:12px;
	color:#666;
	background-color: #F2F2F2;
	padding-bottom:50px !important;
	padding-top:50px !important;
    height:600px;
}

#content-sub{
	padding-top:65px;
	padding-bottom:30px;
    font-size:16px !important;
}
#content-sub ul{
    margin-left:-25px;
}

#content-sub .content-text-about
{
    font-size:32px;
    font-weight:bold;
    padding-bottom:5px
}

#content-sub .content-text-operation
{
    font-size:18px;
    padding-bottom:5px;
    
}

#content-sub .content-text-profile
{
    font-family:'segoe';
	font-size:36px;
    color:#037CBD;
}

.profile{
	font-family:'segoe';
	font-size:32px;
    color:#037CBD;
}
.profile-link{
	font-family:'segoe';
    color:#00649d;
    font-size:18px;
    font-weight:400;
}

#content-company{
	padding-top:0px;
	padding-bottom:30px;
}

#companies{
	padding-bottom: 35px;
}

.company-row{
	padding-top: 25px;
}

 .company-row div{
        padding-bottom: 25px;
    }

.company-row img:hover{
	filter: brightness(98%);
}

#the-lamp{
    background-image:none;
    transform: translateY(0px);
	animation: float-lamp 6s ease-in-out infinite;
}

#the-text{
    background-image:none;
    transform: translateY(0px);
	animation: float-text 9s ease-in-out infinite;
}

legend {
    border-bottom:none !important;
}



@keyframes float-lamp {
	0% {
    	transform: translatey(0px);
	}
	50% {
		transform: translatex(-20px);
       
	}
	100% {
		transform: translatey(0px);
	}
}

@keyframes float-text {
	0% {
    	transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}


@media only screen and (max-width: 1800px) {
    #home{
        min-height:609px; 
    }
    #the-lamp-image{
        width:80%;
    }
    #the-text-image{
        width:90%;
    }
    #the-text{
        padding-top:150px;
    }
    #footer, #footer-main{
        font-size:9px;
    }
    
    #content-sub{
        font-size:12px !important;
    }
    
    #content-sub .content-text-operation
    {
        font-size:18px;
        padding-bottom:5px; 
    }
    
    #content-sub .content-text-profile,#content-sub .content-text-about
    {
        font-size:24px;
    }
    
    .profile-link{
        font-size:12px;
    }
   
}

@media only screen and (min-width: 1920px) {
    #home{
        min-height:909px;
    }
    #the-lamp-image{
        width:80%;
    }
    #the-text-image{
        width:85%;
    }
    #the-lamp{
        padding-left:90px;
        padding-top:70px;
    }
    #the-text{
        padding-left:80px;
        padding-top:220px;
    }
}

@media only screen and (max-width: 500px) {
    #logo,#company{
       width:100%;
    }
}

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

    .head-office{
        text-align:left  !important;
        padding-top:20px !important;
	    padding-left:10px !important;
	    padding-right:10px !important;
    }
    
    #footer-main{
        font-family:'segoe';
        font-size:14px;
        color:#666;
        background-color: #F2F2F2;
        padding-bottom:20px !important;
        padding-top:10px !important;
        height:auto;
    }
    
    .group-office2{
        padding-top:30px !important;
        padding-left:10px !important;
        padding-right:10px !important;
    }
    
    .group-office{
        padding-top:10px !important;
        padding-left:10px !important;
        padding-right:10px !important;
    }
    
    .company-row{
        padding-top: 25px;
    }
    
    .company-row div{
        padding-bottom: 25px;
    }
        

}

.bottom-align-text {
    position: absolute;
    bottom: 0;
    right: 0;
}