@charset "utf-8";
/* CSS Document */
 
.desktop{display:block;}
.phone{display:none;}
.top-cur .nivo-slider-wrapper
{display:none;}
@font-face {
    font-family: "Archivo Narrow";
    font-style: normal;
    font-weight: 400;
    src: local("Archivo Narrow Regular"), local("ArchivoNarrow-Regular"), url("https://fonts.gstatic.com/s/archivonarrow/v5/DsLzC9scoPnrGiwYYMQXpj3sPXe5Q4a3bCZMR7ryN4o.woff2") format("woff2");
    unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Archivo Narrow";
    font-style: normal;
    font-weight: 400;
    src: local("Archivo Narrow Regular"), local("ArchivoNarrow-Regular"), url("https://fonts.gstatic.com/s/archivonarrow/v5/DsLzC9scoPnrGiwYYMQXpkU-p1xzoRgkupcXIqgYFBc.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: "Archivo Narrow";
    font-style: normal;
    font-weight: 700;
    src: local("Archivo Narrow Bold"), local("ArchivoNarrow-Bold"), url("https://fonts.gstatic.com/s/archivonarrow/v5/M__Wu4PAmHf4YZvQM8tWsGwfvudCZ8RknLCBmdpmlzc.woff2") format("woff2");
    unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Archivo Narrow";
    font-style: normal;
    font-weight: 700;
    src: local("Archivo Narrow Bold"), local("ArchivoNarrow-Bold"), url("https://fonts.gstatic.com/s/archivonarrow/v5/M__Wu4PAmHf4YZvQM8tWsBKUK2vxztsQZZBkxIuj92o.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: "Archivo Narrow";
    font-style: italic;
    font-weight: 400;
    src: local("Archivo Narrow Italic"), local("ArchivoNarrow-Italic"), url("https://fonts.gstatic.com/s/archivonarrow/v5/vqsrtPCpTU3tJlKfuXP5zY_xx5DQT9YeiXYckfzGhA8.woff2") format("woff2");
    unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Archivo Narrow";
    font-style: italic;
    font-weight: 400;
    src: local("Archivo Narrow Italic"), local("ArchivoNarrow-Italic"), url("https://fonts.gstatic.com/s/archivonarrow/v5/vqsrtPCpTU3tJlKfuXP5zeEHrUcvG35DlvKNjpX7jU4.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: "Archivo Narrow";
    font-style: italic;
    font-weight: 700;
    src: local("Archivo Narrow Bold Italic"), local("ArchivoNarrow-BoldItalic"), url("https://fonts.gstatic.com/s/archivonarrow/v5/wG6O733y5zHl4EKCOh8rSR5iW2BxMHezLzQnpy1d6Fo.woff2") format("woff2");
    unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Archivo Narrow";
    font-style: italic;
    font-weight: 700;
    src: local("Archivo Narrow Bold Italic"), local("ArchivoNarrow-BoldItalic"), url("https://fonts.gstatic.com/s/archivonarrow/v5/wG6O733y5zHl4EKCOh8rSflEgKdwIoor_PG0pLo4YVU.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}  

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
    unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
    unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
    unicode-range: U+370-3FF;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
    unicode-range: U+102-103, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
    unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.qt img {
    height: 270px;
    width: 95%;
}

.itemRelImg{
max-height:270px;
}

.media-info-hits{
color:#ccc!important;
}
h1{
  font-family:"Roboto"!important;
  color:#3399ff!important;
}
/*
h2{
   font-size:17px!important;
   color:#cccccc!important;
}*/

.wave-text .custom{
width:465px;
float:left;
}

h2,h2.cattitle,h3,.itemTags a,a.itemNext,a.itemPrevious,button{
  font-family:"Archivo Narrow"!important;

} 
.reltitle > img {
    margin-bottom: -5px;
    width: 25px;
}

.catItemView.groupLinks h3.catItemTitle
{
  float:right;
  width:67%;
  text-align:left;
}
h3.reltitle {
    height: 36px;
    border-bottom: 3px solid #3399ff;
    width: 135px;
}

.relitem4
{
 display:none;
}
 .itemListLinks .catItemTitle
{
 float:right;
 width:70%;
}
.itemRelated .tool{
  height:40px;
}

.itemRelated .vcard{
padding:10px;
}
.itemRelated .even{
 float:left;
 padding:0px!important;
 width:33.3%;
 margin-top:15px;
}
.itemRelated .hd
{

  position:relative;
   width:100%;

}
.tags{
   font-size:14px!important;
   color:#3399ff!important;
}
h2,h3,button,.tags,h2.media-upload-title
{
  font-family:"Archivo Narrow"!important;
}
.full .left-part
{
max-width:100%;

}
#k2Container
{
color:#999;
}
.catItemImageBlock{

margin-bottom:-10px!important;
}
div.catItemView
{
margin-bottom:-5px;
}

.itemListView h2.cattitle{

    border-bottom: 3px solid #4f98e1;
    display: inline-block;
     font-size: 22px;
    font-weight: bold;
    margin: 0;
    padding: 6px;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#000;
}
.itemListView .catItemImageBlock
{
 width:30%;
 float:left;
}

.itemListView .desccontainer
{
 width:68%;
 float:right;
}

h3.catItemTitle
{font-family: Georgia, "Times New Roman", Times, serif;font-size: 24px;font-weight: normal;line-height: 110%;padding: 10px 0 4px 0;margin: 0; color: rgb(0, 0, 0);}

div.catItemIntroText{font-size:15px;color:#000;}
.catItemBody{border-bottom:1px solid #ccc;}
.itemListView div.k2FeedIcon
{
 float:right;
 padding-top:14px;
}

.jmslideshow .slideshow-content
{

  background:rgba(0, 0, 0, 0) url("../images/bk.png") repeat scroll 0 0!important;
  border-radius:0px!important;
  bottom:5px !important;
  left:0 !important;
  opacity:0.7!important;
  width:100%!important;
  height:80px;
}

.jmslideshow .cycle-pager span
{
	background:#333!important;
	border-radius:50px;
	height:10px!important;
	width:10px!important; 
	}
	
.jmslideshow .cycle-pager .cycle-pager-active
{
	background:rgba(51, 153, 255, 1)!important;
	border-radius:50px;
	 
	height:10px!important;
	width:10px!important;
	}

.jmslideshow .cycle-pager
{
 bottom:10px!important;
 right:0px!important;
}	
.nspHeader.tleft.fnone.has-image
{
 /* height:90px;*/
}
.pagination .counter{
display:none;
}
.backto {
    background: rgba(0, 0, 0, 0) url("../images/arrow-left1.png") no-repeat scroll left center;
    color: #4aa2fb !important;
    font-weight: bold;
    padding-left: 16px;
}

#myList li
{
  /*display:inline-block !important;*/
  float:left;
}

#myList .nspImage{
height:200px;
width:auto!important;
}
.gkwMain 
{
color:#000;
}
.gkwTemp{
float:right;
}
.featured-video .media-info
{
display:none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, a, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif;
	outline: none; font-weight:400;
}
html, body {
	margin: 0; background:#ebebeb;
	padding: 0;
	height: 100%; font-size:19px; color:#fff;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}

.container{ width:100%; max-width:1170px; margin:auto; position:relative;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/*.ads{margin-bottom:25px} comment by  atul*/

.ad .custom{margin-bottom:25px}

.ad iframe{/*margin-bottom:25px; comment by  atul*/ border:none!important; }

#header{ width:100%; height:auto; background:#000; display:block; position:relative;}

.logo{ margin:auto; display:table;}

.top-links{ position:absolute; right:0; color:#8d8d8d; font-size:14px; top:20px;}

.top-links a{color:#8d8d8d; font-size:14px; text-decoration:none;}

.top-links a:hover{ background:#444242; font-weight:bold; color:#fff; padding:7px 5px; border-radius:5px;}

.top-links a.active{ background:#444242; font-weight:bold; color:#fff; padding:7px 5px; border-radius:5px;}

.cont{ width:140px; height:32px; background:#3399ff; text-align:center; line-height:32px; float:right;}

.cont a{ color:#fff; font-size:18px; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; text-decoration:none;}
.cont:hover{  background:#fff;}

.cont:hover a{ color:#3399ff;}


.row{ width:100%; height:auto; float:left;}

#mid-part{ width:100%; height:auto; float:left;position:relative;z-index:1;}

.add-space{ width:100%; float:left; text-align:center; margin:10px 0;}

.top-cur{ width:100%; height:190px; float:left; background:#f1f1f1; padding:10px 5px; position:relative; box-sizing:border-box;}

.cur1{ width:auto; height:auto; position:relative; line-height:0; margin:7px;text-align:center;}

.cur1 img{ max-width:100%;}

.cur{ width:100%; height:auto; position:absolute; background:rgba(0, 0, 0, 0.4); top:0; bottom:0; text-align:center; }

.cur:hover{background:rgba(51, 153, 255, 0.6);}

.cur:hover img{ border:#fff thin solid; border-radius:50%;}

.cur img{ margin:30px auto auto auto; border:#fff thin solid; border-radius:50%;
  webkit-box-shadow: 1px 1px 3px 0 #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:   1px 1px 3px 0 #000;  /* Firefox 3.5 - 3.6 */
  box-shadow: 1px 1px 3px 0 #000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */}

.cur h3{ display: inline-block; font-size:24px; 
    
    margin:25px 0 15px;
    width: 100%;}
	
.cur h3 a{ color:#fff; text-decoration:none; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-size:18px; line-height:21px;}	

.cur p{ margin:10px 0; font-weight:400; font-style:italic; font-size:18px; font-family: 'Archivo Narrow', sans-serif;}

.prev{ left: -36px; cursor:pointer;
    position: absolute;
    top: 30%;}
	
.next{ right: -36px; cursor:pointer;
    position: absolute;
    top: 30%;}
	
.top-cur .owl-pagination{ display:none;}

.mid-section{ width:100%; height:auto; float:left; background:#f7f7f7; /*margin-top:10px; Comment by atul*/}		

.left-part{ float:left; max-width:826px; padding:15px 15px 0 15px; box-sizing:border-box; width:100%;}

.slider{ width:100%; height:auto; float:left; position:relative;}

.featured-video{ width:100%; height:auto; float:left; margin:20px 0;}

.tital,.hd-border{ width:100%; height:auto; float:left; background:#eeeeee; border-bottom:#999999 4px solid;}

.tital h2,.hd-border h3{ font-size:25px; font-family: 'Archivo Narrow', sans-serif; color:#999999; font-weight: 700; font-size:25px; border-bottom:#3399ff 4px solid; padding:5px; margin-bottom:-4px; float:left;}
.tital h1{ font-size:25px; font-family: 'Archivo Narrow', sans-serif; color:#999999; font-weight: 700; font-size:25px; border-bottom:#3399ff 4px solid; padding:5px; margin-bottom:-4px; float:left;}

.tital i{ margin:0 10px 0 10px; color:#3399ff;}

.videos{ width:100%; height:auto; float:left; margin-top:10px;}

.videos ul{ width:100%; height:auto; float:left; padding:0; margin:0;}

.videos ul li{ list-style:none; display:inline-block; border-bottom:#acacac thin solid; width:50%; float:left; position:relative; min-height:120px;}

.videos ul li span{ width:180px; height:119px; position:relative; float:left; margin-right:10px; margin-bottom:1px;}

.videos ul li span em{position:absolute; bottom:-10px; left:0px;}

.videos ul li h3{ color:#000; font-size:13px; text-transform:uppercase;  margin-top:0px; padding-top:0px}

.videos ul li h3 a{ color:#000; text-decoration:none; font-weight:bold;}

.videos ul li p{ color:#000; font-size:12px; text-transform:uppercase; font-weight:bold; margin-top:15px;}

.video-hover{ display:none;}

.videos ul li:hover .video-hover{width:180px; height:119px; display:block; background:rgba(51, 153, 255, 0.7); 
top:0; bottom:0; position:absolute; z-index:99;  text-align:center;  line-height:119px;}

.videos ul li:hover .video-hover a{font-family: 'Archivo Narrow', sans-serif; color:#fff; font-weight: 700; font-size:16px; text-decoration:none;}

.videos ul li:hover .video-hover i{ color:#fff; margin-right:5px;}

.videos ul li:hover span em{ display:none;}

.videos ul li:hover h3 a{ color:#3399ff;}

.video-more{ width:100%; height:70px; background:#f2f2f2; border-bottom:#acacac thin solid; text-align:center; font-family: 'Archivo Narrow', sans-serif; color:#3399ff; font-weight: 600; font-size:18px; text-decoration:none; float:left; line-height:70px;}

.latest-content{width:100%; height:auto; float:left; margin:20px 0;}

.lcontent{ width:100%; height:auto; float:left; margin-top:10px;}

.lcontent ul{float:left; padding:0px; margin:0 -10px;}

.lcontent ul li{ list-style:none; display:inline-block;  width:50%; float:left; position:relative; padding:10px 10px; box-sizing:border-box;}

.zoom-frame{ width:100%; height:299px; overflow: hidden; border:rgba(0, 0, 0, 0.5) thin solid;}

.lcontent ul li img{ width:100%; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; transition: all 2s ease;}

.lcontent ul li:hover img{ width:110%;}

.lcontent ul li span,.vcard .date,.catItemDateCreated{ font-size:13px!important; font-style:italic; color:#999999; margin-bottom:8px; margin-top:4px; padding-top:10px; float:left; width:100%; border-top:#dbdbdb thin solid;}

.lcontent ul li h3 a,.itemRelTitle{ font-size:20px; color:#000; text-decoration:none; font-weight:600;}

.lcontent ul li p a,.itemRelCat a{ font-size:16px; color:#3399ff; font-family: 'Archivo Narrow', sans-serif; font-weight:700; text-decoration:none; text-transform:uppercase;}

.lcontent ul li:hover h3 a,.itemRelTitle:hover{ font-size:20px; color:#3399ff; text-decoration:none; font-weight:600;}


.video-more1{width:100%; height:70px; background:#fff; float:left; padding:2px 0; border-top:#dedede thin solid;  border-bottom:#dedede thin solid;text-align:center;}

.video-more1 a{ width:100%; height:64px; background:#3399ff; text-align:center; font-family: 'Archivo Narrow', sans-serif; color:#fff; font-weight: 700; font-size:18px; text-decoration:none; float:left; line-height:70px; text-transform:uppercase;}

.video-more1 a:hover{ color:#3399ff; background:#f2f2f2;}

.right-part{ background:#e3edf8; width:100%; max-width:338px; float:right; padding:16px 18px; box-sizing:border-box;}

.ad{ width:100%; height:auto; text-align:center; float:left;}

.facebook-user{ width:100%; height:auto; text-align:center; float:left; margin-top:25px;}

.photoofweek{ width:100%; height:auto; text-align:center; float:left; margin-top:25px; margin-bottom:25px;}

.popular-article{ width:100%; height:auto; text-align:center; float:left; margin-top:25px;}

.article{ width:100%; height:auto; float:left; margin-top:16px; position:relative; line-height:0;}

.article img{ width:100%;}

.ar-text{ width:100%; height:auto; position:absolute; background:rgba(0, 0, 0, 0.5); bottom:0; text-align:left; padding:10px; box-sizing:border-box; line-height:21px;}

.ar-text h4{font-family: 'Archivo Narrow', sans-serif; color:#3399ff; font-weight: 700; font-size:21px; float:left; width:100%; text-transform:uppercase;}

.ar-text p{ font-size:14px; color:#fff;}

.ar-hover{ display:none;}

.article:hover .ar-hover{ position:absolute; z-index:999; background:rgba(51, 153, 255, 0.7); display:block; width:100%; height:166px; line-height:166px; top:0; bottom:0;}

.article:hover .ar-hover a i{ color:#fff; text-decoration:none; font-size:40px;}

.mid-bottom{ width:100%; height:auto; float:left; padding:0 15px; box-sizing:border-box;}

.sur-div{ width:100%; height:auto; float:left; background:#000; padding:10px 20px; box-sizing:border-box; border-bottom:#999999 3px solid;}

.sur-logo{ float:left; line-height:0;}

.sur-links{ float:right; margin-top:16px;}

.slink{ background:#646363; width:128px; height:38px; line-height:38px; text-align:center; border-radius:5px; color:#fff; text-decoration:none; font-size:13px; text-transform:uppercase; float:right; margin-right:15px;}

.slink1{ background:#3399ff; width:128px; height:38px; line-height:38px; text-align:center; border-radius:5px; color:#fff; text-decoration:none; font-size:13px; text-transform:uppercase; float:right;}

.mb-links{ width:100%; height:auto; float:left; padding:10px; box-sizing:border-box;}

.mb-links a{ color:#000; font-size:15px; text-decoration:underline; margin:0 5px;}

.mb-links a:hover{ color:#408cff;}

.mb-links a.active{ color:#408cff;}

.bslider{ width:100%; height:auto; float:left; position:relative; margin-bottom:30px;}

.bslider .owl-pagination{ display:none;}

.bs{ width:auto; margin:0 8px;}

.bs span{ font-size:13px; color:#999999; font-style:italic;}

.bs p{ font-size:14px; color:#000; margin:5px 0;}

.bs a{font-size:15px; color:#3399ff; text-decoration:none; font-weight:600;}

.bs a:hover{ color:#000;}

.bslider .next {
    cursor: pointer;
    position: absolute;
    right: -50px;
    top: 30%;
}

.bslider .prev {
    cursor: pointer;
    left: -50px;
    position: absolute;
    top: 30%;
}

#footer{ width:100%; height:auto; float:left; border-top:#3399ff 4px solid;}

.footer-top{ width:100%; height:auto; float:left; background:url(../images/footer-bg.jpg) no-repeat center top #000;}

.con{ width:100%; height:auto; max-width:480px; margin:auto; text-align:center; padding:90px 0;}

.con h2{ font-size:32px; font-weight:bold;}

.con p{ font-size:24px; margin-bottom:15px; margin-top:5px;}

.con a{ font-size:18px; font-weight:bold; width:180px; height:40px; background:#3399ff; text-align:center; margin:auto; color:#fff; text-decoration:none; display:table; line-height:40px;}

.con a:hover{background:#fff; color:#3399ff;}

.footer-bottom{ width:100%; height:auto; float:left; background:#363b3f; padding:10px 0 20px; border-top:#000 2px solid;}

.flogo{ float:left;}

.flinks{ width:auto; float:right;}

.flinks img {display:none}

.flinks ul{ width:auto; padding:0; margin:0; text-align: right;;}

.flinks ul li{ list-style:none; display:inline-block; border-right:#999999 thin solid;}

.flinks ul li a{ font-size:16px; /*color:#999999;*/ color:#cccccc; text-decoration:none; font-family: 'Archivo Narrow', sans-serif; font-weight:700; margin:0 10px;}

.flinks ul li  span{ font-size:16px; /*color:#999999;*/ color:#cccccc; text-decoration:none; font-family: 'Archivo Narrow', sans-serif; font-weight:700; margin:0 10px;}

.flinks ul li:last-child{ border-right:none;}

.flinks ul li a:hover{color:#3399ff;}

.social{ float:right; width:100%; text-align:right;}

.social a{ color:#ccc; font-size:12px; text-decoration:none; }

.social a:hover{ color:#3399ff;}

.user-icon{ display:none;}



.cam-page{ width:100%; height:auto; float:left;}

.breadcrum{ font-size:14px; color:#000; font-weight:600 !important;}

.breadcrum a{ color:#000; text-decoration:none; float:left; font-weight:600 !important;}

.breadcrum a:hover{ color:#408cff;}

.breadcrum img{ float:left; margin:-3px 8px;}

.cam-post{ width:100%; height:auto; float:left;}

.itemTitle { color:#408cff !important;  margin-top:0px; 

  font-family:"Roboto"!important; font-weight:700 !important;}

.itemDateCreated{ font-size:16px; font-style:italic; color:#999999;}

.social-share{ margin-top:10px;}

.post-video{ width:100%; height:auto; float:left; position:relative;}

.post-video img{ max-width:100%;}

.next-post{ position:absolute; right:0; font-family: 'Archivo Narrow', sans-serif; font-weight:700; color:#999;bottom :-40px;}

.next-post a{ color:#999; text-decoration:none; 'Archivo Narrow', sans-serif; font-weight:700;}

.next-post a img{ float:right; margin-left:10px;}

.itemHeader {position:relative}

.tital h2 img{ float:left; margin:0 5px;}

.wave{ width:100%; height:auto; float:left; font-size:18px; font-family: 'Archivo Narrow', sans-serif; font-weight:700; color:#000; margin:20px 0;}

.wave p{ width:100%; margin-bottom:10px; font-size:18px!important; font-family: 'Archivo Narrow', sans-serif; font-weight:700;}

.wave p span{ color:#169a1c;  font-size:18px!important;}

.wave p em{ color:#539efb; font-style:normal;  font-size:18px!important;}

.tide{ width:97%; height:auto; float:left; background:#eeeeee; border-top:#c3c3c3 thin solid; border-bottom:#c3c3c3 thin solid; padding:5px 10px; font-family: 'Archivo Narrow', sans-serif; font-weight:700; font-size:18px; color:#000;}

.wave-graph{ width:100%; text-align:center; float:left; padding:20px 0;}

.wave-text{ width:100%; height:auto; float:left; padding-right:10px; box-sizing:border-box;}

.wave-text h3{ font-size:18px; color:#000; width:100%; float:left; margin:20px 0 5px 0;}

.wave-text p{ font-size:16px; margin-bottom:20px; color:#000; font-weight:normal;}

.qt{ width:100%; height:auto; float:left; margin-bottom:20px; margin-top:10px;}

.qt ul{ width:100%; height:auto; float:left;}

.qt ul li{ list-style:none; display:inline-block; text-align:center; width:33%; float:left;}

.qt ul li p{ width:100%; height:auto; float:left;}

.qt ul li p a{ color:#000; font-size:14px; text-decoration:none;}

.qt ul li:hover p a{ color:#3399ff;}

.wavegraph_{width:50%;float:left;display:block}
.modustides_date {color:#000000;border-bottom:1px solid #c3c3c3;}
.oddrow,.evenrow {color:#000000;border-bottom:1px solid #c3c3c3;height:35px}
.wavegraph_footer {display:none}
.modustides_date{width:125px !important;}
.modustides_tablediv{width:100% !important}
.modustides_tablediv table{width:100% !important}
.weather_sp1_c {color:#000000}
.ad .container_skitter{height:290px !important}
.ad .container_skitter img{height:203px !important}

.ad .label_skitter{bottom:8px !important ; width:100% !important;background:#000000;opacity:1;border-top:1px solid #cecece}
.ad .box_clone {height:203px !important}
.ad .jsn-themeslider-gallery {height:203px !important}
.ad .jsn-themeslider-caption-title{color:#ffffff !important}
.ad .jsn-themeslider-caption-description{color:#ffffff !important}

 
.videowraper { margin-bottom:20px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowraper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.cur1 img{ max-width:100%; width:auto;}

.cur img{ width:29px; height:29px;}

.search {color:#000000}


/* CSS Add Section */

.popular-article{ margin-bottom:25px;}

img{ max-width:100%;}

.wave-text h3{ float:none !important; width:auto !important;}

.ad1 {
    float: left;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.ad2{float: left;
    text-align: center;
    width: 100%;}
	
.ad3 {
    float: left; display:none;
    text-align: center;
    width: 100%;
}

.ad4,.ad4 .custom{
    float: left; width:300px; height:250px; /*margin:20px 20px 0 0;*/
     margin:5px 20px 15px 0; 
     display:block;
    text-align: center;
 }
 
  .h1-ad {
    float: left;
    height: auto;
    margin-bottom:5px; margin-top:5px;
    text-align: center;
    width: 100%;
}
 
 .h2-ad {

    height: auto;
    margin-bottom: 25px;
    text-align: center;
    width: 100%;
}

.drop-down-large{ background:url(../images/Nav-Image-fullwidth.jpg) no-repeat right top;}

.jsn-themeslider-caption-description{ font-size:16px !important;}

.jsn-themeslider-caption-title{ font-size:21px !important;}


.wave-text iframe{width:100%;}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/

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


.wave-text .custom{
width:100%;
float:left;
}

#myList .nspImage{
height:300px;
}
.mash-menu .vertical-tabs-content {/*display:none!important;*/}
}
@media screen and (max-width: 1170px) {


.full .left-part
{
max-width:1140px;

}

#myList .nspImage{
height:300px;
}
.container {
    max-width: 1170px;
    width:90%;
}

.left-part{ width:63%;}

.lcontent ul li:hover img{ width:110% !important;}

.add-space img{ max-width:100%;}

img{ max-width:100%;}

.mash-menu .vertical-tabs-content{
  background-size:100% 100%!important;
}

}


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

#myList .nspImage{
height:300px;
}

.left-part {
    width:100%; max-width:100%; padding:15px;
}	
	
	
.mash-menu .vertical-tabs-content{
  background-size:100% 100%!important;
}

.right-part{ display:none;}	

.search{ position:absolute !important; right:0;}

.user-icon{position:absolute !important; right:40px;}


/* CSS Add Section */

.ad3 {display:block;}

.ad4{ display:none;}


.cont{ width:110px; margin-right:40px;}	


	
}



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


#myList .nspImage{
height:200px;
width:auto!important;
}

.mash-menu .vertical-tabs-content{
background-size:100% 100%!important;
}

.top-links{ display:none;}

.cont{ display:none;}

.user-icon{  background: #fff none repeat scroll 0 0;
    display: block;
    float: right;
    font-size: 21px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    width: 31px;}
	
.user-icon a{ color:#000; text-decoration:none;}

}


@media screen and (max-width: 980px) {
	
	
.relitem4
{
 display:block;
}
.itemRelated .even
{
  width:50%;
}

#myList .nspImage{
height:200px;
width:auto!important;
}
.mash-menu .vertical-tabs-content{
  background-size:100% 100%!important;
}

.cur img{ display:none;}

.cur h3{ padding:25px 0 5px;}

.zoom-frame{ height:242px;}

.bs img{ max-width:100%; width:100% !important;}

.flogo{ display:none;}

.flinks {
    float: right;
    text-align: center;
    width: 100%;
}

.flinks ul{ text-align:center;}
	
.social{ text-align:center; margin:20px 0 80px;}	
	
}


@media screen and (min-width: 800px) {
h1,.itemTitle{
  font-size:40px!important;
}
}

 

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



.logo {
    display: block;
    float: left;
    margin: auto;
    text-align: center;
    width: 100%;
}
.logo .custom {
     float: left;
    width: 100% !important;
}

.logo .custom img
{
  width: 100%;
  max-width:274px;
}


.nspHeader.tleft.fnone.has-image{min-height:auto;}
	
	.nivo-caption-content{
	height:54px;
	line-height:27px;
	} 
.desktop{display:none;}
.phone{display:block;}	
.mobileads{display:table!important;}	
.row.under-img-1 > p
{
   width:100%!important;
   float:none!important;
}
iframe {
   /* height: 100%!important;*/
    width: 100%;
}

h1,.itemTitle{
  font-size:30px!important;
}
.arr1{
display:none;
}
.jmslideshow .slideshow-content
{
  height:auto!important;
}
.arr2{
padding-bottom:5px;
}



.relitem4
{
 display:none;
}

.itemRelated .even{
  width:100%;
}

.nspHeader.tleft.fnone.has-image
{
  height:auto;
}


#myList .nspImage{
height:auto;
}
#weather1{width:100%;}	
.videos ul li{ width:100%;}	

.zoom-frame{ height:300px;}

.lcontent ul li{ width:100%;}

.mb-links{ display:none;}

.bslider .prev{ left:-27px;}

.bslider .next{ right:-27px;}

.prev{ left:-23px;}

.next{ right:-23px;}

.sur-div{ margin-bottom:15px;}



.top-cur{ height:auto;}

	
.qt ul li{ width:100%;}

.wavegraph_{ width:100%;}

.qt ul li {
    width: 50%;
}


.tital h2 img{ display:none;}

.itemTitle{ margin-top:0px !important;}

	
}

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



	.nivo-caption-content{
	height:54px;
	line-height:27px;
	} 

iframe {
  /*  height: 100%!important;*/
    width: 100%;
}

.arr1{
display:none;
}
.jmslideshow .slideshow-content
{
  height:auto!important;
}
.arr2{
padding-bottom:5px;
}

.relitem4
{
 display:block;
}

.itemRelated .even{
  width:100%;
}
#weather1{width:100%;}


#myList .nspImage{
height:auto;
}
	
.add-space img{ height:80px;}	

.bslider .prev{ left:-20px; width:40px;}

.bslider .next{ right:-27px; width:40px;}

.bslider .prev img{ width:70%}

.bslider .next img{ width:70%}

.prev{ left:-8px; top:38%; width:20px;}

.next{ right:-8px; top:38%; width:20px;}

.prev img{ width:100%}

.next img{ width:100%}

.cur1 { text-align:center;}

.videos ul li span{ width:120px; height:90px;}

.videos .vidthumb{ max-width:100%;
width:auto!important;
height:90px!important;
}

.videos ul li p{ display:none;}

.videos ul li:hover .video-hover{width:120px; height:100%; line-height:115px;}

.zoom-frame {
    height: 186px;
}

.sur-div{ text-align:center;}

.sur-logo{ float:none;}

.slink1{ width:100%; margin-bottom:10px;}

.slink{ width:100%; margin:0;}

.sur-links{ width:100%;}

.con h2{ font-size:21px;}

.con p{ font-size:16px;}

.flinks ul li a{ font-size:14px;}

.flinks ul li{ margin-bottom:10px;}

.cam-post h1{ font-size:25px;}

.social-share{ width:100%; margin-bottom:40px;}

.next-post{ display:none;}

.add-space .ads{ margin-bottom:0px !important;}

.jsn-themeslider-caption-description{ font-size:12px !important;}

.jsn-themeslider-caption-title{ font-size:14px !important;}

	
}


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


.nspHeader.tleft.fnone.has-image{min-height:auto;}
	
	.nivo-caption-content{
	height:25px;
	line-height:27px;
	} 
	 
.itemRelated .even{
  width:100%;
}

#myList .nspImage{
height:auto;
}
.qt ul li {
    width: 100%;
}	

.breadcrum a{ font-size:12px;}
	
	/*.videowraper .iframe-wrapper iframe { height:136px;}*/
	
}








.left-part div.search{position:relative!important;}
.search fieldset{width:100%; float:left; margin-bottom:10px; font-size:14px;}
.search fieldset legend{width:100%; margin-bottom:8px; float:left;}
.form-limit lable{font-size:14px; float:left; }
dl,dt,dd{width:100%; float:left; font-size:14px; margin-bottom:5px;}
.searchintro{width:100%; float:left; font-size:16px; font-weight:bold; margin-bottom:10px;}
search input.inputbox{height:36px!important; margin-bottom:15px; text-indent:10px;}
.itemFullText p { font-size:14px; line-height:1; margin:10px 0px;}
.itemFullText strong em { margin:15px 0px;  font-size:14px;}
div.itemRelated h3{ font-size: 16px;
    font-weight: 700; color:#999999;}
  
.catItemBody .catItemIntroText {font-size:14px; line-height:1; color:#999999;}
.catItemBody .catItemTitle a ,#itemListLinks .catItemTitle a { font-size:24px; color:#3399ff; text-decoration:none; font-family:"Archivo Narrow",sans-serif;}
.catItemBody  .k2ReadMore {font-size:14px; line-height:1;  text-decoration:none;}
#itemListLinks h4 { font-size:18px; line-height:1; color:#999999; font-family:"Archivo Narrow",sans-serif;}
.itemContainer div.catItemView { margin-bottom:20px;  }
div.k2Pagination ul li a {margin:0 5px; font-size:12px; }
div.k2Pagination ul li ,.k2Pagination  {font-size:12px; color:#999999; }
 
 
 
 /********17-may-css-start **********/
.mid-section  label ,.admintable label,.profile { color:#000; font-size:14px; line-height:1.5;}
.admintable tr td  { padding:5px 10px; }
.mid-section  .controls input ,.admintable input {   border: 1px solid #cdcdcd;
    border-radius: 4px;
    padding: 5px 10px;}
.mid-section  .control-group{ margin-bottom:5px; margin-top:5px;}
.mid-section  .btn-primary { background:#3399ff ;  color: #fff;
    display: table;
    font-size: 16px;
    font-weight: bold;  text-align: center;
    text-decoration: none; border:none; padding:5px 15px;  }

.mid-section  .btn-primary:hover {
    background: #fff none repeat scroll 0 0;
    color: #3399ff;
}
.mid-section  .nav li a { font-size:14px;} 
.mid-section  p { font-size:12px; color:#000; line-height:1.4;} 
.mid-section  .button { background:#3399ff ;  color: #fff;
    display: table;
    font-size: 16px;
    font-weight: bold;  text-align: center;
    text-decoration: none; border:none; padding:5px 15px;  }

.mid-section  .button :hover {
    background: #fff none repeat scroll 0 0;
    color: #3399ff;
}
.componentheading { color:#3399ff ;}

.dl-horizontal dt, .dl-horizontal dd {
     
    float: left;
    line-height: 31px;
    width: 50%;
}


#users-profile-core > legend,#users-profile-custom  > legend,#users-profile-custom-profile  > legend {
    color: #999;
    font-size: 20px;
    font-weight: bold;
    
  font-family:"Archivo Narrow"!important;
}

#users-profile-core,#users-profile-custom,#users-profile-custom-profile {
    border: 1px solid #000;
    padding: 30px;
    width:100%;
}

.tooltip{display:none!important;}
.h2container{
margin-bottom:15px;
}

#photo-links li {
    float: left;
    margin: 0 15px 0 0;
}
#photo-links li a {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 8px;
    display: block;
    padding: 5px 10px;
    font-size:15px;
    text-decoration: none;
    color:#408cff;
}
#photo-links {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
#photo-links li a:hover{color:#FFF;background:#0066CC;}
.itemAuthor{
    font-size: 16px;
    font-style: italic;
}
.itemAuthor a{
color:#000;
} 

h1,.itemTitle{
  font-size:40px;
}
a{
  color:#000;
} 
.row.under-img-1 > p{
  float:right;
  width:70%;
  margin-top:0px!important;
}
.row.icon-row{
display:none;
}
.row.video-f > a {
    float: left;
    margin-right: 14px;
}
.row.video-f {
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}
.itp-share-tw{
 height:20px;
}
.itemFullText object{
width: 100%!important;
height:110px;
}
.mobiad{display:table!important;}	
.mobileads{display:none;}	 


.nspHeader.tleft.fnone.has-image{/*min-height:90px;*/}
/*only video */
 


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


/*.camview71_old .videowraper
{
  height:530px!important;
  padding-bottom:0px;
}
*/
/*hawali*/
.camview834 .videowraper,.camview835 .videowraper,.camview833 .videowraper
{

  padding-bottom:0px;
  height:400px!important;
 }

 
}


@media only screen and (min-width: 531px) and (max-width: 649px) {


.camview71_old .videowraper
{
  height:400px!important;
  padding-bottom:0px;
}


.camview834 .videowraper,.camview835 .videowraper,.camview833 .videowraper  
{

  padding-bottom:0px;
  height:300px!important;
 }
 

}

@media only screen and (min-width: 481px) and (max-width: 530px) {



.camview834 .videowraper,.camview835 .videowraper,.camview833 .videowraper  
{

  padding-bottom:0px;
  height:300px!important;
 }


.camview71_old .videowraper{
  height:355px!important;
  padding-bottom:0px;
}
 
}



@media only screen and (min-width: 400px)  and (max-width: 480px) {


.camview71_old .videowraper
{
  height:320px!important;
  padding-bottom:0px;
}


.camview834 .videowraper,.camview835 .videowraper,.camview833 .videowraper  
{

  padding-bottom:0px;
  height:300px!important;
 }
 

}



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


.camview71_old .videowraper
{
  height:240px!important;
  padding-bottom:0px;
}


.camview834 .videowraper,.camview835 .videowraper,.camview833 .videowraper  
{

  padding-bottom:0px;
  height:300px!important;
 }
 
.icon-search { background:transparent!important; color: rgb(255, 255, 255, 0.5)!important; }
.user-icon { background:transparent ; color: rgb(255, 255, 255, 0.5); }
	html, body{ background:#cccccc;}
.user-icon a { color: rgb(255, 255, 255, 0.5); }	
	
}



.camview71_old .videowraper
{
  height:625px;
  padding-bottom:0px;
}


.camview71_old .videowraper iframe
{
  height:625px;
 }
 
.camview834 .videowraper,.camview835 .videowraper,.camview833 .videowraper
{

  padding-bottom:0px;
  height:500px;
 }
span.fair{color:#539efb!important;}
span.good{color:#169a1c!important;}
span.poor{color:red!important;}

.video-container-cam {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container-cam iframe,.video-container-cam iframe > iframe , .video-container-cam object, .video-container-cam embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}