/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}

:root{

   --main-color: #116aac;
   --second-color: #2f91cf;
   --third-color: #fec031;
   --font-dark: #1d462b;
   --close-white: #f1f1f1;
   --white: #ffffff;
   --neutral: #f4fff8;
   --neutral-darker: #dcefe3;
   --neutral-accent: #dcefe3;
   --accent-dark: #105a50;

}

/*END CSS RESET*/

body{
 background-color: var(--close-white);
 font-family: 'Poppins', sans-serif;
}
h1{
   font-size: 2.5rem;
   line-height: 1.2;
   color: var(--font-dark);
}
h3{
   font-size: 1.5rem;
   line-height: 1.4;
   color: var(--font-dark);
}
p{
   font-size: 18px;
   line-height: 1.4;
}

.landing{
   max-width: 1400px;
   width: 100%;
   margin: 0 auto;
   padding: 60px 15px;
   box-sizing: border-box;
}
.landing .container{
   display: flex;
   justify-content: center;    
   flex-direction: column;  
}

.landing .container .row:not(:last-of-type){
   margin-bottom: 60px;
}
.landing .project-logo img{
   display: block;
   margin: 0 auto;
   width: 100%;
   max-width: 400px;
}
.landing .project-info h1{
   font-weight: bold;
   font-size: 2.5rem;
   margin-bottom: 15px;
   color: var(--font-dark);
}
.landing .project-info h3{
   font-size: 1.5rem;      
   line-height: 1.4;
   color: var(--font-dark);
   max-width: 600px;
   display: block;
   margin: 0 auto;
   opacity: 0.8;
   width: 100%;
}
.landing .project-info h3 span{
   font-weight: bold;
}
.landing .project-info{
   text-align: center;
}
.landing .other-projects{
   text-align: center;
}
.landing .other-projects h1{
   margin-bottom: 30px;
   font-weight: bold;
}
.landing .other-projects .projects{
   display: flex;
   align-items: center;
   justify-content: center;
}
.landing .other-projects .projects > a{
   display: block;
   text-decoration: none;
   color: var(--font-dark);
}
.landing .other-projects .projects .item{
   background-color: var(--white);
   display: block;
   padding: 30px;
   border-radius: 10px;
   box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
   max-width: 250px;
   width: 100%;
   margin: 15px;
   transition: 234ms ease;
   transform: translateY(0px);
}
.landing .other-projects .projects .item:hover{
   transform: translateY(-10px);
   transition: 123ms ease;
   box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}

.landing .other-projects .projects .item .row:not(:last-of-type){
   margin-bottom: 30px;
}
.landing .other-projects .projects .item .row:last-of-type{
   padding-top: 15px;
}
.landing .other-projects .projects .item .location{
   display: flex;
   justify-content: center;
   align-items: center;
}
.landing .other-projects .projects .item .location img{
   height: 25px;
   background-color: var(--main-color);
   border-radius: 50%;
   padding: 10px;
   margin-right: 10px;   
}
.landing .other-projects .projects .item .location p{
   font-size: 22px;
}
.landing .other-projects .projects .item .title{
   font-size: 25px;
   font-weight: bold;
}

.landing .other-projects .projects .item .description{
   font-size: 18px;      
}
.landing .other-projects .projects .item .description span{
   font-weight: bold;
}
.landing .other-projects .projects .item .row .button{
   background-color: var(--second-color);
   padding: 10px 15px;
   border-radius: 30px;
   color: white;      
   transition: 234ms ease;
}
.landing .other-projects .projects .item .row .button:hover{
   background-color: var(--main-color);
   transition: 123ms ease;
}
.landing .actual-project{
   text-align: center;
}
.landing .actual-project h1{
  font-weight: bold;
  font-size: 2.5rem;
  margin-bottom: 15px;
  color: var(--font-dark);
  margin-bottom: 30px;
}
.landing .actual-project .gallery{
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
   grid-template-rows: repeat(1, 200px);
   grid-gap: 1rem;
   grid-auto-flow: dense;
}
.landing .actual-project .gallery a {   
   grid-column: span 2;
   grid-row: span 2;
}
.landing .actual-project .gallery a img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 10px;   

}
@media screen and (max-width: 850px){
   .landing .other-projects .projects{
      flex-direction: column;
   }
   footer .links{
      flex-direction: column;
   }

   footer{
     margin: 0px 15px 30px!important;

  }
}
.privacy-body{
   background-color: var(--main-color);
   padding-top: 200px;
}
.privacy{
   padding-top: 100px;
   max-width: 1400px;
   
   margin: 0 auto;
   padding: 30px;
   border-radius: 15px;
   
   margin: 0px auto 60px;
   margin-top: 300px;
}
.privacy h1{
   margin-bottom: 30px;
}
.privacy h3{
   margin-top: 30px;
   margin-bottom: 15px;
}
.privacy p:not(:last-of-type){
   margin-bottom: 15px;
}

@media screen and (max-width:1150px){
   .privacy{
      margin-top: 250px;
   }
}

@media screen and (max-width:850px){
   .privacy{
      margin-top: 200px;
   }
}
@media screen and (max-width:625px){
   .privacy{
      margin-top: 150px;
   }
}

@media screen and (max-width:580px){
   .privacy{
      margin-top: 100px;
   }
}

footer{
  max-width: 1400px;
  /*background-color: white;*/
  /*box-shadow: 0 10px 15px rgba(0,0,0,0.2);*/
  margin: 0 auto;
  padding: 30px;
  border-radius: 15px;
  margin: 0 auto 30px;

}
footer .links{
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}
footer a{
   text-decoration: none;
   font-size: 18px;
   font-weight: bold;
   color: var(--font-dark);
   margin: 10px;   
   transition: 234ms ease;
}

footer a:hover{
   opacity: 0.8;
   transition: 123ms ease;
}


.mit-call-to-action .intro-video-text{
   padding-top: 0px!important;
   padding-bottom: 20px;
}
.mit-call-to-action .title-tag{
   color: var(--font-dark)!important;
}
.mit-call-to-action .section-title{
   padding-bottom: 20px!important;
}
.mit-call-to-action .title-tag:after, .mit-call-to-action .title-tag:before{
   background-color: var(--font-dark)!important;
}
.mit-call-to-action .section-title h2{
   color: var(--font-dark)!important;
}
.mit-call-to-action .intro-video-text{
   color: var(--main-color)!important;
}
.mit-call-to-action {
   padding: 60px 0px!important;
}
.mit-call-to-action .background-overlay{
   background-color: #ffd983!important;
}
.mit-call-to-action .section-title{
   max-width: 1000px!important;
}
.mit-call-to-action .archi-btn{
   background-color: var(--second-color);
   -webkit-box-shadow: 0px 8px 16px 0px rgba(163, 204, 1, 0.2);
   box-shadow: 0px 8px 16px 0px rgba(163, 204, 1, 0.2);   
   width: 200px;
   margin: 0 auto;
   height: 60px;
   
   border-radius: 40px;
   box-sizing: border-box;
}
.mit-call-to-action .archi-btn a{   
   width: 100%;
   display: block;
   line-height: 60px!important;
   color: white;
}

.mit-call-to-action .intro-video-text p{
   margin-bottom: 10px;
   font-size: 30px;
   color: var(--font-dark);
}
.mit-call-to-action .intro-video-text p span{
   font-weight: bold;
   color: var(--font-dark);
}

.mit-button{
   display: flex;
   justify-content: center;
   align-items: center;
}
.mit-button a{
   margin: 5px;
   font-size: 18px;
   color: white!important;   
   padding: 15px 30px;
   background-color: var(--accent-dark);
   -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 123, 255, 0.2);
   box-shadow: 0px 8px 16px 0px rgba(0, 123, 255, 0.2);  
}
.mit-button a:hover{
   background-color: var(--font-dark);
   -webkit-box-shadow: 0px 8px 16px 0px rgba(40, 38, 86, 0.2);
   box-shadow: 0px 8px 16px 0px rgba(40, 38, 86, 0.2);
}
.mit-button p{
   margin: 10px;
   color: var(--font-dark);
}
.mit-house-plan{
   background-color: var(--main-color);
   padding-top: 60px;
}
.mit-house-plan:last-of-type{
   padding-bottom: 60px;
}
.mit-house-plan{
   color: white;
}
.mit-house-plan .house-text{
   background-color: #2d2b60;
   -webkit-box-shadow: 0px 8px 16px 0px rgba(45, 43, 96, 0.3);
   box-shadow: 0px 8px 16px 0px rgba(40, 38, 86, 0.3);
   padding: 30px 15px;
   margin-top: 30px;
}
.mit-house-plan .house-text h2{
   padding-top: 0px;
}
.mit-house-plan .house-text .main-info{
   display: flex;
   justify-content: space-around;
   align-items: center;

}
.mit-house-plan .house-text .main-info .item{
   max-width: 115px;
}

.mit-house-plan .house-text .main-info .item .desc{
   margin-bottom: 0px;
   font-weight: bold;
   font-size: 25px;
}
.mit-house-plan .house-text .main-info .item .title{
   margin-bottom: 0px;
   color: var(--third-color);
   line-height: 1.2;
   font-size: 18px;
   font-weight: bold;

}
.mit-house-plan .house-text .mit-row:not(:last-of-type){
   margin-bottom: 30px;
}
.mit-house-plan .house-text .compartiments .item p{
   margin-bottom: 0px;
   font-weight: bold;
   font-size: 20px;
}
.mit-house-plan .house-text .compartiments .item p span{
   color: var(--third-color);
}

.mit-house-plan .house-text .compartiments .item:not(:last-of-type){
   margin-bottom: 15px;
}
.gslide-media img{
   width: 600px;
}
.mit-house-plan-images{
   padding: 30px;
}
.mit-feautures{
   padding: 60px 0px;
   position: relative;
}

.mit-feautures .background-shadow{
   position: relative;
}
.mit-feautures .background-shadow:after{
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-image: url('https://sqr-iasi.ro/assets/img/general/case-noi-iasi-miroslava-individuale-la-cheie-sqr-homes-10.jpg');
   background-position: cover;
   background-size: 100%;
   transform: scale(0.98) translateY(10px);
   z-index: -1;
   filter: blur(10px);
   opacity: 0.8;

}
.mit-feautures .row:not(:last-of-type){
   margin-bottom: 30px;
}
.mit-feautures .section-title h2{
   color: var(--font-dark);
}
.mit-feautures-list .title{
   font-size: 30px;
   font-weight: bold;
   color: var(--third-color);
}
.mit-feautures-list .mit-feautures-container{
   padding: 10px;
}
.mit-feautures-list .mit-feautures-container li:not(:last-of-type){
   margin-bottom: 15px;
}
.mit-feautures-list .mit-feautures-container li{
   color: var(--main-color);
   position: relative;   
   line-height: 1.4;
}
.mit-feautures-list .mit-feautures-container li:before{
   content: '';
   display: inline-block;
   line-height: 1.4;
   background-color: var(--third-color);
   border-radius: 50%;
   height: 12px;
   width: 12px;
   margin-right: 10px;

}

#contact.mit-contact{
   background-color: var(--neutral-accent);
   padding: 60px 0px;
}
#contact.mit-contact .get-quote-content{
   background-color: #ffd98e;
   border-radius: 30px;
   box-shadow: 0px 10px 30px rgba(255,189,59,0.3);
}
.footer-section .footer-logo img{
   height: 60px;
}
@media screen and (min-width: 992px){
   .team-section #team-slider-id .owl-stage-outer{
      padding-bottom: 0px!important;
   }
}
@media screen and (max-width: 991px){
   .mit-flex-position{
      display: flex;
   }
   .mit-flex-order-1{
      order: 1;
   }
   .mit-flex-order-1{
      order: 2;
   }
}

@media screen and (min-width: 1025px){
   .header-main-menu {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }   
   .header-main-menu .site-logo img{
      height: 60px;
   }
}
@media screen and (max-width: 1024px){

   .header-main-menu .site-logo img{
      height: 50px;
   }
}
@media screen and (max-width: 691px){
   .mit-feautures:after{
      content: '';
      background-color: var(--main-color);
      top: 0;
      left: 0;
      width: 100%;
      height: 150px;
      position: absolute;
      z-index: -1;
   }
}
@media screen and (min-width: 692px){
   .mit-feautures:after{
      content: '';
      background-color: var(--main-color);
      top: 0;
      left: 0;
      width: 100%;
      height: 300px;
      position: absolute;
      z-index: -1;
   }
}
.contact-form .contact-info input:not(input[type="checkbox"]){
   border: 1px solid transparent;
}
.contact-form input[aria-invalid="true"], .contact-form textarea[aria-invalid="true"],
.contact-form input.error, .contact-form textarea.error{
   border: 1px solid #ac4343!important;
}
.contact-form .error{
   padding-top: 10px;
   color: #ff5252;
}
.contact-form .contact-info .grouped-check{
   display: flex;
   align-items: flex-start;
}
.contact-form .contact-info input[type="checkbox"]{
   height: 15px!important;
   width: 15px!important;
   max-width: 15px;
   margin-right: 10px;
   margin-top: 4px;
   position: relative;
   visibility: hidden;

}

.contact-form .contact-info input[type="checkbox"]:after{
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   background-color: #917b5b;
   width: 15px;
   height: 15px;
   z-index: 1;
   visibility: visible;
   border-radius: 50%;
   border: 1px solid transparent;
   transition: 234ms ease;
}
.contact-form .contact-info input[type="checkbox"]:hover:after{
   border: 1px solid var(--font-dark);
   transition: 123ms ease;
}
.contact-form .contact-info input[type="checkbox"]:checked:after{
   border-radius: 50%;
   background-color: var(--font-dark);
   transition: 123ms ease;
}
.contact-form .contact-info .terms{
   width: 100%;
   color: var(--font-dark);
}
#mit-g-recaptcha > div{
   margin: 0 auto!important;
}
#acasa.slider-section .owl-controls{
   display: none;
}

.slider-style-two{
   background-color: var(--neutral);
}


.gov-info{
   margin-top: 30px;
}
.gov-info  p,
.gov-info  a{
   
   margin: 0px;
   line-height: 1.2!important;   
   
}

.gov-info  p a{
background-color: transparent!important;
color: var(--font-dark);
}

.stupid-links{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 15px;

}

.stupid-links .left{
   text-align: right;
}

.stupid-links .right{
   text-align: left;
}
.stupid-links .fourtwenty{
   padding: 5px 15px;
   border-radius: 0px 30px 30px 0px ;
   background-color: #ffc20e;
   color: white;
   font-size: 19px ;
   font-weight: 600;
   font-style: italic;

}


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

  .stupid-links .left{
   text-align: center;
}
.stupid-links .right{
   text-align: center;
}
}