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


*{ margin:0px; padding:0px;}

body, html{height: 100%; }

#underconstruction{ background-image:url('../image/construction_lb_bg.png'); position:fixed; width:100%; height:100%;}
#underconstruction .uc_area{ margin-left:auto; margin-right:auto; margin-top:300px; width:450px; height:200px; border-radius:10px; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#333333; font-weight:bold; text-align:center; padding-top:100px;}
#contain{ position:fixed; left:25%; top:25%;}
#alert{background:#FFF; width:350px; padding:10px; height:120px;   border:1px solid #99ca3c; font-family:'Advent Pro'; font-size:18px; text-align:center;}
#close{padding:15px; float:left; margin-top:30px; margin-left:145px; background-color:#99ca3c; color:#FFF; cursor:pointer;}

.grayscale {

filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
opacity: 0.85;
}
		 
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    float:left;
	margin-left:10px;
    display:block;
    width:33px;
    height:33px;
	
    vertical-align:middle;
    background:url(../image/check.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(../images/checked.png) top no-repeat;
}






.parallax {
    /* The image used */
    background-image: url('../image/parallax.png');

    /* Full height */
    height: 60%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#header_wrapper{ position:fixed; top:0px; z-index:1; width:100%; height:120px; background-color:#fff; border-bottom:3px solid #29a555;}
#header{}

.logo{float:left; margin-left:50px; margin-top:30px; width:350px; }





#menu{float:right; margin-right:30; margin-top:80px;}
#menu a.link{float:left; margin-right:60px; font-family:arial; font-size:24px; color:#5d6061; text-decoration:none; text-transform:uppercase; cursor:pointer;}
#menu a:hover.link{ color:#29a555;}

#button1 {float:left;  }
#button2 {float:left;  }
#button4 {float:left; margin-right:60px; }





#slide_wrapper{ z-index:0; height:auto; overflow:auto; width:100%;}
#slide{ height:auto; overflow:auto;}


#content_1_wrapper{ width:100%; min-height:450px; overflow:auto; padding-top:50px; padding-bottom:50px; background-color:#fff; border-top:5px solid #29a555;}
#content_1{ width:100%; margin-left:auto; margin-right:auto;}

#content_1 .title{ width:100%; margin-bottom:50px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:32px; color:#29a555;}
#content_1 .col{float:left; padding-left:4.1%; padding-right:4.1%; text-align:justify;  width:25%; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#516558;}
#content_1 .col .img{width:100%;}
#content_1 .col img{ width:20%; margin-left:40%;}
#content_1 .col span{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#29a555;}

#content_1 .pre_but{ float:left; width:100%;}
#content_1 .but{ margin-left:40%; margin-top:30px; width:20%; height:50px; border:1px solid #4b4b4b; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#516558; text-decoration:none; text-align:center; cursor:pointer; background-color:#fff; }

#content_1 .collapse{ display:none; color:#516558 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:18px !important;}




#content_2_wrapper{width:100%; height:auto; overflow:auto; padding-top:50px; padding-bottom:50px; background-color:#fff; border-top:5px solid #29a555;}
#content_2{width:100%; height:auto; margin-left:auto; margin-right:auto;}

#content_2 .cv_pre{ width:100%;}
#content_2 .cv{ float:left; width:20%; margin-left:2.5%; margin-right:2.5%; text-align:center;}
#content_2 .cv_title{float:left; width:100%; text-align:center; font-size:50px;}

#content_2 .show{float:left; width:18%; height:150px; text-align:center; padding:5px;  margin-left:0.5%; margin-right:0.5%; border:1px solid #ccc;  font-family:Arial, Helvetica, sans-serif; font-size:130%; color:#2e4f3a; cursor:pointer; display: flex;
  justify-content: center;
  flex-direction: column;}
#content_2 .div {float:left; margin-left:5%; margin-top:30px; width:90%; display: none;}








#content_3_wrapper{width:100%; min-height:450px; padding-top:50px; padding-bottom:50px; background-color:#fff; border-top:5px solid #29a555;}
#content_3{}


#content_3 .title{ width:100%; margin-bottom:50px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:32px; color:#29a555;}
#content_3 .solutii{float:left; width:100%; }
#content_3 img{ width:100%;}





#footer_wrapper{ width:100%;  height:400px; background-color:#3a4a3f;}
#footer{}

#footer .left{float:left; margin-left:5%; margin-top:50px; width:650px;}
#footer .right{float:right; margin-right:5%; width:550px; margin-left:0px;}

#footer .newsletter {float:left; width:650px; margin-bottom:40px;}
#footer .newsletter .bar{float:left; width:350px; height:55px; border:none; font-family:Arial, Helvetica, sans-serif; color:#999; font-size:20px;}
#footer .newsletter .button{float:left; width:150px; height:55px; background-color:#29a555; border:none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; cursor:pointer;}

#footer .col_1{float:left; width:650px; height:auto;}
#footer .right .txt{float:right; margin-top:50px; font-family:arial; font-size:16px; color:#ccc;}
#footer .right .txt2{float:left; margin-left:275px; margin-top:5px;  font-family:arial; font-size:16px; color:#ccc;}

#footer .menu .header{float:left; margin-bottom:15px; font-family:arial; color:#fff; font-size:18px;}
#footer .menu{float:left; margin-top:30px; width:250px;}
#footer .menu a.but{ float:left; width:250px; font-family:'Proxima Nova','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; font-size:15px; color:#ccc; text-decoration:none; cursor:pointer;}
#footer .menu a:hover.but{color:#29a555; cursor:pointer;}

#footer .card{float:left;  margin-top:-140px; margin-bottom:50px; width:550px;}

#footer .facebook{float:left; margin-top:30px;}
#footer .facebook a.but{float:left; width:40px; height:40px; background-image:url('../image/facebook_icon.png');}
#footer .facebook a:hover.but{float:left; width:40px; height:40px; background-image:url('../image/facebook_icon_hover.png');}


#footer .linkedin{float:left; margin-top:30px; margin-left:10px;}
#footer .linkedin a.but{float:left; width:40px; height:40px; background-image:url('../image/linkedin_icon.png');}
#footer .linkedin a:hover.but{float:left; width:40px; height:40px; background-image:url('../image/linkedin_icon_hover.png');}