@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"); /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html, body { overflow-x: hidden; /* Prevent scroll on narrow devices */ } body { padding-top: 56px; } body { } strong, b { font-weight: 600; } img { max-width: 100%; height: auto; } ul, ol { list-style: none; } ul { padding: 0; margin: 0; } a { transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; } a:hover { color: #444; } a, a:hover { text-decoration: none; } i { font-size: 1.1em; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 0; color: #444; } h1 { font-size: 24px; line-height: 30px; } .index { line-height: 23px; font-size:14px; } @media (max-width: 768px) { .cepsil { display:none !important; } .turuncuseritmobil { border-left: 6px solid orange; height: auto; } .leftright { margin-left:10px; margin-right:10px; } .b15 { margin-bottom:15px; } .b20 { margin-bottom:20px; } .b25 { margin-bottom:25px; } .b30 { margin-bottom:30px; } .b40 { margin-bottom:40px; } .t10e { margin-top:-10px; } .t20e { margin-top:-20px; } .t30e { margin-top:-30px; } .t40e { margin-top:-40px; } .t5 { margin-top:15px; } .t10 { margin-top:10px; } .t15 { margin-top:15px; } .t20 { margin-top:20px; } .t25 { margin-top:25px; } .t30 { margin-top:30px; } .t35 { margin-top:35px; } .t40 { margin-top:40px; } .t50 { margin-top:50px; } .t60 { margin-top:60px; } .t70 { margin-top:70px; } .t80 { margin-top:80px; } .t90 { margin-top:90px; } .t100 { margin-top:100px; } .t20e { margin-top:-20px; } p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 23px; font-weight: 300; color: #484848; } p strong { font-weight: 500; } h1 { font-size: 20px; line-height: 28px; } h2 { font-size: 18px; line-height: 28px; } h3 { font-size: 16px; line-height: 24px; } .arabaslik { font-size: 14px; line-height: 24px; } .mavifontkucuk { font-size:35px; font-weight:bold; } .hizalacep { margin-left:-5px; margin-right:-5px; } .h2buyuk { font-size:18px; } /*************** Heading Titles ***************/ .classic-title { margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid #eee; } .classic-title-kucuk { margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid #eee; font-size:16px; color:#0099CC; } .classic-title span { padding-bottom: 8px; border-bottom: 1px solid; } .big-title { margin-bottom: 20px; } .big-title h1 { font-size: 20px; line-height: 32px; font-weight: 400; } .big-title h2 { font-size: 19px; line-height: 32px; font-weight: 400; } .big-title h1 strong, .big-title h2 strong { font-weight: 800; } .big-title .title-desc { font-size: 13px; line-height: 22px; color: #888; } .big-title h2 + .title-desc, .big-title h1 + .title-desc { margin-top: 4px; } .title-desc { font-size:18px; } .navrenkkucuk { background-color:white; } .cepresim { margin-top:-130px; } .resimcercevemargin { padding-right:20px; padding-left:20px; } } @media (min-width: 768px) { .masasil { display:none !important; } .porsag { padding-left:50px; } .orange { border-right: 1px solid #FF6600; padding-right:50px; } .hizala { margin-left:40px; margin-right:30px; } .mt10 { margin-top:10px; } .mt20 { margin-top:20px; } .mt30 { margin-top:30px; } .mt40 { margin-top:40px; } .mt50 { margin-top:50px; } .mt60 { margin-top:60px; } .mt70 { margin-top:70px; } .mt80 { margin-top:80px; } .mt90 { margin-top:90px; } .mt100 { margin-top:100px; } .mt115 { margin-top:115px; } .mt20e { margin-top:-20px; } p { font-size:16px; font-family: sans-serif; line-height: 25px; color: #6c757d; } h1 { font-size: 36px; line-height: 46px; } h2 { font-size: 28px; line-height: 40px; } h3 { font-size:2.7vh; line-height: 1.4; font-weight: bold; text-align:left; color: #4F4F4F; } .masah3 h3 { font-family: "Roboto Condensed", sans-serif; } .arabaslik2 { font-size: 18px; line-height: 24px; } h4 { font-size: 14px; line-height: 22px; } h5 { font-size: 13px; line-height: 20px; } h6 { font-size: 12px; line-height: 18px; } .navrenkbuyuk { background-color:black; } .mavifontbuyuk { font-size:40px; font-weight:bold; } .h2buyuk { font-size:39px; line-height: 44px; } .masasag { padding-left:50px; } .masaserit { border-right: 1px solid #FF6600; } .masaresim { margin-top:-200px; } .masasagbosluk { padding-right:50px; } } .turuncuserit { border-left: 6px solid orange; height: auto; } .turuncuseritara { margin-left:20px; } /*************** Service Box ***************/ @media (max-width: 991.98px) { .offcanvas-collapse { position: fixed; top: 56px; /* Height of navbar */ bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: black; opacity: 0.85; transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; } .offcanvas-collapse.open { visibility: visible; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; } .nav-scroller .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; color: rgba(255, 255, 255, .75); text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; } .nav-underline .nav-link { padding-top: .75rem; padding-bottom: .75rem; font-size: .875rem; color: #6c757d; } .nav-underline .nav-link:hover { color: #007bff; } .nav-underline .active { font-weight: 500; color: #343a40; } .text-white-50 { color: rgba(255, 255, 255, .5); } .bg-purple { background-color: #6f42c1; } .lh-100 { line-height: 1; } .lh-125 { line-height: 1.25; } .lh-150 { line-height: 1.5; } .youtube { background-color: #000; margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; } .youtube img { width: 100%; top: -16.82%; left: 0; opacity: 1; } .youtube .play-button { width: 80px; height: 50px; background-color: red; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 0.7; border-radius: 6px; } @media (max-width: 991.98px) { .youtube .play-button { width: 30px; height: 30px; background-color: red; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 0.7; border-radius: 6px; } .youtube .play-button:before { content: ""; border-style: solid; border-width: 8px 0 8px 18.0px; border-color: transparent transparent transparent #fff; } } @media (min-width: 991.98px) { .youtube .play-button:before { content: ""; border-style: solid; border-width: 13px 0 13px 26.0px; border-color: transparent transparent transparent #fff; } } .youtube img, .youtube .play-button { cursor: pointer; } .youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before { position: absolute; } .youtube .play-button, .youtube .play-button:before { top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 ); } .youtube iframe { height: 100%; width: 100%; top: 0; left: 0; } @keyframes width-sway { 0%, 100% { width: 500px; } 50% { width: 100%; } } .back-to-top { display: none; position: fixed; bottom: 18px; right: 15px; } .back-to-top i { display: block; width: 36px; height: 36px; line-height: 36px; color: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; text-align: center; background-color: #444; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } /*************** Toggles & Accordion ***************/ .panel-default > .panel-heading { background-color: #fff; } .panel-group .panel { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; } .panel-default { border-color: #e8e8e8; } .panel-body { padding: 4px 15px 10px 15px; } .panel-heading { padding: 0; } .panel-title { font-size: 13px; font-weight: 700; } .panel-title a { position: relative; display: block; padding: 6px 12px; background-color:#F0F0F0; box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .panel-title a.collapsed { color: #444; box-shadow: 0 0 15px rgba(0,0,0,.04) inset; -o-box-shadow: 0 0 15px rgba(0,0,0,.04) inset; -moz-box-shadow: 0 0 15px rgba(0,0,0,.04) inset; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.04) inset; } .panel-title a.collapsed:hover { color: red; } .panel-title a .control-icon { position: absolute; top: 50%; right: 10px; margin-top: -11px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .panel-title a.collapsed .control-icon { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); } .panel-title a i { font-size: 1.2em; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top: none; font-size:15px; } /*************** Service Box ***************/ .service-box .read-more { margin-top: 4px; font-weight: 500; margin-left: 2px; } .service-box .read-more i { display: inline-block; position: relative; top: 1px; } .image-service-box img { margin-bottom: 14px; } .image-service-box h4 { margin-bottom: 8px; padding: 0 10px; } .image-service-box p { padding: 0 10px; } .service-box { margin-bottom: 35px; } .service-center { text-align: center; } .service-icon-left .service-icon { float: left; } .service-icon-left .service-content { padding-left: 45px; } .service-icon-left-more .service-icon { float: left; } .service-icon-left-more .service-content { padding-left: 60px; } .service-center .service-icon { margin-bottom: 14px; } .service-center .service-content h4 { margin-bottom: 6px; } .service-center .service-icon i { display: inline-block; } .service-box h4 { margin-bottom: 5px; } .service-box > div:first-child { padding: 0; } .service-boxed { margin-top: 30px; padding: 0 15px 20px 15px !important; border: 1px solid #eee; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .service-boxed:hover { border-color: #e2e2e2; box-shadow: 0 0 6px rgba(0,0,0,.1); -o-box-shadow: 0 0 6px rgba(0,0,0,.1); -moz-box-shadow: 0 0 6px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1); } .service-boxed p { margin-bottom: 0; } /*------------------------------------------*/ /* 11 - Footer Styles /*------------------------------------------*/ footer { background-color: #222; padding-top: 60px; border-top: 4px solid #555; color: #ccc; } footer p { color: #ccc; } footer a { color: #aaa; } footer a:hover { color: #aaa; text-decoration: none; } .footer-widget { margin-bottom: 45px; font-size:13px; } .footer-widget h4 { color: #eee; text-transform: uppercase; padding-bottom: 8px; margin-bottom: 20px; font-size: 14px; font-weight: 700; position: relative; line-height:25px; } .footer-widget h4 .head-line { position: absolute; bottom: 0; left: 0; display: block; width: 50px; height: 3px; background-color: #333; margin: 0; } .social-widget ul.social-icons li { display: inline-block; margin-right: 4px; margin-bottom: 4px; } .social-widget ul.social-icons li a i { font-size: 1.4em; width: 36px; height: 36px; color: #fff; line-height: 36px; text-align: center; display: block; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .social-widget ul.social-icons li a.facebook:hover i { background-color: #507CBE; } .social-widget ul.social-icons li a.twitter:hover i { background-color: #63CDF1; } .social-widget ul.social-icons li a.google:hover i { background-color: #F16261; } .social-widget ul.social-icons li a.dribbble:hover i { background-color: #E46387; } .social-widget ul.social-icons li a.linkdin:hover i { background-color: #90CADD; } .social-widget ul.social-icons li a.tumblr:hover i { background-color: #4D7EA3; } .social-widget ul.social-icons li a.flickr:hover i { background-color: #E474AF; } .social-widget ul.social-icons li a.instgram:hover i { background-color: #4D4F54; } .social-widget ul.social-icons li a.vimeo:hover i { background-color: #87D3E0; } .social-widget ul.social-icons li a.skype:hover i { background-color: #36C4F3 } .contact-widget span { font-weight: 700; } .contact-widget ul li { margin-bottom: 12px; } .contact-widget ul li p a { color: #bbb; } .twitter-widget a { color: #43B9CD; } .twitter-widget a:hover { color: #43B9CD; text-decoration: underline; } .twitter-widget ul li { margin-bottom: 20px; } .twitter-widget ul li span { color: #888; } .flickr-widget ul { overflow: hidden; } .flickr-widget ul li { float: left; margin-left: 8px; margin-bottom: 8px; } .flickr-widget ul li:nth-child(3n+1) { margin-left: 0; } .flickr-widget ul li a { display: inline-block; width: 80px; opacity: 0.6; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border: 4px solid #333; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .flickr-widget ul li a img { width: 100%; height: 65px; } .flickr-widget ul li a:hover { opacity: 1; } .mail-subscribe-widget form { margin-top: 15px; margin-bottom: 20px; } .mail-subscribe-widget form input[type=text] { outline: none; color: #888; font-size: 12px; padding: 6px 12px; border: none; background: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; outline: none; } .copyright-section { padding: 15px 0; font-size: 11px; letter-spacing: 0.5px; border-top: 1px solid rgba(255,255,255,.06); } .copyright-section p { font-size: 11px; text-transform: uppercase; } ul.footer-nav { float: right; } ul.footer-nav li { display: inline-block; float: left; margin-left: 15px; } ul.footer-nav li:first-child { margin-left: 0; } ul.footer-nav li a { display: inline-block; text-transform: uppercase; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } ul.footer-nav li a:hover { color: #fff; } .footeryazi { line-height:25px; } .l10 { padding-left:10px; } .turuncu { font-size:12px; } .araac { line-height:25px; } .yazifont { font-family: arial; line-height:24px; font-size:15px; } .grey-color { color: rgb(102, 102, 102); } .altaramasa2 { margin-bottom:-60px; } .siyahfont { font-size:24px; font-family: "Roboto Condensed", sans-serif; font-weight: bold; padding-bottom:15px; padding-top:35px; padding-left:50px; background-color: #e5ad58; color:white; } @media (min-width: 768px) { .logo { margin-top:-100px; margin-left:50px; } .baslikrenk { background-color:#E7F0EF; } .baslikdiv { padding-left:95px; vertical-align: middle; text-align: center; } .basliktable { width: 100%; margin-top:0px; height:100%; vertical-align: middle; } .basliksatir1 { line-height:40px; font-size:27px; margin-top:20px; color:#232E66; font-family: roboto; } .basliksatir2 { font-size:7.2vh; margin-top:30px; color: #EC1D2F; } .basliksatir3 { color: #13356C; margin-top:40px; font-size:2.9vh; line-height:35px; font-family:roboto; } .baslikimg { margin-bottom:-80px; margin-left:-50px; } .baslikimg2 { margin-top:50px; margin-left:-50px; } .pmargin1 { margin-top:30px; padding-right:50px; } .kizmasayuk { margin-bottom:-290px; z-index:1; } .kitap { margin-top:110px; padding-left:50px; padding-right:150px; } .cardpyuk { line-height:27px; } .kosullar { margin-top:-40px; margin-left:20px; font-size:2.1vh; } .dikkat { margin-top:-50px; margin-left:60px; z-index:3 } .cardmasapadding { padding-right:30px; padding-left:30px; } .masabold { font-weight: bold; } .uyarimasa { padding-left:60px; padding-right:70px; padding-top:110px; padding-bottom:70px; } .masapadding { padding-top:30px; padding-bottom:40px; } .masapadding { padding-left:60px; padding-right:60px; padding-top:45px; padding-bottom:40px; } .kayanmasarenk { background-color: #6f42c1; } } @media (max-width: 768px) { .kayanrenk { background-color:white; } .kizcepyuk { margin-bottom:-194px; z-index:1; } .kayancepleft { margin-left:27px; } .kayancepleft2 { margin-right:40px; margin-left:27px; } .dikkat2 { margin-top:-50px; margin-left:20px; z-index:3 } .cardceppadding { padding-right:20px; padding-left:20px; } .aptallasti { margin-left:-15px; margin-right:-15px } .aptallasticep { margin-left:25px; margin-right:25px; } .kolayca { padding-top:25px; padding-bottom:40px; } .ezbercep { position:absolute; margin-top:-95px; z-index:2; display: block; margin-left: 45px; margin-right: auto; } .ezberceppadding { padding-left:40px; padding-right:40px; padding-top:45px; padding-bottom:40px;} .uyaricep { margin-top:100px; margin-bottom:90px; padding-left:10px; padding-right:15px; } .kapi { display: block; margin-top:-220px; z-index:2; margin-left: auto; margin-right: auto; } } .kayan { left:0px; position:absolute; margin-top:-37px; background-color:#EC1D2F; height:37px; line-height:37px; color:white; } .resimcerceve { border: 10px solid #999999; padding:10px; } .kirmizi { padding-right:30px; padding-left:40px; border: 20px ridge red; background-color: #EA0029; background-image:url('english-course/red.jpg'); background-size:cover; } .kirmizih2 { color:white; font-family: roboto; line-height:40px; } .kirmizip { margin-top:30px; color:white; font-size:20px; line-height:35px; } .saribant { height:50px; width:100%; background-color: #E17100; } .z { z-index:-1; } .kizpadding { padding-top:50px; padding-left:50px; padding-right:50px; padding-bottom:25px; } canvas { background:url('english-course/istanbul-en-iyi-ingilizce-kursu.jpg'); background-size: cover; background-repeat: no-repeat; }