@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

p, h1, h2, h3, h4, h5, h6{
	padding: 0px;
	margin: 0px;
}

ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

button{
	background: transparent;
	outline: none;
	border: none;
	box-shadow: none;
	cursor: pointer;
}

input, textarea, select{
	background: transparent;
	outline: none;
	border: none;
	box-shadow: none;
}

body{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	overflow: hidden!important;
	margin: 0px!important;
}

img{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}

html{
	overflow-y: auto;
}

.entry-header.alignwide, #site-navigation, #masthead, footer.entry-footer.default-max-width, aside.widget-area{
	display: none!important;
}

.slick-prev, .slick-next{
	display: none!important;
}

@media only screen and (min-width: 769px) {

	.banner-home-st-1{
		background-image: url('https://ortoup.com.br/wp-content/uploads/2023/04/banner-home-1-min.jpg');
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: bottom center;
	    position: relative;
	    height: 100vh;
	    max-height: 879px;
	}

	.container-el-box-1{
		background-image: url('https://ortoup.com.br/wp-content/uploads/2023/04/img-home-1-min.png');
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 100%;
	    border-radius: 50px;
	    padding: 50px 0px;
	    position: relative;
	}

	.container-el-box-1:before{
		content: " ";
	    background: #684286;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    border-radius: 47px;
	    z-index: -1;
	    -webkit-transform: translate3d(-6px, 6px, 0px);
	    -moz-transform: translate3d(-6px, 6px, 0px);
	    -ms-transform: translate3d(-6px, 6px, 0px);
	    -o-transform: translate3d(-6px, 6px, 0px);
	    transform: translate3d(-6px, 6px, 0px);
	}

	.row-el-box{
		width: 100%;
	}	

	.col-el-box{
	    width: 50%;
	    position: relative;
	}	

	.col-el-box.img-el-box-1:after{
	    content: " ";
	    background-image: url(https://ortoup.com.br/wp-content/uploads/2023/04/img-home-3-min.png);
	    background-repeat: no-repeat;
	    background-size: 100% 100%;
	    height: 100%;
	    width: 20px;
	    position: absolute;
	    right: 0;
	    z-index: 10;
	}

	.col-el-box ul li{
		font-family: 'CODEC-PRO-REGULAR';
		font-style: normal;
		font-weight: 400;
		font-size: 1.8vw;
		line-height: 1;
		text-align: left;
		color: #FFFFFF;
		margin-bottom: 25px;
		-webkit-display: flex;
		-moz-display: flex;
		-ms-display: flex;
		-o-display: flex;
		display: flex;
	    -webkit-align-items: center;
	    -moz-align-items: center;
	    -ms-align-items: center;
	    -o-align-items: center;
	    align-items: center;
	}

	.col-el-box ul li:before{
		content: url('https://ortoup.com.br/wp-content/uploads/2023/04/icon-home-1-min.png');
		margin-right: 10px;
		-webkit-transform: translateY(-3px);
		-moz-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
		-o-transform: translateY(-3px);
		transform: translateY(-3px);
	}

	.text-home-st-1{
		font-family: 'CODEC-PRO-HEAVY';
		font-style: normal;
		font-weight: 700;
		font-size: 2.6vw;
		line-height: 1;
		text-transform: uppercase;
		color: #FFFFFF;
	}

	.text-home-st-2 h4{
		font-family: 'CODEC-PRO-EXTRABOLD';
		font-style: normal;
		font-weight: 600;
		font-size: 2.5vw;
		line-height: 1;
		text-align: center;
		text-transform: uppercase;
		color: #343434;
	}

	.text-home-st-3 p{
		font-family: 'CODEC-PRO-REGULAR';
		font-style: normal;
		font-weight: 400;
		font-size: 2.15vw;
		line-height: 1.25;
		text-align: center;
		letter-spacing: 0.025em;
		color: #343434;
		max-width: 51ch;
	    margin: 0 auto;
	}

	.text-home-st-4 h4{
		font-family: 'CODEC-PRO-EXTRABOLD';
		font-style: normal;
		font-weight: 600;
		font-size: 2.15vw;
		line-height: 1.3;
		text-align: left;
		color: #535353;
	}

	.text-home-st-4 p{
		font-family: 'CODEC-PRO-REGULAR';
		font-style: normal;
		font-weight: 400;
		font-size: 1.65vw;
		line-height: 1.3;
		text-align: left;
		letter-spacing: 0.01em;
		color: #343434;
	}

	.text-home-st-5 h4{
		font-family: 'CODEC-PRO-REGULAR';
		font-style: normal;
		font-weight: 400;
		font-size: 1.65vw;
		line-height: 1.3;
		text-align: center;
		color: #535353;
	}

	.text-home-st-6{
		background: linear-gradient(108.51deg, #AA6DDA 19.74%, #684286 80.53%);
		padding: 50px 30px;
	}

	.text-home-st-6 p{
		font-family: 'CODEC-PRO-REGULAR';
		font-style: normal;
		font-weight: 400;
		font-size: 1.65vw;
		line-height: 1.3;
		text-align: center;
		color: #FFFFFF;
	}

	.btn-link-st-1 a{
		font-family: 'CODEC-PRO-HEAVY';
		font-style: normal;
		font-weight: 700;
		font-size: 1.65vw;
		line-height: 1;
		text-align: center;
		background: #35DB4B;
		border: 2px solid #35DB4B;
		color: #FFFFFF;
		border-radius: 5px;
		padding: 14px 40px;
		text-decoration: none;
		-webkit-display: inline-block;
		-moz-display: inline-block;
		-ms-display: inline-block;
		-o-display: inline-block;
		display: inline-block;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}

	.btn-link-hover-1 a:hover{
		background: transparent!important;
		color: #35DB4B!important;
	}

	.bg-home-st-1{
		background: #F9F9F9;
		padding: 100px 0px;
	}

	.img-slider-left-1{	
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    width: 41.66666667%;
	}

	.img-slider-left-1 div, .img-slider-left-1 figure, .img-slider-left-1 img{
		height: 100%!important;
		width: 100%!important;
	}

	.img-slider-left-1 img{
		-webkit-object-fit: cover;
		-moz-object-fit: cover;
		-ms-object-fit: cover;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.img-slider-right-1{
		background-image: url('https://ortoup.com.br/wp-content/uploads/2023/04/img-home-6-min.png');
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 80px;
	}

	.slide-home-container-1 {
	    padding: 7vw 7vw 0px 7vw;
	    margin-bottom: 50px;
	}

	.slide-home-container-1 ul li h4{
		font-family: 'CODEC-PRO-EXTRABOLD';
		font-style: normal;
		font-weight: 600;
		font-size: 3vw;
		line-height: 1;
		text-align: left;
		color: #67C9D2;
		margin-bottom: 30px!important;
	}

	.slide-home-container-1 ul li p{
		font-family: 'CODEC-PRO-REGULAR';
		font-style: normal;
		font-weight: 400;
		font-size: 1.85vw;
		line-height: 1.3;
		text-align: left;
		color: #FFFFFF;
	}

	.custom-slick-dots-1 .slick-dots li button:before{
	    font-size: 12px!important;
	    color: #D9D9D9!important;
	    opacity: 1!important;
	}

	.custom-slick-dots-1 .slick-dots li.slick-active button:before{
		color: #47A4AD!important;
	}

	.slide-home-container-2{
	    padding: 0px 50px;
	    margin-bottom: 50px;
	}

	.position-initial{
		position: initial!important;
	}

	.position-relative{
		position: relative;
	}

	.remove-inner > .vc_column-inner{
		padding-left: 0px!important;
		padding-right: 0px!important;
	}

	.layout-spacing-st-1{
		padding: 0px 100px!important;
	}

	.layout-spacing-st-2{
		padding-left: 100px!important;
		padding-right: 0px!important;
	}

	.layout-spacing-st-3{
		padding-left: 0px!important;
		padding-right: 100px!important;
	}

	.mt-250{
		margin-top: 250px;
	}
	
	.mt-150{
		margin-top: 150px;
	}

	.mt-140{
		margin-top: 140px;
	}
		
	.mt-130{
		margin-top: 130px;
	}

	.mt-120{
		margin-top: 120px;
	}

	.mt-110{
		margin-top: 110px;
	}

	.mt-100{
		margin-top: 100px;
	}

	.mt-90{
		margin-top: 90px;
	}

	.mt-80{
		margin-top: 80px;
	}

	.mt-70{
		margin-top: 70px;
	}

	.mt-60{
		margin-top: 60px;
	}

	.mt-50{
		margin-top: 50px;
	}

	.mt-40{
		margin-top: 40px;
	}

	.mt-30{
		margin-top: 30px;
	}

	.mt-20{
		margin-top: 20px;
	}	

	.mt-10{
		margin-top: 10px;
	}	

	.d-none-desktop{
		display: none!important;
	}

}

@media only screen and (max-width: 768px) {

	.padd-mob-1{
		padding: 0px 30px!important;
	}

	.d-none-mobile{
		display: none!important;		
	}

	.logo-desktop-st-1{
		max-width: 50vw;
    	margin: 0 auto;
	}

	.banner-home-st-1{
	    background-image: url(https://ortoup.com.br/wp-content/uploads/2023/04/banner-mobile-2-min.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: bottom center;
	    position: relative;
	    height: 100vh;
	    max-height: 500px;
	}

	.container-el-box-1{
		background-image: url('https://ortoup.com.br/wp-content/uploads/2023/04/img-home-1-min.png');
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 100%;
	    border-radius: 50px;
	    padding: 30px 0px 0px 0px;
	    position: relative;
	}

	.container-el-box-1:before{
		content: " ";
	    background: #684286;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    border-radius: 47px;
	    z-index: -1;
	    -webkit-transform: translate3d(-4px, 4px, 0px);
	    -moz-transform: translate3d(-4px, 4px, 0px);
	    -ms-transform: translate3d(-4px, 4px, 0px);
	    -o-transform: translate3d(-4px, 4px, 0px);
	    transform: translate3d(-4px, 4px, 0px);
	}

	.row-el-box{
		width: 100%;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}	


	.col-el-box img{
		max-width: 45vw;
	    height: auto;
	    margin-bottom: 50px;
	}

	.col-el-box ul{
		padding: 0!important;
	    margin: 20px!important;
	    column-count: 2;
	}

	.col-el-box{
	    width: 100%;
	    position: relative;
	}	

	.col-el-box.img-el-box-1:after{
	    content: " ";
	    background-image: url(https://ortoup.com.br/wp-content/uploads/2023/04/Vector-6.png);
	    background-repeat: no-repeat;
	    background-size: 100% 100%;
	    height: 20px;
	    width: auto;
	    position: absolute;
	    bottom: 0;
	    left: 30px;
	    right: 30px;
	    z-index: 10;
	}

	.col-el-box ul li{
		font-family: 'CODEC-PRO-REGULAR';
		font-style: normal;
		font-weight: 400;
		font-size: 3vw;
		line-height: 1.2;
		text-align: left;
		color: #FFFFFF;
		margin-bottom: 25px;
		-webkit-display: flex;
		-moz-display: flex;
		-ms-display: flex;
		-o-display: flex;
		display: flex;
	    -webkit-align-items: center;
	    -moz-align-items: center;
	    -ms-align-items: center;
	    -o-align-items: center;
	    align-items: center;
	}

	.col-el-box ul li:before{
		content: url('https://ortoup.com.br/wp-content/uploads/2023/04/icon-home-1-min.png');
		margin-right: 10px;
		-webkit-transform: translateY(-3px);
		-moz-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
		-o-transform: translateY(-3px);
		transform: translateY(-3px);
	}

	.text-home-st-1{
		font-family: 'CODEC-PRO-HEAVY';
		font-style: normal;
		font-weight: 700;
		font-size: 5vw;
		line-height: 1.1;
		text-transform: uppercase;
		color: #FFFFFF;
	}

	.text-home-st-2 h4{
		font-family: 'CODEC-PRO-EXTRABOLD';
		font-style: normal;
		font-weight: 600;
		font-size: 7vw;
		line-height: 1;
		text-align: center;
		text-transform: uppercase;
		color: #343434;
	}

	.text-home-st-3 p{
		font-family: 'CODEC-PRO-REGULAR';
		font-style: normal;
		font-weight: 400;
		font-size: 4.5vw;
		line-height: 1.25;
		text-align: center;
		letter-spacing: 0.025em;
		color: #343434;
		margin: 0 30px;
	}

	.text-home-st-4 h4{
		font-family: 'CODEC-PRO-EXTRABOLD';
		font-style: normal;
		font-weight: 600;
		font-size: 4.2vw;
		line-height: 1.3;
		text-align: left;
		color: #535353;
	}

	.text-home-st-4 p{
		font-family: 'CODEC-PRO-REGULAR';
		font-style: normal;
		font-weight: 400;
		font-size: 3.7vw!important;
		line-height: 1.3;
		text-align: left;
		letter-spacing: 0.01em;
		color: #343434;
	}

	.text-home-st-5 h4{
		font-family: 'CODEC-PRO-REGULAR';
		font-style: normal;
		font-weight: 400;
		font-size: 3.5vw;
		line-height: 1.3;
		text-align: center;
		color: #535353;
	}

	.text-home-st-6{
		background: linear-gradient(108.51deg, #AA6DDA 19.74%, #684286 80.53%);
		padding: 20px 30px;
	}

	.text-home-st-6 p{
		font-family: 'CODEC-PRO-REGULAR';
		font-style: normal;
		font-weight: 400;
		font-size: 4vw;
		line-height: 1.3;
		text-align: center;
		color: #FFFFFF;
	}

	.btn-link-st-1 a{
		font-family: 'CODEC-PRO-HEAVY';
		font-style: normal;
		font-weight: 700;
		font-size: 3.5vw;
		line-height: 1;
		text-align: center;
		background: #35DB4B;
		border: 2px solid #35DB4B;
		color: #FFFFFF;
		border-radius: 5px;
		padding: 14px 40px;
		text-decoration: none;
		-webkit-display: inline-block;
		-moz-display: inline-block;
		-ms-display: inline-block;
		-o-display: inline-block;
		display: inline-block;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}

	.btn-link-hover-1 a:hover{
		background: transparent!important;
		color: #35DB4B!important;
	}

	.bg-home-st-1{
		background: #F9F9F9;
		padding: 30px 0px;
	}

	.img-slider-left-1{	
		max-height: 300px;
	}

	.img-slider-left-1 div, .img-slider-left-1 figure, .img-slider-left-1 img{
		height: 100%!important;
		width: 100%!important;
	}

	.img-slider-left-1 img{
		-webkit-object-fit: cover;
		-moz-object-fit: cover;
		-ms-object-fit: cover;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.img-slider-right-1{
		background-image: url('https://ortoup.com.br/wp-content/uploads/2023/04/img-home-6-min.png');
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 30px;
	}

	.slide-home-container-1 {
	    padding: 30px!important;
	}

	.slide-home-container-1 ul{
		padding: 0px!important;
	}

	.slide-home-container-1 ul li h4{
		font-family: 'CODEC-PRO-EXTRABOLD';
		font-style: normal;
		font-weight: 600;
		font-size: 5vw;
		line-height: 1.15;
		text-align: left;
		color: #67C9D2;
		margin-bottom: 30px!important;
	}

	.slide-home-container-1 ul li p{
		font-family: 'CODEC-PRO-REGULAR';
		font-style: normal;
		font-weight: 400;
		font-size: 3.5vw;
		line-height: 1.3;
		text-align: left;
		color: #FFFFFF;
	}

	.custom-slick-dots-1 .slick-dots li button:before{
	    font-size: 12px!important;
	    color: #D9D9D9!important;
	    opacity: 1!important;
	}

	.custom-slick-dots-1 .slick-dots li.slick-active button:before{
		color: #47A4AD!important;
	}

	.slide-home-container-2{
	    padding: 0px 50px;
	    margin-bottom: 50px;
	}

	#wpadminbar{
		display: none!important;
	}
			
	.position-initial{
		position: initial!important;
	}

	.position-relative{
		position: relative;
	}

	.remove-inner > .vc_column-inner{
		padding-left: 0px!important;
		padding-right: 0px!important;
	}

	.flex-wrap-tablet{
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;  
	}                        

	#wpadminbar{
		display: none!important;
	}

	.mt-mob-10{
		margin-top: 10px;
	}

	.mt-mob-20{
		margin-top: 20px;
	}

	.mt-mob-30{
		margin-top: 30px;
	}

	.mt-mob-40{
		margin-top: 40px;
	}

	.mt-mob-50{
		margin-top: 50px;
	}

	.mt-mob-60{
		margin-top: 60px;
	}

	.mt-mob-100{
		margin-top: 100px;
	}	
	
	.layout-spacing-st-1{
		padding: 0px 30px!important;
	}

	.layout-spacing-st-2{
		padding-left: 30px!important;
		padding-right: 0px!important;
	}

	.layout-spacing-st-3{
		padding-left: 0px!important;
		padding-right: 30px!important;
	}

}