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

html{

}

body {
 padding-top: 50px;
 background-color: #FFFFFF;
 font-family: 'Nunito', sans-serif;
}

.content {
 background-color:white;
 max-width:1200px;
 margin-right:auto;
 margin-left:auto;
 display:block;
 padding:20px;
 color: #232323 !important;
}

.footer {
 background-color: #181428;
}

.my-nav {
 background-color: #181428;
 border: none !important;
}

.my-nav a:link {
 color: #CCCCCC !important;
}

.my-nav a:visited {
 color: #CCCCCC !important;
}

.my-nav a:hover {
 color:#FF9 !important;
}

.my-nav a:active {
 color: #BBBBBB !important;
}


#currentpage {
 color: #FFFFFF !important;
 background: #b7c2c9;
 background:        -webkit-gradient(linear, left top, left bottom, from(#767a7d), to(#b7c2c9));
 background: -webkit-linear-gradient(top, #767a7d, #b7c2c9);
 background:    -moz-linear-gradient(top, #767a7d, #b7c2c9);
 background:     -ms-linear-gradient(top, #767a7d, #b7c2c9);
 background:      -o-linear-gradient(top, #767a7d, #b7c2c9);
}

p {
 text-align: justify;
 text-justify: inter-word;	
 line-height: 1.3;
}

h1 {
 text-align: center;
 color: #1e1932;
 font-size: 3.3em;
 font-weight: bold;
 text-shadow: 0px 4px  3px  rgba(0,0,0,0.4),
              0px 8px  13px rgba(0,0,0,0.1),
              0px 18px 23px rgba(0,0,0,0.1);
 margin-bottom: 3px;
}

h2 {
 color: #DB8C6D;
 text-shadow: 0px 1px 1px rgba(0,0,0,0.4),
              0px 1px 2px rgba(0,0,0,0.1),
              0px 1px 3px rgba(0,0,0,0.1);
}
	
h3 {
 color: #1e1932;	
}	

.shadow img {
 box-shadow: 5px 5px 5px #888888;
 margin: 5px;	
}
	
h5 {
 color: #1e1932;
 margin-left: 20px;
 margin-right: 20px;
 font-size: 1em;	
}	
	
h6 {
 color: #FFF;
 text-align: center;
 max-width: 500px;
 font-size: 1.2em;
 margin-left: auto;
 margin-right: auto;
}

div.image_caption {
 padding: 10px;
 margin: 10px;
 border: 2px solid #cccccc;
 text-align: center;
 font-size: 0.8em;
 font-style: italic;
}


/*	
.content a:link {
 color: #365b9c !important;
 font-weight: bold;
}

.content a:visited {
 color: #365b9c !important;
 font-weight: bold;
}

.content a:hover {
 color: #3784ba !important;
 font-weight: bold;
}

.content a:active {
 color: #333333 !important;
 font-weight: bold;
 font-weight: bold;
}
*/

.btn {
 float: right;
}

.btn a:link {
 color: #FFFFFF !important;
}

.btn a:visited {
 color: #FFFFFF !important;
}

.btn a:hover {
 color: #3784ba !important;
}

.btn a:active {
 color: #BBBBBB !important;
 font-weight: bold;
}


.footer {
 color: white;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 20px;
 margin-bottom: 0px;
 padding-bottom: 20px;
}
	
.footer a:link {
 color: #365b9c !important;
}

.footer a:visited {
 color: #365b9c !important;
}

.footer a:hover {
 color: #3784ba !important;
}

.footer a:active {
 color: #885f4a !important;
 font-weight: bold;
}

.formstyle {
 box-shadow: 2px 2px 10px #1e1932;
 border: 1px solid #1e1932;
 border-radius: 5px;
}

.boxstyle{
 box-shadow: 2px 2px 10px #1e1932;
 border: 1px solid #1e1932;
 background-color: white;
 height: inherit;
 margin: 5px 10px 5px 10px;
 padding: 5px 10px 5px 10px;
}
	
.video-container {
 position: relative;
 padding-bottom: 75%;
 padding-top: 35px;
 height: 0;
 overflow: hidden;
}

.video-container iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.dropdown {
 background-color: #181428 !important;
}

.dropdown li {
 background-color: #181428;
 font-size: 1.1em !important;
 border: none !important;
 font-weight: bold;
}

.dropdown a:link li {
 color: #DDDDDD !important;
}

.dropdown a:visited li {
 color: #DDDDDD !important;
}

.dropdown a:hover li {
 color: #333333 !important;
 background-color: #181428 !important;
}

.dropdown-menu>li>a:hover {
 background-color: #181428 !important;
}

.dropdown a:active li {
 color: #BBBBBB !important;
 font-weight: bold;
}

ul.dropdown-menu{
 background-color: #181428;
}

.dropdown .open {
 background-color: #181428;
 height: 300px;
}

.testimony {
 background: #65778d;
 background:        -webkit-gradient(linear, left top, left bottom, from(#767a7d), to(#707983));
 background: -webkit-linear-gradient(top, #767a7d, #707983);
 background:    -moz-linear-gradient(top, #767a7d, #707983);
 background:     -ms-linear-gradient(top, #767a7d, #707983);
 background:      -o-linear-gradient(top, #767a7d, #707983);
 border: 1px solid #AAAAAA;
 border-radius: 5px;
 color: white !important;
 padding: 20px;
 margin: 20px;
 box-shadow: 10px 10px 5px #888888;
}

hr.style-one {
 border: 0;
 height: 2px;
 background: #FFF;
 background-image: -webkit-linear-gradient(left, #DDD, #888, #DDD); 
 background-image:    -moz-linear-gradient(left, #DDD, #888, #DDD); 
 background-image:     -ms-linear-gradient(left, #DDD, #888, #DDD); 
 background-image:      -o-linear-gradient(left, #DDD, #888, #DDD); 
}


.button {
 border-top: 1px solid #776791;
 background: #65778d;
 background:        -webkit-gradient(linear, left top, left bottom, from(#767a7d), to(#b7c2c9));
 background: -webkit-linear-gradient(top, #65778d, #b7c2c9);
 background:    -moz-linear-gradient(top, #65778d, #b7c2c9);
 background:     -ms-linear-gradient(top, #65778d, #b7c2c9);
 background:      -o-linear-gradient(top, #65778d, #b7c2c9);
 padding: 6.5px 10px;
 -webkit-border-radius: 6px;
 -moz-border-radius:    6px;
 border-radius:         6px;
 -webkit-box-shadow: rgba(0,0,0, 1) 0 1px 0;
 -moz-box-shadow:    rgba(0,0,0, 1) 0 1px 0;
 box-shadow:         rgba(0,0,0, 1) 0 1px 0;
 text-shadow:        rgba(0,0,0,.4) 0 1px 0;
 color: #ffffff;
 font-size: 14px;
 text-decoration: none;
 vertical-align: middle;
}

.button:hover {
 border-top-color: #51495e;
 background: #51495e;
 color: #fff;
}

.button:active {
 border-top-color: #2a1b5c;
 background: #2a1b5c;
}

.jumbotron {
 background-color: #1e1932;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 margin-bottom: 0px;
 padding: 0px;
}


/* Responsive iFrame */
.responsive-iframe-container {
 position: relative;
 padding-bottom: 100%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}

.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
 .hidesmall {
  display: none;	
 }
}


/*Tablets (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 481px) 
and (max-device-width : 767px) {
 .hidesmall {
  display: none;
 }
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) {
 .hidesmall {
  display: none;
 }
}


/* Desktops and laptops ----------- */
@media only screen {

}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
 .hidesmall {
  display: none;
 }
}