body {
    color: #000;
}

a, a:link, a:visited {
    color: #6f4093;
    text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
header {
}

footer {
    background: #515151; 
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: 700;
}

.sp-txt{font-size:12px;line-height:15px;}


.no-margin-bottom { 
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0
}

figure.ink-image {
    border: 0;
}

.pub {
    width: 300px;
}
.mrec-mobile-box{position:relative;display:block;margin:0 auto;} 
.highlight {
    clear: none;
}

.highlight-wrapper {
    overflow: hidden;
}




a.lnkBlue, a.lnkBlue:link, a.lnkBlue:visited {
    color: #6f4093;
    text-decoration: none;
}

.ink-badge.blue {
    background: #00a8e2;
}

a.lnkBlack, a.lnkBlack:link, a.lnkBlack:visited {
    color: #000;
    text-decoration: none;
}

a.lnkWhite, a.lnkWhite:link, a.lnkWhite:visited {
    color: #FFF;
    text-decoration: none;
}




.e-thumb-audio {
    position: relative;
    display: inline-block;
}

    .e-thumb-audio::before {
        content: '\f028';
        z-index: 5;
        position: absolute;
        right: .1vw;
        bottom: .1vw;
        color: white;
        font-family: 'FontAwesome';
        font-size: 1.6vw !important;
        background-color: rgba(23, 35, 34, 0.5);
        width: 2.3vw;
        height: 2.3vw;
        border-radius: 50%;
        margin: 0 auto;
        text-align: center;
        padding: 0 .1vw .1vw .1vw;
    }

.e-thumb-video {
    position: relative;
    display: inline-block;
}

    .e-thumb-video::before {
        content: '\f04b';
        z-index: 5;
        position: absolute;
        right: .1vw;
        bottom: .1vw;
        color: white;
        font-family: 'FontAwesome';
        font-size: 1.4vw !important;
        background-color: rgba(23, 35, 34, 0.5);
        width: 2.3vw;
        height: 2.3vw;
        border-radius: 50%;
        margin: 0 auto;
        text-align: center;
        padding: 0.2em .1vw .1vw .18vw;
    }

.e-center-audio {
    position: relative;
    display: inline-block;
}

    .e-center-audio::before {
        content: '\f028';
        z-index: 5;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate( -50%, -50% );
        padding: 3% 12%;
        color: white;
        font-family: 'FontAwesome';
        font-size: 50px !important;
        background-color: rgba(23, 35, 34, 0.5);
        border-radius: 50%;
    }

.img100 {
    width: 100%;
    height: 26px;
}

.section-header {
	line-height:0.8em;
}

.imgTopDegRgt {
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100%;
    -webkit-mask-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.00, rgba(0,0,0,1)), color-stop(0.45, rgba(0,0,0,1)), color-stop(0.50, rgba(0,0,0,0)), color-stop(0.55, rgba(0,0,0,0)), color-stop(1.00, rgba(0,0,0,0)));
}

.imgTopDegLft {
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100%;
    -webkit-mask-image: -webkit-gradient(linear, right bottom, left bottom, color-stop(0.00, rgba(250,166,26,1)), color-stop(0.45, rgba(250,166,26,1)), color-stop(0.50, rgba(250,166,26,0)), color-stop(0.55, rgba(250,166,26,0)), color-stop(1.00, rgba(250,166,26,0)));
}


.degradeFx {
    position: relative;
    display: inline-block;
}

    .degradeFx:before {
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 8;
        background: -moz-linear-gradient(left, rgba(250, 166, 26, 1) 0%, rgba(255, 255, 255, 0) 49%, rgba(0, 0, 0, 1) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(250, 166, 26, 1)), color-stop(49%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(250, 166, 26,1) 0%, rgba(255, 255, 255, 0) 49%, rgba(0, 0, 0, 1) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(250, 166, 26, 1) 0%, rgba(255, 255, 255, 0) 49%, rgba(0, 0, 0, 1) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(250, 166, 26, 1) 0%, rgba(255, 255, 255, 0) 49%, rgba(0, 0, 0, 1) 100%);
        /* IE10+ */
        background: linear-gradient(to right, rgba(250, 166, 26, 1) 0%, rgba(255, 255, 255, 0) 49%, rgba(0, 0, 0, 1) 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#faa61a', endColorstr='#000', GradientType=1);
        /* IE6-9 */
    }


.socialShare {
    margin: 0;
    width: 160px;
    height: 42px;
}


.icon-xl {
    position: relative;
    text-align: center;
    width: 0px;
    height: 0px;
    padding: 30px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    -khtml-border-radius: 30px 30px 30px 30px;
    color: #FFFFFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

    .icon-xl i {
        font-size: 30px;
        position: absolute;
        left: 9px;
        top: 0;
    }

.iconTop {
    position: relative;
    text-align: center;
    width: 0px;
    height: 0px;
    padding: 19px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -khtml-border-radius: 20px 20px 20px 20px;
    color: #6f4093;
}

    .iconTop i {
        font-size: 19px;
        position: absolute;
        left: 9px;
        top: 10px;
    }

    .iconTop.socialFb {
        float: left;
        margin: 0 12px 0 0;
        cursor: pointer;
        color: #6f4093;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        background: #6f4093;
    }

        .iconTop.socialFb i {
            left: 12px;
            top: 10px;
        }

    .iconTop.socialTw {
        float: left;
        margin: 0 12px 0 0;
        cursor: pointer;
        color: #6f4093;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        background: #1da1f2;
    }

        .iconTop.socialTw i {
            left: 10px;
        }

    .iconTop.socialMl {
        float: left;
        margin: 0;
        cursor: pointer;
        color: #6f4093;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        background: #ec1a2e;
    }

        .iconTop.socialMl i {
            top: 9px;
            left: 9px;
        }



.icon {
    position: relative;
    text-align: center;
    width: 0px;
    height: 0px;
    padding: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -khtml-border-radius: 20px 20px 20px 20px;
    color: #fff;
}

    .icon i {
        font-size: 20px;
        position: absolute;
        left: 9px;
        top: 10px;
    }

    .icon.socialFb {
        float: left;
        margin: 0 12px 0 0;
        cursor: pointer;
        color: #FFF;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        background: #3b5998;
    }

        .icon.socialFb i {
            left: 13px;
            top: 10px;
        }

    .icon.socialTw {
        float: left;
        margin: 0 12px 0 0;
        cursor: pointer;
        color: #FFF;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        background: #1da1f2;
    }

        .icon.socialTw i {
            left: 11px;
        }

    .icon.socialMl {
        float: left;
        margin: 0;
        cursor: pointer;
        color: #FFF;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        background: #ec1a2e;
    }

        .icon.socialMl i {
            left: 10px;
        }

    .icon.searchMobile {
        float: left;
        margin: 0 0 0 16px;
        cursor: pointer;
        color: #8c8c8c;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        background: #e2e2e2;
    }	
        .icon.searchMobile i {
            left: 10px;
        }
.socialShare-footer {
    margin: 0;
    width: 150px;
    height: 42px;
}

    .socialShare-footer icon .socialShare-footer icon a, .socialShare-footer icon a:link, .socialShare-footer icon a:visited {
        color: white;
    }

    .socialShare-footer div {
        background: #7c7c7c !important;
    }


.socialShare-video {
    margin: 0;
	float:right;
    width: 150px;
    height: 42px;
}

    .socialShare-video icon a, socialShare-video icon a:link, socialShare-video icon a:visited {
        color: white;
    }

    .socialShare-video div {
    }

.socialShare-top {
    margin: 0;
    /*width: 150px;*/
    height: 42px;
}


/*.socialFb a, .socialFb a:link, .socialFb a:visited {
    color: #1163d9;
}
.socialTw a, .socialTw a:link, .socialTw a:visited {
    color: #1163d9;
}
.socialMl a, .socialMl a:link, .socialMl a:visited {
    color: #1163d9;
}*/
    .socialShare-top div {
        background: none !important;
        border: 2px solid #6f4093;
    }





.searchBox {
    background: #f1f3f5 !important;
    border: 1px solid #f1f3f5 !important;
    border-style: solid !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    font-size: 1em;
}

.ink-badge.lightgrey {
    background: #f1f3f5;
    color: #8c8c8c;
    font-size: 1em;
}


.border-blue-bottom {
    border-bottom: 3px solid #6f4093;
    outline: thick solid #fff;
}

.txt-lead-blue {
    color: #6f4093;
    font-size: 1.45em;
    line-height: 1.2em;
    font-weight: 400;
}

.txtWhite {
    color: #fff;
}
.txtYellow {
    color: #ffc219;
}

.txtLightGrey {
    color: #dcdcdc;
}

.shad-black {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.shad-yellow {
    text-shadow: 1px 1px 1px rgba(250, 166, 26, 0.3);
}

ul.bull-pink {
    list-style: none; /* Remove default bullets */
}

    ul.bull-pink li::before {
        content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
        color: #ff5252; /* Change the color */
        font-weight: bold; /* If you want it to be bold */
        display: inline-block; /* Needed to add space between the bullet and the text */
        width: 1em; /* Also needed for space (tweak if needed) */
        margin-left: -1em; /* Also needed for space (tweak if needed) */
    }



.but-rnd {
    position: relative;
    text-align: center;
    width: 0px;
    height: 0px;
    padding: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -khtml-border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
}

    .but-rnd i {
        font-size: 20px;
        position: absolute;
        left: 12px;
        top: 12px;
    }

.bt-blue {
    float: left;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    background: #6f4093;
}


.but-rnd-xl {
    position: relative;
    text-align: center;
    width: 0px;
    height: 0px;
    padding: 40px;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
    -khtml-border-radius: 40px 40px 40px 40px;
    color: #FFFFFF;
}

    .but-rnd-xl i {
        font-size: 50px;
        position: absolute;
        left: 15px;
        top: 15px;
    }

.bt-pink {
    float: left;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    background: #ee5871;
}


/* Gloss Carrousel */
.gloss-list {
    padding: 0 10px 0 20px;
}

    .gloss-list div a {
        border-radius: 5px;
        background: #6f4093;
        color: white;
        text-align: center;
        text-decoration: none;
        min-width: 30px;
        min-height: 30px;
        display: inline-block;
    }

.gloss-rot {
    position: relative;
}

/* History Carrousel */
.hist-list {
    padding: 0 10px 0 20px;
}

    .hist-list div a {
        border-radius: 5px;
        background: #fff;
        color: #6f4093;
        border: 2px solid #6f4093;
        text-align: center;
        text-decoration: none;
        min-width: 80px;
        min-height: 80px;
        display: inline-block;
    }
	
	.hist-list div a.disabled {
		color: #cadbff;
		border: 2px solid #cadbff;
		pointer-events: none;
		cursor: default;
	}
.hist-rot {
    position: relative;
}

#hist-carousel .owl-stage-outer {
    left: 8px;
}

.owl-prev, .owl-next {
    position: absolute;
    font-size: 1em;
    background: none;
}

.owl-prev {
    left: -5px;
    top: -5px;
}

.owl-next {
    right: 0;
    top: -5px;
}

    .owl-prev, .owl-next a:focus {
        outline: none;
    }


.h2Blue {
	color:#00a8e2;
}


#topbar {
    background-color: #1163d9;
    min-height: 3.6em;
}

    #topbar .ink-navigation ul.light-blue li button.fa-bars {
        font-size: 1.2em;
        color: #fff;
        border: 0;
        padding: 1em .8em 1em 0;
        float: left;
    }

    #topbar .ink-navigation img {
        border: 0;
        margin-top: .4em;
    }
	
    #topbar .ink-navigation ul.light-blue li button.fa-chevron-left {
        font-size: 1.2em;
        color: #fff;
        border: 0;
        padding: 1em .8em .8em 0;
        float: left;
    }	
    #topbar .ink-navigation ul.light-blue li button.fa-chevron-left span{
		font-family: Roboto,Arial,Helvetica,sans-serif;
		font-weight:600;
		margin-left:4px;
    }		

button {
	background-color:transparent;
}
button:focus {
    outline: 0;
}

button.change:hover {
    cursor: pointer;
    background-color: transparent;
}

button:active {
    outline: none;
    border: none;
}

.left-drawer {
    margin-top: 3.6em;
}

ul.left-drawer {
    margin-top: 3.6em;
}


/* Detail styling */
.txt-grey {
	color:#595959;
}
.bg-light-grey {
    background-color: #f2f2f2;
}
.bg-light-blue {
    background-color: #f2f7fd;
}
.sep-top-grey {
	border-top:2px solid #e2e2e2;
}
.sep-right-grey {
	border-right:2px solid #e2e2e2;
	margin-right:1em;
}
.sep-left-grey {
	border-left:2px solid #e2e2e2;
	margin-left:1em;
}

.iconNoBg {
    position: relative;
    text-align: center;
    width: 0;
    height: 0;
    padding: 20px 16px 20px 16px;
	
	float: left;
	margin: 0 26px 0 0;
	cursor: pointer;
	color: #FFF;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.plus-video {
    width: 60px;
    height: 42px;
	float:right;
	border-right:2px solid #e2e2e2;
	margin-right:30px;	
}
.iconNoBg i {
    font-size: 38px;
    position: absolute;
    left: 0;
    top: 0;
}
.iconNoBg a, .iconNoBg a:link, .iconNoBg a:visited {
    color: #4097ff;
}



/* Loading Ico */
.loading-ico {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
    margin:1em 0 1em 0;
}

    .loading-ico div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 50px;
        height: 50px;
        margin: 6px;
        border: 6px solid #00a8e2;
        border-radius: 50%;
        animation: loading-ico 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #00a8e2 transparent transparent transparent;
    }

        .loading-ico div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .loading-ico div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .loading-ico div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes loading-ico {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.mgPartner {
    float: right;
    margin: 0 0 1em 1em;
}




.searchBox {
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchBoxCx {
  height: 40px;
  background: #f1f3f5; 
  border: 1px solid #f1f3f5;
  border-radius: 20px;
  width:100%;
  margin:0 auto;
  text-align:center;
}
  
.searchBoxCts {
	padding: 0 12px;
	height: 100%;
	display: flex;
	align-items: center;
}
.searchBoxCts input {
  flex: 1 1 auto;
  margin: 0;
  padding: .5em;
  border: none;
  box-shadow: none;
  height: 100%;
  background: transparent;
  color:#000;  
}
.searchBoxCts input:focus{
    outline: none;
}  
.searchBoxCts input i {
      flex: 0 0 auto;
      margin-left: 5px;
}
.fa-search {
	color:#8c8c8c;
	font-size:18px;
	font-weight:bold;
}
.txtRRBlue {
	color:#00b3db;
}
.audioOptions {
	float:right;
	/*width:440px;*/
}
.audioSections {
	float:left;
	width:400px;
}
.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0;
}

.topHeight {
    width: 100%;
    min-height: 500px;
}	

.fa-search {
    color: #8c8c8c;
    font-size: 18px;
    font-weight: bold;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
}

.ink-button {
    background:none;
    color: #8c8e8f;
    border:none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-weight: 300;
}



/* Astelas Styling */
h3 {
	font-weight:bold;
	font-size:1.4em;
}

.top-hero {
	position: relative;
	background: url(https://cdnimages01.azureedge.net/rrsite/img/outros/astellas/bgclocks.gif) center center no-repeat;				
	background-size: auto;
	margin: 0 auto;
	text-align: center;
	background-color:#fec831;
}
.txt-blk {
	min-hight:500px;
}
.circular-img {
	width:160px;
	height:auto;
	border-top-left-radius: 50% 50%;
	border-top-right-radius: 50% 50%;
	border-bottom-right-radius: 50% 50%;
	border-bottom-left-radius: 50% 50%;
}

.bg-paint-title {
    height: 35px;
    margin-bottom: .75em;
    background: url(https://cdnimages01.azureedge.net/rrsite/img/outros/astellas/bg-paint-lft.gif) left top no-repeat, url(https://cdnimages01.azureedge.net/rrsite/img/outros/astellas/bg-paint-rgt.gif) right top no-repeat;
    background-color: #6f4093;
}

.w1{
	width:220px;
}
.w2{
	width:280px;
}			
.bg-paint-title h2 {
	color:white;
	text-transform:uppercase;
	font-weight:500;
	margin:0 auto;
	text-align:center;
	margin:0 32px 0 38px;
	font-size:22px;
	line-height:36px;
}						
			
.mod2-cx > div > div > figure.ink-image {
	border:0;
}			
.mod2-cx > div > div > figure.ink-image figcaption {
	background-color:#c3d8f5;		
}
.mod2-cx > div > div > figure.ink-image figcaption h3 {
	color: #000;
	font-weight:500;
	font-size: 1.2em;
	line-height:1.4em;
	margin-top: 0;
	margin-bottom: .27em;				
	
}				

a.lnkWhite, a.lnkWhite:link {
	color: #fff;
	text-decoration: none;
}
section, h1, li, img {
	-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
	-webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
	-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
	-o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
}
.main-header {
	margin:0;
	padding:0;
	font-size:inherit;
}
.detail-cx h2 {
	font-weight:bold;
	font-size:1.4em;
}

.main-logo {
	width: 300px;
	height: auto;
}	

.partner-logo {
	width: 240px;
	height: auto;
}	
.top-hero-img {
	width: 100%;
	min-height: 25em;
}

.videoBox {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.videoBox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.b-box {
    background-image: url("https://cdnimages01.azureedge.net/rrsite/img/outros/astellas/bg-banner.jpg");
    width: 100%;
    height: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    cursor: pointer;
}

.b-box-txt {
    text-align: center;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1em;
}

    .b-box-txt h2 {
        margin: 0;
        color: #ffd54b;
    }


/* ================= MQs =====================*/
/* xlarge */
@media screen and (min-width: 1261px) {

    .highlight {
        padding-right: 18.6em;
    }

    .highlight {
        padding-right: 18.6em;
    }

    .show-xlarge {
        display: inherit !important;
    }

    .half-bottom-space {
        margin-bottom: 1em;
    }

}

@media screen and (min-width: 961px) and (max-width: 1260px) {

    .audioOptions {
        float: left;
		margin-bottom:1em;
    }
    .audioSections {
		width:100%;
    }	
}

/* 1366 fix */
@media screen and (min-width: 1346px) and (max-width: 1386px) {
}


/* 1280 fix */
@media screen and (min-width: 1260px) and (max-width: 1346px) {
	
    .hide-large {
        display: none
    }	
}



@media screen and (min-width: 641px) and (max-width: 960px) {
    /* medium */
	
	.topHeight {
		min-height:480px;
	}
	
    .rr-top-logo {
        width: 40px;
        height: auto;
        padding-top: .1em;
    }
    .socialShare-top {
        margin-bottom: 1em;
    }
    .main-logo {
        width: 270px;
        height: auto;
    }
    .partner-logo {
        width: 210px;
        height: auto;
    }	

    .audioOptions {
        float: left;
		margin-bottom:1em;
    }
    .audioSections {
		width:100%;
		float: left;
    }	
		
	.e-thumb-video::before {
		right: .8vw;
		bottom: 1.2vw;
		font-size: 3.4vw !important;
		width: 3.8vw;
		height: 3.8vw;
		padding: 1vw 1vw 1vw 1.2vw;
	}	
	.e-thumb-audio::before {
		right: .8vw;
		bottom: 1.2vw;
		font-size: 3.6vw !important;
		width: 3.9vw;
		height: 3.9vw;
		padding: .8vw 1vw 1.2vw 1.2vw;
	}
	.circular-img {
		width:100px;
	}	
	

}

@media screen and (min-width: 321px) and (max-width: 640px) {
    /* small */
	
	
	.topHeight {
		min-height:280px;
	}
	
    .rr-top-logo {
        width: 40px;
        height: auto;
        padding-top: .1em;
    }

    .main-logo {
        width: 200px;
        height: auto;
    }
    .partner-logo {
        width: 190px;
    }	

    .hide-small {
        display: none
    }

    .show-small {
        display: black
    }

    .socialShare-top {
        margin-bottom: 1em;
    }

    .audioOptions {
        float: left;
		margin-bottom:1em;
    }
    .audioSections {
		float: left;
    }	

	.fa-search {
		font-size: 24px;
	}	
	
	
	.e-thumb-video::before {
		right: .8vw;
		bottom: 1.2vw;
		font-size: 3.4vw !important;
		width: 3.8vw;
		height: 3.8vw;
		padding: 1vw 1vw 1vw 1.2vw;
	}	
	.e-thumb-audio::before {
		right: .8vw;
		bottom: 1.2vw;
		font-size: 3.6vw !important;
		width: 3.9vw;
		height: 3.9vw;
		padding: .8vw 1vw 1.2vw 1.2vw;
	}

    /*.mgPartner {
        float: left;
        margin: 1em 0 1em 1em;
    }*/
	
	.top-hero-img {
		background:none !important;
		min-height:100px;
	}
    .b-box-txt h2 {
        font-size: 1.4em;
    }
}

@media screen and (max-width: 320px) {
    /* tiny */
	
	.topHeight {
		min-height:260px;
	}
    .rr-top-logo {
        width: 40px;
        height: auto;
        padding-top: .1em;
    }

    .main-logo {
        width: 180px;
        height: auto;
    }
    .partner-logo {
        width: 160px;
    }
    .socialShare-top {
        margin-bottom: 1em;
    }

    .audioOptions {
        float:left;
		margin-bottom:1em;
    }
    .audioSections {
		width:100%;
		float: left;
        margin-bottom:1em;
    }

    /*.mgPartner {
        float: left;
        margin: 1em 0 1em 0;
    }*/
	


	.fa-search {
		font-size: 22px;
	}

	.detail-cx h2 {
		font-size:120%;
	}	
	.e-thumb-video::before {
		right: .8vw;
		bottom: 1.2vw;
		font-size: 3.4vw !important;
		width: 3.8vw;
		height: 3.8vw;
		padding: 1vw 1vw 1vw 1.2vw;
	}	
	.e-thumb-audio::before {
		right: .8vw;
		bottom: 1.2vw;
		font-size: 3.6vw !important;
		width: 3.9vw;
		height: 3.9vw;
		padding: .8vw 1vw 1.2vw 1.2vw;
	}
    p.circular-p::before {
        content: "•";
        color: #6f4093;
        display: inline-block;
        width: 1em;
    }	
	.top-hero-img {
		background:none !important;
		min-height:100px;
	}
    .b-box-txt  h2 {
        font-size:1.1em;
        height:50px;
    }
}









/*privacidade*/
.privacidade {
    width: 100%;
    height: auto;
    padding: 10px 10px 4px 10px;
    background-color: #fff;
    border: solid 1px #6f4093;
}
                    .privacidade--legal-txt{
                    font-size: 12px;
    line-height: 14px;
    color: #808080;
  
    display: inline-block;
    position: relative;
    width: calc(100% - 20px);
    vertical-align: top;
    float: right;
                    }
                    .privacidade--label{padding:0px 6px;}
                    .privacidade--checkbox{
                        display: inline-block;
    position: relative;
    
    line-height: 14px;
    margin-top: 2px;
    vertical-align: top;
   
    float: left;
                    }
                    input[type=text], select {
                        width: 100%;
                        padding: 12px 5px;
                        margin: 8px 0;
                        display: inline-block;
                        border: 1px solid #ccc;
                        border-radius: 4px;
                        box-sizing: border-box;
                    }

input[type=submit] {
    width: 100%;
    background-color: #6f4093;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

                        input[type=submit]:hover {
                            background-color: #000064;
                        }