/* TEMPLATE 1 */

.template1 .container {

   position: absolute;
   left:0;
   top:0;
   margin:auto;

}

.template1 .title {

   position:absolute;
   top:2.5%;
   left: 0;
   right: 0;
   margin:auto;
   height:100px;
   background-color:rgb(255,255,255,0.5);
   width:95%;
   padding-bottom:40px;
   padding-left:10px;
   padding-right:10px;
   margin-bottom:20px;
   text-align:center;

}

.template1 h1 {

   width:100%;
   height:100px;

   /* font-size:400px; */
   

}

.template1 .box1 {

   position: absolute;
   top:200px;
   left:2.5%;
   width:900px;
   height:550px;
   /* background-color:rgb(255,255,255,1); */
   /* overflow: hidden; */
   padding:0px 20px 20px 0px;
   

}

.template1 .box1 img {

   height:100%;
   box-shadow:10px 10px 10px #000;
 
}

.template1 .box2 {

   position: absolute;
   top:200px;
   right:2.5%;
   width:860px;
   height:510px;
   background-color:rgb(255,255,255,0.5);
   padding:20px;

}

.template1 .box2 .text {

   /* font-size:100px; */

}


/* TEMPLATE 2 */

.template2 .content {

   position:absolute;
   top:15%;
   left: 0;
   right: 0;
   margin:auto;
   background-color:rgb(0,0,0,0.7);
   width:75%;
   padding-bottom:10px;

}

.template2 .title {

   max-height:100px;
   width:95%;
   color:#fff;
   text-align: center;
   margin:auto;

}


.template2 .box1  {

   display:none;
 
}

.template2 .box2 {

   height:400px;
   padding:20px;
   color:#ddd;
   /* font-size:70px; */
   width:90%;
   margin:auto;

}

/* FOOTER */

.footer {

   width:100%;
   height:100px;
   background-color: rgb(255,255,255,0.6);
   position:absolute;
   bottom:0;
   

}

.footer .f-left {

   position:absolute;
   left:20px;
   height:80px;
   width:200px;
   top:10px;
   /* border: 1px solid #000; */
   text-align:left;

}

.footer .f-left img {

   max-width:80px;
   max-height:80px;

}

.footer .f-center {

   position:absolute;
   left:0;
   right:0;
   margin:auto;
   height:80px;
   width:800px;
   top:10px;
   /* border: 1px solid #000; */

}


.footer .f-right {

   position:absolute;
   right:20px;
   height:80px;
   width:200px;
   top:10px;
   /* border: 1px solid #000; */
   text-align:right;

}

.footer .f-right img {

   height:80px;

}