@charset "utf-8";
/*Code by Fio
author url: http//www.vonfio.de
copyright: Creative Commons Attribution-Share Alike 3.0 Unported License
*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead, {background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;} table {border-collapse: collapse;border-spacing: 0;}




@charset "UTF-8";
@font-face{font-family:'FuturaNewDemi';src:url(../fonts/FuturaNewDemi-Reg.eot);src:url(../fonts/FuturaNewDemi-Reg.woff2) format("woff2"),url(../fonts/FuturaNewDemi-Reg.woff) format("woff"),url(../fonts/FuturaNewDemi-Reg.ttf) format("truetype"),url(../fonts/FuturaNewDemi-Reg.svg#FuturaNewDemi-Reg) format("svg"),url(../fonts/FuturaNewDemi-Reg.eot?#iefix) format("embedded-opentype");font-weight:400;font-style:normal}
@font-face{font-family:'FuturaNewBook';src:url(../fonts/FuturaNewBook-Reg.eot);src:url(../fonts/FuturaNewBook-Reg.woff2) format("woff2"),url(../fonts/FuturaNewBook-Reg.woff) format("woff"),url(../fonts/FuturaNewBook-Reg.ttf) format("truetype"),url(../fonts/FuturaNewBook-Reg.svg#FuturaNewBook-Reg) format("svg"),url(../fonts/FuturaNewBook-Reg.eot?#iefix) format("embedded-opentype");font-weight:400;font-style:normal}
@font-face{font-family:'FuturaNewLight';src:url(../fonts/FuturaNewLight-Reg.eot);src:url(../fonts/FuturaNewLight-Reg.woff2) format("woff2"),url(../fonts/FuturaNewLight-Reg.woff) format("woff"),url(../fonts/FuturaNewLight-Reg.ttf) format("truetype"),url(../fonts/FuturaNewLight-Reg.svg#FuturaNewLight-Reg) format("svg"),url(../fonts/FuturaNewLight-Reg.eot?#iefix) format("embedded-opentype");font-weight:400;font-style:normal}
@font-face{font-family:'AmazingGroteskDemi';src:url(../fonts/AmazingGrotesk-DemiBold.eot);src:url(../fonts/AmazingGrotesk-DemiBold.woff2) format("woff2"),url(../fonts/AmazingGrotesk-DemiBold.woff) format("woff"),url(../fonts/AmazingGrotesk-DemiBold.ttf) format("truetype"),url(../fonts/AmazingGrotesk-DemiBold.svg#AmazingGrotesk-DemiBold) format("svg"),url(../fonts/AmazingGrotesk-DemiBold.eot?#iefix) format("embedded-opentype");font-weight:400;font-style:normal}
@font-face{font-family:'GlyphiconsHalflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons-halflings-regular) format("svg"),url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype");font-weight:400;font-style:normal}
*{padding:0;margin:0}












html {
    
    color: #000;
    font: 400 14px/20px Times new roman, Helvetica, sans-serif;
margin:      0px 0px 0px 0px;
}



body {
    
    background: #ffffff none repeat scroll 0 0;
    font-family:"FuturaNewBook",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size:16px;
    padding:     0px 0px 0px 0px;
    margin:      0px 0px 0px 0px;
   color:#293237;

background-color:  #ffffff;
background-repeat: no-repeat;
background-attachment: fixed;

}

@media all and  (min-width: 750px) {
.headsearchbox{
display: inline-block;
}
}

@media all and  (max-width: 749px) {
.headsearchbox{
display: block;
height: 40px;
max-width: 100%;
}
}




.accessibility.disabled{
border: 0px solid #000000;
text-align: center;
display: inline-block!important;

left: 10px;
top: 10px;
display: inline-block;
vertical-align: top;
}




.accessibility{
border: 0px solid #000000;
text-align: center;
position: absolutee!important;
display: none;
vertical-align: top;
}




.black-and-white  .accessibility, .white-and-black  .accessibility,  .font-aaa .accessibility, .font-aa .accessibility  {
border: 0px solid #000000;
text-align: center;

display: inline-block!important;

vertical-align: top;

}



.color-switch{
border: 0px solid #000000;
display: inline-block;
vertical-align: top;
margin: 5px 5px;
}


.font-switch{
border: 0px solid #000000;
display: inline-block;
vertical-align: top;
margin: 5px 5px;
}



.bw{
border: 1px solid #fff;
display: inline-block;
vertical-align: top;
color: #000;
background: #fff;
width: 20px;
height: 20px;
cursor: pointer;
text-align: center;
}

.inverse{
border: 1px solid #fff;
display: inline-block;
vertical-align: top;
color: #fff;
background: #000;
width: 20px;
height: 20px;
cursor: pointer;
text-align: center;
}

.font-normal{
border: 1px solid #fff;
display: inline-block;
vertical-align: top;
color: #000;
background: #fff;
width: 20px;
height: 20px;
cursor: pointer;
text-align: center;
}

.font-middle{
border: 1px solid #fff;
display: inline-block;
vertical-align: top;
color: #000;
background: #fff;
width: 20px;
height: 20px;
cursor: pointer;
text-align: center;
}

.font-big{
border: 1px solid #fff;
display: inline-block;
vertical-align: top;
color: #000;
background: #fff;
width: 20px;
height: 20px;
cursor: pointer;
text-align: center;
}


.font-big sup {
    font-size: 80%;
    line-height: 0;
    position: relative;}
  















* {
    margin:  0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

p {
    margin:  10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family:"FuturaNewBook",Arial,"Helvetica Neue",Helvetica,sans-serif;
}


:focus {
outline: none;
border: 0px solid #000000;
border-style: none;
}




/* background (clouds) */






		





td,tr {
    font-family:"FuturaNewBook",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size:   16px;
    color:       #000000;
}

#contenttext ul li {
margin: 0px 0px 0px 20px;
}

.thumb img { 
border: 1px solid #afafaf; 
color: #ffffff;
} 

.thumb img:hover { 
border: 1px solid #445880; 
color: #ffffff;
} 



#contenttext h1 {
    border-radius: 5px; 
    color: #1c6efc;
    font-size: 20px;
    padding: 0px 0px 0px 5px;
        font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
   
line-height: 36px;
font-weight: normal;
}


.igallery_title{
    border-radius: 5px; 
    color: #1c6efc;
    font-size: 20px;
    padding: 0px 0px 0px 5px;
    font-family: Times new roman, Helvetica, sans-serif;
    
line-height: 36px;
font-weight: normal;
}

#contenttext h2 {
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
        font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
margin-bottom: 10px;
border-bottom: 1px solid #ececec;
}
#contenttext h3 {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
       font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#contenttext h4 {
    color: #666666;
    font-size: 12px;
    margin-bottom: 5px;
        font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.moduletable h1 {
    color: #cc0000;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
        font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    
}
.moduletable h2 {
    color: #5d3229;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
        font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.moduletable h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 1px;
        font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;


}
.readmore {
    color: #3fda1b;
    font-size: 13px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: right;
    
    border: 0px solid #ff0000;
height: 25px;
}



a:link, a:visited {
color:#293237;
text-decoration:none;

}
a:hover {
color:#3954a5;
text-decoration:underline;
background:none;
text-decoration:none;
}
/******** shablon ********/


@media all and  (min-width: 50px) {

#head-bg { 
width: 100%;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px auto;
border: 0px solid#ff0000; 
background-color: #3954a5;
}
}



#head { 
width: 100%;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px auto;
border: 0px solid #000000; 

}





@media (min-width: 1461px) {
#slider { 
max-width: 782px;
max-height: 332px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid #ff0000; 
display: inline-block;


}
#gallery2{
max-width: 782px;
padding: 5px 70px 5px 70px;
margin: 0px auto;
text-align: center;
display: block;
max-height: 250px;
overflow: hidden;
border: 0px solid #1c6efc;
}


#gallery2 .span3{
border:0px solid#000;
max-width:200px;
display: inline-block;
height: 115px;
margin:  30px auto;
padding-top: 3px;
}




#gallery2 .owl-item li, #gallery2 .owl-item, #gallery2 .owl-item .item, #gallery2 #demos{
max-width: 100%!important;
height: auto!important;
border: 0px solid #ff0000;
}

#gallery2 .owl-stage, #gallery2 .djslider-loader {

height: auto!important;
border: 0px solid #cccccc;
}



#gallery2 .owl-item img {
max-width: 150px!important;
max-height: 80px!important;
}


}

@media (min-width: 1251px) and (max-width: 1460px) {
#slider { 
max-width: 582px;
max-height: 232px;
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid #ff0000; 
display: inline-block;
}


#slider .owl-item li, #slider .owl-item, #slider #demos{
width: 700px!important;
}


#slider p {
    margin:  10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
color: #000;
}

#slider h2 { 
    color: #1c6efc;
    font-size: 28px;
    font-weight: bold;
    font-family: Times new roman, Helvetica, sans-serif;
    border: 0px solid #ff0000; 
line-height: 1;
}

#slider h2 a { 
    color: #1c6efc;
    font-size: 28px;
    font-weight: bold;
    font-family: Times new roman, Helvetica, sans-serif;
    border: 0px solid #ff0000; 
 line-height: 1;
}

#slider h2 a:hover { 
    color: #181776;
    border: 0px solid #ff0000; 
}

#gallery2{
max-width: 630px;
padding: 5px 70px 5px 70px;
margin: 50px auto;
text-align: center;
display: block;
max-height: 250px;
overflow: hidden;
border: 0px solid #ff0000;

}



#gallery2 .span3{
border:0px solid#000;
max-width:200px;
display: inline-block;
height: 115px;
margin:  30px auto;
padding-top: 3px;
}




#gallery2 .owl-item li, #gallery2 .owl-item, #gallery2 .owl-item .item, #gallery2 #demos{
max-width: 100%!important;
height: auto!important;
border: 0px solid #ff0000;
}

#gallery2 .owl-stage, #gallery2 .djslider-loader {

height: auto!important;
border: 0px solid #cccccc;
}



#gallery2 .owl-item img {
max-width: 150px!important;
max-height: 80px!important;
}

}



@media (min-width: 1016px) and (max-width: 1250px)  {
#slider { 
max-width: 535px;
max-height: 230px;
padding: 0px 0px 10px 0px;

border: 0px solid #ff0000; 
display: inline-block;
float: left;
}


#slider .owl-item li, #slider .owl-item, #slider .owl-item .item, #slider #demos{
max-width: 100%!important;
height: auto!important;
border: 0px solid #ff0000;
}

#slider .owl-stage, #slider .djslider-loader {

height: auto!important;
border: 0px solid #cccccc;
}


#slider p {
    margin:  10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
color: #000;
}

#slider h2 { 
    color: #1c6efc;
    font-size: 28px;
    font-weight: bold;
    font-family: Times new roman, Helvetica, sans-serif;
    border: 0px solid #ff0000; 
line-height: 1;
}

#slider h2 a { 
    color: #1c6efc;
    font-size: 28px;
    font-weight: bold;
    font-family: Times new roman, Helvetica, sans-serif;
    border: 0px solid #ff0000; 
 line-height: 1;
}

#slider h2 a:hover { 
    color: #181776;
    border: 0px solid #ff0000; 
}

#gallery2{
max-width: 535px;
padding: 5px 0px 5px 0px;
margin: 20px auto;
text-align: center;
display: block;
max-height: 250px;
overflow: hidden;
border: 0px solid #ff0000;
float: left;
}



#gallery2 .span3{
border:0px solid#000;
max-width:200px;
display: inline-block;
height: 115px;
margin:  30px auto;
padding-top: 3px;

}


#gallery2 .owl-item li, #gallery2 .owl-item, #gallery2 .owl-item .item, #gallery2 #demos{
max-width: 100%!important;
height: auto!important;
border: 0px solid #ff0000;
}

#gallery2 .owl-stage, #gallery2 .djslider-loader {

height: auto!important;
border: 0px solid #cccccc;
}


#gallery2 .owl-item img {
max-width: 150px!important;
max-height: 80px!important;
}

}






@media (min-width: 1016px)   {
#fotogallery{
padding: 10px;
display:inline-block;
}


#videogallery{
padding: 10px;
display:inline-block;
}
}

@media (maxn-width: 1015px)   {
#fotogallery{
padding: 5px;
display:block;
}


#videogallery{
padding: 5px;
display:block;
}
}





@media (max-width: 1015px)   {

#fotogallery .owl-item li, #fotogallery .owl-item, #fotogallery .owl-item .item, #fotogallery #demos{
max-width: 100%!important;
height: auto!important;
border: 0px solid #ff0000;
}

#fotogallery .owl-stage, #fotogallery .djslider-loader {

height: auto!important;
border: 0px solid #cccccc;
}


#fotogallery .owl-item img {
max-width: 400px!important;
max-height: 300px!important;
}



#videogallery .owl-item li, #videogallery .owl-item, #videogallery .owl-item .item, #videogallery #demos{
max-width: 100%!important;
height: auto!important;
border: 0px solid #ff0000;
}

#videogallery.owl-stage, #videogallery .djslider-loader {

height: auto!important;
border: 0px solid #cccccc;
}


#videogallery .owl-item img {
max-width: 400px!important;
max-height: 300px!important;
}



}









@media (max-width: 1015px)   {
#slider { 
max-width: 780px;
height: auto!important;
padding: 0px 0px 0px 0px;
margin: 0px auto;
border: 0px solid #ff0000; 
display: block;
}


#slider .owl-item li, #slider .owl-item, #slider .owl-item .item, #slider #demos{
max-width: 100%!important;
height: auto!important;
border: 0px solid #ff0000;
}

#slider .owl-stage, #slider .djslider-loader {

height: auto!important;
border: 0px solid #cccccc;
}


#slider p {
    margin:  10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
color: #000;
}

#slider h2 { 
    color: #1c6efc;
    font-size: 28px;
    font-weight: bold;
    font-family: Times new roman, Helvetica, sans-serif;
    border: 0px solid #ff0000; 
line-height: 1;
}

#slider h2 a { 
    color: #1c6efc;
    font-size: 28px;
    font-weight: bold;
    font-family: Times new roman, Helvetica, sans-serif;
    border: 0px solid #ff0000; 
 line-height: 1;
}

#slider h2 a:hover { 
    color: #181776;
    border: 0px solid #ff0000; 
}

#gallery2{
max-width: 632px;
padding: 5px 0px 5px 0px;
margin: 20px auto;
text-align: center;
display: block;

overflow: hidden;
border: 0px solid #ff0000;

}


#gallery2 .span3{
border:0px solid#000;
max-width:200px;
display: inline-block;
height: 115px;
margin:  30px auto;
padding-top: 3px;
}




#gallery2 .owl-item li, #gallery2 .owl-item, #gallery2 .owl-item .item, #gallery2 #demos{
max-width: 100%!important;
height: auto!important;
border: 0px solid #ff0000;
}

#gallery2 .owl-stage, #gallery2 .djslider-loader {

height: auto!important;
border: 0px solid #cccccc;
}



#gallery2 .owl-item img {
max-width: 150px!important;
max-height: 80px!important;
}

}



@media  (min-width: 1461px) {

#right-menu ul {
    
    width: 268px;
height: 1023px;
 border: 0px solid #181818;
    margin: 0px auto;

}

#right-menu{
    z-index: 10;
    width: 268px;

 border: 0px solid #181818;
    margin: 0px 0px 0px 7px;
opacity: 1;

display: inline-block;
float: right;
}

#right-menu h3{
 margin: 20px 0px 10px 0px;
 color: #3954a5;
 font-size: 15px;
 text-transform: uppercase;
}



#right-menu li {
    z-index: 10;
    width: 268px;
height:68px ;
 border: 0px solid #181818;
    margin: 5px 0px 0px 0px;
opacity: 1;
list-style: none;
}


#right-menu li:hover {
    z-index: 10;
    
height:68px ;
 border: 0px solid #181818;
    margin: 5px 0px 0px 0px;
opacity: 0.9;
}





#right-menu img {
    z-index: 10;
    width: 268px;
height:68px ;
border: 0px solid #181818;
position: relative;
}

#right-menu  .image-title {
    border: 0px solid #181818;
    margin: 0px 0px 0px -268px;
padding: 10px 5px 5px 60px;
z-index: 11;
  width: 203px;
height:53px ;
position: absolute;
color: #fff;
    font-size: 18px;
    font-weight: normal;
   font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
}

#right-menu .bigtext .image-title{
font-size: 16.5px;
}

}


@media (min-width: 1016px) and (max-width: 1460px) {

#right-menu ul {
    
    width: 220px;
height: 861px;
 border: 0px solid #181818;
    margin: 0px auto;

}

#right-menu{
    z-index: 10;
    width: 220px;
 border: 0px solid #181818;
    margin: 0px 0px 0px 7px;
opacity: 1;
display: inline-block;
float: right;
}



#right-menu li {
    z-index: 10;
    width: 220px;
height:56px ;
 border: 0px solid #181818;
    margin: 5px 0px 0px 0px;
opacity: 1;
list-style: none;
}


#right-menu li:hover {
    z-index: 10;
    
height:56px ;
 border: 0px solid #181818;
    margin: 5px 0px 0px 0px;
opacity: 0.9;
}





#right-menu img {
    z-index: 10;
    width: 220px;
height:56px ;
border: 0px solid #181818;
position: relative;
}

#right-menu  .image-title {
    border: 0px solid #181818;
    margin: 0px 0px 0px -220px;
padding: 5px 5px 5px 48px;
z-index: 11;
  width: 167px;
height:45px ;
position: absolute;
color: #fff;
    font-size: 15px;
    font-weight: bold;
    font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
}

#right-menu .bigtext .image-title{
font-size: 13.5px;
}

}






@media  (max-width: 1015px) {

#right-menu ul {
    
    
 border: 0px solid #181818;
    margin: 0px auto;

}

#right-menu{
    z-index: 10;
    width: 100%;
 border: 0px solid #181818;
    margin: 0px 0px 0px 0px;
opacity: 1;
display: none;
text-align: center;
}



#right-menu li {
    z-index: 10;
    width: 268px;
height:68px ;
 border: 0px solid #181818;
    margin: 5px 5px 0px 0px;
opacity: 1;
list-style: none;
display: inline-block;
text-align: left;
}


#right-menu li:hover {
    z-index: 10;
  width: 268px;
height:68px ;
 border: 0px solid #181818;
    margin: 5px 5px 0px 0px;
opacity: 0.9;
}





#right-menu img {
    z-index: 10;
    width: 268px;
height:68px ;
border: 0px solid #181818;
position: relative;
}

#right-menu  .image-title {
     border: 0px solid #181818;
    margin: 0px 0px 0px -268px;
padding: 10px 5px 5px 60px;
z-index: 11;
  width: 203px;
height:53px ;
position: absolute;
color: #fff;
    font-size: 18px;
    font-weight: normal;
    font-family: Times New Roman, Helvetica, sans-serif;
}

}




@media  (min-width: 1016px) {
#reload{
    display: none;
    border: 0px solid #000000;
    margin: 0px auto;
    opacity: 1;
padding: 0px 0px 10px 0px;
position: relative;
z-index: 201;
}}




@media  (max-width: 1015px) {
#reload h3{
 margin: 20px 0px 10px 0px;
 color: #3954a5;
 font-size: 14px;
 text-transform: uppercase;
 font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
}}

@media  (max-width: 1015px) {
#reload{
    
    border: 0px solid #000000;
    margin: 0px auto;
    opacity: 1;
padding: 0px 0px 10px 0px;
position: relative;
z-index: 201;
}

#reload .menu{
    max-width: 680px;
min-height: 305px;
    border: 0px solid #ff0000;
   margin: 0px auto;

}


#reload ul {
    

    border: 0px solid #181818;
    margin: 0px auto;
}


#reload .moduletable ul li {
display: inline; 
margin: 5px 0px 0px 0px;


}


#reload li {
    z-index: 10;
    width: 220px;
height:56px ;
 border: 0px solid #181818;
    margin: 5px 0px 0px 0px;
opacity: 1;
display: inline-block; 
    margin-right: 5px;
}


#reload li:hover {
opacity: 0.9;
}





#reload img {
    z-index: 10;
    width: 220px;
height:56px ;
border: 0px solid #181818;
position: relative;
margin: 5px 0px 0px 0px;
}

#reload  .image-title {
    border: 0px solid #181818;
    margin: 0px 0px 0px -220px;
padding: 5px 5px 5px 48px;
z-index: 11;
  width: 167px;
height:45px ;
position: absolute;
color: #fff;
  font-size: 15px;
    font-weight: normal;
    font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
	text-align: left;
}

#reload .bigtext .image-title{
font-size: 13.6px;
}



}










@media (min-width: 1200px){
#simvolika { 
display: none;
}}

@media (min-width: 800px) and (max-width: 1199px)  {

#simvolika { 
width: 269px;
height: 70px;
display: block;
padding: 5px 0px 5px 0px;
margin: 10px auto;
border: 0px solid #000000; 
background-repeat: no-repeat;
transition-duration: .3s;
}



#simvolika:hover { 
width: 269px;
height: 70px;
display: block;
padding: 0px 0px 10px 0px;
margin: 10px auto;
border: 0px solid #000000; 
background-repeat: no-repeat;
transition-duration: .3s;
}
} 







@media (min-width: 750px) and (max-width: 799px) {
#simvolika { 
width: 200px;
height: 55px;
display: block;
padding: 5px 0px 5px 0px;
margin-left: -100px;
border: 0px solid #000000; 
background-repeat: no-repeat;
transition-duration: .3s;
position: absolute;
top:55px;
left: 50%
}

#simvolika:hover { 
width: 200px;
height: 55px;
display: block;
padding: 0px 0px 10px 0px;
margin-left: -100px;
border: 0px solid#000000; 
background-repeat: no-repeat;
transition-duration: .3s;
position: absolute;
top:55px;
left: 50%
}

#simvolika img { 
width: 200px;
height: 55px;

}

}




@media (min-width: 400px) and (max-width: 749px) {
#simvolika { 
width: 200px;
height: 55px;
display: block;
padding: 5px 0px 5px 0px;
margin-left: -100px;
border: 0px solid #000000; 
background-repeat: no-repeat;
transition-duration: .3s;
position: absolute;
top:105px;
left: 50%
}

#simvolika:hover { 
width: 200px;
height: 55px;
display: block;
padding: 0px 0px 10px 0px;
margin-left: -100px;
border: 0px solid#000000; 
background-repeat: no-repeat;
transition-duration: .3s;
position: absolute;
top:105px;
left: 50%
}

#simvolika img { 
width: 200px;
height: 55px;

}

}















@media (min-width: 50px) and (max-width: 399px) {
#simvolika { 
width: 150px;
height: 41px;
display: block;
padding: 5px 0px 5px 0px;
margin-left: -75px;
border: 0px solid #000000; 
background-repeat: no-repeat;
transition-duration: .3s;
position: absolute;
top:105px;
left: 50%
}

#simvolika:hover { 
width: 150px;
height: 41px;
display: block;
padding: 0px 0px 10px 0px;
margin-left: -75px;
border: 0px solid#000000; 
background-repeat: no-repeat;
transition-duration: .3s;
position: absolute;
top:105px;
left: 50%
}

#simvolika img { 
width: 150px;
height: 41px;

}


}



















.content { 
max-width: 1200px;
padding: 0px 0px 0px 0px;
margin: 0px auto;
border: 0px solid #ff0000; 

}





.article-info-term {
display: none;
}

.create{

color: #9b9b9b;
    font-size: 11px;
    font-weight: normal;
     font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
}





#content { 
margin-top: 20px;
padding: 0px 0px 0px 0px;
border: 0px solid #000000; 

background-color:  #ffffff;
}

#system-message-container{ 
padding: 5px 0px 5px 0px;
margin: 0px auto; 
border: 0px solid #cc0000; 
color:#CC0000;
} 

#gallery{
width: 99%;
border-top: 0px solid #ffbb38;
padding: 0.5%;
margin: 20px auto;
content: '';
display: block;
clear: both;
}


#gallery H3{
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
    border-bottom: 0px solid #3497db;
    color: #666666;
        font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;   
    text-transform: uppercase;
}

#gallery a:link, #gallery a:visited {
color:#FFF;
text-decoration:none;
opacity: 1;
}
#gallery a:hover {
color:#FFF;
text-decoration:underline;
background:none;
text-decoration:none;
opacity: 1;
}






#videogallery .slide-desc-text a, #fotogallery .slide-desc-text a{
color: #ffffff;
}

#videogallery .slide-desc-text a:hover,  #fotogallery .slide-desc-text a:hover{
color: #ececec;
}



#bottom{
background: #222;
padding: 0px;
margin: 20px 0px 0px 0px;
min-height: 100px;
color: #ffffff;
border-top: 0px solid #ffbb38;

}

#bottom td{
color: #ffffff;
}


#online-pro{ 
position: relative;
float:right;
width:240px;
height: 50px;
border: 0px solid #0000cc;
}


#online-pro a{
text-decoration:none;
color: #ffffff;
outline:none;
}

#online-pro a:hover{
text-decoration:none;
color: #afafaf;
outline:none;

}
 





#contenthead { 
width: 706px;
height:220px;
padding: 0px 0px 0px 0px;
border: 0px solid #cc0000; 
background:url(../images/bg-shadov.jpg)  no-repeat ;
} 






#language { 
width:248px;
height:49px;
padding: 0px 3px 0px 3px;
margin: 0px 0px 0px 2px;
border: 0px solid #afafaf; 
float: left;
}




#contenttext {
max-width:1000px;
color:#000000;
min-height: 400px;
margin: -5px auto;
padding: 0px 0px 30px 0px;
border: 0px solid #cccccc;
background-color:  #ffffff;
}



/*pagination*/
.pagination p.pull-right {
float: none;
text-align: center;
}
     
.pagination  {
display: inherit;
text-align: center;

border: 0px solid #CC0000;
display: inherit;
text-align: center;
}
     


.counter{
padding: 15px 0px 10px 25px;
border: 0px solid #CC0000;
text-align: center;
}




#contenttext .pagination ul {
    margin: 10px 10px 10px 0;
    padding: 0;
transform: skew(-25deg, 0deg);

}
#contenttext .pagination ul li {
    display: inline-block;
border:0px solid#000 ;
background-color: #ececec;
 padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
transition: all 400ms ease 0s;  
}


#contenttext .pagination li.active {
    display:inline-block;
border:0px solid #eb4947 ;
background-color: #1c6efc;
 
}

#contenttext .pagination li:hover {
    display: inline-block;
border:0px solid#eb4947 ;
background-color: #1c6efc;
 transition: all 400ms ease 0s;
}

.pagination li a {
    border: 0px solid#eb4947;
    font-size: 14px;
    display: block;
    text-decoration: none;
transform: skew(25deg, 0deg);
padding: 5px 20px 5px 20px;   
}


.pagination li.active a {
    border: 0px solid#eb4947;
    font-size: 14px;
    display: block;
    text-decoration: none;
transform: skew(25deg, 0deg);
padding: 5px 20px 5px 20px;   
}




.pagination li:first-child a {

    border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
    border-radius: 0 3px 3px 0;
}



.pagination span, .pagination span a:hover {
    background-color: #f5f5f5;
    color: #999999;
}
span.pagenav {
    background: #fcb436 none repeat scroll 0 0;
    color: #fff;
 border: 0px solid#eb4947;
    font-size: 14px;
    display: block;
    text-decoration: none;

padding: 5px 20px 5px 20px;  



}
.pagination-start span.pagenav, .pagination-prev span.pagenav, .pagination-end span.pagenav, .pagination-next span.pagenav {
    background-color: #f5f5f5;
    color: #444;

}






/* ++++++++++++++  icons  ++++++++++++++ */


.scrollup{ 
width:40px; 
height:40px; 
opacity:0.3;
position:fixed; 
bottom:50px; 
right:50px; 
display:none; 
text-indent:-1px; 
background: url('../images/top.png') no-repeat; 
z-index: 201; 
outline: none;
}

.scrollup:hover{
 width:40px; 
height:40px; 
opacity:0.3; 
position:fixed; 
bottom:50px; 
right:50px; 
display:none; 

background: url('../images/top-a.png') no-repeat;  
z-index: 201; 
outline: none;
}





















#floating {
	background-color: #3954a5;
	color:#fff;
	font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 13px;
	padding-top: 0px;
	width: 100% ;
width: 100%;
	border: 0px solid #000000;
	z-index: 99999;
	opacity: 1;
text-transform: uppercase;
min-height: 83px;
}












 















/******** FOOTER ********/





#footslider{

padding: 20px 0px 20px 0px;
margin: 0px auto;
height: 57px;
color: #999999;
border: 0px solid #000000;
border-style: none;
border: 0px solid #000000;
outline: none;
}

#bot{
margin: 0px auto;
color: #4d6a79;
overflow: hidden;
border: 0px solid #ff0000;
}

#bot td{
color: #fff;
}

#bot ol, #bot ul li, #bot ul  {
background: none;
border: 0px;
margin-left: 10px;
}




#bottom1{
max-height: 150px;
margin:0px auto;
padding: 10px 10px 10px 10px ;
color: #fff;
border: 0px solid #ffffff;
float: left;
text-align: left;
}



#bottom2{

margin:0px auto;
padding: 10px 10px 10px 10px ;
color: #fff;
border-left: 0px solid #ffffff;
float: left;
text-align: left;
}


#bottom3, #bottom4{

margin:0px auto;
padding: 10px 10px 10px 10px ;
color: #fff;
border: 0px solid #ffffff;
float: left;
text-align: left;
}

@media (min-width: 800px)   {
#bottom1, #bottom2, #bottom3,  #bottom4{
width: 20%;
margin-left: 1%;
margin-right: 1%;

}

#bot h3{
font-size: 14px;
color:#fff;
border-bottom: 1px dotted #fff;
padding:5px;
}
}


@media (max-width: 799px)   {
#bottom1, #bottom2, #bottom3, #bottom4{
width: 100%;


}
#bot h3{
font-size: 14px;
color:#fff;
border-bottom: 0px dotted #fff;
padding:5px;
}

#bot .moduletable{
width: 250px;
text-align: left;
margin: 0px auto;
border: 0px solid#ffffff;
}
}





#footer{

max-width: 1000px;
min-height: 100px;
margin:0px auto;
padding: 0px 0px 20px 0px ;

color: #ffffff;
border-bottom: 1px solid #afafaf;
}


#footer .menu li{
list-style-type: none;
margin-top: 10px;
margin-left: 0px;
}

#footer ul.menu{
border: 0px solid #afafaf;
margin-top: 5px;
}


#footer a:link, #footer a:visited{
text-decoration:none;
color: #ffffff;
outline:none;

}

#footer a:hover{
text-decoration:none;
color: #999999;
outline:none;

}







#footer h2  {
color: #ececec;
font-size:14px;
font-family:  Times new roman, Helvetica, sans-serif;
font-weight:bold;
}


#design{
max-width: 1000px;
height: 80px;
margin:0px auto;
padding: 0px 0px 0px 0px ;
text-align: right;
color: #ffffff;
border: 0px solid #afafaf;
}

#design a{
color: #ffffff;
}


#design a:hover{
color: #fec006;
}





#web-design{
float:left;
max-width:333px;
height: 80px;
margin:0px 0px 0px 0px ;
padding: 0px 0px 0px 0px ;
text-align:left;
border: 0px solid #afafaf;

}

/************************************************************************************
social
*************************************************************************************/
.i  {
    display: block;
    line-height: inherit;
    position: inherit;
    transition: all 0.6s ease 0s;
    z-index: inherit;
  background-color: #333;
    border-radius: 50%;
max-height: 50px;

}
#social .social li:hover, #social .social li:active, #social .social li:focus {


    transform: rotateY(180deg);

}

#social .social li:hover .i, #social .social li:active .i, #social .social li:focus .i {
    background-color: #1e1e1e;
    transform: rotateY(180deg);
 border-radius: 50%;
}

#social .social li:first-child {
    margin-left: 0;
}
#social{
margin-top: 15px;
    float: none;
    margin-bottom: 0;
    text-align: center;
}
#social ul {
    float: none;
}
#social ul li {
    display: inline-block;
    float: none;
margin-right: 10px;
margin-top: 10px;
 vertical-align: top;
}














/***********search***************/
.btn-group .inputbox { 
 border: 1px solid #1c6efc;
    border-radius: 5px;
    font-size: 15px;
    padding: 5px;
    width: 258px;
margin: 20px 0px 0px 0px  ;
}
.btn-group{ 
 border: 0px solid #1c6efc;
width: 260px;
margin: 0px auto;

  }
.btn-group .btn {
margin-top: -35px;
  background: #fcb436;
color:#ffffff;
  border: 2px solid #eee;
  height: 38px;
  width: 125px;
  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 38px;
   font-size: 13px;
    font-weight: bold;
   float: right;
  /*Переход*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
   /*Тень*/
  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
display: none;
}
.btn-group .btn:hover {
background-color: #1c6efc;
color:#ffffff;
 font-size: 13px;
    font-weight: bold;
}
.search .button { 
padding: 0px 5px 2px 5px;
margin: 0px 0px 0px 3px;
height:22px;
border: 1px solid #ff1b1b; 
border-radius: 5px;
background-color: #a20016; 
color: #ffffff;
}
.search .button:hover { 
padding: 0px 5px 2px 5px;
margin: 0px 0px 0px 3px;
height:22px;
border: 1px solid #ff1b1b; 
border-radius: 5px;
background-color: #bc051e; 
color: #ffffff;
}
.word{ 
border: 0px solid #cc0000; } 
.phrases{ 
border: none;
margin: 10px 0px 20px 0px;
} 
.result-created{ 
border: none;
margin: 0px 0px 20px 0px;
display: none;
} 
.only{ 
border: none;
margin: 0px 0px 20px 0px;
display: none;
} 
.form-limit{ 
border: none;
margin: 0px 0px 20px 0px;
display: none;
} 
.counter { 
text-align: center;
font-weight:bold;
} 
.result-category{ 
display: none;
} 
.result-title{
font-weight: bold;
margin: 20px 0px 5px 0px;

} 
.phrases-box{ 
border: none;
margin: 10px 0px 10px 0px;
} 
/***********end search***************/




/*останні новини*/
@media (min-width: 1460px) {


#headers{
clear: both;
max-width: 1450px; 
margin-left: auto; 
margin-right: auto; 
margin-top: 30px;
border: 0px solid #000;
}





#panel {
text-align: center;
border: 0px solid #cc0000; 
max-width: 1164px;
float: left;
}

#foto { 
width: 370px;
/*height: 401px;*/
padding: 0px 5px 0px 5px;
margin: 0px 5px 0px 0px;
border: 0px solid #000000; 
float: left;
/*background-color: #1c6efc;*/
font-size: 1em;
font-weight: normal;
font-family: Times new roman, Helvetica, sans-serif;
color: #787878;
line-height: 1.1em;
display: inline-block;
}



#foto h3 { 
font-size: 20px;
color: #000;
text-transform: uppercase;
}
}


@media (min-width: 1250px) and (max-width: 1459px) {

#headers{
clear: both;
max-width: 1200px; 
margin-left: auto; 
margin-right: auto; 
border: 0px solid #000;
}







#panel {
text-align: center;
border: 0px solid #cc0000; 
max-width: 965px;
float: left;
}





#foto { 
max-width: 250px;

padding: 0px 5px 0px 5px;
margin: 0px 5px 0px 0px;
border: 0px solid #000000; 
float: left;
/*background-color: #1c6efc;*/
font-size: 1em;
font-weight: normal;
font-family: Times new roman, Helvetica, sans-serif;
color: #787878;
line-height: 1.1em;
display: inline-block;
}

#foto img {
width: 100%;
}
#foto h3 { 
font-size: 16px;
color: #000;
text-transform: uppercase;
}


}



@media (min-width: 1016px) and (max-width: 1249px) {

#headers{
clear: both;
max-width: 1000px; 
margin-left: auto; 
margin-right: auto; 
border: 0px solid #000;
}







#panel {
text-align: center;
border: 0px solid #cc0000; 
max-width: 770px;
float: left;
}





#foto { 
max-width: 220px;

padding: 0px 5px 0px 5px;
margin: 0px 5px 0px 0px;
border: 0px solid #000000; 
float: left;
/*background-color: #1c6efc;*/
font-size: 1em;
font-weight: normal;
font-family: Times new roman, Helvetica, sans-serif;
color: #787878;
line-height: 1.1em;
display: inline-block;
}

#foto img {
width: 100%;
}
#foto h3 { 
font-size: 15px;
color: #000;
text-transform: uppercase;
}


}







@media(max-width: 1015px) {

#headers{
clear: both;
max-width: 1000px; 
margin-left: auto; 
margin-right: auto; 
border: 0px solid #000;
}







#panel {
text-align: center;
border: 0px solid #cc0000; 
max-width: 100%;
margin: 50px 0px 25px 0px;
background-color: #f6f6f6;
padding: 10px 0px 10px 0px;

}





#foto { 
max-width: 370px;

padding: 0px 5px 0px 5px;
margin: 20px auto;
border: 0px solid #000000; 

/*background-color: #1c6efc;*/
font-size: 1em;
font-weight: normal;
font-family: Times new roman, Helvetica, sans-serif;
color: #787878;
line-height: 1.1em;
display: block;
}

#foto img {
width: 100%;
}
#foto h3 { 
font-size: 15px;
color: #000;
text-transform: uppercase;
}


}
















#panel h3{
color: #3954a5;
text-align: left;
margin: 10px 7px; 
text-transform: uppercase;
font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
}


@media(min-width: 1015px) {
#panel li{
display: inline-block;
width: 32%;
margin: 0.5%;
border: 0px solid #cc0000; 
height: 100px;
overflow: hidden;
text-align: left;
list-style-type: none;
}

#panel li p{
min-height: 60px;
border: 0px solid #cc0000;
margin: 0px;
}

}

@media(max-width: 1014px) {
#panel li{
display: inline-block;
width: 90%;
margin: 0.5%;
border: 0px solid #cc0000; 

overflow: hidden;
text-align: left;
list-style-type: none;
}

#panel li p{

border: 0px solid #cc0000;
margin: 0px;
}
}




#panel li a:hover{
margin-left: 10px;
padding: 0px 0px 0px 0px;
}

#panel li a{
display: block;

padding: 0px 10px 0px 0px;
transition-duration: .3s;
}

#panel li a:hover{
display: block;

transition-duration: .3s;
}



.publishdate {
color: #ccc;
bottom: 0px;
font-size: 14px;
}


#panel  h4 a{
color: #3954a5;

}

/*кінець останні новини*/





















/*анонси*/
@media (min-width: 1460px) {
.announce {
text-align: center;
display: inline-block;
border: 0px solid #3954a5;
width: 780px;
margin-top: 30px;
margin-bottom: 30px;
}
}


@media (min-width: 1250px) and (max-width: 1460px) {
.announce {
text-align: center;
display: inline-block;
border: 0px solid #3954a5;
width: 680px;
font-size: 15px;
}
}

@media (min-width: 1016px) and (max-width: 1249px) {
.announce {
text-align: center;
display: inline-block;
border: 0px solid #3954a5;
width: 535px;
font-size: 15px;
float: left;
}
}


@media (max-width: 1015px){
.announce {
text-align: center;
display: block;
border: 0px solid #3954a5;
max-width: 778px;
font-size: 16px;
margin: 10px auto;
}
}



.announce .publishdate{
float: left;
    max-width: 72px;
	height: 50px;
    margin-right: 10px;
    border-right: 1px dotted #3954a5;
    text-align: center;
	padding: 5px;
}

.announce .number {
    font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 25px;
    line-height: 31px;
    color: #3954a5;
    
}

.announce .text {
    font-size: 82.75%;
    color: #3954a5;
    text-transform: uppercase;
    font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding-right: 3px;
	display: block;
	min-width: 47px;
}

.announce h3{
color: #3954a5;
text-align: left;
margin: 30px   30px; 
text-transform: uppercase;
border: 0px solid #cc0000; 
width: 50%;
 font-family:"AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.latestnewsanonce{
margin-top: 10px ; 
}

.announce  h4 a{
color: #3954a5;

}



@media (min-width: 800px){
.announce li{
display: inline-block;
width: 48%;
margin: 0.5%;
border: 0px solid #cc0000; 
height: 60px;
overflow: hidden;
text-align: left;
list-style-type: none;
}}


@media (max-width: 799px){
.announce li{
display: block;
width: 90%;
margin: 5% auto;
border: 0px solid #cc0000; 
height: 60px;
overflow: hidden;
text-align: left;
list-style-type: none;
}}

.announce li a:hover{
margin-left: 10px;
padding: 0px 0px 0px 0px;
}

.announce li a{
display: block;

padding: 0px 10px 0px 0px;
transition-duration: .3s;
}

.announce li a:hover{
display: block;

transition-duration: .3s;
}

.announce li p{
height: 60px;
border: 0px solid #cc0000;
margin: 0px;
}

.publishdate {
color: #ccc;
bottom: 0px;
}



@media (min-width: 1461px){
.no-anonces{
text-align: center; position: relative; margin: 0px auto; width: 780px; height: 60px; border: 0px solid #000;
}}

@media (min-width: 1250px) and (max-width: 1460px){
.no-anonces{
text-align: center; position: relative; margin: 0px auto; width: 700px; height: 60px; border: 0px solid #000;
}}



@media (min-width: 1016px) and (max-width: 1249px){
.no-anonces{
text-align: center; position: relative; margin: 0px auto; width: 535px; height: 60px; border: 0px solid #000;
}}


/*кінець анонси новини*/






/*infoblock*/
ul.menuinfoblocks{
border: 0px solid #cc0000;
text-align: center;
margin-left: auto;
margin-right: auto;
transition-duration: .3s;
position: relative;

}

@media (min-width: 1461px)  {
.menuinfoblocks li{
width: 45%;
/*width: 39%;*/
}
#infoblocks2{
max-width: 770px;
border: 0px solid #cc0000;
margin: 0 auto;
float: left;
}
}




@media (min-width: 1251px) and (max-width: 1460px)  {
.menuinfoblocks li{
width: 39%;
}

#infoblocks2{
width: 100%;
border: 0px solid #cc0000;
margin: 0px auto;
float: left;
}

}

@media (min-width: 800px) and (max-width: 1250px)  {
.menuinfoblocks li{
width: 39%;
}
#infoblocks2{
max-width: 1460px;
border: 0px solid #cc0000;
margin: 0px auto;
clear: both;
}

}


@media (min-width: 700px) and (max-width: 799px)  {
.menuinfoblocks li{
width: 50%;
}
}

@media (min-width: 550px) and (max-width: 699px)  {
.menuinfoblocks li{
width: 53%;
}
}

@media (min-width: 300px) and (max-width: 549px)  {
.menuinfoblocks li{
width: 290px;
}
}



@media (min-width: 50px) and (max-width: 299px)  {
.menuinfoblocks li{
width: 90%;
}
}

.menuinfoblocks li{
overflow: hidden;
border: 0px solid #cc0000;
display: inline-block;
text-align: center;
margin: 11px 11px 11px 11px;	
height: 200px;
padding-left: 0px; 
padding-right: 0px; 
transition-duration: .3s;
font-size: 14px;

background-image: url(../images/video-button2.png);
    background-repeat: no-repeat;
    background-position: 50% 18%;
	background-color: #000;
}


.menuinfoblocks li:hover{
overflow: hidden;
border: 0px solid #cc0000;
display: inline-block;
text-align: center;
margin: 11px 11px 11px 11px;	
height: 200px;
padding-left: 0px; 
padding-right: 0px; 
transition-duration: .3s;
font-size: 14px;

background-image: url(../images/video-button-hover2.png);
    background-repeat: no-repeat;
    background-position: 50% 18%;
	background-color: #3954a5;
}







.menuinfoblocks li a:hover{
padding-top: 140px;
border: 0px solid#ff0000;
display: block;
color: #fff;

vertical-align: middle;
text-transform: uppercase;
background-image: url(../images/video-button3.png); 
     background-repeat: no-repeat; 
     background-position: 50% 50%; 
  background-color: rgba(0, 0, 0, 0.1);
	transition-duration: .3s;
}
  
.menuinfoblocks li a{
border: 0px solid#ff0000;
padding-top: 140px;
display: block;
color: #fff;
width: 100%;
height: 60px;
text-transform: uppercase;

overflow: hidden;
background-image: url(../images/video-button3.png); 
     background-repeat: no-repeat; 
     background-position: 50% 50%; 
  background-color: rgba(0, 0, 0, 0.4);
transition-duration: .3s;


}
/*кінець infoblock*/


/*пошук зверху*/


#headsearch{
border: 0px solid #fff;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #314890;
}


#search-top {
border: 0px solid#ff0000;
max-width: 1450px;
margin: 0px auto;
text-align: right;
padding: 5px 5px 5px 5px;
/*height:35px;*/
}



.sb-icon-search {
border: 0px solid#314890;
width:20px;
height:20px;
background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
 
    padding: 5px 5px 5px 5px;
    cursor: pointer;
    right: 0px;
vertical-align: top;
    position: relative;
    display: inline-block;
    margin: 0px;
}



.sb-icon-eye {
border: 0px solid#314890;
width:20px;
height:20px;
background-image: url(../images/eye.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
 
    padding: 5px 5px 5px 5px;
    cursor: pointer;
    right: 0px;
vertical-align: top;
    position: relative;
    display: inline-block;
    margin: 0px;
}






.icon-social {
border: 0px solid#fff;
width:70px;
height:30px;
background-color: #3954a5;
  top: -5px;  
 right: 0px;
    padding: 5px 5px 5px 5px;
 vertical-align: top;
  
    position: relative;
    display: inline-block;
    margin: 0px;
}


.icon-social ul.social-top li{
list-style-type: none;
display: inline-block;
}









#search-form {
border: 0px solid#ff0000;
margin-right: 5px;
display: inline-block;
height: 30px;
}





#mod-search-searchword119{
max-width: 0px;
border: 0px solid#000;
border-radius: 0px;
padding: 0px 0px 0px 0px;
height: 30px;
transition-duration: .3s;
}

@media (min-width: 580px){
#mod-search-searchword119.open-search{
max-width: 400px;
border: 0px solid#000;
border-radius: 0px;
padding: 5px 5px 5px 5px;
height: 30px;
transition-duration: .3s;
}}
@media (max-width: 579px){
#mod-search-searchword119.open-search{
max-width: 250px;
border: 0px solid#000;
border-radius: 0px;
padding: 5px 5px 5px 5px;
height: 30px;
transition-duration: .3s;
}}

/* кінець пошук зверху*/

/*галереї на головну стор*/

@media (min-width: 1250px){
.portfolioblock{
max-width: 550px;
margin: 0px auto;
border: 0px solid#ff0000;
}
.portfolio{
max-Width: 550px;
Height: 290px;
}
.portfolio-img{
max-Width: 550px;
max-Height: 290px;
}

}



@media (min-width: 1016px) and (max-width: 1249px) {
.portfolioblock{
max-width: 350px;
margin: 0px auto;
border: 0px solid#ff0000;
}
.portfolio{
max-Width: 350px;
Height: 184px;
}
.portfolio-img{
max-Width: 350px;
max-Height: 184px;
}

}

@media (min-width: 800px) and (max-width: 1015px) {

#fotogallery, #videogallery{
width: 100%;
border: 0px solid#000;
height: 350px;
}

.portfolioblock{
max-width: 500px;
margin: 0px auto;
border: 0px solid#ff0000;
}
.portfolio{
max-Width: 500px;
Height: 263px;
}
.portfolio-img{
max-Width: 500px;
max-Height: 263px;
}

}


@media (min-width: 600px) and (max-width: 799px) {

#fotogallery, #videogallery{
width: 100%;
border: 0px solid#000;
height: 350px;
}

.portfolioblock{
max-width: 500px;
margin: 0px auto;
border: 0px solid#ff0000;
}
.portfolio{
max-Width: 500px;
Height: 263px;
}
.portfolio-img{
max-Width: 500px;
max-Height: 263px;
}

}


@media (min-width: 350px) and (max-width: 599px) {

#fotogallery, #videogallery{
width: 100%;
border: 0px solid#000;
height: 280px;
}

.portfolioblock{
max-width: 350px;
margin: 0px auto;
border: 0px solid#ff0000;
}
.portfolio{
max-Width: 350px;
Height: 184px;
}
.portfolio-img{
max-Width: 350px;
max-Height: 184px;
}

}


@media (min-width: 200px) and (max-width: 349px) {

#fotogallery, #videogallery{
width: 100%;
border: 0px solid#000;
height: 150px;
}

.portfolioblock{
max-width: 195px;
margin: 0px auto;
border: 0px solid#ff0000;
}
.portfolio{
max-Width: 195px;
Height: 103px;
}
.portfolio-img{
max-Width: 195px;
max-Height: 103px;
}

}



.portfolio a{
color: #fff;
text-decoration: none;
}

.portfolio{

margin: 0px;
float: left;
 -webkit-transition: all .9s;
    -moz-transition: all .9s;
    -o-transition: all .9s;
    transition: all .9s;
	color: #fff;
}
.portfolio:hover{
opacity: 1;
 background: #3954a5;
  background: -webkit-linear-gradient(left top,#3954a5,#314890);
  background: -o-linear-gradient(bottom right,#3954a5,#314890);
  background: -moz-linear-gradient(bottom right,#3954a5,#314890);
  background: linear-gradient(to bottom right,#3954a5,#314890);
  color: #fff;
}


.portfolio:hover img{
opacity: 0.1;
 -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.portfolio-info{
Position: interight;
bottom: 0px;
border: 0px solid#ff0000;
Color: fff;
text-align: center;
display: block;
margin-top: -20%;
opacity: 0;

-webkit-transition: all .9s;
    -moz-transition: all .9s;
    -o-transition: all .9s;
    transition: all .9s;

}


.portfolio:hover .portfolio-info {
display: block;
margin-top: -30%;
Position: interight;
   opacity: 0.9;
-webkit-transition: all .9s;
    -moz-transition: all .9s;
    -o-transition: all .9s;
    transition: all .9s;
}


#gallery .portfolio  h3{
font-size: 40px!important;
color: #fff;
padding-bottom: 20px; 
}




.portfolio:hover .portfolio-tags{
margin-top: -10px;
-webkit-transition: all ease-in 0.5s;
     -moz-transition: all ease-in 0.5s;
     -o-transition: all ease-in 0.5s;
     transition: all ease-in 0.5s;
	    opacity: 1;
}






.portfolio .portfolio-tags{
margin-top: 0px;
-webkit-transition: all ease-in 0.5s;
     -moz-transition: all ease-in 0.5s;
     -o-transition: all ease-in 0.5s;
     transition: all ease-in 0.5s;

}

/*end галереї на головну стор*/















/*корисні посилання*/
.links-box__title{margin-top:106px;margin-bottom:18px;color:#3954a5;font-size:112.5%;font-weight:600;line-height:25px;text-transform:uppercase}
.links-box__btn img{max-width:71px;margin-right:10px;height:100%}
.links-box{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;-ms-flex-pack:justify;-webkit-justify-content:space-between;-webkit-box-pack:justify;justify-content:space-between}
.links-box__btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:15.16%;min-height:69px;background-color:#3954a5;margin-bottom:24px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.links-box__btn a{margin:0 auto;
font-family:"FuturaNewBook",Arial,"Helvetica Neue",Helvetica,sans-serif;
height:100%;
color:#fff;
text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;
align-items:center;}


#infoblocks h3 {
color: #3954a5;
margin-bottom:  20px;
}



@media (min-width: 1461px)  {

#infoblocks
{
max-width: 1450px;
margin: 0px auto;
border-top: 0px solid#000;
padding-top: 5px;
/*
padding-bottom: 5px;
border-top: 1px solid#000;
border-bottom: 1px solid#000;*/
}




.links-box__btn{
width:23.56%;
-webkit-transition: all ease-in 0.2s;
     -moz-transition: all ease-in 0.2s;
     -o-transition: all ease-in 0.2s;
     transition: all ease-in 0.2s;
}}

@media (min-width: 1250px) and (max-width: 1460px) {
.links-box__btn {
   width:22.40%;
	-webkit-transition: all ease-in 0.2s;
     -moz-transition: all ease-in 0.2s;
     -o-transition: all ease-in 0.2s;
     transition: all ease-in 0.2s;

}

#infoblocks{
max-width: 1200px;
margin: 0px auto;
}
}


@media (min-width: 1016px) and (max-width: 1249px) {
.links-box__btn {
   width:48.16%;
	-webkit-transition: all ease-in 0.2s;
     -moz-transition: all ease-in 0.2s;
     -o-transition: all ease-in 0.2s;
     transition: all ease-in 0.2s;

}

#infoblocks{
max-width: 900px;
margin: 0px auto;
}
}



@media (min-width: 750px) and (max-width: 1015px) {
.links-box__btn {
   width:48.16%;
	-webkit-transition: all ease-in 0.2s;
     -moz-transition: all ease-in 0.2s;
     -o-transition: all ease-in 0.2s;
     transition: all ease-in 0.2s;

}

#infoblocks{
max-width: 750px;
margin: 0px auto;
padding: 0px 10px 0px 10px;
}
}


@media (min-width: 250px) and (max-width: 749px) {
.links-box__btn {
   width:100%;
	-webkit-transition: all ease-in 0.2s;
     -moz-transition: all ease-in 0.2s;
     -o-transition: all ease-in 0.2s;
     transition: all ease-in 0.2s;

}

#infoblocks{
max-width: 749px;
margin: 0px auto;
padding: 0px 15px 0px 15px;
}
}


.hvr-float:hover,.hvr-float:focus,.hvr-float:active{-webkit-transform:translateX(8px);-ms-transform:translateX(8px);transform:translateX(8px)}




/*гарячі тел. лінії*/


@media (min-width: 1250px) {
.hotline-box .submit.btn-red{font-size: 28px;}

.hotline-box .submit.btn-blue{font-size: 28px;}


}

@media (min-width: 800px) and (max-width: 1249px)  {
.hotline-box .submit.btn-red{font-size: 20px;}

.hotline-box .submit.btn-blue{font-size: 20px;}

}


@media (max-width: 799px) {
.hotline-box .submit.btn-red{font-size: 28px;}
.hotline-box .submit.btn-blue{font-size: 28px;}

}



.hotline-box{margin-bottom: 0px;}


.hotline-box{margin:0;padding:0;margin-top:20px}
.hotline-box .submit.btn-red{font-family:"AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;background-color:#f43b5a;color:#fff;border:none;padding:25px 0;font-weight:600;text-transform:uppercase;position:relative;overflow:hidden;display:block;text-align:center;border:1px solid transparent}
.hotline-box .submit.btn-red:hover{color:#f43b5a;border:1px solid #f43b5a;background-color:transparent}


.hotline-box .submit.btn-blue{font-family:"AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;background-color:#3954a5;color:#fff;border:none;padding:25px 0;font-weight:600;text-transform:uppercase;position:relative;overflow:hidden;display:block;text-align:center;border:1px solid transparent; background:url(../images/shljub-24.jpg)  no-repeat ;}
.hotline-box .submit.btn-blue:hover{color:#3954a5;border:1px solid #3954a5;background-color:transparent; background:url(../images/shljub-24-h.jpg)  no-repeat ;}






.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-box-shadow:0 0 1px rgba(0,0,0,0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}
.hvr-buzz-out:hover,.hvr-buzz-out:focus,.hvr-buzz-out:active{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}




@-webkit-keyframes hvr-buzz-out {
	10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
	20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
	30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
	40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
	50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
	60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
	70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
	80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
	90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
	100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out {
	10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
	20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
	30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
	40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
	50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
	60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
	70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
	80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
	90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
	100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}