@charset "utf-8";
/* CSS Document */

body {margin:0; font-family:'OpenSans-Regular'}
h1 {font-size:30px;  font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
h2 {font-size:16px;  font-family:'Raleway-Regular'; }
h3 {font-size:14px;  font-family:'Raleway-Regular'; }
p {font-size:15px; font-family:Calibri; line-height:20px; color:#000; margin:10px 0}
a {text-decoration:none; color:#000}
a img {border:0}

@font-face {
	font-family:'Raleway-Regular';
	src:url(../fonts/Raleway-Regular.ttf);

}

@font-face {
	font-family:'Raleway-Medium';
	src:url(../fonts/Raleway-SemiBold.ttf);

}

@font-face {
	font-family:'OpenSans-Regular';
	src:url(../fonts/OpenSans-Regular.ttf);

}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.center-column{width:1000px; margin:auto; }/**/
.full-width {width:100%; float:left}/**/

.header-mrg {
    margin-bottom: 25px;
} 

.head-style {
    background: none repeat scroll 0 0 #41a2cd;
    float: left;
    height: 5px;
    position: relative;
    width: 100%;
    z-index: -1;
}

.head-style-break {
    float: left;
    margin-top: -14px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 1;
}

.head-style-title {      
    background: none repeat scroll 0 0 #fff;
    color: #000;
    font-family: "Raleway-Regular";
    font-size: 15px;
    font-weight: bold;
    padding-right: 20px;
    text-transform: uppercase;
}             

.news-block li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #f2f2f2;
    border-color: #dfdfdf;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 2px;
    display: block;
    float: left;
    margin-bottom: 18px;
    padding: 2%;
    width: 96%;
}   

.news-block-cnt {
    color: #444;
    margin-left: 90px;
} 

.news-block {
    margin: 0;
    padding: 0;
} 

.news-block-cnt p:first-child {
    margin-top: 0;
}
.news-block-cnt p {
    line-height: 18px;
}
p {
    color: #000;
    font-family: Calibri;
    font-size: 15px;
    line-height: 20px;
    margin: 10px 0;
}                                            
.no-mrg-top{margin-top:0;}
.no-mrg-bottom {margin-bottom:0;}

.logo-col {float:left; margin-top:14px; margin-bottom:12px; }/**/
.res-menu-icon {display:none}/**/

.nav-col {background:#41a2cd;}/**/  
.show-menu{display:block !important;}     
.nav-ul {margin:0; padding:0; float:left; width:100%; }/**/
.nav-ul li {float:left; display:block; }/**/
.nav-ul a{display:block; padding:8px 20px;  font-family:Arial, Helvetica, sans-serif;   font-size:14px; text-decoration:none; color:#fff; 
	transition:All 0.2s ease;
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease; font-family:Raleway-Medium; text-transform:uppercase;}/**/
.nav-ul li:last-child a{border-right:0}/**/
.nav-ul a:hover { color:#333; background:#f5f5f5; box-shadow:0 0px 5px -1px #ccc inset  }/**/
.nav-ul a.selected { color:#333; background:#f5f5f5; box-shadow:0 0px 5px -1px #ccc inset}/**/
.nav-ul li:first-child a {border-left:0}/**/
.left-col {display: inline;float: left;padding-right: 3%;width: 69%;}
.right-col {background: url("../images/page-devider.jpg") repeat-y scroll -1px 0 rgba(0, 0, 0, 0);display: inline;float: left;margin-left: -1.5%;padding-left: 3%;width: 29%;}
.sec2-border {border-bottom: 1px solid #f3f3f3;border-top: 1px solid #f3f3f3;padding: 20px 0;}
.sec2-col1 {border-right: 1px solid #f3f3f3;display: inline;float: left;margin-right: 2.4%;padding-right: 2.4%;width: 30%;}
.sec2-col2 {border-right: 1px solid #f3f3f3;display: inline;float: left;margin-right: 2.4%;padding-right: 2.4%;width: 30%;}
.sec2-col3 {display: inline;float: left;width: 30%;}

.sec3-border {border-bottom: 1px solid #f3f3f3;padding: 20px 0;}
.sec3-col1 {display: inline;float: left;width: 50%;}
.sec3-col2 {display: inline;float: left;margin-left: 3%;width: 47%;}
.sec3-col2 h2 {margin-top: 0;}
.sec4-border {padding: 20px 0 0;}
.sec4-col1 {display: inline;float: left; width: 50%;}
.sec4-col2 {display: inline;float: left; margin-left: 3%; width: 47%;}
.sec4-ul { margin: 0; padding: 0;}
.sec4-ul li:first-child { margin-top: -12px;}
.sec4-ul li { border-bottom: 1px solid #f3f3f3; display: block; float: left; padding-bottom: 8px; padding-top: 13px; width: 100%;}
.sec4-ul h2 a:hover  {color:#000;}                
.sec4-img-thumb {float: left; margin-right: 15px; width: 70px;}
.sec4-ul li h2 {color: #006aa4; display: table-cell; font-size: 15px;height: 41px;vertical-align: middle;}
.sec4-ul li h2 a {color: #000;}
.sec4-ul h2 a {color: #006aa4;}
.sec5-border { background: none repeat scroll 0 0 #f8f8f8;border-bottom: 1px solid #f3f3f3; float: left; margin-top: 15px; padding: 3%; width: 94%;}
.sec5-ul {margin: 0; padding: 0;}
.sec5-ul li:first-child {padding-top: 0;}
.sec5-ul li { border-bottom: 2px solid #fff; display: block; float: left; padding-bottom: 5px; padding-top: 18px; width: 100%;}
.sec5-col1 { display: inline; float: left; width: 23%;}
.sec5-col2 { display: inline; float: left; margin-left: 3%; width: 73%; margin-top: -15px;}
.sec5-ul li h2 {margin-top: 0;}
.sec5-ul li:last-child {border-bottom: 0 none;}
.ad-right-first {margin-bottom: 20px;}
.right-sec2 {margin-bottom: 20px;}
.right-sec3 {margin-bottom: 20px;}
.right-sec4 {margin-bottom: 20px;}
.right-col-ul1 {margin: 0;    padding: 0;}
.right-col-ul1 li {border-bottom: 1px solid #f3f3f3; display: block;line-height: 18px; padding-bottom: 12px;padding-top: 8px;}
.right-col-ul1 li a {color: #000; font-size: 15px; line-height: normal; text-decoration: none;}
.right-col-ul1 li a:hover {color: #000; text-decoration:underline;}

.form-col {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #e4e4e4;
    float: left;
    margin-top: 30px;
    padding: 2%;
    width: 96%;
}    

.form-new-col {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.form-lbl {
    float: left;
    font-size: 13px;
    margin-top: 8px;
    width: 30%;
}
.color-red {
    color: red;
}
.form-colen {       
    float: right;
}

.form-txt {
    float: left;
    margin-left: 5%;
    width: 65%;
}

.input-txt {
    border: 1px solid #ccc;
    font-size: 13px;
    padding: 7px 0;
    width: 100%;
}
.footer-column {width:94%; padding:15px 3%; float:left; margin-top:30px; background:#1e4151; }
.footer-nav {margin:0; padding:0; text-align:center}
.footer-nav li {display:inline-block;}
.footer-nav li a {color:#ccc; text-decoration:none; font-family:"Open-Sans-Semibold"; 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:#fff; text-decoration:underline}
.footer-col2 {margin-top:0px; font-size:10px; color:#666; text-align:center}
.footer-col2 a {color:#666; font-size:11px; font-family:"Open-Sans-Semibold"; }
.footer-col2 a:hover {color:#fff;}
.footer-col2 p {font-family:"Open-Sans-Semibold"; font-size:12px; color:#f3f3f3 }


/* 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:11px; 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:none; float:left}
.contents-res-mgn-col2 {margin-left:230px; margin-top:30px;}

#desc_img > img { margin-bottom: 15px !important;}
#desc_img img { margin-bottom: 15px !important;}

@media screen and (max-width:900px) {
    .nav-col {display:none;}
    .nav-ul li{width: 100%;border-top: 1px solid;}
}

@media screen and (max-width:510px) {
.mgn-cnt-col2 {width: 100%} .mgn-cnt-col1 {width: 100%;} 
.mag-wid{width: 60%;}
}

@media screen and (max-width:360px) {
.sec5-col2{margin-top: 9px;}
.sec2-col3{width: 100%}
.sec3-col1{width: 100%}
.sec3-col2{width: 100%}
.news-img-col{width: 100%}
}