body {font-family: 'Open Sans', sans-serif; font-size:17px; font-weight:400; color:#000}
h1, h2, h3, h4, h5, h6 {font-family: 'Squada One', cursive;}
h1 {font-size:48px;}

/** Top Nav **/
.topnav_sec {background:#98eefe;}
.megamenu-li {position: static;}
.megamenu {position: absolute;width: 100%;left: 0;right: 0;padding: 15px;}
.dropdown-item {background-color:#f1f0f0 !important; margin-bottom:3px; border-radius:3px; padding: .5rem 1.5rem .5rem 1rem;}
.dropdown-item:hover {background-color:#98eefe !important;}
.dropdown-item span {font-weight:600; text-transform:uppercase;}
.megamenu .carousel-inner img {border-radius: 6px; margin-bottom: 9px;}

.navbar-light .navbar-nav .nav-link {color: #cb138b; background: #fff; border-radius: 9px; padding: 9px 18px; margin:0 0 0 18px; text-transform:uppercase; font-size:15px; font-weight:700;}
@media (min-width:300px) and (max-width:991px) {
.navbar-light .navbar-nav .nav-link {margin:0 0 12px 0;}
.dropdown-item {white-space: normal;}
}
/** Carousel Slider **/

.carousel-inner img {width: 100%; height: 100%;}
.carousel-caption {top:6% !important;}
.carousel-indicators {bottom:15px !important;}
.carousel-indicators li {background:#9e9e9e !important; cursor:pointer;}
.carousel-indicators .active {background:#565656 !important;}
.bs_banner {display:block;}
.ss_banner {display:none;}

@media (max-width:540px) {
.bs_banner {display:none;}
.ss_banner {display:block;}	
}

@media (max-width:991px) {
.carousel-indicators {display:none;}
}

/** Products Home **/
.blog_section {padding:18px 0 45px 0;}
.blog_section .blog_content .blog_item {margin-bottom: 30px;  /*box-shadow: 0 0 18px 0 rgb(6 22 58 / 30%);*/  border: #c4c2c2 1px solid;  position: relative;  border-radius: 2px;  overflow: hidden;}
.blog_section .blog_content .blog_item:hover .blog_image img {transform: scale(1.1);}
.blog_section .blog_content .blog_item .blog_image {overflow: hidden; padding: 0;}
.blog_section .blog_content .blog_item .blog_image img {width: 100%; transition: transform 0.5s ease-in-out; border-bottom: 1px solid #c4c2c2;}
.blog_section .blog_content .blog_item .blog_image span i {position: absolute; z-index: 2; color: #fff; font-size: 18px; width: 38px; height: 45px; padding-top: 7px; text-align: center; right: 20px; top: 0; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 79%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 79%, 0 100%); background-color: #feab23;}
.blog_section .blog_content .blog_item .blog_details {padding: 18px 12px 6px 12px;}
.blog_section .blog_content .blog_item .blog_details .blog_title h5 {font-family: 'Roboto', sans-serif;}
.blog_section .blog_content .blog_item .blog_details .blog_title h5 a {color: #000; margin-top: 0; font-size: 21px; font-weight: 500; transition: all 0.3s; text-decoration: none;}
.blog_section .blog_content .blog_item .blog_details .blog_title h5 a:hover {color: #ff5e14;}
.blog_section .blog_content .blog_item .blog_details ul {padding: 0 3px 10px 0; margin: 0;}
.blog_section .blog_content .blog_item .blog_details ul li {display: inline-block; padding-right: 15px; position: relative; color: #7f7f7f;}
.blog_section .blog_content .blog_item .blog_details ul li i {padding-right: 7px;}
.blog_section .blog_content .blog_item .blog_details p {border-top: 1px solid #d1d1d1; margin-top: 4px; padding: 15px 0 0 0; font-size:16px; margin-bottom:9px;}
.blog_section .blog_content .blog_item .blog_details a {font-size: 16px; display: inline-block; color: #ff5e14; font-weight: 600; text-decoration: none; transition: all 0.3s;}
.blog_section .blog_content .blog_item .blog_details a:hover {color: #020d26;}
.blog_section .blog_content .blog_item .blog_details a i {vertical-align: middle; font-size: 20px;}
.blog_section .blog_content .owl-nav {display: block;}
.blog_section .blog_content .owl-nav .owl-prev {position: absolute; left: -27px; top: 33%; border: 5px solid #fff; text-align: center; z-index: 5; width: 40px; height: 40px; border-radius: 50%; outline: 0; background: #ff5e14; transition: all 0.3s; 
color: #ff;}
.blog_section .blog_content .owl-nav .owl-prev span {font-size: 25px; margin-top: -6px; display: inline-block;}
.blog_section .blog_content .owl-nav .owl-prev:hover {background: #fff; border-color: #ff5e14; color: #ff5e14;}
.blog_section .blog_content .owl-nav .owl-next {position: absolute; right: -27px; top: 33%; border: 5px solid #fff; text-align: center; z-index: 5; width: 40px; height: 40px; border-radius: 50%; outline: 0; background: #ff5e14; color: #fff; transition: all 0.3s;}
.blog_section .blog_content .owl-nav .owl-next span {font-size: 25px; margin-top: -6px; display: inline-block;}
.blog_section .blog_content .owl-nav .owl-next:hover {background: #fff; border-color: #ff5e14; color: #ff5e14;}

@media only screen and (max-width: 577px) {
.blog_section .owl-nav .owl-prev {left: -17px !important;}
.blog_section .owl-nav .owl-next {right: -17px !important;}
}

@media (max-width:420px) {
.blog_section {padding: 30px 0 6px 0;}	
/*#demo, .hide-mobile {display:none;}*/
}

/** About Blok - Home **/
.about_sec {padding:0; background:#e3e3e3;}
.about_sec_bg {background:url(../images/bg_about_home.jpg) center right no-repeat;}
.about_left {background:url(../images/white_trans.png) top left repeat; padding:0 45px 18px 45px; margin:54px 0;}
.about_left h1 {background:url(../images/ribbon.png) top left no-repeat; font-size:39px; color:#9b0266; padding:33px 0 24px 57px;}
.about_left p {text-align:justify;}
.about_left p a {color:#ff8400; font-weight:600;}

.about_title {font-size:30px; font-family: 'Roboto', sans-serif; text-align:left !important;}
.about_subpag_bg {background:url(../images/bg_about_subpage.jpg) center right no-repeat;}

.about_mission {}
.about_mission ul {margin: 0 0 18px 0; padding: 0;}
.about_mission ul li {list-style: none; background: url(../images/arrow_mission.png) left 12px no-repeat; padding: 6px 0 15px 30px; font-size:20px;}

@media (max-width:540px) {
.about_sec_bg, .about_subpag_bg {background:transparent;}	
.about_title {font-size:21px;}
}
.blog_section h1 {font-size:39px; color:#9b0266; padding:21px 0; text-align:center;}

/** Footer **/
footer {background:#373737; padding:0; color:#fff;}
footer h3 {margin-bottom:21px;}
footer ul {float:left; margin:0; padding:0;}
footer ul li {list-style:none; padding:0 0 12px 0;}
footer ul li a {color:#fff; text-decoration:underline;}
footer ul li a:hover {color:#fff; text-decoration:none;}
.copy-right {background:#000; color:#999; padding:18px 0; text-align:center; font-size:15px;}

footer .ft_block1, footer .ft_block2 { overflow:hidden;}
footer .ft_block1 {padding:45px 0 0 0; }
footer .ft_block2 { padding:45px 0 21px 45px;}

@media (max-width:767px) {
footer h3 {margin-bottom:27px; margin-top:30px;}
footer .ft_block1, footer .ft_block2 {display:none;}
}
@media (max-width:420px) {
footer ul {width:90%;}
}

/** About us - Sub page **/
.subpage_banner {background:#e1038a; padding:30px 0 21px 0; text-align:center; color:#fff; text-transform:uppercase;}
.subpage_banner h1 {font-size:45px;}
.subpage_about, .subpage_contact {padding:45px 0; background:#fff;}
.subpage_about p {text-align:justify;}
.subpage_contact p {text-align:left;}
.about_img {float:right; margin:0 0 12px 27px;}

.map_block {width:100%; height:360px; border-radius:9px; overflow:hidden; margin-top:2.75rem;}

@media (max-width:991px) {
.about_img {width:55%;}
}
@media (max-width:540px) {
.about_img {width:100%;}
.subpage_banner {padding: 18px 0 9px 0;}
}

/** Product Detail View Page **/
.subpage_product {padding:60px 0 60px 0; background: #fff;}
.product_subtitle {font-size:21px; font-weight:400; margin-top:-9px; margin-bottom:21px;}
/*.table thead th {background:#15383f !important; }
.table-dark td {background:#d6f2f7 !important; color:#000 !important; border-bottom:#8bb7bf 1px solid;}*/
.product_benefits ul {margin:0 0 18px 0; padding:0;}
.product_benefits ul li {list-style:none; background:url(../images/left_arrow.png) left 7px no-repeat; padding:0 0 6px 30px;}
.text_present {color:#c5168d; font-weight:600;}

.product_quickview {max-width:1170px !important;}
.close_quickview {position:absolute;top:10px;right:10px;}
.bt_qv_send {width:fit-content;	text-align:center;margin: 21px 0 0 0 !important;}
.preview {display: -webkit-box;	display: -webkit-flex;display: -ms-flexbox;	display: flex;	-webkit-box-orient: vertical;-webkit-box-direction: normal;	-webkit-flex-direction: column;	-ms-flex-direction: column;	flex-direction: column;}

/*.table thead th, .table-dark td {border:#8bb7bf 1px solid !important;}*/

 @media screen and (max-width: 996px) {
.preview {margin-bottom: 20px;}
}
.preview-pic {/*-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;	flex-grow: 1;*/}
.preview-thumbnail.nav-tabs {border: none;	margin-top: 15px;}
.preview-thumbnail.nav-tabs li {width: 18%;	margin-right: 2.5%;	max-height: 75px;margin-bottom: 12px;overflow: hidden;}
.preview-thumbnail.nav-tabs li img {max-width: 100%;display: block;}
.preview-thumbnail.nav-tabs li a {padding: 0;margin: 0;}
.preview-thumbnail.nav-tabs li:last-of-type {margin-right: 0;}
.tab-content {overflow: hidden;}
.tab-content img {width: 100%;	-webkit-animation-name: opacity;animation-name: opacity; -webkit-animation-duration: .3s; animation-duration: .3s;}
.card1 {}
 @media screen and (min-width: 997px) {
 .wrapper {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
}
.details {display: -webkit-box;	display: -webkit-flex;	display: -ms-flexbox;display: flex;	-webkit-box-orient: vertical;-webkit-box-direction: normal;	-webkit-flex-direction: column;	-ms-flex-direction: column;	flex-direction: column;}
.colors {/*-webkit-box-flex: 1;	-webkit-flex-grow: 1;	-ms-flex-positive: 1;	flex-grow: 1;*/}
.product-title {text-transform: UPPERCASE;	font-weight: bold;}
.checked, .price span {color: #ff9f1a;}
.product-title, .rating, .product-description, .price, .vote, .sizes {margin-bottom: 15px;}
/*.product-title {margin-top: 0; font-family: 'Roboto', sans-serif; font-weight:600;}*/
.product-title {margin-top: 0; font-family: 'Caveat Brush', cursive; font-size:33px;}
.size {margin-right: 10px;}
.size:first-of-type {margin-left: 40px;}
.color {display: inline-block;vertical-align: middle;margin-right: 10px;height: 2em;width: 2em;	border-radius: 2px;}
.color:first-of-type {margin-left: 20px;}
.add-to-cart, .like {background: #ff9f1a;padding: 1.2em 1.5em;	border: none;text-transform: UPPERCASE;	font-weight: bold;	color: #fff; -webkit-transition: background .3s ease; transition: background .3s ease;}
.add-to-cart:hover, .like:hover {background: #b36800;color: #fff;}
.not-available {text-align: center;	line-height: 2em;}
.not-available:before {font-family: fontawesome;content: "\f00d";color: #fff;}
.orange {background: #ff9f1a;}
.green {background: #85ad00;}
.blue {background: #0076ad;}
.tooltip-inner {padding: 1.3em;}
@-webkit-keyframes opacity {0% {opacity: 0; -webkit-transform: scale(3); transform: scale(3);}
100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
}
@keyframes opacity {0% {opacity: 0; -webkit-transform: scale(3); transform: scale(3);}
100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
}
@media (max-width:540px) {
.subpage_product {padding:30px 0;}
.card1 {padding:1em;}
.wrapper {width:auto;}
.color {height: 1em;width: 1em;}
}
@media (max-width:420px) {
.about_left h1 {font-size:30px; padding: 21px 0 24px 57px;}
.blog_section h1 {font-size:30px; padding:0 0 21px 0;}
}

/** Feeding Guidelines Table **/
.fg_table {}
@media (min-width:300px) and (max-width:991px) {
.fg_table {overflow-x:scroll;}	
}
@media (max-width:450px) {
.fg_table {overflow-x:scroll; width:400px;}	
}
@media (max-width:420px) {
.fg_table {overflow-x:scroll; width:360px;}	
}
@media (max-width:480px) {
.fg_table {overflow-x:scroll; width:360px;}	
}
@media (max-width:360px) {
.fg_table {overflow-x:scroll; width:320px;}	
}
@media (max-width:320px) {
.fg_table {overflow-x:scroll; width:280px;}	
}

/** Table style **/
.th_blue {background:#15383f; border:#8bb7bf 1px solid; color:#fff;}
.td_blue {background:#d6f2f7; border:#8bb7bf 1px solid;}

.th_yellow {background:#b69936; border:#d6c075 1px solid; color:#fff;}
.td_yellow {background:#f5e9c0; border:#d6c075 1px solid;}

.th_brown {background:#dd821f; border:#e8b680 1px solid; color:#fff;}
.td_brown {background:#feddba; border:#e8b680 1px solid;}

.th_purple {background:#c1529a; border:#d98cbb 1px solid; color:#fff;}
.td_purple {background:#ebc1db; border:#d98cbb 1px solid;}

.th_red {background:#a44139; border:#d48c86 1px solid; color:#fff;}
.td_red {background:#f6d6d3; border:#d48c86 1px solid;}

.dropdown-item {word-break: break-word; white-space: inherit; font-size: 0.9rem;}
.dropdown-item span {font-size:1rem;}
.remove-image {
	display: inline;
    position: relative;
    float: right;
    background: red;
    color: white;
    top: 0px;
    right: 20px;
}