@font-face {
  font-family: 'icon-set';
  src:  url('../fonts/fonts/icon-set.eot?77xymz');
  src:  url('../fonts/fonts/icon-set.eot?77xymz#iefix') format('embedded-opentype'),
    url('../fonts/fonts/icon-set.ttf?77xymz') format('truetype'),
    url('../fonts/fonts/icon-set.woff?77xymz') format('woff'),
    url('../fonts/fonts/icon-set.svg?77xymz#icon-set') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'a_avantebsregular';
    src: url('../fonts/fonts/6802-webfont.woff2') format('woff2'),
         url('../fonts/fonts/6802-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.ka .menu ul li
,.ka .services h3
,.ka .services-body p
,.ka .video-description .info
,.ka .video-description p
,.ka .infobox-header
,.ka .booklet p
,.ka .statistic h3
,.ka .statistic-button
,.ka .poster p
,.ka .slide-description p
,.ka .footer-list a
,.ka .contact
,.ka .footer-about
,.ka .footer-footer-in p
,.ka div#message span
{
	font-family: "BPG Nino Mtavruli", sans-serif;
}
.ka .options
,.ka .article
,.ka .fuuter-un-in p
,.ka .services-body p
,.ka .contact-inco-icon p
,.ka .text-box li
,.ka .text-box ul
,.ka .text-box ol
,.ka .panel .pre a
,.ka .tooltiptextindex
{
	font-family: "BPG Rioni Arial", sans-serif;
}


.en .menu ul li
,.en .services h3
,.en .services-body p
,.en .video-description .info
,.en .video-description p
,.en .infobox-header
,.en .booklet p
,.en .statistic h3
,.en .statistic-button
,.en .poster p
,.en .slide-description p
,.en .footer-list a
,.en .contact
,.en .footer-about
,.en .footer-footer-in p
,.en .options
,.en .article
,.en .fuuter-un-in p
,.en .services-body p
,.en .contact-inco-icon p
,.en .text-box li
,.en .text-box ul
,.en .text-box ol
,.en .panel .pre a
,.en .tooltiptextindex
,.en div#message span
{
	font-family:  'Rubik', sans-serif;
}

.ru .menu ul li
,.ru .services h3
,.ru .services-body p
,.ru .video-description .info
,.ru .video-description p
,.ru .infobox-header
,.ru .booklet p
,.ru .statistic h3
,.ru .statistic-button
,.ru .poster p
,.ru .slide-description p
,.ru .footer-list a
,.ru .contact
,.ru .footer-about
,.ru .footer-footer-in p
,.ru .options
,.ru .article
,.ru .fuuter-un-in p
,.ru .services-body p
,.ru .contact-inco-icon p
,.ru .text-box li
,.ru .text-box ul
,.ru .text-box ol
,.ru .panel .pre a
,.ru .tooltiptextindex
,.ru div#message span
{
	font-family:  'Rubik', sans-serif;
}
body, header *, .left *, footer *, .services *,.navigation p,.slide-description p,.social p,table.publication-table p,
button.accordion.accordion-qa p,.panel-qa p,.gallery *,.publication-table td h3 {
	margin:0px;
	padding:0px;
	/*list-style-type: none;*/
	/*text-decoration: none;*/
	/*font-weight: normal;*/
}
.services h3,.infobox-header a,.statistic h3,.text h1,.news .news-post h3,.publication-table td h3,.publication-table th,.services-list h1
{
    font-weight: normal;
}
header a,footer a,.sld a,.left a,.navigation a,.biuro-buttons a,.administration
a,.post-links a,.news-changepage a,.services-list a,.other-services-head a,.tooltip a
{
    text-decoration: none;
}
.font-normal .contact ul,.font-normal .post-links a,.font-normal .news .news-post p,.font-normal .footer-about-list
{
    font-size: 14px;
}
.font-normal .article p,.font-normal .article h4,.font-normal .services-body p,.font-normal .fuuter-un-in p,
.font-normal .menu ul,.font-normal .options p,.font-normal .content-menu-link,.font-normal .text p,.font-normal .panel .pre a,.font-normal .administration ul,
.font-normal .contact-h,.font-normal .news .news-post h3c,.font-normal .publication-table td p,.font-normal .accordion,.font-normal .text-box li,.font-normal .panel-service p
,.font-normal .sitemapLinks li
{
    font-size: 14px;
}
.publication-table td h3 ,.font-normal .sitemapLinks li h4,.font-normal .services-description-text p
{
    font-size: 16px;
}
.font-normal .services h3,.font-normal .text h1,.font-normal .services-list h1
{
    font-size: 20px;
}
.font-normal .slide-description p
{
    font-size: 24px;
}
.font-large .contact ul,.font-large .post-links a,.font-large .news .news-post p,.font-large .footer-about-list
{
    font-size: 16px;
}
.font-large .article p,.font-large .article h4,.font-large .services-body p,.font-large .fuuter-un-in p,
.font-large .menu ul,.font-large .options p,.font-large .content-menu-link,.font-large .text p,.font-large .panel .pre a,.font-large .administration ul,
.font-large .contact-h,.font-large .news .news-post h3c,.font-large .publication-table td p,.font-large .accordion
,.font-large .text-box li,.font-large .panel-service p,.font-large .sitemapLinks li
{
    font-size: 16px;
}
.font-large .services-body p
{
  font-size: 14px;
}
.publication-table td h3,.font-large .sitemapLinks li h4,.font-large .services-description-text p
{
    font-size: 18px;
}
.font-large .services h3,.font-large .text h1,.font-large .services-list h1
{
    font-size: 20px;
}
.font-large .slide-description p
{
    font-size: 24px;
}





.font-Xlarge .contact ul,.font-Xlarge .post-links a,.font-Xlarge .news .news-post p,.font-Xlarge .footer-about-list
{
    font-size: 18px;
}
.font-Xlarge .article p,.font-Xlarge .article h4,.font-Xlarge .services-body p,.font-Xlarge .fuuter-un-in p,
.font-Xlarge .menu ul,.font-Xlarge .options p,.font-Xlarge .content-menu-link,.font-Xlarge .text p,.font-Xlarge .panel .pre a,.font-Xlarge .administration ul,
.font-Xlarge .contact-h,.font-Xlarge .news .news-post h3c,.font-Xlarge .publication-table td p,.font-Xlarge .accordion
,.font-Xlarge .text-box li,.font-Xlarge .panel-service p,.font-Xlarge .sitemapLinks li
{
    font-size: 18px;
}
.font-Xlarge .services-body p
{
  font-size: 16px;
}
.publication-table td h3,.font-Xlarge .sitemapLinks li h4,.font-Xlarge .services-description-text p
{
    font-size: 20px;
}
.font-Xlarge .services h3,.font-Xlarge .text h1,.font-Xlarge .services-list h1
{
    font-size: 20px;
}
.font-Xlarge .slide-description p
{
    font-size: 24px;
}
.news a {
    text-decoration: none;
    color: inherit;
}
*
{
  outline: none;
}
header ul,footer ul,.calendar ul,.panel ul,.administration ul, .news-changepage
{
    list-style-type: none;
}
body
{
	background-color: grey;
}
#div1
{
    margin-left: -5%;margin-right:15%;opacity: 0.0
}
#div3
{
    margin-top: -3%;opacity:0.0
}
#div5
{
    margin-top:10%;opacity: 0.0
}
.slider-separator
{
    width: 50%;margin:0px auto
}
 .services-body .slider-img
{
    font-family: 'icon-set';
    font-size: 35px;
    color: #4c4d4f;
        transition: .3s;
    -webkit-transition:.3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}
.services-body a:hover .slider-img
{
    color: #f78f1e;
}
.post-thumb {
	width:120px;
	max-height:120px;
}
.header
{
	width: 100%;
	height: 130px;
	margin:0px auto;
	background-color: #ffffff;
}
.header-in
{
	width: 83.98%;
	margin:0px auto;
	height: 100px;
}
.header-logo
{
	width: 280px;
    float: left;
    margin-top: 25px;
    cursor: pointer;
}
.header-logo img
{
	width: 100%;
}
.header-content
{
	width:74%;
	float: right;
}
.menu,.options,.search
{
	height:26px;
	line-height: 26px;
	width:100%;
	float: right;
}
.search
{
	margin-bottom: 14px;
}
.menu ul
{
	float: right;
	font-size: 14px;
}
.menu ul li
{
	float: left;
	margin-left: 12px;
	line-height: 20px;
	letter-spacing: 0px;
}
.menu ul li a
{
	color: #575759;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}
.menu-icon
{
	line-height: 15px !important;
}
.menu ul li .house-icon
{	
	line-height: 21px;
}
.menu ul li .house-icon:before
{	
	font-family: "icon-set";
	content: "\e90c";
	margin: 0 5px 0 0;
    line-height: 0;
}
.menu ul li a:hover
{
	color: #f78f1e;
}
.tel
{
	height: 21px;
	line-height: 21px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.tel p span
{
	font-family: "icon-set";
	font-size: 14px;
}
.tel p span:before
{
	content: "\e90d";
}
.tel p
{
	font-size: 18px;
    color: #f78f1e;
    line-height: 15px;
    height: 15px;
    font-family: arial;
    float: right;
}
.search-input
{
	height: 14px;
	line-height: 15px;
	margin-top: -4px;
	border:none;
	width: 0px;
	transition: .8s;
	-webkit-transition:.8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	outline: none;
	float: left;
	border-color: #cccccc;
}

.search-button
{
	cursor: pointer;
    float: right;
    margin-right: 32px;
	background: none;
	border:none;
	outline: none;
	margin-left: 10px;
	width: 30%;
	transition: .3s;
	padding: 1px;
	border-radius: 7px;
	color: #7f8d99;
	height: 23px;
}
.search-button:hover
{
	background-color: white;
}
.search-form
{
	display: none;
	width: 200px;
	height: 65px;
	float: left;
	background-color: #e9e8e8;
	margin-top: -5px;
	position: relative;
	text-align: center;
	border-radius: 8px;
}
.search-form a
{
 	float: right;
    margin-right: 10px;
    line-height: 25px;
    cursor: pointer;
    font-family: arial;
    color: #969697;
    transition: .3s;
}
.search-form a:hover
{
	color: #000;
}
.search-form input
{
	width: 72%;
    margin-bottom: 5px;
    border-radius: 7px;
    margin-top: 7px;
    border: none;
    outline: none;
    padding-left: 10px;
    height: 22px;
}
.search-form select
{
	width: 50%;
    border: none;
    height: 22px;
    float: left;
    text-align-last:center;
    text-align: center;
    margin-left: 7%;
    border-radius: 7px;
    outline: none;
    color: #969696;
}
.search-form select option
{
	text-align: center;
}
.search-form:hover .search-input
{
	border:1px solid #cccccc;
	padding:3px 5px;
	width: 150px;
	border-radius: 5px;
}
.search-input:focus
{
	border:1px solid #cccccc;
	padding:3px 5px;
	width: 150px;
	border-radius: 5px;
}
.search-button img
{
	height: 14px;
}
.search-icon-div
{
	width: 15px;
    height: 100%;
    overflow: hidden;
    float: left;
    margin-top: -2%;
    cursor: pointer;
}
.search-content
{
	float: right;
}
.search-content .search-icon
{
	font-family: "icon-set";
	font-size: 95%;
	color: #575759;
	line-height: 1;
}
.search-content .contanct {
	float:left;
	margin-top:-5px;
}
.menu-contant
{
	float: left;
	width: inherit;
}
.options .options-icon
{
	width: 17px;
    float: left;
    margin-right: 7px;
    font-family: 'icon-set';
    font-size: 80%;
}
.options-icon:before
{
	content: "\e913";
}
.options p
{
	float: left;
	font-size: 12px;
	color: #575759;
	margin-right: 10px;
}
.options p span
{
	font-weight: bold;
	margin-left: 10px;
}
.options a, .change-font-size
{
	font-size: 12px;
    color: #575759;
    float: left;
    margin-right: 12px;
    cursor:pointer;
}
.options a span, .change-font-size .ka
{
	font-size: 18px;
}
.options-content
{
	float: left;
	height: 100%;
	border:1px solid #acacb0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: none;
	height: 25px;
}
.options
{
	height: 20px;
    line-height: 30px;
    margin-bottom: 30px;
}
.options-content a
{
	margin: 0px 8px;
    font-size: 10px;
    line-height: 30px;
}
.options-content span
{
	color: #acacb0;
	float: left;
}
.options-in
{
	float: right;
}
.active
{
	color: #f78f1e !important;
}
.index-section
{
	width: 100%;
	height: 100%;
	margin:0px auto;
	background:-webkit-linear-gradient(#d8d6d6, #d2d0d0);
	background:linear-gradient(#d8d6d6, #d2d0d0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d8d6d6', endColorstr='#d2d0d0');
	overflow: hidden;
	position: relative;
}
.slideshow
{
	width: 91.99%;
	background-color: transparent;
	position: absolute;
	border-top-right-radius: 25px;
	z-index: 6;
	margin-top: 2.5%;
}
.orange
{
	width: 50%;
	height: 0px;
	padding:22% 0px;
	background-color: #f78f1e;
	float: right;
	margin-left: 50%;
	position: absolute;
	z-index: 4;
}
.icons
{
	z-index: 50;
	position: fixed;
	font-family: 'icon-set';
	font-size: 22px;
}
.orange-icon
{
	width: 40px;
	height: 40px;
	background-color: #fff;
	text-align: center;
	line-height: 40px;
	float: right;
	position: relative;
	clear: both;
	margin-top: 2px;
	cursor: pointer;
	transition: 1s;
	-webkit-transition:1s;
	-moz-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	color: #f78f1e;
}

.orange-icon:nth-child(1)
{
	margin-top: 100%;
}
#facebook, #video, #message
{
	font-size: 18px;
}
#facebook:before
{

	content: "\e912";
}
#video:before
{
	content: "\e915";
}
.message-icon-contour:before
{
	display: block;
	content: "\e90e"
}
.message-icon-full:before
{
	content: "\e916";
}
#location:before
{
	content: "\e90f";
}
#question:before
{
	content: "\e910";
}
#network:before
{
	content: "\e911";
}
#facebook:hover:before
{
	content: "\e903";
}
#video:hover:before
{
	content: "\e905";
}
#message:hover:before
{
	content: "\e916";
}

#location:hover:before
{
	content: "\e917";
}
#question:hover:before
{
	content: "\e908";
}
#network:hover:before
{
	content: "\e902";
}


.floatcontainer
{
	float: right;
	width: 40px;
}
.back
{
	width: 100%;
	margin-top: 30.8%;
}

.back-in
{
	width: 63.47%;
	background-color: transparent;
	float: right;
}
.services-back-in
{
	width: 100%;
}
.services
{
	background-color: #ffffff;
	width: 87.4%;
	height: 100%;
	overflow: hidden;
	z-index: 5;
	position: relative;
	border-bottom-left-radius: 15px;
	text-align: center;
}
.services h3
{
  	font-size: 20px;
	color: #4c4d4f;
	padding-top: 3%;
}

.height
{
	width: 100%;
	height: 0px;
	padding:20% 0px;
}
.services-body a
{
 	/*width: 15%;
 	float: left;*/
 	margin:4.5% 5% 0px 5%;
}
.aligner
{
	margin-left: 10% !important;
	margin-right: 0% !important;
    width:49% !important;
}
.household
{
	background-position:0% 5% !important;
	opacity: 1;
}
.pig
{
	background-position:30.4% 5% !important;
	opacity: 1;
}
.ipoteka
{
	background-position:59.5% 5% !important;
	opacity: 1;
}
.arbitrage
{
	background-position:88% 5% !important;
	opacity: 1;
}
.hand
{
	background-position:1.5% 80% !important;
	opacity: 1;
}
.information
{
	background-position:34.7% 80% !important;
	opacity: 1;
}
.money
{
	background-position:69% 80% !important;
	opacity: 1;
}
.hover
{
	margin-top: -40% !important;
	opacity: 0.0;
}
.household-hover
{
	background-position:15.5% 5% !important;
}
.pig-hover
{
	background-position: 45.2% 5% !important;
}
.ipoteka-hover
{
	background-position: 74.263435% 5% !important;
}
.arbitrage-hover
{
	background-position: 101% 5% !important;
}
.hand-hover
{
	background-position: 17.214% 80% !important
}
.information-hover
{
	background-position: 52.4% 80% !important;
}
.money-hover
{
	background-position: 85.6% 80% !important;
}
.services-body a:hover .household
{
	opacity: 0.0;
}
.services-body a:hover .hand
{
	opacity: 0.0;
}
.services-body a:hover .pig
{
	opacity: 0.0;
}
.services-body a:hover .ipoteka
{
	opacity: 0.0;
}
.services-body a:hover .arbitrage
{
	opacity: 0.0;
}
.services-body a:hover  .pig-hover
{
	opacity: 1;
}
.services-body a:hover  .hand-hover
{
	opacity: 1;
}
.services-body a:hover  .arbitrage-hover
{
	opacity: 1;
}
.services-body a:hover  .information
{
	opacity: 0.0;
}
.services-body a:hover  .money
{
	opacity: 0.0;
}

.services-body a:hover .household-hover
{
	opacity: 1 ;
}
.services-body a:hover .ipoteka-hover
{
	opacity: 1;
}
.services-body a:hover .information-hover
{
	opacity: 1;
}
.services-body a:hover .money-hover
{
	opacity: 1;
}
.services-body a:hover p
{
	color: #f89d3a;
}
.services-body p
{
    overflow: hidden;
    height: 36px;
    text-overflow: ellipsis;
    font-size: 14px;
    text-align: center;
    padding-top: 0px;
    color: #4c4d4f;
    -webkit-transition: .3s;
    transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}
.services-left-arrow,.services-right-arrow
{
	width: 4%;
	float: left;
	padding:13% 0px;
	margin:0% 1.5% 5%;

}
.services-left-arrow .left-arrow,.services-right-arrow .right-arrow
{
	cursor: pointer;
	width: 12px;
	height: 12px;
	font-family: "icon-set";

}
.services-left-arrow .left-arrow
{
 -webkit-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
.services-left-arrow .left-arrow:before
{
	content:"\e90a";
}
.services-right-arrow .right-arrow:before
{
	content:"\e90a";
}
.services-right-arrow .right-arrow:hover:before
{
	content:"\e90b";
}
.services-left-arrow .left-arrow:hover:before
{
	content:"\e90b";
}
.services-body
{
	width:85.72%;
	margin: 2% 0px;
	float: left;
}
.video
{
	width: 43.69%;
	height:100%;
	overflow: hidden;
	float: left;
	position: relative;
	z-index: 4;
	margin-top: -14px;
	background-size: 100%;
	margin-bottom: -2%;

}
.video-img
{
	width: 100%;
}

.video-description
{
	width: 56.3%;
	height:100%;
      height: 256px;
	overflow: hidden;
	background-color: #a3a3a3;
	float: left;
	position: relative;
	z-index: 6;
	margin-left:-18px;
}
.description-info
{
	margin-left: 10%;
	margin-top: 10%;
	width: 66%;
	float: left;
}
#gallery span
 {
 	font-family: "icon-set";
}
.video-description .info
{
	font-size: 20px;
	height: 100%;
	line-height: 1.2;
	color: #eeeeee;
	margin-bottom: 10%;
}
/*.video-description .movie-img
{
	float: left;
	width: 20%;
	height: 0px;
    margin-left: -16%;
    padding: 18% 0px ;
    margin-bottom: 13.7%;
}*/

.video-description .movie-img
{
  float: left;
  width: 20%;
  /* height: 0px; */
  margin-left: -16%;
  /* padding: 18% 0px; */
  /* margin-bottom: 13.7%; */
  margin-top:11%;
}

/*.video-icon-open
{
	background: url(../img/video-icon-open.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size:100% 100%;
	width: 100%;
	padding:  60% 0px;
	cursor:pointer;
}*/
.video-icon-open
{
  background: url(../img/video-icon-open.svg);
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 100% 100%;
width: 100%;
/* padding: 60% 0px; */
cursor: pointer;
height: 187px;
}
.video-icon-open:hover
{
	background: url(../img/video-icon.svg);
	background-repeat: no-repeat;
	background-position:0px 100%;
	background-size: 100% 91.5%;
}
.video-description p
{
	font-size: 14px;
	color: #4c4d4f;
	-webkit-transition: .3s;
	transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	float: left;
	height: 16px;
    line-height: 16px;
}

.video-description a:hover p
{
	color: #eeeeee;
}
.video .play
{
	width: 35px;
	height: 30px;
	position: absolute;
	top: 48%;
    left: 43%;
}
.arrow
{
	width: 30px;
	height: 35px;
	position: relative;
    z-index: 10;
    float: left;
    overflow:hidden;
    margin-left: -12px;
    margin-top: 13%;
}
.description-arrow
{
	width: 15px;
	height: 15px;
	background-color:  #a3a3a3;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 transform: rotate(45deg);
    margin:5px;

}
.public
{
	width: 100%;
	background-color: #eae9e9;
	margin-bottom: -1000px;
	padding-bottom: 1100px;
}
.public-p
{
	font-size: 18px;
}
.left
{
	width: 27%;
	height: 100%;
	margin-left: 8%;
	float:left;
}
.infobox
{
	width: 100%;
	height: 100%;
	padding-bottom: 25px;
}
.infobox:not(.last-infobox)
{
	border-bottom: 1px solid grey;
}
.last-infobox
{
	margin-bottom: 40px;
}
.colorlibbon
{
	width: 10px;
	height: 40px;
	float: left;
	margin-left:10.5%;
}
.orangeline
{
	background-color: #f78f1e;
}
.greenline
{
	background-color: #518b86;
}
.greyline
{
	background-color: #7f8d99;
}
.pinkline
{
	background-color: #e35a53;
}
.infobox-header
{
	margin-left: 2%;
    font-size: 20px;
    margin-bottom: 2%;
    float: left;
    margin-top: 25px;
}
.infobox-header a
{
	-webkit-transition: .3s;
	transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	color: #4c4d4f;
}
.infobox-header a:hover
{
	color:black;
}

.article
{
	width: 79%;
	height: 100%;
	clear: both;
	margin:0px auto;
}
.article h4
{
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: normal;
}
.article h4 a
{
	-webkit-transition: .3s;
	transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
}
.article h4 a:hover
{
	color: #f78f1e;
}
.article p
{
	margin:0px auto;
	font-size: 12px;
	margin-bottom: 10px
}
.article p a
{
	color: #4c4d4f;
	-webkit-transition: .3s;
	transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
}
.article p a:hover
{
	color:#a2a4a6;
}
.infobox-buttons
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.leftbutton, .rightbutton
{
	width: 70px;
	height: 25px;
	border:1px solid grey;
	float: left;
	margin-left: 10.5%;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;

}
.orange-button:hover
{
	background-color: #f78f1e;
}
.green-button:hover
{
	background-color: #518b86;
}
.grey-button:hover
{
	background-color: #7f8d99;
}
.red-button:hover
{
	background-color: #e35a53;
}

.rightbutton
{
	border-left: none;
	margin:0px;
	background:url("../img/black-arrow-right.png");
	background-repeat: no-repeat;
	background-position: 43px 8px;
	background-size: 5px 8px;
}
.leftbutton
{
	background:url("../img/black-arrow-left.png");
	background-repeat: no-repeat;
	background-position: 18px  8px;
	background-size: 5px 8px;
}

.public-in
{
	width: 100%;
	padding-bottom: 80%;
	border-bottom: 1px solid white;
}
.booklet
{
	width: 20%;
	margin-top: 3%;
	background-color: #f5f4f4;
	float: left;
	margin-left: 3%;
	border-radius: 5%;
	cursor: pointer;
  max-width: 200px;
}
.booklet p
{
	width: 9%;
	margin-top: 11%;
	margin-left: 5%;
	margin-right: 5%;
	color:#4c4d4f;
	float: left;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.booklet img
{
	width: 70%;
	margin: 11% 11% 11% 0px;
}
.statistic
{
	width: 38%;
	float: left;
	margin-top: 4%;
	margin-left: 2%;
    border-radius: 10%;
    position: relative;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
	margin-bottom: 60px;
    border: 1px solid  #beb8b8;
    border-right: none;
    max-width: 380px;
}
.statistic h3
{
	position: absolute;
    top: -2.5%;
    right: 43%;
    z-index: 1;
    height: 1px;
    font-size: 16px;
    color: #4c4d4f;
    margin:0px;
}
.statistic-body
{
	margin:5%;
	width: 68%;
  margin-left: 7%;
}
.logo
{
	position: absolute;
	margin:54px;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background-color: #eceff1;
	z-index: 10;
}
.mask1
{
	position: absolute;
    top:-4px;
    right:0px;
    width:70%;
    height:8px;
    background-color:#eae9e9;
}
.mask2
{
	position: absolute;
    bottom:-2px;
    right:0px;
    width:29%;
    height: 4px;
    background-color:#eae9e9;
}
.logo img
{
	margin:10px;
}
.statistic-button
{
	position: absolute;
	right: 0.2%;
	bottom: -16px;
	z-index: 1;
	width: 25%;
	height: 35px;
	line-height:35px;
	border-radius: 10px;
	border: 1px solid #beb8b8;
	font-size: 12px;
	background-color: #f5f4f4;
	cursor: pointer;
	transition: .3s;
	-webkit-transition:.3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
}
.statistic-button:hover
{
	background-color: #d8d6d6
}

.statistic-body p
{
	font-size: 12px;
	color: white;
}
.statistic-body img
{
	width: 100%;
  max-width: 260px!important;
  max-height: 300px !important;
}
.poster
{
    margin-bottom: 20px;
	width: 22%;
	position: relative;
	text-align: center;
	margin-top: -5.5%;
	float: left;
	margin-left: 7%;
}
.poster-height
{
	padding: 19% 0px;
}
.poster-orange
{
	position: absolute;
	width: 60%;
	left:20%;
	border-radius: 15px;
	padding: 8% 0px;
	background-color: #f78f1e;
}
.orange-arrow
{
	width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 10px solid #f78f1e;
    position: absolute;
    z-index: 5;
    top: 25%;
    left:50%;
    margin-left: -30px;

}

.poster-paragraph
{
	width: 90%;
    margin: 0px auto;
    position: relative;
    height: 100%;
}
.poster-deskription
{
	width: 100%;
	border-radius: 15px;
	position: absolute;
	height: 75%;
	bottom: 0px;
	background-color: #ffffff;
	cursor: pointer;
}

.poster p
{

    display: inline-table;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 12px auto;
	font-size: 14px;
	color: #4c4d4f;
	-webkit-transition: .3s;
	transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	padding:0;
}
.poster:hover p
{
	color: #f78f1e;
}
.poster .line
{
	margin-top: 13%;
}
.slide-description
{
	width: 35%;
	padding-left: 82px;
	line-height: 20px;
	text-align: left;
	background-color: rgba(255,255,255,0.66);
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	position: relative;
	margin-top: 18% !important;


}
.slide-description p
{
   	line-height: 1;
   	font-size: 24px;
    padding: 7%  0px 5% !important;
}
.jssorb05
{
    position: absolute;
    bottom:16px;
    right: 1%;
    width: 100px !important;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av
{
    position: absolute;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div
{
	width: 7px !important;
    height: 7px !important;
    position: relative;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border: 2px solid #c3b6b4;
    background-color: transparent;
}

.jssorb05 div:hover, .jssorb05 .av:hover
{
   	background-color: grey;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    border:none;
}

.jssorb05 .av
{
    background-color: #eeeeee;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    border:none;
}
.jssora22l, .jssora22r
{
    display: block;
    position: absolute;
    width: 40px;
    height: 58px;
    cursor: pointer;
    overflow: hidden;
    background-size: 70% !important;
}
.jssora22l
{
    top:15%;
    right:3%;
    background: url('../img/arrow_up.svg') center center no-repeat;
}
.jssora22l:hover
{
    background: url('../img/arrow_down_filled.svg') center center no-repeat;
    -webkit-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     background-size: 76% !important;
}
.jssora22r
{
    bottom:15%;
    right:3%;
    background: url('../img/arrow_down.svg') center center no-repeat;
}
.jssora22r:hover
{
    bottom:15%;
    right:3%;
    background: url('../img/arrow_down_filled.svg') center center no-repeat;
    background-size: 76% !important;
}


.slider
{
cursor:url(../img/grab.png),auto;
}
.slider:active
{
	cursor:url(../img/grabbing.png),auto;
}


.wrapper
{
	width: 100%;
	height: 100%;
	min-height: 555px;
	overflow: hidden;
	margin:50px auto;

}
#slider
{
	width: 100%;
}
#slider>.sld
{
	width: 85.72%;
	display: none;
	float: left;
	position: absolute;
	z-index: 5;
}
.controlers
{
	width: 100%;
	height: 100%;
}
#controler_1
{
	position: relative;
	z-index: 25;
	float: left;
	margin-top: 15%;

}
#controler_2
{
	position: relative;
	z-index: 25;
	float: right;
	margin-top:15%;
}
.footer
{
	width: 100%;
	height: 100%;
	margin:0px auto;
	background-color: #ffffff;
}
.footer-head
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-bottom: 1px solid #d8d6d6;
}
.footer-list
{
	width: 83.98%;
	line-height: 1.7;
	margin:0px auto;
	padding-top: 10px;
	text-align: center;
}
.list-second
{
	width: 66%;
	padding: 0px;
}
.footer-list .footer-tags-list
{
    margin-right: 10px;
    height: 36px;
    line-height: 36px;
    display: initial;
}
.footer-list h1
{
	font-size: 22px;
}
.footer-list h2
{
	font-size: 20px;
}
.footer-list h3
{
	font-size: 18px;
}
.footer-list h4
{
	font-size: 16px;
}
.footer-list h5
{
	font-size: 14px;
}
.footer-list h6
{
	font-size: 12px;
}
.footer-list
{
    width: 83.98%;
    margin:0px auto;
    padding-top: 10px;
    text-align: center;
    height: 100%;
    overflow: hidden;
}
.footer-list p
{
    text-align: center;
}
.footer-list a
{
     -webkit-transition: .3s;
    transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    color: #97a2ac;
}
.footer-list a:hover {
    color: #f78f1e;
}
.footer-section
{
	width: 100%;
	border-bottom: 1px solid #d8d6d6;
}
.footer-section-in
{
	width: 83.98%;
	margin:30px auto;
	height: 100%;
	overflow: hidden;
}
.contact
{
	width: 30%;
	height: 100%;
	float: left;
}
.contact h3
{
	font-weight: normal;
    font-size: 18px;
    margin-bottom: 3%;
    color: #97a2ac;
}
.contact ul
{
	font-size: 10px;
	line-height: 1.5;
}
.contact ul li
{
	color: #f78f1e;
}
.contact ul li a
{
	color: #97a2ac;
	-webkit-transition: .3s;
	transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
}
.contact-icon
{
	font-family: "icon-set";
	margin-right: 10px;
	font-size: 18px;
	color: #f78f1e !important;
}
.fb:before
{
	content:"\e912";
}
.youtube:before
{
	content:"\e915";
}
.chat:before
{
	content:"\e90e";
}
.fb:hover:before
{
	content:"\e903";
}
.youtube:hover:before
{
	content:"\e905";
}
.chat:hover:before
{
	content:"\e916";
}
.contact ul li a:hover
{
	color: #f78f1e;
}
.contact ul li img
{
	float: left;
	margin-right: 1.3%;
	height: 15px;
}

.footer-about
{
	float: left;
	margin-left:2%;
	width: 25%;
}
.last
{
	width: 13%;
}
.footer-about h3
{
	font-weight: normal;
	color: #97a2ac;
	font-size: 18px;
    margin-bottom: 3%;
}
.footer-about ul
{
	width: 100%;
	line-height: 1.4;
	font-size: 10px;
}
.footer-about ul li a
{
	color: #97a2ac;
	-webkit-transition: .3s;
	transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
}
.footer-about ul li a:hover
{
	color: #f78f1e;
}
.footer-un
{
	width: 100%;
	height: 170px;
	background-color: #ffffff;
}
.fuuter-un-in
{
	width: 83.98%;
	margin:0px auto;
}
.fuuter-un-in img
{
	margin-left: 31%;
	margin-top: 1.3%;
	margin-right: 7%;
	height: 70px;
	margin-bottom: 15px;

}
.fuuter-un-in p
{
	width: 100%;
	float: left;
	margin-top: 1.5%;
	color: #797a7b;
	text-align: center;
	font-size: 14px;
}
.fuuter-un-in .undp
{
	margin: 0px;
	margin-top: 1.4%;
	float: none;
	height: 85px;
}
.footer-footer
{
	width: 100%;
	height: 30px;
	background-color: #f78f1e;
}
.footer-footer-in
{
	width: 83.98%;
	margin:0px auto;
	height: 30px;
	line-height:30px;
}
.footer-footer-in p
{
	font-size: 10px;
	float: right;
	color: #fff;
}
.none-visible
{
	display: none !important;
}
.video-iframe {
    width:100%;
    height: 270px;
}
@media screen and (min-width: 1025px) and (max-width: 1300px){
	.poster .line
	{
		margin-top: 19px;
	}
	.accordion
	{
		font-size: 10px !important;
	}
	.services-body p
	{
		font-size: 10px;
	}
	.video-description .movie-img
	{
		margin-left: -15%;
	}
	.orange-arrow
	{
	    border-left: 20px solid transparent;
	    border-right: 20px solid transparent;
	    border-top: 6px solid #f78f1e;
	    margin-left: -20px;
	}
	.poster p
	{
		font-size: 11px;
	}
	.public-p
	{
		font-size: 15px;
	}
	.footer-list li:nth-child(even)
	{
		font-size: 11px;
	}
	.footer-list li
	{
		font-size: 14px;
	}

	.footer-about h3
	{
		font-size: 15px;
	}

	.contact h3
	{
		font-size: 15px;
	}
	.article h4
	{
		font-size: 12px;
	}
	.article p
	{
		font-size: 10px
	}
	.infobox-header
	{
		font-size: 16px;
		margin-top:18px;
	}
	.colorlibbon
	{
		width: 8px;
		height: 30px;
	}
	.video-description p
	{
		font-size: 12px;
	}
	.statistic h3
	{
		font-size: 12px;
	}
	.menu ul
	{
		font-size: 11px;
	}
	.header-content
	{
		width: 66%;
	}
	.header-logo
	{
		width: 260px;
	}
	.header
	{
		height: 120px;
	}
	.options
	{
		margin-bottom: 25px;
	}
	.options p
	{
		font-size: 11px;
	}
	.menu ul li
	{
		margin-left: 12px;
	}
	.search
	{
		margin-bottom: 11px;
	}
	.leftbutton, .rightbutton
	{
		width: 60px;
    	height: 20px;
    	background-size: 4px 6px;
	}
	.leftbutton
	{
		background-position: 18px 7px;
	}
	.rightbutton
	{
		background-position: 39px 7px;
	}
  .footer-un
  {
    height: 200px;
  }
  .video-description
  {
    height: 236px;
  }
  .video-iframe
  {
    height: 250px;
  }
}

@media screen and (max-width: 1100px)
{
  .public-in
  {
    padding-bottom: 85%;
  }
	.article p
	{
		font-size: 9px;
	}
	.footer-list li:nth-child(even)
	{
		font-size: 10.5px;
	}
	.footer-list li
	{
		font-size: 13px;
	}
	.accordion
	{
		font-size: 9px !important;
	}
  .options p
  {
    font-size: 13px !important;
  }
}
@media screen and (min-width: 1420px){
	.poster p
	{
		font-size: 15px;
	}
	.footer-list li:nth-child(even)
	{
		font-size: 15px;
	}
	.footer-list li
	{
		font-size: 17px;
	}
    .public-in {
        padding-bottom: 75%;
    }
}
@media screen and (min-width: 1500px){

	.footer-list li
	{
		font-size: 18.5px;
	}
	.footer-list li:nth-child(even)
	{
		font-size: 16px;
	}
	.footer-list li
	{
		font-size: 19px;
	}

	.footer-about h3
	{
		font-size: 17px;
	}

	.contact h3
	{
		font-size: 17px;
	}
	.article h4
	{
		font-size: 14px;
	}
	.article p
	{
		font-size: 12px
	}
	.infobox-header
	{
		font-size: 16px;
		margin-top:18px;
	}
	.colorlibbon
	{
		width: 8px;
		height: 30px;
	}
	.video-description p
	{
		font-size: 15px;
	}
	.video-description .info
	{
		font-size: 24px !important;
	}
	.statistic h3
	{
		font-size: 15px;
	}
	.menu ul
	{
		font-size: 16px;
	}
	.header-content
	{
		width: 66%;
	}
	.header-logo
	{
		width: 345px;
	}
	.header
	{
		height: 150px;
	}
	.options
	{
		margin-bottom: 35px;
	}
	.options p
	{
		font-size: 14px;
	}
	.menu ul li
	{
		margin-left: 12px;
	}
	.search
	{
		margin-bottom: 25px;
	}
	.leftbutton, .rightbutton
	{
		width: 60px;
    	height: 20px;
    	background-size: 4px 6px;
	}
	.leftbutton
	{
		background-position: 18px 7px;
	}
	.rightbutton
	{
		background-position: 39px 7px;
	}
	.poster p
	{
		font-size: 16px;
	}
	.services-body p
	{
		font-size: 10px;
	}
    .footer-un {
        height:180px;
    }

    .public-in {
        padding-bottom: 82%;
    }
    .video-iframe
    {
      height: 330px;
    }
    .video-description
    {
      height: 316px;
    }
}
@media screen and (min-width: 1600px){
	.poster p
	{
		font-size: 17px;
	}
	.services-body p
	{
		font-size: 15px;
	}
    .footer-un {
        height:185px;
    }
    .public-in {
        padding-bottom: 75%;
    }
    .video-iframe
    {
      height: 330px;
    }
    .video-description
    {
      height: 316px;
    }
}
@media screen and (min-width: 1700px){

	.footer-list li:nth-child(even)
	{
		font-size: 18px;
	}
	.footer-list li
	{
		font-size: 20px;
	}

	.footer-list li
	{
		font-size: 21px;
	}

	.footer-about h3
	{
		font-size: 19px;
	}
    .footer-un {
        height:190px;
    }

.booklet
{
  margin-left: 6%;
}
.statistic
{
  margin-left: 5%;
}
	.contact h3
	{
		font-size: 19px;
	}
	.article h4
	{
		font-size: 16px;
	}
	.article p
	{
		font-size: 14px
	}
	.infobox-header
	{
		font-size: 18px;
		margin-top:18px;
	}
	.colorlibbon
	{
		width: 8px;
		height: 30px;
	}
	.video-description p
	{
		font-size: 17px;
	}
	.video-description .info
	{
		font-size: 26px !important;
	}
	.statistic h3
	{
		font-size: 16px;
	}
	.menu ul
	{
		font-size: 18px;
	}
	.header-content
	{
		width: 66%;
	}
	.header-logo
	{
		width: 345px;
	}
	.header
	{
		height: 150px;
	}
	.options
	{
		margin-bottom: 35px;
	}
	.options p
	{
		font-size: 16px;
	}
	.menu ul li
	{
		margin-left: 12px;
	}
	.search
	{
		margin-bottom: 27px;
	}
	.leftbutton, .rightbutton
	{
		width: 60px;
    	height: 20px;
    	background-size: 4px 6px;
	}
	.leftbutton
	{
		background-position: 18px 7px;
	}
	.rightbutton
	{
		background-position: 39px 7px;
	}
	.poster p
	{
		font-size: 18px;
	}
	.services-body p
	{
		font-size: 15px;
	}
}
@media screen and (min-width: 1700px){
	.poster p
	{
		font-size: 18px;
	}
}
@media screen and (min-width: 1800px){
	.poster p
	{
		font-size: 19.5px;
	}
}
@media screen and (min-width: 1900px){

	.footer-list li:nth-child(even)
	{
		font-size: 20px;
	}
  .video-icon-open:hover
  {
    background-size: 100% 89.5%;
  }
	.footer-list li
	{
		font-size: 22px;
	}

	.footer-list li
	{
		font-size: 23px;
	}

	.footer-about h3
	{
		font-size: 21px;
	}
	.footer-about ul,.contact ul
	{
		font-size: 14px;
	}
	.contact h3
	{
		font-size: 21px;
	}
	.article h4
	{
		font-size: 18px;
	}
	.article p
	{
		font-size: 16px
	}
	.infobox-header
	{
		font-size: 20px;
		margin-top:20px;
	}
	.colorlibbon
	{
		width: 10px;
		height: 32px;
	}
	.video-description p
	{
		font-size: 19px;
	}
	.video-description .info
	{
		font-size: 28px !important;
	}

	.menu ul
	{
		font-size: 20px;
	}
	.header-content
	{
		width: 66%;
	}
	.header-logo
	{
		width: 345px;
	}
	.header
	{
		height: 150px;
	}
	.options
	{
		margin-bottom: 35px;
	}
	.options p
	{
		font-size: 16px;
	}
	.menu ul li
	{
		margin-left: 12px;
	}
	.search
	{
		margin-bottom: 27px;
	}
	.leftbutton, .rightbutton
	{
		width: 60px;
    	height: 20px;
    	background-size: 4px 6px;
	}
	.leftbutton
	{
		background-position: 18px 7px;
	}
	.rightbutton
	{
		background-position: 39px 7px;
	}
	.poster p
	{
		font-size: 20px;
	}
	.services-body p
	{
		font-size: 15px;
	}
	.poster-orange, .poster-orange
	{
		border-radius: 20px;
	}
}
@media screen and (min-width: 1900px){
  .video-description
  {
    height: 376px;
  }
  .video-iframe
  {
    height: 390px;
  }

}
@media screen and (min-width: 1025px) and (max-width: 1200px)
{
  .services-left-arrow, .services-right-arrow
  {
    margin-bottom: 10%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1400px)
{
  .video-description .movie-img
  {
    width: 101px;
  }
}
.mobile-version-icons
{
	display: none;
	margin-top: -20px;
}
.text-min-height{
    min-height:19vw;
}
li.news-left a, li.news-right a {
    font-family: icon-set;
    font-size: 10px;
}
.gallery-tooltiptext {
    bottom: 107% !important;
}
.tooltipindex {
    position: relative;
    /*display: inline-block;*/
    width: 32%;
  /*  height: 40px;*/
    float: left;
    /*margin-bottom: 40px;*/
    margin: 5% 0.5% 0px 0.5% !important;
}

.tooltiptextindex{
    visibility: hidden;
    width: 150%;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 50%;
    margin-left: -75%;
    opacity: 0;
    transition: opacity 1s;
}
.tooltiptextindex::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltiptextindextop {
    bottom:inherit;
    top:110%;
}

.tooltiptextindextop::after {
    top: initial;
    bottom: 100%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
@media screen and (min-width: 768px) 
{
    .aligner .tooltiptextindex
    {
         width: 100% !important;
         margin-left: -50% !important;
    }
    .tooltipindex:hover .tooltiptextindex {
        visibility: visible;
        opacity: 1;
    }
    .tooltipindex:hover a
    {
        color: #f78f1e;
    }
}

    .tooltiptextindex{
        width:150%;
        margin-left: -75%;
    }
    .tooltiptextindex .smallAligner{
        width:50% !important;
        margin-left: -25% !important;
    }
@media screen and (max-width: 768px) 
{
    .tooltipindex {
        position: relative;
        /*display: inline-block;*/
        width: 49% !important;
      /*  height: 40px;*/
        float: left;
        /*margin-bottom: 40px;*/
        margin: 5% 0.5% 0px 0.5% !important;
    }   
    .smallAligner
    {
        margin-left: 0% !important;
        margin-right: 0% !important;
        width:100% !important;
    }
    .tooltiptextindex{
        width:100% !important;
        margin-left: -50% !important;
    }
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 22px;
  right: 22px;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(247, 143, 30, 0.78) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.cd-top:hover {
  background-color: rgba(247, 143, 30, 1);
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 22px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {    
    height: 50px;
    width: 50px;
    right: 42px;
    bottom: 30px;
  }
}

.slide-description a {
    color: #000;
    text-decoration: initial;
}

div#message span {
    position: absolute;
    z-index: 2;
    background: white;
    top: 106px;
    right: -70px;
    transform: rotate(-90deg);
    padding: 3px;
    margin: 0;
    width: 172px;
    line-height: 36px;
}

@-webkit-keyframes blink {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes blink {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes blink {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes blink {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.message-icon-full {
	-webkit-animation: blink .35s infinite; /* Safari 4+ */
	-moz-animation:    blink .35s infinite; /* Fx 5+ */
	-o-animation:      blink .35s infinite; /* Opera 12+ */
	animation:         blink .35s infinite; /* IE 10+, Fx 29+ */
    position: absolute;
    z-index: 2;
    top: 0;
    left: 10px;
}