

/* 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:50px; font-size:24px; font-family:inherit !important; color:#CC0000; border-right:2px solid #CC0000;font-weight: 500;}
.contents-col2 {margin-left:70px;}
.contents-col2 h3 {margin:0; font-size:17px ; font-family:"Open-Sans-Semibold";}
.contents-col2 p {margin-top:0px}
.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;}


@media screen and (max-width:400px) {

	/* Magazine */

.past-magazine-col1 {width:100%;}
.past-magazine-col2 {width:120px;}

/* Contents */
.contents-res-mgn-col1 {width:100%;}
.contents-res-mgn-col2 {width:100%; margin:0}
}

@media screen and (max-width:500px) {	

/* Magazine*/
.magazine-col2 {width:200px;}
.magazine-col1 {width:100%; margin:0}

}


@media screen and (max-width:800px) {

	/* CONTENTS */
	.mgn-cnt-col2 {width:100%; margin:0}
	.mgn-cnt-col1 {width:100%;}
	.res2-contents-bock1 {display:block}
	.contents-block1 {display:none}
}





@media only screen and (max-width: 767px){
    .modal-content{ width: 85% !important; }
    .modal-content{margin:10px;}
	.modal-content11{ width: 50% !important; }
    .modal-content11{margin:10px;}
    .nextmod{width: 100% !important;}
    .submit{width: 100% !important;}
    #content_change{font:600 18px Arial, Helvetica, sans-serif ! important;}
    .close{margin-top: 5px ! important;}
    .about{font-size: 12px !important;}
	.close11{margin-top: 5px ! important;}
    #photo{width: 100%;}
}                                      
	.modal {display: none;position: fixed;z-index: 10000;padding-top: 30px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);} 
	.modal11 {display: none;position: fixed;z-index: 10000;padding-top: 230px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);z-index:99999;} 
	
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}    
	.modal-content {position: relative;background-color: #fefefe;margin: auto;padding: 0;width: 65%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);animation-name: animatetop;animation-duration: 0.4s;/*border-radius: 30px;*/}    
	.modal-content11 {position: relative;background-color: #fefefe;margin: auto;padding: 0;width: 45%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);animation-name: animatetop;animation-duration: 0.4s;/*border-radius: 30px;*/}    
	.modal-header {min-height: 16.42857143px;margin-bottom: 10px;padding:0px;/*background-color: #1289D1;*/border-bottom: 1px solid white;border-radius: 30px 30px 0px 0px;}        
	.modal-body {padding: 2px 16px;margin-top: 6px;}
	#myform{padding: 0px 10px 10px;}
	.nextmod {color: #fff !important;background: linear-gradient(40deg, #45cafc, #303f9f) !important;font-size: 18px !important;font-weight: 700 !important;text-transform: uppercase !important;padding: 10px 38px !important;margin: 0 auto !important;border: none !important;border-radius: 50px !important;display: block !important;transition: all 0.3s !important;width: 25%;}               
	.nextmod:hover {background: linear-gradient(40deg,#303f9f, #45cafc) !important;}
	.submit {color: #fff;background: linear-gradient(40deg, #45cafc, #303f9f);font-size: 18px !important;font-size: 18px;font-weight: 700;text-transform: uppercase;padding: 10px 38px;margin: 0 auto;border: none;border-radius: 50px;display: block;transition: all 0.3s;width: 25%;}             
	.submit:hover {background: linear-gradient(40deg,#303f9f, #45cafc);}   
	.fs-title {font-size: 18px;text-transform: uppercase;color: #2C3E50;margin-bottom: 25px;letter-spacing: 2px;font-weight: bold;text-align: center;} 
	.text-control {display: block;width: 100%;height: 12%;border: 1px solid;border-radius: 10px;padding: 10px;font-family: monospace;}
	#content_change{color:white ! important;text-align:center ! important;margin-left:5px ! important;font:600 25px Arial, Helvetica, sans-serif;}
	.close{margin-top: 2px ! important;position: absolute;right: 60px;}       
	.close:hover{color: #22418C  ! important;}
	.close11{position: absolute;right: 25px; cursor: pointer;}       
	.close11:hover{color: #22418C  ! important;}
	.about{color: #2E4053;font-size: 14px;text-align: justify;font-weight: 500;}
	input:not([type="submit"]){width: 25%;} 
	.labelnew2 {padding: 0;float: left;max-width: 100%;color: black;}
	.secondary-color, button, input[type="button"], input[type="reset"], input[type="submit"], .site-content .search-form .search-submit, .site-footer .search-form .search-submit, .figure-categories-bg .cat-links a, .tagcloud a:hover, .tagcloud a:hover {background: #ff3c36;color: #fff;}
	button, input[type="button"], input[type="reset"], input[type="submit"] {border: 1px solid;border-top-color: currentcolor;border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-color: currentcolor;border-color: #ccc #ccc #bbb;border-radius: 3px;font-size: 16px;line-height: 1;outline: none;padding: .6em 1em .4em; height: 26px;}  
	
 
                                 
 
           
.inner-page-header .header-page-title h1 {color: #131313;margin: 0;font-size: 25px;font-weight: 600;margin: 0 0 5px 0 !important;text-transform: capitalize; width: 70%; text-align:left; width:100%;}   
.inner-page-header .banner-text {position: absolute;top: 50%;left: 50%; width: 100%;z-index: 10;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, 5%);}
.inner-page-header {padding: 0 0 0px 0;position: relative;margin: 5px 0 30px 0;}
.inner-page-header .header-page-locator ul li a {color: #0a0a0a;transition: all 0.5s ease 0s;text-transform: uppercase;font-size: 12px;}     
	      
@media only screen and (min-device-width: 768px) and (max-device-width: 990px){
.inner-page-header .header-page-title h1{font-size: 16px;margin: 0;} 
.col-sm-6{width: 40%;}
}       
.blog-page-area{padding: 10px 0 0px;}     
@media only screen and (min-device-width: 738px) and (max-device-width: 2800px){
    .fbmain{width: 100%; margin: 0px 0 0 0 !important; overflow: hidden;} 
    .fbsub{float:right;}
}  
@media only screen and (min-device-width: 100px) and (max-device-width: 720px){
    .fbmain{width: 100%; margin: 0px 0 0 0 !important; overflow: hidden;}      
}                  	
.fbsub a{text-decoration: none;}
.fbsub:hover a{text-decoration: none;}
.blog-page-area.gallery-page.category-page.for-space {padding: 40px 0 0 0;}
.icons-new i.fa.fa-facebook-f {background: #3b5998;color: #fff;height: 30px;width: 30px;border-radius: 50%;padding: 8px 0 0 11px;}
.icons-new i.fa.fa-twitter {background: #00acee;color: #fff;width: 30px;height: 30px;padding: 8px 0 0 8px;border-radius: 50%;}
.icons-new i.fa.fa-linkedin {background: #0e76a8;color: #fff;width: 30px;height: 30px;padding: 8px 0 0 9px;border-radius: 50%;}
.icons-new i.fa.fa-instagram {background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);width: 30px;height: 30px;color: #fff;border-radius: 50%;padding: 8px 0 0 9px;}
.cl-single-member img.img-responsive {width: 100%;}
.fbsub.icons-new {margin: 0 25px 5px 0 !important;/*border-bottom: double;*/padding: 0 0 0px 0 !important;}
.header-page-title h1{width: 75%;}  
.blog-page-area {padding: 0px 0 0 0 !important;}    
	     
	
.new-section .banner-text {position: unset !important;transform: unset !important;}
.new-section:after {background: none !important;position: unset !important;}
.inner-page-header.new-section {margin: 15px 0 0 0 !important;}
.category-page .fbmain {overflow: hidden;border-bottom: double;margin: 0 0 10px 0 !important;}
.new-part {overflow: hidden;border-bottom: double;margin: 0 0 15px 0;padding: 0px 0 5px 0;}
.float-right .fbmain {width: 100%;margin: 0 0 0 0 !important;}  
	
.space .header-page-locator ul li {padding: 0 0 0 0 !important;}
.space .fbmain {border-bottom: none !important;}
.inner-page-header.new-section.space li {padding: 0 0 0 0 !important;}
.space .fbmain {border-bottom: none !important;margin: 0 0 0 0 !important;}
.col-lg-3.col-md-3.col-sm-3.col-xs-12.sidebar-home.new-space {margin: 30px 0 0 0 !important;}
.space .new-part {width: 100%;}   
.inner-page-header .header-page-locator ul li {display: inline-block;color: #c70039;text-transform: uppercase;font-weight: 600;font-size: 12px;}

.blog-page-area {padding: 10px 0 0px;}
