/*FONTS OPEN SANS*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic,600italic,700italic);
/**STYLE MAIN **/
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	overflow-x: hidden;
	color: #444;
}

a,
a:focus,
a:active {
	outline: none;
	cursor: pointer;
}

a { color: #298FCE; }

.bgmain {background-color: #2574A9; color: #fff;}
.bgalt {background-color: #F3F7FB;}
.bgwhite {background-color: #fff;}
.fwhite {color: #fff;}

.heighSmall {padding: 40px 0;}
.heighMedium {padding: 70px 0;}
.heighLarge {padding: 140px 0;}

/*top padding*/
.topNone {padding-top: 0px;}
.topMini {padding-top: 20px;}
.topSmall {padding-top: 40px;}
.topMedium {padding-top: 70px;}
.topLarge {padding-top: 140px;}
/*bottom padding*/
.btNone {padding-bottom: 0px;}
.btMini {padding-bottom: 20px;}
.btSmall {padding-bottom: 40px;}
.btMedium {padding-bottom: 70px;}
.btLarge {padding-bottom: 140px;}

/*top margin*/
.mgNoneTop {margin-top: 0;}
.mgMiniTop {margin-top: 20px;}
.mgSmallTop {margin-top: 40px;}
.mgMediumTop {margin-top: 70px;}
.mgLargeTop {margin-top: 140px;}

/*bottom margin*/
.mgNoneBottom {margin-bottom: 0;}
.mgMiniBottom {margin-bottom: 20px;}
.mgSmallBottom {margin-bottom: 40px;}
.mgMediumBottom {margin-bottom: 70px;}
.mgLargeBottom {margin-bottom: 140px;}

.relative {position: relative;}

#masthead {
	position: relative;
	padding: 20px 0 15px;
}
/***************************************************************
DEFAULT STYLE CHARACTER 
***************************************************************/
.bullet ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.bullet ul li {
	padding: 0 0 10px 30px;
	position: relative;
}
.bullet ul li::before {
	font-family: 'phraseexpander';
    content: "\e90a";
    font-size: 18px;
    position: absolute;
    top: 1px;
    left: 0;
    color: #2ECC71;
}
strong {font-weight: 600;}
h1, h2, h3, h4, h5, h6 {
	color: #1f5a83;
	font-weight: 600;
	margin: 0 0 30px;
	padding: 0;
}
.fwhite h1, .fwhite h2, .fwhite h3, .fwhite h4, .fwhite h5, .fwhite h6 {color: #fff;}
h1 {
	font-size: 30px;
	line-height: 40px;
}
h2 {
	font-size: 26px;
	line-height: 36px;
}
h3 {
	font-size: 22px;
	line-height: 30px;
}
h4 {
	font-size: 18px;
	line-height: 28px;
}
h5 {
	font-size: 16px;
	line-height: 22px;
}
h6 {
	font-size: 12px;
	line-height: 16px;
}

/**************************************************************
### def-main-title
**************************************************************/
#def-main-title .intro-main-title h1 {
	font-weight: 500;
    font-size: 38px;
    line-height: 50px;
	letter-spacing: 1px; 
	margin: 0;
	color: #1f5a83;
}
#def-main-title .intro-main-title h2 {
	margin: 0;
	font-weight: 400;
	font-size: 25px;
	line-height: 35px;
	padding: 20px 0 0;
	letter-spacing: 1px;
	color: #333333;
}


/***************************************************
STORE STYLE
***************************************************/
/*remove table*/
.main-table-product {display: none;}
body.store-page-product .main-table-product {
	display: table;
	margin-bottom: 70px;
}
/*TABLE*/
.table {
	font-size: 16px;
}
.table th {
	background-color: #3197D6;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
}

.main-table-product .product {
	width: 60%;
}
.main-table-product .quantity {
	width: 8%;	
	text-align: center;
}
.main-table-product .quantity input[type="text"] {
	width: 95%!important;
    border: 2px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    padding: 0 10px;
    font-size: 16px;
    transition: all 0.2s;
    line-height: 30px;
    height: 40px;
    text-align: center;
    background: #fff;
}
.main-table-product .number {
	width: 32%;
	text-align: right;
}

#confirm input[type="radi"] {
    float: left;
    margin: 17px 10px 0 0;
}
#confirm label {
    white-space: normal;
    display: inline;
    line-height:20px;
}
#confirm .core-form-field-label {
	margin-top: 20px;
}

.store-product-detail-title,
.store-product-detail-pricing {
	font-size: 19px;
    font-weight: 600;
}
.main-table-product .quantity .core-form-field-label {display: none!important;}

/*option product*/
#page .store-product-option-group + .store-product-option-group {
	margin-top: 40px;
}
#page .store-product-option-group h4{
	margin-bottom: 16px;
	font-size: 18px;
}
#page .store-product-option-display {
    padding-left: 6px;
    padding-right: 0;
    font-size: 18px;
}
#page .store-product-option-title .store-value-money {
	font-size: 18px;
	font-weight: 600;
	color: #3197D6;
}
#page .store-product-option-description,
#page .store-product-option-description-offers {
    font-size: 16px;
    margin-left: 25px;
    margin-top: 0;
    font-style: italic;
    color: #999;
}

/** button action **/
#content .store-product-detail-action-order a.store-action-command,
#content .store-action-complete a.store-action-command,
#content .store-product-detail-action-save a.store-action-command{
    background: #2CC990;
    color: #fff;
    border-radius: 0;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    border: 0;
    transition: background-color .5s;
}
#content .store-product-detail-action-order a.store-action-command:hover,
#content .store-product-detail-action-order a.store-action-command:focus,
#content .store-action-complete a.store-action-command:hover,
#content .store-action-complete a.store-action-command:focus,
#content .store-product-detail-action-save a.store-action-command:hover,
#content .store-product-detail-action-save a.store-action-command:focus {
	background-color: #1ca573;
}

#content .store-product-detail-action-order a.store-action-command::before {
	font-family: 'phraseexpander';
    content: "\e901";
    position: relative;
    top: 0;
    font-size: 22px;
    display: inline-block;
    padding-right: 6px;
}
#content .store-action-complete a.store-action-command::before {
	font-family: 'phraseexpander';
    content: "\e902";
    position: relative;
    top: 0;
    font-size: 22px;
    display: inline-block;
    padding-right: 6px;
}

#content a.store-action-command span.store-action-title{
	background:none;
	padding: 0;
}

/*style box testimonial - single */
#box_testimonial .single-testimonial {
    max-width: 945px;
    margin: 0 auto;
}
#box_testimonial .single-testimonial blockquote{
    font-size: 16px;
    line-height: 28px;
}
#box_testimonial .single-testimonial .avatar {
    display: inline-block;
    vertical-align: top;
    width: 20%;
}
#box_testimonial .single-testimonial .content-testimonial {
    width: 78%;
    display: inline-block;
    vertical-align: top;
}
#box_testimonial .single-testimonial .avatar img {
    border-radius: 50%;
    display: block; 
    max-width: 90px;
    height: auto;
    margin: 0 auto;
}

#box_testimonial .single-testimonial blockquote {
    border: 0;
    padding: 0;
    margin: 0;
}
#box_testimonial .single-testimonial blockquote + blockquote {
    margin-top: 70px;
}
#box_testimonial .single-testimonial .content-testimonial .intro-testimonial{
    position: relative;
    padding: 0 50px 0;
    display: inline-block;
}
#box_testimonial .single-testimonial blockquote .content-testimonial .intro-testimonial::before {
    font-family: 'phraseexpander';
    position: absolute;
    content: "\e90d";
    left: 0;
    top: 0;
    font-size: 36px;
    color: #5fafe4;
}
#box_testimonial .single-testimonial blockquote .content-testimonial .intro-testimonial::after {
    font-family: 'phraseexpander';
    position: absolute;
    content: "\e90e";
    right: 0;
    bottom: 0;
    font-size: 36px;
    color: #5fafe4;
}
#box_testimonial.bgmain .single-testimonial blockquote .content-testimonial .intro-testimonial::before,
#box_testimonial.bgmain .single-testimonial blockquote .content-testimonial .intro-testimonial::after  {
    color: #fff;
}
#box_testimonial .single-testimonial .info-testimonial {
    font-size: 16px;
    font-style: italic;
}

/*PAGE CONFIRM*/
.store-order-item-child {
    padding-left: 0;
    font-size: .9em;
    color: #999;
    font-style: italic;
}
.store-order-item-child .store-order-item-price {
	font-style: normal;
	color: #444;
}

.store-page-confirm .store-order-item-group-action-list li {
	margin-left: 0;
	display: inline-block;
}
.store-page-confirm .store-order-item-group-action-list a{
	color: #298FCE;
    font-weight: 400;
    font-size: 14px;
    transition: opacity .5s;
    display: inline-block;
    margin: 0 14px;
}
.store-page-confirm .store-order-item-group-action-list a:hover,
.store-page-confirm .store-order-item-group-action-list a:focus {
	opacity: .85;
}

.store-page-confirm .store-order-item-group-action-list li:first-child a::before {
	font-family: 'phraseexpander';
    content: "\e905";
    position: relative;
    top: 0;
    font-size: 18px;
    display: inline-block;
    padding-right: 6px;
}
.store-page-confirm .store-order-item-group-action-list li.store-order-item-action-delete-li a::before {
	font-family: 'phraseexpander';
    content: "\e904";
    position: relative;
    top: 0;
    font-size: 18px;
    display: inline-block;
    padding-right: 6px;
}
.store-page-confirm .store-order-item-group-action-list li.store-order-item-action-quantity-li a::before {
	font-family: 'phraseexpander';
    content: "\e908";
    position: relative;
    top: 0;
    font-size: 18px;
    display: inline-block;
    padding-right: 6px;
}

.store-page-confirm .store-order-item-group-action-list input[type="text"] {
	border: 2px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    padding: 0 10px;
    font-size: 16px;
    transition: all 0.2s;
    line-height: 30px;
    height: 40px;
    text-align: center;
    background: #fff;
    display: inline-block;
    min-width: 70px;
}

.store-section-order-contents .store-order-pricing {
	margin-top: 30px;
	border-top: 1px solid #ddd;
	padding: 30px 0 30px;
}

.store-order-pricing .store-order-price + .store-order-price {
    margin-top: 12px;
}

.store-order-price.store-order-price-total {
    background: #eee;
    padding: 30px 30px;
    margin: 30px -30px 0!important;
}

.store-section-order-contents .store-order-price-label {
	width: 70%;
	font-weight: 400;
}

.store-section-order-contents .store-order-price-total .store-order-price-label,
.store-section-order-contents .store-order-price-total .store-order-price-value {
	font-weight: 600;
} 

.store-section-order-contents .store-order-pricing input[type="text"] {
	border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    padding: 0 10px;
    font-size: 16px;
    transition: all 0.2s;
    line-height: 30px;
    height: 35px;
    text-align: left;
    background: #fff;
    display: inline-block;
    width: 30%;
}

.store-page-confirm .store-order-pricing + div .store-order-action-list {
    text-align: left;
    margin: 0;
}
.store-page-confirm .store-order-pricing + div .store-order-action-list a {
	color: #3197d6;
    border-radius: 0;
    font-weight: 400;
    font-size: 12px;
    transition: opacity .5s;
    display: inline-block;
}
.store-page-confirm .store-order-pricing + div .store-order-action-list a:hover,
.store-page-confirm .store-order-pricing + div .store-order-action-list a:focus {
	opacity: .85;
}

.store-page-confirm .store-order-pricing + div .store-order-action-list li:first-child a::before {
	font-family: 'phraseexpander';
    content: "\e903";
    position: relative;
    top: 0;
    font-size: 18px;
    display: inline-block;
    padding-right: 6px;
}
.store-page-confirm .store-order-pricing + div .store-order-action-list li.store-order-action-coupon-li a::before {
	font-family: 'phraseexpander';
    content: "\e906";
    position: relative;
    top: 0;
    font-size: 18px;
    display: inline-block;
    padding-right: 6px;
}

.store-page-confirm .store-order-pricing + div .store-order-action-list input[type="text"] {
	border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    padding: 0 10px;
    font-size: 12px;
    transition: all 0.2s;
    line-height: 35px;
    height: 35px;
    text-align: left;
    background: #fff;
    display: inline-block;
    min-width: 140px;
    margin-left: 13px;
}


.store-page-confirm #confirm > .core-section {
	border: 1px solid #3197d6;
    padding: 30px;
}
.store-page-confirm #confirm > .core-section > h2.core-section-header {
    background-color: #3197d6;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 30px;
    font-weight: 400;
    font-size: 18px;
    margin: -30px -30px 30px
}

.store-page-confirm #confirm > .core-section .store-survey h2.core-section-header {
	display: none;
}

.store-page-confirm .store-section-customer-contact label,
.store-page-confirm .store-section-payment .store-payment-method-content label {
    display: block;
    max-width: 100%;
    margin: 15px 0 10px;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
}

.store-page-confirm .store-section-customer-contact input[type="text"] {
	width: 100%!important;
    border: 2px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    padding: 0 10px;
    font-size: 16px;
    transition: all 0.2s;
    line-height: 30px;
    height: 40px;
    text-align: left;
    background: #fff;
    box-sizing: border-box;
    display: block;
}
.store-page-confirm .store-section-payment label,
.core-form-field-label {
	font-weight: 500!important;
    font-size: 15px;
    line-height: 15px;
}
.store-page-confirm .store-section-payment input[type="text"], 
.store-page-confirm .store-section-payment select {
    border: 2px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    padding: 0 10px;
    font-size: 16px;
    transition: all 0.2s;
    line-height: 30px;
    height: 40px;
    text-align: left;
    background: #fff;
    display: inline-block;
}
.store-page-confirm .store-section-customer-contact .store-field-contact-email .core-form-field-body-note {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0 10px;
    font-style: italic;
    color: #999;
}


/*error + info mesage*/
#page .core-messages {
	padding: 30px;
}
#page .core-messages li {
	position: relative;
	padding-left: 28px;
	font-size: 16px;
}
#page .core-messages li + li {
	margin-top: 10px;
}
.store-decorate-silk .core-message-warn, 
.store-decorate-silk .core-message-error, 
.store-decorate-silk .core-message-fatal,
.store-decorate-silk .core-message-info {
	background:none;
	color: 
}

.store-decorate-silk .core-message-warn::before, 
.store-decorate-silk .core-message-error::before, 
.store-decorate-silk .core-message-fatal::before {
	position: absolute;
	left: 0;
	top: 1px;
	font-family: 'phraseexpander';
    content: "\e900";
    font-size: 18px;
    display: inline-block;
}
.store-decorate-silk .core-message-info::before {
	position: absolute;
	left: 0;
	top: 1px;
	font-family: 'phraseexpander';
    content: "\e907";
    font-size: 18px;
    display: inline-block;
    color: #3197D6;
}

/*SUCCESS PAGE*/
.store-page-complete .store-notice-bill-descriptor-message {
	background: #dff0d8;
    padding: 30px;
}
.store-page-complete .store-notice-bill-descriptor-message + div {
    padding: 20px 0 20px;
}
.store-page-complete .store-order-item.store-order-item-base {
    border-bottom: 1px solid #ddd;
    padding: 0 0 30px;
}

.store-page-complete .store-section-complete-notice {
	margin-bottom: 70px;
}



/** STYLE FOOTER **/
#footer {
	background-color: #205B83;
	color: #fff;
}
#footer-security img {
	display: inline-block;
	margin: 0 20px;
}

#page .store-footer {padding: 3em 0;}

/** RESPONSIVE **/
@media (min-width: 1360px){
	html {
	  position: relative;
	  min-height: 100%;
	}
	body {
	  margin-bottom: 452px;
	}
	.main-footer {
	  position: absolute;
	  bottom: 0;
	  width: 100%;
	  height: 452px;
	}
}

@media (min-width: 992px){
	.store-section-customer-contact {
		float: left;
	    width: 48%;
	    clear: inherit;
	    margin-bottom: 50px;
	}
	.store-section-payment {
		float: right;
	    width: 48%;
	    clear: inherit;
	    margin-bottom: 50px;
	}
}
@media (min-width: 768px){
	.col-logo {
		float: left;
	}
	.col-phone {
		float: right;
		text-align: right
	}
}
@media (max-width: 767px){
	#masthead .col-phone{
		text-align: center;
	}
	#masthead .col-logo img {
		margin: 0 auto;
		padding: 25px 0;
	}
	/**/
	#masthead {
	    position: relative;
	    padding: 20px 0 0;
	}
	#def-main-title .intro-main-title h1 {
		font-size: 30px;
		line-height: 35px;
	}
	#def-main-title .intro-main-title h2 {
		font-size: 20px;
		line-height: 25px;
	}
	#def-main-title .intro-main-title h2 {
		padding-top: 15px;
	}
}