@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

body {
	background:url(../images/background-body.gif);
	font-family: 'Lato', sans-serif;
}
.join_table {
	font-family: 'Lato', sans-serif;
}
a {
    color: #3fa9f5;
    cursor: pointer;
}
a:hover {
    color: #11639d;
    cursor: pointer;
}
h4 {
	font-weight:700;
	color:#181818;
	line-height: 1.25;
	margin-bottom:3px;
	font-size: 2.1rem;
	margin-top:30px;

}
.navbar-static-top {
  margin-bottom: 10px;
}

.navbar-default {
	background:url(../images/header-texture.gif);
	height:104px;
}
.left-column {
	width:30%;
	float:left;
}
.right-column {
	margin-left:40px;
	width:65.67628865979381%;
	background:#337ab7;
	height:111px;
	float:left;	
}
.left-column-container {
	width:30%;
	float:left;
}
.right-column-container {
	margin-left:40px;
	width:65.67628865979381%;
	float:right;	
}
.logo {
	background:#000;
	height:112px;	
}
.button {
	width:50%;
	color:#fff;
	float:left;
	display:block;
	text-align:center;	
	font-weight:700;
	font-size:17px;
	font-stretch:normal;
	background:#000;
	height:103px;
}
.button:first-child {
	border-right:solid 1px #474747;
}
.button:active {
	background:#3095c4;
}
.nav-title {
	position:relative;
	top:28px;
}
.nav-img {
	top:22px;
	position:relative;
	display:block;
}
.top-padding {
	padding-top:50px;
}
.call-girl {
	background:url(../images/support_girl.jpg);
	height:254px;
	border-bottom:solid 1px #cccccc;
}
.title {
	background:#000;
	color:#7fa6cf;
	text-align:center;
	font-size:18px;
	font-weight:700;
	line-height:normal;
	padding: 8px 0;
	width:80%;
	margin:0 auto;
	display:block;
}
.title-main {
    color: #4D4D4D;
    margin: 0 0 20px;
    font-size: 26px;
    font-weight: 700;
}


.text {
    position: relative;
    top: 15px;
    border-left: solid 1px #E6E6E6;
    height: 226px;
    padding: 0 0 0 15px;
    max-width: 220px;
	left:120px;
}
.small-text {
	line-height:18px;
}
.main-logo {
	left: 30px;
	top:30px;
	position:relative;
}
.margin-top-30 {
	margin-top:30px !important;
}
.margin-top-50 {
	margin-top:30px !important;
}
.margin-bottom-50 {
	margin-bottom:50px;
}
.row-arrow {
	width:13%;
	float:left;
	text-align:right;
}
.row-arrow-text {
	    width: 82.6%;
		float:right;
		margin: 0 0 10px;
		top:5px;
		position:relative;
}
.smalltext {
	font-size:13px;
	line-height:5px;
}
.row-internal, .row-internal-hr {
	width:100%;
	float:left;
	display:block;
}

.row-internal2 {
	width:100%;
	display:block;

}
.row-internal-hr {
	height:30px;
}
.smaller-text {
	font-size:11px;
}
.support-top-box {
	margin-top:20px;	
	border-top-left-radius:60px;
	border-bottom-left-radius:60px;
	border:solid 1px #ccc;;
	height:260px;
}
.support-bottom-box {
	margin-top:20px;	
	border-top-left-radius:60px;
	border:solid 1px #ccc;;
	height:290px;
}
.columns {
	padding:10px;
	float:left;
	display:block;
	position:relative;
}
.left-call {
	width:40%;
}
.right-call {
	width:60%;
	line-height:5px;
	text-transform:uppercase;
}
.text-blue {
	color:#337ab7;
	font-size:18px;
}
.line-through {
    border-bottom: solid 1px #CCC;
    margin: 0 0 10px;
	text-align:center;
}
.line-through-text {
    background: url(../images/background-body.gif);
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    top: 10px;
    display: inline;
	color:#337ab7;
}
.skype {
    background: url(../images/skype.png) no-repeat;
    padding: 4px 36px 0;
    font-size: 18px;
    display: inline-block;
    height: 31px;
    line-height: 20px;	
}
.size22 {
    font-size: 22px;	
}
.ng-binding {
	color:#4d4d4d;	
}
.phone-number {
	text-align:center;
}
.little-text {
	text-transform:uppercase;
	font-size:12px;
}
.brown-color {
	color:#4d4d4d;
}
.lowercase {
	text-transform:lowercase;
}
.contact-responvice {
	display:none;
}
.footer {
	padding-left:33%;	
}
.container-question, .ticket-form {
    min-height: 85px;
    background-color: #FFF;
    border-bottom: 1px solid #CCC;
    color: #4D4D4D;
    position: relative;
    overflow: hidden;
    margin: 0 0 3px!important;
}
.section-questions .container-question {
    cursor: pointer;
}
.text-slider {
	position: relative;
    top: 27px;
    border-left: solid 1px #E6E6E6;
    padding: 0 15px 27px;
}
.answer {	
    color: grey;
	
}
.arrow-comlum {
	width:13%;
	float:left;
	padding-left:25px;
	padding-top:25px;
}

.arrow-up {
	display:block;
	background:url(../images/arrowbottom.png);
	width:43px;
	height:49px;
}
.arrow-down {
	display:block;
	background:url(../images/arrowtop.png);
	width:43px;
	height:49px;
}
.columns-slide {
	width:87%;
	float:right;
}
.title-medium {
	font-size:20px;
	font-weight:500;
}
.display-none {
	display:none;
}
.click_01:hover  {
	cursor:pointer;
}
.click_02:hover {
	cursor:pointer;
}
.click_03:hover {
	cursor:pointer;
}
.click_04:hover {
	cursor:pointer;
}
.click_05:hover {
	cursor:pointer;
}
.click_06:hover {
	cursor:pointer;
}
.click_07:hover {
	cursor:pointer;
}
.ng-binding {
	padding-bottom:20px;
}
.footer {
	margin-top:10px;
}
.blue-active {
	background:#337ab7;	
}

@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
  
}

@media (max-width: 990px) {
	.container {
		width:100%;
		padding:0px;
		margin:0px;
	}
	.left-column {
		width:100%;
		border-bottom:solid 1px #555555;
	}
	.right-column {
		width:100%;
		margin:0px;
		height:auto;
		
	}
	.button {
		width:100%;
		border-bottom:solid 1px #555555;
		height:46px;
	}
	.nav-img {
		display:none;
	}
	.nav-title {
		top:10px;
		font-size:18px;
	}
	.bottom-responcive {
		background:#337ab7;
		height:7px;
		display:block;
		width:100%;
		float:left;		
		position:relative;		
	}
	.contact-responvice {
		display:block;
	}
	.logo {
		text-align:center;
	}
	.main-logo {
		left:0px;
	}
	.left-column-container {
		width:100%;		
		float:none;
	}
	.right-column-container {
		float:none;
		display:block;
		width:100%;
		margin:0px;
		padding-left:20px;
		
		position:relative;

	}
	.left-column-container {
		float:none;
	}
	.footer {
		padding:15px;
		
	}
	.call-girl {
		background:none;
		border:none;
		height:auto;
		display:block;
		float: left;
		width:100%;
	}
	.text {
		max-width:100%;
		left:0px;
		height:auto;
		margin-top:20px;
		padding:0px;
	}
	.row {
		margin:0px;
	}
	.h4title {
		font-size: 1.8rem;
	}
	.row-arrow {
		display:none;
	}
	.row-arrow-text {
		float:none;
	}
	.title {
		display:block;
		float: none;
		float:left;
		width:100%;
		}

	.support-top-box {
		width:50%;
	
	}
	.support-bottom-box {
		width:50%;
	}
	.row-internal2 {
		float:left;
	}
	.margin-top30 {
		margin-top:30px;
	}
 
}

@media (max-width: 768px) {
	.columns-slide { width:100%;}
	.support-top-box { widows:50%; }
	
	
}

/* Custom, iPhone Retina */ 
@media  (min-width : 320px) {
	.support-top-box {
		width:100%;
	
	}
	.support-bottom-box {
		width:100%;
	}
	.left-support-box {
	display:block;
	float:left;
	width:100%;
}
.right-support-box {
	display:block;
	float:left;
	width:100%;
}


}
.left-support-box {
	display:block;
	float:left;
	width:50%;
}
.right-support-box {
	display:block;
	float:left;
	width:50%;
}