/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display:swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@keyframes shimmer {0% {background-position: -1000px 0;} 100% {background-position: 1000px 0;}}
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(30px)} 100% { opacity: 1; transform: translateY(0)}}
@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
html{scroll-behavior: smooth;}
body{padding:0;margin:0;font-family:'Open Sans', sans-serif;font-weight:400;overflow-x:hidden;overflow-y:scroll;scroll-behavior: smooth;}
textarea{font-family:'Open Sans', sans-serif;}
.cn{max-width:1200px;display:block;margin:auto;width:100%;}
.cn.small{max-width:800px;}
h1, h2, h3, h4{ padding: 0; margin: 0; font-weight: 600; display: block;}
a {text-decoration: none;color: #008539;-webkit-transition: all 300ms ease 0ms;-moz-transition: all 300ms ease 0ms;transition: all 300ms ease 0ms}
a:hover {text-decoration: underline;color: #262626;}
.btn{cursor: pointer;outline:none;display: inline-block;margin: 0 ;position: relative;top: 0;padding: 7px 20px 9px;font-size: 14px;font-weight: bolder;text-align: center;text-decoration: none;color: #3e3e3e;
	border: 0;border-radius: 40px;min-width:180px; 
}
label{font-size:13px;font-weight:600;padding-bottom:5px;}
.btn.white_outline{border:3px solid #fff;background:transparent;color:#fff;}
.btnFemale {background: #ec407a;color: #FFF;border-color: #ec407a;}
.btnMale {background: #2196f3;color: #FFF;border-color: #2196f3;}
.btnGreen {background: #008539;color: #FFF;border-color: #008539;}
.btnGreen:hover,.btnGreen:focus {background: #00642b;color: #FFF;border-color: #00642b;text-decoration: none}
.btnConfirm{font-size:18px;padding:20px 40px;font-weight:600;border-radius:5px;} 
.paypalBtn{border-radius:3px;background: #2f9cdd;color:#FFF;font-weight:600;display:inline-block;padding:6px 61px;font-size:14px;margin-bottom:5px;min-width:auto}
.paypalBtn img{height:23px;display: block;}
.alignMiddle{text-align: center!important;}
.alignRight{text-align: right!important;}
.alignLeft{text-align: left!important;}
.hide{display: none!important;}
ol li{padding-bottom: 15px;line-height: 1.6;}
blockquote {font-family: Georgia, 'Open Sans';font-size: 17px;font-style: italic;margin: 5px 0;padding: 10px 10px 10px 55px;line-height: 1.45;position: relative;z-index:0;color: #383838;}
blockquote cite {color: #666;font-size: 15px;display: block;margin-top: 5px;}
blockquote.big{font-size:20px;font-style:normal;}
blockquote:before {font-family: Georgia, 'Open Sans';display: block;content: '\201C';font-size: 80px;position: absolute;left: 0;top: -10px;color: #008539;}
hr {margin-top: 20px;margin-bottom: 25px;border-width: 0;border-top: 1px solid #ddd;}

.noselect,.tooltip,.btn {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

textarea {resize: vertical;}


.inp:focus::-webkit-input-placeholder {
    color: white;
}
.inp:focus:-moz-placeholder {
    color: white;
}
.inp:focus::-moz-placeholder {
    color: white;
}
.inp:focus:-ms-input-placeholder {
    color: white;
}

.inp {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 10px 12px;
    background: #fff;
    border: 0;
    border: 1px solid #aaa;
    margin-bottom: 20px;    box-sizing: border-box;
    outline:none;
}

textarea.inp{font-size: 14px;}

label{position: relative;display: block;z-index:0;}
.tooltip{font-size:10px;color:#FFF;font-weight: 600;background: #616161;text-shadow: 1px 1px #000;cursor:help;border-radius:50%;padding:1px 6px 2px;z-index: 0;margin-bottom:2px;}
.tooltip:hover::after{content: attr(data-info);padding: 5px 10px;position: absolute;bottom: 23px;width:90%;background: rgba(0,0,0,0.8);color: #fff;font-weight: 400;font-size: 12px;text-align: left;left: 0;border-radius: 3px;}

@media screen and (max-width: 660px){
    *.tabletDesktop{display:none!important;}
}
@media screen and (min-width: 661px){
    *.mobile{display:none!important;}    
}

@media screen and (max-width: 1024px){
	*.desktop{display:none!important;}
    #floating_buy_button.show{display: block;}
}
@media screen and (min-width: 1025px){
    *.tabletMobile{display:none!important;}    
}

.flex_row{display:flex;}
.flex_row > .shrink{flex-shrink: 1;}
.flex_row > .grow{flex-grow: 1;}
.flex_row > .third{width:33%;}
.flex_row > .half{width:50%;}

@media(max-width:600px){
	.flex_row.mobile_collapse{flex-direction: column;}
	.flex_row > .third{width:100%;}
	.flex_row > .half{width:100%;}
}

/* particulars */
#head{
	border-bottom:1px solid #ccc;
	position: relative;
    background: #FFF;
    z-index: 101;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}

#head.aqiqah .logo{text-align:center!important;padding:30px 0;}
#head.aqiqah .logo a{padding:0!important;}

#head ul{    list-style-type: none;padding: 0;margin: 0;}

@media screen and (min-width:1024px){
    #head > .cn{display:table;height:100%;}
    #head > .cn > div{display:table-cell;vertical-align:middle;}
    #head #navigation{padding-right:15px;}
    #head .logo{padding:0 20px;text-align:left;}
    #head .logo img{position:relative;z-index:0;top:5px;}
    #head .nav_ul{display:block;margin-right:auto;float: right;}
    #head  .nav_ul > li{display:inline-block;vertical-align:middle;position:relative;z-index:0;margin-right:5px;}
    #head  .nav_ul > li > a{display:block;-webkit-transition: all 300ms ease 0ms;-moz-transition: all 300ms ease 0ms;transition: all 300ms ease 0ms;padding:45px 15px 50px;font-size:14px;position:relative;z-index:1;text-decoration:none;color:#000;font-weight:600;}
    #head .nav_ul > li:before {content: ' ';-webkit-transition: all 300ms ease 0ms;-moz-transition: all 300ms ease 0ms;transition: all 300ms ease 0ms;height: 0;width: 100%;z-index: 0;position: absolute;left: 0;bottom:100%;top: -4px;}
    #head .nav_ul > li:hover::before, #head .nav_ul > li.selected:before {background-color: #16bf5f;z-index: 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;height: auto;bottom:-6px}
    #head  li:hover ~ .selected:before{bottom:100%;height:0;}
    #head  li:hover ~ .selected a{color:#444;}
    #head  .nav_ul > li:hover > a,#head li.selected > a{color:#FFF;}
    #head  .nav_ul > li:hover > ul{display:block;position:absolute;top:100%;left:0;width:200px;border:1px solid #aaa;z-index:1;}
    #head  .nav_ul > li > ul li{display:block;}
    #head  .nav_ul > li > ul li a{display:block;border-bottom:1px;font-size:13px;font-weight:600;background:#FFF;padding:10px;color:#444;border-bottom:1px solid #ccc;text-decoration:none;}
    #head  .nav_ul > li > ul li a:hover{background:#eee;}
    #head  .nav_ul > li >ul{display:none;}
}

@media screen and (max-width: 1024px){#header{border-bottom:0;}
    #head > .cn > div{display:block;}
    #head div#navigation{max-height:0;overflow:hidden;border-top:1px solid #ccc;transition: max-height 400ms ease-out;}
    #head div#navigation:before{content:"Navigation Menu";font-size:23px;font-weight: 600;padding:10px 10px 12px;border-bottom:1px solid #ccc;display:block;text-align:center;}
    #head div#navigation.show{max-height:1360px;}
    #head .logo{padding:15px 0;text-align: center;}
    #head .logo a{display: block; width: 180px;margin: auto;}
    #head .logo img{width:100%;display: block;}
    #head .logo #mobile_menu {float:left;background: transparent;border:0;height:35px;margin:0 10px;outline:none;font-size: 10px;font-weight: 600;}
    #head .logo #mobile_menu .menu_ic .bar{width: 30px;height: 4px;background-color: #333;margin: 3px 0;-webkit-transition: all 300ms ease 0ms;-moz-transition: all 300ms ease 0ms;transition: all 300ms ease 0ms}
    #head .logo #mobile_menu.menu_active .bar3{ -webkit-transform: rotate(45deg) translate(-6px, -6px);transform: rotate(45deg) translate(-6px, -6px);}
    #head .logo #mobile_menu.menu_active .bar2{opacity:0;}
    #head .logo #mobile_menu.menu_active .bar1{ -webkit-transform: rotate(-45deg) translate(-4px, 4px);transform: rotate(-45deg) translate(-4px, 4px);}
    #head  .nav_ul li{display: block}
    #head .nav_ul a{display:block;border-bottom:1px;font-size:14px;font-weight:600;background:#FFF;padding:20px 10px;color:#444;border-bottom:1px solid #ccc;text-decoration:none;}
    #head  .nav_ul li ul{display:none;}
    #head  .nav_ul li ul a{padding:15px;padding-left:30px;font-size:13px;background: #f9f9f9;}
    #head  .nav_ul li.show ul{display:block;border:1px solid #ccc;}
    #head  .nav_ul > li.parent > a:after{content: "more";float:right;font-size:12px;}
}

@media screen and (max-width: 660px){ #head .logo a{padding-left:40px;}}

#topbar{background:#26323e;padding:10px;color:#eee;font-size:15px;}
#topbar a{color:white;}
#topbar svg{    margin-right: 8px;
    position: relative;
    top: 2px;}
	
.body_cn{background:white}

#interactive{position: fixed;left:0;top:0;right:0;bottom:0;overflow-y:scroll;overflow-x:hidden;background:rgba(0,0,0,0.3);z-index:100000;padding-top:50px;padding-bottom:50px;    box-sizing: border-box;display:none;}
#interactive.show{display: block;}
#interactive > div{width:100%;max-width:600px;background:#fff;padding:20px;margin:auto;border-radius:3px;    box-sizing: border-box;}

#slides{position: relative;height:600px;transition:height 400ms ease-out;}
#slides > div{position: absolute;top:0;left:0;right:0;display:none;padding:40px 20px 50px;animation: fadeInUp 300ms ease-out;}
#slides > div h3{margin:20px 0 20px;text-align:center;font-size:30px;}
#slides > div.show{display:block;}

#slides > div.slide_buttons{display:block;left:10px;z-index:100;top:15px;right:15px;padding:0;}
.slide_buttons #prev_btn{color:#777;display:none;text-decoration: none!important;}
.slide_buttons #close_btn{position:absolute;right:0;text-decoration: none!important;top:0;color:#cc0000;}

.tiles > div{padding:10px 20px 20px;text-align:center;color:#fff;}
.tiles > div h4{margin:20px 0;font-size:25px;}
.tiles > div h5{margin:20px 0;font-size:22px;}

/* DEFAULT GRID 3 col */
.tiles.grid {text-align: center;}
.tiles.grid > div{display:inline-block;width:30%;margin:1% 10px;min-width:200px;min-height:200px;box-sizing: border-box;padding:10px;vertical-align:top;}

/* GRID 2 COL */
.tiles.grid-2 > div{width:45%;}

/* CONTENT STYLING FOR MOBILE */
@media screen and (max-width:660px){ 
	#interactive{padding-top:0;overflow-y:scroll;background:#fff;-webkit-overflow-scrolling: touch;overflow-x:hidden;}	
	#interactive .btn{margin:10px 0 0!important;}
	#slides > div{padding:40px 15px 15px;}
	.tiles.grid > div{display: block;width:100%;margin:0 0 10px;}
	#slides > div h3{font-size:23px;margin:10px 0 30px;text-align:center;}
}

.content_cn,.info_cn{background: #FFF;position: relative;}
.content_cn.reverse{    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
    display: flex;
    flex-direction: row-reverse;}
.info_cn{border:1px solid #ccc;}

#main_col{padding:15px;}
#main_col .priceList{line-height: 27px;}

#side_col{padding:20px 0 0;}
#side_col .greyBox{padding: 20px 30px 35px;max-width:400px;box-sizing:border-box;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -2px rgba(0, 0, 0, 0.2);background: #f0f0f0;color: #333;border-radius: 0;width: 100%;display: block;margin:auto;}
#side_col .greyBox > div{padding:10px 0;}
.content_cn.reverse #side_col .greyBox{position: sticky;top:20px;}

#side_col  div.image{padding:0;text-align:center;}
#side_col .image img{width:100%;max-width:408px;border:1px solid #ccc;}
#side_col #paypal-button{width:200px;margin:auto;position: absolute;opacity:0.01;top:11px;left:0;right:0;}
#side_col #load{font-size: 19px;font-weight: 600;line-height: 41px;}
#side_col #load img{vertical-align: middle;margin-right: 20px;}
#side_col i,#side_col b{font-size:inherit;}
#side_col .priceList{font-size:16px;line-height:28px;}

#side_col .image_column img{display:block;margin-bottom:20px;width:100%;}

#photoCollage{overflow:hidden;max-height:280px;white-space: nowrap;-webkit-transition: all 300ms ease 0ms;-moz-transition: all 300ms ease 0ms;transition: all 300ms ease 0ms}
#photoCollage .image{display: inline-block;width:48%;margin:0 1%;vertical-align: top;padding:10px 0;}
#side_col #photoCollage .image{width:98%;}
#photoCollage .image.full_image{width:100%;margin:0;}
#photoCollage .image img{width: 100%;display: block;margin: auto;}


#floating_buy_button{background:#fff;display:none;animation-name: fadeInUp; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out;padding:10px;position: fixed;z-index:1000;border-top:1px solid #ccc;left:0;right:0;bottom:0;text-align: center;}
.convertBtn{border: 0;background: #ffe4a4;background: -webkit-linear-gradient(top, #ffe4a4 0%, #ffd568 100%);
background: linear-gradient(to bottom, #ffe4a4 0%, #ffd568 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe4a4', endColorstr='#ffd568', GradientType=0);border: 1px solid #e9bd4d;
border-bottom: 1px solid #cea643;border-radius: 40px;}
.convertBtn:hover{
	background: #ffd568;background: -webkit-linear-gradient(top, #ffd568 0%, #ffe4a4 100%);
background: linear-gradient(to bottom, #ffd568 0%, #ffe4a4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd568', endColorstr='#ffe4a4', GradientType=0);border: 1px solid #e9bd4d;
}

/* CONTENT STYLING FOR DESKTOP */
@media screen and (min-width:1024px){    
    #main_col,#side_col{display:inline-block;box-sizing: border-box;vertical-align: top;}
    #main_col{width:66%;padding:30px 30px;}
    #side_col{width:34%;padding:30px 15px;position: sticky;top:0;}
}

/* CONTENT STYLING FOR MOBILE */
@media screen and (max-width:660px){  
	.content_cn.reverse{display:block!important;}
    h1{font-size:1.7em}
    h2{font-size:1.3em}
	#photoCollage {scroll-snap-type: x mandatory;overflow-x:scroll;}
	#photoCollage .image{width:100%;scroll-snap-align: start;}
	.content_cn.reverse #side_col {padding-top:10px;}
	#side_col .greyBox{padding:20px 15px 15px;}
    #side_col label{font-size:14px;}
    .tooltip:hover::after{width:95%;}
}

#sponser_cn {
	background: #444;
	padding: 20px 10px;
}

#sponser_cn td {
	vertical-align: top;
}

#sponser_cn .heading, #sponser_cn .sponser-main-text,#sponser_cn .sponser-subscribe-text {
	padding: 5px 0 15px;
	color: #FFF;
	font-size: 24px;
}

.sponser_td .images img {
	margin-right: 10px;
}

.newsletter_td {
	width: 400px;
}

.newsletter_td .inp,
.newsletter_td .btn {
	padding: 15px 20px;
	font-size: 14px;
	border: 0;
	font-weight: normal;
}

.newsletter_td .inp {
	color: #666;
	width: 295px;
}


#paypal_form{text-align:center;}

#trustpilot-review-cn{display:block;background:#fff;text-align: center;padding:30px 0;box-sizing:content-box;}
#trustpilot-review-cn h2{text-align: left;padding:0 15px;}
.trustpilot-review{display:inline-block;margin:20px 1%;width:30%;text-align: left;vertical-align: top;}
.trustpilot-review > div{display:block;padding:10px 10px 20px;}
.trustpilot-review .name{text-align:center;font-weight:600;width:100%;}
.trustpilot-review .name > img{display:block;width:100%;max-width:100px;border-radius:50%;margin:auto;margin-bottom:10px;}
.trustpilot-review .stars img{display: block;}
.trustpilot-review .review h4{margin-top:10px;}
.trustpilot-review .review p{margin-top:5px;font-size:14px;}
@media (max-width:1024px){
	#trustpilot-review-cn{border:0;}}
@media (max-width:700px){
	.trustpilot-review{display:block;width:88%;margin:20px auto 30px;}
}
@media (max-width:350px){
	.trustpilot-review{width:85%;}
}

footer {
	padding: 55px 0 40px;
	position: relative;
	background: #292c2f;
	min-height: 340px;
}

footer .cn {
	position: relative;
	z-index: 1;
}

footer .sect {
	display: inline-block;
	width: 33%;
	color: #FFF;
	vertical-align: top;
}

footer .footer-main-richtext{
	font-size: 18px;
	position: relative;
	float: left;
	margin-bottom: 30px;
}

footer .title:after, footer .footer-main-richtext:after{
	content: '';
	width: 100%;
	border-bottom: 1px dotted #939292;
	position: absolute;
	bottom: 6px;
	right: -110%;
}

footer .title span, footer .footer-main-richtext span{
	color: #4fc0aa;
}

footer .msg, footer .footer-msg {
	color: #DDD;
	font-size: 14px;
	clear: both;
	position: relative;
	text-align: justify;
	padding-right: 22px;
}

footer .msg span, footer .footer-msg span {
	color: #FFF;
	float: left;
	margin-right: 5px;
	font-size: 45px;
	font-style: normal;
	font-weight: bold;
	line-height: 37px;
}

footer .msg div, footer .footer-msg div{
	padding: 0 45px 18px 23px;
	border-left: 1px solid #6F6F6F;
	position: relative;
}

footer .msg div:before, footer .footer-msg div:before {
	content: '';
	height: 5px;
	width: 5px;
	background: none repeat scroll 0 0 #6F6F6F;
	position: absolute;
	left: -3px;
	top: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

footer .msg div:after, footer .footer-msg div:after {
	height: 1px;
	width: 40px;
	content: '';
	background: none repeat scroll 0 0 #6F6F6F;
	position: absolute;
	left: 0;
	bottom: 0;
}

footer .msg:after, footer .footer-msg:after{
	width: 5px;
	height: 5px;
	background: none repeat scroll 0 0 #6F6F6F;
	content: '';
	position: absolute;
	left: 40px;
	bottom: -2px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.footer_team {
	padding-top: 10px;
	color: #FFF;
}

.footer_contact svg, .footer_contact img {
	margin-right: 8px;
	vertical-align: middle;
	margin-bottom: 5px;
	width:12px;
}

.footer_contact {
	clear: both;
	color: #DDD;
}

.footer_contact a {
	color: #DDD;
}

.footer_contact_details {
	color: #DDD;
	margin-bottom: 20px;
	font-size: 13px;
}

.footer_bottom {
	background: #323131;
	color: #FFF;
	padding: 15px 0;
}

.footer_bottom .cn {
	width: 90%;
}

.footer_bottom td {
	color: #EEE;
	width: 50%;
	vertical-align: top;
}

.footer_bottom a {
	color: #DDD;
	display: inline-block;
	padding-right: 15px;
}

.footer_bottom b {
	display: inline-block;
	color: #FFF;
	padding-top: 10px;
}

@media screen and (max-width:860px){
    #sponser_cn td {
		display: block;
		width: 100%;
		text-align: left!important;
		margin-bottom: 10px;
	}
    footer .sect {
		width: 50%;
	}
}
@media screen and (max-width:660px){
    #sponser_cn .heading {font-size:18px;}
	.list .info, .listSmall .info {font-size:17px;}
	.list .iterate, .listSmall .iterate {font-size: 17px;}
	.newsletter_td .inp {
		width: 65%;
	}

    footer {
		padding: 20px 0 10px;
	}
	footer iframe {
		width: 100%;
	}
	footer .sect {
		width: 90%;
		margin: 20px 5%;
	}
	footer .msg div, footer .footer-msg div {
		padding-right: 0;
	}
	.footer_bottom td {
		display: block;
		width: 100%;
	}
}


.payment_buttons > div{margin-top:30px;width:250px;margin:20px auto 40px;position: relative;}
#stripe-form{max-width:500px;margin:20px auto;padding:0 10px;}
#stripe-card-element{border:1px solid #ccc;margin:0 auto 20px;padding:0 10px;}
/*.payment_buttons  #paypal-button{position: absolute;top:0;left:0;opacity:0.0001;width:270px;}*/

#stripe-outcome {width: 100%;padding-top: 8px;min-height: 20px;text-align: center;}

#stripe-outcome .success, #stripe-outcome .error {display: none;font-size: 13px;}

#stripe-outcome .success.visible, #stripe-outcome .error.visible {display: inline;}

#stripe-outcome .error {color: #E4584C;}

#stripe-outcome .success {color: #F8B563;}

#stripe-outcome .success .token {font-weight: 500;font-size: 13px;}

.payment-icons{text-align: center;}
.payment-icons-item{display:inline-block;margin:10px}

.payment_buttons  #paypal-button{margin-top:15px;}
@media screen and (max-width:660px){
	/*.payment_buttons  #paypal-button{position: absolute;top:14px;left:0;opacity:0.0001;width:250px;}    */
}



.pItem{width:30%;padding:0;margin:30px 40px 60px 0;vertical-align:top;display:inline-block;}
.pItem img{width:100%;display:block;}
.pItem .pItem-img{position:relative;}
.pItem .pItem-img:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:rgba(0,0,0,0.3);z-index:1;    transition: width 0.3s ease-out;}
.pItem .pItem-img:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("/img/icons/search.png") no-repeat center;z-index:2;color:#FFF;font-weight:bold;font-size:20px;opacity:0;}
/* .pItem .pItem-img:hover:before{width:100%;}
.pItem .pItem-img:hover:after{opacity:1;}
.pItem .pItem-img:hover img {-webkit-filter:blur(2px);filter: blur(2px);} */
.pItem:hover{transform: scale(1.01);;}
.pItem .pItem-name{padding-bottom:20px;color: #212121;font-size: 22px;font-weight:400;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:20px;}
.pItem .pItem-desc{padding:0 20px;border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:15px;}
.moreInfo{padding:10px 5px;border:1px solid transparent}
.pItem-button {text-align:center;border:1px solid #ccc;border-top:0;padding:20px;}
.pItem-button .btn{text-align:center;border-radius:3px;    box-sizing: border-box;width:100%;padding:12px 20px;}
.moreInfo .ic {height: 20px;vertical-align: middle;width: auto;display: inline-block;background: #16bf5f;}
.moreInfo:hover,.moreInfo:hover .moreTxt{color:#13a050;text-decoration:none}/*#96bd32*/
.moreInfo:hover .ic{background:#13a050}
.moreInfo:active{border:1px solid #4B77BE;}
@media screen and (max-width:1024px){
	.pItem{display:inline-block;width:50%;}
	.contact_cn img{display:none;}
}

@media screen and (max-width:660px){
	.pItem{display:block;width:90%;margin:30px auto;padding:0;padding-bottom:30px;}
	.pItem:last-child{padding-bottom:0;}
}


.data-table{border-spacing:0;width:100%;}
.data-table tr:first-child td{font-weight:bold;background: #efefef;}
.data-table tr.active{outline:solid 2px #008539;position: relative;z-index:1;}
.data-table td{padding:10px 15px;border:1px solid #eee;}
.data-table tr:hover td{background:#e3f2fd;}

.big_banner{position: relative}
.big_banner img{display:block;}
.big_banner > .white_outline{position: absolute;left:5px;top:5px;bottom:5px;right:5px;border:2px solid white;}
.big_banner .text{position: absolute;top: 50%;transform: translateY(-60%);text-align: center;color:#fff;left:0;right:0;}
.big_banner h1{font-size:70px;margin-bottom:20px;}
.big_banner .text img{margin:30px auto;}

@media (max-width:660px){
	.big_banner h1{font-size:35px;}
}

.day_cn{background:#666;color:#fff;border-radius: 3px;margin:10px;text-align: center;padding:30px 10px;}
.day_cn.active{background: #16bf5f}
.day_cn h3 + p{margin-top:0;}
.day_cn td {padding:20px 0;}
.day_cn td > b{display:block;}

.tags_cn{padding:5px 0;}
.tags_cn > a{display: inline-block;color:#333;padding:5px 20px;border-radius: 18px; font-size:16px;border:1px solid #ccc;margin:0 5px;animation: bounceInRight 1000ms ease-out;-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);}
.tags_cn > a:hover{text-decoration: none;background: #efefef;}
@media (max-width:660px){
.tags_cn{overflow-x:scroll;-webkit-overflow-scrolling: touch;white-space: nowrap}
}

.floating_div{position: fixed;padding:10px 10px 20px;z-index:100;animation:fadeInUp 300ms ease-out;bottom:0;right:0;left:0;background:#fff;border-top:1px solid #ccc;}

.gallery-cn{display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}



.gallery-cn > img {
	animation : shimmer 2s infinite;
	background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
	background-size: 1000px 100%;

	width:31%;
	min-height:200px;

	margin:1%;
	object-fit: contain;

	-webkit-box-flex: 1 1 320px;
	-moz-box-flex: 1 1 320px;
	-webkit-flex: 1 1 320px;
	-ms-flex: 1 1 320px;
	flex: 1 1 320px;
 }

 .gallery-cn > img.lazyloaded {
	animation:none;
	background:0;
 }

 .hero-banner{background:#eee;padding:50px 5px;position:relative;z-index:100;}
 .hero-banner h1{font-size:50px;}
 @media (min-width:1024px){
	 .hero-banner .pItem_cn{height:230px;}
	 .hero-banner.push_content_below{margin-bottom:200px;}
}
 @media (max-width:1024px){
	.hero-banner h1{font-size:30px;}
}
 @media (min-width:600px){
	.hero-banner {text-align:center;}
	.hero-banner .flex_row{text-align:left;}
	.hero-banner .flex_row > *:last-child{text-align:right;}
	.hero-banner .flex_row .shrink{max-width:600px;}

}
@media (max-width:600px){
	.hero-banner .flex_row{display:block;}
	.hero-banner .flex_row > div{margin-bottom:30px;}
}
 .hero-banner .pItem {text-align: left;}
 .hero-banner .pItem > *{background: white;text-align: left;}
 .hero-banner .cta{font-size:21px;padding:25px 30px;border-radius:3px;margin:10px 0;font-weight:normal;}
.cta > small{display:block;font-size:12px;opacity:0.8;transform:translateY(5px);}
.cta + small{font-size:12px;display:block;}

.snippet{
	box-sizing: content-box;
    max-width: 695px;
    margin: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2rem;
    background-color: #f5f8fa;
    padding: 30px 20px;
}

.snippet h2{
	font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.4167;
    position: relative;
    background-color: #fff;
    border: 1px solid #7c98b6;
    margin: 0 0 2rem;
	padding: 1rem ;
}

.final-offer{padding:100px 0 120px;text-align:center;}
.final-offer .flex_row{  align-items:center;display:inline-flex;text-align:left;}
.final-offer .flex_row > div{padding:20px;}
.final-offer h2{font-size:30px;}
.final-offer p{font-size:16px;max-width:500px;margin:10px auto;}
.final-offer img{display:block;margin:auto;}

@media (max-width:768px){
	.final-offer .flex_row{display:block;margin:auto;max-width:600px;}
	.final-offer{padding:50px 0 60px;}
}

.after-submit-payment-icons{
	text-align: center;display:block;margin-top:20px;font-weight:600;
}

.padding_5{padding:5px;}
.padding_10{padding:10px;}
.padding_15{padding:15px;}
.padding_15_5{padding:15px 5px;}