@import
	url(https://fonts.googleapis.com/css?family=Signika:400,300,600,700);

@import url('https://fonts.googleapis.com/css?family=Roboto');

@import "../css/reset.css";

@import "../css/grid.css";

input {
	outline: none !important;
}

html {
	width: 100%;
}

a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
}

* {
	-webkit-text-size-adjust: none;
}

ul.a {
	list-style-type: circle;
	margin-left: 50px;
	margin-top: 20px;
	LINE-HEIGHT: 30px;
	font-size: 18px;
}

ul.a i {
	color: #e8b400;
}


[class*="col-"] {
    float: left;
    margin-right: auto; margin-left: auto;
}


@media screen and (max-width: 600px) {

	#headerblock {
		width: 100% !important;
		right: 0% !important;
	}
	
	.sf-menu>li>a {
	padding: 46px 0px 15px !important;
	border-right-style: solid;
    border-left-style: solid;
    border-width: 1px;
    border-color: #264f77;

	}

     	.longImageB {width:56% !important;}
     .longImage {width:66% !important;}

	img{
	margin-left: 0 !important;
	margin-right: 0 !important;
	
	}
	
	.projText{
	
		margin-left: 0 !important;
	margin-right: 0 !important;
	}

}


@media screen and (max-width: 800px) {
	#jacklink {
		visibility: hidden;
	}
	
	 .col-m-1 {width: 0%;}
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    
     .vert {height:0px}
     .pad {padding: 20px 20px 20px 40px;}
     .padMusic {padding: 20px 40px 50px 40px;}
     .smallImage {width:60%;}
     
     	.longImageB {width:56% !important;}
     .longImage {width:66% !important;}

	img{
	margin-left: 0 !important;
	margin-right: 0 !important;
	
	}
	
	.projText{
	
		margin-left: 0 !important;
	margin-right: 0 !important;
	}
}


@media only screen and (min-width:800px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 6%;}  /* Changed */
    .col-2i {width: 22%;}  /* Changed */
    .col-3 {width: 25%;}
    .col-4 {width: 44%;} /* Changed */
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    
    .vert {height:300px}
    
    .pad {padding: 0px 0px 0px 0px;}
    

     .padMusic {padding: 20px 40px 50px 40px; width: 60%}

    
}

@media only screen and (min-width:1250px) {
    /* For desktop: */
    .col-half {width: 4.16%;}
    .col-1 {width: 8.33%;}
    .col-2 {width: 10%;}  /* Changed */
    .col-2i {width: 20%;}  /* Changed */
    
    .col-3 {width: 25%;}
    .col-4 {width: 40%;} /* Changed */
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    
        .col-1m {width: 8.33%;}
        .col-5m {width: 41.66%;}
         .padMusic {padding: 0 0 0 0; width: 41.66%;}
    
    .vert {height:300px}
    
    .pad {padding: 0px 0px 0px 0px;}

    
}

@media only screen and (min-width:1600px) {
    /* For desktop: */
    .col-half {width: 4.16%;}
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-2i {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    
            .col-1m {width: 8.33%;}
        .col-5m {width: 41.66%;}
    
    .vert {height:300px}
    
    .pad {padding: 0px 0px 0px 0px;}
     .padMusic {padding: 0 0 0 0; width: 41.66%;}

    
}

@media screen and (max-height: 750px) {

	.slideSection1 {

	margin-top: 40px !important;
	}
		.slideSection2 {

	margin-top: 20px !important;
	}
		.slideSection4 {

	margin-top: -20px !important;
	}
		.slideSection5 {

	margin-top: -20px !important;
	}

}

@media screen and (max-height: 650px) {

	.slideSection1 {

	margin-top: 20px !important;
	}
		.slideSection2 {

	margin-top: -20px !important;
	}
		.slideSection4 {

	margin-top: -40px !important;
	}
		.slideSection5 {

	margin-top: -40px !important;
	}

}




@media screen and (min-resolution: 250dpi) and (orientation: portrait)  {
	
	 .col-m-1 {width: 0%;}
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    
	img{
	margin-left: 0 !important;
	margin-right: 0 !important;
	
	}
	
	.projText{
	
		margin-left: 0 !important;
	margin-right: 0 !important;
	}
    
     .vert {height:0px}
     .pad {padding: 20px 20px 20px 40px;}
      .padMusic {padding: 20px 40px 50px 40px;}
     
     .smallImage {width:60%;}
     
     	.longImageB {width:56% !important;}
     .longImage {width:66% !important;}
	
	#jacklink {
		visibility: hidden;
	}
	#headerblock {
		width: 100% !important;
		right: 0% !important;
	}
	
	.sf-menu>li>a {

	padding: 46px 0px 15px !important;
	font-size: 26px !important;
		   border-right-style: solid;
    border-left-style: solid;
    border-width: 1px;
    border-color: #264f77;
    
    
    

	}


/* h2 used Home tab text slide */
h2 {
	font-size: 58px !important;

}



/* h5 used for website names*/
h5 {
	font-size: 34px !important;
}


#list ul {

	font-size: 28px !important;

}
p {
	font-family: 'Roboto', sans-serif;
	color: #f9f9f9;
	font-size: 26px !important;
	
}

#projects a {

	font-size: 32px !important;

}

ul.a {

	font-size: 24px;
}



#first{
	width: 70% !important;
	
}

#second{
	
text-align: left !important;
}
     

}




.projText{
	border-radius: 5px;    
	 border: 2px solid #204264; 
	 padding: 20px 10px 20px 30px; 
	 margin: 0px 10% 0px 0px; 
	 background-color: #274b77;
	 width:85%;
	 margin-left: auto ;
margin-right: auto;

	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	-o-transition: background 1s;
	transition: background 1s;
}

img{
	display: block ;
margin-left: auto ;
margin-right: auto;
}


body {
	font: 19px Arial, Helvetica, sans-serif;
	color: #ecedef;

	background: #0c93bf;
	background: var(- -backcolor);
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	-o-transition: background 1s;
	transition: background 1s;
}

.slideSection1 {
	background-color: #096a8b;
	background-color: var(- -Scolor1);
		margin-top: 100px;
	
	animation: 1s ease-out 0s 1 slideInFromLeft;
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	-o-transition: background 1s;
	transition: background 1s;
}

.slideSection2 {
	background-color: #096a8b;
	background-color: var(- -Scolor2);
	color: #EEEEEE;
	width: 100%;
	height: 25%;
	margin-top: 100px;
	animation: 1s ease-out 0s 1 slideInFromLeft;
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	-o-transition: background 1s;
	transition: background 1s;
}

.slideSection3 {
	background-color: #24648f;
	background-color: var(- -Scolor3);
	color: #EEEEEE;
	width: 100%;
	height: 25%;
	
	margin-top: 85px;
	
	
	animation: 1s ease-out 0s 1 slideInFromLeft;
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	-o-transition: background 1s;
	transition: background 1s;
}

.slideSection4 {
	background-color: #096a8b;
	background-color: var(- -Scolor4);
	color: #EEEEEE;
	width: 100%;
	height: 25%;
	margin-top: 100px;
	animation: 1s ease-out 0s 1 slideInFromLeft;
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	-o-transition: background 1s;
	transition: background 1s;
}

.slideSection5 {
	background-color: #096a8b;
	background-color: var(- -Scolor5);
	color: #EEEEEE;
	width: 100%;
	height: 25%;
	margin-top: 80px;
	animation: 1s ease-out 0s 1 slideInFromLeft;
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	-o-transition: background 1s;
	transition: background 1s;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 22px;
	font-family: 'Signika', sans-serif;
	color: #f4f4f4;
}

/* h1 Not used */
h1 {
	
}

/* h2 used Home tab text slide */
h2 {
	font-size: 46px;
	padding-top: 120px;
	color: #f4f4f4;
	line-height: 80px;
	/* larger line height moves text closer to circles */
	text-align: center;
}

/* h3 used for /x link in header */
h3 {
	text-align: center;
	vertical-align: middle;
	line-height: 95px;
	color: #d7d7d7;
	font-style: italic;
}

/* h4 not used*/
h4 {
	font-family: 'Signika', sans-serif;
}

/* h5 used for website names*/
h5 {
	text-align: left;
	font-size: 24px;
}

/* h6 used for song names*/
h6 {
	font-family: 'Signika', sans-serif;
	color: #f1c316;
	font-weight: bold;
	font-size: 18px;
}

p {
	font-family: 'Roboto', sans-serif;
	color: #f9f9f9;
	font-size: 16px;
}

#list ul {
	list-style-type:disc; 
	font-family: 'Roboto', sans-serif 	
	color: #f9f9f9;	
	font-size: 18px;
	 line-height: 130%;
	 padding: 0px 10px 0px 0px;
}

/******* Links ********/
#projects a {
	text-decoration: none;
	color: #fff;
	outline: none;
	font-family: 'Signika', sans-serif;
	font-size: 24px;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

#projects a:hover {
	color: #963C2B;
}

#projects a.active {
	color: #f1c316;
	font-size: 26px;
	font-weight: 500;
}

a {
	text-decoration: none;
	color: inherit;
	outline: none;
	
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a:hover {
	color: #4a97f4;
}

/******* Header block ********/
header {
	display: block;
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	padding-bottom: 85px;
	top: 0;
	background-color: #152b41;
	transition: 0.2s ease;
	-o-transition: 0.1s ease;
	-webkit-transition: 0.2s ease;
}

#headerblock {
	width: 410px;
	height: 50px;
	position: absolute;
	right: 10%;
}

header.page1 .men .hover { /** Insures Initial Selection **/
	top: 0;
}

.menu_block {
	z-index: 999;
	float: right;
}

nav {
	position: relative;
	padding: 0px 0 0 0;
}

.sf-menu ul {
	position: absolute;
	top: -999px;
	display: none;
}

.sf-menu li {
	width: 20%;
	float: left;
	position: relative;
}

.sf-menu>li {
	width: 20%;
	float: left;
	position: relative;
}

.sf-menu>li>a {
	 text-align: center;
	font-size: 18px;
	font-family: 'Signika', sans-serif;
	color: #fff;
	position: relative;
	line-height: 24px;
	width: 100%;
	padding: 38px 0px 6px;
	display: block;
	z-index: 999;
	position: relative;
}

.sf-menu>li .hover {
	position: absolute;
	left: 0;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	display: block;
	z-index: 0;
	right: 0;
	height: 100%;
	top: -100%;
	background-color: #4e7297;
}

.sf-menu>li.sfHover .hover, .sf-menu>li:hover .hover {
	top: 0;
}

/******* Main content of pages ********/
.content {
	padding-top: 125px;
	text-align: center;
	position: relative;
}

/******* Footer ********/
footer {
	display: block;
	position: fixed;
	bottom: 0px;
	left: 50px;
}

footer a:hover {
	color: #f17c72;
}

.copyInfo {
	color: #e0e8ec;
	padding-top: 30px;
	padding-bottom: 25px;
	font-size: 14px;
	line-height: 24px;
}

/******* Music Player ********/
.audio.green-audio-player {
	width: 400px;
	min-width: 300px;
	height: 56px;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 24px;
	padding-right: 24px;
	border-radius: 4px;
	user-select: none;
	-webkit-user-select: none;
	background-color: #33485e;
}

.audio.green-audio-player .play-pause-btn {
	display: none;
	cursor: pointer;
}

.audio.green-audio-player .spinner {
	width: 18px;
	height: 18px;
	background-image:
		url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);
	background-size: cover;
	background-repeat: no-repeat;
	animation: spin 0.4s linear infinite;
}

.audio.green-audio-player .slider {
	flex-grow: 1;
	background-color: #D8D8D8;
	cursor: pointer;
	position: relative;
}

.audio.green-audio-player .slider .progress {
	background-color: #d5b853;
	border-radius: inherit;
	position: absolute;
	pointer-events: none;
}

.audio.green-audio-player .slider .progress .pin {
	height: 16px;
	width: 16px;
	border-radius: 8px;
	background-color: #bdb38c;
	position: absolute;
	pointer-events: all;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32);
}

.audio.green-audio-player .controls {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #bcc2cb;
	display: flex;
	flex-grow: 1;
	justify-content: space-between;
	align-items: center;
	margin-left: 24px;
	margin-right: 24px;
}

.audio.green-audio-player .controls .slider {
	margin-left: 16px;
	margin-right: 16px;
	border-radius: 2px;
	height: 4px;
}

.audio.green-audio-player .controls .slider .progress {
	width: 0;
	height: 100%;
}

.audio.green-audio-player .controls .slider .progress .pin {
	right: -8px;
	top: -6px;
}

.audio.green-audio-player .controls span {
	cursor: default;
}

.audio.green-audio-player .volume {
	position: relative;
}

.audio.green-audio-player .volume .volume-btn {
	cursor: pointer;
}

.audio.green-audio-player .volume .volume-btn.open path {
	fill: #d5b853;
}

.audio.green-audio-player .volume .volume-controls {
	width: 30px;
	height: 135px;
	background-color: rgba(0, 0, 0, 0.62);
	border-radius: 7px;
	position: absolute;
	left: -3px;
	bottom: 52px;
	flex-direction: column;
	align-items: center;
	display: flex;
}

.audio.green-audio-player .volume .volume-controls.hidden {
	display: none;
}

.audio.green-audio-player .volume .volume-controls .slider {
	margin-top: 12px;
	margin-bottom: 12px;
	width: 6px;
	border-radius: 3px;
}

.audio.green-audio-player .volume .volume-controls .slider .progress {
	bottom: 0;
	height: 100%;
	width: 6px;
}

.audio.green-audio-player .volume .volume-controls .slider .progress .pin
	{
	left: -5px;
	top: -8px;
}

@
keyframes spin {from { transform:rotateZ(0);
	
}

to {
	transform: rotateZ(1turn);
}

}

/******* Music Player 2 ********/
.audio.green-audio-player2 {
	width: 400px;
	min-width: 300px;
	height: 56px;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 24px;
	padding-right: 24px;
	border-radius: 4px;
	user-select: none;
	-webkit-user-select: none;
	background-color: #33485e;
}

.audio.green-audio-player2 .play-pause-btn2 {
	display: none;
	cursor: pointer;
}

.audio.green-audio-player2 .spinner {
	width: 18px;
	height: 18px;
	background-image:
		url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);
	background-size: cover;
	background-repeat: no-repeat;
	animation: spin 0.4s linear infinite;
}

.audio.green-audio-player2 .slider2 {
	flex-grow: 1;
	background-color: #D8D8D8;
	cursor: pointer;
	position: relative;
}

.audio.green-audio-player2 .slider2 .progress2 {
	background-color: #d5b853;
	border-radius: inherit;
	position: absolute;
	pointer-events: none;
}

.audio.green-audio-player2 .slider2 .progress2 .pin {
	height: 16px;
	width: 16px;
	border-radius: 8px;
	background-color: #bdb38c;
	position: absolute;
	pointer-events: all;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32);
}

.audio.green-audio-player2 .controls {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #bcc2cb;
	display: flex;
	flex-grow: 1;
	justify-content: space-between;
	align-items: center;
	margin-left: 24px;
	margin-right: 24px;
}

.audio.green-audio-player2 .controls .slider2 {
	margin-left: 16px;
	margin-right: 16px;
	border-radius: 2px;
	height: 4px;
}

.audio.green-audio-player2 .controls .slider2 .progress2 {
	width: 0;
	height: 100%;
}

.audio.green-audio-player2 .controls .slider2 .progress2 .pin {
	right: -8px;
	top: -6px;
}

.audio.green-audio-player2 .controls span {
	cursor: default;
}

.audio.green-audio-player2 .volume {
	position: relative;
}

.audio.green-audio-player2 .volume .volume-btn2 {
	cursor: pointer;
}

.audio.green-audio-player2 .volume .volume-btn2.open path {
	fill: #d5b853;
}

.audio.green-audio-player2 .volume .volume-controls2 {
	width: 30px;
	height: 135px;
	background-color: rgba(0, 0, 0, 0.62);
	border-radius: 7px;
	position: absolute;
	left: -3px;
	bottom: 52px;
	flex-direction: column;
	align-items: center;
	display: flex;
}

.audio.green-audio-player2 .volume .volume-controls2.hidden {
	display: none;
}

.audio.green-audio-player2 .volume .volume-controls2 .slider2 {
	margin-top: 12px;
	margin-bottom: 12px;
	width: 6px;
	border-radius: 3px;
}

.audio.green-audio-player2 .volume .volume-controls2 .slider2 .progress2
	{
	bottom: 0;
	height: 100%;
	width: 6px;
}

.audio.green-audio-player2 .volume .volume-controls2 .slider2 .progress2 .pin
	{
	left: -5px;
	top: -8px;
}

/******* Music Player 3 ********/
.audio.green-audio-player3 {
	width: 400px;
	min-width: 300px;
	height: 56px;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 24px;
	padding-right: 24px;
	border-radius: 4px;
	user-select: none;
	-webkit-user-select: none;
	background-color: #33485e;
}

.audio.green-audio-player3 .play-pause-btn3 {
	display: none;
	cursor: pointer;
}

.audio.green-audio-player3 .spinner {
	width: 18px;
	height: 18px;
	background-image:
		url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);
	background-size: cover;
	background-repeat: no-repeat;
	animation: spin 0.4s linear infinite;
}

.audio.green-audio-player3 .slider3 {
	flex-grow: 1;
	background-color: #D8D8D8;
	cursor: pointer;
	position: relative;
}

.audio.green-audio-player3 .slider3 .progress3 {
	background-color: #d5b853;
	border-radius: inherit;
	position: absolute;
	pointer-events: none;
}

.audio.green-audio-player3 .slider3 .progress3 .pin {
	height: 16px;
	width: 16px;
	border-radius: 8px;
	background-color: #bdb38c;
	position: absolute;
	pointer-events: all;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32);
}

.audio.green-audio-player3 .controls {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #bcc2cb;
	display: flex;
	flex-grow: 1;
	justify-content: space-between;
	align-items: center;
	margin-left: 24px;
	margin-right: 24px;
}

.audio.green-audio-player3 .controls .slider3 {
	margin-left: 16px;
	margin-right: 16px;
	border-radius: 2px;
	height: 4px;
}

.audio.green-audio-player3 .controls .slider3 .progress3 {
	width: 0;
	height: 100%;
}

.audio.green-audio-player3 .controls .slider3 .progress3 .pin {
	right: -8px;
	top: -6px;
}

.audio.green-audio-player3 .controls span {
	cursor: default;
}

.audio.green-audio-player3 .volume {
	position: relative;
}

.audio.green-audio-player3 .volume .volume-btn3 {
	cursor: pointer;
}

.audio.green-audio-player3 .volume .volume-btn3.open path {
	fill: #d5b853;
}

.audio.green-audio-player3 .volume .volume-controls3 {
	width: 30px;
	height: 135px;
	background-color: rgba(0, 0, 0, 0.62);
	border-radius: 7px;
	position: absolute;
	left: -3px;
	bottom: 52px;
	flex-direction: column;
	align-items: center;
	display: flex;
}

.audio.green-audio-player3 .volume .volume-controls3.hidden {
	display: none;
}

.audio.green-audio-player3 .volume .volume-controls3 .slider3 {
	margin-top: 12px;
	margin-bottom: 12px;
	width: 6px;
	border-radius: 3px;
}

.audio.green-audio-player3 .volume .volume-controls3 .slider3 .progress3
	{
	bottom: 0;
	height: 100%;
	width: 6px;
}

.audio.green-audio-player3 .volume .volume-controls3 .slider3 .progress3 .pin
	{
	left: -5px;
	top: -8px;
}

#name {
	width: 30%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #d1d1d1;
	box-sizing: border-box;
}

#data {
	width: 100%;
	height: 200px;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #d1d1d1;
}

input[type=submit] {
	width: 30%;
	background-color: #957300;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

input[type=submit]:hover {
	background-color: #45a049;
}

/* jssor slider loading skin spin css */
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@
keyframes jssorl-009-spin {from { transform:rotate(0deg);
	
}

to {
	transform: rotate(360deg);
}

}
.jssora106 {
	display: block;
	position: absolute;
	cursor: pointer;
}

.jssora106 .c {
	fill: #fff;
	opacity: .3;
}

.jssora106 .a {
	fill: none;
	stroke: #000;
	stroke-width: 350;
	stroke-miterlimit: 10;
}

.jssora106:hover .c {
	opacity: .5;
}

.jssora106:hover .a {
	opacity: .8;
}

.jssora106.jssora106dn .c {
	opacity: .2;
}

.jssora106.jssora106dn .a {
	opacity: 1;
}

.jssora106.jssora106ds {
	opacity: .3;
	pointer-events: none;
}

.jssort101 .p {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	background: #000;
}

.jssort101 .p .cv {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #000;
	box-sizing: border-box;
	z-index: 1;
}

.jssort101 .a {
	fill: none;
	stroke: #fff;
	stroke-width: 400;
	stroke-miterlimit: 10;
	visibility: hidden;
}

.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {
	border: none;
	border-color: transparent;
}

.jssort101 .p:hover {
	padding: 2px;
}

.jssort101 .p:hover .cv {
	background-color: rgba(0, 0, 0, 6);
	opacity: .35;
}

.jssort101 .p:hover.pdn {
	padding: 0;
}

.jssort101 .p:hover.pdn .cv {
	border: 2px solid #fff;
	background: none;
	opacity: .35;
}

.jssort101 .pav .cv {
	border-color: #fff;
	opacity: .35;
}

.jssort101 .pav .a, .jssort101 .p:hover .a {
	visibility: visible;
}

.jssort101 .t {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	opacity: .6;
}

.jssort101 .pav .t, .jssort101 .p:hover .t {
	opacity: 1;
}