@media only screen and (max-width: 1200px) { div.uygulama-slide img { width: calc(100vw - 58px) !important; margin: 30px -30px 30px -30px !important; } div.button-container{ text-align:center; } div#haberler-container img{ width: calc(100vw - 110px) !important; height: auto !important; } div#haberler-container video{ width: calc(100vw - 110px) !important; height: calc((100vw - 110px)/16*9) !important; } div#ekip-container .ekip-slide-button{ width: calc(50vw - 35px) !important; height: calc(50vw - 35px) !important; } p{ font-size:16px; } div#footer > div > div{ width: auto !important; padding:0 !important; border:none !important; display:block !important; min-height:unset !important; margin: 25px 25px !important; } div#haberler-container .haber-slide-button .img{ height: calc(50vw - 40px) !important; margin:0px !important; width: 100% !important; } div#haberler-container .haber-slide-button{ width: calc(50vw - 40px) !important; margin: 9px !important; } div.nasil-kullanilir-imgs2{ width: calc(100vw - 58px) !important; height: calc((100vw - 58px)/9*16) !important; margin: 30px -30px 30px -30px !important; } div.height-fix{ height: 66px !important; display: block !important; } div#mobmenu{ display:block !important; } div#mobmenu div#logo > img{ height: 52px !important; } div#slider > .slides > .text-container{ width: 100% !important; } div#slider .slide-button-container{ left: 50% !important; width: fit-content !important; bottom: 15.2vh !important; } div.fullcontent{ padding:0px 10px; width:100% !important; } div.halfcontent{ margin: 20px 0px !important; width:100% !important; padding:0px 10px; } div#menu{ display:none; } div#uygulama-hakkinda .button-container{ margin-bottom: 50px !important; } div#uygulama-hakkinda .slide-container{ width: 100% !important; } .slidesx{ padding: 0px 40px !important; } div#uygulama-hakkinda .controlbutton.fa-angle-right{ right:-35px !important; } div#uygulama-hakkinda .controlbutton.fa-angle-left{ left:5px !important; } div#uygulama-hakkinda .controlbutton{ text-shadow: 3px 3px 6px #00000075; font-size: 110px !important; } div.white h2, div.blue h2, div.darkgradient h2{ font-size:35px !important; } div.blue h3, div.white h3, div.darkgradient h3{ margin: 0px 0px 50px 0px !important; } } body{ font-family: 'Ubuntu', sans-serif; color:#a0a0a0; margin:0; padding:0; background: #0e0e0e; overflow-x: hidden; } div#slider{ background: #FFF; width: 100%; height:calc(100vh - 98px); z-index: 0; overflow:hidden; position: relative; } div#slider > .slides { background-size: cover; background-position: center center; -webkit-background-size: center center; -moz-background-size: center center; -o-background-size: center center; background-size: center center; position: absolute; width: 100%; top: 0px; left: 0px; height: 100%;; } div#slider > .slides > .text-container{ position: absolute; right: 0px; top: 0px; width: 30%; background: #000000ad; height: 100%; } div#slider > .slides > .text-container > div > .sldmsg{ /*max-width: calc(100% - 550px); */ font-family: 'Poppins', sans-serif; color: #FFF; font-size: 19px; display: block; padding: 0px 20px; font-weight: 400; text-align: justify; /* text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.56);*/ } div#slider h2.slidehead{ font-family: 'PT Sans Narrow', sans-serif; margin: 100px 0px 40px 0px; color: #FFF; line-height: 100%; display: block; font-size: 45px; /* text-shadow: 0px 0px 7px rgb(0, 0, 0); */ font-weight: 300; } div#slider .slide-button{ cursor:pointer; box-shadow: 0px 0px 10px 0px #2f2f2f5e; background: #ffffffc7; width: 30px; height: 30px; display: inline-block; border-radius: 50%; margin: 0px 10px; } div#slider .slide-button-active{ background: #538fc3 !important; } div#slider .slide-button-container{ position: absolute; bottom: 5vh; left: 35%; transform: translate(-50%, -50%); } /*i.slidebutton{ cursor:pointer; color:rgba(0, 0, 0, 0.33); font-size: 110px; position: relative; z-index: 1; top: calc(50% - 55px); } i.sldl{ float:left; left:35px; } i.sldr{ float:right; right:35px; } i.slidebutton:hover{ color:rgba(0, 0, 0, 0.20); }*/ .inset-shadow{ box-shadow: inset 0px 49px 30px -50px #636363; } *{ font-size:18px; font-family: 'Ubuntu', sans-serif; box-sizing: border-box; } div#header{ border-top: 5px solid #01adef; position: fixed; width: 100%; z-index: 2; background: #ffffff; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25); overflow: hidden; -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25); } div#menu { /*width:1000px;*/ margin:0px auto; } div#menu > div:nth-of-type(1) > span{ font-family: abel; font-size: 35px; display: inline-block; vertical-align: top; margin-top: 11px; } div#menu > div:nth-of-type(1) > img{ display: inline-block; height: 65px; } div#menu > div:nth-of-type(1){ vertical-align: top; width: 200px; display: inline-block; height: 65px; margin-top: 13px; } div#menu > div:nth-of-type(2) > nav > a, div#menu > div:nth-of-type(3) > nav > a{ display: inline-block; padding: 36px 20px; color:#000; text-decoration: none; cursor:pointer; font-size:18px; } div#menu > div:nth-of-type(2) > nav > a:hover{ background:#efefef; } div#menu > div:nth-of-type(2){ vertical-align: top; display: inline-block; width: 750px; } div#menu > div:nth-of-type(3){ padding: 18px 0px; vertical-align: top; display: inline-block; float: right; width:205px; text-align: right; } div#menu > div:nth-of-type(3) > nav > a:nth-of-type(2){ /*box-shadow: 2px 2px 11px -2px #b3b3b3;*/ border: 3px solid #a20000; background: #a20000; border-radius: 10px; color: #FFF; padding: 10px 15px !important; margin: 5px; } div#menu > div:nth-of-type(3) > nav > a:nth-of-type(1) > div{ position: absolute; color: white; font-weight: 500; right: 4px; background: #2e8e54; border-radius: 10px; bottom: -11px; font-size: 13px; padding: 4px 12px; } div#menu > div:nth-of-type(3) > nav > a:nth-of-type(1){ position: relative; box-shadow: 2px 2px 11px -2px #b3b3b3; /* border: 3px solid #b9b9b9; */ border-radius: 10px; padding: 13px 18px !important; margin: 5px; background: #008fc5; color: #FFF; transition: background .3s ease; } div#menu > div:nth-of-type(3) > nav > a:nth-of-type(1):hover { background: #006890 !important ; } div#mobmenu > i{ top:-1px; } div#mobmenu{ display:none; text-align: right; background: #ffffff; width: 100%; } div#mobmenu > div{ position: absolute; width: 100%; font-size: 20px; top: 4px; left: 0; color: #efefef; text-align: center; } div#mobmenu ul#mobmenuexp > li{ cursor:pointer; padding: 15px; font-size: 15px; border-bottom: 1px dashed #5a5a5a; } div#mobmenu ul#mobmenuexp .mobchilds:nth-last-child(1){ margin-bottom: 0px !important; } div#mobmenu ul#mobmenuexp .mobchilds{ margin-left: 10px; margin-bottom:20px; } div#mobmenu ul#mobmenuexp{ text-align: left; position: relative; z-index: 1; background: rgba(23, 23, 23, 0.95); margin: 0; padding: 10px; color: #b3b3b3; list-style-type: none; } div#mobmenu ul#mobmenuexp > li:last-child{ border:none !important; } div#mobmenu i.menubutton{ position: relative; z-index: 1; padding: 13px 10px 13px 0px; color: #01adef; font-size: 35px; } div#mobmenu div#logo > span{ font-family: abel; font-size: 35px; display: inline-block; vertical-align: top; margin-top: 4px; color: #949494; } div#mobmenu div#logo > img{ display: inline-block; height: 65px; } h1{ font-family: 'Raleway', sans-serif; } a{ color:#545454; text-decoration: none; } div#footer{ border-top: 2px solid rgb(80, 80, 80); font-size: 17px; background: linear-gradient(225deg, rgba(80,80,80,1) 0%, rgba(39,39,39,1) 100%); background-color: #272727; padding: 30px 0px; color: #c3c3c3; line-height: 35px; } div#footer > div{ text-align: center; margin: 0px auto; /*width: 1000px;*/ } div#footer > div > div{ width: calc(25% - 34px); min-height: 250px; border-left:1px solid #585858; padding: 0px 0px 0px 25px; margin: 0px 25px 0px 0px; text-align: left !important; vertical-align: top; display: inline-block; } div#footer > div > div:nth-of-type(4) > i.fa{ margin: 0px 30px 0px 0px; font-size:35px !important; } div#footer > div > div:nth-of-type(3) > nav > a{ display: block; color: #c3c3c3; } div#footer > div > div:nth-of-type(1){ border:none !important; } div#footer > div > div:nth-of-type(1) > i.fa{ font-size: 17px !important; display: inline-block; width: 18px; margin-right: 10px; text-align: center; } div#footer > div > div > font.column_title{ font-size: 20px; font-weight: bold; color: #FFF; display: block; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dashed #c3c3c3; } div.fullarea{ display: block; padding: 60px 0px 80px 0px; } div.fullcontent{ width: 1200px; margin:0px auto; } div.halfcontent{ vertical-align: top; text-align: justify; width: 600px; margin:0px; display: inline-block; } div.halfcontent:nth-of-type(1){ width: 550px; margin:0px 50px 0px 0px; } div.white h2, div.blue h2, div.darkgradient h2{ padding: 0px 0px 10px 0px !important; font-size: 50px; text-align: center; } div.blue h2{ color: #FFF; text-shadow: 1px 1px 4px black; } div.white h2{ text-shadow: 1px 1px 4px #00000040; color: #006da5; } div.blue h3, div.white h3, div.darkgradient h3{ font-size: 16px; text-align: center; font-weight: 300; margin: 0px 0px 100px 0px; } div.blue h3{ text-shadow: 1px 1px 1px black; color: #a4e0ff; } div.white h3{ text-shadow: 1px 1px 1px #00000042; color: #656565; } div.blue{ background: #006da5; } div.white{ background: #FFF; } div.darkgradient{ background: radial-gradient(circle, #c6ccc4 0%, #868686 100%); } div.darkgradient h3{ text-shadow: 1px 1px 1px #b3b3b3; color: #656565; } div.darkgradient h2{ text-shadow: 1px 1px 4px #00000040; color: #ffffff; } h1, h2 { margin: 0; color: #FFF; } div.blue h3.bighead{ margin: 0px 0px 20px 0px; font-weight: 400 !important; color:#FFF !important; text-align: left !important; font-size:25px !important; } div.white h3.bighead{ margin: 0px 0px 20px 0px !important; font-weight: 400 !important; color:#656565 !important; text-align: left !important; font-size:25px !important; } /* div#ekip-container .button-container{ }*/ div#ekip-container .slide-container{ height: 266px; position: relative; } div#ekip-container .ekip-slide{ display: block; box-shadow: rgba(0, 0, 0, 0.39) 10px 10px 20px -6px; top: 10px; position: absolute; width: 100%; border-radius: 10px; background: #fdfcf6; border: 1px solid #d2d2d2; color: #717171; padding: 13px; } div#ekip-container .ekip-slide > p:nth-of-type(1){ color: #9e4242; margin-bottom: 3px; font-weight: 700; } div#ekip-container .ekip-slide > p:nth-of-type(2){ font-size: 15px; margin-bottom: 15px; } /* div#ekip-container .ekip-slide > p:nth-of-type(3){ }*/ div#ekip-container .ekip-slide-button{ cursor:pointer; margin: 0px 5px; border-radius: 50%; width:110px; height: 110px; border: 7px solid #e8e8e8; display: inline-block; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } div#ekip-container .ekip-slide-button:nth-of-type(1){ margin-left:0px !important; } div#ekip-container .ekip-slide-button:nth-last-of-type(1){ margin-right:0px !important; } div#ekip-container .ekip-active-button{ border-color: #5ab0dc !important; } div#ekip-container{ display: block; position: relative; width: 100%; } p{ display: block; margin:0px; } .margintop15{ margin-top:15px; } p.kurumsalcv{ font-weight: bold; } div.social-link a{ margin-right: 10px; display: inline-block; } div.social-link img { width:30px; height:30px; } div.social-link{ margin-top:15px; } div.minimal-logo img{ display: inline-block; vertical-align: top; height: 45px; background: #fbfbfb; border-radius: 10px; margin-right: 5px; } div.minimal-logo span{ margin-top: 6px; font-family: abel; font-size:22px; display: inline-block; vertical-align: top; } div#haberler-container .haber-slide{ display: block; /* box-shadow: rgba(0, 0, 0, 0.39) 10px 10px 20px -6px; */ top: 10px; position: absolute; width: 100%; /* border-radius: 10px; */ background: #f1f1f1; /* border: 1px solid #d2d2d2; */ color: #717171; padding: 35px; text-align: left; } div#haberler-container .haber-slide-button p{ margin-top: 10px; font-weight: 100; font-size: 20px; color: #797979; } div#haberler-container .haber-slide-button{ display: inline-block; width: 190px; margin: 0px 0px 15px 0px; vertical-align: top; } div#haberler-container .haber-slide-button .img{ cursor:pointer; margin: 0px 10px; border-radius: 50px; width:170px; height: 170px; border: 7px solid #e8e8e8; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } div#haberler-container .haber-slide-button:nth-of-type(1){ margin-left:0px !important; } div#haberler-container .haber-slide-button:nth-last-of-type(1){ margin-right:0px !important; } div#haberler-container .haber-active-button .img{ border-color: #dcba5a !important; } div#haberler-container .slide-container{ position: relative; /*top: -28px;*/ } div#haberler-container div.slide-arrow{ width: 35px; height: 35px; background: transparent; transform: rotate(45deg); margin-top: 27px; z-index: -1; } div#haberler-container .haber-active-button div.slide-arrow{ display: block; background: #f1f1f1; transition: background 1s; } div.haber-slide p:nth-of-type(1) { text-align: left; color: #484848; margin-bottom: 20px; font-weight: 700; } div.haber-slide p:nth-of-type(2) { font-weight: 100; text-align: justify; color: #656565; } div.haber-slide a.external-link{ display: inline-block; background: #a58322; padding: 10px 20px; color: #FFF; margin-top: 20px; } div#haberler h2{ color:#c39208 !important; } div#uygulama-hakkinda .button-container{ text-align: left; /* color: black; */ width: 300px; vertical-align: top; display: inline-block; background: #065d8a; padding: 10px; } div#uygulama-hakkinda .uygulama-slide-button { padding: 15px 20px; border-bottom: 1px solid #2c4958; color: white; cursor: pointer; } div#uygulama-hakkinda .uygulama-slide-button:nth-last-of-type(1) { border:none !important; } div#uygulama-hakkinda .uygulama-slide-button:hover, div#uygulama-hakkinda .uygulama-active-button{ background: #006da5; } div#uygulama-hakkinda .uygulama-slide p:nth-of-type(1){ font-weight: bold; color: #FFF; margin-bottom: 20px; } div#uygulama-hakkinda .uygulama-slide p:nth-of-type(2){ font-weight: 100; color: #FFF; } div#uygulama-hakkinda .slide-container{ display: inline-block; width: 890px; position: relative; vertical-align: top; } div#uygulama-hakkinda .uygulama-slide{ text-align: justify; display: block; top: 0px; padding: 0px 100px; left:0px; position: absolute; width: 100%; } div.nasil-kullanilir-imgs2{ background: #FFF; width: 300px; height: 515px; z-index: 0; /* overflow: hidden; */ position: relative; margin: 30px auto; text-align: center; } div.nasil-kullanilir-imgs2 > .slides { background-size: cover; background-position: center center; -webkit-background-size: center center; -moz-background-size: center center; -o-background-size: center center; background-size: center center; position: absolute; width: 100%; top: 0px; left: 0px; height: 100%; box-shadow: 0px 0px 30px 0px #00000063; } div.nasil-kullanilir-imgs2 .slide-button{ cursor: pointer; box-shadow: 0px 0px 10px 0px #2f2f2f5e; background: #ffffffc7; width: 20px; height: 20px; display: inline-block; border-radius: 50%; margin: 0px 10px; } div.nasil-kullanilir-imgs2 .slide-button-active{ background: #538fc3 !important; } div.nasil-kullanilir-imgs2 .slide-button-container{ position: absolute; bottom: -44px; left: 0px; margin: 0; padding: 10px; width: 100%; background: #00000045; /* transform: translate(-50%, -50%);*/ } div#uygulama-hakkinda .controlbutton.fa-angle-right{ right:10px; } div#uygulama-hakkinda .controlbutton.fa-angle-left{ left:50px; } div#uygulama-hakkinda .controlbutton{ top: 300px; font-size: 120px; position: absolute; color: #ffffff; transform: translate(-50%, -50%) scale(1,1.3); cursor: pointer; } .slidesx{ text-align: justify; display: block; top: 0px; padding: 0px 100px; left:0px; position: absolute; width: 100%; } div.other_logos img { display: inline-block; height: 14vh; } div.other_logos{ background: radial-gradient(circle, rgba(255,255,255,1) 50%, rgb(183 183 183) 100%); position: absolute; bottom: 0; width: 100%; padding: 3px; z-index: 10; left:0; } .height-fix{ height: 98px; width: 100%; } div#uygulamayi-edinin{ background: radial-gradient(circle, #c6ccc4 10%, #868686 100%); color: #FFF; } .store-icons img { margin-right: 20px; } .store-icons{ margin-bottom: 20px; } div#uygulamayi-edinin p{ display: block; font-weight: bold; color: #ffffff; font-size: 20px; text-shadow: 1px 1px 2px #00000091; }