/* login register forgotpassword */
input[type=email], input[type=password],input[type=text] {
  width:66%;
  padding: 12px 38px;
  margin: 7px 0;
  display: inline-block;
  border: 1px solid #123f;
  box-sizing: border-box;
  box-shadow: 2px 4px 2px #000; 
  background-color: #1122336b;
  border-radius: 3px;
  font-size:16px;
  color:grey;
  
}


  .input-icons i { 
            position: absolute; 
        } 
          
        .input-icons { 
            width: 100%; 
            margin-bottom: 10px; 
        } 
          
        .icon { 
            padding: 24px 10px 10px 10px; 
            min-width: 40px; 
			color:white;
        } 
::placeholder {
  color: white;
  
}
@media (max-width:1440px) and (min-width:1025px)
{
   #logo{
	
	margin-left:15px !important;
        }
   		#text{
			
			font-size:16px !important;
		}
}
@media (max-width:1024px) and (min-width:769px)
{
   #logo{
	
	margin-left:-6px !important;
        }
   #img2{
	   
	   width:50% !important;
   }		
}
@media (max-width:768px) and (min-width:426px)
{
   #logo{
	
	margin-left:-42px !important;
        }
   #img2{
	   
	   width:50% !important;
   }		
}
@media (max-width:425px) and (min-width:368px) 
{
   #logo{
	
	margin-left:-21px !important;
        }
   		
}


.checkboxcontainers input{
	display:none;
	
}
.checkboxcontainers{
	display:inline-block;
	padding-left:30px;
	position:relative;
	cursor:pointer;
}
.checkboxcontainers .checkmark{
	display:inline-block;
	width:17px;
	height:17px;
	background:#123f56;
	position:absolute;
	left:2px;
	top:0px;
	border:1px solid white;
	/*box-shadow: 0px 2px 0px white;*/
	box-shadow:2px 2px 4px #000000;
}
.checkboxcontainers input:checked + .checkmark{
	background-color:red;
	border:1px solid white;
	
}
.checkboxcontainers input:checked + .checkmark:after{
	content:"";
	position:absolute;
	height:6px;
	width:11px;
	border-left:2px solid white;
	border-bottom:2px solid white;
	top:45%;
	left:50%;
	transform:translate(-50%,-50%) rotate(-45deg);
	
	
}
.checkboxcontainers a:hover{
	
	text-decoration:none;
}
a:hover{
	
	text-decoration:none;
}

.errMessage{
	color: #de3a3a;
    font-family: sans-serif;
    font-size: 15px;
	text-shadow: 1px 0px 1px;
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow:  2px 4px 2px #000;
  transition: background-color 5000s ease-in-out 0s;
}

@media (max-width:1440px) and (min-width:1025px){
	#firstnameErr{
		
		    margin-left: 18px !important;
	}
	#lastnameErr{
		  margin-left: 18px !important;
	}
	#emailErr{
		margin-left: -11px !important;
	}
	#pswErr{
		margin-left: 18px !important;
	}
	#checkboxcol{
		margin-left:13px !important;
	}
}
@media (max-width:1024px)and (min-width:769px){
	#firstnameErr{
		
		    margin-left: 18px !important;
	}
	#lastnameErr{
		  margin-left: 18px !important;
	}
	#emailErr{
		margin-left: -13px !important;
	}
	#pswErr{
		margin-left: 18px !important;
	}
}
@media (max-width:768px)and (min-width:426px){
	#firstnameErr{
		
		    margin-left: 18px !important;
	}
	#lastnameErr{
		  margin-left: 18px !important;
	}
	#emailErr{
		margin-left: 12px !important;
	}
	#pswErr{
		margin-left: 18px !important;
	}
}
@media (max-width:425px) and (min-width:376px){
	#firstnameErr{
		
		    margin-left: -27px !important;
	}
	#lastnameErr{
		  margin-left: -27px !important;
	}
	#emailErr{
		margin-left: -27px !important;
	}
	#pswErr{
		margin-left: -27px !important;
	}
	#img{
		width: 121px !important;
	}
	#button{
		font-size: 21px !important;
	}
	#img2{
		
		width:62% !important;
		
	}
}
@media (max-width:768px){
	.logo{
		
		margin-left:-15px !important;
	}
	
}
@media (max-width:375px) and (min-width:322px){
	#firstnameErr{
		
		    margin-left: -8px !important;
	}
	#lastnameErr{
		  margin-left: -8px !important;
	}
	#emailErr{
		margin-left: -8px !important;
	}
	#pswErr{
		margin-left: -8px !important;
	}
	#img{
		width: 121px !important;
	}
	#button{
		font-size: 21px !important;
	}
	#checkboxcol{
		margin-left:13px !important;
	}
	#img2{
		
		width:73% !important;
		
	}
	#text{
		
		width:100% !important;
		
	}
}
@media (max-width:321px){
	#firstnameErr{
		
		    margin-left: 18px !important;
	}
	#lastnameErr{
		  margin-left: 18px !important;
	}
	#emailErr{
		margin-left: 18px !important;
	}
	#pswErr{
		margin-left: 18px !important;
	}
	#checkboxcol{
		margin-left:21px !important;
	}
	#checkboxErr{
		margin-left:35px !important;
	}
	#img{
		width: 122px !important;
	}
	#button{
		font-size: 21px !important;
	}
	.logo{
		
		margin-left:-37px !important;
	}
	#img2{
		
		width:78% !important;
		
	}
	#text{
		
		width:100% !important;
		
	}
}


/* login register forgotpassword */




/* header */

body{
	
	font-family:sans-sarif;
	margin:0;
	padding:0;
}
header{
	position:absolute;
	top:0;
	left:0;
	padding:0 100px;
	background-color:#1c1c1c;
	width:100%;
	box-sizing:border-box;
	
	
}
header .logo{
	
	float:left;
	
}
header nav{
	float:right;
	
}
header nav ul{
	margin:0;
	padding:0;
	display:flex;
	
}
header nav ul li{
	list-style:none;
	
}
header nav ul li a{
	height:50px;
	line-height:50px;
	padding:0px 20px 0px 20px;
	text-decoration:none;
	font-size:18px;
	color:white;
	font-weight:bold;

}
header nav ul li a:hover{
	color:#595982;
	background:#fff;
	border:none;
	padding:35px 25px;
	
	
}
header nav ul li a:focus{
	
	color:#595982;
	background:#fff;
	border:none;
	padding:35px 25px;
	
}
header nav ul li a:active{
	
	color:#595982;
	background:#fff;
	border:none;
	padding:35px 25px;
	
}
.menu-toggle{
	
	color:#fff;
	float:right;
	line-height:50px;
	font-size:24px;
	cursor:pointer;
	display:none;
}
@media (min-width:768px) and (max-width:1010px)
{
	header{
		padding:0 20px;
	}
	.menu-toggle{
		display:block;
		
	}
	header nav{
		
		/*display:none;*/
		position:absolute;
		width:55%;
		height:calc(100vh - 50px);
		background:#1c1c1c;
		top:85px;
		left:-100%;
		transition:0.5s;
		
	}
	
	header nav.active{
		left:0;
		
	}
	
	header nav ul{
		
		display:block;
		text-align:center;
	}
	header nav ul li:hover{
	color:#fff;
	
	}
	header nav ul li{
		padding:20px;
		border-bottom:1px solid white;
		
	}
}
@media (max-width:767px){
	header{
		padding:0 20px;
	}
	.menu-toggle{
		display:block;
	}
	header nav{
		
		/*display:none;*/
		position:absolute;
		width:100%;
		height:calc(100vh - 50px);
		background:#1c1c1c;
		top:85px;
		left:-100%;
		transition:0.5s;
		
	}
	header nav.active{
		left:0;
	}
	header nav ul{
		
		display:block;
		text-align:center;
	}
	header nav ul li:hover{
	color:#fff;
	
	}
   header nav ul li{
		padding:20px;
		border-bottom:1px solid white;
	}
}
	
}



/* header */




/* information */



a:hover{
	
	text-decoration:none;
}

.container { position:relative; }
.container video {
   
    z-index:0;
}

section {
    padding-top: 2em;
    padding-bottom: 2em;
}
section h1 {
  margin-bottom: 1em;
}

#homeVideo button.btn.btn-default {
   background: white;
    border-radius: 50%;
    position: absolute;
    right: 2;
    z-index: 5;
    color: #123f56;
    font-size: 12px;
    font-weight: bolder;
    font-family: cursive;
    padding: 3px 7px;
}
.embed-responsive .embed-responsive-item, .embed-responsive video{
	
	padding: 20px 10px 30px 10px;
    background: #123f56;
}
/* information */



/* my Activity */


.checkboxcontainer input{
	display:none;
	
}
.checkboxcontainer{
	display:inline-block;
	
	position:relative;
	cursor:pointer;
}
.checkboxcontainer .checkmark{
	display:inline-block;
	width:25px;
	height:25px;
	background:#123f;
	position:absolute;
	border:1px solid white;
	/*box-shadow: 0px 2px 0px white;*/
	box-shadow:2px 2px 4px #000000;
}
.checkboxcontainer input:checked + .checkmark{
	background-color:red;
	border:1px solid white;
	
}
.checkboxcontainer input:checked + .checkmark:after{
	content:"";
	position:absolute;
	height:9px;
	width:16px;
	border-left:2px solid white;
	border-bottom:2px solid white;
	top:45%;
	left:50%;
	transform:translate(-50%,-50%) rotate(-45deg);
	
	
}



@media (max-width: 576px)
{
	 #row p{
	font-size:15px !important;
	}
	#row img{
	width:15px !important;
	height:15px !important;
	}
	
}
@media (max-width: 576px)
{
	 #col p{
	font-size:14px !important;
	}
	
}
@media (max-width:425px)
{
	 #col p{
	font-size:10px !important;
	}
	#col h4{
		font-size:15px !important;
		
	}
	
	
}

@media (max-width: 768px){
  #row .checkboxcontainer .checkmark{
	width:20px !important;
	height:20px !important;
	}
  .checkboxcontainer input:checked + .checkmark:after{
	  height:7px;
	  width:14px;
      }
}

/* my Activity */





#img-responsive{
	
	margin-top:10px;
}
@media (max-width:768px) and (min-width:426px){
	
	#breadcrumb{
		
		top:32% !important;
	}
}
@media (max-width:425px) {
	
	#breadcrumb{
		
		top:25% !important;
		font-size:16px !important;
	}
	.breadcrumb-nav ul li{
		
		transform: translate(-24%, 10%) !important;
		font-size:8px !important;
	}
}