.cui-toolbar-button-right@charset "utf-8";

/* CSS Document */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video

 { margin: 0; padding: 0; border: 0; outline:none; font-size: 100%; vertical-align: baseline; }

*html{margin:0;padding:0px;}

html{padding:0px; margin:0px;}

*{padding:0px; margin:0px;}

body{margin:0;padding:0;font-size:12px;}

input[type~="submit"]{cursor:pointer;}

input[type="submit"]{cursor:pointer;}

.curser_pointer{cursor:pointer;}

.clear{clear:both;}



ul li{list-style:none;}

a{text-decoration:none; outline:none !important;}



h2{font-size:28px; font-family: Arial, Helvetica, sans-serif ;font-weight:normal;}

h3{font-size:22px; font-family: Arial, Helvetica, sans-serif ;font-weight:normal;}

h4{font-size:18px; font-family:Arial, Helvetica, sans-serif ;font-weight:normal;}

h5{font-size:16px; font-family: Arial, Helvetica, sans-serif ;font-weight:normal;}

h6{font-size:14px; font-family:Arial, Helvetica, sans-serif ;font-weight:normal;}

h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}

a img:hover{ cursor: url("../images/scishor.png"), auto;}





.main{margin:0px auto; width:1012px;background:#3e428c;}



.header_left_1{float:left;background:url(../images/header_left.png) no-repeat; width:185px;height:45px;}

.header_left_1 b{   color: #FFFFFF;

    display: block;

    font-size: 22px;

    padding: 8px 0 0 14px;

    text-shadow: 1px 1px 0 #333333;}



.article.relative{position:relative;}



.header_left_2{  background: url("../images/header_top_line2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    float: left;

    height: 45px;

    margin-left: -57px;

    width: 754px;}

	

	.header_left_2 b{ color: #000000;

    display: block;

    font-size: 22px;

	

    padding: 8px 0 0 48px;

    text-shadow: 1px 1px 0 #333333;

}

#my-div{ min-height: 98.5% ;

    left: 20px;

    position: absolute !important;

	}



.exit a{width:28px; height:27px; float:right;margin:10px 10px 0px 0px;display:block;}

.exit a:hover{width:28px; height:27px;margin:10px 10px 0px 0px;display:block;}

.section_mid{background:#ffffff;border:1px solid #914800;border-radius:4px;margin:1px 15px;padding:0 6px;min-height:570px;}



.section_left{float:left; width:3%;border:1px solid #d88125;background:#f9c681;border-radius:4px;}

.section_left .sec_home_left_pic{}

.section_left .sec_home_left_pic img{display:block; margin:0px auto;width:100%;}

.section_left .sec_home_left_pic h2{font-size:26px;color:#914800;font-weight:bold;text-align:center;}



.section_right{
     float: left;

    margin-left: 24%;

    width: 76%;}



.section_right .home_top{padding-bottom:80px;}



.section_right .home_top a{}

.section_right .home_top a b{display:block;text-align:center;font-family:Arial, Helvetica, sans-serif; color:#000;font-size:18px;padding:10px 0px;}

.section_right .home_top a img{margin:0px auto;display:block;border:2px solid #cc6600; border-radius:4px;}



.section_right .home_top a:hover b{color:#990000;}

.section_right .home_top a:hover img{border-color:#990000;}



.home_bot_left{width:50%; float:left;}



.home_bot_left{padding-bottom:20px;}

.home_bot_left a{display:block;}

.home_bot_left a b{display:block;text-align:center;font-family:Arial, Helvetica, sans-serif; color:#000;font-size:18px;padding:10px 0px;}

.home_bot_left a img{margin:0px auto;display:block;border:2px solid #cc6600; border-radius:4px;}





.home_bot_left a:hover b{color:#990000;}

.home_bot_left a:hover img{border-color:#990000;}



.foot_left{float:left;}




.foot_right{background:url(../images/footer_line.png) repeat; width:571px; height:58px;float:right;}



.foot_right .menu{ float: left;margin-left: 320px;margin-top: 9px;}

.foot_right .menu a{background:url(../images/menu.jpg) no-repeat;width:32px;height:39px;float:right;}



.foot_right .help{}

.foot_right .help a{background:url(../images/help.jpg) no-repeat;width:27px;height:41px;float:right;margin:10px 15px 0px 0px;}



.foot_right .help_intro{ float: left;

    margin-left: 70px;

    padding-top: 11px;}

.foot_right .help_intro a{background:url(../images/help.jpg) no-repeat;width:27px;height:41px;float:right;}



.foot_right .speker{}

.foot_right .help a{background:url(../images/help.jpg) no-repeat;width:27px;height:41px;float:right;margin:10px 15px 0px 0px;}





.foot_right .menu a:hover{background:url(../images/menu_hover.png) no-repeat;width:32px;height:39px}

.foot_right .help a:hover{background:url(../images/help.png) no-repeat;width:27px;height:41px;}

.foot_right .help_intro a:hover{background:url(../images/help.png) no-repeat;width:27px;height:41px;}





.home_top{}

.home_top a img{

	display: block;

    margin: 0px auto;

    border-color: #F3B272 #DEDEDE #DEDEDE #F3B272;

    border-width: 2px;

    border-style: solid; width:700px;

	height:558px;

	margin: -23px auto 0;}

	

.home_top.intro a img{

	display: block;

    margin: 0px auto;

    border-color: #F3B272 #DEDEDE #DEDEDE #F3B272;

    border-width: 2px;

    border-style: solid;

	height:250px;}







.audio{float:right;}



.audio img{width:40px; height:auto;padding: 10px 20px 0 0;cursor:pointer;}







/*================new css start  24 august  2015================*/

.Frog{height: inherit !important;

   /* position: inherit !important;*/

    width: 21% !important;

	float:left;}

.Frog li.h2{width:100% !important;	border:none !important;background:none !important;}



.Frog li.h2 h2{color: #914800;

    display: block;

    font-size: 22px;

    font-weight: bold;

    padding: 8px 0 0 14px;}

	

.frog_main .next-tab{ bottom: -60px !important;}

.frog_main .prev-tab {bottom: -60px !important;}	













	

.earth_worm .next-tab{ bottom: -62px !important;}

.earth_worm .prev-tab {bottom: -62px;}	





.pila .next-tab{ bottom: -100px !important;}

.pila .prev-tab {bottom: -100px; }	



.fish .next-tab{ bottom: -100px !important;}

.fish .prev-tab {bottom: -100px;}	









.pila_in p{background:none !important; height:inherit !important;}

.pila_in .entry a{float:left;color: #FF0000;

    float: left;

    font-size: 18px;

    padding-bottom: 10px;

	

	width:300px;}

.pila_in .entry a img{height: inherit !important;

  /*  width: 300px !important;*/

  

  float:left;width:100%;}

	

 .entry p {

    color: #484848;

    padding: 10px;

    text-align : justify;

}



.pila h5 a {

    color: #000000 !important;

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

    font-size: 26px !important;

    font-weight: normal;

    line-height: 25px !important;





}



#page-wrap  video{ background: none repeat scroll 0 0 #000000;

    height: 511px;

    margin-top: -19px;

    /*width: 736px;*/
	 width: 700px;
	 }

	

#page-wrap  iframe{ background: none repeat scroll 0 0 #000000;

    height: 511px;

    margin-top: -19px;

    width: 736px;}	

	

	

	

.home_top_data{padding:0px 40px;}

.home_top_data p{background:none !important;

height:inherit !important; width:inherit !important;}

.home_top_data b{display:block;padding:5px 0px; font-size:22px;}



.home_top_data strong{display: block;

    font-size: 18px;

    font-weight: bold;

    padding: 10px 0px; color:#C30;}





.home_top_data p b{font-size:16px;}



.container{max-width:10px;float:left}

.

*{margin:0;padding:0;}



*{margin:0;padding:0;}





  background:#567;

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

}



.button{

  width:100px;

 

  display:block;

  margin:0 auto;

  margin-top:1%;

  padding:10px;

  text-align:center;

  text-decoration:none;

  color:#fff;

  cursor:pointer;

  transition:background .3s;

  -webkit-transition:background .3s;

}



.button:hover{



}



#login{

  width:400px;

  margin:0 auto;

  margin-top:8px;

  margin-bottom:2%;

  transition:opacity 1s;

  -webkit-transition:opacity 1s;

}



#triangle{

  width:0;

  

  border-right:12px solid transparent;

 

  border-left:12px solid transparent;

  margin:0 auto;

}



#login h1{ background-color:#0099FF; text-align:center;

 border-top:1px solid#000000;

   border-bottom:1px solid#000000;

   border-left:1px solid#000000;

   border-right:1px solid#000000; 

  

    

  padding:20px 0;

  font-size:140%;

  

  

  color:#fff;

}



form{

  background:#f0f0f0;

  padding:17% 4%;

   border-top:1px solid#000000;

   border-bottom:1px solid#000000;

   border-left:1px solid#000000;

   border-right:1px solid#000000;

  

   

}



input[type="text"],input[type="password"]{

  width:92%;



  margin-bottom:17%;

  border:1px solid #ccc;

  padding:4%;

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

  font-size:95%;

  color:#555;

}



input[type="submit"]{

  width:100%;

  



  padding:4%;

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

  font-size:100%;

 

  cursor:pointer;

  transition:background .3s;

  -webkit-transition:background .3s;

}



input[type="submit"]:hover{



}



svg{display : none !important;}



.ytp-youtube-button{display: none !important;



}



 p {

    text-align : justify;

}

/*==============Rat part start=================*/

.rat h5 a {

    color: #000000 !important;

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

    font-size: 26px !important;

    font-weight: normal;

    line-height: 25px !important;





}

.rat .next-tab{bottom: -80px !important;}

.rat .prev-tab{bottom: -80px !important;}



/*Rat video Part Start==============*/





.rat_video .next-tab{bottom: -140px !important;}

.rat_video .prev-tab{bottom: -140px !important;}



/*======31 october css add===========*/

/*.fish_video{position:fixed !important;margin-left:16% !important;height:64% !important;width:46% !important;top:18%;}*/

.fish_video{ height: 64% !important;

    margin-left: 211px !important;

    position: fixed !important;

    top: 18%;

    width: 720px !important;}



.fish_title{  color: #000;

   padding: 0 0 0 10px;

    position: absolute;

    top: -40px;

    z-index: 999;}

.fish_video_outer .next-tab{bottom: -89px !important;}

.fish_video_outer .prev-tab{bottom: -89px !important;}	

 



.capitalize{

    text-transform: capitalize;

}

.Earth{ display:block;  width:100px; text-align:center; position:absolute; left:324px; top:70px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}



.close{ border:1px solid #ccc; padding:10px; font-size:14px; border-radius:50%; width:10px; height:10px; position:absolute; right:0px; top:-31px; text-align:center; line-height:10px; font-size:16px; color:#000000; background:#FFFFFF;}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.headg{ background:#99cc66}

.ui-tabs .ui-tabs-nav li.headg{ background:#99cc66}



#fragment-6 img{ position:relative; z-index:99}

.Earth4{ display:block;  width:100px; text-align:center; position:absolute; left:195px; top:60px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}



.Earth5{ display:block;  width:100px; text-align:center; position:absolute; left:502px; top:179px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}



.Earth6{ display:block;  width:100px; text-align:center; position:absolute; left:460px; top:105px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}



.Earth7{ display:block;  width:100px; text-align:center; position:absolute; left:99px; top:345px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}



.Earth8{ display:block;  width:100px; text-align:center; position:absolute; left:484px; top:346px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}









.Rat{ display:block;  width:-11px; text-align:center; position:absolute; left:65px; top:70px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Rat11{ display:block;  width:-11px; text-align:center; position:absolute; left:400px; top:450px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}



.Rat10{ display:block;  width:-11px; text-align:center; position:absolute; left:70px; top:450px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}



.Rat9{ display:block;  width:-11px; text-align:center; position:absolute; left:400px; top:390px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}



.Rat7{ display:block;  width:-11px; text-align:center; position:absolute; left:442px; top:267px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}



.Rat3{ display:block;  width:-11px; text-align:center; position:absolute; left:135px; top:480px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Rat4{ display:block;  width:-11px; text-align:center; position:absolute; left:70px; top:159px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Rat1{ display:block;  width:-11px; text-align:center; position:absolute; left:484px; top:346px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Rat12{ display:block;  width:-11px; text-align:center; position:absolute; left:229px; top:453px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Rat6{ display:block;  width:-11px; text-align:center; position:absolute; left:70px; top:268px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Rat2{ display:block;  width:-11px; text-align:center; position:absolute; left:68px; top:75px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Rat5{ display:block;  width:-11px; text-align:center; position:absolute; left:400px; top:160px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Rat8{ display:block;  width:-11px; text-align:center; position:absolute; left:70px; top:390px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}





.new2{ display:block; width:150px; text-align:center; position:absolute; right:150px; top:130px; font:bold 17px/24px Arial, Helvetica, sans-serif; color:#000000;}

.new{ display:block;  text-align:center; position:absolute; left:110px; top:97px; font:bold 17px/24px Arial, Helvetica, sans-serif; color:#000000;}



.new3{ display:block;  width:100px; text-align:center; position:absolute; left:176px; top:105px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.new4{ display:block;  width:150px; text-align:center; position:absolute; right:118px; top:97px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.new5{ display:block;  width:130px; text-align:center; position:absolute; left:135px; top:263px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.new6{ display:block;  width:150px; text-align:center; position:absolute; right:107px; top:217px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;} 





/** created by hariom end css**/

.ckr{ display:block;  width:100px; text-align:center; position:absolute; left:186px; top:473px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}



.ckr2{ display:block;  width:130px; text-align:center; position:absolute; left:567px; top:21px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.ckr3{ display:block;  width:100px; text-align:center; position:absolute; left:88px; top:311px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.ckr4{ display:block;  width:100px; text-align:center; position:absolute; left:105px; top:428px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.ckr5{ display:block;  width:150px; text-align:center; position:absolute; right:581px; top:253px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.ckr6{ display:block;  width:130px; text-align:center; position:absolute; left:332px; top:436px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}



.Fish{ display:block; text-align:center; position:absolute; left:71px; top:26px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}



.Fish1{ display:block; text-align:center; position:absolute; left:68px; top:73px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish2{ display:block; text-align:center; position:absolute; left:63px; top:124px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish3{ display:block; text-align:center; position:absolute; left:69px; top:333px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish4{ display:block; text-align:center; position:absolute; right:402px; top:398px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish5{ display:block; text-align:center; position:absolute; left:505px; top:27px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish6{ display:block; text-align:center; position:absolute; left:454px; top:73px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish7{ display:block;  text-align:center; position:absolute; left:466px; top:121px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish8{ display:block; text-align:center; position:absolute; left:380px; top:341px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish9{ display:block;  text-align:center; position:absolute; left:465px; top:402px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish10{ display:block;  text-align:center; position:absolute; left:320px; top:391px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;} 



.Fish11{ display:block; text-align:center; position:absolute; left:66px; top:27px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish12{ display:block; text-align:center; position:absolute; left:63px; top:68px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish13{ display:block; text-align:center; position:absolute; left:59px; top:113px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish14{ display:block; text-align:center; position:absolute; right:462px; top:158px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish15{ display:block; text-align:center; position:absolute; left:60px; top:305px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish16{ display:block; text-align:center; position:absolute; left:64px; top:342px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish17{ display:block;  text-align:center; position:absolute; left:64px; top:377px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish18{ display:block; text-align:center; position:absolute; left:65px; top:416px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish19{ display:block;  text-align:center; position:absolute; left:472px; top:25px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish20{ display:block;  text-align:center; position:absolute; left:486px; top:53px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}



.Fish21{ display:block; text-align:center; position:absolute; left:462px; top:109px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish22{ display:block;  text-align:center; position:absolute; left:446px; top:148px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish23{ display:block; text-align:center; position:absolute; left:412px; top:343px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish24{ display:block;  text-align:center; position:absolute; left:480px; top:364px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

.Fish25{ display:block;  text-align:center; position:absolute; left:475px; top:416px; font:bold 17px/20px Arial, Helvetica, sans-serif; color:#000000; z-index:100;}

/*login page css*/
.login_page label {
	color:#000;
}
.login_page{
	padding:10px 4%;
}
.login_page input[type="text"], input[type="password"]{
	margin: 8px 0 8px;
}
.login_page input[type="submit"]  {
	    margin: 25px 0 2px;
}
#fragment-quiz .panel-heading {
    background-image: -webkit-linear-gradient(top,#99CC66 0,#84AD5B 100%);
    background-image: -o-linear-gradient(top,#99CC66 0,#84AD5B 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#99CC66),to(#84AD5B));
    background-image: linear-gradient(to bottom,#99CC66 0,#84AD5B 100%);
}
#fragment-quiz .panel-title {
    font-size: 13px;
    font-weight: 600;
}
#fragment-quiz a:focus, #fragment-quiz a:hover {
	text-decoration:none;
}
.ui-widget-content p {
	height:inherit !important;
}

.uname {
	float:left; width:90px;color:#0068D0;
}
#frog {
	height:560px !important;
	overflow-y: scroll;
}
.ui-tabs .screen-tab {
    height: 560px !important;
    overflow-y: scroll;
}
/*    frog.php images  post link css*/
.link {
	  
    background-size: 256px 256px;
background-position-x: 47%;
background-position-y: 47%;
     
	position: relative;
    height: 450px;
    width: 690px;
    margin-top:50px;
	}
	
.pos1{position: absolute;top: 50px;left: 45px;}
.pos2{position: absolute;top: 130px;left: 45px;}
.pos3{position: absolute;top: 210px;left: 45px;}
.pos4{position: absolute;top: 290px;left: 45px;}
.pos5{position: absolute;top: 370px;left: 45px;}
.pos6{position: absolute;top: 50px;right: 45px;}
.pos7{position: absolute;top: 130px;right: 45px;}
.pos8{position: absolute;top: 210px;right: 45px;}
.pos9{position: absolute;top: 290px;right: 45px;}
.pos10{position: absolute;top: 370px;right: 45px;}

.wrap{
	top: 100px;
    left: 280px;
    position: absolute;
}




.w3-modal{z-index:3;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}.w3-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
@media (max-width:600px){
	.w3-modal-content{
		margin:0 10px;width:auto!important
		}
	.w3-modal{
		padding-top:30px
		}
}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}}
.w3-animate-top{
	position:relative;
	-webkit-animation:animatetop 0.4s;
	animation:animatetop 0.4s
}
@-webkit-keyframes animatetop{
	from{top:-300px;opacity:0} 
	to{top:0;opacity:1}
}
@keyframes animatetop{
	from{top:-300px;opacity:0} 
	to{top:0;opacity:1}
}
.w3-card-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.w3-container{padding:0.01em 16px}
.w3-container:after{content:"";display:table;clear:both}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
.w3-closebtn:hover,.w3-closebtn:focus{color:#000;text-decoration:none;cursor:pointer}
.w3-closebtn{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #333;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 24px;
    font-weight: bold;
}

.close:hover,.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}