@charset "utf-8";
/* CSS Document */
.pad_l_0 { padding-left: 0px !important; }
.pad_l_10 { padding-left: 10px !important; }
.pad_l_20 { padding-left: 20px !important; }
.pad_l_30 { padding-left: 30px !important; }
.pad_l_40 { padding-left: 40px !important; }
.pad_l_50 { padding-left: 50px !important; }
.pad_r_0 { padding-right: 0px !important; }
.pad_r_10 { padding-right: 10px !important; }
.pad_r_20 { padding-right: 20px !important; }
.pad_r_30 { padding-right: 30px !important; }
.pad_r_40 { padding-right: 40px !important; }
.pad_r_50 { padding-right: 50px !important; }
.pad_t_0 { padding-top: 0px !important; }
.pad_t_10 { padding-top: 10px !important; }
.pad_t_20 { padding-top: 20px !important; }
.pad_t_30 { padding-top: 30px !important; }
.pad_t_40 { padding-top: 40px !important; }
.pad_t_50 { padding-top: 50px !important; }
.pad_b_0 { padding-bottom: 0px !important; }
.pad_b_10 { padding-bottom: 10px !important; }
.pad_b_20 { padding-bottom: 20px !important; }
.pad_b_30 { padding-bottom: 30px !important; }
.pad_b_40 { padding-bottom: 40px !important; }
.pad_b_50 { padding-bottom: 50px !important; }
.mar_l_0 { margin-left: 0px !important; }
.mar_l_10 { margin-left: 10px !important; }
.mar_l_20 { margin-left: 20px !important; }
.mar_l_30 { margin-left: 30px !important; }
.mar_l_40 { margin-left: 40px !important; }
.mar_l_50 { margin-left: 50px !important; }
.mar_r_0 { margin-right: 0px !important; }
.mar_r_10 { margin-right: 10px !important; }
.mar_r_20 { margin-right: 20px !important; }
.mar_r_30 { margin-right: 30px !important; }
.mar_r_40 { margin-right: 40px !important; }
.mar_r_50 { margin-right: 50px !important; }
.mar_t_0 { margin-top: 0px !important; }
.mar_t_10 { margin-top: 10px !important; }
.mar_t_20 { margin-top: 20px !important; }
.mar_t_30 { margin-top: 30px !important; }
.mar_t_40 { margin-top: 40px !important; }
.mar_t_50 { margin-top: 50px !important; }
.mar_b_0 { margin-bottom: 0px !important; }
.mar_b_10 { margin-bottom: 10px !important; }
.mar_b_20 { margin-bottom: 20px !important; }
.mar_b_30 { margin-bottom: 30px !important; }
.mar_b_40 { margin-bottom: 40px !important; }
.mar_b_50 { margin-bottom: 50px !important; }
.mar_0 { margin: 0 !important; }
.mar_5 { margin: 5px !important; }
.mar_10 { margin: 10px !important; }
.wid_100 { width: 100%; }
.navbar-wrapper { border-bottom: 1px solid #e9e9e9; }
.navbar-wrapper .navbar-header { width: 100%; }
.navbar-wrapper .navbar-brand { padding: 18px 15px 15px 0; }
.navbar-wrapper .navbar-header .pull-right > div { float: left; }
.microsoft { padding: 20px 30px 0 0 }
.call-us { background-color: #efefef; background-image: url("../images/icon-phone.png"); background-position: 25px center; background-repeat: no-repeat; color: #29363e !important; display: table; font-size: 20px !important; font-weight: 300; height: 90px; line-height: 1 !important; padding-left: 85px !important; padding-right: 25px; padding-top: 15px; text-align: left !important; }
.call-num { color: #29363e; font-size: 28px !important; font-weight: 600; line-height: 1.6; text-align: left !important; }
.call-num a { color: #29363e; text-decoration: none; }
.call-num a:hover { color: #29363e !important; text-decoration: none; }
.banner-cont { padding-top: 0 !important; }
.form { background: #fff none repeat scroll 0 0; color: #333; font-size: 14px; margin: 10px 0; min-height: 355px; padding: 20px 25px 10px; }
.tx3 { color: #29363e; display: block; font-size: 25px; font-weight: 300; line-height: 1.5; margin: 0 0 10px; padding: 0; text-transform: capitalize; text-align: center; }
.form-table { max-width: 600px; }
.form-table td { padding-bottom: 5px; }
.form-table .td-small td { padding-bottom: 5px; }
.form-group { font-size: 14px !important; margin-bottom: 15px; }
.hd2 { font-weight: 400; }
.price { color: #0f62ac; font-size: 16px !important; font-weight: bold; }
#myModal-v .modal-body { max-height: 350px !important; overflow-y: scroll; overflow-x: hidden; font-weight: 400; }
.banner-cont .input-group { width: 100% !important; }
.banner-cont .form-control { background-color: #e3e3e3; border: 1px solid #ddd; border-radius: 5px !important; color: #454545; height: 40px; padding: 2px 10px; }
.red { color: red !important; }
.banner-cont select.form-control { color: #454545 }
.banner-cont select.form-control option { color: #454545 }
.banner-cont select.form-control option[disabled] { color: #999 }
.form label.error { display: block; }
.form label.error #error { background: #db3d42 none repeat scroll 0 0; border-radius: 3px; color: #fff; display: none; font-size: 12px; padding: 0 5px; }
.procedd-icon { background-image: url("../images/proceed.png") !important; background-position: 91% center !important; background-repeat: no-repeat !important; padding-right: 45px !important; }
.dg_callback_btn, .dg_diagnosis_btn { display: table; width: 100%; }
#hpdata { background: #fff none repeat scroll 0 0; color: #fff; display: none; }
.banner-cont .btn-primary { color: #fff; display: inline-block; font-size: 16px; font-weight: 500; line-height: 15px; margin: 8px 20px 5px 0; border-radius: 2px; padding: 20px 35px 20px; border: none; transition-duration: 0.5s; transition-property: background, border; }
.btn-enb { background-color: #e11f27 !important; cursor: pointer !important; }
.banner-cont .btn-enb:hover { background: #f32a32 none repeat scroll 0 0 !important; }
.btn-dis { background: #ff9195 none repeat scroll 0 0 !important; cursor: inherit !important; }
.banner-cont .form label { font-weight: normal; }
.call-text-title { background-image: url("../images/icon-phone-big.png"); background-position: left center; background-repeat: no-repeat; color: #8d8d8d !important; display: table; float: right; font-size: 18px !important; font-weight: 400; line-height: 1 !important; margin-top: 10px !important; padding-bottom: 0 !important; padding-left: 35px !important; text-align: left !important; }
.call-text-main { color: #0f62ac; font-size: 22px !important; font-weight: 500; line-height: 1.6; padding-top: 0 !important; text-align: left !important; }
.call-text-main a { color: #0f62ac; text-decoration: none; }
.call-text-main a:hover { color: #0f62ac; text-decoration: none; }
.section { padding-top: 50px; padding-bottom: 10px; }
.divider { background-image: url("../images/divider.gif"); background-position: right center; background-repeat: no-repeat; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
ul.bullet { margin: 0; padding: 20px 0 0; }
ul.bullet li { background-image: url("../images/bullet.gif"); background-position: 0 center; background-repeat: no-repeat; line-height: 22px; list-style: outside none none; margin: 10px 0; padding: 0 0 0 20px; }
.stellar_benefits { background-color: #eaeaea; padding: 30px 0 20px; }
.benefits ul { float: left; margin: 0; padding: 0; text-align: center; width: 100%; }
.benefits ul li { display: inline-block; list-style: outside none none; margin: 0 15px 10px; padding: 0; }
.partners { padding: 20px 0; text-align: center; border-top: 1px solid #e9e9e9; }
.partners img { margin: 0 auto; display: inline }
.footer { padding: 20px 0; text-align: center; border-top: 1px solid #e9e9e9; }
.vid-tx5 { color: #2666a0; display: block; float: left; font-size: 22px; font-weight: 400; margin: 15px 0 0; padding: 0; text-transform: capitalize; }
.alert { display: none; width: 100%; line-height: 1.5; font-weight: 400; }
#pay { display: none; float: right; }
#zip_info { display: none; font-size: 12px; line-height: 1.3 !important; font-weight: 400; text-align: left }
.nav { margin: 30px auto 0; width: 100%; }
.nav > ul { float: left; height: 44px; margin-bottom: 0; padding-left: 0; }
.nav li { list-style: outside none none; }
.nav li a { color: #555; text-decoration: none; padding: 20px 30px; font-weight: bold; }
.nav li a:hover { background-color: #EFEFEF; }
#go { background: #e11f27 none repeat scroll 0 0; float: left; padding: 6px 10px; color: #fff; cursor: pointer; margin-left: -5px; border-radius: 0px 5px 5px 0; }
.maf-form .media-info { width: 49%; float: left; padding: 10px 15px; background: #f7fbfb none repeat scroll 0px 0px; min-height: 495px; }
.maf-form .action-details { width: 49%; float: left; padding: 10px 15px; background: #eef3fc none repeat scroll 0px 0px; }
#maf-popup #mask { position: absolute; left: 0; top: 0; z-index: 999990; display: none; background-color: #000; opacity: 0.5; }
#maf-popup #dialog { padding: 0; position: absolute; border-radius: 5px; display: none; z-index: 999999; top: 10% !important; }
#maf-popup .close { color: #fff; float: right; font-size: 17px; font-weight: 300; line-height: 18px; opacity: 1 !important; z-index: 999999; text-shadow: 0 1px 0 #fff; position: absolute; border-radius: 17px; border: 2px solid #fff; background: #000; width: 30px; height: 30px; right: -13px; top: -13px; padding: 1px 0 0 10px; }
#maf-popup .close a, #maf-popup .close a:hover { color: #fff; }
#maf-popup .window { background-color: #fff; border-color: #e11f27; border-style: solid; border-width: 5px; min-width: 300px; width: 700px; padding: 20px 20px 30px !important; }
#maf-popup h4 { font-size: 24px; font-weight: 400; padding-bottom: 10px; }
#maf-popup p { line-height: 1.6; font-size: 15px; }
#maf-popup .maf-button { background-color: #e11f27; border-color: #e11f27; border-style: solid; border-width: 1pt; border-radius: 3px; color: #fff; font-size: 16px; font-weight: 500; text-shadow: 0 2.93333px 8.8px rgba(0, 0, 0, 0.298); padding: 3px 30px; margin: 0 auto; display: block; }
.loading { background-color: #d9edf7; border: 1px solid #cadee8; display: block; float: none !important; margin: 0 auto 15px; max-width: 600px; padding: 10px; text-align: center; font-size: 16px; font-weight: 600; }
/*New Job Form CSS Start*/

.new-form-cont { padding-top: 10px; }
.new-form-cont .nav-tabs { border-bottom: none; height: auto }
.new-form-cont .nav-tabs li { }
.new-form-cont .nav li a { color: #595959; font-weight: 400; padding: 10px 30px 10px; font-size: 16px; text-decoration: none; border-radius: 0; display: block; margin-right: 0; margin-top: 7px; border: 1px solid #ddd; border-bottom: none; }
.new-form-cont .nav-tabs > li.active > a { border-top: 4px solid #e11f27; margin-top: 0px; padding: 12px 30px 12px; border-bottom: none; color: 000; box-shadow: -2px -5px 5px #ccc; font-weight: 600; }
.new-form-cont .form { box-shadow: -3px -3px 4px #dedede; padding-right: 0; min-height: 425px; }
.new-form-cont .tx2 { color: #29363e; display: block; font-size: 24px; font-weight: 400; line-height: 1.5; margin: 20px 0 10px; padding: 0; text-align: left; text-transform: capitalize; }
.new-form-cont .tx3 { color: #29363e; display: block; font-size: 16px; font-weight: 600; line-height: 1.5; margin: 20px 0 10px; padding: 0; text-align: left; text-transform: none; }
.new-form-cont .form-group-row { display: block; float: left; width: 100%; }
.new-form-cont .form-group { float: left; margin-bottom: 20px; margin-right: 4%; width: 46%; }
.new-form-cont .form-group2 { float: left; margin-bottom: 20px; margin-right: 0%; width: 96%; }
.new-form-cont .input-group { width: 100%; }
.new-form-cont .form-control { background-color: #fff; border: 1px solid #d7d7d6; border-radius: 3px !important; color: #000; height: 50px; padding: 2px 10px; width: 100%; box-sizing: border-box; font-size: 16px !important; font-weight: 400; box-shadow: 1px 2px 0 rgb(204, 204, 204) inset; }
.new-form-cont select.form-control { color: #4a4a4a; line-height: 45px; text-indent: 0px; }
/* Safari 5+ ONLY */
::i-block-chrome, .new-form-cont select.form-control {text-indent:47px;}
::i-block-chrome, .new-form-cont select.noBg { text-indent:15px;}
.new-form-cont select.form-control option { color: #6c6c6c; padding-left: 5px !important; text-indent: 5px !important; }
.new-form-cont select.form-control disabled { color: #ddd }
.new-form-cont label.error { display: block; margin-top: -5px; }
.new-form-cont label.error #error { background: #db3d42; border-radius: 0 0 3px 3px; color: #fff; display: none; font-size: 12px; padding: 5px 10px 2px; }
.new-form-cont .form-control:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none; }
.new-form-cont .form-control::-moz-placeholder { color: #828181; opacity: 1;}
.new-form-cont .form-control::-webkit-input-placeholder { color: #828181; opacity: 1;}
.new-form-cont .form-control:-moz-placeholder { color: #828181; opacity: 1;}
.new-form-cont .form-control::-moz-placeholder { color: #828181; opacity: 1;}
.new-form-cont .form-control:-ms-input-placeholder { color: #828181; opacity: 1;}
.new-form-cont .form-control[disabled], .new-form-cont .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; cursor: not-allowed; opacity: 1; }
.new-form-cont textarea.form-control { height: auto !important; }
.new-form-cont .nameInput { background-image: url('../images/icon-name.png') !important; background-repeat: no-repeat; background-position: 15px center; padding-left: 50px !important; }
.new-form-cont .emailInput { background-image: url('../images/icon-email.png') !important; background-repeat: no-repeat; background-position: 15px center; padding-left: 50px !important; }
.new-form-cont .phoneInput { background-image: url('../images/icon-mobile.png') !important; background-repeat: no-repeat; background-position: 15px center; padding-left: 50px !important; }
.new-form-cont .addressInput { background-image: url('../images/icon-address.png') !important; background-repeat: no-repeat; background-position: 15px center; padding-left: 50px !important; }
.new-form-cont .landmarkInput { background-image: url('../images/icon-landmark.png') !important; background-repeat: no-repeat; background-position: 15px center; padding-left: 50px !important; }
.new-form-cont .cityInput { background-image: url('../images/icon-city.png') !important; background-repeat: no-repeat; background-position: 15px center; padding-left: 50px !important; }
.new-form-cont .stateInput { background-image: url('../images/icon-state.png') !important; background-repeat: no-repeat; background-position: 15px center; padding-left: 47px !important; }
.new-form-cont .zipInput { background-image: url('../images/icon-zip.png') !important; background-repeat: no-repeat; background-position: 15px center; padding-left: 50px !important; }
.new-form-cont .deviceInput { background-image: url('../images/icon-device.png') !important; background-repeat: no-repeat; background-position: 15px center; padding-left: 50px !important; }
.new-form-cont .noBg { background-image: none; padding-left: 15px !important; }
.dg_callback_btn, .dg_diagnosis_btn { display: table; width: 100%; }
#hpdata { background: #fff none repeat scroll 0 0; color: #fff; display: none; }
.new-form-cont .td { display: table-cell; vertical-align: middle; float: none; }
.new-form-cont .fee { background-color: #f3f3f3; border-radius: 3px; padding: 25px; display: table; vertical-align: middle; display: none; }
.new-form-cont .price { font-size: 42px !important; font-weight: 600; color: #000; line-height: 1.2; }
.new-form-cont .price-small { color: #000; font-size: 25px !important; font-weight: 600; line-height: 1.2; }
.new-form-cont .price2 { font-size: 18px !important; font-weight: bold; color: #0f62ac; line-height: 1.2; }
.new-form-cont .btn-primary { color: #fff; cursor: pointer; display: inline-block; font-size: 33px; font-weight: bold; line-height: 0.2; margin: 8px 20px 5px 0; background-color: #e11f27; border-radius: 3px; padding: 20px 15px 25px; border: none; transition-duration: 0.5s; width: 100%; transition-property: background, border; }
.new-form-cont .btn-enb { background-color: #e11f27 !important; cursor: pointer !important; }
.new-form-cont .btn-enb:hover { background: #f32a32 none repeat scroll 0 0 !important; }
.new-form-cont .btn-dis { background: #ff9195 none repeat scroll 0 0 !important; cursor: inherit !important; }
.new-form-cont .btn-primary img { padding-right: 10px; vertical-align: middle }
.new-form-cont .btn-primary span { font-size: 14px; font-weight: 600; padding-left: 60px; }
.new-form-cont label { font-weight: normal; }
.new-form-cont #zip_info { display: none; font-size: 13px; line-height: 1.4 !important; font-weight: 400; text-align: left }
.new-form-cont #go { background: #e11f27 none repeat scroll 0 0; border-radius: 0 5px 5px 0; color: #fff; cursor: pointer; float: left; margin-left: -5px; padding: 11px 15px; }
/*payment form css*/

.new-form-cont .payment_details { display: none; }
.new-form-cont .credit-card-box { padding-right: 0px; }
.new-form-cont .credit-card-box .form-control.error { border-color: red; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 0, 0, 0.6); outline: 0 none; }
.new-form-cont .credit-card-box label.error { color: red; font-weight: bold; margin-top: 2px; padding: 2px 8px; }
.new-form-cont .credit-card-box .payment-errors { color: red; font-weight: bold; margin-top: 2px; padding: 2px 8px; }
.new-form-cont .credit-card-box label { display: block; font-weight: 600; }
.new-form-cont .credit-card-box .display-table { display: table; }
.new-form-cont .credit-card-box .display-tr { display: table-row; }
.new-form-cont .credit-card-box .display-td { display: table-cell; vertical-align: middle; width: 50%; }
.packaging-info { display: none; border-radius: 3px; background: #ffc; border: 1px solid #fc6; padding: 5px 15px 10px; font-size: 13px; line-height: 1.5; margin-bottom: 10px; color: #000; font-weight: 400 !important; }
.packaging-info h6 { font-size: 15px; }
#modal-packaging .modal-dialog { min-width: 750px; }
.packaging { display: none; }
.popover-content { color: #29363e; font-size: 14px; }
.custom_popover.popover { min-width: 500px; padding: 10px }
.custom_popover .popover-content { color: #000; line-height: 1.5; }
.popover.right > .arrow::after { left: 2px; }
/*New Job Form CSS END*/
.btn-square { display: block; padding: 20px 15px; border-radius: 3px;line-height: 1.5; color: #181617; background-color: #f8f8f8; border: 1px solid #d9d9d9; box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); text-decoration: none; }
.btn-square:hover, .btn-square:focus, .btn-square.active { border: 1px solid #e11f27; background-color: #eeeeee; color: #181617; text-decoration: none; }

/*Put your custom css above this and responsive css below this*/

@media screen and (max-width: 640px) {
body { line-height: 1.5; }
.mob-hide { display: none !important; }
.box-holder img { height: auto; max-width: 100% !important; width: 100%; }
.navbar-wrapper .navbar-brand { padding: 15px 5px 15px 0; width: 100px; }
.navbar-header .pull-right { float: right !important }
.navbar-brand > img { width: 100%; }
.microsoft { display: none; }
.call-us { background-size: 15%; background-position: 10px center; background-image: none !important; background-color: transparent; padding: 10px 5px 5px 0px !important; height: auto; line-height: 0.3; font-size: 16px !important; }
.call-num { font-size: 22px !important; line-height: 1.4; }
.call-text-title { float: left; }
.banner-cont h1 { font-size: 30px; }
.banner-cont h2 { font-size: 18px !important; margin: 10px 0; }
.tx2 { margin: 10px 0; font-size: 18px; }
.form { margin-left: 0; padding: 5px; }
.tx3 { font-size: 18px !important }
.banner-cont .form-control { height: 35px; }
.process { margin: 20px 0; }
.benefits ul li { display: block; }
.section { padding-top: 30px; }
.h1, .h2, .h3 { padding: 5px 0 20px !important; margin: 5px 0 10px; }
.h1 { font-size: 26px; }
.h2 { font-size: 22px; }
.h3 { font-size: 18px; }
ul.bullet { padding-top: 5px !important; }
.pull-right, .pull-left { float: none !important; }
.clients .h1 { margin: 0px; }
.branches ul { margin-top: 10px; }
.category, .why-stellar, .clients, .testimonials, .news { padding-bottom: 20px; }
.divider { background-image: none !important; }
#go { padding: 6px 10px; color: #fff; cursor: pointer; border-radius: 5px 5px 5px 5px; margin: 10px 0 10px 40px; }
.nav > ul { float: left; height: 31px; margin-bottom: 0; padding-left: 0; }
.nav li a { color: #555; text-decoration: none; padding: 10px 5px; font-weight: bold; }
.form-table tr td { vertical-align: top }
/*new form responsive css*/
.new-form-cont { padding-top: 5px }
.new-form-cont .nav li a { font-size: 14px; padding: 8px 10px; }
.new-form-cont .nav-tabs > li.active > a { padding: 10px 12px; }
.new-form-cont .tx3 { font-size: 14px !important; margin: 10px 0; }
.new-form-cont .form { padding: 8px 0 8px 8px; min-height: 150px; }
.new-form-cont .form-control { font-size: 13px !important; height: 40px; background-position: 7px center; padding-left: 40px !important; }
.new-form-cont .form-group, .new-form-cont .form-group2 { margin-right: 0 !important; width: 97% !important; margin-bottom: 10px; }
.new-form-cont .btn-primary { font-size: 16px !important; }
.new-form-cont .btn-primary img, .new-form-cont .btn-primary span { display: none; }
.new-form-cont .fee { padding: 10px 5px; }
.new-form-cont .fee .td { display: inline; }
.new-form-cont .fee img { height: 16px; }
.new-form-cont .price { font-size: 20px !important; font-weight: 600; }
.new-form-cont .noBg { background-image: none; padding-left: 15px !important; }
.new-form-cont #go { padding: 9px 6px; margin-top: -0px }
.new-form-cont .sidebar.pad_t_50 { padding-top: 10px !important; }
.new-form-cont .VTabbedPanels .TabbedPanelsTabGroup { width: 25%; }
.new-form-cont .VTabbedPanels .TabbedPanelsContentGroup { width: 73%; }
.new-form-cont .VTabbedPanels .TabbedPanelsTab { font-size: 13px; padding: 7px 7px; }
.new-form-cont .credit-card-box .form-control { padding-left: 5px !important; height: 35px; }
.maf-form .media-info, .maf-form .action-details { display: inline-block; width: 98%; }
#maf-popup #dialog { top: 5% !important; }
#maf-popup .window { width: 90%; padding: 10px !important; left: 5px !important; }
#maf-popup .window h4 { font-size: 20px; }
#maf-popup .window img { max-width: 40%; float: none !important; margin: 0 auto; padding-bottom: 10px !important; display: block !important; }
#modal-packaging .modal-dialog { min-width: auto; }
.custom_popover.popover { min-width: auto; font-size: 13px }
}
/*Pricing Table*/

/* Style the list */
.price-box { list-style-type: none; border: 1px solid #ddd; margin: 0; margin-bottom: 20px; padding: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
/* Add shadows on hover */
.price-box:hover { box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2) }
/* Pricing header */
.price-box .header { background-color: #111; color: white; font-size: 25px; }
/* List items */
.price-box li { border-bottom: 1px solid #ddd; padding: 15px; text-align: center; font-size: 15px; font-weight: 400; }
/* Grey list item */
.price-box .grey { background-color: #ddd; font-size: 20px; }
/* The "Sign Up" button */
.button { background-color: #4CAF50; border: none; color: white; padding: 10px 25px; text-align: center; text-decoration: none; font-size: 18px; }
/*Bouncing arrow*/


.bounce { position: absolute; bottom: 30px; left: 50%; width: 60px; height: 60px; margin-left: -30px; border: 5px solid #ccc; background-color: #6BBF0C; color: #fff; text-align: center; font-size: 30px; padding: 11px; line-height: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; }
 @-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);
}
}
 @-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);
}
}
 @-o-keyframes bounce {  0%, 20%, 50%, 80%, 100% {
-o-transform: translateY(0);
transform: translateY(0);
}
 40% {
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
 60% {
-o-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {  0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
 40% {
transform: translateY(-30px);
}
 60% {
transform: translateY(-15px);
}
}
