/**
 * Theme Name:     Twenty Twenty Child
 * Author:         the WordPress team
 * Template:       twentytwenty
 * Text Domain:	   twenty-twenty-child
 * Description:    Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
 */


.full-header {
	width: 100%;
	background-color: #0C356A;
	margin: 0px 0px 10px 0px;
}

.full-header .col-2 img {
	width: 100%;
	display: block;
}

.full-header h1 {
	font-family: 'Komika Axis', sans-serif;
	color: white;    
	font-size: 60px;   
    line-height: 120%;                                         
}

.full-header h1 span {
    display: block;
    font-size: 0.7em;
}

.full-header h1 b {
    font-family: 'Montserrat', sans-serif;
    display: block;
    background-color: #5D12D2;
    width: fit-content;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 0.6em;
    margin: 0px 0px 8px 0px;
}

.ui-wrapper {
	width: 100%;
	max-width: 1280px;
	margin: auto;
    padding: 0px 20px;
}

.flex-conter {
	display: flex;
    align-items: center;
}

.col-2 {
	width: 50%;
}

.col-2.left img {
    width: 100%;
}

.section-two {
	background: rgb(93,18,210);
	background: linear-gradient(90deg, rgba(93,18,210,1) 50%, rgba(12,53,106,1) 50%);
}

.section-two h2, .section-two h3, .section-two h4, .section-two h5, .section-two p {
	font-family: 'Montserrat', sans-serif;
}

.inter-form h2, .inter-form h3, .inter-form h4, .inter-form h5, .inter-form p {
	font-family: 'Montserrat', sans-serif;
}

.left {
    border-right: solid 5px white;
}

.right {
    border-left: solid 5px white;
}

.flex-conter.extra-line {
    display: flex;
    align-items: stretch;
}

.section-two .col-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 50px;
}

.info-part {
    margin: 10px auto;
    width: 90%;
}

.info-svg img {
    width: 100%;
    max-width: 150px;
}

.info-conter {
    display: flex;
    align-items: center;
    margin: 0px 0px 15px 0px;
}

.info-box h4 {
    border-bottom: solid 2px #40F7FF;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.info-box {
    padding: 0px 10px;
    width: calc(100% - 150px);
}

.info-box h3 {
    font-size: 30px;
    font-weight: 600;
}
.info-box h4, .info-box h5 {
    font-size: 19px;
}
.info-box h3, .info-box h4, .info-box h5 {
    margin: 3px 0px;
    color: white;
}

.col-2.left p {
    font-size: 17px;
    text-align: justify;
    color: white;
}

.col-2.left h3 {
    color: white;
    font-weight: 600;
    margin: 30px 0px 10px 0px;
    font-size: 27px;
}

h2.rar-title span:after {
    content: "";
    position: absolute;
    background-color: #40f7ff;
    width: 66%;
    height: 2px;
    top: 50%;
    right: 0px;
    z-index: -1;
}

h2.rar-title span {
    position: relative;
    display: block;
    background-color: #0c356a;
    z-index: 2;
}

h2.rar-title {
    color: white;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.section-tres {
    background-color: #5D12D2;
    margin-top: 10px;
    padding: 35px 0px;
}

.icon-info-dec h3 span {
    display: block;
}

.icon-info-dec h3 {
    color: #40f7ff;
    font-size: 19px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-weight: 600;
    margin: 3px 0px;
}
.icon-info-dec {
    width: 20%;
    text-align: center;
    border-right: solid 2px #40f7ff;
}

.section-tres .flex-conter .icon-info-dec:last-child {
    border-right: none;
}

.col-2.left {
    background-color: #5D12D2;
}

.col-2.right {
    background-color: #0C356A;
}

.info-part a {
	text-decoration: none;
}


/************* Form *****************/

.inter-form {
    background-color: #5d12d2;
    padding: 10px;
}

.inter-form input, .inter-form select {
    width: 100%;
    padding: 10px 0px;
    border-radius: 6px;
    border: solid 2px #9a68e7;
}

.inter-form input:focus, .inter-form select:focus {
    border: solid 2px #9a68e7; outline: none;
}

.inter-form {
    background-color: #5d12d2;
    padding: 10px;
}

.form-item {
    width: calc(50% - 10px);
}

.inter-form label span {
    color: white;
    font-size: 19px;
    margin: 0px 0px 0px 0px;
    display: block;
    padding: 0px;
}

.form-flex form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.inter-form input[type="submit" i] {
    width: 100%;
    background-color: #017b01;
    color: white;
    border: solid 2px #649964;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 40px 0px 0px 0px;
}

.inter-form p {
    width: 100%;
}

.intro-text-form h2 {
    color: #40f7ff;
    font-size: 51px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.intro-text-form {
    width: 100%;
    max-width: 600px;
    margin: auto;
}

.intro-text-form p {
    color: white;
    font-size: 21px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
        margin: 45px auto;
}



.inter-form .info-part a {
    display: block;
    width: calc(50% - 10px);
}

.inter-form .info-part {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-around;
}

.header-inner.section-inner {
    display: flex;
    flex-direction: row-reverse;
}

header#site-header {
    background: rgb(12,53,106);
    background: linear-gradient(121deg, rgba(12,53,106,1) 70%, rgb(195 32 38) 70%, rgb(195 32 38) 71%, rgba(255,255,255,1) 71%);
    border-bottom: solid #022553 3px;
}

footer#site-footer {
    margin: 0px;
    padding: 0px;
}

header#site-header a {
    color: #40f7ff;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}


/********************* Footer ****************************/
footer#site-footer {
    background-color: #0c356a;
    padding: 20px 0px;
}

.uf-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.col-footer-u {
    width: calc(50% - 10px);
}

.unitec-footer {
    width: 100%;
}

.unitec-footer h4, .unitec-footer h5 {
    color: white;
}

.rep a, .rep i, .rep address {
    color: #d7d7d7;
    font-size: 16px;
}

.rep {
    margin: 0px 0px 5px 0px;
}

.unitec-footer h4 {
    margin: 16px 0px 5px 0px;
    text-align: center;
    font-size: 30px;
}

.current-menu-item {
    border-bottom: solid 2px white;
}


@media only screen and (max-width: 1400px) { 
    h2.rar-title span:after {
        width: 51%;
    }
}

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

header#site-header {
    background: white;
}	

.header-inner.section-inner {
    display: flex;
    flex-direction: row;
}

.col-2.left p {
    font-size: 16px;
    line-height: 144%;
}

.full-header h1 {
    font-size: 37px;
    text-align: center;
}

	.col-2, .info-box {
    width: 100%;
}

.inter-form .info-part a {
    display: block;
    width: calc(100% - 10px);
}

.full-header {
    padding-top: 30px;
}

.full-header h1 b {
    width: auto;
}

.ui-wrapper {
    padding: 0px 0px;
}

.flex-conter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0px 30px;
}

.info-conter {
    display: flex;
    align-items: center;
    margin: 0px 0px 15px 0px;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-conter.extra-line {
    display: flex;
    align-items: stretch;
    padding: 0px;
}

.left {
    border-right: solid 0px white;
}

.right {
    border-left: solid 0px white;
}

.icon-info-dec {
    width: 100%;
    text-align: center;
    border-right: solid 0px #40f7ff;
}

h2.rar-title span:after {
    width: 50%;
}

.section-two {
    background: none;
}

.col-2.left {
    margin-bottom: 10px;
}

.section-two .col-2 {
    padding: 20px 30px;
}

.info-part a {
    text-decoration: none;
    margin: 68px 0px;
    display: block;
}

h2.rar-title {
    font-size: 32px;
}

.intro-text-form h2 {
    font-size: 41px;;
}

.form-item {
    width: calc(100% - 10px);
}


}