.downloads-info-text {
    font-size: 12px;
}

.explicit-underline {
    text-decoration: underline !important;
}

/* *************** */
/* QSAR TYPO FIXES */

h1 {
    font-size: 27px;
    text-transform: uppercase;
    font-weight: 600;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}


/* **************** */
/* QSAR THEME FIXES */

.container-fullwidth .alignnone,
.container-fullwidth .alignleft,
.container-fullwidth .alignright,
.img-fix .alignnone {
    margin: 0;
}
[class*="decor-"] svg {
    margin-top: -1px;
}
.color-fix .box-inner {
    background: transparent;
}
.qsar-icon {
    margin-right: 20px;
}
.qsar-icon-xs {
    margin: 0px auto;
    width: 20px;
    height: 18px;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
    color: #00AEEF;
}
.fancy-blockquote small {
    font-size: 14px;
    font-weight: 300;
}
.fancy-blockquote p {
    font-size: 16px;
    line-height: 2em;
    margin-bottom: 20px;
    font-weight: lighter;
    font-style: italic;

}
.flex-control-nav.flex-control-paging li a {
    background-color: #ddd;
}
.flex-control-nav.flex-control-paging li a.flex-active {
    background-color: #00AEEF;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent;
}
.carousel-custom-vertical-nav-cont {
    text-align: center;
    margin-top: 30px;
}
.carousel-custom-vertical-nav-cont button.carousel-custom-vertical-prev {
	display:inline-block;
	width:24px;
	height:24px;
	background: url('../images/slider-left-arrow.png') center center no-repeat !important;
}
.carousel-custom-vertical-nav-cont button.carousel-custom-vertical-next {
	display:inline-block;
	width:24px;
	height:24px;
	background: url('../images/slider-right-arrow.png') center center no-repeat !important;
}
.theme-flex-direction-nav{
	text-align:center;
}
.theme-flex-direction-nav a.theme-flex-prev {
	display:inline-block;
	width:24px;
	height:24px;
	background: url('../images/slider-left-arrow.png') center center no-repeat !important;
}
.theme-flex-direction-nav a.theme-flex-next {
	display:inline-block;
	width:24px;
	height:24px;
	background: url('../images/slider-right-arrow.png') center center no-repeat !important;
}
.no-bordered-header {
    margin-bottom: 20px;
}



/* ********************* */
/* QSAR HOME & MAIN MENU */

body.home>.sticky-wrapper {
    position: absolute;
    background-color: transparent;
}
@media (min-width: 992px){
    body.home>.sticky-wrapper>header:not(.navbar-scrolled) {
        background-color: rgba(28, 30, 32, .35);
    }
}
body.home>.sticky-wrapper>header.navbar-scrolled {
    background-color: rgba(28, 30, 32, .95);
}
.qsar-main-menu li {
    margin: 0 -5px;
    font-size: 15px;
}
.mobile-logout {
    padding-right: 8px;
}

body>.sticky-wrapper {
    left:0;
    right:0;
    top:0;
}
#masthead .nav > li > a::before {
    left: 15px!important;
    right: 15px!important;
}


#masthead .nav li.btn-download>a{
    padding: 3px 10px;
    margin: 30px 5px;
    background-color: #00AEEF;
}
#masthead.navbar-scrolled .nav > li.btn-download > a{
    margin: 20px 5px;
}

@media (max-width: 991px){
    #masthead.navbar .navbar-nav > li.btn-download > a {
	margin: 0!important;
	padding-left:15px!important;
	padding-right:15px!important;
    }
    #masthead.navbar:not(.navbar-scrolled){
    }
}
#masthead .nav > li.no-underline>a::before{
	display:none;
}
#masthead .navbar-brand {
    max-width: 240px;
}
@media screen and (max-width: 1200px) {
	#masthead .navbar-brand {
	    max-width: 190px;
	    margin-top: 1px;
	}
	.qsar-main-menu li {
	    margin: 0 -7px;
	}
}



/* ***************** */
/* QSAR FOOTER FIXES */

.footer-menu-container ul {
    display: inline-flex;
    margin-left: -36px;
    margin-top: 10px;
}
.footer-menu-item {
    list-style: none;
    padding: 0 15px 20px;
    text-transform: uppercase;
}
.footer-logo-container {
    margin-bottom: 40px;
}
.footer-download-container {
    margin-bottom: 20px;
}
.footer-copyright-container {
    font-size: 14px;
    font-weight: 200;
}
.footer-policy-container {
}
.footer-policy-links {
    font-size: 13px;
}


/* ***************** */
/* QSAR TYPO & TEXTS */

.modal-title-text {
    text-transform: uppercase;
    font-weight: 700;
    color: white;
    line-height: 30px;
}
.modal-subtitle-text {
    color: white;
    font-weight: 600;
    line-height: 20px;
}
.modal-meta-text {
    font-size: 14px;
    color: white;
    line-height: 17px;
}
.modal-meta-text a {
    font-weight: 600;
    color: white;
}
.odometer-formatting-mark {
    display: none;
}
.quote {
    font-size: 55px;
    color: #00AEEF !important;
    position: absolute;
    margin-top: -28px;
    margin-left: -25px;
}


/* ************ */
/* QSAR BUTTONS */

.qsar-color a,
.qsar-color i {
    color: #00AEEF;
}
.btn-qsar-blue {
   color: #00AEEF !important;
   font-size: 14px;
   font-weight: 400;
   padding: 6px 24px;
   background-color: transparent;
   border: solid #00AEEF 2px;
   text-transform: uppercase;
   display: inline-block;
   cursor: pointer;
}
.btn-qsar-blue:hover {
   color: #ffffff !important;
   background: #00AEEF;
   text-decoration: none;
}
.btn-qsar-blue-solid {
   color: #ffffff !important;
   font-size: 14px;
   font-weight: 400;
   padding: 6px 24px;
   background-color: #00AEEF;
   border: solid #00AEEF 1px;
   text-transform: uppercase;
   display: inline-block;
   cursor: pointer;
}
.btn-qsar-blue-solid:hover {
   color: #00AEEF !important;
   background: #ffffff;
   border: solid #00AEEF 2px;
   text-decoration: none;
}
.btn-qsar-white {
   color: #ffffff !important;
   font-size: 14px;
   font-weight: 400;
   padding: 6px 24px;
   background-color: transparent;
   border: solid #ffffff 2px;
   text-transform: uppercase;
   display: inline-block;
   cursor: pointer;
}
.btn-qsar-white:hover {
   color: #00AEEF !important;
   background: #ffffff;
   text-decoration: none;
}
.btn-qsar-black {
   color: #010101 !important;
   font-size: 14px;
   font-weight: 400;
   padding: 6px 24px;
   background-color: transparent;
   border: solid #010101 2px;
   text-transform: uppercase;
   display: inline-block;
   cursor: pointer;
}
.btn-qsar-black:hover {
   color: #ffffff !important;
   background: #010101;
   text-decoration: none;
}

.btn-qsar-white-big {
   color: #ffffff !important;
   font-size: 14px;
   font-weight: 400;
   padding: 14px 28px;
   background-color: transparent;
   border: solid #ffffff 2px;
   text-transform: uppercase;
   display: inline-block;
   cursor: pointer;
}
.btn-qsar-white-big:hover {
   color: #010101 !important;
   background: #ffffff;
   text-decoration: none;
}
.vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline, .vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline-custom {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
}

/* ************** */
/* QSAR DOWNLOADS */

.theme-list-style {
    font-size: 30px;
    font-weight: 500;
    color: #00AEEF;
}
.known-issues-bullet {
    vertical-align:middle;
    padding-right:20px;
}

.known-issues-list-title {
    vertical-align:middle;
    font-size:18px;
}


/* ************* */
/* QSAR HELPDESK */

#helpdesk {
    height: 0px;
    width: 80px;
    position: fixed;
    right: 0;
    top: 35%;
    z-index: 1000;
    opacity: 0.9;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#helpdesk a {
    display: block;
    background: #00AEEF;
    height: 41px;
    width: 140px;
    padding: 9px 16px;
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
    text-decoration: none;
    border: solid 1px #fff;
}
#helpdesk a:hover {
    border: solid 1px #00AEEF;
    background: #fff;
    color: #00AEEF;
}


/* **************** */
/* QSAR MARGINS FIX */

.padding-0 {
    padding: 0;
}
.margin-20 {
    margin: 20px !important;
}
.margin-30 {
    margin: 30px !important;
}
.margin-40 {
    margin: 40px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-top-30 {
    margin-top: 30px !important;
}
.margin-top-40 {
    margin-top: 40px !important;
}
.margin-top-50 {
    margin-top: 50px !important;
}
.margin-top-60 {
    margin-top: 60px !important;
}
.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.margin-bottom-30 {
    margin-bottom: 30px !important;
}
.margin-bottom-40 {
    margin-bottom: 40px !important;
}
.margin-bottom-50 {
    margin-bottom: 50px !important;
}
.margin-bottom-60 {
    margin-bottom: 60px !important;
}


/* ******************* */
/* FORNTEDN RESET PASS */

.som-password-error-message,
.som-password-sent-message {
	background-color: #00aeef;
	border-color: #00aeef;
}



/* **************** */
/* MAIN & MOBI MENU */

section.homepage-header .section-background-video,
section.homepage-header .section-background-video>.mejs-inner{
	height:100%;
}
section.homepage-header .section-background-video>.mejs-inner mediaelementwrapper{
	display:block;
	height:100%;
	overflow:hidden;
	padding-bottom:0!important;
}
section.homepage-header .section-background-video>.mejs-inner video.section-background-video{
	min-width:100%;
	min-height:100%;
	width:auto!important;
	height:auto!important;
}

@media(min-width:992px){
	ul#menu-main-menu>li.menu-item{
		position:static;
	}
	ul#menu-main-menu>li.menu-item>ul.dropdown-menu>li{
		display:inline-block;
		position:relative;
		padding-top:13px;
		padding-bottom:13px;
	}
	ul#menu-main-menu>li.menu-item>ul.dropdown-menu{
		background-color:transparent;
		box-shadow:none;
		text-align:center;
	}
	ul#menu-main-menu>li.menu-item>ul.dropdown-menu::before{
		content:"";
		position:absolute;
		z-index:-10;
		display:block;
		top:0;
		left:-600%;
		right:-600%;
		height:100%;
		background-color:#00AEEF;
	}
	body.home header.navbar:not(.navbar-scrolled) ul#menu-main-menu>li.menu-item>ul.dropdown-menu::before{
		background-color:rgba(0,174,239,0.35);
	}
	body.home>.sticky-wrapper>header:not(.navbar-scrolled) ul#menu-main-menu>li.menu-item>ul.dropdown-menu::after{
		/*background-color:rgba(28, 30, 32, .35);*/
		background-color:transparent;
	}
	.sticky-wrapper>header.navbar-scrolled ul#menu-main-menu>li.menu-item>ul.dropdown-menu::after{
		background-color:rgba(28, 30, 32, .95);
	}
	ul#menu-main-menu>li.menu-item>ul.dropdown-menu>li:hover::before,
	ul#menu-main-menu>li.menu-item>ul.dropdown-menu>li.current-menu-item::before{
		content:"";
		position:absolute;
		z-index:-10;
		display:block;
		top:0;
		left:50%;
		margin-left:-20px;
		width:40px;
		height:10px;
		background-image:url(../images/svg/submenu-pos.svg);
		background-repeat:no-repeat;
		background-position:center top;
	}
	header.navbar li.menu-item a:hover{
		background-color:transparent;
	}
}
@media(max-width:991px){
	ul#menu-main-menu>li.menu-item>ul.dropdown-menu{
		display:block!important;
		position:static;
		width:100%;
		margin-bottom:2em;
	}
	ul#menu-main-menu{
		max-height:calc(100vh - 90px);
		overflow-y:auto;
	}
	ul#menu-main-menu li.menu-item{
		margin-left:0;
		margin-right:0;
		width:100%;
		float:left;
	}
	#masthead.navbar .navbar-nav > li > a {
	    background-color: #00AEEF;
	}
}


/* Hexagon */
/* Next do work in IE/Edge too */
.att-theme-hexagon-svg{
	position:relative;
}
.att-theme-hexagon-svg::before{
	content:'';
	display:inline-block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:-10;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-image:url(../images/svg/hexagon.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
/*
Math cathetus relation by 30 degree is x/1.7320508=y .
Here width is 2*x, but on top and bottom part of hexagon.
The vertical side is the hypotenuse - 2*y. The whole height is 4*y.
Height=4*x/1.7320508 .
Height=2*width/1.7320508 .
Height=width*1.1547 .
*/
.att-theme-hexagon-cont-medium{
	width:100px!important;
	height:115.47px!important;
}
.att-theme-hexagon-cont-mini-height{
	width:86.7px!important;/*better look from 86.6px*/
	height:100px!important;
}
.att-theme-hexagon-cont-micro-height{
	/*width:51.96px!important;*/
	width:60.62px!important;
	height:70px!important;
}

/*For concrete hexagon*/
.att-theme-hexagon-cont.odometer,
.att-theme-hexagon-svg.odometer{
	display:block!important;
	margin-left:auto;
	margin-right:auto;
	font-size:22px;
}
.att-theme-hexagon-cont div.odometer-inside,
.att-theme-hexagon-svg div.odometer-inside{
	position:absolute;
	left:0;
	right:0;
	top:50%;
	margin-top:-11px;
}
/*slider*/
.wphtsp-slider-nav .slick-slide:not(.slick-current) button.att-theme-hexagon-svg::before{
	-moz-filter:grayscale(1);
	-webkit-filter:grayscale(1);
	-o-filter:grayscale(1);
	-ms-filter:grayscale(1);
	filter:grayscale(1);
	opacity:0.5;
	width:86%;
	height:86%;
	margin-left:7%;
	margin-top:7%;
}
.wphtsp-slider-nav .slick-slide:not(.slick-current) button{
	color:#c4c4c4 !important;
	font-size: 22px;
}
/*selects for set appearance: none;*/
select.form-control{
	/*
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='gray'%3E%E2%96%BE%3C/text%3E%3C/svg%3E");
	*/
	/*FireFox have problem with SVG HEX set color. Here: rgb(0,174,239)=#00AEEF*/
	/*
	background-image:url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" version="1.1" height="7px" width="14px" viewBox="0 0 14 7" preserveAspectRatio="none"%3E%3Cpath d="M 0 0 L 7 7 L 14 0 z" stroke-width="0" fill="rgb(0,174,239)"%3E%3C/path%3E%3C/svg%3E');
	*/
	background-image:url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" version="1.1" height="7px" width="14px" viewBox="0 0 14 7" preserveAspectRatio="none"%3E%3Cpolygon points="0,0 7,7 14,0 0,0" style="fill:rgb(0,174,239)"/%3E%3C/svg%3E');
	background-repeat:no-repeat;
	background-size:14px 7px;
	background-position:calc(100% - 7px) center;
	-webkit-background-clip:border-box;
	-moz-background-clip:border-box;
	background-clip:border-box;
	padding-right:24px;
}