/* CSS Document */
@font-face {
    font-family: 'the_bold_fontbold';
    src: url('../fonts/theboldfont-webfont.eot');
    src: url('../fonts/theboldfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/theboldfont-webfont.woff2') format('woff2'),
         url('../fonts/theboldfont-webfont.woff') format('woff'),
         url('../fonts/theboldfont-webfont.ttf') format('truetype'),
         url('../fonts/theboldfont-webfont.svg#the_bold_fontbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

#myVideo {
position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  opacity: 0.3;
  z-index: -100;
}

.navbar-brand{
	padding:0px 0px;
}
body{
	font-family: Arial, Verdana, "Helvetica Neue";
	font-size:16px;
	background-color:#ad074d;
}
.section001{
	padding:130px;
	height: 400px;
	margin-bottom: 20px;
	
}
.section001_header{
	padding-top: 50px;
	margin-left:auto;
	margin-right:auto;
	
}
.section_websites{
	padding:20px;
}

.section_doublethreat{
	padding:20px;

}
.section_thankyou{
	color:#fff;
	padding:20px;
}
.section_awards{
	padding:20px;
	/*color:#fff;*/
}

.section_header_lite{
	font-family:'the_bold_fontbold';
	font-size:32px;
	margin-top:10px;
	color:#fff;
}
.section_subheader{
	font-family:'the_bold_fontbold';
	font-size:24px;
	color:#3355be;
}
.section_subheader2{
	font-family:'the_bold_fontbold';
	font-size:24px;
	color:#fff;
}
.examples, .examples_app{
	padding:20px;
    overflow: hidden;
}
.nav_arrow{
	font-size:36px;
	color:#3355be;
}
.nav_arrow_lite{
	font-size:36px;
	color:#ffffff;
}
.nav_up{
	font-size:20px;
	color:#3355be;
}
a.lite:link, a.lite:visited{
	color:#fff;
}
.example_border{
    background-color:rgba(0,0,0,0.30);
	padding:20px; 
	border:#d99db6 solid thin; 
	border-radius: 10px; 
	margin-top:20px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
    opacity: 90%;
}

.example_border2{
    background-color:rgba(0,0,0,0.30);
	padding:20px; 
	border:#d99db6 solid thin; 
	border-radius: 10px; 
	margin-top:20px;
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
.quotes{
	font-size:24px;
	font-style:italic;
	color:#0066CC;
}
.modal-title{
	font-family:'the_bold_fontbold';
	font-size:26px;
}
.star_green{
	color:#008800;
}
.star_gray{
	color:#DDDDDD;
}
.header_skills{
	font-family:'the_bold_fontbold';
	color:#0066FF;
	font-size:22px;
}
.captiontitle{
    font-size: 12px;
    font-weight: bold;
    color:#F2F60A;
}
.captioncontent{
    font-size: 10px;
}
.smalllogo{
    display:none;
}

.border_strengths{
	padding:20px; 
	border:#DDD solid thin; 
	border-radius: 10px; 
	margin:25px;
	background-color:#fff;
	opacity: 90%;
}
.gallery_image{
    padding: 15px;
}

/*Start Contact Styles------------------------------------------*/

#Contact-wrap {
  max-width: 660px;
  min-height: 300px;
  height: auto !important;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

#contact-area {
  width: 100%;
  padding-right: 10px;
}

#contact-area input,
#contact-area textarea {
  padding: 2%;
  width: 96%;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1em;
  margin: 0px 0px 10px 0px;
  border: 2px solid #ccc;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.80);
}

#contact-area textarea:focus,
#contact-area input:focus {
  border: 2px solid black;
}

#contact-area input.submit-button {
  background-color: rgba(255, 255, 255, 0.80);
  -webkit-appearance: none;
  color: #9F9EA0;
  width: 135px;
}
.leaderquotes{
    background-image:url("../images/background_WhiteHex002.png");
    background-size: cover;
    background-position: top right;
    padding:15px;
    margin: 5px;
    border-radius: 20px 20px 5px 5px;
    background-color: #FFFFFF;
}
.strengthquotes{
    background-image: url("../images/background_Whitehex001.png");
    background-size: cover;
    background-position: top left;
    padding:15px;
    margin: 5px;
    border-radius: 5px 5px 20px 20px;
    background-color: #FFFFFF;
}

.contactwindow{
    background-image: url("../images/background_contact.jpg");
    background-size: cover;
    background-position: top center;
    padding:15px;
    margin: 5px;
    border-radius: 10px;
    background-color: #FFFFFF;
}

/*End Contact Styles------------------------------------------*/

/* Mocassin.CSS alterations */

.mc-item .mc-item__caption {
  background-color: #b484d9;
  text-align: center;
  color: #fff;
}

@media only screen and (max-width: 767px){
    body{
        background-image:url("../images/tile_main.jpg");
        background-size: cover;
        background-position: top right;
        background-attachment: fixed;
    }
    
    .smalllogo{
        display: block;
    }
	.section001{
		padding:125px 0px 0px;
		height: 300px;
}
.section001_header{
	padding-top: 120px;
	margin-left:auto;
	margin-right:auto;
	
}
.section_header{
	font-family:'the_bold_fontbold';
	font-size:26px;
	margin-top:10px;
}
.section_header_lite{
	font-family:'the_bold_fontbold';
	font-size:26px;
	margin-top:10px;
	color:#fff;
}
.section_subheader{
	font-family:'the_bold_fontbold';
	font-size:20px;
	color:#3355be;
}
.section_subheader2{
	font-family:'the_bold_fontbold';
	font-size:20px;
	color:#fff;
}	
.examples, .examples_app{
	padding:10px;
}
.nav_arrow{
	font-size:24px;
	color:#3355be;
}
.nav_arrow_lite{
	font-size:24px;
	color:#ffffff;
}
.example_border{
	padding:5px; 
	border-radius: 10px; 
	margin-top:10px;
	width:99%;
	margin-left:auto;
	margin-right:auto;
}
.example_border2{
	padding:5px; 
	border-radius: 10px; 
	margin-top:10px;
	width:99%;
	margin-left:auto;
	margin-right:auto;
}
.example_border_awards{
	padding:5px; 
	border:#DDD solid thin; 
	border-radius: 10px; 
	margin-top:20px;
	background-color:#fff;
	width:99%;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
}
.quotes{
	font-size:20px;
	font-style:italic;
	color:#0066CC;
}

}