@charset "utf-8";
/* CSS Document */
html,body {height:auto; overflow-x:hidden;}
body {margin:0;}
h1 {font-size:22px; font-family:"Open-Sans-Semibold"; font-weight:normal;}
h2 {font-size:18px; font-family:"Open-Sans-Semibold"; margin:10px 0; font-weight:normal; }
p {font-size:13px; line-height:20px; font-family:'Open-Sans-Semibold'; color:#444; margin:10px 0}
a {text-decoration:none; color:#000}
a img {border:0}

@font-face {
	font-family:'open_sansregular';
	src:url('../font/opensans-regular-webfont.eot');
	src:url('../font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../font/opensans-regular-webfont.woff') format('woff'),url('../font/opensans-regular-webfont.ttf') format('truetype'),url('../font/opensans-regular-webfont.svg#open_sansregular') format('svg');

}
@font-face {
	font-family:"Open-Sans-Semibold";
		src:url("../font/OpenSans-Semibold.eot?") format("eot"),	url("../font/OpenSans-Semibold.woff") format("woff"),	url("../font/OpenSans-Semibold.ttf") format("truetype"),	url("../font/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");

}
em{ color:#4b2323 !important; font-style:normal !important}

.news-image-right .sec3-col2{margin-left:0; margin-right:3%;}
.news-image-right .sec3-col1 {float:right;}
.news-image-right .sec5-col1 {float:right;}
.news-image-right .sec5-col2 {margin-left:0; margin-right:3%;}

.sec5-border img {margin-bottom: 15px;margin-right: 25px !important;}
.center-column{width:980px; margin:auto; font-family:'open_sansregular'; }
.full-width {width:100%; float:left}

.no-mrg-top{margin-top:0;}
.no-mrg-bottom {margin-bottom:0;}

.header-col {margin-top:15px;}
.nav-col {margin-top:15px;  background:#efefef; border:1px solid #e2e2e2; border-top:2px solid #c4c4c4;}
.nav-ul {margin:0; padding:0; float:left; width:100%; }
.nav-ul li {float:left; display:block}
.nav-ul a{display:block; padding:8px 19px; border-left:1px solid #e2e2e2; border-top:2px solid #c4c4c4; margin-top:-2px; font-size:13px; font-family:"Open-Sans-Semibold"; text-decoration:none; color:#1b1b1b;}
.nav-ul a:hover {background:#0079bb; color:#fff; border-top:2px solid #004b74;}
.nav-ul a.selected {background:#0079bb; color:#fff; border-top:2px solid #004b74;}
.nav-ul li:first-child a {border-left:0}

.left-col {width:69%; display:inline; float:left; background:url(../images/page-devider.jpg) right repeat-y; padding-right:3%;}
.right-col {width:29%; display:inline; float:left;  background:url(../images/page-devider.jpg) repeat-y scroll -1px 0 rgba(0, 0, 0, 0); padding-left:3%; margin-left:-1.5%;}
.light-text1 {color: #999;font-family: "open_sansregular"; font-size: 12px; text-transform: uppercase;}
.sec1-bg {margin-bottom:14px;}
.sec1-left-col {width:57%; display:inline; float:left;background:#f1f1f1}
.sec1-right-col {width:40%; padding-left:3%; background:#fff; display:inline; float:left;}
.slider-col {width:100%;  float:left; height:360px; margin-bottom:15px;}
.sec1-banner-cnt {margin:3%; width:94%; float:left}

/*.sec1-banner-cnt h2 a{color:#006aa4;}*/
.sec1-banner-cnt h2 a:hover {color:#000;}

/*.sec4-ul h2 a {color:#006aa4;}*/
.sec4-ul h2 a:hover  {color:#000;}

.res-menu-icon {display:none; margin-top:12px;  background:#efefef; border:1px solid #e2e2e2; text-align:left; float:left; width:100%;}
.res-menu-icon img {
    border: 1px solid #0079bb;
    margin-bottom: -6px;
    margin-left: -1px;
    margin-top: -1px;
}
.show-menu {display:block !important}

.blue-h2 {color:#006aa4; }

.slider-h2 {border-bottom:0px solid #dfdfdf; padding-bottom:15px; margin-top:0; margin-bottom:17px; font-size:18px; }
.slider-p {}
.date-p {font-size:11px; text-transform:uppercase; color:#a3a3a3;}

.sec1-cnt1 {border-bottom:1px solid #f3f3f3; padding-bottom:10px; margin-bottom:20px;}
.sec1-cnt2 { padding-bottom:0px; }

.right-col h1 {border-bottom:1px solid #333; padding-bottom:5px; margin-top:0}
.right-col-ul1 {margin:0; padding:0}
.right-col-ul1 li {display:block; line-height:18px; border-bottom:1px solid #f3f3f3; padding-top:8px; padding-bottom:12px;}
/*.right-col-ul1 li a {color:#000; text-decoration:none;  font-size:15px; line-height:normal}*/
.right-col-ul1 li a {color:#000; font-family:"Open-Sans-Semibold"; text-decoration:none;  font-size:13px; line-height:normal}
.right-col-ul1 li a:hover {color:#333; text-decoration:underline}
.right-col-ul1 li:last-child {border-bottom:0}
.ad-right-first {margin-bottom:20px;}

.right-sec2 {margin-bottom:20px;}
.right-sec3 {margin-bottom:20px;}
.right-sec4 {margin-bottom:20px;}
.sec5-ul li:last-child {border-bottom:0}

/* TREE VIEW */
#tree, #tree ul {
list-style-type: none; 
}

#tree li {display:block; margin:10px 0}
#tree ul {padding:7px 0; margin-left:7px; border-left:1px solid #ccc;}
#tree, #tree ul li a {font-size:13px; display:block; padding:8px 0;  font-family:"Open-Sans-Semibold"; color:#555; font-size:12px; text-decoration:none}
#tree ul li a span {
    background: url("../images/h-line.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 8px;
    margin-right: 6px;
    width: 20px;
}
#tree ul li a p {margin:-5px 0 0 30px;  font-family:"Open-Sans-Semibold"; font-size:12px; color:#666;}
#tree ul li a p:hover {text-decoration:underline; color:#333;}
#tree{padding:0}
#tree li > span {
margin-left: 20px; font-size:13px; color:#333;  font-family:"Open-Sans-Semibold";
}
#tree li > .goodtree_toggle {
position: absolute;
display: inline-block;
background-position: center;
background-repeat: no-repeat;
height:15px;
width: 16px;
cursor: pointer;
}
#tree li > div.closed {
background-image: url(../images/plus-icon.png) ;
}
#tree li > div.open {
background-image: url(../images/minus-icon.png);
}
.focus {
background-color: #eee;
}

.sec2-col1 {width:30%; border-right:1px solid #f3f3f3; padding-right:2.4%; display:inline; float:left; margin-right:2.4%; }
.sec2-col2 {width:30%; border-right:1px solid #f3f3f3; padding-right:2.4%; display:inline; float:left; margin-right:2.4%; }
.sec2-col3 {width:30%; display:inline; float:left; }

.sec3-col1 {float:left; display:inline; float:left; width:50%;}
.sec3-col2{float:left; display:inline; float:left; margin-left:3%; width:47%;}

.sec4-col1 {float:left; display:inline; float:left; width:50%;}
.sec4-col2 {float:left; display:inline; float:left; margin-left:3%; width:47%;}

.sec2-border{padding:20px 0; border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3}
.sec3-border{padding:20px 0; border-bottom:1px solid #f3f3f3}
.sec4-border {padding:20px 0; border-bottom:1px solid #f3f3f3;}

.sec4-ul {margin:0; padding:0;}
.sec4-ul li {display:block; width:100%; float:left; border-bottom:1px solid #f3f3f3; padding-bottom:15px; padding-top:18px;}
.sec4-ul li:first-child {margin-top:-12px;}
.sec4-ul li:last-child {border-bottom:0}
.sec4-ul li span{width:60px; float:left}
.sec4-ul li h2 {display: table-cell; font-size:18px; vertical-align: middle; height: 41px; color:#006aa4}
/*.sec4-ul li h2 a {color:#006aa4}*/

.sec4-img-thumb {width:70px; float:left; margin-right:15px;}

.sec5-border {background:none repeat scroll 0 0 #f8f8f8;border-bottom:1px solid #f3f3f3; float:left; margin-top:15px;padding:3%;width:94%;}
.sec5-col1 {width:23%; display:inline; float:left}
.sec5-col2 {width:74%; margin-left:3%; display:inline; float:left}
.sec5-ul {margin:0; padding:0;}
.sec5-ul li {display:block; float:left; width:100%; padding-top:18px; padding-bottom:5px; border-bottom:2px solid #fff;}
.sec5-ul li:first-child {padding-top:0}
.sec5-ul li h2 {margin-top:0}

.footer-nav {margin:0; padding:0; text-align:center}
.footer-nav li {display:inline-block;}
.footer-nav li a {color:#555; text-decoration:none; padding:0 10px; font-size:12px; border-right:1px solid #ccc; }
.footer-nav li:last-child a {border:0} 
.footer-nav li a:hover {color:#000; text-decoration:underline}


.home-sec1-res-img {overflow:hidden}


/* MAGAZINE */

.breadcrumbs {font-size:12px; margin-bottom:25px; float:left; width:100%; border-bottom:1px solid #f3f3f3; padding-bottom:8px;}
.breadcrumbs a {color:#000;}
.breadcrumbs a:hover {color:#333;}
.breadcrumb-selected {color:#0079bb}
.footer-col {width:94%; padding:15px 3%; float:left; background:#efefef; margin-top:50px; border-top:2px solid #b6b6b6;}
.title-h1 {border-bottom: 1px solid #333; margin-top: 0; padding-bottom: 5px;}
.inner-pg-col {margin-top:20px;}
.img-brd {border:2px solid #ced1d6;}
.magazine-col1 {width:65%; float:left; margin-left:5%; }
.magazine-col2 {width:30%; float:left;}
.magazine-title {margin-bottom:0;}
.magazine-date {margin:5px 0 0;}
.date-p {text-transform:none; font-size:14px; color:#999;}
.readmore-link {color:#0079bb; font-size:13px; font-family:"Open-Sans-Semibold"}

.browse-magazine-ul {margin:0; padding:0; float:left; width:100%; background:#f7f7f7;}
.browse-magazine-ul li {display:inline-block; font-size:13px; font-family:"Open-Sans-Semibold"}
.browse-magazine-ul li  label {padding:8px 3px 8px 15px;  display:block;}
.browse-magazine-ul li a { padding:8px 15px; display:block; }
.browse-magazine-ul li a:hover {background:#007bbe; color:#fff; }
.browse-magazine-ul li a.selected {background:#007bbe; color:#fff; }

.bg-brd { border-bottom: 1px solid #f3f3f3;
    float: left;
    height: 3px;
    position: relative;
    width: 100%;
    z-index: -1;}
.sm-head-style {float: left;
    margin-top: -14px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;}
.sm-head-title {
    background: none repeat scroll 0 0 #fff;
    color: #555;
    font-size: 12px;
    padding: 0 0px;
    text-transform: uppercase;
}
.past-magazine-list {margin:0; padding:0}
.past-magazine-list li {display:block; float:left;}
.past-magazine-list li:last-child {margin-bottom:30px;}
.past-magazine-col1 {width:80%; margin-right:5%; float:left; }
.past-magazine-col2 {width:15%; float:left;}
.head-title {margin-bottom:15px; margin-top:15px; float:left; width:100%}

/*Magazine Contents */


.mgn-cnt-col1 {width:35%; float:left}
.mgn-cnt-col2 {width:60%; margin-left:5%; float:right}

.contents-mgn-list {}
.contents-mgn-list .past-magazine-col1{width:70%; float:right; margin-right:0; margin-left:5%;}
.contents-mgn-list .past-magazine-col1 h2 {margin-top:0}
.contents-mgn-list .past-magazine-col2 {width:25%;}
.contents-ul {margin:30px 0 0; padding:0}
.contents-ul li {display:block; margin-bottom:30px;}
.contents-col1 {float:left; width:60px; font-size:24px; font-family:"Open-Sans-Semibold"; color:#CC0000; border-right:2px solid #CC0000;}
.contents-col2 {margin-left:80px;}
.contents-col2 h3 {margin:0; font-size:17px ; font-family:"Open-Sans-Semibold";}
.contents-col2 p {margin-top:5px}
.contents-block1 {background:#f7f7f7; padding:2%; width:96%; float:left}
.res2-contents-bock1 {border-bottom:1px solid #f3f3f3; float:left; width:100%; padding-bottom:30px; margin-bottom:20px; margin-top:20px; display:none}

.contents-res-mgn-col1 {width:200px; float:left}
.contents-res-mgn-col2 {margin-left:230px; margin-top:30px;}

/* Subscribe */

.form-new-row {margin-bottom:15px; float:left; width:100%;}
.subscribe-form-label { float:left;  font-family:"Open-Sans-Semibold"; font-size:13px; margin-top:10px;}
.subscribe-txt label {float: left;margin-bottom: 18px;margin-right: 5%; min-width: 45%;}
.subscribe-txt {margin-left:200px;}
.subscribe-txt .input-txt {width:300px; padding:0 1%;}
.form-mandatory1 {color:red}
.input-txt {width:96%; border:1px solid #ccc; height:30px; padding:0 2%;}
.input-btn {background:#0079bb; border:0; padding:6px 12px; font-family:Arial, Helvetica, sans-serif; color:#fff; cursor:pointer}
.input-btn:hover {background:#333;}
.btn-gray {background:#ccc; color:#000}
.btn-gray:hover {background:#333; color:#fff}
.input-txt:focus {box-shadow:0 2px 2px -1px #ccc}

@media screen and (max-width:530px) {
	
	.sec5-col2 img { width:3% !important;}	
}
.bullet_des{float: left; width: 8px;height: 8px; margin-top: 5px; 
background: none repeat scroll 0% 0% rgb(0, 75, 116);
}
@media screen and (max-width:530px) {
 
 .main-img-div{float: left; width:515px!important; height:auto !important;}
.black-bg-cover{ width: 89% !important; margin-top: 76% !important;}
 
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    / Safari and Chrome, if Chrome rule needed /
    em{
     margin-left: 16px;
    }
    ::i-block-chrome, em{
     margin-left: 16px;
    }
}

@media screen and (max-width:480px) {      
 .main-img-div{float: left; width: 515px !important;}
.black-bg-cover{ margin-top: 75% !important;}
 
}

@media screen and (max-width:320px) {
 .main-img-div{float: left; width: 515px !important;}
.black-bg-cover{ margin-top: 67% !important;}
 
}
.main-img-div{float: left; width: 315px;}
.black-bg-cover{border: 1px solid lightgrey; vertical-align: top; z-index: 99 ! important; background: rgb(0, 0, 0) none repeat scroll 0% 0%; color: white; display: inline-block; opacity: 0.64; position: absolute; text-align: justify; transition: all 0.5s ease-in-out 0s; width: 300px; margin-top: 229px; float: left; height: 70px;" ..="" img="" black1.png}