/* Code tidied up by ScrapBook */
 .erase_text,
 .text-column {
     text-transform: uppercase;
     font-weight: bold;
     text-align: center;
 }

 #square,
 #square2,
 .qqq {
     width: 200px;
     height: 50px;
     border-radius: 3em;
     -ms-flex-item-align: center;
     align-self: center;
 }

 #square {
     background: rgb(150, 149, 149) none repeat scroll 0% 0%;
     cursor: pointer;
 }

 #square2 {
     background: transparent url("../images/bilet.png") no-repeat scroll center center;
     display: none;
 }

 .qqq {
     outline: medium none;
     background: transparent none repeat scroll 0% 0%;
     border: 1px solid rgb(150, 149, 149);
 }

 .arrow {
     background: transparent url("../images/arrow1.png") no-repeat scroll center center;
     width: 70px;
     height: 65px;
     -ms-flex-item-align: center;
     align-self: center;
     margin: 1em;
 }

 .bilet {
     color: rgb(0, 0, 0);
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     border: 4px solid rgb(3, 148, 165);
     border-radius: 5px;
     background: transparent -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(124, 191, 195))) repeat scroll 0% 0%;
     background: transparent linear-gradient(rgb(255, 255, 255), rgb(124, 191, 195)) repeat scroll 0% 0%;
 }

 .text-column {
     -webkit-box-flex: 2;
     -ms-flex: 2 1 0%;
     flex: 2 1 0%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 1em;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .text-column p {
     margin-bottom: 0px;
 }

 .text-column p:first-child {
     text-transform: uppercase;
     text-align: center;
 }

 .blabla p:last-child {
     font-size: 0.7em;
     margin: 0px;
 }

 .erase_column {
     -webkit-box-flex: 3;
     -ms-flex: 3 1 0%;
     flex: 3 1 0%;
     padding: 1em;
     font-size: 1.1em;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }

 .erase {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }

 .logo {
     background: transparent url("../images/tov.png") no-repeat scroll center center;
     width: 250px;
     height: 260px;
     background-size: contain;
     position: relative;
 }

 #main-container .logo img {
     position: absolute;
     width: 50px;
     height: auto;
     right: 70px;
     bottom: 35px;
 }

 @media screen and (max-width: 550px) {
     .gerbpk {
         display: none !important;
     }

     .gerbmobile {
         display: block !important;
         margin: 0px auto !important;
     }
 }

 @media screen and (min-width: 550px) {
     .gerbmobile {
         display: none !important;
     }
 }

 @media screen and (max-width: 550px) {
     .erase {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
     }
 }

 @media screen and (max-width: 350px) {

     .text-column,
     .erase_column {
         padding: 5px;
     }
 }

 .rub-ramka {
     margin-top: 22px;
     margin-bottom: 18px;
     background: rgba(189, 61, 77, 0.04);
     padding: 12px 15px !important;
     color: rgb(39, 39, 39);
     border-radius: 4px;
     text-indent: 0 !important;
     text-align: center;
     line-height: 29px;
     padding: 6px 13px !important;
     border-radius: 2px;
     border: 4px double rgb(251 147 164);
     font-family: open sans, arial;
     line-height: 28px;
     font-size: 16px;
     max-width: 100%;
     margin: 0 auto;
     font-weight: 400;
     color: #4a4a4a;
 }

 .of-site:hover {
     color: rgba(255, 0, 0, 0.72) !important;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     text-decoration: underline;
 }

 .comment-user p {
     text-indent: 0 !important;
 }

 @media screen and (max-width: 600px) {
     .rub-ramka {
         text-align: left !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
     }
 }

 .rub-ramka a {
     font-size: inherit;
 }

 .api-form1 * {
     padding: 0 !important;
     font-family: roboto, sans-serif !important
 }

 .api-form1 .submit:hover {
     background: #2e7d32
 }

 .api-form1 .form-header {
     text-align: center !important
 }

 .cta-btn1 a,
 .cb-con .submit,
 .api-form1 .submit,
 .cb-but,
 .blg {
     outline: none !important;
     max-width: 100% !important;
     font-style: normal !important;
     -webkit-box-sizing: border-box !important;
     box-sizing: border-box !important;
     line-height: 1.5 !important;
     position: static !important;
     height: auto !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     text-align: center !important;
     clear: both !important;
     font-weight: 700 !important;
     border: 0;
     background: #388e3c;
     color: #fff !important;
     font-size: 22px !important;
     text-decoration: none !important;
     padding: 15px 35px !important;
     border-radius: 35px !important;
     width: 100% !important;
     display: block !important;
     cursor: pointer !important;
     margin: 15px 0 0 !important;
     text-transform: none !important
 }

 .cta-btn1 a:hover,
 .cb-con .submit:hover,
 .api-form1 .submit:hover,
 .cb-but:hover,
 .blg:hover {
     background: #39b13e;
 }

 @media (max-width: 340px) {

     .cta-btn1 a,
     .cb-con .submit,
     .api-form1 .submit,
     .cb-but,
     .blg {
         font-size: 20px !important;
         padding: 15px 25px !important;
     }
 }

 .api-form1 .text1 a:hover {
     text-decoration: underline !important;
     color: #a52626 !important
 }

 .api-form1 .text1 a {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     font-weight: 700 !important;
     color: #ca2d2d !important;
     border: none !important;
     padding: 0 !important;
     margin: 0 !important;
     display: inline !important
 }

 .api-form1 *:before,
 .api-form1 *:after {
     content: none
 }

 .cb-con label,
 .api-form1 label {
     font-style: normal;
     font-size: 12px !important;
     font-weight: 700 !important;
     cursor: text !important;
     text-align: left !important;
     display: block !important;
     color: #222 !important;
     margin: 0 0 2.5px 20px !important;
     padding: 0 !important
 }

 .api-form1 .country-flag {
     width: 25px !important;
     position: relative !important;
     top: 2px !important
 }

 .api-form1 p.delivery {
     background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #ddd), to(transparent)) !important;
     background: linear-gradient(to right, transparent 0%, #ddd 50%, transparent 100%) !important;
     margin: 15px 0 0 !important;
     padding: 5px !important;
     text-align: center !important;
     font-size: 16px !important;
     color: #555 !important
 }

 .api-form1 .footnote1 {
     line-height: 15px !important;
     text-indent: 0 !important;
     font-size: 10px !important;
     margin: 10px 0 0 !important;
     text-align: center !important;
     padding: 0 !important;
     color: #888 !important
 }

 .api-form1 .text {
     border: none !important;
     text-align: center !important;
     color: #222 !important;
     padding: 0 !important;
     font-size: 18px !important;
     width: 100% !important;
     float: none !important;
     line-height: 25px !important;
     font-weight: 700 !important;
     margin: 10px 0 !important
 }

 .api-form1 form {
     padding: 0 !important;
     background: 0 0 !important;
     margin: 15px auto 0 !important
 }

 .api-form1 .form-body .text .offer-name,
 .api-form1 .form-body .text .offer-price {
     color: #ca2d2d !important;
     font-weight: 700 !important
 }

 .api-form1 {
     background: #fff !important;
     -webkit-box-sizing: border-box !important;
     box-sizing: border-box !important;
     max-width: 465px !important;
     position: relative !important;
     margin: -10px auto !important;
     text-align: center !important;
     border: 2.5px dashed #ddd !important;
     border-radius: 2.5px !important;
     padding: 30px !important;
     clear: both !important
 }

 .api-form1 .deadline1 {
     font-size: 17px !important;
     color: #222 !important;
     text-align: center !important;
     margin: 0 !important
 }

 .api-form1 .name:invalid,
 .api-form1 .phone:invalid,
 .api-form1 .country:invalid,
 .api-form1 .name,
 .api-form1 .phone,
 .api-form1 .country {
     font-style: normal;
     -webkit-transition: .25s !important;
     transition: .25s !important;
     line-height: 20px !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     font-size: 14px !important;
     font-weight: 400 !important;
     background: 0 0 !important;
     max-width: 100% !important;
     width: 100% !important;
     height: auto !important;
     background: #f2f2f2 !important;
     outline: none !important;
     -webkit-box-sizing: border-box !important;
     box-sizing: border-box !important;
     border: 2.5px solid #ddd !important;
     border-radius: 35px !important;
     padding: 15px !important;
     margin: 0 0 15px !important
 }

 .api-form1.name:focus,
 .api-form1 .phone:focus,
 .api-form1 .country:focus {
     border: 2.5px solid #aaa !important
 }

 .api-form1 .cta-form {
     margin: 0 !important
 }

 .api-form1 {
     padding: 15px !important
 }

 .api-form1 .submit {
     font-size: 16px !important;
     padding: 15px 5px !important
 }

 .form-header1 .form-header1 {
     text-align: center !important
 }

 .api-form1 .cta-form1 {
     margin: 0 !important
 }

 .cb-con1 .cta-form1 {
     text-align: center !important;
     margin-top: 30px !important;
     margin-bottom: 0 !important;
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(50%, 1fr))
 }

 .cb-con1 .cta-form1 {
     margin-top: 15px !important;
     display: block
 }

 .product-image1 {
     position: relative !important;
     margin: 0 auto !important;
     background: #fff !important;
     text-align: center !important;
     max-width: 300px
 }

 .product-image1 img {
     margin: 0 !important;
     border: none !important;
     padding: 0 !important;
     z-index: 0 !important;
     position: static !important
 }

 .cb-con1 .product-image1 {
     max-width: 300px
 }

 .cb-tex1 .product-image1 {}

 .product-banner-text1 {
     font-size: 16px !important
 }

 .product-banner1 {
     width: 125px !important;
     height: 125px !important
 }

 .product-banner1 {
     opacity: .9 !important;
     display: table !important;
     width: 119px !important;
     height: 127px !important;
     line-height: 25px !important;
     color: #fff !important;
     font-size: 18px !important;
     text-align: center !important;
     background: url(../images/product-banner.png) no-repeat center !important;
     background-size: 100% !important;
     position: absolute !important;
     top: 0 !important;
     right: -20px !important;
     text-decoration: none !important
 }

 .product-banner-text1 {
     text-align: center !important;
     margin: 0 !important;
     font-weight: 700 !important;
     color: #f2f2f2 !important;
     display: table-cell !important;
     font-size: 20px !important;
     vertical-align: middle !important;
     position: relative
 }

 .product-banner-text1:after {
     position: relative;
     top: -5px;
     left: -2.5px
 }

 .product-banner-text1 {
     font-size: 20px !important
 }

 .api-form1 .form-body1 .text1 .offer-name1,
 .api-form1 .form-body1 .text1 .offer-price1 {
     color: #ca2d2d !important;
     font-weight: 700 !important
 }

 #text1 {
     margin-top: 40px;
     vertical-align: top;
     display: inline-block;
     width: 75%;
     margin-right: 0;
     text-align: center
 }

 .offer-name1 {
     color: #ffeb3b !important
 }

 .cb-con1 .name1:invalid,
 .cb-con1 .phone:invalid,
 .cb-con1 .country:invalid,
 .cb-con1 .name1,
 .cb-con1 .phone,
 .cb-con1 .country,
 .api-form1 .name1:invalid,
 .api-form1 .phone:invalid,
 .api-form1 .country:invalid,
 .api-form1 .name1,
 .api-form1 .name1:focus,
 .cta-btn1 *,
 .cta-btn1 {
     text-align: center !important;
     max-width: 445px;
     margin: 15px auto
 }

 .api-form1 .text1 {
     border: none !important;
     text-align: center !important;
     color: #222 !important;
     padding: 0 !important;
     font-size: 18px !important;
     width: 100% !important;
     float: none !important;
     line-height: 25px !important;
     font-weight: 700 !important;
     margin: 10px 0 !important
 }

 .nowdate {
     font-weight: 500;
     color: rgb(255, 66, 90);
     letter-spacing: 0.3px;
     text-shadow: none;
     font-weight: 600;
     color: rgb(251, 65, 89)
 }






 #luckyshop_form,
 #profit_form2,
 #omni_form,
 #everad_form,
 #shakes_form,
 #apilead_form,
 #hp_form,
 #p_hp_form,
 #pw_hp_form,
 #leadtrade_form,
 #drcash_form,
 #t_drcash_form,
 #rocket_form,
 #ad1_form,
 #p_omni_form,
 #m_leads,
 #kma_form,
 #adbees_form,
 #crm_form,
 #leadbit_form,
 #cpagetti_form,
 #monsterleads_form,
 #tl_form,
 #adeptcpa_form,
 #burg_tl_form,
 #scpa_pw_ad1_form,
 #scpa_pw_hp_form,
 #scpa_pw_tl_form,
 #scpa_pw_apilead_form,
 #scpa_pw_leadtrade_form,
 #scpa_pw_drcash_form {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
 }







 button.submit-roulette {
     text-transform: uppercase;
     padding: 10px;
     margin: 15px 0;
     outline: none;
     border: none;
     margin-top: 5px;
     border-radius: 5px;
     background: #ff0000f7;
     color: #fff;
     font-weight: bold;
     cursor: pointer;
     -webkit-transition: background 0.3s;
     transition: background 0.3s;
     width: 450px;
     max-width: 100%;
     -webkit-appearance: 5px;
     -webkit-border-radius: 5px;
 }

 input.submit-roulette {
     text-transform: uppercase;
     padding: 10px;
     margin: 15px 0;
     outline: none;
     border: none;
     margin-top: 5px;
     border-radius: 5px;
     background: #ff0000f7;
     color: #fff;
     font-weight: bold;
     cursor: pointer;
     -webkit-transition: background 0.3s;
     transition: background 0.3s;
     width: 450px;
     max-width: 100%;
     -webkit-appearance: 5px;
     -webkit-border-radius: 5px;
 }

 .input-roulette {
     padding-left: 5px;
     height: 42px;
     margin-bottom: 10px;
     width: 100%;
     border: 2px solid grey;
     border-radius: 5px;
     max-width: 450px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }

 input[placeholder="Ваше имя"],
 input[placeholder="Ваш телефон"] {
     padding-left: 5px;
     height: 42px;
     margin-bottom: 10px;
 }

 .span-input-roulette {
     position: relative;
     display: block;
     margin-top: 20px;
     width: 100%;
     max-width: 450px;
 }

 @media (max-width: 400px) {
     #order_form label {
         font-size: 15px;
     }
 }




 @media (max-width: 600px) {
     a.button {
         width: 80%;
     }

 }