@import url("//tools.euroland.com/tools/SubscriptionCentre2/./../Config/footer.css");
/* Not Found: /Config/SubscriptionCentre2.css */
/* Not Found: ./../Config/Company/CH-CCH/CH-CCH.css */
/* font files*/

@font-face {

    font-family: 'Effra';

    font-style: normal;

    font-weight: 400;

    src: url("//tools.euroland.com/tools/SubscriptionCentre2/Config/Company/CH-CCH/fonts/Effra_Std_Rg.ttf") format('truetype');

}

@font-face {

    font-family: 'Effra';

    font-style: normal;

    font-weight: 500;

    src: url("//tools.euroland.com/tools/SubscriptionCentre2/Config/Company/CH-CCH/fonts/Effra_Std_Md.ttf") format('truetype');

}

@font-face {

    font-family: 'Effra';

    font-style: normal;

    font-weight: 700;

    src: url("//tools.euroland.com/tools/SubscriptionCentre2/Config/Company/CH-CCH/fonts/Effra_Std_Bd.ttf") format('truetype');

}

@font-face {
    font-family: 'FontAwesome';
    src: url("//tools.euroland.com/tools/SubscriptionCentre2/Config/Company/CH-CCH/fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("//tools.euroland.com/tools/SubscriptionCentre2/Config/Company/CH-CCH/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'),
        url("//tools.euroland.com/tools/SubscriptionCentre2/Config/Company/CH-CCH/fonts/fontawesome-webfont.woff2?v=4.7.0") format('woff2'),
        url("//tools.euroland.com/tools/SubscriptionCentre2/Config/Company/CH-CCH/fonts/fontawesome-webfont.woff?v=4.7.0") format('woff'),
        url("//tools.euroland.com/tools/SubscriptionCentre2/Config/Company/CH-CCH/fonts/fontawesome-webfont.ttf?v=4.7.0") format('truetype');
    font-weight: normal;
    font-style: normal;
}

body
{
    color: #333;
	font-family: effra,Helvetica,Arial,microsoft yahei,微软雅黑,STXihei,华文细黑,sans-serif;
	font-size: 	18px;
	background: none repeat scroll 0 0 transparent;
	font-weight: 400;	
    line-height: 28px;
}

.check-subscription-link a {
	color: #f40009;
}
a:-webkit-any-link, a:-moz-any-link {
    color: #333;
    text-decoration: none;
    cursor: auto;
}
.hyperlink, .disclaimer-box a, .cookies-box a {
	color: #333 !important;
	text-decoration: none;
}
.hyperlink:hover, .disclaimer-box a:hover, .cookies-box a:hover {
	color: #333 !important;
	text-decoration: underline;
}
.wrapper {
    width: 100%;
    padding: 50px 0 10px 0px;
    margin: 0 auto;
    max-width: 1185px;
}

.service-name {
    position: relative;
    top: 3px;
}
.btn, .btn:active, .btn:focus  {
    background: #f40009; 
    border-radius: 25px;
    color: #fff;
    font-family: effra,Helvetica,Arial,microsoft yahei,微软雅黑,STXihei,华文细黑,sans-serif;
    font-size: .75rem;
    font-weight: 500 !important;
    margin: 0 auto;
	padding: 0 40px 0 20px;
	border: 0px solid #4ac6b3 !important;
    text-transform: uppercase;
	text-decoration: none;
	transition: .3s;
    height: 34px;
    line-height: 34px;
    box-shadow: rgba(244,0,9,.35) 0 6px 12px;
    position: relative;
}

.btn:hover {
	 background: #f40009; 
	 border: 0px solid #43b3a2 !important;
	 color: #fff;
     /* padding-right: 60px; */
}
#dialogModal .btn-submit, #dialogModal .btn-ok, #dialogModal .btn-cancel {
    min-width: inherit;
}
.radio input, .checkbox input {
    height: 17px;
}
.form .lable {
	text-transform: uppercase;
}
.form input {
	appearance: none;
	-moz-appearance: none;
	background-color: #ffffff;
	border: 0.08em solid #ccc;
	color: #585852;
	height: 36px;
    padding: 5px;
	border-radius: .4rem;
}
.form select {
	appearance: none;
    -webkit-appearance: none;
	-moz-appearance: none;
    background-color: #ffffff;
    background-image: url("//tools.euroland.com/tools/SubscriptionCentre2/Config/Company/CH-CCH/dropdown1.png");
    background-origin: content-box;
    background-position: calc(0px + 100%) 50%;
    background-repeat: no-repeat;
    background-size: 14px 14px;
	border-radius: .4rem;
    padding: 5px;
    color: #585852;
    height: 36px;
	border: 0.08em solid #ccc;
    font-size: 16px;
}

@media not all { 
	.form select  {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
	}
}
.form select > option{
	color: #585852;
    text-transform: capitalize;
}
.modal-content {
    
}

@media (max-width: 480px) { 
	.button-inner {
		padding-top: 10px;
	}
}


/**input form changes**/

#dialogModal .privacy-policy-sector .btn {
    padding-top: 0px;
	display: inline-block
}
.form .row-control .input>* {
    width: 95%;
    max-width: 360px;
}
.subscription-wrapper-single .selection-services {
    border: 0px solid #c3d1ec;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.form .lable {
    text-transform: none;
}
.button-wrapper,
.form .row-control {
    margin-right: 0px;
    margin-left: 0px;
}
.form .lable,
.form .input {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: inherit;
}
.form .lable, .form .input {
    float: none!important;
}
.form .input {
    width: 100%!important;
}
.form .lable {
    width: 100%;
    float: none;
    text-align: left;
    padding-right: 0px;
    height: auto;
    vertical-align: middle;
    line-height: normal;
    font-weight: bold;
	padding-bottom: 0.5em;
    font-size: 16px;
}
.row-control {
    padding: 0.5em 0;
    clear: both;
}
.row-control {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
}

.button-wrapper {
    padding-left: 0px;
}

.google-recapcha {
    color: #333;
	text-align: left;
}

.google-recapcha,
.subscribe-checking .google-recapcha {
    color: #333;
}

.google-recapcha a,
.subscribe-checking .google-recapcha a {
    color: #f40009;
	text-decoration: none;
}

.google-recapcha a:hover,
.subscribe-checking .google-recapcha a:hover {
    color: #f40009;
	text-decoration: none;
}

.subscribe-checking .google-recapcha a {
    color: #f40009 !important;
    text-decoration: none;
}

.subscribe-checking .google-recapcha a:hover {
    color: #f40009 !important;
    text-decoration: none;
}

.subscribe-checking .google-recapcha {
    text-align: center;
}

.subscribe-checking .button-wrapper {
    margin: 15px 0 30px 0%;
    text-align: center;
    width: 100%;
    padding: 0;
}

.subscribe-checking .form .row-control .input {
    width: 300px !important;
}

.body-rtl .check-subscription-link {
    font-weight: normal;
}

.subscribe-checking .form {
    text-align: center;
	width: 100%;
}

.subscribe-checking .row-control {
    width: 288px;
}

#dialogModal .privacy-policy-sector .btn-cancel {
    margin-right: 0px;
}

.selection-services {
    padding-left: 10px;
}

.checkbox {
    line-height: 14px;
}

.body-rtl .selection-services {
    padding-right: 10px;
}

.body-rtl .wrapper {
    padding: 5px 5px 0 0;
}

.body-rtl .button-wrapper {
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 0;
    padding-right: 0px;
}

.body-rtl .form .lable, .body-rtl .form .input {
    padding-right: 0px;
}

.body-rtl .google-recapcha {
    text-align: right;
}

.body-rtl .subscribe-checking .form .lable {
    width: 100%;
    text-align: right;
}

.body-rtl .check-subscription-link {
    font-weight: 300;
}

.body-rtl .form .lable, .body-rtl .form .input {
    font-weight: 300;
}

.body-rtl .subscribe-checking .button-wrapper {
    margin: 15px 0% 30px 0;
    text-align: center;
}

.body-rtl .selection-services {
    padding-left: unset;
    padding-right: 0;
}

.service-checkbox {
    margin: 0px;
    margin-bottom: 15px !important;
}

.ar-ae .check-subscription-link a {
    font-weight: 300 !important;
}

.selection-services {
    padding-left: 0px;
}

/* .subscribe-checking-wrapper button,
.modal-body button,
.ar-ae .modal-body button {
    width: 26% !important;
} */
.body-rtl #dialogModal .privacy-policy-sector .btn-cancel {
    margin-left: 0px;
}

@media (min-width: 768px) {
	.button-wrapper .check-subscription-link, .button-wrapper .button-inner {
		margin-left: 0%;
	}
}


/* --------------------------Responsive-------------------------- */

@media (max-width: 781px) {
    .row-control {
        width: 50%;
    }
}

@media (max-width: 568px) {
    .button-wrapper {
        text-align: left;
    }
    .body-rtl .button-wrapper {
        text-align: right;
    }
}

@media (max-width: 520px) {
    .row-control {
        width: 100%;
    }
    .form .row-control .input>* {
        width: 95%;
        max-width: 410px;
    }
	.wrapper{
		padding: 10px 10px 5px;
	}
}

@media (max-width: 480px) {
    .button-wrapper {
        text-align: left;
    }
    .body-rtl .button-wrapper {
        text-align: right;
    }
}


@media (max-width: 334px) {
    .subscribe-checking .form .row-control .input {
        width: 270px !important;
    }
}

.subcription-wrapper.subscription-wrapper-single {
    padding-left: 5px;
}

/***start modification***/

.footer {
    font-size: 13px;
    line-height: normal;
}


.btn.btn-primary.btn-subscribe::after {
    font-family: 'FontAwesome';
    font-size: 13px;
    content: "\f054";
    color: #f40009;
    top: 1px;
    right: -37px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    padding: 7px 10px 7px 10px;
    background: #fff;
    position: relative;
    transition: .3s;
}


.btn.btn-primary.btn-subscribe:hover:after {
    font-family: 'FontAwesome';
    font-size: 13px;
    content: "\f054";
    color: #f40009;
    top: 0.5px;
    right: -57.8px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    padding: 7px 10px 7px 10px;
    background: #fff;
    position: relative;
    transition: .3s;
}

 .btn.btn-default.btn-cancel::after{
    font-family: 'FontAwesome';
    font-size: 13px;
    content: "\f054";
    color: #f40009;
    top: 1px;
    right: -37px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    padding: 7px 10px 7px 10px;
    background: #fff;
    position: relative;
    transition: .3s;
}

.btn.btn-default.btn-cancel:hover:after {
    font-family: 'FontAwesome';
    font-size: 13px;
    content: "\f054";
    color: #f40009;
    top: 1px;
    right: -57px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    padding: 7px 10px 7px 10px;
    background: #fff;
    position: relative;
    transition: .3s;
} 



 .btn.btn-primary.btn-submit::after{
    font-family: 'FontAwesome';
    font-size: 13px;
    content: "\f054";
    color: #f40009;
    top: 1px;
    right: -37px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    padding: 7px 10px 7px 10px;
    background: #fff;
    position: relative;
    transition: .3s;
}

.btn.btn-primary.btn-submit:hover:after {
    font-family: 'FontAwesome';
    font-size: 13px;
    content: "\f054";
    color: #f40009;
    top: 1px;
    right: -57px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    padding: 7px 10px 7px 10px;
    background: #fff;
    position: relative;
    transition: .3s;
} 

.btn.btn-primary.btn-ok::after{
    font-family: 'FontAwesome';
    font-size: 13px;
    content: "\f054";
    color: #f40009;
    top: 1px;
    right: -37px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    padding: 7px 10px 7px 10px;
    background: #fff;
    position: relative;
    transition: .3s;
}

.btn.btn-primary.btn-ok:hover:after {
    font-family: 'FontAwesome';
    font-size: 13px;
    content: "\f054";
    color: #f40009;
    top: 1px;
    right: -57px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    padding: 7px 10px 7px 10px;
    background: #fff;
    position: relative;
    transition: .3s;
}  


.btn.btn-primary.btn-subscribe:hover {
  padding-right: 60px;
}

.btn.btn-default.btn-cancel:hover,.btn.btn-primary.btn-submit:hover,.btn.btn-primary.btn-ok:hover {
  padding-right: 60px;
}

.btn.btn-default.btn-cancel,.btn.btn-primary.btn-submit,.btn.btn-primary.btn-ok {
 box-shadow: rgba(244,0,9,.35) 0 6px 12px;
}


a[target="_blank"] {
  color: #333 !important;
}

.cookies-box a[target="_blank"] {
  color: #333 !important;
}

a[target="_blank"]:hover {
  color: #333 !important;
} 

.cookies-box a[target="_blank"]:hover {
  color: #333 !important;
}


@media (max-width: 342px) {
.btn.btn-primary.btn-submit {
    margin: 2px;
}
}


@media (max-width: 325px) {
.btn.btn-default.btn-cancel {
  margin: 2px;
}
}


.service-checkbox[aid="0"] {
  padding-left: 0px;
}

.service-checkbox {
  padding-left: 20px;
}
