/**
* 
* Do not edit or add to this file if you wish to upgrade the module to newer
* versions in the future. If you wish to customize the module for your 
* needs please contact us to https://www.milople.com/magento-extensions/contact-us.html 
* @category    Ecommerce
* @package     Indies_Callforprice
* @copyright   Copyright (c) 2015 Milople Technologies Pvt. Ltd. All Rights Reserved.
* @url	       https://www.milople.com/magento-extensions/call-for-price.html
* Milople was known as Indies Services earlier.
*/

/* Overlay */
#contact-overlay {background:rgba(0,0,0,.8)!important;cursor:wait;opacity:1!important}
/* Container */
.contact-content{max-width:680px;width: 100%;margin:0 auto;}
.simplemodal-container{height:680px !important;}
#contact-container {text-align:left; max-width:680px; width:100%; top:22%; left:40%}
#contact-container .contact-cancel { float:right;width:74px; background:url(../images/close.jpg) no-repeat;}
#contact-container .contact-content{background:#fff;-webkit-border-radius:10px;-ms-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;border:5px solid #000;float:left;padding:25px}
#contact-container h1 {font-family:dosis-medium;font-size:35px;color: #4c3935;line-height: normal;padding: 0;margin:0 0 15px;text-align:center;text-transform:uppercase}
#contact-container .contact-loading { height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message{height:238px;resize:none}
#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label { height:30px; margin-left:32px; clear:left; display:block; float:left;  padding-right:4px; text-align:left; font-size:13px; width:95px; color:#666;}
.cfpform select{ background:#fff url(../images/ddown.png) no-repeat right center;background-size:150px auto;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;margin:15px 0 0}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:#333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#contact-container .contact-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,#contact-container .contact-bottom a:link,#contact-container .contact-bottom a:active,#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#888;}
.product-view .product-shop .rfq-wrapper{margin:0 0 20px;padding:0 0 50px;position:relative}
.product-view .product-shop .rfq-wrapper:after{color:#bbb;content:'OR';position:absolute;left:0;bottom:0;font-size:14px;-webkit-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:36px;width:36px;background:#f5f5f5;text-align:center;line-height:36px;font-family:opensans-semibold}
.product-view .product-shop .rfq-wrapper .number{margin:5px 10px 0 0}
#Indies-contact-form{display:inline-block;vertical-align:top;position:relative;padding:0 0 0 60px}
#Indies-contact-form:before{color:#bbb;content:'OR';position:absolute;left:3px;top:3px;font-size:14px;-webkit-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:36px;width:36px;background:#f5f5f5;text-align:center;line-height:36px;font-family:opensans-semibold}
#Indies-contact-form .button{display:inline-block;white-space:nowrap;color:#fff;font-family:dosis-bold;font-size:16px;text-align:center;line-height:41px;outline:0;background-color:#333;height:41px;padding:0 17px;text-transform:uppercase}
#Indies-contact-form .button:hover{background-color:#c3342f}
#contact-container .contact-button{border:0 none;cursor:pointer;display:inline-block;white-space:nowrap;color:#fff;font-family:dosis-bold;font-size:16px;text-align:center;line-height:41px;outline:0;background-color:#c3342f;height:41px;padding:0 17px;text-transform:uppercase}#contact-container .contact-button:hover{background-color:#333}
#contact-container a.modal-close,#contact-container a.modal-close:link,#contact-container a.modal-close:active,#contact-container a.modal-close:visited {font-size:0px; font-weight:bold; position:absolute; text-decoration:none;  background:#fff url(../images/close.png) no-repeat; right:-7px; top:-7px;height:25px;width:25px;-webkit-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
#contact-container a.modal-close:hover {color:#ccc;}
#contact-container .simplemodal-close{position: relative;}
#spantermsandcondition{display:inline-block;float:none;width:100%;font-size:16px;color:#6b6b6b;padding:15px 0 30px}
#contact-message-error,#country_name-error{color:#f00;font-size:12px}
.sendaction{width:100%;margin-right: 10px; clear:both;}
#contact-name-error,#contact-email-error,#contact-telephone-error{font-size:12px;position:relative}
#termsandcondition-error{font-size:12px;}	
.requestforquoteOnList{	width:100%;	font-weight:bold;	font-size: 14px;}
.requestforquoteOnList span{display:block;}
.cfpform > li{float:left;list-style:none;padding:0 4% 0 0;width:52%}
.cfpform > li + li{padding:0;width:48%}
.cfpform > li .input-text{margin:15px 0 0}
#spantermsandcondition > input { border: 0 solid #000000;  outline-style: solid;  outline-width: 1px;vertical-align:0;margin-right:5px;}
#contact-container{height:900px !important; top:60px !important; position:fixed !important;width:90%!important;margin:0 auto!important;left:0!important;right:0!important}
.thanks {color: #267ad0;text-transform: initial;}
.products-grid .actions{position:relative !important;}
.contact-content{overflow:hidden;}
.simplemodal-container ::-webkit-input-placeholder{color:#6b6b6b!important;opacity:1}.simplemodal-container :-moz-placeholder{color:#6b6b6b;opacity:1}.simplemodal-container ::-moz-placeholder{color:#6b6b6b;opacity:1}.simplemodal-container :-ms-input-placeholder{color:#6b6b6b;opacity:1}

@media screen and (max-width:479px){
.product-view .product-shop .rfq-wrapper{margin:0 0 10px}
#Indies-contact-form{padding:55px 0 5px;margin:10px 0 0;width:100%}
.product-view .product-shop .rfq-wrapper:after,#Indies-contact-form:before{left:40px}
}
@media only screen and (max-width: 380px){
	.thanks {font-size: 16px;margin-top: 20px;}
	#contact-container{top:20px!important}
    #spantermsandcondition > span{margin:0 ;}
	#country_name-error{ position:relative;left:13px !important;}
	.cfpform > li,.cfpform > li + li {float:left; width:100%; list-style:none; margin-left:0px;padding:0}
	#contact-container .contact-message{height:90px}
	#contact-container h1 {font-size: 26px;margin: 0;}
	#contact-container label{width: 47px;  font-size: 10px; }
	#contact-container .contact-content{padding-top:10px}
	#contact-container input.contact-input { width:100% !important;}
	#contact-container textarea {height:30px;}
	#spantermsandcondition{width:90%; float:left;margin-top:0; margin-left:0; font-size:14px;padding:0 0 20px}
	#contact-message-error{color: rgb(255, 0, 0);}
	input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"]{max-width:300px !important;}	
}