/*

	Theme Name: ChocoMars - Multi-Purpose Bootstrap Template

	Theme URI: http://themeforest.net/user/responsiveexperts

	Description: This css file is for light template layout alignments

	Version: 1.0

	Author: Responsive Experts

	Author URI: http://themeforest.net/user/responsiveexperts

	Tags:

	

	---------------------------

	MAIN TEMPLATE STYLES

	---------------------------

	

	TABLE OF CONTENTS

	---------------------------

	 01. Global Content Styles

	 02. Preloader Content Styles

     03. Header Content Styles

	 04. Banner Content Styles

	 05. Content Area Styles

	 06. Call to Action Styles 

	 07. Fun Fact Area Styles

	 08. Download App section Styles

	 09. Client-section

	 10. About page Styles

	 11. Blog Page Styles

	 12. Product Page Styles

	 13. Shop View Page Styles

	 14. Cart Page Styles

	 15. Contact Page Styles

	 16. Common Page Area Styles

	 17. 404 Page Styles

	 18. Footer Area Styles

	 19. Media Query

*/





/* ==================================================== */

/* 01. Global Content Styles                            */

/* ==================================================== */



@font-face {

	font-family: 'FontAwesome';

	src: url('/web/20210509013526im_/https://www.supertoldo.com.br/font-awesome/fonts/fontawesome-webfont.eot?v=4.5.0');

	src: url('/web/20210509013526im_/https://www.supertoldo.com.br/font-awesome/fonts/fontawesome-webfont.eot#iefix&v=4.5.0') format('embedded-opentype'), url('/web/20210509013526im_/https://www.supertoldo.com.br/font-awesome/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('/web/20210509013526im_/https://www.supertoldo.com.br/font-awesome/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('/web/20210509013526im_/https://www.supertoldo.com.br/font-awesome/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('/web/20210509013526im_/https://www.supertoldo.com.br/font-awesome/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');

	font-weight: normal;

	font-style: normal;

}

html, body {

	font-family: 'Varela Round', sans-serif;

	height: 100%;

	width: 100%;

	line-height: 30px;

	font-size: 14px;

	color: #666666;

	background-color: #fff;

}

/* Link Styling */



a, a:hover, a:active, a:visited, a:link {

	outline: none;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

	text-decoration: none;

}

/* Headings */



h1 {

	margin: 15px 0 40px 0;

	font-family: 'Federo', sans-serif;

	font-size: 48px;

	color: #333333;

}

h2 {

	margin: 10px 0 20px 0;

	font-family: 'Federo', sans-serif;

	font-size: 38px;

	color: #333333;

	text-align: left;

}

h3 {

	margin: 10px 0 20px 0;

	font-family: 'Federo', sans-serif;

	font-size: 30px;

	color: #333333;

	text-align: left;

}

h4 {

	margin: 10px 0 10px 0;

	font-family: 'Federo', sans-serif;

	font-size: 24px;

	color: #333333;

	text-align: left;

}

h5 {

	margin: 10px 0 10px 0;

	font-family: 'Federo', sans-serif;

	font-size: 20px;

	color: #333333;

	font-weight: 400;

	text-align: left;

}

h6 {

	margin: 10px 0 10px 0;

	padding: 0 0 0 0;

	font-family: 'Federo', sans-serif;

	font-size: 16px;

	color: #333333;

	font-weight: 400;

	text-align: left;

}

p {

	line-height: 24px;

	color: #666;

	padding: 0;

	margin: 0 0 20px;

	font-weight: normal;

	text-align: left;

}

hr {

	padding: 0 0 0 0;

	margin: 0 0 10px 0;

	display: inline-table;

	width: 100px;

	height: 5px;

	background: rgba(0,0,0,0.3);

	border: 0;

}

hr.special {

	padding: 0 0 0 0;

	margin: 40px auto 0;

	border: 0;

	width: 265px;

	display: block;

	text-align: center;

	height: 10px;

	background: #d4d4d4;

}

.medium-txt {

	padding: 10px 10%;

	font-size: 24px;

	line-height: 36px;

	text-align: center;

	font-weight: 300;

	font-style: italic;

	color: #333333;

}

p.medium {

	font-size: 18px!important;

	display: inline-block;

	width: 90%;

}

.color {

	color: #1e9fb4;

}

input, select, label, textarea input[type="radio"], input[type="checkbox"], button {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	border: none;

	box-shadow: none;

	outline: none;

}

/* animation styles */



.animated {

	visibility: hidden;

}

.visible {

	visibility: visible;

}

/* Button Styles */



.button-large {

	background: rgba(0, 91, 157, 0.89);

	border-radius: 40px;

	color: #ffffff;

	cursor: pointer;

	display: block;

	font-family: 'Varela Round', sans-serif;

	font-size: 16px;

	height: 40px;

	line-height: 30px;

	margin: 0 auto 20px;

	overflow: hidden;

	text-align: center;

	width: 100%;

	border: none;

	max-width:300px;

	box-shadow: none;

	appearance: none;

	-webkit-appearance: none;

}

.button-medium {

	background: rgba(0, 91, 157, 0.89);

	border-radius: 40px;

	color: #ffffff;

	cursor: pointer;

	display: block;

	font-family: 'Varela Round', sans-serif;

	font-size: 16px;

	height: 40px;

	line-height: 30px;

	margin: 0 auto 20px;

	overflow: hidden;

	text-align: center;

	width: 160px;

	border: none;

	box-shadow: none;

	appearance: none;

	-webkit-appearance: none;

}

.button-normal {

	background: rgba(0, 91, 157, 0.89);

	border-radius: 40px;

	color: #ffffff;

	cursor: pointer;

	display: table !important;

	font-family: 'Varela Round', sans-serif;

	font-size: 16px;

	height: 40px;

	line-height: 30px;

	margin: 0 auto 20px;

	overflow: hidden;

	text-align: center;

	width: auto;

	padding: 0 20px;

	border: none;

	box-shadow: none;

	appearance: none;

	-webkit-appearance: none;

}

.button-large:after, .button-medium:after {

	content: "\f0a9";

	font-family: FontAwesome;

	font-size: 33px;

	position: relative;

	right: -15px;

	top:6px;

}

.button-normal:after {

	content: "\f0a9";

	font-family: FontAwesome;

	font-size:33px;

	position: relative;

	right: -10px;

	top:6px;

}

.button-normal.left-align::after{

	top:3px;

}

.button-normal.left-align{

	text-transform:uppercase;

}

a.button-large, a.button-medium, a.button-normal {

	color: #ffffff;

	display: block;

}

input, select, textarea input[type="radio"], input[type="checkbox"] {

	appearance: none;

	-webkit-appearance: none;

}

/* Lists */



ul, ol, li {

	list-style: none;

	margin: 0;

	padding: 0;

}

.icon-list {

	padding: 0 0 0 15px;

	margin: 0 0 0 0;

	list-style: none;

}

.icon-list li {

	padding: 10px 0;

	margin: 0 0 0 0;

}

.icon-list i {

	padding-right: 10px;

	color: #1e9fb4;

	font-size: 18px;

}

/* Inner Page Main Content Area */



.inner-main-cont-area {

	padding: 0 0 80px 0;

	margin: 0 0 0 0;

	background: url(/web/20210509013526im_/https://www.supertoldo.com.br/img/sky-bottom.jpg) no-repeat bottom center;

	background-size: 100% auto;

}

.container {

	width: 100%;

	max-width: 1170px;

	height: auto;

}

.clear {

	clear: both;

}

img {

	max-width: 100%;

}

.full-width-image {

	width: 100%;

}

/* ======================================================================================================= */

/* 02. Preloader Content Styles                                                                            */

/* ======================================================================================================= */



#mask {

	background-color: #ffffff;

	bottom: 0;

	height: 100%;

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	z-index: 99999999;

}

#loader {

	background-image: url(/web/20210509013526im_/https://www.supertoldo.com.br/images/loader.gif);

	background-position: center center;

	background-repeat: no-repeat;

	height: 200px;

	left: 50%;

	margin: -100px 0 0 -100px;

	position: absolute;

	top: 50%;

	width: 200px;

}





/* ======================================================================================================= */

/* 03. Header Content Styles                                                                               */

/* ======================================================================================================= */





.header-area {

	width: 100%;

	height: auto;

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	z-index: 999999;

	background: rgba(255,255,255,1);

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.header-area .top-bar {

	width: 100%;

	padding: 7px 0px 0px;

	height: 49px;

	border-top: 4px solid rgba(0, 91, 157, 0.89);

	background: #ebebeb;

}

.header-area .top-bar .right {

	float: right;

	padding: 0px;

}

.header-area .top-bar .left {

	float: left;

	padding: 4px 0 0 0;

}

.header-area .top-bar-menu {

	width: auto;

	height: auto;

	float: left;

	text-align: center;

	display: block;

}

.header-area .top-bar-menu li {

	font-size: 14px;

	text-align: right;

	display: inline-block;

	padding: 0px 0px 0px 34px;

	color: #777;

	font-weight: normal;

	line-height: 24px;

	position: relative;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.header-area .top-bar-menu li:last-child {

	padding: 0px 0px 0px 20px;

}

.header-area .top-bar-menu li a {

	color: #777;

}

.header-area .top-bar-menu li a:hover {

	color: rgba(0, 91, 157, 0.89);

}

.header-area .top-cart-btn {

	width: 65px;

	height: 30px;

	text-align: left;

	line-height: 30px;

	color: #fff;

	padding: 0 0 0 20px;

	font-weight: bold;

	background: rgba(0, 91, 157, 0.89);

	border-radius: 20px;

}

.cart-item-details-box {

	display: none;

}

.cart-item-details-box .item {

	width: 100%;

	float: left;

	margin-bottom: 15px;

	padding: 0 0 10px;

	text-align: center;

	border-bottom: 1px dashed #999;

}

.cart-item-details-box .item:last-child {

	border-bottom: none; margin-bottom:0;

}

header .top-bar-menu li:hover .cart-item-details-box {

	display: block;

	position: absolute;

	width: 200px;

	height: auto;

	padding:15px 20px 20px;

	top:30px;

	right: 0px;

	background: #ebebeb;

	border-bottom: 3px solid rgba(0, 91, 157, 0.89);

	z-index: 9999999;

}

.cart-item-details-box::-webkit-scrollbar {

 width:6px;

}

.cart-item-details-box::-webkit-scrollbar-track {

 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);

 border-radius: 5px;

}

.cart-item-details-box::-webkit-scrollbar-thumb {

 border-radius: 5px;

 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

}

header .top-bar-menu ul ul {

	display: none;

	position: relative;

}

header .top-bar-menu ul li:hover ul {

	display: block;

	position: absolute;

	width: 200px;

	height: auto;

	padding:10px 25px 20px;

	left:10px;

	top: 25px;

	background: #ebebeb;

	border-bottom: 3px solid rgba(0, 91, 157, 0.89);

	z-index: 9999999;

}

header .top-bar-menu li ul li {

	display: block;

	width: 100%;

	line-height: 30px!important;

	text-align: left !important;

	padding: 0px !important;

}

.header-area .top-cart-btn:after {

	color: #fff;

	font-size: 18px;

	top: 0;

	right: 5px;

	float: left;

	content: "\f07a";

	font-family: 'FontAwesome';

	position: relative;

}

.header-area .top-bar p {

	text-align: left;

	font-size: 14px;

	line-height: 24px;

	color: rgba(0, 91, 157, 0.89);

	margin: 0px;

}

.header-area .bottom-bar {

	width: 100%;

	height: auto;

	padding: 6px 0px;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.header-area.navbar-fixed-top {

	position: fixed;

	background: rgba(255,255,255,0.95);

	/*box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);*/

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

	-webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.24);

	-moz-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.24);

	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.24);

	display:none;

}

.header-area.navbar-fixed-top .bottom-bar {

	padding: 15px 0px;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.header-area.navbar-fixed-top .bottom-bar .logo h1 {

	margin: 0px 0 0;

}

.header-area .logo {

	padding: 0px;

	margin: 0px;

}

.header-area .logo img {

	max-width: 100%;

}

.header-area .logo h1 {

	width: auto;

	color: rgba(0, 91, 157, 0.89);

	text-align: left;

	padding: 0px;

	margin: 0;

	line-height: 0px;

}

.header-area .logo h1 a {

	color: rgba(0, 91, 157, 0.89);

}

.header-area .main-menu-sec {

	padding: 0px;

	margin: 0px;

}

.header-area .top-bar-menu span {

	text-align: center;

}

.header-area nav .menu {

	text-align: right;

	width: 100%;

	padding: 0px;

	margin: 24px;

	position: relative;

	margin-left: -40px;

}

.header-area nav .menu li {

	text-align: right;

	list-style: none;

	font-family: 'Varela Round', sans-serif;

	line-height: 24px;

	display: inline-block;

	font-size: 18px;

	padding: 0 15px;

	position: relative;

}

.header-area nav .menu li:last-child {

	padding: 0px;

}

.header-area nav .menu li a {

	color: #333333;

}

.header-area nav .menu li a:hover, .header-area nav .menu li a .active, .header-area nav .menu li a:focus {

	color: rgba(0, 91, 157, 0.89);

}

.header-area nav ul .active, .header-area nav ul a.active {

	color: rgba(0, 91, 157, 0.89);

}

header nav .menu li .sub-menu {

	text-align: left !important;

	position: relative;

	z-index: 901;

	opacity: 0;

	width: 90%;

	height: auto;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

	visibility: hidden;

	display: none;

}

header nav .menu li:hover .sub-menu {

	display: block;

	position: absolute;

	visibility: visible;

	opacity: 1;

	top: 20px;

	left: -40px;

	padding: 35px 0px 0;

	width: 100%;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.header-area.navbar-fixed-top .menu li:hover .sub-menu {

	padding: 15px 0px 0;

}

header nav .menu li:hover .sub-menu ul {

	background: rgba(255,255,255,1);

	width: 420px;

	height: auto;

	float: left;

	position: absolute;

	right: -100px;

	border-bottom: 4px solid rgba(0, 91, 157, 0.89);

}

header nav .menu li .sub-menu ul li {

	width: 100%;

	display: block;

	float: left;

}

header nav .menu li .sub-menu ul li a {

	padding: 10px 5px 0!important;

	width: 100%;

	display: block;

	text-align: left !important;

	font-size: 13px !important;

	font-weight: normal !important;

}

header nav .menu li .sub-menu ul li:last-child {

	padding-bottom: 20px !important;

}

header nav .menu .half-div {

	width: 50%;

	float: left;

	padding: 0 15px;

}

header nav .menu .image-holder {

	width: 90%;

	height: auto;

	max-height: 240px;

	overflow: hidden;

	margin: 20px auto 0;

	display: block;

	border: 1px solid #eee;

	padding: 5px;

}

header nav .menu .image-holder img {

	margin: 0 auto;

	display: block;

	max-width: 100%;

}

header nav .menu li .large-width {

	width: 500px;

}

header nav .menu li .left, header nav .menu li .right {

	padding: 0 10px;

}

header nav i {

	margin-right: 10px;

}

header nav ul ul ul li {

	position: relative;

	top: -60px;

	left: 170px;

}



/*----------------------------  Mobile Menu  --------------------------------------------------------*/



.mobile-menu {

	width: 100%;

	height: auto;

	list-style: none;

	display: none;

	background: rgba(244,82,62, 1);

}

.mobile-menu li {

	width: 100%;

	height: auto;

	padding: 5px 10px;

	display: block;

	text-align: center;

	font-size: 14px;

	font-family: 'Varela Round', sans-serif;

	transition: all 0.5s ease 0s;

}

.mobile-menu li:hover {

	background: #333;

	transition: all 0.5s ease 0s;

}

.mobile-menu li a {

	color: #fff;

}



/*----------------------------  Side Panel Menu  --------------------------------------------------------*/



#mob-menu {

	display: none;

}

body.openmenu {

	position: fixed;

	overflow: hidden;

}

#main-page-container {

	padding: 0;

	margin: 0;

}

.overlay {

	position: fixed;

	z-index: 99;

	background-color: rgba(0,0,0,0.5);

	bottom: 0;

	right: 0;

	left: 0;

}

.openmenu .overlay {

	top: 0;

}

#side-panel-menu {

	height: 100%;

	font-family: 'Varela Round', sans-serif;

	width: 0;

	background: #161616;

	position: fixed;

	top: 0;

	padding: 30px 0 0;

	left: 0;

	z-index: 101;

	overflow: hidden;

}

#side-panel-menu ul {

}

#side-panel-menu ul li {

	display: block;

	float: left;

	width: 100%;

	line-height: 38px;

	position: relative !important;

}

#side-panel-menu ul li a {

	color: #fff;

	display: block;

	font-size: 12px;

	line-height: 38px;

	width: 100%;

	float: left;

	margin: 0px;

	padding: 0 0 0 30px;

	text-align: left;

	text-decoration: none;

	position: relative;

}

#side-panel-menu li a:hover {

	color: #fff;

	background: rgba(0, 91, 157, 0.89);

}

#side-panel-menu ul li ul {

	z-index: 99102;

	visibility: hidden;

	background: #333;

	display: none;

	position: relative !important;

	height: auto;

	float: left;

	width: 100%;

}

#side-panel-menu ul li:hover ul {

	visibility: visible;

	display: block;

	position: absolute !important;

	background: #333;

	top: 30px;

	max-height: 310px;

	overflow-y: scroll;

}

#side-panel-menu ul li ul li:hover {

	background: rgba(0, 91, 157, 0.89);

}

#side-panel-menu ul li ul::-webkit-scrollbar {

 width:6px;

}

#side-panel-menu ul li ul::-webkit-scrollbar-track {

 -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.2);

 border-radius: 5px;

}

#side-panel-menu ul li ul::-webkit-scrollbar-thumb {

 border-radius: 5px;

 -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.4);

}



/*----------------------------  Login Popup Styles  --------------------------------------------------------*/



.popup {

	padding: 10px 15px 35px;

	background: #ebebeb;

	z-index: 1000000;

	display: none;

	position: absolute;

	right: 20px;

	top: 43px;

	text-align: center;

}

.popup .close {

	margin: 10px 0;

	opacity: 1 !important;

}

.popup p {

	font-size: 13px !important;

	font-weight: normal;

	line-height: 24px;

	margin: 0px;

	color: #333 !important;

}

.popup a {

	color: rgba(0, 91, 157, 0.89);

}

.popup span a {

	text-align: center !important;

	color: #333;

	font-size: 13px;

	font-weight: normal;

}

.popup span a:hover {

	color: rgba(0, 91, 157, 0.89);

}

.popup .close:after {

	content: "\f00d";

	font-family: 'FontAwesome';

	font-size: 30px;

	font-weight: normal;

	position: relative;

	color: #666 !important;

}

.popup .text-field-box {

	height: 35px;

	line-height: 35px;

	margin-bottom: 10px;

	border: 1px solid #c6c5c5;

	font-size: 13px;

	font-weight: normal;

}

.popup .more-butten {

	border: none;

	appearance: none;

	-webkit-appearance: none;

	height: 35px;

	line-height: 20px;

	display: block;

	color: #fff !important;

}





/* ======================================================================================================= */

/* 04. Banner Content Styles                                                                               */

/* ======================================================================================================= */





.main-banner {

	width: 100%;

	height: auto;

	margin-top: 95px;

}

.main-banner .flexslider {

	margin: 0px;

	position: relative;

	zoom: 1;

}

.main-banner .flexslider .slides {

	zoom: 1;

}

.main-banner .flexslider .slides img {

	height: auto;

}

.main-banner .slides > li {

	position: relative;

}

.flex-direction-nav {

	list-style: none;

}

.main-banner .flex-direction-nav a {

	text-decoration: none;

	display: block;

	width: 70px;

	height: 70px;

	position: absolute;

	margin: 0;

	top: 45%;

	color: #000;

	z-index: 9999;

	overflow: hidden;

	cursor: pointer;

	list-style: none;

	transition: all 0.3s ease-in-out;

}

.main-banner .flex-direction-nav a:before {

	font-family: FontAwesome;

	position: relative;

	top: 20px;

	z-index: 9999;

	display: inline-block;

	color: #fff;

	z-index: 9999;

	content: "\f0a8";

	font-family: FontAwesome;

	font-size: 80px;

}

.main-banner .flex-direction-nav a.flex-next:before {

	color: #fff;

	content: "\f0a9"!important;

	font-family: FontAwesome;

	font-size: 80px;

}

.main-banner .flex-direction-nav .flex-prev {

	left: 5%;

}

.main-banner .flex-direction-nav .flex-next {

	right: 5%;

}

.main-banner .flex-control-nav {

	display: none;

}

.main-banner .flexslider .caption {

	display: block;

	position: absolute;

	z-index: 100;

	height: 100%;

	font-size: 20px;

	text-shadow: none;

	color: #fff;

	text-align: center;

	background: #000;

	background: rgba(0, 53, 131, 0.32);

	left: 0;

	right: 0;

	top: 0;

	margin: 0;

	max-width: none;

}

.main-banner .flexslider .caption h1 {

	font-size: 150px;

	line-height: 44px;

	color: #fff;

	text-shadow: 0px 0px 3px rgba(0,0,0,0.4);

	text-align: center;

	margin: 20% 0 5%;

}

.main-banner .flexslider .caption span {

	font-size: 36px;

	color: #fff;

	display: inline;

	text-shadow: 0px 0px 3px rgba(0,0,0,0.4);

	text-align: center;

	padding: 0 120px;

	font-family: 'Varela Round', sans-serif;

	width: auto;

	background-size: 100%;

	background: url(/web/20210509013526im_/https://www.supertoldo.com.br/images/banner-span.jpg) left center no-repeat, url(/web/20210509013526im_/https://www.supertoldo.com.br/images/banner-span.jpg) right center no-repeat;

}

/*.main-banner .flexslider .caption span:before{ content:url(/web/20210509013526im_/https://www.supertoldo.com.br/images/banner-span.jpg);left:-20px; position:relative;top:-5px; background-size:100%;}

.main-banner .flexslider .caption span:after{ content:url(/web/20210509013526im_/https://www.supertoldo.com.br/images/banner-span.jpg); position:relative; left:20px; top:-5px; background-size:100%;}*/

.caption .view-more-butten {

	width: 285px;

	border-radius: 40px;

	background: rgba(0, 91, 157, 0.89);

	text-align: center;

	line-height: 50px;

	font-size: 30px;

	color: #fff;

	font-family: 'Varela Round', sans-serif;

	margin: 30px auto;

	display: block;

	height: 70px;

	overflow: hidden;

	cursor: pointer;

}

.caption .view-more-butten:after {

	color: #fff;

	content: "\f0a9";

	font-family: FontAwesome;

	font-size: 55px;

	position: relative;

	right: -20px;

	top: 10px;

}





/* ======================================================================================================= */

/* 05. Content Area Style                                                                                  */

/* ======================================================================================================= */





.content-area {

	width: 100%;

	height: auto;

}

.left-align {

	float: left;

}

.right-align {

	float: right;

}

.more-butten {

	width: 160px;

	border-radius: 40px;

	background: rgba(0, 91, 157, 0.89);

	text-align: center;

	line-height: 28px;

	font-size: 18px;

	color: #fff;

	font-family: 'Varela Round', sans-serif;

	margin: 0 auto 20px;

	display: block;

	height: 40px;

	overflow: hidden;

	cursor: pointer;

	appearance: none;

	-webkit-appearance: none;

}

.more-butten:after {

	content: "\f0a9";

	font-family: FontAwesome;

	font-size: 33px;

	position: relative;

	right: -13px;

	top: 6.3px;

}

a.more-butten {

	color: #fff;

}

a.more-butten:hover {

	color: #fff;

}

.white {

	background: #fff !important;

	color: rgba(0, 91, 157, 0.89) !important;

}

a.white {

	color: rgba(0, 91, 157, 0.89) !important;

}

a.white:hover {

	color: rgba(0, 91, 157, 0.89)!important;

}



/*----------------------------  YummeyBite  --------------------------------------------------------*/



.yummeybite-area {

	width: 100%;

	height: auto;

}

.yummeybite {

	width: 100%;

	height: auto;

	position: relative;

	padding: 140px 0 100px;

	float: left;

}

.yummeybite .main-img {

	margin: 0 auto;

	display: block;

}

.yummeybite h1 {

	line-height: 24px;

	color: rgba(0, 91, 157, 0.89);

	font-weight: bold;

	text-align: center;

	display: block;

	margin: 30px 0px 40px;

}

.yummeybite p {

	font-size: 16px;

	line-height: 30px;

	color: #666;

	text-align: center;

	margin: 0px 0px 30px;

	font-family: 'Varela Round', sans-serif;

}



/*----------------------------  Amazing Carousel  ----------------------------------------------------*/



#amazingcarousel-1 .amazingcarousel-image, amazingcarousel-2 .amazingcarousel-image, amazingcarousel-3 .amazingcarousel-image, amazingcarousel-4 .amazingcarousel-image {

	position: relative;

	padding: 0 !important;

}

.amazingcarousel-image .mask-hover {

	background:rgba(26, 107, 165, 0.54) url(/web/20210509013526im_/https://www.supertoldo.com.br/images/plus.png) no-repeat center center;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.amazingcarousel-image:hover .mask-hover {

	opacity: 1;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

#amazingcarousel-1 .amazingcarousel-image img {

	display: block;

	width: 100%;

	max-width: 100%;

	border: 0;

	margin: 0;

	padding: 0!important;

}

#amazingcarousel-1 .amazingcarousel-title, #amazingcarousel-2 .amazingcarousel-title, #amazingcarousel-3 .amazingcarousel-title, #amazingcarousel-4 .amazingcarousel-title {

	position: relative;

	background: #eeeeee;

	margin: 0px !important;

	text-align: left;

	width: 100%;

	height: auto;

	display: block;

	float: left;

}

.best-seller #amazingcarousel-1 .amazingcarousel-title, .best-seller #amazingcarousel-2 .amazingcarousel-title, .best-seller #amazingcarousel-3 .amazingcarousel-title, .best-seller #amazingcarousel-4 .amazingcarousel-title {

	background: #ffffff;

}

/* carousel */

#amazingcarousel-container-1, #amazingcarousel-container-2, #amazingcarousel-container-3, #amazingcarousel-container-4 {

	padding: 20px 0 0!important;

}

#amazingcarousel-1 .amazingcarousel-list-container, #amazingcarousel-2 .amazingcarousel-list-container #amazingcarousel-3 .amazingcarousel-list-container, #amazingcarousel-4 .amazingcarousel-list-container {

	padding: 0!important;

}

/* item */

#amazingcarousel-1 .amazingcarousel-item-container, #amazingcarousel-2 .amazingcarousel-item-container #amazingcarousel-3 .amazingcarousel-item-container, #amazingcarousel-4 .amazingcarousel-item-container {

	text-align: center;

	padding: 0px !important;

	background-color: #fff;

}

/* arrows */

#amazingcarousel-1 .amazingcarousel-prev, #amazingcarousel-2 .amazingcarousel-prev {

	right: 48px;

	top: -84px;

}

#amazingcarousel-1 .amazingcarousel-next, #amazingcarousel-2 .amazingcarousel-next {

	right: 0px;

	top: -84px;

	margin-right: 0px;

}

.amazingcarousel-prev:hover, .amazingcarousel-next:hover {

	opacity: 0.8;

}

.amazingcarousel-prev:after {

	content: "\f053";

	font-family: FontAwesome;

	font-size: 26px;

	position: relative;

	top: 9px;

	color: #fff;

	background: #ccc;

	padding: 5px 10px;

	text-align: center;

}

.amazingcarousel-next:after {

	content: "\f054";

	font-family: FontAwesome;

	font-size: 26px;

	position: relative;

	right: 0;

	top: 9px;

	background: #ccc;

	color: #fff;

	padding: 5px 10px;

	text-align: center;

}

/* navigation bullets */

#amazingcarousel-1 .amazingcarousel-nav {

	position: absolute;

	width: 100%;

	top: 100%;

}

#amazingcarousel-1 .amazingcarousel-bullet-wrapper {

	margin: 4px auto;

}

.amazingcarousel-hover-effect {

	background-color: rgba(244,82,62, 0.7);

}

.amazingcarousel-title p {

	position: relative;

	font-size: 18px;

	color: rgba(0, 91, 157, 0.89);

	margin: 0px;

	text-align: left;

	line-height: 24px;

	height: auto;

	overflow: hidden;

}

.amazingcarousel-title .text-area {

	width: 70%;

	float: left;

	font-size: 14px;

	margin: 0px;

	padding: 10px 0px 10px 15px;

	text-align: left;

	line-height: 15px;

	height: auto;

	font-weight: normal;

	overflow: hidden;

	color: #333;

}

.amazingcarousel-title .cart-icon-area {

	width: 22%;

	float: right;

	background: rgba(0, 91, 157, 0.89);

	height: 60px;

	text-align: center !important;

	font-size: 36px;

	color: #fff;

	cursor: area;

	cursor: pointer;

}

.amazingcarousel-title .cart-icon-area:after {

	position: relative;

	color: #fff;

	font-size: 36px;

	top: 14px;

	content: "\f217";

	font-family: 'FontAwesome';

}

.amazingcarousel-title .cart-icon-area i {

	font-size: 36px;

	display: none;

	color: #fff;

	line-height: 60px !important;

}

.amazingcarousel-item-container {

	margin: 0px 20px 0 0 !important;

}

#html5-text {

	color: rgba(0, 91, 157, 0.89) !important;

	font-size: 16px !important;

	overflow: hidden;

	text-align: center !important;

}



/*----------------------------  Best Seller  -----------------------------------------------------*/



.best-seller {

	width: 100%;

	height: auto;

	padding: 120px 0;

	background: #eee;

	float: left;

}

.best-seller h1 {

	font-size: 36px;

	line-height: 0px;

	color: #333;

	margin: 0 0 15px;

	font-weight: bold;

	text-align: left;

}

.best-seller hr {

	width: 100px;

	height: 5px;

	margin: 0;

	color: transparent;

	background: rgba(204,204,204,.5);

	text-align: left;

	margin: 0px 0 0 !important;

}



/*----------------------------  featured-product  --------------------------------------------------*/	



.featured-product {

	padding: 120px 0;

	float: left;

	width: 100%;

}

.featured-product h1 {

	font-size: 36px;

	line-height: 0px;

	color: #333;

	margin: 0 0 15px;

	font-weight: bold;

	text-align: left;

}

.featured-product hr {

	width: 100px;

	height: 5px;

	margin: 0;

	color: transparent;

	background: rgba(204,204,204,.5);

	text-align: left;

	margin: 0px 0 0 !important;

}



/*------------------------------  Features Area styles ----------------------------------------------*/



.features-box-sec {

	width: 100%;

	height: auto;

	float: left;

	padding: 120px 0;

}

.features-sec {

	width: 100%;

	height: auto;

	text-align: center;

}

.features-sec h1 {

	font-size: 72px;

	padding: 0 0 0 0;

	color: rgba(0, 91, 157, 0.89);

	margin: 0 0 25px;

	text-align: center;

}

.features-sec h2 {

	font-size: 24px;

	line-height: 30px;

	color: rgba(0, 91, 157, 0.89);

	margin: 0 0 15px 0;

	text-align: center;

}

.features-sec p {

	font-size: 16px;

	line-height: 24px;

	color: #666;

	text-align: center !important;

	font-family: 'Varela Round', sans-serif;

}

.features-sec .feature-box {

	text-align: center !important;

	margin: 70px 0 0;

}

.features-sec .feature-box p {

	line-height: 24px;

	color: #666;

	font-weight: normal;

	text-align: center;

}

.features-sec .feature-box i {

	font-size: 100px;

	color: rgba(0, 91, 157, 0.89);

	padding: 0 0 20px;

}





/* ======================================================================================================= */

/* 06. Call to Action Styles                                                                               */

/* ======================================================================================================= */





.call-to-action {

	width: 100%;

	height: auto;

}

.special-heading-section {

	width: 100%;

	height: auto;

}

.special-heading {

	width: 100%;

	height: auto;

	position: relative;

	display: table;

}

.special-heading .top-sec {

	width: 100%;

	float: left;

	background-size: cover;

	z-index: 11;

}

.special-heading .top-sec .mask {

	width: 100%;

	height: 100%;

	background: rgba(76,158,245,0.70);

	padding: 100px 0;

}

.special-heading .dark {

	background: rgba(0,0,0, 0.5) !important;

}

.inner-page {

	margin-top: 94px;

}

.inner-page .top-sec .mask {

	padding: 100px 0;

}

.inner-page .top-sec {

	width: 100%;

	float: left;

	background-size: cover;

	z-index: 11;

}

.special-heading .top-sec .title-area-sec {

	width: 50%;

	float: left;

}

.special-heading .top-sec .butten-area-sec {

	width: 50%;

	float: left;

}

.special-heading .top-sec .butten-area-sec .more-butten {

	margin: 10px 0 0 0;

}

.special-heading .top-sec h1 {

	font-size: 48px;

	color: #fff;

	margin: 0 0 10px;

}

.dark .title-area-sec {

	width: 100% !important;

}

.dark .butten-area-sec {

	width: 100%;

}

.dark h1 {

	text-align: center !important;

}

.dark hr {

	text-align: center !important;

	margin: 0 auto !important;

	display: block !important;

	float: none !important;

}

.special-heading .top-sec hr {

	width: 100px;

	height: 5px;

	color: transparent;

	background: rgba(255,255,255,.5);

	text-align: left;

	margin: 0px;

}

.special-heading .bottom-sec {

	width: 100%;

	height: auto;

	margin-top: 40px;

	float: left;

	z-index: 10;

}

.special-heading .bottom-sec .image-holder-area {

	width: 100%;

	height: auto;

	list-style: none;

	padding: 0px;

	text-align: center;

}

.special-heading .bottom-sec .image-holder-area li {

	display: inline-block;

	width: 32%;

	margin-bottom: 35px;

	padding: 0px;

}

.special-heading .bottom-sec .image-holder-area li:nth-child(3n+2) {

	margin-left: 1%;

	margin-right: 1%;

}

.special-heading .bottom-sec .image-holder {

	width: auto;

	padding: 9px;

	height: auto;

	position: relative;

	cursor: pointer;

	background: rgba(255,255,255,.5);

}

.special-heading .bottom-sec .image-holder img {

	width: auto;

	display: block;

	margin: 0px auto;

}

.special-heading .bottom-sec .overlay-box {

	background: rgba(26, 107, 165, 0.54) none repeat scroll 0 0;

	height: 100%;

	left: 0;

	opacity: 0;

	position: absolute;

	right: 0;

	text-align: center;

	top: 0;

	transition: all 0.5s ease 0s;

	width: 100%;

}

.special-heading .bottom-sec .overlay-box p {

	font-family: 'Federo', sans-serif;

	color: #ffffff;

	font-size: 36px;

	line-height: 36px;

	position: relative;

	text-align: center;

	top: 40%;

}

.special-heading .bottom-sec .overlay-box i {

	margin: 0 0 0 0;

	font-size: 36px;

	line-height: 36px;

	color: #fff;

	position: relative;

	top: 40%;

	text-align: center;

	transition: all 0.5s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	font-style: normal;

	display: block;

}

.special-heading .bottom-sec .overlay-box:hover {

	opacity: 1;

	transition: all 0.5s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

}

.special-heading .bottom-sec .overlay-box:hover::before {

	content: url(/web/20210509013526im_/https://www.supertoldo.com.br/images/plus.png);

	color: #fff;

	font-size: 33px;

	position: relative;

	text-align: center;

	top: 35%;

	font-weight: 100;

	transition: all 0.5s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

}

.special-heading .sub-nav-menu {

	width: auto;

	float: right;

	text-align: right;

	margin-right: -25px;

	margin-top: 24px;

}

.special-heading .sub-nav-menu li {

	font-size: 16px;

	line-height: 20px;

	color: #333;

	display: inline-block;

	padding-left: 30px;

	font-weight: normal;

}

.special-heading .sub-nav-menu li a {

	color: #333;

}

.special-heading .sub-nav-menu li a:hover, .special-heading .sub-nav-menu li .active {

	color: #fff;

}

.special-heading .sub-nav-menu li:after {

	content: "\003e";

	position: relative;

	right: -10px;

}

.special-heading .sub-nav-menu li:last-child:after {

	display: none;

}





/* ======================================================================================================= */

/* 07. Fun Fact Area Styles                                                                                */

/* ======================================================================================================= */





.fun-fact-area {

	background: url(/web/20210509013526im_/https://www.supertoldo.com.br/images/fun.jpg) bottom center no-repeat fixed;

	width: 100%;

	background-size: cover;

	overflow: hidden;

	float: left;

}

.fun-fact-area .content-wrapper {

	width: 100%;

	height: auto;

	float: left;

	position: relative;

}

.fun-fact-area .fun-sec-left {

	background: rgba(183,38,28,1);

	background: -moz-linear-gradient(left, rgba(183,38,28,1) 0%, rgba(244,81,69,0.8) 100%);

	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(183,38,28,1)), color-stop(100%, rgba(244,81,69,0.8)));

	background: -webkit-linear-gradient(left, rgba(183,38,28,1) 0%, rgba(244,81,69,0.8) 100%);

	background: -o-linear-gradient(left, rgba(183,38,28,1) 0%, rgba(244,81,69,0.8) 100%);

	background: -ms-linear-gradient(left, rgba(183,38,28,1) 0%, rgba(244,81,69,0.8) 100%);

	background: linear-gradient(to right, rgba(183,38,28,1) 0%, rgba(244,81,69,0.8) 100%);

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7261c', endColorstr='#f45145', GradientType=1 );

	float: left;

	text-align: right;

	width: 50%;

	padding: 76px 85px;

	position: relative;

	height: 100%;

}

.fun-sec-left h2 {

	font-size: 49px;

	line-height: 52px;

	color: #fff;

	margin: 0;

	width: 100%;

	max-width: 420px;

	text-align: right;

	display: inline-block;

}

.fun-sec-left h3 {

	font-size: 24px;

	line-height: 36px;

	color: #fff;

	margin: 0 0 10px;

	font-weight: bold;

	text-align: right;

}

.fun-sec-left p {

	font-size: 16px;

	line-height: 24px;

	color: #fff;

	text-align: right;

	font-family: 'Varela Round', sans-serif;

	margin: 20px 0;

	width: 100%;

	max-width: 480px;

	display: inline-block;

}

.fun-sec-left .more-butten {

	display: inline-block;

}

.fun-fact-area .fun-sec-right {

	width: 50%;

	background: rgba(238,238,238,0.9);

	float: right;

	height: 100%;

	padding: 100px 85px 100px;

	text-align: center !important;

	position: absolute;

	height: 100%;

	right: 0;

}

.fun-fact-area .fun-sec-right .fun-detail {

	width: 480px;

	height: auto;

	overflow: hidden;

	list-style: none;

}

.fun-fact-area .fun-sec-right .fun-detail li {

	width: 50%;

	display: inline-block;

	float: left;

	height: auto;

	padding: 0 0 35px;

}

.fun-fact-area .fun-sec-right .fun-detail li:nth-child(2n+1) {

	border-right: 1px solid #9c9a99;

}

.fun-fact-area .fun-sec-right .fun-detail li:nth-child(2n+3) {

	border-top: 1px solid #9c9a99;

	padding: 35px 0 0;

}

.fun-fact-area .fun-sec-right .fun-detail li:nth-child(2n+4) {

	border-top: 1px solid #9c9a99;

	padding: 35px 0 0;

}

.fun-sec-right .fun-detail li h2 {

	font-size: 70px;

	line-height: 24px;

	color: rgba(0, 91, 157, 0.89);

	margin: 15px 0;

	font-weight: bold;

	text-align: center;

}

.fun-sec-right .fun-detail li i {

	font-size: 50px;

	color: rgba(0, 91, 157, 0.89);

	margin: 0 0 5px;

}

.fun-sec-right .fun-detail li p {

	margin: 0 0 0 0;

	font-size: 18px;

	line-height: 24px;

	color: rgba(0, 91, 157, 0.89);

	font-weight: normal;

	text-align: center;

	font-family: 'Varela Round', sans-serif;

}





/* ======================================================================================================= */

/* 08. Download App section Styles                                                                         */

/* ======================================================================================================= */





.download-app-area {

	width: 100%;

	height: auto;

}

.download-app-sec {

	width: 100%;

	background-size: cover;

	height: auto;

	float: left

}

.download-app-sec .mask-inner {

	width: 100%;

	height: auto;

	background: rgba(244,82,69,0.85);

}

.download-app-sec-left {

	width: 50%;

	height: 555px;

	float: left;

	overflow: hidden;

	padding-top: 20px;

}

.download-app-sec-right {

	width: 50%;

	height: auto;

	float: right;

	text-align: left;

	padding-top: 11%!important;

}

.download-app-sec-right h2 {

	font-size: 48px;

	line-height: 36px;

	color: #fff;

	margin-top: 0;

	font-weight: bold;

	text-align: left;

}

.download-app-sec-right h3 {

	font-size: 30px;

	line-height: 36px;

	color: #fff;

	margin: 5px 0 0;

	font-weight: bold;

	text-align: left;

}

.download-app-sec-right p {

	font-size: 16px;

	line-height: 24px;

	color: #fff;

	padding: 30px 0 0;

	font-weight: normal;

	text-align: left;

}

.down-app-btn i {

	font-size: 24px;

	margin-right: 15px;

	line-height: 35px;

}

.down-app-btn {

	width: 160px;

	float: left;

	border-radius: 40px;

	background: #fff;

	text-align: center;

	font-size: 16px;

	color: rgba(0, 91, 157, 0.89);

	font-family: 'Varela Round', sans-serif;

	margin: 25px 15px 0px 0px;

	height: 42px;

	overflow: hidden;

	border: 1px solid rgba(0,0,0,0);

}

a.down-app-btn {

	background: #fff;

	text-align: center;

	color: rgba(0, 91, 157, 0.89) !important;

}

a.down-app-btn:hover, .down-app-btn:hover {

	background: rgba(0, 91, 157, 0.89);

	text-align: center;

	color: #fff !important;

	border: 1px solid rgba(255,255,255,0.9);

}

.download-app-sec hr {

	width: 100px;

	height: 5px;

	margin: 0;

	color: transparent;

	background: rgba(255,255,255,0.5);

	text-align: left;

	margin: 20px 0 0 !important;

}





/* ======================================================================================================= */

/* 09. Client-section                                                                                      */

/* ======================================================================================================= */





.client-slider-area {

	width: 100%;

	height: auto;

}

.client-sec {

	width: 100%;

	height: auto;

	float: left;

	padding: 85px 0px;

	text-align: center !important;

}

.client-sec h1 {

	font-size: 24px;

	line-height: 30px;

	color: #333;

	margin: 0px;

	font-weight: bold;

	text-align: center !important;

}



/*------------------------------  Flexisel Carousel Styles  ----------------------------------------------*/



#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {

	display: none;

}

.nbs-flexisel-container {

	position: relative;

	max-width: 100%;

	padding: 0px 5%;

	margin: 20px auto 0;

	width: 100%;

}

.nbs-flexisel-ul {

	position: relative;

	width: 9999px;

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	text-align: center;

}

.nbs-flexisel-inner {

	overflow: hidden;

	margin: 0 auto !important;

	width: 100%;

}

.nbs-flexisel-item {

	float: left;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	position: relative;

	line-height: 0px;

}

.nbs-flexisel-item li {

	max-width: 200px !important;

}

.nbs-flexisel-item img {

	width: 100% !important;

	max-width: 95% !important;

	cursor: pointer;

	position: relative;

	margin-top: 10px;

	margin-bottom: 10px;

	max-width: 100px;

	max-height: 45px;

}

/*** Navigation ***/



.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {

	width: 41px;

	height: 41px;

	position: absolute;

	cursor: pointer;

	z-index: 100;

	background-size: 100% !important;

	opacity: 0.5;

}

.nbs-flexisel-nav-left {

	left: 10px;

	background: url(/web/20210509013526im_/https://www.supertoldo.com.br/images/button-previous.png) no-repeat;

}

.nbs-flexisel-nav-right {

	right: 5px;

	background: url(/web/20210509013526im_/https://www.supertoldo.com.br/images/button-next.png) no-repeat;

}





/* ======================================================================================================= */

/* 10. About page Styles                                                                                   */

/* ======================================================================================================= */



.about-content-sec {

	width: 100%;

	padding: 90px 0 20px;

	text-align: center;

}

.about-area-sec {

	width: 100%;

	height: auto;

}

.about-area-sec .main-thumb {

	max-width: 100%;

	display: block;

	margin: 0 auto;

}

.about-area-sec .left-area {

	padding-top: 35px;

	padding-bottom: 10px;

}

.about-area-sec .right-area {

	padding-top: 35px;

}

.about-area-sec p {

	line-height: 24px;

	color: #666;

	padding: 0;

	margin: 0 0 18px;

	font-weight: normal;

	text-align: left;

}



/*----------------------------   Team Behind Area Styles   ----------------------------------------------*/



.team-behind-content-sec {

	width: 100%;

	padding: 50px 0 0;

}

.team-behind-sec {

	width: 100%;

	text-align: center;

}

.team-behind-sec p {

	line-height: 24px;

	color: #666;

	padding: 0;

	margin: 0 0 25px;

	font-weight: normal;

	text-align: center;

}

.team-behind-sec h4 {

	font-size: 16px;

	text-align: center;

	cursor: pointer;

	font-weight: normal;

	color: #666;

	line-height: 30px;

	margin: 30px auto;

	max-width: 980px;

}

.team-behind-sec .teambox {

	height: auto;

	padding-top: 40px;

	text-align: center;

}

.teambox .image-holder {

	width: 100%;

	height: auto;

	max-height: 250px;

	overflow: hidden;

}

.teambox .content-holder {

	width: 100%;

	overflow: hidden;

	padding: 10px 0 0;

}

.teambox .content-holder h2 {

	margin: 15px 0;

	font-family: 'Varela Round', sans-serif;

	font-size: 24px;

	text-align: center;

	cursor: pointer;

	color: #333;

	text-transform: uppercase;

	line-height: 30px;

}

.teambox .content-holder h2 span {

	font-size: 18px;

	font-weight: 200 !important;

	color: #666;

}

.teambox .social-icon {

	width: 100%;

	float: left;

	margin: 0px;

	display: block;

	text-align: center;

}

.teambox .social-icon li {

	background: #eeeeee;

	border-radius: 100%;

	display: inline-block;

	font-size: 16px;

	margin-right: 8px;

	text-align: center;

	color: #333;

	transition: all 0.2s ease-out 0s;

	-webkit-transition: all 0.2s ease-out 0s;

	-moz-transition: all 0.2s ease-out 0s;

	-ms-transition: all 0.2s ease-out 0s;

	-o-transition: all 0.2s ease-out 0s;

	width: 35px;

	height: 35px;

	line-height: 35px;

	over-flow: hidden;

}

.teambox .social-icon li a {

	color: #333;

}

.teambox .social-icon li:hover {

	background: #ccc;

}





/* ======================================================================================================= */

/* 11. Blog Page Styles                                                                                    */

/* ======================================================================================================= */





.blog-area-sec {

	width: 100%;

	padding: 100px 0;

	text-align: left;

}

.blog-area-sec h2 {

	font-size: 36px;

	line-height: 40px;

	color: #333;

	font-weight: bold;

	text-align: left;

	margin: 10px 0 25px;

}

.blog-area-sec .more-butten {

/*float: left;*/

}

.blog-area-sec .full-width-row {

	width: 100%;

	border-bottom: 1px dotted #ccc;

	float: left;

	padding-bottom: 30px;

	margin-bottom: 35px;

}

.full-width-row {

	width: 100%;

	float: left;

	padding-bottom: 30px;

	margin-bottom: 35px;

}

.left-align {

	margin-left: 0;

	margin-right: 0;

}

.full-width-row h3 {

	margin: 20px 0 10px!important;

	text-align: center;

}

.full-width-row h4 {

	text-align: center;

}

.full-width-row .button-medium {

	float: left;

}

.blog-area-sec .main-img-thumb {

	max-width: 100%;

	display: block;

	margin: 0 auto;

}

.blog-area-sec .left-area, .blog-area-sec .right-area {

	padding-bottom: 45px;

}

.blog-area-sec .full-width-row .right-area span {

	text-align: left;

	margin: 0 0 12px;

	line-height: 17px;

}

.blog-area-sec p {

	line-height: 24px;

	color: #666;

	padding: 0;

	margin: 0 0 24px;

	font-weight: normal;

}

.blog-area-sec .full-width-row p {

	text-align: center;

}

.blog-area-sec .full-width-row span {

	text-align: center;

	margin: 10px auto;

	display: block;

}

.blog-area-sec .full-width-row .right-area p, .blog-area-sec .full-width-row .left-area p {

	text-align: left;

}

.blog-area-sec .full-width-row .right-area .more-butten, .blog-area-sec .full-width-row .left-area .more-butten {

	margin: 0 0 20px;

}

.blog-area-sec span {

	line-height: 24px;

	color: #999;

	padding: 0;

	margin: 0 0 15px;

	font-weight: normal;

	font-style: italic;

	display: block;

}

.blog-area-sec .full-width-row .social-icon-rounded-simple {

	width: 100%;

}



/*----------------------------      blog pagination          ----------------------------------------------*/



.blog-area-sec .pagination {

	margin: 0;

	padding: 0;

	width: 100%;

	text-align: center;

	border-radius: 0px;

}

.blog-area-sec .pagination > li {

	display: inline-block;

}

.blog-area-sec .pagination > li i {

	font-size: 30px;

	color: #ccc;

}

.blog-area-sec .pagination > li > a:hover, .blog-area-sec .pagination > li > a:focus, .blog-area-sec .pagination > li > .current, .blog-area-sec .pagination > li > .disabled:hover {

	color: rgba(0, 91, 157, 0.89);

	background: rgba(0,0,0,0);

	cursor: pointer;

}

.blog-area-sec .pagination-sm > li > a, .blog-area-sec .pagination-sm > li > span {

	color: #333;

	font-size: 20px;

	font-weight: bold;

	font-style: normal;

	height: 30px;

	line-height: 30px;

	margin-bottom: 0px;

	padding: 3px;

	text-align: center;

	width: 30px;

	border: none;

}

.blog-area-sec .pagination-sm > li:first-child > a, .blog-area-sec .pagination-sm > li:first-child > span {

	border-radius: 0;

	border: none;

}

.blog-area-sec .pagination-sm > li:last-child > a, .blog-area-sec .pagination-sm > li:last-child > span {

	border-radius: 0;

	border: none;

}





/* ======================================================================================================= */

/* Blog Detail Area                                                                                        */

/* ======================================================================================================= */





.blog-detail-sec {

	width: 100%;

	padding: 100px 0;

	text-align: left;

}

.blog-detail-sec h2 {

	font-size: 36px;

	line-height: 30px;

	color: #333;

	font-weight: bold;

	text-align: left;

	margin: 15px 0 30px;

}

.blog-detail-sec h3 {

	font-size: 24px;

	line-height: 24px;

	color: #333;

	font-weight: normal;

	text-align: left;

	margin: 50px 0px 0px;

	border-bottom: 1px dotted #cecece;

	padding: 0 0 10px;

	float: left;

	width: 100%;

}

.blog-detail-sec .detail-img-thumb {

	max-width: 100%;

	display: block;

	margin: 0 auto 30px;

}

.blog-detail-sec .left-area {

	padding-bottom: 30px;

}

.blog-detail-sec .right-area {

	padding-bottom: 30px;

}

.blog-detail-sec p {

	padding: 0;

	margin: 0 0 24px;

}

.blog-detail-sec span {

	line-height: 24px;

	color: #999;

	padding: 0;

	margin: 0 0 15px;

	font-weight: normal;

	font-style: italic;

	display: block;

}

.blog-detail-sec .social-icon-simple {

	float: left;

}

.blog-detail-sec .more-butten {

	float: left;

	appearance: none;

	border: none;

	box-shadow: none;

}

button.more-butten {

	appearance: none;

	border: none;

	box-shadow: none;

	-webkit-appearance: none;

	text-transform: uppercase;

}

button.more-butten:after {

	top: 3.3px;

}

.tags-sec {

	width: 100%;

	height: auto;

	padding: 15px 0;

	float: left;

}

.tags-sec a {

	display: inline-block;

	font-size: 12px;

	color: #333;

	border: 1px solid #eee;

	text-align: center;

	margin: 0 5px 8px 0;

	line-height: 24px;

	padding: 0 8px;

	float: left;

}

.tags-sec a:hover {

	color: rgba(0, 91, 157, 0.89);

	border: 1px solid rgba(0, 91, 157, 0.89);

}



/*----------------------------      categories-list Area          ----------------------------------------------*/



.categories-list {

	width: 100%;

	height: auto;

	display: block;

	list-style: none;

	margin: 10px 0 0;

	float: left;

}

.categories-list li {

	width: 100%;

	display: block;

	list-style: none;

	text-align: left;

	font-size: 14px;

	line-height: 36px;

	color: #333;

	padding: 0 0 0 25px;

	float: left;

}

.categories-list li a {

	color: #333;

}

.categories-list li a:hover {

	color: rgba(0, 91, 157, 0.89);

}

.categories-list li:before {

	content: "\f178";

	color: #999999;

	font-size: 14px;

	font-family: 'FontAwesome';

	position: relative;

	left: -20px;

}

.search-here-btn {

	width: 100%;

	border: 1px solid #ccc;

	border-radius: none !important;

	box-shadow: none !important;

	height: 46px;

	line-height: 45px;

	padding: 0 31px 0 15px;

	appearance: none;

	font-size: 16px;

	color: #666;

	text-align: left;

	line-height: 24px;

	background: url(/web/20210509013526im_/https://www.supertoldo.com.br/images/search.png) right center no-repeat;

}



/*----------------------------      latest-post-list          ----------------------------------------------*/



.latest-post-list {

	width: 100%;

	height: auto;

	display: block;

	list-style: none;

	float: left;

}

.latest-post-list li {

	width: 100%;

	display: block;

	margin: 25px 0 0;

	float: left;

	height: 70px;

	overflow: hidden;

}

.latest-post-list li h4 {

	font-family: 'Varela Round', sans-serif;

	font-size: 14px;

	line-height: 24px;

	color: #333;

	padding: 0;

	margin: 0;

	text-align: left;

}

.latest-post-list li p {

	font-size: 14px;

	line-height: 18px;

	padding: 0;

	margin: 0;

}

.latest-post-list li .text-sec {

	width: 63%;

	float: right;

}

.latest-post-list li .img-sec {

	width: 34%;

	float: left;

}



/*----------------------------      Replay sec Section          ----------------------------------------------*/

.replay-sec {

	width: 100%;

	height: auto;

	float: left;

	border-top: 1px dashed #ccc;

	margin: 35px 0 0;

	padding: 50px 0 0;

}

.replay-sec .users-list li {

	width: 100%;

	float: left;

	display: block;

	margin: 0 0 50px;

}

.replay-sec .users-list li .user-comment {

	width: 78%;

	height: auto;

	float: right;

	display: inline-block;

}

.replay-sec .users-list li .user-pic {

	width: 20%;

	max-width: 120px;

	height: 120px;

	float: left;

	display: inline-block;

}

.users-list li h4 {

	font-family: 'Varela Round', sans-serif;

	font-size: 18px;

	line-height: 18px;

	color: #333;

	text-align: left;

	margin: 0px;

	padding: 0;

}

.users-list li p {

	margin: 15px 0 0;

	padding: 0;

}

.users-list li a {

	color: #666;

}



/*----------------------------      Comment Form Section           -----------------------------------------*/

.comment-form-sec {

	width: 100%;

	height: auto;

	float: left;

}

.comment-form-sec form .text-field-box {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	border: 1px solid #ccc;

	border-radius: 0;

	color: #666;

	font-family: "Varela Round", sans-serif;

	font-size: 15px;

	height: 48px;

	line-height: 47px;

	padding: 0 25px;

	text-align: left;

	width: 100%;

	margin: 0 auto 30px;

}

.text-area-box {

	height: 110px;

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	border: 1px solid #ccc;

	border-radius: 0;

	color: #666;

	font-family: "Varela Round", sans-serif;

	font-size: 15px;

	line-height: 47px;

	padding: 0 25px;

	text-align: left;

	width: 100%;

	margin: 0 auto 30px;

}

.comment-form-sec textarea {

	height: 110px !important;

}





/* ======================================================================================================= */

/* 12. Product Page Styles                                                                                 */

/* ======================================================================================================= */





.product-area-sec {

	width: 100%;

	height: auto;

	padding: 90px 0 95px;

}

.product-area-sec h1 {

	font-size: px;

	text-align: left;

	cursor: pointer;

	font-weight: bold;

	color: rgba(0, 91, 157, 0.89);

	line-height: 30px;

	margin: 0 0 35px;

}

.product-area-sec h2 {

	font-size: 30px;

	text-align: left;

	cursor: pointer;

	font-weight: bold;

	color: #333;

	line-height: 30px;

	margin: 0 0 30px;

}

.product-area-sec p {

	text-align: left;

	cursor: pointer;

	font-weight: normal;

	color: #666;

	line-height: 24px;

	margin: 0 0 25px;

}

.product-details-sec {

	width: 100%;

	height: auto;

	margin: 0 0 80px;

}

.product-area-sec .product-details-sec p {

	font-size: 14px;

	text-align: left;

	line-height: 24px;

}

.product-area-sec .product-details-sec p a {

	color: rgba(0, 91, 157, 0.89);

}

.stock-btn {

	text-align: center;

	background: #eee;

	line-height: 27px;

	margin: 0 0 30px;

	font-size: 14px;

	color: #666;

	text-transform: uppercase;

	font-weight: normal;

	width: 85px;

	height: 28px;

	display: block;

}

a.stock-btn {

	color: #666;

}

.select-btn {

	text-align: center;

	background: #fff;

	line-height: 29px;

	border: 1px solid #ccc;

	font-size: 14px;

	color: #666;

	text-transform: uppercase;

	font-weight: normal;

	width: 85px;

	height: 30px;

	display: inline-block;

	padding: 0 10px;

	margin: 0 0 30px;

	margin-right: 5px;

}

.add-to-cart-btn {

	text-align: center;

	background: rgba(0, 91, 157, 0.89);

	line-height: 29px;

	font-family: 'Varela Round', sans-serif;

	margin: 0 0 30px;

	font-size: 14px;

	color: #fff;

	text-transform: uppercase;

	width: 125px;

	height: 30px;

	display: inline-block;

}

a.add-to-cart-btn {

	color: #fff;

}



/*----------------------------       Product gallery  Area        -----------------------------------------*/



.product-details-gallery {

	text-align: center;

	margin: 0 0 80px;

}

.product-details-gallery img {

	max-width: 100%;

	margin: 0 auto;

	display: block;

}

.product-details-gallery .previews, .product-details-gallery .full, .product-details-gallery .desc {

	width: 100%;

}

.product-details-gallery .full {

	width: 100%;

	float: left;

	margin-bottom: 10px;

	max-height: 405px;

	overflow: hidden;

}

.product-details-gallery .desc h2 {

	margin-top: 0;

}

.product-details-gallery .previews a {

	display: inline-block;

	margin-bottom: 10px;

	width: 23.6%;

	max-width: 130px;

	height: 95px;

	overflow: hidden;

	margin-right: 1%;

}

.product-details-gallery .previews a img {

	max-width: 100%;

}

.product-details-gallery .previews a:last-child {

	margin-right: 0%;

}

.product-details-gallery .full, .product-details-gallery .full img {

	max-width: 100%;

}

.product-details-gallery .previews a, .product-details-gallery .full {

	border: 1px solid #eee;

}

.product-details-gallery .previews a:hover, .product-details-gallery .previews a.selected {

	border: 1px solid #ccc;

}

.product-details-gallery .full img:hover {

	cursor: pointer;

}



/*----------------------------     Product gallery Fancy box Styles   -----------------------------------------*/



.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {

	padding: 0;

	margin: 0;

	border: 0;

	outline: none;

	vertical-align: top;

}

.fancybox-wrap {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10000000;

}

.fancybox-skin {

	position: relative;

	background: #f9f9f9;

	color: #444;

	text-shadow: none;

}

.fancybox-opened {

	z-index: 100000001;

}

.fancybox-opened .fancybox-skin {

	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

	padding: 10px !important;

}

.fancybox-outer, .fancybox-inner {

	position: relative;

}

.fancybox-inner {

	overflow: hidden;

}

.fancybox-type-iframe .fancybox-inner {

	-webkit-overflow-scrolling: touch;

}

.fancybox-error {

	color: #444;

	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

	margin: 0;

	padding: 15px;

	white-space: nowrap;

}

.fancybox-image, .fancybox-iframe {

	display: block;

	width: 100%;

	height: 100%;

}

.fancybox-image {

	max-width: 100%;

	max-height: 100%;

}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

	background-image: url(/web/20210509013526im_/https://www.supertoldo.com.br/images/fancybox_sprite.png);

}

#fancybox-loading {

	position: fixed;

	top: 50%;

	left: 50%;

	margin-top: -22px;

	margin-left: -22px;

	background-position: 0 -108px;

	opacity: 0.8;

	cursor: pointer;

	z-index: 8060;

}

#fancybox-loading div {

	width: 44px;

	height: 44px;

	background: url(/web/20210509013526im_/https://www.supertoldo.com.br/images/fancybox_loading.gif) center center no-repeat;

}

.fancybox-close {

	position: absolute;

	top: -18px;

	right: -18px;

	width: 36px;

	height: 36px;

	cursor: pointer;

	z-index: 8040;

}

.fancybox-nav {

	position: absolute;

	top: 0;

	width: 40%;

	height: 100%;

	cursor: pointer;

	text-decoration: none;

	background: transparent url(/web/20210509013526im_/https://www.supertoldo.com.br/images/blank.gif); /* helps IE */

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	z-index: 8040;

}

.fancybox-prev {

	left: 0;

}

.fancybox-next {

	right: 0;

}

.fancybox-nav span {

	position: absolute;

	top: 50%;

	width: 36px;

	height: 34px;

	margin-top: -18px;

	cursor: pointer;

	z-index: 8040;

	visibility: hidden;

}

.fancybox-prev span {

	left: 10px;

	background-position: 0 -36px;

}

.fancybox-next span {

	right: 10px;

	background-position: 0 -72px;

}

.fancybox-nav:hover span {

	visibility: visible;

}

.fancybox-tmp {

	position: absolute;

	top: -99999px;

	left: -99999px;

	visibility: hidden;

	max-width: 99999px;

	max-height: 99999px;

	overflow: visible !important;

}

/* Overlay helper */



.fancybox-lock {

	overflow: hidden;

}

.fancybox-overlay {

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

	display: none;

	z-index: 2000000;

	background: rgba(0,0,0,0.7) !important;

}

.fancybox-overlay-fixed {

	position: fixed;

	bottom: 0;

	right: 0;

}

.fancybox-lock .fancybox-overlay {

	overflow: auto;

	overflow-y: scroll;

}

/* Title helper */



.fancybox-title {

	visibility: hidden;

	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

	position: relative;

	text-shadow: none;

	z-index: 8050;

}

.fancybox-opened .fancybox-title {

	visibility: visible;

}

.fancybox-title-float-wrap {

	position: absolute;

	bottom: 0;

	right: 50%;

	margin-bottom: -35px;

	z-index: 8050;

	text-align: center;

}

.fancybox-title-float-wrap .child {

	display: inline-block;

	margin-right: -100%;

	padding: 2px 20px;

	background: rgba(0, 0, 0, 0.8);

	text-shadow: 0 1px 2px #222;

	color: #FFF;

	font-weight: bold;

	line-height: 24px;

	white-space: nowrap;

}

.fancybox-title-outside-wrap {

	position: relative;

	margin-top: 10px;

	color: #fff;

}

.fancybox-title-inside-wrap {

	padding-top: 10px;

}

.fancybox-title-over-wrap {

	position: absolute;

	bottom: 0;

	left: 0;

	color: #fff;

	padding: 10px;

	background: #000;

	background: rgba(0, 0, 0, .8);

}



/*----------------------------          Product Tab  Area         -----------------------------------------*/



.product-tab-area {

	width: 100%;

	height: auto;

}

.tab-content-area {

	background: #fff;

	color: #373737;

	margin:50px 0 0;

	border-top: 1px solid #ccc;

}

.content {

	background: #fff;

	color: #373737;

	border: 1px solid #ccc;

}

.content > div {

	display: none;

	height:auto;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.content > div::-webkit-scrollbar {

 width:6px;

}

 .content > div::-webkit-scrollbar-track {

 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);

 border-radius: 5px;

}

 .content > div::-webkit-scrollbar-thumb {

 border-radius: 5px;

 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

}

.tab-content-area input {

	display: none;

}



.tab-content-area label {

	display: inline-block;

	padding:10px 20px;

	text-align: center;

	font-family: 'Varela Round', sans-serif;

	font-size: 18px;

	margin-bottom: 0px;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.tab-content-area label:hover {

	color: rgba(0, 91, 157, 0.89);

	cursor: pointer;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.tab-content-area input:checked + label {

	color: rgba(0, 91, 157, 0.89);

	border-bottom: 2px solid rgba(0, 91, 157, 0.89);

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}



#tab1:checked ~ .content #content1, #tab2:checked ~ .content #content2, #tab3:checked ~ .content #content3, #tab4:checked ~ .content #content4, #tab5:checked ~ .content #content5, #tab6:checked ~ .content #content6, #tab7:checked ~ .content #content7, #tab8:checked ~ .content #content8, #tab9:checked ~ .content #content9, #tab10:checked ~ .content #content10 {

	display:block;

	margin: 40px 0px;

	padding: 0px 40px;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.content h3 {

	font-weight: bold;

	color: #333;

	font-size: 24px;

	line-height: 24px;

	margin: 0 0 20px

}

.content p {

	font-weight: normal;

	color: #666;

	margin: 0 0 20px;

}

.page-content {

	width: 100%;

	height: auto;

	float: left;

	padding: 0 0 10px;

	position: relative;

}

.product-tab-area .tab-content-area label{

	padding:20px;

}



/* ======================================================================================================= */

/* 13. Shop View Page Styles                                                                               */

/* ======================================================================================================= */





.shop-view-sec {

	width: 100%;

	height: auto;

	padding: 100px 0px;

}

.shop-view-sec h3 {

	font-weight: bold;

	color: #333;

	font-size: 24px;

	line-height: 30px;

	margin: 0 0 20px;

	text-transform: uppercase;

}

.shop-view-sec p {

	font-weight: normal;

	color: #333;

	font-size: 14px;

	line-height: 24px;

	margin: 0 0 20px;

}

.shop-view-sec .left-side {

	float: left;

}

.shop-view-sec .right-side {

}



/*----------------------------     Shop Product Bar     --------------------------------------*/



.shop-product-bar {

	width: 100%;

	height: 50px;

	background: #eee;

	margin: 0;

	float: left;

	padding: 0px 15px;

}

.shop-product-bar li {

	line-height: 50px;

	font-size: 14px;

	color: #333;

	display: inline-block;

	font-weight: normal;

}

.shop-product-bar li:last-child {

	float: right;

}

.shop-product-bar li a {

	color: #333;

}

.shop-product-bar li i {

	font-size: 20px;

	line-height: 51px;

	margin-right: 15px;

}

.shop-product-bar li select {

	width: 190px;

	border: none;

	appearance: none;

	height: 26px;

	line-height: 26px;

	padding: 0 10px;

}



/*----------------------------      Shop Products      --------------------------------------*/



.shop-products {

	width: 100%;

	height: auto;

}

.shop-products li {

	width: 31%;

	height: auto;

	display: inline-block;

	margin: 0 0 50px

}

.shop-products li:nth-child(3n+2) {

	margin: 0 1.5% 50px;

}

.shop-products p {

	position: relative;

	font-size: 18px;

	color: rgba(0, 91, 157, 0.89);

	margin: 0px;

	text-align: left;

	line-height: 24px;

	height: auto;

	overflow: hidden;

	padding-top: 3px;

}

.shop-products .items {

	margin-top: 40px;

	margin-bottom: 10px;

}

.shop-products .image-area {

	width: 100%;

	position: relative;

	float: left;

}

.shop-products .image-area .mask-hover {

	background: rgba(26, 107, 165, 0.54) url(/web/20210509013526im_/https://www.supertoldo.com.br/images/plus.png) no-repeat center center;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.shop-products .image-area:hover .mask-hover {

	opacity: 1;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.shop-products .image-area img {

	height: 180px;

	max-width: 100%;

	overflow: hidden;

}

.shop-products .detail-area {

	width: 100%;

	float: left;

	text-align: left;

	background: #eee;

}

.shop-products .text-area {

	width: 70%;

	float: left;

	font-size: 14px;

	margin: 0px;

	padding: 10px 0px 8px 15px;

	text-align: left;

	line-height: 15px;

	height: auto;

	font-weight: normal;

	overflow: hidden;

	color: #333;

}

.shop-products .cart-icon-area {

	width: 22%;

	max-width: 60px;

	float: right;

	background: rgba(0, 91, 157, 0.89);

	height: 60px;

	text-align: center !important;

	font-size: 36px;

	color: #fff;

	cursor: area;

	cursor: pointer;

}

.shop-products .cart-icon-area:after {

	position: relative;

	color: #fff;

	font-size: 36px;

	top: 14px;

	content: "\f217";

	font-family: 'FontAwesome';

}

.shop-products .cart-icon-area i {

	font-size: 36px;

	display: none;

	color: #fff;

	line-height: 60px !important;

}



/*----------------------------       Product Sinle View      --------------------------------------*/



.products-single-view {

	width: 100%;

	height: auto;

	margin: 0 0 50px;

	float: left;

}

.products-single-view li {

	width: 100%;

	height: auto;

	display: block;

	float: left;

	margin: 40px 0 0;

	padding: 0 0 40px;

	border-bottom: 1px solid #ccc;

}

.products-single-view li .image-area {

	float: left;

	position: relative;

	margin-bottom: 20px;

}

.products-single-view li .image-area .mask-hover {

	background: rgba(244, 82, 62, 0.7) url(/web/20210509013526im_/https://www.supertoldo.com.br/images/plus.png) no-repeat center center;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.products-single-view li .image-area:hover .mask-hover {

	opacity: 1;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.products-single-view li .detail-area {

	float: left;

}

.products-single-view li .text-area {

	width: 100%;

	float: left;

	font-size: 14px;

	margin: 0px;

	padding: 0;

	text-align: left;

	line-height: 15px;

	height: auto;

	font-weight: normal;

	overflow: hidden;

	color: #333;

}

.products-single-view li .text-area h3 {

	font-size: 24px;

	text-transform: none;

	font-weight: normal;

	line-height: 24px;

	margin: 0;

	padding: 0;

}

.products-single-view li .text-area h3 a {

	color: #333;

}

.products-single-view li .text-area h2 {

	font-size: 24px;

	text-transform: none;

	color: rgba(0, 91, 157, 0.89);

	font-weight: bold;

}

.products-single-view li .cart-icon-area {

	width: 60px;

	float: left;

	background: rgba(0, 91, 157, 0.89);

	height: 60px;

	text-align: center !important;

	font-size: 36px;

	color: #fff;

	cursor: area;

	cursor: pointer;

	line-height: 60px;

}

.products-single-view li .cart-icon-area a {

	color: #fff;

}

.shop-products .cart-icon-area:after {

	position: relative;

	color: #fff;

	font-size: 36px;

	top: 14px;

	content: "\f217";

	font-family: 'FontAwesome';

}

.shop-products .cart-icon-area i {

	font-size: 36px;

	display: none;

	color: #fff;

	line-height: 60px !important;

}



/*----------------------------       Product Category      --------------------------------------*/



.product-category-list {

	width: 100%;

	height: auto;

	display: block;

	list-style: none;

	margin: 10px 0 50px;

	float: left;

}

.product-category-list li {

	width: 100%;

	display: block;

	list-style: none;

	text-align: left;

	font-size: 14px;

	line-height: 36px;

	color: #333;

	padding: 0 0 0 25px;

	float: left;

	font-weight: normal;

}

.product-category-list li a {

	color: #333;

}

.product-category-list a:hover {

	color: rgba(0, 91, 157, 0.89);

}

.product-category-list li:before {

	content: "\f101";

	color: #333;

	font-size: 14px;

	font-family: 'FontAwesome';

	position: relative;

	left: -20px;

	font-weight: normal;

}

.checkbox-item {

	width: 100%;

	height: auto;

	margin: 0 0 50px;

}

.checkbox-item p {

	line-height: 36px;

	font-size: 14px;

	color: #333;

	display: inline-block;

	font-weight: normal;

	padding: 0px;

	margin: 0;

	display: block;

}

.checkbox-item label {

	font-weight: normal;

	margin: 0px;

	display: inline-block;

	appearance: none;

}

.checkbox-item input[type="checkbox"], .checkbox-item input[type="radio"] {

	appearance: none;

	margin-right: 10px;

	width: 15px;

	height: 15px;

	font-weight: normal;

	border-radius: 0px !important;

	box-shadow: none;

	position: relative;

}



/*----------------------------      Rated Items      --------------------------------------*/



.rated-item {

	width: 100%;

	display: block;

}

.rated-item li {

	width: 100%;

	display: block;

	margin: 0 0 20px;

	float: left;

}

.rated-item li .thumb {

	width: 80px;

	height: 80px;

	float: left;

	overflow: hidden;

	border: 1px solid #ccc;

}

.rated-item li .thumb img {

	vertical-align: middle;

}

.rated-item li .detail {

	height: auto;

	padding: 15px;

	float: left;

	width: 65%;

}

.rated-item li h2 {

	font-size: 24px;

	margin: 0px;

	padding: 0px;

	font-weight: bold;

	color: rgba(0, 91, 157, 0.89);

	line-height: 36px;

}

.rated-item li h2 span {

	font-size: 14px;

	font-weight: normal;

	color: #999;

	margin-left: 10px;

	text-decoration: line-through;

}

.rated-item li p {

	font-family: 'Varela Round', sans-serif;

	font-size: 14px;

	margin: 0px;

	padding: 0px;

	color: #333;

	line-height: 14px;

}



/*----------------------------    Product Range slider     --------------------------------------*/



.range-slider-sec {

	width: 100%;

	padding: 20px 0 40px;

	float: left;

}

.range-slider-sec .range-bar {

	width: 100%;

	display: block;

}

.range-slider-sec p {

	font-size: 14px;

	margin: 20px 0px;

	padding: 0px;

	color: #333;

	font-weight: normal;

	line-height: 24px;

	display: block;

}

.filter-btn {

	float: right;

	padding: 0px 10px;

	background: #eee;

	color: #333;

	line-height: 14px;

	height: 25px;

	line-height: 25px;

}

a.filter-btn {

	color: #333;

}

.jslider .jslider-bg i, .jslider .jslider-pointer {

	background: url(/web/20210509013526im_/https://www.supertoldo.com.br/images/jslider.png) no-repeat 0 0;

}

.jslider {

	display: block;

	width: 100%;

	height: 1em;

	position: relative;

	top: 0.6em;

	font-family: Arial, sans-serif;

}

.jslider table {

	width: 100%;

	border-collapse: collapse;

	border: 0;

}

.jslider td, .jslider th {

	padding: 0;

	vertical-align: top;

	text-align: left;

	border: 0;

}

.jslider table, .jslider table tr, .jslider table tr td {

	width: 100%;

	vertical-align: top;

}

.jslider .jslider-bg {

	position: relative;

}

.jslider .jslider-bg i {

	height: 5px;

	position: absolute;

	font-size: 0;

	top: 0;

}

.jslider .jslider-bg .l {

	width: 10%;

	background-position: 0 0;

	left: 0;

}

.jslider .jslider-bg .f {

	width: 80%;

	left: 10%;

	background-repeat: repeat-x;

	background-position: 0 -20px;

}

.jslider .jslider-bg .r {

	width: 10%;

	left: 90%;

	background-position: right 0;

}

.jslider .jslider-bg .v {

	position: absolute;

	width: 60%;

	left: 20%;

	top: 0;

	height: 5px;

	background: rgba(0, 91, 157, 0.89);/*background-repeat: repeat-x;

	background-position: 0 -40px;*/

}

.jslider .jslider-pointer {

	width: 20px;

	height: 20px;

	position: absolute;

	/*background-position: 0 -60px;*/

	left: 20%;

	top: -8px;

	margin-left: -6px;

	border-radius: 100%;

	border: 1px solid #d4d4d4;

	background: #eee;

	overflow: hidden;

	cursor: pointer;

	cursor: hand;

}

.jslider .jslider-pointer-hover {

/*background-position: -20px -60px;*/

}

.jslider .jslider-pointer-to {

	left: 80%;

}

.jslider .jslider-label {

	font-size: 9px;

	line-height: 12px;

	color: black;

	opacity: 0.4;

	white-space: nowrap;

	padding: 0px 2px;

	position: absolute;

	top: -18px;

	left: 0px;

}

.jslider .jslider-label-to {

	left: auto;

	right: 0;

}

.jslider .jslider-value {

	font-size: 9px;

	white-space: nowrap;

	padding: 1px 2px 0;

	position: absolute;

	top: -25px;

	left: 20%;

	background: rgba(0,0,0,0);

	line-height: 12px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	-o-border-radius: 2px;

	border-radius: 2px;

}

.jslider .jslider-value-to {

	left: 80%;

}

.jslider .jslider-label small, .jslider .jslider-value small {

	position: relative;

	top: -0.4em;

}

.jslider .jslider-scale {

	position: relative;

	top: 9px;

}

.jslider .jslider-scale span {

	position: absolute;

	height: 5px;

	border-left: 1px solid #999;

	font-size: 0;

}

.jslider .jslider-scale ins {

	font-size: 9px;

	text-decoration: none;

	position: absolute;

	left: 0px;

	top: 5px;

	color: #999;

}

.jslider-single .jslider-pointer-to, .jslider-single .jslider-value-to, .jslider-single .jslider-bg .v, .jslider-limitless .jslider-label {

	display: none;

}



/*----------------------------      Shop View Sec Pagination     --------------------------------------*/



.shop-view-sec .pagination {

	margin: 20px 0 0;

	padding: 0;

	width: 100%;

	text-align: center;

	border-radius: 0px;

}

.shop-view-sec .pagination > li {

	display: inline-block;

}

.shop-view-sec .pagination > li i {

	font-size: 30px;

	color: #ccc;

}

.shop-view-sec .pagination > li > a:hover, .shop-view-sec .pagination > li > a:focus, .shop-view-sec .pagination > li > .current, .shop-view-sec .pagination > li > .disabled:hover {

	color: rgba(0, 91, 157, 0.89);

	background: rgba(0,0,0,0);

	cursor: pointer;

}

.shop-view-sec .pagination-sm > li > a, .shop-view-sec .pagination-sm > li > span {

	color: #333;

	font-size: 20px;

	font-weight: bold;

	font-style: normal;

	height: 30px;

	line-height: 30px;

	margin-bottom: 0px;

	padding: 3px;

	text-align: center;

	width: 30px;

	border: none;

}

.blog-area-sec .pagination-sm > li:first-child > a, .blog-area-sec .pagination-sm > li:first-child > span {

	border-radius: 0;

	border: none;

}

.blog-area-sec .pagination-sm > li:last-child > a, .blog-area-sec .pagination-sm > li:last-child > span {

	border-radius: 0;

	border: none;

}





/* ======================================================================================================= */

/* 14. Cart Page Styles                                                                                    */

/* ======================================================================================================= */





.cart-sec {

	width: 100%;

	height: auto;

	padding: 100px 0;

}

.cart-sec .view-cart-box {

	width: 100%;

	height: auto;

	border: 1px solid #ccc;

	float: left;

}

.cart-sec .view-cart-box .btn-box {

	border-bottom: 1px solid #ccc;

	text-align: center;

	height: auto;

	width: 100%;

	float: left;

}

.cart-sec .view-cart-box .btn-box:last-child {

	border-bottom: none;

}

.cart-sec .view-cart-box .item-detail {

	border-bottom: 1px solid #ccc;

	width: 100%;

	height: auto;

	float: left;

}

.cart-sec .view-cart-box .item-detail li {

	float: left;

	width: 15%;

	display: inline-block;

}

.cart-sec .view-cart-box .item-detail li:nth-child(5n+2) {

	width: 40%;

}

.cart-sec .view-cart-box .item-detail li .title-holder {

	background: #eee;

	color: #333;

	font-size: 16px;

	height: 58px;

	line-height: 56px;

	text-align: left;

	font-weight: bold;

	padding: 0 25px;

	border-bottom: 1px solid #ccc;

}

.cart-sec .view-cart-box .item-detail li .content-holder {

	font-size: 16px;

	font-weight: normal;

	color: #666;

	line-height: 20px;

	padding: 25px;

	text-align: left;

}

.cart-sec .view-cart-box .item-detail li .content-holder i {

	font-size: 18px;

}

.cart-sec .view-cart-box .item-detail li .content-holder img {

	width: 95px;

	height: 95px;

	overflow: hidden;

	border: 1px solid #eee;

}

.cart-sec .view-cart-box .item-detail li .select-btn {

	background: #ffffff none repeat scroll 0 0;

	border: 1px solid #cccccc;

	color: #666666;

	display: inline-block;

	font-size: 14px;

	height: 30px;

	line-height: 29px;

	margin: 0 5px 30px 0;

	padding: 0 10px;

	text-align: center;

	text-transform: uppercase;

	width: 85px;

	border-radius: 5px;

}

.cart-sec .cart-details {

	margin-top: 50px;

	width: 100%;

	height: auto;

	float: left;

}

.cart-sec .cart-details hr {

	background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;

	border: 0 none;

	display: block;

	height: 1px;

	margin: 10px auto;

	padding: 0;

	width: 92%;

}

.cart-sec .detail-box-outer {

	border: 1px solid #ccc;

}

.cart-sec .left .detail-box-outer {

	min-height: 300px;

}

.cart-sec .content-box {

	border: 1px solid #ccc;

	margin: 0 5% 3%;

	padding: 10px 15px;

	width: 90%;

	font-size: 16px;

	line-height: 24px;

	color: #b3b3b3;

	font-weight: normal;

}

.cart-sec .detail-box-outer p {

	font-size: 16px;

	line-height: 20px;

	margin: 10px 0px;

	padding: 0;

}

.cart-sec .detail-box-outer p span {

	font-weight: normal;

	float: right;

}

.cart-sec .title {

	height: 58px;

	width: 100%;

	text-align: left;

	font-family: 'Varela Round', sans-serif;

	background: #eee;

	border-bottom: 1px solid #ccc;

	line-height: 56px;

	font-size: 24px;

	color: #333;

	padding: 0 30px;

	margin: 0px 0px 15px;

}

.cart-sec input[type="radio"], .cart-sec input[type="checkbox"] {

	margin-right: 5px;

}

.detail-box-outer .cart-large-btn {

	margin: 0 auto 25px;

}

.cart-sec .text-box {

	width: 100%;

	display: block;

	padding: 0 15px;

	margin: 0 auto 15px;

	border: 1px solid #ccc;

	appearance: none;

	text-align: left;

	color: #c5c5c5;

	font-size: 16px;

	height: 38px;

	line-height: 37px;

}

.cart-sec .detail-box-outer .box-content {

	padding: 25px 30px;

}

.box-content p {

	margin: 0 0 30px;

	font-size: 14px !important;

	line-height: 24px !important;

}

.box-content p a {

	color: #666;

}

.box-content p a:hover {

	color: rgba(0, 91, 157, 0.89);

}

.cart-large-btn {

	width: auto;

	padding: 0 20px;

	border-radius: 40px;

	background: rgba(0, 91, 157, 0.89);

	text-align: center;

	line-height: 30px;

	font-size: 16px;

	color: #fff;

	font-family: 'Varela Round', sans-serif;

	margin: 10px auto 0px;

	display: block;

	height: 40px;

	overflow: hidden;

	cursor: pointer;

}

.cart-large-btn:after {

	content: "\f0a9";

	font-family: FontAwesome;

	font-size: 33px;

	position: relative;

	right: -10px;

	top: 6px;

}

a.cart-large-btn {

	color: #fff !important;

	display: inline-block;

}



/*----------------------------    Checkout page styles     --------------------------------------*/



.checkout-sec {

	width: 100%;

	height: auto;

	padding: 90px 0 100px;

	min-height: 700px;

}

.checkout-sec .info-box {

	height: 48px;

	width: 100%;

	background: #eee;

	border-top: 4px solid rgba(0, 91, 157, 0.89);

	line-height: 45px;

	padding: 0 50px;

	font-size: 14px;

	text-align: left;

	margin: 0 0 20px;

}

.checkout-sec .info-box a {

	color: rgba(0, 91, 157, 0.89);

}

.checkout-sec .info-box i {

	color: rgba(0, 91, 157, 0.89);

}

.checkout-sec .info-box:before {

	content: "\f0ae";

	color: rgba(0, 91, 157, 0.89);

	font-size: 18px;

	font-family: 'FontAwesome';

	position: relative;

	left: -30px;

}

.checkout-sec .detail-box-outer {

	border: 1px solid #ccc;

	margin-bottom: 50px;

}

.checkout-sec .left .detail-box-outer {

	min-height: 300px;

}

.checkout-sec .content-box {

	border: 1px solid #ccc;

	margin: 0 4% 3%;

	padding: 10px 15px;

	width: 92%;

	font-size: 16px;

	line-height: 24px;

	color: #b3b3b3;

}

.checkout-sec .detail-box-outer p {

	font-size: 16px;

	line-height: 20px;

	color: #333;

	margin: 0px 0px 15px;

	padding: 0 4%;

}

.checkout-sec .title {

	height: 58px;

	width: 100%;

	text-align: left;

	font-family: 'Varela Round', sans-serif;

	background: #eee;

	border-bottom: 1px solid #ccc;

	line-height: 56px;

	font-size: 24px;

	color: #333;

	padding: 0 30px;

	margin: 0px 0px 15px;

}

.checkout-sec input[type="radio"], .checkout-sec input[type="checkbox"] {

	margin-right: 5px;

}



/*----------------------------    Wishlist page Styles    --------------------------------------*/



.wish-list-area {

	width: 100%;

	height: auto;

}

.wish-list-sec {

	width: 100%;

	height: auto;

	padding: 100px 0px;

	float: left;

}

.basic-table {

	float: left;

	height: auto;

	width: 100%;

	border: 1px solid #cccccc;

}

.basic-table .title-holder {

	background: #eee;

	color: #333;

	font-size: 16px;

	height: 58px;

	line-height: 56px;

	text-align: left;

	padding: 0 25px;

	border-bottom: 1px solid #ccc;

}

.basic-table .title-holder td {

	padding: 0 20px;

}

.basic-table .content-holder {

	font-size: 16px;

	color: #666;

	line-height: 20px;

	padding: 25px;

	text-align: left;

}

.basic-table .content-holder td {

	padding: 20px;

}



/*----------------------------    Accordion Toggle Styles    --------------------------------------*/









/* ======================================================================================================= */

/* 15. Contact Page Styles                                                                                 */

/* ======================================================================================================= */





.contact-detail-area {

	width: 100%;

	height: auto;

}

.contact-area-sec {

	width: 100%;

	height: auto;

}

.contact-area-sec .map-area {

	width: 100%;

	height: auto;

	float: left;

}

#map {

	width: 100%;

	height: 525px;

}

.contact-area-sec .map-area iframe {

	width: 100%;

	height: 530px;

}

.contact-area-sec .content-area {

	width: 100%;

	height: auto;

	padding: 100px 0;

	float: left;

}

.contact-area-sec .form-area {

	display: block;

}

.contact-area-sec .address-area {

	display: block;

}

.contact-area-sec h2 {

	font-size: 30px;

	text-align: left;

	cursor: pointer;

	font-weight: bold;

	color: #333;

	line-height: 30px;

	margin: 0 0;

}

.contact-area-sec h5 {

	font-family: 'Varela Round', sans-serif;

	font-size: 18px;

	line-height: 30px;

	color: #333;

	text-align: left;

	margin: 0;

	padding: 0;

}

.contact-area-sec p {

	margin: 5px 0 20px;

	padding: 0;

}

.contact-area-sec p b {

	font-weight: 400;

}

.contact-form-sec {

	width: 100%;

	height: auto;

	display: block;

	margin: 30px 0 0;

}

.address-area {

}

.contact-form-sec form .text-field-box {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	border: 1px solid #ccc;

	border-radius: 0;

	color: #666;

	font-family: "Varela Round", sans-serif;

	font-size: 15px;

	height: 48px;

	line-height: 47px;

	padding: 0 25px;

	text-align: left;

	width: 100%;

	margin: 0 auto 30px;

}

.contact-form-sec .more-butten {

	display: block;

	margin-left: 0;

	margin-right: 0;

	width: 140px;

	height: 43px;

}

.contact-form-sec textarea {

	height: 110px !important;

}

#contact-form {

	width: 100%;

	display: block;

	height: auto;

}

#contact-loading {

	color: rgba(0, 91, 157, 0.89);

	font-family: "Varela Round", sans-serif;

	font-size: 24px;

	line-height: 36px;

	padding: 100px 0;

	text-align: left;

	font-weight: bold;

	width: 99%;

	margin: 0;

}

#contact-success {

	color: rgba(0, 91, 157, 0.89);

	font-family: "Varela Round", sans-serif;

	font-size: 24px;

	line-height: 36px;

	padding: 100px 0;

	text-align: left;

	font-weight: bold;

	width: 99%;

	margin: 0;

}

#contact-failed {

	color: rgba(0, 91, 157, 0.89);

	font-family: "Varela Round", sans-serif;

	font-size: 24px;

	line-height: 36px;

	padding: 100px 0;

	text-align: left;

	font-weight: bold;

	width: 99%;

	margin: 0;

}

contact-form-sec form .text-field-box.error {

	border: 1px solid rgba(0, 91, 157, 0.89) !important;

}

.text-field-box.error {

	border: 1px solid rgba(0, 91, 157, 0.89) !important;

}





/* ======================================================================================================= */

/* Social Media Icon Styles                                                                                */

/* ======================================================================================================= */





.social-icon {

	width: auto;

	float: left;

	margin: 10px 0px 20px;

	display: block;

	text-align: center;

}

.social-icon li {

	background: rgba(0, 91, 157, 0.89);

	border-radius: 100%;

	display: inline-block;

	font-size: 18px;

	margin-right: 8px;

	text-align: center;

	color: #fff;

	transition: all 0.2s ease-out 0s;

	-webkit-transition: all 0.2s ease-out 0s;

	-moz-transition: all 0.2s ease-out 0s;

	-ms-transition: all 0.2s ease-out 0s;

	-o-transition: all 0.2s ease-out 0s;

	width: 40px;

	height: 40px;

	line-height:41px;

	over-flow: hidden;

}

.social-icon li a {

	color: #fff;

}

.social-icon li:hover {

	background: #666;

}



/*----------------------------       Social Icon Rounded Simple      --------------------------------------*/



.social-icon-rounded-simple {

	width: auto;

	float: left;

	margin: 10px 0px 20px;

	display: block;

	text-align: center;

}

.social-icon-rounded-simple li {

	background: #eeeeee;

	border-radius: 100%;

	display: inline-block;

	font-size: 16px;

	margin-right: 8px;

	text-align: center;

	color: #666666;

	transition: all 0.2s ease-out 0s;

	-webkit-transition: all 0.2s ease-out 0s;

	-moz-transition: all 0.2s ease-out 0s;

	-ms-transition: all 0.2s ease-out 0s;

	-o-transition: all 0.2s ease-out 0s;

	width: 35px;

	height: 35px;

	line-height: 35px;

	over-flow: hidden;

}

.social-icon-rounded-simple li a {

	color: #666666;

}

.social-icon-rounded-simple li:hover, .social-icon-rounded-simple li a:hover {

	color: rgba(0, 91, 157, 0.89);

}



/*----------------------------       Social Icon  Simple        -----------------------------------------*/



.social-icon-simple {

	width: auto;

	float: right;

	text-align: center;

	margin: 10px 0px 20px;

}

.social-icon-simple li {

	display: inline-block;

	font-size: 18px;

	margin-right: 10px;

	text-align: center;

	color: #666;

	transition: all 0.2s ease-out 0s;

	-webkit-transition: all 0.2s ease-out 0s;

	-moz-transition: all 0.2s ease-out 0s;

	-ms-transition: all 0.2s ease-out 0s;

	-o-transition: all 0.2s ease-out 0s;

	width: 20px;

	height: 20px;

	line-height: 20px;

	over-flow: hidden;

}

.social-icon-simple li a {

	color: #666;

}

.social-icon-simple li a:hover {

	color: rgba(0, 91, 157, 0.89);

}





/* ======================================================================================================= */

/* 16. Common Page Area Styles                                                                             */

/* ======================================================================================================= */





.common-page-area {

	width: 100%;

	height: auto;

}

.common-content-sec {

	width: 100%;

	height: auto;

	padding:80px 0px 0;

}

.common-content-main {

	width: 100%;

	height: auto;

	padding: 0px 0px 80px;

}

.common-content-main h1 {

	text-align: center;

	margin: 0 0 30px;

	padding: 0px;

	display: block;

	line-height: 50px;

	color: rgba(0, 91, 157, 0.89);

}

.common-heading {

	text-align: left;

	margin:40px 0 20px;

	padding: 0px;

	display: block;

	line-height: 40px;

	color: rgba(0, 91, 157, 0.89);

	font-size: 40px;

	width: 100%;

}

.tab-form-sec{

	width:100%;

	padding-top:40px;

	padding-bottom:50px;

}

.common-heading.dark {

	color: #333;

}

.common-content-sec .common-content-main h2 {

	text-align: center;

}

.common-content-main img {

	max-width: 100%;

	display: block;

	margin: 0 auto 20px;

}

.common-content-items {

	width: 100%;

	height: auto;

	background: #eee;

	padding: 20px 0 60px;

	margin: 50px 0 0;

}

.common-content-sec .social-icon-rounded-simple, .common-content-sec .social-icon-simple , .common-content-sec .social-icon {

	text-align:left;

	float: left;

	display: block;

	width:100%;

}

.common-content-sec .tab-content-area {

	margin: 0px;

}

.row.heading-area h1, .row.heading-area h2, .row.heading-area h3 {

	margin: 10px 0;

}

.row.heading-area h4, .row.heading-area h5, .row.heading-area h5 {

	margin: 20px 0 10px;

}

.text-field-box {

	background: rgba(255, 255, 255, 1) none repeat scroll 0 0;

	border: 1px solid #ccc;

	border-radius: 0;

	color: #666;

	font-family: "Varela Round", sans-serif;

	font-size: 15px;

	height: 48px;

	line-height: 47px;

	padding: 0 25px;

	text-align: left;

	width: 100%;

	margin: 0 auto 15px;

}

.butten-area{

	padding-bottom:30px;

}

.butten-area .common-heading{

	margin:20px 0;

}

.paragraph-area{

	margin-top:50px;

}

.paragraph-area .common-heading{

	margin:20px 0;

}

.butten-area a {

	display: block;

	margin: 15px 0 0px;

}

.common-content-sec textarea {

	height: 110px !important;

}

.four-column-sec h3 {

	text-align: center !important;

}

.four-column-sec p {

	text-align: center !important;

}

.four-column-sec .post-text {

	text-align: center !important;

	line-height: 24px;

	display: block;

}

.four-column-sec .button-normal::after {

	top: 7px;

}



/*-----------------------   List Sytle Default  ------------------------*/



.list-style-default {

    display: block;

    margin:10px 0 ;

    padding:0;

    width: 100%;

}

.list-style-default li {

    color: #666666;

    display: block;

    font-size: 14px;

    font-weight: normal;

    height: auto;

    line-height:36px;

    margin: 0;

    padding: 0;

    text-align: left;

    width: 100%;

}

.list-style-default li a {

    color: #333;

}

.list-style-default li a:hover {

    color:rgba(0, 91, 157, 0.89);

}



/*-----------------------   List Sytle One  ------------------------*/



.list-style-one {

	display: block;

	height: auto;

	list-style: outside none none;

	margin:10px 0 ;

	width: 100%;

}

.list-style-one li {

	color: #333333;

	display: block;

	font-size: 14px;

	line-height: 36px;

	list-style: outside none none;

	padding: 0 0 0 25px;

	text-align: left;

	width: 100%;

}

.list-style-one li a {

	color: #333333;

}

.list-style-one li a:hover {

	color: rgba(0, 91, 157, 0.89);

}

.list-style-one li::before {

	color: #999999;

	content: "\f178";

	font-family: "FontAwesome";

	font-size: 14px;

	left: -20px;

	position: relative;

}



/*-----------------------   List Sytle Two  ------------------------*/



.list-style-two {

	width: 100%;

	height: auto;

	display: block;

	list-style: none;

	margin:10px 0 50px;

	float: left;

}

.common-content-sec .list-style-two{

	margin-bottom:10px;

}

.list-style-two li {

	width: 100%;

	display: block;

	list-style: none;

	text-align: left;

	font-size: 14px;

	line-height: 36px;

	color: #333;

	padding:0 0 0 25px;

	float: left;

	font-weight: normal;

}

.list-style-two li a {

	color: #333;

}

.list-style-two a:hover {

	color: rgba(0, 91, 157, 0.89);

}

.list-style-two li:before {

	content: "\f101";

	color: #333;

	font-size: 14px;

	font-family: 'FontAwesome';

	position: relative;

	left: -20px;

	font-weight: normal;

}

.image-thumb {

	width: 100%;

	height: auto;

	margin: 10px auto 20px;

	display: block;

	background: #fff;

	text-align: center;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.image-thumb-holder-small {

	width: 100%;

	height: auto;

	position: relative;

	display: block;

	margin: 10px auto 20px;

	background: #fff;

	padding: 5px;

	text-align: center;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.image-thumb-small {

	width: 100%;

	height: auto;

	display: block;

	position: relative;

	margin: 10px auto 20px;

	background: #fff;

	padding: 5px;

	text-align: center;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.image-thumb-small img {

	margin: 0 auto ;

	max-width: 100%;

	display: block;

}

.image-thumb-small .mask-overlay {

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	right: 0;

	position: absolute;

	opacity: 0;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

	background-color: rgba(244, 82, 62, 0.6);

	display: flex;

	padding: 10px 20px;

	-webkit-align-items: center;

	align-items: center;

	-webkit-align-content: center;

	align-content: center;

	text-align: center;

	font-size: 20px;

	color: #fff;

}

.image-thumb-small:hover .mask-overlay {

	opacity: 1;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.common-content-sec .image-thumb-small,

.common-content-sec .image-thumb-holder-small,

.common-content-sec .image-thumb{

	margin:10px 0 20px !important;

}



.borderd {

	border: 1px solid #eee;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}



.icon-large {

	font-size: 100px;

	padding: 0 0 20px;

	color: rgba(0, 91, 157, 0.89);

	text-align: center;

}

.icon-medium {

	font-size: 50px;

	margin: 0 0 5px;

	color: rgba(0, 91, 157, 0.89);

	text-align: center;

}

.dark-color {

	color: #333 !important;

}

.light-color {

	color: #fff !important;

}

.icon-area-sec {

	text-align:left;

	padding: 20px 0;

}







/* ======================================================================================================= */

/* 17. 404 Page Styles                                                                                     */

/* ======================================================================================================= */



/*----------------------------   Error Page Styles        -----------------------------------------*/



.error-title {

	text-align: center;

	font-size: 350px;

	line-height: 250px;

	color: #d4d4d4;

	padding: 50px 0 0 0;

	margin: 0px;

	font-weight: bold;

	display: block;

}

.error-sub-title {

	text-align: center;

	font-size: 130px;

	line-height: 130px;

	color: rgba(0, 91, 157, 0.89);

	padding: 0;

	margin: 0px;

	text-transform: uppercase;

	font-weight: bold;

	display: block;

}

.error-sec-text {

	text-align: center;

	font-size: 30px;

	line-height: 30px;

	color: #999;

	padding: 0;

	margin: 50px;

	font-weight: bold;

	display: block;

}



/*----------------------------   Maintenance Mode        -----------------------------------------*/



.countdown-sec {

	width: 100%;

	height: auto;

	background: url(/web/20210509013526im_/https://www.supertoldo.com.br/images/count-down.jpg) no-repeat center center fixed;

	background-size: cover !important;

}

.countdown-container {

	background-color: rgba(244, 82, 62, 0.9);

	color: #ffffff;

	margin: 0 auto;

	padding: 315px 0;

}

h1 span.cont-down-title {

	color: #ffffff;

	font-size: 120px;

	line-height: 44px;

	margin: 0 0 145px;

	display: block;

	padding: 0px;

	text-align: center;

	text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);

}

.countdown-container p {

	color: #ffffff;

	font-family: 'Varela Round', sans-serif;

	font-size: 36px;

	margin: 0 0 100px;

	display: block;

	padding: 0px;

	text-align: center;

	text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);

}

.count-dwn-cnt li {

	display: inline-block;

	width: 24.6%;

	text-align: center;

	color: rgba(255,255,255,1);

	margin-bottom: 40px;

}

.count-dwn-cnt li:nth-child(4n+1) span {

	color: rgba(255,255,255,1);

}

.count-dwn-cnt li:nth-child(4n+2) span {

	color: rgba(255,255,255,0.90);

}

.count-dwn-cnt li:nth-child(4n+3) span {

	color: rgba(255,255,255,0.75);

}

.count-dwn-cnt li:nth-child(4n+4) span {

	color: rgba(255,255,255,0.60);

}

.count-dwn-cnt span {

	font-family: 'Varela Round', sans-serif;

	font-size: 24px;

	line-height: 30px;

	margin: 0px auto;

	display: block;

	padding: 0px;

	color: rgba(255,255,255,1);

	text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

	text-transform: uppercase;

}

.count-dwn-cnt span.count {

	font-size: 120px;

	margin: 0 auto 40px;

	font-family: 'Varela Round', sans-serif;

}

.countdown {

	margin: 0 auto;

	padding: 0;

	text-align: center;

}





/* ======================================================================================================= */

/* 18. Footer Area Styles                                                                                  */

/* ======================================================================================================= */





.footer-area {

	width: 100%;

	height: auto;

}

.footer-sec {

	width: 100%;

	height: auto;

	float: left;

	background: #333;

}

.footer-sec h2 {

	font-size: 24px;

	text-align: right;

	color: #fff;

	line-height: 18px;

	margin: 5px 0 20px;

}

.footer-sec h3 {

	color: rgba(0, 91, 157, 0.89);

	font-size: 18px;

	text-align: right;

	font-weight: 700;

	line-height: 18px;

	margin: 10px 0 5px;

	display: block;

	width: 100%;

	float: left;

}

.footer-sec .logo {

	width: 100%;

	margin-bottom: 30px;

}

.footer-top {

	width: 100%;

	height: auto;

	padding: 70px 0 43px;

}

.footer-top p {

	font-size: 14px;

	color: #999;

	margin: 0px;

}

.footer-top p span {

	font-weight: bold;

}

.footer-top .address {

	width: 100%;

	float: left;

	padding-bottom: 20px;

}

.footer-top .address p {

	font-size: 14px;

	margin: 0px;

	padding: 0px;

}

.footer-middle {

	background: #272727;

	padding: 23px 0 0;

	width: 100%;

	min-height: 85px;

	float: left;

	height: auto;

}

.footer-sec .social-icon {

	width: auto;

	float: right;

	margin: 5px 0 0;

	padding: 0;

	display: block;

	text-align: center;

}

.footer-sec .social-icon a {

	background: #484848;

	border-radius: 100%;

	display: inline-block;

	font-size: 14px;

	margin-left: 0 0 0 6px;

	text-align: center;

	color: #272727;

	transition: all 0.2s ease-out 0s;

	-webkit-transition: all 0.2s ease-out 0s;

	-moz-transition: all 0.2s ease-out 0s;

	-ms-transition: all 0.2s ease-out 0s;

	-o-transition: all 0.2s ease-out 0s;

	width: 30px;

	height: 30px;

	line-height: 30px;

	overflow: hidden;

}

.footer-sec .social-icon a:hover {

	background: #666;

}

.footer-sec .link-sec {

	width: 100%;

	display: block;

	padding: 0 0 20px 0;

	margin: 0px;

}

.footer-sec .link-sec li {

	width: 100%;

	display: block;

	height: auto;

	margin: 0px;

	padding: 0;

	color: #666;

	text-align: right;

	line-height: 30px;

	font-size: 14px;

	font-weight: normal;

}

.footer-sec .link-sec li a {

	color: #666;

}

.footer-sec .link-sec li a:hover {

	color: #ccc;

}

.footer-sec label {

	float: left;

	width: auto;

	line-height: 40px;

	text-align: center;

	margin-right: 10px;

	font-size: 18px;

	color: #999;

	font-weight: normal;

}

.footer-sec .mail-btn {

	width: 230px;

	height: 40px;

	line-height: 40px;

	background: #484848;

	color: #999;

	font-size: 14px;

	padding: 0 36px 0 16px;

	border: none;

	margin: 0;

	float: left;

}

.footer-sec .send-btn {

	height: 40px;

	width: 40px;

	line-height: 40px;

	background: #484848;

	text-align: center;

	border: none;

	float: left;

	color: #999;

	font-size: 24px;

}

.footer-sec .pay-img {

	display: inline-block;

	margin: 15px 10px 15px 0;

}

.footer-sec .row-div {

	margin: 0;

	padding: 0px;

	float: left;

	width: 100%;

}

.footer-sec form {

	float: left;

}

.footer-sec .row-div h2 {

	margin: 0 0 20px;

}

.copy-right {

	width: 100%;

	height: auto;

	float: left;

	padding: 15px 0 !important;

	background: #333;

}

.copy-right p {

	font-size: 14px;

	color: #666;

	margin: 0px;

	padding: 0px;

}

.copy-right a {

	color: rgba(0, 91, 157, 0.89);

}

.copy-right a:hover {

	color: #333;

}



	

/* ======================================================================================================= */

/* 19. Media Query                                                                                         */

/* ======================================================================================================= */





@media (max-width: 1400px) { /* This media query is written for 1400PX resolution devices */



.main-banner .flex-direction-nav a:before {

	font-size: 60px;

}

.main-banner .flex-direction-nav a.flex-next:before {

	font-size: 60px;

}

.fun-fact-area .fun-sec-right {

	padding: 101px 50px;

}

.countdown-container {

	background-color: rgba(244, 82, 62, 0.9);

	color: #ffffff;

	margin: 0 auto;

	padding: 230px 0 300px;

}

h1 span.cont-down-title {

	margin: 0 0 120px;

}



}



 @media (max-width: 1100px) { /* This media query is written for 1100PX resolution devices */



.header-area .top-bar-menu li {

	padding: 0px 0px 0px 20px;

}

header .top-bar-menu ul li:hover ul{

	left:-5px;

}

.main-banner .slides li {

	width: 100% !important;

	overflow: hidden;

}

.main-banner .flexslider .slides img {

	max-width: none;

	width: 110%;

}

.main-banner .flexslider .caption h1 {

	font-size: 80px;

	margin: 20% 0 5%;

}

.main-banner .flexslider .caption p {

	font-size: 20px;

}

.main-banner .flex-direction-nav a {

	width: 55px;

	height: 50px;

	top: 47%;

}

.main-banner .flex-direction-nav a:before {

	top: 9px;

	font-size: 50px;

}

.main-banner .flex-direction-nav a.flex-next:before {

	font-size: 50px;

	right: 3%;

}

.main-banner .flex-direction-nav .flex-prev {

	left: 3% !important;

}

.main-banner .flex-direction-nav .flex-next {

	right: 3% !important;

}

.fun-fact-area .fun-sec-left {

	padding: 90px 30px 90px 0px;

}

.fun-fact-area .fun-sec-right {

	padding: 108.5px 30px 108.5px 30px;

}

.fun-fact-area .fun-sec-right .fun-detail {

	height: auto;

	list-style: outside none none;

	overflow: hidden;

	width: 430px;

}

.fun-sec-left p {

	font-size: 15px;

}

h1 span.cont-down-title {

	font-size: 100px;

}

.count-dwn-cnt span.count {

	font-size: 100px;

}

.features-box-sec {

	padding: 100px 0;

}

.yummeybite {

	padding: 100px 0;

}

.best-seller {

	padding: 100px 0;

}

.featured-product {

	padding: 100px 0;

}

.best-seller .container {

	padding: 0 30px;

}

.featured-product .container {

	padding: 0 30px;

}

.amazingcarousel-prev::after {

	top: 7px;

}

.amazingcarousel-next::after {

	top: 7px;

}



}



 @media (max-width: 991px) { /* This media query is written for Ipad and tablets */



.header-area .logo h1 {

	text-align: center;

}

.header-area .logo img {

	margin: 0 auto;

	display: block;

}

.header-area nav .menu {

	text-align: center;

	margin: 25px 0 0;

}

.header-area .bottom-bar {

	padding: 35px 0 10px;

}

.header-area.navbar-fixed-top .bottom-bar {

	padding: 15px 0 10px;

}

header nav .menu li:hover .sub-menu {

	display: block;

	position: absolute;

	top: 0px;

	margin: 0px;

}

.header-area.navbar-fixed-top .menu li:hover .sub-menu {

	padding: 15px 0px 0;

	top: 20px;

}

.yummeybite .main-img img {

	width: auto;

	margin: 0 auto 10px;

	display: block;

}

.main-banner {

	height: auto;

	margin-top: 160px;

	width: 100%;

}

.inner-page {

	margin-top: 165px;

}

.main-banner .flexslider .caption h1 {

	font-size: 60px;

	margin: 21% 0 3%;

}

.special-heading .top-sec h1 {

	font-size: 34px;

}

.special-heading .bottom-sec .image-holder-area li {

	display: block;

	width: 340px;

	margin: 0 auto 30px;

	padding: 0px;

	overflow: hidden;

}

.special-heading .bottom-sec .image-holder-area li:nth-child(3n+2) {

	margin: 0 auto 30px;

}

.special-heading .bottom-sec .image-holder-area li:last-child {

	margin: 0 auto 40px;

}

.special-heading .sub-nav-menu {

	margin-right: 0px;

	width: auto;

}

.yummeybite {

	padding: 90px 0;

}

.features-box-sec {

	padding: 90px 0;

}

.wish-list-sec {

	padding: 90px 0;

}

.fun-fact-area {

	height: auto;

}

.fun-fact-area .fun-sec-left {

	padding: 70px 30px;

	width: 100%;

	float: left;

	text-align: center;

}

.fun-sec-left h3 {

	text-align: center;

}

.fun-sec-left h2 {

	text-align: center;

	margin: 0 auto;

	float: none;

	max-width: 97%;

}

.fun-sec-left p {

	text-align: center;

}

.right-align {

	float: none;

}

.fun-fact-area .fun-sec-right {

	padding: 70px 10px;

	width: 100%;

	float: left;

	position: relative;

}

.fun-fact-area .fun-sec-right .fun-detail {

	margin: 0 auto;

	width: 460px;

}

.download-app-sec hr {

	margin: 20px auto 0 !important;

	display: block;

}

.download-app-sec-left {

	padding: 40px 15px 0;

}

.download-app-sec-right {

	height: auto;

	padding: 40px 15px;

	text-align: center;

}

.download-app-sec-right h2 {

	font-size: 40px;

	line-height: 40px;

	text-align: center;

}

.download-app-sec-right p {

	text-align: center;

}

.download-app-sec-right h3 {

	text-align: center;

}

.down-app-btn {

	float: none;

	display: inline-block;

	margin-top: 15px;

}

.nbs-flexisel-inner {

	display: block;

	margin: 0 auto !important;

	overflow: hidden;

	width: 90%;

}

.product-area-sec {

	padding: 80px 0;

}

.shop-view-sec {

	padding: 90px 0;

}

.shop-product-bar {

	margin-top: 50px;

}

.shop-products .items {

	display: block;

	margin: 0 auto;

	max-width: 500px;

}

.shop-products .image-area {

	margin-top: 40px;

}

.blog-area-sec h2 {

	text-align: center;

	font-size: 34px;

}

.blog-area-sec .full-width-row .social-icon-rounded-simple {

	margin-bottom: 60px;

}

.blog-area-sec .full-width-row .right-area p, .blog-area-sec .full-width-row .left-area p {

	text-align: center;

}

.blog-area-sec .full-width-row .right-area span {

	text-align: center;

}

.blog-area-sec .full-width-row .social-icon-simple {

	width: 100%;

}

.blog-area-sec .full-width-row .right-area .more-butten, .blog-area-sec .full-width-row .left-area .more-butten {

	margin: 0 auto 20px;

}

.blog-area-sec .left-area {

	padding: 0px;

	margin-bottom: 25px;

}

.comment-form-sec form .text-field-box {

	margin-bottom: 15px;

}

.full-width-row .page-content {

	padding: 0 0 30px;

}

.latest-post-list li .img-sec {

	float: left;

	width: auto;

	margin-right: 3%;

}

.latest-post-list li .text-sec {

	float: left;

	width: 63%;

}

.cart-sec {

	padding: 90px 0px;

}

.cart-sec .cart-details.row {

	width: 100%;

	margin: 0px 0 0;

}

.cart-sec .row .col-md-6:last-child .detail-box-outer {

	margin-top: 50px;

}

.cart-sec .cart-details .detail-box-outer:last-child {

	margin-top: 50px;

}

.cart-details.row .left {

	padding: 0;

}

.cart-details.row .right {

	padding: 0;

}

.cart-sec .view-cart-box .item-detail li .content-holder {

	padding: 20px 15px;

}

.cart-sec .view-cart-box .item-detail li .title-holder {

	padding: 0 15px;

}

.contact-area-sec .content-area {

	padding: 90px 0;

}

.contact-form-sec {

	margin: 20px 0 0;

}

.contact-area-sec .address-area {

	margin-top: 50px;

}

.contact-form-sec form .text-field-box {

	margin-bottom: 15px;

}

.text-field-box {

	margin-bottom: 15px !important;

}

.footer-sec h2 {

	text-align: center;

	font-size: 20px;

	width: 100%;

	float: left;

}

.footer-top {

	padding-bottom: 50px;

}

.footer-sec p, .footer-top .address p {

	text-align: center;

}

.footer-sec .logo img {

	max-width: 100%;

	margin: 0 auto;

	display: block;

}

.footer-middle .row {

	width: 100%;

	float: left;

	margin: 0px;

}

.footer-middle .row .col-md-6 {

	width: 100%;

	float: left;

}

.footer-sec form {

	display: block;

	float: none;

	margin: 10px auto 0;

	max-width: 360px;

	width: 100%;

}

.footer-sec .mail-btn {

	width: 224px;

}

.footer-sec h3 {

	text-align: center;

}

.footer-sec .link-sec {

	margin-bottom: 20px;

	float: left;

}

.footer-sec .link-sec li {

	text-align: center;

}

.footer-sec .address {

	margin-bottom: 20px;

	float: left;

	width: 100%;

}

.footer-sec .row-div {

	display: block;

	margin: 0 auto 20px;

	text-align: center;

	position: relative;

}

.footer-middle {

	padding: 23px 0;

}

.footer-sec .social-icon {

	text-align: center;

	width: 100%;

	margin: 20px 0 0;

}

.footer-sec .social-icon a {

	margin: 0 6px 0 0;

}

h1 span.cont-down-title {

	font-size: 80px;

	margin-bottom: 100px;

}

.count-dwn-cnt span.count {

	font-size: 80px;

	margin-bottom: 30px;

}

.count-dwn-cnt span {

	font-size: 18px;

	line-height: 24px;

}

.countdown-container p {

	margin-bottom: 60px;

}

.count-dwn-cnt li {

	width: 24%;

}

.image-thumb-small {

	width: 100%;

	height: auto;

	display:block;

}



}



 @media (max-width: 768px) { /* This media query is written for Mobile landscape and Ipad and tablets portrait */



.main-banner .flexslider .caption h1 {

	font-size: 50px;

	margin: 20% 0 2%

}

.caption .view-more-butten {

	line-height: 35px;

	font-size: 20px;

	padding: 0 20px;

	width: 200px;

	margin: 10px auto;

	height: 50px;

}

.caption .view-more-butten:after {

	font-size: 40px;

	right: -20px;

	top: 7px;

}

.inner-page .top-sec {

	height: 210px !important;

}

.inner-page .top-sec .mask {

	padding: 80px 0;

}

.down-app-btn {

	margin-top: 10px;

}

.about-content-sec {

	padding: 80px 0 0;

}

.yummeybite {

	padding: 80px 0;

}

.best-seller {

	padding: 80px 0;

}

.featured-product {

	padding: 80px 0;

}

.features-box-sec {

	padding: 80px 0;

}

.blog-area-sec {

	padding: 80px 0px;

}

.blog-detail-sec {

	padding: 80px 0px;

}

.product-area-sec {

	padding: 80px 0px;

}

.cart-sec {

	padding: 80px 0px;

}

.cart-sec .detail-box-outer {

	margin-bottom: 0px;

}

.shop-view-sec {

	padding: 80px 0;

}

.client-sec {

	padding: 75px 0px;

}

.wish-list-sec {

	padding: 80px 0;

}

.error-title {

	padding: 0;

}

.features-sec .feature-box {

	margin: 50px 0 0;

}

.download-app-sec-left {

	padding: 60px 15px 0;

}

.download-app-sec-left img {

	max-width: 95%;

}

.download-app-sec-right {

	padding: 60px 15px;

}

.contact-area-sec .content-area {

	padding: 80px 0;

}

.amazingcarousel-item-container {

	margin: 0 10px !important;

}

}



 

 @media (max-width: 767px) {



.header-area {

	position: relative;

}

.header-area .bottom-bar {

	height: auto;

	padding: 35px 0 5px;

}

.header-area.navbar-fixed-top .bottom-bar {

	padding: 15px 0 0;

}

header .top-bar-menu ul li:hover ul{

	left:-15px;

}

.header-area .main-menu-sec {

	height: 13px;

}

.toggle + a, .menu {

	display: none;

}

.toggle {

	display: block;

	padding: 20px;

	color: #FFF;

	font-size: 30px;

	line-height: 40px;

	text-decoration: none;

	border: none;

}

#mob-menu {

	display: block;

	font-size: 24px;

	color: rgba(0, 91, 157, 0.89);

	text-align: left;

	z-index: 999;

	transition: all 0.5s ease 0s;

	cursor: pointer;

	top: -25px;

	appearance: none;

	position: relative;

	width: 50px;

}

#mob-menu:hover {

	color: #000;

	transition: all 0.5s ease 0s;

}

.menu {

	display: none;

}

.header-area .top-bar {

	height: auto;

}

.header-area .top-bar p {

	text-align: center;

}

.header-area .top-bar-menu {

	width: 100%;

	padding: 10px 15px !important;

}

.header-area .top-bar .left {

	width: 100%;

}

.header-area .top-bar-menu li {

	padding: 0 10px;

}

.header-area .logo h1 {

	text-align: center;

}

.main-banner {

	height: auto;

	margin-top: 0px;

	width: 100%;

}

.main-banner .flexslider .caption span {

	display: block;

	padding: 0 80px;

	font-size: 26px;

}

.inner-page {

	margin-top: 0px;

}

.inner-page .top-sec .title-area-sec {

	width: 100%;

}

.special-heading .top-sec h1 {

	font-size: 30px;

}

.special-heading .bottom-sec .overlay-box p {

	font-size: 30px;

	line-height: 30px;

}

.special-heading .top-sec .mask {

	padding: 60px 0;

}

.special-heading .sub-nav-menu {

	width: 100%;

	float: left;

	text-align: left;

	margin-right: -25px;

	margin-top: 10px;

}

.special-heading .sub-nav-menu li {

	font-size: 16px;

	line-height: 24px;

	color: #333;

	display: inline-block;

	padding-left: 0px;

	padding-right: 30px;

	font-weight: normal;

}

.yummeybite h1 {

	font-size: 40px;

	line-height: 40px;

	margin: 40px auto;

}

.best-seller h1 {

	font-size: 28px;

	line-height: 28px;

}

.featured-product h1 {

	font-size: 28px;

	line-height: 28px;

}

.features-sec h1 {

	font-size: 56px;

	line-height: 60px;

}

.shop-product-bar {

	width: 100%;

	height: auto;

	float: left;

	padding: 8px 15px;

}

.shop-product-bar li:last-child {

	float: none;

}

.shop-product-bar li {

	margin-left: 10px;

}

.download-app-sec-left {

	width: 100%;

	float: left;

	padding: 40px 0 0;

	height: auto;

}

.download-app-sec-left img {

	max-width: 60%;

	margin: 0 auto;

	display: block;

}

.download-app-sec-right {

	width: 100%;

	float: left;

	height: auto;

	padding: 40px 0;

}

.tab-content-area label {

	padding: 15px 10px;

	font-size: 17px;

}

#tab1:checked ~ .content #content1, #tab2:checked ~ .content #content2, #tab3:checked ~ .content #content3, #tab4:checked ~ .content #content4, #tab5:checked ~ .content #content5, #tab6:checked ~ .content #content6, #tab7:checked ~ .content #content7, #tab8:checked ~ .content #content8, #tab9:checked ~ .content #content9, #tab10:checked ~ .content #content10 {

	display: block !important;

	margin: 30px 0px;

	padding: 0px 30px;

}

.blog-detail-sec .left-area {

	padding-bottom: 60px;

	width: 100%;

	float: left;

}

.blog-detail-sec .left-area .row {

	margin: 0px;

}

.replay-sec .users-list li .user-comment {

	width: 70%;

}

.replay-sec .users-list li .user-pic {

	width: 25%;

}

.cart-sec .view-cart-box .btn-box {

	height: auto;

}

.cart-sec .view-cart-box .item-detail li {

	float: left;

	width: 100%;

	display: block;

}

.cart-sec .view-cart-box .item-detail li .title-holder {

	border-top: 1px solid #ccc;

}

.cart-sec .view-cart-box .item-detail li:nth-child(5n+2) {

	width: 100%;

}

.social-icon, .social-icon-rounded-simple, .social-icon-simple {

	text-align: center;

	float: left;

	display: block;

	width: 100%;

}

.image-thumb-small {

	width: 100%;

	height: auto;

	display:block;

}

.error-title {

	font-size: 250px;

	line-height: 200px;

}

.error-sub-title {

	font-size: 100px;

	line-height: 100px;

}

.countdown-container {

	padding: 100px 0 200px;

	height: 100%;

}

h1 span.cont-down-title {

	font-size: 60px;

	margin-bottom: 80px;

	line-height: 70px;

}

.count-dwn-cnt span.count {

	font-size: 60px;

	margin-bottom: 20px;

}

.countdown-container p {

	font-size: 28px;

}



}



 

 @media (max-width: 480px) { /* This media query is written for Mobile only */



h1 {

	font-size: 38px;

}

.header-area .top-bar-menu {

	padding: 0;

}

.header-area .top-bar-menu ul {

	margin: 0;

	padding: 0;

}

.header-area .top-bar-menu li {

	padding: 0 5px 10px;

	font-size: 13px;

}

header .top-bar-menu ul li:hover ul{

	left:-20px;

}

.header-area .top-bar-menu li:last-child {

	padding: 0;

}



.main-banner .flex-direction-nav a {

	width: 45px;

	height: 40px;

	top: 45%;

}

.main-banner .flex-direction-nav a:before {

	top: 5px;

	font-size: 28px;

}

.main-banner .flex-direction-nav a.flex-next:before {

	font-size: 28px;

}

.main-banner .flexslider .slides img {

	width: auto;

	max-width: 125%;

}

.main-banner .flexslider .caption h1 {

	margin: 22% 0 2%

}

.main-banner .flexslider .caption span {

	padding: 0 20px;

	font-size: 20px;

	background: none;

}

.inner-page .top-sec .mask {

	padding: 50px 0 0 !important;

}

.special-heading .top-sec .title-area-sec {

	width: 100%;

}

.special-heading .bottom-sec .image-holder {

	padding: 6px;

}

.special-heading .bottom-sec .overlay-box p {

	top: 30%;

}

.special-heading .bottom-sec .overlay-box:hover::before {

	top: 29%;

}

.special-heading .top-sec .butten-area-sec {

	width: 100%;

}

#amazingcarousel-1 .amazingcarousel-prev, #amazingcarousel-2 .amazingcarousel-prev {

	right: 38px;

	top: -69px;

	width: 30px !important;

	height: 40px!important;

}

#amazingcarousel-1 .amazingcarousel-next, #amazingcarousel-2 .amazingcarousel-next {

	margin-right: 0;

	right: 0;

	top: -69px;

	width: 30px!important;

	height: 40px!important;

}

.amazingcarousel-prev::after, .amazingcarousel-next::after {

	font-size: 20px;

	padding: 5px 8px;

}

.about-area-sec .left-area {

	padding-top: 10px;

}

.teambox .content-holder h2 {

	margin: 0 0 5px;

}

.about-content-sec {

	padding: 60px 0 0;

}

.yummeybite {

	padding: 60px 0;

}

.best-seller {

	padding: 60px 0;

}

.featured-product {

	padding: 60px 0;

}

.features-box-sec {

	padding: 60px 0;

}

.blog-area-sec {

	padding: 60px 0px;

}

.fun-fact-area .fun-sec-left .more-butten {

	margin: 0 auto;

}

.shop-view-sec {

	padding: 60px 0;

}

.wish-list-sec {

	padding: 60px 0;

}

.features-sec .feature-box i {

	padding: 0 0 10px;

}

.features-sec .feature-box {

	margin: 40px 0 0;

}

.fun-sec-left h2 {

	font-size: 45px;

}

.product-area-sec {

	padding: 60px 0;

}

.right-align {

	width: 160px !important;

	margin: 0 auto 10px !important;

}

.fun-fact-area .fun-sec-right .fun-detail {

	margin: 0 auto;

	width: 300px;

}

.fun-fact-area .fun-sec-right .fun-detail li {

	padding: 0 0 20px;

}

.fun-fact-area .fun-sec-right .fun-detail li:nth-child(2n+3) {

	padding: 20px 0 0;

}

.fun-fact-area .fun-sec-right .fun-detail li:nth-child(2n+4) {

	padding: 20px 0 0;

}

.fun-sec-right .fun-detail li i {

	font-size: 30px;

}

.fun-sec-right .fun-detail li h2 {

	font-size: 50px;

}

/*.more-butten {

	width: 100%;

	margin: 0px 0 10px;

	display: block;

}*/

.download-app-sec-left {

	padding: 60px 0 0;

}

.download-app-sec-right {

	padding: 40px 0 60px;

}

.cart-sec {

	padding: 60px 0px;

}

.cart-sec .detail-box-outer {

	margin-bottom: 0px;

}

.client-sec {

	padding: 60px 0;

}

.teambox .content-holder h2 {

	font-size: 20px;

}

.features-sec h1 {

	font-size: 42px;

	line-height: 50px;

}

.special-heading .top-sec h1 {

	font-size: 28px;

}

.nbs-flexisel-nav-right {

	background-size: 80% !important;

	background-position: center center !important;

	right: -5px;

	top: 10px!important;

}

.nbs-flexisel-nav-left {

	background-size: 80% !important;

	left: -5px;

	background-position: center center !important;

	top: 10px!important;

}

.blog-area-sec h2 {

	margin: 0 0 20px;

}

.blog-area-sec .left-area {

	padding-bottom: 0;

	margin-bottom: 20px;

}

.blog-area-sec .right-area {

	padding-bottom: 30px;

	float: left;

}

.blog-area-sec h2 {

	text-align: center;

	font-size: 26px;

	line-height: 32px;

}

.blog-area-sec p {

	margin: 0 0 20px;

}

.blog-area-sec .full-width-row .social-icon-simple {

	margin-top: 5px;

}

.image-thumb-small {

	width: 100%;

	height: auto;

	margin: 10px auto 20px;

	display:block;

}

.blog-detail-sec {

	padding: 60px 0px;

}

.product-area-sec {

	padding: 60px 0px;

}

.product-details-gallery .previews a {

	width: 100%;

	margin-right: 0;

}

.product-details-sec {

	margin: 0 0 50px;

}

.product-details-gallery .previews a {

	max-width: 24%;

	height: auto;

}

.product-details-gallery {

	margin: 0 0 50px;

}

.tab-content-area label {

	display: block;

	width: 100%;

	border-top: 1px solid #ccc;

	padding: 10px;

	font-size: 16px;

}

.product-area-sec h2 {

	margin: 0 0 10px;

}

.tab-content-area {

	margin: 40px 0 0;

}

.basic-table td {

	padding: 10px;

}

.basic-table .title-holder {

	height: auto;

	line-height: 20px;

	padding: 10px;

	font-size: 14px;

}

.basic-table .content-holder {

	height: auto;

	line-height: 20px;

	font-size: 14px;

}

.checkout-sec .info-box:before {

	left: -20px;

}

.checkout-sec .info-box {

	height: auto;

	line-height: 30px;

	padding: 10px 40px;

	text-align: center;

}

.checkout-sec .title {

	height: auto;

	line-height: 30px;

	padding: 8px 15px;

	font-size: 20px;

}

.checkout-sec .left .detail-box-outer {

	min-height: 200px;

}

.social-icon-simple {

	display: block;

	margin: 20px auto 0;

	width: 100%;

}

.fun-sec-left h2 {

	font-size: 40px;

	line-height: 46px;

}

.common-content-sec {

	padding: 60px 0px 0px;

}

.common-content-main {

	padding: 0px 0px 60px;

}

.contact-area-sec .content-area {

	padding: 60px 0;

}

.contact-area-sec .address-area {

	margin-top: 30px;

}

.error-title {

	font-size: 190px;

	line-height: 180px;

}

.error-sub-title {

	font-size: 80px;

	line-height: 70px;

}

.error-sec-text {

	font-size: 25px;

	margin: 35px 0;

}

.footer-sec form {

	text-align: center;

	max-width: 270px;

}

.footer-sec label {

	width: 100%;

	text-align: center;

}

.countdown-container {

	padding: 100px 0;

	height: 100%;

}

.count-dwn-cnt span.count {

	font-size: 80px;

}

.count-dwn-cnt li {

	width: 100%;

	display: block;

	margin-bottom: 60px;

}

.countdown-container p {

	font-size: 22px;

	margin-bottom: 60px;

}



}



 

 @media (max-width: 414px) { /* This media query is written for Mobile only */



.main-banner .flexslider .caption h1 {

	line-height: 20px;

	margin: 24% 0 2%;

	font-size: 33px;

}

.main-banner .flexslider .caption span {

	background: none;

}

header .top-bar-menu ul li:hover ul{

	width:180px; 

}

header .top-bar-menu li .cart-item-details-box{

	width:180px;right:-20px;

}

header .top-bar-menu li:hover .cart-item-details-box{

	width:180px;right:-20px;

}

.caption .view-more-butten:after {

	font-size: 24px;

	right: -20px;

	top: 2px;

}

.special-heading .bottom-sec .image-holder-area li {

	width: 300px;

}

.special-heading .top-sec .title-area-sec {

	float: left;

	width: 100%;

}

.special-heading .top-sec .butten-area-sec {

	float: left;

	padding: 10px 0 0;

	width: 100%;

}

.special-heading .bottom-sec .image-holder-area li{

	width:100% !important;

}

.special-heading .bottom-sec .image-holder img{

	width:100%;

}

}





 @media (max-width: 380px) { /* This media query is written for Mobile only */





.header-area.navbar-fixed-top{

	position:relative;

}

.header-area .bottom-bar{

	padding:20px 0 15px;

}

.header-area.navbar-fixed-top .bottom-bar{

	padding:20px 0 15px;

}

.main-banner .flexslider .slides img {

	width: 130%;

}

.main-banner .flexslider .caption h1 {

	font-size: 30px;

	line-height: 20px;

}

.main-banner .flexslider .caption p {

	font-size: 12px;

	line-height: 12px;

	margin: 15px 0 5px;

}

.main-banner .flexslider .caption span {

	font-size: 17px;

}

.main-banner .flex-direction-nav .flex-prev {

	left: 4% !important;

}

.replay-sec .users-list li .user-comment {

	width: 100%;

	display: block;

	margin: 0 auto 20px;

}

.replay-sec .users-list li .user-pic {

	width: 100%;

	display: block;

	margin: 0 auto 10px;

}

.latest-post-list li {

	height: auto;

}

.latest-post-list li .img-sec {

	float: left;

	width: 47%;

	display: block;

}

.latest-post-list li .text-sec {

	float: left;

	width: 50%;

}

.special-heading .bottom-sec .overlay-box:hover::before {

	top: 28%;

}

.special-heading .bottom-sec .overlay-box p {

	top: 27%;

}

.special-heading .bottom-sec .image-holder-area li {

	width: 260px;

}

.product-details-gallery .previews a {

	max-width: 23%;

	height: auto;

}

.down-app-btn {

	margin: 0px auto 10px;

	display: block;

}

.error-title {

	font-size: 160px;

	line-height: 150px;

}

.error-sub-title {

	font-size: 60px;

	line-height: 50px;

}

.countdown-container p {

	font-size: 20px;

	margin-bottom: 50px;

}

.fun-fact-area .fun-sec-right .fun-detail {

	width: 100%;

}

.footer-sec form {

	width: 100%;

}

.footer-sec .mail-btn {

	width: 84%;

}

.row {

	margin: 0px;

}

.footer-sec form {

	text-align: center;

	max-width:100%;

}

.footer-sec .send-btn{

	width:20%;

	max-width:40px;

}

.footer-sec .mail-btn{

	width:80%;

}



}



 @media (max-width: 320px) { /* This media query is written for Mobile only */



}

@media only screen and (min-width: 700px){
	.parte-celular {
		display: none;
	}
	
	
	
}


/**/



nav.nav-celular > ul {
      list-style-type: none;
    /* width: 100vw; */
    
    display: flex;
    margin-top: 15px;
    justify-content: space-between;
}

li.hamburger {
  display: none;
}

nav > ul li {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  padding: .5em 1em;
}

li.hamburger > .button {
  float: right;
  margin-right: 2em;
  width: 1.5em;
  height: 1.5em;
  user-select: none;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

li.hamburger > .button:hover {
  cursor: pointer;
}

nav > ul li:not(.hamburger):hover {
  color: #333;
  cursor: pointer;
}

.button div {
    display: block;
    height: 3px;
    width: 2em;
    background: #fff;
    transition: .3s all;
}

#check {
  display: none;
  transform: translateX(-100vw);
}

#check:checked ~ nav > ul li:not(.hamburger) {
  display: inline-block;
}

#check:checked ~ nav > ul li.hamburger {
  border-bottom: 1px solid #fff;
}

#check:checked ~ nav > ul li.hamburger  > label {
  transform: translateX(5.5px);
}

label {
  transition: .3s all;
}

#check:checked ~ nav > ul li.hamburger > label div:nth-of-type(2) {
  display: none;
}

#check:checked ~ nav > ul li.hamburger > label div:first-of-type {
  transform: rotate(45deg);
  width: 1.2em;
  height: 1.5px;
}

#check:checked ~ nav > ul li.hamburger > label div:last-of-type {
  transform: rotate(-45deg);
  width: 1.2em;
  height: 1.5px;
}

#check:checked ~ nav > ul li.hamburger > label {
  justify-content: center;
}

@media screen and (max-width: 775px) {
  nav > ul {
    flex-direction: column;
/*    border-bottom: 1px solid #fff;*/
  }
  li.hamburger {
   display: flex;
    margin-left: auto;
    width: 100vw;
  }
  li:not(.hamburger) {
    display: none;
  }
  nav > ul li:not(.hamburger):hover {
    color: #333;
    cursor: pointer;
    transform: translateX(10px);
  }
}

p {
  color: #fff;
}




/**/


.nav-celular a {
	color: #fff;
}




/**/

nav.nav-celular > ul {
*background-color: #007b7b;  /*IE 7*/
}
nav.nav-celular > ul {
_background-color: #007b7b;  /*IE 6*/
}
nav.nav-celular > ul {
background-color: #007b7b\0/;  /*IE 8*/ 
}
@media all and (min-width:0) {/*IE 9*/
	nav.nav-celular > ul {background: #007b7b;}
}
@-moz-document url-prefix(){/*FIREFOX*/
  	nav.nav-celular > ul {background: #007b7b;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){/*chrome e safari*/
	nav.nav-celular > ul {background: #007b7b;}
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){/*Opera*/
	nav.nav-celular > ul {background: #007b7b;}
}





/*
     FILE ARCHIVED ON 01:35:26 May 09, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:36:33 Aug 06, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.802
  exclusion.robots: 0.032
  exclusion.robots.policy: 0.015
  esindex: 0.023
  cdx.remote: 149.161
  LoadShardBlock: 100.648 (3)
  PetaboxLoader3.datanode: 132.388 (5)
  load_resource: 322.961 (2)
  PetaboxLoader3.resolve: 223.871 (2)
*/