/**

* 2007-2018 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to license@prestashop.com so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

*  @author    PrestaShop SA <contact@prestashop.com>

*  @copyright 2007-2018 PrestaShop SA

*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)

*  International Registered Trademark & Property of PrestaShop SA

*/

input,
input:focus {
    outline: none;
}

.hrxcmsnewsletterpopup {

    width: 100%;

    height: 100% !important;

    background-repeat: repeat;

    position: relative;

    border-radius: 5px;

    display: -webkit-box;

    display: flex;

    vertical-align: top;
}

.hrxcmsnewsletterpopup .hrxnewslatter-popup-img-wrapper {

    width: 53%;
}

.hrxcmsnewsletterpopup .hrxnewslatter-popup-img-wrapper,

.hrxcmsnewsletterpopup #newsletter_block_popup {

    -webkit-box-align: center!important;

    -ms-flex-align: center!important;

    align-items: center!important;

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: center!important;

    -ms-flex-pack: center!important;

    justify-content: center!important;
}

.hrxcmsnewsletterpopup .hrxnewslatter-popup-img-wrapper img {

    width: 100%;
    border-radius: 5px 0 0 5px;
    max-height: 100%;
}


/*.hrxcmsnewsletterpopup .hrxnewslatter-popup-img-wrapper img{width: 100%;max-width: 100%;}*/

.hrxcmsNewsLetterPopup-i {

    margin: auto;

    /* position: absolute;*/
    max-width: 1200px !important;

    height: 600px;

    top: 15px;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 0 15px;
    transition: transform .3s ease-out;
    -webkit-transform: .3s ease-out;
}

.hrxcmsNewsLetterPopup-i .close {

    background: #ff8961;

    border-radius: 100%;

    font-weight: normal;

    height: 40px;

    opacity: 1;

    position: absolute;

    text-align: center;

    width: 40px;

    right: 25px;

    top: 15px;

    z-index: 9;
}

.hrxcmsNewsLetterPopup-i .hrxnewsletterpopup-button-icon {

    background: url("../img/icon_close.png") no-repeat scroll center center;

    color: #000;

    height: 15px;

    width: 15px;

    background-size: 85%;

    position: absolute;

    top: 1px;

    left: 1px;

    right: 0;

    bottom: 0;

    margin: auto;
}

.hrxcmsNewsLetterPopup-i .close:hover {

    background-color: #222;
}

.hrxcmsNewsLetterPopup-i button:focus {

    outline: none;
}

#newsletter_block_popup {

    width: 47%;

    padding: 15px 10px;

    text-align: center;
}

#newsletter_block_popup .block_content {}

#newsletter_block_popup .hrxnewsletter-popup-wrapper {

    margin-bottom: 20px;
    display: -webkit-box !important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

#newsletter_block_popup .hrxnewsletter-popup-wrapper .hrxnewsletter-popup-img-wrapper {

    /*width: 100%;

	margin-bottom: 20px;

	float: left;*/
}

#newsletter_block_popup .hrxnewsletter-popup-wrapper .hrxnewsletter-popup-input-wrapper {

    /*margin-bottom: 20px;

	width: 100%;

	float: left;*/
}

#newsletter_block_popup .hrxnewsletter-popup-wrapper .hrxnewsletter-popup-img-wrapper,

#newsletter_block_popup .hrxnewsletter-popup-wrapper .hrxnewsletter-popup-input-wrapper {

    width: 150px;

    display: inline-block;
}

#newsletter_block_popup .hrxnewsletter-popup-wrapper .hrxnewsletter-popup-img-wrapper {

    float: left;
}

#newsletter_block_popup .hrxnewsletter-popup-wrapper .hrxnewsletter-popup-img-wrapper img {

    border: 2px solid #eee;
}

#newsletter_block_popup .hrxnewsletter-popup-wrapper .hrxnewsletter-popup-input-wrapper input {

    width: 100%;

    height: 45px;

    padding: 10px 10px;

    border: 1px solid #eee;

    border-radius: 5px;
}

#newsletter_block_popup .block_content .newsletter_title {}

.hrxcmsNewsLetterPopup {

    padding-right: 0 !important;
}

#newsletter_block_popup .block_content .newsletter_title h3 {

    font: 500 36px/normal 'Poppins', sans-serif;

    color: #000000;

    margin: 0 0 20px;

    text-transform: none;
}

#newsletter_block_popup .hrxcmsrecaptcha-img-wrapper {}

#newsletter_block_popup .block_content .hrxcmsnewsletterpopupContent {

    color: #000000;

    font: 500 16px/25px 'Poppins', sans-serif;

    margin-bottom: 20px;
}

#newsletter_block_popup .block_content .hrxcmsnewsletterpopupContent p {

    margin: 0;
}

#newsletter_block_popup .block_content .hrxcmsnewsletterpopupAlert {

    color: #ffcc01;

    font-size: 14px;
}

#newsletter_block_popup .block_content .inputNew {

    background-color: #fff;

    border: 1px solid #ebebeb;

    border-radius: 4px;

    height: 45px;

    line-height: 45px;

    padding: 0 15px;

    width: 95%;

    margin-bottom: 20px;
}

#newsletter_block_popup .block_content .send-reqest {

    background: #ff8961 none repeat scroll 0 0;

    border-radius: 4px;

    color: #ffffff;

    display: inline-block;

    font-size: 12px;

    font-weight: 500;

    line-height: 47px;

    height: 45px;

    margin-bottom: 30px;

    padding: 0 30px;

    text-transform: uppercase;

    cursor: pointer;
}

#newsletter_block_popup .block_content .send-reqest:hover {

    background-color: #222;

    color: #FFF;
}

#newsletter_block_popup .newsletter_block_popup-bottom {

    display: block;
}

#newsletter_block_popup .newsletter_block_popup-bottom .subscribe-bottom {

    display: inline;

    /*float: left;*/

    line-height: 20px;

    margin-right: 5px;
}

#newsletter_block_popup .newsletter_block_popup-bottom .hrxcmsnewsletterpopup_newsletter_dont_show_again {

    color: #666666;

    font-size: 14px;

    font-style: italic;

    line-height: 22px;

    margin: 0;
}

@media(max-width: 1199px) {

    .hrxcmsnewsletterpopup .hrxnewslatter-popup-img-wrapper {

        width: 58%;
    }

    #newsletter_block_popup {

        width: 45%;
    }
    .hrxcmsNewsLetterPopup-i {
        position: relative;
        height: auto;
        margin: 15px auto;
    }
}

@media(max-width: 767px) {

    #newsletter_block_popup .hrxnewsletter-popup-wrapper .hrxnewsletter-popup-img-wrapper {

        margin-bottom: 20px;

        float: none !important;
    }

    #newsletter_block_popup .block_content .newsletter_title h3 {

        font: 500 26px/normal 'Poppins', sans-serif;
    }

    #newsletter_block_popup .block_content .hrxcmsnewsletterpopupContent {

        font: 500 14px/25px 'Poppins', sans-serif;
    }

    #newsletter_block_popup .block_content .inputNew {

        width: 100%;
    }
    #newsletter_block_popup .hrxnewsletter-popup-wrapper {
        display: block !important; 
    }
}

@media(max-width: 575px) {

    .hrxcmsnewsletterpopup .hrxnewslatter-popup-img-wrapper {

        width: 40%;

        float: none !important;

        display: inline-block;
    }

    #newsletter_block_popup {

        width: auto;

        text-align: center;

        float: none;
    }

    .hrxcmsnewsletterpopup {

        text-align: center;

        display: block;

        padding: 15px;
    }

    #newsletter_block_popup .hrxnewsletter-popup-wrapper .hrxnewsletter-popup-img-wrapper {

        float: left;
    }

    .hrxcmsNewsLetterPopup-i .close {

        height: 32px;

        width: 32px;
    }

    .hrxcmsNewsLetterPopup-i .hrxnewsletterpopup-button-icon {

        height: 13px;

        width: 13px;

        background-size: 82%;
    }

    #newsletter_block_popup .block_content .inputNew {

        width: 95%;
    }
}

@media(max-width: 480px) {

    .hrxcmsNewsLetterPopup-i {

        height: auto;
    }
}

@media(max-width: 380px) {

    #newsletter_block_popup .hrxnewsletter-popup-wrapper .hrxnewsletter-popup-img-wrapper {

        float: none !important;
    }

    #newsletter_block_popup .block_content .inputNew {

        width: 100%;
    }
}


.lang-rtl #newsletter_block_popup .newsletter_block_popup-bottom .subscribe-bottom {
    margin-right: 0;
    margin-left: 5px;
}