@font-face { 
font-family: AvantGardeCTTB; 
src: url('images/AvantGardeCTT_Bold.eot'); 
src: local('O'), url('images/AvantGardeCTT_Bold.woff') format('woff'), url('images/AvantGardeCTT_Bold.ttf') format('truetype'), url('images/AvantGardeCTT_Bold.svg') format('svg'); 
font-weight: normal; 
font-style: normal; 
}

@font-face { 
font-family: AvantGardeCTTR; 
src: url('images/AvantGardeCTT_Regular.eot'); 
src: local('O'), url('images/AvantGardeCTT_Regular.woff') format('woff'), url('images/AvantGardeCTT_Regular.ttf') format('truetype'), url('images/AvantGardeCTT_Regular.svg') format('svg'); 
font-weight: normal; 
font-style: normal; 
}

html, body {margin: 0px; padding: 0px;}

h1,h2,h3,h4,h5,h6,h7,h8 {
margin: 0px;
}

.shadow_bottom {
-moz-box-shadow: 0px 8px 25px #000000; 
-webkit-box-shadow: 0px 8px 25px #000000; 
box-shadow: 0px 8px 25px #000000;
}

b, strong {
font-family: AvantGardeCTTB;
}

b::selection, strong::selection {
background: #26688f;
color: #fff;
}

b::-moz-selection, strong::-moz-selection  {
background: #26688f;
color: #fff;
}

#head {
background: #fff;
position: fixed;
width: 100%;
color: #000;
height: 100px;
z-index: 3;
}

#head > div {
margin: 0px auto;
width: 980px;
}

#contact div.flex-wrap{
	margin-left: 0;
    width: 100%;
    height: max-content;
    display: flex;
    margin-top: 20px;
}
.b23btn{
    background: #26688f;
    margin: 5px 0px;
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: AvantGardeCTTR;
    border: none;
    margin: 0 auto;
    display: block;
}
#head > div > div {
float: right;
}

#head > div > a {
float: left;
display: inline-block;
font-size: 0px;
background: url('images/logo_kirov3.png');
width: 204px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
}

#head > div div a {
    display: inline-block;
    width: max-content;
    text-align: center;
    height: 57px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    font-family: AvantGardeCTTR;
    color: #26688f;
    padding: 43px 5px 0;
}

#head > div div a:hover {
background: #26688f;
color: #fff;
}

/*HELLO*/

#hello {
width: 100%;
color: #000;
height: 650px;
overflow: hidden;
}

#hello > div {
margin: 0px auto;
width: 960px;
position: relative;
padding: 10px;
}

#hello > div img {
width: 2000px;
left: 50%;
position: absolute;
margin-left: -1000px;
margin-top: -110px;
}

#hello > div h1 {
position: relative;
float: right;
top: 200px;
background: rgba(38, 104, 143, 0.6);
padding: 10px 20px;
display: inline-block;
color: #fff;
clear: right;
text-transform: uppercase;
font-size: 60px;
font-family: AvantGardeCTTR;
}

#hello > div h2 {
position: relative;
float: right;
top: 200px;
background: rgba(38, 104, 143, 0.6);;
padding: 10px 20px;
display: inline-block;
color: #fff;
clear: right;
text-transform: uppercase;
font-size: 40px;
font-family: AvantGardeCTTR;
}

#hello > div h3 {
position: relative;
float: right;
top: 200px;
background: #fff;
padding: 10px 20px;
display: inline-block;
color: #262626;
clear: right;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 30px;
font-family: AvantGardeCTTR;
}

#hello a {
position: relative;
float: right;
top: 200px;
background: #26688f;
padding: 10px 20px;
display: inline-block;
color: #fff;
clear: right;
margin-top: 20px;
font-size: 20px;
text-decoration: none;
text-transform: uppercase;
font-family: AvantGardeCTTR;
}

#hello a:hover {
background: #376AAD;
text-decoration: underline;
}

#hello > div h3::selection {
background: #26688f;
color: #fff;
}

#hello > div h3::-moz-selection {
background: #26688f;
color: #fff;
}

#hello > div h2::selection, #hello > div h1::selection {
background: #fff;
color: #262626;
}

#hello > div h2::-moz-selection, #hello > div h1::-moz-selection {
background: #fff;
color: #262626;
}

/*ABOUT*/

#about {
padding: 30px 0px;
width: 100%;
color: #000;
overflow: hidden;
}

#about > div {
margin: 0px auto;
width: 980px;
position: relative;
}

#about > div div {
width: 400px;
float: left;
margin-right: 100px;
font-size: 16px;
font-family: AvantGardeCTTR;
line-height: 25px;
padding: 20px;
}

#about > div div + div {
margin-right: 0px !important;
}


#about > div div > div {
font-size: 22px;
font-family: AvantGardeCTTR;
margin: 20px 0px;
padding: 0px;
}

#about h2 {
font-size: 45px;
font-family: AvantGardeCTTR;
margin: 20px 20px;
}

#about h3 {
font-size: 24px;
font-family: AvantGardeCTTR;
margin: 20px 0px;
}

#about div::selection, #about h2::selection, #about h3::selection {
background: #26688f;
color: #fff;
}

#about div::-moz-selection, #about h2::-moz-selection, #about h3::-moz-selection  {
background: #26688f;
color: #fff;
}

#about a {
background: #26688f;
padding: 10px 20px;
display: inline-block;
color: #fff;
margin: 20px 0px;
font-size: 20px;
text-decoration: none;
text-transform: uppercase;
font-family: AvantGardeCTTR;
}

#about a:hover {
background: #376AAD;
text-decoration: underline;
}

#gallery {
width: 100%;
color: #000;
height: 600px;
overflow: hidden;
background: url('images/office1.jpg');
background-attachment: fixed;
background-position-x: 50%;
}

#gallery > div {
margin: 0px auto;
width: 960px;
position: relative;
padding: 10px;
}

#gallery > div h2 {
position: relative;
float: left;
top: 100px;
background: rgba(38, 104, 143, 0.6);
padding: 10px 20px;
display: inline-block;
color: #fff;
clear: left;
text-transform: uppercase;
font-size: 40px;
font-family: AvantGardeCTTR;
}

#gallery > div h3 {
position: relative;
float: left;
top: 100px;
background: #fff;
padding: 10px 20px;
display: inline-block;
color: #262626;
clear: left;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 55px;
font-family: AvantGardeCTTR;
}

#gallery > div h4 {
position: relative;
float: left;
top: 100px;
background: #fff;
padding: 10px 20px;
display: inline-block;
color: #262626;
clear: right;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 30px;
font-family: AvantGardeCTTR;
}

#gallery a {
position: relative;
float: left;
top: 100px;
background: #26688f;
padding: 10px 20px;
display: inline-block;
color: #fff;
clear: left;
margin-top: 20px;
font-size: 20px;
text-decoration: none;
text-transform: uppercase;
font-family: AvantGardeCTTR;
}

#gallery a:hover {
background: #376AAD;
text-decoration: underline;
}

#gallery > div h2::selection {
background: #fff;
color: #262626;
}

#gallery > div h2::-moz-selection {
background: #fff;
color: #262626;
}

#gallery > div h3::selection {
background: #26688f;
color: #fff;
}

#gallery > div h3::-moz-selection {
background: #26688f;
color: #fff;
}

#gallery > div h4::selection {
background: #26688f;
color: #fff;
}

#gallery > div h4::-moz-selection {
background: #26688f;
color: #fff;
}


/*CERTIFICATES*/

#certificates {
width: 100%;
color: #26688f;
overflow: hidden;
padding: 30px 0px 0px 0px;
font-family: AvantGardeCTTR;
}

#certificates .container {
width: 980px;
margin: 0px auto;
}

#certificates .sertpic {
margin: 0px -20px;
vertical-align: top;
width: 150px;
height: 170px;
display: inline-block;
border: 1px solid silver;
}

#certificates .content {
margin: 0px 20px 60px 32px;
vertical-align: top;
width: 320px;
display: inline-block;
border: 0px solid silver;
}

#certificates .content div {
padding 20px;
}

#certificates .price {
text-align: left;
color: #070707;
font-weight: bold;
font-size: 18px;
font-family: AvantGardeCTTR;
}

#certificates span {
color: #26688f;
}

#certificates .button {
text-align: center;
margin-bottom: 20px;
margin-top: 0px;
}

#certificates .callme {
font-weight: bold;
font-size: 16px;
text-align: right;
}

#certificates .container h2 {
font-size: 45px;
font-family: AvantGardeCTTR;
margin: 20px 0px;
}

#certificates .container h3 {
font-size: 24px;
font-family: AvantGardeCTTR;
margin: 0px 0px;
}

#certificates div::selection, #certificates h2::selection, #certificates h3::selection {
background: #26688f;
color: #fff;
}

#certificates div::-moz-selection, #certificates h2::-moz-selection, #certificates h3::-moz-selection  {
background: #26688f;
color: #fff;
}

#certificates img {
width: 150px;
height: 150px;
margin-right: 10px;
cursor: pointer;
}

#certificates .container a {
background: #26688f;
padding: 10px 20px;
display: inline-block;
color: #fff;
margin: 0px 0px;
font-size: 20px;
text-decoration: none;
text-transform: uppercase;
font-family: AvantGardeCTTR;
float: right;
}

#certificates .container a:hover {
background: #376AAD;
text-decoration: underline;
}

/*SWIM*/

#swim {
width: 100%;
color: #26688f;
overflow: hidden;
padding: 30px 0px 0px 0px;
font-family: AvantGardeCTTR;
}

#swim .container {
width: 980px;
margin: 0px auto;
}

#swim .sertpic {
margin: 0px -20px;
vertical-align: top;
width: 150px;
height: 170px;
display: inline-block;
border: 1px solid silver;
}

#swim .content {
margin: 0px 20px 60px 32px;
vertical-align: top;
width: 320px;
display: inline-block;
border: 0px solid silver;
}

#swim .content div {
padding 20px;
}

#swim .price {
text-align: left;
color: #070707;
font-weight: bold;
font-size: 18px;
font-family: AvantGardeCTTR;
}

#swim span {
color: #26688f;
}

#swim .button {
text-align: center;
margin-bottom: 20px;
margin-top: 0px;
}

#swim .callme {
font-weight: bold;
font-size: 16px;
text-align: right;
}

#swim .container h2 {
font-size: 45px;
font-family: AvantGardeCTTR;
margin: 20px 0px;
}

#swim .container h3 {
font-size: 24px;
font-family: AvantGardeCTTR;
margin: 0px 0px;
}

#swim div::selection, #certificates h2::selection, #certificates h3::selection {
background: #26688f;
color: #fff;
}

#swim div::-moz-selection, #certificates h2::-moz-selection, #certificates h3::-moz-selection  {
background: #26688f;
color: #fff;
}

#swim img {
width: 150px;
height: 150px;
margin-right: 10px;
cursor: pointer;
}

#swim .container a {
background: #26688f;
padding: 10px 20px;
display: inline-block;
color: #fff;
margin: 0px 0px;
font-size: 20px;
text-decoration: none;
text-transform: uppercase;
font-family: AvantGardeCTTR;
float: right;
}

#swim .container a:hover {
background: #376AAD;
text-decoration: underline;
}


/*clients*/

#clients {
width: 100%;
color: #000;
overflow: hidden;
padding: 30px 0px 60px 0px;
}

#clients .container {
margin: 0px auto;
width: 980px;
}

#clients .logopic {
margin: 10px 0px 0px 10px;
vertical-align: top;
width: 180px;
display: inline-block;
}

#clients h2 {
font-size: 45px;
font-family: AvantGardeCTTR;
margin: 20px 0px;
}

#clients h3 {
font-size: 24px;
font-family: AvantGardeCTTR;
margin: 0px 5px;
}

#clients .container::selection, #clients h2::selection, #clients h3::selection {
background: #26688f;
color: #fff;
}

#clients .container::-moz-selection, #clients h2::-moz-selection, #clients h3::-moz-selection  {
background: #26688f;
color: #fff;
}

#clients img {
width: 200px;
padding: 5px;
border: 0px solid silver;
}

/*CONTACT*/
#contact {
position:relative;
width: 100%;
color: #000;
height: 630px;
overflow: hidden;
}

#contact .map-container{
 position: absolute;
 width:100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
}

#contact div {
margin: 0px auto;
width: 980px;
position: relative;
}

#contact h2 {
font-size: 45px;
font-family: AvantGardeCTTR;
margin: 0px;
position: absolute;
z-index: 2;
background: #fff;
padding: 5px 20px;
top: 20px;
}

#contact > div > div {
font-size: 16px;
font-family: AvantGardeCTTR;
position: absolute;
z-index: 2;
background: rgba(0,0,0,.4);
padding: 20px;
top: 90px;
color: #fff;
width: 480px;
height: 480px;
}

#contact > div > div + div {
font-size: 16px;
font-family: AvantGardeCTTR;
position: absolute;
z-index: 3;
background: #000;
padding: 10px;
top: 470px;
color: #fff;
width: 480px;
height: 120px;
left: 530px;
}

#contact > div > div input {
font-size: 16px;
font-family: AvantGardeCTTB;
background: #FFFFFF;
padding: 10px;
color: #262626;
border: 0px;
margin: 10px 0px;
width: 460px;
}

#contact > div > div textarea {
font-size: 16px;
font-family: AvantGardeCTTR;
background: #FFFFFF;
padding: 10px;
color: #262626;
border: 0px;
margin: 10px 0px;
width: 460px;
height: 60px;
}

#contact > div > div a {
background: #26688f;
margin: 5px 0px;
padding: 10px 20px;
display: inline-block;
color: #fff;
font-size: 20px;
text-decoration: none;
text-transform: uppercase;
font-family: AvantGardeCTTR;
float: right;
}

#contact > div > div a:hover {
background: #376AAD;
text-decoration: underline;
}

#contact > div iframe {
width: 2500px;
height: 750px;
position: absolute;
left: 50%;
top: 0px;
margin-left: -1250px;
}

/*FOOTER*/
#footer {
width: 100%;
color: #000;
height: 100px;
overflow: hidden;
background: #26688f;
}

#footer .container {
margin: 0px auto;
width: 980px;
padding: 30px 0px;
color: #fff;
font-family: AvantGardeCTTR;
font-size: 16px;
}

#footer .container a {
color: #fff;
}

#footer .container .social {
float: right;
margin: 0px auto;
width: 610px;
color: #fff;
font-family: AvantGardeCTTR;
font-size: 16px;
}

#footer .container .social a {
margin: auto;
display: inline-block;
vertical-align: -15px;
padding: 10px;
width: 20px;
height: 20px;
margin-right:0px;
border-radius:0px;
}

#footer .container .social .goo {
background: url(images/soc.png) -129px -2px;
}

#footer .container .social .goo:hover {
background-position: -129px -46px;
}

#footer .container .social .tw {
background: url(images/soc.png) -86px -2px;
}

#footer .container .social .tw:hover {
background-position: -87px -46px;
}

#footer .container .social .fb {
background: url(images/soc.png) 1px -2px;
}

#footer .container .social .fb:hover {
background-position: 1px -45px;
}

#footer .container .social .vk {
background: url(images/soc.png) -43px -2px;
}

#footer .container .social .vk:hover {
background-position: -44px -46px;
}

#super_new_alert {
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0,0.6);
z-index: 10;
display: none;
opacity: 0;
cursor: pointer;
}

#super_new_alert div {
position: relative;
top: 10%;
left: 35%;
font-family: AvantGardeCTTR;
font-size: 16px;
}

.yashare-auto-init {
display: inline;
}

.yashare-auto-init a{
background: none !important;
float: left !important;
padding: 0px !important;
margin: 0px 2px 0px 0px !important;}