/* Template Options */

/*
	--//-- 1. Color Options --//--

	- Theme color - f25253  (rgba - 242, 82, 83);
	
	--//-- 2. Theme Font --//--
   
	- Main font Roboto;	
	
*/

body,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
textarea {
	font-family: 'Roboto', sans-serif;
}

.logo_retina,
.logo_retina {
	width:176px;
	height:33px;
}

::selection {
	background:#f25253;
	color:#ffffff;
}
::-moz-selection {
	background:#f25253;
	color:#ffffff;}

a {
	color:#f25253;
}

.color {
	color:#f25253 !important;
}

header nav ul.menu > li > a:before {
	background:#f25253;
}

header nav ul.sub-menu > li:hover > a,
header nav ul.sub-menu > li.current-menu-item > a,
header nav ul.sub-menu > li.current-menu-parent > a {
	color:#f25253;
}

.main_header.type4 header nav ul.menu > li:hover > a,
.main_header.type4 header nav ul.menu > li.current-menu-ancestor > a,
.main_header.type4 header nav ul.menu > li.current-menu-item > a,
.main_header.type4 header nav ul.menu > li.current-menu-parent > a {
	color:#f25253;
}

.highlighted_colored {
    background:#f25253;
}

.dropcap.type2 {
	color:#f25253;
}

.dropcap.type5 {
	background:#f25253;
}

blockquote.type2:before {
	color:#f25253;
}

blockquote.type5:before {
	background:#f25253;
}

.module_content ul.type2 li:before {
    color:#f25253;
}

.sidepanel a:hover {
	color:#f25253;
}

.recent_posts li a.title:hover,
.product_posts li a.title:hover,
.pre_footer .recent_posts li a.title:hover,
.pre_footer .product_posts li a.title:hover,
.star_rating,
.subtotal span {
	color:#f25253;
}

#mc_signup_submit:hover {
    background: #f25253 !important;
}

.tweet_module ul li a:hover,
.pre_footer .tweet_module ul li a:hover {
	color:#f25253;
}

.shortcode_button.btn_type5,
.shortcode_button.btn_type4:hover,
.shortcode_button.btn_type4.dark_parent:hover {
    background: #f25253;
	color:#fff;
	border-color:#f25253;
}

.shortcode_button.btn_type5:hover {
    background: #ff6667;
}

.map_collapse:hover {
	background: #ff6667;
}

.stat_count {
	color:#f25253;
}

.counter_icon {
	background:#f25253;	
}

.skill_div {
	background: #f25253;
}

.iconbox_wrapper .ico {
	background: #f25253;
}

.color_gradient_vert,
h5.shortcode_accordion_item_title:hover .ico:after,
h5.shortcode_toggles_item_title:hover .ico:after,
h5.shortcode_accordion_item_title.state-active .ico:after,
h5.shortcode_toggles_item_title.state-active .ico:after,
.icon5,
.icon6,
.icon7,
.pagerblock li a.current,
.pagerblock li a.current:hover,
.pagerblock li span,
.quantity .minus:hover,
.quantity .plus:hover,
a.remove:hover {
	background: #f25253; /* Old browsers */
	background: -moz-linear-gradient(top,  #f25253 0%, #ff8164 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f25253), color-stop(100%,#ff8164)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f25253 0%,#ff8164 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f25253 0%,#ff8164 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f25253 0%,#ff8164 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f25253 0%,#ff8164 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25253', endColorstr='#ff8164',GradientType=0 ); /* IE6-9 */
}

.color_gradient_hor,
.widget_filter .ui-slider-range {
	background: #f25253; /* Old browsers */
	background: -moz-linear-gradient(left,  #f25253 0%, #ff8164 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f25253), color-stop(100%,#ff8164)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f25253 0%,#ff8164 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f25253 0%,#ff8164 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f25253 0%,#ff8164 100%); /* IE10+ */
	background: linear-gradient(to right,  #f25253 0%,#ff8164 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25253', endColorstr='#ff8164',GradientType=1 ); /* IE6-9 */
}

/* Iconbox Gradient */
a:hover .iconbox_wrapper .ico:after,
.shortcode_iconbox.type4 .iconbox_wrapper .ico:after,
.shortcode_iconbox.type5 .iconbox_wrapper .ico:after,
.step_by_step .iconbox_wrapper .ico:after,
.shortcode_iconbox.type6 .iconbox_wrapper .ico:after {
	background: #f25253; /* Old browsers */
	background: -moz-linear-gradient(top,  #f25253 0%, #ff8164 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f25253), color-stop(100%,#ff8164)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f25253 0%,#ff8164 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f25253 0%,#ff8164 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f25253 0%,#ff8164 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f25253 0%,#ff8164 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25253', endColorstr='#ff8164',GradientType=0 ); /* IE6-9 */
}

.easyPieChart {
    color: #f25253;
}

a:hover .iconbox_wrapper .ico:before {
	box-shadow:0 0 0 2px #f25253;	
}

h1.light span {
	color: #f25253;
}

.slick_testim_info h5 span,
.testimonials_list li .item h5.testimonials_title span {
	color: #f25253;
}

h5.shortcode_accordion_item_title:hover,
h5.shortcode_toggles_item_title:hover,
h5.shortcode_accordion_item_title.state-active,
h5.shortcode_toggles_item_title.state-active {
   color:#f25253;
}

.module_team .item_list.type2 .teamlink:hover {
    color: #f25253 !important;
}

.module_cont hr.type2 {
    border-top: #f25253 1px solid;
}

.price_item.most_popular .price_item_title h5 {
   color: #f25253;
}

.shortcode_tab_item_title.active:before {
    background: #f25253;
}

.item_tab h6 a:hover,
.contact_info_item a:hover,
.shortcode_timeline a:hover {
	color:#f25253;
}

.shortcode_timeline_date {
	background: #f25253;
}

.view_link:hover,
.view_link:hover i {
	color:#f25253;
}

.featured_items_body a:hover {
	color:#f25253;
}

.breadcrumbs a:hover {
	color:#f25253;
}

.map_collapse {
	background: #f25253;
}

.table_info_title h3 .badge {
	background: #f25253;
}

.send_mail h3 a {
	color:#f25253;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
.coupon input[type="submit"]:hover {
	background-color:#f25253;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color:#ff6667;
}

.with_reset .fright:hover:before {
	color:#f25253;
}

.widget_tag_cloud a:hover {
    color:#f25253;
	border-color:#f25253;
}

.countdown-amount {
	color:#f25253;
}

.global_count_wrapper.horizontal .count_title h1 span {
    color:#f25253;
}

.blogpost_title a:hover,
.listing_meta a:hover {
	color:#f25253;
}

.blog_post_preview blockquote:before {
	color:#f25253;
}

.pagerblock li a:hover {
	color:#f25253;
}

.blogpost_user_meta h3 a,
.prev_next_links a:hover,
.comment_author_name a:hover,
.comment_meta a:hover {
	color:#f25253;
}

.contact_info a:hover {
	color:#f25253;	
}

.widget_filter #slider-range .ui-slider-handle:before {
	background:#f25253;
}

.widget_filter #slider-range .ui-slider-handle:after {
	border-top: 4px solid #f25253;
}

.sidepanel li.current-menu-item a {
	color:#f25253;
}

.item_cart:hover,
.item_link:hover,
.shop_list_info a:hover,
.posted_in a:hover,
.tagged_as a:hover,
.product-name a:hover,
.calculate:hover,
h2.portf_title a:hover {
	color:#f25253;
}

.filter_navigation ul li ul li a:hover {
	color:#f25253;
	border-color:#f25253;
}

.filter_navigation ul li ul li a:before {
	background-color:#f25253;
}

.slide_title span {
	color:#f25253;
}

.slide_btn a {
	background-color:#f25253;
	border-color:#f25253;
}

.news_block .img_block:before {
	border:1px #f25253 solid;
}

.proj_title h5 a:hover,
.proj_meta a:hover {
	color:#f25253;
}

.page_has_countdown .count_title h1 {
    color:#f25253;
}

.color_bg {
    background-color:#f25253;
}

.slide_btn a.light_parent:hover,
.light_parent .slide_btn a:hover {
	background-color:#ff6667;
	border-color:#ff6667;
}

.table_info_details,
.table_info_details:focus {
	color:#f25253;
}

.mobile_menu_wrapper a:hover,
.mobile_menu_wrapper .current-menu-parent a,
.mobile_menu_wrapper .current-menu-parent .sub-menu a:hover,
.mobile_menu_wrapper .current-menu-parent .sub-menu li.current-menu-parent a.mob_link {
	color:#f25253;
}

.mobile_menu_wrapper .current-menu-item a.mob_link {
	color:#f25253 !important;
}

.mobile_menu_wrapper li.current-menu-parent.menu-item-has-children:before,
.mobile_menu_wrapper li.menu-item-has-children:hover:before {
	color:#f25253;
}

.login_popup .forgot_password a:hover {
	color:#f25253;
}

/* =========================================
REMOVE FAIXA BRANCA ACIMA DO BANNER
========================================= */

.wrapper > .container{
padding-top:0 !important;
margin-top:0 !important;
}

.wrapper{
padding-top:0 !important;
margin-top:0 !important;
}

.fw_block{
margin-top:0 !important;
padding-top:0 !important;
}


/* =========================================
PATROCINADORES
========================================= */

#patrocinadores{
padding:90px 0;
background:#ffffff;
overflow:hidden;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}

#patrocinadores .titulo_padrao{
margin-bottom:35px;
text-align:center;
color:#222;
font-weight:700;
letter-spacing:1px;
}


/* ==============================
CARROSSEL MARQUEE
============================== */

.patrocinadores_marquee{
overflow:hidden;
width:100%;
margin-top:30px;
}

.patrocinadores_track{
display:flex;
align-items:center;
gap:60px;
width:max-content;
animation:scrollPatro 30s linear infinite;
}

/* pausa no hover */

.patrocinadores_marquee:hover .patrocinadores_track{
animation-play-state:paused;
}


/* ==============================
ITEM PATROCINADOR
============================== */

.patro_item{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:center;
padding:0 3px;
}

.patro_item img{
height:120px;
width:auto;
display:block;
transition:all .4s ease;
}


/* ==============================
EFEITO DESKTOP
============================== */

@media (min-width:768px){

.patro_item img{
filter:grayscale(100%);
opacity:.7;
}

.patro_item img:hover{
filter:grayscale(0%);
opacity:1;
transform:scale(1.1);
}

}


/* ==============================
MOBILE COLORIDO
============================== */

@media (max-width:767px){

.patro_item img{
filter:none;
opacity:1;
}

}


/* ==============================
ANIMAÇÃO MARQUEE
============================== */

@keyframes scrollPatro{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}


/* =========================================
SLIDER PRINCIPAL
========================================= */

.banner_slider{
width:100vw;
margin-left:calc(-50vw + 50%);
position:relative;
overflow:hidden;
margin-top:2px;
}

.banner_slide{
position:absolute;
top:0;
left:0;
width:100%;
opacity:0;
transition:opacity 1.4s ease;
}

.banner_slide.active{
opacity:1;
position:relative;
z-index:2;
}

.banner_slide img{
width:100%;
height:auto;
display:block;
object-fit:cover;
}


/* ==============================
CONTROLE DO SLIDER
============================== */

.banner_dots{
position:absolute;
bottom:25px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:12px;
z-index:10;
}

.banner_dot{
width:10px;
height:10px;
border-radius:50%;
background:#ffffff;
opacity:.5;
cursor:pointer;
transition:all .3s ease;
}

.banner_dot.active{
opacity:1;
background:#f25253;
transform:scale(1.2);
}

/* pequeno respiro entre menu e banner */

.banner_slider{
margin-top:2px;
}

/* força banner ocupar largura total da tela */

.banner_slider{
width:100vw;
margin-left:calc(-50vw + 50%);
}

.banner_slide img{
width:100%;
height:auto;
object-fit:cover;
}

/* ==============================
SETAS DO SLIDER
============================== */

.banner_prev,
.banner_next{
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:40px;
color:#ffffff;
background:rgba(0,0,0,0.3);
padding:8px 14px;
cursor:pointer;
z-index:20;
transition:0.3s;
user-select:none;
}

.banner_prev:hover,
.banner_next:hover{
background:rgba(0,0,0,0.6);
}

.banner_prev{
left:20px;
}

.banner_next{
right:20px;
}

/* mobile menor */

@media (max-width:768px){

.banner_prev,
.banner_next{
font-size:28px;
padding:6px 10px;
}

}

/* ==============================
TEXTO DO BANNER
============================== */

.banner_caption{
position:absolute;
top:50%;
left:10%;
transform:translateY(-50%);
color:#fff;
z-index:5;
max-width:500px;
animation:fadeUp 1.2s ease;
}

.banner_caption h2{
font-size:42px;
font-weight:700;
margin-bottom:10px;
}

.banner_caption p{
font-size:18px;
margin-bottom:20px;
}

.banner_btn{
display:inline-block;
padding:12px 22px;
background:#f25253;
color:#fff;
font-weight:600;
text-decoration:none;
border-radius:4px;
transition:0.3s;
}

.banner_btn:hover{
background:#ff6667;
}


/* animação */

@keyframes fadeUp{

0%{
opacity:0;
transform:translateY(40px);
}

100%{
opacity:1;
transform:translateY(0);
}

}


/* mobile */

@media (max-width:768px){

.banner_caption{
left:6%;
right:6%;
}

.banner_caption h2{
font-size:26px;
}

.banner_caption p{
font-size:15px;
}

}