/*----------------------------------

	Theme Name: ICP - http://icp.com.my/

	Tags: one page, white, responsive, theme-options, retina-ready, woocommerce, right-sidebar, left-sidebar, both-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-menu, translation-ready

	------------------------------------------------------------------------*/	
	
	@import url(../wp-content/themes/bootstrap/bootstrap.min.css); /* Import Responsive Grid System Stylesheet */
	@import url(../wp-content/themes/bootstrap/animate.css); /* Import Animation System Stylesheet */
	
	html, body { margin: 0; padding: 0; }
	
	body { font-family: 'Century Gothic', CenturyGothic, sans-serif; font-size: 12px; color: white; overflow: hidden; }
	
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	
	.clearfix:after { clear: both; }
	
	.clearfix { *zoom: 1; }
	
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; padding: 0 }
	
	a { color: #ff0; text-decoration: none; }
	
	a:hover, a:focus { color: #ff0; }
	
	img { max-width: 100%; }
	
	tr { margin: 0; padding: 0; }
	
	td { margin: 0; padding: 1px 4px; }
	
	label { font-size: 14px; margin: 8px 0 5px; color: #fff; line-height: 16px; font-weight: normal; }
			
	#wrapper { height: 100%; overflow-x: hidden;}
	
	.position { position: relative; z-index: 99 }
	
	.large-view { display: block; }
	
	.tablet-view { display: none; }
	
	.small-view { display: none; }


    .display-large { display: block }

    .display-small {display: none;}
	
	/* Typography
	-------------------------------------------------------------- */
	
	h1 { font-size: 36px; line-height: 36px; margin-top: 30px; }
	
	h2 { font-size: 24px; line-height: 26px; margin-top: 0px; }
	
	h3 { font-family: 'Century Gothic', CenturyGothic, sans-serif; font-size: 20px; color: #262261; font-weight: bold; line-height: 20px; margin-top: 0; margin-bottom: 10px; }
	
	h4 { font-size: 14px; line-height: 18px; margin-top: 0px; }
	
	h6 { font-size: 14px; color: #e50085; font-weight: 700; line-height: 18px; margin-top: 15px; }
	
	p { font-size: 22px; font-family:  'Century Gothic', CenturyGothic, "SimHei","黑体", STHeiti, "华文黑体", sans-serif; }
	
	.SimHei { font-family:  'Century Gothic', CenturyGothic, "SimHei","黑体", STHeiti, "华文黑体", sans-serif; }
	
	.SimSun { font-family:  'Century Gothic', CenturyGothic, "SimSun","宋体", STSong, "华文宋体", sans-serif; }
	
	/* Slider
	-------------------------------------------------------------- */
		
	.lable-text { font-size: 12px; line-height: 18px; color: white; font-weight: bold; font-style: italic; text-align: left }
	
	.text-terms { font-size: 12px; color: #fff; letter-spacing: 0px; line-height: 14px; margin-top: 5px; }
			
	.text-copyright { font-size: 12px; line-height: 10px; margin-top: 5px; text-align: center; color: #fff; }
		
	
	/* Header
	-------------------------------------------------------------- */
	
	header { padding: 30px 0; background: rgba(51,60,152,1);
background: -moz-linear-gradient(top, rgba(51,60,152,1) 0%, rgba(51,60,152,1) 32%, rgba(70,41,119,1) 65%, rgba(56,13,67,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,60,152,1)), color-stop(32%, rgba(51,60,152,1)), color-stop(65%, rgba(70,41,119,1)), color-stop(100%, rgba(56,13,67,1)));
background: -webkit-linear-gradient(top, rgba(51,60,152,1) 0%, rgba(51,60,152,1) 32%, rgba(70,41,119,1) 65%, rgba(56,13,67,1) 100%);
background: -o-linear-gradient(top, rgba(51,60,152,1) 0%, rgba(51,60,152,1) 32%, rgba(70,41,119,1) 65%, rgba(56,13,67,1) 100%);
background: -ms-linear-gradient(top, rgba(51,60,152,1) 0%, rgba(51,60,152,1) 32%, rgba(70,41,119,1) 65%, rgba(56,13,67,1) 100%);
background: linear-gradient(to bottom, rgba(51,60,152,1) 0%, rgba(51,60,152,1) 32%, rgba(70,41,119,1) 65%, rgba(56,13,67,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333c98', endColorstr='#380d43', GradientType=0 ); }
	
	header .logo { text-align: center; }
	
	
	/* Section
	-------------------------------------------------------------- */
	#section-bg { background: url(../wp-content/uploads/2015/09/bank-section_bg2.jpg) center top repeat-y; padding-bottom: 50px; }
	
	#section-ty_bg { background: url(../wp-content/uploads/2015/09/bank-section_bg2.jpg) center top repeat-y; padding-bottom: 50px; margin-top: -140px; }
	
	.section-header { height: 313px; background: url(../wp-content/uploads/2016/01/bank-title-bg.png) center top no-repeat; margin-top: -160px; }
	
	.section-header2 { height: 313px; background: url(../wp-content/uploads/2016/01/bank-title-bg2.png) center top no-repeat; margin-top: -60px; }
	
	.section-title-testi { margin-top: 150px; }
	
	.section-title-lower { margin-top: 150px; }
	
	.section-title-fatproblem { margin-top: 140px; }
	
	.content-image-single { height: 646px; width: 510px; margin-top: 10px; position: absolute; top: 10px; left: 0; z-index: 1 }
	
	.spec-image-single { margin-top: 10px; text-align: left }
	
	.content-image-multible { margin-top: 0; text-align: center; display: none;  }
	
	.testi-image-single { margin-top: -80px; }
	
	.individual-group { margin-top: -30px;}
	
	.individual-problem { margin-top: 20px; }
	
	
	
	.single_image-box { width: 160px; padding-right: 15px; }
	
	.single_image { border: 3px solid #000; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2), 0 0 8px rgba(255,255,255,.5); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2), 0 0 8px rgba(255,255,255,.5); box-shadow: inset 0 1px 1px rgba(0,0,0,.2), 0 0 8px rgba(255,255,255,.5);}
	
	.individual-group ul { margin: 0; padding: 0; }
	
	.individual-group li { margin-bottom: 8px; margin-left: 18px; color: #d21c5c; font-size: 14px; line-height: 16px; }
	
	.individual-group li span { font-family:  'Century Gothic', CenturyGothic, "SimHei","黑体", STHeiti, "华文黑体", sans-serif; color: #000; }

#content3 {
    background: url(/wp-content/uploads/review/reviewbg.png) center top no-repeat;
    background-size: cover;
    color: black;
    padding-top: 10px;
}
	
	/* thank
	-------------------------------------------------------------- */
	.text-ty { margin-top: 100px;}
	
	.text-enquiry { margin-top: 50px;}
	.text-phone { margin-top: 10px;}
	
	.benefit-container { height: 311px; width: 622px; background: url(../wp-content/uploads/2015/09/bank-benefit-bg.png) center top no-repeat; padding-top: 30px; margin-left: auto; margin-right: auto; }
	
	.fbshare { margin-top: 50px; margin-bottom: 50px; }  
	
	.image-benefit { margin-top: -150px; }
	
	/* Form
	-------------------------------------------------------------- */	
	.promotion-container { margin-top: 35px; max-width: 511px; margin-left: auto; margin-right: auto; }
	
	.promotion-box { margin-top: 0; margin-left: auto; margin-right: auto; }
	.promotion-package { background:url(../wp-content/uploads/2015/09/bank-promotion-bg.png) center top no-repeat; height: 337px; width: 511px; padding-top: 75px; padding-left: 40px; margin-top: 0; margin-left: auto; margin-right: auto; }
	
	.promotion-package ul { margin: 0; padding: 0; }
	
	.promotion-package li { color: #fff; font-size: 28px; line-height: 30px; margin-left: 18px; margin-bottom: 5px; }
	
	.promotion-package .price { color: #ff0; font-size: 24px; font-style: italic}
	
	.form_box-container { padding-top: 30px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; margin-top: 20px; width: 545px; margin-left: auto; margin-right: auto; background: url(../wp-content/uploads/2016/01/spaceship-form_bg.png) top right no-repeat; color: #fff; }
	
	.form_box-container-pop { padding-bottom: 20px; margin-top: 0; margin-left: auto; margin-right: auto; background: url(http://dorraslimbody.com.my/wp-content/uploads/2015/07/birthday-decoration.png) bottom right no-repeat; }
	.form_box-container-pop .header { background: #d90085; padding: 10px; }
	
	.form_box-container-pop input[type=text], .form_box-container-pop input[type=age], .form_box-container-pop input[type=tel], .form_box-container-pop input[type=mail] { width: 100%; padding: 6px 7px; border: 1px solid #DBDBDB; }
	
	.form_box-container-pop select { width: 100%; padding: 6px 7px; border: 1px solid #DBDBDB; font: normal 13px/14px 'Arial'; }
		
	.form_box-container-pop select, .form_box-container-pop input[type=text], .form_box-container-pop input[type=age], .form_box-container-pop input[type=tel], .form_box-container-pop input[type=mail], .form_box-container-pop input[type=text]:hover, .form_box-container-pop input[type=tel]:hover { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
			
	input[type=text], input[type=age], input[type=tel], input[type=mail] { width: 100%; padding: 2px 7px; border: 1px solid #999; }
	
	select { width: 100%; padding: 2px 7px; border: 1px solid #999; font: normal 13px/14px 'Arial'; }
	
	select, input[type=text], input[type=age], input[type=tel], input[type=mail], input[type=text]:hover, input[type=tel]:hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
	
	input[type=text]:focus, input[type=age]:focus, input[type=tel]:focus, input[type=mail]:focus { border-color: #811988; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2), 0 0 8px rgba(255,255,255,.5); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2), 0 0 8px rgba(255,255,255,.5); box-shadow: inset 0 1px 1px rgba(0,0,0,.2), 0 0 8px rgba(255,255,255,.5); }
	
	
	
	/* Button
	----------------------------------------------------------------------------------------------------*/	
	
	.redeem { width: 156px; height: 42px; margin-top: 20px; background: url(../wp-content/uploads/2015/09/asary-submit.gif) center center; border: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; border: 3px solid #ccc; }
	
	.redeem:hover { background: url(../wp-content/uploads/2015/09/asary-submit_hover.gif) center center }
	
	.btn-lowfat { width: 218px; height: 61px; margin-top: 0; margin-left: auto; margin-right: auto; background: url(../wp-content/uploads/2016/01/spaceship-btn-lose_fat.png) center top; border: none; }
	
	.btn-lowfat:hover { background-position: center bottom; }
	
	/* footer
	-------------------------------------------------------------- */
	
	footer { padding: 15px 0; color: #fff; background: rgba(51,60,152,1);
background: -moz-linear-gradient(left, rgba(51,60,152,1) 0%, rgba(51,60,152,1) 32%, rgba(70,41,119,1) 65%, rgba(56,13,67,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51,60,152,1)), color-stop(32%, rgba(51,60,152,1)), color-stop(65%, rgba(70,41,119,1)), color-stop(100%, rgba(56,13,67,1)));
background: -webkit-linear-gradient(left, rgba(51,60,152,1) 0%, rgba(51,60,152,1) 32%, rgba(70,41,119,1) 65%, rgba(56,13,67,1) 100%);
background: -o-linear-gradient(left, rgba(51,60,152,1) 0%, rgba(51,60,152,1) 32%, rgba(70,41,119,1) 65%, rgba(56,13,67,1) 100%);
background: -ms-linear-gradient(left, rgba(51,60,152,1) 0%, rgba(51,60,152,1) 32%, rgba(70,41,119,1) 65%, rgba(56,13,67,1) 100%);
background: linear-gradient(to right, rgba(51,60,152,1) 0%, rgba(51,60,152,1) 32%, rgba(70,41,119,1) 65%, rgba(56,13,67,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333c98', endColorstr='#380d43', GradientType=1 ); }
	
	
	
	/* preloader
	-------------------------------------------------------------- */
	
	#preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: white; color: #222; z-index: 9999; }
	
	#preloader #spinner_container { width: 193px; margin: 250px auto; text-align: center; }
	
	.animated { visibility: hidden; }
	
	.visible { visibility: visible; }
	
	
	
	/* Modal
	----------------------------------------------------------------------------------------------------*/		
	
	.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: url("http://dorraslimbody.com.my/wp-content/uploads/2014/common/bg-black-80.png"); z-index: 9999; display: none; top: 0; left: 0; }
	
	.reveal-modal { width: 720px; top: 10px; color: #000; }
	
	.reveal-modal .terms { font-size: 16px; line-height: 14px; }
	
	.reveal-modal a, .reveal-modal a:hover { color: black; }
	
	.reveal-modal ul { margin-top: 5px; padding-left: 10px; }
	
	.reveal-modal li { list-style: decimal; font-size: 12px; }
	
	.reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: black; text-shadow: 0 -1px 1px rbga(0, 0, 0, .6); font-weight: bold; cursor: pointer; }
	
	.reveal-modal { visibility: hidden; left: 0; right: 0; margin: auto; background: white; color: black; position: absolute; z-index: 10000; padding: 15px 20px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); }
		 
	@media (max-width: 800px) {
		.large-view { display: none; }
	
		.tablet-view { display: block; }
		
		.small-view { display: none; }
		
		.content-image-multible { margin-top: -20px; display: block;  }
		
		.form_box-container { padding-bottom: 20px; margin-top: -0px; background: url(../wp-content/uploads/2016/01/spaceship-form_bg-tab.png) top right no-repeat; }
		
		.spec-image-single { text-align: center }
		
		.testi-image-single { margin-top: 20px; }
		
		.promotion-container { margin-top: 10px; }
        
        .display-large{
                display: none;
        }
	
	}
	@media (max-width: 479px) {
		.large-view { display: none; }
	
		.tablet-view { display: none; }
		
		.small-view { display: block; }
		
		.content-image-multible { margin-top: -20px; }
		
		header .logo { width: 185px; margin-left:auto; margin-right: auto; text-align: center }
		
		header .heading-title { margin-top: -15px; }
		
		.section-header { height: 250px;margin-top: -130px; }
		.individual-group { margin-top: 0;}
		
		.promotion-package { background:url(../wp-content/uploads/2015/09/bank-promotion-bg-res.png) center top no-repeat; height: 267px; width: 280px; padding-top: 55px; padding-left: 15px;  }
		
		.promotion-package li { color: #fff; font-size: 16px; line-height: 20px; margin-left: 18px; margin-bottom: 5px; }
	
		.promotion-package .price { color: #ff0; font-size: 16px; font-style: italic}
		
		.form_box-container { width: 300px; padding-bottom: 20px; margin-top: -0px; background: url(../wp-content/uploads/2016/01/spaceship-form_bg-res.png) top right no-repeat; }
		
		.reveal-modal { width: 90%; }
		
		.text-benefit { margin-top: 10px; }
		
		.text-ty { margin-top: 30px;}
	
		.text-enquiry { margin-top: 30px;}
		.text-phone { margin-top: 10px;}
	
	
		.benefit-container { height: 311px; width: 280px; background: url(../wp-content/uploads/2015/09/bank-benefit-bg.png) center top no-repeat; padding-top: 30px; margin-left: auto; margin-right: auto; }
		p { font-size: 13px; }
	
	}