/* Basic */

body {
		background: #eee;
		color: #898e96;
	}

	input, textarea, select {
		color: #898e96;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #696c71;
	}


	a {
		color: #3A71D8;
	}

	
	hr, .hr {
		border-top: solid 1px #ddd;
	}

	blockquote {
		border-left: solid 0.5em #ddd;
	}

	p, ul, ol, dl, table {
		margin-bottom: 1em;
	}





	.image-border1 .border {
		background: url("images/images_06.png") no-repeat left top;
	}

	

		.image-border2 .border {
			background: url("images/tablet-img.png") no-repeat center top;
		}

	.image-border3 .border {
		background: url("images/images_07.png") no-repeat left top;
	}

	.image-border4 .border {
		background: url("images/images_09.png") no-repeat left top;
	}

/* Lists */


	ul.style1 li {
		border-top: solid 1px rgba(0, 0, 0, 0.1);
	}

	
	ul.style1 a {
		color: #898e96;
	}

		ul.style2 > li:before {
			color: #3a71d8;
		}
		
		ul.style4 > li:before {
			color: #3a71d8;
		}

		ul.style4 > li.current:before {
				color: #b93500;
			}
			
		ul.style4 > li.menuback:before {
				color: #3a71d8;
			}	
		
		ul.style2 {
			/* border-right: solid 1px #3a71d8; */ 
		}
		
		ul.style4 {
			border-right: solid 1px #3a71d8;  
		}
		
		
		ul.style2 > li.current ,
		ul.style4 > li.current {
			border-right: solid 2px #3a71d8;
		}
		
		ul.style4 > li.menuback { 
			border-top: solid 1px #eee;
		}

	ul.style2 a {
		color: #3a71d8;
	}
	
	ul.style4 a {
		color: #3a71d8;
	}

	
	ul.style3 li {
		border-top: solid 1px rgba(0, 0, 0, 0.1);
	}


	ul.style3 .list-icon {

		background: #3a71d8;
		color: #FFF;
		background: #3a71d8;
	}

	ul.icons > li {
		border-top: solid 1px rgba(0, 0, 0, 0.1);
	}

		ul.icons > li:before {
			
			background: #3a71d8;
			color: #FFF;
		}


			ul.social li a {
				color: #FFF;
			}

				ul.social li a:before {
					
					background: #3a71d8;
					color: #FFFFFF;
				}

				ul.social li a:hover:before {
					background: #4a81e8;
				}

				ul.social li a:active:before {
					background: #2a61c8;
				}

	ul.info li {
		border-top: solid 1px rgba(0, 0, 0, 0.1);
	}

	

	ul.info a {
		color: #898e96;
	}

	

		ul.menu li {
			border-left: solid 1px #ddd;
		}

	
/* Meta */

	
		.meta a {
			color: #3a71d8 !important;
		}

	
			.meta .more:before {
				color: #898e96;
			}

/* Forms */

	form input[type=text],  input[type=number], form input[type=email], form input[type=password], form select, form textarea {
		background: #fafafa;
		border: 1px solid #c0c0c0;
	}

		form input[type=text]:focus, form input[type=email]:focus, form input[type=password]:focus, form select:focus, form textarea:focus {
			background: #f0f2f5;
		}


	form .formerize-placeholder, form ::-webkit-input-placeholder, form :-moz-placeholder, form ::-moz-placeholder, form :-ms-input-placeholder {
		color: #93989f !important;
	}


/* Tables */


			table.default tbody tr:nth-child(2n+2) {
				background: #f4f4f4;
			}

			table.default thead {
				background: #444;
				color: #fff;
			}

			table.default tfoot {
				background: #eee;
			}
			
			
			
/* Alerts */ 

	.alert-primary {
	    color: #004085;
	    background-color: #3a71d8;
	    border-color: #3a71d8;
	}
	.alert-warning {
	    color: #856404;
	    background-color: #fff3cd;
	    border-color: #ffeeba;
	}
	
	.alert-success {
	    color: #155724;
	    background-color: #d4edda;
	    border-color: #c3e6cb;
	}
		
		
	.alert-danger {
		color: #721c24;
	    background-color: #f8d7da;
	    border-color: #f5c6cb;
	}	
	
	
	/* Text color */ 

	.text-primary {
	    color: #004085;
	}
	.text-warning {
	    color: #856404;
	}
	
	.text-success {
	    color: #155724;
	}

	.text-danger {
		color: #721c24;
	}		
		

/* Buttons */

	.button {
		
		background: #3a71d8;
		color: #fff !important;
	}

	
		.button:hover {
			background: #4a81e8;
		}

		.button:active {
			background: #2a61c8;
		}

		.button.alt {
			background: #292C31;
		}

			.button.alt:hover {
				background: #393C41;
			}

			.button.alt:active {
				background: #191C21;
			}


/* Bubble Top */

	.bubble-top {
		background: #3a71d8;
		color: #FFF;
	}

		.bubble-top:after {
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-bottom: 15px solid #3a71d8;

		}

		.bubble-top:hover {
			background: #4a81e8;
		}

			.bubble-top:hover:after {
				border-bottom-color: #4a81e8;
			}

		.bubble-top:active {
			background: #2a61c8;
		}

			.bubble-top:active:after {
				border-bottom-color: #2a61c8;
			}


/* Header */

	#header {
		/* background: #3a71d8; */ 
		background: #b1b1b1; 
	}
	
	#logo h1 {
		color: #FFF;
	}
	
		#logo h1 span {
			color: #7285a9;
		}
	
	
	.header {  color: #3A71D8;    }
			
	
/* Backgrounds */ 

.bg-white { background: #fff; }
.bg-grey { background: #aaa; }
.bg-grey \32 5\25 { background: #ccc; }
.bg-grey \32 5\50 { background: #eee; }
	

/* Banner */

	#banner {
		 /* color: #FFF; */ 
		color: #111;
	}
	
			#banner header h1 {
				/* color: #FFF; */ 
				color: #111;
			}

			#banner header span {
				/* color: rgba(255, 255, 255, 0.5); */ 
				color: rgba(1, 1, 1, 0.5);
			}


	#fonts a { color: white; }
	#langs a { color: white; }
	#login a { color: white; }


/* Main */

	#main {
		background: #FFF;
	}
	
	#main a:hover { 
		border-bottom: solid 1px #a3bae4;
	}
	

	.news-border { border-bottom: 1px solid #cacdd2; }


	.mainpage_art { }
/* Footer */

	#footer {
		border-top: 1px solid #e6e7e7;
	}

/* Copyright */

	#copyright {
		color: #575a5e;
	}

		#copyright .container {
			border-top: 1px solid #cacdd2;
			border-bottom: 1px solid #cacdd2;
		}

		#copyright span {
			color: #575a5e;
		}

/* Featured */

	#featured .pennant {
			color: #3a71d8;
		}

/* Device Image */

	#box1 {
		background: url("images/shadow-bg.png") no-repeat center bottom;
	}


/* Slidertron */


/* Desktop */

	@media screen and (min-width: 737px) {

		/* Basic */


		/* Nav */

			

					#nav > ul > li > a, #nav > ul > li > span {
						color: #dadbde;
						color: rgba(255, 255, 255, 0.65);
					}

					#nav > ul > li:hover a, #nav > ul > li:hover span {
						color: #fff;
					}

					#nav > ul > li.active a {
						border-bottom: 2px solid #dadbde;
						border-bottom-color: rgba(255, 255, 255, 0.75);
						color: #FFF;
					}
					
					
					#nav li.current a { border-bottom: solid 2px #c2c5c9; }
					

			.dropotron {
				background: #292C31;
			}

				.dropotron a, .dropotron span {
					color: #DADBDE;
				}

				.dropotron li.active > a, .dropotron li.active > span {
					color: #FFF;
				}

				.dropotron li:hover > a, .dropotron li:hover > span {
					color: #FFF;
				}

				.dropotron.level-0:before {
						border-bottom: solid 0.8em #2c2c2c;
						border-left: solid 0.8em transparent;
						border-right: solid 0.8em transparent;
					}

		/* Banner */

			#banner {
				/* border-top: 1px solid rgba(255, 255, 255, 0.15); */ 
			}

				
		/* Main */

			
		/* Content */

		
		/* Sidebar */

			
		/* Footer */

			

		/* Copyright */

		
		/* Featured */

			

		/* Device Image */

			

			#box2 {
				background: url("images/tablet-img.png") no-repeat center bottom;
			}

				#box2:after {
					background: url("images/tablet-shadow.png") no-repeat center bottom;
				}

			#box3 {
				background: url("images/mobile-img.png") no-repeat center bottom;
			}

				#box3:after {
					background: url("images/mobile-shadow.png") no-repeat center bottom;
				}

				#box3:before {
					background: url("images/shadow-bg02.png") no-repeat;
				}

		/* Slidertron */



				#slider .previous-button, #slider .next-button {
					background: #fff;
					background: rgba(255, 255, 255, 0.3);

				}

					#slider .previous-button:hover, #slider .next-button:hover {
						background: rgba(255, 255, 255, 0.75);
					}

				

				#slider .icon {
					color: #3a71d8;
				}

				
	}

/* Tablet */

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		

	}

/* Mobile */

	
	@media screen and (max-width: 736px) {



					#titleBar .toggle:before {
						background: rgba(0, 0, 0, 0.2);
					}

					#titleBar .toggle:after {
							background: url("images/toggle.svg") 0px 0px no-repeat;
					}

			#navPanel {
				background: #292C31;
				box-shadow: inset -10px 0px 10px 0px rgba(0, 0, 0, 0.1);
			}

				#navPanel .link {
					color: #888;
				}

					#navPanel .link.depth-0 {
						color: #fff;
					}

				#navPanel .depth-0 {
					color: #fff;
				}

		
		/* Logo */

			

				#logo a {
					
					color: #FFF;
				}

			
		/* Nav */

			
		/* Banner */


		/* Main */

			

		/* Content */


			
		/* Sidebar */

			

		/* Footer */


		/* Copyright */

			

		/* Featured */

			

		/* Device Image */

			
			#box2 {
				
				background: url("images/tablet-img.png") no-repeat center top;
			}

				#box2:after {
					background: url("images/tablet-shadow.png");
				}

				
			#box3 {
				background: url("images/mobile-img.png") no-repeat right top;
			}

				#box3:after {
					background-image: url("images/mobile-shadow.png");
				}

				

		/* Slidertron */

			
	}