@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=cyrillic-ext,latin);
* {
 margin: 0;
 padding: 0;
 /*font-family: 'Open Sans', sans-serif;*/
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
body {
 height: 100%;
 font-family: 'Open Sans', sans-serif;
 font-size: 14px;
 line-height: 1.7;
 color: #000000;
 -webkit-font-smoothing: antialiased;
 -webkit-text-size-adjust: 100%;
 background: #fff;
 transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
 -moz-transition: all 0.3s linear;
 -o-transition: all 0.3s linear;
}
::selection {
 color: #fff;
 background: #B41132;
}

::-moz-selection {
 color: #fff;
 background: #B41132;
}

.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
  
.col-xs-5th {
  width: 20%;
  float: left;
}
  
@media (min-width: 768px) {
  .col-sm-5th {
    width: 20%;
    float: left;
  }
}
  
@media (min-width: 992px) {
  .col-md-5th {
    width: 20%;
    float: left;
  }
}
  
@media (min-width: 1200px) {
  .col-lg-5th {
    width: 20%;
    float: left;
  }
}

p {
 color: #000000;
 margin: 0 0 1em !important;
}
h1, h2, h3, h4, h5, h6 {
 font-family:36px, 'Bedrock-Cyr', sans-serif !important;
}
.fitImage {
 max-width: 100%;
 vertical-align: middle;
 display: inline-block;
}
.animated {
 /* -webkit-animation-duration: 1s; */
 animation-duration: 1s;
 -webkit-animation-delay: 0s;
 animation-delay: 0s;
}
.mcbook {
 opacity: 0;
}
.show {
 opacity: 1;
}
.pDark p {
 color: #6D6D6D;
}
h6{
 font-size:14px;
}
.dataTxt ul li{
 list-style:none;
 line-height:30px;
}
.listArrow li{
background: url('../images/links-arrow.png') 0px 12px no-repeat;
padding-left:15px;
}
.progress {
height: 6px;
border-radius:0px;
}
.progress .progress-bar.progress-bar-red {
background: #B41132;
}
.progress .progress-bar.progress-bar-green {
background: #51D4B6;
}
.progress .progress-bar.progress-bar-lblue {
background: #9FDE32;
}
.feature a {
display: inline-block;
font-size: 18px;
color: #fff;
background: #B41132;
margin-right: 20px;
width: 220px;
text-align: center;
line-height: 41px;
/* border-radius: 10px; */
}
#services img{
 width:100%;
}
#support img{
 width:30%;
}
#services .circle{ 
display: inline-block;
background: transparent;
overflow: hidden; 
 -webkit-transition: all 1s ease; /* Safari and Chrome */
 -moz-transition: all 1s ease; /* Firefox */
 -o-transition: all 1s ease; /* IE 9 */
 -ms-transition: all 1s ease; /* Opera */
 transition: all 1s ease;
 max-width: 100%;
}
#support .circle{ 
display: inline-block;
background: transparent;
overflow: hidden; 
 -webkit-transition: all 1s ease; /* Safari and Chrome */
 -moz-transition: all 1s ease; /* Firefox */
 -o-transition: all 1s ease; /* IE 9 */
 -ms-transition: all 1s ease; /* Opera */
 transition: all 1s ease;
 max-width: 100%;
}
#price .circle{ 
display: inline-block;
background: transparent;
overflow: hidden; 
 -webkit-transition: all 1s ease; /* Safari and Chrome */
 -moz-transition: all 1s ease; /* Firefox */
 -o-transition: all 1s ease; /* IE 9 */
 -ms-transition: all 1s ease; /* Opera */
 transition: all 1s ease;
 max-width: 100%;
}
#work .circle{ 
display: inline-block;
background: transparent;
overflow: hidden; 
 -webkit-transition: all 1s ease; /* Safari and Chrome */
 -moz-transition: all 1s ease; /* Firefox */
 -o-transition: all 1s ease; /* IE 9 */
 -ms-transition: all 1s ease; /* Opera */
 transition: all 1s ease;
 max-width: 100%;
 }
 .grid:after {
  content: "";
  display: table;
  clear: both;
}
.col-1-3 {
  width: 30%;
  float: left;
}
.col-1-3-1 {
  width: 30%;
  float: left;
  margin-top: 20px;
}
.col-2-3 {
  float: left;
  width: 70%;
}

#services .col-md-3:hover .circle { 
 -webkit-transform:scale(1.25); /* Safari and Chrome */
 -moz-transform:scale(1.25); /* Firefox */
 -ms-transform:scale(1.25); /* IE 9 */
 -o-transform:scale(1.25); /* Opera */
 transform:scale(1.25);
}
.pDark h3 {
 color: #BEBEBE;
}
.btn {
 color:#fff;
 background: #B41132;
}
.btn:hover {
 color:#fff !important;
 background:#DB005E;
}
 
.btn{
display: inline-block;
padding: 8px 12px;
 }
.btn, .form-control, .team-socials i {
 border-radius: 0px !important;
}
.form-group {
 margin: 0 auto;
 margin-bottom: 15px;
 width: 75%;
}
.form-control {
 border: none;
 padding: 22px 4px;
 outline: none;
 color: #5A5A5A;
 margin: 0;
 width: 210px;
 max-width: 100%;
 display: block;
 margin-bottom: 20px;
 background: rgba(245, 242, 237, 0.23);
 font-size: inherit;
 border-radius: 0px !important;
 width: 99%;
}
.button-outline {
 -webkit-font-smoothing: antialiased;
 display: inline-block;
 vertical-align: middle;
 zoom: 1;
 color: #fff;
 padding: 10px 25px;
 border: 2px solid #fff;
 border-radius: 0px;
 font-size: 16px;
 font-weight: 400;
 background: rgba(255,255,255,0.15);
}
.button-outline:hover {
 color: #fff;
 background: rgba(255,255,255,0.35);
}
a {
 color: #bbb4fb;
 text-decoration: none;
 text-shadow: none;
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 transition: all 0.2s linear;
}
a:hover {
 color:#e8fb7d;
 text-decoration: none;
}
.btn {
 border: 0px;
 border-radius: 0px;
}
.btn-primary {
 background: #B41132;
}
.form-control {
 border-radius: 0px;
}
.mrgn30 {
 float: left;
 margin: 30px 0;
 width: 1200px !important;
}
.p-form {
 float:right;
 margin-right: 60px;
}
.copyright {
color: #6D6D6D;
background: #000000;
padding: 20px 0;
border-top: 1px solid #1D1D1D;
}
#home{
background: #B41132;
}
#top {
 position: relative;
}
.topHome {
 position: fixed;
 bottom: 20px;
 right: 20px;
 z-index: 5;
}
.topHome:hover{
color:#F89F9F; 
 }
.navbar-inverse .navbar-nav > .active {
background: #970e2a;
}
/* Sliders
==================================== */
 
.flex-direction-nav .flex-prev{
left:0px; 
}
.flex-direction-nav .flex-next{ 
right:0px;
}
.flex-caption {zoom: 1;
bottom: 35px; background-color: transparent ! important; color: #fff; margin: 0; padding: 25px 25px 25px 30px; position: absolute; left: 0px;
right:0px; bottom: 35% ! important;}
.flex-caption h3 {
color: #fff;
letter-spacing: 1px;
margin-bottom: 14px;
text-transform: uppercase;
text-align: center;
/*font-weight: bolder;*/
font-family: 'Open Sans Condensed', sans-serif;
font-size: 40px;
}
.flex-caption p {
font-size: 20px !important;
line-height: 22px;
font-weight: 300;
color: #FFF;
text-align:center;
} 
/* Header 
----------------------------------------------*/
#section-top {
 background: #4E4E4E;
}
#section-top ul {
 margin: 0;
 padding: 0;
 list-style: none;
 float: right;
}
#section-top ul li {
 display: inline-block;
}
#section-top ul li a {
 border-radius: 2px;
 display: inline-block;
 height: 35px;
 line-height: 35px;
 width: 35px;
 text-align: center;
}
#section-top .region-top-first {
 float: right;
}
.header {
 position: fixed;
 width: 100%; 
 z-index: 100;
 border-radius: 0;
 top: 0px; 
 background:transparent;
}
.addBg {
 background: rgba(5, 5, 5, 0.94);
 transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
 -moz-transition: all 0.3s linear;
 -o-transition: all 0.3s linear;
}
.navbar-inverse {
 background: transparent;
}
.navbar-inverse .navbar-toggle {
 background-color: #B41132;
}
.navbar-inverse .navbar-toggle .icon-bar {
/*background-color: #B41132;*/
;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
 background: #B41132;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
 color: #fff;
}
.navbar-inverse .navbar-toggle:hover .icon-bar {
 background: #fff;
}
.navbar-toggle {
}
.hero-text {
 color: #676e73;
 width: 83%;
 text-align: center;
 margin: 23% auto 24px auto;
 font-family: 'Titillium Web', sans-serif;
}
.hero-text p {
 font-family: 'Titillium Web', sans-serif;
 padding: 0;
 margin: 12px 8% 0;
 text-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
}
/*.carousel-inner*/
#myCarousel {
 margin-top: 50px;
 border-bottom: 4px solid #B41132;
}
.carousel-inner > .item {
}
.carousel-caption {
 padding: 0px;
 bottom: 40%;
 display: block;
 height: 80px;
}
.carousel-caption h1 {
 font-size: 45px;
 padding: 10px 15px;
 background: rgba(128, 180, 33, 0.80);
 color: #FFFFFF;
 text-shadow: none;
 font-weight: bold;
 display: inline-block;
}
.carousel-caption h3 {
 font-size: 30px;
 color: #1C4604;
 font-weight: bold;
 text-shadow: #fff 1px 1px 1px;
}
.actionPanel {
 padding: 25px 0;
 background: #B41132;
}
.actionPanel h3 {
 margin: 0px;
}
.circle {
 background: #fff;
 height: 90px;
 width: 90px;
 border-radius: 0px;
 color: #B41132;
 line-height: 90px !important;
}
.circle-1 {
 background: #fff;
 height: 90px;
 width: 90px;
 border-radius: 0px;
 color: #B41132;
 line-height: 90px !important;
}
.circle-1 {
border: 1px solid #b41132;
border-radius: 50%;
}
#section-strapline {
 background: #f00bfff;
 line-height: 42px;
 clear: both;
}
/*----Nav ----*/
.header .navbar-brand {
 float: left; 
 line-height: 18px;
 padding: 15px 1px !important;
 font-size: 24px !important;
 font-weight: 900;
 height: 50px; 
 color: #e4f223 !important;
}
.navbar-brand b {
 color: #fff;
 font-family: 'Audiowide', cursive;
 font-weight: 900;
}
.navbar-brand b i {
 color: #fff;
 font-style: normal;
}
.logo {
 font-size: 2.2em;
 text-shadow: none;
 margin: 8px 0 0 0;
}
.logo:hover {
 color: #5A5A5A;
}
.header .navbar {
 margin: 0;
 background: transparent;
 border: 0;
}
.hero-text2{
 padding:30px 0;
 text-align:center; 
 display:none;
}
.hero-text2 h3{
 font-size: 25px;
 color: #fff;
 line-height: 36px; 
 text-align: center;
}
.navbar-inverse .navbar-nav > li > a {
 color: #fff;
 font-size: 1.2em;
 line-height: normal;
 margin: 17px;
 padding: 6px 0px !important;
 border-radius: 5px;
 font-family: 'AleksandraC',Sans Serif;
 font-weight: 400;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
 color: #FFD632 ! important;
 background: none ! important; 
 border-radius: 0px;
}
.navbar-inverse .navbar-nav > .active {
}
.navbar-nav > li:hover > a {
 color: #fff;
}
.header .navbar-nav > li > a {
 padding: 25px 18px;
}
.page-section {
 width: 100%;
 height: auto;
 padding: 35px 0;
}
.noPadd {
 padding: 0;
}
.page-section h1 {
 font-size: 3.5em;
 margin: 90px 0 30px;
 line-height: 1.2em;
}
.page-section h1 span {
 font-weight: 200;
}
.page-section h2 {
 color: #B41132;
}
.page-section p {
 /* color: #fff !important; */
 font-size: 15px;
 line-height: 1.5em;
}
.darkBg {
 background: #000;
}
.darkBg .fa {
 color: #B41132;
}
#map {
display: none;
/*height: 486px;
width: 100%;
background-color: #F6F4EF;*/
}
/*--- Banner ----*/
.banner-container {
 width: 100%;
 position: relative;
 padding: 0px;
 box-shadow: 0px 0px 1px rgba(0,0,0,0.4);
 background: url("../images/banner-bg.jpg") no-repeat;
 background-size: 100% 100%;
 background-size: cover;
 position: relative; 
}
.banner-container::after {
content: '';
position: absolute;
/*background: rgba(207, 20, 56, 0.87);*/
z-index: 4;
height: 100%;
width: 100%;
top: 0px;
}
.banner-container > img {
 width: 100%;
}
.banner-content {
 position: absolute;
 z-index: 3;
 top: 0px;
 left: 0px;
 right: 0px;
}
.hero-text h1 {
 color: #fff;
 font-size: 6.5em;
 margin: 2% 0 30px;
 line-height: 50px; 
 font-size: 48px;
 margin: 37px 0 13px; 
}
.hero-text p {
 font-size: 1.6em;
 color: #fff;
 font-style: normal; 
 text-shadow: 1px 1px 1px #8F8F8F;
}
.arrow-link {
display: inline-block;
font-size: 32px;
height: 50px;
line-height: 38px;
overflow: hidden;
text-align: center;
vertical-align: top;
width: 50px;
border: 4px solid #fff;
border-radius: 50%;
}
a.arrow-link {
 color: #fff;
}
a.arrow-link i{
font-size:28px;
}
a.arrow-link:hover {
 color: #fff;
}
.colord {
 background: rgb(24, 18, 18);
}
.colordb {
 background: rgb(34, 34, 34);	
}
 /*background-color: #212121;*/
}
.colord p {
color:#fff !important;
}
.colord h3 {
line-height: 30px;
}
.circle {
border: 1px solid #fff;
border-radius: 50%;
}
.hero-button {
 text-align: center;
 background: rgba(255, 255, 255, 0.36);
 border: 1px solid #fff;
 padding: 20px;
 display: inline-block;
 margin: 0 auto;
 clear: left;
 width: auto;
}
.hero-img {
 text-align: center;
 margin: 124px auto 24px auto;
}
.da-slider {
 margin: 0 auto !important;
}
.heading h2 {
 color: #222;
 font-family: 'Open Sans Condensed', sans-serif;
 /*font-family: 'web serveroff', Sans-Serif !important;*/
 text-transform:capitalize !important;
 font-weight: normal !important;
 /*padding:0 0 25px !important;*/
}
#contactUs .heading h2 {
 color: #fff;
}
.sub-heading {
 padding: 15px 0;
}
.sub-heading h2 {
 font-size: 18px;
 margin: 15px 0 8px !important;
}
.sub-heading p {
 color: #5A5A5A;
}
.heading {
 /*border: 3px solid #B41032;*/
 padding: 3px 10px;
 padding-bottom: 5px;
 margin-bottom: 10px;
 display: block;
}
.heading p {
 font-size: 1.2em;
}
.pdingBtm30 {
 padding-bottom: 30px;
}
.da-arrows span:after {
 width: 25px;
 height: 37px;
}
.da-arrows span {
 position: absolute;
 top: 50%;
 height: 34px;
 width: 34px;
 border-radius: 60px;
 background: none;
}
.da-dots span {
 display: inline-block;
 position: relative;
 width: 16px;
 height: 16px;
 border-radius: 50%;
 background: rgba(255, 255, 255, 0.13);
 margin: 3px;
 cursor: pointer;
 box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
 border: 2px solid #B41132;
}
img, video, embed, object {
 max-width: 100%;
 height: auto;
}
iframe {
 max-width: 100%;
 height: 380px;	
}
/* Courses
------------------------------------------------*/
.courses .cr1:last-child {
border: 0px;
}
.courses .cr1 {
background: rgb(180, 17, 50);
padding: 20px 0;
color: #fff;
border-right: 5px solid #181212;
border-bottom: 8px solid #181212;
}
.cr2 {
/*background: rgb(180, 17, 50);*/
padding: 20px 0;
color: #fff;
border-right: 2px solid 9E9E9E;	
}
.bl {
background: rgb(180, 17, 50);
color: #fff;
border-right: 5px solid #181212;
}
/* 
 -------------------------------------------------*/
 
a:hover {
 text-decoration:none; 
}

.panel-group .panel-heading {

 background: white;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}

.title-lg > span {
 display: inline-block;
 position: relative;
 padding: 0 20px 15px;
 border-bottom: 1px solid #e9e9e9;
 font-weight: 700;
}
.menu-lg > .item {
 padding: 10px 20px;
 margin-bottom: 2px;
 background: #f6f6f6;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.05);
 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.05);
}
.menu-lg > .item > .fa {
 float: left;
 margin-top: 10px;
 font-size: 28px;
}
.menu-lg > .item > .content {
 overflow: hidden;
 margin-left: 50px;
}
.menu-lg > .item .title {
 margin-bottom: 10px;
 text-transform: uppercase;
 font-weight: 600;
}
.menu-lg > .item .title a {
 text-decoration: none;
 color: #505050;
}
.menu-lg > .item .description {
 font-size: 13px;
}
.panel-group .panel-body {
 font-size: 13px;
 background: #f6f6f6;
 -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.03);
 box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.03);
} 
 
/* Features
 -------------------------------------------------*/
#aboutUs { 
 padding-top: 35px;
 padding-bottom: 25px;
 overflow: hidden;
 background: #FFFFFF; 
border-top: 1px dashed rgba(163, 0, 70, 0.35);
}
#aboutUs .feature {
 margin-top: 30px;
 margin-bottom: 54px;
}
#aboutUs .right {
 padding-left: 32px;
 float: right;
}
#aboutUs .left {
 padding-right: 32px;
 float: left;
}
#aboutUs h3 {
 font: 22px; 
 letter-spacing: 1px;
 color: #222;
 margin-top:0px;
}
.dataTxt h4 {
font-size: 24px; 
line-height: 36px;
color:#000;
}
.fluid-video-wrapper {
 margin-top: 18px;
}
#aboutUs .left {
 padding-right: 32px;
 float: left;
}
#aboutUs .right {
 float: right;
}
.row .area1 {
 width: 65%;
}
.row .area2 {
 width: 35%;
}
/* Services
 -------------------------------------------------*/
.grid .text-content {
 padding-left: 35%;
}
.grid .text-content {
 display: block;
 padding-left: 19%;
 padding-right: 8%;
}
.grid .grid-item {
}
.grid .text-content h5 {
 font-weight: bold;
}
.grid .grid-item .item-content {
 display: block;
 outline: none;
 text-decoration: none;
 padding: 20px 0;
}
.item-content .fa {
 position: absolute;
 color: #646464;
 font-size: 4.5em;
 top: 36px;
}
/* Team
 ---------------------------------------------------*/
.team-member {
 margin-bottom: 15px;
}
.member-img {
 overflow: hidden; 
 position:relative;
}
.team-member .member-img img {
 max-width: 100%;
 margin: 0 auto;

border: 1px solid #fff;
}
.team-member h4 {
 font-size: 19px;
 line-height: 32px;
 margin: 10px 0 0;
 text-align: center;
 color: red;
}
.team-member .pos {
 display: block;
 margin: 0;
 text-align: center;
}
.pos {
	font-family: Arial, sans-serif !important; 
}
.team-member .contact a {
 padding: 0 8px;
}
.team-socials {
 position:;
 left:0px;
 right:0px;
}
.team-socials a {
 background: white;
 padding: 7px 0;
 margin: 2px;
}
/*#contactUs {
 background:#222; 
}
#contactUs .btn {
 border-radius: 0px !important;
 background: #B41132;
}*/
.descrition {
 min-height: 90px;
 /*text-align: center;*/
 /*border-bottom: 1px solid #dadde2;*/
 padding: 5px 15px;
}
.team-member {
 padding: 0;
 background: #f2f2f2
}
.team-socials {
 margin: 23px 0;
 text-align: center;
 /* display: block; */
 padding-bottom: 20px;
}
.team-member:hover .team-socials {
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
 -ms-transition: all 1s ease;
 -o-transition: all 1s ease;
 transition: all 1s ease;
}
.team-socials i {
 width: 35px;
 height: 35px;
 position: relative;
 display: inline-block;
 text-align: center;
 font-size: 18px;
}
ul.plan.plan2.featured .plan-name {
background: #B41132;
}
/* --Portfolio----- */
#work {
 background: #3E454B;
 color: #fff;
 border-bottom: 15px solid white;
}
#work h2 {
 color: #fff;
}
#work p {
 color: #fff;
}
#support {
 background: #fff;
 color: #fff;
 border-bottom: 15px solid white;
}
#support h2 {
 color: #000 !important;
}
#support p {
 color: #fff;
}
.pic {
text-align: center; /* Выравнивания картинки по центру в html */ 
width="150";
height="60";
}
#portfolio {
 width: 100%
}
#portfolio .filters {
 margin-bottom: 40px
}
#portfolio .filters li {
padding:0px;
margin:0px;
}
#portfolio .filters li a {
 color: #999;
 font-weight: 600;
 text-transform: uppercase;
 background: rgb(101, 101, 101);
padding: 10px 20px;
margin: 0px;
}
#portfolio .filters li a, #portfolio .filters li a:hover, #portfolio .filters li a:focus {
 color: #fff;
 border:none;
}
#portfolio .filters li a.active {
 color: #fff !important;
background: #B41132; 
}
#portfolio .items {
 margin-bottom: 0
}
#portfolio .items li {
 position: relative;
 float: left;
 width: 25%;
 overflow: hidden;
 opacity:0.8;
}
#portfolio .items li a img {
 width: 100%;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
#portfolio .items li a .overlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%; 
 height: 100%;
 background-color: #000;
 background-color: rgba(163, 0, 70, 1);
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 opacity: 0;
}
#portfolio .items li a .overlay span {
 color: #FFF;
 position: absolute;
 height: 50px;
 top: 50%;
 left: 0px;
 right: 0px;
 margin-top: -25px;
 line-height: 50px;
 background: url('../images/zoom.png') top center no-repeat;
 padding: 17px 0;
}
#portfolio .items li a:hover .overlay {
 opacity: 1
}
#portfolio .items li a:hover img {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);
}
nav#filter {
 margin-bottom: 1.5em;
}
nav#filter li {
 display: inline-block;
 margin: 0 0 0 5px;
}
nav#filter a {
 padding: 4px 12px;
 line-height: 20px;
 border: 1px solid #B41132;
 text-decoration: none;
}
.current {
 background: #B41132;
 color: #fff;
} 
.page-section.intro {
 min-height: 600px;
}
.btn {
 font-weight: 200;
}
.btn-dark {
 background: #444;
 color: #fff;
}
.btn-dark:hover {
 background: #000;
 color: #fff;
}
.back-to-top {
 display: inline-block;
 clear: both;
 background: #fff;
 color: #333;
 padding: 0 10px 5px;
 margin: 20px 0 0;
 text-shadow: none;
}
.back-to-top:hover {
 background: #333;
 color: #fff;
 text-decoration: none;
}
hr {
 border-color: #ddd;
}
body {
 margin: 0;
 font-family: Arial, sans-serif;
}
#navigation {
 position: fixed;
 top: 0;
 right: 0;
 margin: 0;
 padding: 0;
 width: 200px;
 background: #ffffff;
 box-shadow: 0 10px 10px -10px #000000;
}
#navigation > li {
 margin: 0;
 padding: 0;
 list-style: none;
}
#navigation > li > a {
 margin: 1px;
 color: #000000;
 background: #cccccc;
 display: block;
 padding: 5px;
 text-decoration: none;
 transition: all 400ms;
}
#navigation > li > a.current, #navigation > li:hover > a {
 background: #999999;
}
a.read_more, a.read_more2 {
 font-family: "Raleway",sans-serif;
 display: block;
 font-size: 16px;
 width: 178px;
 height: 46px;
 line-height: 46px;
 border-radius: 3px;
 text-align: center;
 text-transform: uppercase;
 font-weight: 600;
 transition: all 0.2s ease-in-out 0s;
 background: none repeat scroll 0% 0% transparent;
 color: #FFF;
 border: 1px solid #FFF;
 margin: 0px auto;
}
.pageSection {
 min-height: 600px;
 padding: 20px;
 background: #dddddd;
}
.pageSection:nth-child(odd) {
 background: #eeeeee;
}
.socialIcons li {
 list-style: none;
 display: inline;
 margin-right: 6px;
}
footer {
 border-top: 1px solid #303030;
 padding: 45px 0;
 background: #fff;
}
.social a:hover {
 color: #000;
}
.social a {
 font-size: 32px;
 margin: 0 10px;
 color: #B41132;
}
.contact ul li {
 margin-bottom: 10px;
}
.contact ul li i {
 margin-right: 15px;
}

/*price*/
#price{
background: #B41132;
padding:5px 0;
}
.panel-group .panel { 
border-radius: 0;
}
#price .heading h2 {
color: #fff;
}
#price .text-primary {
color: #B41132;
}
#price h3{
color:#fff;
}
#price .heading p {
color:#fff;
}
.clients #owl-demo .item {
 background: none;
}
.clients .helper {
 display: inline-block;
 height: 100%;
 vertical-align: middle;
}
.clients .helper img {
 vertical-align: middle;
 max-height: 70px;
 max-width: 80%;
}
.clients .helper:hover {
 cursor: e-resize;
}
.clients .customNavigation > a {
 font-size: 25px;
 cursor: pointer;
 margin: 0px 5px;
}
.portfolio-item img:hover {
 width: 110%;
 height: 110%;
}
footer{
 background: #060606;
}
footer h4{
font-size:24px; 
padding-bottom:12px;
}
footer .col ul {
margin: 0;
padding: 0;
list-style: none;
}
footer .col ul li, footer .col p {
font-size: 14px;
}
footer .col.col-social-icons i {
width: 40px;
height: 40px;
display: inline-block;
padding: 10px;
margin-right: 10px;
margin-bottom: 10px;
text-align: center;
font-size: 18px; 
color: #333;
border-radius: 0px;
border: 1px solid #333;
}
footer .col.col-social-icons i:hover{
color:#B41132;
}
footer input.form-control{
 padding: 18px 10px;
} 
.area1 a{
 margin-bottom:10px;
}
#services, #aboutUs, #work, #price, #contactUs{
padding:15px 0;
} 
.heading h2 {
color: #222;
font-weight: bolder; 
text-transform: uppercase;
font-size: 50px;
}

@media (max-width:940px){
.flex-caption {
 bottom: 20%;
}
}
@media (min-width: 768px) {
.header .navbar-brand {
 padding-left: 0;
}

.navbar-nav {
 float: right ! important;
}
.navbar-inverse .navbar-nav > li > a {
 color: #fff !important;
 font-size: 16px;
 padding: 6px 3px !important;
 border-radius: 5px;
 margin: 19px 10px;
}

}

@media (max-width: 768px) {
.banner-container {
 background-size: contain;
}
.flex-caption {
 bottom: 6%;
}
#services, #aboutUs, #wor, #plans, #contactUs{
padding:45px 0;
}
.row .six {
 width: auto;
}
.da-slide h2 {
 font-size: 28px;
}
.banner-content p {
 font-size: 1.2em;
 text-shadow: none;
}
.hero-img {
 display: none;
}
.da-slide p {
 width: 67%;
 top: 122px;
}
.team-member .member-img img {
 max-width: 100%;
}
.da-slider {
 height: 380px;
 width: 100%;
 min-width: initial;
 margin: 0px !important;
}
.header .navbar-nav > li > a {
 padding: 25px 12px;
}
.portfolio-item img {
 text-decoration: none;
 display: block;
 width: 330px;
 height: 228px;
 float: left;
 margin: 0 3px 3px 0;
 opacity: 1;
 -webkit-transform: scale(1, 1);
 -webkit-transition-timing-function: ease-out;
 -webkit-transition-duration: 250ms;
 -moz-transform: scale(1, 1);
 -moz-transition-timing-function: ease-out;
 -moz-transition-duration: 250ms;
}
.portfolio-item:hover .folio-info {
 top: 0px;
}
.portfolio-item .portfolio-desc .folio-info {
 padding: 0px;
}
.portfolio-item .portfolio-desc .folio-info h5 {
 font-size: 1em;
} 
}

@media (max-width:760px) {
.header .navbar-nav > li > a {
 padding: 9px 12px !important;
 font-size: 14px; 
 margin: 0px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
 border-color: #A8A8A8;
}
.row .area1, .row .area2 { 
display: block;
width: 100%;
}

}

@media (max-width: 480px) {
.header{
background:#000;
}
.hero-text2 h3 {
font-size: 18px;
color: #fff;
line-height: 28px;
text-align: center;
}
.flex-caption{
display:none;
}
#portfolio .filters li a {
color: #999;
font-weight: 600;
text-transform: uppercase;
background: rgb(101, 101, 101);
padding: 10px 20px;
margin: 0px;
display: inline-block;
margin-bottom: 5px;
}
.banner-container {
 background-size: contain;
 margin-top: 68px;
}
.banner-container > img {
 width: 100%;
 height: 240px;
}
.responsive-headline {
 font-size: 16px !important
}
.hero-text {
margin-top: 22%;
}
.hero-text h1 { 
line-height: 35px; 
}
.responsive-headline {
font-size: 21px !important;
}
.navbar {
 min-height: 69px;
}
.arrow-link {
 display: none;
}
.da-slide h2 {
 font-size: 22px;
 top: 7px;
 text-shadow: none;
}
.da-slide p {
 width: 65%;
 top: 42px;
 height: 50px;
}
#section-top ul li a {
 height: 28px;
 line-height: 28px;
 width: 26px;
}
.team-socials a {
 background: white;
 padding: 1px 0;
 margin: 2px;
}
.team-socials i {
 width: 19px;
 height: 19px;
 position: relative;
 display: inline-block;
 text-align: center;
 font-size: 16px;
}
.page-section {
 padding: 0px;
}
.page-section h1 {
 font-size: 3em;
}
.page-section h2 {
 font-size: 2em;
}
.page-section p {
 font-size: 1em;
 margin: 0 0 20px;
}
.portfolio-item .portfolio-desc .folio-info h5 {
 font-size: 11px;
} 
.header .navbar-brand {
float: left;
padding: 12px 0px;
line-height: 18px; 
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 11px;
margin-right: 0px;
margin-bottom: 9px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 4px;
}
#portfolio .items li {
position: relative;
float: left;
width: 50%;
overflow: hidden;
}
.navbar-inverse .navbar-nav > li > a {
padding: 7px 15px !important;
margin: 0px;
}
}

@media (max-width: 320px) {
.banner-container {
 background-size: contain;
}
.da-slider {
 height: 300px;
}
.da-slider {
 width: 100%;
 min-width: initial;
 position: relative;
 margin: 0 auto;
}
.da-dots {
 bottom: 2px;
}
.grid .text-content {
 padding-left: 29%;
 padding-right: 2%;
}
.portfolio-item:hover .folio-info {
 top: 0px;
}
.portfolio-item .portfolio-desc .folio-info h5 {
 text-transform: uppercase;
 text-align: center;
 font-weight: normal;
 font-size: 10px;
 margin: 10px 0 0 0;
}
nav#filter li {
 display: inline-block;
 margin: 0 0 23px 5px;
}
;
}
#owl-demo .item {
 background: #3fbf79;
 padding: 30px 0px;
 margin: 10px;
 color: #FFF;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 text-align: center;
}
.customNavigation {
 text-align: center;
}
.customNavigation a {
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#contactUs { 
 background:#080808 url('../images/bg_7.jpg') top center no-repeat;
 border-bottom: 2px solid;
 border-color: #5b6d6d;
}
.parlex-back { 
 color: #FDFDFD !important; 
}
.parlex-back .heading p {
 color: #FDFDFD;
}
#clients {
padding: 30px 0; 
 background: #B41132;
}
#clients .heading h2 {
color: #fff;
}
/*Price table*/
.flat .plan {
 border-radius: 0px;
 list-style: none;
 padding: 0 0 20px;
 margin: 0 0 15px;
 background: #fff;
 text-align: center;
 box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.29) !important;
}
.flat .plan li {
 padding: 10px 15px;
 color: #ccc;
 border-top: 1px solid #f5f5f5;
 -webkit-transition: 300ms;
 transition: 300ms;
}
.flat .plan li.plan-price {
 border-top: 0;
}
.flat .plan li.plan-name {
 border-radius: 0;
 padding: 15px;
 font-size: 24px;
 line-height: 24px;
 color: #fff;
 background: #4E4E4E;
 margin-bottom: 30px;
 border-top: 0;
}
.flat .plan li > strong {
 color: #6B6B6B;
 font-weight: normal;
}
.flat .plan li.plan-action {
 margin-top: 10px;
 border-top: 0;
}
.flat .plan.featured {
 -webkit-transform: scale(1.1);
 -ms-transform: scale(1.1);
 transform: scale(1.1);
}
.flat .plan.featured:hover li.plan-name, .flat .plan:hover li.plan-name, .flat .plan.featured.plan-name {
 background: #B41132 !important;
}
.customNavigation {
 display: none;
}
# .heading {
 margin: 0px;
}
.isotope-item {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 opacity: 1;
}
.isotopeWrapper article {
 margin: 0px;
}


tr:nth-of-type(even) {
 background-color: #e1eef4;
 color:#52497d;
}

tr:nth-of-type(odd) {
 background-color: #474547;
}

.title_h4 {
 background: #b41132;
 text-align: center;
 color: #FFF !important;
}
.title_h4_1 {
 background: #b41132;
 text-align: center;
 color: #b41132 !important;
}
table {padding: 0;
 border-color:grey;
}
td { text-align:center; font-size:14px; }
th { text-align:center; font-size:16px;
}
td,th {border-color:grey;}
ul.list3 {
counter-reset: li;
list-style: none outside none;
margin-bottom: 4em;
padding: 0;
color:#b41132;
}
ul.list3 li {
position: relative;
padding: 4px 0 5px 37px;
}
ul.list3 li:after {
content: counter(li, decimal-leading-zero);
counter-increment: li;
position: absolute;
left: 0px;
top: 50%;
margin-top: -22px;
font-weight: 700;
border-radius: 100%;
color: #fff;
width: 26px;
height: 26px;
background-color:#b41132;
text-align: center;
line-height: 26px;
}

ul.list3-2 {
counter-reset: li;
list-style: none outside none;
margin-bottom: 4em;
padding: 0;
color:white;
}
ul.list3-2 li {
position: relative;
padding: 4px 0 5px 37px;
}
ul.list3-2 li:after {
content: counter(li, decimal-leading-zero);
counter-increment: li;
position: absolute;
left: 0px;
top: 10%;
margin-top: auto;
font-weight: 700;
border-radius: 100%;
color: #fff;
width: 26px;
height: 26px;
background-color:#b41132;
text-align: center;
line-height: 26px;
}
.nav navbar-nav {
font-family: 'RistrettoPro-Regular', sans-serif;
}
#main-nav {
font-family: 'RistrettoPro-Regular', sans-serif;
}

@font-face {
 font-family: 'aleksandracregular';
 src: url('font/fonts/aleksandrac-webfont.eot');
 src: url('font/fonts/aleksandrac-webfont.eot?#iefix') format('embedded-opentype'),
 url('font/fonts/aleksandrac-webfont.woff2') format('woff2'),
 url('font/fonts/aleksandrac-webfont.woff') format('woff'),
 url('font/fonts/aleksandrac-webfont.ttf') format('truetype'),
 url(font/fonts/'aleksandrac-webfont.svg#aleksandracregular') format('svg');
 font-weight: normal;
 font-style: normal;

}

/*@font-face {
 font-family: 'web_serveroffregular';
 src: url('font/fonts/web_serveroff.eot');
 src: url('font/fonts/web_serveroff.eot?#iefix') format('embedded-opentype'),
 url('font/fonts/web_serveroff.woff2') format('woff2'),
 url('font/fonts/web_serveroff.woff') format('woff'),
 url('font/fonts/web_serveroff.ttf') format('truetype'),
 url('font/fonts/web_serveroff.svg#web_serveroffregular') format('svg');
 font-weight: normal;
 font-style: normal;
}*/

.slogan {
 font-family: 'a_HuxleyCaps', sans-serif, ! important;
}
#indexTable1
{
 border: 0px none;
 background-color: transparent;
 border-spacing: 1px;
}
#indexTable1 td
{
 padding: 0px 0px 0px 6px;
}
#wb_uid0
{
 background-color: #fff;
 text-align: center;
 vertical-align: middle;
 width: 44px;
 height: 44px;
 color: #fff;
 font-weight: bold;
 font-size: 24px;
 border-bottom: 1px solid #b41132;
}
#wb_uid1
{
 background-color: #fff;
 width: 12px;
 height: 44px;
 /*border-top: 1px solid #b41132;*/
 border-bottom: 1px solid #b41132;
}
#wb_uid2
{
 background-color: #fff;
 
 vertical-align: bottom;
 height: 44px;
 padding-left: 6px;
 border-bottom: 1px solid #b41132;
 /*border-top: 1px solid #b41132;
 border-right: 1px solid #b41132;*/
 font-weight: bold;
 font-size: 18px;
 text-align: center;
}
#wb_uid3
{
 background-color: #fff;
 text-align: center;
 vertical-align: middle;
 height: 44px;
 padding-left: 6px;
 /*border-bottom: 1px solid #b41132;
 border-top: 1px solid #b41132;
 border-right: 1px solid #b41132;*/
 font-weight: bold;
 font-size: 14px;
}

#indexTable1
{
 /*position: absolute;
 left: 405px;
 top: 17px;*/
 width: 680px;
 height: 228px;
 z-index: 0;
}

#wb_uid3
{
 background-color: #fff;
 height: 2px;
}

.block1 { 
 width: 400px ! important;
 height: 450px ! important; 
 background: #fff;
 /*padding: 5px;
 padding-right: 5px;*/ 
 float: right;
 /*width: 30%;*/
 }
 
 .block2 { 
 width: 250px ! important;
 height:270px ! important; 
 background: #fff;
 /*padding: 5px;
 padding-right: 5px;*/ 
 float: left;
 /*width: 30%;*/
 }
.tab {
 float: left;
 width: 100%;
}
.vnim{
 margin-top: 30px;
 font-size: 14pt;
 color: #b41132; 
}
.indiv {
 background-color: #fff;
 text-align: left;
}
.courses li{
	list-style-type: none;
	list-style-position: outside;
    font-size: 12pt;
	color: #b41132;
	text-align: left;
	margin-right: 15px;
    }
.courses1 {
	list-style-type: none;
	list-style-position: outside;
    padding-left: 40px;
    font-size: 12pt;
	/*color: #b41132;*/
	text-align: left;
	margin-left: 280px;
	margin-right: 15px;
	/*float: right;*/
    }
ul.chevronlist li::before {
    content: "\f054 ";
    font-family: FontAwesome;
    margin-right: 5px;
}
}
/* p::first-letter {
    font-size: 3em; /* Размер буквы */
    color: red; /* Цвет буквы */
    float: left; /* Выравнивание по левому краю */
    margin: 0 4px 2px 0; /* Отступы вокруг буквы */
   }
.pcol (
    
	text-align: left;
)
.r-more {
border: 2px groove #fff;
margin-left: 50px;	
}
.dropcap-v2.dropcap {
    color: #fff;
    background: #b41132;
}
.dropcap {
    color: #000;
    float: left;
    font-weight: 600;
    line-height: 48px;
    width: 60px;
    height: 60px;
    margin-right: 0px;
    padding: 3px
10px 2px;
    text-transform: uppercase;
    text-align: center;
    font-size: 48px;
}
.radius-x {
    border-radius: 50% !important;
}
.bukv {
  border-left: 16px solid #bbccde;
  padding-left: 20px;
}
.r-more {
	position: relative;
	z-index: 1;
	display: table
	margin: 15px auto 0;
	padding: 8px 15px;
	background: #ECECEC;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
	color: #e7512f;
	text-transform: uppercase;
}
.r-more:after {
	display: inline-block;
	margin-left: 8px;
	content: "+";
	font-size: 14px;
}
.outline {
	align: center;
	margin:10px 33px 0;
	width: auto;
	background: #B41132;
    padding: 1px 10px 15px;
	font-size: 12pt;
	color: #ffffff;
	text-align: center;
}
.warn {
	font-size: 18pt;
	color: yellow;
	letter-spacing: 5px;
	font-weight: bolder;
	padding-top: 15px;
}
.warn1 {
	word-spacing: 15px;
	font-size: 18pt;
	color: red;
}
.skyp {
	font-size: 24pt;
	color: white;
}
.col-sm-3 {
	margin-left: 3px;
}
.bor {
    border-width:3;
    border-color: #b41132;
    border-style: solid;
    }
.list {
	padding-top: -29px;
    }
.cite {
	text-align: justify;
}

/* Базовый контейнер табов */
.tabs {
	min-width: 320px;
	max-width: 1140px;
	padding: 0px;
	margin: 0 auto;
}
/* Стили секций с содержанием */
.tabs>section {
	display: none;
	/*padding: 15px; */
	background: #222;
	/*border: 1px solid #ddd; */
}
.tabs>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Прячем чекбоксы */
.tabs>input {
	display: none;
	position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {
	display: inline-block;
	margin: 0 0 10px;
	font-weight: 300;
	text-align: center;
	color: #fff;
	background: #b41132;
	/*border-radius: 7px 7px;*/
	font-size: 22px;
}
/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs>label:before {
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 10px;
}
.tabs>label[for*="1"]:before {
	content: "\f078";
	width: 360px;
	height: 30px;
	/*margin: 0px 20px 0px;*/
	padding: 0px 10px 0px;
}
.tabs>label[for*="2"]:before {
	/*content: "\f103";*/
	content: "\f078";
	font-weight: bold;
	/*font-size: 24px;*/
	width: 360px;
	height: 30px;
	padding: 0px 10px 0px;
}
.tabs>label[for*="3"]:before {
	/*content: "\f063";*/
	content: "\f078";
	width: 360px;
	height: 30px;
	padding: 0px 10px 0px;
}

/* Изменения стиля переключателей вкладок при наведении */
 
.tabs>label:hover {
	color: #888;
	cursor: pointer;
}
/* Стили для активной вкладки */
.tabs>input:checked+label {
	color: #ffd632;
	background: #b41132;
	font-weight: 300;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {
	display: block;
}
/* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
 
}/*@media screen and (max-width: 680px) {
	.tabs>label {
		font-size: 0;
	}
	.tabs>label:before {
		margin: 0;
		font-size: 18px;
	}
} */
/* Изменяем внутренние отступы 
*  переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
	.tabs>label {
		padding: 15px;
	}
}
.tftable {margin-right: 0px; 
          margin-bottom: 20px;
		  
		  border: 1px solid gray;
		  border-collapse: collapse;
		  border-bottom: 3px solid red;
		  border-right: 3px solid red;
}

.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 0 1px 0 0; /* Отступы вокруг картинки */
   }
 .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   } 
.pr1 {
	float: left; padding: 10px;
	/*border: 1px solid white;*/
	}  
 .ico {
	width: 130px;
	height: 40px; 
 }
 #icons li {
	 display:inline-block; /* расположить пункты горизонтально */
    }
a.content {
    color: red; /* Цвет ссылок */ 
    text-decoration: none; /* Убираем подчеркивание */ 
   }

a.content:hover {
    color: #9696FA; /* Цвет ссылок при наведении на них курсора мыши */ 
   }
.pr3 {
	border-right: 5px solid #767474;
   }
.test {
	border: 1px solid white;
	padding-top: 10px;
}
.quest {
	font-size: 20px; 
	color: #e2f023;
}
a.content-1 {
    color: #FFFB1E; /* Цвет ссылок */ 
    text-decoration: none; /* Убираем подчеркивание */ 
   }

a.content-1:hover {
    color: #9696FA; /* Цвет ссылок при наведении на них курсора мыши */ 
   }
.urov {
	width: 500px; /* Ширина слоя */
    margin: 70px; /* Значение отступов */
    padding: 10px; /* Поля вокруг текста */
    border: 5px double white; /* Параметры границы */
   }
.telef {
    display: inline-block;
    font-size: 20px;
    max-height: 90px;
}
.telef a {
    text-decoration: none;
    color: white;
} 
.telef1 a {
    text-decoration: none;
    color: grey;
	float: right;
.firstLink {
	background: #b41132;
	border: 1px solid white;
} 
.bblock {
        float: left; /*Задаем обтекание*/
        margin-right: 80px;
		}
.bblock1 {
        float: left; /*Задаем обтекание*/
        margin-right: 50px;
		}
		
.block1 {
float: left;
display: block;
width: 300px;
border: 1px solid blue;
margin: 2px;
}

.block2 {
float: left;
display: block;
width: 300px;
border: 1px solid blue;
margin: 2px;
}
#icons li { display: inline;
}
#icons a {padding: 5px 15px;
}
.wrapper {
        text-align: center;
    }
    
.wrapper ul {
      display: inline-block;
      text-align: left;
    }
.tes {
	padding-left: 20px;
}
.big {
text-align: center;
font-size: 20px;
font-color: #b41132;
font-weight: bold;
text-shadow: 2px;
}
.small {
text-align: center;
font-size: 16px;
border-bottom: 2px;
border-color: #000;
}

.parent {
  display: flex;
  justify-content: center;
}