/* start style from mobile to desktop
/*Global*/
body{font-family:arial;}
img {border:0; vertical-align:top;}
select, input{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand{display:none;} /*for IE 11*/

.left{float:left;}
.cb{clear:both;}
.blockHeader{font-size:30px; font-weight:bold;}
.buttons{background:#1a75bc; color:#fff; border:0px; border-radius:6px; text-align:center; padding:10px 0px; cursor:pointer;}
.buttons.readMore a{color:#000; font-weight:bold;}
.buttons.readMore a:hover{color:#000; text-decoration:none;}
.buttons.listPageLink{width:180px; margin:20px auto 0px auto;}
.buttons.listPageLink a{display:block; color:#fff; font-weight:bold;}
.buttons.listPageLink a:hover{color:#fff; text-decoration:none;}

/* Bootstrap Overrides and menu */
.container{padding:0px;}
.navbar{background-color:#1b1b1b; margin-bottom: 0px; border:0px; border-radius:0px;}
.navbar-logo{display:block; padding:10px 50px;}
.navbar-nav{width:75%;}
.navbar-nav>li { display:inline-block; margin: 0px 40px;}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus,  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus{
	background-color:#1b1b1b; font-size:16px; color:#fff; line-height:1.2; padding-bottom:15px; border-bottom:5px solid #1b1b1b; cursor:pointer; text-decoration:none;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a:hover {
	background-color:#1b1b1b; color:#00a0ea; border-bottom:5px solid #00a0ea;
}

/*pagination*/
.pagination{width:210px; box-sizing:border-box; height:35px; padding:4px 0px; margin:50px auto;}
.pagination .pages{display:block; float:left;}
.pagination .pages span, .pagination .pages a{float:left; margin-right:10px;  width:20px; height:20px; color:#1a75bc; font-size:20px; display:block; margin-top:2px; text-align:center; cursor:pointer;}
.pagination .pages a:hover, .pagination .pages span.focus{background:#1a75bc; width:20px; height:20px; color:#fff; border-radius:40%;}
.pagination .controls{float:left; color:#1a75bc; font-size:24px; cursor:pointer;}
.pagination .controls.prev{margin-right:20px;}
.pagination .controls.next{margin-left:10px;}

/*banners*/
#topBanner {display:none;}
#middleBanner{display:none;}

/*event (seminar)*/
#event{box-sizing:border-box; margin:0px; padding:50px 20px; background-size:cover; background-repeat:no-repeat; color:#000;   text-align:center;}
#event .blockHeader.whiteWithShadow{color:#fff; text-shadow: -2px 2px 4px #333333; padding-bottom:20px; line-height:1;}
/*event form*/
#eventForm {padding-bottom:20px;}
#eventForm div select { background: url('../images/dropdownarrrow.png') white no-repeat; background-position: 178px 0px; border-radius:6px; height:43px; font-size:16px; padding:10px; width:216px; color:#999; border:0px; box-shadow: -2px 2px 4px #333333; outline:none;}
#eventForm div select option{height:30px;}
#eventForm div input {border-radius:6px; height:43px; font-size:16px; padding:10px; border:0px; box-shadow: -2px 2px 4px #333333; outline:none; background:url('../images/icons/search.png') white no-repeat; width:220px; background-position: 182px 6px}
#eventForm .category{padding-bottom:10px}
#eventForm .date{padding-bottom:10px}
#eventForm .search{position:relative; margin:0px auto; width:220px;}
#eventForm .search #searchOverlay {position:absolute; right:9px; top:7px; width:30px; height:30px;}
/*event slide*/
#eventSlide{width:280px; margin:0 auto;}
#eventSlide .seminars{background:white; padding:20px 0px; margin-bottom:5px;}
#eventSlide .seminars img{width:70%; height:70%; border-radius:50%; margin-bottom:20px;}
#eventSlide .seminars .title{font-size:18px; font-weight:bold; color:#000; margin-bottom:20px;}
.buttons.seeEvents{width:180px; margin:0 auto;}
.buttons.seeEvents a{display:block; color:#fff; font-weight:bold;}
.buttons.seeEvents a:hover{color:#fff; text-decoration:none;}
.buttons.allEvents{width:180px; margin:20px auto 0px auto;}
.buttons.allEvents a{display:block; color:#fff; font-weight:bold;}
.buttons.allEvents a:hover{color:#fff; text-decoration:none;}

/*articles*/
#articles{width:100%; box-sizing:border-box; margin:0px;  padding:50px 0px; background:#fff; text-align:center; color:#000;}
#articles .blockSubHeader{font-size:24px; color:#bdbdbd; padding-bottom:30px;}
/*slides*/
#articleSlide{width:280px; margin:0 auto;}
#articleSlide .articles {width:280px; margin:0 auto; padding-bottom:20px; border:1px solid #ccc;}
#articleSlide .articles img{width:280px; height:187px; margin-bottom:20px;}
#articleSlide .articles .title{font-size:18px; font-weight:bold; color:#000; margin-bottom:20px;}
#articleSlide .bx-wrapper .bx-prev, #articleSlide .bx-wrapper .bx-next { top:80px;}
.buttons.white{background:#fff; color:#000; border:1px solid #000; width:200px; margin:0 auto;}

/*about us*/
#aboutus{box-sizing:border-box; width:100%; margin:0px; padding:50px 20px; background:#1a75bc; color:#fff;}
#aboutus .blockHeader{text-align:center; }
#aboutus  a{color:#fff; text-decoration:none;}
#aboutus  a:hover{text-decoration:underline;}
#aboutus div{padding-bottom:20px;}
#aboutus .desc{font-size:18px; text-align:justify; line-height:1.2;}
#aboutus .contact span {display:block; font-size:18px; padding-bottom:20px;}
#aboutus .contact img {vertical-align:middle; padding-right:20px;}
#aboutus .contact #address img {float:left; padding-right:20px;}

@media screen and (min-width: 480px) {
	#aboutus .contact #address img {float:none; vertical-align:middle;}
	#topBanner {display:none;}
	#middleBanner {display:none;}
}

@media screen and (min-width: 1024px) {
	.container {width: 1024px;}
	.blockHeader{font-size:40px;}

	/*topbanner*/
	#topBanner {display:block;}
	#middleBanner {display:block;}

	/*event*/
	#event{width:100%; box-sizing:border-box; padding:50px;}
	#event .blockHeader.whiteWithShadow{color:#fff; text-shadow: -2px 2px 4px #333333; margin-bottom:50px;}

	/*event form*/
	#eventForm div select { background: url('../images/dropdownarrrow.png') white no-repeat; background-position: 178px 0px; border-radius:6px; height:43px; font-size:16px; padding:10px; width:216px; color:#999; border:0px; box-shadow: -2px 2px 4px #333333; outline:none;}
	#eventForm div select option{height:30px;}
	#eventForm div input {border-radius:6px; height:43px; font-size:16px; padding:10px; border:0px; box-shadow: -2px 2px 4px #333333; outline:none; background:url('../images/icons/search.png') white no-repeat; width:220px; background-position: 182px 6px}
	#eventForm .category{margin-bottom:10px}
	#eventForm .date{margin-bottom:10px}
	/*event slide*/
	#eventSlide{width:860px; margin:0px auto;}
	#eventSlide .seminars{width:420px; height:450px; padding:30px; background:white;}
	#eventSlide .seminars img{width:250px; height:250px; border-radius:50%; margin-bottom:20px;}
	#eventSlide .seminars .title{font-size:24px; font-weight:bold; color:#000; margin-bottom:20px;}
	#eventSlide .bx-wrapper .bx-prev { left: -50px;}
	#eventSlide .bx-wrapper .bx-next { right: -50px;}
	.buttons.seeEvents{width:200px; margin:0 auto;}
	.buttons.seeEvents a{display:block; color:#fff; font-weight:bold;}
	.buttons.seeEvents a:hover{color:#fff; text-decoration:none;}
	.buttons.allEvents{width:200px; margin:50px auto 0px auto;}
	.buttons.allEvents a{display:block; color:#fff; font-weight:bold;}
	.buttons.allEvents a:hover{color:#fff; text-decoration:none;}

	/*articles*/
	#articles{padding:50px;}
	/*slides*/
	#articleSlide{width:914px; margin:0 auto;}
	#articleSlide .articles {width:448px; margin:0 auto; padding-bottom:20px; min-height:510px;}
	#articleSlide .articles img{width:448px; height:300px; margin-bottom:20px;}
	#articleSlide .articles .title{font-size:24px; font-weight:bold; color:#000; margin-bottom:20px;}
	#articleSlide .bx-wrapper .bx-prev, #articleSlide .bx-wrapper .bx-next { top:150px;}
	#articleSlide .bx-wrapper .bx-prev { left: -50px;}
	#articleSlide .bx-wrapper .bx-next { right: -50px;}
	.buttons.white{background:#fff; color:#000; border:1px solid #000; width:200px; margin:0 auto;}
	.buttons.allArticles{width:200px; margin:50px auto 0px auto;}
	.buttons.allArticles a{display:block; color:#fff; font-weight:bold;}
	.buttons.allArticles a:hover{color:#fff; text-decoration:none;}

	/*home about us*/
	#aboutus{padding:50px 100px; background:#1a75bc; text-align:center;}
	#aboutus .contact span{float:left; min-width:calc(100%/3);}
	#aboutus .contact img {vertical-align:middle; padding-right:10px;}
	#aboutus .contact span#tel{text-align:left;}
	#aboutus .contact span#email{text-align:center;}
	#aboutus .contact span#fb{text-align:right;}
	#aboutus .contact #address {clear:both; padding-bottom:0px; display:block; height:50px;}
	#aboutus .contact #address a {float:left;}
	#aboutus .contact #address a img {padding-right:10px;}
	#aboutus .desc{line-height:1.4;}
}