/* 
  ------------------------------------------------
  Turansa CSS 
  3 Col Flex Sidebar Right and Left
  ------------------------------------------------
*/

body {
	font-family: "Segoe UI", Optima, Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	padding-bottom: 4em;
}
img {
	vertical-align: bottom;
}

hr { 
      border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}

.masthead {
	padding: 10px 10px;
	text-align: left;
	background-color: #FFF;
	position: relative;
	z-index: 10;
	box-shadow: 0px 0px 30px #000;
}

.content-wrapper {
	margin: 4em 1.25em 0em 1.25em;
	overflow: hidden;
}
.columns-wrapper {
	overflow: hidden;
	background-color: #FFF;
	position: relative;
}
.columns-wrapper, .menu-top-wrapper {
	max-width: 1260px;
	margin: auto;
}

.main-content {
	float: left;
	width: 58%;
	position: relative;
	left: 21%;
}
.sidebar {
	width: 20%;
	float: left;
	position: relative;
	left: -58%;
}
.sidebar-right {
	width: 20%;
	float: right;
}

.main-content, .sidebar, .sidebar-right {
	-webkit-transition: all linear .35s .1s;
	transition: all linear .35s .1s;
}
.sidebar .content,
.sidebar-right .content {
	padding: 30px 20px;
	font-size: .9em;
	line-height: 1.5em;
	border: 1px solid;
	border-color: #D7D7D7;
	border-radius: 5px;
}
.sidebar .content {
	background-color: #F1F1F1;
	background-image: -ms-linear-gradient(top, #F1F1F, #FFFFFF);
	background-image: -moz-linear-gradient(top, #F1F1F, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #F1F1F, #FFFFFF);
	background-image: linear-gradient(top, #F1F1F, #FFFFFF);
}
.sidebar-right .content {
	background-color: #F1F1F1;
	background-image: -ms-linear-gradient(top, #78A5CC, #FFFFFF);
	background-image: -moz-linear-gradient(top, #78A5CC, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #78A5CC, #FFFFFF);
	background-image: linear-gradient(top, #78A5CC, #FFFFFF);
}

.main-content .content{
	padding: 30px 30px;
	font-size: 1em;
	line-height: 1.5em;
	border: 1px solid;
	border-radius: 5px;
	border-color: #D7D7D7;
}

/* Feedcontrol*/
#feedControl {
  width : 110%;
  height : 20px;
  padding : 0px;
}

#visualization_wrap {
    border:1px solid gray;
    position: relative;
    padding-bottom: 80%;
    height: 100%;
    overflow:hidden;
}
#visualization {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}

/*Heading styles*/
h1, h2, h3, h4 {
	margin: 30px 0px 0px 0px;
	font-family: Federo, "Segoe UI", Optima, Helvetica, Arial, sans-serif;
	font-weight: normal;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.35em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.1em; }

/*A utility rule assigned to the first heading to remove top margins.*/
.content h1:first-child,
.content h2:first-child,
.content h3:first-child,
.content h4:first-child {
	margin-top: 0px;
}


/*Make Image Scalable - Assign this class to any image to make it scale with the browser window size*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	border-radius: 5px;
}
.fancy {
	border: 1px solid rgba(255,255,255,.2);
	box-shadow: 0px 0px 30px rgba(0,0,0,.65);
}
.sidebar ul, .sidebar ol, .sidebar-right ul, .sidebar-right ol {
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	line-height: normal;
}
.sidebar li, .sidebar-right li { 
	margin-bottom: 4px; 
}

/*Ordinary Link Styles*/
.content a {
	color: #002953;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
.content a:hover, .content a:focus {
	color: #000;
	border-bottom-style: solid;
}
.footer a {
	color: #CCCCCC;
}
.footer a:hover, .footer a:focus { color: #FFF; }


/*The DIVs that contains the horizontal menu bar at the top of your page.*/
.menu-top-wrapper .p7DMM01 {
	background-color: transparent;
	border: none;
	box-shadow: none;
}
.top-navigation {
	background-color: #78a5cc;
	border-bottom: 3px solid #376b9d;
	box-shadow: 0px 0px 30px #999;
	position: relative;
	z-index: 9;
}
.top-navigation:after {
	content: "\0020";
	font-size: 0px;
	display: inline;
	overflow: hidden;
	line-height: 0;
	clear: both;
}

/*The Footer*/
.footer {
	background-color: #222;
	box-shadow: inset 0px 16px 2px rgba(255,255,255,.025);
	border-top: 1px solid #000;
	padding: 15px 15px;
	font-size: 0.7em;
	color: #8C8C8C;
	text-align: center;
	clear: both;
	position: fixed;
	z-index: 999;
	top: auto;
	bottom: 0px;
	width: 100%;
}
.footer p.copyright {
	text-transform: uppercase;
	margin: 0px;
}

/*
Global Styles
------------------------------------------------------------ */
 
a.button-flickr,
a.button-facebook,
a.button-googleplus,
a.button-linkedin,
a.button-youtube,
a.button-rss,
a.button-whatsapp,
a.button-twitter {
border-radius: 3px;
box-shadow: 0 1px 1px #999;
color: #fff;
display: inline-block;
font-size: 16px;
margin: 0 15px 15px 0;
padding: 12px 0px;
text-align: center;
width: 100%;
}
 
/*
Flickr
------------------------------------------------------------ */
 
a.button-flickr {
background-color: #c93764; /* fallback color */
background: -moz-linear-gradient(top, #ea4c89, #c93764);
background: -ms-linear-gradient(top, #ea4c89, #c93764);
background: -webkit-linear-gradient(top, #ea4c89, #c93764);
border: 1px solid #c93764;
text-shadow: 0 -1px -1px #9d2849;
}
 
a.button-flickr:hover {
background: -moz-linear-gradient(top, #c93764, #ea4c89);
background: -ms-linear-gradient(top, #c93764, #ea4c89);
background: -webkit-linear-gradient(top, #c93764, #ea4c89);
}
 
/*
Facebook
------------------------------------------------------------ */
 
a.button-facebook {
background-color: #2b4170; /* fallback color */
background: -moz-linear-gradient(top, #3b5998, #2b4170);
background: -ms-linear-gradient(top, #3b5998, #2b4170);
background: -webkit-linear-gradient(top, #3b5998, #2b4170);
border: 1px solid #2b4170;
text-shadow: 0 -1px -1px #1f2f52;
}
 
a.button-facebook:hover {
background: -moz-linear-gradient(top, #2b4170, #3b5998);
background: -ms-linear-gradient(top, #2b4170, #3b5998);
background: -webkit-linear-gradient(top, #2b4170, #3b5998);
}
 
/*
Google +
------------------------------------------------------------ */
 
a.button-googleplus {
background-color: #c33219; /* fallback color */
background: -moz-linear-gradient(top, #e64522, #c33219);
background: -ms-linear-gradient(top, #e64522, #c33219);
background: -webkit-linear-gradient(top, #e64522, #c33219);
border: 1px solid #c33219;
text-shadow: 0 -1px -1px #972412;
}
 
a.button-googleplus:hover {
background: -moz-linear-gradient(top, #c33219, #e64522);
background: -webkit-linear-gradient(top, #c33219, #e64522);
}
 
/*
LinkedIn
------------------------------------------------------------ */
 
a.button-linkedin {
background-color: #0073b2; /* fallback color */
background: -moz-linear-gradient(top, #009cda, #0073b2);
background: -webkit-linear-gradient(top, #009cda, #0073b2);
border: 1px solid #0073b2;
text-shadow: 0 -1px -1px #005486;
text-color: #FFFFFF
}
 
a.button-linkedin:hover {
background: -moz-linear-gradient(top, #0073b2, #009cda);
background: -ms-linear-gradient(top, #0073b2, #009cda);
background: -webkit-linear-gradient(top, #0073b2, #009cda);
}
 
/*
YouTube
------------------------------------------------------------ */
 
a.button-youtube {
background-color: #a0171c; /* fallback color */
background: -moz-linear-gradient(top, #cb2027, #a0171c);
background: -ms-linear-gradient(top, #cb2027, #a0171c);
background: -webkit-linear-gradient(top, #cb2027, #a0171c);
border: 1px solid #a0171c;
text-shadow: 0 -1px -1px #761114;
}
 
a.button-youtube:hover {
background: -moz-linear-gradient(top, #a0171c, #cb2027);
background: -ms-linear-gradient(top, #a0171c, #cb2027);
background: -webkit-linear-gradient(top, #a0171c, #cb2027);
}
 
/*
RSS
------------------------------------------------------------ */
 
a.button-rss {
background-color: #e2733d; /* fallback color */
background: -moz-linear-gradient(top, #e88845, #e2733d);
background: -ms-linear-gradient(top, #e88845, #e2733d);
background: -webkit-linear-gradient(top, #e88845, #e2733d);
border: 1px solid #e2733d;
text-shadow: 0 -1px -1px #9a4824;
}
 
a.button-rss:hover {
background: -moz-linear-gradient(top, #e2733d, #e88845);
background: -ms-linear-gradient(top, #e2733d, #e88845);
background: -webkit-linear-gradient(top, #e2733d, #e88845);
}
 
/*
Whatsapp
------------------------------------------------------------ */
 
a.button-whatsapp {
background-color: #60b82d; /* fallback color */
background: -moz-linear-gradient(top, #69ca3b, #56a61e);
background: -ms-linear-gradient(top, #69ca3b, #56a61e);
background: -webkit-linear-gradient(top, #69ca3b, #56a61e);
border: 1px solid #56a61e;
text-shadow: 0 -1px -1px #81f54a;
}
 
a.button-whatsapp:hover {
background: -moz-linear-gradient(top, #5CAC27, #79D448);
background: -ms-linear-gradient(top, #5CAC27, #79D448);
background: -webkit-linear-gradient(top, #5CAC27, #79D448);
}
 
/*
Twitter
------------------------------------------------------------ */
 
a.button-twitter {
background-color: #0081ce; /* fallback color */
background: -moz-linear-gradient(top, #00aced, #0081ce);
background: -ms-linear-gradient(top, #00aced, #0081ce);
background: -webkit-linear-gradient(top, #00aced, #0081ce);
border: 1px solid #0081ce;
text-shadow: 0 -1px -1px #005ea3;
}
 
a.button-twitter:hover {
background: -moz-linear-gradient(top, #0081ce, #00aced);
background: -ms-linear-gradient(top, #0081ce, #00aced);
background: -webkit-linear-gradient(top, #0081ce, #00aced);
}

/* Content Boxes
------------------------------------------------------------ */
 
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
    margin: 0 0 25px;
    overflow: hidden;
    padding: 20px;
}
 
.content-box-blue {
    background-color: #d8ecf7;
    border: 1px solid #afcde3;
}
 
.content-box-gray {
    background-color: #e2e2e2;
    border: 1px solid #bdbdbd;
}
 
.content-box-green {
    background-color: #d9edc2;
    border: 1px solid #b2ce96;
}
 
.content-box-purple {
    background-color: #e2e2f9;
    border: 1px solid #bebde9;
}
 
.content-box-red {
    background-color: #f9dbdb;
    border: 1px solid #e9b3b3;
}
 
.content-box-yellow {
    background-color: #fef5c4;
    border: 1px solid #fadf98;
}


/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
body {
	padding-bottom: 0px;
}
.footer {
	position: static;
	width: auto;
}
.content-wrapper, .columns-wrapper {margin: 0px; border: none;}
.sidebar, .sidebar-right, .main-content {
	width: auto !important;
	float: none !important;
	position: static !important;
}
.main-content .content, .sidebar .content, .sidebar-right .content {
	padding: 20px 15px;
	border: none;
	height: auto !important;
	max-height: 888678px;
}
.p7DMM01 ul a, .p7DMM01 ul a:hover, .p7DMM01 ul a:focus, .p7DMM01 ul a.open {
	border-bottom: 1px solid !important;
	border-color: #89AEC9 !important;
}
.p7DMM01 ul li:last-child a {
	border-bottom: none !important;
}
}
/*Medium windows - reduce padding content padding*/
@media only screen and (min-width: 700px) and (max-width: 1280px) {
.main-content .content, .sidebar .content, .sidebar-right .content {padding: 20px 15px;}
.top-navigation {padding: 0px 10px;}
.content-wrapper {margin-left: 10px; margin-right: 10px;}
.main-content {width: 50%;left: 25%;}
.sidebar {width: 24%;left: -50%;}
.sidebar-right {width: 24%;}
}