@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Droid+Sans|Open+Sans|Raleway);
@import url('https://fonts.googleapis.com/css2?family=Della+Respira&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=Roboto:wght@500&family=Whisper&display=swap');


/*

https://www.css3.info/preview/box-shadow/

Josefin Sans
Ubunto
Open Sans
Lato
Arimo
Poppins
Muli
Anton
Oxygen
Roboto
Quicksand
<link href="https://fonts.googleapis.com/css?family=Anton|Arimo|Josefin+Sans|Lato|Muli|Oswald|Oxygen|Poppins|Quicksand|Raleway|Roboto" rel="stylesheet">
font-family: 'Arimo', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Muli', sans-serif;
font-family: 'Anton', sans-serif;
font-family: 'Oxygen', sans-serif;
font-family: 'Quicksand', sans-serif;

*/

body 
{
font-family: 'Raleway', sans-serif;

margin:0;
padding:0;


/*
background-image: url(style/bg_star.jpg);
background-repeat:no-repeat;
background-position: center center;
background-attachment: fixed;

background-image: url('style/cd_2016.png');
background-position: center top;
background-attachment: fixed;

*/

background: #1f4037;
background: -webkit-linear-gradient(to right, #1f4037, #99f2c8); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #1f4037, #99f2c8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


background: #800080;  
background: -webkit-linear-gradient(to right, #ffc0cb, #800080);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ffc0cb, #800080); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */




background: #8e9eab;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #eef2f3, #8e9eab);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #eef2f3, #8e9eab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


background: #ffffff;


-webkit-animation-delay:0.1s;
-webkit-animation-name:fontfix;
-webkit-animation-duration:0.1s;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function:linear;
}

@-webkit-keyframes fontfix 
{
from { opacity: 1; }
to   { opacity: 1; }
}




* 
{
box-sizing: border-box;
}

.innercont
{
margin:auto;
max-width:1200px;
}







img
{
border:none;
}

.banner
{
width:100%;
}

a 
{
color:white;
text-decoration:none;
}


#header
{
z-index:1;
position:fixed;
top:0px;
height:200px;
width:100%;



color: #000;
border-bottom:0px solid grey;

-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;

background:white;
}

@media screen and (max-width:800px)
{
#header
{
height:80px;
}
}


#logo 
{

text-align:center;

height:120px;
vertical-align:top;

transform: scale(1.0);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}

#cartdiv
{
display:inline-block;
text-align:right;
width:80px;
float:right;
}

#carticon
{
height:40px;
vertical-align:top;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}

#loginicon
{
height:40px;
vertical-align:top;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}

#logouticon
{
height:40px;
vertical-align:top;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}

#menu
{
text-align:center;

vertical-align:top;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;	
}

#footer
{
background:#404040;
}


.col2
{
display:inline-block; 
width:45%; 
vertical-align:top;
}








input
{
padding:10px; 
font-size:22px; 
width:100%; 
box-sizing:border-box;
	
}

















.curved
{
background-color:black;
width:500px;
height:50px;
border-bottom-left-radius:50%;
border-bottom-right-radius:50%;
}


.grad
{
width:100%;
background-image:linear-gradient(#023159,#01609B);
}




.fit
{
max-width:100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}

/*.fit:hover  
{
opacity: 0.3;
}
*/



.dot 
{
height: 14px;
width: 14px;
border:1px solid grey;
border-radius: 50%;
display: inline-block;
}

.boxy
{
height:20px;
width:20px;
border:1px solid grey;
}

.onh
{
border:1px solid grey;
}

.onh:hover
{
opacity:1;
background:#404040;
}

















.sidenav 
{
height: 100%;
width: 0px;
position: fixed;
z-index: 2;
top: 0;
left: 0;
background-color:#404040;
overflow-x: hidden;
transition: 0.2s;
padding-top: 60px;
}

.sidenav a ,.dropdown-btn
{
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 16px;
color: #fff;
display: block;
transition: 0.3s;
}

.sidenav a:hover, .dropdown-btn:hover
{
color: #fff;
}

.sidenav .closebtn 
{
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container 
{
display: none;
background-color: #262626;
padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down 
{
float: right;
padding-right: 8px;
}


@media screen and (max-height: 450px) 
{
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}










.greenblueband
{
background:#43C6AC;  
background:-webkit-linear-gradient(to right, #191654, #43C6AC);  /* Chrome 10-25, Safari 5.1-6 */
background:linear-gradient(to right, #191654, #43C6AC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}












 
nav {
	margin: 0;

}
nav ul {
	padding: 0;
        margin: 0;
	list-style: none;
	position: relative;
	}	
nav ul li {
	display:inline-block;

	}
nav a {
	display:block;
	padding:0 10px;	
	color:#000;
	font-size:16px;
	line-height: 50px;
	text-decoration:none;
}
nav a:hover { 
	background-color: #333; 
		color:#fff;
}
nav ul ul {
	display: none;
	position: absolute; 
	top: 60px; 	
}	
nav ul li:hover > ul {
	display:inherit;
}	
nav ul ul li {
	width:230px;
	float:none;
	display:list-item;
	position: relative;
}
nav ul ul ul li {
	position: relative;
	top:-60px; 
	left:230px;
}
nav ul ul li {
	border: 1px solid white;
}	
li > a:after { content:  ' ▼'; }
li > a:only-child:after { content: ''; }











.profileimgdiv
{
display:inline-block;
height:200px; 
vertical-align:top;
margin:10px;
position:relative;

padding-bottom: 20px;
}

.profileimg
{
border:0px solid white;
object-fit:cover;
}

.profileimgblank
{

display:inline-block;
border:1px solid #808080;
height:200px;
width:250px;
margin:10px;
}











.blackbox
{
	display:inline-block;
	background:black;
	color:white;
	padding:8px;
	
	
}

.blackbox:hover
{
	background:pink;
	-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}


.fatbandtantop
{
	background:#E9C893;
	height:50px;
	width:100%;
    border-top-left-radius:50%;
    border-top-right-radius:50%;
}

.fatbandtan
{
	background:#E9C893;
	height:auto;
	width:100%;


}


.fatbandgreentop
{
	background:#6CB06C;
	height:50px;
	width:100%;
    border-top-left-radius:50%;
    border-top-right-radius:50%;	
}

.fatbandgreen
{
	background:#6CB06C;
	height:auto;
	width:100%;
}


.ofc
{
object-fit:cover;
height:100px;
width:100px;
}

.myimg
{
max-width:100%;
}



.fatbandpinktop
{
	background:pink;
	height:50px;
	width:100%;
    border-top-left-radius:50%;
    border-top-right-radius:50%;	
}
.fatbandpink
{
	background:pink;
	height:auto;
	width:100%;
}




.orange
{
	color:orange;
}

.yellow
{
	color:yellow;
}

h1 {
font-family: 'Raleway', sans-serif;
font-size: 32px;
color: #000000;
font-weight: bold;

padding: 0px;
margin: 0px;

display: inline;
}
h2 {
font-family: 'Raleway', sans-serif;
font-size: 16px;
color: #000000;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}
h3 {
font-family: 'Raleway', sans-serif;
font-size: 12px;
color: #000000;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}

.h1w
{
color:#ffffff;
}
.h2w
{
color:#ffffff;
}
.h3w
{
color:#ffffff;
}
.h1g
{
color:#606060;
}
.h2g
{
color:#606060;
}
.h3g
{
color:#606060;

}


.h1ds42
{
	font-family: 'Dancing Script', cursive;
	font-size:42px;
	font-weight: 200;
}

.h1ds28
{
	font-family: 'Dancing Script', cursive;
	font-size:28px;
	font-weight: 200;
}
.h1ds18
{
	font-family: 'Dancing Script', cursive;
	font-size:18px;
	font-weight: 200;
}
.h1os64
{
font-family: 'Open Sans', sans-serif;
font-size:64px;
font-weight:200;
}

.h1os48
{
font-family: 'Open Sans', sans-serif;
font-size:48px;
font-weight:200;
}