@import "../fonts/myfont.css";
@import "font-awesome.css";
/*@media (min-width:1024px) and (max-width:4000px){}
@media (min-width:980px) and (max-width:1024px){}
@media (min-width:768px) and (max-width:979px){}
@media (min-width:570px) and (max-width:767px){}*/
@media (min-width:1px) and (max-width:569px)
{
     .logo {
        text-align: left;
    }
    .nav-menu {
        display: block;
    }
    .col-md-4.logo img {
        width: 100%!important;
    }
    
    .main-menu {display:none}
    .main-menu ul li {
        width: 100%;
        text-align: center;
        background: #ccc;
        padding: 4px;
        border-bottom: 1px rgba(255, 255, 255, 0.6) solid;
        margin-left: 0px;
    }
    .col-md-8.main-menu ul {
        float: none;
        margin-top: 11px;
        display: none;
    }
    .main-menu ul li a {
        text-transform: uppercase;
        font-family: "Myriad Pro Bold Condensed";
        color: #101010;
        font-size: 16px;
    }
    
    }
    
   
body {
    background: url(../image/body.jpg) repeat;
}
.col-md-8.main-menu ul {
    float: right;
}
.col-md-4.logo img {
    /*width: 312px;*/
    margin-top: 50px;
}
.main-menu ul li {
    float: left;
    margin-left: 15px;
    padding: 75px 5px 13px 5px; /*left=0*/
}

.main-menu ul li a {
    text-transform: uppercase;
    font-family: "Myriad Pro Condensed";
    color: #101010;
    font-size: 25px;/*size=29*/
}
.main-menu ul li.current
{
    background: #fbb040;
}
.main-menu ul li.current a {
    color: #ffffff;
}
.main-menu ul li:hover {
    background: #fbb040;	
}
.main-menu ul li a:hover {
    color: #ffffff;
	text-decoration:none;
}
hr {
    border-top: 1px solid #D2D2D2!important;
}
.titlename {
    color: #000000;
    font-size: 38px;
    font-family: "Myriad Pro Condensed";
    text-transform: uppercase;
}

ul.list_content li {
    padding-left: 24px;
    background: url("../image/list-icon.png") left top no-repeat;
    background-size: 10px;
    background-position-y: 4px;
    margin-bottom: 34px;
}
.title-item a {
    font-size: 14px;
    color: #080808;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.title-item a:hover{color:#ae1a28; text-decoration:none;}
.desc-item {
    font-size: 13px;
    text-align: justify;
    color: #6C6767;
    margin-top: 5px;
}

ul.list_content {
    margin-top: 27px;
    
}

.col-md-12.intro_projetc {
    margin-bottom: 5px;
}
.col-md-12.intro_projetc span {
    font-size: 13px;
}
.col-md-3.item-project img {
    width: 100%;
}
.title-project {
    margin-top: 5px;
    text-align: center;
    white-space: normal;
    height: 20px;
    overflow:hidden;
}
.title-project a {
    color: #ae1a28;
    font-family: "Myriad Pro Semibold";
    text-transform:uppercase;
}
.desc-project {
    font-size: 13px;
    margin-top: 9px;
    text-align: initial;
    padding: 9px;
    white-space: normal;
    height: 100px;
    overflow:hidden;
}
.boder-project:hover {
    outline: 1px #BEBEBE solid;
}
.boder-project a img{height:150px;}
.col-md-4.about-us {
    position: relative;
   
}

.readmore {
    text-align: right;
}

.readmore a {
    color: #58595b;
}

.readmore a:hover {
    color:#ae1a28;
}
.col-md-3.item-project {
    cursor: pointer;
}
.boder-project {
    background: #fff;
}
.item-news img {
    width: 100%;
}
.item-news-name a {
    font-size: 14px;
    font-family: "Myriad Pro Semibold";
    color: #080808;
    text-transform: uppercase;
}
.item-news-desc span {
    font-size: 13px;
    line-height: 15px;
    text-align: justify;
}
.item-news-time {
    margin-top: 9px;
}

.item-news-time span {
    font-weight: bold;
    font-size: 12px;
}
.item-news {
    margin-bottom: 13px;
    padding: 5px;
    margin-top: 10px;
}
.col-md-12.news {
    height: 477px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.item-news:hover {
    outline: 1px #ccc solid;
}
.col-md-4.partners_sub img {
    float: left;
    width: 40%;
    padding-top: 18px;
    padding-left: 15px;
    max-height: 64px;
}

.partners-r {
    float: left;
    width: 54%;
    margin-left: 5%;
}

.partners-name {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    height:20px;
    overflow:hidden;
}

.partners-add {
    font-size: 13px;
    text-align: justify;
    height:50px;
    overflow:hidden;
}
.col-md-4.partners_sub {
    margin-bottom: 14px;
}
/*CUSTOMIZE*/
.partners_sub{margin-top:1px;margin-right:-1px;}
.partners_sub div.row:hover {
   outline:1px solid #ccc;
}
.list-partner div.row{margin-left:-14px;}
/*END CUSTOMIZE*/

.partners {
    margin-top: 0px;
}
.footer {
    background: #d2d3d5;
    height: 132px;
    margin-top: 18px;
    border-top: 2px #A6A6A6 solid;
    position: relative;
}
.col-md-12.lang {
    text-align: right;    
    margin-top: 10px;
}
.copyright {
    position: absolute;
    bottom: 4px;
    padding-top: 69px;
    text-align: center;
}
.reponsivemenu select {
    width: 80%;
    margin-top: 20px;
}

.reponsivemenu {
    text-align: center;
    display: none;
}
ul.list-project li {
    display: inline-block;
    width: 23%;
    margin-left: 1px;
    margin-right: 5px;
}

ul.list-project {
    white-space: nowrap;
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.boder-project img {
    width: 100%;
}
ul.list-project::-webkit-scrollbar {
    height: 8px;
}
ul.list-project::-webkit-scrollbar-button {
    width: 3px;
    height:3px;
}

ul.list-project::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
    border-radius:3px;
}
.col-md-12.list-partner {
    height: 170px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.list-partner::-webkit-scrollbar {
    width: 8px;
}
.list-partner::-webkit-scrollbar-button {
    width: 3px;
    height:3px;
}
.list-partner::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
    border-radius:3px;
}
.nav-menu {
    font-size: 19px;
    padding-top: 50px;
    text-align: right;
    display: none;
    cursor: pointer;
}
.lang_text {
    color: #000;
}
.lang-active{color:#ae1a28;font-weight:bold;}
.lang a:hover{color:#ae1a28}

/*PORTFOLIO*/

.title_portfolio a {
    font-size: 40px;
    font-family: "Myriad Pro Condensed";
    color: #080808;
    text-transform: uppercase;
}
.sub_title_portfolio ul li {
    float: left;
    margin-right: 12px;
    border-right:0px solid #ccc; 
    padding-right:10px;
}
.sub_title_portfolio ul li a {
    color: #080808;
    font-family: "Myriad Pro Condensed";
    font-size: 20px;
    text-transform:uppercase;
    
}
.sub_title_portfolio ul li a:hover
{
    color:#ae1a28;
}
.pagging ul {
    float: right;
}

.pagging ul li {
    float: left;
    margin-left: 13px;
}
.pagging ul li a{
    color: #080808;
}
.pagging ul li.current a{
    color: #ff1b2f;
    font-weight: bold;
}
.item_portfolio_content.current {
    border-bottom: 1px #BABABA  solid;
    padding: 8px;
    overflow: hidden;
    background: #d2d3d5;
}
.item_portfolio_content:hover {
    border-bottom: 1px #BABABA  solid;
    padding: 8px;
    overflow: hidden;
    background: #d2d3d5;
}
.item_portfolio_content{
    border: 1px #BABABA  solid;
    padding: 8px;
    overflow: hidden;
     margin:0px 0px 20px 0px;
     cursor:pointer;
}
.item_portfolio_content:first-child {
    border-top: 1px #BABABA  solid;
}
.item_portfolio_content img {
    float: left;   
}

.right-box {
    float: left;
    width: 84%;
    margin-left: 10px;
}

.portfolio_name {
    font-family: "Myriad Pro Regular";
    color: #ae1a28;
    font-size: 14px;
}
.portfolio_type {
    font-size: 13px;
    font-weight: bold;
}

.portfolio_add {
    font-size: 13px;
}
.item_portfolio_content.current .readmore a{
    color: #ae1a28;
}
.item_portfolio_content .readmore a{
    color: #101010;
}

.readmore a:hover{
    color: #ae1a28;
}


/*CLIENTS*/

.clients_title {
    font-size: 40px;
    font-family: "Myriad Pro Condensed";
}
.clients_title a {
    color: #080808;
    text-transform: uppercase;
}
.client_content img {
    float: left;
}

.client_content {
    padding: 10px;
    border: 1px #BABABA solid;
    position: relative;
    overflow: hidden;
    margin:0px 0px 20px 0px;    
}
/*.client_content:hover { background: #d2d3d5;}*/
.client_content:first-child {
    border-top: 1px #BABABA solid;
}
.client_content:hover{
    /*background: #d2d3d5;*/
}
.show_more {
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px #ccc solid;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);  -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    text-align: center;
    top: 9px;
    right: 9px;
}
.show_more:hover{
    background: #ae1a28;
    color: #ffffff;
    cursor: pointer;
}
.more_content {
    display: none;
}

/*SERVICE*/
.service_title {
    font-size: 40px;
    font-family: "Myriad Pro Condensed";
}
.service_title a {
    color: #080808;
    text-transform:uppercase;
}
.big_cover img {
    width: 100%;
    height: auto;
}
ul.child_list {
    margin-top: 10px;
}
ul.child_list li {
    background: url(../image/list-child.png) left center no-repeat;
    margin-bottom: 8px;
}
ul.child_list li a {
    font-family: "Myriad Pro Regular";
    font-size: 14px;
    color: #080808;
}
/*CONTACTS*/
.contact-title a {
    font-size: 40px;
    font-family: "Myriad Pro Condensed";
    color: #080808;
    text-transform:uppercase;
}
.info_title {
    font-size: 25px;
    font-family: "Myriad Pro Condensed";
    color: #080808;
}
.contact_add {
    padding-left: 36px;
    font-size: 13px;
    background: url(../image/home_icon.png) left top no-repeat;
    margin-top: 10px;
}
.contact_phone {
    padding-left: 36px;
    font-size: 13px;
    background: url(../image/phone_icon.png) left top no-repeat;
    margin-top: 10px;
}
.contact_mail {
    padding-left: 36px;
    font-size: 13px;
    background: url(../image/mail_icon.png) left top no-repeat;
    margin-top: 10px;
}
.contact_down {
    padding-left: 36px;
    font-size: 13px;
    background: url(../image/down_icon.png) left top no-repeat;
    margin-top: 10px;
}
.submit {
    margin-top: 8px;
}
.careers p {
    text-align: justify;
}
.content_dialog { display: none; }

.ui-widget-header
{
    border: 0px solid #aaaaaa !important/*{borderColorHeader}*/;
  background: #fff/*{bgColorHeader}*/  !important;
    }
    
.ui-dialog .ui-dialog-titlebar {padding:0px !important}
.newsDialog img{width:100%}