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;
    text-decoration: none;
    color: inherit;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family: 'Montserrat';
    font-size: 16px;
}
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;
}

@keyframes morph{
  34%{
      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
      transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  50%{
      transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  67%{
      border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
      transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}

@keyframes morph2{
  34%{
      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
      transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  50%{
      transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  67%{
      border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
      transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}

.bold, .active{
    font-weight: 700;
}

.row-f{
    display: flex;
}

.column-f{
    display: flex;
    flex-direction: column;
}

.justify-sb{
    justify-content: space-between;
}

.container .nav{
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing:border-box;
    padding: 28px 144px 28px 144px;
    justify-content: space-between;
    position: sticky;
    top: 0;
    background-color: transparent;
    z-index: 5;
}

.nav-scroll{
    width: 140px!important;
    transition: all 500ms linear;
}

.nav-scroll-mobile{
    width: 100px!important;
    transition: all 500ms linear;
}

.nav-scroll-background{
    background-color:#fff!important;
    transition: all 500ms linear;
}

.nav-transform{
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

.container .nav img{
    height: 80px;
    width: 288px;
    max-width: 100%;
    background-color: transparent;
}

.container .nav .menu{
    display: flex;
    font-size: 1.125rem;
    color:#0c3e51;
}

.container .mobile-nav{
    display: none;
}

.container .nav .menu a{
    margin-right: 40px;
}

.container .nav .menu a:last-child{
    margin-right: 0;
}

.container .home{
    display: flex;
    max-width: 1880px;
    width: 100%;
    margin: 0 auto;
    background-image: url(../img/home-pattern.png);
    height: 808px;
    justify-content: space-between;
}

.container .home .content{
    padding-left: 124px;
}
.container .home .column-f{
    margin-right: 60px;
}

.container .home .content h1{
    color: #0c3e51;
    font-size: 4rem;
    font-weight: 800;
    margin-top: 212px;
    margin-bottom: 91px;
    max-width: 788px;
}

.container .home .content h2{
    color: #f25c5c;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 31px;
    max-width: 885px;
}

.conference-container .type{
    font-size: 1.75rem;
    color: #fff;
    width: max-content;
    margin-left: 70px;
    margin-bottom: 5px;
}

.conference-container .shape .content{
    padding: 100px 0px 0 30px;
    display: flex;
    flex-direction: column;
    position: relative;
}
.conference-container .shape2 .content{
    padding: 100px 0px 0 30px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.conference-container .shape .content .btn, .conference-container .shape2 .content .btn{
    width: 348px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 24px;
    padding: 16px 0px;
    font-size: 1.125rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color: #f25c5c;
}

.conference-container .shape2 .content .btn{
    width: 348px;
    margin-top: 16px;
}

.conference-container .shape .content .date, .conference-container .shape2 .content .date{
    font-size: 1.75rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    line-height: 40px;
    color: #0c3e51;
    padding: 8px 0px 16px 0px;
}

.conference-container .label{
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin:right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin:right, top;
    color: #ed217c;
    max-height: 34px;
    background-color: #fff;
    color:#f25c5c;
    font-size: 1.5rem;
    box-sizing: border-box;
    padding:8px 8px 8px 65px;
    margin: 80px -55px 0 0;
    display: flex;
    align-items: center;
}

.conference-container .shape2 .label{
    color: #0c3e51;
    padding-left: 31px;
}

.conference-container .shape .content .title, .conference-container .shape2 .content .title{
    font-size: 3rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    line-height: 60px;
    color: #ffffff;
}

.conference-container .shape .clickable {
  height: 75%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;     
  z-index: 1;
}

.conference-container .shape2 .clickable {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;     
  z-index: 1;
}

.conference-container .shape{
    height: 530px;
    width: 650px;
    max-width: 100%;    
    background-color: #f25c5c;
    border-radius: 20% 80% 80% 20% / 50% 70% 30% 50%;
    z-index: 2;
    opacity: 1;
    position: relative
;}

.conference-container .shape:hover{
    animation: morph 5s linear infinite;
    opacity: 3;
}

.conference-container .shape2{
    height: 550px;
    width: 630px;    
    max-width: 100%;    
    background-color: #0c3e51;
    border-radius: 65% 35% 28% 72% / 60% 70% 30% 40%;
    z-index: 1;
    margin-top: -50px;
    position: relative;
}

.conference-container .shape2:hover{
    animation: morph2 5s linear infinite;
    z-index: 3;
}

.about-iez{
    display: flex;
    flex-direction: column;
    max-width: 1396px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 24px;
    margin-top: 121px;
}

.about-iez .row-f:first-child{
    margin-bottom: 80px;
    flex-wrap: wrap;
}

.about-iez .content{
    display: flex;
    flex-direction: column;
    color: #0c3e51;
}

.about-iez .about-iez-img{
    width: 686px;
    height: 475px;
    max-width: 100%;
}

.about-iez .content h1{
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 12px;
}

.about-iez .content h2{
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 40px;
}

.about-iez .content .about-iez-span{
    font-size: 1.25rem;
    line-height: 1.6;
    max-width: 638px;
}

.about-iez .content .content-width{
    max-width: 100%!important;
    margin-top: 48px;
}

.our-ambition{
    font-size: 1.75rem;
    line-height: 1.43;
    color: #f25c5c;
    margin-top: 60px;
    max-width: 1200px;
}

.introduce-iez{
    display: flex;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 30px;
}

.points-container{
	display: flex;
	flex-direction: column;
    max-width: 1396px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 24px;
}

.points-container .point{
    display: flex;
    color: #0c3e51;
    box-sizing: border-box;
    padding-bottom: 28px;
    padding-top: 30px;
}

.points-container .point .number{
    font-size: 1.75rem;
    margin-right: 40px;
}

.points-container .point-borders{
    border-top: 2px solid #f3f3f5;
    border-bottom: 2px solid #f3f3f5;
}

.points-container .point .content{
    font-size: 1.25rem;
    max-width: 1261px;
    line-height: 1.6;
} 

.opinion{
    height: 570px;
    width: 1680px;	
    background-color: #d2e7e9;
    border-radius: 30% 70% 74% 26% / 45% 40% 60% 55%;
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.opinion .image{
    max-height: 200px;
    position: relative;
    margin-left: 162px;
}

.opinion .image .absolute-opinion{
    position: absolute;
    left: 0;
    bottom: -20px;
}

.opinion .content{
    max-width: 686px;
    margin-left: 52px;
    color: #0c3e51;
    margin-right: 86px;
}

.opinion .content .content-text{
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 40px;
    width: 686px;
    max-width: 100%;
}

.opinion .content .name{
    font-size: 1.75rem;
    margin-bottom: 15px;
    color: #f25c5c;
}

.opinion .content .whois{
    font-size: 1.125rem;
}

.fb_iframe_widget_fluid{
    z-index: 2;
    margin-bottom: 80px;
    width: 340px;
    height: 500px;
}

.fb_iframe_widget{
	margin-bottom: 60px;
}

.fb_iframe_widget iframe{
    border-radius: 10px; 
}

.iez-recommend{
	margin-top: 120px;
    display: flex;
    flex-direction: column;
}

.iez-recommend .recommend{
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 100%;
    width: 1396px;
    flex-wrap: wrap;
    color: #0c3e51;
    box-sizing: border-box;
}

.iez-recommend .recommend h1{
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    max-width: 90%;
    margin: 0 auto 60px auto;
}

.iez-recommend .recommend .main-image{
    max-width: 100%;
    display: flex;
}

.iez-recommend .recommend .main-image img, .iez-recommend .recommend .minor-post img{
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    border-radius: 10px;
}

.iez-recommend .recommend .main-post{
    width: 100%;
    margin:0 auto;
    position: relative;
}

.iez-recommend .recommend .main-post .title-box{
    background-color: #fff;
    width: 846px;
    border-radius: 74px;
    position: absolute;
    bottom: -80px;
    box-sizing: border-box;
    padding: 20px 44px 5px 44px;
    line-height: 1.43;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    max-width: 100%;
}

.iez-recommend .recommend .main-post .post-panel-author{
    margin-top: 17px;
}

.iez-recommend .recommend .minor-post .post-panel-author{
    margin-top: 50px;
}

.iez-recommend .recommend .post-panel-description{
    font-size: 1.75rem;
    line-height: 1.43;
}

.iez-recommend .recommend .row-f{
    margin-top: 140px;
    flex-wrap: wrap;
}

.iez-recommend .recommend .minor-post{
    width: 673px;
    max-width: 100%;
}

.iez-recommend .recommend .minor-post img{
    height: 400px;
    width: 100%;
    margin-bottom: 20px;
    max-width: 100%!important;
}

.iez-recommend .recommend .see-more{
    width: 260px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-top: 80px;
    border-radius: 30px;
    background-color: #f25c5c;
    text-align: center;
    color: #fff;
    margin: 80px auto 0 auto;
    justify-content: center;
    padding: 16px 0 16px 0;
    font-size: 1.125rem;
}

.iez-recommend .pattern-full{
    width: 100%;
    max-width: 1881px;
    margin: 93px auto 0 auto;
}

.partners{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0c3e51;
    flex-direction: column;
    margin: 60px auto 140px auto;
}

.partners-container{
    display: flex;
    width: 855px;
    max-width: 100%;
}

.partners h1{
    font-size: 3rem;
    text-align: center;
    margin-bottom: 14px;
}

.partners img{
    width: 212px;
    height: 42.5px;
    margin: 60px auto 74px auto;
}

.partners .adk{
    height: 52px;
    margin-top: 52px;
}

.partners .fs-logo{
    height: 47px;
}

.footer{
    background-image: url(../img/footer_bg.svg);
    width: 100%;
 }

.footer .footer-container{
    display: flex;
    padding: 84px 0;
    color: #fff;
    justify-content: space-between;
    max-width: 1350px;
    margin: 0 auto;
}

.footer .footer-container .content-text{
    margin-top: 80px;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.footer .footer-container .content-text .havequestions{
    font-size: 1.75rem;
    color: #f25c5c;
    margin-bottom: 12px;
}

.footer .footer-container .content-text h1{
    font-size: 3rem;
    margin-bottom: 40px;
}

.footer .footer-container .content-text .footer-link-mail{
    text-decoration: underline;
    margin-left: 5px;
}

.footer .footer-container .content-text .mail-us .row-f{
    margin-bottom: 40px;
    align-items: center;
}

.footer .footer-container .content-line{
    line-height: 1.6;
    font-size: 1.25rem;
}

.mail-us .row-f:first-child{
    font-size: 1.25rem;
}

.footer .footer-container .content-text .person-to-contact{
    display: flex;
    flex-direction: column;
    font-size: 1.25rem;
}

.footer .footer-container .content-text .contact-image{
    margin-right: 28px;
}

.footer .footer-container .content-text .person-to-contact .name{
    color: #fff;
    margin-bottom: 15px;
}

.footer .footer-container .content-text .person-to-contact .number{
    color: #f25c5c;
    text-decoration: underline;
}

.footer .footer-container .content-text .person-to-contact .phone-img{
    margin-right: 12px;
}

.footer .footer-container .content-text .footer-margin{
    margin-top: 28px;
    margin-bottom: 28px!important;
}

.footer .footer-container .content-text .about-company{
    display: flex;
    flex-direction: column;
}

.footer .footer-container .content-text .about-company h1, .footer .footer-container .content-text .find-us h1 {
    font-size: 1.25rem;
    margin-bottom: 12px;
}

.footer .footer-container .content-text .find-us h1{
    margin-bottom: 20px;
}

.footer #map{
    width: 638px;
    max-width: 100%;
    height: 360px;
    margin-top: 30px;
    border-radius: 20px;
    margin-bottom: 28px;
}

.find-us{
    display: flex;
    flex-direction: column;
}

.find-us img{
    margin-right: 20px;
}

#form input[name=name], #form input[name=from_email], #form input[name=phone], textarea{
    width: 638px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 15px 0 15px 20px;
    margin-bottom: 24px;
}

#form input[name=name], #form input[name=from_email],#form input[name=phone], textarea {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    border: solid 1px #d2e7e9;
    padding-left: 20px;
    color: #90a7af;
    border-radius: 10px;
}

textarea{
    max-height: 200px;
}

#form{
    padding-top: 282px;
}

#form .send-to-us{
    margin-top: 55px;
}

#form h1{
    margin-bottom: 40px;
    font-size: 1.25rem;
}

#form .checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 608px;
    text-align: justify;
    font-size: 1.125rem;
    line-height: 1.67;
}

.checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 19px;
    background-color: #fff;
    z-index: 5;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    z-index: 1;
}

.checkmark {
    margin-right: 16px;
}


.checkbox-container input:checked ~ .checkmark {
    background-color: #f25c5c;
}

.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 11px;
    border: solid #0c3e51;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container span{
    margin-top: 5px;
}

.checkbox-container a{
    text-decoration: underline;
    box-sizing: border-box;
    padding-bottom: 3px;
    color: #fff;
}

.form-actions button {
    margin-right: 0;
    background-color: #f25c5c;
    padding: 12px 0;
    width: 260px;
    font-size: 18px;
    border-radius: 30px;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    border: none;
    cursor: pointer;
}

.form-actions{
    text-align: right;
    margin-top: 55px;        
}

.contact-form-send{
    color: #fff;
}

.check-trainings{
    width: 260px;
    text-align: center;
    align-items: center;
    display: flex;
    color: #fff;
    margin-top: 31px;
    background-color: #f25c5c;
    box-sizing: border-box;
    padding: 16px 0;
    border-radius: 30px;
    justify-content: center;
}

::-webkit-scrollbar {
    width: 13px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #f25c5c;
    border-radius: 10px;
}
    @media screen and (max-width: 1730px) {
        .left-wing, .right-wing{
            max-width: 300px;
        }
         .footer .footer-container{
             padding: 80px;
        }
        .opinion .image{
            margin-left: 42px;
        }
    }
    @media screen and (max-width: 1500px) {
        .ml-img{
            max-width: 140px;
        }
        .opinion .content{
            margin-right: 30px;
        }
        .opinion .content{
            max-width: 500px;
        }
        .iez-recommend .recommend .main-post, .iez-recommend .recommend .minor-post{
            margin: 0 auto;
            width: 80%;
        }
        .iez-recommend .recommend .minor-post{
            margin-bottom: 60px;
        }
        .iez-recommend .recommend .row-f{
            margin: 150px auto 50px auto;
            flex-direction: column;
        }
        #form{
            width: 550px;
        }
    }
    @media screen and (max-width: 1366px) {
        .form .column-f{
            max-width: 438px;
        }
        .footer #map{
            max-width: 90%;
        }
    @media screen and (max-width: 1150px) {
        .container .home{
            flex-direction: column;
        }
        .container .home .column-f{
            align-items: center;
        }
        .footer .footer-container{
            flex-direction: column;
        }
        .footer {
            background-repeat: no-repeat;
            background-size: cover;
        }
        .container .home .content h1, .container .home .content h2{
            text-align: center;
            margin-top: 181px;
            margin-bottom: 28px;
        }
        .about-iez .content, .about-iez .about-iez-img{
            margin: 0 auto;
        }
        .about-iez .about-iez-img{
            max-width: 500px;
        }
        .iez-recommend {
            margin-top: 220px;
        }
        .about-iez .content .about-iez-span{
            font-size: 1rem;
            margin-top: 16px;
        }
        .container .home .content {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-left: 0;
        }
        .form{
            padding-top: 0!important;
        }
        .opinion{
            flex-direction: column;
            height: 1100px;
            width: 750px;
        }
        .opinion .image{
            margin-left: 0;
            margin-top: 120px;
        }
        .opinion .content .content-text, .fb_iframe_widget{
            margin-top: 60px;
        }
        .iez-recommend .recommend .see-more{
            margin-top: 0;
        }
        .iez-recommend .recommend .main-post .post-panel-author {
            bottom: -30px;
        }
        .check-trainings{
            margin-bottom: 60px;
            margin-top: 40px;
            width: 188px;
            padding: 12px 0;
        }
        .container .home{
            height: auto;
            background-size: cover;
        }
     }
     @media screen and (max-width: 1000px) {
        .left-wing, .right-wing{
            display: none;
        }
        .container .nav {
            padding: 28px 72px 28px 72px;
        }
        .big-logo{
            margin: 0 auto;
        }
     }
        
    @media screen and (max-width: 900px) {
        .iez-recommend .recommend h1{
            font-size: 2.5rem;
            text-align: left;
            max-width: 90%!important;
        }
        #form .send-to-us{
            margin-top: 36px;
        }
        .partners{
            margin: 0;
        }
        .iez-recommend .recommend .main-post, .iez-recommend .recommend .minor-post{
            width: 100%;
        }
        .container .home .column-f{
            margin-right: 0;
        }
        .container .nav{
            padding: 0 16px 0 0;
            display: none;
        }
        .opinion{
            flex-direction: column;
            height: 1320px;
            width: 360px;
            margin-top: 52px;
            box-sizing: border-box;
            padding: 0 16px;
        }
        .opinion .image{
            margin-left: 0;
            margin-top: 120px;
        }
        .opinion .content .content-text{
            margin: 60px 0 28px 0;
            max-width: 328px!important;
            font-size: 1rem;
        }
        .fb_iframe_widget_fluid {
            margin-top: 40px;
        }
        .opinion .content{
            margin: 0 0;
        }
        .iez-recommend .recommend .post-panel-description{
            font-size: 1.25rem;
            max-width: 328px;
            margin-top: 28px;
        }
        .footer .footer-container, .container .home .content, .partners-container{
            flex-direction: column;
            padding: 0;
            padding: 0 16px;
            box-sizing: border-box;
        }
        .container .nav .menu{
            display: none;
        }
        .container .nav img{
            width: 143px;
            height: 40px;
            margin: 16px 0 16px 16px;
        }
        .container .home .content h2 {
            text-align: center;
            font-size: 2.5rem;
            max-width: 328px!important;
            margin: 0 auto 0 auto;
        }
        .container .home{
            flex-direction: column;
        }
        .conference-container .shape .content .title, .conference-container .shape2 .content .title, .footer .footer-container .content-text h1{
            font-size: 2.5rem;
        }
        .conference-container .shape .content .date, .conference-container .shape2 .content .date, .opinion .content .name, 
        .footer .footer-container .content-text .havequestions{
            font-size: 1.25rem;
        }
        .opinion .content .whois{
            font-size: 0.875rem;
        }
        .conference-container .shape .content .btn, .conference-container .shape2 .content .btn{
            width: 300px;
            padding: 11px 0;
            max-width: 100%;
        }
        #form {
            max-width: 100%!important;
        }
        .container .home .content h1 {
            font-size: 2.5rem;
            max-width: 328px;
            margin: 121px auto 28px auto;
        }
        .about-iez .content h1, .partners h1{
            font-size: 2.5rem;
        }
        .about-iez .content h2, .our-ambition{
            font-size: 1.25rem;
        }
        .conference-container .shape, .conference-container .shape2{
            height: 460px;
            width: 360px;
            position: relative;
        }
        .conference-container .type{
            margin: 100px auto 10px auto;
        }
        .conference-container .label, .conference-container .shape2 .label{
            position: absolute;
            padding: 0;
            font-size: 1.25rem;
            box-sizing: border-box;
        }
         .conference-container .shape .label{
           padding-left: 50px;
            left: -61px;
            min-height: 28px;
            padding-right: 10px;
            display: flex;
            align-items: center;
        }
         .conference-container .shape2 .label{
            padding-left: 19px;
            left: -60px;
            padding-right: 10px;
            min-height: 28px;
            align-items: center;
            text-align: center;
            justify-content: center;
            display: flex;
        }
        .conference-container .shape .content .title, .conference-container .shape2 .content .title{
            line-height: normal;
            text-align: center;
        }
        .conference-container .shape .content .date, .conference-container .shape2 .content .date{
            max-width: 232px!important;
            text-align: center;
        }
        .conference-container .shape .content .btn, .conference-container .shape2 .content .btn{
            font-size: 1rem;
        }
        .conference-container .shape2 .content .btn{
            width: 300px;
            background-color: #f25c5c;
            color: #fff;
            margin-top: 23px;
            max-width: 100%;
        }
        .nav-transform {
            padding-top: 0px!important;
            padding-bottom: 0px!important;
        }
        .container .home{
            background-position: 10%;
        }
        .about-iez .about-iez-img{
            height: auto;
            margin-top: 40px;
            max-width: 100%!important;
        }
        .iez-recommend{
            margin-top: 80px;
            overflow: hidden;
        }
        .about-iez, .points-container{
            padding: 0 16px;
        }
        .big-logo{
            width: 180px;
            height: 180px;
        }
        .introduce-iez{
            margin: 80px auto;
        }
        .points-container .point .content{
            font-size: 1rem;
        }
        .points-container .point .number{
            margin-right: 20px;
        }
        .fb_iframe_widget_fluid{
            max-width: 328px!important;
        }
        .iez-recommend .recommend{
            box-sizing: border-box;
            padding: 0 16px;
        }
        .iez-recommend .recommend .main-post .title-box{
            position: static;
            height: auto;
            padding: 0;
        }
        .iez-recommend .recommend .main-post .post-panel-author{
            position: static;
            margin-top: 12px;
        }
        .iez-recommend .recommend .row-f{
            margin: 40px auto 10px auto;
        }
        .iez-recommend .recommend .minor-post{
            margin-bottom: 40px;
        }
        .iez-recommend .recommend .minor-post img, .iez-recommend .recommend .main-image img, .iez-recommend .recommend .minor-post img{
            margin: 0 auto;
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 10px;
            max-width: 100%;
        }
        .iez-recommend .recommend .minor-post .post-panel-author{
            margin-top: 12px;
        }
        .iez-recommend .pattern-full {
            margin: 0px auto 50px auto;
            background-size: 150%;
            overflow: hidden;
        }
        .iez-recommend .recommend .see-more{
            display: none;
        }
        .partners img{
            margin: 40px auto 40px auto!important;
            height: auto;
        }
        .partners h1{
            margin-bottom: 20px;

        }
        .footer-logo{
            max-width: 240px!important;
            margin-top: 160px;
        }
        .footer .footer-container .content-text h1, #form h1{
            margin-bottom: 28px;
        }
        .footer .footer-container .content-text .person-to-contact, .footer .footer-container .content-text .about-company h1, 
        .footer .footer-container .content-text .find-us h1, #form h1, #form input[name=name], #form input[name=from_email], 
        #form input[name=phone], textarea{
            font-size: 1rem;
        }
        #form .send-to-us{
            line-height: 1.75;
        }
        #form .checkbox-container{
            text-align: left;
            font-size: 0.875rem;
        }
        .footer .footer-container{
            padding: 0 16px 100px 16px;
        }
        .container .mobile-nav{
            display: flex!important;
            flex-direction: column;
            padding: 16px 0 0 0;
            box-sizing: border-box;
            width: 100%;
            position: fixed;
            background-color: #fff;
            z-index: 10;
        }
        .mobile-nav .row-f{
            width: 100%;
            justify-content: space-between;
            align-items: center;
            box-sizing: border-box;
            padding: 0 16px;
            margin-bottom: 16px;
        }
        .container .mobile-nav .mobile-menu-icon{
            display: flex;
            color: #0c3e51;
            font-size: 22px!important;
        }
        .container .mobile-nav .content{
            flex-direction: column;
            display: none;
            text-align: right;
            font-size: 1.125rem;
            color: #0c3e51;
            box-shadow: 0 4px rgba(218, 218, 218, 0.5);
        }
        .container .mobile-nav .content .column-f{
            box-sizing: border-box;
            padding: 0 16px;
        }
        .container .mobile-nav .content .column-f a{
            margin-bottom: 20px;
            cursor: pointer;
        }
        .container .mobile-nav .content .column-f a:first-child{
            margin-top: 34px;
        }
        .container .mobile-nav .content .column-f a:last-child{
            margin-bottom: 60px;
        }
        .about-iez .content h2{
            margin-bottom: 12px;
        }
        .form-actions{
            margin-top: 60px;
            display: flex;
            align-items: center;
        }
        .form-actions button{
            max-width: 180px!important;
            padding: 10px 0!important;
            margin: 0 auto;
        }
        @keyframes morph{
            0%,100%{
                transform: none;
            }
            34%{
                transform: none;
            }
            50%{
                transform: none;
            }    
            67%{
                transform: none;
            }
          }

        @keyframes morph2{
            0%,100%{
                transform: none;
            }
            34%{
                transform: none;
            }
            50%{
                transform: none;
            }
            67%{
                transform: none;
            }
        }
    }  
    @media screen and (max-width: 500px) {
        .iez-recommend .recommend h1{
            font-size: 2.5rem;
            text-align: left;
            max-width: 328px!important;
            line-height: 1.1;
            margin-bottom: 28px;
        }
        .footer #map{
            max-width: 100%;
        }

     }


    @media screen and (max-width: 330px) {
        .opinion .content .content-text{
            max-width: 280px!important;
        }
    }