/*----------html----------*/

html, body {

    height: 100%;    

    background: url("#") no-repeat center fixed; 

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

    font-family: 'sans-serif', sans-serif;

}

    body {

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

    font-size: 1.7rem;

}

body{
	top: 0 !important;
}
body > .skiptranslate{
	/*display: none !important;*/
}
.goog-te-banner-frame{
	display: none !important;
}
#google_translate_element{
	/*margin-top: 15px;*/
	padding: 10px 15px;
	line-height: 30px;
}
.navbar-nav > li > p{
	padding: 10px 15px;
	margin: 0;
	line-height: 30px;
}
#qrcode img{
	margin: auto;
}





.col-md-offset-3 {

    /*margin-left: 17%;*/

}



.col-md-6 {

    /*width: 66%;*/

}



.col-md-9 {

    /*width: 100%;*/

}



.col-md-3 {

    /*width: 100%;*/

    /*text-align: center;*/

}



.container-fluid {

    /*padding-right: 0px;*/

    /*padding-left: 0px;*/

    /*margin-right: auto;*/

    /*margin-left: auto;*/

}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
}

.col-md-3 {
    padding-right: 3px;
padding-left: 5px;
}

.col-md-9 {
    padding-right: 1px;
}

/*--------navbar--------*/

.navbar-brand, .navbar-nav > li > a, .navbar-nav > li > p {

	color : #fff !important;

}



.navbar-brand:hover {

	color: #E65100 !important;

}



.nav > li > a:hover, .nav > li > a:focus {

    text-decoration: none;

    background-color: #fff !important;

    color: black !important;

}



.navbar-toggle { 

	/*border: none;*/

}



.icon-bar {

	/*background-color: white;*/

}



/*-----------heading------------*/

.navbar {

    border-radius: 0px;

    background-color: #343a40 !important;
    border: 0;

}





 .navbar-nav > li > a {

         color: #2abed6 !important;

 }





.navbar-brand:hover {

    color: #2abed3 !important;

}



.header {

	margin-top: 30px;

	margin-bottom: 0px;

}



.header h1 {	

	font-size: 45px;

	font-weight: bold;

	color: #2e2e2e;

	margin-bottom: 0px;

}



.header h2 {	

	

	font-size: 25px;

	color: #2e2e2e;

	font-family: sans-serif;

font-weight: 800;

}



h3 {

    font-weight: 700;

}



/*-----------card--------------*/

.card {

    background: #2abed3;

	min-height: 0px;

	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);

	position: relative;

	margin-bottom: 30px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	-ms-border-radius: 2px;

	border-radius: 2px;

}



.card .body {

    font-size: 14px;

    color: #555;

    padding: 30px;

}



.card:hover{

	box-shadow: 0.5em 0.5em 1.2em rgba(0, 0, 0, 0.2);

}



/*-----------button color-----------*/

.btn-color {

	background-color: #2e2e2e;

	color: white;

	padding: 7px;

	border-bottom-right-radius: 4px;

	border-top-left-radius: 4px;

	border-color : #3b5998;

}



.btn-color:hover, .btn-color:focus {	

	background-color: #1c1c1c;

	border-color : #8b9dc3;

	color: #fff;

}



.btn-block {

    display: block;

/*width: 30%;*/

/*margin-top: 7px;*/

text-align: center;

padding: 10px;

}





/*-----------advertisment--------------*/

.advertisement {

	height:0px;

	width: 100%;

	display: inline-block;

}



.advertisement p{

	position: relative;

	float: left;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



/*-----------video download link result-----------*/

.result{

	display: none;

}



.result video {

	width: 100%;

}



#source, #title {

	word-break: break-all;

	line-height: 1.5;

}



/*---------snackbar-----------*/

#snackbar-success {

    visibility: hidden;

    min-width: 250px;

    margin-left: -125px;

    background-color: #4CAF50;

    color: #fff;

    text-align: center;

    border-radius: 2px;

    padding: 16px;

    position: fixed;

    z-index: 1;

    left: 50%;

    bottom: 30px;

    font-size: 17px;

}



#snackbar-success.show {

    visibility: visible;

    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;

    animation: fadein 0.5s, fadeout 0.5s 2.5s;

}



#snackbar-error {

    visibility: hidden;

    min-width: 250px;

    margin-left: -125px;

    background-color: #F44336;

    color: #fff;

    text-align: center;

    border-radius: 2px;

    padding: 16px;

    position: fixed;

    z-index: 1;

    left: 40%;

    bottom: 30px;

    font-size: 17px;

}



#snackbar-error.show {

    visibility: visible;

    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;

    animation: fadein 0.5s, fadeout 0.5s 2.5s;

}



/*------------footer-----------*/

.footer {    

    left: 0;

    bottom: 0;

    width: 100%;

    background-color: #343a40;

    color: #fff;

    text-align: center;  

    padding-top: 5px;

padding-bottom: 0px;

}



/*--------keyframes---------*/

@-webkit-keyframes fadein {

    from {bottom: 0; opacity: 0;} 

    to {bottom: 30px; opacity: 1;}

}



@keyframes fadein {

    from {bottom: 0; opacity: 0;}

    to {bottom: 30px; opacity: 1;}

}



@-webkit-keyframes fadeout {

    from {bottom: 30px; opacity: 1;} 

    to {bottom: 0; opacity: 0;}

}



@keyframes fadeout {

    from {bottom: 30px; opacity: 1;}

    to {bottom: 0; opacity: 0;}

}





/*---------media quries----------*/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

	

	#videodownload {

		margin-top: 10px;

	}



	#snackbar-success {		

		font-size: 12px;

	}



	#snackbar-error {

		left: 39%;		

		font-size: 12px;

	}

}



@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {

	

	#snackbar-success {		

		font-size: 12px;

	}



	#snackbar-error {

		left: 34%;		

		font-size: 12px;

	}

}



@media only screen and (min-device-width: 600px) and (max-device-width: 960px) {

	

	#videodownload {

		margin-top: 10px;

	}



	

}





@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

  	

  	#snackbar-success {

		left:48%;

	}



	#snackbar-error {

		left:37%;

	}

}