﻿

.call-you-form-overlay {position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(192, 0, 9, 0.8); z-index:100; display:none;}
.call-you-form {position:fixed; right:15px; bottom:125px; width:auto; height:auto; padding:30px; background:#4891ce; border-radius:10px; display:none; z-index:10000000;}
.call-you-form ul {clear:both; float:left; padding:0px; margin:0px 0 10px 0px;}
.call-you-form ul.send-button {margin:0px;}
.call-you-form ul.send-button input {clear:both; float:left; font-family:"Open Sans", sans-serif; font-size:14px; color:#FFF; font-weight:700; width:280px; height:auto; padding:12px 15px 12px 15px; border:0px; border-radius:5px; background:red; cursor:pointer; outline:none;}
.call-you-form ul.send-button input:hover {background:#333;}
.call-you-form ul:last-child {margin:0px;}
.call-you-form ul li {clear:both; float:left; font-family:"Open Sans", sans-serif; font-size:12px; color:#FFF; list-style:none;}
.call-you-form ul li a {font-family:"Open Sans", sans-serif; font-size:12px; color:#FFF;}
.call-you-form ul li.float-none {clear:none; float:left;}
.call-you-form ul li:nth-child(1) {font-family:"Open Sans", sans-serif; font-size:13px; color:#FFF; margin-bottom:3px;}
.call-you-form ul li input {clear:both ; float:left; font-family:"Open Sans", sans-serif; font-size:14px; color:#333; font-weight:700; width:280px; height:auto; padding:10px 13px 10px 13px; border:#FFF solid 2px; border-radius:5px; outline:none;}
.call-you-form ul li input.error {border:#F00 solid 2px;}
.call-you-form ul li select {clear:both; float:left; font-family:"Open Sans", sans-serif; font-size:14px; color:#333; font-weight:700; width:280px; height:auto; padding:10px 13px 10px 13px; border:#FFF solid 2px; border-radius:5px; -webkit-appearance:textfield; outline:none;}
.call-you-form ul li select.error {border:#F00 solid 2px;}
.call-you-form ul.arrow-down {position:absolute; right:50px; bottom:-11px; width:20px; height:12px; background:url("/images/arrow-down.png") center no-repeat;}

.call-you-form-buttons {position:fixed; right:40px; bottom:50px; width:auto; height:auto; z-index:10000000;}
.call-you-form-button {position:fixed; z-index:10000000;}
.call-you-form-button ul {margin:0px; padding:0px;}
.call-you-form-button ul.title-area {clear:both; float:left; width:100px; height:auto; padding:10px; margin-bottom:5px; margin-left:-35px; font-family:"Open Sans", sans-serif; font-size:12px; color:#FFF; text-align:center; background:rgba(73, 146, 206, 0.7); border-radius:10px; cursor:pointer;}
.call-you-form-button ul.button-area {clear:both; float:left; width:100%; height:100%; background:url("/images/call-icon.png") center no-repeat rgba(73, 146, 206, 0.7); border-radius:50%; cursor:pointer;}
.call-you-form-button ul.button-area.active {background:url("/images/call-icon.png") center no-repeat #585858;}

.call-you-area {clear:both; float:left; padding:30px; margin:20px 0 20px 0; width:calc(100% - 60px); height:auto; background:#2584e6; border-radius:10px;}
.call-you-area ul {}
.call-you-area ul h1 {width:100%; text-align:center; color:#FFF; padding:0px; margin:0 0 5px 0;}
.call-you-area ul h2 {width:100%; font-family:"AvantGardeBkBTBook"; text-align:center; color:#FFF; padding:0px; margin:0 0 15px 0; line-height:25px;}
.call-you-area ul li {float:left; width:calc(25% - 20px) !important; margin-right:20px;}
.call-you-area ul li:last-child {width:25% !important; margin-right:0px;}
.call-you-area ul li input {width:calc(100% - 40px); padding:20px; border-radius:10px; border:0px; font-family:"Tahoma"; font-size:17px; color:#555;}
.call-you-area ul li select {-webkit-appearance:none; -moz-appearance:none; appearance:none; padding:20px; width:calc(100%); border-radius:10px; border:0px; font-family:"Tahoma"; font-size:17px; color:#555;}
.call-you-area ul li input#si-gonder {width:calc(100% - 0px); background:#ff9e00; color:#FFF; cursor:pointer;}

@media all and (max-width: 800px){
.call-you-area {clear:both; float:left; padding:30px; margin:10px 0 20px 0; width:calc(100% - 60px); height:auto; background:#2584e6; border-radius:10px;}
.call-you-area ul {}
.call-you-area ul h1 {width:100%; text-align:center; color:#FFF; padding:0px; margin:0 0 5px 0;}
.call-you-area ul h2 {width:100%; font-family:"AvantGardeBkBTBook"; text-align:center; color:#FFF; padding:0px; margin:0 0 15px 0; line-height:25px;}
.call-you-area ul li {clear:both; float:left; width:100% !important; margin-bottom:20px;}
.call-you-area ul li:last-child {clear:both; float:left; width:100% !important; margin-bottom:0px;}
.call-you-area ul li input {width:calc(100% - 40px); padding:20px; border-radius:10px; border:0px; font-family:"Tahoma"; font-size:17px; color:#555;}
.call-you-area ul li select {-webkit-appearance:none; -moz-appearance:none; appearance:none; padding:20px; width:calc(100%); border-radius:10px; border:0px; font-family:"Tahoma"; font-size:17px; color:#555;}
.call-you-area ul li input#si-gonder {width:100% !important; background:#ff9e00; color:#FFF; cursor:pointer;}
}