html,body {
	font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", "Kohinoor Bangla", "Nirmala UI", sans-serif;
	font-size: 16px;
	background: transparent;
	color: #000000;
	margin: 10px;
	text-align: justify;
	line-height: 24px;
}
h1 {
	font-variant: small-caps;
	font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
	text-align: center;
}
h2 {
	font-variant: small-caps;
	font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
	text-align: center;
}
h3 {
	font-variant: small-caps;
	font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
	text-align: center;
}
h4 {
	font-size: 48px;
	font-weight: bold;
	background: transparent;
	color: #000000;
	text-align: center;
}
.warning {
	font-size: 24px;
	text-align: center;
}
.center {
	text-align: center;
}
.alignR {
	text-align: right;
	line-height: 20px;
}
.brownish {
	background: transparent;
	color: #000000;
}
.header {
	background: #f8f8f8;
	left: 0;
	overflow: visible;
	position: fixed;
	top: 0px;
	width: 100%;
	line-height: 18px;
}
.main {margin-top: 58px}
.logobullet {
	border-bottom: 1px solid #336633;
	width: 100%;
	line-height: 16px;
}
.logoImg {
	margin-top: 3px;
	width: 418px;
	height: 50px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    content:url("/images/logoBd.png")
}
.logoLang {
	text-align: right;
	line-height: 20px;
	white-space: nowrap;
	margin-right: 10px;
	margin-top: -2px
}
.logoImgSmall {
	width: 0px;
	height: 0px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.logoMenu {
	text-align: left;
	white-space: nowrap;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.logoSpace {
	font-size: 7px;
}
.logoArrow {
	font-size: 10px;
	line-height: 28px;
}
.logosearch {
	text-align: right;
	margin-right: 6px;
	margin-top: -10px;
	line-height: 21px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.hr200 {
	width: 200px;
	margin-top: 12px;
	margin-bottom: 18px;
}
.hr120 {
	width: 120px;
}
.default_red {color: #df293c}
.head_red {
	font-size: 17px;
	font-weight: bold;
	background: transparent;
	color: #df293c;
}
.head_red_mas {
	font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", "Kohinoor Bangla", "Nirmala UI", sans-serif;
	font-size: 18px;
	background: transparent;
	color: #df293c;
}
.head_normal_italic {
	font-size: 15px;
	font-style: italic;
	margin-top: 2px;
	background: transparent;
	color: #000000;
}
.imgtitle {
	font-size: 18px;
	text-align: center;
	background: transparent;
	color: #336633;
	/*white-space: nowrap;*/
}
.imgleft {
	float: left;
	border: 0px;
	margin: 3px 9px 0px 3px;
	background: transparent;
	color: #fac05d;
}
.pctleft {
	float: left;
	border: 0px;
	margin: 3px 16px 0px 3px;
	background: transparent;
	color: #fac05d;
}
.medium_red {
	font-size: 18px;
	background: transparent;
	color: #df293c;
}
.medium_red_gallery {
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	color: #df293c;
	background: transparent;
	margin-top: 0px;
	margin-left: 5px;
}
.didascalia_gallery {
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	background: transparent;
	color: #000000;
	text-align: left;
	padding: 0px 33px;
	width: 640px;
}
.title_gallery {
	font-size: 15px;
	font-weight: bold;
	line-height: 21px;
	top: 20px;
	background: transparent;
	color: #000000;
}
.small_free {
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
	background: transparent;
	color: #000000;
	text-align: left;
	padding: 0px 2px
}
.small_green {
	font-size: 14px;
	background: transparent;
	color: green;
}
.small_red {
	font-size: 14px;
	background: transparent;
	color: #df293c;
}
.bullet {
	font-size: 15px;
	line-height: 18px;
	white-space: nowrap;
}
.centerNowrap {
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	white-space: nowrap;
}
.centerNowrapNoTop {
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	white-space: nowrap;
	margin-top: 0px;
}
.force_body {
	font-size: 15px;
	margin: 9px;
	text-align: justify;
}
.force_Kilo {
	font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 12px;
}
.force_En_same {
	font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 14px;
}
.indented {
	text-indent: 21px;
	text-align: justify;
}
.lang {
	font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
	background: transparent;
	color: #7a7a7a;
	font-size: 13px;
	line-height: 14px;
	font-style: italic;
	text-decoration: none;
}
a, a.link,a.visited {
	background: transparent;
	color: #0080FF;
	text-decoration: none;
}
a:hover {
	color: #F3AA0B;
	text-decoration: none;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
a.small_free {
	color: #000000;
	text-decoration: none;
}
a.container {
	color: #000000;
	text-decoration: none;
}
a.lang { 
	text-decoration: none;
}
a.lang_bangla { 
	text-decoration: none;
}
ul.ulTopZero {margin: 0px}
ul.none {list-style: none}
ul.ulCircleZero {
	list-style: circle;
	margin: 0px;
}
ul.ulTopZeroNone {
	margin: 0px;
    padding: 0px;
	list-style: none;
}
ol.olTopZero {margin: 0px}

/* Dropdown Button */
.dropbtn, .dropbtnBlu, .dropbtnNested {
    background-color: transparent;
    color: #7a7a7a;
    padding: 0px;
    margin-top: 0px;
    font-size: 16px;
    line-height: 18px;
	font-weight: bold;
    border: none;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.dropbtnBlu {
    color:Indigo;
}
@media (prefers-color-scheme: dark) {
  .dropbtnBlu {
  	color:CadetBlue;
  }
}
.dropbtnNested {
    color: #ffffff;
    font-weight: normal;
    line-height: 24px;
    padding: 1px 12px;
    border-top: 1px solid olive;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdownNested {
    position: relative;
    display: block;/*different from above dropdown!*/
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content, .dropdownNested-content {
    display: none;
    position: absolute;
    background-color: #8692aa;
    border-color:#333333;
    top:24px;
    min-width: 100px;
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a, .dropdownNested-content a {
	font-weight: normal;
    color: #ffffff;
    line-height: 24px;
    padding: 1px 12px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover, .dropdownNested-content a:hover {
	color: #c4c4c4;/*or change (also) background clr */
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

/* Dropdown button on hover */
.dropdown:hover .dropdown-content {
	display: block;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.dropdownNested:hover .dropdownNested-content {
	display: block;
    left: 100%;/*push the submenu to the left of its parent*/
    top: 1px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn, .dropdownNested:hover .dropbtnNested {
    color: #c4c4c4;/*or change (also) background clr */
}

form {
	margin: 0px;
	border: 0px;
}

form.img {
	margin: 0px;
	border: 0px;
}
form.one {
	margin-right: auto;
	margin-left: auto;
	width: 472px;
	height: 155px;
}
textarea.user {
	display: block;
	width: 437px;
	height: 74px;
}
input {
	display: inline;
	font-size: 12px;
}
input.mailInput {
	width: 220px;
	border-width:thin;
}
.search {
	width: 150px;
	height: 16px;
	margin-top: 0px;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid gray;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
input.btn {
	font-size: 12px;
}
.submitBtn {
	font-size: 12px;
	background: transparent;
	border: none;
	position:relative;
	width:40px;
	height:20px;
}
img.imgNoborder {
	border: 0px;
}
img.theTop {
	border: 0px;
	vertical-align: text-top
}
.container img {
	transition: all .5s ease-in-out;	
	-webkit-transition: all .5s ease-in-out;
}
.container img:hover {	
	box-shadow: 0 0 10px blue;  
	-webkit-box-shadow: 0 0 10px blue;  
	-moz-box-shadow: 0 0 10px blue;  
	-o-box-shadow: 0 0 10px blue;  
	-ms-box-shadow: 0 0 10px blue;
}		
.containerFree img:hover {	
	box-shadow: 0 0 10px green;  
	-webkit-box-shadow: 0 0 10px green;  
	-moz-box-shadow: 0 0 10px green;  
	-o-box-shadow: 0 0 10px green;  
	-ms-box-shadow: 0 0 10px green;
}		
@media (prefers-color-scheme: dark) {
  .container img:hover {
    box-shadow: 0 0 40px DodgerBlue;  
	-webkit-box-shadow: 0 0 40px DodgerBlue;  
	-moz-box-shadow: 0 0 40px DodgerBlue;  
	-o-box-shadow: 0 0 40px DodgerBlue;  
	-ms-box-shadow: 0 0 40px DodgerBlue;
  }
}
@media (prefers-color-scheme: dark) {
  .containerFree img:hover {
    box-shadow: 0 0 40px aqua;  
	-webkit-box-shadow: 0 0 40px aqua;  
	-moz-box-shadow: 0 0 40px aqua;  
	-o-box-shadow: 0 0 40px aqua;  
	-ms-box-shadow: 0 0 40px aqua;
  }
}
.container {
	margin: 0 auto;
	text-align: center;
	color: #000000;
	text-decoration: none;
}
.containerFree {
	margin: 0 auto;
	text-align: center;
	color: #000000;
	text-decoration: none;
}
.selCSS {
    margin-top: 26px;
    margin-left: -4px;
    width: 320px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.btnreduced, .btnreducedclicked, .btnreducedvisited {
	background-color: #transparent;
	border: none;
    padding: 0px 16px;
    font-size: 13px;
    line-height: 14px;
    text-align: left;
    white-space: nowrap;
    width: 285px%;  /*  keep it fixed otherwhise the box expands when string is long and bold */
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.btnreduced:hover {
    background-color: #abb2b9;
    color: white;
}
.btnreducedclicked {
    font-weight: bold;
}
.btnreducedvisited {
	font-style: italic;
	color: green;
}
.mySlides {
}
.containerArrow {
	margin-top: 5px;
	left: 0px;
	width: 708px;
	height: 500px;
	text-align: center;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.imggallery {
	width: 640px;
	height: 440px;
	border: 1px solid gray;
}
.videogallery {
	 width: 640px;
	 height: 480px;
}
.btnArrow, .btnArrowR {
	float: left;
	background-color: transparent;
	padding: 204px 0px;
	border: none;
    font-size: 48px;
    text-align: right;
    text-decoration: none;
    color: white;
    -webkit-transition-duration: 0.9s; /* Safari */
    transition-duration: 0.9s;
}
@media (prefers-color-scheme: dark) {
  .btnArrow, .btnArrowR {
    color: black;
  }
}
.btnArrow {
	float: left;
}
.btnArrowR {
	float: right;
}
.btnArrow:hover {
    color: gray;
     -webkit-transition-duration: 1.5s; /* Safari */
    transition-duration: 1.5s;
}
.btnArrowR:hover {
	color: gray;
     -webkit-transition-duration: 1.5s; /* Safari */
    transition-duration: 1.5s;
}
.containerArrow:hover .btnArrow {
	color: gray;
     -webkit-transition-duration: 1.5s; /* Safari */
    transition-duration: 1.5s;
}
.containerArrow:hover .btnArrowR {
	color: gray;
     -webkit-transition-duration: 1.5s; /* Safari */
    transition-duration: 1.5s;
}
.applebutton {
	margin-top: 9px;
}
.applebuttonBis{
	margin-left: 16px;
	margin-top: 9px;
}
.imgbuilding1 {
	width: 544px;
	height: 380px;
}
.imgbuilding2 {
	width: 668px;
	height: 380px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.logoImg {
		display: none;
		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
	}
	.logoLang {
		white-space: normal;
	}
	.logoMenu {
		/*white-space: normal;*/
		margin-top: -17px;
		line-height: 3px;
		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
	}
	.logoImgSmall {
		position: relative;
		width: 232px;
		height: 28px;
		top: 0px;
		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
	}
	.logosearch {
		display: none;
	}
	.bullet, .centerNowrap, .centerNowrapNoTop {
		white-space: normal;
	}
	.dropdownNested:hover .dropdownNested-content {
	    top: 0px;
	}
	.selCSS {
  		display: none
  	}
  	.containerArrow {
  		margin-top:	8px;
  		margin-left: -25px;
		width: 321px;
		height: 250px;
	}
	.title_gallery {
		font-size: 13px;
		line-height: 18px;
	}
	.imggallery {
		margin-top: -3px;
		margin-left: -1px;
		width: 320px;
		height: 220px;
	}
	.videogallery {
		margin-top: 0px;
		margin-left: -1px;
	 	width: 320px;
	 	height: 240px;
	}
  	.btnArrow, .btnArrowR {
  		color: gray;
  		padding: 0;
  		margin-top: -7px;
  		margin-left: 0px;
  		font-size: 26px;
  	}
  	.didascalia_gallery {
		font-size: 12px;
		padding: 0px 33px;
		width: 320px;
		margin-top: -4px;
		margin-left: -30px;
		line-height: 14px;
	}  	
  	.imgbuilding1 {
		width: 320px;
		height: 224px;
	}
	.imgbuilding2 {
		width: 320px;
		height: 182px;
	}
  	.bookimg {
  		width: 84px;
  		height: 125px;
  		float: left;
  		margin: 3px 16px 0px 3px;
  		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
  	.appimg {
  		width: 120px;
  		height: 120px;
  		float: left;
  		margin: 3px 16px 0px 3px;
  		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 768px) {
	.logoImgSmall {
		display: none;
		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
	}
	.logoImg {
		width: 270px;
		height: 31px;
		margin-top: 14px;
		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
	}
	.logoMenu {
		line-height: 27px;
		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
	}
	.logoLang {
		white-space: normal;
	}
	.logosearch {
		margin-right: 6px;
		margin-top: -8px;
		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
	}
	.search {
		width: 90px; 
		font-size: 12px;
		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
	}
	.bullet, .centerNowrap, .centerNowrapNoTop {
		white-space: normal;
	}
	.dropdownNested:hover .dropdownNested-content {
	    top: 0px;
	}
	.selCSS {
  		display: none
	}
	.containerArrow {
  		margin-top:	8px;
	}
	.btnArrow, .btnArrowR {
  		color: gray;
  	}
	.bookimg {
  		width: 84px;
  		height: 125px;
  		float: left;
  		margin: 3px 16px 0px 3px;
  		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
  	.appimg {
  		width: 120px;
  		height: 120px;
  		float: left;
  		margin: 3px 16px 0px 3px;
  		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.btnreduced, .btnreducedclicked, .btnreducedvisited {
		font-size: 9px;
    	line-height: 12px;
		width: 195px;
		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
  	.logoImgSmall {
		display: none;
		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
	}
  	.medium_red_gallery {
  		font-size: 9px;
    	line-height: 12px;
    	-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
  	.selCSS {
  		width: 230px;
  		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
	.bookimg {
  		width: 126px;
  		height: 188px;
  		float: left;
  		margin: 3px 16px 0px 3px;
  		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
  	.appimg {
  		width: 180px;
  		height: 180px;
  		float: left;
  		margin: 3px 16px 0px 3px;
  		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.btnreduced, .btnreducedclicked, .btnreducedvisited {
		font-size: 11px;
    	line-height: 13px;
		width: 265px;
		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
  	.logoImgSmall {
		display: none;
	}
  	.medium_red_gallery {
  		font-size: 11px;
    	line-height: 13px;
    	-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
  	.selCSS {
  		width: 300px;
  		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
	.bookimg {
  		width: 168px;
  		height: 249px;
  		float: left;
  		margin: 3px 16px 0px 3px;
  		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
  	.appimg {
  		width: 240px;
  		height: 240px;
  		float: left;
  		margin: 3px 16px 0px 3px;
  		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.btnreduced, .btnreducedclicked, .btnreducedvisited {
		font-size: 12px;
    	line-height: 14px;
		width: 285px;
		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
  	.logoImgSmall {
		display: none;
	}
  	.medium_red_gallery {
  		font-size: 12px;
    	line-height: 14px;
    	-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
  	.selCSS {
  		width: 320px;
  		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
	.bookimg {
  		width: 168px;
  		height: 249px;
  		float: left;
  		margin: 3px 16px 0px 3px;
  		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
  	.appimg {
  		width: 240px;
  		height: 240px;
  		float: left;
  		margin: 3px 16px 0px 3px;
  		-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
  	}
}

@media (prefers-color-scheme: dark) {
  body, .brownish, .header, .small_free, .didascalia_gallery, .search, .mailInput, .user, .userStore, .submitBtnBordered, .submitBtn, .head_normal_italic, .title_gallery, .container, .containerFree {
    background-color: black;
    color: #ffffff;
  }
  .imgtitle {
  color:Chartreuse;
  }
  .dropdown-content, .dropdownNested-content {
    background-color: #003300;
  }
  .medium_red_gallery, .head_red, .head_red_mas, .medium_red {
  	color: red;
  }
  .logoImg {
  	content:url("/images/logoBdRed.png")
  }
}