@charset "utf-8";
/*NewSDC*/
/*body {
 background: url(../images/man1.jpg) no-repeat center center fixed;

 background-size: cover;
	background-color: transparent;
	font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
	font-size: medium;
	font-weight: 400;
	color: #000000;
 
 
 }*/

 .container21 {
	height: 100vh;
  }
  
  .container34 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
	width: 300px;
	background-color:transparent;
	margin: 0px 150px;
}
 
.logoHeader {
	margin-top: 10px;
	width: 100%;
}

.button {
	background-color: #FF8000;
	border-width: 3px;
	border-color: #FFFFFF;
	border-radius:25px;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: black;
	margin: 4px 2px;
	cursor: pointer;
  }

 

  .text_line {
	clear: both;
	margin-bottom: 2px;
}


  h1, h2, h3,
h4, h5, h6 {
    color: #000;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight:bold;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

  h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
  }
 .currentpage{
            color: #333;
            text-decoration: none;

}

.roundcorner1
{
border:3px solid white;
font-weight:bold;
border-radius:25px;
-moz-border-radius:35px; /* Firefox 3.6 and earlier */
}

.transparent{
  background:rgba(255,255,255,0.3);
}

.bigsmall {
	max-width: 100%;
	height: auto;
  }

.responsive-image {
	width: 100%;
	max-width: 650px;
	height: auto;
	
}

.center-image {
    display: flex;
  justify-content: center;
}

.indent {padding:33px 50px 33px 48px;}
.padding1 {
    padding-left:20px;
    padding-right:20px;
}

.padding2 {
    padding-left:20px;
    padding-right:20px;
}

.padding3 {
    padding-left:20px;
    padding-right:20px;
    padding-top: 10px;
}

.padding4 {
    padding-top: 10px;
}



.col-1 {
	width:650px;
	margin: 0 auto;
}                
 
 .content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

.logoHeader {
	margin-top: 10px;
}

.float-left {
    float: left;
}

.float-left2 {
	float: left;
	margin-left: 4%;
}

.float-left3 {
	float: left;
	margin-left: 8%;
}

.float-left4 {
	float: left;
	margin-left: 6%;
}

.float-right {
    float: right;
}

.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height:0; overflow:hidden }

.responsive-container, .responsive-container iframe { max-width: 560px; max-height: 315px; }

.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.center-div
{
  margin: 0 auto;
  max-width: 260px;
  height: 301px;
  background-color: transparent;
  border-radius: 3px;
}

/* --- Nav Bar Style --- */
.navbar {
	text-shadow: none;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	/*background-color: rgba(255,255,255,0.1);*/
	background-color: transparent !important;
	border: none;
/*	-webkit-box-shadow: none;
 -moz-box-shadow: none;
*/	  box-shadow: none;/*these remove shadow inside around menu item text*/
	  color: #FFFFFF;
	border-radius: 4;
}

.navbar-default {
	
    background-image:none !important;
	border-color: #ff6a00;
}

 .navbar-default .navbar-brand {
	color: #FFFFFF;
}

.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
	color: #FfFfFf;
}

.navbar-default .navbar-nav > li > a {
	color: #FfFfFf;
	padding-top: 30px !important;
	font-size: 2.5em;
	background:none;
	background-color: transparent;
	display: inline-block;

	
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
	color: #ff6a00;
}

/*background and foreground of active menuitem*/
.nav .active a { 
    color:#ff6a00 !important;
    background:none !important; 

}

/*.navbar-default .navbar-nav .active{
	color: #ff6a00;
	background: none;
	
}
*/
.navbar-default .navbar-nav .active > a, 
.navbar-default .navbar-nav .active > a:hover, 
.navbar-default .navbar-nav .active > a:focus {
	color: #ff6a00;
	background: none;
	border: thin none #F5F4F4;	
	-webkit-box-shadow: none;
 -moz-box-shadow: none;
	  box-shadow: none;
}

.navbar-default .navbar-nav .open > a, 
.navbar-default .navbar-nav .open > a:hover, 
.navbar-default .navbar-nav .open > a:focus {
	padding-top: 5px !important;
	color: #ff6a00;
	background: none;	
	
}

.navbar-default .navbar-nav .open > a .caret, 
.navbar-default .navbar-nav .open > a:hover .caret, 
.navbar-default .navbar-nav .open > a:focus .caret {
	padding-top:5px !important;
	border-color: #000000;	
	border-width: thin;
	border-style: none;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
	border-top-color: #ecf0f1;
	border-bottom-color: #ecf0f1;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret, 
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
	border-top-color: #ff6a00;
}

.navbar-default .navbar-toggle {
	border-color: #ff6a00;  /* Change border color around this button */
    background: #ff6a00;   /* Change background for button itself */
}

.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background-color: #585555;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #FfFfFf;   /* Change color for horizontal lines */
}

.navbar-brand {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	height: 110px;
	line-height: 20px !important;
	display:inline-block;
}

.navbar {min-height:110px !important;}

/*.collapsing, .in {background-color: rgba(255,255,255,0.1);}
.collapsing ul li a, .in ul li a {color: #FfFfFf!important; text-decoration: none; display: inline-block;
}
.collapsing ul li a:hover, .in ul li a:hover {color: #ff6a00 !important;}
.collapsing ul li a:active, .in ul li a:active {color: #ff6a00 !important;}
.collapsing ul li a:focus, .in ul li a:focus {color: #ff6a00 !important;}
*/

.collapsing, .in {background-color: rgba(255,255,255,0.3);padding-top:-20px !important;}
.collapsing ul li a, .in ul li a {color: #ff6a00!important; text-decoration: none; }
.collapsing ul li a:hover, .in ul li a:hover {color: #ff6a00 !important;}
.nav ul{
	margin:0;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px;
  overflow: hidden;
  background-color: #ff6a00;
}

footer a { color: #ff6a00#ff6a00; }


.active
{
	color: #ff6a00;

}

.introAside {
	background-color: transparent;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: medium;
	font-weight: 300;
	color: #000000;
	width:70%;
	margin-left: 4%;
	float: left;
	
}

.endAside {
	background-color: transparent;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: medium;
	font-weight: 300;
	color: #000000;
	width:50%;
	margin-left: 4%;
	float: left;
	
}

 

.auto-style0 {text-align:center;}
.auto-style1 {text-align:center; clear:both;}
.auto-style2 {text-align:left;}
.auto-style3 {clear:both;}
.auto-style4 {
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: medium;
	font-weight: 300;
	color: #000000;
}

header, section, footer, aside, article, figure {
	display: block;
}

/*a.one:link {color:#ff0000;}
a.one:visited {color:#0000ff;}
a.one:hover {color:#ffcc00;}
	*/

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 575px) {
 

	body{
	background-image: url(../img/man1.jpg); 
  height: 100%;
  width: 100%;
  /*position: fixed;*/
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: fixed;
  background-size: cover;
	background-color: #464646;
	}
                    .col-1 {
                        width:280px;
                        margin: 0 auto;
                    } 
					
					.navbar-default {
						background-image: none !important;
						border: thin solid #ff6a00;
						}                
										

img[src="../img/stf3.png"] { display:none; }






}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 576px) and (max-width : 768px){
/* Styles */

	body{
	background-image: url(../img/man1.jpg); 
  height: 100%;
  width: 100%;
  /*position: fixed;*/
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: fixed;
  background-size: cover;
	background-color: #464646;
	}
                    .col-1 {
                        width:450px;
                        margin: 0 auto;
                    } 

					.navbar-default {
						background-image: none !important;
						border: thin solid #ff6a00;
						}                
					

img[src="..img/stf4.png"] { display:none; }

}


@media only screen and (min-width:769px)and (max-width : 992px) 
{

	
	body{
	background-image: url(../img/man1.jpg); 
  height: 100%;
  width: 100%;
  /*position: fixed;*/
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: fixed;
  background-size: cover;
	background-color: #464646;
	}
                     .col-1 {
                        width:650px;
                        margin: 0 auto;
                    } 


					.navbar-default {
						background-image: none !important;
						border: thin solid #ff6a00;
						}                
					
 img[src="..img/stf1.png"] { display:none; }
}

@media only screen and (min-width:993px)and (max-width : 1200px) 
{


	body{
	background-image: url(../img/man1.jpg); 
  height: 100%;
  width: 100%;
  /*position: fixed;*/
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: fixed;
  background-size: cover;
	background-color: #464646;
	}
	
	
	
                     .col-1 {
                        width:650px;
                        margin: 0 auto;
                    } 

					.navbar-default {
						background-image: none !important;
						border: thin solid #ff6a00;
						}                
					

 img[src="...img/stf1.png"] { display:none; }
}

@media only screen and (min-width : 1201px) and (max-width:2400px) 
{
	body { 

		background-image: url(../img/man1.jpg); 
  height: 100%;
  width: 100%;
  /*position: fixed;*/
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: fixed;
  background-size: cover;
	background-color: #464646;
	}

                     .col-1 {
                        width:650px;
                        margin: 0 auto;
                    } 

					.navbar-default {
						background-image: none !important;
						border: thin solid #ff6a00;
						}                
					
						.sidebar {
							width: 54%;
							margin-left: 4%;
							margin-top: 3px;
							float: left;
						}

}





/*
@media (max-width: 1200px){
	
	    .col-1 {
        width:650px;
        margin: 0 auto;
    }                
	
}

@media (max-width: 992px){

.navbar-default {
	background-image: none !important;
	border: thin solid #ff6a00;
    }                
	
	    .col-1 {
        width:520px;
        margin: 0 auto;
    }                

}

@media (max-width: 560px){
	
.navbar-default {
	background-image: none !important;
	border: thin solid #ff6a00;
	
}

    .col-1 {
        width:340px;
        margin: 0 auto;
    }                
	
	
}

@media (max-width: 320px){
	
.navbar-default {
	background-image: none !important;
	border: thin solid #ff6a00;
	
}

.padding1 {
    padding-left:10px;
    padding-right:10px;
}

    .col-1 {
        width:290px;
        margin: 0 auto;
    }                
	
}

*/



