html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: helvetica;
	background-color: white;
	background-repeat: repeat-x;
	background-position: center top;
	position: relative; font-family: 'Nunito Sans', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#container{
	width: 1200px;
	background-color: white;
	margin: 0px auto;
	padding-bottom: : 50px;
}
#advertorial-txt{
	width: 920px;
	font-size: 19px;
	font-weight: 100;
	margin: 0px auto;
	text-align: center;
}
#footer{
	margin: 0px auto;
	color: #f7f7f7;
	text-align: center;
}
h1{
	color: #163351;
	font-size: 30px;
	font-weight: bold;
}

h2{font: 30px Trebuchet MS, Arial, sans-serif; padding-top: 10px; padding-bottom:15px;}

h3{font: 24px Trebuchet MS, Arial, sans-serif;padding-top: 0px; padding-bottom:0px;}

p{
	padding:10px 0px;
	/*font:15px Trebuchet MS, Arial, sans-serif;
	font: 18px Arial,Helvetica,sans-serif;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.5;
    color: #333333;
}
b{
	font-weight: bold;
}
i{
	font-style: italic;
}
a{
	font-weight: normal;
	color: #0048ff;
	text-decoration: none;
}

.shadow-bg{box-shadow:0px 0px 10px rgba(0,0,0,0.2); background:#fff; padding:4px; border-radius:4px; margin:8px 0px 0px;}

img{

}
.header-red{
	/*color: #9A1D0D;
	color:#0a419d;*/
	font-weight: bold;
	padding: 10px 20px 5px;
	font-size: 34px;
	border-bottom: : dotted 1px #666666;
	font-family:Arial,Helvetica,sans-serif;
	
	
}
.post{
	padding:0px 20px 0px;
}
.floatLeft{
	float:left;
}
.floatRight{
	float: right;
}
.center{
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.greybox{
	border-width: 1px;
	border-style: dotted;
	width: 830px;
	height: 80px;
	padding: 10px 20px;
	background-color: #F3F3F3;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
.step{
	text-decoration: underline;
	font-weight: bold;
	font-size: 19px;
}

.red-dotted{
	border: 3px dashed red;
	padding: 10px;
	width: 700px;
}
.productImg{
	border: 1px solid #ccc;
	margin-right: 15px;
	float: left;
}
.comments-red{
	color: #ff0000;
	text-decoration: underline;
	margin-top: 25px;
}
.quote{
	font: 19px/24px Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: right;
}
.clear{
	clear: both;
}
.calendar{
	padding: 20px 5px 0px 0px;
}
.comment{
	border-width: 2px;
	border-style: dotted;
	width: 85%;
	padding: 10px 20px;
	background-color: #FFF;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.comment p{
	font:15px Trebuchet MS, Arial, sans-serif;
	line-height: 140%;
}
.disclamer, .disclamer a{
	color: black;
	font-size: 15px;
}
.display-none{
	display: none;
}
.sponser-text{
       font-size:11px;
}
.nav-links{
       position:absolute;
       top:140px;
       text-transform:uppercase;
       display:inline;
       font-size: 12px;
       padding-left:20px;
}
.nav-links a{
       text-decoration:none;
       color:black;
       font-weight: lighter;
}
.nav-links a:hover{
       text-decoration:underline;
}

#nav-desktop{
	height: 40px; 
	background-color: #2a639e; 
	margin: 0px 17px 17px 17px; 
	border: 1px solid #E5E5E5;
	
}
#nav-desktop a{
	text-decoration: none;
}
.nav-desktop-item{
	display: inline-block;
	color: white;
	padding: 12px;
}
#nav-desktop a:hover{
	color: #b5b5b5;
}
ul li{
	padding:5px 20px;
}

.header-image{
	padding:0;
	display:inline;
        position:relative;

	right: 15px;	
}
.highlight-top{
	margin: 0px 20px;
}
.highlight{
	background-color: yellow;
	font-size: 16px;
	line-height: 19px;
}
.special-report{
	color:#e60192;
}
.video-wrap{
	position:relative;
}
.video-wrap-relative{
	position:absolute;left: 382px; top: 72px;
}
.video-size{
	width: 472px;
	height: 270px;
}

.note-bottom-text{
	font-size: 14px;
}
.check-mark{
	padding: 0px;
	padding-right: 5px;
}
.orange-buttons{
	padding-left:0px;
	width:47%;
}
.comment-font{
       font-size:12px;
}
.flexable-img{
	width: 100%;
}

.post-left{
	width: 70%;
}
.post-right{
	width: 28%;
	float: right;
}
.post-right img{
	width: 90%;
}
.post-right p{
	padding:5px 16px;
}

.post-right a{
	text-decoration:none;
	color:black;
	font-weight:300;
	font-size: 17px; border-bottom: 1px solid #eee; display: block; padding: 0px 0px 5px;
}



.mobile-only{
	display: none;
}

.bottom-banner{
	width: 95%; margin: 0px auto;
}

.share-side-bar{
	width: 65px;
	position: absolute;
	margin-left: -90px;
	padding: 6px;
	background: #FFF;
	border: #cccccc solid 1px;
}
.mobile-floating-ad{
	display:none !important;
}

.media-heading{
	font-size: 18px;
	font-weight: bold;
}

#desktop-text-nav{
	display: inline-block; 
	position: relative; 
	float:right;
	font-size:16px;	
	padding-left:50px;
    padding-top:48px;
}
#desktop-text-nav a {
	display:inline-block;
	margin-right:20px;
}

#desktop-text-nav a{
	color: #163351;
	text-decoration: none;
	font-weight:500;
}

#desktop-text-nav a:hover,
.post-right a:hover{
	color:blue;
	text-decoration:underline;
}

#desktop-text-nav ul {
    list-style-type: none;
    margin: 0;
    padding:0;
}

#desktop-text-nav li {
    display: inline;
    padding: 5px 15px;
}

.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
}
.headline{
	font-size:43px;
	padding-bottom: 10px;
}

 /* MODAL STYLE ENDS */

.modal {
    /* some styles to position the modal at the center of the page */

    background-color: white;
  
    /* needed styles for the overlay */
    z-index: 10; 
        
    position: fixed;
	left: 50%;
	top: 47%;
	transform: translate(-50%, -50%);

	padding: 20px;  
	background: white;
	text-align: center;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
}

.modal-btn{
	width: 370px; 
	margin: 0px auto;
}
.modal-btn-link{
	font-size: 28px;
	
	background-color: red; 
	border-radius: 10px; 
	text-decoration: none; 
	color: #fff; padding: 12px 27px; 
	text-align: center; 
	display: block;
}
 /* MODAL STYLE STARTS */
 
.header-sec{margin:0px; padding:0px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); overflow:hidden; border-bottom: 6px solid #2a639e;}

.featured-sec{padding:30px 0px 40px; margin-bottom:40px; overflow:hidden; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

.featued-img{padding:10px;}
 
.featued-img img{box-shadow:0px 0px 10px rgba(0,0,0,0.4); border-radius:6px; margin:10px;}
 
.featured-sec h1{font-weight:800; line-height:1.2; font-size:35px; margin-top:15px;  width:100%; overflow:hidden; margin-bottom:15px; font-family: 'Nunito Sans', sans-serif;}

.featured-sec h1 span{background:#019cfe; color:#fff;}

.featured-sec h4{margin-top:15px; color:#333; padding-bottom:15px;}

.cat-sec{margin-top:15px; background:#2a639e; padding: 8px 15px; border-radius: 3px; margin-bottom: 12px; color:#fff; margin-right:15px;}

.featured-sec p{padding:5px 0px;}

.author-img img{width:60px; height:60px; border-radius:50%; border:1px solid #fff; padding:1px;}

.service-bg{background:#fafafc; border-radius:0px; overflow:hidden; padding:20px; margin-bottom: 15px; min-height: 345px; border: 1px solid #f3f3f3;}

.service-bg span{float:left; font-size:20px;}

.author-written{margin-top:8px;}

.date-sec{color:#333; margin-bottom:10px; font-size:14px; margin-top:0px; margin-bottom:15px;}

.video_btn{margin:0px; padding:15px 0px 0px 0px;}

.video_btn a{margin:0px; padding:10px 120px; background:#019cfe; color:#fff; text-transform:uppercase; border-radius:4px; text-transform: uppercase; border-radius: 4px; font-weight: 600; font-size:50px; /*background-image: linear-gradient(to bottom, #35cd12, #39dd14)*/;  box-shadow: 0 0px 0 #019cfe;}

.video_btn a:hover{background:#019cfe; /*background-image: linear-gradient(to bottom, #39dd14, #35cd12);*/ color:#fff;}

.video_btn i{margin-left: 10px;}

.click-video{margin:15px 0px 0px; padding:0px; text-align:left;}

.views{color:#E43221; margin:15px 0px 0px; padding:0px; float:right;}

.add-sec-bg{background:#fafafc; border:1px solid #f3f3f3; padding:20px 0px; margin:35px 8px 8px; overflow:hidden;}

.add-sec-bg h3{font-size:30px; margin-top: 10px; margin-left: 10px;}

.lern-more_btn{margin:20px 0px 20px; padding:0px; text-align:center;}

.lern-more_btn a{margin:0px; padding:12px 20px; background:#2a639e; color:#fff; border-radius: 3px;}

.lern-more_btn a:hover{background:#1e4a78;}

.content-sec{padding-top:0px; padding-bottom:30px; line-height:1.4;}

.content-sec p{line-height:1.4; font-family: 'Nunito Sans', sans-serif;}

.content-sec h4{font-size:22px; font-weight:600;}

.content-sec h3{font-family: 'Nunito Sans', sans-serif; font-weight:700;}

.content-sec mark{background:#019cfe; color:#fff; padding:0px 4px;}

.footer-btn{position:fixed; bottom:0; width:100%; display:none;}

.footer-btn a{background: #015bcd; /*background-image: linear-gradient(to bottom, #f62b2b, #d20202);*/ color: #fff; text-transform: uppercase; text-decoration: none; display:block; text-align:center; font-size: 26px; font-weight: bold; padding:12px 0px;}

.footer-btn a i{margin:0px 5px;}

.featued-img-mob{display:none;}

.read_btn{margin:2px 0 0; padding:0px;}

.read_btn a{background: #0a426b; background-image: linear-gradient(to bottom, #0a426b, #0e588e); color: #fff; text-transform:capitalize; text-decoration: none; display:block; text-align:center; font-size: 26px; font-weight: bold; padding:12px 0px;}


@media screen and (max-width: 1200px) {
	#container{
		width:100%;
	}
}
@media screen and (max-width: 1100px) {
	#desktop-text-nav{
		font-size: 20px;
	}
        .header-image{
                width:450px;
        }
}
	

/*MOBILE STARTS*/
@media screen and (max-width: 920px) {
	
	#container,#advertorial-txt, #footer, .post-left, .flexable-img{
		width: 100%;
	}
	.logo-only{
		display: block; 
		margin: 0px auto; 
		width: 80%;
	}
	.nav-mobile{
		display: block !important;
		height: 45px;
		margin: 20px 20px 30px;
		background: #f8f8f8;
		border: 1px solid #E5E5E5;
	}
	
	.video-wrap-relative{
		position: static;
		left: 0px;
		top: 0px;
		float: none;			
	}
	.mobile-nav-img{
		float: right;
		margin-top: 5px;
		margin-right: 20px;
		padding: 0px;
	}
	.nav-date{
		margin: 15px;
		display: inline-block;
		font-style: italic;
		color: gray;
		font-size: 12px;
	}
	
	.video-size{
		width: 100%;
		height: auto;
		display: block;
		
	}
	
	.hide-mobile {
		display: none !important;
	}
	
	.mobile-floating-ad{
		position: fixed;
		bottom: 0px;
		display: block !important;
		
		width:100%;
	}
	
	.modal{
		width:80%;
	}
	
	.wait-img{
		width: 100%;
	}
	
	.headline{
		font-size:35px;
	}
			
}

@media screen and (max-width: 980px) {
	
	.logo-only{width:auto !important;}
	
	.featured-sec > .container > .row > .col-sm-6{width:100%;}
	
	.featured-sec > .container > .row > .col-sm-6 img{text-align:center; margin: 0px auto; display: block;}
	
}


@media screen and (max-width: 650px) {

	.video-wrap-relative{
		padding: 10px 0px;
	}
	
	.full-phone-image{
		display: block;
		width: 100%;
		padding: 0px;
	}
	
	.garcinia-image{
		padding-top: 15px;
	}
	.top-headline-text{
			width:100%;
	}
	
	.productImg,.orange-buttons{
		width: 40%;
	}
    
    .comment-font{
         font-size:10px;
     }
	
	 .mobile-only{
		 display: block;
		 width: 95%;
		 margin: 0px auto;
	}
	
	.mobile-only-full{
		display: block;
		 width: 100%;
		 margin: 0px auto;
	}
	
	
	
	.hide-phones{
		display: none;
	}
	
	.video_btn a{display:block; font-size:24px;}
	
	.featued-img img{margin: 10px 0px;}
	
	.featured-sec h1{font-size:30px;}
	
	.ad-section{padding:0px 10px;}
	
	.ad-span_1_of_3{width:100%; margin:0px;}
	
	.footer-title{font-size:20px !important;}
	
	.footer-links a{line-height:1.6;}
	
	.logo-sec{padding:0px 10px;}
	
	.ad-sec{padding:0px 10px;}
	
	.logo-only{width:auto !important; max-width:250px; text-align:center; display:block; margin:0px auto 12px !important;}
	
	.featued-img{display:none;}
	
	.featued-img-mob{display:block; padding:10px 15px;}
	
	.featued-img-mob img{box-shadow: 0px 0px 10px rgba(0,0,0,0.4); border-radius:4px;}
	
	.services-sec-left{width:40%; float:left;}
	
	.services-sec-right{width:55%; float:right;}
	
	.services-sec-tit{font-size:15px !important; line-height:16px !important;}
	
	.service-bg{min-height:auto;}
	
	#footer img{width:200px !important;}
	
	.logo-sec{background: #2a639e; height:40px;}
	
	.logo-sec h3{text-align:center !important; color:#fff !important; line-height:40px;}
	
	.ad-sec{background:#31b44b; height:40px;}
	
	.ad-sec h3{text-align:center !important; color:#fff !important; line-height:40px;}
	
	.content-sec{padding-bottom:0px; margin-bottom: -50px;}
	
	
}

@media screen and (max-width: 550px) {
	.modal-btn{
		width:270px;
	}
	.modal-btn-link{
		font-size: 19px;
	}
	.headline{
		font-size:30px;
	}
	
	.footer-btn{display:block;}
	
	#advertorial-txt{font-size:13px !important; margin-bottom: 15px;}
	
}

@media screen and (max-width: 335px) {
	.nav-date{
		font-size: 9px;
		margin: 16px 0px  16px  16px;
	}
	.orange-buttons, .published-text{
		display:none;
	}
	.modal{
		top: 15%;
	}
	.modal-btn-link{
		font-size: 15px;
	}
	.headline{
		font-size:25px;
	}
}

@media screen and (max-width: 250px) {
	.mobile-nav-img, .published-text, .orange-buttons{
		display:none;
	}
	
	.productImg{
		width: 90% ;
	}
	
	.modal{
		top: 10%;
	}
}
/*MOBILE ENDS*/