/* Block newsletter */
.newsletter_block { background: #e8f6f7; }

#newsletter_block_left { overflow: hidden; background: url(../../../img/bg_newletter.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 95px 0; display: inline-block; width: 100%; text-align: center; margin: 0; }
@media (max-width: 1199px) { #newsletter_block_left { padding: 30px; } }
@media (max-width: 991px) { #newsletter_block_left { padding: 30px 0; background: #e8f6f7; } }
#newsletter_block_left .pos-title { background: transparent; }
#newsletter_block_left .title-newsletter { float: left; margin-right: 80px; }
@media (max-width: 1199px) { #newsletter_block_left .title-newsletter { margin-right: 50px; } }
#newsletter_block_left .title-newsletter h4 { position: relative; font-size: 20px; font-weight: 700; color: white; line-height: 40px; border: 0; margin-bottom: 0; }
@media (max-width: 767px) { #newsletter_block_left .title-newsletter h4 { font-size: 14px; } }
#newsletter_block_left .title-newsletter h4:after { display: none; }
#newsletter_block_left .title-newsletter p { font-size: 12px; color: #d6d6d6; font-style: italic; }
@media (max-width: 767px) { #newsletter_block_left .title-newsletter p { font-size: 12px; } }
#newsletter_block_left .desc_newsletter { color: #606060; font-size: 12px; line-height: 25px; padding-bottom: 60px; max-width: 570px; margin: 0 auto; }
@media (max-width: 991px) { #newsletter_block_left .desc_newsletter { padding-bottom: 0; } }
#newsletter_block_left .block_content { overflow: hidden; }
@media (max-width: 991px) { #newsletter_block_left .block_content { overflow: visible; } }
#newsletter_block_left .form-group { margin-bottom: 0; margin-top: 20px; position: relative; max-width: 570px; width: 100%; display: inline-block; }
@media (max-width: 1199px) { #newsletter_block_left .form-group { max-width: 500px; } }
@media (max-width: 991px) { #newsletter_block_left .form-group { max-width: 100%; } }
#newsletter_block_left .form-group .form-control { display: inline-block; border: 1px solid #e1e1e1; background: transparent; padding: 10px 140px 10px 10px; line-height: 30px; height: 50px; border-radius: 0; color: #8f8f8f; font-size: 12px; }
@media (min-width: 768px) and (max-width: 1199px) { #newsletter_block_left .form-group .form-control { margin-bottom: 10px; margin-right: 0; } }
#newsletter_block_left .form-group .form-control:focus { -webkit-box-shadow: black 0px 0px 0px; -moz-box-shadow: black 0px 0px 0px; box-shadow: black 0px 0px 0px; }
#newsletter_block_left .button-small { height: 50px; line-height: 36px; font-size: 14px; text-align: center; padding: 0; position: absolute; background: #3a3a3a; color: white; top: 0; right: 0; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
#newsletter_block_left .button-small span { font-weight: 500; padding: 0 35px; text-transform: capitalize; letter-spacing: 0.025em; vertical-align: -3px; display: inline-block; }
#newsletter_block_left .button-small :before { content: "\f1d9"; font-family: "FontAwesome"; font-size: 16px; display: none; }
#newsletter_block_left .button-small:hover { background: #3cc8df; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
#newsletter_block_left .success_inline, #newsletter_block_left .warning_inline { text-align: left; padding: 1px 0 0 0; margin-bottom: -19px; }
#newsletter_block_left .success_inline { color: #418B19; }
#newsletter_block_left .warning_inline { color: #f13340; }

/* Block newsletter footer */
#footer #newsletter_block_left { overflow: hidden; margin: 0; }
@media (max-width: 767px) { #footer #newsletter_block_left { width: 100%; text-align: center; } }
#footer #newsletter_block_left h4 { color: #333; font-size: 20px; font-weight: 400; margin-bottom: 15px; background: none; text-transform: none; text-transform: uppercase; line-height: 25px; border: none; display: none; }
#footer #newsletter_block_left h4:after, #footer #newsletter_block_left h4:before { display: none; }
#footer #newsletter_block_left .block_content { overflow: hidden; }
#footer #newsletter_block_left .form-group { margin-bottom: 0; background: white; position: relative; }
#footer #newsletter_block_left .form-group .form-control { height: 40px; background: transparent; border: 0; color: #9e9e9e; padding: 5px 160px 5px 10px; display: inline-block; }
#footer #newsletter_block_left .form-group .form-control:focus { -webkit-box-shadow: black 0px 0px 0px; -moz-box-shadow: black 0px 0px 0px; box-shadow: black 0px 0px 0px; }
@media (max-width: 1199px) { #footer #newsletter_block_left .form-group .form-control { max-width: 100%; } }
#footer #newsletter_block_left .form-group .button-small { position: absolute; top: 0; right: 0; height: 40px; background: #3cc8df; border: 0; padding: 0; color: white; display: inline-block; vertical-align: top; font-family: Open Sans; line-height: 40px; }
#footer #newsletter_block_left .form-group .button-small span { padding: 0 15px; font-size: 14px; font-weight: 700; display: inline-block; vertical-align: top; }
#footer #newsletter_block_left .form-group .button-small:before { font-size: 20px; width: 40px; display: inline-block; content: "\f0e0"; font-family: "FontAwesome"; font-weight: normal; background: #e4942e; }
#footer #newsletter_block_left .form-group .button-small:after { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
#footer #newsletter_block_left .form-group .button-small:hover:after { -webkit-animation: shine 500ms infinite; animation: shine 500ms infinite; }
#footer #newsletter_block_left .warning_inline { display: block; color: #f13340; font-size: 13px; line-height: 26px; clear: both; }
@media (min-width: 1200px) { #footer #newsletter_block_left .warning_inline { display: inline-block; position: relative; top: -35px; margin-bottom: -35px; left: 15px; clear: none; } }