@charset "utf-8";
/* CSS Document */

/*
BLUE 1a1e4e
RED e11f27
*/

.bg-blue{background:#1a1e4e; color:#fff;}
.bg-red{background:#e11f27; color:#fff;}
.bg-gray{background:#ccc;}
.bg-light{background:#f5f5f5;}
.bg-dark{background:#231e22;color:#ccc;}
.logotype-defence{
	height:40px;
	margin:5px;
}
.logotype-turkey{
	height:20px;
	margin:5px;
}

.playfair{
	font-family: 'Playfair Display', serif;
}

.danger{
	background:#e11f27;
	color:#fff;
}
	.danger a{
		color:#fff;
		font-weight:bold;
	}

.header-logo{
	background:url(../files/ui/logo-bg.jpg) center;
}

.header .user{
	color:#0CF;
	margin-top:12px;
}
	.header .user .title{
		display:inline-block;
	}
	.header .user .left{
		border-left:solid 1px #6166a7;
		padding-left:8px;
		margin-left:5px;
		display:inline-block;
	}
	.header .user a{
		border-left:solid 1px #6166a7;
		padding-left:8px;
		margin-left:5px;
		display:inline-block;
		color:#0CF;
	}
	.header .user a:first-child{
		border:none;
		margin:0;
		padding:0;
	}
	.header .user .title a{
		border:none;
		margin:0;
		padding:0;
	}
	.header a.lang{
		border-left:solid 1px #fb757b;
		padding-left:8px;
		margin-left:5px;
		display:inline-block;
		color:#fff;
		margin-top:8px;
		font-size:90%;
	}
		.header a.lang:first-child{
			border:none;
			margin:0;
			padding:0;
		}

	.header .social{
		margin-top:8px;
	}
		.header .social a{
			display:inline-block;
			color:#ff7076;
			font-size:130%;
			margin-right:5px;
		}
		.header .social a:hover{
			color:#fff;
		}
	.header .search{
		display:inline-block;
		border-radius:20px;
		margin-top:7px;
		padding:5px 15px;
		box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.5) inset;
		vertical-align:middle;
		width:50%;
		text-align:left;
		background:#272c60;
	}
		.header .search input[type=search]{
			border:none;
			margin-left:5px;
			width:calc(100% - 30px);
			display:inline-block;
			color:#0CF;
			background:none;
		}
		.header .search i{
			color:#0CF;
			display:inline-block;
		}				

.contentbox{
	color:#666;
	text-decoration:none;
}
	.contentbox:hover{
		text-decoration:none;
	}
	.contentbox:hover .img img{
		height:110%;
	}
	.contentbox:hover .title{
		color:#1a1e4e;
		text-shadow:1px 1px 3px #999;
	}
	.contentbox .img{
		height:300px;
		overflow:hidden;
		text-align:center;
		background:#eee;
		width:100%;
	}		
		.contentbox .img img{			
			height:100%;
			margin:0 -100%;
			transition:height .5s;
			-webkit-transition:height .5s;
		}
	.contentbox .title{
		padding:5px 0;
		font-size:120%;		
		font-weight:700;
		line-height:130%;
		font-family: 'Raleway', sans-serif;	
		height:50px;
		overflow:hidden;
	}
	.contentbox .text{
		font-family: 'Raleway', sans-serif;		
		font-weight:400;
		font-size:90%;
		height:70px;
		overflow:hidden;
	}

	.contentbox.contentbox-2 .img{
		height:200px;
	}
		.contentbox.contentbox-2 .img img{
			height:auto;
			width:100%;
			transition:width .5s;
			-webkit-transition:width .5s;
		}
		.contentbox.contentbox-2:hover .img img{
			width:110%;
		}
	.contentbox.contentbox-2 .title{
		font-size:100%;
	}
	
	.contentbox.contentbox-2s .img{
		height:250px;
	}
		.contentbox.contentbox-2s .img img{
			height:110%;
			width:auto;
			transition:height .5s;
			-webkit-transition:height .5s;
		}
		.contentbox.contentbox-2s:hover .img img{
			height:120%;
		}
	.contentbox.contentbox-2s .title{
		left:0;
		bottom:0;
		font-size:90%;
		width:100%;
		
		padding:5px;
		height:70px;
		overflow:hidden;
	}
	
	.contentbox.contentbox-2m .img{
		height:150px;
	}
		.contentbox.contentbox-2m .img img{
			height:100%;
			width:auto;
			transition:height .5s;
			-webkit-transition:height .5s;
		}
		.contentbox.contentbox-2m:hover .img img{
			height:110%;
		}
	.contentbox.contentbox-2m .title{
		left:0;
		bottom:0;
		font-size:90%;
		width:100%;		
		padding:5px;
		height:70px;
		overflow:hidden;
	}
	
	.contentbox.contentbox-2b .img{
		height:300px;
	}
		.contentbox.contentbox-2b .img img{
			height:100%;
			width:auto;
			transition:height .5s;
			-webkit-transition:height .5s;
		}
		.contentbox.contentbox-2b:hover .img img{
			height:110%;
		}
	.contentbox.contentbox-2b .title{
		left:0;
		bottom:0;
		font-size:100%;
		width:100%;		
		padding:5px;
		height:70px;
		overflow:hidden;
	}
	
a.adver{
	display:inline-block;
	width:100%;
}
	a.adver img{
		width:100%;
	}
	
a.issue{
	display:inline-block;
	width:100%;
	padding:0;
	box-shadow:1px 1px 5px #999;
	border:solid 1px #999;
	font-size:90%;
	background:#231e22;
}
	a.issue img{
		width:100%;
	}
	a.issue .row{
		margin:0;
	}

.footer{
	background:#333;
	color:#ccc;
	border-top:solid 7px #1a1e4e;
}
	.footer .social{
		margin-top:10px;
	}
		.footer .social a{
			display:inline-block;
			color:#999;
			font-size:180%;
			margin-right:5px;
		}
		.footer .social a:hover{
			color:#fff;
		}
	.footer hr{
		margin:0;
		border-color:#666;
	}
	.footer .network{
		margin-top:3%;
	}
		.footer .network a{
			display:inline-block;
			height:60px;
		}
			.footer .network a img{
				height:100%;
			}
.footer-links{
}
	.footer-links a{
		display:block;
		color:#ccc;
	}
		.footer-links a:hover{
			color:#fff;
		}
	.footer-links h4{
		border-bottom:solid 1px #666;
		padding-bottom:5px;
	}
.footer-bottom{	
	background:#e11f27;
	color:#fff;
	text-align:center;
	padding:10px 0;
}



/* CSS for Credit Card Payment form */
.credit-card-box .panel-title {
    display: inline;
    font-weight: bold;
}
.credit-card-box .form-control.error {
    border-color: red;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,0,0,0.6);
}
.credit-card-box label.error {
  font-weight: bold;
  color: red;
  padding: 2px 8px;
  margin-top: 2px;
}
.credit-card-box .payment-errors {
  font-weight: bold;
  color: red;
  padding: 2px 8px;
  margin-top: 2px;
}
.credit-card-box label {
    display: block;
}
/* The old "center div vertically" hack */
.credit-card-box .display-table {
    display: table;
}
.credit-card-box .display-tr {
    display: table-row;
}
.credit-card-box .display-td {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
/* Just looks nicer */
.credit-card-box .panel-heading img {
    min-width: 180px;
}