/*
Theme Name: Avil Arts
Version: 1.0

/***********************************************************************************/
/*                                   Reset Browser                                 */
/***********************************************************************************/

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,
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;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-text-size-adjust: none;
}
* { 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
}
*:hover,
*:focus { 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
}
object, embed, video, iframe {
    max-width: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
:focus {/* remember to define focus styles! */
    outline: 1px dotted #888 !important;
}
div:focus {/* remember to define focus styles! */
    outline: 0px dotted #888 !important;
}
input[type="submit"]:hover {
    cursor: pointer;
}
textarea { 
    overflow: auto; 
    resize: none;
}
.move_none{ display:none}
.clear { 
    clear: both; 
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.clear {
    clear:both;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}



/***********************************************************************************/
/*                                  Fonts                                          */
/***********************************************************************************/
@font-face {
    font-family: 'helvetica_ceregular';
    src: url('fonts/helvetica_ceregular/hv_ce-webfont.eot');
    src: url('fonts/helvetica_ceregular/hv_ce-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica_ceregular/hv_ce-webfont.woff') format('woff'),
         url('fonts/helvetica_ceregular/hv_ce-webfont.ttf') format('truetype'),
         url('fonts/helvetica_ceregular/hv_ce-webfont.svg#helvetica_ceregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/open_sansregular/opensans-regular-webfont.eot');
    src: url('fonts/open_sansregular/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sansregular/opensans-regular-webfont.woff') format('woff'),
         url('fonts/open_sansregular/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/open_sansregular/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'novecento_widedemibold';
    src: url('fonts/novecento_widedemibold/synthview_-_novecentowide-demibold-webfont.eot');
    src: url('fonts/novecento_widedemibold/synthview_-_novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/novecento_widedemibold/synthview_-_novecentowide-demibold-webfont.woff') format('woff'),
         url('fonts/novecento_widedemibold/synthview_-_novecentowide-demibold-webfont.ttf') format('truetype'),
         url('fonts/novecento_widedemibold/synthview_-_novecentowide-demibold-webfont.svg#novecento_widedemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'novecento_widebook';
    src: url('fonts/novecento_widebook/synthview_-_novecentowide-book-webfont.eot');
    src: url('fonts/novecento_widebook/synthview_-_novecentowide-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/novecento_widebook/synthview_-_novecentowide-book-webfont.woff') format('woff'),
         url('fonts/novecento_widebook/synthview_-_novecentowide-book-webfont.ttf') format('truetype'),
         url('fonts/novecento_widebook/synthview_-_novecentowide-book-webfont.svg#novecento_widebook') format('svg');
    font-weight: normal;
    font-style: normal;
}



/***********************************************************************************/
/*                                  Main Elements                                  */
/***********************************************************************************/

@-webkit-keyframes bounce-down {
  from {
  	-webkit-transform: translateY(5px);
	opacity:1; 

  }

  to {
  	-webkit-transform: translateY(-5px);
	opacity:0.4; 

  }
}
 
@keyframes bounce-down {
  from {
  	-webkit-transform: translateY(5px);
	opacity:1; 

  }

  to {
  	-webkit-transform: translateY(-5px);
	opacity:0.4; 

  }
}

@-webkit-keyframes bounce-up {
  from {
  	-webkit-transform: translateY(-5px);
	opacity:1; 

  }

  to {
  	-webkit-transform: translateY(5px);
	opacity:0.4; 

  }
}
 
@keyframes bounce-up {
  from {
  	-webkit-transform: translateY(-5px);
	opacity:1; 

  }

  to {
  	-webkit-transform: translateY(5px);
	opacity:0.2; 

  }

}

a {
    color: #ffac0d;
    font-weight: normal;
    text-decoration: none;
    outline: none;   /* Remove dashed frame for IE8,FF  */ 
    transition:all .2s ease-in; 
    -o-transition:all .2s ease-in; 
    -moz-transition:all .2s ease-in; 
    -webkit-transition:all .2s ease-in;             
}
a:hover {
    color: #ffac0d;
    text-decoration: none;
    outline: none !important;
}
.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.625em;
}
dl {
    margin: 0 1.625em;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 1.625em;
}
strong {
    font-weight: bold;
}
cite, em, i {
    font-style: italic;
}
blockquote {
    font-family: Arial;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    padding:0 30px 0 49px;
}
blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}
blockquote cite {
    color: #666;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
pre {
    background: #f4f4f4;
    font: 13px "Courier 10 Pitch", Courier, monospace;
    line-height: 1.5;
    margin-bottom: 1.625em;
    overflow: auto;
    padding: 0.75em 1.625em;
}
/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.625em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
h1,
h1 a {
    color: #252525;
    font-size: 36px;
    font-weight: normal;
    font-family: 'novecento_widedemibold';  
    line-height: 40px;
    text-transform: uppercase;
    padding: 0 0 16px 0;
}
h2,
h2 a {
    color: #252525;
    font-size: 32px;
    font-weight: normal;
    font-family: 'novecento_widedemibold';  
    line-height: 36px;
    text-transform: uppercase;    
    padding: 0 0 13px 0;
}
h3,
h3 a {
    color: #252525;
    font-size: 28px;
    font-weight: normal;
    font-family: 'novecento_widedemibold';  
    line-height: 32px;
    text-transform: uppercase;    
    padding: 0 0 11px 0;
}
h4,
h4 a {
    color: #252525;
    font-size: 20px;
    font-weight: normal;
    font-family: 'novecento_widedemibold';  
    line-height: 24px;
    text-transform: uppercase;        
    padding: 0 0 6px 0;
}
h5,
h5 a {
    color: #252525;
    font-size: 14px;
    font-weight: normal;
    font-family: 'novecento_widebook';  
    line-height: 18px;
    padding: 0 0 3px 0;
}
h6,
h6 a {
    color: #252525;
    font-size: 10px;
    font-weight: normal;
    font-family: 'novecento_widebook';  
    line-height: 184px;
    padding: 0 0 1px 0;
}
p {
    padding: 0 0 18px;
}
img {
    max-width: 100%;
    height: auto;   
}

div.wpcf7-validation-errors{
    border: 2px solid #feab0d;
}
.content img {
    max-width: 100%;
    height: auto;
    margin: 10px 0 30px;    
}
.content img.alignleft {
    margin-right: 30px;
    margin-bottom: 4px; 
    float: left;
}
.content img.alignright {
    margin-left: 30px;
    margin-bottom: 4px;
    float: right;
}
.content img.alignnone {
    margin-left: 0;
    margin-right: 0;    
    float: none;
}
.content img.aligncenter {
    margin-left: auto;
    margin-right: auto; 
    float: none;
    display: block;
}
.content table {
    margin: 0;
    width: 100%;
}
.content table caption {
    color: #fd9200;
    font-weight: bold;
    padding: 15px 0;
}
.content table th {
    padding: 16px 8px;
    border: none;
    background: transparent;
    color: #fd9200;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial;
    line-height: 15px;
    vertical-align: top;    
}
.content table td {
    padding: 16px 8px;
    border: none;
    vertical-align: top;
}
.content table img {
    margin: 0;
    padding: 0;
}
.content ol li,
.content ul li {
    margin: 0 0 0 20px;
    padding: 3px 0 3px 8px;
}
.content ul {
    padding: 0 0 16px 0; 
}
.content ul li {
    list-style: none;
    padding: 3px 0 3px 27px;
    margin: 0;
    background: url(images/li.png) no-repeat 0 12px;
}
.content ul {
    list-style: disc;
}
.content ol {
    list-style-type: decimal;
}
.content ol ol {
    list-style: upper-alpha;
}
.content ol ol ol {
    list-style: lower-roman;
}
.content ol ol ol ol {
    list-style: lower-alpha;
}
.content ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
}


        
/***********************************************************************************/
/*                             Layout & Composition                                */
/***********************************************************************************/
body {
    color: #121212;
    font-size: 13px;
    font-weight: normal;
    font-family: 'open_sansregular';
    line-height: 20px;
    background: #000;
    width: 100%;
    text-align: left;
}
input,
select,
textarea {
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    font-family: 'open_sansregular';
    line-height: 20px;
}
input[type="text"]:focus,
input[type="password"]:focus {
    outline: none !important;
}
input[type="text"],
input[type="email"],
textarea {
    height: 20px;
    padding: 16px 10px;
    background: #2b2b2b;
    border: none;
    transition:all .2s ease-in; 
    -o-transition:all .2s ease-in; 
    -moz-transition:all .2s ease-in; 
    -webkit-transition:all .2s ease-in;        
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    background: #feab0d;
}
textarea {
    width: 424px;
    height: 144px;
}
input[type="submit"] {
    color: #fff;
    font-size: 16px;
    font-family: 'novecento_widedemibold';
    line-height: 23px;  
    text-align: center;
    text-transform: uppercase;   
    padding: 11px 38px 8px; 
    background: #feab0d;   
    border: none;
    transition:all .2s ease-in; 
    -o-transition:all .2s ease-in; 
    -moz-transition:all .2s ease-in; 
    -webkit-transition:all .2s ease-in;          
}
input[type="submit"]:hover {
    color: #feab0d;
    background: #fff;       
}



/***********************************************************************************/
/*                                  Header                                         */
/***********************************************************************************/
.header {
    position: relative;
}
.head {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}
.head_fixed,.head_fixed2{ padding:0!important}
.head_fixed .logo{ width:182px;}
.head_fixed .head_fixed_bg{ 
    position: fixed;
	display:block;
    width: 100%;
	height:78px;
    z-index: 999;
	top:-78px;
    background:url(images/header_bg_down.png) repeat;
	animation-fill-mode: forwards;transition:All 0.3s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;
}
.head_fixed2 .head_fixed_bg{ 
    position: fixed;
	display:block;
    width: 100%;
	height:78px;
    z-index: 99999999;
	top:0;
    background:url(images/header_bg_down.png) repeat;
	animation-fill-mode: forwards;transition:All 0.3s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;
}
.head_down{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}


.logo {
    display: block;
    float: left;
    margin: 13px 0 0 14px; 
}
.logo img {
    display: block;
}
.top_nav {
    float: right;
    padding: 33px 0 0 0;
}
.top_nav_mobile{ display:none}
.top_nav_pc{ display:block;}


.color_gray{ color:#454545!important}
.header .top_nav_pc ul li a{	

}
.header .top_nav_pc ul li a:hover{
color:#ffac0d!important
}

.top_nav,
.top_nav a {
    color: #ecedd8;
    font-size: 15px;
    font-family: 'helvetica_ceregular';
    line-height: 19px;   
    text-transform: uppercase; 
}
.top_nav li {
    float: left;
    padding: 0 12px 0 0;
}
.top_nav li.current-menu-item a,
.top_nav a:hover {
    color: #efc620;
}
.top_nav_menu {
    -webkit-appearance: none;
    display: none;
    padding: 5px 7px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: 30px;
    background: #f8f8f8 url(images/select.png) no-repeat 100% 50%;
    border: 1px solid #e8e8e8;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
}
.top_nav_menu option {
    padding: 5px 7px;   
    color: #000;
}




/***********************************************************************************/
/*                                  Slider                                         */
/***********************************************************************************/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
    outline:none;
}
.slides,.flex-control-nav,.flex-direction-nav {
    margin:0;
    padding:0;
    list-style:none;
}
/* FlexSlider Necessary Styles*********************************/
.flexslider .slides > li {
    display:none;
}
 /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width:100%;
    display:block;
}
.flex-pauseplay span {
    text-transform:capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
 html[xmlns] .slides {
    display:block;
}
 * html .slides {
    height:1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display:block;
}
/* FlexSlider Default Theme*********************************/
.flexslider {
    padding:0;
    margin:0 auto;
    position:relative;
    zoom:1;
}
.flex-viewport {
    max-height:2000px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease;
}
.loading .flex-viewport {
    max-height:300px;
}
.flexslider .slides {
    zoom:1;
}
.carousel li {
    margin-right:5px}
/* Direction Nav */
.flex-direction-nav {
    *height:0;
}
.flex-direction-nav a {
    width:20px;
    height:62px;
    margin:0;
    display:block;
    position:absolute;
    top:109px;
    cursor:pointer;
    text-indent:-9999px;
    opacity:1;
}
.flex-direction-nav .flex-next {
    right:0;
}
.flex-direction-nav .flex-prev {
    left:0;
}
.flexslider:hover .flex-next {
    opacity:0.8;
}
.flexslider:hover .flex-prev {
    opacity:0.8;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity:1;
}
.flex-direction-nav .flex-disabled {
    opacity:.3!important;
    filter:alpha(opacity=30);
    cursor:default;
}
/* Control Nav */
.flex-control-nav {
    position:absolute;
    top:8px;
    right:10px;
    text-align:center;
    padding:0 2px;
}
.flex-control-nav li {
    margin:0;
    display:inline-block;
    zoom:1;
    *display:inline;
}
.flex-control-paging li a {
    width:25px;
    height:32px;
    line-height:11px;
    font-size:11px;
    padding:0;
    margin:0 0 0 -7px;
    display:block;
    cursor:pointer;
    text-indent:-9999px;
}
.flex-control-paging li a:hover {
}
.flex-control-paging li a.flex-active {
    cursor:default;
}
.flex-control-thumbs {
    margin:5px 0 0;
    position:static;
    overflow:hidden;
}
.flex-control-thumbs li {
    width:25%;
    float:left;
    margin:0;
}
.flex-control-thumbs img {
    width:100%;
    display:block;
    opacity:.7;
    cursor:pointer;
}
.flex-control-thumbs img:hover {
    opacity:1;
}
.flex-control-thumbs .flex-active {
    opacity:1;
    cursor:default;
}
.slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.slider_bg {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;    
}
.slide_box {
    width: 1000px;
    height: 775px;
    margin: 0 auto;
    position: relative;
}
.slide_box img { 
    width: auto !important;
    height: auto !important;   
    z-index: 99;  
}
.slide_box img.slide1_txt {
    position: absolute;
    top: 37.4%;
    left: -100%;
    width: 49.7% !important;
    height: auto;
}
.slide_box img.bird1 {
    position: absolute;
    bottom: 4.2%;
    right: -100%; 
    width: 28.5% !important;   
    height: auto;    
}
.slide_box img.bird2 {
    position: absolute;
    bottom: 0;
    right: -100%;  
    width: 34% !important;
    height: auto;
}



/***********************************************************************************/
/*                                  Intro                                          */
/***********************************************************************************/
.intro_cover{ 
	width: 1200px;
	margin: 0 auto!important;
	position:relative!important;
    background: none!important;
}
.intro {
    width: 1200px;
    margin: 0 auto; 
    background: #ffac0d;  
    position: relative; 
    color: #000;
    font-size: 16px;
    font-family: 'novecento_widebook';
    line-height: 19px;
    text-transform: uppercase;  
    z-index: 9;  
}
.intro_txt {
    padding: 62px 53px 21px;
}
.intro .bold {
    font-size: 23px;
}
.our_apps {
    position: absolute;
    left: 0;
	top:-84px;
    padding: 0 26px 0 53px;
	z-index:8;
}

#our_apps_pc{}



.our_apps .title {
    width: 53px;
    height: 73px;
    background: #fff url(images/our_apps_title.jpg) no-repeat 50% 50%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.our_apps .more {
    display: block;
    width: 26px;
    height: 73px;
    background: #fff url(images/our_apps_more.jpg) no-repeat 50% 50%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.our_apps_list {
    float: left;
}
.our_apps ul li {
    float: left;
    margin: 0 0 0 13px;
    position: relative;    
}
.our_apps ul li:first-child {
    margin-left: 0;
}
.our_apps ul li a {
    display: block;
}

.our_apps ul li .colored {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
	opacity: 0
}
.our_apps ul li img {
    display: block;
}
.intro .text {
    float: left;
    width: 440px;
}
.intro .video {
    float: right;
    width: 463px;
}
.our_fileds li {
    float: left;
    margin: 0 0 0 60px;
}
.our_fileds li:first-child {
    margin-left: 0;
}
.our_fileds li a {
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    font-family: 'novecento_widedemibold';  
    line-height: 87px;
    text-align: center;
    text-transform: uppercase; 
    display: block;
    width: 87px;
    height: 87px;
    -moz-border-radius: 87px;
    -webkit-border-radius: 87px;
    border-radius: 87px;
    border: 3px solid #fff; 
    transition:all .4s ease-in; 
    -o-transition:all .4s ease-in; 
    -moz-transition:all .4s ease-in; 
    -webkit-transition:all .4s ease-in;          
}
.our_fileds li.web a {
    background: #2577c4;
}
.our_fileds li.web a:hover {
    color: #2577c4;
    background: #fff;
}
.our_fileds li.digital a {
    background: #303030;
}
.our_fileds li.digital a:hover {
    color: #303030;
    background: #fff;
}
.our_fileds li.games a {
    background: #ffac0d;
}
.our_fileds li.games a:hover {
    color: #ffac0d;
    background: #fff;
}

.intro_bg {
    width: 100%;
    height: 31px;
    border-top: 1px solid #ffbe1d;
    background: url(images/intro_bg.jpg) repeat 0 0;
}

.index_move_img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	min-height: 986px;
    overflow: hidden;
}
.index_move_img_po{
    padding: 0;
    margin: 0 auto;
    position: relative;
    zoom: 1;
}
.index_move_cover{
	width: 100%;
    float: left;
    margin-right: -100%;
    position: relative;

}
.cover_bg{
    position: absolute;
    top: 0;
    left: 0;
	background:#000;
    width: 100%;
    height: 100%;
	-webkit-animation: cover_bg 7s infinite;
	-moz-animation: cover_bg 7s infinite;
	animation: cover_bg 7s infinite;

}
/********slider_new********/
.download_span{ position:relative; display:block}
.download_img1{ position:absolute; z-index:3; left:0; top:0}
.download_img2{ position:absolute; left:0; top:0; z-index:0; opacity:0;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.download_a :hover .download_img2{z-index:4; opacity:1}
.slidermove_bg{
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
	-webkit-animation: slidermove_bg 21s infinite;
	-moz-animation: slidermove_bg 21s infinite;
	animation: slidermove_bg 21s infinite;
}
.slidermove_bg2{
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
	-webkit-animation: slidermove_bg2 21s infinite;
	-moz-animation: slidermove_bg2 21s infinite;
	animation: slidermove_bg2 21s infinite;
}
.slidermove_bg3{
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
	-webkit-animation: slidermove_bg3 21s infinite;
	-moz-animation: slidermove_bg3 21s infinite;
	animation: slidermove_bg3 21s infinite;
}
.index_move_img_box{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.slidemove_txt{
    position: absolute;
	z-index:999999;
    bottom:30%;
    width: 36.7% !important;
    height: auto;
	opacity:0;
	-webkit-animation: slidemove_txt_lr 21s infinite;
	-moz-animation: slidemove_txt_lr 21s infinite;
	animation: slidemove_txt_lr 21s infinite;
}
.googleplay01{
	display:block;
    position: absolute;
	z-index:999999;
    bottom: 28%;
    width: 18% !important;
    height: auto;
	opacity:0;
	-webkit-animation: googleplay01 21s infinite;
	-moz-animation: googleplay01 21s infinite;
	animation: googleplay01 21s infinite;
}
.slidemove2_txt{
    position: absolute;
    bottom:30%;
    width: 35.7% !important;
    height: auto;
	opacity:0;
	-webkit-animation: slidemove_txt_lr2 21s infinite;
	-moz-animation: slidemove_txt_lr2 21s infinite;
	animation: slidemove_txt_lr2 21s infinite;
}
.googleplay02{
	display:block;
    position: absolute;
	z-index:999999;
    bottom:28%;
    width: 18% !important;
    height: auto;
	opacity:0;
	-webkit-animation: googleplay02 21s infinite;
	-moz-animation: googleplay02 21s infinite;
	animation: googleplay02 21s infinite;
}
.appstore02{
	display:block;
    position: absolute;
	z-index:999999;
    bottom:28%;
    width: 18% !important;
    height: auto;
	opacity:0;
	-webkit-animation: appstore02 21s infinite;
	-moz-animation: appstore02 21s infinite;
	animation: appstore02 21s infinite;
}

.move_05 {
	width:390px;
	height:225px;
    bottom:30%;
	position:absolute;
	opacity:0;
	-webkit-animation: slidemove_txt_lr3 21s infinite;
	-moz-animation: slidemove_txt_lr3 21s infinite;
	animation: slidemove_txt_lr3 21s infinite;
}

.heroic_logo{
	width:390px;
	height:225px;
	position:absolute;
	z-index:1;
	left:0; 
	top:0;
	animation:heroic_logo 7s infinite linear;
	-moz-animation:heroic_logo 7s infinite linear;	
	-webkit-animation:heroic_logo 7s infinite linear;
	-o-animation:heroic_logo 7s infinite linear;	
}

.heroic_arrow01{
	width:49px;
	height:33px;
	position:absolute;
	z-index:2;
	left:58px; 
	top:104px;
	animation:heroic_arrow01 7s infinite linear;
	-moz-animation:heroic_arrow01 7s infinite linear;	
	-webkit-animation:heroic_arrow01 7s infinite linear;
	-o-animation:heroic_arrow01 7s infinite linear;	
}
.heroic_arrow02{
	width:54px;
	height:15px;
	position:absolute;
	z-index:2;
	left:60px; 
	top:128px;
	animation:heroic_arrow02 7s infinite linear;
	-moz-animation:heroic_arrow02 7s infinite linear;	
	-webkit-animation:heroic_arrow02 7s infinite linear;
	-o-animation:heroic_arrow02 7s infinite linear;	
}

@keyframes heroic_arrow01 {
0%   {
	left:312px;
	top:-49px;
	opacity:0
}
18.99%{
	left:312px;
	top:-49px;
	opacity:0
}
19%   {
	left:312px;
	top:-49px;
	opacity:1
}
20% {
	left:58px; 
	top:104px;
	opacity:1
}
21% {
	left:53px; 
	top:104px;
	opacity:1
}
22% {
	left:63px; 
}
23%   {
	left:53px; 
}
24% {
	left:63px; 
}
25% {
	left:53px; 
}
26% {
	left:63px; 
}
27% {
	left:53px; 
}
28% {
	left:63px; 
}
29% {
	left:58px; 
}

100% {
	left:58px; 
	top:104px;
}
}
@-moz-keyframes heroic_arrow01 {
0%   {
	left:312px;
	top:-49px;
	opacity:0
}
18.99%{
	left:312px;
	top:-49px;
	opacity:0
}
19%   {
	left:312px;
	top:-49px;
	opacity:1
}
20% {
	left:58px; 
	top:104px;
	opacity:1
}
21% {
	left:53px; 
	top:104px;
	opacity:1
}
22% {
	left:63px; 
}
23%   {
	left:53px; 
}
24% {
	left:63px; 
}
25% {
	left:53px; 
}
26% {
	left:63px; 
}
27% {
	left:53px; 
}
28% {
	left:63px; 
}
29% {
	left:58px; 
}

100% {
	left:58px; 
	top:104px;
}
}
@-webkit-keyframes heroic_arrow01 {
0%   {
	left:312px;
	top:-49px;
	opacity:0
}
18.99%{
	left:312px;
	top:-49px;
	opacity:0
}
19%   {
	left:312px;
	top:-49px;
	opacity:1
}
20% {
	left:58px; 
	top:104px;
	opacity:1
}
21% {
	left:53px; 
	top:104px;
	opacity:1
}
22% {
	left:63px; 
}
23%   {
	left:53px; 
}
24% {
	left:63px; 
}
25% {
	left:53px; 
}
26% {
	left:63px; 
}
27% {
	left:53px; 
}
28% {
	left:63px; 
}
29% {
	left:58px; 
}

100% {
	left:58px; 
	top:104px;
}
}
@-o-keyframes heroic_arrow01 {
0%   {
	left:312px;
	top:-49px;
	opacity:0
}
18.99%{
	left:312px;
	top:-49px;
	opacity:0
}
19%   {
	left:312px;
	top:-49px;
	opacity:1
}
20% {
	left:58px; 
	top:104px;
	opacity:1
}
21% {
	left:53px; 
	top:104px;
	opacity:1
}
22% {
	left:63px; 
}
23%   {
	left:53px; 
}
24% {
	left:63px; 
}
25% {
	left:53px; 
}
26% {
	left:63px; 
}
27% {
	left:53px; 
}
28% {
	left:63px; 
}
29% {
	left:58px; 
}

100% {
	left:58px; 
	top:104px;
}
}
@keyframes heroic_arrow02 {
0%   {
	left:395px;
	top:109px;
	opacity:0
}
20.99%   {
	left:395px;
	top:109px;
	opacity:0
}
21%   {
	left:395px;
	top:109px;
	opacity:1
}
22% {
	left:65px; 
	top:128px;
	opacity:1
}
23%   {
	left:55px; 
}
24% {
	left:65px; 
}
25% {
	left:55px; 
}
26% {
	left:65px; 
}
27% {
	left:55px; 
}
28% {
	left:65px; 
}
29% {
	left:60px; 
}

100% {
	left:60px; 
	top:128px;
}
}
@-moz-keyframes heroic_arrow02 {
0%   {
	left:395px;
	top:109px;
	opacity:0
}
20.99%   {
	left:395px;
	top:109px;
	opacity:0
}
21%   {
	left:395px;
	top:109px;
	opacity:1
}
22% {
	left:65px; 
	top:128px;
	opacity:1
}
23%   {
	left:55px; 
}
24% {
	left:65px; 
}
25% {
	left:55px; 
}
26% {
	left:65px; 
}
27% {
	left:55px; 
}
28% {
	left:65px; 
}
29% {
	left:60px; 
}

100% {
	left:60px; 
	top:128px;
}
}
@-webkit-keyframes heroic_arrow02 {
0%   {
	left:395px;
	top:109px;
	opacity:0
}
20.99%   {
	left:395px;
	top:109px;
	opacity:0
}
21%   {
	left:395px;
	top:109px;
	opacity:1
}
22% {
	left:65px; 
	top:128px;
	opacity:1
}
23%   {
	left:55px; 
}
24% {
	left:65px; 
}
25% {
	left:55px; 
}
26% {
	left:65px; 
}
27% {
	left:55px; 
}
28% {
	left:65px; 
}
29% {
	left:60px; 
}

100% {
	left:60px; 
	top:128px;
}
}
@-o-keyframes heroic_arrow02 {
0%   {
	left:395px;
	top:109px;
	opacity:0
}
20.99%   {
	left:395px;
	top:109px;
	opacity:0
}
21%   {
	left:395px;
	top:109px;
	opacity:1
}
22% {
	left:65px; 
	top:128px;
	opacity:1
}
23%   {
	left:55px; 
}
24% {
	left:65px; 
}
25% {
	left:55px; 
}
26% {
	left:65px; 
}
27% {
	left:55px; 
}
28% {
	left:65px; 
}
29% {
	left:60px; 
}

100% {
	left:60px; 
	top:128px;
}
}
@keyframes heroic_logo {
0%   {
	left:0; 
	top:0;
}
20%   {
	left:0; 
	top:0;
}
21%   {
	left:-5px; 
	top:0;
}
22% {
	left:5px; 
	top:0;
}
23%   {
	left:-5px; 
	top:0;
}
24% {
	left:5px; 
	top:0;
}
25% {
	left:-5px; 
	top:0;
}
26% {
	left:5px; 
	top:0;
}
27% {
	left:-5px; 
	top:0;
}
28% {
	left:5px; 
	top:0;
}
29% {
	left:0; 
	top:0;
}

100% {
	left:0; 
	top:0;
}
}
@-moz-keyframes heroic_logo {
0%   {
	left:0; 
	top:0;
}
20%   {
	left:0; 
	top:0;
}
21%   {
	left:-5px; 
	top:0;
}
22% {
	left:5px; 
	top:0;
}
23%   {
	left:-5px; 
	top:0;
}
24% {
	left:5px; 
	top:0;
}
25% {
	left:-5px; 
	top:0;
}
26% {
	left:5px; 
	top:0;
}
27% {
	left:-5px; 
	top:0;
}
28% {
	left:5px; 
	top:0;
}
29% {
	left:0; 
	top:0;
}

100% {
	left:0; 
	top:0;
}
}
@-webkit-keyframes heroic_logo {
0%   {
	left:0; 
	top:0;
}
20%   {
	left:0; 
	top:0;
}
21%   {
	left:-5px; 
	top:0;
}
22% {
	left:5px; 
	top:0;
}
23%   {
	left:-5px; 
	top:0;
}
24% {
	left:5px; 
	top:0;
}
25% {
	left:-5px; 
	top:0;
}
26% {
	left:5px; 
	top:0;
}
27% {
	left:-5px; 
	top:0;
}
28% {
	left:5px; 
	top:0;
}
29% {
	left:0; 
	top:0;
}

100% {
	left:0; 
	top:0;
}
}
@-o-keyframes heroic_logo {
0%   {
	left:0; 
	top:0;
}
20%   {
	left:0; 
	top:0;
}
21%   {
	left:-5px; 
	top:0;
}
22% {
	left:5px; 
	top:0;
}
23%   {
	left:-5px; 
	top:0;
}
24% {
	left:5px; 
	top:0;
}
25% {
	left:-5px; 
	top:0;
}
26% {
	left:5px; 
	top:0;
}
27% {
	left:-5px; 
	top:0;
}
28% {
	left:5px; 
	top:0;
}
29% {
	left:0; 
	top:0;
}

100% {
	left:0; 
	top:0;
}
}
.googleplay03{
	display:block;
    position: absolute;
	z-index:999999;
    bottom: 28%;
    width: 18% !important;
    height: auto;
	opacity:0;
	-webkit-animation: googleplay03 21s infinite;
	-moz-animation: googleplay03 21s infinite;
	animation: googleplay03 21s infinite;
}
.appstore03{
	display:block;
    position: absolute;
	z-index:999999;
    bottom: 28%;
    width: 18% !important;
    height: auto;
	opacity:0;
	-webkit-animation: appstore03 21s infinite;
	-moz-animation: appstore03 21s infinite;
	animation: appstore03 21s infinite;
}

.move_01{
    position: absolute;
	width:898px;
	height:725px;
	right:-20%;
	opacity:0;
	-webkit-animation: slidemove_bird1_lr 21s infinite ;
	-moz-animation: slidemove_bird1_lr 21s infinite ;
	animation: slidemove_bird1_lr 21s infinite ;

}
.ange_book{ 
	width:124px;
	height:139px;
	position:absolute;
	z-index:4; 
	left:249px; 
	top:153px;
	animation:book_updown 2s infinite linear;
	-moz-animation:book_updown 2s infinite linear;	
	-webkit-animation:book_updown 2s infinite linear;
	-o-animation:book_updown 2s infinite linear;	
}
.ange_book2{
	width:124px;
	height:139px;
	position:absolute;
	z-index:5; 
	left:249px; 
	top:153px;
	animation:book_updown02 2s infinite linear;
	-moz-animation:book_updown02 2s infinite linear;	
	-webkit-animation:book_updown02 2s infinite linear;
	-o-animation:book_updown02 2s infinite linear;	
}
.ange_gem{
	width:126px;
	height:179px;
	position:absolute;
	z-index:4; 
	left:421px; 
	top:71px;
	animation:ange_gem 2s infinite;
	-moz-animation:ange_gem 2s infinite;	
	-webkit-animation:ange_gem 2s infinite;
	-o-animation:ange_gem 2s infinite;	
}
.ange_m{ 
	width:854px;
	height:686px;
	position:absolute;
	z-index:3; 
	left:44px; 
	top:40px;
	animation:ange_m 2s infinite ;
	-moz-animation:ange_m 2s infinite ;	
	-webkit-animation:ange_m 2s infinite ;
	-o-animation:ange_m 2s infinite ;	
}
.ange_wing_l{
	width:428px;
	height:207px;
	position:absolute;
	z-index:2; 
	left:0; 
	top:29px;
	animation:wing_move_l 2s infinite ;
	-moz-animation:wing_move_l 2s infinite ;	
	-webkit-animation:wing_move_l 2s infinite ;
	-o-animation:wing_move_l 2s infinite ;
	transform-origin:100% 100%;
}
.ange_wing_r{
	width:428px;
	height:208px;
	position:absolute;
	z-index:2; 
	left:461px; 
	top:29px;
	animation:wing_move_r 2s infinite ;
	-moz-animation:wing_move_r 2s infinite ;	
	-webkit-animation:wing_move_r 2s infinite ;
	-o-animation:wing_move_r 2s infinite ;
	transform-origin:0% 100%;
}
.ange_light{
	width:504px;
	height:488px;
	position:absolute;
	z-index:1; 
	left:199px; 
	top:0;
	animation:light_opacity 7s infinite linear;
	-moz-animation:light_opacity 7s infinite linear;	
	-webkit-animation:light_opacity 7s infinite linear;
	-o-animation:light_opacity 7s infinite linear;	
	transform-origin:50% 50%;
}

.slidemove_bird2{
    position: absolute;
    bottom: 0;
    width: 34% !important;
    height: auto;
	z-index:9;
	opacity:0;
	-webkit-animation: slidemove_bird2_lr 21s infinite;
	-moz-animation: slidemove_bird2_lr 21s infinite;
	animation: slidemove_bird2_lr 21s infinite;

}

.move_02{
    position: absolute;
    bottom: 8.2%;
    width: 335px;
    height: 308px;
	opacity:0;
	-webkit-animation: slidemove_bird1_lr3 21s infinite ;
	-moz-animation: slidemove_bird1_lr3 21s infinite ;
	animation: slidemove_bird1_lr3 21s infinite ;
	transform:scale(1.3);
	-ms-transform:scale(1.3);
	transform-origin:50% 100%;
	-ms-transform-origin:50% 100%;
}
.boat_before {
	width:335px;
	position:absolute;
	z-index:3;
	left:0;
	top:122px
}
.boat_after {
	width:194px;
	position:absolute;
	z-index:1;
	left:84px;
	top:0
}
.candy_blue {
	width:95px;
	height:64px;
	position:absolute;
	z-index:4;
	left:35px;
	top:94px
}
.candy_blue_l {
	width:29px;
	height:35px;
	left:0;
	top:0;
	position:absolute;
	z-index:1;
	animation:move_y1_hl 1.2s infinite ;
	-moz-animation:move_y1_hl 1.2s infinite;	
	-webkit-animation:move_y1_hl 1.2s infinite;
	-o-animation:move_y1_hl 1.2s infinite;
	transform-origin:100% 100%;
}
.candy_blue_m {
	width:47px;
	height:59px;
	left:24px;
	top:5px;
	position:absolute;
	z-index:2;
	animation:move_y1 1.8s infinite ;
	-moz-animation:move_y1 1.8s infinite;	
	-webkit-animation:move_y1 1.8s infinite;
	-o-animation:move_y1 1.8s infinite;
	transform-origin:50% 100%;
}
.candy_blue_r {
	width:29px;
	height:35px;
	left:66px;
	top:17px;
	position:absolute;
	z-index:3;
	animation:move_y1_hr 1.2s infinite ;
	-moz-animation:move_y1_hr 1.2s infinite;	
	-webkit-animation:move_y1_hr 1.2s infinite;
	-o-animation:move_y1_hr 1.2s infinite;
	transform-origin:0% 80%;
}
.candy_red {
	width:92px;
	height:114px;
	position:absolute;
	z-index:2;
	left:115px;
	top:130px;
}
.candy_red_l {
	width:32px;
	height:58px;
	left:0;
	top:11px;
	position:absolute;
	z-index:1;
	animation:move_y1_hl 1.7s infinite ;
	-moz-animation:move_y1_hl 1.7s infinite;	
	-webkit-animation:move_y1_hl 1.7s infinite;
	-o-animation:move_y1_hl 1.7s infinite;
	transform-origin:100% 100%;
}
.candy_red_m {
	width:65px;
	height:106px;
	left:12px;
	top:0;
	position:absolute;
	z-index:2;
	animation:move_y2 2s infinite ;
	-moz-animation:move_y2 2s infinite;	
	-webkit-animation:move_y2 2s infinite;
	-o-animation:move_y2 2s infinite;
	transform-origin:50% 100%;
}
.candy_red_r {
	width:28px;
	height:37px;
	left:68px;
	top:77px;
	position:absolute;
	z-index:3;
	animation:move_y2 .7s infinite ;
	-moz-animation:move_y2 .7s infinite;	
	-webkit-animation:move_y2 .7s infinite;
	-o-animation:move_y2 .7s infinite;
	transform-origin:0% 0%;
}
.candys{ 
	width:53px;
	height:45px; 
	position:absolute; 
	z-index:2; 
	left:202px; 
	top:148px;
	animation:jump_candys 1.5s infinite ;
	-moz-animation:jump_candys 1.5s infinite;	
	-webkit-animation:jump_candys 1.5s infinite;
	-o-animation:jump_candys 1.5s infinite;
}
/*move*/
@keyframes light_opacity {
0%   {
opacity:0;
}
25%  {
opacity:0.8
}
50%  {
opacity:0.4
}
75%  {
opacity:1
}
100% {
opacity:0.3;
transform:rotate(50deg);
}
}
@-moz-keyframes light_opacity {
0%   {
opacity:0;
}
25%  {
opacity:0.8
}
50%  {
opacity:0.4
}
75%  {
opacity:1
}
100% {
opacity:0.3;
transform:rotate(50deg);
}
}
@-webkit-keyframes light_opacity {
0%   {
opacity:0;
}
25%  {
opacity:0.8
}
50%  {
opacity:0.4
}
75%  {
opacity:1
}
100% {
opacity:0.3;
transform:rotate(50deg);
}
}
@-o-keyframes light_opacity {
0%   {
opacity:0;
}
25%  {
opacity:0.8
}
50%  {
opacity:0.4
}
75%  {
opacity:1
}
100% {
opacity:0.3;
transform:rotate(50deg);
}
}

@keyframes book_updown {
0%   {
top:151px
}
50%  {
top:160px
}
55%  {
top:160px
}
100% {
top:151px
}
}
@-moz-keyframes book_updown {
0%   {
top:151px
}
50%  {
top:160px
}
55%  {
top:160px
}
100% {
top:151px
}
}
@-webkit-keyframes book_updown {
0%   {
top:151px
}
50%  {
top:160px
}
55%  {
top:160px
}
100% {
top:151px
}
}
@-o-keyframes book_updown {
0%   {
top:151px
}
50%  {
top:160px
}
55%  {
top:160px
}
100% {
top:151px
}
}

@keyframes book_updown02 {
0%   {
top:151px;
opacity:0;
}
50%  {
top:160px;
opacity:1;
}
55%  {
top:160px;
opacity:1;
}
100% {
top:151px;
opacity:0;
}
}
@-moz-keyframes book_updown02 {
0%   {
top:151px;
opacity:0;
}
50%  {
top:160px;
opacity:1;
}
55%  {
top:160px;
opacity:1;
}
100% {
top:151px;
opacity:0;
}
}
@-webkit-keyframes book_updown02 {
0%   {
top:151px;
opacity:0;
}
50%  {
top:160px;
opacity:1;
}
55%  {
top:160px;
opacity:1;
}
100% {
top:151px;
opacity:0;
}
}
@-o-keyframes book_updown02 {
0%   {
top:151px;
opacity:0;
}
50%  {
top:160px;
opacity:1;
}
55%  {
top:160px;
opacity:1;
}
100% {
top:151px;
opacity:0;
}
}

@keyframes ange_gem{
0%   {
top:71px;
opacity:0.3;
}
55%  {
top:59px;
opacity:1;
}
60%  {
top:59px;
opacity:1;
}
100% {
top:71px;
opacity:0.3;
}
}
@-moz-keyframes ange_gem{
0%   {
top:71px;
opacity:0.3;
}
55%  {
top:59px;
opacity:1;
}
60%  {
top:59px;
opacity:1;
}
100% {
top:71px;
opacity:0.3;
}
}
@-webkit-keyframes ange_gem{
0%   {
top:71px;
opacity:0.3;
}
55%  {
top:59px;
opacity:1;
}
60%  {
top:59px;
opacity:1;
}
100% {
top:71px;
opacity:0.3;
}
}
@-o-keyframes ange_gem{
0%   {
top:71px;
opacity:0.3;
}
55%  {
top:59px;
opacity:1;
}
60%  {
top:59px;
opacity:1;
}
100% {
top:71px;
opacity:0.3;
}
}

@keyframes ange_m {
0%   {
top:40px
}
55%  {
top:28px
}
60%  {
top:28px
}
100% {
top:40px
}
}
@-moz-keyframes ange_m {
0%   {
top:40px
}
55%  {
top:28px
}
60%  {
top:28px
}
100% {
top:40px
}
}
@-webkit-keyframes ange_m {
0%   {
top:40px
}
55%  {
top:28px
}
60%  {
top:28px
}
100% {
top:40px
}
}
@-o-keyframes ange_m {
0%   {
top:40px
}
55%  {
top:28px
}
60%  {
top:28px
}
100% {
top:40px
}
}

@keyframes wing_move_l {
0%  {
transform:scale(1.15) rotate(-5deg)
}
55%  {
transform:scale(1) rotate(-25deg)
}
60%  {
transform:scale(1) rotate(-25deg)
}
100%{
transform:scale(1.15) rotate(-5deg)
}
}
@-moz-keyframes wing_move_l {
0%  {
transform:scale(1.15) rotate(-5deg)
}
55%  {
transform:scale(1) rotate(-25deg)
}
60%  {
transform:scale(1) rotate(-25deg)
}
100%{
transform:scale(1.15) rotate(-5deg)
}
}
@-webkit-keyframes wing_move_l {
0%  {
transform:scale(1.15) rotate(-5deg)
}
55%  {
transform:scale(1) rotate(-25deg)
}
60%  {
transform:scale(1) rotate(-25deg)
}
100%{
transform:scale(1.15) rotate(-5deg)
}
}
@-o-keyframes wing_move_l {
0%  {
transform:scale(1.15) rotate(-5deg)
}
55%  {
transform:scale(1) rotate(-25deg)
}
60%  {
transform:scale(1) rotate(-25deg)
}
100%{
transform:scale(1.15) rotate(-5deg)
}
}

@keyframes wing_move_r {
0%  {
transform:scale(1.15) rotate(5deg)
}
55%  {
transform:scale(1) rotate(25deg)
}
60%  {
transform:scale(1) rotate(25deg)
}
100%{
transform:scale(1.15) rotate(5deg)
}
}

@-moz-keyframes wing_move_r {
0%  {
transform:scale(1.15) rotate(5deg)
}
55%  {
transform:scale(1) rotate(25deg)
}
60%  {
transform:scale(1) rotate(25deg)
}
100%{
transform:scale(1.15) rotate(5deg)
}
}

@-webkit-keyframes wing_move_r {
0%  {
transform:scale(1.15) rotate(5deg)
}
55%  {
transform:scale(1) rotate(25deg)
}
60%  {
transform:scale(1) rotate(25deg)
}
100%{
transform:scale(1.15) rotate(5deg)
}
}

@-o-keyframes wing_move_r {
0%  {
transform:scale(1.15) rotate(5deg)
}
55%  {
transform:scale(1) rotate(25deg)
}
60%  {
transform:scale(1) rotate(25deg)
}
100%{
transform:scale(1.15) rotate(5deg)
}
}


@keyframes move_y1_hl {
0%   {transform:rotate(-20deg);}
50%  {transform:rotate(5deg);}
100% {transform:rotate(-20deg);}
}
@-moz-keyframes move_y1_hl {
0%   {transform:rotate(-20deg);}
50%  {transform:rotate(5deg);}
100% {transform:rotate(-20deg);}
}
@-webkit-keyframes move_y1_hl {
0%   {transform:rotate(-20deg);}
50%  {transform:rotate(5deg);}
100% {transform:rotate(-20deg);}
}
@-o-keyframes move_y1_hl {
0%   {transform:rotate(-20deg);}
50%  {transform:rotate(5deg);}
100% {transform:rotate(-20deg);}
}

@keyframes move_y1 {
0%   {transform:rotate(-3deg);}
50%  {transform:rotate(3deg);}
100% {transform:rotate(-3deg);}
}
@-moz-keyframes move_y1 {
0%   {transform:rotate(-3deg);}
50%  {transform:rotate(3deg);}
100% {transform:rotate(-3deg);}
}
@-webkit-keyframes move_y1 {
0%   {transform:rotate(-3deg);}
50%  {transform:rotate(3deg);}
100% {transform:rotate(-3deg);}
}
@-o-keyframes move_y1 {
0%   {transform:rotate(-3deg);}
50%  {transform:rotate(3deg);}
100% {transform:rotate(-3deg);}
}

@keyframes move_y1_hr {
0%   {transform:rotate(30deg);}
50%  {transform:rotate(-5deg);}
100% {transform:rotate(30deg);}
}
@-moz-keyframes move_y1_hr {
0%   {transform:rotate(30deg);}
50%  {transform:rotate(-5deg);}
100% {transform:rotate(30deg);}
}
@-webkit-keyframes move_y1_hr {
0%   {transform:rotate(30deg);}
50%  {transform:rotate(-5deg);}
100% {transform:rotate(30deg);}
}
@-o-keyframes move_y1_hr {
0%   {transform:rotate(30deg);}
50%  {transform:rotate(-5deg);}
100% {transform:rotate(30deg);}
}

@keyframes move_y2 {
0%   {transform:rotate(-2deg);}
50%  {transform:rotate(-5deg);}
100% {transform:rotate(-2deg);}
}
@-moz-keyframes move_y2 {
0%   {transform:rotate(-2deg);}
50%  {transform:rotate(-5deg);}
100% {transform:rotate(-2deg);}
}
@-webkit-keyframes move_y2 {
0%   {transform:rotate(-2deg);}
50%  {transform:rotate(-5deg);}
100% {transform:rotate(-2deg);}
}
@-o-keyframes move_y2 {
0%   {transform:rotate(-2deg);}
50%  {transform:rotate(-5deg);}
100% {transform:rotate(-2deg);}
}

@keyframes jump_candys {
0%   {top:148px}
50% {top:141px}
100% {top:148px}
}
@-moz-keyframes jump_candys {
0%   {top:148px}
50% {top:141px}
100% {top:148px}
}
@-webkit-keyframes jump_candys {
0%   {top:148px}
50% {top:141px}
100% {top:148px}
}
@-o-keyframes jump_candys {
0%   {top:148px}
50% {top:141px}
100% {top:148px}
}

@keyframes slidemove_bird1_lr{
  0%{
    bottom:200%;
	opacity:1;
  }
  1.3%{
    bottom:200%;
	opacity:1;
  }
  5% {
    bottom:0%;
	opacity:1;
  }
  30% {
    bottom:0%;
	opacity:1;
  }
  32% {
    bottom:0%;
	opacity:0;
  }
  33% {
    bottom:200%;
	opacity:0;
  }
  100% {
    bottom:200%;
	opacity:0;
  }
}
@-moz-keyframes slidemove_bird1_lr {
  0%{
    bottom:200%;
	opacity:1;
  }
  1.3%{
    bottom:200%;
	opacity:1;
  }
  5% {
    bottom:0%;
	opacity:1;
  }
  30% {
    bottom:0%;
	opacity:1;
  }
  32% {
    bottom:0%;
	opacity:0;
  }
  33% {
    bottom:200%;
	opacity:0;
  }
  100% {
    bottom:200%;
	opacity:0;
  }
}
@-webkit-keyframes slidemove_bird1_lr {
  0%{
    bottom:200%;
	opacity:1;
  }
  1.3%{
    bottom:200%;
	opacity:1;
  }
  5% {
    bottom:0%;
	opacity:1;
  }
  30% {
    bottom:0%;
	opacity:1;
  }
  32% {
    bottom:0%;
	opacity:0;
  }
  33% {
    bottom:200%;
	opacity:0;
  }
  100% {
    bottom:200%;
	opacity:0;
  }
}
@-o-keyframes slidemove_bird1_lr {
  0%{
    bottom:200%;
	opacity:1;
  }
  1.3%{
    bottom:200%;
	opacity:1;
  }
  5% {
    bottom:0%;
	opacity:1;
  }
  30% {
    bottom:0%;
	opacity:1;
  }
  32% {
    bottom:0%;
	opacity:0;
  }
  33% {
    bottom:200%;
	opacity:0;
  }
  100% {
    bottom:200%;
	opacity:0;
  }
}

@media only screen and (max-width:1500px) {
.move_01 {
	width:740px;
	height:597px;
	right:0
}

.ange_book{ 
	width:103px;
	height:115px;
	left:205px; 
	top:126px;
}
.ange_book2{ 
	width:103px;
	height:115px;
	left:205px; 
	top:126px;
}
.ange_gem{ 
	width:104px;
	height:148px;
	left:347px; 
	top:58px;
}
.ange_m{ 
	width:704px;
	height:565px;
	left:36px; 
	top:33px;
}
.ange_wing_l{
	width:353px;
	height:171px;
	left:0; 
	top:24px;
}
.ange_wing_r{
	width:353px;
	height:172px;
	left:380px; 
	top:24px;
}
.ange_light{
	width:411px;
	height:402px;
	left:164px; 
	top:0;
}
@keyframes book_updown {
0%   {
top:124px
}
50%  {
top:130px
}
55%  {
top:130px
}
100% {
top:124px
}
}
@-moz-keyframes book_updown {
0%   {
top:124px
}
50%  {
top:130px
}
55%  {
top:130px
}
100% {
top:124px
}
}
@-webkit-keyframes book_updown {
0%   {
top:124px
}
50%  {
top:130px
}
55%  {
top:130px
}
100% {
top:124px
}
}
@-o-keyframes book_updown {
0%   {
top:124px
}
50%  {
top:130px
}
55%  {
top:130px
}
100% {
top:124px
}
}

@keyframes book_updown02 {
0%   {
top:124px;
opacity:0;
}
50%  {
top:130px;
opacity:1;
}
55%  {
top:130px;
opacity:1;
}
100% {
top:124px;
opacity:0;
}
}
@-moz-keyframes book_updown02 {
0%   {
top:124px;
opacity:0;
}
50%  {
top:130px;
opacity:1;
}
55%  {
top:130px;
opacity:1;
}
100% {
top:124px;
opacity:0;
}
}
@-webkit-keyframes book_updown02 {
0%   {
top:124px;
opacity:0;
}
50%  {
top:130px;
opacity:1;
}
55%  {
top:130px;
opacity:1;
}
100% {
top:124px;
opacity:0;
}
}
@-o-keyframes book_updown02 {
0%   {
top:124px;
opacity:0;
}
50%  {
top:130px;
opacity:1;
}
55%  {
top:130px;
opacity:1;
}
100% {
top:124px;
opacity:0;
}
}

@keyframes ange_gem{
0%   {
top:58px;
opacity:0.3;
}
55%  {
top:45px;
opacity:1;
}
60%  {
top:45px;
opacity:1;
}
100% {
top:58px;
opacity:0.3;
}
}
@-moz-keyframes ange_gem{
0%   {
top:58px;
opacity:0.3;
}
55%  {
top:45px;
opacity:1;
}
60%  {
top:45px;
opacity:1;
}
100% {
top:58px;
opacity:0.3;
}
}
@-webkit-keyframes ange_gem{
0%   {
top:58px;
opacity:0.3;
}
55%  {
top:45px;
opacity:1;
}
60%  {
top:45px;
opacity:1;
}
100% {
top:58px;
opacity:0.3;
}
}
@-o-keyframes ange_gem{
0%   {
top:58px;
opacity:0.3;
}
55%  {
top:45px;
opacity:1;
}
60%  {
top:45px;
opacity:1;
}
100% {
top:58px;
opacity:0.3;
}
}

@keyframes ange_m {
0%   {
top:33px
}
55%  {
top:20px
}
60%  {
top:20px
}
100% {
top:33px
}
}
@-moz-keyframes ange_m {
0%   {
top:33px
}
55%  {
top:20px
}
60%  {
top:20px
}
100% {
top:33px
}
}
@-webkit-keyframes ange_m {
0%   {
top:33px
}
55%  {
top:20px
}
60%  {
top:20px
}
100% {
top:33px
}
}
@-o-keyframes ange_m {
0%   {
top:33px
}
55%  {
top:20px
}
60%  {
top:20px
}
100% {
top:33px
}
}

}

@media only screen and (max-width:1026px) {
.move_01 {
	width:646px;
	height:521px;
}
.ange_book{ 
	width:90px;
	height:101px;
	left:179px; 
	top:110px;	
}
.ange_book2{ 
	width:90px;
	height:101px;
	left:179px; 
	top:110px;	
}
.ange_gem{ 
	width:91px;
	height:130px;
	left:303px; 
	top:51px;	
}
.ange_m{ 
	width:615px;
	height:494px;
	left:31px; 
	top:29px;	
}
.ange_wing_l{
	width:309px;
	height:150px;
	left:0; 
	top:21px;
}
.ange_wing_r{
	width:309px;
	height:151px;
	left:332px; 
	top:21px;
}
.ange_light{
	width:359px;
	height:351px;
	left:143px; 
	top:0;
}

@keyframes book_updown {
0%   {
top:108px
}
50%  {
top:112px
}
55%  {
top:112px
}
100% {
top:108px
}
}
@-moz-keyframes book_updown {
0%   {
top:108px
}
50%  {
top:112px
}
55%  {
top:112px
}
100% {
top:108px
}
}
@-webkit-keyframes book_updown {
0%   {
top:108px
}
50%  {
top:112px
}
55%  {
top:112px
}
100% {
top:108px
}
}
@-o-keyframes book_updown {
0%   {
top:108px
}
50%  {
top:112px
}
55%  {
top:112px
}
100% {
top:108px
}
}
@keyframes book_updown02 {
0%   {
top:108px;
opacity:0;
}
50%  {
top:112px;
opacity:1;
}
55%  {
top:112px;
opacity:1;
}
100% {
top:108px;
opacity:0;
}
}
@-moz-keyframes book_updown02 {
0%   {
top:108px;
opacity:0;
}
50%  {
top:112px;
opacity:1;
}
55%  {
top:112px;
opacity:1;
}
100% {
top:108px;
opacity:0;
}
}
@-webkit-keyframes book_updown02 {
0%   {
top:108px;
opacity:0;
}
50%  {
top:112px;
opacity:1;
}
55%  {
top:112px;
opacity:1;
}
100% {
top:108px;
opacity:0;
}
}
@-o-keyframes book_updown02 {
0%   {
top:108px;
opacity:0;
}
50%  {
top:112px;
opacity:1;
}
55%  {
top:112px;
opacity:1;
}
100% {
top:108px;
opacity:0;
}
}

@keyframes ange_gem{
0%   {
top:51px;
opacity:0.3;
}
55%  {
top:40px;
opacity:1;
}
60%  {
top:40px;
opacity:1;
}
100% {
top:51px;
opacity:0.3;
}
}
@-moz-keyframes ange_gem{
0%   {
top:51px;
opacity:0.3;
}
55%  {
top:40px;
opacity:1;
}
60%  {
top:40px;
opacity:1;
}
100% {
top:51px;
opacity:0.3;
}
}
@-webkit-keyframes ange_gem{
0%   {
top:51px;
opacity:0.3;
}
55%  {
top:40px;
opacity:1;
}
60%  {
top:40px;
opacity:1;
}
100% {
top:51px;
opacity:0.3;
}
}
@-o-keyframes ange_gem{
0%   {
top:51px;
opacity:0.3;
}
55%  {
top:40px;
opacity:1;
}
60%  {
top:40px;
opacity:1;
}
100% {
top:51px;
opacity:0.3;
}
}
@keyframes ange_m {
0%   {
top:29px
}
55%  {
top:18px
}
60%  {
top:18px
}
100% {
top:29px
}
}
@-moz-keyframes ange_m {
0%   {
top:29px
}
55%  {
top:18px
}
60%  {
top:18px
}
100% {
top:29px
}
}
@-webkit-keyframes ange_m {
0%   {
top:29px
}
55%  {
top:18px
}
60%  {
top:18px
}
100% {
top:29px
}
}
@-o-keyframes ange_m {
0%   {
top:29px
}
55%  {
top:18px
}
60%  {
top:18px
}
100% {
top:29px
}
}

}

@media only screen and (max-width:900px) {
.move_05{
	transform-origin: 20% 100%;
    transform: scale(0.8);
}
.move_03{
	transform-origin:100% 100%;
	transform:scale(0.8)
}
.move_04{
	transform-origin:100% 100%;
	transform:scale(0.8)
}
}
@media only screen and (max-width:700px) {
.move_05{
transform-origin: 0% 100%;
    transform: scale(0.6);
}
.move_03{
	transform-origin:100% 100%;
	transform:scale(0.6)
}
.move_04{
	transform-origin:100% 100%;
	transform:scale(0.6)
}
}
@media only screen and (max-width:550px) {
.move_05{
transform-origin: 0% 100%;
    transform: scale(0.5);
}
.move_03{
	transform-origin:100% 100%;
	transform:scale(0.4)
}
.move_04{
	transform-origin:100% 100%;
	transform:scale(0.4)
}
}
@media only screen and (max-width:450px) {
.move_05{
transform-origin: 0% 100%;
    transform: scale(0.4);
}
}
@media only screen and (max-width:350px) {
.move_05{
transform-origin: 0% 100%;
    transform: scale(0.3);
}
.move_03{
	transform-origin:100% 100%;
	transform:scale(0.3)
}
.move_04{
	transform-origin:100% 100%;
	transform:scale(0.3)
}
}

@media only screen and (max-width:824px) {
.move_01 {
	width:529px;
	height:427px;
}
.ange_book{ 
	width:74px;
	height:83px;
	left:147px; 
	top:90px;
}
.ange_book2{ 
	width:74px;
	height:83px;
	left:147px; 
	top:90px;
}
.ange_gem{ 
	width:75px;
	height:107px;
	left:248px; 
	top:42px;
}
.ange_m{ 
	width:504px;
	height:405px;
	left:25px; 
	top:24px;
}
.ange_wing_l{
	width:254px;
	height:123px;
	left:0; 
	top:17px;
}
.ange_wing_r{
	width:254px;
	height:124px;
	left:272px; 
	top:17px;
}
.ange_light{
	width:294px;
	height:288px;
	left:117px; 
	top:0;
}
@keyframes book_updown {
0%   {
top:88px
}
50%  {
top:92px
}
55%  {
top:92px
}
100% {
top:88px
}
}
@-moz-keyframes book_updown {
0%   {
top:88px
}
50%  {
top:92px
}
55%  {
top:92px
}
100% {
top:88px
}
}
@-webkit-keyframes book_updown {
0%   {
top:88px
}
50%  {
top:92px
}
55%  {
top:92px
}
100% {
top:88px
}
}
@-o-keyframes book_updown {
0%   {
top:88px
}
50%  {
top:92px
}
55%  {
top:92px
}
100% {
top:88px
}
}

@keyframes book_updown02 {
0%   {
opacity:0;
top:88px
}
50%  {
opacity:1;
top:92px
}
55%  {
opacity:1;
top:92px
}
100% {
opacity:0;
top:88px
}
}
@-moz-keyframes book_updown02 {
0%   {
opacity:0;
top:88px
}
50%  {
opacity:1;
top:92px
}
55%  {
opacity:1;
top:92px
}
100% {
opacity:0;
top:88px
}
}
@-webkit-keyframes book_updown02 {
0%   {
opacity:0;
top:88px
}
50%  {
opacity:1;
top:92px
}
55%  {
opacity:1;
top:92px
}
100% {
opacity:0;
top:88px
}
}
@-o-keyframes book_updown02 {
0%   {
opacity:0;
top:88px
}
50%  {
opacity:1;
top:92px
}
55%  {
opacity:1;
top:92px
}
100% {
opacity:0;
top:88px
}
}


@keyframes ange_gem{
0%   {
top:42px;
opacity:0.3;
}
55%  {
top:32px;
opacity:1;
}
60%  {
top:32px;
opacity:1;
}
100% {
top:42px;
opacity:0.3;
}
}
@-moz-keyframes ange_gem{
0%   {
top:42px;
opacity:0.3;
}
55%  {
top:32px;
opacity:1;
}
60%  {
top:32px;
opacity:1;
}
100% {
top:42px;
opacity:0.3;
}
}
@-webkit-keyframes ange_gem{
0%   {
top:42px;
opacity:0.3;
}
55%  {
top:32px;
opacity:1;
}
60%  {
top:32px;
opacity:1;
}
100% {
top:42px;
opacity:0.3;
}
}
@-o-keyframes ange_gem{
0%   {
top:42px;
opacity:0.3;
}
55%  {
top:32px;
opacity:1;
}
60%  {
top:32px;
opacity:1;
}
100% {
top:42px;
opacity:0.3;
}
}

@keyframes ange_m {
0%   {
top:24px
}
55%  {
top:14px
}
60%  {
top:14px
}
100% {
top:24px
}
}
@-moz-keyframes ange_m {
0%   {
top:24px
}
55%  {
top:14px
}
60%  {
top:14px
}
100% {
top:24px
}
}
@-webkit-keyframes ange_m {
0%   {
top:24px
}
55%  {
top:14px
}
60%  {
top:14px
}
100% {
top:24px
}
}
@-o-keyframess ange_m {
0%   {
top:24px
}
55%  {
top:14px
}
60%  {
top:14px
}
100% {
top:24px
}
}
.move_02{
    position: absolute;
    bottom: 8.2%;
    width: 335px;
    height: 308px;
	opacity:0;
	-webkit-animation: slidemove_bird1_lr3 21s infinite ;
	-moz-animation: slidemove_bird1_lr3 21s infinite ;
	animation: slidemove_bird1_lr3 21s infinite ;
	transform:scale(1);
	transform-origin:50% 100%;
}
.boat_before {
	width:335px;
	position:absolute;
	z-index:3;
	left:0;
	top:122px
}
.boat_after {
	width:194px;
	position:absolute;
	z-index:1;
	left:84px;
	top:0
}
.candy_blue {
	width:95px;
	height:64px;
	position:absolute;
	z-index:4;
	left:35px;
	top:94px
}
.candy_blue_l {
	width:29px;
	height:35px;
	left:0;
	top:0;
	position:absolute;
	z-index:1;
	animation:move_y1_hl 1.2s infinite ;
	-moz-animation:move_y1_hl 1.2s infinite;	
	-webkit-animation:move_y1_hl 1.2s infinite;
	-o-animation:move_y1_hl 1.2s infinite;
	transform-origin:100% 100%;
}
.candy_blue_m {
	width:47px;
	height:59px;
	left:24px;
	top:5px;
	position:absolute;
	z-index:2;
	animation:move_y1 1.8s infinite ;
	-moz-animation:move_y1 1.8s infinite;	
	-webkit-animation:move_y1 1.8s infinite;
	-o-animation:move_y1 1.8s infinite;
	transform-origin:50% 100%;
}
.candy_blue_r {
	width:29px;
	height:35px;
	left:66px;
	top:17px;
	position:absolute;
	z-index:3;
	animation:move_y1_hr 1.2s infinite ;
	-moz-animation:move_y1_hr 1.2s infinite;	
	-webkit-animation:move_y1_hr 1.2s infinite;
	-o-animation:move_y1_hr 1.2s infinite;
	transform-origin:0% 80%;
}
.candy_red {
	width:92px;
	height:114px;
	position:absolute;
	z-index:2;
	left:115px;
	top:130px;
}
.candy_red_l {
	width:32px;
	height:58px;
	left:0;
	top:11px;
	position:absolute;
	z-index:1;
	animation:move_y1_hl 1.7s infinite ;
	-moz-animation:move_y1_hl 1.7s infinite;	
	-webkit-animation:move_y1_hl 1.7s infinite;
	-o-animation:move_y1_hl 1.7s infinite;
	transform-origin:100% 100%;
}
.candy_red_m {
	width:65px;
	height:106px;
	left:12px;
	top:0;
	position:absolute;
	z-index:2;
	animation:move_y2 2s infinite ;
	-moz-animation:move_y2 2s infinite;	
	-webkit-animation:move_y2 2s infinite;
	-o-animation:move_y2 2s infinite;
	transform-origin:50% 100%;
}
.candy_red_r {
	width:28px;
	height:37px;
	left:68px;
	top:77px;
	position:absolute;
	z-index:3;
	animation:move_y2 .7s infinite ;
	-moz-animation:move_y2 .7s infinite;	
	-webkit-animation:move_y2 .7s infinite;
	-o-animation:move_y2 .7s infinite;
	transform-origin:0% 0%;
}
.candys{ 
	width:53px;
	height:45px; 
	position:absolute; 
	z-index:2; 
	left:202px; 
	top:148px;
	animation:jump_candys 1.5s infinite ;
	-moz-animation:jump_candys 1.5s infinite;	
	-webkit-animation:jump_candys 1.5s infinite;
	-o-animation:jump_candys 1.5s infinite;
}
@keyframes jump_candys {
0%   {top:148px}
50% {top:141px}
100% {top:148px}
}
@-moz-keyframes jump_candys {
0%   {top:148px}
50% {top:141px}
100% {top:148px}
}
@-webkit-keyframes jump_candys {
0%   {top:148px}
50% {top:141px}
100% {top:148px}
}
@-o-keyframes jump_candys {
0%   {top:148px}
50% {top:141px}
100% {top:148px}
}

}


@media only screen and (max-width: 640px) {
.move_01 {
	width:415px;
	height:335px;
}
.ange_book{ 
	width:59px;
	height:66px;
	left:115px; 
	top:71px;	
}
.ange_book2{ 
	width:59px;
	height:66px;
	left:115px; 
	top:71px;	
}
.ange_gem{ 
	width:59px;
	height:84px;
	left:195px; 
	top:33px;
}
.ange_m{ 
	width:396px;
	height:318px;
	left:20px; 
	top:19px;
}
.ange_wing_l{
	width:200px;
	height:97px;
	left:0; 
	top:13px;
}
.ange_wing_r{
	width:200px;
	height:98px;
	left:213px; 
	top:13px;
}
.ange_light{
	width:231px;
	height:226px;
	left:92px; 
	top:0;
}

@keyframes book_updown {
0%   {
top:69px
}
50%  {
top:74px
}
55%  {
top:74px
}
100% {
top:69px
}
}
@-moz-keyframes book_updown {
0%   {
top:69px
}
50%  {
top:74px
}
55%  {
top:74px
}
100% {
top:69px
}
}
@-webkit-keyframes book_updown {
0%   {
top:69px
}
50%  {
top:74px
}
55%  {
top:74px
}
100% {
top:69px
}
}
@-o-keyframes book_updown {
0%   {
top:69px
}
50%  {
top:74px
}
55%  {
top:74px
}
100% {
top:69px
}
}

@keyframes book_updown02 {
0%   {
opacity:0;
top:69px
}
50%  {
opacity:1;
top:74px
}
55%  {
opacity:1;
top:74px
}
100% {
opacity:0;
top:69px
}
}
@-moz-keyframes book_updown02 {
0%   {
opacity:0;
top:69px
}
50%  {
opacity:1;
top:74px
}
55%  {
opacity:1;
top:74px
}
100% {
opacity:0;
top:69px
}
}
@-webkit-keyframes book_updown02 {
0%   {
opacity:0;
top:69px
}
50%  {
opacity:1;
top:74px
}
55%  {
opacity:1;
top:74px
}
100% {
opacity:0;
top:69px
}
}
@-o-keyframes book_updown02 {
0%   {
opacity:0;
top:69px
}
50%  {
opacity:1;
top:74px
}
55%  {
opacity:1;
top:74px
}
100% {
opacity:0;
top:69px
}
}

@keyframes ange_gem{
0%   {
top:33px;
opacity:0.3;
}
55%  {
top:23px;
opacity:1;
}
60%  {
top:23px;
opacity:1;
}
100% {
top:33px;
opacity:0.3;
}
}
@-moz-keyframes ange_gem{
0%   {
top:33px;
opacity:0.3;
}
55%  {
top:23px;
opacity:1;
}
60%  {
top:23px;
opacity:1;
}
100% {
top:33px;
opacity:0.3;
}
}
@-webkit-keyframes ange_gem{
0%   {
top:33px;
opacity:0.3;
}
55%  {
top:23px;
opacity:1;
}
60%  {
top:23px;
opacity:1;
}
100% {
top:33px;
opacity:0.3;
}
}
@-o-keyframes ange_gem{
0%   {
top:33px;
opacity:0.3;
}
55%  {
top:23px;
opacity:1;
}
60%  {
top:23px;
opacity:1;
}
100% {
top:33px;
opacity:0.3;
}
}

@keyframes ange_m {
0%   {
top:19px
}
55%  {
top:9px
}
60%  {
top:9px
}
100% {
top:19px
}
}
@-moz-keyframes ange_m {
0%   {
top:19px
}
55%  {
top:9px
}
60%  {
top:9px
}
100% {
top:19px
}
}
@-webkit-keyframes ange_m {
0%   {
top:19px
}
55%  {
top:9px
}
60%  {
top:9px
}
100% {
top:19px
}
}
@-o-keyframes ange_m {
0%   {
top:19px
}
55%  {
top:9px
}
60%  {
top:9px
}
100% {
top:19px
}
}

.move_02 {
	width:216px;
	height:199px;
}
.boat_before {
	width:216px;
	left:0;
	top:78px
}
.boat_after {
	width:126px;
	left:59px;
	top:0
}
.candy_blue {
	width:61px;
	height:42px;
	left:24px;
	top:61px
}
.candy_blue_l {
	width:19px;
	height:23px;
	left:0;
	top:0;
}
.candy_blue_m {
	width:31px;
	height:39px;
	left:14px;
	top:3px;
}
.candy_blue_r {
	width:19px;
	height:12px;
	left:41px;
	top:11px;
}
.candy_red {
	width:60px;
	height:74px;
	left:74px;
	top:84px;
}
.candy_red_l {
	width:21px;
	height:38px;
	left:0;
	top:7px;
}
.candy_red_m {
	width:42px;
	height:69px;
	left:5px;
	top:0;
}
.candy_red_r {
	width:19px;
	height:24px;
	left:41px;
	top:50px;
}
.candys{ 
	width:33px;
	height:28px; 
	left:136px; 
	top:97px;
}

@keyframes jump_candys {
0%   {top:97px}
50% {top:94px}
100% {top:97px}
}
@-moz-keyframes jump_candys {
0%   {top:97px}
50% {top:94px}
100% {top:97px}
}
@-webkit-keyframes jump_candys {
0%   {top:97px}
50% {top:94px}
100% {top:97px}
}
@-o-keyframes jump_candys {
0%   {top:97px}
50% {top:94px}
100% {top:97px}
}

}
@media only screen and (max-width: 540px) {
.move_01 {
	width:324px;
	height:262px;
}
.ange_book{ 
	width:47px;
	height:52px;
	left:90px; 
	top:56px;	
}
.ange_book2{ 
	width:47px;
	height:52px;
	left:90px; 
	top:56px;	
}
.ange_gem{ 
	width:47px;
	height:66px;
	left:152px; 
	top:26px;	
}
.ange_m{ 
	width:310px;
	height:249px;
	left:16px; 
	top:15px;	
}
.ange_wing_l{
	width:157px;
	height:76px;
	left:0; 
	top:10px;
}
.ange_wing_r{
	width:157px;
	height:77px;
	left:166px; 
	top:10px;
}
.ange_light{
	width:181px;
	height:177px;
	left:72px; 
	top:0;
}
@keyframes book_updown {
0%   {
top:55px
}
50%  {
top:58px
}
55%  {
top:58px
}
100% {
top:55px
}
}
@-moz-keyframes book_updown {
0%   {
top:55px
}
50%  {
top:58px
}
55%  {
top:58px
}
100% {
top:55px
}
}
@-webkit-keyframes book_updown {
0%   {
top:55px
}
50%  {
top:58px
}
55%  {
top:58px
}
100% {
top:55px
}
}
@-o-keyframes book_updown {
0%   {
top:55px
}
50%  {
top:58px
}
55%  {
top:58px
}
100% {
top:55px
}
}


@keyframes book_updown02 {
0%   {
opacity:0;
top:55px
}
50%  {
opacity:1;
top:58px
}
55%  {
opacity:1;
top:58px
}
100% {
opacity:0;
top:55px
}
}
@-moz-keyframes book_updown02 {
0%   {
opacity:0;
top:55px
}
50%  {
opacity:1;
top:58px
}
55%  {
opacity:1;
top:58px
}
100% {
opacity:0;
top:55px
}
}
@-webkit-keyframes book_updown02 {
0%   {
opacity:0;
top:55px
}
50%  {
opacity:1;
top:58px
}
55%  {
opacity:1;
top:58px
}
100% {
opacity:0;
top:55px
}
}
@-o-keyframes book_updown02 {
0%   {
opacity:0;
top:55px
}
50%  {
opacity:1;
top:58px
}
55%  {
opacity:1;
top:58px
}
100% {
opacity:0;
top:55px
}
}

@keyframes ange_gem{
0%   {
top:26px;
opacity:0.3;
}
55%  {
top:16px;
opacity:1;
}
60%  {
top:16px;
opacity:1;
}
100% {
top:26px;
opacity:0.3;
}
}
@-moz-keyframes ange_gem{
0%   {
top:26px;
opacity:0.3;
}
55%  {
top:16px;
opacity:1;
}
60%  {
top:16px;
opacity:1;
}
100% {
top:26px;
opacity:0.3;
}
}
@-webkit-keyframes ange_gem{
0%   {
top:26px;
opacity:0.3;
}
55%  {
top:16px;
opacity:1;
}
60%  {
top:16px;
opacity:1;
}
100% {
top:26px;
opacity:0.3;
}
}
@-o-keyframes ange_gem{
0%   {
top:26px;
opacity:0.3;
}
55%  {
top:16px;
opacity:1;
}
60%  {
top:16px;
opacity:1;
}
100% {
top:26px;
opacity:0.3;
}
}
@keyframes ange_m {
0%   {
top:15px
}
55%  {
top:5px
}
60%  {
top:5px
}
100% {
top:15px
}
}
@-moz-keyframes ange_m {
0%   {
top:15px
}
55%  {
top:5px
}
60%  {
top:5px
}
100% {
top:15px
}
}
@-webkit-keyframes ange_m {
0%   {
top:15px
}
55%  {
top:5px
}
60%  {
top:5px
}
100% {
top:15px
}
}
@-o-keyframes ange_m {
0%   {
top:15px
}
55%  {
top:5px
}
60%  {
top:5px
}
100% {
top:15px
}
}


}

@media only screen and (max-width: 400px) {
@keyframes slidemove_bird1_lr{
  0%{
    bottom:200%;
	opacity:1;
  }
  1.3%{
    bottom:200%;
	opacity:1;
  }
  5% {
    bottom:-5%;
	opacity:1;
  }
  30% {
    bottom:-5%;
	opacity:1;
  }
  32% {
    bottom:-5%;
	opacity:0;
  }
  33% {
    bottom:200%;
	opacity:0;
  }
  100% {
    bottom:200%;
	opacity:0;
  }
}
@-moz-keyframes slidemove_bird1_lr {
  0%{
    bottom:200%;
	opacity:1;
  }
  1.3%{
    bottom:200%;
	opacity:1;
  }
  5% {
    bottom:-5%;
	opacity:1;
  }
  30% {
    bottom:-5%;
	opacity:1;
  }
  32% {
    bottom:-5%;
	opacity:0;
  }
  33% {
    bottom:200%;
	opacity:0;
  }
  100% {
    bottom:200%;
	opacity:0;
  }
}
@-webkit-keyframes slidemove_bird1_lr {
  0%{
    bottom:200%;
	opacity:1;
  }
  1.3%{
    bottom:200%;
	opacity:1;
  }
  5% {
    bottom:-5%;
	opacity:1;
  }
  30% {
    bottom:-5%;
	opacity:1;
  }
  32% {
    bottom:-5%;
	opacity:0;
  }
  33% {
    bottom:200%;
	opacity:0;
  }
  100% {
    bottom:200%;
	opacity:0;
  }
}
@-o-keyframes slidemove_bird1_lr {
  0%{
    bottom:200%;
	opacity:1;
  }
  1.3%{
    bottom:200%;
	opacity:1;
  }
  5% {
    bottom:-5%;
	opacity:1;
  }
  30% {
    bottom:-5%;
	opacity:1;
  }
  32% {
    bottom:-5%;
	opacity:0;
  }
  33% {
    bottom:200%;
	opacity:0;
  }
  100% {
    bottom:200%;
	opacity:0;
  }
}


.move_01 {
	width:252px;
	height:204px;
}
.ange_book{ 
	width:37px;
	height:41px;
	left:70px; 
	top:44px;
}
.ange_book2{ 
	width:37px;
	height:41px;
	left:70px; 
	top:44px;
}
.ange_gem{ 
	width:37px;
	height:52px;
	left:118px; 
	top:20px;
}
.ange_m{ 
	width:240px;
	height:193px;
	left:12px; 
	top:12px;
}
.ange_wing_l{
	width:123px;
	height:60px;
	left:0; 
	top:8px;
}
.ange_wing_r{
	width:123px;
	height:60px;
	left:129px; 
	top:8px;
}
.ange_light{
	width:141px;
	height:138px;
	left:56px; 
	top:0;
}
@keyframes book_updown {
0%   {
top:42px
}
50%  {
top:46px
}
55%  {
top:46px
}
100% {
top:42px
}
}
@-moz-keyframes book_updown {
0%   {
top:42px
}
50%  {
top:46px
}
55%  {
top:46px
}
100% {
top:42px
}
}
@-webkit-keyframes book_updown {
0%   {
top:42px
}
50%  {
top:46px
}
55%  {
top:46px
}
100% {
top:42px
}
}
@-o-keyframes book_updown {
0%   {
top:42px
}
50%  {
top:46px
}
55%  {
top:46px
}
100% {
top:42px
}
}

@keyframes book_updown02 {
0%   {
opacity:0;
top:42px
}
50%  {
opacity:1;
top:46px
}
55%  {
opacity:1;
top:46px
}
100% {
opacity:0;
top:42px
}
}
@-moz-keyframes book_updown02 {
0%   {
opacity:0;
top:42px
}
50%  {
opacity:1;
top:46px
}
55%  {
opacity:1;
top:46px
}
100% {
opacity:0;
top:42px
}
}
@-webkit-keyframes book_updown02 {
0%   {
opacity:0;
top:42px
}
50%  {
opacity:1;
top:46px
}
55%  {
opacity:1;
top:46px
}
100% {
opacity:0;
top:42px
}
}
@-o-keyframes book_updown02 {
0%   {
opacity:0;
top:42px
}
50%  {
opacity:1;
top:46px
}
55%  {
opacity:1;
top:46px
}
100% {
opacity:0;
top:42px
}
}
@keyframes ange_gem{
0%   {
top:20px;
opacity:0.3;
}
55%  {
top:10px;
opacity:1;
}
60%  {
top:10px;
opacity:1;
}
100% {
top:20px;
opacity:0.3;
}
}
@-moz-keyframes ange_gem{
0%   {
top:20px;
opacity:0.3;
}
55%  {
top:10px;
opacity:1;
}
60%  {
top:10px;
opacity:1;
}
100% {
top:20px;
opacity:0.3;
}
}
@-webkit-keyframes ange_gem{
0%   {
top:20px;
opacity:0.3;
}
55%  {
top:10px;
opacity:1;
}
60%  {
top:10px;
opacity:1;
}
100% {
top:20px;
opacity:0.3;
}
}
@-o-keyframes ange_gem{
0%   {
top:20px;
opacity:0.3;
}
55%  {
top:10px;
opacity:1;
}
60%  {
top:10px;
opacity:1;
}
100% {
top:20px;
opacity:0.3;
}
}

@keyframes ange_m {
0%   {
top:12px
}
55%  {
top:2px
}
60%  {
top:2px
}
100% {
top:12px
}
}
@-moz-keyframes ange_m {
0%   {
top:12px
}
55%  {
top:2px
}
60%  {
top:2px
}
100% {
top:12px
}
}
@-webkit-keyframes ange_m {
0%   {
top:12px
}
55%  {
top:2px
}
60%  {
top:2px
}
100% {
top:12px
}
}
@-o-keyframes ange_m {
0%   {
top:12px
}
55%  {
top:2px
}
60%  {
top:2px
}
100% {
top:12px
}
}

}



.move_03 {
	width:395px;
	height:425px;
	bottom:2.2%;
	position:absolute;
	opacity:0;
	-webkit-animation: slidemove_bird1_lr2 21s infinite ;
	-moz-animation: slidemove_bird1_lr2 21s infinite ;
	animation: slidemove_bird1_lr2 21s infinite ;
	-o-animation:slidemove_bird1_lr2 21s infinite ;
}

.ruan_1{
	width:395px;
	height:425px;
	position:absolute;
	z-index:1;
	left:0; 
	top:0;
	animation:ruan_1 7s infinite linear;
	-moz-animation:ruan_1 7s infinite linear;	
	-webkit-animation:ruan_1 7s infinite linear;
	-o-animation:ruan_1 7s infinite linear;	
}
.ruan_2{
	width:395px;
	height:425px;
	position:absolute;
	z-index:2;
	left:0; 
	top:0;
	animation:ruan_2 7s infinite linear;
	-moz-animation:ruan_2 7s infinite linear;	
	-webkit-animation:ruan_2 7s infinite linear;
	-o-animation:ruan_2 7s infinite linear;	
}
.knife{
	width:166px;
	height:73px;
	position:absolute;
	z-index:3;
	left:40px; 
	top:222px;
	animation:knife 7s infinite linear;
	-moz-animation:knife 7s infinite linear;	
	-webkit-animation:knife 7s infinite linear;
	-o-animation:knife 7s infinite linear;	
}

@keyframes ruan_1 {
0%   {
opacity:1;
}
29.99%{
opacity:1;
}
30%  {
opacity:0
}
40% {
opacity:0;
}
40.01% {
opacity:1;
}
100% {
opacity:1;
}
}
@-moz-keyframes ruan_1 {
0%   {
opacity:1;
}
29.99%{
opacity:1;
}
30%  {
opacity:0
}
40% {
opacity:0;
}
40.01% {
opacity:1;
}
100% {
opacity:1;
}
}
@-webkit-keyframes ruan_1 {
0%   {
opacity:1;
}
29.99%{
opacity:1;
}
30%  {
opacity:0
}
40% {
opacity:0;
}
40.01% {
opacity:1;
}
100% {
opacity:1;
}
}
@-o-keyframes ruan_1 {
0%   {
opacity:1;
}
29.99%{
opacity:1;
}
30%  {
opacity:0
}
40% {
opacity:0;
}
40.01% {
opacity:1;
}
100% {
opacity:1;
}
}

@keyframes ruan_2 {
0%   {
opacity:0;
}
29.99%{
opacity:0;
}
30%  {
opacity:1
}
40% {
opacity:1;
}
40.01% {
opacity:0;
}
100% {
opacity:0;
}
}
@-moz-keyframes ruan_2 {
0%   {
opacity:0;
}
29.99%{
opacity:0;
}
30%  {
opacity:1
}
40% {
opacity:1;
}
40.01% {
opacity:0;
}
100% {
opacity:0;
}
}
@-webkit-keyframes ruan_2 {
0%   {
opacity:0;
}
29.99%{
opacity:0;
}
30%  {
opacity:1
}
40% {
opacity:1;
}
40.01% {
opacity:0;
}
100% {
opacity:0;
}
}
@-o-keyframes ruan_2 {
0%   {
opacity:0;
}
29.99%{
opacity:0;
}
30%  {
opacity:1
}
40% {
opacity:1;
}
40.01% {
opacity:0;
}
100% {
opacity:0;
}
}

@keyframes knife {
0%   {
top:222px;
opacity:0;
}
29.99%{
top:222px;
transform:rotate(0deg);
opacity:0
}
30%  {
opacity:1
}
35%{
top:100px;
}
40% {
top:222px;
transform:rotate(2880deg);
opacity:1;
}
40.01% {
top:222px;
transform:rotate(2880deg);
opacity:0;
}
100% {
top:222px;
transform:rotate(2160deg);
opacity:0;
}
}
@-moz-keyframes knife {
0%   {
top:222px;
opacity:0;
}
29.99%{
top:222px;
transform:rotate(0deg);
opacity:0
}
30%  {
opacity:1
}
35%{
top:100px;
}
40% {
top:222px;
transform:rotate(2880deg);
opacity:1;
}
40.01% {
top:222px;
transform:rotate(2880deg);
opacity:0;
}
100% {
top:222px;
transform:rotate(2160deg);
opacity:0;
}
}
@-webkit-keyframes knife {
0%   {
top:222px;
opacity:0;
}
29.99%{
top:222px;
transform:rotate(0deg);
opacity:0
}
30%  {
opacity:1
}
35%{
top:100px;
}
40% {
top:222px;
transform:rotate(2880deg);
opacity:1;
}
40.01% {
top:222px;
transform:rotate(2880deg);
opacity:0;
}
100% {
top:222px;
transform:rotate(2160deg);
opacity:0;
}
}
@-o-keyframes knife {
0%   {
top:222px;
opacity:0;
}
29.99%{
top:222px;
transform:rotate(0deg);
opacity:0
}
30%  {
opacity:1
}
35%{
top:100px;
}
40% {
top:222px;
transform:rotate(2880deg);
opacity:1;
}
40.01% {
top:222px;
transform:rotate(2880deg);
opacity:0;
}
100% {
top:222px;
transform:rotate(2160deg);
opacity:0;
}
}

.move_04 {
	width:337px;
	height:496px;
    bottom: 0;
	position:absolute;
	z-index:9;
	opacity:0;
	-webkit-animation: slidemove_bird2_lr2 21s infinite;
	-moz-animation: slidemove_bird2_lr2 21s infinite;
	animation: slidemove_bird2_lr2 21s infinite;
}

.gss01{
	width:337px;
	height:496px;
	position:absolute;
	z-index:1;
	left:0; 
	top:0;
}
.gss02{
	width:337px;
	height:496px;
	position:absolute;
	z-index:2;
	left:0; 
	top:0;
	animation:gss02 2.5s infinite linear;
	-moz-animation:gss02 2.5s infinite linear;	
	-webkit-animation:gss02 2.5s infinite linear;
	-o-animation:gss02 2.5s infinite linear;	
}


@keyframes gss02 {
0%   {
opacity:0;
}
45% {
opacity:1;
}
60% {
opacity:1;
}
100% {
opacity:0;
}
}
@-moz-keyframes  gss02 {
0%   {
opacity:0;
}
45% {
opacity:1;
}
60% {
opacity:1;
}
100% {
opacity:0;
}
}
@-webkit-keyframes gss02 {
0%   {
opacity:0;
}
45% {
opacity:1;
}
60% {
opacity:1;
}
100% {
opacity:0;
}
}
@-o-keyframes gss02 {
0%   {
opacity:0;
}
45% {
opacity:1;
}
60% {
opacity:1;
}
100% {
opacity:0;
}
}


@keyframes slidemove_txt_lr{
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:1.3%;
	opacity:1;
  }
  30% {
    left:1.3%;
	opacity:1;
  }
  32% {
    left:1.3%;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-moz-keyframes slidemove_txt_lr {
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:1.3%;
	opacity:1;
  }
  30% {
    left:1.3%;
	opacity:1;
  }
  32% {
    left:1.3%;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes slidemove_txt_lr {
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:1.3%;
	opacity:1;
  }
  30% {
    left:1.3%;
	opacity:1;
  }
  32% {
    left:1.3%;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes slidemove_txt_lr {
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:1.3%;
	opacity:1;
  }
  30% {
    left:1.3%;
	opacity:1;
  }
  32% {
    left:1.3%;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@keyframes googleplay01{
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:9.8%;
	opacity:1;
  }
  30% {
    left:9.8%;
	opacity:1;
  }
  32% {
    left:9.8%;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-moz-keyframes googleplay01{
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:9.8%;
	opacity:1;
  }
  30% {
    left:9.8%;
	opacity:1;
  }
  32% {
    left:9.8%;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes googleplay01{
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:9.8%;
	opacity:1;
  }
  30% {
    left:9.8%;
	opacity:1;
  }
  32% {
    left:9.8%;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes googleplay01{
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:9.8%;
	opacity:1;
  }
  30% {
    left:9.8%;
	opacity:1;
  }
  32% {
    left:9.8%;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@keyframes slidemove_txt_lr2{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:1.3%;
	opacity:1;
  }
  63% {
    left:1.3%;
	opacity:1;
  }
  65% {
    left:1.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-moz-keyframes slidemove_txt_lr2 {
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:1.3%;
	opacity:1;
  }
  63% {
    left:1.3%;
	opacity:1;
  }
  65% {
    left:1.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes slidemove_txt_lr2 {
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:1.3%;
	opacity:1;
  }
  63% {
    left:1.3%;
	opacity:1;
  }
  65% {
    left:1.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes slidemove_txt_lr2 {
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:1.3%;
	opacity:1;
  }
  63% {
    left:1.3%;
	opacity:1;
  }
  65% {
    left:1.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@keyframes googleplay02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:1.3%;
	opacity:1;
  }
  63% {
    left:1.3%;
	opacity:1;
  }
  65% {
    left:1.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@-moz-keyframes googleplay02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:1.3%;
	opacity:1;
  }
  63% {
    left:1.3%;
	opacity:1;
  }
  65% {
    left:1.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes googleplay02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:1.3%;
	opacity:1;
  }
  63% {
    left:1.3%;
	opacity:1;
  }
  65% {
    left:1.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes googleplay02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:1.3%;
	opacity:1;
  }
  63% {
    left:1.3%;
	opacity:1;
  }
  65% {
    left:1.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@keyframes appstore02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:23.3%;
	opacity:1;
  }
  63% {
    left:23.3%;
	opacity:1;
  }
  65% {
    left:23.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@-moz-keyframes appstore02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:23.3%;
	opacity:1;
  }
  63% {
    left:23.3%;
	opacity:1;
  }
  65% {
    left:23.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes appstore02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:23.3%;
	opacity:1;
  }
  63% {
    left:23.3%;
	opacity:1;
  }
  65% {
    left:23.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes appstore02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:23.3%;
	opacity:1;
  }
  63% {
    left:23.3%;
	opacity:1;
  }
  65% {
    left:23.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}



@keyframes slidemove_txt_lr3{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:1.3%;
	opacity:1;
  }
  97% {
    left:1.3%;
	opacity:1;
  }
  99% {
    left:1.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-moz-keyframes slidemove_txt_lr3{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:1.3%;
	opacity:1;
  }
  97% {
    left:1.3%;
	opacity:1;
  }
  99% {
    left:1.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes slidemove_txt_lr3{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:1.3%;
	opacity:1;
  }
  97% {
    left:1.3%;
	opacity:1;
  }
  99% {
    left:1.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes slidemove_txt_lr3{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:1.3%;
	opacity:1;
  }
  97% {
    left:1.3%;
	opacity:1;
  }
  99% {
    left:1.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}



@keyframes googleplay03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:1.3%;
	opacity:1;
  }
  97% {
    left:1.3%;
	opacity:1;
  }
  99% {
    left:1.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@-moz-keyframes googleplay03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:1.3%;
	opacity:1;
  }
  97% {
    left:1.3%;
	opacity:1;
  }
  99% {
    left:1.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes googleplay03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:1.3%;
	opacity:1;
  }
  97% {
    left:1.3%;
	opacity:1;
  }
  99% {
    left:1.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes googleplay03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:1.3%;
	opacity:1;
  }
  97% {
    left:1.3%;
	opacity:1;
  }
  99% {
    left:1.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@keyframes appstore03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:23.3%;
	opacity:1;
  }
  97% {
    left:23.3%;
	opacity:1;
  }
  99% {
    left:23.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@-moz-keyframes appstore03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:23.3%;
	opacity:1;
  }
  97% {
    left:23.3%;
	opacity:1;
  }
  99% {
    left:23.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes appstore03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:23.3%;
	opacity:1;
  }
  97% {
    left:23.3%;
	opacity:1;
  }
  99% {
    left:23.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes appstore03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:23.3%;
	opacity:1;
  }
  97% {
    left:23.3%;
	opacity:1;
  }
  99% {
    left:23.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}



@media only screen and (max-width: 1200px){
@keyframes slidemove_txt_lr{
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:4.3%;
	opacity:1;
  }
  30% {
    left:4.3%;
	opacity:1;
  }
  32% {
    left:4.3%;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-moz-keyframes slidemove_txt_lr{
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:4.3%;
	opacity:1;
  }
  30% {
    left:4.3%;
	opacity:1;
  }
  32% {
    left:4.3%;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@-webkit-keyframes slidemove_txt_lr {
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:4.3%;
	opacity:1;
  }
  30% {
    left:4.3%;
	opacity:1;
  }
  32% {
    left:4.3%;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes slidemove_txt_lr {
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:4.3%;
	opacity:1;
  }
  30% {
    left:4.3%;
	opacity:1;
  }
  32% {
    left:4.3%;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}


@keyframes googleplay01{
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:12.8%;
	opacity:1;
  }
  30% {
    left:12.8%;
	opacity:1;
  }
  32% {
    left:12.8%;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@-moz-keyframes googleplay01{
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:12.8%;
	opacity:1;
  }
  30% {
    left:12.8%;
	opacity:1;
  }
  32% {
    left:12.8%;;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes googleplay01{
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:12.8%;
	opacity:1;
  }
  30% {
    left:12.8%;
	opacity:1;
  }
  32% {
    left:12.8%;;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes googleplay01{
  0%{
    left:-100%;
	opacity:1;
  }
  2% {
    left:12.8%;
	opacity:1;
  }
  30% {
    left:12.8%;
	opacity:1;
  }
  32% {
    left:12.8%;;
	opacity:0;
  }
  33% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}



@keyframes slidemove_txt_lr2{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:4.3%;
	opacity:1;
  }
  63% {
    left:4.3%;
	opacity:1;
  }
  65% {
    left:4.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-moz-keyframes slidemove_txt_lr2 {
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:4.3%;
	opacity:1;
  }
  63% {
    left:4.3%;
	opacity:1;
  }
  65% {
    left:4.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes slidemove_txt_lr2 {
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:4.3%;
	opacity:1;
  }
  63% {
    left:4.3%;
	opacity:1;
  }
  65% {
    left:4.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes slidemove_txt_lr2 {
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:4.3%;
	opacity:1;
  }
  63% {
    left:4.3%;
	opacity:1;
  }
  65% {
    left:4.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}


@keyframes googleplay02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:4.3%;
	opacity:1;
  }
  63% {
    left:4.3%;
	opacity:1;
  }
  65% {
    left:4.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@-moz-keyframes googleplay02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:4.3%;
	opacity:1;
  }
  63% {
    left:4.3%;
	opacity:1;
  }
  65% {
    left:4.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes googleplay02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:4.3%;
	opacity:1;
  }
  63% {
    left:4.3%;
	opacity:1;
  }
  65% {
    left:4.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes googleplay02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:4.3%;
	opacity:1;
  }
  63% {
    left:4.3%;
	opacity:1;
  }
  65% {
    left:4.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}



@keyframes appstore02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:26.3%;
	opacity:1;
  }
  63% {
    left:26.3%;
	opacity:1;
  }
  65% {
    left:26.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@-moz-keyframes appstore02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:26.3%;
	opacity:1;
  }
  63% {
    left:26.3%;
	opacity:1;
  }
  65% {
    left:26.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes appstore02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:26.3%;
	opacity:1;
  }
  63% {
    left:26.3%;
	opacity:1;
  }
  65% {
    left:26.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes appstore02{
  0%{
    left:-100%;
	opacity:1;
  }
  33%{
    left:-100%;
	opacity:1;
  }
  35% {
    left:26.3%;
	opacity:1;
  }
  63% {
    left:26.3%;
	opacity:1;
  }
  65% {
    left:26.3%;
	opacity:0;
  }
  66% {
    left:-100%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@keyframes slidemove_txt_lr3{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:4.3%;
	opacity:1;
  }
  97% {
    left:4.3%;
	opacity:1;
  }
  99% {
    left:4.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-moz-keyframes slidemove_txt_lr3{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:4.3%;
	opacity:1;
  }
  97% {
    left:4.3%;
	opacity:1;
  }
  99% {
    left:4.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes slidemove_txt_lr3{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:4.3%;
	opacity:1;
  }
  97% {
    left:4.3%;
	opacity:1;
  }
  99% {
    left:4.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes slidemove_txt_lr3{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:4.3%;
	opacity:1;
  }
  97% {
    left:4.3%;
	opacity:1;
  }
  99% {
    left:4.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}


@keyframes googleplay03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:4.3%;
	opacity:1;
  }
  97% {
    left:4.3%;
	opacity:1;
  }
  99% {
    left:4.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@-moz-keyframes googleplay03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:4.3%;
	opacity:1;
  }
  97% {
    left:4.3%;
	opacity:1;
  }
  99% {
    left:4.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes googleplay03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:4.3%;
	opacity:1;
  }
  97% {
    left:4.3%;
	opacity:1;
  }
  99% {
    left:4.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes googleplay03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:4.3%;
	opacity:1;
  }
  97% {
    left:4.3%;
	opacity:1;
  }
  99% {
    left:4.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}


@keyframes appstore03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:26.3%;
	opacity:1;
  }
  97% {
    left:26.3%;
	opacity:1;
  }
  99% {
    left:26.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}

@-moz-keyframes appstore03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:26.3%;
	opacity:1;
  }
  97% {
    left:26.3%;
	opacity:1;
  }
  99% {
    left:26.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-webkit-keyframes appstore03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:26.3%;
	opacity:1;
  }
  97% {
    left:26.3%;
	opacity:1;
  }
  99% {
    left:26.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}
@-o-keyframes appstore03{
  0%{
    left:-100%;
	opacity:1;
  }
  66% {
    left:-100%;
	opacity:1;
  }
  68% {
    left:26.3%;
	opacity:1;
  }
  97% {
    left:26.3%;
	opacity:1;
  }
  99% {
    left:26.3%;
	opacity:0;
  }
  100%{
    left:-100%;
	opacity:0;
  }
}


.googleplay01{
    bottom:28%;
}
.googleplay02{
    bottom:28%;
}
.appstore02{
    bottom:28%;
}
.googleplay03{
    bottom:28%;
}
.appstore03{
    bottom:28%;
}
}


@keyframes slidemove_bird2_lr{
  0%{
    bottom:200%;
	opacity:1;
  }
  1.3%{
    bottom:200%;
	opacity:1;
  }
  5% {
    bottom:0%;
	opacity:1;
  }
  30% {
    bottom:0%;
	opacity:1;
  }
  32% {
    bottom:0%;
	opacity:0;
  }
  33% {
    bottom:200%;
	opacity:0;
  }
  100% {
    bottom:200%;
	opacity:0;
  }
}
@-moz-keyframes slidemove_bird2_lr {
  0%{
    right:-100%;
	opacity:1;
  }
  3%{
    right:-100%;
	opacity:1;
  }
  9% {
    right:1%;
	opacity:1;
  }
  30% {
    right:1%;
	opacity:1;
  }
  32% {
    right:1%;
	opacity:0;
  }
  33% {
    right:-100%;
	opacity:0;
  }
  100% {
    right:-100%;
	opacity:0;
  }
}
@-webkit-keyframes slidemove_bird2_lr {
  0%{
    right:-100%;
	opacity:1;
  }
  3%{
    right:-100%;
	opacity:1;
  }
  9% {
    right:1%;
	opacity:1;
  }
  30% {
    right:1%;
	opacity:1;
  }
  32% {
    right:1%;
	opacity:0;
  }
  33% {
    right:-100%;
	opacity:0;
  }
  100% {
    right:-100%;
	opacity:0;
  }
}
@-o-keyframes slidemove_bird2_lr {
  0%{
    right:-100%;
	opacity:1;
  }
  3%{
    right:-100%;
	opacity:1;
  }
  9% {
    right:1%;
	opacity:1;
  }
  30% {
    right:1%;
	opacity:1;
  }
  32% {
    right:1%;
	opacity:0;
  }
  33% {
    right:-100%;
	opacity:0;
  }
  100% {
    right:-100%;
	opacity:0;
  }
}


@keyframes slidemove_bird1_lr3{
  0%{
    right:-100%;
	opacity:1;
  }
  33%{
    right:-100%;
	opacity:1;
  }
  34.3%{
    right:-100%;
	opacity:1;
  }
  38% {
    right:3.6%;
	opacity:1;
  }
  63% {
    right:3.6%;
	opacity:1;
  }
  65% {
    right:3.6%;
	opacity:0;
  }
  66% {
    right:-100%;
	opacity:0;
  }
  100%{
    right:-100%;
	opacity:0;
  }
}

@-moz-keyframes slidemove_bird1_lr3 {
  0%{
    right:-100%;
	opacity:1;
  }
  33%{
    right:-100%;
	opacity:1;
  }
  34.3%{
    right:-100%;
	opacity:1;
  }
  38% {
    right:3.6%;
	opacity:1;
  }
  63% {
    right:3.6%;
	opacity:1;
  }
  65% {
    right:3.6%;
	opacity:0;
  }
  66% {
    right:-100%;
	opacity:0;
  }
  100%{
    right:-100%;
	opacity:0;
  }
}
@-webkit-keyframes slidemove_bird1_lr3 {
  0%{
    right:-100%;
	opacity:1;
  }
  33%{
    right:-100%;
	opacity:1;
  }
  34.3%{
    right:-100%;
	opacity:1;
  }
  38% {
    right:3.6%;
	opacity:1;
  }
  63% {
    right:3.6%;
	opacity:1;
  }
  65% {
    right:3.6%;
	opacity:0;
  }
  66% {
    right:-100%;
	opacity:0;
  }
  100%{
    right:-100%;
	opacity:0;
  }
}
@-o-keyframes slidemove_bird1_lr3 {
  0%{
    right:-100%;
	opacity:1;
  }
  33%{
    right:-100%;
	opacity:1;
  }
  34.3%{
    right:-100%;
	opacity:1;
  }
  38% {
    right:3.6%;
	opacity:1;
  }
  63% {
    right:3.6%;
	opacity:1;
  }
  65% {
    right:3.6%;
	opacity:0;
  }
  66% {
    right:-100%;
	opacity:0;
  }
  100%{
    right:-100%;
	opacity:0;
  }
}

@keyframes slidemove_bird1_lr2{
  0%{
    right:-100%;
	opacity:1;
  }
  66%{
    right:-100%;
	opacity:1;
  }
  67.3%{
    right:-100%;
	opacity:1;
  }
  71% {
    right:22.6%;
	opacity:1;
  }
  96% {
    right:22.6%;
	opacity:1;
  }
  99% {
    right:22.6%;
	opacity:0;
  }
  100% {
    right:-100%;
	opacity:0;
  }
}
@-moz-keyframes slidemove_bird1_lr2 {
  0%{
    right:-100%;
	opacity:1;
  }
  66%{
    right:-100%;
	opacity:1;
  }
  67.3%{
    right:-100%;
	opacity:1;
  }
  71% {
    right:22.6%;
	opacity:1;
  }
  96% {
    right:22.6%;
	opacity:1;
  }
  99% {
    right:22.6%;
	opacity:0;
  }
  100% {
    right:-100%;
	opacity:0;
  }
}
@-webkit-keyframes slidemove_bird1_lr2 {
  0%{
    right:-100%;
	opacity:1;
  }
  66%{
    right:-100%;
	opacity:1;
  }
  67.3%{
    right:-100%;
	opacity:1;
  }
  71% {
    right:22.6%;
	opacity:1;
  }
  96% {
    right:22.6%;
	opacity:1;
  }
  99% {
    right:22.6%;
	opacity:0;
  }
  100% {
    right:-100%;
	opacity:0;
  }
}
@-o-keyframes slidemove_bird1_lr2 {
  0%{
    right:-100%;
	opacity:1;
  }
  66%{
    right:-100%;
	opacity:1;
  }
  67.3%{
    right:-100%;
	opacity:1;
  }
  71% {
    right:22.6%;
	opacity:1;
  }
  96% {
    right:22.6%;
	opacity:1;
  }
  99% {
    right:22.6%;
	opacity:0;
  }
  100% {
    right:-100%;
	opacity:0;
  }
}
@keyframes slidemove_bird2_lr2{
  0%{
    right:-100%;
	opacity:1;
  }
  66%{
    right:-100%;
	opacity:1;
  }
  69%{
    right:-100%;
	opacity:1;
  }
  75% {
    right:1%;
	opacity:1;
  }
  96% {
    right:1%;
	opacity:1;
  }
  99% {
    right:1%;
	opacity:0;
  }
  100% {
    right:-100%;
	opacity:0;
  }
}
@-moz-keyframes slidemove_bird2_lr2{
  0%{
    right:-100%;
	opacity:1;
  }
  66%{
    right:-100%;
	opacity:1;
  }
  69%{
    right:-100%;
	opacity:1;
  }
  75% {
    right:1%;
	opacity:1;
  }
  96% {
    right:1%;
	opacity:1;
  }
  99% {
    right:1%;
	opacity:0;
  }
  100% {
    right:-100%;
	opacity:0;
  }
}
@-webkit-keyframes slidemove_bird2_lr2{
  0%{
    right:-100%;
	opacity:1;
  }
  66%{
    right:-100%;
	opacity:1;
  }
  69%{
    right:-100%;
	opacity:1;
  }
  75% {
    right:1%;
	opacity:1;
  }
  96% {
    right:1%;
	opacity:1;
  }
  99% {
    right:1%;
	opacity:0;
  }
  100% {
    right:-100%;
	opacity:0;
  }
}
@-o-keyframes slidemove_bird2_lr2{
  0%{
    right:-100%;
	opacity:1;
  }
  66%{
    right:-100%;
	opacity:1;
  }
  69%{
    right:-100%;
	opacity:1;
  }
  75% {
    right:1%;
	opacity:1;
  }
  96% {
    right:1%;
	opacity:1;
  }
  99% {
    right:1%;
	opacity:0;
  }
  100% {
    right:-100%;
	opacity:0;
  }
}
@keyframes cover_bg {
  0%{
	opacity:0;
  }
  90% {
	opacity:0;
  }
  95% {
	opacity:0.3;
  }
  100%{
	opacity:0;
  }
}
@-moz-keyframes cover_bg {
  0%{
	opacity:0;
  }
  90% {
	opacity:0;
  }
  95% {
	opacity:0.3;
  }
  100%{
	opacity:0;
  }
}
@-webkit-keyframes cover_bg {
  0%{
	opacity:0;
  }
  90% {
	opacity:0;
  }
  95% {
	opacity:0.3;
  }
  100%{
	opacity:0;
  }
}
@-o-keyframes cover_bg {
  0%{
	opacity:0;
  }
  90% {
	opacity:0;
  }
  95% {
	opacity:0.3;
  }
  100%{
	opacity:0;
  }
}
@keyframes slidermove_bg {
  0%{
	opacity:1;
  }
  32% {
	opacity:1;
  }
  33%{
	opacity:0;
  }
  99%{
	opacity:0;
  }
  100%{
	opacity:1;
  }
}
@-moz-keyframes slidermove_bg {
  0%{
	opacity:1;
  }
  32% {
	opacity:1;
  }
  33%{
	opacity:0;
  }
  99%{
	opacity:0;
  }
  100%{
	opacity:1;
  }
}
@-webkit-keyframes slidermove_bg {
  0%{
	opacity:1;
  }
  32% {
	opacity:1;
  }
  33%{
	opacity:0;
  }
  99%{
	opacity:0;
  }
  100%{
	opacity:1;
  }
}
@-o-keyframes slidermove_bg {
  0%{
	opacity:1;
  }
  32% {
	opacity:1;
  }
  33%{
	opacity:0;
  }
  99%{
	opacity:0;
  }
  100%{
	opacity:1;
  }
}
@keyframes slidermove_bg2 {
  0%{
	opacity:0;
  }
  32% {
	opacity:0;
  }
  33%{
	opacity:1;
  }
  65%{
	opacity:1;
  }
  66%{
	opacity:0;
  }
  100%{
	opacity:0;
  }
}
@-moz-keyframes slidermove_bg2 {
  0%{
	opacity:0;
  }
  32% {
	opacity:0;
  }
  33%{
	opacity:1;
  }
  65%{
	opacity:1;
  }
  66%{
	opacity:0;
  }
  100%{
	opacity:0;
  }
}
@-webkit-keyframes slidermove_bg2 {
  0%{
	opacity:0;
  }
  32% {
	opacity:0;
  }
  33%{
	opacity:1;
  }
  65%{
	opacity:1;
  }
  66%{
	opacity:0;
  }
  100%{
	opacity:0;
  }
}
@-o-keyframes slidermove_bg2 {
  0%{
	opacity:0;
  }
  32% {
	opacity:0;
  }
  33%{
	opacity:1;
  }
  65%{
	opacity:1;
  }
  66%{
	opacity:0;
  }
  100%{
	opacity:0;
  }
}
@keyframes slidermove_bg3 {
  0%{
	opacity:0;
  }
  66% {
	opacity:0;
  }
  67%{
	opacity:1;
  }
  99%{
	opacity:1;
  }
  100%{
	opacity:0;
  }
}
@-moz-keyframes slidermove_bg3 {
  0%{
	opacity:0;
  }
  66% {
	opacity:0;
  }
  67%{
	opacity:1;
  }
  99%{
	opacity:1;
  }
  100%{
	opacity:0;
  }
}
@-webkit-keyframes slidermove_bg3 {
  0%{
	opacity:0;
  }
  66% {
	opacity:0;
  }
  67%{
	opacity:1;
  }
  99%{
	opacity:1;
  }
  100%{
	opacity:0;
  }
}
@-o-keyframes slidermove_bg3 {
  0%{
	opacity:0;
  }
  66% {
	opacity:0;
  }
  67%{
	opacity:1;
  }
  99%{
	opacity:1;
  }
  100%{
	opacity:0;
  }
}
@media only screen and (max-width: 420px) {
.download_img1{     transform-origin: 50% 50%;
    transform: scale(1.4);}
.download_img2{    transform-origin: 50% 50%;
    transform: scale(1.4);}

}
@media only screen and (max-width: 320px) {
.slidemove_txt,.slidemove2_txt,.move_05{ bottom:20%}
.googleplay01,.googleplay02,.appstore02,.googleplay03,.appstore03{ bottom:18%}
.move_01 {
	width:182px;
	height:147px;
}
.ange_book{ 
	width:27px;
	height:30px;
	left:51px; 
	top:32px;	
}
.ange_book2{ 
	width:27px;
	height:30px;
	left:51px; 
	top:32px;	
}
.ange_gem{ 
	width:27px;
	height:38px;
	left:85px; 
	top:14px;	
}
.ange_m{ 
	width:174px;
	height:140px;
	left:9px; 
	top:9px;
}
.ange_wing_l{
	width:89px;
	height:44px;
	left:0; 
	top:6px;
}
.ange_wing_r{
	width:89px;
	height:44px;
	left:93px; 
	top:6px;
}
.ange_light{
	width:102px;
	height:100px;
	left:40px; 
	top:0;
}
@keyframes book_updown {
0%   {
top:30px
}
50%  {
top:34px
}
55%  {
top:34px
}
100% {
top:30px
}
}
@-moz-keyframes book_updown {
0%   {
top:30px
}
50%  {
top:34px
}
55%  {
top:34px
}
100% {
top:30px
}
}
@-webkit-keyframes book_updown {
0%   {
top:30px
}
50%  {
top:34px
}
55%  {
top:34px
}
100% {
top:30px
}
}
@-o-keyframes book_updown {
0%   {
top:30px
}
50%  {
top:34px
}
55%  {
top:34px
}
100% {
top:30px
}
}
@keyframes book_updown02 {
0%   {
opacity:0;
top:30px
}
50%  {
opacity:1;
top:34px
}
55%  {
opacity:1;
top:34px
}
100% {
opacity:0;
top:30px
}
}
@-moz-keyframes book_updown02 {
0%   {
opacity:0;
top:30px
}
50%  {
opacity:1;
top:34px
}
55%  {
opacity:1;
top:34px
}
100% {
opacity:0;
top:30px
}
}
@-webkit-keyframes book_updown02 {
0%   {
opacity:0;
top:30px
}
50%  {
opacity:1;
top:34px
}
55%  {
opacity:1;
top:34px
}
100% {
opacity:0;
top:30px
}
}
@-o-keyframes book_updown02 {
0%   {
opacity:0;
top:30px
}
50%  {
opacity:1;
top:34px
}
55%  {
opacity:1;
top:34px
}
100% {
opacity:0;
top:30px
}
}
@keyframes ange_gem{
0%   {
top:14px;
opacity:0.3;
}
55%  {
top:5px;
opacity:1;
}
60%  {
top:5px;
opacity:1;
}
100% {
top:14px;
opacity:0.3;
}
}
@-moz-keyframes ange_gem{
0%   {
top:14px;
opacity:0.3;
}
55%  {
top:5px;
opacity:1;
}
60%  {
top:5px;
opacity:1;
}
100% {
top:14px;
opacity:0.3;
}
}
@-webkit-keyframes ange_gem{
0%   {
top:14px;
opacity:0.3;
}
55%  {
top:5px;
opacity:1;
}
60%  {
top:5px;
opacity:1;
}
100% {
top:14px;
opacity:0.3;
}
}
@-o-keyframes ange_gem{
0%   {
top:14px;
opacity:0.3;
}
55%  {
top:5px;
opacity:1;
}
60%  {
top:5px;
opacity:1;
}
100% {
top:14px;
opacity:0.3;
}
}
@keyframes ange_m {
0%   {
top:9px
}
55%  {
top:0px
}
60%  {
top:0px
}
100% {
top:9px
}
}
@-moz-keyframes ange_m {
0%   {
top:9px
}
55%  {
top:0px
}
60%  {
top:0px
}
100% {
top:9px
}
}
@-webkit-keyframes ange_m {
0%   {
top:9px
}
55%  {
top:0px
}
60%  {
top:0px
}
100% {
top:9px
}
}
@-o-keyframes ange_m {
0%   {
top:9px
}
55%  {
top:0px
}
60%  {
top:0px
}
100% {
top:9px
}
}
.move_02 {
	width:126px;
	height:116px;
}
.boat_before {
	width:126px;
	left:0;
	top:43px
}
.boat_after {
	width:74px;
	left:34px;
	top:0
}
.candy_blue {
	width:37px;
	height:24px;
	left:13px;
	top:36px
}
.candy_blue_l {
	width:12px;
	height:14px;
	left:0;
	top:0;
}
.candy_blue_m {
	width:19px;
	height:23px;
	left:9px;
	top:1px;
}
.candy_blue_r {
	width:12px;
	height:7px;
	left:25px;
	top:6px;
}
.candy_red {
	width:36px;
	height:43px;
	left:43px;
	top:49px;
}
.candy_red_l {
	width:13px;
	height:23px;
	left:0;
	top:4px;
}
.candy_red_m {
	width:25px;
	height:41px;
	left:3px;
	top:0;
}
.candy_red_r {
	width:12px;
	height:14px;
	left:24px;
	top:29px;
}
.candys{ 
	width:19px;
	height:16px; 
	left:79px; 
	top:56px;
}

@keyframes jump_candys {
0%   {top:56px}
50% {top:53px}
100% {top:56px}
}

@-moz-keyframes jump_candys {
0%   {top:56px}
50% {top:53px}
100% {top:56px}
}

@-webkit-keyframes jump_candys {
0%   {top:56px}
50% {top:53px}
100% {top:56px}
}

@-o-keyframes jump_candys {
0%   {top:56px}
50% {top:53px}
100% {top:56px}
}


}

/***********************************************************************************/
/*                                   Our Work                                      */
/***********************************************************************************/
.our_work {
    width: 1100px;
    margin: 0 auto;
    padding: 30px 34px 100px;
    background: #fff url(images/our_work.jpg) repeat-x 0 100%;
    position: relative;
}
.our_work_list {
    overflow: hidden;
    position: relative;    
}
.our_work_more {
    position: absolute;
    bottom: 55px;
    left: 0;
    text-align: center;
    width: 100%;
}
.our_work .our_work_more a {
    display: inline-block;
    /*padding: 0 0 28px 0;*/
    /*background: url(images/our_work_more.png) no-repeat 50% 100%;*/
    color: #121212;
    font-size: 20px;
    font-family: 'open_sansregular';
    font-style: italic;
    line-height: 24px;    
}
.our_work_more > a:first-child:after{
        content:" ";
        display: block;
        width: 100%;
        height: 28px;
        background: url(images/our_work_more.png) no-repeat 50% 100%;
        -webkit-animation: bounce-up  0.8s ease-in-out infinite alternate;
        animation: bounce-up  0.8s ease-in-out infinite alternate;
    }

.our_work .our_work_more a.hide_it {
    /*padding: 28px 0 0 0;*/
    /*background: url(images/hide_it.png) no-repeat 50% 0;    */
    display: none;
}
.our_work .our_work_more a.hide_it:before{
    content:" ";
    display: block;
    width: 100%;
    height: 28px;
    background: url(images/hide_it.png) no-repeat 50% 100%;
    -webkit-animation: bounce-down 0.8s ease-in-out infinite alternate;
    animation: bounce-down 0.8s ease-in-out infinite alternate;
    position: relative;
    top: -10px;
}
.our_work li {
    float: left;
    margin: 0 24px 45px 23px;
    width: 254px;
}
.our_work li.no_mr {
    margin-right: 0;
}
.our_work li.no_ml {
    margin-left: 0;
}
.our_work li a {
    display: block;
    position: relative;
}
.our_work li a:hover .work_bg{opacity:0.3}
.our_work li a .border {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 212px;
    height: 128px;
	background:#ffac0d;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
	z-index:5    
}
.work_bg{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 218px;
    height: 134px;
	background:#ffac0d;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; 
	z-index:4;
transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;
}
.our_work li img {
    display: block;
	width:100%

}
.our_work,
.our_work a {
    color: #000;
    font-size: 14px;
    font-family: Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 16px;
}
.our_work a:hover,
.our_work a:hover small {
    color: #ffac0d;
}   
.our_work .title {
    display: block;    
    padding: 9px 0 0 0;
    text-transform: uppercase;
}
.our_work small {
    color: #666;
    font-size: 11px;
    display: block;
    text-transform: none;    
    transition:all .2s ease-in; 
    -o-transition:all .2s ease-in; 
    -moz-transition:all .2s ease-in; 
    -webkit-transition:all .2s ease-in;         
}
.our_work_div {
    position: relative;
}
.our_work_hidden {
    display: none;
}
.our_work_list ul {
    position: relative;
}
.our_work_list ul:after {
    display: block;
    content: ' ';
    clear: both;
}



/***********************************************************************************/
/*                                   What's Happening                              */
/***********************************************************************************/
.whats_happening {
    width: 1100px;
    margin: 0 auto;
    padding: 30px 34px 0;
    background: #fff;
}
.whats_happening ul>li:nth-of-type(2){ float:right}

.whats_happening ul li {
    float: left;
    margin: 0 0 26px 20px;
}
.whats_happening ul li.no_ml {
    margin-left: 0;
}


.whats_happening ul li a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 20px;
    font-family: 'novecento_widedemibold';
    line-height: 24px;  
    text-align: center;
    text-transform: uppercase;  
}
.whats_happening ul li img {
    display: block;
    /*width: 530px !important;*/
}
.whats_happening ul li .caption {
    display: none;
    background: url(images/caption.png) repeat 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 7px 0;  
}



/***********************************************************************************/
/*                                  Tabs                                           */
/***********************************************************************************/
.features h2 {
    font-size:23px;
    width:35%;
    text-align:right;
    float:left;
    margin:0;
    padding:0 9% 0 0}
#page {
    height:100%;
    margin:0;
    margin:0 7%;
    width:86%}
.f-page {
    margin:120px auto;
    padding:0 15px}
#ribbon {
    height:6px;
    background-color:#d13636;
    background-color:rgba(221,60,77,.95);
    background-image:-webkit-gradient(linear,0 50%,100% 50%,color-stop(0,#e75239),color-stop(12.5%,#e75239),color-stop(12.5%,#ff961c),color-stop(25%,#ff961c),color-stop(25%,#ffcc27),color-stop(37.5%,#ffcc27),color-stop(37.5%,#fce62f),color-stop(50%,#fce62f),color-stop(50%,#cde35b),color-stop(62.5%,#cde35b),color-stop(62.5%,#82cc33),color-stop(75%,#82cc33),color-stop(75%,#41bece),color-stop(87.5%,#41bece),color-stop(87.5%,#049cdb),color-stop(100%,#049cdb));
    background-image:-webkit-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%);
    background-image:-moz-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%);
    background-image:-o-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%);
    background-image:linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%);
    background-position:50% 0;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.0625) inset;
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.0625) inset;
    box-shadow:0 1px 2px rgba(0,0,0,.0625) inset}
.z-btn {
    padding:0 8px;
    line-height:20px;
    text-decoration:none;
    color:#333;
    border-radius:4px;
    background-color:#ececec;
    border:solid 1px transparent;
    margin:2px 2px;
    text-decoration:none}
.z-btn.z-back {
    border-radius:16px;
    position:absolute;
    top:40px;
    left:40px;
    padding:0 30px;
    height:32px;
    line-height:30px}
.z-btn:hover,ul.f-list li:hover {
    text-decoration:none;
    cursor:pointer;
    background:-moz-linear-gradient(top,rgba(233,92,51,1) 0,rgba(229,59,44,1) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(233,92,51,1)),color-stop(100%,rgba(229,59,44,1)));
    background:-webkit-linear-gradient(top,rgba(233,92,51,1) 0,rgba(229,59,44,1) 100%);
    background:-o-linear-gradient(top,rgba(233,92,51,1) 0,rgba(229,59,44,1) 100%);
    background:-ms-linear-gradient(top,rgba(233,92,51,1) 0,rgba(229,59,44,1) 100%);
    background:linear-gradient(top,rgba(233,92,51,1) 0,rgba(229,59,44,1) 100%);
    background-color:#e95c33;
    border:1px solid rgba(0,0,0,.1);
    color:#fff}
ul {
    list-style-type:none;
    padding:0;
    margin:0}
ul.features li {
    padding:0;
    margin:0;
    font-size:16px}
ul.features>li {
    float:left;
    width:80%;
    min-width:375px;
    padding:30px 0;
    border-top:1px solid #dfdfdf}
ul.features:after,ul.features>li:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    zoom:1}
ul.f-list {
    float:left;
    width:55%}
ul.f-list li {
    padding:0 0 0 1em;
    border-radius:16px;
    background-color:#ececec;
    border:solid 1px transparent;
    margin:2px 0}
ul.f-list li a:hover {
    color:#fff}
ul.f-list li a {
    color:#333;
    text-decoration:none;
    display:block;
    line-height:2em;
    padding:0;
    margin:0;
    width:100%}
ul.f-list>li {
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s}
#example {
    margin:120px auto}
#example.width400 {
    max-width:400px}
#example.width800 {
    width:800px}
.page #example .toRight {
    float:right}
.page #example .toLeft {
    float:left}
#console {
    background-color:#fff;
    border:solid #ccc;
    border-width:1px 0;
    color:#333;
    font:11px Consolas,Monaco,"Bitstream Vera Sans Mono","Courier New",Courier,monospace;
    height:200px;
    margin:1.4em 0;
    overflow-x:hidden;
    overflow-y:scroll;
    text-align:left}
#console div {
    background-position:6px -95px;
    border-bottom:1px solid #ddd;
    padding:5px 5px 4px 24px;
    background-color:#fafafa}
#config-wrapper {
    width:210px;
    z-index:8000;
    float:left;
    margin:20px}
#config {
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.15);
    box-shadow:0 1px 2px rgba(0,0,0,.15);
    border:1px solid #bbb;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px}
#config input.z-textbox {
    float:right;
    width:50px;
    padding:0 .2em;
    line-height:1.6em;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #c5c5c5;
    background-color:#fafafa}
.config-title {
    color:#000;
    font-size:15px;
    height:44px;
    line-height:44px;
    text-align:center;
    border-bottom:1px solid rgba(23,24,26,.15);
    border-bottom:1px solid #bbb;
    text-shadow:0 1px 0 white;
    filter:progid:dximagetransform.Microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#e5e5e5',gradienttype=0);
    background:#eee;
    background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e5e5e5));
    background:-webkit-linear-gradient(top,#fff,#e5e5e5);
    background:-moz-linear-gradient(top,#fff,#e5e5e5);
    background:-ms-linear-gradient(top,#fff,#e5e5e5);
    background:-o-linear-gradient(top,#fff,#e5e5e5);
    background:linear-gradient(top,#fff,#e5e5e5);
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0}
.box-title {
    font-size:12px;
    height:30px;
    line-height:41px;
    text-align:left;
    border-bottom:1px solid rgba(23,24,26,.15);
    margin-right:4px}
.input-box {
    padding:10px;
    padding-left:40px;
    border-bottom:1px solid rgba(23,24,26,.15)}
.input-box select {
    background:#f7f7f7;
    width:120px;
    border:1px solid rgba(23,24,26,.15);
    font-size:11px;
    color:#000}
#config-wrapper .images {
    width:165px;
    padding-left:25px;
    margin-top:15px;
    border-bottom:1px solid rgba(23,24,26,.15);
    padding-bottom:10px;
    position:relative;
    z-index:1000000}
#config-wrapper .images img.active {
    border:0 solid #ccc;
    opacity:.5}
#config-wrapper .images img {
    width:25px;
    height:24px;
    margin-right:7px;
    margin-bottom:7px;
    z-index:1000}
#config-wrapper .close {
    background-position:top left;
    position:absolute;
    top:45px;
    left:-35px;
    width:35px}
#config-wrapper .style-toggle {
    width:35px;
    height:43px;
    background:url(http://theme-fusion.com/avada/wp-content/themes/Avada/images/colorpicker/style_arrow.png);
    cursor:pointer}
#config-wrapper .open {
    background-position:bottom left;
    position:absolute;
    top:45px;
    right:0;
    width:35px;
    display:none}
.switcher .content {
    padding:5px 20px 16px;
    overflow:hidden;
    background:#fff;
    border-radius:0 0 6px 6px}
.switcher-box {
    height:auto;
    overflow:hidden;
    margin-bottom:4px;
    margin-top:4px}
.styleswitch {
    border:1px solid #d1d1d1;
    padding:2px;
    display:block;
    float:left;
    margin:4px;
    background:#fff}
.styleswitch.active {
    border-color:#ccc!important;
    -moz-box-shadow:inset 0 0 7px rgba(0,0,0,.15);
    -webkit-box-shadow:inset 0 0 7px rgba(0,0,0,.15);
    box-shadow:inset 0 0 7px rgba(0,0,0,.15)}
.styleswitch:hover {
    -moz-box-shadow:0 0 7px rgba(0,0,0,.15);
    -webkit-box-shadow:0 0 7px rgba(0,0,0,.15);
    box-shadow:0 0 7px rgba(0,0,0,.15)}
.styleswitch span {
    width:54px;
    height:54px;
    display:block;
    cursor:pointer;
    margin:2px;
    float:left;
    background-color:#ececec}
.column-2 .styleswitch span {
    width:100px;
    height:28px;
    display:block;
    cursor:pointer;
    margin:2px;
    text-align:center;
    line-height:28px;
    color:#3f3f3f;
    font-size:11px;
    text-shadow:0 1px 0 black;
    text-shadow:rgba(255,255,255,.5) 0 -1px 0}
.column-2 .styleswitch.active span {
    background-color:#dd3c4d;
    color:#fff}
.theme.switcher-box .styleswitch {
    border:1px solid #e6e6e6;
    padding:4px;
    float:left;
    margin:2px}
.theme.switcher-box .styleswitch span {
    width:31px;
    height:31px;
    cursor:pointer;
    float:left;
    border-radius:0;
    background-color:#dfdfdf;
    margin:0}
.small.switcher-box .styleswitch {
    padding:1px;
    margin:2px}
.small.switcher-box .styleswitch span {
    width:25px;
    height:25px}
.medium.switcher-box .styleswitch {
    padding:1px;
    margin:2px}
.medium.switcher-box .styleswitch span {
    width:50px;
    height:50px;
    box-shadow:0 0 5px 0 rgba(245,245,245,.25) inset,0 -1px 3px 2px rgba(160,160,160,.2) inset,0 0 0 6px white,0 0 0 7px rgba(233,233,233,.75),0 0 0 5px white}
.medium.switcher-box .styleswitch,.large.switcher-box .styleswitch {
    padding:8px;
    margin:4px}
.large.switcher-box .styleswitch span {
    width:65px;
    height:65px}
.medium.switcher-box .styleswitch,.large.switcher-box .styleswitch {
    border:0}
.medium.switcher-box .styleswitch:hover,.large.switcher-box .styleswitch:hover {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none}
.large.switcher-box .styleswitch span {
    width:64px;
    height:64px;
    box-shadow:0 0 5px 0 rgba(245,245,245,.25) inset,0 -1px 3px 2px rgba(160,160,160,.2) inset,0 0 0 6px white,0 0 0 7px rgba(233,233,233,.75),0 0 0 5px white}
.medium.switcher-box .styleswitch span:hover,.large.switcher-box .styleswitch span:hover {
    -webkit-box-shadow:0 0 5px 0 rgba(245,245,245,.5) inset,0 -1px 5px 4px rgba(160,160,160,.2) inset,0 0 0 7px white,0 3px 3px 5px rgba(188,188,188,.6),0 0 0 9px white;
    -moz-box-shadow:0 0 5px 0 rgba(245,245,245,.5) inset,0 -1px 5px 4px rgba(160,160,160,.2) inset,0 0 0 7px white,0 3px 3px 5px rgba(188,188,188,.6),0 0 0 9px white;
    box-shadow:0 0 5px 0 rgba(245,245,245,.5) inset,0 -1px 3px 2px rgba(160,160,160,.2) inset,0 0 0 5px white,0 3px 3px 5px rgba(188,188,188,.6),0 0 0 6px white}
.medium.switcher-box .styleswitch.active,.large.switcher-box .styleswitch.active {
    border-color:#d6d6d6!important;
    border-radius:0;
    -moz-box-shadow:inset 0 0 7px rgba(0,0,0,.25);
    -webkit-box-shadow:inset 0 0 7px rgba(0,0,0,.25);
    box-shadow:inset 0 0 7px rgba(0,0,0,.25)}
.medium.switcher-box .styleswitch.active span,.large.switcher-box .styleswitch.active span {
    box-shadow:0 0 5px 2px rgba(36,36,36,.1) inset}
.ie7 .medium.switcher-box .styleswitch,.ie8 .medium.switcher-box .styleswitch,.ie7 .large.switcher-box .styleswitch,.ie8 .large.switcher-box .styleswitch {
    border:1px solid #dfdfdf;
    background:#fff;
    padding:6px}
.ie7 .medium.switcher-box .styleswitch.active,.ie8 .medium.switcher-box .styleswitch.active,.ie7 .large.switcher-box .styleswitch.active,.ie8 .large.switcher-box .styleswitch.active {
    border:1px solid #d1d1d1;
    background:#e6e6e6}
.ie7 .medium.switcher-box .styleswitch span,.ie8 .medium.switcher-box .styleswitch span,.ie7 .large.switcher-box .styleswitch span,.ie8 .large.switcher-box .styleswitch span {
    border:1px solid #dfdfdf}
.ie7 .headline span,.ie8 .headline span,.ie8 .headline span,.ie8 .headline span {
    border:1px solid #d8d8d8;
    border:1px solid rgba(200,200,200,.75)}
.theme.switcher-box .styleswitch.white span {
    background-color:#fff}
.theme.switcher-box .styleswitch.crystal span {
    background-color:#f5f5f5;
    background:#fff;
    background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,1)),color-stop(50%,rgba(243,243,243,1)),color-stop(51%,rgba(237,237,237,1)),color-stop(100%,rgba(255,255,255,1)));
    background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background:-o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background:-ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%)}
.theme.switcher-box .styleswitch.silver span {
    background-color:#dfdfdf;
    background-color:#f2f0f0;
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdfcfc),to(#f2f0f0),color-stop(.5,#fbf9f9),color-stop(.5,#f7f5f6));
    background-image:-webkit-linear-gradient(top,#fdfcfc,#fbf9f9 50%,#f7f5f6 50%,#f2f0f0);
    background-image:-moz-linear-gradient(top,#fdfcfc,#fbf9f9 50%,#f7f5f6 50%,#f2f0f0);
    background-image:-o-linear-gradient(top,#fdfcfc,#fbf9f9 50%,#f7f5f6 50%,#f2f0f0);
    background-image:-ms-linear-gradient(top,#fdfcfc,#fbf9f9 50%,#f7f5f6 50%,#f2f0f0)}
.theme.switcher-box .styleswitch.gray span {
    background-color:#b6b6b6;
    background:#f5f5f5;
    background:-moz-linear-gradient(top,#dbdbdb 0,#f2f2f2 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dbdbdb),color-stop(100%,#f2f2f2));
    background:-webkit-linear-gradient(top,#dbdbdb 0,#f2f2f2 100%);
    background:-o-linear-gradient(top,#dbdbdb 0,#f2f2f2 100%);
    background:-ms-linear-gradient(top,#dbdbdb 0,#f2f2f2 100%);
    background:linear-gradient(to bottom,#dbdbdb 0,#f2f2f2 100%)}
.theme.switcher-box .styleswitch.black span {
    background-color:#000;
    background:#333;
    background:-webkit-gradient(linear,0 0,0 100%,from(#333),to(#555));
    background:-webkit-linear-gradient(top,#333,#555);
    background:-moz-linear-gradient(top,#333,#555);
    background:-ms-linear-gradient(top,#333,#555);
    background:-o-linear-gradient(top,#333,#555)}
.theme.switcher-box .styleswitch.green span {
    background-color:#3b7c33;
    background:#5fae53;
    background:-webkit-gradient(linear,0 0,0 100%,from(#5fae53),to(#3b7c33));
    background:-webkit-linear-gradient(top,#5fae53,#3b7c33);
    background:-moz-linear-gradient(top,#5fae53,#3b7c33);
    background:-ms-linear-gradient(top,#5fae53,#3b7c33);
    background:-o-linear-gradient(top,#5fae53,#3b7c33)}
.theme.switcher-box .styleswitch.blue span {
    background-color:#00b0d8;
    background:#1abde7;
    background:-moz-linear-gradient(top,#1abde7 0,#1c9dd1 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#1abde7),color-stop(100%,#1c9dd1));
    background:-webkit-linear-gradient(top,#1abde7 0,#1c9dd1 100%);
    background:-o-linear-gradient(top,#1abde7 0,#1c9dd1 100%);
    background:-ms-linear-gradient(top,#1abde7 0,#1c9dd1 100%);
    background:linear-gradient(to bottom,#1abde7 0,#1c9dd1 100%)}
.theme.switcher-box .styleswitch.lightblue span {
    background-color:#d9edf2;
    background:-moz-linear-gradient(top,#f7fbfc 0,#d9edf2 40%,#add9e4 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f7fbfc),color-stop(40%,#d9edf2),color-stop(100%,#add9e4));
    background:-webkit-linear-gradient(top,#f7fbfc 0,#d9edf2 40%,#add9e4 100%);
    background:-o-linear-gradient(top,#f7fbfc 0,#d9edf2 40%,#add9e4 100%);
    background:-ms-linear-gradient(top,#f7fbfc 0,#d9edf2 40%,#add9e4 100%);
    background:linear-gradient(to bottom,#f7fbfc 0,#d9edf2 40%,#add9e4 100%)}
.theme.switcher-box .styleswitch.red span {
    background-color:#d34332;
    background:#d84a38;
    background:-moz-linear-gradient(top,#dd4b39 0,#d14836 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dd4b39),color-stop(100%,#d14836));
    background:-webkit-linear-gradient(top,#dd4b39 0,#d14836 100%);
    background:-o-linear-gradient(top,#dd4b39 0,#d14836 100%);
    background:-ms-linear-gradient(top,#dd4b39 0,#d14836 100%);
    background:linear-gradient(to bottom,#dd4b39 0,#d14836 100%)}
.theme.switcher-box .styleswitch.orange span {
    background-color:#f39c11;
    background:#f2825b;
    background:-moz-linear-gradient(top,#f2825b 0,#e55b2b 50%,#f07146 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f2825b),color-stop(50%,#e55b2b),color-stop(100%,#f07146));
    background:-webkit-linear-gradient(top,#f2825b 0,#e55b2b 50%,#f07146 100%);
    background:-o-linear-gradient(top,#f2825b 0,#e55b2b 50%,#f07146 100%);
    background:-ms-linear-gradient(top,#f2825b 0,#e55b2b 50%,#f07146 100%);
    background:linear-gradient(to bottom,#f2825b 0,#e55b2b 50%,#f07146 100%)}
.theme.switcher-box .styleswitch.deepblue span {
    background-color:#1e69de;
    background:#479fed;
    background:-moz-linear-gradient(top,#479fed 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#479fed),color-stop(50%,#54a3ee),color-stop(51%,#3690f0),color-stop(100%,#1e69de));
    background:-webkit-linear-gradient(top,#479fed 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
    background:-o-linear-gradient(top,#479fed 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
    background:-ms-linear-gradient(top,#479fed 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
    background:linear-gradient(to bottom,#479fed 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%)}
.theme.switcher-box .styleswitch.yellow span {
    background-color:#f8c54d}
.theme.switcher-box .styleswitch.purple span {
    background-color:#df6dc2}
.switcher-box a.btn {
    min-width:18px;
    color:#fff;
    font:13px/24px 'Open Sans',sans-serif;
    text-align:center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    text-decoration:none;
    display:inline-block;
    background:#ff674f;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    background-color:#41b7d8;
    border:1px solid #32b1d5;
    padding:0 4px}
.switcher-box select {
    min-width:164px;
    border:1px solid #ccc;
    display:inline-block;
    font-size:16px;
    letter-spacing:-.02em;
    width:164px;
    box-shadow:0 0 10px #eee inset;
    font-size:13px;
    text-shadow:0 1px 0 white;
    height:28px;
    padding:3px;
    vertical-align:middle}
.config-group {
    padding:20px 0 50px}
.config-group .title {
    padding:4px;
    display:block;
    margin:4px;
    border-radius:5px}
.styleswitch {
    font-size:12px}
.tabs_container {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.field_tabs {
    width: 1168px !important;
    margin: 0 auto !important;
    background: #404040 url(images/field_tabs.jpg) repeat-x 0 0;
}
.field_tabs_in {
    float: right;
}
.field_tabs_btn {
    float: right;
}
.tabs_container .field_tabs_btn li {
    float: left;
    padding: 18px 0 0 0;
    margin: 0 7px;
    transition:all .2s ease-in; 
    -o-transition:all .2s ease-in; 
    -moz-transition:all .2s ease-in; 
    -webkit-transition:all .2s ease-in;      
}
.field_tabs_btn li a,
.field_tabs_btn li span {
    color: #fff;
    font-size: 18px;
    font-family: 'novecento_widedemibold';
    line-height: 24px;  
    text-align: center;
    text-transform: uppercase; 
    display: block;
    padding: 19px 23px;
}
.field_tabs_btn li:hover,
.field_tabs_btn li.z-active {
    background: #ffac0d;
    border-radius: 15px 15px 0 0;   
}
.z-tab {
    cursor: pointer;
}
.tab_container {
	display:block!important;
    padding:32px 8px 8px 25px;
    background:#ffac0d;
    width: 1017px;
    margin: 0 0 0 -16px;
}
.sub_tabs_btn {
    float: right;
    width: 230px !important;
    margin-bottom: 30px !important;
}
.sub_tabs_btn li {
    padding: 0 20px 0 0 !important;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    position: relative;
    width: 185px !important;
    background-image: none;   
}
.sub_tabs_btn li small {
    display: block;
    width: 16px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -8px;
    background: #FFAC0D;
}
.sub_tabs_btn li a,
.sub_tabs_btn li span {
    display: block;
    color: #fff;
    font-size: 18px;
    font-family: 'novecento_widedemibold';    
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    padding: 42px 0;
    background: #413111;
}
.sub_tabs_btn li.z-active {
    -webkit-box-shadow: 4px 0px 8px -1px #000;
    -moz-box-shadow:    4px 0px 8px -1px #000;
    box-shadow:         4px 0px 12px -2px #000;
}
.sub_tabs_btn li.z-active a,
.sub_tabs_btn li.z-active span {
    background: transparent;
}
.sub_tabs_box {
    width: 710px !important;
    float: left;
    padding: 0 0 0;
    margin: 0 0 0 96px;
    clear: none !important;
}
.sub_sub_tabs_btn {
    width: 430px !important;
    float: left;
}
.sub_sub_tabs_btn li {
    padding: 0 0 40px 0 !important;
    background-image: none !important;
    clear: both;
}
.sub_sub_tabs_btn .tab_icon {
    width: 51px;
    height: 51px;
    background: #1a1c1e;
    -moz-border-radius: 51px;
    -webkit-border-radius: 51px;
    border-radius: 51px;
    float: left;
    margin: 0 15px 0 0;
    transition:all .2s ease-in; 
    -o-transition:all .2s ease-in; 
    -moz-transition:all .2s ease-in; 
    -webkit-transition:all .2s ease-in;      
}
.sub_sub_tabs_btn .tab_title {
    width: 260px;
    float: left;
    color: #fff;
    font-size: 12px;
    font-family: 'open_sansregular';
    line-height: 14px;
    text-transform: uppercase;
    padding: 8px 0 0 0;
    transition:all .2s ease-in; 
    -o-transition:all .2s ease-in; 
    -moz-transition:all .2s ease-in; 
    -webkit-transition:all .2s ease-in;      
}
.sub_sub_tabs_btn .tab_title h4 {
    color: #1a1c1e;
    font-size: 17px;
    line-height: 23px;
    padding: 0;
    transition:all .2s ease-in; 
    -o-transition:all .2s ease-in; 
    -moz-transition:all .2s ease-in; 
    -webkit-transition:all .2s ease-in;     
}
.sub_sub_tabs_btn li:hover .tab_title h4,
.sub_sub_tabs_btn li.z-active .tab_title h4 {
    color: #fff;
}
.sub_sub_tabs_btn li:hover .tab_icon,
.sub_sub_tabs_btn li.z-active .tab_icon {
    background: #fff;
}
.sub_sub_tabs_box {
    width: 280px !important;
    float: left !important;
}
.tabs_container {
    color: #121212;
    font-size: 16px;
    font-family: 'open_sansregular';    
    line-height: 23px;
}
.sub_sub_tabs_box .z-content-inner ul li {
    padding: 0 0 0 14px;
    background: url(images/tab_li.png) no-repeat 0 6px;
}
body .z-tabs.z-tabs *, 
body .z-tabs ul, 
body .z-tabs ul li, 
body .z-tabs ul li a, 
body .z-tabs .z-container .z-content {
    margin-bottom: 0;
}
.sub_tabs_box .z-content-inner {
    padding-top: 15px;
}
.sub_sub_tabs_btn {
    margin-top: 20px !important;
}



/***********************************************************************************/
/*                                  Partners                                       */
/***********************************************************************************/
.partners {
    width: 1168px;
    margin: 0 auto;
    background: #fff url(images/partners.jpg) repeat-x 0 100%;    
}
.partners_ubg {
    height: 5px;
    padding: 0 0 53px;  
    background: url(images/partners_ubg.jpg) repeat-x 0 0;      
}
.partners_lbg {
    width: 1168px;
    margin: 0 auto;
    height: 36px;
    background: url(images/our_work.jpg) repeat-x 0 0;      
}
.partners h3.title {
    color: #fff;
    font-size: 28px;
    font-family: 'novecento_widedemibold';
    line-height: 32px;  
    text-transform: uppercase; 
    padding: 16px 14px 10px 32px;
    min-width: 323px;
    background: #fbaa0d;
    -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.45);
    -moz-box-shadow:    0px 8px 15px rgba(0, 0, 0, 0.45);
    box-shadow:         0px 8px 15px rgba(0, 0, 0, 0.45);
    display: inline-block; 
    position: relative;   
}
.partners h3.title .bg {
    display: block;
    width: 30px;
    height: 95px;
    background: url(images/partners_title.png) no-repeat 50% 50%;
    position: absolute;
    top: -15px;
    right: 100%;
}
.partner_in {
    padding: 0 0 26px 34px;
	margin-top:10px    
}
.partners ul {
    display: table-row;
}
.partners ul li {
    display: table-cell;
    height: 90px;
    vertical-align: middle;
    text-align: center;
    padding: 0 44px;
}
.partners ul li a,
.partners ul li img {
    display: block;
}
.jcarousel {
    overflow: hidden;
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl {
    direction:rtl;
}
.jcarousel-skin-ie7 .jcarousel-container-horizontal {

}
.jcarousel-skin-ie7 .jcarousel-container-vertical {
    width:75px;
    height:245px;
    padding:40px 20px;
}
.jcarousel-skin-ie7 .jcarousel-clip {
    overflow:hidden;
}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {

}
.jcarousel-skin-ie7 .jcarousel-clip-vertical {
    width:77px;
    height:245px;
}
.jcarousel-skin-ie7 .jcarousel-item {

}
.jcarousel-skin-ie7 .jcarousel-item:hover,.jcarousel-skin-ie7 .jcarousel-item:focus {
    border-color:#808080;
}
.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-left:0;
    margin-right:20px;
    float: none !important;
    clear: none !important;
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left:7px;
    margin-right:0;
}
.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom:7px;
}
.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}
/** * Horizontal Buttons */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position:absolute;
    top:0;
    right:0;
    width:19px;
    height:19px;
    cursor:pointer;
    margin: -65px 0 0 0;
}
.jcarousel-skin-ie7 .jcarousel-next-horizontal.jcarousel-next-disabled {
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position:absolute;
    top:0;
    right:21px;
    width:19px;
    height:19px;
    cursor:pointer;
    margin: -65px 0 0 0;
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal.jcarousel-prev-disabled {
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left:auto;
    right:5px;
    background-image:url(next-horizontal.gif);
}
/** * Vertical Buttons */
.jcarousel-skin-ie7 .jcarousel-next-vertical {
    position:absolute;
    bottom:5px;
    left:43px;
    width:32px;
    height:32px;
    cursor:pointer;
    background:transparent url(next-vertical.gif) no-repeat 0 0;
}
.jcarousel-skin-ie7 .jcarousel-next-vertical:hover,.jcarousel-skin-ie7 .jcarousel-next-vertical:focus {
    background-position:0 -32px;
}
.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
    background-position:0 -64px;
}
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:focus,.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
    cursor:default;
    background-position:0 -96px;
}
.jcarousel-skin-ie7 .jcarousel-prev-vertical {
    position:absolute;
    top:5px;
    left:43px;
    width:32px;
    height:32px;
    cursor:pointer;
    background:transparent url(prev-vertical.gif) no-repeat 0 0;
}
.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover,.jcarousel-skin-ie7 .jcarousel-prev-vertical:focus {
    background-position:0 -32px;
}
.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
    background-position:0 -64px;
}
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:focus,.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
    cursor:default;
    background-position:0 -96px;
}
.jcarousel-clip:after {
    display: block;
    content: '';
    clear: both;
} 



/***********************************************************************************/
/*                                  Footer                                         */
/***********************************************************************************/
.footer {
    width: 1168px;
    margin: 0 auto;
    padding: 46px 0 66px;
}
.footer,
.footer a {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
}
.footer a:hover {
    color: #ffac0d;    
}
.footer h4 {
    color: #ffac0d;
    font-size: 16px;
    font-weight: normal;
    font-family: 'open_sansregular';    
    line-height: 16px;
    text-transform: none;
}
.footer p {
    padding: 0 0 17px 0;
}
.footer_l {
    float: left;
    width: 350px;
    padding: 150px 0 164px;
    /*background: url(images/crab.png) no-repeat 161px 100%; */
}
.footer_l,
.footer_l a {
    color: #fff;
    font-size: 35px;
    font-family: 'novecento_widebook';
    line-height: 42px;  
    text-transform: uppercase;    
}
.footer_l a:hover {
    color: #fff;
}
.footer_l a {
    color: #ffac0d;
    font-family: 'novecento_widedemibold';  
    border-bottom: 1px solid #666;  
}
.footer_m {
    float: left;
    width: 320px;
    text-align: right;
}
.footer_r {
    width: 464px;
    float: right;
}
.wpcf7 img {
    display: block;
}
.footer_r ul li {
    float: left;
    margin: 0 0 15px 20px;
}
.footer_r label {
    display: block;
    color: #fff;
    font-size: 15px;
    font-family: 'open_sansregular';   
    font-style: italic; 
    line-height: 23px;
    padding: 0 0 4px;
}
.footer_r label span {
    color: #ffac0d;
}
.footer_r input[type="text"],
.footer_r input[type="email"] {
    width: 192px;
}
.footer_r .submit {
    text-align: right;
    clear: both;
}
.foot_nav {
    background: #0e0e0e; 
    padding: 31px 0;
    color: #fff;
    font-size: 14px;
    line-height: 18px; 
    text-transform: uppercase;
}
.foot_nav a {
    color: #ffac0d;    
}
.foot_nav a:hover {
    color: #fff;    
}
.foot_nav_in {
    width: 1168px;
    margin: 0 auto;
}
.foot_nav_menu {
    width: 60%;
    float: left;
}
.foot_nav_menu li {
    float: left;
}
.copyright {
    width: 40%;
    float: right;    
    text-align: right;
}
.foot_nav_menu .deli {
    display: inline-block;
    padding: 0 3px;
}
.foot_nav_menu ul li:first-child .deli {
    display: none;
}



/***********************************************************************************/
/*                                  Game                                           */
/***********************************************************************************/
.arc_slider {
    width: 1200px;
    margin: 0 auto;
    padding: 0 0 30px 0;
    background: url(images/arc_slider.jpg) repeat 0 0;
}
.container {
    width: 1168px;
    margin: 0 auto;
    background: #fff url(images/container.jpg) repeat-x 0 0;
}
.container_inner {
    padding: 43px 47px 0 43px;
}
.post {
    padding: 0 0 82px 0;
}
.post h3 {
    color: #ffa60c;
    font-size: 18px;
    font-weight: normal;
    font-family: 'novecento_widedemibold';  
    line-height: 23px;  
}
.post .thumbnail {
    float: left;
    width: 371px;
    padding: 0 120px 0 0;
}
.post .thumbnail img {
    display: block;
}
.post .text {
    float: left;
    width: 360px;
    padding: 0 60px 0 0;
    line-height: 15px;
}
.post .text img {
    float: left;
    display: block;
    margin: 0 0 0 13px;
}
.post .text a:first-child img {
    margin-left: 0;
}
.post .icons {
    float: left;
    width: 135px;
}
.post .icons img {
    width: 80px;
    height: auto;
    display: block;
    margin: 0 0 18px 33px;
}
.post .icons a,
.post .icons span {
    display: block;
    width: 150px;
    height: 40px;
}
.post .icons a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8; 
}
.post .icons .android_market {
    background: url(images/android_market.png) no-repeat 50% 50%;
    margin: 0 0 13px 0;
}
.post .icons .android_market_disabled {
    background: url(images/android_market_disabled.png) no-repeat 50% 50%;
}
.post .icons .app_store {
    background: url(images/app_store.png) no-repeat 50% 50%;
}
.post .icons .app_store_disabled {
    background: url(images/app_store_disabled.png) no-repeat 50% 50%;
}
.pagenavi {
    clear: both;
    padding: 45px 0;
    text-align: center;
}
.pagenavi a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: normal; 
    line-height: 22px;
    padding: 4px 12px;
    margin: 0 6px;
    background: #ffa60c;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    border: 1px solid #ffa60c; 
}
.pagenavi a.current,
.pagenavi a:hover {
    color: #ffa60c;
    background: #fff;  
}
.pagenavi:after {
    display: block;
    content: '';
    clear: both;
}



/***********************************************************************************/
/*                                  News                                           */
/***********************************************************************************/
.nonhome .head {
    height: auto !important;
}
.featured_news a {
    display: block;
    float: left;
    position: relative;
}
.featured_news a img {
    display: block;
}
.featured_news a .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px;
    font-family: 'open_sansregular';    
    font-weight: normal; 
    line-height: 19px;
    text-align: center;
    text-transform: none;  
    background: url(images/featured_news_title.png) repeat 50% 50%;
    display: none;  
} 
.featured_news a .title_inner {
    width: 343px;
    height: 432px;
    display: table-cell;
    vertical-align: middle;
}
.featured_news a .title p {
    padding: 10px 48px;
}
.featured_news a .link {
    color: #ffac0d;
    text-decoration: underline;
}
.news_container_inner {
    padding: 40px 30px;
}
.news_container_left {
    width: 48%;
    float: left;
}
.news_container_right {
    width: 48%;
    float: right;
    padding: 109px 0 30px;
}
h1.new_archive_title {
    color: #121212;
    font-size: 38px;
    font-weight: normal;
    font-family: 'novecento_widedemibold';     
    line-height: 42px;
    text-transform: uppercase;
    padding: 0 38px 27px 0;
    display: inline-block;
    background: url(images/new_archive_title.png) no-repeat 100% 0;
}
.news_container_left .flexslider {
    padding: 40px 0;
}
.news_container_left .flex-direction-nav a {
    top: 0;
    left: 50%;
    width: 32px;
    height: 21px;
    margin-left: -16px;
    background: url(images/left_prev.png) no-repeat 50% 50%;    
}
.news_container_left .flex-direction-nav a.flex-next {
    top: auto;
    bottom: 0;
    background: url(images/left_next.png) no-repeat 50% 50%;       
}
.news_container_left .flexslider .slides > li {
    /*height: 670px;*/
}
.news_container_left .flexslider .news_post {
    display: block;
    position: relative;
}
.news_container_left .flexslider .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    font-family: 'novecento_widedemibold';     
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;    
    background: url(images/news_container_left_title.png) repeat 50% 50%;
    display: none;  
} 
.news_container_left .flexslider .title_inner {
    padding: 6px 7px 7px;
}
.page_title_wrapper {
    width: 1168px;
    margin: 0 auto;
    padding: 20px 0 0;
}
h1.page_title {
    color: #fff;
    font-size: 38px;
    font-weight: normal;
    font-family: 'novecento_widedemibold';     
    line-height: 42px;
    text-transform: uppercase; 
    padding: 0; 
}
.breadcrumbs {
    width: 1168px;
    margin: 0 auto;
    padding: 0 0 20px;    
    color: #ffac0d;
}
.breadcrumbs span,
.breadcrumbs a {
    color: #fff;
	transition:All 0.3s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;
}
.breadcrumbs a:hover{ color:#ffac0d}
.featured_work {
    width: 1110px;
    margin: 0 auto;
    padding: 42px 45px 50px 45px;
    background: #ffac0d;
    position: relative;
}
#featured_work_carousel {
    display: none;
}
.featured_work_carousel_item {
    position: relative;
}
.featured_work_carousel_nav {
    width: 210px;
    float: left;
    color: #000;
    font-size: 19px;
    font-weight: normal;
    font-family: 'novecento_widedemibold';     
    line-height: 30px;
    text-transform: uppercase; 
    text-align: center;   
    position: relative;
    padding: 39px 0;
    background: #fff;
}
.featured_work_carousel_prev,
.featured_work_carousel_next {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}
.featured_work_carousel_prev {
    background: url(images/featured_work_prev.png) no-repeat 50% 50%;
    left: 28px;
}
.featured_work_carousel_next {
    background: url(images/featured_work_next.png) no-repeat 50% 50%;
    right: 28px;
}
.featured_work_carousel {
    width: 900px;
    float: right;
}
.featured_work_carousel_item {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-family: 'open_sansregular';    
    line-height: 16px;
    text-align: center;
}
.featured_work_carousel_item img {
    display: block;
}
.featured_work_carousel_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/featured_work_carousel_title.png) repeat 50% 50%;
    display: none;
}
.featured_work_carousel_title_inner {
    padding: 0 20px;
    width: 180px;
    height: 108px;
    display: table-cell; 
    vertical-align: middle;       
}
.owl-theme .owl-controls .owl-buttons div.owl-prev,
.owl-theme .owl-controls .owl-buttons div.owl-next {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    right: auto;
    margin: -15px 0 0 0;  
    padding: 0;
    -moz-border-radius: 0; 
    -webkit-border-radius: 0; 
    border-radius: 0;  
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;     
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url(images/featured_work_prev.png) no-repeat 50% 50%;
    margin-left: -196px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(images/featured_work_next.png) no-repeat 50% 50%;
    margin-left: -45px;    
}
.featured_work_content {
    background: #232323;
    padding: 22px 25px;
    color: #fff;
    font-size: 15px;
    font-family: 'open_sansregular';        
    line-height: 18px;
}
.iframe_wrapper {
    /*width: 595px;*/
    max-width: 100%;
}
.iframe_container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.iframe_container iframe,  
.iframe_container object,  
.iframe_container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}  
.featured_work_content_title {
    color: #fff;
    font-size: 30px;
    font-family: 'open_sansregular';    
    line-height: 36px;
    text-align: right;
    text-transform: uppercase;  
    width: 330px;
    float: left;
    padding: 0 0 0 25px;  
}
.featured_work_content_title_inner {
    width: 330px;
    height: 334px;
    display: table-cell;
    vertical-align: middle;    
}
.featured_work_content_video {
    width: 610px;
    float: right;
}
.featured_work_content_box {
    clear: both;
    padding: 10px 0 0 0;
}
.featured_work_arr {
    display: block;
    width: 32px;
    height: 21px;
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 17px;
    margin-left: -16px;
    background: url(images/our_work_more.png) no-repeat 50% 50%;
	transition:All 0.3s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out
}
.featured_work_arr:hover {
    background: url(images/our_work_more_hover.png) no-repeat 50% 50%;
}

.our_work_archive .our_work {
    width: 1130px;
    padding: 50px 19px 10px;
    background-image: none;
}
.our_work_archive .our_work h3 {
    padding: 0 0 20px;
    color: #121212;
    font-size: 38px;
    line-height: 42px;
}
.our_work_archive .our_work_list {
    width: 814px;
    float: right;
}
.our_work_archive .our_work_sidebar {
    width: 232px;
    float: left;
    background: #333;
    padding: 0 0 38px 0;
}
.our_work_sidebar,
.our_work_sidebar a {
    color: #a2a2a2;
    font-size: 15px;
    font-family: Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 19px;
}
.our_work_sidebar_head {
    color: #fff;
    font-size: 14px;
    font-family: 'novecento_widedemibold';  
    line-height: 18px;
    text-transform: uppercase;      
    background: #ffac0d;
    padding: 11px 10px 11px 34px;
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 2px 7px 0px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 2px 7px 0px rgba(0, 0, 0, 0.5);    
}
.our_work_sidebar ul {
    padding: 8px 0 12px;
}
.our_work_sidebar ul li {
    padding: 3px 10px 3px 34px;
    margin: 0;
    float: none;
}
.our_work_sidebar ul li:hover,
.our_work_sidebar ul li.current-menu-item {
    background: url(images/our_work_sidebar_menu.png) no-repeat 15px 9px;
}
.our_work_sidebar a:hover,
.our_work_sidebar ul li.current-menu-item a {
    color: #fff;
}
.our_work_sidebar_head_black {
    background: #121212;
}
.page-template-page-agency-php .field_tabs {
    background: transparent;
}
.partner_logo {
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.page-template-page-agency-php .partners {
    width: 1102px;
    padding: 39px 33px 14px 33px;
}
.partners_carousel_nav {
    color: #121212;
    font-size: 12px;
    font-family: 'novecento_widedemibold';  
    line-height: 18px;
    text-transform: uppercase;  
    text-align: center;     
}
.partners_carousel .owl-theme .owl-controls .owl-buttons div.owl-prev,
.partners_carousel .owl-theme .owl-controls .owl-buttons div.owl-next {
    width: 6px;
    height: 11px;
    left: 50%;
    top: auto;
    bottom: -24px;
    margin: 0;
}
.partners_carousel .owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url(images/partners_carousel_prev.png) no-repeat 50% 50%;
    margin-left: -100px;
}
.partners_carousel .owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(images/partners_carousel_next.png) no-repeat 50% 50%;
    margin-left: 94px;   
}
.partners_carousel .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{
-webkit-animation: move_r_l 0.5s ease-in-out infinite alternate; -moz-animation: move_r_l 0.5s ease-in-out infinite alternate; animation: move_r_l 0.5s ease-in-out infinite alternate;
}
.partners_carousel .owl-theme .owl-controls .owl-buttons div.owl-next:hover{
 -webkit-animation: move_l_r 0.5s ease-in-out infinite alternate; -moz-animation: move_l_r 0.5s ease-in-out infinite alternate; animation: move_l_r 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes move_l_r {
  from {
    margin-left: 94px;  

  }
  to {
    margin-left: 98px;  

  }
}
@-webkit-keyframes move_r_l {
  from {
    margin-left: -100px;  

  }
  to {
    margin-left: -104px;  

  }
}

.sing_content_box {
    width: 1168px;
    margin: 0 auto;
}
.sing_content {
    padding: 39px 0 14px;
    color: #fff;
    font-size: 14px;
    font-family: Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 16px;
}
#page_content {
    padding: 30px;
}
.z-content-inner h3 {
    padding: 60px 40px 0;
}
.z-content-inner .wpb_row {
    padding: 25px 40px 0;
}
body .wpcf7-response-output {
    clear: both;
}
body .wpcf7-not-valid-tip {
    display: block;
    padding-top: 8px;
}


@media only screen and (min-width: 769px) and (max-width: 1200px) {
	.intro_cover{ 
		width: 100%;
	}
.android_market{ float:none!important; margin:0 auto 13px auto!important}
.app_store{ float:none!important; margin:0 auto 0 auto!important}
.post .thumbnail {
    float: left!important;
    width: 40%!important;
	padding:0!important;
}
.post .text {
    float: left!important;
    width: 34%!important;
	margin-left:5%!important;
    line-height: 15px!important;
	padding:0!important;
}
.post .icons {
    float: right!important;
    width: 18%!important;
}
	.our_work_archive{ 
		width: 98%;
		margin: 0 auto;
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	.our_work_archive .our_work_list{
		width:74%!important;
	}
	.our_work{ 
		width:auto!important
	}
    body.nonhome .wrapper > div {
        padding-left: 15px;
        padding-right: 15px;
    }
    .wpcf7-validation-errors{
        max-width: 285px;
        margin-left: 20px !important;
    }
    .footer_r input[type="text"],
    .footer_r input[type="email"] {
        width: auto;
    }
    .our_work_div > ul > li > a > img{
        width: 100% !important;
        box-sizing:border-box;
    }
    .post .icons a,
    .post .icons span,
    .post .icons .android_market {
        float: right;
        clear: both;
    }
    .post .thumbnail,
    .post .text,
    .post .icons {
        width: auto;

        float: none;
    }
    .post .thumbnail {
        text-align: center;
        padding: 0 0 20px;
    }
    .post .thumbnail img {
        display: block;
        margin: 0 auto;
    }
    .post .text {
        padding-right: 0;
    }
    .post .text .thumbnails {
        text-align: left;
    }
    .post .text .thumbnails img {
        max-width: 36px;
    }
    .post .thumbnail a {
        display: inline-block;
    }
    .post .text img {
        display: inline-block;
        float: none;
        margin: 0 3px 6px;
    }
    .post .text {
        padding-bottom: 30px;
    }
    .post .icons {
        position: relative;

    }
    .post .icons:after {
        display: block;
        content: ' ';
        clear: both;
    }
    .post .icons img {
        margin:0 auto 30px auto;
    }
    .page_title_wrapper{
        padding-left: 0;
    }
    /*.breadcrumbs,.page_title_wrapper{
        margin-left: 2vw;
    }*/
    .foot_nav_in,.container,.partners_lbg,.page_title_wrapper,.page_title_wrapper,.breadcrumbs,.arc_slider{
        width: 100%;
    }
    .crab{
        display: none;
    }
    .whats_happening ul li img{
        width: 100%;
    }
    .head,
    .intro,
    .slide_box,
	.head_down {
        width: auto;
    }
	.index_move_img_box{ width:auto}
    .logo {
        width: 230px;
    }
    .top_nav {
        padding-right: 30px;
    }
    .intro_txt {
        padding-left: 30px;
        padding-right: 30px;
    }
    .intro .text {
        width: 47%;
    }
    .intro .video {
        width: 49%;
    }
    .our_fileds li {
        width: 32%;
        margin-left: 2%;
    }
    .field_tabs {
        width: auto !important;
        margin: 0 auto !important;
    }    
    .our_work {
        width: auto;
        padding: 30px 30px 100px;
    }
    .our_work li {
        margin: 0 20px 45px 0;
        width: 21.9%;
        margin-right: 4%;
        border-width: 0.1%;
    }
    .our_work_archive .our_work .our_work_list li {
        margin: 0 20px 45px 0;
        width: 29%!important;
        margin-right: 4%;
        border-width: 0.1%;
    }
    .our_work li a .border {
        width: 100%;
        height: 100%;
        border-width: 0;
        box-sizing:border-box;
    }
	.work_bg {
        width: 100%;
        height: 100%;
        box-sizing:border-box;
    }

    .tabs_container {
        width: auto;
        display: none;
    }
    .whats_happening {
        padding: 30px 30px 0;  
        width: auto;    
    }
    .whats_happening ul li {
        width: 48%;
        /*margin-right: 4%;*/
    }
    .partners {
        width: auto;
    }
    .footer {
        width: auto;
        padding: 26px 15px 46px 15px;
    }
    .footer_l {
        padding: 30px 0;
        width: 100%;
        text-align: center;
        background-position: 100% 100%
    }
    #messages{
        width: auto;
    }
    .footer_m {
        width: 44.5%;
    }
    .footer_r {
        width: 47.5%;
    }
    .footer_r ul li {
        float: none;
    }
    textarea {
        max-width: 90%;
    }
    .footer_r .submit {
        text-align: left;
        margin: 0 0 0 20px;        
    }
    .foot_nav_menu{
        margin-left: 2vw;
        width: 50%;
    }
    .copyright{
        margin-right: 2vw;
    }
    .foot_nav_in {
        width: auto;
        padding: 0 15px;
    }
}
@media only screen and (max-width: 1100px) {
	.our_work_archive .our_work_list{
		width:70%!important;
	}
}
@media only screen and (max-width: 960px) {
	.our_work_archive .our_work_list{
		width:66%!important;
	}
}
@media only screen and (max-width: 840px) {
	.our_work_archive .our_work_list{
		width:63%!important;
	}
}
@media only screen and (max-width: 768px) {
.top_nav_mobile{ display:block; z-index:999999999; }
.top_nav_pc{ display:none!important}
#our_apps_mobile{ display:block}
.intro_cover{ width:100%}
	.our_work_archive .our_work_list{
		width:100%!important;
	}
	.header{ 
	position:relative!important
	}
	.head_fixed,.head_fixed2{ display:none!important}
    div.wpcf7-validation-errors{
        margin: 0 auto;
    }
    .crab{
        display: none;
    }
    .news_container_inner{
        padding: 0 !important;
    }
    .news_container_right{
        width: 100%;
        padding: 0;
    }
    .flexslider .slides > li{
        /*display: block !important;*/
        /*clear: both;*/
    }
    .news_container_left .flexslider{
        padding: 20px 0 40px 0;
    }
    .news_container_left{
        width: 100%;
    }
    .new_archive_title{
        margin-top: 20px;
        padding-bottom: 0 !important;
    }
    .our_work li img{
        width: 100% !important;
    }
    .whats_happening ul li img{
        width: 100%;
    }
    .head,
    .intro,
    .slide_box {
        width: auto;
    }
	.index_move_img_box{width: auto;}
    .logo {
        width: 230px;
    }
    .top_nav {
        padding-right: 30px;
    }
    .top_nav .menu {
        display: none;
    }
    .top_nav_menu {
        display: block;
        float: right;
        margin-top: 0;
    }    
    .our_apps {
        position: relative;
        top: 0;
        bottom: auto;
        padding: 35px 26px 0 53px;
        max-width: 330px;
        /*margin: 0 auto;*/
    }
    .our_apps_list,
    .our_apps .more {
        top: auto;
        bottom: 0;
    }
    .intro_txt {
        padding-left: 15px;
        padding-right: 15px;
    }
    .intro .text {
        width: auto;
        float: none;
        padding-bottom: 15px;
    }
    .intro .video {
        width: auto;
        float: none;
    }
    .our_fileds li {
        width: 32%;
        margin-left: 2%;
        text-align: center;
    }
    .our_fileds li a {
        display: inline-block;
    }
    .field_tabs {
        width: auto !important;
        margin: 0 auto !important;
    }    
    .our_work {
        width: auto;
        padding: 30px 15px 100px;
    }
    .our_work li {
        margin: 0 20px 45px 0;
        width: 48%;
        margin-right: 7.6%;
        border-width: 0.1%;
    }
    .our_work li.no_mr {
        margin-right: 3.8%;
    }
    .our_work li:nth-of-type(2n) {
        margin-right: 0;
    }
    .our_work li a .border {
        width: 100%;
        height: 100%;
        border-width: 0;
        box-sizing:border-box;
    }
	.work_bg {
        width: 100%;
        height: 100%;
    }
    .tabs_container {
        width: auto;
        display: none;
    }
    .whats_happening {
        padding: 30px 15px 20px;  
        width: auto;    
    }
    .whats_happening ul li {
        width: auto;
        float: none;
        /*max-width: 454px;*/
        margin: 0 auto;
    }
    .whats_happening ul li.no_mr {
        margin: 15px auto;        
    }
    .partners {
		padding-top:18px;
        width: auto;
    }
    .partners ul li {
        width: 19%;
        padding: 0 0.5%;
        text-align: center;
    }
    .footer {
        width: auto;
        padding: 26px 15px 46px 15px;
    }
    .footer_l {
        width: 50%;
        float: left;
        background-position: 100% 100%;
        padding-top: 0;
    }
    .footer_m {
        width: 50%;
        float: right;
    }
    .footer_r {
        width: auto;
        float: none;
        clear: both;
        padding-top: 30px;
    }
    .footer_r ul li {
        float: none;
    }
    textarea {
        max-width: 90%;
    }
    .footer_r .submit {
        text-align: left;
        margin: 0 0 0 20px;
    }
    .foot_nav_in {
        width: auto;
        padding: 0 15px;
    }
    .foot_nav_menu {
        width: auto;
        float: none;
        padding-bottom: 15px; 
        text-align: center; 
    }  
    .foot_nav_menu li {
        float: none;
        display: inline-block;
    }
    .copyright {
        width: auto;
        float: none;    
        text-align: center;    
    }
}
body {
    padding-top: 42px;
}
.top_nav_btn {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a.top_nav_btn {
    color: white;
    font-size: 18px;
    text-align: left;    
    line-height: 30px;
    text-decoration: none;
    padding: 6px 70px 6px 15px; 
    margin: 0 0 0;
    background: url(images/header_bg_down.png) repeat;
    display: none;
    position: absolute;
    top: -42px;
    left: 0;
    width: 100%;
}
/*a.top_nav_btn:hover {
    color: #fff;    
    text-decoration: none;
    background: #7b7974;   
}*/
a.top_nav_btn span {
    display: block;
	width:26px; 
	height:5px; 
	background: url(images/icon_nav_new.png) no-repeat; 
    position: absolute;
    top: 8px;
    right: 15px;
	transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;
}
a.top_nav_btn span:before{ content:""; display:block; position:absolute; left:0; top:10px; width:26px; height:5px; background: url(images/icon_nav_new.png) no-repeat;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
a.top_nav_btn span:after{content:"";display:block; position:absolute; left:0; top:20px; width:26px; height:5px; background: url(images/icon_nav_new.png) no-repeat;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.xopen span{transform: rotate(45deg);top: 16px!important;}
.xopen span:after{opacity:0}
.xopen span:before{transform: rotate(-90deg);top: 0px!important;}



@media only screen and (max-width: 768px) {
.top_nav_mobile{ padding-left:0!important; padding-right:0!important}
    #our_apps_pc{
        display: none;
    }
    .our_apps {
        width: auto;
        padding-top: 0;
        margin-top: 20px;
    }
    .our_apps *, 
    .our_apps *:before, 
    .our_apps *:after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    } 
    .our_apps_list {
        width: 100%;
    }
    .our_apps_list img {
        display: block;
        margin: 0 auto;
    }
    .our_apps ul{
        display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox; display: flex;
    }
    .our_apps ul li {
        display:inline-block;
        /*width: 30%;*/
        margin-left: 13px !important; 
    }
    .our_apps ul li:first-child {
        margin-left: 0 !important; 
    }  
    .our_apps ul li .colored {
        width: 100%;
    }  
    a.top_nav_btn {
        display: block;
        margin-bottom: 10px;
    }
    .navigation {
        display: none;
        margin-bottom: 10px;
    }
    body .top_nav_visible {
        height: 255px;
		 padding: 15px 0;
    }   
    .top_nav {
        position: absolute;
        left: 0;
		height:0;
		overflow:hidden;
        width: 100%;
        float: none;
        background:url(images/header_bg_down.png) repeat;
        padding: 0 0;
        top: 42px;
		transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;
    }
    .top_nav .menu {
        display: block;
    }
    .top_nav li {
        float: none;
        display: block;
        padding:0;
    }
    .top_nav li{
        color: #ffac0d;       
    }
    .top_nav li a {
    color: #ffac0d;
    display: block;
    height: 45px;
    line-height: 45px;
    padding-left: 15px; 
    }
    .top_nav li a:hover{
    color: #fff;
	background:#ffac0d
    }
    .logo {
        width: 100%;
    }
    .logo img {
        display: block;
        margin: 0 auto 0;
        max-width: 230px;
    }
    .header {
        z-index: 99999;
    }
    .slider {
        top: 42px;
    }
	.index_move_img{ top:0}
    .intro_txt {
        padding-top: 30px;
    }
    .intro .video {
        clear: both;
        padding-top: 20px;
    }
    .our_work li {
        margin: 0 20px 45px 0;
        margin-bottom: 15px;
    }
    .whats_happening ul li a {
        font-size: 13px;
        line-height: 18px;
    }
    .whats_happening ul li {
        margin-top: 20px;
    }
.whats_happening ul>li:nth-of-type(2){ float:none}
    .whats_happening ul li.no_ml {
        margin-top: 0;
    }
    .partners h3.title {
        font-size: 18px;
        line-height: 22px;
        padding: 10px 15px 10px 15px;
    }
    .partners ul li {
        width: 10%;
    }
    .footer_l {
        padding-bottom: 20px;
        background-image: none;
    }
    .footer_l,
    .footer_m {
        text-align: center;
        float: none;
        width: auto;
    }    
    .footer_r *, 
    .footer_r *:before, 
    .footer_r *:after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    } 
    .logo {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
    }        
    .footer_r ul li {
        margin-left: 0;
    }
    .wpcf7-form-control-wrap {
        display: block;
        width: 100%;
    }
    .footer_r input[type="text"], 
    .footer_r input[type="email"],
    .footer_r textarea {
        width: 100%;
        max-width: 100%;
    }
    .footer_r label[for="captcha"] {
        display: block;
        float: left;
        position: relative;
        top: 21px;
    }
    span.captcha {
        margin-left: 84px;
        width: auto;
    }
    .footer_r .submit {
        margin-left: 0;
    }
    input[type="submit"] {
        width: 100%;
    }
    .foot_nav {
        font-size: 12px;
        line-height: 16px;
        padding: 15px;
    }
    .foot_nav_menu .deli {
        padding: 0 1px;
    }
    .footer {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .partner_in {
        padding: 20px 15px 0;
    }
    .partners_lbg {
        width: auto;
    }
    .jcarousel img {
        max-width: 80px;
        margin-right: 20px;
    }
    .partners h3.title {
        min-width: 0;
        padding-left: 30px;
    }
    .partners_ubg {
        display: none;
    }
    .tabs_container {
        overflow: auto;
        display: block;
        padding: 0;
    }
    .z-tabs.mobile > .z-container {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }
    .z-tabs.mobile.vertical > ul.z-tabs-nav, 
    .z-tabs.mobile.horizontal > ul.z-tabs-nav {
        width: 100%;
    }
    .sub_tabs_box {
        clear: none !important;
        float: none;
        margin: 0 0 0 0;
        padding: 0;
        width: 100% !important;
    }    
    .sub_tabs_btn {
        float: none;
        margin-bottom: 30px !important;
        width: 100% !important;
    }    
    .sub_tabs_btn li {
        background-image: none;
        border-radius: 0 5px 5px 0;
        padding: 0 0 0 0 !important;
        position: relative;
        width: 100% !important;
    }    
    .z-tabs.mobile > ul.z-tabs-desktop.z-hide-menu {
        height: auto !important;
    }
    .z-tabs.mobile > ul.z-tabs-desktop.z-hide-menu {
        opacity: 1 !important;
    }
    body .z-tabs.mobile > ul.z-tabs-desktop.z-hide-menu {
        visibility: visible;
    }
    body .field_tabs_btn li a, 
    body .field_tabs_btn li span,
    body .sub_tabs_btn li a, 
    body .sub_tabs_btn li span {
        font-size: 12px;
        line-height: 18px;
        padding: 6px 15px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    body .field_tabs_btn li a, 
    body .field_tabs_btn li span {
        font-size: 15px;
        line-height: 21px;
        padding: 10px 15px;        
    } 
    .sub_tabs_btn li small {
        display: none;
    }      
    .z-link {
        display: none !important;
    }
    body .field_tabs_btn li,
    body .field_tabs_btn li:hover, 
    body .field_tabs_btn li.z-active {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        padding: 0 !important;        
    }
    .tab_container {
        margin-left: 0 !important;
        padding: 0 !important;
    }
    .sub_tabs_btn {
        margin-bottom: 10px !important;
    }    
    .field_tabs {
        background-image: none;
    }
    .z-content-inner {
        padding-left: 0;
        padding-right: 0;
    }    
    .z-content > .z-content-inner {
        padding: 20px 15px;
    }
    .z-content-inner h3 {
        font-size: 20px;
        line-height: 28px;
        padding: 20px 0 0;
    }
    body .z-content-inner .wpb_row {
        padding-left: 15px;
        padding-right: 15px;
    }
    .z-slide {
        width: 100%;
    }
    .sub_sub_tabs_btn .tab_icon {
        width: 20px;
        height: 20px;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;        
    }
    body .sub_sub_tabs_btn .tab_title {
        padding-top: 0;
    }
    body .sub_sub_tabs_btn li {
        padding-bottom: 10px !important;
    }
    body .sub_sub_tabs_btn {
        margin-top: 0 !important;
    }    
    body .partners ul {
        width: 100% !important;
        display: block;
        text-align: center;
        left: 0 !important;
    }
    body .partners ul li {
        display: inline-block;
        width: 30%;
        line-height: 90px;
    }
    body .jcarousel-skin-ie7 .jcarousel-item-horizontal {

    }
    body .jcarousel img {
        max-width: 100%;
    }
    .partners ul li a, 
    .partners ul li img {
        display: inline-block;
        vertical-align: middle;
    }
    body.nonhome .logo {
        position: static;
        padding-top: 20px;
        margin-top: 0;
    }
    body.nonhome .wrapper > div {
        padding-left: 15px;
        padding-right: 15px;
    }
    body.nonhome .wrapper > div.header {
        padding-left: 0;
        padding-right: 0;
    }
    .container {
        width: auto;
    }
    .arc_slider {
        width: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .container_inner {
        padding: 20px 0;
    }
    /*
    .post .thumbnail {
        width: 40%;
        padding-right: 0;
    }
    .post .text {
        width: 55%;
        padding-right: 0;
        float: right;
    }
    */
    .post .thumbnail,
    .post .text,
    .post .icons {
        width: auto;
        clear: both;
        float: none;
    }
    .post .thumbnail {
        text-align: center;
        padding: 0 0 20px;
    }
    .post .thumbnail img {
        display: block;
        margin: 0 auto;
    }
    .post .text {
        padding-right: 0;
    }
    .post .text .thumbnails {
        text-align: center;
    }
    .post .text .thumbnails img {
        max-width: 42px;
    }
    .post .thumbnail a {
        display: inline-block;
    }
    .post .text img {
        display: inline-block;
        float: none;
        margin: 0 3px 6px;
    }
    .post .text {
        padding-bottom: 30px;
		margin:0 auto;
		width:90%
    }
    .post .icons {
        padding-left: 80px;
		width: 168px;
        position: relative;
        padding-right: 30px;
		margin: 0 auto;
    }
    .post .icons:after {
        display: block;
        content: ' ';
        clear: both;
    }
    .post .icons img {
        position: absolute;
        left: 10px;
        top: 50%;
        margin: -33px 0 0 0;
    }
    .post {
        padding: 0 0 40px;
    }
    .post .icons a, 
    .post .icons span,
    .post .icons .android_market {
        float: right;
        clear: both;
    }
    .page_title_wrapper {
        width: auto;
    }
    .featured_work_carousel {
        width: auto;
        float: none;
    }
    .featured_work {
        width: auto;
    }
    .featured_work_carousel_title_inner {
        width: 100%;
        height: 100%;
    }
    body .owl-theme .owl-controls .owl-buttons div.owl-prev {
        margin-left: 15px;
        margin-top: 0;
        top: 39px;  
        display: none;
    }
    body .owl-theme .owl-controls .owl-buttons div.owl-next {
        margin-right: 15px;
        margin-left: 0;
        left: auto;
        right: 0;
        margin-top: 0;
        top: 39px;
        display: none;  
    }  
    body #partners_carousel .owl-controls .owl-buttons div.owl-prev,
    body #partners_carousel .owl-controls .owl-buttons div.owl-next {
       display: block;    
    }     
    #featured_work_carousel {
        display: none !important;
    }
    body .featured_work_carousel_nav {
        width: 100%;
        padding: 10px 0;
    } 
    .featured_work_content .flex-direction-nav .flex-prev,
    .featured_work_content .flex-direction-nav .flex-next {
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;  
        margin-top: 11px; 
    }
    .featured_work_content .flex-direction-nav .flex-prev {
        background: url(images/featured_work_prev.png) no-repeat 50% 50%;
        left: 10px;
    }
    .featured_work_content .flex-direction-nav .flex-next {
        background: url(images/featured_work_next.png) no-repeat 50% 50%;
        right: 10px;
    }    
    body .featured_work_carousel_title {
        display: block;
    }
    body.nonhome .featured_work_carousel_title {
        display: none;
    }
    body .featured_work_carousel_title_inner {
        height: 48px;
        top: 50%;
        display: block;
        margin-top: -24px;
        position: absolute;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;        
    }
    h1.page_title {
        font-size: 32px;
        line-height: 40px;
    }
    body .featured_work_content_title,
    .featured_work_content_video {
        padding-left: 0;
        padding-right: 0;
        width: auto;
        float: none;
    }
    body .featured_work_content {
        padding: 0;
    }
    .featured_work_content_title {
        font-size: 20px;
        line-height: 26px;
        text-align: center;
    }
    .featured_work_content_title_inner {
        display: block;
        width: auto;
        height: auto;
        padding: 15px 15px;
    }
    body .featured_work_content_box {
        padding: 0;
    }
    .our_work_archive .our_work {
        padding: 15px 0;
    }
    .our_work_archive .our_work_list,
    .our_work_archive .our_work_sidebar {
        padding-left: 0;
        padding-right: 0;
        width: auto;
        float: none;        
    }
    .our_work_archive .our_work {
        width: auto;
    }
    .our_work_list .clear {
        clear: none;
    }
    .our_work_archive {
        background: #fff;
    }
    .our_work li.no_mr {
        margin-right: 7.6%;
    }
    body .our_work li:nth-of-type(2n) {
        float: right;
        margin-right: 0;
    }
    body .our_work li:nth-of-type(2n+1) {
        clear: both;
        margin-right: 0;
    }
    .our_work * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;        
    }
    body.nonhome .our_work_list {
        overflow: visible;
    }
    .our_work .our_work_sidebar_inner li,
    body .our_work .our_work_sidebar_inner li:nth-of-type(2n) {
        width: auto;
        float: none;
    }
    .our_work_sidebar {
        margin-top: 30px;
    }
    .pagenavi a {
        padding: 6px 8px;
        margin: 0 2px;
    }
    .sing_content_box,
    .page-template-page-agency-php .partners {
        width: auto;
    }
    body.nonhome .wrapper > div.tabs_container {
        padding-left: 0;
        padding-right: 0;
    }
    .breadcrumbs {
        width: auto;
    }
    body.nonhome .wrapper > div.featured_work {
        padding-left: 0;
        padding-right: 0;
    }
    object, embed, video, iframe {
        /*max-height: 220px;*/
    }
}
input[type="text"], 
input[type="email"], 
input[type="submit"], 
textarea {
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;    
}
/*
.top_nav li.current-menu-item a,
.top_nav li.current-menu-parent a,
.top_nav li.current-menu-ancestor a,
.top_nav li.current_page_item a,
.top_nav li.current_page_parent a,
.top_nav li.current_page_ancestor a {
    color: #efc620;
}
*/

@media screen and (min-width:1200px) and (max-width:9999px) {

    .our_fileds{
        margin-top: 35px;
    }
    .wp-image-596{
        width: 1100px !important;
    }
    .wp-image-333{
        width: 530px !important;
    }
    .wpb_wrapper h4 span{
        font-size: 24px;
    }
    .sec_title,.our_work_sidebar{
        position: relative;
        left: 10px;
    }
    .whats_happening > ul{
        position: relative;
        left: 10px;
    }
    .wpb_wrapper p img{
        width: 980px !important;
    }
    .our_work li{
        margin: 0 20px 45px 0;
    }
    .our_work_div > ul > li > a > img{
        width: 252px !important;
    }

    .our_work li a .border{
        width: 252px;
        height: 154px;
    }
	.work_bg{
        width: 254px;
        height: 156px;
    }
    .our_work_list ul{
        /*left: 12px;*/
    }
    .intro .text{
        height: 317px;
        width: 530px;
    }
    .intro_txt .text .h3{
        font-size: 30px;
    }
    .intro_txt .text p{
        padding: 14px 0 22px;
        font-size: 21px;
        line-height: 26px;
    }
    .intro .bold{
        font-size: 29px;
    }
    .our_fileds li a{
        font-size: 20px;
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    .intro .video{
        width: 560px;
    }
    .thumbnail img{
        width: 433px !important;
        max-width: none;
    }
    .post h3{
        font-size: 20px;
    }
    .description p{
        font-size: 14px;
    }

    .thumbnails img{
        width: 56px !important;
    }
    .our_work li img{
        width: 254px;
    }
    .our_work_list > ul > li > a{
        font-size: 14px;
    }
    .our_work_archive .our_work .our_work_list{
        width: 830px;
    }
    .our_work .our_work_list .our_work_div > ul{
        position: relative;
        left: 12px;
    }
    .partners_content .vc_row > div:first-child{
        padding-top: 20px;
    }
    .whats_happening ul li img{
        width: 530px;
    }
    .wp-image-359{
        margin: 15px 0
    }
    .wpcf7-response-output,div.wpcf7-response-output{
        margin: 20px 0 0 20px;
        border: 2px solid #feab0d;
        padding: 4px;
    }
    #page_content{
        padding: 65px;
    }
    .crab{
        position: relative;
        left: 161px;
        top: 80px;
    }
    .ajax-loader{
        float: left;
        margin-left: 20px !important;
        position: relative !important;
        top: 20px !important;
    }
    .our_teams_text{
        padding-top: 80px;
    }
    .avil_arts_partners{
        padding-top: 30px;
    }
}
@media only screen and (max-width: 490px) {
.foot_nav_menu li{ display:block}
.foot_nav_menu .deli{ display:none}
}