.lay-section{padding:1.5em 0}.lay-section h2{margin:10px 0 3px}.lay-section h3{margin:0 0 .4em;text-align:left}.lay-section h4{margin:0}.lay-section p{line-height:1.5em;margin:0}.temp-pic{padding:0 15px 15px}.temp-pic img,.threecolum_grid img{width:100%}.tp_float_rgt{float:right}.pdbot{margin:0 0 2em}.img_width{width:100%}.img_center{margin:0 auto;text-align:center}.img-sprite{background-image:url(../images/tempimg-sprite.png);display:block}.con-email,.con-location,.con-phone{height:48px;width:48px}.con-email{background-position:0 0}.con-phone{background-position:0 -50px}.con-location{background-position:0 -114px}.ly_bg .con-email{background-position:-48px 0}.ly_bg .con-phone{background-position:-48px -50px}.ly_bg .con-location{background-position:-48px -114px}.ly-btn:hover{text-decoration:none}.ly-btn,.ly-btn.ly_bg{border-radius:5px;padding:.5em 1em;text-decoration:none!important;display:inline-table;margin:20px 0 10px}.grid_padding{padding:25px 0 10px}.grid_padding_tp{padding:0 0 10px}.grid_border_tp{margin-top:10px;padding:25px 0 0}.imgWrp{border-radius:100px;margin:30px auto;padding:25px;width:100px}.ly_container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.lborder{border: 2px solid #88ceff; ;min-width:100px;min-height:50px}.sel_pick {width:5px; height:5px; background-color:#88ceff; z-index:1;}

@media (min-width: 768px) {.ly_container {width: 750px;}}
@media (min-width: 992px) {.ly_container {width: 970px;}}
@media (min-width: 1200px) {.ly_container {width: 1170px! important;}}
@media (min-width: 1400px) {.ly_container {width: 80%! important;}}
.lay-section h2{color: #000! important; font-size: .8em! important;text-align: left;font-weight: normal;}
.lay-section.ly_bg h2{color: #000! important; font-size: 1.4em;}
.lay-section h3{color: #000! important; font-size: 45px; text-align: center;font-weight: normal; margin-bottom: 50px;font-family: 'Josefin Sans', sans-serif, tahoma, verdana, arial;}
.lay-section.ly_bg h3{color: #000! important;font-family: 'Josefin Sans', sans-serif, tahoma, verdana, arial;}
.lay-section h4{color: #000! important; font-size: 27px;text-align: left;font-weight: normal;margin-top: .5em;padding: 0 0 15px;}
.lay-section.ly_bg h4{color: #000! important; font-size: 27px;text-align: left;font-weight: normal;margin-top: .5em;}
.lay-section p{color: #000! important; font-size: 19px; text-align: left;}
.lay-section.ly_bg p{color: #000! important;}
.ly_bg {background-color:#aed4dc !important;}
.ly-btn {font-weight:normal; background: #aed4dc; padding:5px 35px 7px 35px; color: #fff; border: 1px solid #000; border-radius:0;font-size: 19px;}
.ly-btn:hover {border:1px solid #000; color: #000 !important;background-color: transparent;}
.ly-btn.ly_bg {font-weight:normal; background: #7aa9b7 !important; padding:5px 35px 7px 35px; color: #fff; border: 1px solid #000; border-radius:0;}
.ly-btn.ly_bg:hover {border:1px solid #000; color: #000 !important;background-color: transparent !important;}
.grid_border_tp {border-top: 1px dashed #666;}
.ly_bg .grid_border_tp {border-top: 1px dashed #666;}
.imgWrp {background-color:#aed4dc;border: 2px solid #616161;}
.ly_bg .imgWrp {background-color: #7aa9b7; border: 2px solid #616161;}
.lay-section {padding: 3em 0 1.5em;background-color: #fff;}
.lay-section p {padding:0;}
.img_center h4, .img_center h2, .img_center p{text-align: center !important;}
.con-location {background-position: -48px -114px;}
.con-phone {background-position: -48px -50px;}
.con-email {background-position: -48px 0;}
.ly_bg .con-location {background-position: 0px -114px;}
.ly_bg .con-phone {background-position: -0px -50px;}
.ly_bg .con-email {background-position: 0px 0;}


@media(max-width:768px){
	.lay-section h3{font-size: 40px; margin-bottom: 30px;}
	.lay-section h4 {font-size: 25px; margin-top: 15px;}
	.lay-section.ly_bg h4 {margin-top: 15px;}
}

html, body {height: 100%; width: 100%; padding:0; margin:0;}

/*form page */
.form_container {padding: 0; position:relative;}
.hm-form-section {margin: 0 auto; padding: 0;}
.hm-form-section h3{text-align:center}
.hm-form-section form {float: left; width: 100%; 	margin:30px 0 0 0;}
.hm-form-section label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold;	font-size:13px;}
.hm-form-section form input[type="text"], .hm-form-section form input[type="email"], .hm-form-section form input[type="tel"], .hm-form-section textarea, .hm-form-section form select {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    margin-bottom: 10px;
    width: 100%;
	font-size:20px;
	border-bottom: 2px solid #6e6e6e;
	font-style: italic;
	box-sizing: border-box;
	padding: 10px 5px;
	height:40px;
	
}
.hm-form-section form select {padding: 0 5px;}
.hm-form-section textarea {height:100px;}
.hm-form-section form input[type="submit"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #2196F3 none repeat scroll 0 0;
    border-style: none;
    color: #fff;
    font-size: 20px;
	font-style:italic;
    font-weight: 400;
    text-align: center;
    transition: all 0.4s ease-out 0s;
	text-transform:uppercase;
	padding:10px 20px;
	display:block;
	margin:0 auto;
	margin-top:70px;
	box-sizing: border-box;
}
.hm-form-section form input[type="submit"]:hover {
	background: #0072cc;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	
}
.hm-form-section input:focus:required:invalid {border: 1px solid red;}
.hm-form-section input:required, select:required {box-shadow: 0px 0px 0px rgba(200, 0, 0, 0.85);}

.hm-form-section ul{padding:0; margin:0;}
.hm-form-section li{list-style:none; float:left; margin:5px;}

.hm-form-section input[type=checkbox], .hm-form-section input[type=radio] {
    -webkit-appearance: none;
    position: relative;
    margin: 0 7px 0 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
    overflow: hidden;
}

/* The radio & checkbox */
.radio_btn, .checkbox_btn {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio_label, .checkbox_label {font-size: 17px! important; font-weight:normal! important;}


/* Hide the browser's default radio & checkbox button */
.radio_btn input, .checkbox_btn input {position: absolute; opacity: 0; cursor: pointer;}

/* Create a custom radio button */
.radio_checkmark, .checkbox_checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}
.radio_checkmark{border-radius: 50%;}

/* On mouse-over, add a grey background color */
.radio_btn:hover input ~ .radio_checkmark, .checkbox_btn:hover input ~ .checkbox_checkmark {background-color: #ccc;}

/* When the radio button is checked, add a blue background */
.radio_btn input:checked ~ .radio_checkmark, .checkbox_btn input:checked ~ .checkbox_checkmark  {background-color: #2196F3;}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio_checkmark:after, .checkbox_checkmark:after {content: ""; position: absolute; display: none;}

/* Show the indicator (dot/circle) when checked */
.radio_btn input:checked ~ .radio_checkmark:after, .checkbox_btn input:checked ~ .checkbox_checkmark:after {display: block;}

/* Style the indicator (dot/circle) */
.radio_btn .radio_checkmark:after {
 	top: 7px;
	left: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: white;
}

/* Style the indicator (dot/circle) */
.checkbox_btn .checkbox_checkmark:after {
 	 left: 8px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

 
.hm-form-section form { margin:30px 0 0 0;} .hm-form-section label {margin-bottom: 5px; font-size: 14px !important;line-height: 30px;} .hm-form-section form input[type="text"], .hm-form-section form input[type="email"], .hm-form-section form input[type="tel"], .hm-form-section textarea, .hm-form-section form select {background: transparent none repeat scroll 0 0; margin-bottom: 10px; font-size:20px; border-bottom: 2px solid #6e6e6e; font-style: italic; padding: 10px 5px; height:40px;} .hm-form-section form select {padding: 0 5px;} .hm-form-section textarea {height:100px;} .hm-form-section form input[type="submit"] {background: #7aa9b7 none repeat scroll 0 0; color: #fff; font-size: 19px;font-style: normal; margin-top:70px;} .hm-form-section form input[type="submit"]:hover {background: #0e383f;} .hm-form-section input:focus:required:invalid {border: 1px solid #7aa9b7;} .hm-form-section li{margin:5px;} .hm-form-section input[type=checkbox], .hm-form-section input[type=radio] {margin: 0 7px 0 0;} .radio_btn, .checkbox_btn {padding-left: 35px; margin-bottom: 12px; font-size: 22px;} .radio_btn {padding-left: 35px !important;margin-left: 0px !important;} .radio_label, .checkbox_label {font-size: 17px! important;} .radio_checkmark, .checkbox_checkmark {background-color: #eee;} .radio_btn:hover input ~ .radio_checkmark, .checkbox_btn:hover input ~ .checkbox_checkmark {background-color: #ccc;} .radio_btn input:checked ~ .radio_checkmark, .checkbox_btn input:checked ~ .checkbox_checkmark {background-color: #7aa9b7;} .hm-form-section h3 {padding: 0;margin: 20px 0 10px;font-size: 24px;} @media(max-width:900px){ .col-md-12 {display: inline-block;width: 100%;} }

.goodie-container, #google_translate_element {width: 400px; padding: 0px; margin: 20px auto;}
.goodie-wrapper {padding: 10px; width: 100%; background: #eee; border-radius: 0; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);}
.goog-te-gadget {padding: 10px; width: 100%; background: #eee; border-radius: 0; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);}
.goodie-search-input {padding: 0 10px 0 16px; width: 85%; height: 45px; font-size: 15px; color: #999; background: #fefefe; border: 2px solid #4285f4; border-color: #4285f4; border-radius: 5px 0px 0px 5px;}
.goodie-search-input:focus {outline: 0; color:#555;}
.goodie-searchbtn{display: block; position: relative; padding-left: 12px; height: 45px; width: 15%;   background: #4285f4; border: 1px solid; border-color: #4285f4; border-radius: 0 5px 5px 0; cursor: pointer;  text-shadow: none; color: transparent; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); float: right;}
.goodie-searchbtn:before {content: ''; display: block; width: 30px; height: 30px; background: url("../images/goodie-sprite.png"); background-position:0 0;}
.goog-te-combo {padding: 0 10px 0 16px; width: 100%; height: 45px; font-size: 15px; color: #999; background: #fefefe; border: 2px solid #4285f4; border-color: #4285f4; border-radius: 5px;}
.goog-logo-link img{width:auto;}
.goodie-icon {background: #4285f4; width: 67px;  height: 67px; margin: 0 auto;   border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%;    -o-border-radius: 50%; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); margin-top: 15px;}
.goodie-contain{text-align: center; padding:5px 10px 20px 10px;}
.goodie-contain h3{text-align: center; font-size:24px; margin:20px 0 10px 0; color:#333}
.goodie-contain p{text-align: center; font-size:14px; margin:0 0 10px 0; color:#999}
.mail-icon {display: block; width: 60px; height: 60px; background: url("../images/goodie-sprite.png"); background-position: -57px 18px; background-repeat: no-repeat;}
.direction-icon {display: block; width: 60px; height: 60px; background: url("../images/goodie-sprite.png"); background-position: 9px -33px; background-repeat: no-repeat;}
.form_section {width: 85%; margin: 0 auto;}
.form_section input {padding: 0 10px 0 16px; width: 100%; height: 45px; font-size: 15px; color: #999; background: #fefefe; border: 2px solid #4285f4; border-color: #4285f4; border-radius: 5px; margin: 5px 0;}
.goodie-search-input:focus {outline: 0; color:#555;}

.radio-btn-section {position:relative;}
.radio_btn {display: inline-block; position: relative; padding-left: 20px; margin: 5px; cursor: pointer;     font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 	text-align:left; font-weight: normal;}
.radio_btn input {position: absolute; opacity: 0; cursor: pointer; height:auto;}
.checkmark {position: absolute; top: 3px; left: 0; height: 15px; width: 15px; background-color: #ccc;    border-radius: 50%;}
.radio_btn:hover input ~ .checkmark {background-color: #ccc;}
.radio_btn input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: ""; position: absolute;  display: none;}
.radio_btn input:checked ~ .checkmark:after {display: block;}
.radio_btn .checkmark:after {top: 5px; left: 5px; width: 5px; height: 5px; border-radius: 50%; background: white;}

.form_section button{margin: 10px 0; border: none; outline: none; padding: 10px 60px; font-size: 20px; -webkit-appearance: none; background-color: #4285f4; color: #fff; display: inline-block; cursor:pointer; font-weight: bold; letter-spacing: 2px; } 
.form_section button:hover{background-color: #2e72e4; transition: 0.5s all; -webkit-transition: 0.5s all; 	-moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all;}
.goodie-wrapper {background: #eee;} .skiptranslate {background: #eee;} .goodie-search-input {border: 2px solid #7aa9b7; border-color: #7aa9b7;} .goog-te-combo {border: 2px solid #7aa9b7; border-color: #7aa9b7;} .goodie-searchbtn{background: #7aa9b7; border-color: #7aa9b7;} /*.goodie-searchbtnpostion:before { background-position:-30px 0;} */ .goodie-icon {background: #7aa9b7;} /* .mail-icon-drak {background-position: -117px 18px;} */ .form_section input {background: #fefefe; border-color: #7aa9b7;} .form_section button{background-color: #7aa9b7; color: #fff;} .form_section button:hover{background-color: #0e383f;} /*.direction-icon-drak {background-position: -51px -33px;} */ .radio_btn input:checked ~ .checkmark {background-color: #7aa9b7;} .radio_btn {line-height: 24px;} button, input, optgroup, select, textarea {margin-top: 5px;} @media(max-width:480px){ .form_section button {font-size: 15px;} }
