@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:700,400);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700);

body {background: #c9e8f1 url('../img/bg/top-clouds.png') repeat-x; font-size:14px; font-family: 'Roboto', sans-serif; padding-bottom: 30px;}
body.ortaokul {background: #c9e8f1 url('../img/bg/ortaokul.png') repeat-x;}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {margin-left: 0;}

.genel .main-multimedia {display: none;}
body[class*="ilkokul-"] {background: #c9e8f1;}	
body[class*="anaokul-"] {background: #c9e8f1;}	
body[class*="dershane-"] {background: #c9e8f1;}


/* -------------------------------------------------------------------------------------*/
/* 		REGISTER																			*/
/* -------------------------------------------------------------------------------------*/
.dershane-ortaokul .register-fixed {}
.register-fixed {width: 65%; height: 175px; position: fixed; bottom: 20px; background: #013f7b; left: 17%; z-index: 99999; }
	.register-fixed-slogan { width: 28%; float: left; height: 175px; position: relative; float: left; text-align: right; padding: 35px 20px 0 0; background: #013567;
	font-size: 30px; color: #fff; line-height: 35px;}
	.register-fixed-slogan:before {content:''; position: absolute; top: 50%; margin-top: -20px; right: -12px;
	border-style: solid; border-width: 20px 0 20px 12px; border-color: transparent transparent transparent #013567;}
	.close-popup-register {display: block; width: 45px; height: 45px; position: absolute; top: 0; left: 0; background: #013f7b;} 
	.close-popup-register:hover {cursor: pointer;}
	.close-popup-register:before {content: ''; width: 33px; height: 1px; background: #fff; right: 6px; top: 22px; position: absolute;
	transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);}
	.close-popup-register:after {content: ''; width: 33px; height: 1px; background: #fff; left: 6px; top: 22px; position: absolute;
	transform: rotate(45deg);  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);}

	.register-fixed-inner {width: 72%; float: left; padding: 20px 20px 20px 25px;}
		ul.register-fixed-form {width: 85%; float: left; padding-right: 5px;}
		ul.register-fixed-form li {width: 50%; padding: 5px; float: left; height: 45px;}
		ul.register-fixed-form li input , ul.register-fixed-form li select {width: 100%; height: 100%; border: 1px solid #035baf; background: #035baf; color: #fff;  
		padding: 0 10px;  
		-webkit-transition: all 100ms ease-in;
		-moz-transition: all 100ms ease-in;
		-ms-transition: all 100ms ease-in;
		-o-transition: all 100ms ease-in;
		transition: all 100ms ease-in;}
		ul.register-fixed-form li input:focus , ul.register-fixed-form li select:focus {outline: none; background:#fff; color: #035baf;  }
		
		ul.register-fixed-form li input::-webkit-input-placeholder { color: #fff;	}
		ul.register-fixed-form li input:-moz-placeholder {  color: #fff;  opacity: 1;	}
		ul.register-fixed-form li input::-moz-placeholder { color: #fff;  opacity: 1;	}
		ul.register-fixed-form li input:-ms-input-placeholder { color: #fff;	}
		
		ul.register-fixed-form li input:focus::-webkit-input-placeholder { color: #035baf;	}
		ul.register-fixed-form li input:focus:-moz-placeholder {  color: #035baf;  opacity: 1;	}
		ul.register-fixed-form li input:focus::-moz-placeholder { color: #035baf;  opacity: 1;	}
		ul.register-fixed-form li input:focus:-ms-input-placeholder { color: #035baf;	}
		
		.register-fixed-inner button {width: 15%; float: left; height: 125px; margin-top: 5px; border: none; background: #035baf; color: #fff; border: 1px solid #035baf; 
		-webkit-transition: all 150ms ease-in;
		-moz-transition: all 150ms ease-in;
		-ms-transition: all 150ms ease-in;
		-o-transition: all 150ms ease-in;
		transition: all 150ms ease-in;}
		.register-fixed-inner button:focus  , .register-fixed-inner button:hover {outline: none; background:#fff; color: #035baf;  }

/* -------------------------------------------------------------------------------------*/
/* 		HEADER																			*/
/* -------------------------------------------------------------------------------------*/
header {}
	/* Top */
	.top {float: right; margin-top: 25px; width: 100%;}
		ul.top-social {float: right; height: 36px; }
		ul.top-social li {float: left; width: 36px; height: 36px; line-height: 34px; text-align: center; margin-left: 2px; background: #b00061; border: 1px solid #b00061;
		-webkit-transition: all 150ms ease-in;
		-moz-transition: all 150ms ease-in;
		-ms-transition: all 150ms ease-in;
		-o-transition: all 150ms ease-in;
		transition: all 150ms ease-in;}
ul.top-social li i {display: block; width: 36px; height: 36px; line-height: 34px; text-align: center;}
ul.top-social li i:before {font-size: 20px;}
		ul.top-social li a {display: block; height: 100%; color: #fff; text-decoration: none;
		-webkit-transition: all 150ms ease-in;
		-moz-transition: all 150ms ease-in;
		-ms-transition: all 150ms ease-in;
		-o-transition: all 150ms ease-in;
		transition: all 150ms ease-in;}
		ul.top-social li:hover {background: #fff; height: 40px; margin-top: -4px;}
		ul.top-social li:hover a {color: #b00061;}

		a.top-link {display: block; float: right; height: 36px; line-height: 36px; background: #b00061; color:#fff; position: relative; padding:0 25px; text-decoration: none;
		-webkit-transition: all 250ms ease-in;
		-moz-transition: all 250ms ease-in;
		-ms-transition: all 250ms ease-in;
		-o-transition: all 250ms ease-in;
		transition: all 250ms ease-in; }
		a.top-link:before {content: ''; position: absolute; left: -12px; top: 0;
		border-style: solid; border-width: 0 12px 18px 0; border-color: transparent #b00061 transparent transparent;
		-webkit-transition: all 250ms ease-in;
		-moz-transition: all 250ms ease-in;
		-ms-transition: all 250ms ease-in;
		-o-transition: all 250ms ease-in;
		transition: all 250ms ease-in;}
		a.top-link:after {content: ''; position: absolute; left: -12px; bottom: 0;
		border-style: solid; border-width: 0 0 18px 12px; border-color: transparent transparent #b00061 transparent;
		-webkit-transition: all 250ms ease-in;
		-moz-transition: all 250ms ease-in;
		-ms-transition: all 250ms ease-in;
		-o-transition: all 250ms ease-in;
		transition: all 250ms ease-in;}
		
		a.top-link:hover {background: #fff; color: #b00061; padding-left: 35px;}
		a.top-link:hover:before {border-color: transparent #fff transparent transparent;}
		a.top-link:hover:after {border-color: transparent transparent #fff transparent;}
	
	/* Topmenu */
	.topmenu {float: right; width: 100%; margin-top: 25px; position: relative; }
	.topmenu:before {content: ''; position: absolute; right: 0; bottom: 0; width: 70%; height: 3px; background: #004a98;}
	.topmenu ul {float: right; position: relative;}
	.topmenu ul:before {content: ''; position: absolute; left: -18px; bottom: 0;
	border-style: solid; border-width: 0 0 36px 18px; border-color: transparent transparent #004a98 transparent;}
	.topmenu ul li {float: left; height: 36px; line-height: 36px; background: #004a98; }
	.topmenu ul li + li {border-left: 1px solid #023767;}
	.topmenu ul li a {display: block; height: 100%; color: #fff; padding: 0 15px;}
	
	/* Header */
	.header {height: 95px; background: url('../img/bg/trans-70.png'); }
		/* Logo */
		.logo {width: 30%; float: left; text-align: center;  position: relative; height: 95px;}
		.logo img {z-index: 1; position: absolute; top: -93px; left: 13%;}
		/*.logo:before {content:''; position: absolute; width: 37%; top: -3px; left: 32%; height: 3px; background: #fff; z-index: 0;}*/

		.m-logo {display: none;}
		
		/* Headermenu */
		nav.headermenu {width: 70%; float: left; height: 95px; padding-top: 35px;}
			ul.mainmenu {float: right;}
			ul.mainmenu > li i:before {font-size: 15px; color: #b3165d;}
			ul.mainmenu > li {float: left; height: 25px; line-height: 25px; padding: 0 9px; position: relative; }
			ul.mainmenu > li + li {border-left: 1px solid #a4a4a4;}
			ul.mainmenu > li > a {color: #252525; text-decoration: none;}
			ul.mainmenu > li a:hover {color: #b3165d;}
			
			.dropdown {position: absolute; width: 400px; min-height: 200px; background: #fff; left: -70px; top: 40px; z-index:999; opacity: 0; visibility: hidden;
			-webkit-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
			-moz-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
			box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15); 
			-webkit-transition: all 100ms ease-in;
			-moz-transition: all 100ms ease-in;
			-ms-transition: all 100ms ease-in;
			-o-transition: all 100ms ease-in;
			transition: all 100ms ease-in;}
			.dropdown:before {content:''; position: absolute; left: 80px; top: -20px; 
			border-style: solid; border-width: 0 30px 20px 30px; border-color: transparent transparent #fff transparent;}
			.dropdown ul {width: 60%; float: left; padding: 20px 15px; }
			.dropdown ul li {height: 25px; line-height: 25px; border-bottom: 1px solid #e5e5e5; margin-top: 10px;}
			.dropdown ul li a {color: #a1a1a1;}
			.dropdown span {width: 40%; float: left; display: block; height: 175px; line-height: 175px; padding: 0 20px;}
			.dropdown span img {width: 100%; }
			ul.mainmenu > li.d-right .dropdown {left: auto; right: -10px;}
			ul.mainmenu > li.d-right .dropdown:before {left: auto; right: 15px;}
			
			ul.mainmenu > li:hover .dropdown {opacity: 1; visibility: visible; top: 50px;}
		
	/* Mobile Menu */
	.menu-button {width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; top: 50%; margin-top: -20px; background: #b00061; right: 20px; 
	display: none;}
	.menu-button.active {background: #004a98;}
		
		.mobile-menu {position: absolute; width: 0; top: 65px; z-index: 9999; background: #004a98;  right: 0;  height: auto; overflow: hidden; padding:0; z-index: 99998;		
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms  ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;}
		.mobile-menu > ul { padding: 20px; }
		.mobile-menu > ul > li {width: 100%; height: 41px; line-height: 41px; background: #0069d7; border-radius: 0; font-size: 18px; padding: 0 5px 0 5px; overflow: hidden;
		opacity: 0 ;
		-webkit-transition: all 100ms ease-in;
		-moz-transition: all 100ms ease-in;
		-ms-transition: all 100ms ease-in;
		-o-transition: all 100ms ease-in;
		transition: all 100ms ease-in;}
		.mobile-menu > ul > li + li {margin-top: 20px;}
		.mobile-menu > ul > li a {display: block; height: 100%; padding: 0 10px 0 35px; color: #bfe8ff; text-decoration: none;  }
		.mobile-menu > ul > li a:hover {color: #fff;}
		.mobile-menu > ul > li span {display: block; height: 41px; padding: 0 10px; color: #bfe8ff; }
		.mobile-menu > ul > li i {display: block; float: left; width: 14px; height: 14px; position: relative; margin:13px 10px 0 0;}
		.mobile-menu > ul > li li i {display: none;}
		.mobile-menu > ul > li i:before {content: ''; position: absolute; width: 14px; height: 2px; background: #fff; left: 0; top: 6px;}
		.mobile-menu > ul > li i:after {content: ''; position: absolute; width: 2px; height: 14px; background: #fff; left: 6px; top: 0px;}
		.mobile-menu > ul > li li {height: 40px; overflow: hidden; border-top:  line-height: 40px; background: #0069d7; font-size: 16px;  }
		
		.mobile-menu.active { width: 100%;}
		.mobile-menu.active > ul > li {opacity: 1;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms  ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;}
		.mobile-menu > ul > li.has-dropdown:hover {cursor: pointer;}
		.mobile-menu > ul > li.has-dropdown.active {height: auto; overflow: inherit;}
		.mobile-menu > ul > li.has-dropdown.active > a {color: #fff;}
		.mobile-menu > ul > li.has-dropdown.active > span {color: #fff;}
		.mobile-menu > ul > li.has-dropdown.active > span > i {/*transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);*/}
		.mobile-menu > ul > li.has-dropdown.active > span > i:after {display: none;}
			
	
/* -------------------------------------------------------------------------------------*/
/* 		SECTION																			*/
/* -------------------------------------------------------------------------------------*/
section {margin: 0 0 15px 0;}	
	/* Banners */
	.banners-area {position: relative; margin: 15px 0;}
		/* Mainbanner */
		.mainbanner {height: 365px; background: #fff; overflow: hidden; position: relative; }
		.mainbanner .bx-wrapper .bx-controls-direction a { top: auto; bottom: 10px;}
		.mainbanner .bx-wrapper .bx-next {right: auto; left: 65px;}
		.mainbanner .bx-wrapper .bx-prev {left: 17px; }
	
		/* Main Minibanner */
		.minibanner {height: 280px; background: #fff; overflow: hidden; position: relative; }
		.minibanner .bx-wrapper .bx-controls-direction a { top: auto; bottom: 10px; width: 40px; height: 30px; display: none;}
		.minibanner .bx-wrapper .bx-next {right: auto; left: 55px;}
		.minibanner .bx-wrapper .bx-prev {left: 10px; }
		.minibanner:hover .bx-wrapper .bx-controls-direction a  {display: block; }
		
		.minibanner .bx-wrapper .bx-pager {left: 0; bottom: 5px;}
		.minibanner .bx-wrapper .bx-pager.bx-default-pager a:hover, .minibanner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #013567;}
		.minibanner .bx-wrapper .bx-pager.bx-default-pager a {background: #035baf; width: 11px; height: 11px; border-radius: 50%; margin-left: 7px;}
		
		.minibanner .bx-has-pager {width: 100%; height: 30px; text-align: center;}
		
		/* Main Announce */
		.announce-area {height: 70px; padding: 7px; background: #b00061; margin-top: 15px;}
			.announce-icon {width: 56px; height: 56px; text-align: center; line-height: 56px; background: #7f0147; float: left; margin-right: 20px; position: relative;}
			.announce-icon a {display: block; height: 100%; text-decoration: none;}
			.announce-icon:before {content:''; position: absolute; right: -10px; top: 18px;
			border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #7f0147;}
			.announce-icon i:before {color: #b00061; font-size: 28px;}
			
			.announce-slide {float: left; width: 240px;}
			.announce-slide a {color: #fff;}
			.announce-slide li {padding-top: 10px; line-height: 18px; height: 46px; overflow: hidden;}
		.bx-clone {display: none;}
		.links-area {}
			/* Main Fast Links */
			ul.main-fastlinks {} 	
			ul.main-fastlinks li {height: 45px; line-height: 45px; margin-bottom: 7px;
			-webkit-transition: all 150ms ease-in;
			-moz-transition: all 150ms ease-in;
			-ms-transition: all 150ms ease-in;
			-o-transition: all 150ms ease-in;
			transition: all 150ms ease-in;} 	
			ul.main-fastlinks li a {display: block; height: 100%; color: #fff; text-decoration: none;} 	
			ul.main-fastlinks li i {width: 45px; float: left; margin-right: 15px; text-align: center; line-height: 45px; height: 45px; overflow: hidden;
			-webkit-transition: all 150ms ease-in;
			-moz-transition: all 150ms ease-in;
			-ms-transition: all 150ms ease-in;
			-o-transition: all 150ms ease-in;
			transition: all 150ms ease-in;}  	
			ul.main-fastlinks li i:before {font-size: 28px; display: block;
			-webkit-transition: all 250ms ease-in;
			-moz-transition: all 250ms ease-in;
			-ms-transition: all 250ms ease-in;
			-o-transition: all 250ms ease-in;
			transition: all 250ms ease-in;} 	
		
			ul.main-fastlinks li.mf1 {background: #b3165d;}
			ul.main-fastlinks li.mf1 i {background: #7e1042;}
			ul.main-fastlinks li.mf1:hover {background: #7e1042;}
			ul.main-fastlinks li.mf1:hover i {background: #b3165d;}
			
			ul.main-fastlinks li.mf2 {background: #3395c9;}
			ul.main-fastlinks li.mf2 i {background: #24698d;}
			ul.main-fastlinks li.mf2:hover {background: #24698d;}
			ul.main-fastlinks li.mf2:hover i {background: #3395c9;}
			
			ul.main-fastlinks li.mf3 {background: #074883;}
			ul.main-fastlinks li.mf3 i {background: #05335c;}
			ul.main-fastlinks li.mf3:hover {background: #05335c;}
			ul.main-fastlinks li.mf3:hover i {background: #074883;}
			
			ul.main-fastlinks li:hover i:before {font-size: 35px; transform: rotate(-30deg);  -ms-transform: rotate(-30deg);  -webkit-transform: rotate(-30deg); }
		
			/* Main Comments Link */
			.comments-link {height: 95px; background: #fff url('../img/bg/veli.png') no-repeat left bottom; border-left: 2px solid #b3165d; position: relative;}
			.comments-link a {text-decoration: none; display: block; height: 100%; padding: 25px 0 0 100px;}
			.comments-link h5 {font-weight: 400; font-size: 15px; color: #525252;
			-webkit-transition: all 250ms ease-in;
			-moz-transition: all 250ms ease-in;
			-ms-transition: all 250ms ease-in;
			-o-transition: all 250ms ease-in;
			transition: all 250ms ease-in;}
			.comments-link h5 span {display: block; color: #b3165d;}
			/*.comments-link a > span {width: 25px; height: 15px; display: block; position: absolute; right: 20px; bottom: 20px; padding-left: 5px; border-left: 1px solid #a1a1a1;
			-webkit-transition: all 250ms ease-in;
			-moz-transition: all 250ms ease-in;
			-ms-transition: all 250ms ease-in;
			-o-transition: all 250ms ease-in;
			transition: all 250ms ease-in;}
			.comments-link a > span i {color: #b3165d; }
			.comments-link:hover a > span {transform: rotate(-90deg);  -ms-transform: rotate(-90deg);  -webkit-transform: rotate(-90deg);}*/
			
			.comments-link span.icons-area {display: block; float: right; width: 25px; height: 20px; position: relative; overflow: hidden; margin-right: 25px; 
			padding-left: 10px; }
			.comments-link span.icons-area:before {content:''; position: absolute; height: 20px; width: 1px; left: 0; top: 0; background: #a1a1a1;}
			.comments-link span.icons-area i:before {display: block; float:left; font-size: 16px; line-height: 20px; position: absolute; top: 0;
			-webkit-transition: all 200ms ease-in; color:#b3165d;
			-moz-transition: all 200ms ease-in;
			-ms-transition: all 200ms ease-in;
			-o-transition: all 200ms ease-in;
			transition: all 200ms ease-in;}
			.comments-link span.icons-area i.first:before {left: -15px;}
			.comments-link:hover span.icons-area i.first:before {left: 7px;}
			.comments-link span.icons-area i.last:before {left: 7px;}
			.comments-link:hover span.icons-area i.last:before {left: 35px;}
			
		
		/* Main News */	
		.main-news-area {height: 251px; background: #fff; position: relative; }	
			.main-newslist {height: 215px; padding: 15px 25px; border-bottom: 1px solid #d4d7dc; }
			.main-newslist > h5 {font-weight: 400; font-size: 16px; color: #318fbd; margin: 0 0 15px 0;}	
			a.main-all {float: right; font-size: 13px; color: #53b8ea;}
				.main-news {}
				.main-news a {display: block; height: 100%; overflow: hidden; }
				.main-news:hover h5 {text-decoration: underline;}
				.main-news:hover p {text-decoration: underline;}
					.main-news-photo {width: 34%; float: left; height: 155px; overflow: hidden;}
					.main-news-photo img {width: 90%; }
					.main-news-intro {width: 66%; float: left;}
					.main-news-intro h5 {color: #111; margin-bottom: 15px; font-weight: normal;}
					.main-news-intro p {color: #6f6f6f; height: 100px; overflow: hidden;}
		
			.main-news-area .bx-wrapper .bx-controls-direction a {width: 25px; height: 35px; top: auto; bottom: 0; }
			.main-news-area .bx-wrapper .bx-next {background: url(../img/icons/arrow-next.png) no-repeat center center; right: 20px;}
			.main-news-area .bx-wrapper .bx-prev {background: url(../img/icons/arrow-prev.png) no-repeat center center; left: auto; right: 45px;}
			.main-news-area .bx-wrapper {position: inherit; }
			
			.main-news-area .bx-wrapper .bx-pager {left: 15px; bottom: 5px;}
			.main-news-area .bx-wrapper .bx-pager.bx-default-pager a:hover, .main-news-area .bx-wrapper .bx-pager.bx-default-pager a.active {background: #3395c9;}
			.main-news-area .bx-wrapper .bx-pager.bx-default-pager a {background: #d4d7dc; width: 9px; height: 9px; border-radius: none; margin-left: 10px;}	
	
	/* Main Multimedia */	
	.main-multimedia {margin-top: 15px;}
		/* Main Album */	
		.main-albums-area {height: 251px; background: #fff url('../img/bg/camera.png') no-repeat bottom right; position: relative;}	
		.main-albums-area.main-videos {background: #fff url('../img/bg/video-icon.png') no-repeat bottom right;}	
			.main-albums {height: 215px; padding: 15px 25px; border-bottom: 1px solid #d4d7dc; }
			.main-albums > h5 {font-weight: 400; font-size: 16px; color: #318fbd; margin: 0 0 15px 0;}	
				.main-album {}
				.main-album a {display: block; height: 100%; overflow: hidden; }
				.main-album:hover h5 {text-decoration: underline;}
				.main-album:hover p {text-decoration: underline;}
					.main-album-photo {width: 62%; float: left; height: 150px; overflow: hidden;}
					.main-album-photo img {width: 95%; }
					.main-album-intro {width: 38%; float: left;}
					.main-album-intro h5 {color: #111; margin-bottom: 15px; font-weight: normal; max-height: 97px; overflow: hidden;}
					.main-album-intro p {color: #6f6f6f;}
					.main-album-intro span {display: block; height: 30px; line-height: 30px; text-align: center; background: #ededed; color: #525252; font-size: 12px;}
				.main-album:hover .main-album-intro span { background: #e2e2e2; }
					
			.main-albums-area .bx-wrapper .bx-controls-direction a {width: 25px; height: 35px; top: auto; bottom: 0; }
			.main-albums-area .bx-wrapper .bx-next {background: url(../img/icons/arrow-next.png) no-repeat center center; right: 20px;}
			.main-albums-area .bx-wrapper .bx-prev {background: url(../img/icons/arrow-prev.png) no-repeat center center; left: auto; right: 45px;}
			.main-albums-area .bx-wrapper {position: inherit; }
			
			.main-albums-area .bx-wrapper .bx-pager {left: 15px; bottom: 5px;}
			.main-albums-area .bx-wrapper .bx-pager.bx-default-pager a:hover, .main-albums-area .bx-wrapper .bx-pager.bx-default-pager a.active {background: #3395c9;}
			.main-albums-area .bx-wrapper .bx-pager.bx-default-pager a {background: #d4d7dc; width: 9px; height: 9px; border-radius: none; margin-left: 10px;}	
			
			/* Main Video */
			.main-video {}
				.main-video a {display: block; height: 100%; overflow: hidden; }
				.main-video:hover h5 {text-decoration: underline;}
				.main-video:hover p {text-decoration: underline;}
					.main-video-photo {width: 62%; float: left; height: 139px; overflow: hidden; padding-right: 10px; position: relative;}
					.main-video-photo img {height: 100%;  }
					.main-video-photo i {position: absolute; z-index: 999; top: 50%; margin-top: -22px; left: 50%; margin-left: -22px; color: #fff; opacity: 0.7; }
					.main-video-photo i:before {font-size: 44px; }
					.main-video-intro {width: 38%; float: left;}
					.main-video-intro h5 {color: #111; margin-bottom: 15px; font-weight: normal; max-height: 95px; oveflow: hidden;}
					.main-video-intro p {color: #6f6f6f;}
					.main-video-intro span {display: block; height: 30px; line-height: 30px; text-align: center; background: #ededed; color: #525252; font-size: 12px;}
					
				.main-video:hover .main-video-photo i {opacity: 1;}	
				.main-video:hover .main-video-photo img {opacity: 0.6;}	
	
	/* Page Img */
	.page-img {border-top: 3px solid #b3165d;}	
	.page-img img {width: 100%;}	
.page-body p {margin-bottom: 10px; }
.page-body ul {list-style: inherit; margin-left: 20px;}
	
	/* Content */		
	.content {padding: 25px; background: #fff; min-height: 300px;}			
	
		/* Leftside */
		.leftside {}
			h4.leftside-title {height: 50px; line-height: 50px; padding: 0 10px 0 20px; background: #0082cb; color: #fff; font-weight: normal; font-size: 16px;}
			ul.leftmenu {}
			ul.leftmenu li {height: 50px; line-height: 50px; margin-top: 1px; background: #f2f2f2; position: relative;}
			ul.leftmenu li a {display: block; height: 100%; padding: 0 10px 0 20px; color: #444; text-decoration: none; }
			ul.leftmenu li i {display: block; position: absolute;  top: 13px; right: 22px; color: #f2f2f2; font-weight: 300;
			-webkit-transition: all 150ms ease-in;
			-moz-transition: all 150ms ease-in;
			-ms-transition: all 150ms ease-in;
			-o-transition: all 150ms ease-in;
			transition: all 150ms ease-in;}
			ul.leftmenu li i:before {font-size: 20px; }
			ul.leftmenu li.active {background: #fff;}
			ul.leftmenu li.active i {color: #b5b5b5; right: 15px; }
			ul.leftmenu li:hover i {color: #444; right: 15px;  }
		
		/* Rightside */
		.rightside {}
			h1.page-title {height: 30px; display: inline-block; padding-right: 25px; border-bottom: 1px solid #bababa; color: #318fbd; margin-bottom: 15px; 
			font-size: 18px; font-weight: normal;}
		
	/* Share */
	.share {height:40px; padding:0 ; margin-top:20px; border-top: 1px solid #bababa; width: 100%;}
	.share > span {display: block; float: left; font-size:14px; margin-right:2px; line-height:40px;}
	.share ul {display: inline-block; float: right; }
	.share ul li {float: left;font-size:20px; line-height:40px; position: relative; 
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.share ul li a {color:#9f9f9f; text-decoration:none;   padding:0 10px; display: block;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.share ul li span[class*="icon-"] {display: block; float: left; font-size:20px; margin-right:2px; line-height:40px;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.share ul li span.arrow {display:block; position:absolute; top:30%; right:-9px;
		border-bottom: 8px solid transparent; 
		border-top: 8px solid transparent; 
		border-left: 9px solid transparent; 
		height: 0px;
		width: 0px;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;	
		border-left-color:#fff;
		opacity:0;}
	.share ul li:hover a  {color:#fff;}
	.share ul li:hover span.arrow {opacity:1;	}
	
.share ul li.whatsapp {display: none;}
	.share ul li.whatsapp span[class*="icon-"] {color:#0ec144;}
	.share ul li.whatsapp span.arrow {border-left-color:#0ec144;}
	.share ul li.whatsapp:hover span[class*="icon-"] {color:#fff;}
	.share ul li.facebook span[class*="icon-"] {color:#3c5d96;}
	.share ul li.facebook span.arrow {border-left-color:#3c5d96;}
	.share ul li.facebook:hover span[class*="icon-"] {color:#fff;}
	.share ul li.like span[class*="icon-"] {color:#3c5d96;}
	.share ul li.like span.arrow {border-left-color:#3c5d96;}
	.share ul li.like:hover span[class*="icon-"] {color:#fff;}
	.share ul li.twitter span[class*="icon-"] {color:#63adeb;}
	.share ul li.twitter span.arrow {border-left-color:#63adeb;}
	.share ul li.twitter:hover span[class*="icon-"] {color:#fff;}
	.share ul li.gplus span[class*="icon-"] {color:#c65942;}
	.share ul li.gplus span.arrow {border-left-color:#c65942;}
	.share ul li.gplus:hover span[class*="icon-"] {color:#fff;}
	.share ul li.linkedin span[class*="icon-"] {color:#287cb3;}
	.share ul li.linkedin span.arrow {border-left-color:#287cb3;}
	.share ul li.linkedin:hover span[class*="icon-"] {color:#fff;}
	
	.share ul li.whatsapp:hover {background:#0ec144;}
	.share ul li.facebook:hover {background:#3c5d96;}
	.share ul li.like:hover {background:#3c5d96;}
	.share ul li.twitter:hover {background:#63adeb;}
	.share ul li.gplus:hover {background:#c65942;}
	.share ul li.linkedin:hover {background:#287cb3;}
	
	
	
	/* Pagination */	
	.pagination {overflow: hidden; margin-top: 15px;}
	.pagination ul {}
	.pagination ul li {float: left; width: 36px; height: 36px; text-align: center; line-height: 34px; border: 1px solid #dbdbdb; margin-right: 3px;}
	.pagination ul li.active {background: #f8f8f8; font-weight: bold; border-bottom: 1px solid #dbdbdb; }
	.pagination ul li a {color:#000; display: block; }
	
	/* List Page */
	.list-page
		.list-object {background: #fbfbfb; height: 180px; overflow: hidden; }
		.list-object + .list-object {margin-top: 30px;}
		.list-object a {display: block; text-decoration: none; height: 100%; color: #000;}
			.list-object-photo {width: 35%; float: left; height: 180px; overflow: hidden; position: relative;}
			.list-object-photo img {width: 100%;}
			.list-object-photo i {display: block; position: absolute; width: 100%; height: 100%; line-height: 180px; text-align: center; left: 0; top: 0;
			background: url('../img/bg/trans-black-70.png'); opacity: 0;
			-webkit-transition: all 150ms ease-in; 
			-moz-transition: all 150ms ease-in;
			-ms-transition: all 150ms ease-in;
			-o-transition: all 150ms ease-in;
			transition: all 150ms ease-in;}
			.list-object-photo i img {width: 0; 
			-webkit-transition: all 200ms ease-in;
			-moz-transition: all 200ms ease-in;
			-ms-transition: all 200ms ease-in;
			-o-transition: all 200ms ease-in;
			transition: all 200ms ease-in;}
			.list-object-photo i:before {color: #fff; font-size: 0; 
			-webkit-transition: all 200ms ease-in;
			-moz-transition: all 200ms ease-in;
			-ms-transition: all 200ms ease-in;
			-o-transition: all 200ms ease-in;
			transition: all 200ms ease-in;}
			
			.list-object:hover .list-object-photo i {opacity: 1;}
			.list-object:hover .list-object-photo i:before  {font-size: 45px; }
			.list-object:hover .list-object-photo i img  {width: 25%; }
		
			.list-object-info {width: 65%; float: left; padding: 15px;}
			.list-object-info > ul { overflow: hidden; font-family: Open Sans; margin: 0 0 15px 0; }
			.list-object-info > ul > li {color: #afafaf; float: left; height: 30px; line-height: 30px; font-size: 12px;}
			.list-object-info > ul > li i {display: block; float: left; margin-right: 5px; height: 30px; line-height: 30px; }
			.list-object-info > ul > li i:before {font-size: 21px;}
			.list-object-info > ul > li:last-child {float: right;}
			.list-object-info h5 {font-family: Roboto Slab; font-weight: 300; margin: 0 0 15px 0; font-size: 18px; }
			.list-object-info p {font-family: Open Sans;}
	
	/* Object Details */
	.object-details {overflow: hidden;}
.object-details ul {list-style: inherit; padding-left: 20px;}
.object-details p {margin-bottom: 10px;}
		.object-photos {width: 55%; float: left; margin: 0 15px 15px 0;}
.branch-details .object-photos { margin: 0 30px 15px 0;}
			/* Album Details */
			.pager-photos {margin-top: 10px;}
			.pager-photos a {display: block; float: left; width: 25%; padding: 0 3px 5px 3px; height: 70px; overflow: hidden; line-height: 70px;}
			.pager-photos a img {max-width: 100%; max-width: 100%;}
			.pager-photos a.active img {border: 1px solid #006eb7; opacity: 0.8;}
			
			.album-photos {position: relative; }
			.album-photos .bx-wrapper .bx-prev {	left: -15px; 	opacity: 0;}
			.album-photos .bx-wrapper .bx-next {	right: -15px; opacity: 0;}
			.album-photos .bx-wrapper .bx-controls-direction a { text-indent: -9999px; z-index: 9999;}
			.album-photos .bx-wrapper .bx-controls-direction a.disabled {	display: none;}
			.album-photos:hover .bx-prev {opacity: 1; left: 0;}
			.album-photos:hover .bx-next {opacity: 1; right: 0;}
		
		.news-intro {font-size: 15px; font-style: italic;  margin-bottom: 15px;}
		span.details-date {display: block; font-style: italic; text-align: right;}
		ul.object-date { overflow: hidden; font-family: Open Sans; margin: 0 0 15px 0; }
		ul.object-date > li {color: #afafaf; height: 30px; line-height: 30px; font-size: 13px;}
		ul.object-date > li i {display: block; float: left; margin-right: 5px; height: 30px; line-height: 30px; }
		ul.object-date > li i:before {font-size: 21px;}
		
	/*Video List */
	h1.multimedia-title {height: 50px; line-height: 50px; padding: 0 ; color: #fff; font-size: 18px; font-weight: 400; background: #0082cb;}
	h1.multimedia-title span.cat-icon {display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; float: left;  
	color:#fff; margin:0 10px;}
	h1.multimedia-title span.cat-icon i:before {font-size: 28px; line-height: 50px;}	
	
	.video {height: 345px; background: #fbfbfb; position: relative; margin-top: 15px; padding: 10px;}	
	.video-cover-photo {height: 220px; overflow: hidden; position: relative; }
	.video-cover-photo img {width: 350px; }
	.video-cover-photo span {display: block; font-size: 70px; color:#fff; position: absolute; top: 75px; left: 130px; z-index: 999;
	color:#de4a2a; opacity: 0.6;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.video-cover-photo:hover span {opacity: 1;}
	.video h5 {font-size: 14px; font-weight:400; height: 60px; line-height: 15px; padding:15px 0 0 0; margin: 0 0; border-bottom:1px solid #d7d7d7; }
	.video ul {display: block; overflow: hidden; padding:0 0;}
	.video ul li {float: left; height: 40px; line-height: 40px; width: 33%;}
	.video ul li a {display: block; text-decoration: none; color:#b1b1b1;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
	.video ul li i:before {display: block; float: left; margin-right: 3px; line-height: 40px;}
	
	/* Video Details */
	.video-details {min-height: 575px; background: #fbfbfb; position: relative; margin-top: 15px; }	
	.video-details-cover-photo {height: 400px; overflow: hidden; position: relative; }
	.video-details-cover-photo img {width: 100%; }
	.video-details-cover-photo span {display: block; font-size: 70px; color:#fbfbfb; position: absolute; left: 130px; z-index: 999;  color:#de4a2a; opacity: 0.6;
	top: 40%; 	left: 50%; transform: translateX(-50%);	
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.video-details-cover-photo:hover span {opacity: 1;}
	.video-details h5 {font-size: 14px; font-weight:400; height: 60px; line-height: 15px; padding:15px 0 0 0; margin: 0 0; position: relative; }
	.video-details h5:after {content:''; position: absolute; left: 0; bottom: -1px; width: 45%; height: 1px ; background: #dbdbdb;}
	.video-details > ul {display: block; overflow: hidden; padding:0 0;}
	.video-details > ul li {float: left; height: 40px; line-height: 40px; margin-right: 15px;}
	.video-details > ul li a {display: block; text-decoration: none; color:#b1b1b1;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
	.video-details > ul li i:before {display: block; float: left; margin-right: 3px; line-height: 40px;}
	.video-tags ul {overflow: hidden;}
	.video-tags ul li {height: 30px; line-height: 30px; color: #fff; padding: 0 10px; float: left; margin: 5px; background:#b1b1b1; 
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.video-tags ul li:hover {cursor: pointer; background: #929292;} 
	
	/* Album List */
	.album-list {}
		.album { margin-top: 15px; height: 275px;
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);}
  		.album a {display: block; height: 100%; padding: 10px;  text-decoration: none; color: #4f4f4f;}
			.album-cover-photo {height: 200px; overflow: hidden; position: relative;}
			.album-cover-photo img {height: 200px; width: auto;
			-webkit-transition: all 1.5s ease;
			  -moz-transition: all 1.5s ease;
			  -ms-transition: all 1.5s ease;
			  -o-transition: all 1.5s ease;
			  transition: all 1.5s ease;}			  
			  .album:hover .album-cover-photo img {  -webkit-filter: blur(2px);  filter: blur(2px);  -moz-filter: blur(2px);}
			  .album-cover-photo span {	display: block; position: absolute;	overflow: hidden;top: 0;left: 0; background: #000; width: 100%; height: 100%; text-align: center;
			  background-color: rgba(0,0,0,0.5); opacity: 0;
			  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			  filter: alpha(opacity=0);				  
			  -webkit-transition: all 0.4s ease-in-out;
			  -moz-transition: all 0.4s ease-in-out;
			  -o-transition: all 0.4s ease-in-out;
			  -ms-transition: all 0.4s ease-in-out;
			  transition: all 0.4s ease-in-out;	}
			.album:hover .album-cover-photo span {  opacity: 1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 			 filter: alpha(opacity=100);  } 
 			.album-cover-photo span i {position: absolute; width: 100%; height: 100%; text-align: center; top: 0; left: 0; line-height: 200px; color: #fff; z-index: 999;}
 			.album-cover-photo span i:before { font-size: 0;
 			-webkit-transition: all 0.2s ease-in-out;
			  -moz-transition: all 0.2s ease-in-out;
			  -o-transition: all 0.2s ease-in-out;
			  -ms-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;}
		 	.album:hover .album-cover-photo span i:before {font-size: 50px;}
		 	.album-cover-photo span p {position: absolute; font-style: italic; font-family: Open Sans; color: #fff; z-index: 100; width: 100%; text-align: center; bottom: 20px;
		 	opacity: 0; 
		 	-webkit-transition: all 0.2s ease-in-out;
			  -moz-transition: all 0.2s ease-in-out;
			  -o-transition: all 0.2s ease-in-out;
			  -ms-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;}
			.album:hover .album-cover-photo span p {opacity: 1; bottom: 30px;}  
			.album h5 {font-weight: 400; font-family: Open Sans; margin-top: 10px; height: 47px; overflow: hidden;}
	
		
		.photo { margin-top: 15px; height: 210px;
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);}
		.photo a {display: block; height: 100%; padding: 5px;  text-decoration: none; color: #4f4f4f;}
			.photo-cover-photo {height: 200px; overflow: hidden; position: relative;}
			.photo-cover-photo img {height: 200px; width: auto;
			-webkit-transition: all 1.5s ease;
			  -moz-transition: all 1.5s ease;
			  -ms-transition: all 1.5s ease;
			  -o-transition: all 1.5s ease;
			  transition: all 1.5s ease;}			  
			  .photo:hover .photo-cover-photo img {  -webkit-filter: blur(2px);  filter: blur(2px);  -moz-filter: blur(2px);}
			  .photo-cover-photo span {	display: block; position: absolute;	overflow: hidden;top: 0;left: 0; background: #000; width: 100%; height: 100%; text-align: center;
			  background-color: rgba(0,0,0,0.5); opacity: 0;
			  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			  filter: alpha(opacity=0);				  
			  -webkit-transition: all 0.4s ease-in-out;
			  -moz-transition: all 0.4s ease-in-out;
			  -o-transition: all 0.4s ease-in-out;
			  -ms-transition: all 0.4s ease-in-out;
			  transition: all 0.4s ease-in-out;	}
			.photo:hover .photo-cover-photo span {  opacity: 1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		 filter: alpha(opacity=100);  } 
		.photo-cover-photo span i {position: absolute; width: 100%; height: 100%; text-align: center; top: 0; left: 0; line-height: 200px; color: #fff; z-index: 999;}
		.photo-cover-photo span i:before { font-size: 0;
		-webkit-transition: all 0.2s ease-in-out;
			  -moz-transition: all 0.2s ease-in-out;
			  -o-transition: all 0.2s ease-in-out;
			  -ms-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;}
		 	.photo:hover .photo-cover-photo span i:before {font-size: 50px;}
		 	.photo-cover-photo span p {position: absolute; font-style: italic; font-family: Open Sans; color: #fff; z-index: 100; width: 100%; text-align: center; bottom: 20px;
		 	opacity: 0; 
		 	-webkit-transition: all 0.2s ease-in-out;
			  -moz-transition: all 0.2s ease-in-out;
			  -o-transition: all 0.2s ease-in-out;
			  -ms-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;}
			.photo:hover .photo-cover-photo span p {opacity: 1; bottom: 30px;}  
		
		/* Persons */
		.person-list {}
			.person {position: relative; margin-bottom: 15px;}
			.person a {text-decoration: none;}
			.person-photo {height: 240px; overflow: hidden; position: relative;}
			.person-photo img {width: 100%; 
			box-shadow: #000 0em 0em 0em;
			nowhitespace: afterproperty;
			-webkit-transition: all 0.28s ease;
			-moz-transition: all 0.28s ease;
			-o-transition: all 0.28s ease;
			-ms-transition: all 0.28s ease;
			transition: all 0.28s ease;}
			.person:hover .person-photo img {  
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-ms-transform: scale(1.1);
			-o-transform: scale(1.1);
			transform: scale(1.1);
			-webkit-backface-visibility: hidden;}
			
			.person-overlay {  position: absolute;	top: 0;	right: 0;bottom: 0;	left: 0;padding: 40px 30px;	text-align: center;	background-color: #000000;
			background-color: rgba(0,0,0,0.6);	opacity: 0;
			-webkit-transition: all 0.28s ease;
			-moz-transition: all 0.28s ease;
			-o-transition: all 0.28s ease;
			-ms-transition: all 0.28s ease;
			transition: all 0.28s ease;}
			
			ul.person-social {position: absolute;  width: 100%;  bottom: 40px;  left: 0;  padding: 0;  list-style: none;  margin-bottom: -25px;
			-webkit-transition: all 0.28s ease;
			-moz-transition: all 0.28s ease;
			-o-transition: all 0.28s ease;
			-ms-transition: all 0.28s ease;
			transition: all 0.28s ease;}
			ul.person-social li {display: inline-block; margin: auto 5px;}
			ul.person-social li a {text-decoration: none; }
			ul.person-social li i:before {font-size: 25px; color: #eee;}
			ul.person-social li:hover i:before { color: #d7d7d7;}
			
			.person:hover ul.person-social {margin-bottom: -10px;}
			.person:hover .person-overlay  {opacity: 1;}
			
			.person-info {height: 70px;   background-color: rgb(15,157,177); color: #fff;  font-family: Open Sans; text-align: center; padding: 15px;}
			.person-info h5 {font-size: 18px; font-weight: normal; }
			.person-info p {font-size: 14px; font-style: italic;}
	
	/* SSS Accordion */
	.panel-heading {border-radius:0;}
	.panel-title {font-size:15px; }
	.panel-title > a {display:block; padding: 15px 15px 15px 40px; color: #007ABB; text-decoration:none;}
	.panel-title > a.collapsed {background: url('../img/icons/plus-2.png') no-repeat left 10px center; }
	.panel-title > a {background: url('../img/icons/minus.png') no-repeat left 10px center; }
	.panel-group .panel {}
	.panel-default > .panel-heading {background:none;padding:0;}
	.panel-heading:Hover {background:#f8f8f8;}
	.panel-body {color:#898989;}
	.panel-group .panel {border-radius:0;}
	
	/* SUPPORT MESSAGE */
	.support-page {font-family: 'Open Sans', sans-serif; }
	.support-page > p {overflow: hidden; margin-bottom: 10px; margin-top: -50px;}
	.support-page > p a {display: block;float: right; color:#fff; font-size:14px;  height: 40px; line-height:40px; padding: 0 40px; background: #007abb; text-decoration: none;}
	.support-page > p a:hover {}
		.support-messages > ul > li {border:1px solid #dadada; background:#fff; padding: 20px 15px; margin: 0 0 10px 0;  }
		.support-messages h6 {color:#007abb; margin-bottom:10px; font-size: 14px;}
		.support-messages h6 span{color:#afaeae; float:right; font-weight:400; margin-right:5px; display:block;}
		.support-messages p {font-size:13px; font-style:italic; line-height:16px; color:#6e6e6e; margin:0; font-family: 'Open Sans', sans-serif; }
		.support-messages .share {border-top: none;}
	
	/* Library */
	.library {background:#fff; }
	.library ul li {border-top:1px dotted #d9d9d9; 
	-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;}
	.library ul li:hover {background:#007ABB;}
	.library ul li a {color:#6d6d6d; display:block; padding:15px 10px; text-decoration:none;}
	.library ul li label {cursor:pointer;}
	.library ul li span {float:right; font-size:30px; display:block; margin-top:-5px;}
	.library ul li span.icon-file-word {color:#0032a2;}
	.library ul li span.icon-file-zip {color:#21b3af;}
	.library ul li span.icon-file-pdf {color:#c8101e;}
	.library ul li:hover a , .library ul li:hover a span {color:#fff;}
	
	/* Clubs */
	.clubs {}
		.club {padding:10px; background:#fff; border:1px solid #d9d9d9; margin-bottom:16px;}
		.club h6 {padding:10px 0; color:#294158; height:40px;}

/* branches*/
	.branches{}
		.branch{padding:10px; background:#fff; border:1px solid #d9d9d9; margin-bottom:16px;}
		.branch h6 {padding:10px 0; color:#294158; height:40px;}
	
	/* Contact İnformation */
	.contact-box {padding:10px; border:1px solid #d9d9d9; position:relative;}
	.contact-box + .contact-box  {margin-top:15px;}
	.contact-box h5 {color:#007ABB; margin-bottom:10px;}
	.contact-box ul li {padding:7px;}
	.contact-box ul li span {display:block; float:left; color:#b3165d; font-size:18px; margin-right:10px;}
	.maps-box {height:150px; width:150px; border:1px solid #d9d9d9; position:absolute; right:10px; top:10px;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.maps-box:hover {border-color:#007abb;}
	.maps-box a {display:block; height:100%; text-decoration:none; color:#007abb; text-align:center;}
	.maps-box span {displaY:inline-block;font-size:48px; padding:10px 20px; border-bottom:1px dotted #d9d9d9; margin:20px 0;}
	.maps-box h5 {text-align:center; font-weight:400;}	
	
	.contact-form { padding:0 5px 20px 0; font-family: 'Roboto', sans-serif;  }
	.contact-form h5 {font-weight: 400; font-size: 15px; margin: 15px 0 8px 0; color: #0f59a1;}
	.contact-form ul {overflow: hidden; }
	.contact-form ul li {margin-bottom: 5px; padding-right: 5px; }
	.contact-form ul li.half {width: 50%; float: left; padding-right: 5px;}
	.contact-form ul li input {width: 100%; height: 45px; line-height: 45px; padding: 0 10px; background: #fff; border: 1px solid #dbdbdb; color:#0f59a1;
	font-size: 16px;  border-left: 2px solid #dbdbdb;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
	.contact-form ul li textarea {width: 100%; height: 125px; line-height: 15px; padding: 10px; background: #fff; border: 1px solid #dbdbdb; 
	color:#0f59a1; font-size: 16px; border-left: 2px solid #dbdbdb;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
	.contact-form ul li button {width: 100%; height: 60px; text-align: center; line-height: 60px; font-size: 18px; color: #fff; border: none; 
	border-radius: 0; background: #0f59a1;   border-left: 2px solid #dbdbdb;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;}
	.contact-form ul li select {width: 100%; height: 45px; line-height: 45px; padding: 0 10px; background: #fff; border: 1px solid #dbdbdb; color:#9a9a9a;
	font-size: 16px; border-left: 2px solid #dbdbdb;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
	.contact-form ul li button:hover {background: #03498d;}
	.contact-form ul li input:focus {outline: none; border-left-color: #0f59a1; }
	.contact-form ul li select:focus {outline: none; border-left-color: #0f59a1; }
	.contact-form ul li textarea:focus {outline: none; border-left-color: #0f59a1; }
	.contact-form ul li button:focus {outline: none; background: #03498d;}
				
/* -------------------------------------------------------------------------------------*/
/* 		FOOTER																			*/
/* -------------------------------------------------------------------------------------*/
footer { }
	.bottom-links {height: 110px; background: url('../img/bg/bottom-menu.png');}
		ul.bottom-menu {}
		ul.bottom-menu li {width: 16.66%; height: 110px; float: left; position: relative; text-align: center; line-height: 16px;
		-webkit-transition: all 150ms ease-in;
		-moz-transition: all 150ms ease-in;
		-ms-transition: all 150ms ease-in;
		-o-transition: all 150ms ease-in;
		transition: all 150ms ease-in;}
		ul.bottom-menu li:before {content: ''; width: 100%; height:5px; background: transparent; position: absolute; top: 0; left: 0; }
		ul.bottom-menu li a {display: block; height: 100%; text-decoration: none; color: #074883; padding: 6px 37px 0 37px;
		-webkit-transition: all 150ms ease-in;
		-moz-transition: all 150ms ease-in;
		-ms-transition: all 150ms ease-in;
		-o-transition: all 150ms ease-in;
		transition: all 150ms ease-in;}
		ul.bottom-menu li + li a {border-left: 1px solid #e3e3e3;}
		ul.bottom-menu li a:hover {color: #fff;}
		ul.bottom-menu li i {display: block; width: 100%; height: 55px; line-height: 55px; text-align: center;}
		ul.bottom-menu li i:before {font-size: 30px;}
		
		ul.bottom-menu li.bm1:before {background: #4cb4b8;}
		ul.bottom-menu li.bm1:hover {background: #4cb4b8;}		
		
		ul.bottom-menu li.bm2:before {background: #01caee;}		
		ul.bottom-menu li.bm2:hover {background: #01caee;}		
		
		ul.bottom-menu li.bm3:before {background: #bed404;}		
		ul.bottom-menu li.bm3:hover {background: #bed404;}		
		
		ul.bottom-menu li.bm4:before {background: #a71f99;}		
		ul.bottom-menu li.bm4:hover {background: #a71f99;}		
		
		ul.bottom-menu li.bm5:before {background: #f48b02;}		
		ul.bottom-menu li.bm5:hover {background: #f48b02;}		
		
		ul.bottom-menu li.bm6:before {background: #faca33;}
		ul.bottom-menu li.bm6:hover {background: #faca33;}
		
	.copyright {font-size: 12px; line-height: 15px; color: #585858; margin-top: 15px;}
	.copyright p {float: left; }
	.copyright p a {color: #585858; }
	.copyright > a {color: #585858; float: right; }

/*Popup*/
	.popup {position: absolute; width: 100%; height: 100%; z-index: 999996; position: fixed;} 
		.popup > span {position: absolute; width: 100%; height:100%; background: #000; opacity: 0.6; z-index: 999997;}
		.popup-img {width: 600px; height: 400px; left: 30%; position: absolute; z-index: 999998; padding: 35px 0 0 0; top: 15%; overflow: hidden;  }
		.popup-img > a {display: block;}
		.popup-img img {width: 100%;}
		.popup-img span {cursor:pointer; display: block; position: absolute; width: 20px; height: 20px; top: 0; right: 0; z-index: 999999; background: url('http://digibee.com.tr/img/icons/close.png');}