@charset "utf-8";
/* CSS Document */


* {margin:0; padding:0;} 

html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    /* Set your content font stack here: */
    font-family: Verdana, Arial, Geneva, sans-serif;
}

.pure-g > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*
	-webkit-transition: width 0.3s ease;
	-moz-transition: width 0.3s ease;
	-ms-transition: width 0.3s ease;
	-o-transition: width 0.3s ease;
	transition: width 0.3s ease;
	*/
}


.grid-box-gap {
    padding: 10px;
}

.grid-box-gap-lr {
    padding-left: 10px;
    padding-right: 10px;
}

.grid-box-gap-r {
    padding-left: 10px;
    padding-right: 10px;
}

body
{
	background:#060f36;
	/*color:#0d1316;*/
	/*color: #060f36;*/
}

p
{
	line-height: 1.3em;
	margin: 5px 0 10px 0;
	color: #676f75;
}

img
{
	border: none;
	-ms-interpolation-mode: bicubic;
}

em
{
	color:#ff6f17;
	font-style: normal;
}

a
{
	text-decoration: none;
	color: #008ec6;
	
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
	
}

a:hover
{
	color: #ff6f17;
}

ul
{
	list-style-type:none;
}

#contentFrame li 
{ 
    padding: 0 0 10px 10px; 
	color: #676f75;
}

#contentFrame li:before {
    content: "•";
    padding-right: 8px;
    color: #ff6f17; /*#676f75;*/
}

ol {
 list-style: none !important;
 list-style-type: none !important;
 counter-reset: item !important;
}

ol>li {
 counter-increment: item !important;
 margin-bottom: 10px !important;
 padding: 4px !important;
}
ol>li:before {
 padding-right: 0 !important;
 margin-right: 8px !important;
 content: counter(item) !important;
 background: #d13100 !important;
 border-radius: 100% !important;
 color: white !important;
 width: 1.2em !important;
 text-align: center !important;
 display: inline-block !important;
}


.linkImageNoBorders
{
	border: none !important;
}

.logoSameSize
{
	float: left;
	margin: 10px 5px 5px 0;
}


table 
{
	border-collapse:collapse;
 	/*border: 1px solid #b4b4b4;*/
	width:100%;
	border-bottom: 1px solid #b4b4b4;
}

table td, table th 
{
	padding:5px;
	border-bottom: 1px solid #b4b4b4;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}


table tr:first-child th 
{
  	border-top: 0;
  	border-top: 0;
}

table tr:last-child td 
{
  	border-bottom: 0;
}

table tr td:first-child,
table tr th:first-child 
{
	border-left: 0;
}
table tr td:last-child,
table tr th:last-child 
{
	border-right: 0;
}




td
{
	padding:5px;
}

.tableLine td, .tableLine th 
{
    border-bottom: 1px solid #b4b4b4 !important;
}

td p
{
	margin:0px;
	padding:0px;
}


#headerPicFrame
{
	width:100%; 
	height:auto;
	padding-top:20px;
	border-bottom: 1px solid #aeaacd;
	background-color: #fff;
	background:url(../img/drugs-info-bg.jpg) center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;

	-webkit-transition: width 0.8s, height 0.8s, transform 0.8s;
	-moz-transition: width 0.8s, height 0.8s, transform 0.8s;
	-o-transition: width 0.8s, height 0.8s, transform 0.8s;
	transition: width 0.8s, height 0.8s, transform 0.8s;
}



#logoFrame
{
	margin: 0 auto;
}

#drugsLogoImageFrame
{
	float: left;
	padding-top: 4px;
}

#dugsLogoImageFrame img
{
	display: block;
}

#headerTopTextFrame
{
	padding: 0;
	margin-left: 50px;
}

#headerTopTextFrame h2
{
	color: #d13100;
	font-size: 18px;
	font-weight: normal;
}

#phoneLineBox
{
	margin-top: 20px;
}

#phoneLineTopFrame h2
{
	color: #d13100;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	text-transform: lowercase;
	padding: 5px 0 5x 0;
	border-bottom: 1px solid #d13100;
}

#phoneLineBottomFrame h2
{
	color: #d13100;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 5x 0;
}

#headerMainTextFrame
{
	padding-top: 20px;
	text-align: center;
}

#headerMainTextFrame h2
{
	font-family: 'Merriweather', serif;
	font-weight: 300;
	font-size: 36px;
	color: #d13100;
	text-align: center;
}

#headerMainTextFrame h3
{
	font-family: 'Merriweather', serif;
	font-weight: 700;
	font-size: 28px;
	color: #d13100;
	text-align: center;
	margin: 0;
	padding: 0;
}

#headerMainTextFrame select
{
	margin-top: 5px;
	font-size: 18px;
	padding: 8px;
	color: #d13100;
}

#headerBottomTextFrame
{
	margin-top: 30px;
	margin-bottom: 10px;
}

#headerInternalBottomTextFrame
{
	margin-top: 30px;
	margin-bottom: 10px;
}

#languageSelectFrame
{
	display: table;
	margin: 0 auto;
	overflow: hidden;
}

.languageBox
{
	float: left;
	margin-right: 5px;
	border: 1px solid #d13100;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;	

}

.languageBox a
{
	display: block;
	padding: 8px;
	text-align: center;
	font-weight: bold;
	color: #d13100;
}

.languageBox a:active, .languageBox a:hover, .activeLink
{
	background: #fff;
}

.sectionFrame
{
	max-width:1200px; 
	margin:0 auto; 
	overflow:auto;
}

.sectionInnerFrame
{
	margin-left:10px;
	margin-right:10px;
	overflow: hidden;
}


#chatFrame
{
	border: 1px solid #d13100;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 20px;
	overflow: hidden;	
/*
	-webkit-box-shadow: inset -1px 0px 30px 11px rgba(30, 126, 69, 0.1);
	-moz-box-shadow:    inset -1px 0px 30px 11px rgba(30, 126, 69, 0.1);
	box-shadow:         inset -1px 0px 30px 11px rgba(30, 126, 69, 0.1);
*/
}

.chat-is-on
{
	background: #fff6f1 !important;
}

.chat-is-on:hover
{
	background: #fff !important;
}

.chat-is-off
{
	/*background: #fff !important;*/
}

#chatFrame:hover
{
	background: #fff6f1;
}

#chatFrame img
{
	float: left;
	padding: 10px 5px 10px 5px;
	display: block;
	width: 44px;
	height: 33px;
}

#chatTextBox
{
	padding:10px;
}

#chatTextBox h2
{
	color: #d13100;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#chatTextBox h3
{
	color: #d13100;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}


#socialButtonsFrame
{
	float: none;
	text-align: center;
	margin-top: 20px;
}

#socialButtonsDarkFrame img:hover
{
}

.menuHeading
{
	display: block;
	min-height: 45px;
	background: #ff6f17;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	margin-top: 10px;
}

.menuHeading h2
{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 16px 10px 0 10px;
}



/* Menu -----------------------------------*/

.menuHandle
{
	display:block;
	margin-top:0;
	width:100%;
	box-sizing:border-box;
	padding:15px 0px;
	cursor:pointer;
	color:#ff6f17;
	font-size:20px;
	text-transform:uppercase;
	text-align:center;
	border:1px solid #ff6f17;
	border-bottom:none;
	/*background:url(../img/bg-overlay-dark.png) repeat;*/
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.arrowDown
{
	background-image:url(../img/arrow-down.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:18px;
	height:18px;
	float:right;
	margin-right:10px;
	margin-top:2px;
}

.arrowUp
{
	background-image:url(../img/arrow-up.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:18px;
	height:18px;
	float:right;
	margin-right:10px;
	margin-top:2px;
}


#topMenuFrame
{
	padding: 20px 10px 10px 10px;
	background: #f6f8ff;
}


#topMenuLinkFrame
{
	max-height:0px;
	border:1px solid #ff6f17;
	border-top:none;
	overflow:hidden;
}

#topMenuLinkFrame ul
{
	overflow:visible;
	padding:0;
	padding-bottom: 10px;
	text-transform:none;
	font-size:16px;
	font-weight:normal;
}

#topMenuLinkFrame ul li
{
	display:inline-block;
	padding-right:5px;
	padding-left:0;
	padding-top: 3px;
	width: 100%;
}

#topMenuLinkFrame ul li a
{
	color:#333333;
	text-decoration:none;
	display:block;
	padding: 10px 5px 10px 10px;
	margin-left: 0;
	border: none;
	-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	-ms-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	transition: background 0.2s ease;
}

#topMenuLinkFrame ul li a:hover
{
	color:#ffffff;
	background: #d13100;
}

#topMenuLinkFrame ul li a.menuActive
{
	color:#ffffff;
	background: #d13100;
}

#topMenuLinkFrame .grid-box-gap
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.showingMenu
{
	max-height:220em !important;
}


/* ----------------------------------------*/

#breadcrumbsFrame
{
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
	background: #f6f8ff;
}

.spacer20
{
	display:block;
	clear:both;
	height: 20px;
}

#iconsFrame
{
	background: #fff;
}

#iconsFrame h2
{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #ff6f17;
	padding: 20px 10px 10px 10px;
}

#iconsFrame p
{
	font-size: 14px;
	font-weight: normal;
	color: #676f75;
	padding: 0 0 20px 0;
}

.iconHolderBox
{
	position: relative;
	height: 80px;
	padding: 20px 0 0 0;
	z-index: 1;
	overflow: hidden;
}

.iconHolderBox img
{
	display: block;
	margin: 0 auto;
}

.iconLine
{
	position: absolute;
	height: 40px;
	border-bottom: 1px solid #d13100;
	width: 100%;
	z-index: -1;

}




#contentFrame
{
	background: #fff;
	overflow: hidden;
}

#contentFrame h1
{
	float: left;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ff6f17;
	padding: 10px 10px 5px 10px;
	border-bottom: 3px solid #ff6f17;
	margin:0;
}


/*
#contentFrame h3, #contentFrame h2
{
	font-size: 16px;
	font-weight: bold;
	color: #ff6f17;
	padding: 10px 0 5px 0;
}
*/

#contentFrame > p
{
	color: #676f75;
	font-size: 16px;
}

.standardTextBox
{
	clear: both;
	padding: 10px;
	border-top: 1px solid #ff6f17;
	overflow: hidden;
}

.standardTextBox > h2, .standardTextBox > h3, .expandalbleText h2, .expandalbleText h3
{
	font-size: 16px;
	font-weight: bold;
	color: #ff6f17;
	padding: 10px 0 5px 0;
}

.standardTextBox > h2, .expandalbleText h2 
{
	font-size: 18px;
}



.standardTextBox a, #iconsFrame a
{
	border-bottom: 2px dotted #ff6f17;
}

.standardTextBox a img
{
	display: block; /* Remove link bottom line */
}

.colorBox, .blogColorBox
{
	clear: both;
	padding: 0 10px 10px 10px;
	margin-bottom: 20px;
	border-top: 1px solid #ff6f17;
	border-left: 1px solid #f0f2fa;
	border-right: 1px solid #f0f2fa;
	border-bottom: 1px solid #f0f2fa;
	background: #f6f8ff;
	overflow: hidden;
}

.blogColorBox
{
	border-top:none;
}

.colorBox a, .blogColorBox a
{
	border-bottom: 2px dotted #ff6f17;	
}

.blogNewsHeading
{
	position: relative;
	display: block;
	min-height: 40px;
	background: #ff6f17;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}

.blogNewsHeading h4
{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 20px 10px 10px;
}

.blogNewsHeading .arrow-right
{
	position: absolute;
	right: 10px;
	top:10px;
}

.blogItem
{
	clear: both;
	padding: 10px 0 0 0;
	overflow: hidden;
}

.blogItem img
{
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out; 
    transition: opacity .25s ease-in-out;
	
	opacity: 1;
}

.blogItem:hover img
{
	opacity: 0.8;
}

.blogPicture
{
	float: left;
	max-width: 160px;
	padding-top:4px;
	overflow: hidden;
}

.blogText
{
	margin-left: 170px;
}

.blogPictureCompact
{
	float: left;
	max-width: 160px;
	padding-top:4px;
	overflow: hidden;
}

.blogTextCompact
{
	margin-left: 170px;
}

.blogText h5, .blogTextCompact h5
{
	font-size: 14px;
	font-weight: normal;
}

.blogText p, .blogTextCompact p
{
	font-size: 14px !important;
}


.category-item-text-box
{
}

.category-item-text-box h5
{
	font-size: 14px;
	font-weight: normal;
}

.current-category-item
{
	color: #ff6f17;
}


.arrow-right 
{
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #fff;
}

#partnersLogoFrame
{
	clear:both;
	border-top: 1px solid #ff6f17;
	padding-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

#partnersLogoFrame img
{
	float: left;
	padding: 10px 40px 10px 0;
	max-height: 115px;

/*
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease; 
    transition: all 0.2s ease;	
	*/

    opacity: 1;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out; 
    transition: opacity .25s ease-in-out;
}

#partnersLogoFrame img:hover {
	/*
    -webkit-transform:scale(1.02);
    -moz-transform:scale(1.02);
    -ms-transform:scale(1.02); 
    -o-transform:scale(1.02); 
     transform:scale(1.02);
	 */
	 opacity: 0.7;
}



#footerFrame
{
	clear: both;
	padding: 20px 0 60px 0;
	overflow: hidden;
}

#footerFrame h3
{
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	padding: 10px 0 10px 0;
	margin-top: 10px;
	border-top: 1px solid #fff;
}

#footerFrame p, #footerFrame a
{
	font-size: 14px;
}

#linksFooterBox a
{
	display: block;
	padding: 4px 0 4px 0;
}

#footerFrame p span
{
	display: block;
	font-size: 26px;
	font-weight: bold;
	padding: 8px 0 8px 0;
	color: #42a0ce;
}

#footerSmallFrame
{
	margin-top: 20px;
}

#footerSmallFrame p, #footerSmallFrame p a
{
	font-size: 12px;
}

/* Collapsable --------------------------------------------------------------- */

.ui-accordion
{
	
}

.ui-accordion-header
{
	
	position: relative;
	font-size: 16px !important;
	font-weight: bold !important;
	color: #d13100 !important;
	/*padding: 10px 0 5px 0;*/
	padding: 10px 10px 10px 22px !important;
	
	margin-top:10px;
	background: #fff;
	border: 1px solid #dddddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.ui-accordion-header:hover
{
	background: #f6f8ff;
}

.ui-state-active
{
	border-bottom: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	background: #f6f8ff;
}

.ui-accordion-content
{
	background: #f6f8ff;
	border: 1px solid #dddddd;
	border-top: none;
	padding: 10px;
}

.ui-icon
{
}

.coll-header-icon
{
	position: absolute;
	left: 8px;
	top: 12px;
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #d13100;
}

.coll-active-header-icon
{
	position: absolute;
	left: 6px;
	top: 16px;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #d13100;
}


/* END Collapsable ----------------------------------------------------------- */


.category-link-box-frame
{
	clear: both;
	overflow: hidden;
}
.category-link-box
{
	overflow: hidden;
	clear: both;
	float: left;
}

.category-link-box h2
{
	font-size: 16px;
	font-weight: bold;
	color: #d13100;
	text-transform: none;
	border-bottom: none;
	margin-right: 20px;
	padding: 10px 0 0 0;
    margin-left: 10px;
}

.category-link-internal-box
{
	position: relative;
	padding: 0 0 10px 0;
	margin-top:10px;
	background: #fff;
	border: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.category-link-internal-box:hover
{
	background: #f6f8ff;
}

.category-link-box a
{
	/*padding: 10px 24px 10px 0 !important;	*/
}

.category-link-icon
{
    position: absolute;
    right: 8px;
    top: 14px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #d13100;
}


.category-link-pic-frame
{
	position: relative;
	border: 1px solid #dddddd;
	margin-bottom: 20px;
	overflow: hidden;
}

.category-link-pic-frame:hover
{
	background: #f6f8ff;
}

.category-link-pic-frame img
{
    opacity: 1;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out; 
    transition: opacity .25s ease-in-out;
}

.category-link-pic-frame:hover img
{
	opacity: 0.8;
}

.category-link-pic-image-frame
{
	margin: 2px;
	overflow: hidden;
}

.category-link-pic-text-frame
{
	
}

.category-link-pic-text-frame h2
{
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	padding: 10px;
	margin: 0;
}


.read-more-box
{
	margin-bottom: 20px;
	overflow: hidden;
}

.read-more-internal-box
{
	display: table;
	margin: 0 auto;
	border: 1px solid #f0f2fa;
	border-top: none;
	font-size: 12px;
	padding: 2px 10px 5px 10px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;	
}

.read-more-internal-box a
{
	font-size: 12px;
}


.blog-pic-frame
{
	position: relative;
	border: 1px solid #dddddd;
	margin-bottom: 20px;
	overflow: hidden;
}

.blog-pic-frame:hover
{
	background: #f6f8ff;
}

.blog-pic-frame img
{
    opacity: 1;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out; 
    transition: opacity .25s ease-in-out;
    width: 100%;
}

.blog-pic-frame:hover img
{
	opacity: 0.8;
}

.blog-pic-image-frame
{
	margin: 2px;
	overflow: hidden;
}

.blog-pic-text-frame
{
	
}

.blog-pic-text-frame h2
{
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin: 0;
}

.blog-pic-text-frame p span
{
	font-size: 14px;
	font-weight: normal;
	color: #a5a5a5;
	padding: 5px 10px 5px 10px;
	margin: 0;
}


/** Pagination --------------- */
.pagination {
	clear: both;
	margin:20px 10px 20px 10px;
    background:#E7E6E5;
    background:rgba(255,255,255,0.35);
	font-size: 16px;
}

.pagination .page-numbers {
	border:1px solid #EFEFEF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding: 8px 12px;
    font-weight:normal;
    line-height: 46px;
}

.pagination p {
	font-weight: normal;
}

.pagination .current {
	background: #f6f8ff;
    color:#000;
	border:1px solid #ffc0ad;
}

.page-numbers:hover {
	background: #f6f8ff;
	text-decoration:none;
	border:1px solid #ffc0ad;
}

.current:hover {
    color:#000;
	text-decoration:none;
}

.pagination .next, .pagination .prev {
	border:1px solid #fff !important;
	border:none;
	background:none;
}

.pagination .next:hover, .prev:hover {
	text-decoration:none;
	background:#f6f8ff;
	border:1px solid #ffc0ad !important;
}
/** End Pagination --------------- */




/* Cookie bar -----------------------------------------------------*/
#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}
/* END Cookie bar -------------------------------------------------*/


/* Cookie bar -----------------------------------------------------*/
.cookie-message {display:none; position:relative;top:0;left:0;right:0;padding:0 85px 0 20px;background:#fff; border-bottom:1px solid #ccc; box-shadow:0px 0px 3px #ccc; z-index: 99;}
.cookie-message a {position:absolute;top:0; *top:-2px; right:20px;cursor:pointer;}
.cookie-message p, .cookie-message a {color:#333;font:bold 11px/18px Arial;margin:0; padding:8px;}
.blue {border-bottom:1px solid #0E83AE;background-color:#0990c3;background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e83ae), color-stop(50%, #0990c3), color-stop(100%, #0e9dd2));background: -webkit-linear-gradient(#0e83ae, #0990c3, #0e9dd2);background: -moz-linear-gradient(#0e83ae, #0990c3, #0e9dd2);background: -o-linear-gradient(#0e83ae, #0990c3, #0e9dd2);background: -ms-linear-gradient(#0e83ae, #0990c3, #0e9dd2);background: linear-gradient(#0e83ae, #0990c3, #0e9dd2);}
.blue p, .blue a { color:#fff; }
.cookie-close-button {background: #ff6f17;}
.cookie-close-button:hover {background: #d13100;}
/* END Cookie bar -------------------------------------------------*/




/* Images ------------------------------ */

.alignleft
{
	float: left; 
	margin: 10px 10px 10px 0; 
	padding: 2px;
	border: 1px solid #c5c5c5; 
}

.standard-image-frame
{
	padding: 2px;
	border: 1px solid #c5c5c5; 
	margin-bottom: 20px;
}

/* End Images -------------------------- */

.small-category-image .alignleft
{
	max-width: 100%; /*276px;*/
}

.blog-head-image
{
	padding: 2px;
	border: 1px solid #c5c5c5; 
	margin-bottom: 20px;
}

.blog-head-image img
{
	min-width: 100%;
}


.article-date-and-socials
{
	margin-bottom: 5px;
	overflow: hidden;
}

.article-date-and-socials p
{
	float: left;
	margin: 0;
	padding: 5px 10px 5px 0;
	font-size: 14px;
	color: #a5a5a5;
}


/* Bredcrumbs ------------------------------------- */

.breadcrumb { 
	list-style: none; 
	overflow: hidden; 
	font: 16px Helvetica, Arial, Sans-Serif;
}
.breadcrumb li { 
	float: left; 
	margin-top: 2px;
}
.breadcrumb li a {
	color: white;
	text-decoration: none; 
	padding: 6px 0 6px 18px;
	background: #ff6f17; 
	position: relative; 
	display: block;
	float: left;
}
.breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 15px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 15px solid transparent;
	border-left: 12px solid #ff6f17;
	position: absolute;
	top: 50%;
	margin-top: -15px; 
	left: 100%;
	z-index: 2; 
}	
.breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 16px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 16px solid transparent;
	border-left: 13px solid white;
	position: absolute;
	top: 50%;
	margin-top: -16px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
.breadcrumb li:first-child a {
	padding-left: 10px;
}
/*
-.breadcrumb li:nth-child(2) a       { background:        #ff914c; }
-.breadcrumb li:nth-child(2) a:after { border-left-color: #ff914c; }
-.breadcrumb li:nth-child(3) a       { background:        #ffb080; }
-.breadcrumb li:nth-child(3) a:after { border-left-color: #ffb080; }
-.breadcrumb li:nth-child(4) a       { background:        #ffd0b2; }
-.breadcrumb li:nth-child(4) a:after { border-left-color: #ffd0b2; }
-.breadcrumb li:nth-child(5) a       { background:        #ffe0cc; }
-.breadcrumb li:nth-child(5) a:after { border-left-color: #ffe0cc; }
*/
.breadcrumb li:last-child a {
	background: #d13100 !important;
	color: white;
	pointer-events: none;
	cursor: default;
}
.breadcrumb li:last-child a:after { border-left-color: #d13100; }

.breadcrumb li a:hover { background: #d13100; }
.breadcrumb li a:hover:after { border-left-color: #d13100 !important; }

/* END Bredcrumbs --------------------------------- */

.share-bottom-frame
{
	position: fixed;
	bottom:0;
	width: 100%;
	overflow: hidden;
	display: none;
}

.share-bottom-internal-frame
{
	margin: 0 auto;
	background: #f6f8ff;
	min-height: 40px;
    padding-left: 18px;
	
	width: 200px;
	
	border: 1px solid #f0f2fa;
	border-bottom: none;
	
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	overflow: hidden;
}

.share-bottom-buttons
{
	width: auto;
    display: table;
    margin: 0 auto;
	overflow: hidden;
}

.share-buttons
{
	clear: both;
	margin: 10px 0 10px 0;
	overflow: hidden;
}

.share-buttons img
{
	float: left;
	padding-left: 0;
	padding-right: 18px;
}

.share-buttons ul
{
  list-style: none;
  padding: 0;
  width: 200px;
}

.share-buttons ul li
{
	padding: 0 !important;
}

.share-buttons ul li:before
{
	content:""  !important;
	padding-right:0  !important;
}





.scrollToTop
{
	width:35px; 
	height:45px;
	padding:0 0 7px 0; 
	text-align:center; 
	background-color: #f6f8ff;
	/*background-color: rgba(246,248,255,0.5);*/
	
	text-decoration: none;
	position:fixed;
	bottom: 0;
	right:10px;
	display:none;
	background-image: url('../img/scroll-to-top.png');
	background-repeat: no-repeat;


	border: 1px solid #f0f2fa;
	border-bottom: none;
	
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	overflow: hidden;
	
}
.scrollToTop:hover
{
	text-decoration:none;
	background-color: #060f36;
}




#fb-f-back {
	display:none;
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}
#fb-f-exit {
	width:100%;
	height:100%;
}
#fb-frame {
	background:white;
	width:420px;
	height:270px;
	position:absolute;
	top:58%;
	left:63%;
	margin:-220px 0 0 -375px;
	-webkit-box-shadow: inset 0 0 50px 0 #939393;
	-moz-box-shadow: inset 0 0 50px 0 #939393;
	box-shadow: inset 0 0 50px 0 #939393;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: -220px 0 0 -375px;
}
#fb-show-frame {
	float:right;
	cursor:pointer;
	background:url(../img/fb-close.png) repeat;
	height:15px;
	padding:20px;
	position:relative;
	padding-right:40px;
	margin-top:-20px;
	margin-right:-22px;
}
.no-border-frame {
	height:1px;
	width:366px;
	margin:0 auto;
	background:#F3F3F3;
	margin-top:16px;
	position:relative;
	margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
	color:#80808B;
	font-size:10px;
	margin: 0 auto 5px auto;
	float:center;
}



.button-city {
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background: rgb(28, 184, 65); /* this is a green */
	margin-bottom: 10px;
}

#help-map {
	margin: 0 0 10px 0;
	width:100%;
	height:500px;
	border: 1px solid #dddddd;
}

.map-info-box {}

.map-info-box h5 {
	font-size:20px;
	font-weight: bold;
}

.map-info-box p {
	font-size: 16px;
	font-weight: normal;
}



/* Tests -------------------------------------- */

.entry-content {
    background: white;
    overflow: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.wpt_test
{
	max-width: 1200px;
    margin: 0 auto;
    overflow: auto;	
}

.wpt_test .content, .wpt_test .results
{
	padding-left: 10px;
    padding-right: 10px;
}

.wpt_test h2, .wpt_test h3
{
    font-size: 20px;
    font-weight: bold;
    color: #ff6f17;
    padding: 10px 0 5px 0;
    margin: 0;	
}

.wpt_test h3
{
	font-size:18px;
	font-weight:normal;
}

.wpt_test .title
{
	margin-top: 20px;
}

.wpt_test hr
{
	margin-top:20px;
}


.wpt_test .button 
{
    color: #fff;
	background-color: #ff6f17;	
	padding: .5em 1em;
	text-decoration: none;
    border-radius: 8px;
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
	box-sizing: border-box;
}

/* END Tests ---------------------------------- */






























#arrowFrame
{
	display:none;
	float: none;
	margin-top: 100px;
	margin-right: 0;
	width: 79px;
	overflow: hidden;
}

#formFrame
{
	margin-top: 50px;
	margin-left: 0;
	border: 3px solid #40a7fb;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;	
	background: #fff;
	overflow: hidden;
}

#formHeader
{
	background: #333843;
}

#formHeader h3
{
	margin: 0;
	padding:20px;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
}

#formContent
{
	padding: 50px 20px 20px 20px;

}

.input-big
{
	font-size: 24px;
}

.button-orange {
    background: rgb(223, 117, 20);
    font-size: 30px;
    padding-left:10px;
    padding-right:10px;
}

.formArrowImage
{
	height: 30px;
	margin-right: 20px;
	background: url(../img/form-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}


#mainPhoto
{
	margin-bottom: 40px;
	overflow: hidden;
}

#mainPhoto img
{
	position: relative;
	z-index: 1;
}

#benefitsTextFrame
{
	clear: both;
	padding-bottom: 5px;
	border-bottom: 1px solid #b2b2b2;
	overflow: hidden;
}

#benefitsMainFrame
{
	clear: both;
	margin-top: 10px;
	overflow: hidden;
}

#benefitsMainFrame h3
{
	font-size: 22px;
	font-weight: normal;
}

.benefitFrame
{
	margin:0px 0 12px 0;
	padding: 15px 15px 15px 55px;

	background-image: url(../img/b-arrow.png);
	background-repeat: no-repeat;
	background-position: 5px;
	background-color: #e9e9e9;

	-webkit-box-shadow: 4px 4px 5px 0px rgba(130,130,130,1);
	-moz-box-shadow: 4px 4px 5px 0px rgba(130,130,130,1);
	box-shadow: 4px 4px 5px 0px rgba(130,130,130,1);	

	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;	
	border-radius: 5px 5px 5px 5px;
}


/* tada */


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* END tada */




/* Contact form 
-----------------------------------------------------------------*/
.sph
{
	display: none;
}

.formBackPlate
{
	/*background: #141618;*/
	padding: 0;
}

.formMessageMinHeight
{
	min-height: 318px;
}

.formErrorFrame
{
	border:3px dotted #40a7fb;
	margin-left: 0;
	margin-top: 10px;
	padding: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	background:#fff;
	display: none;
}

.formErrorFrame ul
{
	background:none;
	margin:20px;
}

.formErrorFrame li 
{
	line-height:1.3em;
	color:#cdac3b;
	background:none;
	list-style-position: inside;
}

.formErrorFrame p
{
	line-height:1.3em;
	color:#ff6f17 !important;
	margin: 20px !important;
	background:none;
}

.processAnimation
{
	width:54px;
	height:55px;
	margin:0 auto;
	background:url(../img/ajax-loader.gif) no-repeat;
	display:none;
}


/* END Contact form 
-----------------------------------------------------------------*/



/* Media ---------------------------------------------------------------*/


/* sm ≥ 568px .pure-u-sm-* ----------------------------*/
@media screen and (min-width: 35.5em)
{
	
	#phoneLineBottomFrame h2
	{
		font-size: 24px;
	}

	#chatTextBox h2
	{
		font-size: 14px;
	}

	#chatTextBox h3
	{
		font-size: 15px;
	}

	.small-category-image .alignleft
	{
		max-width: 50%; /*276px;*/
	}

}

/* md ≥ 768px .pure-u-md-* ----------------------------*/
@media screen and (min-width: 48em)
{

	.grid-box-gap-r {
	    padding-left: 0;
	    padding-right: 10px;
	}

	#phoneLineBox
	{
		margin-top: 0;
	}

	#phoneLineBottomFrame h2
	{
		font-size: 28px;
	}

	#chatFrame
	{
		margin-top: 0;
	}

	#chatFrame img
	{
		float: left;
		padding: 10px 10px 10px 10px;
		display: block;
		width: 56px;
		height: 44px;
	}

	#headerBottomTextFrame
	{
		margin-top: 120px;
		margin-bottom: 10px;
	}

	#languageSelectFrame
	{
		display: block;
		margin: 0;
		overflow: hidden;
	}

	#socialButtonsFrame
	{
		float: right;
		text-align: right;
		margin-top: 0;
	}

	#headerMainTextFrame h2
	{
		font-family: 'Merriweather', serif;
		font-weight: 300;
		font-size: 38px;
		color: #d13100;
		text-align: center;
	}
	
	#headerMainTextFrame h3
	{
		font-family: 'Merriweather', serif;
		font-weight: 700;
		font-size: 38px;
		color: #d13100;
		text-align: center;
		margin: 0;
		padding: 0;
	}

	.menuHeading
	{
		margin-top: 0;
	}

	.menuHandle
	{
		display:none;
	}

	.showingMenu
	{
		max-height:inherit !important;
	}

	#topMenuLinkFrame
	{
		max-height: inherit;
		border: none;
	}

	#topMenuLinkFrame ul
	{

	}


	#topMenuFrame
	{
		padding: 20px 0 10px 0;
		background: #f6f8ff;
	}


	.blogPictureCompact
	{
		float: left;
		max-width: 100px;
		overflow: hidden;
	}
	
	.blogTextCompact
	{
		margin-left: 110px;
	}

	#topMenuLinkFrame ul li a
	{
		padding: 5px 5px 5px 10px;
	}


}

/* lg ≥ 1024px .pure-u-lg-* ---------------------------*/
@media screen and (min-width: 64em)
{
	#chatTextBox h2
	{
		font-size: 16px;
	}

	#chatTextBox h3
	{
		font-size: 18px;
	}

}

/* xl ≥ 1280px .pure-u-xl-* ---------------------------*/
@media screen and (min-width: 80em)
{
	
	#chatTextBox h2
	{
		font-size: 16px;
	}

	#chatTextBox h3
	{
		font-size: 20px;
	}
}




/* END Media -----------------------------------------------------------*/