/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
    font-weight: 300;
	color: #b1b1b1;
	background: #181818 url(/img/bk.jpg) top right repeat;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 2em;
}

h1.title {
    font-size: 46px;
    max-width: 800px;
	margin-bottom: 40px;
}
#vd {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;

}
#iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}
#vd a {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	-webkit-animation-name: 'play_down';
    -moz-animation-name: 'play_up';
    animation-duration: 1s;
    animation-iteration-count: infinite;
    box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.5);
    cursor: pointer;
}
#banner h3 {
    margin-top: 100px;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 1.5em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 130%;
}

ul, ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.navbar a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h2 a {
	text-decoration: none;
}

ul.nv > li {
    display: inline-block;
    margin-bottom: 20px;
}
ul.nv a, ul.nv span, ul.nv strong {
    border: 1px solid;
    padding: 6px 20px;
}

#wrapper, #footer {
	margin: 0px;
	max-width: 100%;
    overflow: hidden;
}

/* Header */
#logo {
    width: 300px;
    height: 70px;
    display: inline-block;
    background: url(/img/logo1.png) center no-repeat;
}

#menu {
    font-size: 14px;
    background: #D41C4E;
}
#content {
	margin: 160px auto 0px;
}
form {
    padding: 20px;
}

#menu > p {
    line-height: 100%;
    margin: 0;
}
#menu a {
    text-decoration: none;
	font-size: 14px;
}
ul.nv > li {
    display: inline-block;
    margin-bottom: 20px;
}

#sidebar li:first-letter {
    text-transform: uppercase;
}

.card-plain .card-image.post-image {
    height: 380px!important;
}

.rc p {
    font-size: 15px;
	text-decoration: underline;
}

.collapse.navbar-collapse.toggled {
	right: 230px;
}

#r1,#r2,#r3,#r4,#r5,#r6,
#r7,#r8,#r9,#r10,#r11,#r12{
    padding: 0 10px;
}

#r1 > div,#r2 > div,#r3 > div,#r4 > div,#r5 > div,#r6 > div,
#r7 > div,#r8 > div,#r9 > div,#r10 > div,#r11 > div,#r12 > div{
    height: 200px;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}

#r1 > div{background: url(/img/im13.jpg);}
#r2 > div{background: url(/img/im8.jpg);}
#r3 > div{background: url(/img/im5.jpg);}
#r4 > div{background: url(/img/im15.jpg);}
#r5 > div{background: url(/img/im2.jpg);}
#r6 > div{background: url(/img/im16.jpg);}
#r7 > div{background: url(/img/im10.jpg);}
#r8 > div{background: url(/img/im11.jpg);}
#r9 > div{background: url(/img/im12.jpg);}
#r10 > div{background: url(/img/im7.jpg);}
#r11 > div{background: url(/img/im14.jpg);}
#r12 > div{background: url(/img/im4.jpg);}

.ab {
    position: absolute;
    right: -20000px;
    top: 0;
}

#id{
	position:fixed;right:20px;
	bottom:20px;
	width:50px;height:50px;background:#00BFFF url(/img/demo.gif) center no-repeat;z-index:9999999999;border-radius:100%;border:6px #00BFFF solid;-webkit-animation-name:"play_down";-moz-animation-name:"play_up";-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;
}

@keyframes  play_top {

	0% 
	{
		-webkit-box-shadow: 0 0 rgba(0,163,182,.6);
		-moz-box-shadow: 0 0 rgba(0,163,182,.6);
		box-shadow: 0 0 rgba(0,163,182,.6);
	}
	to 
	{
		-webkit-box-shadow: 0 0 0 20px rgba(0,163,182,0);
		-moz-box-shadow: 0 0 0 20px rgba(0,163,182,0);
		box-shadow: 0 0 0 20px rgba(0,163,182,0);
	}   

}

@keyframes  play_down {

	0% 
	{
		-webkit-box-shadow: 0 0 rgba(55,55,55,.6);
		-moz-box-shadow: 0 0 rgba(55,55,55,.6);
		box-shadow: 0 0 rgba(55,55,55,.6); 
	}
	to 
	{
		-webkit-box-shadow: 0 0 0 20px rgba(55,55,55,0);
		-moz-box-shadow: 0 0 0 20px rgba(55,55,55,0);
		box-shadow: 0 0 0 20px rgba(55,55,55,0);  
	}

}

ul.nv > li {
    display: inline-block;
    margin-bottom: 20px;
}

ul.list > li {
    list-style: circle!important; 
}
ul.list {
    margin-left: 20px;
	color: #fd4758;
}
ul.list > li > a:first-letter {
    text-transform: uppercase!important;
}
.mt-5{
	margin-top: 20px!important;
}

.cards .row {
 -moz-column-width: 13em;
 -webkit-column-width: 13em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
}
.cards .row > .col-md-4 {
 display: inline-block;
 padding:  0rem;
 width:  100%; 
 float:none;
}
.card.card-profile.card-plain p {
    min-height: 34px;
}
.header.header-info p {
    color: #fff;
}
#sl .card-content {
    max-width: 760px;
    padding: 60px 40px;
}
#vd {
    max-width: 760px;
}
.label.label-danger {
    padding: 10px 30px;
    border-radius: 50px;
    line-height: 60px;
	font-size: 18px;
}
.card-nav-tabs {
    max-width: 680px;
}
.header.header-info p {
    font-size: 20px;
}
a.btn.btn-rose.btn-round {
    font-size: 18px;
}
.form-control, a.btn.btn-primary.btn-round,input.form-control::placeholder, .checkbox label, .radio label, label , .form-group .form-control{
    font-size: 18px!important;
}
nav .text-center span {
    font-size: 20px;
    font-weight: 900;
    color: #35A5FA;
}
#sid .card-image {
    height: 560px!important;
}
#sid h6, #sid p {
    font-size: 2em;
}
.onl {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 30px;
    border: 2px #fff solid;
    color: #FF0461;
    font-weight: 500;
    background: #fff;
    font-size: 14px;
    -webkit-animation-name: "play_down";
    -moz-animation-name: "play_up";
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


@media screen and (max-width: 990px){
	.alert-danger {
     display: none;
	}
}