body{
	background: white; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, #ffffff, #004358); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #ffffff, #004358); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #ffffff, #004358); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #ffffff, #004358); /* Standard syntax */
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif
}

.nav{
    padding-top: 30px;
    padding-right: 30px;
}

.collapse{
	background: white; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, #ffffff, #004358); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #ffffff, #004358); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #ffffff, #004358); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #ffffff, #004358); /* Standard syntax */
}

.navbar-header{
	height: 100px;

}

.navbar-brand{
	padding-left: 35px;
	height: 130px;
}

.navbar li a:hover {
    color: #004358;
}

#image{
	height:100%;
}

.row11 {
   width: 55%;
   margin: 0px auto;
}

.colA1 {
   padding-bottom: 70%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colA1 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colA2 {
   padding-bottom: 55%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colA2 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colA3 {
   padding-bottom: 30%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colA3 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colC3 {
   padding-bottom: 43%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colC3 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colA4 {
   padding-bottom: 55%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colA iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colC4 {
   padding-bottom: 37%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colC4 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colA5 {
   padding-bottom: 23%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colA5 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colC5 {
   padding-bottom: 75%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colC5 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colA6 {
   padding-bottom: 19%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colA6 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colC6 {
   padding-bottom: 32%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colC6 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colA7 {
   padding-bottom: 43%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colanimation {
   padding-bottom: 5%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colA7 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colC7 {
   padding-bottom: 70%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colC7 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colA8 {
   padding-bottom: 84%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colA8 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colA9 {
   padding-bottom: 76%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colA9 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colA10 {
   padding-bottom: 88%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colA10 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 0%;
}

.colA111 {
   height: 0;
   width: 100%;
   padding-bottom: 65%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.colA111 iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.nav li a{
	font-weight: bold;
	color: #ffffff;
	font-size: 25px;
	margin: 0 30px 0 30px;
}

.row4{
	background: white; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, #ffffff, #adaf97); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #ffffff, #adaf97); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #ffffff, #adaf97); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #ffffff, #adaf97); /* Standard syntax */
	padding-top: 10px;
	padding-bottom:10px;
}

.row4R{
	background: white; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, #ffffff, #adaf97); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #ffffff, #adaf97); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #ffffff, #adaf97); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #ffffff, #adaf97); /* Standard syntax */
	padding-top: 10px;

}

.row4Y{
	background: white; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, #ffffff, #adaf97); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #ffffff, #adaf97); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #ffffff, #adaf97); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #ffffff, #adaf97); /* Standard syntax */
	padding-top: 40px;
	padding-bottom: 40px;
}

.row4animation{
	background: white; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, #ffffff, #adaf97); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #ffffff, #adaf97); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #ffffff, #adaf97); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #ffffff, #adaf97); /* Standard syntax */
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left:25%;

}

.col1{
	padding-left:15%;
	padding-right:15%;
	background: white; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, #ffffff, #004358); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #ffffff, #004358); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #ffffff, #004358); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #ffffff, #004358); /* Standard syntax */
}

.col2{
	min-height:65px;
	text-align:center;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	padding-top: 15px;
	background-color: #004358;
}

.col3{
	min-height:50px;
	text-align:center;
	font-size: 25px;
	color: #ffffff;
	background-color: #004358;
}

.col4{
	font-weight: bold;
	color: #000000;
	font-size: 23px;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	text-align: left;
}

.col4R{
	font-weight: bold;
	color: #000000;
	font-size: 35px;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	text-align: center;
}

.col5{
	background-color: #adaf97;
	padding: 0;
}

.colAA{
	padding:15px;
	background: white; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, #ffffff, #004358); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #ffffff, #004358); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #ffffff, #004358); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #ffffff, #004358); /* Standard syntax */

}

.colA{
	padding:5px;
	background-color: #004358;
}

.colB{
	padding:5px;
	background-color: #004358;
}

.row5{
	background: white; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, #ffffff, grey); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #ffffff, grey); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #ffffff, grey); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #ffffff, grey); /* Standard syntax */
	padding-top: 10px;
	padding-bottom:10px;
}

.col6{
	background-color: #adaf97;
	padding: 0;
}

.col6R{
	background-color: #adaf97;
	padding: 0;
}

.col7{
	font-weight: bold;
	color: #000000;
	font-size: 23px;
	padding-top: 70px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
	text-align: left;
}

.row6{
	background: white; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, #4D8E7C, #ffffff); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #4D8E7C, #ffffff); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #4D8E7C, #ffffff); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #4D8E7C, #ffffff); /* Standard syntax */
	padding-top: 10px;
	padding-bottom:10px;
}

.colC{
	padding:5px;
	background-color: #004358;
}

.col8{
	font-weight: bold;
	color: #000000;
	font-size: 23px;
	padding-top: 35px;
	padding-bottom: 40px;
	padding-left: 50px;
	text-align: left;
}

.col9{
	background-color: #adaf97;
	padding: 0;
}


.row7{
	background: white; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, #ffffff, #004358); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #ffffff, #004358); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #ffffff, #004358); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #ffffff, #004358); /* Standard syntax */
}

.col11{
	padding-top:2%;
	padding-bottom:2%;
}

.col11 a img{
        width:10%;
}

.social	{
	list-style-type: none;
	text-align: center;

	}

.social li
	{
	display: inline;
	padding: 5% 5% 0 4%;
	}

.row8{
	background-color: #544B59; 
}

.col13{
	color: #ffffff;
	font-size: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.col1234{
	font-size: 17px;
	text-align: right;
}

.caption{
	font-size: 15px;
	text-align: center;
}

.thumbnail{
	background-color: transparent;
	border: none;
}

.col99{
	font-weight: bold;
	color: #000000;
	font-size: 20px;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	text-align: left;
}

@media screen and (max-width: 768px) {
.col99{
        font-size:20px;
    }
}
 
@media screen and (max-width: 568px) {
.col99{
        font-size:13px;
    }
}

@media screen and (max-width: 768px) {
.col4{
        font-size:20px;
    }
}
 
@media screen and (max-width: 568px) {
.col4{
        font-size:16px;
    }
}

@media screen and (max-width: 768px) {
.col4R{
        font-size:28px;
    }
}
 
@media screen and (max-width: 568px) {
.col4R{
        font-size:22px;
    }
}

@media screen and (max-width: 768px) {
.col7{
        font-size:20px;
    }
}
 
@media screen and (max-width: 568px) {
.col7{
        font-size:16px;
    }
}

@media screen and (max-width: 768px) {
.col7R{
        font-size:28px;
    }
}
 
@media screen and (max-width: 568px) {
.col7R{
        font-size:22px;
    }
}

@media screen and (max-width: 768px) {
.col8{
        font-size:20px;
    }
}
 
@media screen and (max-width: 568px) {
.col8{
        font-size:16px;
    }
}

@media screen and (max-width: 768px) {
.col1234{
        font-size:17px;
    }
}
 
@media screen and (max-width: 568px) {
.col1234{
        font-size:13px;
    }
}