.back{
    background: url("../final/backgroundpage1.jpg") no-repeat center center local;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 1045px;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
}
.back_alternative{
    background: url("../final/alternative_back.png") no-repeat center center local;
    background-repeat: no-repeat;
    background-position: center;
    height: 1045px;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
}
.downborder {
    
    max-width: 100%;
    width: 100%;
    height: 240px;
    position:absolute;
    bottom: 0;
    left:0;
    right:0;
    padding: 0;
/*    background: url("../final/footer.png") no-repeat center; 
    */
}

.footer {
   
   
  position:  relative;
  bottom: 0;
  left: 0;
  padding: 0;
  text-align: center;
}

.rect{
    text-align: center;
    background-color: #004250;
    border:none 1px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
    font-family: robotoblack;
    font-weight: bold;
}
.first{
    margin-right: 25px;
}
a, a:hover{
    color: white;
    text-decoration: none;
}
h3{
font-family: calibri;
}
.msg_princ{
    background-color:#00647B;
    text-align: center;
    margin-top: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    font-weight: bold;
    font-family: calibri;
    margin-bottom: 20px;
}
.briefcase{
    margin-top: 50px;
}
.bottom-band {
    
    margin-bottom: 20px;
}
.left-band {
    margin-left: 50px;
}
.index-left{
    text-align: center;
    font-family: robotoblack;
    font-weight: bold;
}
col-menu{margin-bottom: 5px;}
#menu-row col-lg-2,#menu-row col-lg-3{
   padding-right: 2px;
   padding-left: 2px;
   
}

.portage{
    border:solid 2px #004250;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    color: #000000;
    font-family: robotoblack;
    font-weight: bold;
    font-size: 17pt;
}

body{
    background-color: #FFFFFF;
}
.title{
    font-family: robotoblack;
    font-weight: bold;
    font-size: 15pt;
    color:orange;
}
.text-body{
    font-family: robotoblack;
    font-size: 12pt;
    text-align: justify;
}
.text-body_{
    font-family: robotoblack;
    font-size: 12pt;

}
li{
    margin-top: 3px
}
.title1{
    font-family: robotoblack;
    font-weight: bold;
    font-size: 14pt;
    color: #FFF
}
.rect1{
    text-align: center;
    background-color: #F0AB00;
    border:none 1px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    margin-top: 80px;
    font-family: robotoblack;
    font-weight: bold;
}
.rect2{
    text-align: center;
    background-color: #F0AB00;
    border:none 1px #000000;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    height: 110px;
    font-family: robotoblack;
    font-weight: bold;
}
.rect3{
    text-align: center;
    border:solid 5px #F0AB00;
    padding: 10px;
    margin-top: 60px;
    margin-bottom: 60px;
    font-family: robotoblack;
    font-weight: bold;
}
.back1{
    background-image: url("../final/background_2.png");
    background-repeat: no-repeat;
    background-position: top;
}

.title2{
    font-family: robotoblack;
    font-weight: bold;
    font-size: 18pt;
    color:orange;
}
.title3{
    font-weight: bold;
    font-size: 18pt;
    font-weight: bold;
    font-family: adobe calson pro;
}
.rect4{
    border:solid 2px #F0AB00;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-top: 120px;
    padding: 20px;
}
.back2{
    background-image: url("../final/background_4.png");
    background-repeat: no-repeat;
    background-position: top;
}
.back3{
    background-image: url("../final/background_3.png");
    background-repeat: no-repeat;
    background-position: top;
}
/*@media only screen and (max-device-width: 480px) { */
img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}


.corner-box {
   
    width:100px;
    height: 100px;
    border : 2px solid black;
    float:right;
}
.curl{
  width: 80px; /* default width of page curl */
  height: 80px; /* default height of page curl */
  position: absolute;
  left: 0;
  top: 0;
	z-index: 1000;
  overflow: hidden;
  background: white;
  box-shadow: 0 0 10px gray;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.curl .curlcontent{
  position: absolute;
  left: 15px; /* left position of curl content to show */
  top: 15px; /* top position of curl content to show */
}

.curl:after{ /* the curl itself */
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: rotate(45deg) translateX(70%) scale(1.4);
  background: #afafaf;
  background: -moz-linear-gradient(left,  #afafaf 0%, #ffffff 29%);
  background: -webkit-linear-gradient(left,  #afafaf 0%,#ffffff 29%);
  background: linear-gradient(to right,  #afafaf 0%,#ffffff 29%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#ffffff',GradientType=1 );

}

.curl:hover{
  width: 150px; /* width of page curl when mouse over */
  height: 150px; /* height of page curl when mouse over */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 10px 10px 50px gray;
}

/* #### Right corner curl specific CSS (instead of default left corner) ### */

.curl.rightcorner{
  left: auto;
  right: 0;
}

.curl.rightcorner:after{
  left: auto;
  right: 0;
  transform: rotate(135deg) translateX(70%) scale(1.4);  
}

.curl.rightcorner .curlcontent{
  left: auto;
  right: 15px; /* right position of curl content to show */
  top: 15px; /* top position of curl content to show */
}