@media only screen {
	.small-push-0 {
		position: relative;
		left: 0%;
		right: auto;
	}

	.small-pull-0 {
		position: relative;
		right: 0%;
		left: auto;
	}

	.small-push-1 {
		position: relative;
		left: 8.33333%;
		right: auto;
	}

	.small-pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto;
	}

	.small-push-2 {
		position: relative;
		left: 16.66667%;
		right: auto;
	}

	.small-pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto;
	}

	.small-push-3 {
		position: relative;
		left: 25%;
		right: auto;
	}

	.small-pull-3 {
		position: relative;
		right: 25%;
		left: auto;
	}

	.small-push-4 {
		position: relative;
		left: 33.33333%;
		right: auto;
	}

	.small-pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto;
	}

	.small-push-5 {
		position: relative;
		left: 41.66667%;
		right: auto;
	}

	.small-pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto;
	}

	.small-push-6 {
		position: relative;
		left: 50%;
		right: auto;
	}

	.small-pull-6 {
		position: relative;
		right: 50%;
		left: auto;
	}

	.small-push-7 {
		position: relative;
		left: 58.33333%;
		right: auto;
	}

	.small-pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto;
	}

	.small-push-8 {
		position: relative;
		left: 66.66667%;
		right: auto;
	}

	.small-pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto;
	}

	.small-push-9 {
		position: relative;
		left: 75%;
		right: auto;
	}

	.small-pull-9 {
		position: relative;
		right: 75%;
		left: auto;
	}

	.small-push-10 {
		position: relative;
		left: 83.33333%;
		right: auto;
	}

	.small-pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto;
	}

	.small-push-11 {
		position: relative;
		left: 91.66667%;
		right: auto;
	}

	.small-pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto;
	}

	.column,.columns {
		position: relative;
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
		float: left;
	}

	.small-1 {
		width: 8.33333%;
	}

	.small-2 {
		width: 16.66667%;
	}

	.small-3 {
		width: 25%;
	}

	.small-4 {
		width: 33.33333%;
	}

	.small-5 {
		width: 41.66667%;
	}

	.small-6 {
		width: 50%;
	}

	.small-7 {
		width: 58.33333%;
	}

	.small-8 {
		width: 66.66667%;
	}

	.small-9 {
		width: 75%;
	}

	.small-10 {
		width: 83.33333%;
	}

	.small-11 {
		width: 91.66667%;
	}

	.small-12 {
		width: 100%;
	}

	.small-offset-0 {
		margin-left: 0% !important;
	}

	.small-offset-1 {
		margin-left: 8.33333% !important;
	}

	.small-offset-2 {
		margin-left: 16.66667% !important;
	}

	.small-offset-3 {
		margin-left: 25% !important;
	}

	.small-offset-4 {
		margin-left: 33.33333% !important;
	}

	.small-offset-5 {
		margin-left: 41.66667% !important;
	}

	.small-offset-6 {
		margin-left: 50% !important;
	}

	.small-offset-7 {
		margin-left: 58.33333% !important;
	}

	.small-offset-8 {
		margin-left: 66.66667% !important;
	}

	.small-offset-9 {
		margin-left: 75% !important;
	}

	.small-offset-10 {
		margin-left: 83.33333% !important;
	}

	.small-offset-11 {
		margin-left: 91.66667% !important;
	}

	.small-reset-order {
		margin-left: 0;
		margin-right: 0;
		left: auto;
		right: auto;
		float: left;
	}

	.column.small-centered,.columns.small-centered {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	.column.small-uncentered,.columns.small-uncentered {
		margin-left: 0;
		margin-right: 0;
		float: left;
	}

	.column.small-centered:last-child,.columns.small-centered:last-child {
		float: none;
	}

	.column.small-uncentered:last-child,.columns.small-uncentered:last-child {
		float: left;
	}

	.column.small-uncentered.opposite,.columns.small-uncentered.opposite {
		float: right;
	}
}

@media only screen and (min-width: 50.063em) {
	.medium-push-0 {
		position: relative;
		left: 0%;
		right: auto;
	}

	.medium-pull-0 {
		position: relative;
		right: 0%;
		left: auto;
	}

	.medium-push-1 {
		position: relative;
		left: 8.33333%;
		right: auto;
	}

	.medium-pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto;
	}

	.medium-push-2 {
		position: relative;
		left: 16.66667%;
		right: auto;
	}

	.medium-pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto;
	}

	.medium-push-3 {
		position: relative;
		left: 25%;
		right: auto;
	}

	.medium-pull-3 {
		position: relative;
		right: 25%;
		left: auto;
	}

	.medium-push-4 {
		position: relative;
		left: 33.33333%;
		right: auto;
	}

	.medium-pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto;
	}

	.medium-push-5 {
		position: relative;
		left: 41.66667%;
		right: auto;
	}

	.medium-pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto;
	}

	.medium-push-6 {
		position: relative;
		left: 50%;
		right: auto;
	}

	.medium-pull-6 {
		position: relative;
		right: 50%;
		left: auto;
	}

	.medium-push-7 {
		position: relative;
		left: 58.33333%;
		right: auto;
	}

	.medium-pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto;
	}

	.medium-push-8 {
		position: relative;
		left: 66.66667%;
		right: auto;
	}

	.medium-pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto;
	}

	.medium-push-9 {
		position: relative;
		left: 75%;
		right: auto;
	}

	.medium-pull-9 {
		position: relative;
		right: 75%;
		left: auto;
	}

	.medium-push-10 {
		position: relative;
		left: 83.33333%;
		right: auto;
	}

	.medium-pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto;
	}

	.medium-push-11 {
		position: relative;
		left: 91.66667%;
		right: auto;
	}

	.medium-pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto;
	}

	.column,.columns {
		position: relative;
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
		float: left;
	}
	.medium-0{
		width: 4.16666%;
	}
	.medium-1 {
		width: 8.33333%;
	}

	.medium-2 {
		width: 16.66667%;
	}

	.medium-3 {
		width: 25%;
	}

	.medium-4 {
		width: 33.33333%;
	}

	.medium-5 {
		width: 41.66667%;
	}

	.medium-6 {
		width: 50%;
	}

	.medium-7 {
		width: 58.33333%;
	}

	.medium-8 {
		width: 66.66667%;
	}

	.medium-9 {
		width: 75%;
	}

	.medium-10 {
		width: 83.33333%;
	}

	.medium-11 {
		width: 91.66667%;
	}

	.medium-12 {
		width: 100%;
	}

	.medium-offset-0 {
		margin-left: 0% !important;
	}

	.medium-offset-1 {
		margin-left: 8.33333% !important;
	}

	.medium-offset-2 {
		margin-left: 16.66667% !important;
	}

	.medium-offset-3 {
		margin-left: 25% !important;
	}

	.medium-offset-4 {
		margin-left: 33.33333% !important;
	}

	.medium-offset-5 {
		margin-left: 41.66667% !important;
	}

	.medium-offset-6 {
		margin-left: 50% !important;
	}

	.medium-offset-7 {
		margin-left: 58.33333% !important;
	}

	.medium-offset-8 {
		margin-left: 66.66667% !important;
	}

	.medium-offset-9 {
		margin-left: 75% !important;
	}

	.medium-offset-10 {
		margin-left: 83.33333% !important;
	}

	.medium-offset-11 {
		margin-left: 91.66667% !important;
	}

	.medium-reset-order {
		margin-left: 0;
		margin-right: 0;
		left: auto;
		right: auto;
		float: left;
	}

	.column.medium-centered,.columns.medium-centered {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	.column.medium-uncentered,.columns.medium-uncentered {
		margin-left: 0;
		margin-right: 0;
		float: left;
	}

	.column.medium-centered:last-child,.columns.medium-centered:last-child {
		float: none;
	}

	.column.medium-uncentered:last-child,.columns.medium-uncentered:last-child {
		float: left;
	}

	.column.medium-uncentered.opposite,.columns.medium-uncentered.opposite {
		float: right;
	}

	.push-0 {
		position: relative;
		left: 0%;
		right: auto;
	}

	.pull-0 {
		position: relative;
		right: 0%;
		left: auto;
	}

	.push-1 {
		position: relative;
		left: 8.33333%;
		right: auto;
	}

	.pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto;
	}

	.push-2 {
		position: relative;
		left: 16.66667%;
		right: auto;
	}

	.pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto;
	}

	.push-3 {
		position: relative;
		left: 25%;
		right: auto;
	}

	.pull-3 {
		position: relative;
		right: 25%;
		left: auto;
	}

	.push-4 {
		position: relative;
		left: 33.33333%;
		right: auto;
	}

	.pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto;
	}

	.push-5 {
		position: relative;
		left: 41.66667%;
		right: auto;
	}

	.pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto;
	}

	.push-6 {
		position: relative;
		left: 50%;
		right: auto;
	}

	.pull-6 {
		position: relative;
		right: 50%;
		left: auto;
	}

	.push-7 {
		position: relative;
		left: 58.33333%;
		right: auto;
	}

	.pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto;
	}

	.push-8 {
		position: relative;
		left: 66.66667%;
		right: auto;
	}

	.pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto;
	}

	.push-9 {
		position: relative;
		left: 75%;
		right: auto;
	}

	.pull-9 {
		position: relative;
		right: 75%;
		left: auto;
	}

	.push-10 {
		position: relative;
		left: 83.33333%;
		right: auto;
	}

	.pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto;
	}

	.push-11 {
		position: relative;
		left: 91.66667%;
		right: auto;
	}

	.pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto;
	}
}

@media only screen and (min-width: 64.063em) {
    .menu {
    position: relative;
    }

	.large-push-0 {
		position: relative;
		left: 0%;
		right: auto;
	}

	.large-pull-0 {
		position: relative;
		right: 0%;
		left: auto;
	}

	.large-push-1 {
		position: relative;
		left: 8.33333%;
		right: auto;
	}

	.large-pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto;
	}

	.large-push-2 {
		position: relative;
		left: 16.66667%;
		right: auto;
	}

	.large-pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto;
	}

	.large-push-3 {
		position: relative;
		left: 25%;
		right: auto;
	}

	.large-pull-3 {
		position: relative;
		right: 25%;
		left: auto;
	}

	.large-push-4 {
		position: relative;
		left: 33.33333%;
		right: auto;
	}

	.large-pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto;
	}

	.large-push-5 {
		position: relative;
		left: 41.66667%;
		right: auto;
	}

	.large-pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto;
	}

	.large-push-6 {
		position: relative;
		left: 50%;
		right: auto;
	}

	.large-pull-6 {
		position: relative;
		right: 50%;
		left: auto;
	}

	.large-push-7 {
		position: relative;
		left: 58.33333%;
		right: auto;
	}

	.large-pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto;
	}

	.large-push-8 {
		position: relative;
		left: 66.66667%;
		right: auto;
	}

	.large-pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto;
	}

	.large-push-9 {
		position: relative;
		left: 75%;
		right: auto;
	}

	.large-pull-9 {
		position: relative;
		right: 75%;
		left: auto;
	}

	.large-push-10 {
		position: relative;
		left: 83.33333%;
		right: auto;
	}

	.large-pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto;
	}

	.large-push-11 {
		position: relative;
		left: 91.66667%;
		right: auto;
	}

	.large-pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto;
	}

	.column,.columns {
		position: relative;
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
		float: left;
	}

	.large-1 {
		width: 8.33333%;
	}

	.large-2 {
		width: 16.66667%;
	}

	.large-3 {
		width: 25%;
	}

	.large-4 {
		width: 33.33333%;
	}

	.large-5 {
		width: 41.66667%;
	}

	.large-6 {
		width: 50%;
	}

	.large-7 {
		width: 58.33333%;
	}

	.large-8 {
		width: 66.66667%;
	}

	.large-9 {
		width: 75%;
	}

	.large-10 {
		width: 83.33333%;
	}

	.large-11 {
		width: 91.66667%;
	}

	.large-12 {
		width: 100%;
	}

	.large-offset-0 {
		margin-left: 0% !important;
	}

	.large-offset-1 {
		margin-left: 8.33333% !important;
	}

	.large-offset-2 {
		margin-left: 16.66667% !important;
	}

	.large-offset-3 {
		margin-left: 25% !important;
	}

	.large-offset-4 {
		margin-left: 33.33333% !important;
	}

	.large-offset-5 {
		margin-left: 41.66667% !important;
	}

	.large-offset-6 {
		margin-left: 50% !important;
	}

	.large-offset-7 {
		margin-left: 58.33333% !important;
	}

	.large-offset-8 {
		margin-left: 66.66667% !important;
	}

	.large-offset-9 {
		margin-left: 75% !important;
	}

	.large-offset-10 {
		margin-left: 83.33333% !important;
	}

	.large-offset-11 {
		margin-left: 91.66667% !important;
	}

	.large-reset-order {
		margin-left: 0;
		margin-right: 0;
		left: auto;
		right: auto;
		float: left;
	}

	.column.large-centered,.columns.large-centered {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	.column.large-uncentered,.columns.large-uncentered {
		margin-left: 0;
		margin-right: 0;
		float: left;
	}

	.column.large-centered:last-child,.columns.large-centered:last-child {
		float: none;
	}

	.column.large-uncentered:last-child,.columns.large-uncentered:last-child {
		float: left;
	}

	.column.large-uncentered.opposite,.columns.large-uncentered.opposite {
		float: right;
	}

	.push-0 {
		position: relative;
		left: 0%;
		right: auto;
	}

	.pull-0 {
		position: relative;
		right: 0%;
		left: auto;
	}

	.push-1 {
		position: relative;
		left: 8.33333%;
		right: auto;
	}

	.pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto;
	}

	.push-2 {
		position: relative;
		left: 16.66667%;
		right: auto;
	}

	.pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto;
	}

	.push-3 {
		position: relative;
		left: 25%;
		right: auto;
	}

	.pull-3 {
		position: relative;
		right: 25%;
		left: auto;
	}

	.push-4 {
		position: relative;
		left: 33.33333%;
		right: auto;
	}

	.pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto;
	}

	.push-5 {
		position: relative;
		left: 41.66667%;
		right: auto;
	}

	.pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto;
	}

	.push-6 {
		position: relative;
		left: 50%;
		right: auto;
	}

	.pull-6 {
		position: relative;
		right: 50%;
		left: auto;
	}

	.push-7 {
		position: relative;
		left: 58.33333%;
		right: auto;
	}

	.pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto;
	}

	.push-8 {
		position: relative;
		left: 66.66667%;
		right: auto;
	}

	.pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto;
	}

	.push-9 {
		position: relative;
		left: 75%;
		right: auto;
	}

	.pull-9 {
		position: relative;
		right: 75%;
		left: auto;
	}

	.push-10 {
		position: relative;
		left: 83.33333%;
		right: auto;
	}

	.pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto;
	}

	.push-11 {
		position: relative;
		left: 91.66667%;
		right: auto;
	}

	.pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto;
	}
}
@media all and (min-width: 910px) {
	.supportTable{
		padding:0.5625rem 1.625rem;
		margin: 20px;
	}
}
@media all and (max-width: 750px) {
	.clLevel0border {
		display: none;
	}
}
/* MOBILE */
@media all and (max-width: 870px) {
	.headerimg_2 {
		height: 200px;
		margin-bottom: 0px;
	}
	/* .headerimg_2 div {
        border-radius: 8px;
        border: 1px solid white;
        top: 52%;
        left: 15%;
        padding: 5px 5px;
		font-size: 15px;
	} */
    .index-page-tiles {
        border-spacing: 30px;
    }
    .supportTable {
        margin-bottom: 30px;
    }
    .feature-links {
        flex-wrap: wrap;
    }
    .medium-12.center.paragraph_title_2.bottom-border {
        position: unset;
    }
    
}

@media all and (max-width: 540px) {
	.headerimg_2 {
		height: 200px;
		margin-bottom: 0px;
	}
	
	.feature-title {
		font-size: 1rem !important;
	}
	
	.feature-description {
		font-size: 0.8rem !important;
	}
}

@media all and (max-width: 450px) {
	.feature-title {
		font-size: 0.6rem !important;
	}
	
	.feature-description {
		font-size: 0.55rem !important;
	}
    .supportTable {
        width: unset;
    }
    .headerimg_2 div {
        border-radius: 8px;
        border: 1px solid white;
        top: 52%;
        left: 15%;
        padding: 5px 5px;
		font-size: 15px;
        margin-left: 50px;
	}
}



@media all and (max-width: 1900px) {
	.headerimg {
		height: 680px;
	}
	.headerimg_1 {
		height: 400px;
	}
	.headerimg_2{
		height: 400px;
		background-size: auto 400px;
	}
	#eagle{
		width:620px;
		height:395px;
	}
	
	#eagle-text{
		width:550px;
		height:224px;
	}
}

@media all and (max-width: 1425px) {
	.headerimg {
		height: 600px;
	}
	.headerimg_1 {
		height: 400px;
	}
	.headerimg_2{
		height: 400px;
		background-size: auto 400px;
	}
	#slide a {
		background-size: auto 400px;
	}
	#eagle{
		height:345px;
		width:541px;
	}
	
	#eagle-text{
		height:190px;
		width:466px;
	}
    .headerimg_2 div {
        font-size: 60px;
    }
}

@media all and (max-width: 1300px) {
	.image_overlay{
		position:relative;
		padding-bottom:60px;
		margin-top:0px;
		width:100%;
		right:0px;
	}
	.image_overlay > p{
		text-align:center;
	}
}

@media all and (max-width: 1100px) {
	.index-page-row {
        display: flex;
        flex-direction: column;
		flex-wrap: wrap;
    }
	.animate_text_div{
		font-size:0.8rem;
	}
	.overlay_text {
		transform: translate(0px, -75%);
		-webkit-transform: translate(0px, -75%);
	}
	.headerimg {
		height: 400px;
	}
	.headerimg_1 {
		height: 270px;
	}
	.headerimg_2{
		height: 270px;
		background-size: auto 270px;
	}
	#slide a {
		background-size: auto 270px;
	}
	#eagle{
		height:215px;
		width:337px;
	}
	#eagle-text{
		height:134px;
		width:329px;
	}
	.grid_feature{
		text-align:center;
	}
    .headerimg_2 div {
        font-size: 50px;
    }
}

@media all and (max-width: 1010px) {
	.pullup {
		margin-top: 0px;
	}
	.product-feature{
		display:block;
		padding-bottom:11px;
		float:none;
	}
	.feature-wrap{
		float:none;
		padding-bottom:11px;
	}
	.unknown_guy{
		max-height:430px;
	}
}
@media all and (max-width: 970px) {
	.headerimg_2 div {
        font-size: 40px;
    }
}
@media all and (max-width: 735px) {
	.desktop_speed_wrapper{
		display:none;
	}
	.mobile_speed_wrapper{
		display:block;
	}
	.headerimg {
		height: 400px;
		overflow-x: hidden !important;
	}

	.headerimg a {
		background-size: auto 400px;
	}
	
	.headerimg_1 {
		height: 240px;
	}
	
	.headerimg_2{
		height: 240px;
		background-size: auto 240px;
	}
	#eagle-bg-dark{
		display:none;
	}
	#slide a {
		background-size: auto 240px;
	}
	.product-feature{
		display:block;
		padding-bottom:11px;
		float:none;
	}
	.feature-wrap{
		float:none;
		padding-bottom:11px;
	}
	.center-container{
		left:0;
		-ms-transform: translate(0%,0%); /* IE 9 */
		-webkit-transform: translate(0%,0%); /* Safari */
		transform: translate(0%,0%);
	}
	.comparison_table td{
		max-width:100px;
		word-wrap:break-word;
	}
	.table_title{
		font-size:0.6rem;
	}
	.table_category{
		font-size:0.6rem;
	}
	.table{
		display:block;
	}
	.table_row{
		display:block;
	}
	.table_cell{
		display:block;
		width:100%;
		border-left:none;
		border-right:none;
		border-bottom:1px solid #DDD;
		border-top:1px solid #DDD;
	}
	.mobile_table{
		display:table;
		width:90%;
	}
	.desktop_table{
		display:none;
	}
    .headerimg_2 div {
        left: 25%;
        font-size: 30px;
    }
}

@media all and (max-width: 594px) {
	.headerimg_1 {
		height: 140px;
	}
	.headerimg_2{
		height: 140px;
		background-size: auto 140px;
	}
	#slide a {
		background-size: auto 140px;
	}
	#eagle{
		height:120px;
		width:180px;
	}
	#eagle-text{
		height:75px;
		width:184px;
	}
	.table_title{
		font-size:0.6rem;
	}
	.table_category{
		font-size:0.6rem;
	}
	.table{
		display:block;
	}
	.table_row{
		display:block;
	}
	.table_cell{
		display:block;
		width:100%;
		border-left:none;
		border-right:none;
		border-bottom:1px solid #DDD;
		border-top:1px solid #DDD;
	}
    .menu-icon {
    display: none;
    }
    .menu-icon {
        width: 100px;
        height: inherit;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        line-height: 60px;
    }
    #menuToggle:checked ~ ul {
        max-height: 350px;
    }
    .menu-icon i {
        font-size: 1.7em;
    }
    .grid-5-col {
        grid-template-columns: unset;
        grid-template-rows: repeat(5, 1fr);
        gap: 0;
    }
    .headerimg_2 div {
        border-radius: 8px;
        border: 1px solid white;
        top: 52%;
        left: 25%;
        padding: 5px 5px;
        font-size: 20px;
    }
}
#menuToggle {
    display: none;
}
.menu-icon {
    display: none;
}
/* try */
/*Configurações Globais*/
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
li {
    list-style: none;
}
/*Início das configurações da header*/
header {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-family: sans-serif;
    background-color: #f1c40f;
}
.brand {
    width: auto;
    height: 100%;
    float: left;
    margin: 0 0 0 5%;
}
/*Início das configurações da Navigation*/
.menu {
    width: 60%;
    height: 100%;
    float: right;
}
.menu ul {
    width: 100%;
    height: inherit;
    margin: 0;
    padding: 0;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.menu ul a {
    width: 20%;
    height: inherit;
    display: inline-block;
}
.menu ul a:hover {
    cursor: pointer;
}
#menuToggle {
    display: none;
}
.menu-icon {
    display: none;
}
/*Início das configurações da Navigation com dispositivos < 768px*/
@media screen and (max-width: 768px) {
    .menu {
        width: 100%;
        height: auto;
    }
    .menu ul {
        display: block;
        max-height: 0;
    	overflow: hidden;
    	-webkit-transition: max-height 0.3s;
    	-moz-transition: max-height 0.3s;
        -ms-transition: max-height 0.3s;
        -o-transition: max-height 0.3s;
    	transition: max-height 0.3s;
        position: absolute;
        top: 60px;
        right: 0;
        /*Para fazer com que o menu saia da esquerda, você deve trocar max-height por max-width*/
        /*Para fazer com que o menu saia da direita, você deve trocar max-height por max-width e setar float: right*/
    }
    .menu ul a {
        text-align: left;
        width: 100%;
        height: 50px;
        padding: 10px 0px 10px 5%;
    }
    .menu-icon {
        margin-right: 50px;
        width: 100px;
        height: inherit;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        line-height: 60px;
    }
    #menuToggle:checked ~ ul {
        max-height: 350px;
        /*Para fazer com que o menu saia da esquerda ou direita, você deve trocar max-height por max-width*/
    }
    .menu-icon i {
        font-size: 1.7em;
    }
    .dropdown {
        /* top: 26px; */
        top: 12px;
        /* right: 70px; */
        right: 50px;
        margin: 6px 30px;
    }

    .fa-bars:before {
        content: "\f0c9";
        position: absolute;
        top: 15px;
        right: 40px;
    }

    .nav-links {
        margin-top: 15px;
    }

    .logo {
        margin-left: 0;
        padding-left: 5px;
    }

    p{
        padding: 0 15px;
    }

    td.supportTable {
        padding: 0 15px;
    }

    .copy {
        padding: 0 30px;
    }

    .copy {
        padding: 0 30px;
    }

    p.rights-reserved {
        padding: 0 15px;
    }
    .menu_right {
        right: 0;
    }
    .user_settings {
        right: 30px;
    }

    
}

@media screen and (max-width: 1200px) {
	.theme-list {
		right: 0;
	}
}
.theme-list {
    top: 70%;
}

.menu ul a {
    width: 100%;
    padding: 0 20px;
}

.menu ul {
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

/* .dropdown {
    position: absolute;
    top: 18px;
    right: 20px;
} */

.menu {
    width: 100%;
    float: left;
}
.headerimg_2 img {
	object-fit: cover;
}