/*=== Obagi Pages Styling =====*/
.obagi_intro_section{
	height: 600px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.d-flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.obagi_product_slider{
	background: url(../images/obagi-waterbg.png) no-repeat center;
	text-align: center;
	-webkit-background-size: 100%;
	background-size: 100%;
	padding: 0px 25px;
}
.obagi_product_slider .p-item{
	padding: 0px 70px;
}
.obagi_product_slider .p-item .caption{
	text-align: center;
	margin-top: 24px;
	font-size: 14px;
	color: #0A3691;
	font-weight: 600;
}
.obagi_product_slider .p-item .caption a{
	margin-bottom: 10px;
	display: block;
	font-size: 14px;
	color: #0A3691;
	font-weight: 600;
}
.obagi_product_slider .p-item .caption span{
	display: block;
	font-size: 10px;
	font-weight: 600;
	color: #242424;
	margin-bottom: 8px;
	padding: 0px 50px;
}
.obagi_intro{
	padding-right: 40px;
}
.obagi_intro img{
	width: 50%;
}
.obagi_intro p{
	font-size: 14px;
	line-height: 21px;
	color: #242424;
	margin-top: 30px;
	margin-bottom: 0
	font-weight: 500;
}

.slick-slider .slick-prev, .slick-slider .slick-next{
  position: absolute;
  cursor: pointer;
  bottom: 65px;
  font-size: 0;
  font-family: "FontAwesome";
  -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  border: none;
  background: transparent;
}
.slick-slider .slick-prev:focus, .slick-slider .slick-next:focus{
	outline: none;
}
.slick-slider .slick-next{
  right: 0;
  margin-right: 0;
}
.slick-slider .slick-prev{
  left: 0;
  margin-left: 0;
}
.slick-prev:before, 
.slick-next:before { 
  font-size: 16px; 
  color: #0A3691;
}
.slick-prev:before{
  content: "\f053";
}
.slick-next:before{
  content: "\f054";
}

.exc_offer_section{
	background: #051C4D;
	height: 650px;
	padding: 50px 0px;
	border-top: 5px solid #00BDCD;
}
.obagi_offer_slider .slick-prev{
	left: -20px;
}
.obagi_offer_slider .slick-next{
	right: -20px;
}
.obagi_offer_slider .slick-prev,
.obagi_offer_slider .slick-next{
	bottom: auto;
	top: 50%;
	margin-top: -9px;
}
.obagi_offer_slider .slick-prev:before,
.obagi_offer_slider .slick-next:before{
	color: #fff;
}
.ob_heading{
	text-align: center;
}
.ob_heading{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.ob_heading:after, .ob_heading:before{
	content: '';
	width: 18px;
	height: 1px;
	background: #D5D5D5;	
}
.ob_heading:after{
	margin-left: 15px;
}
.ob_heading:before{
	margin-right: 15px;
}
.offer_slide_block .offer_info{
	margin-top: 20px;
}
.offer_slide_block .offer_info .offer_pro_title{
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	line-height: 18px;
	display: block;
	margin-bottom: 15px;
}
.offer_slide_block .offer_info .offer_price{
	margin-bottom: 15px;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
}
.offer_slide_block .offer_info .offer_price span{
	text-decoration: line-through;
	margin-right: 10px;
}

.obagi_btn{
	isplay: inline-block !important;
    background: #0A3691 !important;
    height: 40px;
    line-height: 24px;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    min-width: 154px;
    border: none !important;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-transform: uppercase;
}
.obagi_btn:hover, .obagi_btn:focus{
	background: #00BDCD;
	color: #fff;
	border: none;
	outline: none;
}
.product_showcase_section{
	background: #F7FAFF;
	padding: 60px 0px;
}
.sec_title{
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #0A3691;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.product_filter_nav{
	background: #051C4D;
	height: 80px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 10px;
	overflow: hidden;
	margin-bottom: 60px;

}
.product_filter_nav .button{
	background: transparent;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 0px 10px;
	border: none;
	height: 200%;
	border-radius: 70px;
	text-wrap: wrap;
}
.product_filter_nav .button:focus{
	outline: none;
}
.product_filter_nav .button.is-checked{
	background: #0A3691;
}

.obagi_product_card{
	background: #fff;
	-webkit-box-shadow: 0px 3px 20px rgba(8, 0, 74, 0.10);
	box-shadow: 0px 3px 20px rgba(8, 0, 74, 0.10);
	min-height: 525px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	margin-bottom: 40px;
	padding: 20px;
	margin-top: 20px;
	position: relative;
}
.obagi_product_card:hover{
	-webkit-box-shadow: 0px 20px 20px rgba(8, 0, 74, 0.10);
	box-shadow: 0px 20px 20px rgba(8, 0, 74, 0.10);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.obagi_product_card .pro_img{
	text-align: center;
}
.obagi_product_card  .product_details{
	padding: 20px;
}
.obagi_product_card  .product_details .pro_cat, .obagi_product_card  .product_details .pro_cat a{
	color: #0A3691 !important;
	font-size: 11px;
	font-weight: 600;
	margin-bottom: 10px;
}
.obagi_product_card  .product_details .pro_title{
	font-size: 14px;
	font-weight: 500;
	color: #242424 !important;
	line-height: 18px;
	display: block;
	margin-bottom: 15px;
}
.obagi_product_card  .product_details .pro_price{
	margin-bottom: 15px;
	color: #0A3691;
	font-size: 11px;
	font-weight: 600;
}
.obagi_product_card  .product_details .pro_price span{
	text-decoration: line-through;
	margin-right: 10px;
	color: #585858;
}


.faq_section{
	padding: 60px 0px;
}
.faq_section .ob_heading{
	color: #0A3691;
}
.faq_section .ob_heading:after, .faq_section .ob_heading:before{
	background: #0A3691;
}
/*===== Accordion Design =====*/
.obagi_accordion{
	margin-top: 50px;
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd;
    padding-top: 25px;
}
.obagi_accordion .panel{
	padding: 0px;
	border-radius: 0;
	margin-bottom: 30px;
	border: 2px solid #D6E7FF;
}
.obagi_accordion .panel .panel-heading{
	padding: 0;
}
.obagi_accordion .panel .panel-heading a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	height: 78px;
	padding: 0px 24px;
	color: #0A3691 !important;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
}
.obagi_accordion .panel .panel-heading a i{
	margin-left: auto;
	color: #D6E7FE;
}
.obagi_accordion .panel .panel-heading .acc_btn .a_add{
	display: none;
}
.obagi_accordion .panel .panel-heading .acc_btn .a_remove{
	display: block;
}
.obagi_accordion .panel .panel-heading .acc_btn.collapsed .a_remove{
	display: none;
}
.obagi_accordion .panel .panel-heading .acc_btn.collapsed .a_add{
	display: block;
}

.obagi_accordion .panel .panel-body{
	padding-left: 24px;
	padding-right: 24px;
	border: none;
	color: #242424;
	font-weight: 500;
	line-height: 21px;
	padding-bottom: 30px;

}
.obagi_accordion .panel+.panel{
	margin-top: 0;
}


/*===== Category pages =====*/

.category_intro_section{
	height: auto;
	min-height: 600px;
	padding: 50px 0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.cat_intro h1, .cat_intro .category_title{
	font-size: 30px;
	font-weight: 600;
	color: #0A3691;
	margin-top: 0;
	margin-bottom: 25px;
}
.cat_intro p{
	font-size: 18px;
	font-weight: 500;
	color: #242424;
	line-height: 24px;
	margin-bottom: 30px;
}
.cat_intro h3{
	color: #0A3691;
	font-size: 14px;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 25px;
}
.cat_intro ul{
	padding-left: 50px;
	margin-left: -25px;
}
.cat_intro ul li{
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	color: #242424;
	margin-bottom: 25px;
}
.cat_intro ul li:before{
	content: '\2022';
	width: 25px;
	font-size: 24px;
	color: #0A3691;
	display: inline-block;
	height: 7px;
	margin-left: -25px;
}
.category_img_block{
	background: url(../images/obagi-waterbg.png) no-repeat center;
	text-align: center;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.giftcard_intro .category_img_block{
	background: none;
}

.category_img_block .cat_img{
	padding: 0px 70px;
}
.giftcard_intro .category_img_block .cat_img{
	padding: 0px 100px;
}
.mobile_product_dd{
	display: none;
}

.woocommerce .obagi_single_page .op_product_single_content_block form.cart{
	flex-direction: row;
}
.woocommerce .obagi_single_page .op_product_single_content_block form.variations_form{
	flex-direction: column;
}
.pro_img span.onsale {
    width: 39px;
    height: 38px;
    line-height: 38px !important;
    padding: 0 !important;
    text-align: center !important;
    left: auto !important;
    background-color: #f25b58 !important;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 20px;
    top: 25px !important;
   
}

@media only screen and (max-width : 767px){
	.obagi_intro_section{
		height: auto;
		width: 100%;
		display: block;
		padding-right: 0;
		padding-bottom:0px;
	}
	.obagi_intro {
		padding-right: 0;
		text-align: center;
		margin-bottom: 30px;
	}
	.obagi_intro img{
		max-width: 50%;
	}
	.product_filter_nav {
		display: none;
	}	
	.obagi_product_slider .p-item, .obagi_product_slider .p-item .caption span{
		padding: 0px 10px;
	}
	.obagi_product_slider
	{
		padding:0px 0px !important;
	}
	.offer_slide_block{
		text-align: center;
	}
	.offer_slide_block img{
		margin: auto;
	}
	.offer_info .obagi_btn{
		width: 100%;
	}
	.obagi_offer_slider .slick-dots{
		margin: 40px 0px 0px 0px;
		padding: 0;
		list-style: none;
		text-align: center;
		position: relative;
		width: 100%;
	}
	.obagi_offer_slider .slick-dots li{
		list-style: none;
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}
	.obagi_offer_slider .slick-dots li button{
		padding: 0;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		font-size: 0;
		border: 0;
		background: rgba(255, 255, 255, 0.5);
		border: none;
		margin: 0px 5px;
		position: relative;		
	}

	.obagi_offer_slider .slick-dots li.slick-active button{
		background: #fff;
		border: none;	
	}
	.obagi_product_card{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		height: 100px;
		margin-bottom: 20px;
		align-items: center;
		min-height: inherit;
		width: 100%;
	}
	.row.grid {
	    margin: 0px;
	}
	.obagi_product_card .pro_img{
		width: 90px;
		padding: 10px;
	}
	.obagi_product_card .product_details{
		width: calc(100% - 90px);
		padding: 0px 10px;
	}
	.grid .col-md-3{
		width: 100%;
	}
	.obagi_product_card .product_details .pro_price,
	.obagi_product_card .product_details .obagi_btn {
		display: none;
	}
	.obagi_product_card .product_details .pro_cat,
	.obagi_product_card .product_details .pro_title{
		margin-bottom: 0;
	}
	.mobile_product_dd{
		margin-bottom: 40px;
		display: block;
	}
	.mobile_product_dd label{
		color: #585858;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700;
	}
	.mobile_product_dd .form-control{
		background: #051C4D;
		color: #fff;
		height: 44px;
		appearance: auto;
	}
	.obagi_accordion .panel .panel-heading a{
		font-size: 12px;
		line-height: 18px;
	}
}

@media only screen and (min-width : 768px) and (max-width: 991px){
	.obagi_intro_section, .category_intro_section{
		height: auto;
		padding: 40px 0px;
	}
	.obagi_intro{
		padding-right: 0;
	}
	.obagi_product_slider{
		padding: 0;
		background-position: center top;
	}
	.obagi_product_slider .p-item{
		padding: 0px;
	}
	.obagi_product_slider .p-item img{
		width: 80%;
		margin: auto;
	}
	.obagi_offer_slider .slick-prev, .obagi_offer_slider .slick-next{
		top: auto;
		bottom: 100%;
		margin-bottom: 45px;
		margin-top: 0;
	}
	.obagi_offer_slider .slick-next{
		right: 20px;
	}
	.obagi_offer_slider .slick-prev{
		left: 20px;
	}
	.exc_offer_section{
		height: auto;
	}
	.footer_contact_form .col-md-4{
		min-height: inherit;
	}
	.cat_intro h1, .cat_intro .category_title{
		font-size: 20px;
	}
	.cat_intro p{
		font-size: 14px;
	}
	.category_img_block .cat_img{
		padding: 0;
		width: 90%;
		margin: auto;
	}
	.obagi_product_card{
		padding: 0;
	}

}



/*Obagi catalogo css*/

.obagi_bg_sec{
	background: #D5EDFF;
    padding-top: 60px;
    padding-bottom: 60px;
}
.main_catlog_cont{
	border: solid 2px #026AA4;
    border-radius: 60px;
    padding: 60px 60px;
    background: #fff;
}
.ob_logo {
    text-align: center;
    margin-bottom: 30px;
}
.cat_headings {
    text-align: center;
}
.divde_line{
	background: #102662;
    width: 2px;
    height: 25px;
    display: block;
    margin: auto;
    margin-top: 22px;
}
.catlogo_product{
	border: solid 2px #026AA4;
	border-radius: 30px;
	min-height: 360px;
	padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalogo_row {
    width: 100%;
    border-bottom: solid 2px #026AA4;
    padding-bottom: 40px;
    padding-top: 40px;
}
.left_cat_cont h2{
	color: #102561;
    font-size: 36px;
    font-weight: 700;
    max-width: 420px;
    line-height: 44px;
    margin-top: 0px;
}
.left_cat_cont h4{
	font-size: 20px;
    font-weight: 500;
    color: #102561;
    margin-bottom: 5px;
}
.left_cat_cont p{
	color: #102561;
    font-weight: 600;
    line-height: 25px;
    max-width: 290px;
    margin-bottom: 20px;
}
.catlogo_filter .button {
    background: #D5EDFF !important;
    color: #102561;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 30px;
    border: none;
    height: 200%;
    border-radius: 30px;
    border: solid 2px transparent;
    margin: 0px 10px 10px 0px;

}
.catlogo_filter {
    background: transparent;
    justify-content: center;
    height: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    padding: 0px;
    overflow: visible;
    margin-bottom: 60px;
    margin-top: 60px;
    flex-wrap: wrap;
}
.catlogo_filter .button.is-checked {
    background: transparent;
    border: solid 2px #026AA4;
}
.shape_morph.blob {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    animation: morph 8s ease-in-out infinite;
    -webkit-animation: morph 8s ease-in-out infinite;
    -ms-animation: morph 8s ease-in-out infinite;
}
.shape_morph {
    height: 56px;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    width: 110px;
    z-index: 5;
    background: #262D7B;
    z-index: -1;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
@keyframes morph {
  0% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
  50% {
    border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
  100% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } 
}
.ver_btn.shape_morph.blob {
    font-size: 14px;
    font-weight: 600;
    color: #fff !important;
}

@media only screen and (max-width : 767px){
	.main_catlog_cont {
	    padding: 40px 20px;
	}
	.obagi_bg_sec {
	    padding-top: 20px;
	    padding-bottom: 20px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.left_cat_cont {
	    text-align: center;
	    margin-top: 30px;
	}
	.left_cat_cont h2 {
	    font-size: 24px;
	}
	.ver_btn.shape_morph.blob {
	    margin: auto;
	}
	.catlogo_filter{
		justify-content: left;
		flex-wrap: wrap;
		margin-bottom: 0px;
		margin-top: 40px;
	}
	.catlogo_filter .button {
	    font-size: 12px;
	    padding: 10px 20px;
	    margin: 0px 10px 10px 0px;
	    flex: 0 0 auto;
	}
	.col_order{
		order: -1;
	}
	.for_mobile{
		display: flex;
		flex-direction: column;
	}
}

a.obagi_btn.btn-block {
    display: block;
    line-height: 39px;
}


/*obagi club css*/

#obagiclub .form-control {
    height: 46px;
    border-radius: 0;
    border: 1px solid #ccc;
    font-size: 16px;
    box-shadow: none !important;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    margin-bottom: 20px;
    font-weight: 400;
}
#obagiclub input::placeholder{
	color: #ccc !important;
}
input#obagi_club_submit {
    width: 236px;
    height: 46px;
    line-height: 26px;
    border-radius: 0px;
}
#obagiclub label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 30px;
    font-weight: 700;
}


@media only screen and (max-width: 767px){
.pro_img span.onsale {
	    width: 30px;
	    height: 30px;
	    right: 22px;
	    font-size: 9px;
	    line-height: 30px !important;
	    top: 6px !important;
	}
}