body
{
margin:0;
padding:0;
min-width:1024px;
color:#777;
}

ul 
{
margin:0;
padding:0;    
list-style-type:none;
}

.content
{
min-height:800px;    
}

.content ul li
{
padding-left:20px;
background:url(/assets/images/ulli.jpg) 0 11px no-repeat;
}

.content table
{
border:0;
margin:20px 0;
}

.content table tr
{
border:0;
border-bottom:1px solid #ddd;
}

.content table tr:nth-child(odd)
{
background:#f5f5f5;
}

.content table tr td
{
border:0;
padding:10px;
}


h1, h2, h3, h4, .h1, .h2, .h3, .h4
{
font-family: 'Open Sans', sans-serif;
font-weight:700;
position:relative;
display:block;
color:#3d759e;
}

h1, .h1
{
font-size:24px;  
margin:0 0 20px 0;
padding:20px 0;
}

h2, .h2
{
font-size:20px;    
}

h3, .h3
{
font-size:18px; 
padding:15px 0;
}

h4, .h4
{
font-size:16px;    
}


.udl
{
text-align:center;    
/*background:url(/assets/images/udl.jpg) no-repeat bottom;*/
}

.udl:after {
position: relative;
display: block;
height: 3px;
width: 40px;
margin: 0 auto;
margin-top: 20px;
background: #ff7656;
content: "";
}

a
{
color:#4faff7;    
}

a:hover
{
color:#4faff7;    
}

p
{
line-height:2em;    
}

.btn
{
background:#72bcf0;
border:1px solid #72bcf0;
color:#fff;
border-radius:2px;
behavior: url(/assets/css/pie.htc);
padding:10px 45px;
outline:none;

-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}

.btn.w
{
background:rgba(255,255,255, .6);
border-color:rgba(255,255,255, .1);
}

.btn:hover, .btn:focus, .btn.w:hover
{
background:#67acdd;
border-color:#67acdd;
color:#fff;   
outline:none;
}

.btn img
{
display:inline-block;    
margin:0 10px 0 0; 
vertical-align:middle;
}

.ask
{
float:right;  
margin:10px 0 0 0;
width:100%;  
}

.outline
{
background:none;
border:1px solid #fff;
}

.logo, .logo:hover
{
position:relative;    
display:block;   
color:#3d759e;
text-decoration:none;
}

.header
{
padding:20px 0;
font-family: 'Open Sans', sans-serif;
font-weight:700;
color:#50738c;
text-align:right;
}

.header img
{
margin:0 10px 0 50px;    
}

.left
{
position:absolute;
width:250px;
z-index:1;
}

.right
{
position:relative;
width:auto;
margin:0 0 0 280px;
}

.nav
{
position:relative;
padding:20px 0 0 0;
margin: 0 0 30px 0;
border-bottom:1px solid rgba(255,255,255,.5);
}

.nav>li
{
position:relative;    
display:block;    
vertical-align:top;    
color:#4faff7;
padding:0;  
margin:0;
}

.nav >li >a, .nav >li >span
{
position:relative;
display:inline-block;
padding:10px 20px;   
color:#4faff7;
border-radius:3px;
behavior: url(/assets/css/pie.htc);
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}

.nav .active a, .nav .active:hover a
{
background:#ff7656;    
color:#fff;
}

.nav li:hover a
{
background:none;    
}

.contact li
{
position:relative;
display:block;
padding:0 0 0 30px;
margin:0 0 10px 0;
background:url(/assets/images/li.png) no-repeat 0 3px;
color:#3d759e;
}

.contact li span
{
position:relative;
display:block;    
padding:0 0 10px 0;   
border-bottom:1px solid #eee;
}

.blue_bold
{
font-weight:bold;
color:#72a2c5;
}

.activity
{
position:relative;
display:block; 
background:#f7f8f9;
border-radius:4px;
behavior: url(/assets/css/pie.htc);
overflow:hidden;
margin:0 0 20px 0;
}

.activity:hover
{
text-decoration:none;
}


.activity img
{
position:relative;
display:block; 
width:100%;
}

.activity .desc
{
padding:20px 40px 20px 20px;   
font-family: 'Open Sans', sans-serif;
font-weight:700;
color:#50738c;
background:url(/assets/images/moar.png) no-repeat right;
min-height:80px;
}

.footer
{
position:relative;    
margin:40px 0 0 0;    
padding:40px 0;
background:#f7f8f9;
z-index:2;
}

.expert
{
position:relative;   
display:block;
padding:20px;
margin:0 0 20px 0;
border-radius:4px;
behavior: url(/assets/css/pie.htc);
/*background:#f7f8f9;*/
background:#fff;
-webkit-box-shadow: 0 0 3px 0 #eee;
box-shadow: 0 0 3px 0 #eee;
border:1px solid #eee;
color:inherit;
height:200px;
}

.expert .name
{
color:#72a2c5;
font-size:16px;
font-weight:bold
}

.expert img
{
position:relative;   
display:block;    
border-radius:3px; 
behavior: url(/assets/css/pie.htc);
max-width:100%;
}

.exp_desc
{
max-height:140px;    
overflow:hidden; 
text-overflow: ellipsis;
}

.paginator
{
padding:40px 0;   
text-align:center;
display:block;
}

.paginator li
{
display:inline-block;
vertical-align:top;
margin:0 5px;
}

.paginator li a
{
display:block;
padding: 10px 15px;
text-align:center;
text-decoration:none;
background:#f7f8f9;
color:inherit;
border-radius:3px;
behavior: url(/assets/css/pie.htc);
}

.paginator li:hover a
{
background:#ddd;
} 

.paginator .active ,.paginator .active:hover
{
background:#ff7656;
color:#fff;
}   

.gallery
{
padding:40px 0;    
}

.gallery a
{
display:block;
margin:0 0 30px 0;
}

.gallery a img
{
position:relative;   
display:block;  
border-radius:4px;
behavior: url(/assets/css/pie.htc);
width:100%;    
}

.service_cat
{
position:relative;
display:block;
margin:0 -5px 40px -5px;
}

.service
{
position:relative;
display:inline-block;
width:18%;
margin:5px;  
border-radius:4px;
behavior: url(/assets/css/pie.htc);
overflow:hidden;
}

.service img
{
position:relative;
display:block;
width:100%;
}

.serv_desc
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:url(/assets/images/moar_w.png) no-repeat bottom right rgba(0,0,0, .3);
padding:10px;
color:#fff;
font-weight:bold;
word-wrap:  break-word;
}


.service_list
{
position:relative;
display:block;
text-align:center;
padding: 20px;
background:#fff;
-webkit-box-shadow: 0 0 3px 0 #eee;
box-shadow: 0 0 3px 0 #eee;
border:1px solid #eee;
border-radius: 4px;
behavior: url(/assets/css/pie.htc);
}

.service_list li
{
position:relative;
display:inline-block;
width:45%;
vertical-align:top;
text-align:left;
padding:10px 0;
margin:0 10px;
border-bottom:1px solid #eee;
}

.tblock {
position: relative;
display: block;
margin:0 0 20px 0;
text-align: center;
padding: 40px;
background: #f7f7f7;
border-radius: 4px;
behavior: url(/assets/css/pie.htc);
}

.tb_left{
    text-align:left;
}

.tb_left table tr{
    border-bottom:1px solid #ddd;
}
.tb_left table tr td{
    padding:15px 20px 15px 0;
}
.tb_left table tr .bk{
    color:#50738c;
    font-weight:bold;
}
.article
{
position:relative;    
border-radius:4px;
behavior: url(/assets/css/pie.htc);
overflow:hidden;
margin:0 0 20px 0;
}

.article img
{
position:relative;
display:block;
width:100%;
}

@media (max-width:1200px){
    
    .article img
    {
    width:auto;
    height:220px;
    }
}

.article .btn
{
position:absolute;
bottom:20px;
right:20px;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
}

.art_desc
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0, .3);
padding:40px 40px 20px;
color:#fff;
font-weight:bold;
}

.thanks
{
display:block;
margin:20px 0;
}

.thanks img
{
display:block;
width:100%;
border-radius:4px;
behavior: url(/assets/css/pie.htc);
-webkit-box-shadow: 0 0 3px 0 #ddd;
box-shadow: 0 0 3px 0 #ddd;
border:1px solid #ddd;
}

.video
{
padding-bottom:20px;    
}

.invoices
{
padding:40px 15px;    
}

.invoice
{
padding:10px 0;
}

.invoice img
{
margin:0 0 0 10px;    
}

.invoice:nth-child(odd)
{
background:#f7f8f9;    
}

.contact_full b
{
color: #72a2c5;    
}

.map
{
padding-top:40px;    
}

.B_crumbBox
{
padding: 10px;
background:#f6fbff;
border-radius:4px;
behavior: url(/assets/css/pie.htc);
}

.B_crumbBox li
{
padding:0 10px;
display:inline-block;
}

@media (min-height:920px)
{
 .left
 {
    position:fixed; 
 }
}
.viva{font-size: 12px;}
.viva a{text-decoration: none;color: #777;}

.popup-fade {
    display: none;
}
.popup-fade:before {
    content: '';
    background: #000;
    position: fixed; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    opacity: 0.7;
    z-index: 9999;
}
.popup {
    position: fixed;
    top: 20%;
    left: 50%;
    padding: 20px;
    width: 560px;
    margin-left: -200px;    
    background: #fff;
    border: 1px solid orange;
    border-radius: 4px; 
    z-index: 99999;
    opacity: 1; 
}
.cont_pop{
    font-size: 18px;
}
.popup strong{
    text-align: center;
    width: 100%;
    display: block;
}
.popup .butt_cont{
    text-align: center;
    margin-top: 20px;
}
.popup-close {
    padding: 10px;
    text-align: center;
    font-size: 22px;
    text-decoration: none;
    color: #000;
    border: 1px solid #ded8d8;
    border-radius: 5px;
}