body,html { height:100%; text-align:center; font-family:Arial; }
.clear {clear:both;}
.center {text-align:center!important;}
div#woe { width:100%; text-align:center; display:table; height:100%; }
div#wrath { display:block; text-align:center; vertical-align:middle; margin:40px auto 0px; }
div#destruction { width:960px; margin:0px auto; position:relative; z-index:100; }
div.block { margin-bottom:44px; width:180px; height:180px; float:left; margin-right:10px; transition: transform .3s;  }
div.block a { display:block; width:180px; height:180px; text-decoration:none;  color:#fff; line-height:180px; font-size:18px; }
div.block span { font-size:18px; text-transform:lowercase; }


div.block:hover {
    position: relative;
    opacity: 1;
	transform: scale(1.1); 
}









div.block#block4 { width:176px; height:176px; border:2px solid #ccc; }
div#block4 a { line-height:32px; padding-top:55px;  height:125px; color:#137FBB;}
div#block4 { background:url('rainbow.jpg') no-repeat right top transparent; }






div#block1 { background:url('block1.png') no-repeat center center transparent; }
div#block1 a { line-height:32px; padding-top:55px;  height:125px;}




div#block2 { background:url('block3.png') no-repeat center center transparent; }


div#block3 { background:url('block4.png') no-repeat center center transparent; }

div#block5 { background:url('block5.png') no-repeat center center transparent; padding:40px 0px; height:100px; }
div#block5 a { display:inline-block; width:38px; height:38px; margin-bottom:20px; margin-right:4px; vertical-align:top; }
div#block5 a img { vertical-align:top; }
div#block5 a:hover img { opacity:0.8; }
div#block5 a.last { margin-right:0px; }


div#block6 { clear:both; /*background-color:#96989A;*/background:url('block1.png') repeat-x center center transparent; text-align:center; padding:5px 10px 5px 40px; margin-bottom:20px; width:890px; }
div#block6 p { font-size:16px; line-height:20px; color:#fff; font-family:Arial; }





div#block7 { background:url('block1.png') no-repeat center center transparent; }
div#block7 a { line-height:32px; padding-top:42px;  height:125px;}


div#block8 { background:url('block4.png') no-repeat center center transparent; }
div#block8 a { line-height:32px; padding-top:42px;  height:125px;}



div#block9 { background:url('block3.png') no-repeat center center transparent; }
div#block9 a { line-height:32px; padding-top:42px;  height:125px;}

div#block10 { background:url('block1.png') no-repeat center center transparent; }
div#block10 a { line-height:32px; padding-top:42px;  height:125px;}

div#block11 { background:url('block4.png') no-repeat center center transparent; }
div#block11 a { line-height:32px; padding-top:42px;  height:125px;}

div#block12 { background:url('block3.png') no-repeat center center transparent; }
div#block12 a { line-height:32px; padding-top:42px;  height:125px;}

div#block13 { background:url('block1.png') no-repeat center center transparent; }
div#block13 a { line-height:32px; padding-top:42px;  height:125px;}

div#block14 { background:url('block4.png') no-repeat center center transparent; }
div#block14 a { line-height:32px; padding-top:42px;  height:125px;}



div#social { float:right; }
div#social td { vertical-align:top; }
div#vk_like, div#vk-like-2 { margin-left:20px; }
div#hidden { display:none; }

div.inline h1 { color:#32AADC; text-transform:uppercase; font-size:18px; line-height:120%; margin-bottom:15px; }
div.inline p { color:#525252; line-height:160%; font-size:16px; margin-bottom:5px; }
div.inline a { color:#32AADC; text-decoration:underline;}
div.inline a:hover { text-decoration:none;}
div#inline1 { width:708px; height:530px; padding:30px; border:5px solid #28A7DB; text-align:left; background-color:#fff; }
div#inline1 ul { color:#32AADC; list-style-type:disc; padding-left:20px;  }
div#inline1 ul li { line-height:160%; font-size:16px; }
div#inline1 span { color:#525252;  }
div#inline2 { width:750px; height:572px; padding:9px; border:5px solid #E0424B; text-align:left; background-color:#fff; }
div#inline2 p {font-size:14px; }
div#inline2a { width:750px; height:572px; padding:9px; border:5px solid #666; text-align:left; background-color:#fff; }
div#inline2a p {font-size:14px; }
div#inline3 { width:750px; height:572px; padding:9px; border:5px solid #E0424B; text-align:left; background-color:#fff; }
div#inline3 p {font-size:14px; }

div#inline7 { width:750px; height:572px; padding:9px; border:5px solid #28A7DB; text-align:left; background-color:#fff; }
div#inline7 p {font-size:14px; }

div#inline8 { width:750px; height:572px; padding:9px; border:5px solid #666; text-align:left; background-color:#fff; }
div#inline8 p {font-size:14px; }

div#inline9 { width:750px; height:572px; padding:9px; border:5px solid #E0424B; text-align:left; background-color:#fff;}
div#inline9 p {font-size:14px; }

div#inline10 { width:750px; height:572px; padding:9px; border:5px solid #28A7DB; text-align:left; background-color:#fff;}
div#inline10 p {font-size:14px; }

div#inline11 { width:750px; height:572px; padding:9px; border:5px solid #666; text-align:left; background-color:#fff;}
div#inline11 p {font-size:14px; }

div#inline12 { width:750px; height:572px; padding:9px; border:5px solid #E0424B; text-align:left; background-color:#fff;}
div#inline12 p {font-size:14px; }

div#inline13 { width:750px; height:572px; padding:9px; border:5px solid #28A7DB; text-align:left; background-color:#fff;}
div#inline13 p {font-size:14px; }

div#inline14 { width:750px; height:572px; padding:9px; border:5px solid #28A7DB; text-align:left; background-color:#fff;}
div#inline14 p {font-size:14px; }

/*div#inline3 h1 { color:#919293; text-transform:uppercase; font-size:30px; line-height:120%; margin-bottom:20px; }
div#inline3 p { color:#919292; line-height:31px; font-size:16px; padding-left:30px; }*/
p.map11 { background:url('map11.png') no-repeat left center transparent; padding-left:30px; }
p.map22 { background:url('map22.png') no-repeat left center transparent; padding-left:30px; }
p.map33 { background:url('map33.png') no-repeat left center transparent; padding-left:30px; }
p.phone { background:url('phone.png') no-repeat left center transparent; padding-left:30px; }
p.mail { background:url('mail2.png') no-repeat left center transparent; padding-left:30px; }
p.skype { background:url('skype.png') no-repeat left center transparent; padding-left:30px; }
div#inline3 td { vertical-align:top; }
div#vk-like-2  { height:20px; overflow:hidden; }
#map { position:absolute; left:0px; right:0px; top:0px; bottom:0px; width:100%; height:100%; }
a#close1, a#close2, a#close3  { position:absolute; right:20px; top:20px; display:block; width:18px; height:18px; }
a#close1 { background:url('close1.png') no-repeat left center transparent; z-index: 11; }
a#close2 { background:url('close2.png') no-repeat left center transparent; z-index: 11; }
a#close3 { background:url('close3.png') no-repeat left center transparent; z-index: 11; }
img.flogo {float:right;margin:0px 0px 20px 20px;width:200px;}
img.build {float:right;margin:0px 0px 20px 20px;width:340px;}




/* 
div#blockF { clear:both;background:url('block1.png') repeat-x center center transparent; text-align:center; padding:25px 10px 6px 40px; margin-bottom:20px; width:890px; }
div#blockF p { font-size:16px; line-height:20px; color:#fff; font-family:Arial; }
*/

h1{color:#2AA9DD;font-size:24px;font-weight:400}
h2{color:#2AA9DD;font-size:24px;font-weight:400}
.content{width:800px;margin:20px auto;z-index:20}
.description{color:#252736;font-size:16px;line-height:18px;margin-top:10px;text-align:justify;text-indent:7%}
#formm{display:none;width:80%;margin:0 auto;background:none;padding:20px 10px 10px 10px}

.txt{display:inline-block;color:#676767;width:28%;margin:10px 0;border:1px solid #ccc;padding:5px 10px;font-size:15px !important;line-height:1.4em}

.txtarea{display:inline-block;resize:none;color:#676767;width:92%;margin-bottom:6px;border:1px solid #ccc;padding:5px 9px;font-size:15px!important;line-height:1.4em;height:105px}

.txt:focus,.txtarea:focus{border-style:solid;border-color:#bababa;color:#444}

input.error,textarea.error{border-color:#973d3d;border-style:solid;background:#f0bebe;color:#a35959}
input.error:focus,textarea.error:focus{border-color:#973d3d;color:#a35959}
#send{color:#FFF;cursor:pointer;margin-top:27px;padding:10px 12px;font-size:1.2em;border:solid 1px #2AA9DD;border-radius:2px;background:#2AA9DD;width:210px;margin-bottom:20px;}
#send:hover{background:#979797}

/* .modalbox{color:#FFF;display:block;cursor:pointer;padding:10px 11px;font-size:1.1em;border:solid 1px #F9F9F9;border-radius:2px;background:#70C6B9;width:210px;text-decoration:none;text-align:center;margin:0 auto 20px;text-transform:uppercase}
.modalbox:hover{background:#979797}
*/


@media (max-width:1199px){
.txt{display:block;width:100%}
.txtarea{width:100%}
#send{width:100%}
#formm{width:90%}
.content {width:100%}
}
























.callback-bt {
        background:#38a3fd;
        border:2px solid #38a3fd;
        border-radius:50%;
        box-shadow:0 8px 10px rgba(56,163,253,0.3);
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        position: fixed;
        right: 8%;
        bottom: 18%;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
        height:68px;
        width:68px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color:#38a3fd;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 3px;
        top: 25px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.callback-bt .text-call:hover span {
    opacity: 1;
        font-size: 10px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
.callback-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.callback-bt i {
        color:#fff;
        font-size:34px;
        transition:.3s;
        line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake;
        -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}

/* animations icon */

@keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}