.tm-of-form input,
.tm-of-form select {width: auto; padding: 0; margin: 0;}

.contact_us_form_container{width: auto; margin: 0}


.tm-of-form>.thankyou,
.tm-of-form.success>form,
.tm-of-form.success>.subject-wrapper{display: none;}
.tm-of-form.success>.thankyou{display: block}
.tm-of-form{direction: ltr; text-align: left; width: 90%; max-width: 880px; margin: 0 auto;}
/*.tm-of-form hr{display: block; width: 100%; height: 5px; background: transparent url('../images/contact_sep.png'); background-size: 100% 100%; margin: 3em 0;}*/
.tm-of-form hr{display: block; background: transparent; position: relative; width: 100%; height: 5px; margin: 3em 0;}
.tm-of-form hr:before,
.tm-of-form hr:after{display: block; content: ' '; width: 100%; font-size: .001px; height: 2px; position: absolute; left: 0;}
.tm-of-form hr:before{top: 0;}
.tm-of-form hr:after{bottom: 0;}
.tm-of-form .clearfix{clear:both; width: 1px; height: 1px; opacity: 0.01;}
.tm-of-form .hidden-elem{display: none;}
.tm-of-form .select-wrapper{display: inline-block;position: relative;border: 1px solid black;height: 2em;box-sizing: content-box;max-width: 100%;}
.tm-of-form .select-wrapper.tm-of-subject-select{min-width: 250px;}
/*.tm-of-form .select-wrapper:before{display: block; content: ' '; pointer-events: none; background: white url(../images/down_arrow_orange_big.gif) no-repeat .4em center; position: absolute; right:0; top: 0; height: 2em; width: 2em; text-align: center;}*/
.tm-of-form .select-wrapper:before{ display: block; content: ' '; box-sizing: content-box; border-style: solid; border-width: 0 0 3px 3px; font-size: .001px; height: 10px; width: 10px; border-radius: 1px; transform: rotate(-45deg) translateY(0%) translateX(-75%); position: absolute; right: 0; top: 0; pointer-events: none;}
.tm-of-form .tm-of-bgc.select-wrapper:before{
	border-color: white;
	top: 6%;
}
.tm-of-form select{background-image: none;}
.rtl .tm-of-form .select-wrapper:before{right: auto;left: 0;transform: rotate(-45deg) translateY(80%) translateX(-5%);}
.tm-of-form .select-wrapper select{width: 100%; -webkit-appearance: none; height: 2em; -moz-appearance: none; appearance: none; background-color: white; text-indent: 1em; border: none; box-sizing: border-box;}
.tm-of-form .select-wrapper select:focus{outline-offset:0}
.tm-of-form .subject-wrapper{text-align: center;}
.tm-of-form .subject-wrapper select{border-radius: 0; box-sizing: border-box; height: 100%;}
.tm-of-form .subject-wrapper select#tm_of_subject_1 {width: 100% !important}
.tm-of-form .application-wrapper{margin-bottom: 2.5em;position: relative;}
.tm-of-form h3,
.tm-of-form .application-wrapper label{display: block; margin: 1.4em 0 .8em; font-size: 1.1em; font-weight: normal;}
.tm-of-form .application-wrapper textarea{display: block; width: 100%; border-radius: 0; padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tm-of-form .application-wrapper .additional-info{font-size: .8em; margin-bottom: .3em}
.tm-of-form .product-wrapper{margin-top: 3em;}
.tm-of-form .product-wrapper h3{margin-bottom: .4em;}
.tm-of-form .product-wrapper div.h4{font-size: .7em; font-weight: normal; margin: 0 0 1.5em;}
.tm-of-form .product-wrapper label{width: 40%; max-width: 10em; display: inline-block;}
.tm-of-form .product-wrapper select {width: 60%; max-width: 20em;}
.tm-of-form .product-wrapper .chosen-container{height: 2em; font-size: 1em; line-height: 2em;}
.tm-of-form .product-wrapper .chosen-container-single .chosen-single{border-radius: 0;height: 2em !important;background-color: white; background-size: auto auto !important; background: white;box-sizing: content-box;}
.tm-of-form .product-wrapper .chosen-container.chosen-container-active{outline:2px solid lime;}
.tm-of-form .product-wrapper .chosen-container.chosen-container-active.chosen-with-drop{outline:none;}
.tm-of-form .product-wrapper .chosen-single span{line-height: 2em; margin-left: 2em;}
.tm-of-form .chosen-container-single .chosen-single div{width: 2em; height: 2em; right:0; }
.tm-of-form .chosen-container-single .chosen-single div b{background-image: url('../images/search.png') !important; background-repeat: no-repeat; background-size: auto !important; background-position: center center !important;}
.rtl .chosen-container-single .chosen-single div{left:0; right: auto;}
.tm-of-form .chosen-container .chosen-search input[type=text]{background: white; background-image: none !important}
.tm-of-form .chosen-container .chosen-drop{margin-top:0; font-size: .8em}
.tm-of-form form{-webkit-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s;}
.tm-of-form form.disabled{opacity: .1}
.tm-of-form form label.required:before{content: '*';}
.tm-of-form form *:focus{outline: 2px solid blue;outline: 2px solid lime;}
.tm-of-form .info-toggle{text-decoration: none; overflow: hidden; cursor: pointer; font-style: normal; color: white; text-align: center; top: .3em; margin-left: .3em; line-height: 1.4em; position: absolute; left: 100%; width: 1.4em; height: 1.4em; background-color: black; border-radius: 50%; display: inline-block;}
.tm-of-form .field-wrapper{margin-bottom: 2em;}
.tm-of-form input[type=tel]{text-align: center; direction: ltr; text-indent: 0; border-width:1px}
.tm-of-form input[type=email]{text-align: left; direction: ltr;}
.tm-of-form form textarea.error,
.tm-of-form form select.error,
.tm-of-form form input.error{background-color:#FFD3D3}
.tm-of-form form .error-msg{position: absolute; left: 0; color: red; font-size: .8em;}
.tm-of-form .field-wrapper.text-field{max-width: 90%; width: 25em;}
.tm-of-form .field-wrapper.text-field label{display: inline-block; width: 40%;float: left; line-height: 2em;}
.tm-of-form .field-wrapper.text-field .field{display: inline-block; width: 60%; position: relative;}
.tm-of-form .field-wrapper.text-field .select-wrapper{display:block;}
.tm-of-form .field-wrapper.text-field select,
.tm-of-form .field-wrapper.text-field input{width: 100%;height: 2em;text-indent: .3em;font-size: 1em;border-radius: 0;border-width: 1px;}
.tm-of-form .field-wrapper.text-field select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.tm-of-form .field-wrapper.phone-field input{width: 70% !important; float: right;}
.tm-of-form .field-wrapper.phone-field .select-wrapper{width: 30%;float: left;box-sizing: border-box;border: none;}
.tm-of-form .field-wrapper.phone-field .select-wrapper select:focus{outline-offset: 0;outline: 2px solid lime;}
.tm-of-form .field-wrapper.text-field label:after{content: ':';}
.tm-of-form .field-wrapper.newsletter-wrapper .field{float: left; width: 1.5; margin: 0;}
.tm-of-form .field-wrapper.newsletter-wrapper label{display: block; margin-left: 1.5em; position: relative;font-weight: 100;}
.tm-of-form .extra-legal-txt {font-weight: bold;}
.tm-of-form .field-wrapper.newsletter-wrapper a[href]{text-decoration: underline; color: midnightblue}
.tm-of-form .field-wrapper.newsletter-wrapper a[href]:hover{text-decoration: none; color: black;}
.tm-of-form form .button-c[type=submit]{font-size: 1.2em; }
.tm-of-form .button-c{box-shadow: none;text-decoration: none; margin: 0 auto; display: inline-block; cursor: pointer; border-radius: 10px; font-weight: normal; padding: .7em 3em; border: none;}
.tm-of-form .button-c:hover{text-decoration: underline; color: white;}
.tm-of-form .button-c[disabled]{opacity: 0.4;}

.tm-of-form .thankyou{text-align: center;}
.tm-of-form .thankyou .thankyou-title{font-size: 2em;}
.tm-of-form .thankyou .thankyou-text{line-height: 3em;}

.tm-of-form .image-wrapper{}
.tm-of-form .image-wrapper .image{font-family: arial; position: relative; clear: both;margin: 1em 1% 0;width: 48%;display: inline-block;box-sizing: border-box;padding: 0.5em;background-color: white;border: 1px solid black;}
.tm-of-form .image-wrapper .image button.delete{text-align: center; color: white; opacity: 0; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;position: absolute; padding: 0; right: .5em; top: .5em; width: 2em; height: 2em; background-color: #DC0000; box-shadow: none; border: none;}
.tm-of-form .image-wrapper .image:hover button.delete{opacity: 1;}
.rtl .tm-of-form .image-wrapper .image button.delete{left: .5em; right: auto;}
.tm-of-form .image-wrapper .image-preview{background-size: cover; width: 4em; height: 4em;background-position: center center; float: left;}
.tm-of-form .image-wrapper .image-details{margin-left: 4.6em;}
.tm-of-form .image-wrapper .image-details .name{display: block;direction: ltr;font-size: .9em;font-style: italic;line-height: 1.3em;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tm-of-form .image-wrapper .image-details .size{display: block;direction: ltr;font-size: 0.8em;color: #737373;}
.tm-of-form .image-wrapper .image-details .progress{display: block;height: 1.6em;position: relative;background-color: white;border: 1px solid #EAEAEA;border-radius: 6px;overflow: hidden;}
.tm-of-form .image-wrapper .image-details .progress .label{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 3em;background-color: rgba(255,255,255,0.8);text-align: center;font-size: 0.8em;line-height: 1.6em;border-radius: 0.4em;padding: 0;color: black;font-weight: normal;}
.tm-of-form .image-wrapper .image-details .progress .progress-bar{background-color: #00E200;position: absolute;left: 0;top: 0;bottom: 0;}

.tm-of-form .image-uploader{border: 3px dotted black; text-align: center; padding: 1em;}
.tm-of-form .image-wrapper ul{display: block;padding: 0;font-size: .8em;color: #3f3f3f;margin: 1.5em 1%;list-style-type: none;}
.tm-of-form .image-wrapper ul li{margin: .2em 0;}
.tm-of-form .image-wrapper ul li:before{content: '* '}
.tm-of-form .image-uploader>div{display: inline-block;line-height: 2em;overflow: hidden;position: relative; top: 0.3em;}
.tm-of-form .image-uploader .browser.button{cursor:pointer; padding: 0.3em 0.8em;; margin-right: .5em; border-radius: 5px; color: white; position: relative; top: 0.4em; overflow: hidden; font-weight: 400;}
/*.tm-of-form .image-uploader .browser.button:hover{background-color:red}*/
.tm-of-form .image-uploader .browser.button input{ cursor:pointer; position: absolute; top: -.5em; left: -.5em; direction: ltr; font-size: 4em; opacity: .01; }


/* RTL modifications */
.rtl .tm-of-form{direction: rtl; text-align: right}
.rtl .tm-of-form .info-toggle{margin-right: .3em; margin-left: 0; right: 100%; left: auto}
.rtl .tm-of-form form .error-msg{left: auto; right: 0;}
.rtl .tm-of-form .field-wrapper.text-field label{float: right;}
.rtl .tm-of-form .field-wrapper.newsletter-wrapper .field{float: right;}
.rtl .tm-of-form .field-wrapper.newsletter-wrapper label{margin-left: 0; margin-right: 1.5em;}
.rtl .tm-of-form .image-wrapper .image-preview{float: right;}
.rtl .tm-of-form .image-wrapper .image-details{margin-right: 4.6em; margin-left: 0;}
.rtl .tm-of-form .image-wrapper .image-details .progress .progress-bar{position: absolute;right: 0; left: auto; }

@media screen and (max-width: 640px) {
	.rtl .tm-of-form .field-wrapper.text-field label,
	.tm-of-form .field-wrapper.text-field label{float: none; display: block; width: auto;}
	.tm-of-form .field-wrapper.text-field{margin: 0 auto 2em;}
	.rtl .tm-of-form .field-wrapper.text-field .field,
	.tm-of-form .field-wrapper.text-field .field{float: none; display: block; width: auto}
	.tm-of-form hr{margin: 1em 0;}
	.tm-of-form .product-wrapper label,
	.tm-of-form .product-wrapper select{display: block; width: 100%;}
	.tm-of-form .image-uploader>div.drag-message{display: none;}
	.tm-of-form .newsletter-wrapper label{font-size: .8em}
	.tm-of-form .submit-wrapper{text-align: center;}
}