@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&display=swap&subset=latin-ext');

body {  margin:0; font-family: 'Montserrat', sans-serif; -webkit-text-size-adjust: 100%; font-weight: 400; font-size: 13px; color: #242f37; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; box-sizing: border-box;}

.btn:focus,
:focus,
*:focus,
button:focus,
.form-control:focus,
input:focus { box-shadow: none !important; outline: none !important}

a,
a:hover { color: #323663; }

.pulse i {
    position: relative;
    z-index: 20;
    top: 16px;
    font-size: 30px;
  }
  .pulse {
    position: fixed;
    cursor: pointer;
    display: block;
    width: 60px !important;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: rgba(0, 200, 0, 1);
    color: white;
    border-radius: 50px;
    text-align: center;
    transition-duration: 0.5s;
    animation: pulse-btn 3s infinite;
    z-index: 9000;
  }
  
  .pulse:hover {
    background-color: rgba(0, 150, 0, 1);
    color: white;
  }
  
  .my-float {
    margin-top: 15px;
  }
  
  @-webkit-keyframes pulse-btn {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(0, 200, 0, 1);
    }
    70% {
      -webkit-box-shadow: 0 0 0 20px rgba(0, 200, 0, 0);
    }
    100% {
      -webkit-box-shadow: 0 0 0 0 rgba(0, 200, 0, 0);
    }
  }
  
  .pulse a {
    color: #fff;
  }


[class^='col-md'] { position: relative; }
[class^='col-md']:after,
[class^='col-md']:before { display: table; content: " "; clear: both; }

select { background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 99% 50% !important; -moz-appearance: none; -webkit-appearance: none; appearance: none; height: 30px; width: 100px; padding: 5px; background-color: #fff !important; }
input[type=checkbox] { border-style: solid; border-width: 2px; margin: 0; margin-right: 4px; border-color: #d1d7e2; background: #fff; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 18px; outline: 0; padding: 1px !important; text-align: center; vertical-align: middle; width: 18px; min-width: 18px; border-radius: 3px; -webkit-appearance: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; box-shadow: none; }
input[type=checkbox]:checked:before { display: inline-block; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ''; margin: 0; font-size: 13px; color: #6BB3BA; width: 10px; height: 10px; background: #6BB3BA; border-radius: 2px; margin: 1px; }
input[type=radio] { position: relative; border-style: solid; border-width: 2px; margin: 0; margin-right: 4px; border-color: #d1d7e2; background: #fff; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 18px; outline: 0; padding: 1px !important; text-align: center; border-radius: 24px; vertical-align: middle; width: 18px; min-width: 18px; -webkit-appearance: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; box-shadow: none; }
input[type=radio]:checked:before { display: inline-block; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 12px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ''; margin: 0; font-size: 12px; color: #6BB3BA; width: 8px; height: 8px; background: #6BB3BA; border-radius: 5px; margin: 2px; }
input[type=radio]:checked:after { position: absolute; content:''; top:-2px; left:-2px; width: 18px; height:18px; border: 2px solid #25aae1; border-radius: 50%;}

.form-control { border-color: #dadada; display: block;
    width: 165px;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.btn-danger { color: #fff; background-color: #6BB3BA; border-color: #6BB3BA; }

/* heading */
.heading { position: relative;margin-bottom: 60px; }
.heading>.heading-title{ font-size: 30px;line-height: 1.5; letter-spacing: -1px; font-weight: 700;margin-bottom: 20px;color: #3f454a;}
.heading>.heading-description { font-size: 20px;line-height: 1.5; font-weight: 400;margin-bottom: 0;color: #929698; }


/* --------------------------------------------------------
    General
----------------------------------------------------------- */
.bg1 { background-image: url(https://italmob.com/assets/images/bg.jpg); }

.main { height: 100vh;  }
.main > .row {  position: relative; margin-left: 0; margin-right: 0; height: 100vh; }

.banner { position: relative; width: calc(100% - 325px); z-index: 1; }
.banner.bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background-size: cover; background-position: center; z-index: -1; }
.banner .text { position: absolute; left: 15vw; top:302px; width: 675px; color:#fff; }
.banner .text h1 { position: relative;  left:130px; font-size: 53px; text-align:center; font-weight: 800; background: white; color: #323563;  width: 330px;}
    .banner .text span{ text-align:center; 
        font-size: 62px;
        font-weight: 800;
        background: white;
        color: #323563;
        width: 550px;}
.banner .text p { text-align:center; font-size:20px; line-height: 1.1; width: 600px; background: #323563; color:white; padding-top:30px; padding-bottom:40px;}

.banner .text .pub {    border: 5px solid white;
    font-size: 15px;
    position: absolute;
    top: 400px;
    width: 100px;
    left: 50px;
    padding-bottom:20px;
    padding-top:20px;
} 
.banner .text .pub span {  
    font-size: 20px;
    background-color: #323563;
    color:white;

} 

.banner .text .pub1 {    border: 5px solid white;
    font-size: 15px;
    position: absolute;
    top: 400px;
    width: 100px;
    left: 250px;
    padding-bottom:20px;
    padding-top:20px;
} 
.banner .text .pub1 span {  
    font-size: 20px;
    background-color: #323563;
    color:white;
} 

.banner .text .pub2 {    border: 5px solid white;
    font-size: 15px;
    position: absolute;
    top: 400px;
    width: 100px;
    left: 450px;
    padding-bottom:20px;
    padding-top:20px;
} 
.banner .text .pub2 span {  
    font-size: 20px;
    background-color: #323563;
    color:white;
} 

.div-block-15 a { color:#fff; font-weight: 600; font-size: 14px; display: inline-block; padding: 14.5px 16px; text-decoration: none;}
.div-block-15 a:hover { text-decoration: none; }
.div-block-15 a.active { background: #6BB3BA; font-weight: 600; border-radius: 3px; color:#fff;}


.sag_wrap .logo-main {margin-top:50px; width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;}
.sag_wrap .logo-main .logo {    width: auto;
    margin: auto;}
.sag_wrap .logo-main p { color: #fff; font-size: 12px; text-align: center;}
.sag_wrap .form-main {width: 80%;
    margin: auto; margin-top:20px}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.sag_wrap .form-main p { font-size: 12px; color: #fff; margin-bottom: 30px; display: none; }
.sag_wrap .form-main .form-control { height: 50px; font-size: 13px;margin-bottom:15px; border-radius: .25rem; width: 90%;}
.sag_wrap .form-main .formDate { position: relative; }
.sag_wrap .form-main .formDate:before { position: absolute;font-family: 'Font Awesome 5 Free'; content: "\f133"; top:6px; left:10px; font-size: 26px; color:#909090; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;}
.sag_wrap .form-main .formDate .form-control { padding-left: 38px; }
.sag_wrap .form-main .btn { height: 50px; margin-bottom: 20px; font-weight: 600; font-size: 14px; width: 100%; border-radius: .25rem;}
.sag_wrap .form-main .form-check { padding-left: 0; text-align: left; }
.sag_wrap .form-main .form-check .form-check-label { padding-left: 24px; color: #fff; font-size: 12px; text-align: left; }
.sag_wrap .form-main .form-check .form-check-label a { color:#fff; opacity: 1;}

.sub-page { position: absolute; max-width: 100%; left: -100%; height: auto; top: 20px; background-color: #fff; overflow-y: scroll; border-radius: 4px; -webkit-transition: all 1.3s ease; -moz-transition: all 1.3s ease; -o-transition: all 1.3s ease; -ms-transition: all 1.3s ease; transition: all 1.3s ease; z-index: 2; bottom: 0; width: 500px; }
.sub-page.sub-page-open { left: 20px; height: calc(100vh - 40px);  }
.sub-page .inner { position: relative; padding: 85px 40px 20px; display: inline-block; font-weight: 300; width: 100%; color: #323663; font-size: 13px; }
.sub-page .inner .x-close { position: absolute; left:40px; top:32px; line-height: 1; color: #282222; font-size: 34px;}
.sub-page .inner h2 { font-size: 30px; font-weight: 800; border-bottom:1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 20px; line-height: 1.1; }
.sub-page .inner h3 { position: relative; font-size: 16px; font-weight: 700; line-height: 1.5; margin-bottom: 20px; }
.sub-page .inner h3 span { font-size: 20px; font-weight: 900; line-height: 1.5; margin-bottom: 0; }
.sub-page .inner h3 span:before { position: absolute; content: ''; left: 0; bottom:0; width: 50px; height: 1px; background: #e5e5e5;}
.sub-page .inner p {     font-size: 14px;
    color: #252525;
    margin-bottom: 30px;}

ul.list1 { list-style: none; padding: 0; margin: 0; }
ul.list1 li { font-size: 12px; color: #4e4d4d; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
ul.list1 li i { font-weight: 900; color:#c09b5e; }

ul.list2 { list-style: none; padding: 0; margin: 0 0 15px; overflow-y: hidden;}
ul.list2 li { float: left; width: 33.33%;   }
ul.list2 li:nth-child(1) { margin-left: -6px;}
ul.list2 li a { display: block; padding: 6px; overflow:hidden; }
ul.list2 li a > img { width: 100%; border-radius: 6px;}

ul.list3 { list-style: none; padding: 0; margin: 0 0 15px; overflow-y: hidden;}
ul.list3 li { width: 100%;   }
ul.list3 li a { display: block; padding: 6px; overflow:hidden; }
ul.list3 li a > img { width: 100%; border-radius: 6px;}

ul.list4 { list-style: none; padding: 0; margin: 0; }
ul.list4 li { position: relative; font-size: 15px; padding: 14px 0; padding-left: 32px; border-bottom: 1px solid #e5e5e5; }
ul.list4 li i { position: absolute; left:0; top:11px; font-size: 27px; color:#323663; }

h2 {
font-size: 30px;
    font-weight: 800;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 20px;
    line-height: 1.1;
    color: #323663;
}

h3 {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #323663;
}

p {
    font-size: 14px;
    color: #252525;
    margin-bottom: 30px;}

.content_flex {
    display:flex;
    padding-top: 100px;
    padding-bottom: 150px;
}

.content_text {
        width: 50%;
    
}
.content_image {
    margin: auto;
    padding: 20px;
  box-sizing: border-box;
}




.section-designers {
  padding: 60px 20px;
  max-width: 1200px;
  margin: 0 auto;
  color: #222;
  font-family: 'Helvetica Neue', sans-serif;
}

.designers-intro {
  text-align: center;
  margin-bottom: 50px;
}

.designers-intro h2 {
  font-size: 2rem;
  margin-bottom: 20px;
}

.designers-intro p {
  font-size: 1rem;
  line-height: 1.6;
  max-width: 800px;
  margin: 10px auto;
}

.designer-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  text-align: center;
}

.designer {
  flex: 1 1 200px;
  max-width: 240px;
}

.designer img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}

.designer p {
  margin-top: 10px;
  font-weight: 500;
}



.section10 {
  padding: 60px 20px;
  background-color: #fff;
}

.thor-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.thor-title {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
}

.thor-title span {
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
  color: #777;
  margin-top: 8px;
}

.thor-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
  justify-content: center;
}

.thor-image {
  flex: 1;
  min-width: 280px;
}

.thor-image img {
  width: 100%;
  max-width: 500px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

.thor-text {
  flex: 1;
  min-width: 280px;
}

.thor-description {
  font-size: 1rem;
  color: #333;
  margin-bottom: 20px;
  line-height: 1.6;
}

.thor-buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn {
  padding: 12px 24px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-dark {
  background-color: #323663;
  color: #fff;
}

.btn-dark:hover {
  background-color: #000;
}

.btn-outline {
  border: 2px solid #222;
  color: #222;
  background-color: transparent;
}

.btn-outline:hover {
  background-color: #222;
  color: #fff;
}


.section4 {
  background-color: #323663;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
}

.section4 .content-v h2 {
  color: #fff;
  text-align: center;
}

.section4 .content-v p {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
}

.section4 .content-v h3 {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}

.section4 .s3lu {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.section4 .service-item {
  border-radius: 10px;
  overflow: hidden;
}

.section4 .service-item img {
  width: 100%;
  height: auto;
  display: block;
}




.section5 {
  background-color: #2C2C2C;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
}

.section5 .content-v h2 {
  color: #fff;
  text-align: center;
}

.section5 .content-v p {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
}

.section5 .reference-grid {
  display: flex;
  justify-content: space-around;
  gap: 20px;
}

.section5 .reference-item {
  background-color: #323663;
  border-radius: 10px;
  padding: 20px;
  width: 45%;
  text-align: center;
}

.section5 .reference-item h3 {
  color: #fff;
  margin-bottom: 10px;
}

.section5 .reference-item p {
  color: #fff;
  margin-bottom: 20px;
}

.section5 .reference-item img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
}




.section6 {
  background-color: #2C2C2C;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
}

.section6 .content-v h2 {
  color: #fff;
  text-align: center;
}

.section6 .content-v p {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
}

.section6 .contact-grid {
  display: flex;
  justify-content: space-around;
  gap: 20px;
}

.section6 .contact-info {
  background-color: #323663;
  border-radius: 10px;
  padding: 20px;
  width: 40%;
  text-align: left;
}

.section6 .contact-info h3 {
  color: #fff;
  margin-bottom: 20px;
}

.section6 .contact-detail {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.section6 .contact-detail .icon {
  margin-right: 10px;
  font-size: 18px;
}

.section6 .contact-detail p {
  color: #fff;
  margin: 0;
}

.section6 .contact-map {
  background-color: #323663;
  border-radius: 10px;
  padding: 20px;
  width: 50%;
  text-align: center;
  display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

.section6 .contact-map h3 {
  color: #fff;
  margin-bottom: 20px;
}

.section6 .contact-map img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.section6 .contact-map p {
  color: #fff;
  margin-top: 10px;
}

.section6 .contact-map p a {
  color: #fff;
  text-decoration: underline;
  margin: 0 10px;
}







@media only screen and (max-width: 1024px) {
    .awards{display:none;}
    .form-main{paddin-bottom:100px}
    .banner { width: 100%;display: flex;padding-top: 250px;}
    .div-block-15{display:none !important }
    .div-block-16{display:none !important }
    .banner .menu-holder {}
    .pub{display: none;}
    .pub1{display: none;}
    .pub2{display: none;}
    .banner .text { position: relative; top: inherit; left:inherit; width: 100%; text-align: center; padding: 90px 20px; }
    .banner .text h1 { font-size: 36px; }
    .banner .text p { font-size: 18px; line-height: 1.3; }

    .sag_wrap { position: relative; width: 100%; height:auto; min-height:auto;}
    .sag_wrap .logo-main { padding: 20px 0;}
    .sag_wrap .logo-main .logo { margin-bottom: 0; }
    .sag_wrap .logo-main .logo img { height: 80px; }
    .sag_wrap .logo-main p {display: none; }
    .sag_wrap .form-main p { display: block; }
    .sag_wrap .banner { display: block; }


    .sub-page { position: relative; left: inherit; top: inherit; width: 100%;}
    .sub-page .inner { padding: 60px 20px; overflow: hidden;}
    .sub-page .inner .x-close { display: none; }

    #daireler {background: #F8F8F8;}
    #lokasyon {background: #F8F8F8;}
    #lokasyon ul.list4 { margin-bottom: 40px; }
    #lokasyon ul.list4 li { border:0; }
    .banner .text {left:16vw;}
}


@media only screen and (max-width: 994px) {
    .banner .text {left:0;}
    .banner .text h1 { font-size:25px; left:0; width: 100%; padding:5px;}
    .banner .text p {width: 100%; padding:5px;}
    .section4 .s3lu {
    flex-direction: column;
    gap: 20px;
  }

  .content_image {display:none}
  .content_text {
    width: 100%;
}
  
  .section4 .service-item img {
    width: 80%;
    margin: 0 auto;
  }

  .section5 .reference-grid {
    flex-direction: column;
    align-items: center;
  }

  .section5 .reference-item {
    width: 80%;
  }

  .section6 .contact-grid {
    flex-direction: column;
    align-items: center;
  }

  .section6 .contact-info,
  .section6 .contact-map {
    width: 80%;
  }






}






@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

:root {
  --bg-gray: #f5f7fa;
  --bg-navy: #2d304b;
  --white: white;
  --black: black;
}

.faq-item-wrapper {
  flex-direction: column;
  display: flex;
}

.container {
  display: flex;
}

.sol {
  width: 80%;
}

.sag {
  background-color: #323663;
  width: 20%;
}

.sag_wrap {
  flex-flow: column;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  overflow: visible;
  top:0;
}

.form, .submit-button {
  margin-left: auto;
  margin-right: auto;
}

.sol_wrap {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.rich-text-block {
  color: #000;
  padding-top: 250px;
}

/*SECTIONBRO*/

.section {
  background-image: url("https://www.italmob.com/assets/images/bg.jpg");
  background-size: cover;
  background-position: center;
}

.section.section2 {
  background: white;
  background-size: cover;
  background-position: center;
}

.section.sol_hero {
  height: calc(100vh + 200px);;
}

.section.section3 {
  background-image: linear-gradient(#2c2c2c, #2c2c2c 100%, #fff);
}

.awards { display:flex; justify-content: space-between; align-items: center; background-color: white;}
.awards img { width:5%; background-color: white; padding:20px;}
.content-v { display: flex
;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;}
.content-v h2 {color: white;}
.content-v h3 {color: white;}
.content-v p {color: white;}

.s3lu {display:flex}
.office img {width: 50%;}
.education img {width: 50%;}
.horeca img {width: 50%;}

.nav {
  justify-content: space-between;
  display: flex;
  position: sticky;
  top:0;
  margin-top :-200px;
  transition: background-color 0.3s ease;
}
.nav.menu-holder {
  position: sticky;
  top: 0;
  width: 100%;
  background-color: transparent;
  transition: background-color 0.3s ease;
  z-index: 1000;
}

.nav.menu-holder.scrolled {
  background-color: #3236637a;
}

.nav.menu-holder.scrolled2 {
  background-color: black;
}

.nav img { margin:20px;}

.div-block-15 {
  grid-column-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  place-items: center;
  margin-left: auto;
  margin-right: 25px;
  display: grid;
}

.link {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 991px) {
  .faq-item-wrapper {
    z-index: 8888;
    position: static;
  }

  .container {
    flex-flow: column;
  }

  .sol, .sag {
    width: auto;
  }
}