body {
    font-family: Arial, Helvetica, sans-serif;
}

#divpaidcontains {
    border: 2px solid #69AE4A;
    border-radius: 15px;
}

    #divpaidcontains h3 {
        color: #434343;
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: 100;
        /*font-family: FontLight;*/
    }

    #divpaidcontains h2 {
        color: #000;
        font-size: 14px;
        margin: 8px;
        font-weight: 600;
        /*font-family: FontBold;*/
    }

    #divpaidcontains input {
        margin-bottom: 5px;
    }

#errormessagepaid {
    font-family: Arial, Helvetica, sans-serif;
    color: #434343;
    font-size: 16px;
}

.taquilla{
    font-size:20px;
}

.taquilla select{
    font-size:22px;
}

.wrapperTm {
    margin-top:15px;
}

.wrapperTm form textarea {
    resize: vertical;
}

.wrapperTm form input[type="tel"],
.wrapperTm form input[type="text"],
.wrapperTm form input[type="password"],
.wrapperTm form textarea {
    background-color: transparent;
    font-size: 16px;
    display: block;
    width: 408px;
    border: 1px solid #B3B3B3;
    margin: 1em 0;
    padding: 1em;
    padding-top: 24px;
    padding-bottom: 8px;
    /* padding-top: 25px; */
    color: #434343;
    /* padding-bottom:7px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .wrapperTm form input:focus,
    .wrapperTm form textarea:focus {
        border: 1px solid #0065A8;
        color: #333;
        border-radius: 10px 10px 10px 10px;
        -webkit-outline: none;
        -moz-outline: none;
        outline: none;
    }


.wrapperTm .smart-placeholder {
    padding-left: 16px;
    font-weight: 500;
    z-index: -10;
    line-height: normal;
}

/*@-webkit-keyframes MoveFromBottom {
    from {
        padding-top: 18.5px;
        color: #D0D2D3;
        -webkit-text-fill-color: #D0D2D3;
        font-size: 15px;
    }

    to {
        padding-top: 10px;
        color: #0065A8;
        -webkit-text-fill-color: #0065A8;
        font-size: 12px;
    }
}*/

/* Standard syntax */
/*@keyframes MoveFromBottom {
    from {
        padding-top: 18.5px;
        color: #D0D2D3;
        -webkit-text-fill-color: #D0D2D3;
        font-size: 15px;
    }

    to {
        padding-top: 10px;
        color: #0065A8;
        -webkit-text-fill-color: #0065A8;
        font-size: 12px;
    }
}*/

/*@-webkit-keyframes MoveToFront {

    from {
        padding-top: 10px;
        color: #0065A8;
        -webkit-text-fill-color: #0065A8;
        font-size: 13px;
    }

    to {
        padding-top: 18.5px;
        color: #D0D2D3;
        -webkit-text-fill-color: #D0D2D3;
        font-size: 16px;
    }
}*/

/* Standard syntax */
/*@keyframes MoveToFront {
	from {
        padding-top: 10px;
        color: #0065A8;
        -webkit-text-fill-color: #0065A8;
        font-size: 13px;
    }

    to {
        padding-top: 18.5px;
        color: #D0D2D3;
        -webkit-text-fill-color: #D0D2D3;
        font-size: 16px;
    }
}*/

.wrapperTm .focused .smart-placeholder,
.wrapperTm .populated .smart-placeholder {
    padding-top: 10px;
	color: #0065A8;
	-webkit-text-fill-color: #0065A8;
	/*-webkit-animation-name: MoveFromBottom;
	animation-name: MoveFromBottom;
	-webkit-animation-duration: .14s;
	animation-duration: .14s;*/
	font-size: 12px;
}

.wrapperTm .focused .smart-placeholder,
.wrapperTm .populated {
    color: #0065A8;
}

.wrapperTm .triangle-obtuse {
    position: relative;
    padding: 15px;
    color: #fff;
    background: #c81e2b;
    /* css3 */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f04349), to(#c81e2b));
    background: -moz-linear-gradient(#f04349, #c81e2b);
    background: -o-linear-gradient(#f04349, #c81e2b);
    background: linear-gradient(#f04349, #c81e2b);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .wrapperTm .triangle-obtuse.left {
        margin-left: 334px;
        box-shadow: 2px 2px 5px #888888;
        background: #b81546;
        margin-top: -10px;
        padding-bottom: 0px;
        padding-top: 0px;
        position: absolute;
    }

.wrapperTm .smart-placeholder-wrapper {
    position: relative;
}

.wrapperTm .smart-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    font-size: 16px;
    color: #D0D2D3;
    padding-top: 18.5px;
    font-family: FontLight !important;
    -webkit-text-fill-color: #D0D2D3;
	/*-webkit-animation-name: MoveToFront;
	animation-name: MoveToFront;
	-webkit-animation-duration: .14s;
	animation-duration: .14s;*/
    transition: .15s ease-out;
    -webkit-transition: .15s ease-out;
}

.wrapperTm .smart-placeholder-wrapper.populated .smart-placeholder,
.wrapperTm .smart-placeholder-wrapper.focused .smart-placeholder {
    visibility: visible;
    opacity: 1;
}

.wrapperTm .smart-placeholder-wrapper.focused input {
    visibility: visible;
    opacity: 1;
    padding-top: 24px;
    padding-bottom: 8px;
    animation-iteration-count: 1;
}

.wrapperTm .smart-placeholder-wrapper.populated input {
    visibility: visible;
    opacity: 1;
    padding-top: 24px;
    padding-bottom: 8px;
}

/* For hiding input default placeholder on focus */
.wrapperTm .smart-placeholder-wrapper.focused ::-webkit-input-placeholder {
    color: transparent;
}

.wrapperTm .smart-placeholder-wrapper.focused :-moz-placeholder {
    color: transparent;
}

.wrapperTm .smart-placeholder-wrapper.focused ::-moz-placeholder {
    color: transparent;
}

.wrapperTm .smart-placeholder-wrapper.focused :-ms-input-placeholder {
    color: transparent;
}

.wrapperTm input {
    height: auto !important;
    border-radius: 10px !important;

}

#divTotalOrder {
    margin-left: 208px;
    width: 200px;
    border-top: 1px solid #808284;
    padding: 1%;
}

.color2 {
    color: #808284;
}

.size16 {
    font-size: 16px;
}

.titulo3 {
    /*font-family: FontBold;*/
    font-weight:600;
}

.space20{
    margin-top:20px;
    margin-bottom:20px;
}

#divPaidSiteNew{
    min-width:1100px;
    overflow-x:hidden;
}

body{
    overflow-x:hidden;
}

#divCaptcha {
    width: 304px;
    height: 76px;
    margin-left: 52px;
}

.txt-resp:before{
  content: attr(data-textdesktop);
}

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

    #divPaidSiteNew {
        min-width: 1px;
        overflow-x: hidden;
    }

    #divCaptcha {
        /*width: 70% !important;
        margin-left: 15% !important;
        margin-right: 15% !important;*/
        margin: auto !important;
    }

    .paidResponsive {
        width: 100% !important;
        margin-left: 0 auto !important;
        margin-right: 0 auto !important;
    }

    .wrapperTm #logInPaidForm .smart-placeholder-wrapper.resp-middleLeft{
        width: 40.5% !important;
		margin-left: 8.33333333% !important;
		margin-right: 1.16666667% !important;
    }

    .wrapperTm #logInPaidForm .smart-placeholder-wrapper.resp-middleRight{
        width: 40.5% !important;
		margin-left:  1.16666667% !important;
		margin-right: 8.33333333% !important;
    }

    .wrapperTm #logInPaidForm .smart-placeholder-wrapper {
        width: 83.3333333% !important;
		margin-left: 8.33333333% !important;
		margin-right: 8.33333333% !important;
    }

    #divTotalOrder {
        width: 83.3333333% !important;
		margin-left: 8.33333333% !important;
		margin-right: 8.33333333% !important;
    }

     #divTotalOrder span{
         text-align:right !important;
    }

    #captchaPago {
        transform: scale(0.95);
    }

    #btnpurchase {
        transform: scale(1.25);
    }
    #divCaptcha {
        display:none;
    }
    

    #txtFirstNameCarderror {
        margin-left: -65px !important;
    }
    #txtLastNameCarderror {
        margin-left: -65px !important;
    }
    #cardHolderNameerror {
        margin-left: -65px !important;
    }
    #tarjetaMaskederror {
        margin-left: -65px !important;
    }
    #txtExpirationDateerror {
        margin-left: -65px !important;
    }
    #cvv2Maskederror {
        margin-left: -65px !important;
    }
    #txttelephoneerror {
        margin-left: -65px !important;
    }
    #txtZipCodeerror {
        margin-left: -65px !important;
    }

     body {
        overflow-x: auto;
    }

    .txt-resp:before {
        content: attr(data-textphone);
    }
}

@media screen and (max-width: 350px) {
    .wrapperTm #logInPaidForm .smart-placeholder-wrapper.resp-middleLeft.iph5 {
		width: 83.3333333% !important;
		margin-left: 8.33333333% !important;
		margin-right: 8.33333333% !important;
	}
    .wrapperTm #logInPaidForm .smart-placeholder-wrapper.resp-middleRight.iph5 {
		width: 83.3333333% !important;
		margin-left: 8.33333333% !important;
		margin-right: 8.33333333% !important;
	}
}

/*@media screen and (max-width: 402px) {
    #divCaptcha {
        width: 100% !important;
        margin-left: 0 auto !important;
        margin-right: 0 auto !important;
    }
}*/

.sec{
    -webkit-text-security: disc !important;
    -mox-text-security: disc !important;
    -moz-text-security: disc !important;
}

#cvv2Masked {
    -webkit-text-security: disc !important;
    -mox-text-security: disc !important;
    -moz-text-security: disc !important;
}

.checkboxGreen {
	width: 15px;
	height: 15px;
	background: #FFFFFF;
	border-radius: 20%;
	position: relative;
    margin-right: 3px;
    border: 1px solid #B3B3B3;
}

.checkboxGreen label {
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 20%;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 1;
	background: #FFFFFF;
}

.checkboxGreen input[type=checkbox]:checked + label {
	background: #66A748;
}

.divCenterMiddle{
    display:inline-flex;
    align-items:center;
    vertical-align:middle;
}