/*
Theme Name: My Custom Theme
Theme URI: http://example.com
Author: Your Name
Author URI: http://example.com
Description: A custom theme created for WordPress.
Version: 1.0
*/
/********** Template CSS **********/

@media screen and (min-width: 480px) {
    .icon-boxes{
        background: linear-gradient(
            -45deg,
            #f1fc5b,
            #c5c75b,
            #c0c75d,
            #f1f88f,
            #473d80,
            #436196,
            #524485,
            #866fd8
        );
        background-size: 400% 400%;
        animation: gradient 9s ease infinite;
        
    }
    
    @keyframes gradient {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }

  }


  .icon-boxes{
        background: linear-gradient(
            -45deg,
            #e9f16e,
            #f1fc5b,
            #c5c75b,
            #c0c75d,
            #f1f88f,
            #473d80,
            #436196,
            #524485,
            #866fd8
        );
        background-size: 400% 400%;
        animation: gradient 9s ease infinite;
        
    }
    
    @keyframes gradient {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }
.more {
    border: none;
    border-radius: 7px;
    font-size: 16px;
    width: 101px;
    height: 32px;
    background: #ffbf00;
}

.more:hover{
        width: 98px;
}
/*.img-fluid:hover{
    width: 303px;
    cursor: pointer;
}*/


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.conta {
  background: url("assets/img/contact-bg.png") left center no-repeat;
  position: relative;
}

.conta .container {
  position: relative;
}

.conta .info {
  width: 100%;
   margin-top: 96px;
}

.conta .info i {
  font-size: 20px;
  background: #0880e8;
  color: #fff;
  float: left;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}
.conta .info .email,
.conta .info .phone {
  margin-top: 40px;
}

.conta .info h4 {
  padding: 0 0 0 60px;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #043c6d;
}

.conta .info p {
  padding: 0 0 0 60px;
  margin-bottom: 0;
  font-size: 14px;
  color: #444444;
}

.bx-default-pager h1{
    color: #f7db04;
/*    font-family: 'bootstrap-icons';*/
    margin-bottom: 10%;
    font-size: 56px;
}
.col-md-6.col-lg-3.d-flex.align-items-stretch.mb-5.mb-lg-2.aos-init.aos-animate {
    padding: 10px;
}
.col-md-6.col-lg-3.d-flex.align-items-stretch.mb-5.mb-lg-3.aos-init.aos-animate {
    padding: 10px;
}
/*@media (max-width:500px) {*/
/*  .bx-wrapper{*/
/*       height: 396px !important;*/
/*  }*/
/*}*/

@media (max-width:400px) {
  .ico{
    margin-top: -14px;
  }
}
@media (max-width:450px) {
  .ico>.bi{
    font-size: 49px !important;
  }
}
.ico>.bi{
  font-size: 60px;
  color: #000000;
  background: #ffdf35;
  border-radius: 7px;
}
.close_menu>.bi{
  font-size: 31px;
}
.bx-viewport {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 413px;
}
@media (max-width:440px) {
  .bx-viewport{
       height: 227px !important;
  }
 .banners{
       height: 227px !important;
  }
  section#portfolio {
    margin-top: 0%;
}
.section-title {
      text-align: center;
    padding-bottom: 30px;
    margin-top: 50px;
}
	.abou{
		margin-top:-45px !important;
	}
	.bx-pager.bx-default-pager h1 {
    font-size: 30px;
}
	.banne{
		height: 227px !important;
	}
	.cont .info {
    width: 100%;
    margin-top: -11px;
    margin-bottom: 49px;
}
	form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style){width: 25% !important;}
	
	div#wpcf7-f84-o1 {
    justify-content: center;
    margin-left: 0% !important;
}
	.conta .info {
  width: 100%;
   margin-top: -14px;
}    
}


.banne{
	width: 100%;
	height: 778px;
}
.term>ul{
	    list-style: unset !important;
}
.bx-default-pager>h1{
	text-transform: uppercase;
}


input, textarea{padding:6px;font-size:18px}
::placeholder{padding-left:1px; font-size:18px}

div#wpcf7-f84-o1 {
    justify-content: center;
    margin-left: 14%;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    height: 33px;
}
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
	 width: 190%;
    height: 33px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 148px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 30%;
    border-radius: 5px;
    border: 1px solid;
    font-size: 18px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
	background-color:#ffdf35;
	color:black;
	font-size:20px;
	word-wrap:below;
}