/* COLOR CODES
DARKBLUE	#003056
BLUE		#04518C
LIGHTBLUE	#00A1D9
GREEN		#009C82
ORANGE		#FF8500
DARKGRAY	#808080
LIGHTGRAY	#F2F2F2
*/

/*.carousel-control.left {
	background-repeat:no-repeat;
	background-image:none;
}

.carousel-control.right {
	background-repeat:no-repeat;
	background-image:none;
}

.carousel-control {
	color: #FF8500;
}

*/
.dynamic-content-row{
	background-color: #F2F2F2;
	text-align: center;
	padding-top:  5%;
	padding-bottom: 5%;
}


.dynamic-content{
	color:#003056;
	margin: 3% 0%;
}

.dynamic-content i{
	color:#808080;
	font-size: 5em;
}

.dynamic-content h2{
	font-weight: bold;
	padding-left: 75px;
    padding-right: 75px;
}

.dynamic-content a:hover {
    color: #ff8500;
    font-weight: bold;
}

.dynamic-content a {
    display: block;
    text-decoration: none;
    color: #003056;
 }   

@media (max-width:767px){
	.dynamic-content h2{
		padding-left: 0px;
    	padding-right: 0px;
	}
}


.for-clinicians{
	position: relative;
	right: -16px;
	text-align: right;
	border-left: solid 27px #007700;
}
#for-clinicians{
	padding: 0px 3% 0px 36%;
}

.for-patients{
	position: relative;
	left: -16px;
	text-align: left;
	border-right: solid 20px #007700;
}
#for-patients{
	padding: 0px 36% 0px 3%;
}


.mailinglist{
	text-align: right;
	color: #FF8500;

}
.mailinglist p{
	font-weight: bold;
}

.mailinglist-btn{
	
	border-radius: 0px;
	font-weight: bolder;
	color: #F2F2F2;
	background-color: #FF8500;
	border-color: #808080;
}

.mailinglist-form{
	
	border-radius: 0px;
	text-align: center;
	border-color: #808080;
}


.no-side-margin{
	margin-left: 0px;
	margin-right: 0px;
}





/*-----SKEW MENU-----*/
#skew-menu-wrapper{
    overflow: hidden;
    padding-top: 1.3%;
    padding-bottom: 2%;
}

.rotated-row{
	overflow: hidden;

	height: 300px;
	width: 120%;
	position: relative;
	left: -10%;

	background-color:#F2F2F2;
	color: white;

	-webkit-transform: skewX(-15deg); /* Chrome, Opera */
	-ms-transform: skewX(-15deg);
	transform: skewX(-15deg);
}

.rotated-row h1{
	font-weight: bolder;
}

.rotated-row a{
	color: #f2f2f2;
    text-decoration: none;
    font-weight: bold;
}

.main-individual-container{
	height: 100%;/*tinha 300px*/
	overflow: hidden;

}

#left-main{
	left: -7px;
	/*background-color: yellow;*/
}


#right-main{
	right: -7px;
	/*background-color: orange;*/
}


.remove-inside-skew{
	width: 100%;
	height: 110%;
	position: relative;
    padding-top: 1px;
    right: -10%
    top: -7%;

	-webkit-transform: skewX(15deg); /* Chrome, Opera */
	-ms-transform: skewX(15deg);
	transform: skewX(15deg);	
}

#rigth-content{
		left: -10%;
}

#left-content{
		right: -10%;
}


#left-rem{
	right: -15%;
	background-color:#04518C;
	text-align: left;
	padding-left: 6%;
    padding-right: 50%;
}

#left-rem:hover{
	background-image: url("/static/img/for-patients.jpg");
	background-size: cover;
}

#right-rem{
	left: -15%;
	background-color:#00A1D9;
	text-align: right;
	padding-right: 6%;
    padding-left: 50%;
}

#right-rem:hover{
	background-image: url("/static/img/for-clinicians.jpg");
	background-size: cover;
}



/*-----SKEW SOCIAL-----*/
#social-skew-menu-wrapper{
    overflow: hidden;
    padding-top: 1.3%;
    background-color: white;
}

.social-rotated-row{
	overflow: hidden;

	height: 80px;
	width: 120%;
	position: relative;
	left: -10%;

	background-color: white;
	color: white;

	-webkit-transform: skewX(15deg); /* Chrome, Opera */
	-ms-transform: skewX(15deg);
	transform: skewX(15deg);
}

.social-rotated-row h1{
	font-weight: bolder;
}

.social-main-individual-container{
	height: 100%;/*tinha 300px*/
	overflow: hidden;

}

#social-left-main{
	left: -7px;
	/*background-color: yellow;*/
}


#social-right-main{
	right: -7px;
	/*background-color: orange;*/
}


.social-remove-inside-skew{
	width: 100%;
	height: 110%;
	position: relative;
    padding-top: 1px;
    right: -10%
    top: -7%;

	-webkit-transform: skewX(-15deg); /* Chrome, Opera */
	-ms-transform: skewX(-15deg);
	transform: skewX(-15deg);	
}

#social-rigth-content{
		left: -10%;
}

#social-left-content{
		right: -10%;
}


#social-left-rem{
	right: -15%;
	background-color:#F2F2F2;
	text-align: left;
	padding-left: 6%;
    padding-right: 50%;
}


#social-right-rem{
	left: -15%;
	background-color:#F2F2F2;
	text-align: right;
	padding-right: 6%;
    padding-left: 50%;
}

#social-icons{
	padding-top: 5px;
	padding-left: 4.5%;
	padding-right: 4.5%;
}



#srch-term{
	border-radius: 0px;
	border-color: transparent;
    box-shadow: none;
    text-align: center;

}



#skew-menu-wrapper-small a {
    color: white;
    font-weight: bold;
}


.small-for-patients{
	background-color: #04518C;

}
.small-for-researchers{
	background-color: #00A1D9;
}


#skew-menu-wrapper-small{
	color: white;
}


.partners{
	background-color: white;
	text-align: center;
	color: #003056;
	padding: 0px;

}

.partners h2{
	font-weight: bold;
}



.container-fluid.slider a {
    color: white    
}


/*+++++ NEW SLIDER +++++*/


.slider {
	background-color: #009C82;
	padding-right: 0px; 
	padding-left: 0px; 
}

.carousel-indicators .active {

	background-color:#009C82;
	border-color: #009C82;
}

.carousel-indicators li{
	background-color:#F2F2F2;
	border-color: #F2F2F2;
	}



.carousel-control.right,
.carousel-control.left {
    background-image: none;
    opacity: 1;
    width: 45px;
}


.carousel-inner
{
	color:#F2F2F2;
	text-align: right;
}

.carousel-inner h1,
.carousel-inner a
{
	font-weight: bold;
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.carousel-inner
	{
		height: 700px;
		overflow-y: scroll;
		text-align: left;
	}

	.carousel-indicators
	{
		bottom: 90%; 
	}

	.slider-text
	{
    	padding-right: 20px;
    	padding-left: 20px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.carousel-inner
	{
		height: 700px;
	} 
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.carousel-inner
	{
		height: 500px;
	} 

	.carousel-control.right,
	.carousel-control.left {
		bottom: 27%
	}
}


.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.slider-text
{
	padding-right: 45px;
}


.brochure
{
	height: 330px;
	margin-top:20px;
	background: #003056;
	color: white;
}

#brochure-left
{

	padding-left: 3%;
    padding-top: 5%;
}

#brochure-right
{
	transform: skewX(-15deg);
	right: -80px;
	/*background-image: url("../img/mockupcut.png");*/
	/*background-size: cover;*/
}

#brochure-right-inner
{

    height: 560px;
    left: -40px;
    top: -80px;
	
/*	left: -35px;
    top: -20px;*/
    position: absolute;
    /*height: 420px;*/
	transform: skewX(15deg);
	/*right: -80px;*/
	/*background-image: url("../img/mockupcut.png");*/
	/*background-size: cover;*/
}


    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px)
    {
		.brochure
		{
			/*height: 150px;*/
			margin-bottom: 3%;
/*			margin-top:20px;
			background: #003056;
			color: white;*/
		}
    }


    @media only screen and (max-width : 1024px)
    {
		.brochure
		{
			height: 250px;
			/*margin-bottom: 3%;*/
/*			margin-top:20px;
			background: #003056;
			color: white;*/
		}


		#brochure-left
		{
		    padding-top: 0%;
		}
    }