/* general */

* { margin: 0px; padding: 0px; }

html, body { scroll-behavior: smooth; font-family: 'Poppins', sans-serif; font-size: 16px; color: #2a2a2a; line-height: 30px; }

input, select, textarea { font-family: 'Poppins', sans-serif; font-size: 16px; color: #2a2a2a; }

body { background: #fff; }

img { border: 0px; max-width: 100%; height: auto; }

:focus { outline: none; }

ul { list-style: none; }

a { color: #dc4242; }

a:hover { opacity: 0.85; text-decoration: none; }

:focus, a,button,input,textarea,span,em { outline: none!important; transition: .50s ease-in-out; -moz-transition: .50s ease-in-out; -webkit-transition: .50s ease-in-out; }

strong { font-weight: 700;}

h1,h2,h3,h4,h5,h6 {margin: 0px; font-family: 'Poppins', sans-serif; font-weight: 600; line-height: normal; }

p,ul,ol{margin: 0px; }

 /* podcast*/
.overlay-title{font-family: 'Poppins'; color: #fff; margin-top: -290px;}
#test{ color: #fff;}

/* general style */

.style { padding: 0px; margin: 0px; width: 100px; height: 100%; float: left; position: absolute; top: 0; left: 0; font-family: all; font-size: 12px; color: #ff; text-transform: uppercase; text-decoration: none; line-height: 100px; border: 1px solid #000; background: #000; }



/* global classes */

.clear { clear: both; height: 1px; }



/* wrapper */

#wrapper { width: 100%; float: left; overflow: hidden; }



	/* my container */

	.mycontainer { padding: 0 15px; width: 100%; max-width: 1275px; margin: 0 auto; }



	/* header wrapper */

	#headerWrapper { width: 100%; float: left; position: relative; top: 0; left: 0; z-index: 99; background: #fff; }

		

		/* topbar area */

		.topbarArea { width: 100%; float: left; position: relative; z-index: 999; background: #dc4242; }

		.topbarArea ul { list-style: none; }

		.topbarArea ul li { padding: 0 15px; float: left; position: relative; }

		.topbarArea ul li:first-child { padding: 0 10px 0 0; }

		.topbarArea ul li a { padding: 9px 0; display: block; color: #fff; line-height: normal; }

		.topbarArea ul li a em { position:  absolute; top: 4px; right: 2px; width: 18px; height: 18px; font-size: 12px; color: #333; font-style: normal; line-height: 18px; text-align: center; border-radius: 100%; background: #fff; }

		.topbarArea ul li a:hover { color: #fff; }



		.topbarArea ul.float-right li { padding: 0 20px; }

		.topbarArea ul.float-right li:before { content: ""; width: 1px; height: 12px; position: absolute; top: 16px; right: -1px; border-left: 1px solid #fff; }

		.topbarArea ul.float-right li a { font-size: 15px; }



		.topbarArea .cartTop { padding: 0 0 0 20px; float: right; position: relative; }

		.topbarArea .cartTop a.cartbtn { padding: 6px 0; display: block; color: #fff; }

		.topbarArea .cartTop a.cartbtn i { margin: 0 0 0 17px; position: relative; font-size: 18px; }

		/*.topbarArea .cartTop a.cartbtn i sup { position: absolute; top: -8px; right: -20px; width: 22px;
 height: 22px; font-size: 11px; color: #dc4242; line-height: 22px; text-align: center; border-radius: 100%; background: #fff; }*/
                    .topbarArea .cartTop a.cartbtn i sup{
     position: absolute;
    top: 4px;
    right: -3px;
    width: 22px;
    height: 22px;
    font-size: 13px;
    color: black;
    line-height: 22px;
    text-align: center;
    /* border-radius: 100%; */
    background: #fff;}



		.topbarArea .cartTop .cartDrop { padding: 10px 20px 20px 20px; position: absolute; top: 43px; right: -30px; width: 370px; min-height: 200px; float: left; box-shadow: 0 0 10px rgba(0,0,0,0.6); background: #fff; }

		.topbarArea .cartTop .cartDrop:before { content: "\f0d8"; position: absolute; top: -20px; right: 75px; font-family: 'Font Awesome 5 Pro'; font-size: 50px; color: #fff; font-weight: 700; }

		.topbarArea .cartTop .cartDrop .prodList { width: 100%; float: left; }

		.topbarArea .cartTop .cartDrop .prodList ul { list-style: none; }

		.topbarArea .cartTop .cartDrop .prodList ul li { padding: 10px 0; width: 100%; float: left; position:  relative; border-bottom: 1px solid #ededed; }

		.topbarArea .cartTop .cartDrop .prodList ul li .image { width: 30%; float: left; }

		.topbarArea .cartTop .cartDrop .prodList ul li .info { padding: 0 30px 0 15px; width: 70%; float: left; }

		.topbarArea .cartTop .cartDrop .prodList ul li .info h3 { padding: 0px; font-size: 16px; color: #000; }

		.topbarArea .cartTop .cartDrop .prodList ul li .info h3 a { line-height: 18px; }

		.topbarArea .cartTop .cartDrop .prodList ul li .info a { padding: 0px; color: #000; }

		.topbarArea .cartTop .cartDrop .prodList ul li .info span { color: #6f6f6f; }

		.topbarArea .cartTop .cartDrop .prodList ul li .info a.close { position: absolute; top: 5px; right: -5px; width: 27px; height: 27px; font-size: 14px; line-height: 24px; text-align: center; border-radius: 100%; border: 2px solid #b7b7b7; }



		.topbarArea .cartTop .cartDrop .totalprice { padding: 10px 0; width: 100%; float: left; font-size: 18px; font-weight: 600; text-align: center; border-bottom: 1px solid #ededed; }

		.topbarArea .cartTop .cartDrop .cartbtn { padding: 10px 0 0 0; width: 100%; float: left; }



		/* header panel */

		.headerPanel { padding: 10px 0; width: 100%; float: left; }

		

			/* header logo */

			.logoArea { max-width: 375px; float: left; position: relative; }



			/* menu Area */

			.menuArea { padding: 15px 0 0 0; float: right; line-height: normal; }

			.menuArea ul { list-style: none; }

			.menuArea ul li { padding: 0 15px; float: left; position: relative; }

			.menuArea ul li:last-child { padding: 0 0 0 15px; }

			.menuArea ul li a { padding: 10px 0 15px 0; display: block; color: #353535; font-weight: 400; text-decoration: none; }

			.menuArea ul li a i { padding: 0 0 0 5px; }

			.menuArea ul li:hover a,.menuArea ul li.active a { color: #dc4242; }



			.menuArea ul li.dropmulti ul li.drop i { padding: 5px 10px 0 0; float: right; }

			

			.menuArea ul li ul { padding: 10px 20px; display: none; position: absolute; top: 50px; left: -20px; width: 275px; box-shadow: 0 20px 15px rgba(0,0,0,0.5); background: rgba(255,255,255,0.95); }

			.menuArea ul li:hover ul { display: block; }

			.menuArea ul li:hover ul li { padding: 0 0 0 15px; width: 100%; position: relative; border-bottom: 1px solid rgba(0,0,0,0.09); }

			.menuArea ul li:hover ul li:before { content: "\f105"; position: absolute; left: 0; top: 10px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; }

			.menuArea ul li:hover ul li:last-child { border-bottom: 0px; }

			.menuArea ul li:hover ul li a { padding: 8px 0; display: block; color: #353535; font-weight: 300; text-decoration: none; line-height: normal; }

			.menuArea ul li:hover ul li a:hover,.menuArea ul li:hover ul li.active a { color: #dc4242; }



			.menuArea ul li ul li ul { padding: 10px 20px; display: none!important; top: -10px; left: 100%; width: 275px; }

			.menuArea ul li:hover ul li:hover ul { display: block!important; }

			.menuArea ul li:hover ul li:hover ul li { padding: 0 0 0 15px; width: 100%; position: relative; border-bottom: 1px solid rgba(0,0,0,0.09); }

			.menuArea ul li:hover ul li:hover ul li:before { content: "\f105"; position: absolute; left: 0; top: 10px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; }

			.menuArea ul li:hover ul li:hover ul li:last-child { border-bottom: 0px; }

			.menuArea ul li:hover ul li:hover ul li a { padding: 8px 0; display: block; color: #353535; text-decoration: none; line-height: normal; }

			.menuArea ul li:hover ul li:hover ul li a:hover,.menuArea ul li:hover ul li:hover ul li.active a { color: #dc4242; }

		

			/* mobile menu */

			.mobilemenuArea { display: none; }
                            
                           .ctaheaderArea{display:block}

			/* cta header Area */

			.ctaheaderArea { padding: 13px 0 0 30px; float: right; line-height: normal; }

			.ctaheaderArea ul { list-style: none; }

			.ctaheaderArea ul li { padding: 0 0 0 20px; float: left; position: relative; }

			.ctaheaderArea ul li a { padding: 9px 35px; display: block; color: #1873b9; border: 2px solid #1873b9; border-radius: 40px; }

			.ctaheaderArea ul li.searchbtn a { padding: 12px 8px 12px 0; display: block; font-size: 18px; color: #353535; border: 0px; }

			.ctaheaderArea ul li.active a { color: #fff; background: #1873b9; }

		

	/* banner wrapper */

	#bannerWrapper { width: 100%; float: left; position: relative; }

	

		/* banner area */

		.bannerArea { width: 100%; float: left; z-index: 2 }

		.bannerArea .item { width: 100%; float: left; overflow: hidden; position: relative; background: #eef5fb url(../images/logo-watermark.png) center no-repeat; }

		.bannerArea .item:after { content: ""; position: absolute; top: -50px; right: -15%; z-index: 2; width: 1000px; height: 800px; transform: rotate(-25deg); border-radius: 90px; background: #ff1f4b; }

		.bannerArea .mycontainer { position: relative; z-index: 9; }

		.bannerArea .leftInfo { font-size: 16px; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; }

		.bannerArea .leftInfo h2 { padding: 20px 0 0 0; font-size: 34px; color: #2a2a2a; font-weight: normal; line-height: 44px; }

		.bannerArea .leftInfo h2 strong { display: block; }

		.bannerArea .leftInfo p { padding: 15px 0 0 0; }



		.bannerArea .rightImage { height: 575px; display: flex; align-items: flex-end; justify-content: flex-end; }

		

		.bannerArea .owl-nav button { position: absolute; top: 48%; left: 30px; font-size: 30px; color: #fff; border: 0px; background: transparent; }

		.bannerArea .owl-nav button.owl-next { left: inherit; right: 30px; }



		.bannerArea .owl-dots { position: absolute; bottom: 20px; left: 0; width: 100%; float: left; text-align: center; }

		.bannerArea .owl-dots button { margin: 0 5px; width: 17px; height: 17px; display: inline-block; border-radius: 100%; background: rgba(0,0,0,0.1); }

		.bannerArea .owl-dots button:hover,.bannerArea .owl-dots button.active { background: #1873b9; }

		

		/* inner banner area */

		.innerbannerArea { width: 100%; float: left; background-size: cover; background-position: center; }

		.innerbannerArea .overlay { width: 100%; height: 550px; float: left; display: flex; align-items: flex-end; justify-content: flex-end; text-align: center; }

		.innerbannerArea h1 { font-size: 38px; }



		/* shop banner area */

		.shopbannerArea { width: 100%; float: left; background-size: cover; background-position: center; }

		.shopbannerArea .overlay { padding: 50px 0; width: 100%; float: left; display: flex; align-items: center; justify-content: left; text-align: center; background-image: linear-gradient(to right, rgba(100,8,171,0.8), rgba(184,84,84,0.8)); }

		.shopbannerArea.short .overlay { padding: 5px 0; }

		.shopbannerArea h1 { font-size: 38px; color: #fff; line-height: 40px; }

		.shopbannerArea h1 span { display: block; font-size: 25px; font-weight: 300; }



		/* banner maps area */

		.bannermapsArea { width: 100%; float: left; }

		.bannermapsArea iframe { width: 100%; }



	/* content wrapper */

	#middleWrapper { padding: 55px 0; width: 100%; min-height: 400px; float: left; }

	#middleWrapper.npspacer { padding: 0px; }



		/* describes area */

		.describesArea { padding: 45px 0 0 0; width: 100%; float: left; font-size: 18px; line-height: 36px; text-align: center; }

		.describesArea .short { padding: 0 0 45px 0; width: 100%; max-width: 1100px; margin: 0 auto; border-bottom: 1px solid rgba(0,0,0,0.1); }

		.describesArea h1 { padding: 0 0 15px 0; font-size: 38px; color: #333; }

		/*.describesArea p { padding: 15px 0 10px 0; }*/
.describesArea p { padding: 12px 18px 10px 20px;}



		.describesArea .item { padding: 0; width: 100%; float: left; position: relative; z-index: 1; }

		.describesArea .item:before { content: ""; width: 50%; height: 700px; float: left; position: absolute; top: 0; left: -25%; transform: rotate(35deg); border-radius: 0 100px 0 0; background: #ff1f4b; }

		.describesArea .item .imageleft img { width: 100%; height: auto; }

		.describesArea .item .inforight { padding: 0 30px; display: flex; align-items: center; justify-content: center; }

		.describesArea .item .inforight .inside { width: 100%; float: left; text-align: left; }

		.describesArea .item .inforight h2 { font-size: 35px; }

		.describesArea .item .inforight p { padding: 20px 0 5px 0; }



		.describesArea .item:nth-child(2n+0) .imageleft { order: 1; }

		.describesArea .item:nth-child(2n+0) .inforight { order: 2; }



		/* footer cta Area */

		.footctaArea { width: 100%; float: left; position: relative; z-index: 3; font-size: 20px; color: #fff; line-height: 36px; background-size: cover; }

		.footctaArea .overlay { padding: 130px 0; width: 100%; float: left; }

		.footctaArea h2 { font-size: 38px; line-height: normal; }

		.footctaArea p { padding: 25px 0 10px 0; }



		.footctaArea.grey .overlay { }



		/* describes area */

		.brotherhoodArea { padding: 65px 0; width: 100%; float: left; font-size: 20px; line-height: 40px; text-align: center; }

		.brotherhoodArea .leftinfo { padding: 0 30px; display: flex; align-items: center; justify-content: center; }

		.brotherhoodArea .leftinfo .inside { width: 100%; float: left; text-align: left; }

		.brotherhoodArea .leftinfo h2 { font-size: 40px; }

		.brotherhoodArea .leftinfo p { padding: 20px 0 5px 0; }

		.brotherhoodArea .rightinfo iframe { width: 100%; height: 400px; }



		/* content area */

		.contentArea { padding: 35px 0; width: 100%; float: left; }

		.contentArea h2 { padding: 15px 0; font-size: 36px; color: #2a2a2a; }

		.contentArea h2.notopspace { padding: 0 0 15px 0; }

		.contentArea h3 { padding: 15px 0; font-size: 32px; color: #2a2a2a; }

		.contentArea h3.nospace { padding: 0; }

		.contentArea h4 { padding: 15px 0; font-size: 28px; color: #000; }

		.contentArea h5 { padding: 15px 0; font-size: 24px; color: #000; }

		.contentArea h6 { padding: 15px 0; font-size: 22px; color: #000; }

		.contentArea p { padding: 15px 0; }

		.contentArea ul,.contentArea ol { padding: 15px 0; }

		.contentArea ul li { padding: 12px 0 12px 25px; font-size: 17px; line-height: normal; position: relative; }

		.contentArea ul li:before { content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-size: 20px; color: #efad00; font-weight: 400; position: absolute; top: 11px; left: 0; }

		

		.contentArea .grey { background: rgba(0,0,0,0.1); }

		.contentArea .textlarge { font-size: 20px; font-weight: 300; line-height: 40px; }



		/* Altar area */

		.AltarArea { padding: 35px 0; width: 100%; float: left; }

		.AltarArea h2 { font-size: 32px; color: #2a2a2a; text-align: center; }

		.AltarArea .item { padding: 40px; margin: 30px 0 0 0; width: 100%; float: left; background: #efeeee; }

		.AltarArea .item h3 { padding: 10px 0; font-size: 20px; border-bottom: 1px solid #ccc; }

		.AltarArea .item p { padding: 12px 0; }



		/* Altar detail area */

		.AltardetailArea { padding: 35px 0; width: 100%; float: left; }

		.AltardetailArea h2 { padding: 10px 0; font-size: 36px; color: #2a2a2a; line-height: normal; }

		.AltardetailArea p { padding: 10px 0; }



		/* audio area */

		.audioArea { padding: 35px 0; width: 100%; float: left; }

		.audioArea h2 { padding: 0; font-size: 32px; font-weight: normal; }

		.audioArea p { padding: 12px 0; }

		.audioArea .audioFilter { padding: 0 0 35px 0; width: 100%; float: left; text-align: center; }

		.audioArea .audioFilter ul { list-style: none; }

		.audioArea .audioFilter ul li { padding: 0 5px; display: inline-block; font-size: 30px; text-transform: uppercase; font-weight: 400; }

		.audioArea .audioFilter ul li:first-child { padding: 0 10px; }

		.audioArea .audioFilter ul li a { padding: 12px 30px; display: block; font-size: 18px; color: #333; text-transform: none; border-radius: 8px; border: 1px solid #c5c5c5; }

		.audioArea .audioFilter ul li a:hover,.audioArea .audioFilter ul li.active a { color: #fff; border: 1px solid #1873b9; background: #1873b9; }



		.audioArea .item { padding: 35px 0; width: 100%; float: left; border-top: 1px solid #efeeee; }

		.audioArea .item audio { margin: 10px 0 15px 0;  width: 100%; border-radius: 50px; }

		.audioArea .item ul { list-style: none; }

		.audioArea .item ul li { padding: 0 5px; display: inline-block; }

		.audioArea .item ul li a { padding: 8px 20px;
    display: block;
    margin-top: 20px;
    color: #8a8a8a;
    text-transform: none;
    border-radius: 6px;
    border: 1px solid #c5c5c5;}

		.audioArea .item ul li a i { margin: 0 5px 0 0; }

		.audioArea .item ul li a:hover { color: #fff; border: 1px solid #dc4242; background: #dc4242; }



		.audioArea .vitem { padding: 35px 0; width: 100%; float: left; border-top: 1px solid #efeeee; }

		.audioArea .vitem .lvideo a { cursor: pointer; width: 100%; float: left; position: relative; }

		.audioArea .vitem .lvideo a img { width: 100%; }

		.audioArea .vitem .lvideo a span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.5); }

		.audioArea .vitem .lvideo a span:before { content: "\f04b"; width: 50px; height: 50px; display: block; font-family: 'Font Awesome 5 Pro'; font-size: 16px; color: #fff; font-weight: 700; text-align: center; line-height: 48px; border-radius: 100%; border: 2px solid #fff; }

		

		.audioArea .vitem .info { padding: 45px; background: #f1f1f1; }



		/* donate area */

		.donateArea { padding: 55px 0; width: 100%; float: left; font-size: 20px; line-height: 38px; text-align: center; }

		.donateArea h2 { font-size: 38px; color: #2a2a2a; }

		.donateArea h3 { padding: 45px 0 35px 0; font-size: 23px; color: #2a2a2a; }

		.donateArea p { padding: 35px 0 0 0; }



		.donateArea .donatebx { width: 100%; max-width: 375px; float: left; border: 1px solid #9f9f9f; }

		.donateArea .donatebx .heading { padding: 50px 0; display: block; background: #2676d0; }

		.donateArea .donatebx .info { padding: 50px 25px; display: block; }



		/* subscribe area */

		.subscribeArea { padding: 55px 0; width: 100%; float: left; }

		.subscribeArea .short { overflow: hidden; font-size: 20px; line-height: 38px; text-align: center; }

		.subscribeArea h2 { font-size: 38px; color: #2a2a2a; }

		.subscribeArea p { padding: 35px 0 0 0; }



		.subscribeArea .inside { padding: 100px 75px 0 75px; width: 100%; float: left; }

		.subscribeArea .item { padding: 0; }

		.subscribeArea .subscribebx { width: 100%; max-width: 375px; float: left; border-radius: 5px 5px 0 0; border: 1px solid #9f9f9f; }

		.subscribeArea .subscribebx .heading { padding: 25px 0; display: block; text-align: center; background: #efefef; }

		.subscribeArea .subscribebx .heading h3 { padding: 10px 0; font-size: 60px; line-height: 62px; }

		

		.subscribeArea .subscribebx .info { padding: 20px 20px 35px 20px; display: block; }

		.subscribeArea .subscribebx .info ul { list-style: none; }

		.subscribeArea .subscribebx .info ul li { padding: 12px 0 12px 35px; line-height: normal; position: relative; border-bottom: 1px solid #e1e1e1; }

		.subscribeArea .subscribebx .info ul li:before { content: "\f058"; font-family: 'Font Awesome 5 Pro'; font-size: 20px; color: #80cc26; font-weight: 700; position: absolute; top: 14px; left: 0; }



		.subscribeArea .item.large { margin-top: -30px; }

		.subscribeArea .item.large .heading { padding: 40px 0; color: #fff; background: #72a4d2; }

		.subscribeArea .item.large .info { padding: 40px 20px 45px 20px; }



		/* pagination area */

		.paginationArea { padding: 10px 0 35px 0; width: 100%; float: left; text-align: center; }

		.paginationArea ul { list-style: none; }

		.paginationArea ul li { display: inline-block; }

		.paginationArea ul li a { padding: 5px 16px; display: block; color: #404040; border: 1px solid #d2d2d2; }

		.paginationArea ul li a:hover,.paginationArea ul li.active a { color: #fff; border: 1px solid #1873b9; background: #1873b9; }



		/* paginate area */

		.paginateArea { padding: 35px 0; width: 100%; float: left; line-height: normal; border-top: 1px solid #ddd; }

		.paginateArea ul { list-style: none; }

		.paginateArea ul li { padding: 0 20px 0 0; width: 50%; float: left; }

		.paginateArea ul li a { color: #2a2a2a; }

		.paginateArea ul li i { margin: 0 20px 0 0; width: 107px; height: 107px; float: left; font-size: 45px; color: #fff; line-height: 107px; text-align: center; background: #bcbcbc; }

		.paginateArea ul li span { display: block; font-size: 18px; font-weight: 600; line-height: 20px; }



		.paginateArea ul li.last { padding: 0 0 0 20px; float: right; text-align: right; }

		.paginateArea ul li.last i { margin: 0 0 0 20px; float: right; }



		/* latest prod area */

		.latestprodArea { padding: 35px 0; width: 100%; float: left; }

		.latestprodArea h2 { margin: 0 0 50px 0; display: flex; align-items: center; justify-content: center; font-size: 22px; text-align: center; border-bottom: 1px solid #ccc; }

		.latestprodArea h2 span { padding: 12px 30px; margin: 0 0 -27px 0; display: inline-block; border: 1px solid #ccc; background: #fff; }

		.latestprodArea .item { padding: 15px; }

		.latestprodArea .item h3 { padding: 5px 0 0 0; font-size: 18px; color: #737373; font-weight: 600; }

		.latestprodArea .item p { padding: 5px 0 0 0; }

		.latestprodArea .item p.image { padding: 0 0 10px 0; position: relative; }

		.latestprodArea .item p.image .wishlist { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; color: #fff; line-height: 40px; text-align: center; border-radius: 100%; border: 1px solid #fff; }

		.latestprodArea .item p.image .wishlist:hover { color: #dc4242; background: #fff; }

		.latestprodArea .item p.price { font-size: 18px; }

		.latestprodArea .item a { color: #737373; }

		.latestprodArea .item a:hover { color: #dc4242; }



		.latestprodArea .shopCategory { padding: 50px 0 0 0; overflow: hidden; }

		.latestprodArea .shopCategory .citem { padding: 15px; }

		.latestprodArea .shopCategory .citem a { padding: 145px 0; width: 100%; float: left; color: #fff; text-align: center; background-size: cover; }

		.latestprodArea .shopCategory .citem a .inside { padding: 20px 0; display: block; background: rgba(22,90,148,0.9); }

		.latestprodArea .shopCategory .citem h3 { font-size: 22px; color: #fff; text-transform: uppercase; }



		/* left column */

		.leftColumn { float: left; }



			/* left menu area */

			.leftmenuArea { width: 100%; float: left; }

			.leftmenuArea h3 { padding: 0 0 10px 0; margin: 0 0 10px 0; font-size: 22px; color: #8b8b8b; border-bottom: 3px solid #e0e0e0; }

			.leftmenuArea h3.more { padding: 0 0 15px 0; margin: 0 0 15px 0; font-size: 18px; color: #8b8b8b; font-weight: 300; line-height: 24px; }

			.leftmenuArea h3.more span { display: block; font-size: 22px; color: #000; text-transform: uppercase; font-weight: 600; }

			.leftmenuArea ul { list-style: none; }

			.leftmenuArea ul li { border-bottom: 1px solid #e0e0e0; }

			.leftmenuArea ul li a { padding: 10px 0; display: block; color: #333; border-right: 3px solid #fff; }

			.leftmenuArea ul li a:hover, .leftmenuArea ul li.active a { color: #17529a; border-right: 3px solid #17529a; }



		/* right column */

		.rightColumn { float: right; }



			/* prod detail area */

			.proddetailArea { padding: 0 0 60px 0; width: 100%; float: left; }

			.proddetailArea .detailLeft { position: relative; }

			.proddetailArea .detailLeft .carousel { padding: 0 0 120px 0; width: 100%; float: left; }

			.proddetailArea .detailLeft .carousel-inner { width: 100%; float: left; border: 1px solid #f7f6fb; }

			.proddetailArea .detailLeft .carousel-inner .carousel-item { padding: 0; width: 100%; float: left; text-align: center; background: #f7f6fb; }

			.proddetailArea .detailLeft .carousel-inner .carousel-item img { width: 100%; }



			.proddetailArea .detailLeft ol.carousel-indicators { margin: 0px; bottom: 0px; }

			.proddetailArea .detailLeft ol.carousel-indicators li { width: 150px; height: 100px; text-indent: 0px; overflow: hidden; align-items: center; justify-content: center; display: flex; border: 2px solid #ccc; background: #f7f6fb; }

			.proddetailArea .detailLeft ol.carousel-indicators li img { width: 100%; height: auto; }

			.proddetailArea .detailLeft ol.carousel-indicators li.active { border: 2px solid #333; }



			.proddetailArea .detailLeft .moreinfo { padding: 20px 0 0 0; width: 100%; float: left; color: #333; }

			.proddetailArea .detailLeft .moreinfo label { color: #888; }



			.proddetailArea .detailLeft a.wishlist { position: absolute; top: 15px; right: 30px; width: 40px; height: 40px; color: #fff; line-height: 40px; text-align: center; border-radius: 100%; border: 1px solid #fff; }

			.proddetailArea .detailLeft a.wishlist:hover { color: #dc4242; background: #fff; }



			.proddetailArea .detailright { padding-left: 30px; line-height: 34px; }

			.proddetailArea .detailright h2 { padding: 10px 0 0 0; font-size: 28px; color: #333; font-weight: 600; }

			.proddetailArea .detailright p { padding: 15px 0 0 0; }

			.proddetailArea .detailright p.star { padding: 0; font-size: 15px; }

			.proddetailArea .detailright p.star i { padding: 10px 0 0 0; color: #ffc107; }

			.proddetailArea .detailright p.star i.grey { color: #cecece; }

			.proddetailArea .detailright p.star em { padding: 0 0 0 10px; font-style: normal; }

			.proddetailArea .detailright p.price { padding: 15px 0 10px 0; font-size: 26px; color: #333; font-weight: 700; }

			.proddetailArea .detailright p.price .off { padding: 0 0 0 10px; display: inline-block; font-size: 14px; color: #73bf45; font-weight: 400; }

			.proddetailArea .detailright .stock { padding: 8px 20px; display: inline-block; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 18px; border-radius: 40px; }

			.proddetailArea .detailright .stock.in { background: #0dc139; }

			.proddetailArea .detailright .stock.out { background: #ff0000; }

			.proddetailArea .detailright input { padding: 14px 15px 14px 25px; margin: 0 10px 0 0; max-width: 130px; border: 1px solid #ccc; border-radius: 50px; }

			.proddetailArea .detailright .actionbtn { padding: 20px 0 0 0; }

			.proddetailArea .detailright .actionbtn i { margin: 0 10px 0 0; font-size: 22px; }



			.proddetailArea .detailright table { margin: 20px 0 0 0; width: 100%; border-bottom: 1px solid #f1f1f1; }

			.proddetailArea .detailright table tr td { padding: 8px 15px; border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; }

			.proddetailArea .detailright table tr td:last-child { color: #888; text-align: right; border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; }

			.proddetailArea .detailright table.singlrow tr td { color: #333; }

			.proddetailArea .detailright table.singlrow tr td:last-child { text-align: left; }

			.proddetailArea .detailright table.singlrow tr:nth-child(2n+0) td { background: #f9f9f9; }

			.proddetailArea .detailright table.singlrow tr td.active { color: #73bf45; }



			.proddetailArea .detailright .offertime table { width: auto; line-height: 22px; text-align: center; }

			.proddetailArea .detailright .offertime table tr td { padding: 20px 30px; font-size: 20px; font-weight: 600; }

			.proddetailArea .detailright .offertime table tr td span { display: block; font-size: 13px; text-transform: uppercase; }

			.proddetailArea .detailright .offertime table tr td:last-child { text-align: center; }



			/* prod deesc area */

			.proddescArea { padding: 20px 0 0 0; width: 100%; float: left; }

			.proddescArea .nav { width: 100%; float: left; border-bottom: 1px solid #efefef; }

			.proddescArea .nav li { padding: 0 50px 0 0; float: left; }

			.proddescArea .nav li a { padding: 0 0 20px 0; display: block; font-size: 20px; color: #222; font-weight: 500; border-bottom: 3px solid #fff; }

			.proddescArea .nav li a.active { color: #347bd5; border-bottom: 3px solid #347bd5; }



			.proddescArea .tab-content { padding: 15px 0 0 0; width: 100%; float: left; }

			.proddescArea .tab-content .tab-pane { width: 100%; float: left; }

			.proddescArea .tab-content h2 { padding: 15px 0; font-size: 18px; color: #333; }

			.proddescArea .tab-content h3 { padding: 15px 0; font-size: 18px; color: #333; }

			.proddescArea .tab-content p { padding: 15px 0; }

			.proddescArea .tab-content ul { padding: 15px 0 15px 20px; list-style: inherit; }



			.proddescArea table { margin: 20px 0 0 0; width: 100%; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

			.proddescArea table td { padding: 15px; border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; }

			.proddescArea table tr:nth-child(2n+0) td { background: #f9f9f9; }



			/* related prod area */

			.relatedprodArea { padding: 35px 0 0 0; width: 100%; float: left; }

			.relatedprodArea h2 { margin: 0 0 50px 0; display: flex; align-items: center; justify-content: center; font-size: 22px; text-align: center; border-bottom: 1px solid #ccc; }

			.relatedprodArea h2 span { padding: 12px 30px; margin: 0 0 -27px 0; display: inline-block; border: 1px solid #ccc; background: #fff; }

			.relatedprodArea .item { padding: 15px; }

			.relatedprodArea .item h3 { padding: 5px 0 0 0; font-size: 18px; color: #737373; font-weight: 600; }

			.relatedprodArea .item p { padding: 5px 0 0 0; }

			.relatedprodArea .item p.image { padding: 0 0 10px 0; position: relative; }

			.relatedprodArea .item p.image .wishlist { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; color: #fff; line-height: 40px; text-align: center; border-radius: 100%; border: 1px solid #fff; }

			.relatedprodArea .item p.image .wishlist:hover { color: #dc4242; background: #fff; }

			.relatedprodArea .item p.price { font-size: 18px; }

			.relatedprodArea .item a { color: #737373; }

			.relatedprodArea .item a:hover { color: #dc4242; }



			.relatedprodArea .owl-nav button { position: absolute; top: 35%; left: -30px; font-size: 20px; color: #333; border: 0px; background: transparent; }

			.relatedprodArea .owl-nav button.owl-next { left: inherit; right: -30px; }



			/* logged content area */

			.loggedcontentArea { width: 100%; float: left; }

			.loggedcontentArea h2 { padding: 10px 0; font-size: 34px; color: #333; }

			.loggedcontentArea h3 { padding: 10px 0; font-size: 26px; color: #333; }

			.loggedcontentArea p { padding: 10px 0; }



			.loggedcontentArea .itemOrders { padding: 0 15px 0 0; float: left; }

			.loggedcontentArea .itemOrders .heading { font-size: 18px; color: #333; text-transform: uppercase; font-weight: 600; }

			.loggedcontentArea .itemOrders .sub { padding: 10px 15px; }

			.loggedcontentArea .itemOrders .infor { border-top: 2px solid #e0e0e0; }

			.loggedcontentArea .itemOrders .infor .item { border-bottom: 1px solid #e0e0e0; }

			.loggedcontentArea .itemOrders .infor .item .sub { display: flex; justify-content: left; align-items: center; }

			.loggedcontentArea .itemOrders .infor .item .sub.lastright { justify-content: right; }

			.loggedcontentArea .itemOrders .infor input { padding: 2px 6px; width: 80px; }



			.loggedcontentArea form h3 { padding: 10px 15px; }

			.loggedcontentArea form h3.spacer { padding: 25px 15px 10px 15px; }

			.loggedcontentArea form p { padding: 10px 15px; }

			.loggedcontentArea form p label { display: block; }

			.loggedcontentArea form input[type="text"],.loggedcontentArea form input[type="tel"],.loggedcontentArea form input[type="password"],.loggedcontentArea form input[type="email"] { padding: 10px 15px; width: 100%; border: 2px solid #d2d2d2; }

		

		/* steps bar Area */

		.stepsbarArea { width: 100%; float: left; text-align: center; }

		.stepsbarArea ul { list-style: none; }

		.stepsbarArea ul li { padding: 0 20px; display: inline-block; font-size: 24px; color: #999797; text-transform: uppercase; }

		.stepsbarArea ul li a { display: block; color: #999797; }

		.stepsbarArea ul li a span { display: inline-block; width: 34px; height: 34px; font-size: 16px; color: #fff; line-height: 34px; border-radius: 100%; background: #bbb9b9; }

		.stepsbarArea ul li a i { margin: 0 0 0 10px; }

		.stepsbarArea ul li a:hover,.stepsbarArea ul li.active a { color: #c84546; }

		.stepsbarArea ul li a:hover span,.stepsbarArea ul li.active a span { color: #fff; background: #c84546; }



		/* cart page Area */

		.cartpageArea { padding: 40px 0 0 0; width: 100%; float: left; }

		.cartpageArea .cartLeft { padding: 0 15px 0 0; float: left; }

		.cartpageArea .cartLeft .heading { font-size: 18px; color: #333; text-transform: uppercase; font-weight: 600; }

		.cartpageArea .cartLeft .sub { padding: 10px 15px; }

		.cartpageArea .cartLeft .infor { border-top: 2px solid #e0e0e0; border-right: 2px solid #e0e0e0; }

		.cartpageArea .cartLeft .infor .item { border-bottom: 1px solid #e0e0e0; }

		.cartpageArea .cartLeft .infor .item .sub { display: flex; justify-content: left; align-items: center; }

		.cartpageArea .cartLeft .infor input { padding: 2px 6px; width: 80px; }



		.cartpageArea .cartLeft .bottomAction { padding: 20px 0 0 0; width: 100%; float: left; }



		.cartpageArea .cartRight { padding: 0 0 0 15px; float: right; }

		.cartpageArea .cartRight h2 { padding: 10px 0; font-size: 18px; color: #333; text-transform: uppercase; font-weight: 600; border-bottom: 2px solid #e0e0e0; }

		.cartpageArea .cartRight h2.spacer { margin: 20px 0 0 0; }

		.cartpageArea .cartRight p { padding: 10px 0; overflow: hidden; border-bottom: 1px solid #e0e0e0; }

		.cartpageArea .cartRight p label { margin: 0px; max-width: 75%; }

		.cartpageArea .cartRight p label.small { font-size: 14px; line-height: normal; }

		.cartpageArea .cartRight p.nobor { padding: 20px 0 0 0; border: 0px; }

		.cartpageArea .cartRight p.spacerb { padding: 20px 0 0 0; border: 0px; }

		.cartpageArea .cartRight p.spacerb input { padding: 10px 15px; width: 100%; }



		/* checkout area */

		.checkoutArea { padding: 40px 0 0 0; width: 100%; float: left; }

		.checkoutArea .checkoutLeft { padding: 0 30px 0 0; float: left; }

		.checkoutArea .checkoutLeft h2 { font-size: 20px; color: #2a2a2a; text-transform: uppercase; }

		.checkoutArea .checkoutLeft h2.spacer { padding-top: 25px; }

		.checkoutArea .checkoutLeft p { padding: 10px 15px; overflow: hidden; }

		.checkoutArea .checkoutLeft p.noleft { padding: 10px 0; overflow: hidden; }

		.checkoutArea .checkoutLeft p label { margin: 0px; display: block; color: #757575; }

		.checkoutArea .checkoutLeft p label.blue { font-size: 18px; color: #0064b0; }

		.checkoutArea .checkoutLeft input[type="text"], .checkoutArea .checkoutLeft input[type="tel"], .checkoutArea .checkoutLeft input[type="email"] { padding: 10px 15px; width: 100%; border: 2px solid #d2d2d2; }

		.checkoutArea .checkoutLeft select { padding: 10px 15px; width: 100%; border: 2px solid #d2d2d2; }

		.checkoutArea .checkoutLeft textarea { padding: 10px 15px; width: 100%; height: 150px; border: 2px solid #d2d2d2; }



		.checkoutArea .checkoutRight { padding: 0px; margin: 70px 0 0 0; float: right; border: 2px solid #d2d2d2; }

		.checkoutArea .checkoutRight.nomargin { margin: 0; }

		.checkoutArea .checkoutRight h3 { padding: 15px 15px; font-size: 20px; color: #2a2a2a; text-transform: uppercase; border-bottom: 2px solid #d2d2d2; }

		.checkoutArea .checkoutRight p { padding: 12px 15px; overflow: hidden; border-bottom: 1px solid #e0e0e0; }

		.checkoutArea .checkoutRight p label { margin: 0px; max-width: 75%; }

		.checkoutArea .checkoutRight .small { font-size: 14px; color: #a4a4a4; line-height: normal; }

		.checkoutArea .checkoutRight p.btnnobor { padding: 0; border: 0px; }

		.checkoutArea .checkoutRight p.nobor { padding: 20px; border: 0px; }

		.checkoutArea .checkoutRight a.orderbtn { padding: 13px 0; width: 100%; display: block; color: #fff; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; text-align: center; background: #dc4242; }



		.checkoutArea .orderComplete { padding: 0 30px 0 0; float: left; font-size: 24px; color: #757575; }

		.checkoutArea .orderComplete h2 { font-size: 36px; color: #2a2a2a; text-transform: uppercase; }

		.checkoutArea .orderComplete p { padding: 15px 0 0 0; }

		.checkoutArea .orderComplete p.more { padding: 15px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }

		.checkoutArea .orderComplete p.spacer { margin: 40px 0 0 0; }



		/* contact page area */

		.contactpageArea { width: 100%; float: left; }

		.contactpageArea h2 { font-size: 38px; color: #2a2a2a; text-transform: uppercase; }

		.contactpageArea .contactshort { padding: 0 0 40px 0; width: 100%; float: left; font-size: 20px; text-align: center; }



		.contactpageArea .contactIn { padding: 30px; width: 100%; float: left; background: #f2efe9; }

		.contactpageArea .contactIn .contactInLeft { float: left; }

		.contactpageArea .contactIn .contactInLeft h3 { font-size: 22px; }

		.contactpageArea .contactIn .contactInLeft ul { list-style: none; }

		.contactpageArea .contactIn .contactInLeft ul li { padding: 20px 0 20px 45px; position: relative; border-bottom: 1px solid #ccc; }

		.contactpageArea .contactIn .contactInLeft ul li:last-child { border-bottom: 0px; }

		.contactpageArea .contactIn .contactInLeft ul li i { position: absolute; top: 25px; left: 0; font-size: 26px; }



		.contactpageArea .contactIn .contactInRight { float: right; }

		.contactpageArea .contactIn .contactInRight p { padding: 10px 15px; overflow: hidden; }

		.contactpageArea .contactIn .contactInRight p label { display: block; }

		.contactpageArea .contactIn .contactInRight p label { display: block; }

		.contactpageArea .contactIn .contactInRight input[type="text"],.contactpageArea .contactIn .contactInRight input[type="tel"],.contactpageArea .contactIn .contactInRight input[type="email"] { padding: 10px 15px; width: 100%; border: 2px solid #d2d2d2; }



		/* podcast area */

		.podcastArea { width: 100%; float: left; }

		.podcastArea h2 { padding: 35px 0; }

		.podcastArea .podcastIn { width: 100%; float: left; background: url(../images/podcast-bg.jpg) no-repeat; background-size: cover; }

		.podcastArea .podcastIn .overlay { padding: 130px 0; width: 100%; float: left; background: rgba(0,0,0,0.7); }

		.podcastArea .infoLeft { padding: 100px 45px; float: left; font-size: 32px; color: #fff; line-height: 36px; background: #f43030; }

		.podcastArea .infoLeft h3 { font-family: 'Anton', sans-serif; font-size: 71px; font-weight: normal; text-transform: uppercase; line-height: 72px; }

		.podcastArea .infoLeft p { padding: 20px 0 0 0; }



		.podcastArea .infoRight { background: #fff; }

		.podcastArea .infoRight img { width: 100%; }



	/* footer wrapper */

	#footerWrapper { width: 100%; float: left; position: relative; z-index: 1; line-height: 28px; }

		

		/* app download Area */

		.appdownloadArea { padding: 15px 0; width: 100%; float: left; color: #fff; text-align: center; background: #dc4242; }



		/* footer Area */

		.footerArea { padding: 30px 0; width: 100%; float: left; color: #fff; background: #1873b9; }

		.footerArea h3 { padding: 0; font-size: 20px; color: #fff; text-transform: uppercase; font-weight: 600; }

		.footerArea p { padding: 15px 0 0 0; }

		.footerArea ul { list-style: none; }

		.footerArea ul li { position: relative; }

		.footerArea ul li a { color: #fff; }

		.footerArea .applink { border-radius: 50px; }



		.footerArea .info ul.contactlist { padding: 20px 0 0 0; }

		.footerArea .info ul.contactlist li { padding: 10px 0 5px 30px; }

		.footerArea .info ul.contactlist li i { position: absolute; top: 15px; left: 0; color: #fff; }



		.footerArea .info ul.sociallist { padding: 30px 0 0 0; }

		.footerArea .info ul.sociallist li { padding: 10px 15px 0 0; float: left; }

		.footerArea .info ul.sociallist li a { width: 40px; height: 40px; display: block; line-height: 40px; border-radius: 100%; text-align: center; border: 1px solid #bfbfbf; }

		.footerArea .info ul.sociallist li a:hover { color: #fff; border: 1px solid #347bd5; background: #347bd5; }



		.footerArea .quicklink { }

		.footerArea .quicklink ul { padding: 0; width: 100%; float: left; }

		.footerArea .quicklink ul li { padding: 5px 20px; width: 33.33%; float: left; font-size: 18px; }

		.footerArea .quicklink ul li ul { padding: 10px 0; }

		.footerArea .quicklink ul li ul li { padding: 0px; width: 100%; font-size: 16px; font-weight: 300; }

		.footerArea .quicklink ul li ul li a { color: rgba(255,255,255,0.8); }

		.footerArea .quicklink ul li ul li a:hover { color: rgba(255,255,255,1); }



		/* copyright area */

		.copyrightArea { padding: 15px 0; width: 100%; float: left; color: #fff; font-weight: 400; background: #126aae; }

		.copyrightArea span { color: #a8d9ff; }

		.copyrightArea a { color: #a8d9ff; }

		.copyrightArea a:hover { color: #fff; }



/* popup area */

.popupArea { padding: 0px!important; display: none; width: 100%; max-width: 625px; }

.popupArea.large2 { max-width: 1000px; }

.popupArea .heading { padding: 20px 15px; margin: 0 0 20px 0; overflow: hidden; background: #f5f5f5; }

.popupArea .heading h2 { font-size: 20px; color: #333; text-transform: uppercase; text-align: center; }

.popupArea form { width: 100%; float: left; }

.popupArea .bodycontent { padding: 10px 40px 30px 40px; width: 100%; float: left; }

.popupArea .bodycontent p { padding: 10px 15px; }

.popupArea .bodycontent p.nospace { padding: 10px 15px 0 15px; }

.popupArea .bodycontent strong { padding: 0 0 10px 0; display: block; }

.popupArea .bodycontent input[type="text"],.popupArea .bodycontent input[type="email"],.popupArea .bodycontent input[type="password"],.popupArea .bodycontent input[type="password"],.popupArea .bodycontent input[type="tel"] { padding: 13px 25px; width: 100%; border: 1px solid #e2e2e2; }

.popupArea .bodycontent input[type="text"]:focus,.popupArea .bodycontent input[type="email"]:focus, .bodycontent input[type="password"]:focus, .popupArea .bodycontent input[type="tel"]:focus { border: 1px solid #dc4242; }

.popupArea .bodycontent select { padding: 13px 25px; width: 100%; border: 1px solid #e2e2e2; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/arrow-down2.png) 95% no-repeat; }

.popupArea .bodycontent textarea { padding: 13px 20px; width: 100%; border: 1px solid #e2e2e2; }

.popupArea .bodycontent button { width: 100%; }



.popupArea .bodycontent h3 { padding-bottom: 15px; font-size: 25px; }

.popupArea .bodycontent .myleft button,.popupArea .bodycontent .myRight button { width: auto; }

.popupArea .bodycontent .myRight { border-left: 1px solid #ccc; }



.popupArea .bodycontent .smalltext { font-size: 14px; line-height: normal; }

.popupArea .bodycontent .largetext { font-size: 30px; }

.popupArea .bodycontent .largetext i { font-size: 60px; }



/* common */



/* buttons */

.btn { padding: 18px 45px; display: inline-block; font-size: 18px; letter-spacing: 1px; font-weight: 600; text-decoration: none; line-height: normal; text-transform: uppercase; border: 0px; border-radius: 60px; }

.btn.small { padding: 15px 35px; font-size: 16px; text-transform: uppercase; }

.btn.full { display: block; }

.btn.noround { display: block; border-radius: 0px; }



.my-red,a.my-red { color: #fff; border: 1px solid #ff1f4b; background: #ff1f4b; }

.my-red:hover,a.my-red:hover { color: #ff1f4b; background: #fff; }



.my-white,a.my-white { color: #333; border-radius: 60px; border: 1px solid #fff; background: #fff; }

.my-white:hover,a.my-white:hover { color: #fff; background: #dc4242; }



.my-black,a.my-black { color: #fff; border-radius: 60px; background: #5d5f63; }

.my-black:hover,a.my-black:hover { color: #fff; background: #333; }



.my-blue,a.my-blue { color: #fff; border: 1px solid #1873b9; background: #1873b9; }

.my-blue:hover,a.my-blue:hover { color: #1873b9; background: #fff; }



.my-whitebor,a.my-whitebor { color: #fff; border: 2px solid #fff; }

.my-whitebor:hover,a.my-whitebor:hover { color: #fff; border: 2px solid #efad00; background: #efad00; }



.my-bluebor,a.my-bluebor { color: #1873b9; border: 2px solid #1873b9; }

.my-bluebor:hover,a.my-bluebor:hover { color: #fff; border: 2px solid #1873b9; background: #1873b9; }



.linkgray { color: #999; }

.linkgreen { color: #11b162; }

.linkred { color: #dc4b3b; }



.graysmalbtn { width: 30px; height: 30px; display: inline-block; color: #dc4b3b; line-height: 30px; text-align: center; border-radius: 100%; border: 1px solid #dc4b3b; }

.graysmalbtn:hover { color: #fff; background: #dc4b3b; }



/* Begin Images */

.aligncenter { display: block; margin: 0 auto; }

.alignright { margin: 0 0 5px 30px; display: inline; }

.alignleft { margin: 0 30px 5px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left; }



.imagefull { width: 100%; }

/* End Images */



/* spaces */

.nospace { padding: 0; }

.space45 { padding: 45px; }

.leftspace { margin-left: 8px; }

.topspace { margin-top: 25px; }

.bottomspace { margin-bottom: 25px; }