@charset "utf-8";

a{
color:#3393f2;
}
a:hover {
  color: #01060c;
  text-decoration: underline;
}



/****************************************************Новый код********************************************/
body {
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    line-height: 1.6em;
    margin: 0;
    padding: 0;
    text-align: center;
	background-color: #fff;
    color: #333;
}
.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
    content: " ";
    display: table;
}
*::before, *::after {
    box-sizing: border-box;
}
.clearfix::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after {
    clear: both;
}
.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
    content: " ";
    display: table;
}
*::before, *::after {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
#shapka{
 
    background-position: center center;
    background-repeat: no-repeat;
    height: 500px;
    overflow-y: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.intro-text {
    margin-top: 200px;
    position: relative;
    width: 100%;
    z-index: 1000;
}
/*container*/
.container {
    width: 1170px;
}
.container {
    width: 970px;
}
.container {
    width: 750px;
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-md-12 {
    width: 100%;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.col-md-offset-2 {
    margin-left: 16.6667%;
}
.col-md-8 {
    width: 66.6667%;
}
#shapka .brand {
    margin-top: -73px;
}

/*About*/
.bg-white {
    background: #fff none repeat scroll 0 0;
}
.home-section {
    padding: 90px 0 150px;
    width: 100%;
}
.section-heading {
    margin-bottom: 70px;
}
.section-heading h1 {
   font-size: 40px;
    text-transform: uppercase;
}
.section-heading p {
font-size: 18px;
}
#about.home-section.bg-white div.container div.row div.col-xs-12.col-sm-3.col-md-3.col-lg-3 div.box-team.wow.bounceInDown{
 float: right;
    margin-top: -188px;
    text-align: left;
    width: 75%;
}

/*spacer*/
#spacer1 {
 height: 500px;
}
.color-light h5, .color-light h6 {
color: #000;
    font-size: 19px;
}
.button, .button:visited, .button:focus {
    background-color: transparent;
    border: 1px solid #181a1c;
    color: #181a1c;
    display: inline-block;
    font-size: 17px;
    padding: 15px 30px;
	text-decoration: none;
}
.button:hover, .button:active {
    background-color: #181a1c;
    color: #fff;
	text-decoration: none;
}

/*Services*/
.section-heading {
    margin-bottom: 70px;
}
#services.home-section.bg-white div.container div.row div.col-md-offset-2.col-md-8 div.section-heading h5{
   font-size: 30px;
}
p {
    margin: 0 0 10px;
}
#services.home-section.bg-white div.container div.row div.col-md-offset-2.col-md-8 div.section-heading p{
 width: 500px;
}
.textcon{
text-align: left;
}

/*Spacer2*/
#spacer2 {
   height: 500px;
}
#spacer2.home-section.spacer div.container div.row div.col-md-12 div.color-light h5.wow.bounceInDown{
font-size: 33px;
}
#spacer2.home-section.spacer div.container div.row div.col-md-12 div.color-light p.lead.wow.bounceInUp{
color: #000;
    font-size: 19px;
}

/*Contact*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
#contact.home-section.bg-white div.container div.row div.col-md-offset-2.col-md-8 div.section-heading h4{
font-size: 25px;
}
.contactf{
float: left;
    text-align: left;
}
#contact.home-section.bg-white div.container div.row div.col-md-offset-1.col-md-10 div.contactf div.img {

}
#contact.home-section.bg-white div.container div.row div.col-md-offset-1.col-md-10 div.contactf div.map {
color: #000;
    float: left;
    margin-left: 44px;
    margin-top: -27px;
}
#contact.home-section.bg-white div.container div.row.mar-top30 div.col-md-offset-2.col-md-8 h5{
 font-size: 24px;
}
.social-network{
 margin-left: 142px;
}
.soc{
float: left;
}
#contact.home-section.bg-white div.container div.row.mar-top30 div.col-md-offset-2.col-md-8 div.social-network div.soc a {
max-width: 100%;
    opacity: 1;
    transition: opacity 0.2s ease-out 0s;
    vertical-align: top;
	padding: 5px;
}
#contact.home-section.bg-white div.container div.row.mar-top30 div.col-md-offset-2.col-md-8 div.social-network div.soc a :hover{
max-width: 100%;
    opacity: 0.50;
    transition: opacity 0.2s ease-out 0s;
    vertical-align: top;
}

/*Footer*/
footer {
    background: #2b2b2b none repeat scroll 0 0;
    color: #ddd;
    padding: 50px 0 30px;
}


/*3д кнопки сылок*/
a.transparent:link, a.transparent:visited {
        color: #fff;
        padding: 20px 40px;
        border-style: none;
        background-color: rgba(0,0,0,0);
        font: 15px/1 "Open Sans",sans-serif;;
        text-shadow: #000 0 2px 2px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        display: inline-block;
}

a.transparent:hover {
        -moz-box-shadow: rgba(255,255,255,.28) 0px 1px 1px, inset rgba(0,0,0,.5) 0 1px 4px;
        -webkit-box-shadow: rgba(255,255,255,.28) 0px 1px 1px, inset rgba(0,0,0,.5) 0 1px 4px;
        box-shadow: rgba(255,255,255,.28) 0px 1px 1px, inset rgba(0,0,0,.5) 0 1px 4px;
        background-image: -moz-linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.2) 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(30%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.2)));
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.2) 100%);
        background-image: -o-linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.2) 100%);
        background-image: linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.2) 100%);
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
}

a.transparent:active {
        background: rgba(0,0,0,.3);
        -moz-box-shadow: rgba(255,255,255,.28) 0px 1px 1px, inset rgba(0,0,0,.5) 0 1px 6px;
        -webkit-box-shadow: rgba(255,255,255,.28) 0px 1px 1px, inset rgba(0,0,0,.5) 0 1px 6px;
        box-shadow: rgba(255,255,255,.28) 0px 1px 1px, inset rgba(0,0,0,.5) 0 1px 6px;
}
/*3д кнопки сылок*/