/* hello */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&subset=cyrillic');
@import url('fonts/roboto-condensed/font.css');

html, body {margin: 0px; padding: 0px; border: 0px; height: 100%; width: 100%;}
html {font-size: 16px;}
body{  
  font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif;
  font-weight: 400;  
  font-size: 100%;
  color: #303030;
  background-color: #EDEEF0;
  
  min-width: 1020px;
}

*, *::before, *::after { box-sizing: border-box; }

img, video, audio {border:0px; vertical-align: middle;}
form { margin: 0px; padding: 0px; border: 0px; }

a {color: #2562A9}
a:hover, .page_path a:HOVER, #htmlTikers a:HOVER {color:#1C278C}

h1, h2, h3, h4, h5, h6 {font-family: "Roboto";}
/* section > h1 {font-size: 26px; margin: 20px 0 0;} */

figure {margin: 0; position: relative;}

time {padding-left: 20px; line-height: 16px; background: url("/img/icon-time.png") no-repeat left center; display: inline-block; margin-right: 10px;}

header:AFTER, .row:AFTER, .container:AFTER, .lst-col3:AFTER, .lst-lst article, .slider-col4:AFTER, #reporters .lst > div:AFTER, .page_path:AFTER, #exchange-lst:AFTER, .flowplayer:after, .gallery-embed:after {content: ""; display: block; clear: both;}

.container {margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px;  width: 1020px; }

.row, .lst-col3, .slider-col4 {margin-left: -10px; margin-right: -10px;}
main, aside, .col-0, .col-1, .col-2, .col-3, .col-30, .col-33, .col-70, .lst-col3 article, .slider-col4 article {min-height: 1px; padding-left: 10px;  padding-right: 10px; position: relative; float: left;}
.col-0 {width: 100%;}
.col-1 {width: 25%;}
.col-2 {width: 50%;}
.col-3 {width: 75%;}
.col-30{width: 30%;}
.col-33{width: 33%;} 
.col-70{width: 70%;}
.lst-col3 article {width: 33.3333%; margin-bottom: 20px; min-height: 210px;}
.slider-col4 article {width: 25%;}
main {width: 700px; }
aside{width: 320px; }
.lst-lst .col-1 {width: 35%; }
.lst-lst .col-2 {width: 65%; }

.link-mobile, .link-desktop {float: right; display: block; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; display: none;}
.link-mobile {background-image: url("/img/mobile_version.png");}
.link-desktop {background-image: url("/img/desktop_version.png");}


/* -------- Site -------------- */
.holder { height: auto; min-height: 100%; position: relative; padding-bottom: 80px;}
header, nav {font-family: "Roboto Condensed";}
footer {position: absolute; bottom: 0; left: 0; right: 0; display: block; width: 100%; border-top: 8px solid #318EDA; color: #000; padding: 10px 0; font-size: 0.813em;}

#header, #nav, #nav-fixed, .head-navbar {background-color: #2562A9; padding: 10px 0; color: #fff;}
#header {font-size: 0.875em;}


.menu-top a {display: inline-table; color: #fff; text-decoration: none; margin: 0 10px;}
.menu-top a:HOVER {text-decoration: underline;}

#nav-fixed {display: none; position: fixed; left: 0; top: 0; right: 0; width: 100%; z-index: 8888;}

.logo, .menu {float: left;}
/*.logo {margin: 0 30px; } */
.menu {margin: 1em 0; float: left;}
.menu a, .menu-lvl2 a {text-transform: uppercase; font-weight: 700; font-size: 1.125em; text-decoration: none; display: inline-table;  }
.menu a {color: #7BA7DA; margin: 0 14px; }
.menu a:HOVER, .menu a.active {color: #fff; }

.menu-lvl2 {padding: 6px 0; border-bottom: 1px solid #D0D3D9; }
.menu-lvl2 a {padding: 10px; }
.menu-lvl2 a.active {color: #000; background-color: #FFCD06; }

section {margin: 20px 0;}
section:NOT(.banner) > div, section > nav {background-color: #fff; padding: 20px; margin-bottom: 1px;}
section > nav {padding-bottom: 10px; text-transform: uppercase; font-size: 1.125em; color: #9C9C9C;}
section > nav a {display: inline-block; margin: 0 10px; font-weight: 700; text-decoration: none; }
section > nav a.active {color: #000; position: relative;}
section > nav a.active:after{content: ""; height: 5px;  width: 10px; display: inline-block; position: absolute; bottom: -5px; 
	left:calc(50% - 5px);
	border-right: 5px solid transparent;
    border-top: 5px solid #000;
    border-left: 5px solid transparent;
}
section > h6, section > h1, #top-video .title, #exchange-lst h6  {text-transform: uppercase; font-size: 0.938em; margin: 20px 0; padding-left: 10px; line-height: 1;}
section > h6 a {text-decoration: none; color: #303030; }
section .btns {text-align: center; margin-top: 40px; font-size: 0.750em;}
section .btns a {display: inline-block; min-width: 240px; padding: 0 20px; line-height: 2.5; border: 1px solid #3467B0; border-radius: 5px; text-decoration: none; }
section > h1 span {color: #2562a9;}


article h2, #reporters h2, #shows-tv h2 {font-size: 1.625em; line-height: 1.2; color: #000; font-weight: 400; margin: 0;}
article h2 a, #reporters h2 a, #shows-tv h2 a  {color: #000; text-decoration: none;}
article h3, #reporters h3 {line-height: 1.2; font-weight: 400; margin: 0;}
article h3 a, #reporters h3 a, #streaming h3 a {text-decoration: none; font-weight: 700;}
article h4 {line-height: 1.2; font-weight: 400; margin: 0; font-size: 0.875em;}
article h4 a {text-decoration: none; color: #303030;}
article h1 {font-size: 32px; font-weight: 400; margin: 20px 0;}
article > p, article div:not(.content) p  {font-size: 0.875em; color: #666; margin: 10px 0; line-height: 1.5;}
article > p a, article div:not(.content) p a {color: #666; text-decoration: none;}
article p.digest {margin: 30px 0 30px 30px; color: #2562A9;}
article .details {font-size: 0.750em; color: #9C9C9C; margin-bottom: 10px;}
article .details .row > div:LAST-CHILD {text-align: right;}
article .details .source {padding-left: 15px; background: url("/img/s1.png") no-repeat left center; color: #959595; text-decoration: none; }
article .details i {font-style: normal; color: #1B5392;}
article .details .views, article .details .comments {margin-left: 10px; padding-left: 15px; background-repeat: no-repeat; background-position: left center;}
article .details .views {background-image: url("/img/icon-views.png"); display: none;}
article .details .comments {background-image: url("/img/icon-comments.png");}

.paging {text-align: center;}
.paging a {text-decoration: none; color: #BABABA; font-weight: 700; margin: 0 5px; font-size: 0.9em;}
.paging a.active {color: #000;}

.lst-col3 article h3 {font-size: 1em;}

#streaming .live {padding: 0; background-color: transparent;}
#streaming .live iframe {width: 680px; height: 387px;}
#live > div > div {width: 260px !important; height: 146px !important;}
.live > div  {width: 680px !important; height: 382px !important;}

.content {font-size: 0.875em;}

.lst-col3 {margin-bottom: -20px;}
.lst-col3 figure img {max-width: 200px;}
.lst-col3 figure {margin-bottom: 10px;}

/*.lst-lst figure {float: left; margin-right: 20px; margin-bottom: 20px;}*/
.lst-lst article {margin-bottom: 30px;}

#top-video > div {background-color: #1184C4; color: #fff; }
#top-video .title {margin-top: 0; padding-left: 0; margin-bottom: 15px; font-weight: 400;}
#top-video article h3 {font-weight: 400; font-size: 0.938em; margin-top: 15px; }
#top-video article h3 a {color: #fff;}

#reporters .lst figure {float: left; margin-right: 15px;}
#reporters .lst div {margin-bottom: 20px;}
#reporters .lst div:LAST-CHILD {margin: 0;}
#reporters div h2, #reporters h3, #shows-tv h2 {margin-top: 20px;}
#reporters h3, #reporters p, .lst-scroll a, #shows-tv p {font-size: 0.875em;}
#reporters h3 {margin-top: 0;}

#categories .first {margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #edeef0;}

.icons-valute {display: inline-block; background-repeat: no-repeat; background-position: center;}
.icons-valute.eur {background-image: url("/img/flags/europeanunion.png");}
.icons-valute.usd {background-image: url("/img/flags/us.png");}
.icons-valute.rub {background-image: url("/img/flags/ru.png");}
.icons-valute.ron {background-image: url("/img/flags/ro.png");}
.icons-valute.uah {background-image: url("/img/flags/ua.png");}

#exchange-table table {font-size: 0.875em;}
#exchange-table table td {padding: 3px 0;}
#exchange-table .icons-valute {width: 16px; height: 11px; margin-right: 5px; background-size: 100% 100%;}

#exchange-lst > div {float: left; background-color: transparent; padding-top: 0; padding-bottom: 0;}
#exchange-lst .col2 {float: right;}
#exchange-lst h6 {margin: 0; padding: 0;}
#exchange-lst .col1 h6 {font-size: 1.5em; margin-top: 18px;}
#exchange-lst .col1 h6 span {font-size: 0.6em;}
#exchange-lst .col2 h6 {margin: 8px 0; }
#exchange-lst span {color: #4B6FA1; display: block; font-weight: 400; font-size: 0.8em;}
#exchange-lst ul {margin: 0; padding: 0; list-style: none;}
#exchange-lst ul li {display: inline-table; text-align: center; padding-left: 20px;}
#exchange-lst .icons-valute {width: 45px; height: 45px; background-color: #fff; border-radius: 50%; background-size: 60% auto;  }

.lst-scroll a {display: block; text-decoration: none;}
.lst-scroll a:HOVER {color: #000;}

.copyright {float: left; margin-top: 10px;}
.dqteam {float: right; vertical-align: middle;}
.dqteam img {vertical-align: middle;}

#live h3 {margin-top: 0; font-weight: 400;}

#news-nonstop article {margin-bottom: 15px;}
#news-nonstop article h4 {font-weight: 700;}
#news-nonstop .details {margin: 5px 0 0;}
#news-nonstop > div {height: 490px; overflow-y: auto; }
#news-nonstop .btns {padding-bottom: 20px;}

figure.big img, figure.big video, figure.big audio {width: 680px;}
figure .ico-video {position: absolute; width: 29px; height: 29px; display: block; opacity: 0.5; background: url("/img/icon-play.png") no-repeat center center; left: calc(50% - 14px); top: calc(50% - 14px);  }
figure a:HOVER .ico-video {opacity: 1;}

.page_path {margin-top: 11px;}
.page_path * {display: inline; margin: 0; line-height: 1; font-size: 22px;}
.page_path i {font-style: normal; padding: 0 5px; color: #8D8D8D;}
.page_path a {text-decoration: none; color: #8D8D8D;}

#tikers {padding-top: 5px; padding-bottom: 5px;}
#tikers .container > div {position: relative;}
#htmlTikers a {line-height: 2; text-decoration: none; color: #545454;  }
#htmlTikers {overflow: hidden; width: 980px;}
#tikers i {margin: 0 20px;} 
#tikers h6 {position: absolute; z-index: 10; font-size: 1em; margin: 0; padding: 0; top: 0; line-height: 2;}
#tikers h6, #tikers h6 a {color: #fff; font-weight: 400; text-decoration: none;}
#tikers .left {left: 0; background-color: #EE9F3A; padding-left: 10px;}
#tikers .right {right: 0; background-color: #E34C34; padding-right: 10px;}
#tikers .left:after, #tikers .right:after{
    content: "";
    height: 16px;
    width:  16px;
    background: none;
    display: inline-block;
    position: absolute;    	
	border-right: 16px solid transparent;
    border-top-style: solid;
    border-top-width: 32px;
    border-left: 16px solid transparent;       
}
#tikers .left:after {transform: rotate(-90deg); right: -32px; border-top-color: #EE9F3A; }
#tikers .right:after{transform: rotate(90deg);  left: -32px;  border-top-color: #E34C34; }


.table1 {width: 100%; border-collapse: collapse; border-spacing: 0;}
.table1 th {font-size: 1.143em;}
.table1 th, .table1 td {padding: 10px; border: 1px solid #D8E2EC;}
.table1 th {background-color: #2562a9; color: #fff; }
.table1 td {background-color: #EAF3FC; }
.table1 tr td:FIRST-CHILD {color: #2562a9; background-color: #DEEAFA; }
.table1 tr th:FIRST-CHILD, .table1 tr td:FIRST-CHILD {text-align: center;}
.table1 tr th:LAST-CHILD, .table1 tr td:LAST-CHILD {text-align: left;}
.table1 tr:HOVER td {background-color: #2562a9; color: #fff;}


/* jQuery UI custom */
#datepicker {margin: 20px 0;}
#datepicker * { box-sizing: content-box; }
#datepicker .ui-datepicker {border-radius: 0; width: 260px; padding: 0; border: none; }
#datepicker .ui-datepicker .ui-datepicker-title select {font-size: 0.9em;}
#datepicker .ui-widget-header {background: #edeef0; border: none; border-radius: 0;}
#datepicker .ui-datepicker table {font-size: 0.75em; margin: 0;}

.tabItem {cursor: pointer;}
.program h4 {margin: 0; font-size: 1.15em;}
.program h4 a {text-decoration: none;}
.program .text {margin-top: 10px;}

.menu-top {float: left; margin-top: 6px;}

.prevBtn, .nextBtn {position: absolute; top: 50%; margin-top: -20px; width: 22px; height: 40px; display: block; cursor: pointer; opacity: 0.5; background-image: url("/img/arrows.png"); cursor: pointer;}
.prevBtn {background-position: 0 0; left: 20px;}
.nextBtn {background-position: 0 -40px; right: 20px;}
.prevBtn:HOVER, .nextBtn:HOVER {opacity: 1;}

/*Google CSE form */
.google-cse *, .shares * { box-sizing: content-box; }
.google-cse .gsc-control-cse {padding: 0; float: right; width: 35%; background-color: transparent; border: none; }
.google-cse form.gsc-search-box, .google-cse table.gsc-search-box {margin: 0;}


.gallery-embed .player {margin-bottom: 10px;}
.gallery-embed video {width: 100%;}
.gallery-embed .thumbs a {opacity: 0.4; float: left; margin: 7px;}
.gallery-embed .thumbs a.active {opacity: 1;}

.shares {text-align: right;}

.socila {float: right; margin-top: 10px;}
/*
.socila a {opacity: 0.2;}
.socila a:HOVER {opacity: 1;} */

.social-32 {width: 32px; height: 32px; display: inline-block; background-image: url("/img/social-icons-32.png?v=2.3"); background-repeat: no-repeat; background-position: 0 0; }
.social-32:HOVER {background-image: url("/img/social-icons-32-over.png?v=2.3");}
.social-32.fb {background-position:  0 0;}
.social-32.yt {background-position:  0 -32px;}
.social-32.tw {background-position:  0 -64px;}
.social-32.viber {background-position:  0 -96px;}
.social-32.instagram {background-position:  0 -128px;}
.social-32.telegram {background-position:  0 -160px;}


input.search_input
{
	border: 1px solid #006D8E;
	background: #ffffff;
	width: 140px;
	height: 15px;	
}

button.btn
{
  cursor: pointer;
  margin-right: 5px;
  background-image: linear-gradient(to bottom, #337ab7 0px, #265a88 100%);
  background-repeat: repeat-x;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  color: #fff;  
  border: 1px solid #245580;
  border-radius: 4px;  
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
button.btn:HOVER
{	
	background-color: #265a88;
	background-position: 0 -15px;
}

textarea.txt, input.txt {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%) repeat scroll 0 0;
    border: 1px solid #c9c9c9;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 1) inset, 0 1px 1px rgba(0, 0, 0, 0.05);
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
select.txt, textarea.txt, input.txt { border-radius: 1px; color: #333; display: block; font-size: 14px; line-height: 1.42857; min-height: 36px; padding: 2px 3px; vertical-align: middle; width: 100%; }

textarea.txt:focus, input.txt:focus { border-color: rgba(98, 174, 239, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(98, 174, 239, 0.6); outline: 0 none; }
select.txt {background-color: #ffffff; border: 1px solid #c9c9c9; }

textarea.txt.txt-error, input.txt.txt-error, select.txt.txt-error {
	background: #fef1ec;
    border: 1px solid #cd0a0a;
    color: #cd0a0a;
} 

form section {display: block; margin-bottom: 15px;}
section label {display: block; margin-bottom: 5px; font-weight: bold;}

.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    padding: 15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

.alert-success {
    background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
    color: #3c763d;
}

.alert-error {
    background-image: linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%);
    background-repeat: repeat-x;
    border-color: #dca7a7;
    color: #a94442;
}

.head-navbar, .min-start-container {display: none;}

.min-start-container figure img {width: 100%}
.min-start-container #promo {margin-bottom: 0;}
.min-start-container #promo .digest {display: none;}
.min-start-container #promo .col-2 {width: 100%}
.min-start-container .lst-col3 article {width: 49%; display: inline-block; vertical-align: top; box-sizing: border-box; float: none;}

.head-navbar {padding: 10px 20px; height: 45px; position: fixed; left: 0; top: 0; right: 0; z-index: 9999}
.head-navbar .logo {position: absolute; left: calc(50% - 87px); top: 5px; color: #fff;}
.head-navbar .logo img { width: 195px;}
.head-navbar .toggle { display: block; cursor: pointer; width: 31px; height: 25px; background-image: url("/img/navbar-toggle-fff.png"); float: left; background-repeat: no-repeat; }
	
.menu-drawer {position: fixed; left: -250px; top: 0; bottom: 0; width: 250px; background-color: #2562A9; overflow-y: auto; display: none; z-index: 9999;}
.menu-drawer a { display: block; text-decoration: none; padding: 12px 10px; border-bottom: 1px solid #7BA7DA; color: #fff; text-transform: lowercase;}
.menu-drawer a.lvl-1 {text-transform: uppercase; font-weight: 700; font-size: 1.125em; display: flex; justify-content: space-between; align-items: center;}
.menu-drawer a.lvl-1.active {color: #fff; }
.menu-drawer a.lvl-2 {padding-left: 15px; font-size: 16px; }
.menu-drawer a.lvl-2.active {color: #000; background-color: #FFCD06;}
.menu-drawer-close {position: fixed; z-index: 9999; left: 250px; top: 45px; right: 0; bottom: 0; display: none; background-color: #2562A9; opacity: 0.3; }
.menu-drawer .arrow-down {
  width: 50px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: all .3s ease-in-out;
}
.menu-drawer .arrow-down::before {
  content: "";
  width: 10px; 
  height: 2px;
  display: block;
  background-color:#7BA7DA;
  transform: rotate(45deg);
  position: relative;
  left: 4px;
}
.menu-drawer .arrow-down::after {
  content: "";
  width: 10px; 
  height: 2px;
  display: block;
  background-color:#7BA7DA;
  transform: rotate(-45deg);
}
.menu-drawer .arrow-down.arrow-up {
  transform: rotate(180deg);
  transition: all .3s ease-in-out;
}
.menu-drawer a.live {animation-duration: 1s; animation-fill-mode: both; border: none; text-transform: uppercase; text-align: center; background-color: #CE3A2E}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

.transform_element {transform: translateX(250px);}
.menu-drawer, .container-main, .head-navbar {transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;}

@media screen and (max-width: 980px), screen and (max-device-width: 980px) {
/*	html, body {min-width: 100%;}
	
	.head-navbar, .min-start-container, .menu-drawer, .link-mobile {display: block;}*/
	
	.head-navbar, .link-mobile {display: block;}
	#nav-fixed, #htmlMinNewsAll, .head-navbar .toggle {display: none !important;}
	
	/*
	.container, main, figure img, figure.big img, figure.big video, figure.big audio, .lst-lst .col-1, .lst-lst .col-2 { width: 100%; }
	.lst-col3 figure img { max-width: none; width: 100% }
	
	main {padding-left: 0px; padding-right: 0px; }
		
	.start-container, #header, #nav, #nav-fixed, #banners_PHEAD, #head-menu, aside, #nav-lvl2 {display: none !important; }
	
	.lst-lst article {padding: 15px 20px; border-bottom: 1px solid #EDEEF0; margin: 0; background-color: #fff;}
	.lst-lst article > p, .lst-lst article div:not(.content) p {display: none;}

	.lst-col3 article {width: 100%}
	
	section > div.lst-lst {padding-left: 0; padding-right: 0;}
	.lst-lst .details {padding-top: 5px;}
		
	.copyright {width: 60%}*/
}

.response-status {padding-top: 20 !important; padding-bottom: 0 !important; margin-bottom: 0 !important;}
.response-status div {margin-bottom: 0 !important;}
.response-status .ui-widget > p {margin: 0}

/* bootstrap */
.button-effect {margin: auto; display: inline-block; float: left; }
.button-effect a { color: #fff }
  
.effect {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff;
  text-transform: capitalize;
  background-color: #2562a9;
  font-size: 12px;
  padding: 4px 0px;
  width: 250px;
  border-radius: 6px;
  /*overflow: hidden;*/
}

.effect.effect-1 {transition: all 0.2s linear 0s;}
.effect.effect-1:before {
    content: "\f178";
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 40px;
    transition: all 0.2s linear 0s;
  }
  
  /*.effect.effect-1:hover {text-indent: -20px;}*/
  /*.effect.effect-1:hover:before {opacity: 1; text-indent: 0px;}*/


/*
* Сообщить об ошибке в тексте
*/
#btnSendError {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    margin: 0 auto;
    outline:none;
}
.tooltiptext {
    visibility: hidden;
    width: 120px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 10000;
    bottom: 150%;
    right: -150%;
    margin-left: -60px;
    background-color: #3578A3;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}
.tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 15%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #3578A3 transparent transparent transparent;
    /*-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);*/
    /*-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);*/
    /*box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);*/
}
#btnSendError:hover .tooltiptext {
    visibility: visible;
}

#modal_form
{
    width: 500px;
    height: auto;
    border-radius: 5px;
    border: 2px solid #000;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
    display: none;
    opacity: 0;
    z-index: 1000;
    padding: 0 10px 20px 10px;
}
#modal_form #modal_close
{
    width: 21px;
    height: 21px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: block;
    font-weight: 900;
    color: silver;
    text-align: center;
    background-color: #3578A3;
    border-radius: 50px;
}

#overlay
{
    z-index: 999;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    /*pointer-events: none;*/
    display: none;
}
div.selection
{
    margin-top: 15px;
}
div.selection_comment
{
    margin-top: 15px;
}
div.selection_comment textarea
{
    resize: none;
    width: 100%;
    height: 150px;
}
#modal_form h2 {
    font-size: 20px;
    color: silver;
    padding: 5px 0;
    border-bottom: 1px solid silver;
}
.m-top-15
{
    margin-top: 15px;
}

.user_selection
{
    max-height:100px;
    overflow-y: auto;
    color: red;
    font-weight: bold;
}
/* end */





/******* ------ SOCIAL SHARE BTNS ------ ********/
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0 0.1em
}
.resp-sharing-button__link:hover {
  color: #fff;
}


.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.3em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 12px;
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--google {
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.resp-sharing-button--google:hover,
.resp-sharing-button--google:active {
  background-color: #c23321;
  border-color: #c23321;
}

.resp-sharing-button--tumblr {
  background-color: #35465C;
  border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
  background-color: #222d3c;
  border-color: #222d3c;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}

.resp-sharing-button--telegram {
  background-color: #54A9EB;
}

.resp-sharing-button--telegram:hover {
  background-color: #4B97D1;}

.resp-sharing-button--instagram {
  background-color: #DC3485;
}

.resp-sharing-button--instagram:hover {
  background-color: #aa2867;}
/******** ------- END SOCIAL SHARE BTNS ------ *********/