body{
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 100%;
color: #000000;
background-color: #F9F9F9;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
overflow-x: hidden;
}
.maincontent{
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 1.0em;
color: #333333;
background-color:#FFFFFF;
}
.cpcontent{
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 1.0em;
color: #333333;
background-color:#FFFFFF;
padding-right: 10px;
height: 700px;
padding-left: 15px;
padding-right: 10px;
}

.header {
font-family: 'Open Sans', sans-serif;
color:#333333;
font-size: 1.4em;
font-weight:400;
}

img {
  max-width: 100%
}
.special_offer {
	color: #F00;
	font-weight: 700;
	text-shadow: #333333 2px 2px 1px rgba(102, 102, 102, 0.36);
	
}

/* Link Style */
 
 a:link{
font-family: 'Open Sans', sans-serif;
font-weight: 400; 
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color: #006699;
}
 a:visited{
font-family: 'Open Sans', sans-serif;
font-weight: 400; 
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color:#006699;
}
a:hover{
font-family: 'Open Sans', sans-serif;
font-weight: 400; 
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color: #333;
 text-shadow: none;
 }
 
 
 /* FAQ link Style */
 
 .faqlayer1 {
margin: 0;
padding: 0;
width: 100%;
}
.faqhead {
cursor: pointer;
}
.faqcontent {
background-color:#fafafa;
margin-right: 10px;
padding: 10px;
}

.faq{
font-family: 'Open Sans', sans-serif;
font-weight: 400; 
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color: #000000;
}
.faq a:link{
font-family: 'Open Sans', sans-serif;
font-weight: 400; 
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color: #000033;
}
.faq a:visited{
font-family: 'Open Sans', sans-serif;
font-weight: 400; 
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color: #000033;
}
.faq a:hover{
font-family: 'Open Sans', sans-serif;
font-weight: 400; 
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color: #333333;
 }
 .faqtop{
font-family: 'Open Sans', sans-serif;
font-weight: 400; 
font-size:0.7em;
 font-style: normal;
text-decoration:none;
 color: #000000;
 padding-right: 6px;
}
 
.faqtop a:link{
font-family: 'Open Sans', sans-serif;
font-size:0.7em;
 font-style: normal;
text-decoration:none;
 color: #C4AA17;
 padding-right: 6px;
}
.faqtop a:visited{
font-family: 'Open Sans', sans-serif;
font-size:0.7em;
 font-style: normal;
text-decoration:none;
 color: #C4AA17;
 padding-right: 6px;
}
.faqtop a:hover{
font-family: 'Open Sans', sans-serif;
font-size:0.7em;
 font-style: normal;
text-decoration:none;
 color: #333333;
 padding-right: 6px;
 }

/* Paragraph styles */


h1 {
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 2.0em;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
    padding: 10px;
	text-align:left;
}

h2 {
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 2.0em;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
    padding: 10px;
	text-align: left;
	text-indent: 20px;
}
.header5 {
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 1.8em;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	text-align:left;
}

.header5_wh {
	font-family: "Open Sans", sans-serif, tahoma;
	font-weight: 400;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 2.8em;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	    padding-left: 100px;
	padding-top: 50px;
}

.header6 {
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	/*text-shadow: #999999 2px -1px 1px rgba(102, 102, 102, 0.36);*/
	font-size: 1.2em;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	text-align:left;
}
.header6_wh {
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	/*text-shadow: #999999 2px -1px 1px rgba(102, 102, 102, 0.36);*/
	font-size: 1.2em;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	text-align:left;
    padding-left: 100px;
	width: 600px;
}


.infoTable{
	padding: 2px;
border: #CCCCCC solid 1px;
-moz-box-shadow: -2px -2px 2px 2px #888;
-webkit-box-shadow: -2px -2px 2px 2px #888;
box-shadow: -2px -2px 2px 2px #888;

-moz-border-radius: 8px;
border-radius: 8px;
}


.infoTable1{
	padding: 2px;
border: #CCCCCC solid 1px;
-moz-box-shadow: -2px -2px 2px 2px #888;
-webkit-box-shadow: -2px -2px 2px 2px #888;
box-shadow: -2px -2px 2px 2px #888;

-moz-border-radius: 8px;
border-radius: 8px;

}

.infoTable2{
	padding: 2px;
border: #CCCCCC solid 1px;
background-color: #EBEBEB;
-moz-box-shadow: -2px -2px 2px 2px #888;
-webkit-box-shadow: -2px -2px 2px 2px #888;
box-shadow: -2px -2px 2px 2px #888;

-moz-border-radius: 8px;
border-radius: 8px;

}

.infoTable1 td {
    box-shadow: 1px 3px 2px -3px rgba(0, 0, 0, 0.5)  inset;
}

.infoTable_text {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
}

.infoTable_text a:link {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85em;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}

.infoTable_text a:visisted {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85em;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}

.infoTable_text a:hover {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85em;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

.orderTable{
border: #CCCCCC solid 1px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;

-moz-border-radius: 8px;
border-radius: 8px;
}

/* Live help */
	
	
#LiveHelp{
        background:transparent url(../images/livehelplz.png) no-repeat scroll 0px 23px;
        height:125px;
		width:281px;
        right:2%;
        position:fixed;
        bottom:0px;
		transition-duration: 1s;
      }
      
div#LiveHelp:hover {
        background-position: 0px 0px;
		transition-duration: 1s;
      }
	  
#LiveHelp a{
        display:block;
        height:125px;
        width:281px;
		transition-duration: 1s;
      }
	

/* Info Buy Boxes */

.info_buy_box_head {
	font-family: 'Open Sans', sans-serif;
	color: white;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
}

.info_buy_box_price {
	font-family: 'Open Sans', sans-serif;
	color: white;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
}
	
.info_buy_box_text {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85em;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
}

/* Text Boxes */

/* Big info box */

.info_box_lg {
	padding-left: 5px;
	background-color:#FFF;
	overflow: hidden;
	 text-align: left;
}

.info_box_lg_head {
	font-family: 'Open Sans', sans-serif;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 2.0em;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	 text-align: left;
}
.info_box_lg_sub {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	font-weight: 400; 
	color: #000;
	text-align: left;
}
.info_box_lg_text {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	color: #000;
	text-align: left;
}

/* small info box */

.info_box_sm {
	background-color:#FFF;
	padding-left: 5px;
}

.info_box_sm_head {
	font-family: 'Open Sans', sans-serif;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 2.5em;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
}
.info_box_sm_sub {
	font-family: 'Open Sans', sans-serif;
	color: white;
	font-size: 14px;
	color: #000000;
}
.info_box_sm_text {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	color: #000000;
}

/* boxes link Style */

.info_box_lg_text a:link{
font-family: 'Open Sans', sans-serif;
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color: #006699;
}
.info_box_lg_text a:visited{
font-family: 'Open Sans', sans-serif;
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color:#006699;
}
.info_box_lg_text a:hover{
	font-family: "Open Sans", sans-serif, tahoma;
	font-size: 1.0em;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	text-shadow: none;
	font-weight: 400; 
 }

/* Page Header Box */

#page_header{
	background-image:url(../images/censorship.jpg);
	width:1050px;
	height:350px;
	padding-top: 120px;
	padding-left: 20px;
	padding-right: 20px;
	border: 2px #000;

}
#page_header_title_left_light{
	font-family: 'Open Sans', sans-serif;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	padding-left: 20px;
	
}
#page_header_title_left_dark{
	font-family: 'Open Sans', sans-serif;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	padding-left: 20px;
}
#page_header_text_left_light {
	font-family: 'Open Sans', sans-serif;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	margin-left: 20px;
	margin-right: 580px;
	}
#page_header_text_left_dark {
	font-family: 'Open Sans', sans-serif;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	text-transform: none;
	color: #000;
	text-decoration: none;
	margin-left: 20px;
	margin-right: 580px;
	}



/* read more light */

.rollover a{
   display: block;
   text-indent: -9999px;
   margin: 4px 4px 4px 284px;
   cursor: pointer;
}

.rollover a:hover{
   display: block;
   text-indent: -9999px;
   margin: 4px 4px 4px 284px;
   cursor: pointer;
   text-shadow: none;
}

.rollover a:active{
   display: block;
   text-indent: -9999px;
   margin: 4px 4px 4px 284px;
   cursor: pointer;
}

.button1{
	margin: 15px;
  float: right;
}
.button1 a{
   -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-size: 1.0em;
  background: #666;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 15px;
}

.button1 a:hover{
   background: #3286ba;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  color: #333;
  font-size: 1.0em;
  text-shadow: none;
  
}

.button1 a:active{
   -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-size: 1.0em;
  background: #666;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.button2{
	margin-top: 15px;
	margin-bottom: 15px;
  float: center;
}
.button2 a{
   -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-size: 1.0em;
  background: #666;
  padding: 10px  10px 10px 10px;
  text-decoration: none;
}

.button2 a:hover{
   background: #333;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 1.0em;
  text-shadow: none;
}

.button2 a:active{
   -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-size: 1.0em;
  background: #666;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

.button-submit {
   -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  border:none;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-size: 1.0em;
  background: #666;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 15px;
}

.button-submit:hover{
   background: #333;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-size: 1.0em;
  text-shadow: none;
  border:none;
  
}

#tutorial-button{
    z-index:-1;
	text-align:right;
}
#tutorial-button a{
   -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-size: 1.0em;
  background: #3498db;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 15px;
}

#tutorial-button a:hover{
   background: #3286ba;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-size: 1.0em;
  text-shadow: none;
  
}

#tutorial-button{
    z-index:-1;
	text-align:right;
}
#tutorial-button a{
   -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-size: 1.0em;
  background: #3498db;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 15px;
}

#tutorial-button a:hover{
   background: #3286ba;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-size: 1.0em;
  text-shadow: none;
  
}


.profile {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	color: #333333;
	background-color: #FFFFFF;
	margin-left: 320px;
	margin-right: 10px;
}

/*bump image*/

.bump img{
    border: 1px solid #ffffff;
	text-align:center;
    margin: 0px;
	padding: 3px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}

/* gallery */

.galcont
{
	margin: 0 20px;
}

.galcont a
{
	color: #fff;
}


.galcont p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 14px;
	color: #FFFFFF;
}

.galcont p.linkage a { color: #fff; }

#myGallery
{
	text-align: left;
	margin: 0 auto;
}

#infoBox_left {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #333333;
    background-color:#FFFFFF;
    width: 52%;
	float:left;
	vertical-align: top;
	margin-bottom: 1%;
	margin-left: auto;
	margin-right: auto;
}

#infoBox_right {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #333333;
    background-color:#FFFFFF;
	width: 43%;
    float:right;
	vertical-align: top;
	margin-bottom: 1%;
	 margin-left: auto;
	margin-right: auto;
}

#orderBox_left {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #333333;
	background-color: #FFFFFF;
	width: 30%;
	float: left;
	vertical-align: top;
	margin-bottom: 1%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 20px;
	height: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 26px 0px rgba(59, 50, 50, 0.49);
	-moz-box-shadow: 0px 0px 26px 0px rgba(59, 50, 50, 0.49);
	box-shadow: 0px 0px 26px 0px rgba(59, 50, 50, 0.49);
}

#orderBox_right {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #333333;
    background-color:#FFFFFF;
	width: 61%;
    float:right;
	vertical-align: top;
	margin-bottom: 1%;
	 margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

.orderdiv{
  display : none;
}

#wrapper_main {
    width: 96%;
    border: 0;
    margin: auto;
    overflow: auto;
	padding-bottom: 2%;
}

#wrapper_left {
    width: 50%;
    border: 0;
    overflow: hidden;
	float:left;
}

#content_left {
	font-family: 'Open Sans', sans-serif;
	display: block;
    font-size: 1.0em;
    color: #333333;
	margin:1.6%;
    background-color: #FFFFFF;
    width: 28%;
	padding: 1%;
	float: left;
    -moz-box-shadow: 1px 2px 3px 2px #666666;
    -webkit-box-shadow: 1px 2px 3px 2px #666666;
    box-shadow: 1px 2px 3px 2px #666666;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#content_left a:link{
font-family: 'Open Sans', sans-serif;
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color: #FFFFFF;
}
#content_left a:visited{
font-family: 'Open Sans', sans-serif;
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color:#FFFFFF;
}
#content_left a:hover{
font-family: 'Open Sans', sans-serif;
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color: #FFFFFF;
 text-shadow: none;
 }
 
 #content_tickets {
	width: 70%;
	float: left;
}

 #content_blog_menu {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #333333;
    background-color: #FBFBFB;
	width: 20%;
    float:right;
	vertical-align: top;
	margin-right: 3%;
	padding: 1%;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#content_blog {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #333333;
    background-color:#FFFFFF;
	margin-bottom: 3%;
	margin-left: 3%;
	margin-right: 1%;
	width: 66%;
	padding: 2%;
	overflow: auto;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#content_centred {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #333333;
    background-color:#FFFFFF;
	margin-bottom: 3%;
	margin-left: 3%;
	margin-right: 3%;
	width: 90%;
	padding: 2%;
	overflow: auto;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 4px;
    border-radius: 4px;
}


#content_centred_bl {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #ffffff;
    background-color: #00468C;
	margin-bottom: 3%;
	margin-left: 3%;
	margin-right: 3%;
	width: 90%;
	padding: 2%;
	overflow: auto;
	border:#333 solid 1px;
    -moz-box-shadow: 1px 1px 3px 2px #666;
    -webkit-box-shadow: 1px 1px 3px 2px #666;
    box-shadow: 1px 1px 3px 2px #666;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#content_fullwidth {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #ffffff;
    background: url(../images/encrypted-earth.jpg) no-repeat right #000000;
	background-size: contain;
	margin-bottom: 3%;
	width: 100%;
	height: 400px;
	overflow: auto;
	-moz-box-shadow: inset 0 0 5px #fff;
    -webkit-box-shadow: inset 0 0 5px #fff;
    box-shadow: inner 0 0 5px #fff;
}

#setup_downloads {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #333333;
    background-color: #FFFFFF;
	margin-right: 2%;
    width: 70%;
	float:center;
	vertical-align: top;
	margin-bottom: 10px;
	padding: 3px;
    -moz-box-shadow: 1px 2px 3px 2px #666666;
    -webkit-box-shadow: 1px 2px 3px 2px #666666;
    box-shadow: 1px 2px 3px 2px #666666;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#content_downloads {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #333333;
	background-color: #FFFFFF;
	margin-right: 1%;
	width: 70%;
	float: left;
	vertical-align: top;
	margin-bottom: 10px;
	padding: 2px;
	-moz-box-shadow: 1px 2px 3px 2px #666666;
	-webkit-box-shadow: 1px 2px 3px 2px #666666;
	box-shadow: 1px 2px 3px 2px #666666;
	-moz-border-radius: 4px;
	border-radius: 4px;
}



#content_downloads a:link{
font-family: 'Open Sans', sans-serif;
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color: #ffffff;
}
#content_downloads a:visited{
font-family: 'Open Sans', sans-serif;
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color:#ffffff;
}
#content_downloads a:hover{
font-family: 'Open Sans', sans-serif;
font-size:1.0em;
 font-style: normal;
text-decoration:none;
 color: #ffffff;
 text-shadow: none;
 }

 
 #content_menu {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #333333;
	background-color: #FBFBFB;
	width: 18%;
	float: right;
	vertical-align: top;
	padding: 1%;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#btc_menu {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #333333;
    background-color: #FBFBFB;
	width: 33%;
    float:right;
	vertical-align: top;
	padding: 1%;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.small {
	font-family: 'Open Sans', sans-serif;
 font-size: 0.8em;
 color: #999;
}

#small a:link{
	font-family: 'Open Sans', sans-serif;
 font-size: 0.8em;
 color: #06C;
}
#small a:active{
	font-family: 'Open Sans', sans-serif;
 font-size: 0.8em;
 color: #06C;
}
#small a:hover{
	font-family: 'Open Sans', sans-serif;
 font-size: 0.8em;
 color: #666;
}


div.toggler { 
 cursor:pointer; 
 font-family: 'Open Sans', sans-serif;
 font-size: 0.9em;
 color: #06C;
}

div.toggler div { 
display:none; 
font-family: 'Open Sans', sans-serif;
 font-size: 0.9em;
 color: #666666;
}

#order_wrapper {
    width: 90%;
	background-color: #FFF;
    border: 0;
    overflow: auto;
	margin-left: auto ;
    margin-right: auto ;
	-moz-box-shadow: 0px 0px 1px 1px #ECECEC;
    -webkit-box-shadow: 0px 0px 1px 1px #ECECEC;
    box-shadow: 0px 0px 1px 1px #ECECEC;
    -moz-border-radius: 4px;
    border-radius: 4px;
	margin-bottom: 3%;
	margin-left: 3%;
	margin-right: 3%;
	padding: 2%;
	vertical-align: top;
}


#order_image {
    width: 360px;
    border: 0;
    overflow: hidden;
	float:left;
}

#order_content_centre {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #333333;
    background-color:#FFFFFF;
	margin-bottom: 2%;
	margin-left: 2%;
	margin-right: 2%;
	width: 90%;
	padding: 3%;
	vertical-align: top;
    -moz-box-shadow: 0px 0px 1px 1px #ECECEC;
    -webkit-box-shadow: 0px 0px 1px 1px #ECECEC;
    box-shadow: 0px 0px 1px 1px #ECECEC;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#infobox_wrapper {
    width: 100%;
    border: 0;
    overflow: auto;
	margin-left: auto ;
    margin-right: auto ;
}

.infobox_text { 
	font-family: 'Open Sans', sans-serif;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 0.85em;
	font-style: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	line-height: 180%;
 }

#infobox_content_centre {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #FFFFFF;
    background-color:#0078AC;
    width: 250px;
	float:left;
	vertical-align: top;
	padding: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	margin: 10px auto;
    border: #CCCCCC solid 1px;
    -moz-box-shadow: -2px -2px 3px 3px #888;
    -webkit-box-shadow: -2px -2px 3px 3px #888;
    box-shadow: -2px -2px 3px 3px #888;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index:1;
    position: relative;
}


#infobox_content_left {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #FFFFFF;
    background-color:#85B2C9;
	width: 230px;
    float: left;
	vertical-align: top;
    padding: 8px;
	margin-top: 30px;
	margin-left: 22%;
	margin-right: auto;
	margin-bottom: 30px;
    border: #CCCCCC solid 1px;
    -moz-box-shadow: -2px -2px 3px 3px #888;
    -webkit-box-shadow: -2px -2px 3px 3px #888;
    box-shadow: -2px -2px 3px 3px #888;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index:2;
}

#infobox_content_right {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #FFFFFF;
    background-color:#85B2C9;
	width: 230px;
    float:left;
	vertical-align: top;
    padding: 8px;
	margin: 30px auto;
	-moz-box-shadow: 0 0 5px 5px #666;
    -webkit-box-shadow: 0 0 5px 5px #666;
    box-shadow: 0 0 5px 5px #666;
    z-index:2;

    -moz-border-top-right-radius-: 8px;
	-moz-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}


.select {
   background: #0078AC;
   width: 140px;
   font-size: 14px;
   border: 1px solid #EFEFEF;
   height: 24px;
   margin-bottom: 5px;
   color: #FFF;
}

.select1 {
   background: #85B2C9;
   width: 140px;
   font-size: 14px;
   border: 1px solid #EFEFEF;
   height: 24px;
   margin-bottom: 5px;
   color: #FFF;
}

.paginate a{
   display: block;
   text-indent: -9999px;
   margin: auto auto auto auto;
   cursor: pointer;
   outline: transparent solid 0px;  
}

#pagination a{
   height: 16px;
   width: 16px;
   background: url(../images/bg_buttons.png) no-repeat center top;
   border:none;
   margin:4px;
   	float: left;
   
}
#pagination a:hover{
   background-position: center -16px;
}
#pagination a:active{
   background-position: center -32px;
}
#pagination a:focus{
   background-position: center -32px;
}

/* client cp */

#ccp_content {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #333333;
    background-color:#FFFFFF;
    margin-left: 1%;
    width: 76%;
	float:left;
	vertical-align: top;
	margin-bottom: 20px;
}

#ccp_menu {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: #333333;
    background-color: #EFEFEF;
	width: 20%;
    float:left;
	vertical-align: top;
	padding: 1%;
}

.found {background-color:#f99;}
#searchbox {width:350px; position:absolute;
_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight-10);
left:10px; bottom:10px; background-color:#ccc; border:2px outset #ccc; padding:1px;}
body > #searchbox {position:Fixed;}
#searchbox fieldset {border:0;text-align:center;margin:3px;}
#searchbox input {margin:1px;padding:2px;}
#search {width:160px;}


/* main site template */

#mainwrapper {
	font-family: 'Open Sans', sans-serif;
    font-size:1.0em;
	color: #000;
    width: 100%;
    border:0;
	margin-left: auto;
    margin-right: auto;
	padding-top: 20px;
}

#mainwrapper a:hover{
 text-shadow: none;
 }

#main_body_content {
    background-color:#FFFFFF;
    margin: 0;
	width: 100%;
    float: none;
	vertical-align: top;
    border: 0px;
}

/* header */

#headerwrapper {
	background-color:#FBFBFB;
    width: 100%;
    border: 0;
    overflow: hidden;
	margin-left: auto ;
    margin-right: auto ;
}

#toplinks{
font-family: 'Open Sans', sans-serif;
font-size:0.85em;
height: 29px;
 color: #FFFFFF;
 padding-right: 10px;
 float: right;
}
#toplinks a:link{
font-family: 'Open Sans', sans-serif;
font-size:0.85em;
 color: #FFFFFF;
}
#toplinks a:visited{
font-family: 'Open Sans', sans-serif;
font-size:0.85em;
 color: #FFFFFF;
}
#toplinks a:hover{
font-family: 'Open Sans', sans-serif;
font-size:0.85em;
 color: #000000;
}

#vpnuk_logo{
	position:absolute; 
	z-index:505;
 background-image: url(../images/head/logo.png);
 height: 110px;
 width: 443px;
 margin-left: 30px;
 margin-top: 20px;
 float: left;
}

/* header1 */

#headerwrapper1 {
    width: 1050px;
    border: 0;
    overflow: hidden;
	margin-left: auto ;
    margin-right: auto ;
}

/* images changer */

#changer {
    background-image: url('../images/head/censorship.jpg');
    background-repeat: no-repeat;
    background-position: right;
	height: 467px;
}

.order_table{
-moz-border-radius: 2px;
border-radius: 2px;
}

#table-col-0 {
	text-align: left;
	width: 140px;
	border:  1px solid #ccc;
	padding: 10px;
	background: #FAFAFA;
}
#table-col-0:hover {
	background-color: #EbEbEb;
}
.table-col-1 {
	text-align: center;
	width: 120px;
	background-color: #0078AC;
}
.table-col-1a {
	text-align: center;
	width: 120px;
	background-color: #0078AC;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#999));
	background: -webkit-linear-gradient(top, #333, #999);
	background: -moz-linear-gradient(top, #333, #999);
	background: -o-linear-gradient(top, #333, #999);
	background: -ms-linear-gradient(top, #333, #999);
	background: linear-gradient(top, #333, #999);
	padding-bottom: 10px;
	-moz-box-shadow: inset 0 -3px 3px -3px #333;
    -webkit-box-shadow: inset 0 -3px 3px -3px #333;
     box-shadow:  inset 0 -3px 3px -3px #333;
}
.table-col-2 {
	text-align: center;
	width: 120px;
	background-color:#85B2C9;
}
.table-col-2a {
	text-align: center;
	width: 120px;
	background-color:#85B2C9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#85B2C9), to(#9BBFD2));
	background: -webkit-linear-gradient(top, #85B2C9, #9BBFD2);
	background: -moz-linear-gradient(top, #85B2C9, #9BBFD2);
	background: -o-linear-gradient(top, #85B2C9, #9BBFD2);
	background: -ms-linear-gradient(top, #85B2C9, #9BBFD2);
	background: linear-gradient(top, #85B2C9, #9BBFD2);
	padding-bottom: 10px;
	-moz-box-shadow: inset 0 -8px 8px -8px #333;
    -webkit-box-shadow: inset 0 -8px 8px -8px #333;
     box-shadow:  inset 0 -8px 8px -8px #333;
}
.table-col-3 {
	text-align: center;
	width: 120px;
	background-color: #FFF;
	border:  1px solid #ccc;
}
.table-col-4 {
	text-align: center;
	width: 120px;
	background-color: #EBEBEB;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.table-col-5 {
	text-align: center;
	width: 10px;
	/*background-color:#FFFFFF;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
}

.table-col-6 {
	text-align: center;
	width: 100px;
	background-color: #FFF;
	border:  1px solid #ccc;
	padding: 10px;
	margin-bottom:5px;
	-moz-border-bottom-right-radius-: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
.table-col-6:hover {
	-moz-box-shadow: inset 0 -8px 8px -8px #333;
    -webkit-box-shadow: inset 0 -8px 8px -8px #333;
     box-shadow:  inset 0 -8px 8px -8px #333;
}

.table-head-1 {
	text-align: center;
	width: 120px;
	height: 30px;
	background-color:#333333;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#999));
	background: -webkit-linear-gradient(top, #333, #999);
	background: -moz-linear-gradient(top, #333, #999);
	background: -o-linear-gradient(top, #333, #999);
	background: -ms-linear-gradient(top, #333, #999);
	background: linear-gradient(top, #333, #999);
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 1.2em;
	-moz-box-shadow: 0 -3px 3px -3px #000;
    -webkit-box-shadow: 0 -3px 3px -3px #000;
     box-shadow: 0 -3px 3px -3px #000;
    -moz-border-top-right-radius-: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.table-head-2 {
	text-align: center;
	width: 120px;
	height: 30px;
	background-color:#85B2C9;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9BBFD2), to(#85B2C9));
	background: -webkit-linear-gradient(top, #9BBFD2, #85B2C9);
	background: -moz-linear-gradient(top, #9BBFD2, #85B2C9);
	background: -o-linear-gradient(top, #9BBFD2, #85B2C9);
	background: -ms-linear-gradient(top, #9BBFD2, #85B2C9);
	background: linear-gradient(top, #9BBFD2, #85B2C9);
	
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 20px;
	
	-moz-box-shadow: 0 -8px 8px -8px #000;
    -webkit-box-shadow: 0 -8px 8px -8px #000;
     box-shadow: 0 -8px 8px -8px #000;

    -moz-border-top-right-radius-: 9px;
    -moz-border-top-left-radius: 9px;
    border-top-right-radius: 9px;
	border-top-left-radius: 9px;
}

/* Info Buy Boxes */

.order_box_head {
	font-family: 'Open Sans', sans-serif;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
}

.order_box_price {
	font-family: 'Open Sans', sans-serif;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 28px;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
}
	
.order_box_text {
	font-family: 'Open Sans', sans-serif;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 0.85em;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

.order_select {
   background: #F1F1F1;
   width: 180px;
   font-size: 1.0em;
   border: 1px solid #999999;
   height: 24px;
   margin-bottom: 5px;
   color: #000;
   text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);  
}

.order_textarea {
   background: #F1F1F1;
   width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
   font-size: 1.0em;
   border: 1px solid #999999;
   height: 200px;
   margin-bottom: 5px;
   color: #000;
   text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);  
}

.orderform_text_price {
	font-family: 'Open Sans', sans-serif;
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	font-size: 28px;
	font-style: normal;
	line-height: normal;
	font-weight: 400; 
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	border:none;
	text-align:left;
}

/* Text Boxes */

/* tutorials */
.tutorials {
	background-color: #FFFFFF;
    width: 80%;
    border: 0;
    overflow: auto;
	margin-left: auto ;
    margin-right: auto ;
	margin-bottom: 30px;
	padding: 20px;
	border:#FFF solid 1px;
	-moz-border-radius: 9px;
    border-radius: 9px;
	border: #E6E6E6 solid 1px;
}
.tutorials:hover{
	background-color: #FDFDFD;
	-moz-box-shadow: -2px -2px 2px 2px #DBDBDB;
    -webkit-box-shadow: -2px -2px 2px 2px #DBDBDB;
    box-shadow: -2px -2px 2px 2px #DBDBDB;
	-moz-border-radius: 9px;
    border-radius: 9px;
	border: #E6E6E6 solid 1px;
}
#tutorials {
	background-color: #FFFFFF;
    width: 80%;
    border: 0;
    overflow: auto;
	margin-left: auto ;
    margin-right: auto ;
	margin-bottom: 30px;
	padding: 20px;
	border:#FFF solid 1px;
	-moz-border-radius: 9px;
    border-radius: 9px;
	border: #E6E6E6 solid 1px;
}
#tutorials:hover{
	background-color: #FDFDFD;
	-moz-box-shadow: -2px -2px 2px 2px #DBDBDB;
    -webkit-box-shadow: -2px -2px 2px 2px #DBDBDB;
    box-shadow: -2px -2px 2px 2px #DBDBDB;
	-moz-border-radius: 9px;
    border-radius: 9px;
	border: #E6E6E6 solid 1px;
}
.screenshot {
    display: block;
    margin-left: auto;
    margin-right: auto	
}
.thumbnail {
    display: none;
}


/* caption boxes */
.caption {
	background-color: #E8E8E8;
    width: 80%;
    border: 0;
    overflow: auto;
	margin-left: auto ;
    margin-right: auto ;
	margin-bottom: 30px;
	padding: 20px;
	-moz-border-radius: 9px;
    border-radius: 9px;
	border: #E6E6E6 solid 1px;
}
.caption:hover{
	background-color: #E6E6E6;
	-moz-box-shadow: -2px -2px 2px 2px #999;
    -webkit-box-shadow: -2px -2px 2px 2px #999;
    box-shadow: -2px -2px 2px 2px #999;
	-moz-border-radius: 9px;
    border-radius: 9px;
	border: #E3E3E3 solid 1px;
}

/* order page */
input.invalid_field{
    border-color: red;
    border-style: solid; 
  }
  
  /* message bars */
  
  .pgnoticebar, .pgsuccessbar, .pgwarningbar, .pgerrorbar {
margin: 0 auto;
border-radius:10px;
padding:10px 10px 10px 40px;
color: #000000;
margin-bottom: 35px;
}
.pgnoticebar {
border:1px solid #8ed9f6;
background:#e3f7fc url('../images/notice.png') no-repeat 10px 50%;
width: 70%;
}
.pgsuccessbar {
border:1px solid #a6ca8a;
background:#e9ffd9 url('../images/success.png') no-repeat 10px 50%;
width: 70%;
}
.pgwarningbar {
border:1px solid #f2c779;
background:#fff8c4 url('../images/warning.png') no-repeat 10px 50%;
width: 70%;
}
.pgerrorbar {
border:1px solid #f5aca6;
background:#ffecec url('../images/error.png') no-repeat 10px 50%;
width: 70%;
}

/* neteller */
 
#neteller_error{
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9em;
}
#neteller_auth_dialog label{
  width: 200px;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9em;
}
#please_wait{
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9em;
  display: none;
  height: 100%;
  width: 100%;
  background-color: white;
  text-align: center;
}

#neteller_error {
  display:none; 
  color: #F00;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9em;
}
#neteller_item_name {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9em;
}

/* slider images */

.slider .censorship {
    background-image: url('../images/head/censorship.jpg');
	z-index: 1001;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
	max-width: 100%;
    height: 467px;
} 

.slider .privacy {
    background-image: url('../images/head/privacy1.jpg');
	z-index: 1002;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
	max-width: 100%;
    height: 467px;
} 

.slider .freedom {
    background-image: url('../images/head/freedom2.jpg');
	z-index: 1003;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
	max-width: 100%;
    height: 467px;
}

.slider .hotspot {
    background-image: url('../images/head/hotspot.jpg');
	z-index: 1004;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
	max-width: 100%;
    height: 467px;
}  


/* slider */

.slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	color: rgba(255,255,255,.6);
	text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
	padding-top: 0px;
	background: #000;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
	display: block;
	max-width: 100%;
    max-height: 467px;
    height: inherit !important;
}
	.slider ul {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
		overflow: hidden;
	}
	.slider ul li {
		display: block;
		background-repeat: no-repeat;
		overflow: hidden;
		background-color:#000;
		float: right;
		/*padding: 160px 0 110px;*/
		padding-top: 0px;
		
/*		-webkit-background-size: 100% 100%;*/
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
/*		background-size: 100% 100%;*/
		max-width: 100%;
        max-height: 100%;
        height: inherit !important;
		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}
	
	
	.slider h1 {
		font-size: 46px;
		line-height: 50px;
		margin-left: 30px;
		margin-top: 130px;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
        color:rgb(255, 255, 255);
        text-decoration:none;
        background-color:transparent;
        padding:0px;
        border-width:0px;
        border-color:rgb(255, 214, 88);
        border-style:none;
	}
	.slider .text {
		font-size: 22px;
		line-height: 26px;
		margin-left: 30px;
		color: #fff;
        font-family: 'Open Sans', sans-serif;
		font-weight:300;
        color:rgb(255, 255, 255);
        text-decoration:none;
        background-color:transparent;
        padding:0px;
        border-width:0px;
        border-color:rgb(255, 214, 88);
        border-style:none;
		margin-bottom:50px;
	    }
	
	 .slider .divider {
       text-decoration:none;
       background-color:rgb(235, 235, 235);
       background-color:rgba(235, 235, 235, 1);
       width:480px;
       height:2px;
	   margin-left: 30px;
       background-position:initial initial;
       background-repeat:initial initial;
       border-width:0px;
       border-color:rgb(34, 34, 34);
       border-style:none;
       }

	.slider .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;
		
		color: #fff;
		font-size: 0.85em;
		font-weight: 400; 
		text-transform: uppercase;
		text-decoration: none;
		
		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.slider .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.slider .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}
		
	.slider .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
	
	.slider .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
		.slider .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			
			text-indent: -999em;
			
			border: 2px solid #fff;
			border-radius: 6px;
			
			cursor: pointer;
			opacity: .4;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.slider .dots li.active {
				background: #fff;
				opacity: 1;
			}
			
 /* logo */
 #vpnuk_logo{
	position: absolute;
	z-index: 505;
	background-image: url(../images/head/logo.png);
	height: 110px;
	width: 443px;
	margin-left: 30px;
	margin-top: 20px;
	float: left;
	left: -11px;
}

 /* tooltip */
 


.toolTip{
    display: inline;
    position: relative;
}

.toolTip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 3px;
    bottom: 26px;
    color: #fff;
    content: attr(tip);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 300px;
	-moz-box-shadow: 1px 2px 3px 2px #666;
    -webkit-box-shadow: 1px 2px 3px 2px #666;
    box-shadow: 1px 2px 3px 2px #666;
}

.toolTip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

/* bubble comments */
  .bubblewrapper {
	  margin: auto;
	  max-width: 33%;
	  display:  inline-block;
	text-align:center;
}

  .bubble:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 45%;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #EFEFEF transparent;
    display: block;
    width: 0;
    z-index: 1;
}

  .bubble {
	  font-family: 'Open Sans', sans-serif;
	  font-size: 1.0em;
	  color: #333333;
	  text-align:left;
	  display: inline-block;
	  text-indent: 50px;
	  line-height: 1.5;
	 padding: 2.5%; 
	 margin: 2%;
    /*position: relative;*/
    width: 80%;
    height: 100%;
	border: #EFEFEF solid 1px;
    background: #FBFBFB url(../images/speechmarks.png) top left no-repeat;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 40px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 4px;
    border-radius: 4px;
}

  .bubble p {
    text-align: center;
}



/*  .bubble:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 5%;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
}*/

/* accordion */

.vpn_setup,.vpn_setup div,.vpn_setup h1,.vpn_setup p,.vpn_setup a,.vpn_setup img,.vpn_setup span,.vpn_setup em,.vpn_setup ul,.vpn_setup li {
	margin: 0;
	padding: 0;
	border: none;
	font-weight:300;
}

/* Accordion Layout Styles */
#contain {
	width: 90%;
	/*height: 500px;*/
	margin: auto;
}

/* Accordion Layout Styles */
.vpn_setup {
	width: 100%;
}

.vpn_setup .tab {
	display: block;
	height: 35px;
	margin-top: 4px;
	padding-left: 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	text-decoration: none;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0, .2);
    margin-bottom: 25px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #333; /* Old browsers */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#999));
	background: -webkit-linear-gradient(top, #333, #999);
	background: -moz-linear-gradient(top, #333, #999);
	background: -o-linear-gradient(top, #333, #999);
	background: -ms-linear-gradient(top, #333, #999);
	background: linear-gradient(top, #333, #999);

-webkit-box-shadow: 0px 1px 0px rgba(0,0,0, .1), inset 0px 1px 0px rgba(255,255,255, .1);
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0, .1), inset 0px 1px 0px rgba(255,255,255, .1);
	box-shadow: 0px 1px 0px rgba(0,0,0, .1), inset 0px 1px 0px rgba(255,255,255, .1);
}

.vpn_setup div .content {
	margin: 5px 0;
}

.vpn_setup > div {
	height: 100%;
	overflow: hidden;
}

/* Accordion Content Styles */
.vpn_setup .content h1 {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}

.vpn_setup .content p {
	margin: 10px 0;
	color: #333;
	font-family: 'Open Sans', sans-serif;
}

.vpn_setup .content span {
	font-family: 'Open Sans', sans-serif;
	color: #333;
}

.vpn_setup .content em.bullet {
	width: 5px;
	height: 5px;
	margin: 0 5px;
	background: #fff;
	display: inline-block;

	-webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255, 0.4);
	-moz-box-shadow: inset 1px 1px 1px rgba(255,255,255, 0.4);
	box-shadow: inset 1px 1px 1px rgba(255,255,255, 0.4);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.vpn_setup .content ul li {
	list-style: none;
	text-align:center;
	float: left;
	margin: 5px 15px 15px 15px;
}

.vpn_setup .content img {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
}

/* animate in */

/******************
* Bounce in right *
*******************/


.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 
.slow{
     -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slower{
     -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest{
     -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}

.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}

.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{
    opacity:0;
}

.lightSpeedInRight, .lightSpeedInLeft{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}

/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn.go { 
    -webkit-animation-name: bounceIn; 
    animation-name: bounceIn; 
}

/****************
* bounceInRight *
****************/

@-webkit-keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(400px); 
    } 
    60% { 
        
        -webkit-transform: translateX(-30px); 
    } 
    80% { 
        -webkit-transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        transform: translateX(400px); 
    } 
    60% { 
        
        transform: translateX(-30px); 
    } 
    80% { 
        transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        transform: translateX(0); 
    } 
} 


.bounceInRight.go { 
    -webkit-animation-name: bounceInRight; 
    animation-name: bounceInRight; 
}

/******************
* Bounce in left *
*******************/

@-webkit-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        transform: translateX(-400px); 
    } 
    60% { 
       
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateX(0); 
    } 
} 

.bounceInLeft.go { 
    -webkit-animation-name: bounceInLeft; 
    animation-name: bounceInLeft; 
}

/******************
* Bounce in up *
*******************/

@-webkit-keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(-30px); 
    } 
    80% { 
        -webkit-transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        transform: translateY(400px); 
    } 
    60% { 
       
        transform: translateY(-30px); 
    } 
    80% { 
        transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInUp.go { 
    -webkit-animation-name: bounceInUp; 
    animation-name: bounceInUp; 
}


/******************
* Bounce in down *
*******************/

@-webkit-keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        transform: translateY(-400px); 
    } 
    60% { 
       
        transform: translateY(30px); 
    } 
    80% { 
        transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInDown.go { 
    -webkit-animation-name: bounceInDown; 
    animation-name: bounceInDown; 
}


/**********
* Fade In *
**********/ 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
}
.fadeIn{
    opacity:0;
}
.fadeIn.go { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

/**********
* Grow in *
***********/

@-webkit-keyframes growIn { 
    0% { 
        -webkit-transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        -webkit-transform: scale(1.2); 
        
    } 
    100% { 
        -webkit-transform: scale(1); 
        opacity:1;
    } 
} 
@keyframes growIn { 
    0% { 
        transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        transform: scale(1.2); 
        
    } 
    100% { 
        transform: scale(1); 
        opacity:1;
    } 
} 
.growIn { 

    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity:0;
}
.growIn.go{
    -webkit-animation-name: growIn; 
    animation-name: growIn; 
}

/********
* Shake *
********/
@-webkit-keyframes shake { 
    0%, 100% {-webkit-transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
} 
@keyframes shake { 
    0%, 100% {transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 
    20%, 40%, 60%, 80% {transform: translateX(10px);} 
} 
.shake.go { 
    -webkit-animation-name: shake; 
    animation-name: shake; 
}

/********
* ShakeUp *
********/
@-webkit-keyframes shakeUp { 
    0%, 100% {-webkit-transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateY(10px);} 
} 
@keyframes shakeUp { 
    0%, 100% {transform: translateY(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateY(-10px);} 
    20%, 40%, 60%, 80% {transform: translateY(10px);} 
} 
.shakeUp.go { 
    -webkit-animation-name: shakeUp; 
    animation-name: shakeUp; 
}

/*************
* FadeInLeft *
*************/

@-webkit-keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }

    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeft{ 
    opacity: 0; 
    -webkit-transform: translateX(-400px); 
    transform: translateX(-400px);
}
.fadeInLeft.go { 
    -webkit-animation-name: fadeInLeft; 
    animation-name: fadeInLeft; 
}


/*************
* FadeInRight *
*************/

@-webkit-keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInRight{ 
    opacity: 0; 
    -webkit-transform: translateX(400px); 
    transform: translateX(400px);
}
.fadeInRight.go { 
    -webkit-animation-name: fadeInRight; 
    animation-name: fadeInRight; 
}

/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUp{ 
    opacity: 0; 
    -webkit-transform: translateY(400px); 
    transform: translateY(400px);
}
.fadeInUp.go { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}

/*************
* FadeInDown *
*************/

@-webkit-keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDown{ 
    opacity: 0; 
    -webkit-transform: translateY(-400px); 
    transform: translateY(-400px);
}
.fadeInDown.go { 
    -webkit-animation-name: fadeInDown; 
    animation-name: fadeInDown; 
}

/*****************
* rotateIn *
*****************/
@-webkit-keyframes rotateIn { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateIn { 
    0% { 
        transform-origin: center center; 
        transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateIn.go { 
    -webkit-animation-name: rotateIn; 
    animation-name: rotateIn; 
}

/*****************
* rotateInUpLeft *
*****************/

@-webkit-keyframes rotateInUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpLeft.go { 
    -webkit-animation-name: rotateInUpLeft; 
    animation-name: rotateInUpLeft; 
}

/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownLeft.go { 
    -webkit-animation-name: rotateInDownLeft; 
    animation-name: rotateInDownLeft; 
}

/******************
* rotateInUpRight *
*******************/

@-webkit-keyframes rotateInUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpRight.go { 
    -webkit-animation-name: rotateInUpRight; 
    animation-name: rotateInUpRight; 
}

/********************
* rotateInDownRight *
********************/

@-webkit-keyframes rotateInDownRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownRight.go { 
    -webkit-animation-name: rotateInDownRight; 
    animation-name: rotateInDownRight; 
}

/*********
* rollIn *
**********/

@-webkit-keyframes rollIn { 
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 
} 
@keyframes rollIn { 
    0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 
    100% { opacity: 1; transform: translateX(0px) rotate(0deg); } 
} 
.rollIn.go { 
    -webkit-animation-name: rollIn; 
    animation-name: rollIn; 
}

/*********
* wiggle *
**********/

@-webkit-keyframes wiggle { 
    0% { -webkit-transform: skewX(9deg); } 
    10% { -webkit-transform: skewX(-8deg); } 
    20% { -webkit-transform: skewX(7deg); } 
    30% { -webkit-transform: skewX(-6deg); } 
    40% { -webkit-transform: skewX(5deg); } 
    50% { -webkit-transform: skewX(-4deg); } 
    60% { -webkit-transform: skewX(3deg); } 
    70% { -webkit-transform: skewX(-2deg); } 
    80% { -webkit-transform: skewX(1deg); } 
    90% { -webkit-transform: skewX(0deg); } 
    100% { -webkit-transform: skewX(0deg); } 
} 
@keyframes wiggle { 
    0% { transform: skewX(9deg); } 
    10% { transform: skewX(-8deg); } 
    20% { transform: skewX(7deg); } 
    30% { transform: skewX(-6deg); } 
    40% { transform: skewX(5deg); } 
    50% { transform: skewX(-4deg); } 
    60% { transform: skewX(3deg); } 
    70% { transform: skewX(-2deg); } 
    80% { transform: skewX(1deg); } 
    90% { transform: skewX(0deg); } 
    100% { transform: skewX(0deg); } 
} 
.wiggle.go { 
    -webkit-animation-name: wiggle; 
    animation-name: wiggle; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 

/********
* swing *
*********/

@-webkit-keyframes swing { 
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
    20% { -webkit-transform: rotate(15deg); } 
    40% { -webkit-transform: rotate(-10deg); } 
    60% { -webkit-transform: rotate(5deg); } 
    80% { -webkit-transform: rotate(-5deg); } 
    100% { -webkit-transform: rotate(0deg); } 
} 
@keyframes swing { 
    20% { transform: rotate(15deg); } 
    40% { transform: rotate(-10deg); } 
    60% { transform: rotate(5deg); } 
    80% { transform: rotate(-5deg); } 
    100% { transform: rotate(0deg); } 
} 
.swing.go { 
    -webkit-transform-origin: top center; 
    transform-origin: top center; 
    -webkit-animation-name: swing; 
    animation-name: swing; 
}

/*******
* tada *
********/

@-webkit-keyframes tada { 
    0% {-webkit-transform: scale(1);} 
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 
    100% {-webkit-transform: scale(1) rotate(0);} 
} 
@keyframes tada { 
    0% {transform: scale(1);} 
    10%, 20% {transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 
    100% {transform: scale(1) rotate(0);} 
} 
.tada.go { 
    -webkit-animation-name: tada; 
    animation-name: tada; 
}

/*********
* wobble *
**********/

@-webkit-keyframes wobble { 
  0% { -webkit-transform: translateX(0%); } 
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
  30% { -webkit-transform: translateX(20%) rotate(3deg); } 
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
  60% { -webkit-transform: translateX(10%) rotate(2deg); } 
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
  100% { -webkit-transform: translateX(0%); } 
} 
@keyframes wobble { 
  0% { transform: translateX(0%); } 
  15% { transform: translateX(-25%) rotate(-5deg); } 
  30% { transform: translateX(20%) rotate(3deg); } 
  45% { transform: translateX(-15%) rotate(-3deg); } 
  60% { transform: translateX(10%) rotate(2deg); } 
  75% { transform: translateX(-5%) rotate(-1deg); } 
  100% { transform: translateX(0%); } 
} 
.wobble.go { 
    -webkit-animation-name: wobble; 
    animation-name: wobble; 
}

/********
* pulse *
*********/

@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
} 
.pulse.go { 
    -webkit-animation-name: pulse; 
    animation-name: pulse; 
}

/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight { 
   0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInRight { 
    0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInRight.go { 
    -webkit-animation-name: lightSpeedInRight; 
    animation-name: lightSpeedInRight; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 

/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft { 
   0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInLeft { 
    0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInLeft.go { 
    -webkit-animation-name: lightSpeedInLeft; 
    animation-name: lightSpeedInLeft; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 


/*******
* Flip *
*******/
@-webkit-keyframes flip { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0); 
        -webkit-animation-timing-function: ease-out; 
    } 
    40% { 
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); 
        -webkit-animation-timing-function: ease-out; 
    } 
    50% { 
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
    80% { 
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); 
        -webkit-animation-timing-function: ease-in; 
    } 
    100% { 
        -webkit-transform: perspective(400px) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
}
@keyframes flip { 
    0% { 
        transform: perspective(400px) rotateY(0); 
        animation-timing-function: ease-out; 
    } 
    40% { 
        transform: perspective(400px) translateZ(150px) rotateY(170deg); 
        animation-timing-function: ease-out; 
    } 
    50% { 
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
        animation-timing-function: ease-in; 
    } 
    80% { 
        transform: perspective(400px) rotateY(360deg) scale(.95); 
        animation-timing-function: ease-in; 
    } 
    100% { 
        transform: perspective(400px) scale(1); 
        animation-timing-function: ease-in; 
    } 
} 
.flip.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flip; 
    backface-visibility: visible !important; 
    animation-name: flip; 
}

/**********
* flipInX *
**********/
@-webkit-keyframes flipInX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInX { 
    0% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
.flipInX.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInX; 
    backface-visibility: visible !important; 
    animation-name: flipInX; 
}

/**********
* flipInY *
**********/

@-webkit-keyframes flipInY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInY { 
    0% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
.flipInY.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInY; 
    backface-visibility: visible !important; 
    animation-name: flipInY; 
}

/*****************
* Out animations *
*****************/


/************
* bounceOut *
*************/
@-webkit-keyframes bounceOut { 
    0% { 
        -webkit-transform: scale(1); 
    } 
    25% { 
        -webkit-transform: scale(.95); 
    } 
    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.1); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 
} 
@keyframes bounceOut { 
    0% { 
        transform: scale(1); 
    } 
    25% { 
        transform: scale(.95); 
    } 
    50% { 
        opacity: 1; 
        transform: scale(1.1); 
    } 
    100% { 
        opacity: 0; 
        transform: scale(.3); 
    } 
} 
.bounceOut.goAway { 
    -webkit-animation-name: bounceOut; 
    animation-name: bounceOut; 
}

/************
* bounceOutUp *
*************/
@-webkit-keyframes bounceOutUp { 
    0% { 
        -webkit-transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
} 
@keyframes bounceOutUp { 
    0% { 
        transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
} 
.bounceOutUp.goAway { 
    -webkit-animation-name: bounceOutUp; 
    animation-name: bounceOutUp; 
}

/************
* bounceOutDown *
*************/
@-webkit-keyframes bounceOutDown { 
    0% { 
        -webkit-transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px); 
    } 
} 
@keyframes bounceOutDown { 
    0% { 
        transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
} 
.bounceOutDown.goAway { 
    -webkit-animation-name: bounceOutDown; 
    animation-name: bounceOutDown; 
}


/************
* bounceOutLeft *
*************/
@-webkit-keyframes bounceOutLeft { 
    0% { 
        -webkit-transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
} 
@keyframes bounceOutLeft { 
    0% { 
        transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateX(20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
} 
.bounceOutLeft.goAway { 
    -webkit-animation-name: bounceOutLeft; 
    animation-name: bounceOutLeft; 
}

/************
* bounceOutRight *
*************/
@-webkit-keyframes bounceOutRight { 
    0% { 
        -webkit-transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateX(-20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
} 
@keyframes bounceOutRight { 
    0% { 
        transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
} 
.bounceOutRight.goAway { 
    -webkit-animation-name: bounceOutRight; 
    animation-name: bounceOutRight; 
}

/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
@keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
.fadeOut.goAway { 
    -webkit-animation-name: fadeOut; 
    animation-name: fadeOut; 
}

/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
} 
@keyframes fadeOutUp { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
} 
.fadeOutUp.goAway { 
    -webkit-animation-name: fadeOutUp; 
    animation-name: fadeOutUp; 
}

/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px); 
    } 
} 
@keyframes fadeOutDown { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
} 
.fadeOutDown.goAway { 
    -webkit-animation-name: fadeOutDown; 
    animation-name: fadeOutDown; 
}

/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
} 
@keyframes fadeOutLeft { 
    0% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
} 
.fadeOutLeft.goAway { 
    -webkit-animation-name: fadeOutLeft; 
    animation-name: fadeOutLeft; 
}

/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
} 
@keyframes fadeOutRight { 
    0% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
} 
.fadeOutRight.goAway { 
    -webkit-animation-name: fadeOutRight; 
    animation-name: fadeOutRight; 
}
/************
* flipOutX *
*************/
@-webkit-keyframes flipOutX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
} 
@keyframes flipOutX { 
    0% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
    100% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
} 
.flipOutX.goAway { 
    -webkit-animation-name: flipOutX; 
    -webkit-backface-visibility: visible !important; 
    animation-name: flipOutX; 
    backface-visibility: visible !important; 
}

/************
* flipOutY *
*************/
@-webkit-keyframes flipOutY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
@keyframes flipOutY { 
    0% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
.flipOutY { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipOutY; 
    backface-visibility: visible !important; 
    animation-name: flipOutY; 
}

/************
* lightSpeedOutRight *
*************/
@-webkit-keyframes lightSpeedOutRight { 
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutRight { 
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
.lightSpeedOutRight.goAway { 
    -webkit-animation-name: lightSpeedOutRight; 
    animation-name: lightSpeedOutRight; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 


/************
* lightSpeedOutLeft *
*************/
@-webkit-keyframes lightSpeedOutLeft { 
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutLeft { 
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
.lightSpeedOutLeft.goAway { 
    -webkit-animation-name: lightSpeedOutLeft; 
    animation-name: lightSpeedOutLeft; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 

} 

/************
* rotateOut *
*************/
@-webkit-keyframes rotateOut { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(200deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOut { 
    0% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(200deg); 
        opacity: 0; 
    } 
} 
.rotateOut.goAway { 
    -webkit-animation-name: rotateOut; 
    animation-name: rotateOut; 
}


/************
* rotateOutUpLeft *
*************/
@-webkit-keyframes rotateOutUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -transform-origin: left bottom; 
        -transform: rotate(-90deg); 
        opacity: 0; 
    } 
} 
.rotateOutUpLeft.goAway { 
    -webkit-animation-name: rotateOutUpLeft; 
    animation-name: rotateOutUpLeft; 
}

/************
* rotateOutDownLeft *
*************/

@-webkit-keyframes rotateOutDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
.rotateOutDownLeft.goAway { 
    -webkit-animation-name: rotateOutDownLeft; 
    animation-name: rotateOutDownLeft; 
}
/************
* rotateOutUpRight *
*************/

@-webkit-keyframes rotateOutUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
.rotateOutUpRight.goAway { 
    -webkit-animation-name: rotateOutUpRight; 
    animation-name: rotateOutUpRight; 
}

/************
* rollOut *
*************/
@-webkit-keyframes rollOut { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0px) rotate(0deg); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(100%) rotate(120deg); 
    } 
} 
@keyframes rollOut { 
    0% { 
        opacity: 1; 
        transform: translateX(0px) rotate(0deg); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(100%) rotate(120deg); 
    } 
} 
.rollOut.goAway { 
    -webkit-animation-name: rollOut; 
    animation-name: rollOut; 
}
/*****************
* Short Animations
*******************/

/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUpShort{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
}
.fadeInUpShort.go { 
    -webkit-animation-name: fadeInUpShort; 
    animation-name: fadeInUpShort; 
}

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInDownShort { 
    0% { 
        opacity: 0; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDownShort{
    opacity: 0; 
    -webkit-transform: translateY(-20px); 
    transform: translateY(-20px); 
}
.fadeInDownShort.go { 
    -webkit-animation-name: fadeInDownShort; 
    animation-name: fadeInDownShort; 
}

/*********************
* fadeInRightShort 
*********************/
@-webkit-keyframes fadeInRightShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRightShort { 
    0% { 
        opacity: 0; 
        transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInRightShort { 
    opacity: 0; 
    -webkit-transform: translateX(20px);  
    transform: translateX(20px); 
}
.fadeInRightShort.go { 
    -webkit-animation-name: fadeInRightShort; 
    animation-name: fadeInRightShort; 
}

/*********************
* fadeInLeftShort 
*********************/
@-webkit-keyframes fadeInLeftShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeftShort { 
    0% { 
        opacity: 0; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeftShort { 
    opacity: 0; 
    -webkit-transform: translateX(-20px);  
    transform: translateX(-20px); 
}
.fadeInLeftShort.go { 
    -webkit-animation-name: fadeInLeftShort; 
    animation-name: fadeInLeftShort; 
}

/* translate */

 div#google_translate_element div.goog-te-gadget-simple{
		background-color: #fff;
		}
 div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span{
		color:000;
		}
 div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover{
		color:#333;
		}

#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-te-gadget-icon {background-image:url(https://joomla-gtranslate.googlecode.com/svn/trunk/gt_logo_19x19.gif) !important;background-position:0 0 !important;}
body {top:0 !important;}



/* Checkbox order now */
input[type=radio] {

 -ms-transform: scale(1.5); /* IE */
 -moz-transform: scale(1.5); /* FF */
 -webkit-transform: scale(1.5); /* Safari and Chrome */
 -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}


/* pagefooter text style */

#thefooter {

        width: 100%;
        margin: auto;
    }
    .footerFloat {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
    font-size:1.0em;
    color: #FFF;
    text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
    }
@media all and (min-width: 950px) {
    #thefooter {

        width: 1050px;
        margin: auto;
    } 
    .footerFloat {
	width: 25%;
	float: left;
	font-family: 'Open Sans', sans-serif;
    font-size:1.0em;
    color: #FFF;
    text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
    }
}

#footwrap{
	background: #E1E1E1;
	border-top: 1px solid #333;
	-moz-box-shadow: 0 -8px 8px -8px #000000;
    -webkit-box-shadow: 0 -8px 8px -8px #000000;
    box-shadow: 0 -8px 8px -8px #000000;
	overflow:hidden;
    width: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#999));
	background: -webkit-linear-gradient(top, #333, #999);
	background: -moz-linear-gradient(top, #333, #999);
	background: -o-linear-gradient(top, #333, #999);
	background: -ms-linear-gradient(top, #333, #999);
	background: linear-gradient(top, #333, #999);
}

    #footmenu {
	width: 100%;
    white-space: nowrap;
 	font-family: 'Open Sans', sans-serif;
    font-size:1.0em;
    color: #333333;
	margin-left: auto;
    margin-right: auto;
}
    #foottranslate a:link, a:hover, a:hover{
    font-family: 'Open Sans', sans-serif;
    font-size:1.0em;
	color: #000000;
}

#footsocial {
	bottom: 0px;
	width: 75%;
	white-space: nowrap;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	color: #fff;
	text-align: right;
	float: center;
	margin-left: auto;
    margin-right: auto;
    }

    #footinfo {
	width: 100%;
	height: 40px;
	padding-top: 20px;
	white-space: nowrap;
	font-family: 'Open Sans', sans-serif;
    font-size:1.0em;
    color: #fff;
    float: center;
	text-indent: 3%;
    margin-left: auto;
    margin-right: auto;
	background:#666666;
   text-shadow: #000000 2px -1px 1px;
    }
   
   .foothead {
font-family: 'Open Sans', sans-serif;
color:#fff;
font-size: 1.4em;
font-weight:bold;
text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
}

/* footer text style */


.footerFloat a:link{
font-family: 'Open Sans', sans-serif;
font-size:1.0em;
 color: #FFF;
 text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
}
.footerFloat a:visited{
font-family: 'Open Sans', sans-serif;
font-size:1.0em;
 color: #FFF;
 text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
}
.footerFloat a:hover{
font-family: 'Open Sans', sans-serif;
font-size:1.0em;
 color: #000000;
 text-shadow: #666666 2px -1px 1px rgba(102, 102, 102, 0.36);
}