body {margin:0.3;
	font-family: 'PlutoRegular';}
@font-face {font-family: 'PlutoRegular';src: url('../font/PlutoRegular.otf');}
.banner-img-sec{width: 100%; float: left; background-image: url('../images/Bandeau_U3.jpg'); height: 95px; background-size: cover;}
#dragdrop{ z-index:2;}
.bodypart h3{
	font-weight: bold;
}


span.screen_num {
    width: 35px;
    height: 35px;
    display: inline-block;
    padding: 7px;
    /* border: 1px solid; */
    border-radius: 50%;
    background-color: #56b8f1;
    color: #fff;
}
span.screen_bullets {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #56b8f1;
}

span.screen_bullets.active {
    border: 0px solid #56b8f1; 
    background-color: #56b8f1;
}

.ins {font-family:PlutoRegular;font-size:100%;margin-top:-5px;margin-left:10px;}
.num {color:#0079C0;font-size:120%;}
.sound {cursor:pointer;}
.s_num {
	text-align:center;
	color:#000000;
	font-weight:bold;
	letter-spacing:1px;
}

.img1 {border:2px solid #EA9800;background-color:#FFFFFF;width:485px;border-radius: 20px;padding: 0px 15px 0px 15px;text-align:left;margin-top: 5px;}
.img2 {border:2px solid #EA9800;background-color:#FFFFFF;width:200px;border-radius: 20px;padding: 5px 15px 5px 15px;}

.gallery {text-align:center;}
.gallery a {/* width:222px;height: 152px; */display: inline-block;margin:21px;padding: 5px 10px 5px 10px;overflow:hidden;vertical-align:middle;-moz-box-shadow: 2px 2px 2px purple;-webkit-box-shadow: 2px 2px 2px purple;-o-box-shadow: 2px 2px 2px purple;box-shadow: 2px 2px 8px purple;background-color:#FFFFFF;}
.gallery a:nth-child(1) img {padding-top: 10px;overflow:hidden;}
.gallery a:nth-child(2) img {padding-top: 10px;overflow:hidden;}
.gallery a:nth-child(3) img {padding-top: 10px;overflow:hidden;}

.gallery a:hover {cursor: pointer;-moz-box-shadow: 2px 2px 8px #444;-webkit-box-shadow: 2px 2px 8px #444;-o-box-shadow: 2px 2px 8px #444;box-shadow: 4px 4px 8px #444;}

.album1 span span {/* width:200px;height: 135px; */display: inline-block;margin:2px;padding: 5px 10px 5px 10px;overflow:hidden;vertical-align:middle;-moz-box-shadow: 2px 2px 2px blue;-webkit-box-shadow: 2px 2px 2px blue;-o-box-shadow: 2px 2px 2px blue;box-shadow: 2px 2px 8px blue;background-color:#FFFFFF;}
#drop1_1 {margin: 1px;padding: 5px;width: 225px;height: 150px;text-align:center;font-size:150%;line-height:.5em;background-color:#FAF7EA;left:260px;border-radius: 10px;margin-top: 7px;margin-bottom: 13px;}
#drop1_2 {margin: 1px;padding: 5px;width: 225px;height: 150px;text-align:center;font-size:150%;line-height:.5em;background-color:#FAF7EA;left:260px;border-radius: 10px;margin-top: 7px;margin-bottom: 13px; }
#drop1_3 {margin: 1px;padding: 5px;width: 225px;height: 150px;text-align:center;font-size:150%;line-height:.5em;background-color:#FAF7EA;left:260px;border-radius: 10px;margin-top: 7px;margin-bottom: 13px;}
#drop1_4 {margin: 1px;padding: 5px;width: 225px;height: 150px;text-align:center;font-size:150%;line-height:.5em;background-color:#FAF7EA;left:260px;border-radius: 10px;margin-top: 7px;margin-bottom: 13px;}
#drop1_5 {margin: 1px;padding: 5px;width: 225px;height: 150px;text-align:center;font-size:150%;line-height:.5em;background-color:#FAF7EA;left:260px;border-radius: 10px;margin-top: 7px;margin-bottom: 13px;}
#drop1_6 {margin: 1px;padding: 5px;width: 225px;height: 150px;text-align:center;font-size:150%;line-height:.5em;background-color:#FAF7EA;left:260px;border-radius: 10px;margin-top: 7px;margin-bottom: 13px;}
#drop1_1a {margin: 1px;padding: 5px;width: 225px;height: 150px;text-align:center;font-size:150%;line-height:.5em;background-color:#FAF7EA;left:260px;border-radius: 10px;margin-top: 7px;margin-bottom: 13px;}
#drop1_2a {margin: 1px;padding: 5px;width: 225px;height: 150px;text-align:center;font-size:150%;line-height:.5em;background-color:#FAF7EA;left:260px;border-radius: 10px;margin-top: 7px;margin-bottom: 13px;}
#drop1_3a {margin: 1px;padding: 5px;width: 225px;height: 150px;text-align:center;font-size:150%;line-height:.5em;background-color:#FAF7EA;left:260px;border-radius: 10px;margin-top: 7px;margin-bottom: 13px;}
#drop1_4a {margin: 1px;padding: 5px;width: 225px;height: 150px;text-align:center;font-size:150%;line-height:.5em;background-color:#FAF7EA;left:260px;border-radius: 10px;margin-top: 7px;margin-bottom: 13px;}
#drop1_5a {margin: 1px;padding: 5px;width: 225px;height: 150px;text-align:center;font-size:150%;line-height:.5em;background-color:#FAF7EA;left:260px;border-radius: 10px;margin-top: 7px;margin-bottom: 13px;}
#drop1_6a {margin: 1px;padding: 5px;width: 225px;height: 150px;text-align:center;font-size:150%;line-height:.5em;background-color:#FAF7EA;left:260px;border-radius: 10px;margin-top: 7px;margin-bottom: 13px;}
.txtcenter
{
	text-align:center;
	text-align: -webkit-center;
	text-align: -moz-center;
	text-align: -o-center;
}
input#btnclr1 {
	cursor:pointer;
	padding:5px;
	background:#FFFFFF;
	border:3px solid #EA9800;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
	box-shadow: 0 0 4px rgba(0,0,0, .75);
	color:#000000;
	font-size:1.1em;
	width: 250px;
	font-family: 'PlutoRegular';
	background-image:url('../images/rarrow.png');
	background-repeat: no-repeat;
	background-position: center;
    max-width: 100%;
}
input#btn2 {
	cursor:pointer;
	padding:5px 5px 5px 5px;
	background:#FFFFFF;
	border:3px solid #EA9800;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
	box-shadow: 0 0 4px rgba(0,0,0, .75);
	color:#000000;
	font-size:1.1em;
	width: 250px;
	font-family: 'PlutoRegular';
	background-repeat: no-repeat;
	background-position: left;
	    max-width: 100%;
}
input#btn3 {
	cursor:pointer;
	padding:5px 5px 5px 5px;
	background:#FFFFFF;
	border:3px solid #EA9800;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
	box-shadow: 0 0 4px rgba(0,0,0, .75);
	color:#000000;
	font-size:1.1em;
	width: 250px;
	font-family: 'PlutoRegular';
	background-repeat: no-repeat;
	background-position: left;
	    max-width: 100%;
}

input#btn1 {
	cursor:pointer;
	padding:5px 5px 5px 5px;
	background:#FFFFFF;
	border:3px solid #EA9800;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
	box-shadow: 0 0 4px rgba(0,0,0, .75);
	color:#000000;
	font-size:1.1em;
	    width: 250px;
	left:34px;
	font-family: 'PlutoRegular';
	background-repeat: no-repeat;
	background-position: left;
	    max-width: 100%;
}
#quebox, #ansbox { float: right; }
@media (min-width: 1200px)
{
.banner-img-sec{background-size: 100% 100%;}
}


@media (max-width: 991px)
{

.screen .col-md-3{width:25%; float:left; padding:0 10px;}
input#btnclr1, input#btn2, input#btn3, input#btn1{
	font-size: 12px;
}
}

@media (max-width: 768px)
{
input#btnclr1, input#btn2, input#btn3, input#btn1{    
background-size: 30px;
    font-size: 12px;
    padding-left: 31px;}
}
@media (min-width: 768px)
{
input#btn1, input#btn3{    
background-size: 30px;
    padding-left: 27px;
}
}


@media (max-width: 767px)
{
.screen .col-sm-4{width:33.33%; float:left;}
 .screen .col-md-3, .btn-class.col-sm-3{width:25%; float:left; padding:0 10px;}
input#btnclr1, input#btn2, input#btn3, input#btn1{font-size:11px;}
}

@media (max-width: 695px)
{
.screen .col-sm-4{width:100%; float:left;}
 .screen .col-md-3, .btn-class.col-sm-3{width:50%; padding:0 15px;}
input#btnclr1, input#btn2, input#btn3, input#btn1{font-size:12px;}
input[type=button]{margin:10px 0;}
}

@media (max-width: 480px)
{
 .screen .col-md-3, .btn-class.col-sm-3{width:100%; padding:0 15px;}	
 #quebox, #ansbox {
    float: none;
}
.img1 {

    width: 100%;
	    display: block;

}
}

@media (max-width: 534px)
{
.banner-img-sec{background-size: 303%;}
}

/* @media (min-width: 768px)
{
input#btnclr1, input#btn2, input#btn3{background-image:none}
} */
@media (min-width: 480px)
{
.centr
{
 align-items: center;
  display: flex;
  justify-content: center;
}
}
@media (max-width: 480px)
{	
 .banner-img-sec {
    background-size: 303%;
}
}