body{font-size: 20px;line-height: 30px;}
/******************/
/*Avenir Font*/
/*****************/
@font-face {
    font-family: 'Avenir-Black';
    src: url('../fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Black.otf')  format('opentype'),
    url('../fonts/Avenir-Black.woff') format('woff'), url('../fonts/Avenir-Black.ttf')  format('truetype'), url('../fonts/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir-Medium';
    src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Medium.otf')  format('opentype'),
    url('../fonts/Avenir-Medium.woff') format('woff'), url('../fonts/Avenir-Medium.ttf')  format('truetype'), url('../fonts/Avenir-Medium.svg#Avenir-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir-Heavy';
    src: url('../fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Heavy.otf')  format('opentype'),
    url('../fonts/Avenir-Heavy.woff') format('woff'), url('../fonts/Avenir-Heavy.ttf')  format('truetype'), url('../fonts/Avenir-Heavy.svg#Avenir-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir-Light';
    src: url('../fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Light.otf')  format('opentype'),
    url('../fonts/Avenir-Light.woff') format('woff'), url('../fonts/Avenir-Light.ttf')  format('truetype'), url('../fonts/Avenir-Light.svg#Avenir-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
h2{font-size: 45px;line-height: 60px;font-family: 'Avenir-Black'}
/*****************/
/*Font Family*/
/*****************/
.avenir_black{font-family: 'Avenir-Black'}
.avenir_heavy{font-family: 'Avenir-Heavy'}
.avenir_medium{font-family: 'Avenir-Medium'}
.avenir_light{font-family: 'Avenir-Light'}
/*****************/
/*Reset Properties*/
/*****************/
a:hover, a:focus{text-decoration: none}
.d_block{display: block}
.d_none{display: none}
.float_left{float: left}
.float_right{float: right}
.w_100{width: 100%}
.m_0{margin: 0}
/*****************/
/*Color*/
/*****************/
.color_fff{color: #fff !important;}
.color_F8485E{color: #F8485E}
.color_435363{color: #435363}
.color_071b2b{color: #071b2b}
.color_f1a693{color: #f1a693}
.color_c2ccd0{color: #c2ccd0}
.color_434d55{color: #434d55}
/*****************/
/*Background Colors*/
/*****************/
.bg_color_c2ccd0{background-color: #c2ccd0}
.bg_color_435363{background-color: #435363}
.bg_color_f1a693{background-color: #f1a693}
.bg_color_f8f8f8{background-color: #f8f8f8}
.bg_color_fff   {background-color: #fff}
/*****************/
/*Font Size*/
/*****************/
.font_size_14{font-size: 14px}
.font_size_16{font-size: 16px}
.font_size_20{font-size: 20px}
.font_size_24{font-size: 24px}
.font_size_30{font-size: 30px}
.font_size_32{font-size: 32px}
.font_size_45{font-size: 45px}
.font_size_50{font-size: 50px}
/*****************/
/*Line Height*/
/*****************/
.line_height_30{line-height: 30px}
.line_height_28{line-height: 28px}
.line_height_36{line-height: 36px}
.line_height_40{line-height: 40px}
.line_height_65{line-height: 65px}
.letter_spacing_2{letter-spacing: 2px}
.letter_spacing_12{letter-spacing: 12px}
/*****************/
/*Padding*/
/*****************/
.no_padding{padding: 0}
.padding_lr_85{padding: 200px 85px}
.padding_left_15{padding-left: 15px}
.padding_right_15{padding-right: 15px}
.padding_top_60{padding-top: 60px}
.padding_top_115{padding-top: 115px}
.padding_top_193{padding-top: 193px}
.padding_top_200{padding-top: 200px}
.padding_top_240{padding-top: 240px}
.padding_top_300{padding-top: 300px}
/*****************/
/*padding Bottom*/
/*****************/
.padding_bottom_110{padding-bottom: 110px}
.padding_bottom_115{padding-bottom: 115px}
.padding_bottom_200{padding-bottom: 200px}
.padding_bottom_175{padding-bottom: 175px}
.padding_bottom_250{padding-bottom: 250px}
.padding_bottom_300{padding-bottom: 300px}
/*****************/
/*margin Bottom*/
/*****************/
.margin_bottom_35{margin-bottom: 35px}
.margin_bottom_75{margin-bottom: 75px}
.margin_top_40{margin-top: 40px}
/*****************/
/*Margin Auto*/
/*****************/
.margin_0_auto{margin: 0 auto}
/*****************/
/*Width*/
/*****************/
.position_absolute{position: absolute}
.position_relative{position: relative}
.overflow_hidden{overflow: hidden}
.display_flex{display: flex}
/*****************/
/*First Section*/
/*****************/
.bg_first_section{position: relative;background-color: #f8f8f8;}
.bg_first_section:after{background: url("../images/tirangle.svg") no-repeat right; height: 100%;width: 70%;content: "";right: 0;top:0;position: absolute}
.section_inner_content{display: table; height:550px; width: 100%; padding: 0 0 0 10%}
.inner_section{display: table-cell; vertical-align: middle}
.inner_section h2{text-transform: uppercase}
.bg_first_section{position: relative;}
.bg_first_section .down_arrow{position: absolute;left: 0;right: 0;bottom: 0}
/*****************/
/*Secong Section*/
/*****************/
.big-img img{width: 100%}
.modal-header{position: relative;z-index: 999999999}
.modal-header .close{position: fixed;}
.bg_second_section{background: url("../images/bg_ear.jpg") no-repeat center; background-size: cover;background-attachment: fixed;}
.second_section_inner{display: table; height: 1080px; width: 100%; position: relative}
.left_text h1{position: absolute;font-size: 190px; line-height: 200px; text-transform: uppercase; font-family: 'Avenir-Black'; top: 250px}
.inner_section h3{float: right}
.second_slide p{position: relative}
.second_slide p:before{position: absolute; content: ""; height: 4px; width: 25px; background-color: #071b2b; bottom: -20px; right: 0}
/*****************/
/*Third Section*/
/*****************/
.bg_third_section{background: url("../images/bg_make_noise.png")no-repeat bottom right; background-size: cover;background-attachment: fixed}
.color_text h1{position: absolute;font-size: 190px; line-height: 200px; text-transform: uppercase; font-family: 'Avenir-Black'; top: 125px}
.inner_section .third_section p{font-size: 16px; color: #071b2b; font-family: 'Avenir-Light'; margin-top: 10px; position: relative}
.inner_section .third_section p:before{position: absolute; content: ""; width: 20px; height: 4px; background-color: #071b2b; bottom: -20px; right: 0}
.inner_section .third_section h2{font-size: 24px}
/*****************/
/*Fourth Section*/
/*****************/
.bg_fourth_section{background: url("../images/bg_multi_culture.jpg") no-repeat center center; background-size: cover;background-attachment: fixed;}
.inner_section h1{font-size: 170px; line-height: 200px; text-transform: uppercase; font-family: 'Avenir-Black'; letter-spacing: 12px}
/*****************/
/*Fifth Section*/
/*****************/
.fifth_section_inner{display: table; width: 100%; height: 760px}
.inner_section h4{font-size: 50px; color: #435363; font-family: 'Avenir-Light'; text-transform: uppercase; letter-spacing: 12px; line-height: 60px; margin-bottom: 120px; position: relative}
.inner_section h4:before{position: absolute; content: ""; width: 50px; height: 5px; background-color: #435363; left: 0;  bottom: -50px; right: 0; margin: 0 auto}
.inner_section p{color: #071b2b; font-family: 'Avenir-Light'; letter-spacing: 1px}
.inner_section h6{font-size: 20px;line-height: 30px;}
/*****************/
/*Sic Section*/
/*****************/
.bg_six_section{background-color: #435363; position: relative}
/*****************/
/*Seven Section*/
/*****************/
.inner_content h4{font-size: 42px; font-family: 'Avenir-Light'; text-transform: uppercase; letter-spacing: 12px; line-height: 60px; margin-bottom: 120px; position: relative}
.inner_content h4:before{position: absolute; content: ""; width: 50px; height: 5px; background-color: #fff; left: 0;  bottom: -50px; right: 0; margin: 0 auto}
.inner_content p{font-size: 24px; font-family: 'Avenir-Light'; padding: 0 20px}
.middle_box{border-left: 2px solid #fff; border-right: 2px solid #fff}
/*****************/
/*Eight Section*/
/*****************/
.living_values h2{position: relative; margin-bottom: 140px}
.living_values h2:before,
.living_values h4:after{position: absolute; content: ""; width: 50px; height: 5px; background-color: #435363; left: 0;  bottom: -50px; right: 0; margin: 0 auto}
.living_values h4{font-size: 20px;line-height: 25px;margin: 0 0 40px;position: relative;}
.living_values h4:after{height: 2px;bottom: -20px;width: 20px}
.center_box{border-left: 2px solid #435363; border-right: 2px solid #435363}
.living_values_box h5.middle_text{position: relative}
.living_values_box h5.middle_text:before{position: absolute; content: ""; width: 25px; height: 4px; background-color: #435363; left: 0;  top: 0; right: 0; margin: 0 auto}
.living_values_box h5.middle_text:after{position: absolute; content: ""; width: 25px; height: 4px; background-color: #435363; left: 0;  bottom: 0; right: 0; margin: 0 auto}
.living_values_box h5{padding-top: 50px; padding-bottom: 50px; font-size: 20px; line-height: 25px; color: #435363; font-family: 'Avenir-Black'}
/*****************/
/*Nine Section*/
/*****************/
.bg_noise_we_made{background: url("../images/bg_noise_we_made.jpg") no-repeat center; background-size: cover}
/*****************/
/*Ten Section*/
/*****************/
.left_side_triangle{position: absolute}
.offer_images{position: relative; overflow: hidden}
.shape_square{position: absolute; top: 0; bottom: 0; transition: all 1s; width: 100%; height: 100%;background-color: rgba(241,166,139,0.71); opacity: 0}
.shape_square >div{display: table;height: 100%;width: 100%; }
.shape_square .btn_preview{display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 30px; font-family: 'Avenir-Black'; text-transform: uppercase}
.offer_images:hover .shape_square{opacity: 1}
.offer_images {transition: all ease-in-out 0.5s}
.offer_images:hover figure.big-img {-webkit-filter: blur(6px); /* Safari 6.0 - 9.0 */filter: blur(6px); transform: scale(1.05) }
ul.company-logos  {margin: 0;padding: 0;list-style: none}
ul.company-logos li{display: inline-block;vertical-align: top;width: 19%;padding: 15px 0}
    /*****************/
/*Eleven Section*/
/*****************/
.great_company_section h2{position: relative; margin-bottom: 100px}
.great_company_section h2:before{position: absolute; content: ""; width: 25px; height: 4px; background-color: #fff; left: 0;  bottom: -50px; right: 0; margin: 0 auto}
/*****************/
/*Twelve Section*/
/*****************/
.bg_join_band{background: url("../images/bg_join_band.png") no-repeat center; background-size: cover; position: relative;background-attachment:fixed}
.join_band{display: table; height: 1400px; width: 100%}
.arrow_down{position: absolute; content: ""; background: url("../images/arrow_down.png")no-repeat center; left: 0; right: 0; margin: 0 auto; bottom: 330px; height: 34px}
.white_triangle{position:absolute;bottom:0;left:0;width:100%}
/*****************/
/*Thirteen Section*/
/*****************/
.open_position_section h4{font-size: 42px; font-family: 'Avenir-Light'; text-transform: uppercase; letter-spacing: 12px; line-height: 60px; margin-bottom: 120px; position: relative; color: #988794}
.open_position_section h2{position: relative;margin: 0 0 80px;}
.open_position_section h2:before{position: absolute; content: ""; width: 40px; height: 4px; background-color: #988794; left: 0;  bottom: -50px; right: 0; margin: 0 auto}
.open_position_section p{font-size: 30px;line-height: 50px; font-family: 'Avenir-Light'; color: #988794 }
.buttons{margin-top: 90px}
.buttons a{vertical-align: top}
.btn_get_job{background-color: #988794;font-size: 20px; padding: 28px 32px; color: #fff; font-family: 'Avenir-Black'; text-transform: uppercase; display: inline-block; margin-right: 30px;}
.btn_join_network{background-color: #988794; font-size: 20px;padding: 21px 32px; color: #fff; font-family: 'Avenir-Black'; text-transform: uppercase; display: inline-block; margin-left: 20px}
.btn_get_job h5,.btn_join_network h5{margin: 0}
/*****************/
/*Fourteen Section*/
/*****************/
.bg_baylor{background: url("../images/map.png") no-repeat center; background-size: cover;position: relative;background-attachment:fixed}
/*****************/
/*Fifteen Section*/
/*****************/
.contact_heading h2{position: relative; color: #c2ccd0}
.contact_heading h2:before{position: absolute; content: ""; width: 40px; height: 4px; background-color: #c2ccd0; left: 0;  bottom: -50px; right: 0; margin: 0 auto}
select, input, textarea{font-size: 30px; line-height: 40px; font-family: 'Avenir-Medium'; padding: 20px; border: none; background-color: #c2ccd0; margin-bottom: 40px; color: #fff}
select:focus, input:focus, textarea:focus{outline: none}
.contact_form ::-webkit-input-placeholder {color: #fff}
.contact_form ::-moz-placeholder {color: #fff}
.contact_form :-ms-input-placeholder {color: #fff}
.contact_form :-moz-placeholder {color: #fff}
select{-webkit-appearance: none; -moz-appearance: none}

.modal{background-color: #fff; z-index: 999999}
.modal-header{border-bottom: none; padding: 0}
.modal-body{padding: 0}
button.close{color:#d59888; font-size: 64px; position: absolute; right: 30px; top: 10px; z-index: 9999999; opacity: 1; width: 50px; height: 50px; line-height: 50px; background-color: #fff}
button.close:hover{color: #d59888}
button.close:focus{outline: none}
.close{opacity: 0.5}
.modal-content{box-shadow: none; border: none; background-color: #fff}
.modal_box{width: 100%; position: relative; margin: 0; z-index: 999999}
.modal-body h5{font-size: 24px; font-family: 'Avenir-Black'; text-transform: uppercase; letter-spacing: 6px; line-height: 36px; position: relative; color: #F1A693; margin-bottom: 90px}
.modal-body h5:before{position: absolute; content: ""; width: 40px; height: 4px; background-color: #F1A693; left: 0;  bottom: -10px; right: 0; margin: 0 auto}
.popup_text h5{font-size: 24px; font-family: 'Avenir-Black'; text-transform: uppercase; letter-spacing: 24px; line-height: 36px; position: relative; color: #F1A693; margin-bottom: 90px}
.popup_text h5:before{position: absolute; content: ""; width: 40px; height: 4px; background-color: #F1A693; left: 0;  bottom: -20px; right: 0; margin: 0 auto}
.modal-body p, .popup_text P{font-size: 24px; font-family: 'Avenir-Medium'; color: #f1a693;}
.modal_text{padding-left: 120px}
.triangle_top, .triangle_bottom, .triangle_new{margin-top: -1px}
.down_arrow{padding-bottom: 20px; font-size: 16px; font-family: 'Avenir-Black'; transition: all ease-in-out 0.5s}
.down_arrow a{font-size: 16px; font-family: 'Avenir-Black'; color: #fff}
.bg_fifth_section{position: relative}
.down_node{position: absolute; content: ""; background: url("../images/arrow_down.png"); width: 47px; height: 47px; bottom: -50px; left: 0; right: 0; margin: 0 auto; z-index: 1}
a.talk-btn{background-color: #c2ccd0; font-size: 18px}
.btn-primary.focus, .btn-primary:focus{background-color: #c2ccd0; outline: none}
#myModal13 .new-business{width: 536px;margin: 0 auto;float:none;display:inline-block;vertical-align:top;background-color: #C2CCD0;position: relative;top: 160px;font-size: 16px;padding: 0}
#myModal13 .new-business h4{padding: 42px 0;margin: 0;box-shadow: 0 8px 15px 0 #D1D9DC;position: relative}
/*#myModal13 .close{font-size: 50px; color: #000;font-family: 'Avenir-Light';top: 20px;right: 20px;position: absolute;z-index: 9999999;font-weight: bold;}*/
#myModal13 .new-business-inner{padding: 40px;font-size: 16px;}
#myModal13 .new-business-inner input[type="email"],#myModal13 .new-business-inner textarea{ font-family: 'Avenir-Light';;background-color: #fff;margin:20px 0;border:none;box-shadow: none;height: 40px;padding: 10px;font-size: 16px;color: #C2CCD0;width: 100%}
#myModal13 .new-business-inner textarea{height: 120px; margin: 0 0 20px;}
#myModal13 .new-business-inner input[type="submit"]{border: 2px solid #fff;box-shadow: none;padding: 0;color: #fff; height: 40px; width: 80%;font-size: 16px}
#myModal13 .new-business-inner input::-webkit-input-placeholder,
#myModal13 .new-business-inner textarea::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
    color:    #C2CCD0;
}
#myModal13 .new-business-inner input:-moz-placeholder,
#myModal13 .new-business-inner textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    color:    #C2CCD0;
    opacity:  1;
}
#myModal13 .new-business-inner input::-moz-placeholder,
#myModal13 .new-business-inner textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */
    color:    #C2CCD0;
    opacity:  1;
}
#myModal13 .new-business-inner input:-ms-input-placeholder,
#myModal13 .new-business-inner textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
    color:    #C2CCD0;
}
#myModal13 .new-business-inner input:-ms-input-placeholder,
#myModal13 .new-business-inner textarea:-ms-input-placeholder{ /* Microsoft Edge */
    color:    #C2CCD0;
}
#myModal13 .new-business-inner input::placeholder,
#myModal13 .new-business-inner textarea::placeholder{ /* Most modern browsers support this now. */
    color:    #C2CCD0;
}
.bg_texas_lottery{background: url("../images/bg_texas_lottery.jpg")no-repeat center; width: 100%; height: 1080px; background-size: cover}
.bg_work_visit_austin{background: url("../images/bg_work_visit_austin.jpg")no-repeat center; width: 100%; height: 1080px; background-size: cover}
.bg_work_target{background: url("../images/bg_work_target.jpg")no-repeat center; width: 100%; height: 1080px; background-size: cover}
.bg_work_mlb{background: url("../images/bg_work_mlb.jpg")no-repeat center; width: 100%; height: 1080px; background-size: cover}
.bg_music_has_no_enemies{background: url("../images/bg_music_has_no_enimies.jpg")no-repeat center; width: 100%; height: 1080px; background-size: cover}
.bg_work_pxpr{background: url("../images/bg_work_pxpr.jpg")no-repeat center; width: 100%; height: 1080px; background-size: cover}
.bg_work_marvin{background: url("../images/bg_work_marvin.jpg")no-repeat center; width: 100%; height: 1080px; background-size: cover}
.bg_work_twix{background: url("../images/bg_work_twix.jpg")no-repeat center; width: 100%; height: 1080px; background-size: cover}
.bg_work_snickers{background: url("../images/bg_work_snickers.jpg")no-repeat center; width: 100%; height: 1080px; background-size: cover}
.bg_work_mnms{background: url("../images/bg_work_mnms.jpg")no-repeat center; width: 100%; height: 1080px; background-size: cover}
.bg_work_beechnut{background: url("../images/bg_work_beechnut.jpg")no-repeat center; width: 100%; height: 1080px; background-size: cover}
.bg_work_pr{background: url("../images/bg_work_pr.jpg")no-repeat center; width: 100%; height: 1080px; background-size: cover}
.bg_mockup{ background: url("../images/light_mockup.png") no-repeat center #f1a693;   height: 1080px;}
.bg_video{background: url("../images/bg_video.jpg") no-repeat center; background-size: cover; width: 100%; height: 1080px}
.work_snickers_confused{background: url("../images/work_snickers_img03.jpg") no-repeat center; background-size: cover; width: 100%; height: 1080px}
.popup_text, .texas_lottery_text, .sticker_pack_text{height: 872px; display: table}
.inner_popup_text{display: table-cell; vertical-align: middle}
.inner_popup_text h5{text-transform: uppercase}
.inner_popup_text p{padding: 0 80px}
.texas_lottery_text h5{font-size: 24px; font-family: 'Avenir-Black'; text-transform: uppercase; letter-spacing: 24px; line-height: 36px; position: relative; color: #fff; margin-bottom: 90px}
.texas_lottery_text h5:before{position: absolute; content: ""; width: 40px; height: 4px; background-color: #fff; left: 0;  bottom: -40px; right: 0; margin: 0 auto}
.sticker_pack_text h5{font-size: 24px; font-family: 'Avenir-Black'; text-transform: uppercase; letter-spacing: 24px; line-height: 36px; position: relative; color: #f1a693; margin-bottom: 90px}
.sticker_pack_text h5:before{position: absolute; content: ""; width: 40px; height: 4px; background-color: #f1a693; left: 0;  bottom: -40px; right: 0; margin: 0 auto}
.sticker_pack_text p{font-size: 24px; font-family: 'Avenir-Medium'; color: #f1a693}
.rewards_text h5{font-size: 24px; font-family: 'Avenir-Black'; text-transform: uppercase; letter-spacing: 24px; line-height: 36px; position: relative; color: #fff; margin-bottom: 90px}
.rewards_text h5:before{position: absolute; content: ""; width: 40px; height: 4px; background-color: #fff; left: 0;  bottom: -40px; right: 0; margin: 0 auto}

/* ===================================
      Navigation Bar
====================================== */
.navbar-brand{padding: 15px 0}
.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}
.navbar{margin: 0}
.navigation{    background-color: #fff;
    border-color: #fff;
    padding: 30px 10%
}
.navigation .navbar-nav>li>a{
    font-size: 18px;
    color: #071b2b;
    font-weight: 800;
    padding: 20px 50px;
    transition: all ease-in-out 0.5s;
}
.navigation .navbar-nav>li>a:hover{color: #ff4438}
.navigation .navbar-nav>li:first-child a{padding-left: 0}
.navigation .navbar-nav>li:last-child a{padding-right: 0}
.banner-outer{
    float: left;
    width: 100%;
}
/*****************/
/*Footer*/
/*****************/
.footer{background-color: #071b2b; float: left; width: 100%; padding:80px 10%}
.footer_logo{float: left}
.footer_links{float: right}
.footer .footer_links li a{color: #fff; padding: 0 20px; font-size: 18px; font-weight: 800}
/*********************************/

.footer_links li a{transition: all ease-in-out 0.5s}
.footer_links li a:hover{color: #ff4438}



#return-to-top {z-index: 1000; position: fixed; bottom: 40px; right: 60px; background: #372f3a; width: 50px; height: 50px; text-decoration: none; display: none; -webkit-transition: all .3s linear; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;text-align: center}
#return-to-top i {color: #fff; font-size: 20px;line-height: 48px;}


.down_arrow:hover{cursor: pointer;  -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}