@font-face {
   font-family: 'Adam';
   src: url(../fonts/Adam.otf);
   src: url('./fonts/Adam.otf?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
      url('./fonts/Adam.otf') format('otf')
}





/* reset */
* {margin:0px;padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


/* body */
body{background-color:#FAFAFA;font-family:Calibri,Verdana,Helvetica,sans-serif;}


/* page */
.page-wrapper{margin:0 auto;width:1024px;max-width:100%;}
.page-header{position:fixed;top:0px;left:0px;right:0px;margin:auto;background-color:#2C3E50;border-bottom:#34495E solid 1px;height:125px;z-index:10000;max-width:100%;}
.page-footer{margin-top:50px;padding-bottom:20px;font-size:14px;text-align:center;}
.page-footer a{color:#3498DB;text-decoration:none;}


/* box */
.box-logo{display:inline-block;*display:inline;margin-top:12px;margin-left:20px;max-height:90%;}
.box-logo img{max-height:100px;}
.box-logo img#logo-second{position:relative;top:-7px;margin-left:10px;}
.page-header.is-small .box-logo{margin-top:0px;}


.box-section-1{margin-top:200px;}
.box-presentation{position:relative;height:350px;width:auto;}
.box-presentation-image{position:absolute;left:0px;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;width:40%;-webkit-clip-path: polygon(0% 100%, 30% 0%, 100% 0%, 70% 100%);-ms-clip-path: polygon(0% 100%, 30% 0%, 100% 0%, 70% 100%);clip-path: polygon(0% 100%, 30% 0%, 100% 0%, 70% 100%);}
.box-presentation-image:nth-child(2){left:30%;z-index:4;}
.box-presentation-image:nth-child(3){left:60%;}
.box-presentation-image .cssload-thecube{margin-top:40%;}

.box-image-outer{display:block;float:left;padding:10px;width:33.33333%;}
.box-image{display:block;background-color:#FFF;padding:10px;width:auto;-webkit-box-shadow:0px 0px 5px 0px #CCC;-moz-box-shadow:0px 0px 5px 0px #CCC;box-shadow:0px 0px 5px 0px #CCC;}
.box-image-cover{display:block;background-position:center center;background-repeat:no-repeat;background-size:cover;height:300px;width:auto;}
.box-image-cover .cssload-thecube{position:relative;top:40%;}
.box-image .label{display:block;padding-top:10px;color:#2574A9;}
a.box-image{border:none;color:#2574A9;cursor:pointer;text-decoration:none;}
.box-image-placeholder{font-size:110px;line-height:300px;text-align:center;}


/* title */
.title-1{margin:20px auto 10px auto;color:#2574A9;font-family:Adam,Helvetica,Verdana,sans-serif;letter-spacing:4px;text-align:center;text-transform:uppercase;}



.clearfix{clear:both;}


@media all and (max-width:900px) {
    
    .box-image-outer{width:50%;}
    
    
}




@media all and (max-width:500px) {
    
    #logo-second{display:none;}
    .box-image-outer{float:none;width:auto;}
    
    
}