@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700&subset=latin,cyrillic);
@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.3.2/css/simple-line-icons.css);

body{
	font-family: 'Ubuntu', sans-serif;
	font-size:16px;
	color:#222;
}

::-webkit-input-placeholder {color:#013243 !important;}
::-moz-placeholder          {color:#013243 !important;}/* Firefox 19+ */
:-moz-placeholder           {color:#013243 !important;}/* Firefox 18- */
:-ms-input-placeholder      {color:#013243 !important;}

.text-uppercase {
  text-transform: uppercase !important;
}
.fw200 {
  font-weight: 200 !important;
}
.fw300 {
  font-weight: 300 !important;
}
.fw400 {
  font-weight: 400 !important;
}
.fw600 {
  font-weight: 600 !important;
}
.fw700 {
  font-weight: 700 !important;
}
.fs3 {
  font-size: 4px !important;
}
.fs4 {
  font-size: 4px !important;
}
.fs5 {
  font-size: 5px !important;
}
.fs6 {
  font-size: 6px !important;
}
.fs7 {
  font-size: 7px !important;
}
.fs8 {
  font-size: 8px !important;
}
.fs9 {
  font-size: 9px !important;
}
.fs10 {
  font-size: 10px !important;
}
.fs11 {
  font-size: 11px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs17 {
  font-size: 17px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs22 {
  font-size: 22px !important;
}
.fs24 {
  font-size: 24px !important;
}
.fs26 {
  font-size: 26px !important;
}
.fs28 {
  font-size: 28px !important;
}
.fs30 {
  font-size: 30px !important;
}
.fs35 {
  font-size: 35px !important;
}
.fs40 {
  font-size: 40px !important;
}
.fs45 {
  font-size: 45px !important;
}
.fs50 {
  font-size: 50px !important;
}
.fs60 {
  font-size: 60px !important;
}
.fs70 {
  font-size: 70px !important;
}
.fs80 {
  font-size: 80px !important;
}
.fs90 {
  font-size: 90px !important;
}
.fs100 {
  font-size: 100px !important;
}

.mn {
  margin: 0 !important;
}
.m1 {
  margin: 1px !important;
}
.m2 {
  margin: 2px !important;
}
.m3 {
  margin: 3px !important;
}
.m4 {
  margin: 4px !important;
}
.m5 {
  margin: 5px !important;
}
.m8 {
  margin: 8px !important;
}
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m30 {
  margin: 30px !important;
}
.m35 {
  margin: 35px !important;
}
.m40 {
  margin: 40px !important;
}
.m50 {
  margin: 50px !important;
}
.mtn {
  margin-top: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.mrn {
  margin-right: 0 !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mbn {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mln {
  margin-left: 0 !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mv5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.mv20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mv25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.mv30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.mv40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.mv50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.mv70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.mh5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mh10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mh15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mh20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mh25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.mh30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mh40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mh50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.mh70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}
.mh22m {
  margin-left: -22px !important;
  margin-right: -22px !important;
}
.mtn5 {
  margin-top: -5px !important;
}
.mtn10 {
  margin-top: -10px !important;
}
.mtn15 {
  margin-top: -15px !important;
}
.mtn20 {
  margin-top: -20px !important;
}
.mtn30 {
  margin-top: -30px !important;
}
.mrn5 {
  margin-right: -5px !important;
}
.mrn10 {
  margin-right: -10px !important;
}
.mrn15 {
  margin-right: -15px !important;
}
.mrn20 {
  margin-right: -20px !important;
}
.mrn30 {
  margin-right: -30px !important;
}
.mbn5 {
  margin-bottom: -5px !important;
}
.mbn10 {
  margin-bottom: -10px !important;
}
.mbn15 {
  margin-bottom: -15px !important;
}
.mbn20 {
  margin-bottom: -20px !important;
}
.mbn30 {
  margin-bottom: -30px !important;
}
.mln5 {
  margin-left: -5px !important;
}
.mln10 {
  margin-left: -10px !important;
}
.mln15 {
  margin-left: -15px !important;
}
.mln20 {
  margin-left: -20px !important;
}
.mln30 {
  margin-left: -30px !important;
}
.mvn5 {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}
.mvn10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}
.mvn15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}
.mvn20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}
.mvn30 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}
.mhn5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}
.mhn10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.mhn15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.mhn20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.mhn30 {
  margin-left: -30px !important;
  margin-right: -30px !important;
}
.pn {
  padding: 0 !important;
}
.p1 {
  padding: 1px !important;
}
.p2 {
  padding: 2px !important;
}
.p3 {
  padding: 3px !important;
}
.p4 {
  padding: 4px !important;
}
.p5 {
  padding: 5px !important;
}
.p6 {
  padding: 6px !important;
}
.p7 {
  padding: 7px !important;
}
.p8 {
  padding: 8px !important;
}
.p10 {
  padding: 10px !important;
}
.p12 {
  padding: 12px !important;
}
.p15 {
  padding: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.p25 {
  padding: 25px !important;
}
.p30 {
  padding: 30px !important;
}
.p35 {
  padding: 35px !important;
}
.p40 {
  padding: 40px !important;
}
.p50 {
  padding: 50px !important;
}
.ptn {
  padding-top: 0 !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.prn {
  padding-right: 0 !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pr60 {
  padding-right: 60px !important;
}
.pbn {
  padding-bottom: 0 !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb175 {
  padding-bottom: 175px !important;
}
.pln {
  padding-left: 0 !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pl55 {
  padding-left: 55px !important;
}
.pl60 {
  padding-left: 60px !important;
}
.pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.pv8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.pv15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.pv25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.pv30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.pv35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.pv40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.pv50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.ph5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.ph8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.ph10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ph15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.ph20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.ph25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.ph30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.ph40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.ph45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
.ph50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.center-block {
	margin:0 auto;
}

.t-left{
	text-align:left;
}
.t-right{
	text-align:right;
}
.f-left{
	float:left;
}
.f-right{
	float:right;
}
.big-text{
	font-size: 70px;
	line-height: 70px;
	font-weight:700;
}
.small-text{
	font-size: 18px;
	line-height: 25px;
	color:#ffffff;
	margin-bottom:0;
}

.title {
	display: inline-block;
	color:#013243;
	font-size: 26px;
	font-weight:600;
	padding-bottom:10px;
	border-bottom:2px solid #ff4e00;
	margin: 50px 0 60px 0;
}

.dot {
	color:#ff4e00;
}

.text-darkblue {
	color:#013243;
}

.text-blue {
	color:#1093c1;
}

.text-gray {
	color:#999999;
}

.error-input {
	font-size:12px;
	color:#e74c3c;
	margin: -5px 0 5px 0;
}

/*------------------------------------------------------------------
	Header 
-------------------------------------------------------------------*/
#header {
	background-color:#1093c1;
}

#header h1 {
	color:#ffffff;
}

#header h1 > span {
	display:block;
	word-wrap: normal;
}

#header .logo {
	font-size: 36px;
	font-weight: bold;
	color: #ffffff;
	opacity: 0.5;
	cursor:pointer;
}

#header .logo:hover {
	opacity: 1;
}

#header .logo:hover {
	opacity: 1;
}

#header .btn-lang {
	color:#ecf0f1;
	padding:8px 12px !important;
	font-size:14px;
	font-weight:bold;
	background: rgba(0, 0, 0, 0.2);
	border:1px solid;
	text-transform:uppercase;
}	

#header .lang-down {
	min-width: 120px !important;
	left: -71px !important;
	margin-top: 6px;
}

#header a.btn-nobg {
	line-height:22px;
	color:#ecf0f1;
	border:1px solid;
	margin-right:10px;
	font-size:14px;
	font-weight:bold;
}

#header a.btn-nobg:hover {
	color:#fff;
	background-color:rgb(1, 50, 67);
	border-color:rgb(1, 50, 67)
}

#header a.btn-lang {
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
	color: #fff;
	display: inline-block;
	background: rgba(0, 0, 0, 0.2);
	width: 36px;
}

#canvas{
	position:absolute;
	right:40px;
	top:40px;
	opacity:1;
}

#header .form-top {
	width: 348px;
	height: 55px;
	background-color: #FFF;
	border-radius: 25px 25px 0px 0px;
	margin-bottom: 0px;
	text-align: center;
	padding-top: 20px;
	color: #013243;
	font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
}

/*------------------------------------------------------------------
	Sign Up Section
-------------------------------------------------------------------*/
#signup {
	background-color:#FFFFFF;
	padding-bottom: 40px;
}

#signup .form-items-holder{
	display:inline-block;
	width:306px;
	padding-top:45px;
	padding-left:20px;
	padding-right:20px;
	box-sizing:content-box;
}


#signup ul {
	padding-left:10px;
}

#signup li {
list-style:none;
margin-bottom:10px;
}

#signup .signfeature{
	color:#013243;
	font-size:46px;
	line-height:46px;
}


#signup input[type=text], input[type=password] {
	color: #333;
  	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	padding: 10px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  	border-radius: 3px;
  	background-color: #fff;
  	margin: 8px 0 8px 0px;
  	font-size: 18px;
  	width: 100%;
  	height: 43px;
}

#signup select {
	color: #013243;
  	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	padding: 10px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  	border-radius: 3px;
  	background-color: #fff;
  	margin: 8px 0 8px 0px;
  	font-size: 18px;
  	width: 100%;
  	height: 43px;
}

#signup select > option{
	color: #333;
}

#signup input[type=submit]{
	font-size: 18px;
	color:#ffffff;
	width: 100%;
	height: 52px;
	background-color:#e74c3c;
	border:0;
	margin-top:20px;
}

#signup input[type=submit]:hover{
	background-color:#c0392b;
}


/*------------------------------------------------------------------
	Features Section
-------------------------------------------------------------------*/
#features {
	background: #ecf0f1;
}

#features .feature {
	cursor:pointer;
	text-align:center;
	margin-bottom:60px;
}

#features .feature p {
	padding:0 20px;
}

#features .feature i {
	margin:15px;
	font-size:68px;
}

#features .feature:hover i{
	color:#ff4e00;
}

/*------------------------------------------------------------------
	Awesome panel
-------------------------------------------------------------------*/
#awesomepanel {
	
}

#awesomepanel p {
	font-size:16px;
	color:#7f8c8d;
	line-height:20px;
}

.awesome {
border: 1px solid rgb(221, 221, 221);
border-radius: 6px 6px 0px 0px !important;

}
/*------------------------------------------------------------------
	Join
-------------------------------------------------------------------*/
#join {
	background: #ececec url(../images/bgjoin.png) no-repeat 50%;
	text-align:center;
	
	padding:40px 0;
}
#join h2 {
	padding:0 0 20px 0;
}
#join a {
	background-color:#27ae60;
	font-size:18px;
	border:none;
	line-height:28px;
}

/*------------------------------------------------------------------
	Chat
-------------------------------------------------------------------*/
#chat {
	background-color:#F2F9FF;
}

#chat .clients{
	text-align:center;
}

#chat .client-logo{
	display:inline-block;
	opacity:0.7;
}

#chat .client-logo:hover{
	opacity:1;
}

.sh_embed {
   left: 0 !important;
	top: 0 !important;
	border-color:none !important;
	width:100% !important;
	height: auto !important;
}

.sh_button_back, .sh_top_buttons, .sh_copyright, .sh_header, .sh_photo, .sh_footer_menu, .sh_footer_menu_list, .sh_history_btn {
	display:none !important;
}

.sh_mess_content {
	margin: 0 !important;
	padding:10px !important;
}

.sh_chat {
   border: 1px solid #d0d0d0 !important;
   border-radius: 6px !important;
	overflow:hidden !important;
	box-shadow: 0px 0px 5px 3px #ddd !important;
	background-color:#fff !important;
}

.shc {
	font-family: 'Ubuntu', sans-serif !important;
	font-size:18px !important;
}

.sh_mess_time {
	font-size: 12px !important;
}

.sh_mess_nick {
    color: #1093c1 !important;
}
.sh_mess_nick_sel {
    color: #ff4e00 !important;
}

.sh_mess_details {
	margin-bottom: 15px !important;
}

.sh_textarea_answer {
    padding: 15px 15px 0 15px !important;
}

.sh_footer {
	height: 84px;
	background: none !important;
	border-top:3px solid #ddd !important;
}

.sh_textarea_answer textarea {
	width: 100% !important;
	height: 50px !important;
	padding: 4px 35px 0px 4px !important;
	border: 0px solid #d3d3d2 !important;
	display: block !important;
	background: #fff !important;
}

.sh_form_description {
	margin: 10px 0 20px 0 !important;
	text-align:center !important;
}


input.sh_input, textarea.sh_textarea {
   border-radius:6px !important;
	border: 1px solid #c0c0c0 !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;
}
/*------------------------------------------------------------------
	Footer
-------------------------------------------------------------------*/
#footer {
	background-color:#ecf0f1;
	min-height: 76px;
}
#footer i {
	color:#c0392b;
}
.footer-left{
	text-align:left;
	color:#808080;
	font-size:12px;
	margin-top:30px;
}

.footer-right{
	text-align:right;
	margin-top:25px;
}

/*------------------------------------------------------------------
	Responsive Styles
-------------------------------------------------------------------*/
@media (max-width: 992px) {

	#canvas{
		opacity:1;
		top:40px;
		right:0px;
	}

}
@media (max-width: 768px) {
	#canvas{
		opacity:1;
		top:40px;
		right:0px;
	}
	.small-text{
		margin-bottom:200px;
	}
	.form-top{
		width:100% !important;
	}
	.form-items-holder{
		width:100% !important;
		padding-left:0 !important;
	}
	.footer-left{
		text-align:center;
	}
	.footer-right{
		text-align:center;
		margin-bottom:15px;
	}
	.itemjoin {
		display:none;
	}
}
@media (max-width: 480px) {
	.big-text{
		font-size:40px;
	}
	.small-text{
		margin-bottom:200px;
	}
	.big-text{
		line-height:40px;
	}
	.title {
		 margin: 50px 0 40px 0;
	}

	.monthprice {
		font-size:36px !important;
	}

	#header .logo {
		font-size: 32px;
		margin-top: 6px;
		display: inline-block;
	}

	#signup .signfeature{
		font-size:36px;
		line-height:36px
	}

}




#tabs .tabs li {
    border: 3px solid #e2e2e2;
    font-size: 16px;
    border-radius: 4px;
    text-align: center;
    font-weight: 400;
    padding: 20px;
    margin-bottom: 20px;
	margin-right:30px;
	list-style:none;
	display:inline-block;
	width:20%;
	text-decoration:none;
}
#tabs .tabs li:hover {
	border-color: #338ec4;
	cursor: pointer;
}

#tabs .tabs .active {
	border-color: #338ec4;
}

#tabs .tabs li img {
    display: block;
    padding-bottom: 20px;
    margin: auto;
    height: auto;
	width:40px;
}

#tabs .tabs-content {
margin: 0 auto;
}

#tabs .tabs-content span {

font-size:18px;
font-weight:500;
padding-bottom:20px;
display:block;
}

#tabs .tabs-content p {

color:#555;
margin-bottom:40px;

}
.monthprice {
	font-size:60px
}