@charset "utf-8";
/* CSS Document */
@font-face { font-family: 'Raleway-Bold';src: url(Font/Raleway-Bold.eot);src: url(Font/Raleway-Bold.svg);src: url(Font/Raleway-Bold.svg);src: url(Font/Raleway-Bold.ttf);src: url(Font/Raleway-Bold.woff);}
@font-face { font-family: 'Raleway-Italic';src: url(Font/Raleway-Italic.svg);src: url(Font/Raleway-Italic.ttf);src: url(Font/Raleway-Italic.woff);}
@font-face { font-family: 'Raleway-Medium';src: url(Font/Raleway-Medium.eot);src: url(Font/Raleway-Medium.svg);src: url(Font/Raleway-Medium.ttf);src: url(Font/Raleway-Medium.woff);}
@font-face { font-family: 'Raleway-Regular';src: url(Font/Raleway-Regular.eot);src: url(Font/Raleway-Regular.svg);src: url(Font/Raleway-Regular.ttf);src: url(Font/Raleway-Regular.woff);}
@font-face {
    font-family: 'Raleway-SemiBold';src: url(Font/Raleway-SemiBold.eot);
	src: url(Font/Raleway-SemiBold.svg);
	src: url(Font/Raleway-SemiBold.ttf);
	src: url(Font/Raleway-SemiBold.woff);
}
/**/
a{outline:transparent none !important;}
/**/
.clear{ clear:both;}
body{margin:0 auto; width:100%;}
@font-face { font-family: 'Elegan Tech';src: url(Font/EleganTech-.ttf);}
.article_width { width:980px; margin:0 auto;}
.container { width:100%;}
.header{ width:100%; margin:0 auto; text-align:center;}
.logo { width:auto; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.volume { width:auto; margin:0 auto;}
.social { width:100%; height:5%; font-family: 'Raleway-Regular'; font-size:12px; color:#666600;margin:0 auto;vertical-align:middle; padding-top:40px; padding-bottom:80px;}
.social-left { float:left; width:53%; text-align:right;}
.social-right { float: right; width:47%; text-align:left;}
.whatsapp{ font-size: 0;height:0 !important; line-height: 0; padding: 0;visibility:hidden !important;mso-hide: all;}
.whatsapp img {max-height:0 !important;width:0 !important;visibility:hidden !important;}
.title { font-family:Elegan Tech; font-size:18px;color:#333333; padding-bottom:10px;}
.article { margin:0; float:right; padding-left:20px;}
.article_text { font-family: 'Raleway-Regular'; font-size:12px; color:#666666;text-align:justify; line-height:20px; padding-top:30px; padding-bottom:40px;}
.see-more, .see-more1 { width:50%;float:left; font-family: 'Raleway-Regular'; font-size:14.5px; color:#999966;vertical-align:middle; margin:0 auto;}

.circle-image { width:25%; float:left;}
.col-1 { width:70%; text-align:left; float:left; padding-top:50px;}
.article-title { font-family:'Raleway-Regular'; font-size:16px; color:#FF0000;}
.article_text1 { font-family: 'Raleway-Regular'; font-size:12px; color:#666666;text-align: center; line-height:20px;}
.article_text2 { font-family: 'Raleway-Regular'; font-size:12px; color:#666666;text-align: center;}
.our-pick { width:50%;float:right; font-family: 'Raleway-Regular'; font-size:14.5px; color:#999966; vertical-align:middle;}
.col-51 { width:100%; float:left; padding-bottom:25px;}
.cs{padding-bottom:15px;}
.f_col-2{ width:42%; float:left; text-align:center; padding:20px 30px;font-family: "Century Gothic";font-style: normal;font-weight: bold;}
.contact_us{font-size:18px;font-family: "Century Gothic";font-style: normal;font-weight: bold;color:#db3a0f;}
.f_text{font-family: "Century Gothic";font-style: normal;font-weight: bold;font-size:14px; color:#6b6762; width:85%; margin:0 auto; line-height:22px;}
.sales1 {}
.whatsapp{ font-size: 0;height:0 !important; line-height: 0; padding: 0;visibility:hidden !important;mso-hide: all;}
.whatsapp img {max-height:0 !important;width:0 !important;visibility:hidden !important;}
footer{width:100%; background:url('images/footer_bg.jpg'); min-height:300px;}
.fframe{width:300px; height:214px;}
.connect_with_us{font-size:14px; font-family:"Century Gothic";color:#968566; vertical-align:super; display:inline;}
.date { color:#cc0000; font-family: 'Raleway-Regular'; font-size:12px; font-weight:bold;}
.space { height:30px;}
a img {border:none;}
hr { border:1px thin #999966; border-width: 1px; width:200px; float:left;}
    /*IPAD STYLES*/
         @media only screen and (max-width: 980px) {
		 .article_width{ width: 90%; margin:0 auto;}
         	.whatsapp{ display: inline !important;font-size: 12px !important;max-height: none !important;line-height: 0 !important;visibility:visible !important;}
			.whatsapp img {max-height: none !important;width: auto !important;visibility:visible !important;}
         	.f_col-2{padding:20px 30px 5px 30px;}
		    .circle-image { width:35%; float:left;}
			.col-1 { width:60%; text-align:left; float:left; padding-top:50px;}
			.article{ padding-top:10px;}
			footer{min-height:340px;}
         }
		 @media only screen and (max-width:900px){
			.trend{padding-top:20px;}
			.article_text {padding-top:0px !important;}
			.social-right , .social-left {line-height: 25px;}
		 }
         
		 
		 @media only screen and (max-width:800px) and (min-width:700px){
		 	.col-51{width:75%;}
		 }
		 
		 @media only screen and (width:768px){
		 	.article_width{ width: 90%; margin:0 auto;}
			.f_col-2{padding:20px 30px 5px 30px; width:40% !important;}
			.f_text{width:100%;}
			.circle-image { width:44%; float:left;}
			.col-1 { width:56%; text-align:left; float:left; padding-top:50px;}
			
		}
		 @media only screen and (max-width:800px){
		 	
		 	.f_col-2{padding:20px !important;}
		 }
		@media only screen and (max-width: 667px) {
		
		.see-more , .our-pick  { width:100%;float:left;font-size:12px;vertical-align:middle; margin:0 auto; text-align:left;}
			.f_col-2{ width:90%; float:left; text-align:center; padding:20px 30px 10px 30px;}
			.f_text{font-size:14px; width:100%; line-height:22px;}
			footer{ background:url('images/footer_bg_1.jpg'); min-height:520px;}
        }
         @media only screen and (max-width: 640px) {
         	a[href^="tel"], a[href^="sms"] 
         		{
         			text-decoration: none;
         			color: #33b9ff; /* or whatever your want */
         			pointer-events: none;
         			cursor: default;
         		}
         	body{width:100% !important;}
		 	.article { margin:0; float:right; padding-left:0px!important; width:100%;}
			.title { font-size:18px; float: left;}
		 	.social {width: 100% !important;text-align:center!important;}
			.social-left { float:left; width:100%; text-align: center;}
			.social-right { float: left; width:100%; text-align: center;}
			.article_text { font-size:12px;text-align:justify; line-height:20px; padding-bottom:40px;clear: both;}

			img[ class=logo] { width:440px !important; }
			img[ class=volume] { width:440px !important;}
         	img[ class=spacing] { width:440px !important; clear:both; float: left;}
			 
			
			.circle-image { width:25%; text-align:center; float:left;}
			.col-1 { width:60%; text-align: left; float:left; padding-top:50px;}
         	img[ class=banner-img] { width:440px !important; clear:both; float: left;}
			.see-more , .our-pick  { width:100%;float:left; font-size:12px;vertical-align:middle; margin:0 auto; text-align:left; padding-bottom:40px;}
			.see-more1 { width:100%;float:left; font-size:12px;vertical-align:middle; margin:0 auto;text-align:left;}
	
			.col-51 { width:100% !important; float:left;}
         	img[ class=big_article] { width:340px !important;clear:both; float: none;}
         	img[class=small_article]{width:200px !important;clear:both; float: none; padding-top:20px;}
			.small_article_text{font-size:12px;text-decoration: none;text-align: center; vertical-align:middle;line-height:18px;}
         	.whatsapp{ display: inline !important;font-size: 12px !important;max-height: none !important;line-height: 0 !important;visibility:visible !important;}
			.whatsapp img {max-height: none !important;width: auto !important;visibility:visible !important;}
			.business{float:none; padding:10px 0;}
			.footer_divider{display:none;}
			.footerbusiness { text-align: center;font-size:12px;}
			.footerfeedback { text-align: center;font-size:12px;}
			.diveder { display:none;} 
			.f_col-2{ width:90%; float:left; text-align:center; padding:20px 30px 10px 30px;}
			.f_text{font-size:14px; width:100%; line-height:22px;}
			

         	
         }
		 
		 
         /*IPHONE STYLES*/
         
         @media only screen and (max-width: 480px) {
         	a[href^="tel"], a[href^="sms"] {
         		text-decoration: none;
         		color: #33b9ff; /* or whatever your want */
         		pointer-events: none;
         		cursor: default;
		
         	}	
         	table[class=devicewidth] {width: 300px!important;text-align:center!important; float:none; clear:both;}
         	
         	table[class=devicewidthinner] {width: 260px!important;text-align:center!important;}
			.f_col-2{ padding-left:0px !important; width: 90%; margin:0 auto;}
         	img[ class=logo] { width:300px !important; }
			img[ class=volume] { width:300px !important;}
         	
         	img[ class=partition] { width:300px !important; clear:both; float: left;}
         	img[ class=spacing] { width:300px !important; clear:both; float: left;}
			img[ class=trend] { max-width:100% !important;}
         	img[ class=banner-img] { width:300px !important;clear:both; float: left;}
         	img[ class=big_article] { width:300px !important;clear:both; float: left;}
			img[class=small_article]{width:200px !important;clear:both; float: none; padding-top:20px;}
         	.circle-image { width:100%; text-align:center; float:left;}
			.col-1 { width:100%; text-align: center; float:left; padding-top:10px;}
			.whatsapp{ display: inline !important;font-size: 12px !important;max-height: none !important;line-height: 0 !important;visibility:visible !important;}
			.whatsapp img {max-height: none !important;width: auto !important;visibility:visible !important;}
			.small_article_text{font-size:12px;text-decoration: none;vertical-align:middle; padding:0px 15px; padding-left:30px; text-align:justify;line-height:18px; }
		 .small_article_title{font-size:14px;text-decoration: none;text-align: left; vertical-align:middle; line-height:25px; font-weight:200;}
		 	.col-21{width:25% !important;}
		.f_col-2{ width:90%; float:left; text-align:center; padding:20px 15px 10px 15px;}
		
 
         }
		 
		 @media only screen and (max-width:440px){
		
			footer{min-height:590px;}
		}

		   @media only screen and (max-width: 360px) {
		   
		  
		 
		    }
			@media only screen and (max-width:320px){
			.article { width:100%; }
			img[ class=circle-image] { width:300px !important;clear:both; float: none;}
		
		footer{min-height:600px;}
			}