/* mbhuju@gmail.com */

body{margin:0px;   font-family: 'Ek Mukta', sans-serif;   font-size:15px; color:#000; font-weight: normal; line-height: 28px;}

a:link, a:active, a:visited{ color:#005596; font-weight: normal;  text-decoration:none;}
a:hover{color:#000; text-decoration:none;}

a.footermenu:link, a.footermenu:active, a.footermenu:visited {font-size:12px; color:#d8d8d8; font-weight: bold; line-height:24px; text-decoration:none;}
a.footermenu:hover{color: #fff;}

a.more:link, a.more:active, a.more:visited { font-size:16px; color:#fff; font-weight: normal;  text-decoration:none;}
a.more:hover{color: #fff;}

a.more1:link, a.more1:active, a.more1:visited {font-size:14px; color:#fff; line-height:24px; text-decoration:none;}
a.more1:hover{color: #fff;}

a.white:link, a.white:active, a.white:visited {font-size:14px; color:#fff; line-height:24px; text-transform:uppercase; text-decoration:none;}
a.white:hover{color: #ccc;}

/*********
HEADER
******/
#top{width:100%; background:#005596; position: fixed; z-index: 1000;}
#top_inn{width:1242px; margin:0 auto;}
#left{width:50%; float:left; padding:10px 0 5px 0;}
#right{width:50%; float:right; text-align:right; padding-top:12px; }
#menu_bar{width:100%; background:#ed1c24; padding-top: 40px;}
#menu_inn{width:1242px; margin:0 auto;}
#info{width:40%; float:left; padding-top:16px; color:#FFF;}
#menu{/*width:58%;*/ float:right;}

#header{width:1055px; margin:0 auto; text-align:center; padding:42px 0 40px 0; }

/*******
BANNER
*********/

/*******
SMLOGO
*********/
#smlogo{display:none; }

/*******
CONTENT
*********/
#content{width:100%; background:url(../../images/bg1.png) repeat-x #FFF; }
#content_inn{width:1060px; margin:0 auto; background:url(../../images/bg2.png) no-repeat center; background-size:cover; padding:53px 0 55px 0; }

#circle_area{width:1155px; margin:0 auto; padding:30px 0 0 0;}
#cricle1{width:15%; float:left; }
#cricle2{width:15%; float:left; margin-left:2%;}
#cricle3{width:15%; float:left; margin-left:2%;}
#cricle4{width:15%; float:left; margin-left:2%;}
#cricle5{width:15%; float:left; margin-left:2%;}
#cricle6{width:15%; float:right;}


#img_inn{width:1040px; margin:0 auto; padding:30px 0 30px 0;}
#img1{width:45%; float:left;}
#img2{width:54%; float:right; text-align:right; margin-left:1%;}

#photos{width:100%; background:url(../../images/bg3.png);}
#photos_inn{width:1040px; margin:0 auto; padding:20px 0;}
	#photos_block1{ width:41.82692% ; float:left;}
		#pb11{ width:100%; height:498px; background:url(../../images/f1.png); position: relative;}
			#pb11_1{ width:48.04598% ; float:left; height:498px; background:url(../../images/f2.png); margin-top:16px; position: relative;}
			#pb11_2{ width:47.58621%; float:right; margin-top:16px;}
				#pb11_2_1{ width:100%; height:330px; background:url(../../images/f4.png); position: relative;}
				#pb11_2_2{ width:100%; height:150px; background:url(../../images/f3.png); margin-top:18px; position: relative;}
	#photos_block2{ width:56.15385% ; float:right;}
		#pb21{ width:47.94521% ; float:left; height:243px; background:url(../../images/f5.png) center; position: relative;}
		#pb22{ width:47.94521% ; float:right; height:243px; background:url(../../images/f6.png); position: relative;}
		#pb23{ width:47.94521% ; float:right; height:229px; background:url(../../images/f7.png) right; position: relative; margin-top:25px;}
		#pb24{ width:57.53425%; float:left; height:332px; background:url(../../images/f8.png); position: relative; margin-top:16px;}
		#pb25{ width:38.86986%; float:right; height:332px; background:url(../../images/f9.png); position: relative; margin-top:16px;}
		#pb26{ width:100% ; height:151px; background:url(../../images/f10.png); position: relative; margin-top:16px;}
		#pb27{ width:47.94521%; float: left; height:229px; background:url(../../images/f11.png) right; position: relative; margin-top:25px;}

#bottom_link{
    position: absolute;
    bottom: 0px;
	padding-left:5%;
	height:60px;
	background:url(../images/4_bg.png);
	width:95%;
}

#bottom_logo{width:1041px; margin:0 auto; padding:45px 0 29px 0;}
#logo1{width:19%; float:left;}
#logo2{width:19%; float:left; margin-left:1%;}
#logo3{width:19%; float:left;  margin-left:1%;}
#logo4{width:19%; float:left;  margin-left:1%;}
#logo5{width:19%; float:left;  margin-left:1%;}

#bottom_info{width:100%; background: #005596;}
#bottom_inn{width:1044px; margin:0 auto; padding:25px 0;}
#left1{width:20%; float:left;}
#left2{width:25%; float:left; margin-left:5%;}
#middle{width:28%; float:left;}
#right1{width:22%; float:right;}


/*******
FOOTER
*********/
#footer{width:100%; background:#ed1c24;}
#footer_inn{width:1044px; margin:0 auto; padding:20px 0 32px 0; text-align:center;}
#footer_inn a{ color:#FC0; font-weight:bold; text-decoration:none;}
#footer_inn a:hover{ color:#FFF;}

/*******
STYLE
*********/
h1{  font-size:33px;	color: #d80502;	  text-transform: uppercase; margin-top:0;}
h2{font-size:30px;  margin-top:0; font-weight:normal; color: #005596; }

.style1{ font-size:22px; color: #e4383a; font-weight: bold;	line-height: 26px;}
.style2{ font-size:18px; line-height:30px; color: #fff; font-weight: normal;}
.style3{ font-size:18px;  font-weight: bold;}
.style4{ font-size:30px; line-height:70px; color: #ed1820; }
.style5{ font-size:12px; color: #fff; font-weight: bold;}
.style6{  font-size:18px; color: #fff; font-weight: bold; text-transform:uppercase;	line-height: 26px;}
.style7{  color: #fff;}
.style8{ font-size:16px; color: #fff; font-weight: bold;}
.style9{ font-size:14px; color: #fff; font-weight: normal; 	line-height: 26px;}
.style10{  font-size:30px; color: #fff; font-weight: normal; 	line-height: 26px;}
.style11{ font-size:18px; color: #fff; font-weight: normal; 	line-height: 26px;}
.style12{ font-size:24px; color: #fff; font-weight: normal; 	line-height: 26px;}

.more5{ font-size:14px; height:35px; line-height:35px; padding:0 10px; background:#378DE0; text-align:center; color:#FFF; text-decoration:none; border:none; cursor:pointer; border-radius:3px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease; }


.more5:hover{ background:#000;}


.act-btn{ height:35px; line-height:35px; padding:0 10px; background:#378DE0; text-align:center; color:#FFF; text-decoration:none; border:none; cursor:pointer; border-radius:3px; float:left;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease; }


.act-btn:hover{ background:#000;}


/*******
FORM
*********/
.form1{ width:100%;}
input, textarea, select { height:25px; background:#f5f5f5; border:1px solid #dedede; font-size:13px;}
textarea{ height:100px; }
.btn{ width:150px; height:40px; font-weight:bold; text-align:center; color:#FFFFFF;	background:#0271b2; border:1px solid #000000; font-size:15px; margin-top:10px; text-align:center;}
.email_error{ padding:2px; border:1px solid red; color:red; margin-bottom:5px;}
.inputsize{ width:100%;}
.inputzipsize{ width:50px;}
.textright{ text-align:right;}

/*******
MISC
*********/
.img{border:1px solid #D7D7D5; padding:5px; }
.imgright{border:1px solid #D7D7D5; padding:5px; max-width:95%; float:right; margin-left:30px; }

.clear{clear:both;}
img{max-width:100%;}
a[href^=tel] { color: inherit; text-decoration: none; }



/*******/

#member-wrapper{ margin-top:50px;}
#member-wrapper h3{ font-size:20px; padding:5px 10px; background:#005596; margin:0; color:#FFF; border-left:10px #ED1C24 solid;}
#member-wrapper .member-section{ padding:4% 0 0 0; background:#FFF;}
#member-wrapper .member-section .members-image{ width:20%; float:left; margin:0 0 4% 4%; text-align:center; font-size:14px;}
#member-wrapper .member-section .members-image strong{ font-weight:600; font-size:16px; color:#005596;}
#member-wrapper .member-section .members-image img { padding:5px; background:#FFF; border:1px solid #CCC; height:130px; margin-bottom:10px; }


/*******/


/* tooltip */
#screenshot {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	text-align:center;
}



#content_inn_right{width:84%; float:right;}
#content_inn_right h2{ background:#eaeee7; padding:10px; margin:0; border:1px solid #CCC; font-size:24px; font-weight:600;}
#content_inn_right-page h5{ padding:0 0 10px 0; margin:0; color:#C00; font-size:18px;}

#content_inn_right-page{ padding:3%; border:1px solid #CCC; border-top: none;}


#content_inn_right-page .photo-gallery-image{ width:20%; float:left; text-align:center; font-size:14px; margin-bottom:20px; padding:0;}
#content_inn_right-page .photo-gallery-image img { padding:5px; background:#FFF; border:1px solid #CCC; height:100px; margin-bottom:10px; }


#content_inn_right-page .book-cover{ background:#FFF; text-align:center;}

#content_inn_right-page .list-category{}
#content_inn_right-page .list-category ul{ margin:0; padding-left:15px;}
#content_inn_right-page .list-category ul li{ padding-left:10px; line-height:40px; color:#666;}
#content_inn_right-page .list-category ul li a{ text-decoration:none; font-size:17px;}
#content_inn_right-page .list-category ul li span{ font-style:italic;}

#content_inn_right-page .list-category .list-cat-col{ width:30%; float:left;}

#content_inn_right-page .list-category .e-books{}

#content_inn_right-page .list-category .e-books{ float:left; margin: 0 0 3% 0; width:100%;}
#content_inn_right-page .list-category .e-books h5{ margin:0; padding:0; font-size:20px;}
#content_inn_right-page .list-category .e-books img{ max-height:160px; float:left; padding:4px; border:1px solid #CCC; background:#FFF; margin:0 20px 0 0;}
#content_inn_right-page .list-category .e-books h5 a{ color:#005596; text-decoration:none;}
#content_inn_right-page .list-category .e-books h5 a:hover{ color:#000;}

#content_inn_right-page .creators_pic{ float:right; text-align:center; padding:7px; margin-left:10px; background:#000; color:#FC0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#content_inn_right-page .creators_pic img{ margin-bottom:7px; border:1px solid #CCC; max-width:80px;}

#content_inn_right-page .tribute-karnali{ float:left; padding:20px; background:#005596; width:80%; font-size:18px; color:#FFF; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-bottom:20px;}
#content_inn_right-page .tribute-karnali img{ margin:20px 0 10px 0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
#content_inn_right-page .tribute-karnali span{ color:#FF0; font-style:italic; font-size:15px;}

#content_inn_right-page .creators_pic2{ float:right; text-align:center; padding:7px; border:1px solid #CCC; margin-left:10px;}
#content_inn_right-page .creators_pic2 img{ margin-bottom:7px; border:1px solid #CCC; max-width:250px;}

#content_inn_right-page .profile-honor-awards{ text-align:center; margin:25px 0 25px 0;box-shadow: 0px 0px 5px 0px #888888;padding:20px;}
#content_inn_right-page .profile-honor-awards h3{ color: #900; padding:0; margin:0;}
#content_inn_right-page .profile-honor-awards .awards-pic{display:inline-block; margin:10px;}
#content_inn_right-page .profile-honor-awards img{ max-width:200px; padding:10px; background:#FFF; border:1px solid #CCC;}



.inquiryBox{ float:right; width:45%; text-align:left;}
.messageBox{ float:left; width:45%; border-right:1px dashed #CCC; padding-right:5%;text-align:left;}
.locationBox{ margin-top:20px; padding-top:20px; border-top:1px solid #CCC;}

#content_inn_right-page .inquiryBox h2, #content_inn_right-page .messageBox h2, #content_inn_right-page .locationBox h2{ color:#000; padding:0; margin:0 0 10px 0; background: none; border:none;}
#content_inn_right-page .inquiryBox h3{ color:#ed1c24; padding:0; margin:0;}


#content_inn_right-page .photo-gallery-box{ text-align:center; width:26%; padding:2%; margin:0 3% 3% 0; float:left; background:#FFF;box-shadow: 0px 0px 5px 0px #888888;}

#content_inn_right-page .photo-gallery-box h2{ font-size:18px; margin-bottom:0; font-weight:normal; text-align:left; padding:0; background:none; border:none; margin:10px 0 0 0;}

#content_inn_right-page .photo-gallery-box .imageDisplay { width:100%; height:160px; position: relative; overflow:hidden; display: inline-block;}
#content_inn_right-page .photo-gallery-box .imageDisplay img {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	max-width:260px;
}



#content_inn_right-page .thumb-image-box{ text-align:center; width:20%; padding:1%; margin:0 3% 3% 0; float:left; background:#FFF;box-shadow: 0px 0px 5px 0px #888888;}

#content_inn_right-page .thumb-image-box .thumbImageDisplay { width:100%; height:120px; position: relative; overflow:hidden; display: inline-block;}
#content_inn_right-page .thumb-image-box .thumbImageDisplay img {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	max-width:190px;
}


.form-area{}
.form-area input{ display: inline;}

.form-area .textField{ border: 1px solid #CCC; height:28px; width:70%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  line-height:28px; color:#000; padding-left:10px; float:left;  margin:10px 0 20px 0;}

.form-area .message{border: 1px solid #CCC; padding-left:10px; float:left; margin:10px 0 20px 0; width:100%;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }





    .google-maps {
        position: relative;
        padding-bottom: 50%; 
        height: 0;
        overflow: hidden;
		border:3px solid #000;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
		border:none;
    }



#left-menu{ float:left; width:13%;}
#left-menu #left-menu-circle{}
#left-menu #left-menu-circle #cricle{width:100%; float:left; margin-bottom:5%;}


.translator-image{ display: flex; align-items: center; line-height: 20px;}
.translator-image img{ max-height: 60px; padding: 5px; border: 1px solid #ccc; margin-right: 10px;}


