/* @group Global Styles */

* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body{
background: url('../images/cs-profy-fon.jpg');
background-attachment: fixed;
background-size: 100% 100%;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.72);
font-family: 'Cabin', sans-serif;
}

a:link, a:visited {
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-ms-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
transition: color 0.1s linear;
}

a:hover {
color: #d1f0fb;
}

a {
outline: 0;
}

#featured {
margin-bottom: 20px;
}

/* Prevent FF and IE putting a dotted line around links and buttons */

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
{   
border : 0px;
} 
input[type="submit"]:focus, input[type="button"]:focus
{     
outline : none;	
}

h1, h2, h3, h4, h5, h6 {
margin-top: 0;
color: #fff;
text-shadow: 0px 2px 3px rgba(0,0,0,0.7);
font-family: 'Cabin', sans-serif;
}

.hidden {
opacity: 0;
}

hr {
height: 0;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}


.appstore {
font-size: 18px;
}

.app-button {
line-height: 30px;
}

.to4-ten {
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.section-shadow {
padding: 20px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 0.35);
}

.features {
margin-bottom: 100px;
}

i.icon-huge {
font-size: 96px;
}


.th {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.th:hover {
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.13);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.13);
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}


/* @end */

/* @group Font Styles */

.league {
font-weight: normal !important;
font-family: 'LeagueGothicRegular';
}

.cabin {
font-family: 'Cabin', sans-serif;

}

.kyrsiv {
font-family: 'Leckerli One', cursive;
}

/* Fix for FF double bolding */

h1.lobster, h2.lobster, h3.lobster, h4.lobster, h5.lobster, h6.lobster, h1.lobster a, h2.lobster, h3.lobster a, h4.lobster a, h5.lobster a, h6.lobster a{
font-weight: normal !important;
}

h1.blogpost{
font-weight: normal !important;
font-size: 33px;
color: rgb(134, 207, 255)
}

h2.blogpost{
font-weight: normal !important;
font-size: 28px;
color: rgb(134, 207, 255)
}

h3.blogpost{
font-weight: normal !important;
font-size: 23px;
color: rgb(134, 207, 255)
}

h4.blogpost{
font-weight: normal !important;
font-size: 20px;
color: rgb(134, 207, 255)
}

h5.blogpost{
font-weight: normal !important;
font-size: 18px;
color: rgb(134, 207, 255)
}

h6.blogpost{
font-weight: normal !important;
font-size: 15px;
color: rgb(134, 207, 255)
}

h1.blogpost a{
font-weight: normal !important;
font-size: 33px;
color: rgb(134, 207, 255)
}

h2.blogpost a{
font-weight: normal !important;
font-size: 28px;
color: rgb(134, 207, 255)
}

h3.blogpost a{
font-weight: normal !important;
font-size: 23px;
color: rgb(134, 207, 255)
}

h4.blogpost a{
font-weight: normal !important;
font-size: 20px;
color: rgb(134, 207, 255)
}

h5.blogpost a{
font-weight: normal !important;
font-size: 18px;
color: rgb(134, 207, 255)
}

h6.blogpost a{
font-weight: normal !important;
font-size: 15px;
color: rgb(134, 207, 255)
}

section i {
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.73);
}

/* @end */

/* @group Header */


.intro {
padding: 50px 0;
}

h1.heading {
color: rgba(255, 255, 255, 0.92);
text-shadow: 0px 2px 3px #555,
2px 3px 3px #292929;
font-weight: normal !important;
font-size: 48px;
}


.navigation {
background-color: #2a2722;
}

.navigation ul li.red-knopka a, .navigation ul li.red-knopka a:hover{
color: #fa7b5c;
}


/* @end */
/* @group Content */

.content {
padding: 20px 0 0 0;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;

background: url(../images/cs-profy/pattern.png);
}

.content section {
padding: 50px 0;
}


.content section:last-child {
padding-bottom: 10px;
}
.content section.last {
padding: 1px 0;
}
.content section.second {
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.quotes {
	text-align: center;
}
.quotes i {
color: #fff;
}

.screenshots {
margin: 75px 0;
}

#features h4 {
margin: 0 0 10px 0;
}


/* @group Modal Dialogs */

.dark {
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.85);
-webkit-box-shadow: 0 8px 6px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 8px 6px rgba(0, 0, 0, 0.25);
box-shadow: 0 8px 6px rgba(0, 0, 0, 0.25);
}

.reveal-modal a, .reveal-modal a.close-reveal-modal {
color: #dedede;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.reveal-modal a:hover, .reveal-modal a.close-reveal-modal:hover {
color: #fff;
}

/* @end */


/* @group Footer */

footer {
padding: 30px 0;
background-color: #2a2722;
}

footer ul.inline-list:last-of-type {
margin-bottom: 0;
}

footer .blog-sidebar {
margin-bottom: 50px;
}


em.date {
font-size: 12px;
}

/* @end */

/* @group Slideshow */

ul.orbit-bullets li{
border-radius: 50%;
background: #666;
-webkit-box-shadow: 0 0 5px #2e2e2e;
-moz-box-shadow: 0 0 5px #2e2e2e;
box-shadow: 0 0 5px #2e2e2e;
}

ul.orbit-bullets li.active{

border: 2px solid #666;
background: #fff;
opacity: 1;
}

.timer {
visibility: hidden;
}

ul.orbit-bullets li:hover {
opacity: 0.7;
}


/* @end */

/* @end */

/* @group Registration Form */

form.register-interest {
margin: 10px 0 10px 0;
}

form.register-interest.prerelease {
margin-bottom: 50px;
}

form.register-interest input[type="text"] {
margin: 0;
padding-left: 10px;
outline: none;
border-color: rgba(15, 15, 13, 0.23);
background-color: rgba(0, 0, 0, 0.35);
color: #eee;
}

form.register-interest input[type="text"]:hover, form.register-interest input[type="text"]:focus {
background-color: rgba(90, 35, 35, 0.34);
}

::-webkit-input-placeholder {
color:    #999;
}
:-moz-placeholder {
color:    #999;
}
::-moz-placeholder {
color:    #999;
}
:-ms-input-placeholder {
color:    #999;
}

/* @end */

/* @group List Styles */

/*List styles*/
ul {
margin: 0;
margin-bottom: 10px;
list-style-type: none;
}

ul.main {
	margin: 0;
	padding: 0;
	list-style-image: url(../images/cs-profy/main_checkbox.png);
}
li.main{
		margin-right: 20px;
    margin-left: 20px;
    float: left;
}


ul.ok li:before {
content: '\f00c  ';
font-family: "FontAwesome";
}

ul.dash li:before {
content: '\f068  ';
font-family: "FontAwesome";
}

ul.caret li:before {
content: '\f0da  ';
font-family: "FontAwesome";
}

ul.chevron li:before {
content: '\f054  ';
font-family: "FontAwesome";
}

ul.asterisk li:before {
content: '\f069  ';
font-family: "FontAwesome";
}

ul.pushpin li:before {
content: '\f08d  ';
font-family: "FontAwesome";
}

ul.tag li:before {
content: '\f02b  ';
font-family: "FontAwesome";
}

ul.folder li:before {
content: '\f07c  ';
font-family: "FontAwesome";
}

ul.link li:before {
content: '\f0c1  ';
font-family: "FontAwesome";
}

ul.calendar li:before {
content: '\f073  ';
font-family: "FontAwesome";
}

/* @end */

/* @group Blog */

article {
margin-bottom: 50px;
}

article ul.inline-list.article-metadata li{
font-size: 14px;
}

article img.right {
margin: 0 0 10px 10px;
}

article img.left {
margin: 0 10px 10px 0;
}

article .comments a.th img {
margin: 10px 0;
}

/* @end */

/* @group Buttons */


.awesome, .awesome:visited {
position: relative; 
display: inline-block;
padding: 5px 10px 6px; 
border: 1px solid #434343;
border-bottom: 1px solid rgba(0,0,0,0.25); 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #222 url(../images/alert-overlay.png) repeat-x;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
color: #fff; 
text-decoration: none;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
cursor: pointer;
}

.awesome.button.expand {

width: 100%;
}

.awesome:hover							{ background-color: #111; color: #fff; }
.awesome:active							{ top: 1px; }
.small.awesome, .small.awesome:visited 			{ padding: ; font-size: 10px; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ text-shadow: 0 -1px 1px rgba(0,0,0,0.25); font-weight: bold; font-size: 11px; line-height: 1; }
.large.awesome, .large.awesome:visited 			{ padding: 8px 14px 9px; font-size: 12px;  }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.cvetnoe.awesome, .cvetnoe.awesome:visited		{ background-color: #ff5c00; }
.cvetnoe.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }



/* @end */

@media only screen and (max-width: 767px) {
nav.navigation ul.right li a span.show-for-small {
display: inline !important;
}
.right {
float: right !important;
}

.reveal-modal {
margin-top: 50px;
}


.intro {
text-align: center;
}
}

.err{
	border:2px solid red !important;
}

.comment-tabs h4{color: #555;
		font-weight: bold;
		margin: 10px auto 20px;
		font-size: 18px;
		text-shadow:none;
		text-transform:initial;
	}
	.comment-tabs li, .comment-tabs p, .comment-tabs label{color: #000;
		
		font-size: 14px;
		text-shadow:none
	}
	.media-date {
		float: right;
		position: relative;
		top: -42px;
		font-weight: bold;
	}
	.media-date li {
		padding: 0;
		
	}
	
	
	#login { display: none; }
.login,
.logout { 
    position: absolute; 
    top: -3px;
    right: 0;
}
.page-header { position: relative; }
.reviews {
    color: #555;    
    font-weight: bold;
    margin: 10px auto 20px;
}
.notes {
    color: #999;
    font-size: 12px;
}
.media .media-object { max-width: 120px; }
.media-body { position: relative; }
.media-date { 
    position: absolute; 
    right: 25px;
    top: 25px;
}
.media-date li { padding: 0; }
.media-date li:first-child:before { content: ''; }
.media-date li:before { 
    content: '.'; 
    margin-left: -2px; 
    margin-right: 2px;
}
.media-comment { margin-bottom: 20px; }
.media-replied { margin: 0 0 20px 50px; }
.media-replied .media-heading { padding-left: 6px; }

.btn-circle {
    font-weight: bold;
    font-size: 12px;
    padding: 6px 15px;
    border-radius: 20px;
}
.btn-circle span { padding-right: 6px; }
.embed-responsive { margin-bottom: 20px; }
.tab-content {
    padding: 50px 15px;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

input[type="file"]{
    z-index: 999;
    line-height: 0;
    font-size: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)";
    margin: 0;
    padding:0;
    left:0;
}
.hidden1{display:none}