body {
color: #000;
font-family: 'Noto Sans Display', sans-serif;
font-size: 14px;
line-height: 1.4;
margin:0;padding:0;
}

.s_field {
  width: 540px;
    /* margin: 7px; */
    /* margin-left: 60px; */
    padding: 10px;
    border-radius: 7px;
    border: none;
    background: #4d567270;
    color: #fff;
    margin-left: 60px;
  }

.form_input {
  display: flex;
  flex-direction: row;
    align-items: center;
}

a {
  letter-spacing: 0.2px;
}

.service p {
  font-size: 17px;
}

.mod-pod-content {
  display: flex;
  flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background-image: url(/images/9.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

.title-board-block {
  margin: 38px;
}

.title-board-block:hover {
  text-decoration: underline;
  transition: .2s;
}

.blockquote {
  position: sticky;
  top: 0;
  background: #0a0f1ce3;
  border-top: none;
  z-index: 1000;
  backdrop-filter: blur(10px);
  font-size: 18px;
  display: flex;
    flex-direction: row;
    align-items: center;
    
}
.blockquote_text {
  margin: 0px 55px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.logo_head {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.top_header_menu_logo {
  margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #4e627d;
}

.inset.inset1 {
  /* display: flex;
    flex-direction: row;
    align-items: flex-start;
    background-color: #f3f3f3; */
    /* padding: 30px */
}

.inset.inset2 {
  display: flex;
}

.inset_static1 {
  display: flex;
  justify-content: space-between;
  background-color: #f3f3f3;
  padding: 30px
}

.inset_static2 {
width: 100%;
}

.breadcrumb {
  background-color: #f3f3f3;
    padding: 30px;
}

.post_info_ {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 40px;
}

.footer_info_ {
  margin-top: 40px;
}

.footer_second_info_ {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 40px;
}

h1.page{
    /* border-bottom: 1px solid #AAAAAA; */
    margin-bottom: 10px;
    /* border: 1px solid #8BBEFD; */
    /* border-radius: 10px; */
    /* background-color: #A5D0FF; */
    color: #323e50;
    /* text-shadow: 0px 0px 5px #5193f5, 0 0 0.2em white; */
    /* font-family: 'Times New Roman'; */
    /* font-style: italic; */
    text-transform: uppercase;
    font-size: 20pt;
    /* text-align: center; */
    /* box-shadow: 0 0 18px #8cbce7;*/
}
h3.page{
border-bottom: 1px solid #AAAAAA;
padding: 6px;
margin-bottom: 10px;
border: 1px solid #8BBEFD;
border-radius: 10px;
background-color: #F7F7B5;
color: #F8F8F8;
font-family: 'Times New Roman';
font-style: italic;
font-size: 13pt;
text-align: center;
box-shadow: 0 0 18px #8CBCE7;
}
img{border:none;margin-right: 20px}
.noimgs img{display:none}
.width-fit{width:100%}
.hidden{display:none}
.invisible{visibility:hidden}
#events{display:none;}
body.bg {
background-color: #f7fafe;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 0%;
height: auto !important;
height: 100%;
min-height: 100%;
position: relative;
}
.content { 
  position:relative;
  width:80%;
  margin:40px auto;
  border:0;
  display:table;
  /*background-color:#fff;
  padding:8px;*/
}
.content .left .inset{margin-top: 30px;}
.content .left .inset1 {
  /* width:33%;
  float:left;
  margin-right:8px; */
}

table, tbody, tr, td {
  border: none;
}
td {
  background-color: #fff;
  padding: 10px;
}

.content .left .inset2{width:100%;}
.content .left {
  /* width:708px;
  float:left; */
  margin-top: 30px;
}
.content .right { 
  width:100%;
  display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 40px;
}

.footer { 
  background-color: #0E1116;
  /* display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 40px; */
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  padding: 30px;
}

a.readmore{
  display: inline-block;
  cursor: pointer;
  text-align: center;
  /* border-right: 1px solid #E1E1E1; */
  /* background: #FFF; */
  /* color: #4D4D4D; */
  /* text-transform: uppercase; */
  /* font-weight: 500; */
  margin: 0;
  /* padding: 15px; */
  /* padding: 2px 5px; */
  /* font-size: 92%; */
}
a.readmore:hover {
/* background: #323e50;
color: #FFFFFF!important;
transition: .2s; */
}






#vhornav .down{background: none;padding-right: 12px;background: url('files/arrow-down.png') no-repeat 100% 50%;}
#vhornav .menu{display: block;padding-right: 12px;background: url('files/daddy.png') no-repeat 100% 50%;}
#vhornav{width: 100%; z-index: 999;}
#vhornav ul {margin: 0;padding: 0;z-index:999; display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;}
#vhornav ul>li {cursor:default;display: inline-block;margin: 0;padding: 0 0px; }
#vhornav ul>li a { 
  /* text-transform: uppercase; */
  cursor: pointer;
  display: block;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: none;
  margin: 0;
  padding: 16px 40px;
  color: #e5e5e5; 
  font-size: 15px;
}
#vhornav ul li ul li{display: block;margin: 0;padding: 0;float: none;background: url('files/plus.png') no-repeat 0 13px;border-top: 1px dotted #CCC;}
#vhornav ul li ul li:first-child{border-top:none;}
#vhornav ul li ul li a{display: block;font-size: 92%;font-weight: 400;line-height: normal;text-decoration: none;margin: 0;padding: 8px 10px;color: #e5e5e5;}
#vhornav ul>li ul li:hover>a{border-radius:0;background:none;border:none;border-bottom:none;margin: 0;padding: 8px 10px;}
#vhornav ul li ul li ul{margin-left: 194px;margin-top: -40px;border-radius: 5px;}
#vhornav ul li a:hover{color: #00dcff}
#vhornav ul li a.active_link{color: #00dcff!important}

#vhornav ul li ul{display: none;position: absolute;background-color: #323e50;padding: 12px;width: 200px;color: #e5e5e5;}

#vhornav ul>li:hover>ul{display: block;}
/* #vhornav ul>li:hover>a{border-radius:4px 4px 0 0;background-color:#FFF;border:1px solid #f5f5f5;border-bottom:1px solid #FFF;margin:-9px 0 -1px;padding:21px 14px 13px} */




#vhornav2 .down{background: none;padding-right: 12px;background: url('files/big_daddy.png') no-repeat 100% 50%;}
#vhornav2 .menu{display: block;padding-right: 12px;background: url('files/daddy.png') no-repeat 100% 50%; }

#vhornav2 ul { 
  /* margin: 14px; */
  padding: 0;
  z-index:999;
}
#vhornav2 ul>li {    cursor: default;
  display: inline-block;
  margin: 0;
  padding: 10px 10px;
  /* border: 10px; */
  background: #fff;
  width: 100%;}
#vhornav2 ul>li a{    cursor: pointer;
  display: block;
  font-weight: 600;
  line-height: normal;
  font-size: 17px;
  text-decoration: none;
  margin: 0;
  padding: 13px 15px;
  color: #323e50;
  text-transform: uppercase;}
#vhornav2 ul li ul li{display: block;margin: 0;padding: 0;float: none;background: url('files/plus.png') no-repeat 0 13px;border-top: 1px dotted #CCC;}
#vhornav2 ul li ul li:first-child{border-top:none;}
#vhornav2 ul li ul li a{display: block;font-size: 120%;font-weight: 800;line-height: normal;text-decoration: none;margin: 0;padding: 8px 10px;color: #444;}
#vhornav2 ul>li ul li:hover>a{border-radius:0;background:none;border:none;border-bottom:none;margin: 0;padding: 8px 10px;}
#vhornav2 ul li ul li ul{margin-left: 194px;margin-top: -40px;border-radius: 5px;}
#vhornav2 ul li a:hover{color: #0384a9}
#vhornav2 ul li a.active_link{color: #0384a9!important}

/* #vhornav2 ul li ul{display: none;position: absolute;background-color: #FFF;padding: 9px;width: 200px;background: #fff url('files/grad-navbg.png') repeat-x 0 100%;color: #333;border: 1px solid #f5f5f5;border-radius: 0 0 5px 5px;} */

#vhornav2 ul>li:hover>ul{display: block;}
/* #vhornav2 ul>li:hover>a{border-radius:4px 4px 0 0;background-color:#FFF;border:1px solid #f5f5f5;border-bottom:1px solid #FFF;margin:-9px 0 -1px;padding:21px 14px 13px} */



#vhornav3 .down{background: none;padding-right: 12px;background: url('files/big_daddy.png') no-repeat 100% 50%;}
#vhornav3 .menu{display: block;padding-right: 12px;background: url('files/daddy.png') no-repeat 100% 50%;}
/* #vhornav3{border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;} */
#vhornav3 ul {margin: 14px;padding: 0;z-index:999;}
#vhornav3 ul>li {cursor: default;
  display: inline-block;
  margin: 0;
  padding: 10px 10px;
  /* border: 10px; */
  background: #fff;
  width: 100%;
}
#vhornav3 ul>li a{cursor: pointer;
  display: block;
  font-weight: 600;
  line-height: normal;
  font-size: 17px;
  text-decoration: none;
  margin: 0;
  padding: 13px 15px;
  color: #323e50;
  text-transform: uppercase;}
#vhornav3 ul li ul li{display: block;margin: 0;padding: 0;float: none;background: url('files/plus.png') no-repeat 0 13px;border-top: 1px dotted #CCC;}
#vhornav3 ul li ul li:first-child{border-top:none;}
#vhornav3 ul li ul li a{display: block;font-size: 120%;font-weight: 800;line-height: normal;text-decoration: none;margin: 0;padding: 8px 10px;color: #444;}
#vhornav3 ul>li ul li:hover>a{border-radius:0;background:none;border:none;border-bottom:none;margin: 0;padding: 8px 10px;}
#vhornav3 ul li ul li ul{margin-left: 194px;margin-top: -40px;border-radius: 5px;}
#vhornav3 ul li a:hover{color: #0384a9}
#vhornav3 ul li a.active_link{color: #0384a9!important}

#vhornav3 ul li ul{display: none;position: absolute;background-color: #FFF;padding: 9px;width: 200px;background: #fff url('files/grad-navbg.png') repeat-x 0 100%;color: #333;border: 1px solid #f5f5f5;border-radius: 0 0 5px 5px;}

#vhornav3 ul>li:hover>ul{display: block;}
/* #vhornav3 ul>li:hover>a{border-radius:4px 4px 0 0;background-color:#FFF;border:1px solid #f5f5f5;border-bottom:1px solid #FFF;margin:-9px 0 -1px;padding:21px 14px 13px} */

#vhornav4 .down{background: none;padding-right: 12px;background: url('files/big_daddy.png') no-repeat 100% 50%;}
#vhornav4 .menu{display: block;padding-right: 12px;background: url('files/daddy.png') no-repeat 100% 50%;}
#vhornav4 {}
#vhornav4 ul {margin: 14px;padding: 0;z-index:999;}
#vhornav4 ul>li {cursor: default;
  display: inline-block;
  margin: 0;
  padding: 10px 10px;
  /* border: 10px; */
  background: #fff;
  width: 100%;}
#vhornav4 ul>li a{cursor: pointer;
  display: block;
  font-weight: 600;
  line-height: normal;
  font-size: 17px;
  text-decoration: none;
  margin: 0;
  padding: 13px 15px;
  color: #323e50;
  text-transform: uppercase;}
#vhornav4 ul li ul li{display: block;margin: 0;padding: 0;float: none;background: url('files/plus.png') no-repeat 0 13px;border-top: 1px dotted #CCC;}
#vhornav4 ul li ul li:first-child{border-top:none;}
#vhornav4 ul li ul li a{display: block;font-size: 120%;font-weight: 800;line-height: normal;text-decoration: none;margin: 0;padding: 8px 10px;color: #444;}
#vhornav4 ul>li ul li:hover>a{border-radius:0;background:none;border:none;border-bottom:none;margin: 0;padding: 8px 10px;}
#vhornav4 ul li ul li ul{margin-left: 194px;margin-top: -40px;border-radius: 5px;}
#vhornav4 ul li a:hover{color: #0384a9}
#vhornav4 ul li a.active_link{color: #0384a9!important}

#vhornav4 ul li ul{display: none;position: absolute;background-color: #FFF;padding: 9px;width: 200px;background: #fff url('files/grad-navbg.png') repeat-x 0 100%;color: #333;border: 1px solid #f5f5f5;border-radius: 0 0 5px 5px;}

#vhornav4 ul>li:hover>ul{display: block;}
/* #vhornav4 ul>li:hover>a{border-radius:4px 4px 0 0;background-color:#FFF;border:1px solid #f5f5f5;border-bottom:1px solid #FFF;margin:-9px 0 -1px;padding:21px 14px 13px} */


.mod-wrapper {
/* border: 1px solid #f0f0f0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin-bottom:20px;
transition: opacity 0.5s ease; */
/* margin: 10px; */
background-color: #f3f3f3;
padding: 30px;
position: inherit;
/* width: 50%; */
}

#mod-wrapper-modd {
  width: 50%;
}

.mod-wrapper:not([id="news"]){/*opacity:0.8;*/}
.mod-wrapper:hover{opacity:1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.mod-wrapper .mod-content {
/* background: #FFF url('files/grad2.png') repeat-x 0 0;
padding: 7px; */
}
.custom_red .mod-content{
background: #0c5ea7;
padding: 10px;
color: #fff;
}
.custom_red h3.header.custom_red {
color:#fff;
background: -webkit-gradient(linear, left top, left bottom, from(#2B8EE7), to(#0c5ea7));
border-bottom: none;
}
div.slider_info h1 a {color: #fff;}

.mod-wrapper h3.header {
/* color: #0384a9; */
/* -moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0; */
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
/* font-style: italic;  
line-height: normal;
border-bottom: 1px solid #fff;
background: #e9e9e9 url('files/grad1.png') repeat-x 0 0;
margin: 0;
padding: 10px; */
}
.mod-wrapper h4.header {
color: #F70E50;
/* -moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0; */
font-size: 16px;
font-weight: 400;
line-height: normal;
/* border-bottom: 1px solid #fff; */
/* background: #e9e9e9 url('files/grad1.png') repeat-x 0 0; */
margin: 0;
padding: 10px;
}

.mod-wrapper h5.header {
color: #F70E50;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
font-size: 14px;
font-weight: 400;
line-height: normal;
border-bottom: 1px solid #fff;
background: ;
margin: 0;
padding: 10px;
}
a {
text-decoration: none;
}




#vaccordion {
/* background: #f3f3f3; */
padding: 15px;
/* border-radius: 12px; */
/* background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0b5da5),color-stop(1,#2c90ea));
background: -ms-linear-gradient(bottom,#0b5da5,#2c90ea);
background: -moz-linear-gradient(center bottom,#0b5da5 0%,#2c90ea 100%);
background: -o-linear-gradient(#2c90ea,#0b5da5); */
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c90ea', endColorstr='#0b5da5', GradientType=0); */
overflow: hidden;
border-left: 1px solid #e2e2e2;
width: 100%;
/* box-shadow: 0 0 5px #bbb; */
/* border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px; */
/* background-clip: padding-box; */
/* margin-top: 0; */
color: #333;
font-size: 15.3px;
/* text-shadow: 0px 1px 2px rgba(0,0,0,1);
font-family: 'Quattrocento Sans',Arial; */
/* line-height: normal;
font-weight: normal;
font-style: normal; */
/* text-transform: uppercase; */
font-weight: 400;
text-decoration: none;
/* text-align: left; */
  }

#vaccordion a
{
  color:inherit;
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
  display: block;
  padding: 10px 15px 10px 15px;
}

#vaccordion a:hover {
  background-color: #9393933b;
  padding: 10px 15px 10px 15px;
  border-radius: 7px;
  transition: .2s;
}



.fa-lg {
  padding: 7px;
}

.fa {
  font-size: 1.33333333em !important;
    padding: 7px;
}

#vaccordion a.active { 
  color: #323e50;
  font-weight: bold;
  background: #9393933b;
  border-radius: 7px;
  background-repeat: no-repeat;
  background-position: right center;
}
/* #vaccordion a.next{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAjUlEQVRIie3VMQ4BYRgE0Lciqk1INBIatfuothBHE5XKYdRKJQ1RKH6NSpbkX1+B7BzgNZPMFCklkemEai3Ygl8KztGNBGeo0IsCYYoFyigQxlhiEAXC8IGOokDoY5IDvmv0hi12EeAVG+xzsFfgBWsccrE68IQVjk0wKJ4+pcS5KVYHfpzfW5sW/EfwDg5TFu4Ko/ubAAAAAElFTkSuQmCC");}
#vaccordion a.down{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAiUlEQVRIie3UMQoCMRAF0LeLha039UwiFhbiYbRdG7VTFBRBhVhkhRSiWdhK8qvADA9mBlKFEPSZuletgAUsYGYGGGP0o2+NeQ5YY4Lrl54NFjnYGzxiituH+g4zPLuAsBdHeiS1Q4vdc7EUhAbL9n0WV3HpghGPkmaFIbY4dcWgKj92AQv4F+ALIqYcSnph88AAAAAASUVORK5CYII=")!important;} */

#vaccordion a.next{background-image: url("/templates/ocean/files/poly_next.png");}
#vaccordion a.down{background-image: url("/templates/ocean/files/poly_down.png")!important;}


  #vaccordion ul{padding: 0;}
  #vaccordion ul:first-child{padding: 0;position:relative;margin: 0;}
  #vaccordion ul:first-child li{border-left:none;}
  
  #vaccordion ul ul{margin-top: 8px;display:none;/*height: 0px;*/overflow: hidden;}
  #vaccordion ul li{
    list-style:none;
    /* padding: 5px 10px 5px 10px; */
    /* border-bottom: 1px solid #c9c9c9; */
    /* border-bottom: 1px solid #70b3ee;
    border-left: 1px dotted #70b3ee; */
  }
  #vaccordion ul li:last-child{border-bottom: none;}
  
  #vaccordion ul li.active,#vaccordion ul li:not([class=active]):hover { 
    /* background: #ffffff;
    border-radius: 7px;
    color: #323e50;
    /* font-weight: 600;
    transition: .2s; */
  }

.accordion {
  
  width: auto;
  height: auto;
  padding: 4px 0;
}
ul.accordion li {
  list-style: none;
  border-left: 1px solid #c7c7c7;
  text-align: center;
  /* padding-left: 0; */
  cursor: pointer; 
  /* padding-bottom: 20px; */
}

ul.accordion li a {
  color: #000;
}
ul.accordion li ul{padding-left:0;padding-bottom: 4px;}
ul.accordion:first, ul.accordion:first ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.accordion > li > a {
  width: 272px;
  margin: 0 auto;
  /* height: 100%; */
  display: table-cell;
  position: relative;
  font-weight: 600;
  padding: 20px;
  color: #fff;
  /* padding-left: 15px; */
  /* padding-right: 8px; */
  vertical-align: middle;
}
.accordion ul li:first-child a {
/*height: 34px;*/
margin-top: 4px;
}
.accordion ul li#selected>span{
width: 200px;
margin: 0px 11px;
line-height: 16px;
display: block;
position: relative;
font-size: 14px;
color: #646464;
padding: 10px 0px 10px 14px;
box-shadow: inset 11px 0px 0px 0px #c4f1fc;
background: #c4f1fc;
}
.accordion ul li a {
width: 200px;
margin: 0px 11px;
line-height: 16px;
display: block;
position: relative;
font-size: 14px;
color: #646464;
padding: 10px 0px 10px 14px;
}
.accordion ul li a {
-moz-box-shadow: inset 2px 0px 0px 0px #c4f1fc;
-webkit-box-shadow: inset 2px 0px 0px 0px #c4f1fc;
box-shadow: inset 2px 0px 0px 0px #c4f1fc;
}
.accordion a,.accordion a:hover {
text-decoration: none;
}

.accordion > li > a:hover, .accordion > li > a.active, .accordion > li > a.active_link {
color: #323e50;
transition: background 0.1s ease-in-out;
text-decoration:none;
background-color: rgba(255,255,255,0.15);
}
.accordion > li > a.active_link {

}
.accordion > li > ul li:hover a, .accordion > li > ul li:hover a::before {
transition: color 0.1s ease-in-out;
}
.accordion > li > ul li a.current, .accordion > li > ul li a.current::before, .accordion > li > ul li:hover a, .accordion > li > ul li:hover a::before, .accordion > li > ul li:hover a, .accordion > li > ul li:hover a::before {
color: #39C6E9;
}
.accordion ul li a.current {
  box-shadow:none;
}
.accordion > li > ul li a.current:before{
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 10px;
    position: absolute;
    height: 6px;
    top: 10px;
    left: -4px;
}
.accordion > li > a.active::after {
content: "\f106";
font-family: 'FontAwesome';
position: absolute;
right: 20px;
}
.accordion > li > a::after {
content: "\f105";
font-family: 'FontAwesome';
position: absolute;
right: 20px;
}


.sp_news_higlighter {
width: 100%;
color: #666666;
background: #ffffff;

position: relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #f5f5f5;
margin-bottom:10px;
margin-top:10px;
overflow: hidden;
}
.sp_news_higlighter ul{margin:0;padding:0}
.sp_news_higlighter ul li{display:none;list-style-type:none;}

span.sp-nh-text {
margin: 0 0 0 5px;
font-weight: bold;
}
.sp-nh-prev, .sp-nh-next {
background-image: url(files/style4.png);
}
.sp-nh-buttons, .sp-nh-item, .sp-nh-prev, .sp-nh-next {
height: 30px;
line-height: 30px;
}
.sp-nh-prev {
background-position: 0 50%;
right: 20px;
}
.sp-nh-next {
background-position: -26px 50%;
right: 5px;
}
.sp-nh-prev, .sp-nh-next {
background-repeat: no-repeat;
cursor: pointer;
position: absolute;
top: 0;
width: 13px;
}
.sp-nh-buttons, .sp-nh-item, .sp-nh-prev, .sp-nh-next {
height: 30px;
line-height: 30px;
}
.sp-nh-buttons {
width: 95px;
}
.sp-nh-buttons {
float: left;
position: relative;
}
.sp-nh-item {
overflow: hidden;
position: relative;
}
.sp-nh-prev:hover{background-position:-13px 50%}
.sp-nh-next:hover{background-position:-39px 50%}


a, .mod-wrapper h3.header {
color: #323e50;
}

.jn-intro.noimgs {
  font-size: 16px;
}

.junewsultra,
.junewsultra .jn,
.junewsultra .jn-head{
overflow:hidden;
}
.junewsultra .jn-head,
.junewsultra .jn .jn-intro,
.junewsultra .jn .jn-more{
  clear: both;
  padding: 16px 0px;
}
.junewsultra .jn a,
.junewsultra .jn a:link  ,
.junewsultra .jn a:visited{

  border: none;
}  
.junewsultra .jn a:hover,
.junewsultra .jn a:focus,
.junewsultra .jn a:active{
  border: none;
  /* background-color: #1d242e!important;
  transition: 0.2s; */
}


  .junewsultra .jn{
    /* margin: 0px 30px 30px;
    border-radius: 12px;
    padding: 30px; */
    /* border: 1px #e0e0e0 solid; */
    /* clear: both; */
    display: block;
    /* border-top: 1px solid; */
    /* background-color: #f3f3f3; */
  }
    .junewsultra .jn .jn-head{
      /* background: #f4f4f4 url(files/bg.jpg) repeat-x 0 100%;     */
    }    
      .junewsultra .jn .jn-left{
        float: left;
        width: 10%;
      }
        .junewsultra .jn .jn-left img{
          padding: 1px;
          border: 1px #a7b3be solid;
        }
      .junewsultra .jn .jn-right{
          /* float: right; */
          /* font-size: 21px; */
          text-transform: uppercase;
          /* color: #333; */
          /* width: 67%; */
      }    
        .junewsultra .jn .jn-right h4{
          font-size: 23px;
          font-weight: bolder;
          margin-top: 0px;
        }  
        .junewsultra .jn .jn-right .jn-info{
          /* font-size: 70%; */
          color: #778899;
          padding: 0px 0 0 0;
        }
          .junewsultra .jn .jn-right .jn-hit-n-rating{
            padding-top: 3px;
          }
            .junewsultra .jn .jn-right .jn-hit-n-rating .jn-small{
              float: left;
              padding-right: 3px;
            }
            .junewsultra .jn .jn-right .jn-hit-n-rating .jn-rating img{
              border: none;
              padding: 0;
              margin: 0;
            }  
    .junewsultra .jn .jn-more{
      text-align: left;
      padding-bottom: 75px;
    }  
      .junewsultra .jn .jn-more a{
    /* padding: 15px; */
    padding: 15px 41px;
    color: #323e50;
    /* text-transform: uppercase; */
    /* background-color: #323e50; */
    font-weight: 500;
    border-radius: 9px;
    border: 1px solid #323e505c;
      }  
      
span.badge_event {
background: url('files/base_event.png') no-repeat 100% 0;
}
span.badge_new, span.badge_free, span.badge_hot, span.badge_pick, span.badge_top, span.badge_event {
  height: 48px;
  position: relative;
  right: -15px;
  text-indent: -999em;
  margin-top: -14px;
  margin-left: 0px;
  width: 48px;
  z-index: 99;
  display: inline-block;
  float: right;
}


.slider_wrapper{width: 100%;height: 450px;overflow: hidden;background-color: rgba(255, 255, 255, 0.5);}
.slider_wrapper .slider{background-size: cover;display:none;/*margin-top: -450px;*/margin-top: 0px;width:100%;height:450px;overflow:hidden;background-repeat: no-repeat;
}
/*.slider_wrapper .slider:first-child{display:block;margin-top: 0px;}*/

.slider_wrapper .slider_info { 
  /*margin-right: -330px;*/
  width: 100%;
  background: url(/images/9.png);
  /*float:right;*/
  height:100%;
  color:#FFFFFF;
  padding:50px;
}
.slider_wrapper .slider_info h1{font-size:32px;margin-top:38px; margin-right: 440px}
.slider_wrapper .slider_info .date{display:block;margin-bottom: 13px;font-size:11px;}    
.controllers {
width: 100%;
height: 36px;
text-align: center!important;
display: block;
position: relative;
bottom: 0;
background-color:rgb(50 62 80 / 64%);
z-index: 1;
margin-top: -36px;
}
.controllers span,.controllers .sp-slide_prev,.controllers .sp-slide_next{cursor:pointer;width:28px;height:28px;line-height:28px;display:bloack;float:left;text-align:center;background-image:url(files/style5-buttons.png);background-repeat:no-repeat;color:#333;margin:4px 0}
.controllers span{background-position:0 0}
.controllers span:hover{background-position:0 -28px}
.controllers span.active{background-position:0 -56px;color:#fff}
.controllers .sp-slide_next{background-position:0 -84px}
.controllers .sp-slide_next:hover{background-position:0 -112px}
.controllers .sp-slide_prev{background-position:0 -140px}
.controllers .sp-slide_prev:hover{background-position:0 -168px}















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

#nav {
  float:left;
  width:100%;
  height:75px; /* ������ ����� ���� (� �������� ������ � �������, ��� ������) */
  position:relative;
  margin:10px 0 40px; /* ������ ������ � ����� �� ���� */
}

#nav .select, #nav .current {
  margin:0;
  padding:0;
  list-style:none;
  display:block;
}

#nav li {
  font-family: Arial; /* ����� ���� */
  display:inline;
  margin:0;
  padding:0;
  height:auto;
}

#nav .select a, #nav .current a {
display: block;
height: 40px;
float: left;
padding: 0 0 0 5px;
text-decoration: none;
font-size: 14px;
line-height: 40px;
white-space: nowrap;
margin-right: 2px;
/*position: relative;*/
z-index: 500;
border: 1px solid #AAAAAA;
border-radius: 6px 6px 0px 0px;
background: linear-gradient(to bottom, rgba(248, 248, 248, 1) 0%,rgba(218, 218, 218, 1) 100%);
box-shadow: 0px 0px 2px #AAAAAA;
}

#nav .select a b, #nav .current a b {
  height:100%;
  display:block;
  padding:0 20px 0 15px;
  color:#606060; /* ���� ������ �������� ������ */
}

#nav .select a:hover, #nav .select li:hover a {
  /*background-position:0 -50px;*/
  cursor:pointer;
}

#nav .select a:hover b, #nav .select li:hover a b {
  /*background-position:100% -50px;*/
  color:#fff;
}

#nav .sub {
  display:none;
}

#nav .current a {
  border-color:#046;
}
#nav .current a b {
  color:#fff; /* ���� ������ ��������� ���� �������� ������ */
}


#nav .sub li a:hover, #nav .select a:hover .sub li a:hover, #nav .select li:hover .sub li a:hover, #nav .sub_active .current_sub a, #nav .sub_active a:hover {
  color:#fff; /* ���� ������ ��������� ���� ������� ������ */
  text-decoration:underline;
}


#nav .select li a:hover .sub, #nav .select li:hover .sub, #nav .sub_active {
  display:block;
  position:absolute;
  width:100%;
  height: 35px;
  top:40px;
  left:0;
  background:#9E9B9B; /* ��� ������� ������ */
  padding:0;
  z-index:100;
}

#nav .sub_active {
  z-index:10;
}

#nav .sub, #nav .sub_active {
  margin:0;
  padding:0;
  list-style:none;
}


* html #nav .sub_active, * html #nav .select a:hover .sub {
  z-index:-1;
  margin-top:0;
  margin-top:1px;
}

#nav .sub_active a {
  height:25px;
  float:left;
  text-decoration:none;
  line-height:24px;
  white-space:nowrap;
  font-weight:normal;
}

#nav .sub_active a, #nav .select a:hover .sub li a, #nav .select li:hover .sub li a {
  display:inline;
  background:none;
  padding:0 10px;
  margin:0;
  font-size:13px; /* ������ ������ ������� ������ */
  width:auto;
  white-space:nowrap;
  font-weight:normal;
  border:0;
  color:#eee; /* ���� ������ ������� ������ */
  height:35px;
  line-height:35px;
}  



#accordionmenu {}

#accordionmenu>div { 
  padding: 20px 0px 25px 25px;
}

#accordionmenu>h4+div{border-top: none}

#accordionmenu>h4 {
  cursor:pointer; 
  margin: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 16px;    
  background-color: #fff;
  padding: 25px;
}
#accordionmenu>h4v2:hover,#accordionmenu>h4.active {  
  color: #323e50;
  background-color: #fff;
}

#accordionmenu1 {}
#accordionmenu1>div{
  padding: 11px;
}
#accordionmenu1>h4+div{border-top: none;}

#accordionmenu1>h4 {
  cursor:pointer; 
  margin: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 16px;    
  padding: 10px;
}
#accordionmenu1>h4v2:hover,#accordionmenu>h4.active {  
  color: #323e50;
  background-color: #fff;
}

#accordionmenu2 {}
#accordionmenu2>div { 
  padding: 16px;
}
#accordionmenu2>h4v2+div{ 
  border-top: none;
}
#accordionmenu>h4v2 {
  cursor:pointer; 
  margin: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 16px;    
  padding: 10px;
}
#accordionmenu2>h4v2:hover,#accordionmenu>h4.active {  
  color: #323e50;
  background-color: #fff;
}



ul.tabs {
  /*height: 28px;*/
  line-height: 25px;
  list-style: none;
  border-bottom: 1px solid #DDD;
  /*background: #F8F8F8;*/
  display: none;
  margin-bottom: 0;
  padding-left: 14px;
}


ul.tabs {
  /*height: 28px;*/
  line-height: 25px;
  list-style: none;
  border-bottom: 1px solid #DDD;
  /*background: #F8F8F8;*/
  display: table;
  margin-bottom: 0;
  padding-left: 14px;
}
.tabs li {
  float: left;
  display: block;
  margin: 0 1px -1px 0;
  padding: 0 13px 1px;
  color: #777;
  cursor: pointer;
  background: #F9F9F9;
  border: 1px solid #E4E4E4;
  border-bottom: 1px solid #F9F9F9;
  position: relative;
}
.tabs li:hover, .tabs li:hover {
  color: #F70;
  padding: 0 13px;
  background: #FFFFDF;
  border: 1px solid #FFCA95;
}
.tabs li.current {
  color: #444;
  background: #EFEFEF;
  /*padding: 0 13px 1px;*/
  border: 1px solid #D4D4D4;
  border-bottom: 1px solid #EFEFEF;
}
.box {
  display: none;
  border: 1px solid #D4D4D4;
  border-width: 0 1px 1px;
  background: #EFEFEF;
  padding: 14px;
}
.box.visible {
  display: block;
}

.main_fullnews a > img[align=left] {padding-right:10px;padding-bottom:10px;}

.filebox {
  /* border-left: 1px solid #cdcdcd; */
}

.filebox li{position: relative;
  margin: 8px;
  padding: 6px 0px 6px 28px;
  /* border: 1px solid #AAAAAA; */
  font-size: 15px;
  background-repeat: no-repeat;
  background-position: 4px 5px;vertical-align:top;}
  .filebox.preview li{height: 90px;}
  .filebox li img{height: 90px;
  margin-left: 54px;
  cursor: -webkit-zoom-in;
  position: absolute;
  left: 50%;
}


.filebox h4 { 
  cursor:pointer; 
  margin: 0px;
  margin-top: 0px;
  font-weight: 500;
  font-size: 14px; 
  /* border: 1px solid #AAAAAA;
  border-radius: 5px; */
  padding: 14px;
}
.filebox h4:hover {
  /* background-color: #fff;
  padding: 14px; */
}



.filebox li[data-ext=doc],.filebox li[data-ext=docx]{background-image: url(/images/format/doc.png)}
.filebox li[data-ext=xls],.filebox li[data-ext=xlsx]{background-image: url(/images/format/xls.png)}
.filebox li[data-ext=pdf]{background-image: url(/images/format/pdf.png)}
.filebox li[data-ext=rtf]{background-image: url(/images/format/rtf.png)}
.filebox li[data-ext=zip]{background-image: url(/images/format/zip.png)}

.filebox li:hover{text-decoration:underline;box-shadow: 0px 0px 4px #D1D1D1;background-color: #F3F3F3;}
.filebox li .addinfo{display:inline-block;position:absolute;right:8px;text-decoration:none!important;}
.filebox li .addinfo .filesize{font-size:8px; color:#AAAAAA}
.filebox li .addinfo .format{padding-right: 4px;font-size: 8px;}

div.main_fullnews>div>img{padding-right: 10px;padding-bottom: 5px;}




/* ADMIN */


  .adminic{
    background-color: rgb(0 0 0 / 38%);
    backdrop-filter: blur(10px);
    padding: 0px;
    position: fixed;
    top: 58px;
    right: 40px;
    color: #FFFFFF;
    /* border-radius: 8px; */
    /* box-shadow: 0 0 4px #000000; */
    z-index: 99999;
    min-width: 250px;
  }
.adminic h1{margin: 25px; font-size: 18px;}
.adminic ul{margin:0;}
.adminic ul li{
list-style: none;
margin:0px 0px 16px 0px;
padding: 6px 0px 6px 12px;
  color:#FFFFFF;
  

}
.adminic ul li.edit:before{content: "\f040"}
.adminic ul li:before{
font-size: 1.3333333333333333em;
line-height: .75em;
vertical-align: -15%;  
display: inline;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 6px;}

#photoslide{
width:190px;
height:135px;
border:1px solid #AAAAAA;
background-size: cover;
position:relative;
overflow:hidden;
  background-repeat:no-repeat;
  background-position:center;
  display: inline-block;
}
#photoslide.videogallery {
width:190px;
height:107px;}

#photoslide a {width: 100%;height: 100%;display: block;}
#photoslide #photocontent{
display:none;
}
#photoslide #info{
color:#FFFFFF;
text-align:center;
position:absolute;
bottom:0;
background-color:rgba(0, 0, 0, 0.39);
  opacity: 0.7;

transition:opacity 0.5s ease;
box-shadow: 0px 2px 40px #000000;
padding-top:2px;
padding-bottom:2px;
text-shadow: 0px 0px 8px #FFFFFF;
width: 100%;
}
#photoslide:hover #info{opacity:1;}

div.banners img{opacity:0.8;transition:opacity 0.5s ease;}
div.banners img:hover{opacity:1}

.gallery_item {width:30%;display:inline-block;vertical-align: top;}
.gallery_item img.galleryimg{width:100%}




#rightcolumn{padding:10px;}
#rightcolumn h2{margin:0;margin-bottom:8px;}
#rightcolumn li{list-style-type: none;margin-bottom: 8px;}





.dialogbox{
display:none;
background:#FFFFFF;
border-radius:6px;
background: #eef2f7;
-webkit-border-radius: 6px;
border: 1px solid #536376;
-webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
-moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
padding: 14px 22px;
}
.dialogbox h1 {
padding: 12px;
font-size: 15px;
margin-top: -14px;
margin-left: -22px;
margin-right: -22px;
border-radius: 6px 6px 0 0;
margin-bottom: 8px;
color: #333;
text-shadow: 0 1px rgba(250, 236, 4, 0.8);
background-color: #ffc202;
border-bottom: 1px solid #c9aa4a;
}
.dialogbox h1 div{cursor:pointer;background-image:url('/images/close.png');float:right;width:16px;height:16px;opacity:0.6}
.dialogbox h1 div:hover{opacity:1;}

.dialogbox .alert{border: 1px solid #EBA0A0;
background-color: rgb(253, 231, 231);
padding: 8px;
color: #5A5A5A;}

p.MsoNormal{margin-left:0!important;}

#abctabmaker a{
display: inline-block;
border: 1px solid #AAAAAA;
margin: -2px;
padding: 9px 4px 9px 4px;
border-radius: 8px 8px 0px 0px;
}
#abctabmaker a:hover{
text-shadow: 0px 1px 0px #FFFFFF;
color: #707070;
box-shadow: 0 0 2px #B3B3B3;
background-color: #F0F0F0;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%);
}
div.paging{
  height: 28px;
  border-top: 1px solid #AAAAAA;
  padding-top: 7px;
  margin-top: 2px;
}
div.paging>a,div.paging>span{
  padding: 8px;
  font-size: 13px;
  text-align: center;
}
div.paging>a:hover{
background: #DBDBDB;
}

 .round {
    width: 150px;
    height: 150px;
  border-radius: 100%; /* ������ ���������� */
    border: 0px solid red; /* ��������� ����� */
    box-shadow: 0 0 7px #666; /* ��������� ���� */
   }


.imagetip span {
    visibility: visible;

}
.imagetip:hover span {
    left: 116px;
    position: absolute;
    visibility: hidden;
    width: 0%;
    z-index: 9999;
}


.blogodel {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.blogodel:hover {cursor: pointer;}

.blogodel img {
  background-color: #459;
  border: none;
  margin: 0;
  padding: 0px;
}




.blogodel .desc {background-color:#345;
  width: 190px;
    height: 260px;
  border-radius: 100%; /* ������ ���������� */
    border: 0px solid red; /* ��������� ����� */
    box-shadow: 0 0 7px #666; /* ��������� ���� */
  color: #FFF;
  font-size: 14px;
  font-family: Georgia;
  filter:alpha(opacity=75);
  opacity:.75;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
  position: absolute;
  bottom: 1px; left: 2px; right: 5px;
}


.blogodel:hover .desc strong {
  display: block;
  font-size: 14px;
  line-height: 1em;
    position: absolute;
  bottom: 180px; left: 10px; right: 10px;
}

.blogodel .desc strong {
  display: block;
  font-size: 14px;
  line-height: 1em;
    position: absolute;
  bottom: 50px; left: 13px; right: 10px;
}

.blogodel:hover .desc {
  background-color:#345;
  display: block;
  margin: 0;
  color: #FFF;
  font-size: 14px;
  font-family: Georgia;
  padding: 10px;
  border-radius: 100%;
  filter:alpha(opacity=75);
  opacity:.75;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
  position: absolute;
  bottom: 180px; left: 11px; right: 2px;
}

 .vround {
    border: 0px solid red; /* ��������� ����� */
   
   }

.vblogodel {
  width: 290px;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.vblogodel:hover {cursor: pointer;}

.vblogodel img {
  border: none;
  margin: 0;
  padding: 0px;
}




.vblogodel .desc {background-color:#459;
  width: 490px;
    height: 260px;
  border-radius: 100%; /* ������ ���������� */
    border: 0px solid red; /* ��������� ����� */
    box-shadow: 0 0 7px #666; /* ��������� ���� */
  color: #FFF;
  font-size: 14px;
  font-family: Georgia;
  filter:alpha(opacity=75);
  opacity:.75;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
  position: absolute;
  bottom: 14px; left: 12px; right: 5px;
}


.vblogodel:hover .desc strong {
  display: block;
  font-size: 14px;
  line-height: 1em;
    position: absolute;
   bottom: 40px; left: 53px; right: 10px;
}

.vblogodel .desc strong {
  display: block;
  font-size: 14px;
  line-height: 1em;
    position: absolute;
  bottom: 40px; left: 13px; right: 10px;
}

.vblogodel:hover .desc {
   width: 490px;
    height: 160px;
  background-color:#345;
  display: block;
  margin: 10;
  color: #FFF;
  font-size: 14px;
  font-family: Georgia;
  padding: 10px;
  border-radius: 100%;
  filter:alpha(opacity=75);
  opacity:.75;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
  
   bottom: 14px; left: 98px; right: 5px;
}

.horizontal-click [name="vkl"] { display: none; }  /* ������������� ��������� (�� ����� �� � ��������) */
.horizontal-click > :not(input):not(label) {
  overflow: hidden;
  height: 0;
  margin: 0;
  /* padding: 0 .5em; */
  transition: .5s;
}
.horizontal-click > label {
    /* border: 1px solid #AAAAAA; */
    /* border-radius: 5px; */
    overflow: hidden;
    display: block;
    padding: 15px;
    /* box-shadow: 0 0 0px #b3b3b3; */
    color: black;
    text-overflow: ellipsis;
    cursor: pointer;
    /* font-family: 'Times New Roman'; */
    font-size: 15px;
    margin-top: 15px;
    background-color: #fff;
    /* font-style: oblique;*/
}
.horizontal-click > :checked + label + * {
  overflow: auto;
  height: 190px;
}
.horizontal-click > :checked + label {
  background: #ffffff;
  cursor: pointer;
}



.horizontal-click1 [name="vkl"] { display: none; }  /* ������������� ��������� (�� ����� �� � ��������) */
.horizontal-click1 > :not(input):not(label) {
  overflow: hidden;
  height: 0;
  margin: 0;
  /* padding: 0 .5em; */
  transition: .5s;
}
.horizontal-click1 > label {
    /* border: 1px solid #AAAAAA; */
    /* border-radius: 5px; */
    overflow: hidden;
    display: block;
    padding: 15px;
    /* box-shadow: 0 0 0px #b3b3b3; */
    color: black;
    text-overflow: ellipsis;
    cursor: pointer;
    /* font-family: 'Times New Roman'; */
    font-size: 15px;
    margin-top: 15px;
    background-color: #fff;
    /* font-style: oblique;*/
}
.horizontal-click1 > :checked + label + * {
  overflow: auto;
  height: 110px;
}
.horizontal-click1 > :checked + label {
  background: #ffffff;
  cursor: pointer;
}




.horizontal-click2 [name="vkl"] { display: none; }  /* ������������� ��������� (�� ����� �� � �������-��������� ���) */
.horizontal-click2 > :not(input):not(label) {
  overflow: hidden;
  height: 0;
  margin: 0;
  /* padding: 0 .5em; */
  transition: .5s;
}
.horizontal-click2 > label {
    /* border: 1px solid #AAAAAA; */
    /* border-radius: 5px; */
    overflow: hidden;
    display: block;
    padding: 15px;
    /* box-shadow: 0 0 0px #b3b3b3; */
    color: black;
    text-overflow: ellipsis;
    cursor: pointer;
    background-color: #fff;
    /* font-family: 'Times New Roman'; */
    font-size: 15px;
    margin-top: 15px;
    /* font-style: oblique;*/
}
.horizontal-click2 > :checked + label + * {
  overflow: auto;
  height: 520px;
}
.horizontal-click2 > :checked + label {
  background: #ffffff;
  cursor: pointer;
}



.horizontal-click3 [name="vkl"] { display: none; }  /* ������������� ��������� (�� ����� �� � ����������-�������) */
.horizontal-click3 > :not(input):not(label) {
  overflow: hidden;
  height: 0;
  margin: 0;
  /* padding: 0 .5em; */
  transition: .5s;
}
.horizontal-click3 > label {
    /* border: 1px solid #AAAAAA; */
    /* border-radius: 5px; */
    overflow: hidden;
    display: block;
    padding: 15px;
    /* box-shadow: 0 0 0px #b3b3b3; */
    color: black;
    text-overflow: ellipsis;
    cursor: pointer;
    background-color: #fff;
    /* font-family: 'Times New Roman'; */
    font-size: 15px;
    margin-top: 15px;
    /* font-style: oblique;*/
}
.horizontal-click3 > :checked + label + * {
  overflow: auto;
  height: 370px;
}
.horizontal-click3 > :checked + label {
  background: #ffffff;
  cursor: pointer;
}



.horizontal-click4 [name="vkl"] { display: none; }  /* ������������� ��������� (�� ����� �� � �������� � ����� ����� �� �������) */
.horizontal-click4 > :not(input):not(label) {
  overflow: hidden;
  height: 0;
  margin: 0;
  /* padding: 0 .5em; */
  transition: .5s;
}
.horizontal-click4 > label {
    /* border: 1px solid #AAAAAA; */
    /* border-radius: 5px; */
    overflow: hidden;
    display: block;
    padding: 15px;
    /* box-shadow: 0 0 0px #b3b3b3; */
    color: black;
    text-overflow: ellipsis;
    cursor: pointer;
    /* font-family: 'Times New Roman'; */
    font-size: 15px;
    margin-top: 15px;
    background-color: #fff;
    /* font-style: oblique;*/
}
.horizontal-click4 > :checked + label + * {
  overflow: auto;
  height: 770px;
}
.horizontal-click4 > :checked + label {
  background: #ffffff;
  cursor: pointer;


}
.service-block-v7 {
   background: url('files/separator.gif');
    margin-top: 20px;
    text-align: center;
    position: relative;
    border: 1px solid #ddd;
    padding: 5px 10px 5px;
    border-radius: 5px;
    height: 220px;
    
}  
  .service-block-v7 i {
    background: #e74c3c;
    background-color: rgb(231, 76, 60);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    left: 50%;
    top: -5px;
    color: #fff;
    width: 45px;
    height: 35px;
    font-size: 22px;
    line-height: 46px;
    text-align: center;
    position: absolute;
    background: #72c02c;
    margin-left: -22.5px;
    display: inline-block;
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}   
  .service-block-v7 h3, .service-block-v7 p {
    margin-bottom: 20px;
}
  .col-md-4 {
    width: 31.83333333%;
    height: 180px;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 3px;
}

   .video { width: 650px; }