.topbar{margin-top: 0;margin-bottom: 0;background-color: #f0f4f9;}

.leftmenu{padding: 6px 0px;}
.leftmenu span{color: #003478;margin-right: 30px;font-size: 12px;}
.leftmenu span i{color: #003478;}

.rightmenu{}
.rightmenu ul{}
.rightmenu ul li{padding: 5px 10px;float:right;text-align:center;}
.rightmenu ul li:hover a{color:#888;}
.rightmenu ul li a{color: #003478;font-size: 16px;float: left;}

.header{position: relative;z-index: 3;}

.mobilemenu{display:none;}

.menubar{background-color:#003478;position: relative;z-index: 3;}

.menu{}
.menu ul{}
.menu ul li{float: left;padding: 15px 0px;position: relative;}
.menu ul li a:after{position: absolute;content: "";width: 5px;height: 5px;left: 0;right: 0;bottom: 10px;margin: auto;border-radius: 50%;background: rgba(255,255,255,.4);opacity: 0;-webkit-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s;}
.menu ul li:active{}
.menu ul li a:hover:after {color: #003478;transition: all ease .5s;opacity:1;}
.menu ul li a{margin: 0px 25px 0px 20px;font-weight: bold;text-decoration: none;color: #fff;text-transform: uppercase;font-size: 12px;}

.whatsapp{padding: 33px 0px;line-height: 20px;text-align: right}
.whatsapp a{background-color: #003478;color:#fff;border: 0;padding: 15px;border-radius: 7px;font-weight: bold;font-size: 12px;}

.logobar{}
.logobar .logo{width: 100%;padding: 10px 0px;} 

.slider{margin-top: 10px;display:block;}
.slider-slogan{position: relative;color: #fff;}
.slider-slogan h1{position:absolute;z-index:9;left: 0;font-size: 26px;margin-top: 6rem;animation: fadeInRight 1s ease-in-out;}
.slider-slogan h2{position:absolute;z-index:9;left: 0;margin-top: 8rem;font-size: 20px;animation: fadeInLeft 1s ease-in-out;}
.slider-slogan button{position:absolute;z-index:9;left: 0;margin-top: 11rem;font-size: 17px;border: 2px solid #fff;background: transparent;font-weight: bold;padding: 10px;animation: fadeInRight 1s ease-in-out;color: #fff;height: auto;}
.slider-slogan .sloganicon{width: 150px !important;position: absolute;z-index: 9;left: 0;margin-top: 14rem;background: transparent;font-weight: bold;padding: 10px;animation: fadeInRight 1s ease-in-out;color: #fff;height: auto;}
.slider-slogan .sloganicon2{width: 70px !important;position: absolute;z-index: 9;left: 0;margin-top: 15rem;background: transparent;font-weight: bold;padding: 0px;animation: fadeInRight 1s ease-in-out;color: #fff;height: auto;}
.slidermobile{display:none;}

.baslik{padding:30px 0;}
.baslik h1{color: #003478;margin: 0 36px 0 0;font-size: 36px;font-weight: 800;text-transform: uppercase;line-height: 44px;letter-spacing: -1.08px;float: left;width: 45%;text-align: right;}
.baslik .divider{display: block;width: 0.2%;height: 70px;background-color: #003478;float: left;margin-top: 0.5%;}
.baslik h2{color: #193656;font-size: 18px;font-weight: 400;line-height: 28px;margin: 0;width: 45%;float: left;padding: 1%;}

.urunbox{margin-bottom: 30px;border-style: solid;border-width: 1px;border-color: #edeff2;border-radius: 5px;padding: 40px;-webkit-box-shadow: 0px 35px 50px 0px rgb(0 0 0 / 7%);box-shadow: 0px 35px 50px 0px rgb(0 0 0 / 7%);display: table;margin-right: 10px;margin-left: 10px;}
.urunbox .title{font-size: 24px;line-height: 32px;letter-spacing: -.72px;text-transform: uppercase;font-weight: 800;margin-bottom: 20px;color: #003478;}
.urunbox .icerik {background-color: #ffffff;float: left;margin: 1%;width: 78%;font-size: 14px;}
.urunbox .icerik p{font-size: 12px;font-weight: 400;line-height: 24px;margin: 0 0 15px;}
.urunbox .iconu {background-color: #ffffff;float: left;margin: 1%;width: 18%;font-size: 14px;}
.urunbox .iconu .icon-img{width: 100px;height: 65px;background-size: contain;display: block;background-repeat: no-repeat;}
.urunbox .icerik a{font-size: 14px;font-weight: 800;color: #003478;text-transform: uppercase;text-decoration: underline;letter-spacing: -.14px;}
	
.teklifalan{background-color: #e5eaf1;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.teklifal{} 
.icons{display: table;}
.teklifalicon{position: relative;z-index: 2;animation: fadeInLeft 1s ease-in-out;}
.icon{padding: 40px 0px 5px 0;float: left;font-size: 14px;font-weight: 800;color: #003478;text-transform: uppercase;letter-spacing: -.14px;margin-right: 20px;background: 0 0;border-bottom: 2px solid #003478;}
.icon:hover{cursor:pointer;color:#000;}
.teklifalform{position: relative;z-index: 2;animation: fadeInLeft 1s ease-in-out;}
.teklifalform form{background-color: #ffffff;padding: 16px 20px;display: table;box-shadow: 12px 19px 62px 43px rgb(13 52 79 / 1%);margin: 0px 0 40px 0;}
.teklifalform form h1{color: #003478;font-weight: bold;padding: 10px 0px;font-size: 18px;}
.teklifalform .fominput{margin: 8px 0px;}
.teklifalform .fominput p{font-size: 14px;}
.teklifalform .fominput input{padding: 10px 10px;width: 95%;background-color: #fbfbfb;margin: 0px 0;padding-left: 15px;min-height: 50px;color: #666;-webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 7%);box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 7%);border: 1px solid #ededed;border-radius: 5px;font-size: 14px;font-weight: 600;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;text-transform: uppercase;}
.teklifalform .fominput input::placeholder {color: e4e4e4;  opacity: 1; }
.teklifalform .fominput input::placeholder {color: e4e4e4;  opacity: 1; }
.teklifalform .fominput input:-ms-input-placeholder  {color: e4e4e4;  opacity: 1; }
.teklifalform .fominput .button{background-color: #003478;border: 0;padding: 15px 15px;font-size: 14px;color: #fff;font-weight: bold;box-shadow: 0px 0px 20px #e3e3e3;cursor: pointer;}
.teklifalform .fominput .button:hover{background-color: #a7b0bb;}
.form-content {display:none}
#tab1 {display:block}
.teklifalanimg{text-align:center;padding:20px 0px;animation: fadeInRight 1s ease-in-out;}

.hesaplamaalani{background-color: #fff;margin: 0px 0px 0px 0px;padding: 30px 0px;}
.hesaplama{}

#firmalar{padding: 40px 0px;}
#firmalar img{height:auto;background: #fff;}

.blocktitle1{font-family: "Nunito",Sans-serif;font-size: 14px;font-weight: 700;text-transform: uppercase;z-index: 5;margin-top: 10px;margin-bottom: 10px;}
.blocktitle2{font-family: "Nunito",Sans-serif;font-weight: 800;font-size: 30px;margin-bottom: 20px;line-height: 38px;}

.jobsbox{padding: 36px 30px 36px 38px;background-color: #FFF;border-radius: 10px 10px 10px 10px;box-shadow: 12px 19px 62px 43px rgba(13,52,79,.07);margin: 0px 10px;position: relative;z-index: 2;}
.jobsbox:hover{background-color: #212121;box-shadow: 14px 24px 43px 0px rgba(33,41,48,.42);color#:fff;cursor:pointer;transition: background-color 0.3s ease-out, margin 0.3s ease;}
.jobsbox:hover .jobstitle {color:#fff;}
.jobsbox:hover .jobsdesc {color:#fff;}
.jobstitle{color: #252A3F;font-size: 22px;line-height: 1.36em;letter-spacing: -1px;}
.jobsdesc:before{position: absolute;width: 30px;height: 2px;background: currentColor;content: '';opacity: .5;margin: -20px 0px;}
.jobsdesc{color: #252A3F;font-family: "Nunito",Sans-serif;font-size: 12px;font-weight: 800;text-transform: uppercase;letter-spacing: -.5px;}
.jobsbox img{max-width: 76px;margin: 30px 0 50px 0px;height: auto;}
.dotted{background-image: url('../img/points_bg.png');height: 244px;background-repeat: no-repeat;z-index: -1;position: relative;margin-top: -150px;margin-left: -50px;}

.post{height: 220px;background-size: contain;background-position: center;}

.analysis{background-image: url('../img/home_bg_free.jpg');height: 500px;background-repeat: no-repeat;background-position-x: center;margin-top: 60px;}
.analysisform{padding: 90px 0px;}
.analysisform form{width: 50%;margin: 0px auto;}
.analysisform form input{background: none;border: 0px;border-bottom: 1px solid #000;width: 46%;float: left;margin: 20px 2%;color:#000;padding:5px 0px;}
.analysisform button{background: #000;border: 0px;padding: 10px 30px;color: #fff;cursor:pointer;}
::-webkit-input-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
:-ms-input-placeholder {color: #000;}
:-moz-placeholder {color: #000;}

.footermenu{padding: 40px 0px;}
.footermenu svg{width:150px;}
.footermenu h3{font-size:16px;}
.footermenu h3::after{height:2px;width:30%;background-color:#000;}
.footermenu p{font-size: 14px;padding: 10px 0px;}
.footermenu ul{}
.footermenu ul li{padding: 5px 0px;}
.footermenu ul li:hover a{color:#888;}
.footermenu ul li a{font-size: 14px;color:#000;}

.copy{font-size: 14px;}

.contentbanner{background-color:#212121;height: 200px;position: relative;z-index: 2;}
.contenttitle{padding: 80px 0px 20px 0px;text-align: center;color: #fff;}
.contenttitle h1{text-align:center;font-family: "Nunito",Sans-serif;font-size: 14px;font-weight: 700;text-transform: uppercase;z-index: 5;margin-top: 10px;margin-bottom: 0px;}
.contenttitle h2{text-align:center;font-family: "Nunito",Sans-serif;font-weight: 800;font-size: 30px;margin-bottom: 10px;line-height: 38px;}
.contenttitle nav{}
.contenttitle nav a{color: #fff;font-size: 12px;text-decoration: underline;}
.contentsubtitle1{font-family: "Nunito",Sans-serif;font-size: 14px;font-weight: 700;text-transform: uppercase;z-index: 5;margin-top: 10px;margin-bottom: 10px;}
.contentsubtitle2{font-family: "Nunito",Sans-serif;font-weight: 800;font-size: 30px;margin-bottom: 20px;line-height: 38px;}
.block{margin: 20px 3%;padding: 20px;width: 94%;}
.block p{font-size: 12px;color: #212121;}

.tab-menu {display:block;margin:0;padding:0;width: 100%;}
.tab-menu li {list-style:none;display: block;margin: 20px 10px 20px 0;padding: 15px 0px;width: calc(100% / 5 - 10px);float: left;border-bottom: 2px solid #212121;box-shadow: 5px 6px 7px -4px rgba(0,0,0,.1);border: solid 1px #eee;}
.tab-menu li a {text-align: center;display:block;color: #000;font-size: 14px;text-decoration:none;font-weight: 800;}
.tab-content {display:none}

.tab-container {display: table;padding:0px 30px;font-size:14px;color:#666;width: 100%;}
.tab-container img {text-align:center;}
.current {background-color:#ffd53b !important; border-bottom:2px solid #ffd53b !important;}


.opened, .accordion:hover {background-color: #ffd53b ;}
.accordion:after {content: '\02795';font-size: 13px;color: #000000;float: right;margin-left: 5px;}
.opened:after {content: "\2796";}


/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #ffffff;
  color: #000000;
  cursor: pointer;
  padding: 1rem 1rem;
  width: 100%;
  text-align: left;
  outline: none;
  transition: 0.4s;
  margin: 0.5rem;
  border: 1px solid #eee;
  height: auto;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #003478;
  color: #fff;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}



.adressbox{margin: 50px 0px;float: left;}
.office{background-image:url('../img/office.jpg');width: 100%;padding: 400px 0px;}
.contactform{padding: 30px 0px;}
.contactform form{margin: 39px 0px 0px 0px;float: left;}
.contactform  form input{width: 96%;padding: 20px 10px;background-color: #eeeeee  !important;border: 1px solid #ececed;font-size: 16px;color: #000;margin: 10px 0px;}
.contactform  form textarea{width: 98%;padding: 20px 10px;background-color: #eeeeee !important;border: 1px solid #ececed;font-size: 16px;color: #000;margin: 10px 0px;}
.contactform  button{width: 98%;padding: 20px 10px;background-color: #ffd53b!important;font-size: 16px;color: #000;margin: 10px 0px 10px 0px;border: 0px;}
.sonucmesaji{padding: 80px 40px;margin: 123px auto;text-align: center;background-color: #fcd43a;border-radius: 350px;width: 200px;font-size: 14px;}
.sonucmesaji2{text-align: center;margin: 68px 0px;}


.hakkimizdatext{
    padding: 3rem 0;
}
.hakkimizdatext h1{
    font-size: 16px;
    color: #9aa0a0;
}
.hakkimizdatext h2{
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-size: 28px;
    font-weight: lighter;
}
.hakkimizdatext p{font-size: 14px;}
.hakkimizdatext img{
    filter: grayscale(1);
    width: 40%;
    margin-top: 1rem;
}
.hakkimizdaimg{}
.hakkimizdaimg img{}

.rakamlar{background-color: #003478;margin: 40px 0px 0px 0px;padding: 40px 0px;}
.slogan{color: #fff;}
.slogan h2{font-size: 36px;}
.count{}
.counter{padding: 50px 0px;}
.count .iconu{font-size: 40px;float: left;width: 20%;color: #ffffff;}
.count .sayi{float: left;width: 80%;font-size: 28px;font-weight: bold;}
.count .aciklama{float: left;width: 80%;font-size: 14px;}

.adres{padding: 0rem 0 1rem 0;}
.adres h1{font-size: 21px;}
.adres p{font-size: 16px;line-height: 38px;}
.adresharita {width:90%;}

.icerikalan{
    padding: 30px 0px;
}
.icerikalan h1{
    padding: 10px 0px;
}
.icerikalan h2{}
.icerikalan p{
    padding: 10px 0;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-300px);
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(300px);
  }
  to {
    opacity: 1;
  }
}



@media only screen and (max-width: 479px) { 
.slider{margin-top: 10px;display:none;}
.slidermobile{display:block;}
.mobilemenu{display:block;}
.menu {display: none;}
.muhiz {display: none;}
.teklifalform {margin-top:0px;}
.teklifalicon {margin-top:0px;}
.logobar .logo {width: 100%;padding: 12px 10px;text-align: center;}
.mobilemenu{height: 56px;}
.sigorta{width: 48% !important;}
.menubar {border-radius: 0px;}
.item{background-size: cover;background-position: bottom;height: 400px;width: 100%;}
.item img{visibility: hidden;}
.slider-slogan h1 {margin-top: 3rem;margin-left: 1rem;font-size: 1.4rem;}
.slider-slogan h2 {margin-left: 1rem;}
.slider-slogan button {margin-left: 1rem;}
.footermenu {text-align:center;padding: 20px 0px;}
.copy {font-size: 14px;padding: 1rem 0.7rem;text-align: center;}
.icons{margin: 0px auto;}
.baslik h1 {color: #003478;margin: 0 12px 0 0;font-size: 21px;font-weight: 800;text-transform: uppercase;line-height: 27px;letter-spacing: -1.08px;float: left;width: 48%;text-align: right;}
.baslik h2 {color: #193656;font-size: 18px;font-weight: 400;line-height: 21px;margin: 0;width: 48%;float: left;padding: 1%;}
.urunbox .icerik {background-color: #ffffff;float: left;margin: 1%;width: 100%;font-size: 14px;}
.urunbox .icerik p {font-size: 12px;font-weight: 400;line-height: 11px;margin: 0 0 15px;}
.urunbox .iconu {display:none;}
.hakkimizdatext {padding: 3rem 0;text-align: center;}
.count .aciklama {float: left;width: 75%;font-size: 14px;}
.count .sayi {float: left;width: 75%;font-size: 28px;font-weight: bold;}
.count .iconu {font-size: 40px;float: left;width: 25%;color: #ffffff;}
.slogan h2 {font-size: 36px;text-align: center;}
.altnav{background: #ffffff;position: fixed;z-index: 9999;bottom: 0px;left: 0px;width: 100%;box-shadow: 0px 0px 30px rgba(0,0,0,0.4);}
.navalt{width: 50%;line-height: 16px;float: left;text-align: center;font-size: 11px;padding: 1rem 0;box-sizing: border-box;position: relative;}
.navalt span{color:#fff;} .navalt i{color:#fff;}
.urunbox .icerik {display:none;}
.urunbox .title {font-size: 18px;}
}

@media screen and (max-width:1000px) and (min-width:479px) { 
.slider{margin-top: 10px;display:none;}
.slidermobile{display:block;}
.mobilemenu{display:block;}
.menu {display: none;}
.muhiz {display: none;}
.teklifalform {margin-top:0px;}
.teklifalicon {margin-top:0px;}
.logobar .logo {width: 100%;padding: 12px 10px;text-align: center;}
.mobilemenu{height: 56px;}
.sigorta{width: 48% !important;}
.menubar {border-radius: 0px;}
.item{background-size: cover;background-position: bottom;height: 400px;width: 100%;}
.item img{visibility: hidden;}
.slider-slogan h1 {margin-top: 3rem;margin-left: 1rem;font-size: 1.4rem;}
.slider-slogan h2 {margin-left: 1rem;}
.slider-slogan button {margin-left: 1rem;}
.footermenu {text-align:center;padding: 20px 0px;} 
.copy {font-size: 14px;padding: 1rem 0.7rem;text-align: center;}
.icons{margin: 0px auto;}
.baslik h1 {color: #003478;margin: 0 12px 0 0;font-size: 21px;font-weight: 800;text-transform: uppercase;line-height: 27px;letter-spacing: -1.08px;float: left;width: 48%;text-align: right;}
.baslik h2 {color: #193656;font-size: 18px;font-weight: 400;line-height: 21px;margin: 0;width: 48%;float: left;padding: 1%;}
.urunbox .icerik {background-color: #ffffff;float: left;margin: 1%;width: 100%;font-size: 14px;}
.urunbox .icerik p {font-size: 12px;font-weight: 400;line-height: 11px;margin: 0 0 15px;}
.urunbox .iconu {display:none;}
.hakkimizdatext {padding: 3rem 0;text-align: center;}
.count .aciklama {float: left;width: 75%;font-size: 14px;}
.count .sayi {float: left;width: 75%;font-size: 28px;font-weight: bold;}
.count .iconu {font-size: 40px;float: left;width: 25%;color: #ffffff;}
.slogan h2 {font-size: 36px;text-align: center;}
.altnav{background: #ffffff;position: fixed;z-index: 9999;bottom: 0px;left: 0px;width: 100%;box-shadow: 0px 0px 30px rgba(0,0,0,0.4);}
.navalt{width: 100%;line-height: 16px;float: left;text-align: center;font-size: 11px;padding: 1rem 0;box-sizing: border-box;position: relative;border-right: 1px solid #2d7d30;}
.navalt span{color:#fff;} .navalt i{color:#fff;}
.urunbox .icerik {display:none;}
.urunbox .title {font-size: 18px;}
}