@charset "UTF-8";
/* CSS Document */
body { background:url('images/main/bg_body.jpg') no-repeat center bottom fixed; background-size:100% auto; margin:0; padding:0; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; line-height:32px; text-align:justify; color:#FFF; width:100%; padding-top:40px;}
img { border:0; }
h1 { color:#FFF; font-weight:bold; font-size:30px; line-height:30px; margin:0px 0 20px; width:auto;display: inline-block; padding:10px 20px; border-radius: 10px; border: 4px solid #FF8C00; /* box-shadow: 0 0 5px 3px rgba(0,255,0,0.5);*/}
h2 {font-size:22px; margin: 10px 0;}
a { color:#FFF; text-decoration:none; }
a:hover { text-decoration:underline; }
p { margin:0; padding:0 0 31px 0; }

.header-box{display: flex; flex-wrap: wrap; margin-top: 20px;}
.header-left{ flex: 0 0 40%; max-width: 50%; text-align: left; margin-left: 10%;} 
.header-right{ flex: 0 0 40%; max-width: 50%; text-align: right; margin-right: 10%;}
.header-right img{max-width: 60%;}

.green {color: rgb(255, 140, 0)}

#footer_part h3,#footer_part h1,#footer_part h2,.items h2,.items h3{display:inline;padding:0;margin:0;font-size:inherit;font-weight:normal;}

.row{float:left; width: 100%;}
.background{background:rgba(0,0,0,0.65); width: 1000px; padding:12px; border-radius: 30px;}
.main_container{width: 1024px; margin: 0 auto;}
.container{ width: 1000px; margin: 0 auto;}
.navigation .active{text-decoration: underline;}
.main{ width: 80%; margin: 0 10% 25px; padding: 15px 0 0; background: rgba(255, 73, 0,0.7); border-radius: 10px; box-shadow: 0 25px 50px 10px rgba(0,0,0,0.5);}
form{width: 65%;margin: 0 auto; text-align: center}
form input, form textarea, form select {width:90%; padding: 1.5%; border:solid 2px orange; display: inline-block; margin-bottom:15px; background: rgba(255,255,255,1)}
form select {width:94%}
form textarea {height: 110px}
form input[type="submit"]{text-transform: uppercase; color: #000; border: solid 2px #fff; background: #fff; display: inline-block; width: auto; transition: .3s; cursor: pointer}
form input[type="submit"]:hover{border-color: #000; border-radius: 20px;}
form .hide, form .dummy {display: none}

.my_row{float:left;width:100%;margin-top:0px}#container_dmi{width:228px;height:29px;background: #fff url(http://dubucmarketing.com/external/dmi.png) center center no-repeat; padding:5px;margin:0px auto}#container_dmi.eng{background-image:url(http://dubucmarketing.com/external/dmi_eng.png)}#container_dmi .left,#container_dmi .right{width:50%;float:left;height:32px}#container_dmi .right .link{height:14px;float:left;width:100%}

.my_row.row{margin-top:0;}
#container_dmi{width:280px; line-height:20px; height:80px;background:none; font-size:12px; margin:0 auto; overflow:hidden; display: flex; align-items: center}
#container_dmi .left{height:inherit;width:50%; text-align:right;float:left;}
#container_dmi .right{text-align:left; padding-top:4px;width:50%;float:right; line-height:15px;}
#container_dmi .right a:link,#container_dmi .right a:visited,#container_dmi .right a:hover,#container_dmi .right a:active{color:#fff; text-decoration:none;font-weight:normal; display:inline; font-size:12px;}
#container_dmi img{height:80px;width:auto;}


.logo-box{display: flex; flex-wrap: wrap; margin-bottom: 20px; justify-content: center;}
.logbox{flex: 0 0 16%; max-width: 16%; justify-content: center; margin-bottom: 10px;}
.logbox img{ max-width: 80%;}

.cont-box{display: flex; flex-wrap: wrap; margin: 0 4%; justify-content: center;}
.cont-box p{width: 100%; text-align: center;}
.cont-box-left{ flex: 0 0 28%; max-width: 28%; font-size: 18px; text-align: left;}
.cont-box-right{ flex: 0 0 50%; max-width: 50%; text-align: right;}

.contact{ margin: 15px 0;}

.facebook{font-size: 50px; margin: 20px 0;}


@media only screen and (max-width: 1025px){
	
	body{background-size: 220% auto; padding-top: 0;}
	.main_container{width:98%;}
	.container{width: 100%; padding-top: 20px;}
	.background{width:98%; padding: 0 1%; margin-top: 10px; margin-bottom: 10px;}
	.header-left {flex: 0 0 100%; max-width: 100%; text-align: center; margin-left: 0;}
	.header-right{ flex: 0 0 100%; max-width: 100%; text-align: center; margin-right: 0; margin-bottom: 20px;}
}