/*
 Theme Name:   High6 Creatives
 Theme URI:    http://www.high6.com/
 Description:  A Child Theme built for 
 Author:       High6 Creatives
 Author URI:   http://www.high6.com/
 Version:      1.0
 Template:     Divi
*/

#home-fullscreen-slider .et_pb_slider:first-child .et_pb_slide{
    animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -ms-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

#home-fullscreen-slider .et_pb_slider:last-child .et_pb_slide{
    animation-name: fadeInRight;
	-webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -ms-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -ms-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*** SINGLE PRODUCT FORM ***/

.single-product .woocommerce-breadcrumb {
    display: none;
}

.single-product .summary .quantity {
    display: none;
}

.single-product #main-content h1 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 0;
    display: inline-block;
}

.single-product #main-content {
    background-image: url("https://medresponse.ph/wp-content/uploads/2019/05/Ground-Ambulance-Transfer-Philippines-Original-Color.jpg");
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.single-product #main-content:before {
    content: "";
    background-color: rgba(245, 245, 245, 0.9);
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 45%;
}

.single-product .tc-extra-product-options .tm-extra-product-options-inner > ul {
    padding: 0px !important;
}

.single-product .tc-extra-product-options .tm-extra-product-options-inner > ul ul {
    padding: 0px !important;
}

.single-product .tc-extra-product-options .tm-extra-product-options-inner > ul .tm-cell{
    margin-bottom: 8px;
    max-width: 80%;
}

.single-product .tc-extra-product-options .tm-extra-product-options-inner > ul .tm-cell .tm-error{
    margin: 0px !important;
}

.single-product .tc-extra-product-options .tm-extra-product-options-inner > ul .tm-cell input,
.single-product .tc-extra-product-options .tm-extra-product-options-inner > ul .tm-cell select{
    background-color: #FFF;
    border: solid 1px #D1D1D1;
    box-shadow: none;
    line-height: 2.67;
    border-radius: 0;
    height: 40px;
    padding: 10px 12px;
}

.single-product #main-content .single_add_to_cart_button {
    background-color: #003a86;
    display: block;
    padding: 15px 25px !important;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
}

.single-product #main-content .single_add_to_cart_button:hover {
    background-color: #003a86 !important;
    opacity: 0.8;
}

.single-product #main-content form.cart:after {
    margin-top: 15px;
    content: "Note: * are Required Fields";
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-style: italic;
}

@media(min-width: 768px){
    .single-product .summary {
        float: left !important;
        width: 40% !important;
    }    
}

@media(max-width: 767px){
    .single-product .summary {
        float: none !important;
        width: 100% !important;
    }
    .single-product .tc-extra-product-options .tm-extra-product-options-inner > ul .tm-cell{
        max-width: 100%;
    }
}

/*** END SINGLE PRODUCT FORM ***/

/*** WOOCOMMER CHECOUT PAGE ***/

.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout form.woocommerce-checkout #customer_details{
    display: none;
}

.woocommerce-page #order_review td.product-name a.tm-cart-edit-options {
    font-style: normal;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #0954a0;
}

.woocommerce-page #order_review td.product-name a.tm-cart-edit-options:before {
    font-family: "Etmodules";
    content: "\6a";
    margin-right: 5px;
}

.woocommerce table.shop_table {
    border-radius: 0px !important;
}

.woocommerce table.shop_table thead {
    background-color: #d60008;
}

.woocommerce table.shop_table thead th {
    color: #fff !important;
}

.woocommerce-page .entry-title.main_title {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 0;
    display: inline-block;
}

.woocommerce-page #order_review_heading {
    margin-bottom: 10px;
    font-weight: 600;
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info, 
.woocommerce .woocommerce-message {
    background-color: #0000000a;
    color: #000 !important;
    font-size: 16px !important;
    line-height: 26px !important;
}

.woocommerce #add_payment_method #payment,
.woocommerce .woocommerce-cart #payment,
.woocommerce .woocommerce-checkout #payment {
    background: #efefef;
    border-radius: 0px;
}

.woocommerce button#place_order {
    background-color: #003a86 !important;
    display: block;
    padding: 15px 25px !important;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
}

.woocommerce button#place_order:hover {
    opacity: 0.8;
}

.woocommerce-page .wc_payment_method.payment_method_paynamics label img {
    height: 30px !important;
}

.woocommerce .blockUI.blockOverlay::before {
    height: 28px !important;
    width: 28px !important;
    margin-top: -14px !important;
    margin-left: -14px !important;
    background-size: contain !important;
}

/*** END WOOCOMMER CHECOUT PAGE ***/

/*** SINGLE POST ***/

.single-post #main-content > .container:before {
    display: none;
}

.single-post #main-content > .container #left-area {
    width: 100%;
    padding-right: 0px !important;
}

.single-post #main-content > .container .entry-title {
    text-align: center;
    font-size: 38px;
    line-height: 1.2em;
}

.single-post #main-content > .container .post-meta {
    text-align: center;
}

.single-post #main-content > .container .entry-content{
    font-size: 18px;
}

@media(min-width: 981px){

    .single-post #main-content > .container {
        width: 70%;
    }

    .single-post #main-content > .container .entry-content .et_post_gallery > li:nth-child(n) {
        width: 22.75% !important;
        margin-right: 3% !important;
        margin-bottom: 3% !important;
        clear: none;
    }

    .single-post #main-content > .container .entry-content .et_post_gallery > li:nth-child(4n+4) {
        margin-right: 0px !important;
    }

    .single-post #main-content > .container .entry-content .et_post_gallery > li:nth-child(4n+1) {
        clear: both;
    }

}

@media(max-width: 480px){

    .single-post #main-content > .container .entry-title{
        font-size: 32px;
    }

    .single-post #main-content > .container .entry-content .et_post_gallery > li:nth-child(n) {
        width: 48% !important;
        margin-right: 4% !important;
        margin-bottom: 4% !important;
        clear: none;
    }

    .single-post #main-content > .container .entry-content .et_post_gallery > li:nth-child(2n+2) {
        margin-right: 0px !important;
    }

    .single-post #main-content > .container .entry-content .et_post_gallery > li:nth-child(2n+1) {
        clear: both;
    }

}

/*** END SINGLE POST ***/

#html5-watermark {
    display: none !important;
}
.et_pb_post {
    min-height: 513px !important;
}
/* ---------------- ABOUT US PAGE STYLING----------------------- */
.page-content {
    font-size: 14px;
    line-height: 2em;
    font-weight: 300;
    text-align: justify;
	padding-top: 40px;
}
.page-header {
    padding-left: 5%;
    padding-right: 5%;
}
.page-header h1 {
    font-size: 36px !important;
    text-transform: uppercase;
    font-weight: 900 !important;
    color: #fff;
}
.page-content h2 {
    color: #0954a0;
    font-weight: 900;
    font-size: 28px;
    line-height: 1.5em;
    text-align: left;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 0px;
}

.page-header.et_pb_section {
    padding: 0px !important;
}

.page-header.et_pb_section .et_pb_row {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 30px 0px !important;
    width: 90% !important;
}

.page-header.et_pb_section .et_pb_row .et_pb_column{
    margin-bottom: 0px !important;
}

.page-header.et_pb_section .et_pb_row h1 {
    padding-bottom: 0px;
}

.page-content {
    padding: 10px 0px !important;
}

/* ---------------- END OF ABOUT PAGE STYLING------------------- */
/*----------------- REQUEST A QOUTE FORM STYLING---------------  */
.wpcf7 input,select {
     -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.contact-field input,select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    min-height: 50px;
}
.contact-field input:focus,select:focus,.msg-field:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
}
.wpcf7 {
    display: grid;
}
.half-row{
	width: 46%;
	display: inline-grid;
	margin-top: 24px;
}
.submit{
	position:relative;
	padding: 20px 30px;
	border-radius: 6px;
	color: #fff!important;
	font-weight: 700!important;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1.33333;
	display: inline-block;
	background-color: #d60008!important;
    letter-spacing: normal;
    word-spacing: normal;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.full-row{
	position:relative;
	margin-top: 24px;
	width: 100%;
}
.send-icon {
    margin-left: 10px;
}
.send-icon::after {
    content: "\e046";
    font-family: ETmodules;
    color: #ffffff;
    font-size: 18px;
	font-weight: lighter !important;
}
.drop-down{
	width: 100%;
}
.drop-down:after {
    content: "3";
    font-size: 25px;
    font-family: ETmodules;
    position: relative;
    top: -39px;
    left: 92%;
    font-weight: 700;
	color: #555;
}
.msg-field {
    height: 210px;
    width: 100%;
    resize: vertical;
}
.asteris {
    color: #d60008;
    font-weight: 700!important;
    text-transform: uppercase;
    font-size: 14px;
}
.contact-field {
    position: relative;
}
.wpcf7-form .contact-field input:focus + .require-icon {
    display: none;
}
.require-icon {
    color: #d60008;
    font-weight: 700!important;
    text-transform: uppercase;
    position: absolute;
    top: -40px;
    font-size: -14px;
	display: none;
}

.first-name .require-icon {left: 103px;  top: -40px;}
.last-name .require-icon {left: 98px;  top: -40px;}
.CURRENTLOCATION .require-icon {left: 252px;  top: -40px;}
.DESTINATIONHOSPITAL .require-icon {left: 270px;  top: -40px;}
.email .require-icon {left: 59px;  top: -40px;}
.Telephone .require-icon {left: 104px;  top: -40px;}

@media (min-width: 1600px){
	.half-row {
    	width: 47.8%;
	}
/* 	.contact-form-section .et_pb_row {
    	width: 95% !important;
	} */
}
@media (max-width: 1060px){
	.half-row{
		width: 100%;
		margin-right: 0 !important;
	}
}
#wpcf7-f684-p685-o1 .require-icon {
    top: 10px;
}
#wpcf7-f684-p685-o1 .first-name .require-icon {
    left: 105px;
}
#wpcf7-f684-p685-o1 .last-name .require-icon {
    left: 98px;
}

#wpcf7-f684-p685-o1 .insurance-company .require-icon {
    left: 180px;
}

#wpcf7-f684-p685-o1 .telephone .require-icon {
    left: 173px;
}

form .wpcf7-response-output {
    border: none !important;
 	margin: 20px 0px 0px !important;
    padding: 12px !important;
}

form.sent div.wpcf7-response-output{
    background: #ecffe1 !important;
    border-left: 3px solid #398f14 !important;
}

form.invalid div.wpcf7-response-output {
	background: #ffe6e6 !important;
    border-left: 3px solid #f00 !important;
}
@media screen and (min-width: 1920px){
	.contact-form-row {
		max-width: 1800px;
	}
}
@media screen and (min-width: 1600px){
	.contact-form-row {
		max-width: 1460px;
	}
}
@media screen and (min-width: 1440px){
	.contact-form-row {
		max-width: 1320px;
	}
}
/* ---------------END OF REQUEST A QOUTE STYLING----------------  */
/* ---------------MEDICAL EQUIPMENT PAGE STYLING----------------  */
.medical-equipment-section {
    height: 300px !important;
}
.medical-equipment-module .et_pb_text_inner h1 {
    text-align: center !important;
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 36px !important;
}
.medical-equipment-section .et_pb_row.et_pb_row_0 {
    height: 100% !important;
}
.medical-equipment-section .et_pb_column {
    padding: 4em 0 !important;
}
.product-specs .et_pb_text_inner h3 {
    font-size: 24px;
    color: #d60008;
    font-weight: bold;
    padding-bottom: 27px !important;
}
.product-specs .et_pb_text_inner h3 {
    font-size: 24px;
    color: #d60008;
    font-weight: bold;
    padding-bottom: 27px !important;
}
.product-specs .et_pb_text_inner p {
    padding-bottom: 12px !important;
}
.product-button {
    background-color: #0055a9;
	font-size: 18px !important;
	text-transform: uppercase !important;
}
a.et_pb_button.product-button.et_pb_bg_layout_light:hover {
    background-color: #0055a9 !important;
    opacity: 0.8;
}
.equal-col .et_pb_column:first-child {
    order: 2;
    margin-right: 0;
    margin-left: 5.5%;
}
@media(max-width: 512px){
	.medical-equipment-section .et_pb_column {
    	padding: 2.5em 0 0em!important;
	}
}
@media(max-width: 1200px) and (min-width: 980px){
	.medical-equipment-section .et_pb_column {
    	padding: 5em 0 !important;
	}
}
/* ---------------END OF MEDICAL EQUIPMENT PAGE STYLING---------- */