main section>.wrapper{max-width:980px;margin:0 auto;padding:60px 0}
main section .wrapper>h1{font-size:26px;font-weight:400;text-transform:uppercase;line-height:50px}
main section .wrapper>h1:before{content:"";border-top:10px solid #000;width:160px;display:block}

/*** HP ***/
#HP .hero{position:relative;max-height:450px;overflow:hidden}
#HP .hero .heroStory{color:#fff;text-shadow:0 0 10px #555;text-decoration:none;padding:3% 10% 25% 10%;position:absolute;text-align:center}
#HP .hero .heroStory:hover ~ .heroImg:after{background:rgba(0,0,0,0.6)}
#HP .hero .heroStory h3{font-size:30px;line-height:30px}
#HP .hero .heroStory p{line-height:20px;font-size:16px;font-weight:300}
#HP .hero .heroStory .more{font-weight:500;text-transform:uppercase;text-decoration:underline}
#HP .hero .heroBonus{background:rgba(104,150,218,.8);height:73px;width:100%;bottom:0;position:absolute}
#HP .hero .heroBonus a{color:#fff;text-decoration:none}
#HP .hero .heroBonus .round{border-radius:50px;text-align:center;width:230px;padding:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-85px;transition:background 250ms}
#HP .hero .heroBonus .round:hover{background:#000}
#HP .hero .heroBonus .slide{background:#f7941d;margin-left:-140px}
#HP .hero .heroBonus .quiz{background:#8dc63f;margin-left:140px}
#HP .hero .heroBonus .icon-slide{font-size:20px;padding-right:10px;vertical-align:-1px}
#HP .hero .heroBonus .icon-quiz{font-size:22px;padding-right:10px;vertical-align:-3px}
#HP .hero .heroBonus .drugList{text-align:center;margin:10px 0}
#HP .hero .heroBonus .drugList p{color:#ccdef9;font-size:16px;font-weight:300;margin:0}
#HP .hero .heroBonus .drugList a{font-size:18px}
#HP .hero .heroBonus .drugList a:hover{text-decoration:underline}
#HP .hero .heroBonus .drugList a:before{content:"";margin:0 15px 3px 12px;width:4px;height:4px;border-radius:100%;display:inline-block;background:#fff}
#HP .hero .heroBonus .drugList a:first-of-type:before{display:none}
#HP .hero .heroImg{background:rgba(0,0,0,0.4);background:-moz-linear-gradient(top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 1%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 1%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 1%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#00000000',GradientType=0)}
#HP .hero .heroImg:after{content:'';background:rgba(0,0,0,0);width:100%;height:100%;position:absolute;top:0;z-index:-1;display:block;transition:background 250ms}
#HP .hero .heroImg img{width:100%;height:auto;position:relative;z-index:-1}
#HP .news ul{padding:0 0 30px 0;list-style:none;width:65%}
#HP .news ul li{border-bottom:1px solid #ccc}
#HP .news ul li a{color:#0072bc;text-decoration:none;padding:10px;display:block;transition:all 250ms}
#HP .news ul li a:hover{background:#000;color:#fff}
#HP .news ul li a:hover b{color:#fff}
#HP .news ul li b{color:#000;text-transform:uppercase;display:block;margin-bottom:-5px;transition:color 250ms}
#HP .news .more{border:none}
#HP .news .more a{color:#999;text-transform:uppercase;float:right;font-size:20px;font-weight:500;padding:5px 0;transition:color 250ms}
#HP .news .more a:hover{color:#000;background:none}
#HP .news #rightAd_rdr{float:right;padding:65px 0}
#HP .slide,#HP .tool{background:#f2f2f2;max-height:900px}
#HP .slide .item a{color:#000;text-decoration:none;margin-top:40px;display:inline-block}
#HP .slide .item img{height:auto;border-top-left-radius:3px;border-top-right-radius:3px;transition:filter 250ms}
#HP .slide .item .wrapper{background:#fff;padding:10px 15px;height:90px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;transition:background 250ms}
#HP .slide .item h4{font-size:20px;color:#0072bc;line-height:20px;margin:0;padding-bottom:10px;transition:color 250ms}
#HP .slide .item p{font-size:14px;line-height:18px;font-weight:300;margin:0;transition:color 250ms}
#HP .slide .item a:hover img{filter:grayscale(100%)}
#HP .slide .item a:hover .wrapper{background:#000;color:#fff}
#HP .slide .item a:hover .wrapper h4{color:#fff}
#HP .slide .owl-nav,#HP .slide .owl-dots{position:absolute;top:-10px;left:50%;transform:translateX(-50%)}
#HP .slide .owl-nav{margin-top:-22px}
#HP .slide .owl-nav [class*='owl-']{color:#0072bc;font-size:66px;display:inline-block;cursor:pointer;line-height:0}
#HP .slide .owl-nav [class*='owl-']:hover{color:#000}
#HP .slide .owl-nav .owl-prev{margin-right:120px}
#HP .slide .owl-dots .owl-dot{display:inline-block;zoom:1}
#HP .slide .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px}
#HP .slide .owl-dots .owl-dot.active span{background:#0072bc}
#HP .slide .owl-dots .owl-dot:hover span{background:#000}
#HP .drug{background:url(https://images.rxlist.com/images/rxlist/homepage/top-drugs.jpg) no-repeat fixed center center;background-size:cover;z-index:1;position:relative}
#HP .drug .tab a{color:#adadad;font-size:18px;font-weight:500;text-transform:uppercase;background:#ebebeb;padding:15px;border-top-left-radius:3px;border-top-right-radius:3px;margin-right:6px;display:inline-block;cursor:pointer;transition:all 250ms}
#HP .drug .tab a.active,#HP .drug .tab a:hover{color:#000;background:#fff}
#HP .drug .tab span{color:#fff;text-shadow:0 0 10px #555;font-size:18px;text-transform:uppercase;float:right;margin:25px 5px 0 0}
#HP .drug .body{background:#fff;border-radius:3px;border-top-left-radius:0;height:450px;margin-top:-1px;position:relative;padding:30px}
#HP .drug #bodyName{overflow-y:auto;height:450px;width:calc(100% - 60px);position:absolute}
#HP .drug #bodyName .listAlpha{border-bottom:1px solid #e5e5e5;margin:0 30px 0 15px;padding:40px 0;position:relative}
#HP .drug #bodyName .listAlpha:last-child{border:none}
#HP .drug #bodyName .listAlpha span{position:absolute;font-size:60px;font-weight:500;line-height:25px}
#HP .drug #bodyName .listAlpha ul{list-style:none;display:inline-block;width:calc(100% - 70px);padding-left:78px;margin:-12px 0}
#HP .drug #bodyName .listAlpha ul li{float:left;width:250px}
#HP .drug #bodyName .listAlpha a{color:#0072bc;font-size:18px;text-decoration:none;display:block;padding:4px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 250ms}
#HP .drug #bodyPres{display:none}
#HP .drug #bodyPres ol{margin:0;padding:0 40px 0 50px;overflow-y:auto;height:425px}
#HP .drug #bodyPres .note{color:#959595;font-size:12px;font-weight:300;line-height:15px;border-top:1px solid #e5e5e5;padding:12px 40px;margin:0 -30px}
#HP .drug #bodyPres ol li:nth-child(even){background:#f2f2f2}
#HP .drug #bodyName .listAlpha a:hover,#HP .drug #bodyPres ol li a:hover{color:#fff;background:#000}
#HP .FDA .tabWrapper{float:right;width:calc(100% - 200px)}
#HP .FDA .tabWrapper .tab{border-bottom:1px solid #e5e5e5;height:46px}
#HP .FDA .tabWrapper .tab a{color:#ccc;line-height:25px;font-weight:500;text-transform:uppercase;padding:10px 20px;display:inline-block;border:1px solid #fff;border-bottom:1px solid #e5e5e5;border-top-left-radius:3px;border-top-right-radius:3px;cursor:pointer;transition:all 250ms}
#HP .FDA .tabWrapper .tab a.active,#HP .FDA .tabWrapper .tab a:hover{color:#000;border:1px solid #e5e5e5;border-bottom:1px solid #fff}
#HP .FDA .tabWrapper .body{margin:30px 0;overflow-y:auto;height:533px;position:relative}
#HP .FDA .tabWrapper .body ul{margin:0;padding:0;width:calc(100% - 20px);list-style:none;position:absolute;display:none}
#HP .FDA .tabWrapper .body ul:first-child{display:block}
#HP .FDA .tabWrapper .body ul li:nth-child(even){background:#f2f2f2}
#HP .drug #bodyPres ol li a,#HP .FDA .tabWrapper .body ul li a{color:#0072bc;text-decoration:none;padding:5px 12px;width:calc(100% - 24px);display:inline-block;transition:all 250ms}
#HP .FDA .tabWrapper .body ul li a:hover{color:#fff;background:#000}
#HP .tool p>a{color:#0072bc;text-decoration:none}
#HP .tool p>a:hover{text-decoration:underline}
#HP .tool .toolWrapper{text-align:center;margin:60px 0 30px 0}
#HP .tool .toolWrapper a{display:inline-block;text-decoration:none;color:#000;padding:30px 15px;border-radius:10px;width:220px;transition:all 250ms}
#HP .tool .toolWrapper span{font-size:50px;transition:color 250ms}
#HP .tool .toolWrapper span.icon-pill-id{color:#018dc2}
#HP .tool .toolWrapper span.icon-drug-interaction{color:#f7941d}
#HP .tool .toolWrapper span.icon-map{color:#62a508}
#HP .tool .toolWrapper a:hover{background:#000;color:#fff}
#HP .tool .toolWrapper a:hover span,#HP .tool .toolWrapper a:hover p{color:#fff}
#HP .tool .toolWrapper p{font-size:14px;color:#555;font-weight:300;margin:-17px 0;transition:color 250ms}
#HP .extra .from_webmd{margin:0 auto;max-width:980px}
#HP .extra .from_webmd h3{position:absolute;margin:0}
#HP .extra .from_webmd h3 img{margin-top:-5px}
#HP .extra .from_webmd .content{margin-left:25%}
#HP .extra .from_webmd .content h5{font-size:16px;font-weight:400;text-transform:uppercase;margin:0}
#HP .extra .from_webmd .content h5 span{font-size:13px;text-transform:lowercase;color:#999}
#HP .extra .from_webmd .content ul{padding:0;list-style:none;margin:10px 0}
#HP .extra .from_webmd .content ul li a{color:#0072bc;font-weight:300;text-decoration:none}
#HP .extra .from_webmd .content ul li a:hover{text-decoration:underline}
#HP .extra .from_webmd .content h5:last-of-type{margin:-120px 0 0 42%}
#HP .extra .from_webmd .content ul:last-of-type{margin:10px 0 0 42%}

/*** Responsive ***/
@media (min-width:1200px){
	main section>.wrapper{max-width:1100px}
	#HP .hero .heroStory{padding:4% 15% 20% 15%}
	#HP .hero .heroStory h3{font-size:40px;line-height:40px;margin:25px 0}
	#HP .hero .heroStory p{font-size:20px;line-height:24px}
}
@media (min-width:1400px){
	main section>.wrapper{max-width:1200px}
}