/* Popup css */

/* Outer */

.popup {

    width:100%;

    height:100%;

    display:none;

    position:fixed;

    top:0px;

    left:0px;

    background:rgba(0,0,0,0.75);

    z-index: 99999;

}

 

/* Inner */

.popup-inner {

    max-width:700px;

    width:100%;

    padding:15px;

    position:absolute;

    top:50%;

    left:50%;

    -webkit-transform:translate(-50%, -50%);

    transform:translate(-50%, -50%);

    box-shadow:0px 2px 6px rgba(0,0,0,1);

    border-radius:3px;

    background:#fff;

}

 

/* Close Button */

.popup-close {

    width:30px;

    height:30px;

    padding-top:4px;

    display:inline-block;

    position:absolute;

    top:0px;

    right:0px;

    transition:ease 0.25s all;

    -webkit-transform:translate(50%, -50%);

    transform:translate(50%, -50%);

    border-radius:1000px;

    background:rgba(0,0,0,0.8);

    font-family:Arial, Sans-Serif;

    font-size:20px;

    text-align:center;

    line-height:100%;

    color:#fff;

}

 

.popup-close:hover {

    -webkit-transform:translate(50%, -50%) rotate(180deg);

    transform:translate(50%, -50%) rotate(180deg);

    background:rgba(0,0,0,1);

    text-decoration:none;

}



.form-title hr {

    margin-bottom: 10px;

}

button.btn.btn-default {

    background: orange;

    border: 1px solid orange;

	padding: 10px 20px;

    color: white;

}

.form-content	.woocommerce-Price-amount.amount {color: red;}

.form-content ins span.woocommerce-Price-amount.amount {

    color: red;

    padding: 0 10px 0 0;

}

.form-content del span.woocommerce-Price-amount.amount {

    color: black;

    padding: 0 10px;

}

form {margin-bottom: 0 !important;}

.notice {

    border: 2px solid #ff6009;

    color: green;

    padding: 5px;

    font-weight: bold;

    border-radius: 30px;

    text-align: center;

    margin-top: 10px;

}

.hide { visibility: hidden;}

input.form-control {

    margin-bottom: 5px;

}

.cotphai .form-group {

    margin-bottom: 5px !important;

}

 ins {

    text-decoration: none;

}

.cottrai, .cotphai {float: left;padding: 0 15px; width: 50%;}

	    .form-content p.name.product-title {

	        margin: 10px 0px;

	        font-size: 18px;

	    }

	    .form-content .woocommerce-Price-amount.amount {

	        font-size: 20px;

	    }   

	    .form-title p, .form-title h3 {

	        margin: 0;

	    }

	    .form-title {

	        padding: 0 15px;

	    }

.detailcall-1 {

    margin: 10px 0;

    padding: 10px 20px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    background: #fd6e1d;

    box-shadow: 0 -3px 0 0 #248c50 inset;

    text-align: center;

}

.detailcall-1 h3 {

    color: white !important;

    font-size: 20px;

    margin-top: 0px;

    margin-bottom: 5px;

}

.detailcall-1 span {

    display: block;

    margin-top: 0px;

    color: white;

}

.web79loading{

	max-height: 40px;

}

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

	  	.cottrai, .cotphai {width:100%;}

	  	.popup-close{

	  	    top: 15px;

            right: 15px;

	  	}

	  	.popup-inner{

	  	    max-height: 80%;

	  	    overflow-y: scroll;

	  	}

.popup-inner {

    max-width:700px;

    max-height: 90%;

    width:90%;

}

}