/* ---------------------------- Contact ---------------------------- */

/* ####################### */
/* ## Contact Resa Page ## */
/* ####################### */

        #contact { padding-bottom:50px; }
        
        #contact .wrap { padding:125px 0 0 0; }
        #contact .wrap p.line1 { font-weight:300; letter-spacing:0.05rem; color:rgba(125,125,125,1); }
        #contact .wrap p.line2 { margin-bottom:0; font-size:0.8rem; font-weight:400; }
        #contact .wrap p.line2 span.style1 { color:rgba(255,102,51,1); }
        #contact .wrap p.line2 span.style2 { font-style:italic; font-weight:300; }
        
        #contact .overlay { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.4); opacity:1; }
        
        #contact h2 { /*display:inline-block;*/ padding-top:20px; }
        
        #contact h4 { margin-top:50px; margin-bottom:25px; }
        
        #contact .iconSpecs { font-size:1rem; font-weight:300; color:rgba(255,102,51,1);}
        #contact .iconRequired { padding-bottom:10px; font-size:0.8rem; font-weight:300; color:rgba(255,102,51,1);}
        
        #contact .cover img { width:600px; height:auto; }
        
        #contact .padd { padding-top:30px; padding-bottom:30px; }
        #contact .padd p { font-weight:300; letter-spacing:0.05rem; color:rgba(125,125,125,1); }
        #contact .padd p span { font-size:0.8rem; font-weight:300; font-style:italic; color:rgba(0,0,0,1); }
        
        #contact .bookMe { padding:7px 30px; background:rgba(255,102,0,1); letter-spacing:0.03rem; color:rgba(255,255,255,1); }
        #contact .bookMe:hover { background:rgba(255,102,51,1); }
        
        #contact #loading-img { display:none; }

		#trt_notif, #vel_notif { display:none; position:fixed; top:150px; right:15px; width:300px; height:auto; padding:15px; border-radius:3px; background-color:#a849cf; font-size:0.9rem; color:rgba(255,255,255,1.00); z-index:1500; }

		#trt_fare, #vel_fare { display:none; position:fixed; top:250px; right:20px; width:400px; height:auto; padding:15px; border:rgba(200,200,200,1.00) thin solid; border-radius:3px; background-color:rgba(255,255,255,1); -webkit-box-shadow: 0px 4px 12px -1px rgba(0,0,0,0.43); box-shadow: 0px 4px 12px -1px rgba(0,0,0,0.43); font-size:0.9rem; color:rgba(100,100,100,1.00); z-index:1000; }
		
		#trt_fare_close, #vel_fare_close { position:absolute; top:-13px; left:-10px; width:22px; height:22px; padding-top:1.8px; border-radius:50%; background-color:rgba(255,102,51,1.00); font-size:0.8rem; color:rgba(255,255,255,0.75); z-index:1000; cursor:pointer; transition: all 0.25s linear; }
		#trt_fare_close:hover, #vel_fare_close:hover { color:rgba(255,255,255,1.00); }

		.option_selected_button { background-color:rgba(255,102,51,1) !important; border-color:rgba(255,102,51,0.5) !important; color:rgba(255,255,255,1.00) !important; }
		.input_error { border-color:#a849cf; }
		.input_error_bg { background-color:#a849cf; color:rgba(255,255,255,1.00); }
		.input_error_bg::placeholder { color:rgba(255,255,255,1.00); }
		.input_error_bg:-ms-input-placeholder { color:rgba(255,255,255,1.00); }
		.input_error_bg::-ms-input-placeholder { color:rgba(255,255,255,1.00); }

		.google-message { margin: 15px 0 0; color: #808080; font-size: 0.8em; }
		.google-message a { font-weight:600; color: #808080; }
		/*.grecaptcha-badge { visibility: hidden; }*/
		.grecaptcha-badge { bottom: 200px !important; }




		.user_option label { display:block; position:relative; padding:25px 35px 25px 75px; border:rgba(255,102,51,0.5) thin solid; border-radius:5px; font-size:1rem; font-weight:400; line-height:1rem; z-index:10; cursor:pointer; transition: all 0.25s linear; }
		.user_option label:hover { color: rgba(255,255,255,1.00); background-color:rgba(255,102,51,1.0); }
		
		.user_option .check { display: block; position: absolute; height:25px; left:-15px; top:23px; color:rgba(255,102,51,1.0); z-index: 12; transition: color .25s linear; -webkit-transition: color .25s linear; }
		.user_option:hover .check { color:rgba(255,255,255,1.00); }

		.user_option input[type=radio] { position: absolute; visibility: hidden; }
		.user_option input[type=radio]:checked ~ .check { color: rgba(255,255,255,1.00); }
		.user_option input[type=radio]:checked ~ label { color: rgba(255,255,255,1.00); background-color:rgba(255,102,51,1.0); }




/* ########################### */
/* ## Contact Width Format ## */
/* ########################### */

        @media only screen and (max-width: 768px) {
            #contact .wrap { padding:75px 0 0 0; }
            #contact .cover img { width:100%; height:auto; }
            #contact .padd { padding-top:0; padding-bottom:0; }
			.google-message { margin: 15px 0 0; color: #808080; font-size: 0.8em; }
			.google-message a { font-weight:600; color: #808080; }
			/*.grecaptcha-badge { visibility: hidden; }*/
			.grecaptcha-badge { bottom: 100px !important; background-color:rgba(255,255,255,1.00); }

			#trt_notif, #vel_notif { display:none; position:fixed; top:90px; right:20px; width:300px; height:auto; padding:15px; border-radius:3px; background-color:#a849cf; font-size:0.9rem; color:rgba(255,255,255,1.00); z-index:1500; }

			#trt_fare, #vel_fare { display:none; position:fixed; top:90px; right:20px; width:400px; height:auto; padding:15px; border:rgba(200,200,200,1.00) thin solid; border-radius:3px; background-color:rgba(255,255,255,1); -webkit-box-shadow: 0px 4px 12px -1px rgba(0,0,0,0.43); box-shadow: 0px 4px 12px -1px rgba(0,0,0,0.43); font-size:0.9rem; color:rgba(100,100,100,1.00); z-index:1000; }

			#trt_fare_close, #vel_fare_close { position:absolute; top:-13px; left:-10px; width:22px; height:22px; padding-top:1.8px; border-radius:50%; background-color:rgba(255,102,51,1.00); font-size:0.8rem; color:rgba(255,255,255,0.75); z-index:1000; cursor:pointer; transition: all 0.25s linear; }
			#trt_fare_close:hover, #vel_fare_close:hover { color:rgba(255,255,255,1.00); }

			#trt_booking_estimate { max-height:300px; overflow:auto; }
			#vel_booking_estimate { max-height:300px; overflow:auto; }
		}
        
        @media only screen and (max-width: 414px) {
            #contact .wrap { padding:75px 0 0 0; }
            #contact .cover img { width:100%; height:auto; }
            #contact .padd { padding-top:0; padding-bottom:0; }
            #contact .response_msg{ display:none; position:fixed; top:60px; left:50%; margin-left:-180px; width:360px; height:auto; padding:10px 20px; border-radius:5px; background:rgba(255,102,51,1); font-size:1rem; font-weight:300; letter-spacing:0.05rem; color:rgba(255,255,255,1); z-index:50000; }
			.google-message { margin: 15px 0 0; color: #808080; font-size: 0.8em; }
			.google-message a { font-weight:600; color: #808080; }
			.grecaptcha-badge { visibility: hidden; }
			.grecaptcha-badge { bottom: 100px !important; }

			#trt_notif, #vel_notif { display:none; position:fixed; top:65px; right:10px; width:340px; height:auto; padding:15px; border-radius:3px; background-color:#a849cf; font-size:0.9rem; color:rgba(255,255,255,1.00); z-index:1500; }

			#trt_fare, #vel_fare { display:none; position:fixed; top:90px; right:20px; width:370px; height:auto; padding:15px; border:rgba(200,200,200,1.00) thin solid; border-radius:3px; background-color:rgba(255,255,255,1); -webkit-box-shadow: 0px 4px 12px -1px rgba(0,0,0,0.43); box-shadow: 0px 4px 12px -1px rgba(0,0,0,0.43); font-size:0.9rem; color:rgba(100,100,100,1.00); z-index:1000; }

			#trt_fare_close, #vel_fare_close { position:absolute; top:-13px; left:-10px; width:22px; height:22px; padding-top:1.8px; border-radius:50%; background-color:rgba(255,102,51,1.00); font-size:0.8rem; color:rgba(255,255,255,0.75); z-index:1000; cursor:pointer; transition: all 0.25s linear; }
			#trt_fare_close:hover, #vel_fare_close:hover { color:rgba(255,255,255,1.00); }

			#trt_booking_estimate { max-height:175px; overflow:auto; }
			#vel_booking_estimate { max-height:110px; overflow:auto; }
        }
        
        @media only screen and (max-width: 375px) {
            #contact .wrap { padding:75px 0 0 0; }
            #contact .cover img { width:100%; height:auto; }
            #contact .padd { padding-top:0; padding-bottom:0; }
            #contact .response_msg{ display:none; position:fixed; top:60px; left:50%; margin-left:-150px; width:300px; height:auto; padding:10px 20px; border-radius:5px; background:rgba(255,102,51,1); font-size:1rem; font-weight:300; letter-spacing:0.05rem; color:rgba(255,255,255,1); z-index:50000; }
			.google-message { margin: 15px 0 0; color: #808080; font-size: 0.8em; }
			.google-message a { font-weight:600; color: #808080; }
			.grecaptcha-badge { visibility: hidden; }
			.grecaptcha-badge { bottom: 100px !important; }

			#trt_notif, #vel_notif { display:none; position:fixed; top:65px; right:10px; width:340px; height:auto; padding:15px; border-radius:3px; background-color:#a849cf; font-size:0.9rem; color:rgba(255,255,255,1.00); z-index:1500; }

			#trt_fare, #vel_fare { display:none; position:fixed; top:90px; right:20px; width:320px; height:auto; padding:15px; border:rgba(200,200,200,1.00) thin solid; border-radius:3px; background-color:rgba(255,255,255,1); -webkit-box-shadow: 0px 4px 12px -1px rgba(0,0,0,0.43); box-shadow: 0px 4px 12px -1px rgba(0,0,0,0.43); font-size:0.9rem; color:rgba(100,100,100,1.00); z-index:1000; }

			#trt_fare_close, #vel_fare_close { position:absolute; top:-13px; left:-10px; width:22px; height:22px; padding-top:1.8px; border-radius:50%; background-color:rgba(255,102,51,1.00); font-size:0.8rem; color:rgba(255,255,255,0.75); z-index:1000; cursor:pointer; transition: all 0.25s linear; }
			#trt_fare_close:hover, #vel_fare_close:hover { color:rgba(255,255,255,1.00); }

			#trt_booking_estimate { max-height:175px; overflow:auto; }
			#vel_booking_estimate { max-height:110px; overflow:auto; }
        }
        
        @media only screen and (max-width: 320px) {
            #contact .wrap { padding:75px 0 0 0; }
            #contact .cover img { width:100%; height:auto; }
            #contact .padd { padding-top:0; padding-bottom:0; }
            #contact .response_msg{ display:none; position:fixed; top:60px; left:50%; margin-left:-150px; width:300px; height:auto; padding:10px 20px; border-radius:5px; background:rgba(255,102,51,1); font-size:1rem; font-weight:300; letter-spacing:0.05rem; color:rgba(255,255,255,1); z-index:50000; }

			#trt_notif, #vel_notif { display:none; position:fixed; top:65px; right:10px; width:300px; height:auto; padding:15px; border-radius:3px; background-color:#a849cf; font-size:0.9rem; color:rgba(255,255,255,1.00); z-index:1500; }

			#trt_fare, #vel_fare { display:none; position:fixed; top:90px; right:20px; width:280px; height:auto; padding:15px; border:rgba(200,200,200,1.00) thin solid; border-radius:3px; background-color:rgba(255,255,255,1); -webkit-box-shadow: 0px 4px 12px -1px rgba(0,0,0,0.43); box-shadow: 0px 4px 12px -1px rgba(0,0,0,0.43); font-size:0.9rem; color:rgba(100,100,100,1.00); z-index:1000; }

			#trt_fare_close, #vel_fare_close { position:absolute; top:-13px; left:-10px; width:22px; height:22px; padding-top:1.8px; border-radius:50%; background-color:rgba(255,102,51,1.00); font-size:0.8rem; color:rgba(255,255,255,0.75); z-index:1000; cursor:pointer; transition: all 0.25s linear; }
			#trt_fare_close:hover, #vel_fare_close:hover { color:rgba(255,255,255,1.00); }

			#trt_booking_estimate, #vel_booking_estimate { max-height:160px; overflow:auto; }
        }
        
/* ----------------------- (End of) Contact ----------------------- */