/* Theme Name: 222Rehber.com Theme URI: - Author: Burak Malgaz Author URI: - Description: Bu Tema Saruhan Web Ajans Tarafından 222Rehber.com için geliştirilmiştir. Version: 2.0 License: Tüm Hakkı Saklıdır License URI: https://www.saruhanweb.com Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: 222rehber */ /*turuncu*/ /*ed5618*/ /*mavi*/ /*0084b8*/ :root{ --orange : #ed5618; --blue : #0084b8; --box_shadow: #ddd; } /*font-family: 'Koulen', cursive;*/ @import url('https://fonts.googleapis.com/css2?family=Koulen&display=swap'); /*font-family: 'Montserrat', sans-serif;*/ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /*font-family: 'Righteous', cursive;*/ @import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap'); @font-face { font-family: 'blackswordregular'; src: url('dist/fonts/blacksword/blacksword-webfont.woff2') format('woff2'), url('dist/fonts/blacksword/blacksword-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*YENİ NESİL REHBER*/ body{ position: relative; } body::-webkit-scrollbar { width: 8px; } body::-webkit-scrollbar-track { background: #ed5618; } body::-webkit-scrollbar-thumb { background-color: #0084b8; } .hTopCount{padding: 10px 5px;background: var(--orange);text-align: center;color: #fff;font-size: 16px;text-shadow: 1px 1px 2px #000;font-weight: 100;} .hTopCount b{font-weight: bold;font-size: 20px;} .hTopCount a{display: inline-block;position: relative;z-index: 99999;color: #fff;} .hTopCount a:hover{color: #ddd;} a{ text-decoration: none; color: #666; } a:hover,a:active,a:focus{ text-decoration: none; color: #444; } /*ramazana-ozel*/ .sw-h-imsakiye{background-color: #ED5700;padding: 15px 0;background-image: url('images/cami-bg.png');background-blend-mode: soft-light;background-size: contain;} .sw-h-imsakiye .sw-text{text-align: center;text-shadow: 2px 2px 2px #ad0012;} .sw-h-imsakiye .sw-text a{color: #fff;position: relative;z-index: 9999;} .sw-h-imsakiye .sw-text span{display: inline-block;font-weight: 900;} /*ramazana-ozel*/ .header{opacity: 0;visibility: hidden;width: 100%;height: auto;position: fixed;z-index: -1;top: 0;left: 0;right: 0;} .header-page{opacity:1;visibility: visible;height: auto;position: relative;z-index: 999;} .pBox{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 99999;background:rgba(0,0,0,.6);opacity: 0;visibility: hidden;} .pBox .pBoxBlok{width: 500px;margin: 0 auto;height: auto;min-height: 300px;overflow: auto;max-width: 98%;max-height: 80%;position: absolute;left: 0;right: 0;margin: 0 auto;top: 15%;box-shadow: 0 0 10px 0 #000;border-radius: 10px;background: #fff;padding:60px 30px 30px 30px;text-align: center;} .pBox .pBoxBlok .pBoxClose{position: absolute;right: 15px;top: 15px;line-height: 30px;width: 40px;text-align: center;font-size: 25px;text-align: center;cursor: pointer;} .callNowBtnBg{background: linear-gradient(#0088B7,#04B3C0);color: #fff;} .whatsappBtnBg{background: linear-gradient(#02BE45,#67C540);color: #fff;} .mapBtnBg{background: linear-gradient(#EE5801,#F39414);color: #fff;} .priceOfferBtnBg{background: linear-gradient(#8E40F5,#B279FE);color: #fff;} .whatsappMsgBox{} .whatsappMsgBox h3{font-weight: 700;text-align: center;padding: 10px 0;font-size: 28px;} .whatsappMsgBox h4{font-weight: 600;text-align: center;padding: 5px 0;margin-bottom: 50px;font-size: 22px;color: #aaa;} .whatsappMsgBox ul{list-style: none;margin: 0;padding: 0;} .whatsappMsgBox ul>li{margin-bottom: 15px;} .whatsappMsgBox ul>li>a{display: inline-block;border: 2px solid green;padding: 5px 10px;color: #666;border-radius: 5px;font-size: 15px;background: #f9f9f9;} /*uyelik-tipleri*/ .bronze-bg{ background-color: #5b6467; background-image: linear-gradient(315deg, #5b6467 0%, #8b939a 74%); } .gold-bg{ background-color: #ebd197; background-image: linear-gradient(315deg, #ebd197 0%, #a2790d 74%); color: #fff; } .silver-bg{ background-color: #5b6467; background-image: linear-gradient(315deg, #5b6467 0%, #8b939a 74%); color: #fff; } .doping-bg{ background-color: #a020f0; background-image: linear-gradient(315deg, #a020f0 0%, #4b0082 74%); color: #fff; } /*-------------------------------------------------------------------------------------- Top - Right Fix Buttons --------------------------------------------------------------------------------------*/ #topRightFixBtnGroup{position: absolute;top: 5px;right: 0;width: 100%;z-index: 9999;overflow: hidden;} #topRightFixBtnGroup>ul{list-style: none;margin: 0;padding: 0;float: right;position: relative;} #topRightFixBtnGroup>ul:before{content: '';width: 200%;height: 100%;position: absolute;right: calc(-100% - 40px);top: 0;background: #fff;} #topRightFixBtnGroup>ul>li{float: left;position: relative;z-index: 9;display: block;padding:0 15px 0 25px;background: #fff;position: relative;line-height: 40px;margin-left: 5px;height: 40px;} @keyframes turnLeftRight{ from{ transform: rotateY(180deg); } to{ transform: rotateY(-180deg); } } #topRightFixBtnGroup>ul>li:first-child>label{position: absolute;left: -20px;top: 0;z-index: 9;margin: 0;background: var(--blue);width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;animation: turnLeftRight 3s linear infinite;} #topRightFixBtnGroup>ul>li:first-child>label>img{width: 25px;height: 25px;object-fit: contain;filter: invert(100%);} #topRightFixBtnGroup>ul>li>img{position: absolute;left: -20px;top: 0;z-index: 9;} #topRightFixBtnGroup>ul>li>span{display: block;opacity: 0;visibility: visible;width: 0;transition: all 1s ease-in-out;text-align: right;font-size: 13px;} #topRightFixBtnGroup>ul>.active>span{opacity: 1;visibility: visible;width: 90px;} #topRightFixBtnGroup>ul>li>span>a{display: block;font-size: 13px;width: 90px;text-align: left;} @media only screen and (max-width: 320px){ #topRightFixBtnGroup>ul>li{margin-left: 5px;} } @media only screen and (max-width: 991px){ #topRightFixBtnGroup{margin-top: 55px;top:unset;} } /*-------------------------------------------------------------------------------------- Bottom - Right Fix Buttons --------------------------------------------------------------------------------------*/ #bottomRightFixBtnGroup{position: fixed;bottom: 120px;right: 15px;z-index: 999999;} #bottomRightFixBtnGroup .one{width: 71px;height: 71px;position: relative;border-radius: 50%;cursor: pointer;} #bottomRightFixBtnGroup .one img{position: absolute;top: 00;left: 0;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} #bottomRightFixBtnGroup .one .icon2{opacity: 0;} #bottomRightFixBtnGroup .one:hover .icon1{opacity: 0;} #bottomRightFixBtnGroup .one:hover .icon2{opacity: 1;} #bottomRightFixBtnGroup .two{visibility: hidden;margin-bottom: 10px;position: absolute;top: -81px;right: 30px;opacity: 0;border-radius: 50%;cursor: pointer;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;} #bottomRightFixBtnGroup .three{visibility: hidden;margin-bottom: 10px;position: absolute;top: -35px;right: 81px;opacity: 0;border-radius: 50%;cursor: pointer;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;} #bottomRightFixBtnGroup .four{visibility: hidden;margin-bottom: 10px;position: absolute;bottom: -35px;right: 81px;opacity: 0;border-radius: 50%;cursor: pointer;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;} #bottomRightFixBtnGroup .five{visibility: hidden; margin-bottom: 10px;position: absolute;bottom: -81px;right: 30px;opacity: 0;border-radius: 50%;cursor: pointer;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;} #bottomRightFixBtnGroup a{position: relative;} #bottomRightFixBtnGroup a label{position: absolute;background: #0084b8;color: #fff;bottom: -30px;opacity: .8;border-radius: 5px;font-size: 11px;line-height: 1;width: 100%;padding: 2px;text-align: center;} /*-------------------------------------------------------------------------------------- Top Button --------------------------------------------------------------------------------------*/ #topButton{position: fixed;bottom: 15px;left: 15px;background: #fff;width: 40px;height: 40px;border-radius: 5px;z-index: 9999;box-shadow: 0 0 10px 0 #ddd;padding: 7px 0;} #topButton img{display: block;margin: 0 auto;max-width: 100%;height: auto;} /*-------------------------------------------------------------------------------------- Report Problem Button --------------------------------------------------------------------------------------*/ #reportProblemBtn{position: fixed;bottom: 35px;right: 22px; z-index: 9999;cursor: pointer;} #reportProblemBtn img{display: block;margin: 0 auto;max-width: 100%;height: auto;} #wrapReport{position: fixed;bottom: 15px;right: 15px;z-index: 999999;display: none;} .closeReportFormClose{position: absolute;top:0;right: 0;width: 40px;text-align: center;line-height: 35px;top: 0;right: 0;color: #fff;cursor: pointer;} .closeReportFormClose:active{color: #000;} #reportproblemForm{width: 300px;} #reportproblemForm .form-group label{text-align: center;color: #fff;font-size: 16px;background: #ed5618;padding: 5px 0;border-radius: 15px 15px 0 0;margin-bottom: 0;} #reportproblemForm .form-group textarea{border-radius:0 0 15px 15px;} #reportproblemForm button{border-radius: 15px;margin-top: -5%;} /*-------------------------------------------------------------------------------------- HEADER --------------------------------------------------------------------------------------*/ /*header{padding: 30px 0 0 0;} header .logo{text-align: center;margin:0 0 30px 0;} header .logo img{display: block;margin: 0 auto;max-width: 90%;height: auto;} .menu{background: #0084b8;} .menu .left{padding: 15px 0;} .menu ul{list-style: none;margin: 0;padding: 0;text-align: center;} .menu ul>li{display: inline-block;} .menu ul>li>a{display: block;color: #fff;padding: 0 15px;font-size: 14px;position: relative;} .menu ul>li:last-child>a:before{border: 0;} @media only screen and (max-width: 1199px){ header{padding: 80px 0 0 0;} } .menu .menuBody{position: relative;} .menu .searchBox{position: absolute;right: 0;top: 5px;z-index: 99;transition: all 5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all 5s ease-in-out;} .menu .searchBox .searchForm{width: 0;height: 40px; float: right;overflow: hidden;transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;} .menu .searchBox .searchForm input{width: calc(100% - 50px);float: left;border: 0;height: 40px;text-indent: 10px;} .menu .searchBox .searchForm button{float: left;} .menu .searchBox .searchActive{width: 50px;float: right;} .menu .searchBox button{border: 0;width: 50px;height: 40px;text-align: center;line-height: 40px;}*/ /*header-top*/ .header-top{padding: 15px 0;} .header-top .logoOne{position: relative;width: 255px;height: 89px;display: block;margin: 0 auto;transform: scale(1.0);opacity: 1;visibility: visible;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .header-top .logoOne img{display: block;margin: 0 auto;max-width: 100%;height: auto;} /*heade-main*/ .header-main{background: #0084b8;position: relative;display: flex;position: sticky;top: 0;z-index: 99999;padding: 5px 0;} .header-main .menu{float: left;position: relative;width: 75%;} .header-main .menuTab{width: 40px;height: 40px;padding: 7px 0 0 0;overflow: hidden;opacity: 0;visibility: hidden;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .header-main .menuTab span{display: block;margin-bottom: 8px;height: 4px;border-radius: 50px;background: #fff;} .header-main .menuTab span:nth-child(3){margin: 0;} .header-main .menu>ul{list-style: none;margin: 0;padding: 0;position: absolute;left: 0;right: 0;top: 0;display: table;opacity: 1;visibility: visible;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .header-main .menu>ul>li{float: left;} .header-main .menu>ul>li>a{display: block;padding:0 15px;font-size: 13px;color: #fff;line-height: 30px;line-height: 42px;position: relative;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-o--transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;} .header-main .menu>ul>li>a:hover{color:#444;} .header-main .menu>ul>li>a:before{content: '';height: 50%;width: 1px;position: absolute;right: 0;top: 25%;border-right: 1px solid #444;} .header-main .menuFixed{} .header-main .menuFixed ul{position: absolute;background: #0084b8;top: unset;opacity: 0;visibility: hidden;width: 200px;transition: unset;} .header-main .menuFixed ul>li{float: unset;width: 100%;} .header-main .menuFixed ul>li>a{border-bottom: 1px solid #eee;text-align: left;padding-left: 15px;width: 200px;} .header-main .menuFixed ul>li>a:hover{background: #ed5618;color: #fff;} .header-main .menuFixed ul>li>a:before{border: 0;} .header-main .menuFixed ul>li:last-child>a{border: 0;} @media only screen and (max-width: 991px){ .header-top{padding-top: 60px;} .header-main .menu>ul{opacity: 0;visibility: hidden;} .header-main .menuTab{opacity: 1;visibility: visible;} .header-main .menu>ul{position: absolute;background: #0084b8;top: unset;opacity: 0;visibility: hidden;width: 200px;transition: unset;} .header-main .menu>ul>li{float: unset;width: 100%;} .header-main .menu>ul>li>a{border-bottom: 1px solid #eee;text-align: left;padding-left: 15px;width: 200px;} .header-main .menu>ul>li>a:hover{background: #ed5618;color: #fff;} .header-main .menu>ul>li>a:before{border: 0;} .header-main .menu>ul>li:last-child>a{border: 0;} } /*logoTwo*/ .header-main .logoTwo{position: absolute;width: 120px;height: auto;left: 0;right: 0;top: 5px;margin: 0 auto;opacity: 0;visibility: hidden;transform: scale(0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .header-main .logoTwo img{width: 100%;height: auto;} /*logoTransform*/ .header-top .lgTransformOne{transform: scale(0);opacity: 0;visibility: hidden;} .header-main .lgTransformTwo{transform: scale(1.0);opacity: 1;visibility: visible;} /*searchForm*/ .header-main #searchForm{float: right;} .header-main #searchForm .openClose{border: 0;line-height: 1;width:42px;height: 42px;border-radius: 5px;position: relative;z-index: 99;} .header-main #searchForm .openClose img{display: block;max-width: 100%;height: auto;margin: 0 auto;} .header-main #searchForm .openClose span{display: block;font-size: 11px;} .header-main .container{position: relative;} .header-main #searchForm .searchFormMain{position: absolute;right: 15px;top: 0;height: 42px;width:170px;background: #fff;overflow: hidden;border-radius: 5px;transition: all .5s ease-in-out;} .header-main #searchForm .searchFormMain input{font-size: 14px;text-indent: 10px; width: calc(100% - 42px);height: 42px;line-height: 42px;background: #fff;border-radius: 5px 0 0 5px;float: left;border: 0;} .header-main #searchForm .searchFormMain button{border: 0;line-height: 42px;width:42px;height: 42px;border-radius:0 5px 5px 0;float: left;} .header-main #searchForm .searchFormMain button img{display: block;max-width: 100%;height: auto;margin: 0 auto;} @media only screen and (max-width: 767px) { .header-main #searchForm .searchFormMain{width: 0;} } /*-------------------------------------------------------------------------------------- SLIDE --------------------------------------------------------------------------------------*/ .slide{width: 100%;height:auto;padding: 5% 0;min-height: 100vh;background: url('images/slide/slide.svg') no-repeat center center;background-size: cover;} .slideBody{width: 100%;} .slideBody .slideLogo{margin-bottom: 50px;} .slideBody .slideLogo img{display: block;margin: 0 auto 50px auto;max-width: 100%;height: auto;} .slideBody .slideLogo h1{text-align: center;font-family: 'blackswordregular';text-align: center;color: #fff;text-shadow: 4px 4px 4px #0081B4;font-size: 63px;} /*search*/ .slideBody .search .form{overflow: hidden;width: 50%;margin: 0 auto 20px auto;border: 2px solid #D6D6D6;border-radius: 50px;overflow: hidden;background: #fff;} .slideBody .search .form .input{width: 80%;height: 88px;float: left;text-indent: 15px;border: 0;border-right: 2px solid #d6d6d6;} .slideBody .search .form .input:hover,.slideBody .search .form .input:focus,.slideBody .search .form .input:active{outline: 0;} .slideBody .search .form .btn{width: 20%;height: 88px;float: left;background: #fff;border: 0;border-radius: 0;} .slideBody .search .form .btn .icon{display: block;max-width: 50%;margin: 0 auto;height: auto;} .slideBody .search .form .btn:hover,.slideBody .search .form .btn:active,.slideBody .search .form .btn:focus{outline: 0;} /*list*/ .slideBody .search .list{border: 1px solid #fff;background: #fff;border-radius: 50px;padding: 7px;display: flex;width: 922px;margin: 0 auto;} .slideBody .search .list>span{display: inline-block;color: #ED5700;padding: 7px 15px;width: 170px;font-weight: 600;position: relative;} .slideBody .search .list>span:before{content: '';height: 80%;right: 10px;border-right: 2px solid #D6D6D6;top: 10%;position: absolute;} .slideBody .search .list>ul{list-style: none;margin: 0;padding: 0;overflow: hidden;text-align: center;width: calc(100% - 170px);} .slideBody .search .list>ul>li{display: inline-block;} .slideBody .search .list>ul>li>span{display: block;border: 2px solid #ddd;border-radius: 50px;padding: 5px 10px;color: #0084B8;cursor: pointer;} .slideBody .search .list>ul>li>.active{background: linear-gradient(#ED5700,#FFA200);color: #fff;border: 2px solid #FFA200;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} /*mobile*/ @media only screen and (max-width: 1199px){ .slide{padding-top: 100px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .slideBody{width: 90%;margin: 0 auto;} .slideBody .search .form{width: 100%;} .slideBody .search .list{width: 100%;display: block;} .slideBody .search .list>span{display: block;width: 100%;text-align: center;} .slideBody .search .list>span:before{border: 0;} .slideBody .search .list>ul{width: 100%;} .slideBody .search .list>ul>li{margin-bottom: 5px;} } /*-------------------------------------------------------------------------------------- SECTORS --------------------------------------------------------------------------------------*/ .sw-sectors{width: 100%;height: auto;overflow: hidden;padding: 50px 0 0 0;background: url('images/sectors-bg.jpg') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} .sw-sectors .sw-list{overflow: hidden;width: 100%;height: auto;margin-bottom: 20px;} .sw-sectors .sw-list .blok{width:100%;height: 85px;overflow: hidden;margin-bottom:5px;} .sw-sectors .sw-list h2 {margin-bottom:30px;font-size: 34px;color: #000;font-weight: 300;display: inline-block;clear: both;box-shadow: inset 10px 10px 10px #ddd;padding: 20px 40px;border-radius: 50px;} .sw-sectors .swiper-container {width: 100%;height: 100%;} .sw-sectors .swiper-wrapper{width: 500%;} .sw-sectors .swiper-slide {text-align:center;font-size:18px;float:left;width:auto;margin-right:15px;margin-bottom: 10px;position: relative;} .sw-sectors .swiper-slide a{background:#edeff2;padding: 10px 25px 10px 55px;box-shadow: 10px 10px 10px #ddd;font-size: 16px;font-weight: 500;color: #000;border-radius: 10px;line-height: 50px;margin-bottom: 10px;display: block;} .sw-sectors .swiper-slide a img{position: absolute;left: 15px;top: 20px;} @media only screen and (max-width: 991px){ .sw-sectors .sw-list h2 {font-size: 20px;font-weight: 700;} } /*-------------------------------------------------------------------------------------- FEATURED --------------------------------------------------------------------------------------*/ .featured{overflow: hidden;max-width: 2552px;margin: 0 auto;} .featured .title{margin-bottom: 30px;} .featured .title h2{font-size: 70px;color: #000;text-align: center;font-weight: 900;} .featured .left{float: left;width: 50%;height: auto;} .featured .right{float: left;width: 50%;height: auto;} .featured .box{overflow: hidden;} .featured .blok{width: 100%;height: auto;overflow: hidden;} @media only screen and (max-width: 991px){ .featured .title h2{font-size: 50px;} .featured>.left{width: 100%;} .featured>.right{width: 100%;} } /*-------------------------------------------------------------------------------------- DİSCOVER --------------------------------------------------------------------------------------*/ .sw-discover{background: #46464F;padding: 50px 0 0 0;height: auto;overflow: hidden;font-family: 'Montserrat', sans-serif;position: relative;} .sw-discover .sw-title{position: relative;z-index: 999;} .sw-discover .sw-title h2{font-size: 169px;color: #fff;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px #FCEF9C;text-align: center;} .sw-discover .sw-more {padding:0 5%;text-align: right;margin-bottom: 30px;} .sw-discover .sw-more a{display: inline-block;color: #FCEF9C;line-height: 35px;} .sw-discover .sw-more a>img{margin-left: 15px;} @media only screen and (min-width: 1200px){ .sw-discover .sw-more{margin-top:-100px;} } /*slide*/ .sw-discover .sw-discover-body{overflow: hidden;position: relative;z-index: 99;height: auto;} .swiper{width: 100%;height: 100%;} .discoverSlide{width: 100%;height:auto%;margin-bottom: 50px;overflow: hidden;} .discoverSlide .swiper-slide {width: 100%;height: 100%;overflow: hidden;} .discoverSlide .swiper-slide .sw-left{height: 100%;width: 100%;padding: 0 10%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .discoverSlide .swiper-slide .sw-left h3{font-size:85px;font-weight: 900;} .discoverSlide .swiper-slide .sw-left h3>a{color: #FCEF9C;} .discoverSlide .swiper-slide .sw-left h3>a>b{display: block;} .discoverSlide .swiper-slide .sw-left h3>a>span{display: block;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px #FCEF9C;} .discoverSlide .swiper-slide .sw-right{padding: 0 5%;max-height: 600px;} .discoverSlide .swiper-slide .sw-right>a>img{display: block;width: 100%;height: auto;} /*thumb*/ .discoverSlide-thumb {width: 100%;height: 20%;box-sizing: border-box;text-align:right;} .discoverSlide-thumb .swiper-slide{padding: 0 10px 50px 10px;position: relative;width: 210px;opacity: .4;cursor: pointer;} .discoverSlide-thumb .swiper-slide>.sw-img{border: 1px solid #fff;border-radius: 10px;overflow: hidden;} .discoverSlide-thumb .swiper-slide>.sw-img img{width: 100%;height: 110px;border-radius: 10px;object-fit: cover;} .discoverSlide-thumb .swiper-slide>h4{font-size: 17px;font-weight: 300;color: #fff;margin: 0;padding: 10px 0;text-align: center;min-height: 100px;line-height: 25px;} .discoverSlide-thumb .swiper-slide:before{content: '';width: 40px;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 45px;border-top: 2px solid #FCEF9C;} .discoverSlide-thumb .swiper-slide:after{content: '';height: 45px;width: 2px;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;border-left: 2px solid #FCEF9C;} .discoverSlide-thumb .swiper-slide-thumb-active{opacity: 1;} .discoverSlide-thumb .swiper-slide-thumb-active .sw-img{opacity: 1;} /*text*/ .sw-discover .sw-text{animation: marqueeLeft infinite linear 60s;width: 500%;display: -webkit-box;word-wrap: break-word;text-transform: uppercase;white-space: nowrap;overflow: hidden;text-align: right;color: #000;position: absolute;bottom: 0;right: 0;font-size: 169px;z-index: 9;opacity: .1;font-weight: bold;} /*media*/ @media only screen and (min-width: 1200px){ .discoverSlide-thumb{width: 50%;margin-left:45%;} } @media only screen and (max-width: 767px){ .sw-discover .sw-title h2{font-size: 80px;} .sw-discover .sw-more{padding: 0 15px;} .discoverSlide {margin-bottom: 20px;} .discoverSlide .swiper-slide .sw-left{min-height: 250px;padding:0 30px;} .discoverSlide .swiper-slide .sw-left h3{font-size: 50px;} } /*-------------------------------------------------------------------------------------- LOCATIONS --------------------------------------------------------------------------------------*/ .sw-locations{padding-top: 100px;background: url('images/location-bg.svg') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} .sw-locations .sw-img{margin-bottom: 100px;position: relative;} .sw-locations .sw-img .sw-border{width: 100%;height: 100%;} .sw-locations .sw-img .sw-logo{position: absolute;width: 70%;height: 70%;bottom: 7%;right: 5%;} .sw-locations .sw-img .sw-list {width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .sw-locations .sw-img .sw-list span:nth-child(1){position: absolute;top: 0;right: 10%;} .sw-locations .sw-img .sw-list span:nth-child(2){position: absolute;top: 0;left:12%;} .sw-locations .sw-img .sw-list span:nth-child(3){position: absolute;top: 42%;left: -51px;} .sw-locations .sw-img .sw-list span:nth-child(4){position: absolute;top: 76%;left: 12%;} .sw-locations .sw-img .sw-list img{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} .sw-locations .sw-box{margin-bottom: 100px;} .sw-locations .sw-box h2{color: #fff;margin-bottom: 30px;font-size: 40px;} .sw-locations .sw-box h2>span{color: #B7FDFF;} .sw-locations .sw-box p{margin-bottom: 10px;line-height: 1.2;font-size: 30px;color: #fff;} .sw-locations .sw-box .sw-more{display: block;width: 230px;text-align: center;color: #4C4C55;position: relative;padding: 15px 40px 15px 15px;background: #fff;border-radius: 15px;margin-top: 30px;font-size: 18px;font-weight: 600;} .sw-locations .sw-box .sw-more img{position: absolute;right: 10px;top: 10px;} @media only screen and (max-width: 767px){ .sw-locations .sw-img{margin-left: 50px;} .sw-locations .sw-img .sw-list span:nth-child(1){top: -6%;right: 5%;} .sw-locations .sw-img .sw-list span:nth-child(2){top: -30px;} .sw-locations .sw-img .sw-list span:nth-child(3){top: 33%;} .sw-locations .sw-img .sw-list span:nth-child(4){left: 9%;} } /*-------------------------------------------------------------------------------------- STUDENTS --------------------------------------------------------------------------------------*/ .sw-students{padding: 100px 0;position: relative;background: url('images/student-bg.svg') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} .sw-students .sw-title{margin-bottom: 50px;} .sw-students .sw-title h2{font-size: 90px;text-align: center;line-height: 100px;} .sw-students .sw-title h2>a{-webkit-text-fill-color: transparent;-webkit-text-stroke: 2px #ed5700;} @media only screen and (max-width: 767px){ .sw-students .sw-title h2{font-size: 50px;line-height: 65px;} } /*img*/ .sw-students .sw-img{margin-bottom: 100px;} .sw-students .sw-img img{width: 100%;height: auto;} /*list*/ .sw-students .sw-list{} .sw-students .sw-list>ul{list-style: none;margin:0;padding:0;} .sw-students .sw-list>ul>li{position: relative;margin-bottom: 40px;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .sw-students .sw-list>ul>li:hover{background: #ededed;} .sw-students .sw-list>ul>li:nth-child(1){padding: 0 0 0 100px;} .sw-students .sw-list>ul>li:nth-child(3){padding: 0 0 0 100px;} .sw-students .sw-list>ul>li:nth-child(2){padding: 0 100px 0 0;} .sw-students .sw-list>ul>li:nth-child(4){padding: 0 100px 0 0;} .sw-students .sw-list>ul>li img{position: absolute;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .sw-students .sw-list>ul>li .img1{opacity: 1;} .sw-students .sw-list>ul>li:hover .img1{opacity: 0;} .sw-students .sw-list>ul>li .img2{opacity: 0;} .sw-students .sw-list>ul>li:hover .img2{opacity: 1;} .sw-students .sw-list>ul>li span{display: block;line-height: 50px;text-align: center;font-size: 30px;font-weight: 800;} .sw-students .sw-list>ul>li label{display: block;line-height: 100px;text-align: center;font-size: 30px;} .sw-students .sw-list>ul>li span:nth-child(3){color: #3F3F47;} .sw-students .sw-list>ul>li span:nth-child(4){color: #ccc;font-weight: 600;} .sw-students .sw-list>ul>li:nth-child(1) img{top: 0;left: 0;} .sw-students .sw-list>ul>li:nth-child(3) img{top: 0;left: 0;} .sw-students .sw-list>ul>li:nth-child(2) img{top: 0;right: 0;} .sw-students .sw-list>ul>li:nth-child(4) img{top: 0;right: 0;} /*buttons*/ .sw-students .leftBtn{position: absolute;bottom: 50px;left: 0;z-index: 9;max-width: 48%;} .sw-students .rightBtn{position: absolute;bottom: 50px;right: 0;z-index: 9;max-width: 48%;} .sw-students .leftBtn img,.sw-students .rightBtn img{width: 100%;height: auto;} @media only screen and (max-width: 767px){ .sw-students .sw-list>ul>li{margin-bottom: 10px;min-height: 175px;} .sw-students .sw-list>ul>li:nth-child(1),.sw-students .sw-list>ul>li:nth-child(3),.sw-students .sw-list>ul>li:nth-child(2),.sw-students .sw-list>ul>li:nth-child(4){padding: 100px 0 0 0;} .sw-students .sw-list>ul>li img{left: 0;right: 0;margin: 0 auto;top: 0;width: 80px;height: auto;} .sw-students .sw-list>ul>li span{line-height: 25px;font-size: 16px;} .sw-students .sw-list>ul>li label{line-height: 50px;font-size: 16px;} .sw-students .sw-img{height: 100%;} .sw-students .sw-img img{position: absolute;width: 100%;left: 0%;top: calc(50% - 100px);z-index: -1;opacity: .2;} } /*-------------------------------------------------------------------------------------- INDUSTRY COMPANY --------------------------------------------------------------------------------------*/ .industryMain{padding: 100px 0 0 0;position: relative;overflow: hidden;background: url('images/industry/industry-bg.jpg') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} .industryMain .title{text-align: center;-webkit-text-stroke: 1px #fff;-webkit-text-fill-color: transparent;position: relative;margin-bottom: 50px;} .industryMain .title span{display: block;} .industryMain .title span:nth-child(1){display: block;font-size: 150px;line-height: 1;position: absolute;left: 0;right: 0;margin: 0 auto;opacity: .1;} .industryMain .title span:nth-child(2){font-size:120px;line-height: 150px;} .industryMain .list{list-style: none;margin: 0 0 100px 0;padding: 0;overflow: hidden;margin-left: -10px;margin-right: -10px;} .industryMain .list>li{float: left;width: 14.28%;padding: 0 10px;} .industryMain .list>li>.box{position: relative;z-index: 999;padding: 150px 10px 10px 10px;border-radius: 15px;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .industryMain .list>li>.box img{position: absolute;left: 0;right: 0;top: 30px;margin: 0 auto;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .industryMain .list>li>.box h3{font-size: 20px;color: #fff;line-height:25px;min-height: 75px;font-weight: 400;text-align: center;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .industryMain .list>li>.box .img1{opacity: 1;} .industryMain .list>li>.box .img2{opacity: 0;} .industryMain .list>li>.box:hover {background: #fff;} .industryMain .list>li>.box:hover .img1{opacity: 0;} .industryMain .list>li>.box:hover .img2{opacity: 1;} .industryMain .list>li>.box:hover h3{color: #57606b;} /*marqueeLeft*/ @keyframes marqueeLeft { 0% { left: 0; } 100% { left: -100%; } } .industryMain .text{animation: marqueeLeft infinite linear 60s;width: 500%;display: -webkit-box;word-wrap: break-word;text-transform: uppercase;white-space: nowrap;overflow: hidden;text-align: right; position: absolute;bottom: 0;right: 0;font-size: 100px;-webkit-text-fill-color: transparent;-webkit-text-stroke: 2px #fff;z-index: 9;opacity: .2;} @media only screen and (max-width: 767px){ .industryMain .title span:nth-child(1){font-size: 90px;} .industryMain .title span:nth-child(2){line-height: 90px;font-size: 70px;} .industryMain .list>li{width: 50%;} } /*-------------------------------------------------------------------------------------- EN SON EKLENEN - EN ÇOK GÖRÜNTÜLENEN --------------------------------------------------------------------------------------*/ .companyView{padding: 50px 0 20px 0;font-family: 'Montserrat', sans-serif;overflow: hidden;} .companyView .box{margin-bottom: 30px;} .companyView .box h3{margin-bottom: 30px;font-size: 30px;font-weight: 300;} .companyView .box h3>a{color: var(--blue);} .companyView .box h3>a>b{display: block;font-weight: 900;} .companyView .box ul{list-style: none;margin: 0;padding: 0;} .companyView .box ul>li{padding: 10px 0;border-bottom: 1px solid #ddd;} .companyView .box ul>li>a{display: block;line-height: 32px;position: relative;padding: 0 0 0 45px;} .companyView .box ul>li>a>img{position: absolute;left: 0;} .companyView .box ul>li>a>b{color: #ed5700;} /*turnLeft*/ /*@keyframes turnLeft{ to{ transform: rotate(-360deg); } from{ transform: rotate(360deg); } } animation: turnLeft 150s infinite;*/ /*turnRight*/ @keyframes turnRight{ to{ transform: rotate(360deg); } from{ transform: rotate(-360deg); } } .companyView .imgGroup{margin-bottom: 30px;position: relative;} .companyView .imgGroup .imgOne{width: 100%;height: 100%;position: relative;animation: turnRight 150s infinite;} .companyView .imgGroup .imgTwo{position: absolute;left: 0;right: 0;margin: 0 auto;display: block;width: 80%;height: 80%;top: 10%;} .companyView .imgGroup .imgThree{position: absolute;left: 0;right: 0;margin: 0 auto;display: block;width: 50%;height: auto;top: calc(50% - 65px);} /*-------------------------------------------------------------------------------------- ADVERT --------------------------------------------------------------------------------------*/ .sw-staff{padding: 100px 0 0 0;background: url('images/staff-bg.svg') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} .sw-staff .sw-img{margin-bottom: 100px;} /*.sw-staff .sw-img>img{width: 100%;height: auto;margin-bottom: 30px;}*/ .sw-staff .sw-img .title{margin-bottom: 30px;font-family: 'Montserrat', sans-serif;} .sw-staff .sw-img .title h2 {font-size: 110px;font-weight: 900;color: #d6d6d6;} .sw-staff .sw-img .title h2 span{display: block;} .sw-staff .sw-img .title h2 span:nth-child(1){-webkit-text-fill-color:transparent;-webkit-text-stroke: 2px #d6d6d6;} .sw-staff .sw-img .title h2 span label{margin: 0;background-image: url(https://cdn.pixabay.com/photo/2017/07/03/20/17/abstract-2468874_960_720.jpg);background-attachment: fixed;-webkit-text-fill-color: transparent;-webkit-background-clip: text;} .sw-staff .sw-img .sw-all{display: block;width: 50%;color: #fff;background: linear-gradient(#ED5700,#FFAF27);border-radius: 5px;float: right;line-height: 60px;text-align: center;font-weight: 700;} .sw-staff .sw-img .sw-all>img{} .sw-staff .sw-box{border: 1px solid #D6D6D6;padding: 10px;border-radius: 10px;overflow: hidden;margin-bottom: 20px;} .sw-staff .sw-box .sw-left{width: 75%;float: left;position: relative;padding: 0 0 0 100px;} .sw-staff .sw-box .sw-left .sw-img{position: absolute;left: 0;top: 0;border: 1px solid #ddd;width: 90px;height: 90px;border-radius: 10px;overflow: hidden;} .sw-staff .sw-box .sw-left .sw-img img{width: 100%;height: auto;} .sw-staff .sw-box .sw-left h3{color: #3F3F47;font-size:18px;padding:10px 0;margin-bottom:0;} .sw-staff .sw-box .sw-left .sw-company{color: #4C4C55;display: block;font-size: 15px;font-weight: 500;margin-bottom: 5px;} .sw-staff .sw-box .sw-left p{color: #4C4C55;font-size: 13px;line-height: 20px;} .sw-staff .sw-box .sw-right{width: 25%;float: left;position: relative;} .sw-staff .sw-box .sw-right>a{color: #D6D6D6;padding: 40px 0;position: relative;display: block;font-weight: 700;text-align: center;font-size: 22px;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .sw-staff .sw-box .sw-right>a:before{content: '';height: 60%;top: 20%;left: 0;border-left: 2px solid #D6D6D6;position: absolute;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .sw-staff .sw-box:hover .sw-right>a:before{border-left: 2px solid #ED5700;} .sw-staff .sw-box:hover .sw-right>a{color: #ED5700;} .sw-staff .sw-box .sw-info{width: 100%;height: auto;clear: both;} .sw-staff .sw-box .sw-info>ul{list-style: none;margin: 0;padding: 0;} .sw-staff .sw-box .sw-info>ul>li{float: left;margin: 0 5px 5px 0;} .sw-staff .sw-box .sw-info>ul>li>span{display: block;background: #F3F3F3;padding: 3px 10px;border-radius: 7px;font-size: 12px;font-weight: 500;} @media only screen and (max-width: 767px){ .sw-staff .sw-img .sw-all{width: 100%;} .sw-staff .sw-img .title h2 {font-size: 60px;} } /*-------------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------------*/ footer{padding: 150px 0 0 0;position: relative;z-index: 999;background: url('images/footer-bg.svg') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} footer .list{width: 100%;height: auto;margin-bottom: 50px;} footer .list ul{list-style: none;margin: 0;padding: 0;width: 100%;height: auto;border-bottom: 1px solid #878787;display: flex;flex-wrap: wrap;justify-content: center;} footer .list ul>li{} footer .list ul>li>a{display: block;padding: 15px 25px;text-align: center;font-size: 17px;line-height: 60px;color: #D6D6D6;position: relative;} footer .list ul>li:first-child>a:before{display: none;} footer .list ul>li>a:before{content: '';width: 12px;height: 12px;background: #D6D6D6;border-radius: 50%;position: absolute;top: calc(50% - 6px);margin-left: -20px;} footer .list ul>li>a:hover{color: #fff;} footer .list ul>li>a:hover::before{background: #fff;} @media only screen and (max-width: 991px){ footer .list ul{text-align: center;} footer .list ul>li{width: auto;float: unset;display: inline-block;min-width: 170px;} footer .list ul>li>a{padding: 0 15px;} } /*adress*/ footer .f_address{margin-bottom: 50px;} footer .f_address ul{list-style: none;margin: 0;padding: 0;} footer .f_address ul>li{text-align: center;line-height: 30px;margin-bottom: 15px;} footer .f_address ul>li>span{display: inline-block;color: #D6D6D6;line-height: 35px;} footer .f_address ul>li>a{display: inline-block;color: #D6D6D6;line-height: 35px;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} footer .f_address ul>li>a:hover{color: #00a3ff;} footer .f_address ul>li>a>img, footer .f_address ul>li>span>img{margin-right: 10px;} /*social-media*/ footer .social-media{margin-bottom: 50px;height: 50px;} footer .social-media ul{list-style: none;margin: 0;padding: 0;width: 200px;display: block;margin: 0 auto;} footer .social-media ul>li{width: 20%;float: left;} footer .social-media ul>li>a{display: block;padding: 0 1px;} footer .social-media ul>li>a>img{width: 100%;height: auto;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} footer .social-media ul>li>a:hover img{transform: rotate(90deg) scale(1.1);} /*agreement*/ footer .agreement{margin-bottom: 50px;} footer .agreement>ul{list-style: none;margin: 0;padding: 0;text-align: center;} footer .agreement>ul>li{display: inline-block;margin: 0 5px;} footer .agreement>ul>li>a{display: block;font-size: 12px;color: #ddd;} /*-------------------------------------------------------------------------------------- 404 - Not found --------------------------------------------------------------------------------------*/ .notfound{background: linear-gradient(#eee,#fff,#eee);width: 100%;height: 100%;padding: 50px 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .notfound .box{border: 1px solid #ddd;background: #fff;padding:50px 30px;box-shadow: 0 0 10px #bababa;border-radius: 10px;} .notfound .box h1{font-size: 40px;text-align: center;font-weight: 700;margin-bottom: 30px;} .notfound .box h2{font-size: 20px;text-align: center;font-weight: 500;margin-bottom: 30px;} .notfound .box p{text-align: center;margin-bottom: 30px;} .notfound .box p a{color: #00a4e3;font-weight: 600;font-size: 18px;} .notfound .box p a:hover{opacity: .7;} .notfound .box .form{overflow: hidden;} .notfound .box .form input[type="search"]{width: 80%;float: left;height: 50px;border: 1px solid #ddd;border-radius: 10px 0 0 10px;border-right: 0;text-indent: 15px;background: #f9f9f9;} .notfound .box .form input[type="search"]:focus,.notfound .box .form input[type="text"]:active{box-shadow: unset;outline: 0;} .notfound .box .form button{width: 20%;float: left;height: 50px;border: 1px solid #0084b8;background: #0084b8;border-radius: 0 10px 10px 0;color: #fff;border-left: 0;} .notfound .box .form button:active{opacity: .5;} .notfound .img{width: 100%;height: auto;padding: 50px 0;} .notfound .img img{width: 100%;height: auto;} /*-------------------------------------------------------------------------------------- IS ALANLARI --------------------------------------------------------------------------------------*/ .ilan-page-header{padding: 50px 0;background: #e0e0e0;} .ilan-page-header h1{text-align: center;font-size: 40px;font-weight: 600;text-align: center;} .ilan-page-header h2{text-align: center;} /*body*/ .ilan-page-body {padding: 20px 0 0 0;} /*list*/ .ilan-kat-list{margin-bottom: 20px;} .ilan-kat-list h3{font-size: 16px;font-weight: 700;background: #f9f9f9;padding: 10px;border-left: 5px solid #0084b8;border-bottom: 1px solid #0084b8;margin-bottom: 20px;} .ilan-kat-list ul{list-style: none;margin: 0;padding: 0;} .ilan-kat-list ul>li{padding: 3px 0;border-bottom: 1px solid #ddd;position: relative;} .ilan-kat-list ul>li input[type="radio"]{position: absolute;opacity: 0;} .ilan-kat-list ul>li input[type="radio"] + label{display: block;position: relative;line-height: 30px;padding: 0 0 0 40px;margin: 0;cursor: pointer;} .ilan-kat-list ul>li input[type="radio"] + label:before{content: '';width: 30px;height: 30px;background: #f9f9f9;border: 1px solid #ddd;position: absolute;left: 0;top: 0;border-radius: 5px;} .ilan-kat-list ul>li input[type="radio"]:checked + label:before{background: url('images/check.svg') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;border: 0;} /*box*/ .ilan-box{background: #f9f9f9;border: 1px solid #ddd;border-radius: 10px;margin-bottom: 30px;padding: 20px 110px 20px 120px;position: relative;} .ilan-box>.img{position: absolute;top: 15px;left: 15px;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;} .ilan-box>.img>img{object-fit: cover;object-position: center;} .ilan-box>.title{min-height: 100px;} .ilan-box>.title>a>h3{font-size: 20px;color: #3F3F47;margin-bottom: 10px;} .ilan-box>.title>a>.sw-company{color: #4C4C55;font-weight:500;} .ilan-box>.title p{line-height: 20px;font-size: 13px;min-height: 40px;} .ilan-box>.list{list-style: none;padding-left: 0;overflow: hidden;margin: 0;} .ilan-box>.list>li{float: left;margin: 0 5px 5px 0;} .ilan-box>.list>li>span{display: block;background: #ccc;padding: 3px 10px;border-radius: 7px;font-size: 12px;font-weight: 500;} .ilan-box>.link{position: absolute;top: 10px;right: 10px;height: calc(100% - 20px);width: 90px;} .ilan-box>.link>a{display: block;border-left: 3px solid #ddd;height: 100%;text-align: center;padding: 30px 0;font-size: 18px;font-weight: 700;color: #ddd;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .ilan-box:hover .link>a{color: #ED5700;border-left: 3px solid #ED5700;} @media only screen and (max-width: 991px){ .ilan-box{padding: 20px 20px 80px 120px;} .ilan-box>.link{top: unset;bottom: 10px;left: 10px;right: 10px;height: 50px;width: calc(100% - 20px);} .ilan-box>.link>a{padding: 0;border-left: 0;border-top: 3px solid #ddd;} .ilan-box:hover>.link>a{border-top: 3px solid #ED5700;border-left: 0;} } /*loading*/ #loading-img{display: block;margin: 30px auto;width: 50px;height: auto;} /*ilan-yok*/ .ilan-yok{width: 100%;height: auto;border: 1px dashed #ddd;border-radius: 5px;padding: 30px 10px;text-align: center;font-size: 16px;background: #f9f9f9;margin-bottom: 20px;} .ilan-yok img{display: block;margin: 0 auto 15px auto;max-width: 50px;height: auto;} /*-------------------------------------------------------------------------------------- SINGLE ILAN --------------------------------------------------------------------------------------*/ .page-advert{} /*title*/ .page-advert .title{font-size: 24px;padding: 40px 0 20px;} /*top-list*/ .page-advert .top-list{margin-bottom: 10px;} .page-advert .top-list>ul{list-style: none;margin: 0;padding-left: 0;overflow: hidden;} .page-advert .top-list>ul>li{float: left;margin-right: 5px;} .page-advert .top-list>ul>li>span{background: #eee;display: block;font-size: 13px;border-radius: 5px;padding:0 15px 0 10px;line-height: 35px;} .page-advert .top-list>ul>li>a{background: #eee;display: block;font-size: 13px;border-radius: 5px;padding:0 15px 0 10px;line-height: 35px;} /*list*/ .page-advert .info-list{margin-bottom: 20px;border: 1px solid #ddd;padding: 20px;} .page-advert .info-list>ul{list-style: none;padding-left: 0;margin: 0;} .page-advert .info-list>ul>li{border-bottom: 1px solid #eee;} .page-advert .info-list>ul>li:last-child{border: 0;} .page-advert .info-list>ul>li>b{display: inline-block;line-height: 40px;font-size: 13px;width: 130px;vertical-align: top;} .page-advert .info-list>ul>li>span{display: inline-block;line-height: 40px;} .page-advert .info-list>ul>li>.work-time{line-height: 25px;padding-top: 10px;} /*company*/ .page-advert .info-company{border: 1px solid #ddd;background: #eee;padding: 20px;margin-bottom: 20px;} .page-advert .info-company .top{position: relative;} .page-advert .info-company .top img{display: block;margin: 0 auto 20px auto;max-width: 150px;height: auto;} .page-advert .info-company .top h2{font-size:18px;font-weight: bold;text-align: center;} .page-advert .info-company>ul{list-style: none;padding-left: 0;margin: 0;} .page-advert .info-company>ul>li{padding: 5px 0;border-bottom: 1px solid #ddd;text-align: center;} .page-advert .info-company>ul>li:last-child{border: 0;} .page-advert .info-company>ul>li>b{display: block;font-size: 12px;opacity: .5;padding: 5px 0;} .page-advert .info-company>ul>li>span{display: block;font-size: 14px;} /*content*/ .page-advert .content{border: 1px solid #ddd;padding: 20px;margin-bottom: 20px;background: #fff;overflow-wrap: break-word;} .page-advert .content h2{font-size: 18px;font-weight: 700;} /*location*/ .page-advert .location{border: 1px solid #ddd;margin-bottom: 20px;padding: 5px;} .page-advert .location h2{font-size: 18px;font-weight: 700;padding: 15px;margin: 0;} .page-advert .location iframe{width: 100%;height: 300px;vertical-align: middle;} /*-------------------------------------------------------------------------------------- SINGLE ORTAK --------------------------------------------------------------------------------------*/ /*comments*/ .singleComments{border-radius:10px;margin-bottom:30px;box-shadow: 0 0 10px 0 #ddd;padding: 20px 0 0 0;} .singleComments h2{font-size: 26px;font-weight: 700;text-align: center;padding: 15px 0;} .singleComments .comments-box{padding: 20px;} .singleComments .comments-box #commentspost{} .singleComments .comments-box .comments-title{display: none;} .singleComments .comments-box .normalComments{list-style: none;margin: 0;padding: 0;} .singleComments .comments-box .normalComments .comment{} .singleComments .comments-box .normalComments .comment .comment-body{box-shadow: 0 0 5px 0 #ddd;border-radius: 10px;padding: 10px 10px 10px 10px;margin-bottom: 20px;position: relative;} .singleComments .comments-box .normalComments .comment .comment-body .comment-author{} .singleComments .comments-box .normalComments .comment .comment-body .comment-author img{border-radius: 50%;margin-right: 5px;} .singleComments .comments-box .normalComments .comment .comment-body .comment-author .fn{font-weight: 700;font-style: normal;} .singleComments .comments-box .normalComments .comment .comment-body .comment-author .says{font-style: italic;font-size: 14px;} .singleComments .comments-box .normalComments .comment .comment-body .comment-meta{position: absolute;top: 10px;right: 10px;font-size: 12px;line-height: 20px;} .singleComments .comments-box .normalComments .comment .comment-body p{margin-left: 80px;line-height: 20px;font-size: 14px;margin-top: -20px;} .singleComments .comments-box .normalComments .comment .comment-body .reply{text-align: right;} .singleComments .comments-box .normalComments .comment .comment-body .reply a{display: inline-block;background:#aaa;color: #fff;font-size: 13px;border-radius: 5px;padding: 5px;} .singleComments .comments-box .normalComments .comment .children{list-style: none;margin: 0;} .singleComments .comments-box #respond{box-shadow: 0 0 5px 0 #ddd;padding: 20px;border-radius: 10px;} .singleComments .comments-box #respond .form-group{margin-bottom: 15px;} .singleComments .comments-box #respond .form-group label{display: block;color: #000;font-weight: 700;font-size: 13px;margin-bottom: 10px;} .singleComments .comments-box #respond .form-group input{height: 50px;} .singleComments .comments-box #respond .form-group .btn{width: 100%;height: auto;background: #444;color: #fff;} /*views*/ .singleViews{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;margin-bottom: 20px;padding: 20px;text-align: center;} /*-------------------------------------------------------------------------------------- LOGIN - REGISTER --------------------------------------------------------------------------------------*/ .user-page{padding:20px 0 0 0;margin-bottom: 20px;} .user-page .user-page-body{} .user-page .user-page-body .form{padding: 20px;} .user-page .user-page-body .form h1{text-align: center;font-size: 30px;color: #444;font-weight: 700;margin-bottom: 30px;} .user-page .user-page-body .form .form-group{margin-bottom: 20px;} .user-page .user-page-body .form .form-group label{display: block;font-weight: bold;font-size: 12px;padding-left: 23px;color: #444;} .user-page .user-page-body .form .form-group .form-control{font-size: 14px;height: 50px;border-radius: 50px;text-indent: 10px;box-shadow: 3px 3px 7px #ddd;border: 1px solid #eee;} .user-page .user-page-body .form .form-group .form-control::placeholder{font-size: 14px;opacity: .7;} .user-page .user-page-body .form .form-group .form-control:focus{border: 1px solid #0084b8;} .user-page .user-page-body .form .form-group .btn{width: 100%;height: auto;height: 45px;background: #2584b8;color: #fff;border-radius: 50px;} .user-page .user-page-body .form .info{text-align: center;font-size: 18px;padding: 0 10%;} .user-page .user-page-body .form .info>a{color: #2584b8;font-weight: bold;} .user-page .user-page-body .form .report-problem{text-align: center;font-size: 14px;padding: 0 10%;} .user-page .user-page-body .form .report-problem>a{color: #82939d;font-weight: bold;} .user-page .user-page-body .img{margin-bottom: 30px;} .user-page .user-page-body .img img{width: 100%;height: auto;} .user-page .user-page-body .forgot-password{display: block;text-align: center;font-size: 11px;cursor: pointer;} .user-page .user-page-body .forgot-password:active{opacity: .7;} /*info*/ .user-page .info-box{text-align: center;padding: 50px 0;} .user-page .info-box h2{font-size: 24px;font-weight: 700;} .user-page .info-box p{font-size: 18px;line-height: 25px;padding: 0 10%;} .user-page .info-box .more{display: inline-block;padding: 10px;background: #444;color: #fff;font-size: 13px;border-radius: 5px;margin: 0 auto;} /*userRegisterActivationBox*/ .userRegisterActivationBox{box-shadow: 0 0 10px 0 #ddd;padding:40px 20px;border-radius: 10px;} .userRegisterActivationBox h4{font-size: 22px;text-align: center;font-weight: 600;padding: 10px 0;} .userRegisterActivationBox p{font-size: 15px;text-align: center;} .userRegisterActivationBox .formGroup{padding: 20px 20px 0 20px;border: 2px dashed #ddd;margin-bottom: 30px;border-radius: 10px;background: #f9f9f9;} .userRegisterActivationBox .formGroup button{width: 100%;height: auto;display: inline-block;margin: 0 auto;border: 0;box-shadow: 0 0 5px #ddd;margin-bottom: 20px;border-radius: 5px;font-size: 14px;line-height: 40px;} .userRegisterActivationBox .formGroup p{font-size: 13px;text-align: center;} .userRegisterActivationBox .formGroup input{width: 100%;height: auto;margin-bottom: 20px;line-height: 50px;border-radius: 5px;border: 1px solid #ddd;text-indent: 10px;font-size: 14px;} .userRegisterActivationBox .formGroup{} .userRegisterActivationBox .formGroup .sendBtn{background: #ed5618;color: #fff;display: block;width: 250px;} .userRegisterActivationBox .formGroup .confBtn{width: 200px;display: block;background: #2584b8;color: #fff;border-radius: 50px;} .userRegisterActivationBox .formGroup .confBtn:active{opacity: .5;} .userRegisterActivationBox .smsPart{opacity: .5;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} #successBox{position: relative;border:2px dashed green;background: rgba(0,128,0,0.2);} #successBox:before{content: '';width: 100px;height: 100px;position: absolute;left: 0;top: calc(50% - 50px);right: 0;margin: 0 auto;background: url('images/success-check-1.png') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} /*register-activation-tab*/ .user-page-body .nav-tabs{border: 1px solid #ddd;border-radius: 10px 10px 0 0;} .user-page-body .nav-tabs li{width: 50%;} .user-page-body .nav-tabs li button{width: 100%;font-weight: 500;border: none;padding: 20px;} .user-page-body .nav-tabs .nav-link{color: #0084b8;} .user-page-body .tab-content{padding: 50px;border: 1px solid #ddd;border-radius: 0 0 10px 10px;border-top: none;} .user-page-body .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color: #ed5618;color: #fff;border-radius: 10px 10px 0 0;} .user-page .user-page-body .tab-content button{border: none;box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;text-align: center;background: #2584b8;color: #fff;font-weight: 500;padding: 10px 20px;transition: all .3s ease;display: block;margin: 0 auto;} .user-page .user-page-body .tab-content button:hover{transform: scale(1.05);box-shadow: 0 0 10px #2584b8;} @media only screen and (max-width: 767px){ .user-page-body .tab-content{padding: 5px;} } /*no-register*/ .user-page .user-page-body .no-register{border: 1px dashed #ddd;background: #f9f9f9;border-radius: 10px;padding: 30px;text-align: center;font-size: 18px;line-height: 35px;margin: 15px;} .user-page .user-page-body .no-register b{display: block;} /*activation-form*/ .user-activation-form{border: 1px dashed #aaa;border-radius: 10px;padding: 30px;background: #f9f9f9;} /*phone - e-mail warning*/ .phone-warning small{color: red;text-indent: 23px;display: block;} .email-warning small{color: red;text-indent: 23px;display: block;} /*-------------------------------------------------------------------------------------- YORUMLAR --------------------------------------------------------------------------------------*/ .comment-page-header{padding: 50px 0;background: #e0e0e0;} .comment-page-header h1{text-align: center;font-size: 40px;font-weight: 600;text-align: center;} .comment-page-header h2{text-align: center;} .comment-page-body{padding: 20px 0 0 0;} /*list*/ .comment-kat-list{margin-bottom: 20px;} .comment-kat-list h3{font-size: 16px;font-weight: 700;background: #f9f9f9;padding: 10px;border-left: 5px solid #0084b8;border-bottom: 1px solid #0084b8;margin-bottom: 20px;} .comment-kat-list ul{list-style: none;margin: 0;padding: 0;} .comment-kat-list ul>li{padding: 3px 0;border-bottom: 1px solid #ddd;position: relative;} .comment-kat-list ul>li input[type="radio"]{position: absolute;opacity: 0;} .comment-kat-list ul>li input[type="radio"] + label{display: block;position: relative;line-height: 30px;padding: 0 0 0 40px;margin: 0;cursor: pointer;} .comment-kat-list ul>li input[type="radio"] + label:before{content: '';width: 30px;height: 30px;background: #f9f9f9;border: 1px solid #ddd;position: absolute;left: 0;top: 0;border-radius: 5px;} .comment-kat-list ul>li input[type="radio"]:checked + label:before{background: url('images/check.svg') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;border: 0;} /*box*/ .comment-box{border-radius:10px;padding: 20px 20px 20px 170px;margin-bottom: 30px;position: relative;min-height: 135px;background: #e9e9e9;} .comment-box .img{position: absolute;top: 10px;left: 10px;border: 1px solid #ddd;border-radius: 10px;} .comment-box .img img{width: 150px;height: 100px;object-fit: contain;} .comment-box h3{font-weight: 700;font-size: 18px;color: #222;} .comment-box h3 span{font-size: 13px;color: #999;} .comment-box h4{font-size: 16px;color: #666;} .comment-box p{font-size: 14px;line-height: 16px;margin: 0;padding: 0;} /*no-comment*/ .no-comment-box{width: 100%;height: auto;border: 1px dashed #ddd;border-radius: 5px;padding: 30px 10px;text-align: center;font-size: 16px;background: #f9f9f9;margin-bottom: 20px;} .no-comment-box img{display: block;margin: 0 auto 15px auto;max-width: 50px;height: auto;} /*-------------------------------------------------------------------------------------- CONTACT --------------------------------------------------------------------------------------*/ .contact-page .box{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;padding:50px 30px;height: 100%;} @media only screen and (max-width: 767px){ .contact-page .box{height: auto;margin-bottom: 30px;} } .contact-page .box h3{margin-bottom: 20px;font-size: 24px;font-weight: 700;color: #000;text-align: center;padding: 15px 0;} .contact-page .box ul{list-style: none;padding: 0;margin: 0;margin-bottom: 30px;} .contact-page .box ul>li{} /*info*/ .contact-page .box .content{} .contact-page .box .info{} .contact-page .box .info>li{border-bottom: 1px dotted #ddd;} .contact-page .box .info>li:last-child{border: 0,} .contact-page .box .info>li>span{display: block;padding: 0 0 0 40px;line-height: 50px;font-size: 16px;position: relative;} .contact-page .box .info>li>a{display: block;padding: 0 0 0 40px;line-height: 50px;font-size: 16px;position: relative;} .contact-page .box .info>li>a>img,.contact-page .box .info>li>span>img{position: absolute;left: 0;top: 10px;} /*social-medi*/ .contact-page .box .social-media{text-align: center;} .contact-page .box .social-media>li{display: inline-block;margin: 0 5px;} .contact-page .box .social-media>li>a{display: block;} .contact-page .box .social-media>li>a>img{display: block;margin: 0 auto;} .contact-page .box .social-media>li>a>span{display: block;font-size: 13px;color: #666;} .contact-page .box .social-media>li>a:hover{opacity: .7;} /*note*/ .contact-page .box .note{text-align: center;} .contact-page .box .note small{color: #000;font-weight: 900;} /*form*/ .contact-page .form{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;padding:50px 30px;} .contact-page .form h3{margin-bottom: 20px;font-size: 24px;font-weight: 700;color: #000;text-align: center;padding: 15px 0;} .contact-page .form p{font-size: 18px;text-align: center;margin-bottom: 30px;} /*-------------------------------------------------------------------------------------- SANAYİ KATEGORİLERİ --------------------------------------------------------------------------------------*/ .industry{min-height: 100vh;} /*company-box*/ .ind-company-box{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;padding: 15px;margin-bottom: 20px;background: #fff;} .ind-company-box h3{margin: 0;padding: 0;font-size: 16px;color: #444;font-weight: 700;} /*tab*/ .ind-content{padding: 15px 0;} .ind-map{padding:15px 0;} .ind-map iframe{width: 100%;height: 450px;} /*no-company*/ .no-ind-company-box{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;margin-bottom: 20px;padding: 30px 20px;text-align: center;color: #ff0000;} /*-------------------------------------------------------------------------------------- GENEL KULLANIM --------------------------------------------------------------------------------------*/ /*page ---------------------------*/ .page{} .page-header{padding: 50px 0;background: #e0e0e0;} .page-header h1{text-align: center;font-size: 40px;font-weight: 600;text-align: center;} .page-header h2{text-align: center;} .page-desc{padding: 20px 0;text-align: center;} .page-body{padding: 30px 0 0 0;margin-bottom: 30px;} /*pagination----------------------*/ .pagination{margin: 0;padding: 0;margin-bottom: 30px;} .pagination>li{box-shadow: 0 0 3px 0 #bababa;margin-right: 3px;overflow: hidden;} .pagination>li:first-child{border-radius: 5px 0 0 5px;} .pagination>li:last-child{border-radius: 0 5px 5px 0;} .pagination>li>a{display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;color: #000;background: #fff;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .pagination>li>span{display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;color: #000;background: #fff;margin-right: 1px;box-shadow: 0 0 3px 0 #bababa;} .pagination>li>a:hover{color: #fff;background: #ed5618;} .pagination>.active{} .pagination>.active span{background: #0084b8;color: #fff;} /*share*/ .share{margin-bottom: 30px;} .share h3{margin-bottom: 20px;font-size: 20px;font-weight: 700;color:#000;text-align: center;} .share ul{list-style: none;padding-left: 0;margin: 0 0 30px 0;text-align: center;} .share ul>li{display: inline-block;margin: 0 5px;} .share ul>li>a{display: block;} .share ul>li>a>img{display: block;margin: 0 auto;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;} .share ul>li>a:hover>img{transform: scale(1.1);} .share ul>li>a>span{display: block;color: #444;font-size: 13px;} .share .page-url{display: block;width: 90%;margin: 0 auto;border: 1px solid #ddd;overflow: hidden;border-radius: 5px;color: #666;padding: 0 60px 0 10px;position: relative;line-height: 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .share .page-url>label{position: absolute;top: 0;right: 0;width: 50px;background: #ddd;text-align: center;line-height: 40px;} .share #copyResult{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 40px;text-align: center;background: rgba(255, 255, 255, .9);opacity: 0;visibility: hidden;} @media only screen and (max-width: 991px){ .share .page-url{width: 90%;} } /*small-share*/ .small-share{margin-bottom:10px;} .small-share>ul{list-style: none;margin: 0;padding: 0;display: flex;} .small-share>ul>li{} .small-share>ul>li>span{display: block;line-height: 35px;font-size: 14px;font-weight: bold;margin-right: 10px;} .small-share>ul>li>a{display: block;line-height: 35px;border: 1px solid #ddd;margin: 0 5px 5px 0;min-width: 100px;padding: 0 15px 0 5px;box-shadow: 0 0 3px 0 #ddd;border-radius: 5px;} @media only screen and (max-width: 991px){ .small-share>ul>li>a{font-size: 13px;padding: 0 5px;min-width: unset;} } /*alert*/ .alertSuccess{border: 2px solid #04AA6D;color: #04AA6D;text-align: center;padding: 30px;border-radius: 10px;margin-bottom: 20px;} .alertDanger{border: 2px solid #e62e00;color: #e62e00;text-align: center;padding: 30px;border-radius: 10px;margin-bottom: 20px;} .alertWarning{border: 2px solid #ff9900;color: #ff9900;text-align: center;padding: 30px;border-radius: 10px;margin-bottom: 20px;} /*breadcrumb*/ .pageBreadcrumb{margin-bottom: 10px;} .pageBreadcrumb>ul{list-style: none;margin: 0;padding: 0;} .pageBreadcrumb>ul>li{display: inline-block;} .pageBreadcrumb>ul>li>a{display: block;color: #444;line-height: 30px;font-size: 12px;} .pageBreadcrumb>ul>li>a:hover{color: #888;} /*otherBreadcrumb*/ .breadcrumb{font-size: 13px;} .justifyContentRight{justify-content: right;} .justifyContentCenter{justify-content: center;} /*form-group*/ .form-group{margin-bottom: 20px;} .form-group label{display: block;font-size: 14px;font-weight: 700;margin-bottom: 10px;font-size: 14px;color: #444;text-indent: 20px;color: #666;} .form-group input,.form-group select{height: 50px;padding: 0 10px;} .form-group .form-control{box-shadow: 0 0 10px 0 #ddd;border-radius: 50px;border: 0;font-size: 14px;text-indent: 10px;line-height: 25px;} .form-group .form-control::placeholder{font-size: 14px;color: #aaa;} .form-group textarea{width: 100%;border: 1px solid #ddd;border-radius: 5px;padding: 20px;} .form-group .btn{background: #0084b8;color: #fff;border: 1px solid #0084b8;width: 100%;height: 50px;padding: 0 15px;text-align: center;border-radius: 50px;line-height: 50px;} .form-group .form-control:focus{box-shadow: 0 0 3px 0 #0084b8;} /*checkbox-group*/ .checkbox-group{position: relative;margin-bottom: 20px;padding: 0 0 0 45px;width: 100%;height: auto;min-height: 40px;} .checkbox-group input[type="checkbox"]{position: absolute;top: 0;left: 0;visibility: hidden;} .checkbox-group input[type="checkbox"] + label{position: absolute;top: 0;left: 0;width: 35px;height: 35px;border-radius: 50%;border: 1px solid #eee;box-shadow: 3px 3px 7px #ddd;background: #fff;} .checkbox-group input[type="checkbox"]:checked + label{border: 1px solid green;} .checkbox-group input[type="checkbox"] + label:before{content: '';opacity: 0;visibility: hidden;width: 50%;transform:rotate(35deg); height: 100%;border-bottom: 3px solid green;border-right: 3px solid green;position: absolute;left: 30%;bottom: 10px;} .checkbox-group input[type="checkbox"]:checked + label:before{opacity: 1;visibility: visible;} .checkbox-group span{display: block;line-height: 25px;font-size: 15px;padding-top: 7px;} .checkbox-group span>a{color: #0084b8;} /*checkbox-list*/ .checkbox-list{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;margin-bottom: 30px;padding: 20px 10px;} .checkbox-list ul{list-style: none;margin: 0 auto;padding: 0;} .checkbox-list ul>li{border-bottom: 1px solid #eee;} .checkbox-list ul>li:last-child{border: 0;} .checkbox-list ul>li>input[type="radio"]{position: absolute;display: none;opacity: 0;visibility: hidden;} .checkbox-list ul>li>label{position: relative;padding: 0 0 0 40px;line-height: 40px;} .checkbox-list ul>li>label:before{content: '';width: 30px;height: 30px;border-radius: 3px;border: 1px solid #ddd;position: absolute;left: 5px;top: 5px;} .checkbox-list ul>li>input[type="radio"]:checked + label:before{background: url('images/check.svg') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} @media only screen and (max-width: 991px){ .checkbox-list{height: 250px;overflow: auto;} } /*alfabet*/ .alphabet{width: 100%;height: auto;margin-bottom: 20px;overflow: auto;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} .alphabet>ul{list-style: none;margin: 0;padding:5px 0 5px 5px;width: 1000%;overflow: auto;} .alphabet>ul>li{margin-bottom: 2px;display: inline-block;margin-right: 5px;} .alphabet>ul>li>span{display: block;width: 40px;height: 40px;cursor: pointer;line-height: 40px;text-align: center;font-size: 16px;box-shadow: 0 0 5px 0 #ddd;border-radius:3px; transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;} .alphabet>ul>li>span:hover{background: #aaa;color: #fff;} /*text-aling*/ .text-left{text-align: left;} .text-center{text-align: center;} .text-right{text-align: right;} /*yes-or-no*/ .yes-or-no{display: block;width: 100%;text-align: center;overflow: hidden;margin-bottom: 30px;} .yes-or-no button{border: 0;min-width: 100px;background: unset;border-radius: 10px;line-height: 40px;} .yes-or-no button:nth-child(1){border: 2px solid green;color: green;} .yes-or-no button:nth-child(1):active{background: green;color: #fff;} .yes-or-no button:nth-child(2){border:2px solid #ad0012;color: #ad0012;} .yes-or-no button:nth-child(2):active{background: #ad0012;color: #fff;} .sw-prev-box{border-radius: 10px;padding: 10px;box-shadow:0 0 10px 0 var(--box_shadow);margin-bottom: 20px;} .sw-prev-box:hover h3 small{left:10px;} .sw-prev-box h3{margin:0;padding:10px 0;font-weight: bold;font-size:18px;} .sw-prev-box h3 small{background: #572C88;width: 80px;height: 80px;position: absolute;top:calc(50% - 40px);left:-15px;color:#fff;font-size:13px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;border-radius: 50%;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;} .sw-prev-box h3 small i{margin-right:5px;font-size:30px;} .sw-prev-box img{width: 100%;height: auto;margin-bottom: 15px;} .sw-prev-box p{display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow: hidden;} .sw-next-box{border-radius: 10px;padding: 10px;box-shadow:0 0 10px 0 var(--box_shadow);margin-bottom: 20px;} .sw-next-box:hover h3 small{right:10px;} .sw-next-box h3{margin:0;padding:10px 0;font-weight: bold;font-size:18px;text-align: right;} .sw-next-box h3 small{background: #572C88;width: 80px;height: 80px;position: absolute;top:calc(50% - 40px);right:-15px;color:#fff;font-size:13px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;border-radius: 50%;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;} .sw-next-box h3 small i{margin-left:5px;font-size:30px;} .sw-next-box img{width: 100%;height: auto;margin-bottom: 15px;} .sw-next-box p{display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow: hidden;text-align: right;} /*PREV - NEXT BOX*/ .prev-box{box-shadow: 0 0 10px 0 var(--box_shadow);padding:20px 10px;border-radius: 10px;margin-bottom: 20px;} .prev-box h3{font-size: 25px;font-weight: bold;color: #000;min-height: 75px;line-height: 25px;} .prev-box h3>small{display: block;font-size: 16px;color: #aaa;} .prev-box .p-img{margin-bottom: 20px;} .prev-box .p-img img{width: 100%;height: 300px;object-fit: cver;} .prev-box .p-content{min-height: 200px;font-size: 14px;line-height: 18px;} .next-box{box-shadow: 0 0 10px 0 var(--box_shadow);padding:20px 10px;border-radius: 10px;margin-bottom: 20px;text-align: right;} .next-box h3{font-size: 25px;font-weight: bold;color: #000;min-height: 75px;} .next-box h3>small{display: block;font-size: 18px;color: #aaa;} .next-box .n-img{margin-bottom: 20px;} .next-box .n-img img{width: 100%;height: 300px;object-fit: cver;} .next-box .n-content{min-height: 200px;font-size: 14px;line-height: 18px;} /*-------------------------------------------------------------------------------------- ACCOUNT --------------------------------------------------------------------------------------*/ /*account*/ .account{padding: 30px 0 0 0;} .account-box{padding:30px 15px;margin-bottom: 30px;box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;} .account-box>img{display: block;margin: 0 auto;opacity: .2; max-width: 100%;height: auto;min-height: 100px;border-radius: 50%;background:#aaa;margin-bottom: 30px;} .account-box .account-setting{overflow: hidden;text-align: right;margin-bottom: 15px;text-align: center;} .account-box .account-setting a{display: inline-block;line-height: 30px;border: 1px solid #eee;border-radius: 5px;padding: 0 15px;font-size: 13px;background: #f9f9f9;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .account-box .account-setting a:hover{background: #aaa;} .account-box h1{font-size: 20px;font-weight: 700;text-align: center;} .account-box ul{list-style: none;margin: 0;padding: 0;margin-bottom: 20px;} .account-box ul>li{padding: 5px 0;border-bottom: 1px solid #ddd;overflow: hidden;} .account-box ul>li>b{display:block;line-height: 30px;width: 100px;font-weight: 600;font-size: 12px;float: left;} .account-box ul>li>span{display:block;line-height: 30px;width: calc(100% - 100px);float: left;font-size: 14px;} .account-box ul>li>span>label{display: inline-block;padding: 5px;font-size: 12px;background: #00a3ff;line-height: 1;margin: 0;color: #fff;border-radius: 5px;} .account-box .activation-box{border: 1px solid #ddd;padding:20px 10px;background: #f9f9f9;border-radius: 10px;} .account-box .activation-box h3{font-size: 16px;font-weight: 600;text-align: center;} .account-box .activation-box p{font-size: 12px;color: #ef0012;text-align: center;padding: 0 10px;line-height:15px;} .account-box .activation-box button{border: 1px solid #ddd;width: 100%;background: transparent;margin-bottom: 10px;border-radius: 5px;line-height: 40px;background: #fff;font-size: 13px;} /*blok*/ .account-blok{margin-bottom: 20px;} .account-blok h2{font-size: 26px;font-weight: 300;color: #000;border-bottom: 2px solid #000;margin-bottom: 20px;padding: 10px 0;} /*Company*/ .account-company-box{box-shadow: 0 0 10px 0 #ddd;margin-bottom: 10px;border-radius: 10px;padding: 20px;} .account-company-box .top{overflow: hidden;} .account-company-box .top .left{float: left;width: 75%;} .account-company-box .top .left h3{font-size: 20px;font-weight: 700;} .account-company-box .top .left p{font-size: 14px;} .account-company-box .top .left .info{} .account-company-box .top .left .info>ul{list-style: none;margin: 0;padding: 0;} .account-company-box .top .left .info>ul>li{font-size: 12px;padding: 0;} .account-company-box .top .left .info>ul>li>b{font-weight: 700;display: inline-block;width: 50px;font-size: 11px;} .account-company-box .top .right{float: left;width: 25%;} .account-company-box .top .right .package{list-style: none;margin: 0;padding: 0;} .account-company-box .top .right .package>li{margin-bottom: 5px;} .account-company-box .top .right .package>li>span{display: block;padding: 5px;text-align: center;border-radius: 5px;border: 1px solid #eee;cursor: pointer;} .account-company-box .top .right .package>li>span:hover{opacity: .8;} .account-company-box .top .right .package>li>a{display: block;padding: 5px;text-align: center;border-radius: 5px;border: 1px solid #eee;} .account-company-box .bottom {overflow: hidden;border-top: 1px solid #eee;padding-top: 10px;} .account-company-box .bottom .left{width: 75%;float: left;} .account-company-box .bottom .left>ul{list-style: none;margin: 0;padding: 0;overflow: hidden;} .account-company-box .bottom .left>ul>li{float: left;margin-right: 25px;font-size: 14px;} .account-company-box .bottom .left>ul>li>span{font-size: 12px;font-weight: 700;display: inline-block;} .account-company-box .bottom .left>ul>li>label{margin: 0;display: inline-block;padding: 3px;font-size: 10px;border-radius: 3px;} .account-company-box .bottom .left>ul>li>.draft{background: #ff9900;color: #fff;} .account-company-box .bottom .left>ul>li>.publish{background: #00cc00;color: #fff;} .account-company-box .bottom .right{width: 25%;float: left;} .account-company-box .bottom .right>ul{list-style: none;margin: 0;padding: 0;margin-left: -1px;margin-right: -1px;} .account-company-box .bottom .right>ul>li{float: left;width: 50%;padding: 0 1px;} .account-company-box .bottom .right>ul>li>a{display: block;border: 1px solid #ddd;border-radius: 5px;text-align: center;line-height: 30px;font-size: 13px;background: #eee;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .account-company-box .bottom .right>ul>li>a:hover{background: #aaa;} @media only screen and (max-width: 767px){ .account-company-box .top .left,.account-company-box .bottom .left{width: 100%;float: unset;margin-bottom: 15px;} .account-company-box .top .right,.account-company-box .bottom .right{width: 100%;float: unset;} .account-company-box .top .right{margin-bottom: 15px;} .account-company-box .bottom .left>ul>li>span{width: 115px;} } /*Advert*/ .account-advert-box{box-shadow: 0 0 10px 0 #ddd;margin-bottom: 20px;border-radius: 10px;padding: 15px 130px 15px 15px;position: relative;} .account-advert-box h3{font-size: 18px;font-weight: 700;padding:5px 0;} .account-advert-box .content{font-size: 14px;margin: 0;} .account-advert-box .right{position: absolute;right: 15px;top: 15px;height: 100%;width: 100px;} .account-advert-box .right>ul{list-style: none;margin: 0;padding: 0;} .account-advert-box .right>ul>li{padding: 1px;} .account-advert-box .right>ul>li>a{display: block;border: 1px solid #ddd;border-radius: 5px;text-align: center;line-height: 30px;font-size: 14px;background: #eee;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .account-advert-box .right>ul>li>a:hover{background: #aaa;} .account-advert-box .bottom {width: 100%;height: auto;border-top: 1px solid #eee;padding:5px 0;} .account-advert-box .bottom>ul{list-style: none;margin: 0;padding: 0;overflow: hidden;} .account-advert-box .bottom>ul>li{float: left;margin-right: 25px;font-size: 14px;} .account-advert-box .bottom>ul>li>span{font-size: 12px;font-weight: 700;display: inline-block;} .account-advert-box .bottom>ul>li>label{margin: 0;display: inline-block;padding: 3px;font-size: 10px;border-radius: 3px;} .account-advert-box .bottom>ul>li>.draft{background: #ff9900;color: #fff;} .account-advert-box .bottom>ul>li>.publish{background: #00cc00;color: #fff;} @media only screen and (max-width: 991px){ .account-advert-box {padding: 15px;} .account-advert-box .right{position: relative;width: 100%;top: unset;right: unset;} .account-advert-box .right>ul{overflow: hidden;} .account-advert-box .right>ul>li{float: left;width: 50%;} .account-advert-box .bottom{margin-bottom: 15px;} .account-advert-box .bottom>ul>li>span{width: 115px;} } /*no-content*/ .account-no-content {padding: 50px 20px;text-align: center;border-radius: 10px;box-shadow: 0 0 10px 0 #ddd;} .account-no-content span{display: block;margin-bottom: 20px;font-size: 18px;} .account-no-content a{display: block;padding: 5px;border-radius: 5px;background: #2584b8;color: #fff;margin: 0 auto;width: 150px;text-align: center;} /*-------------------------------------------------------------------------------------- DISCOVER CATEGORY AND SINGLE --------------------------------------------------------------------------------------*/ .sw-discover-page{} .sw-discover-page-header{padding: 30px 0;background: #eee;} .sw-discover-page-header h1{font-size: 50px;font-weight: 900;padding: 15px 0;margin: 0;text-align: center;} .sw-discover-page-body{padding: 30px 0 0 0;} /*blok*/ .sw-discover-blok{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;margin-bottom: 30px;padding: 20px;} .sw-discover-blok img{width: 100%;height: auto;vertical-align: middle;margin: 0;} .sw-discover-blok h2{font-size: 26px;padding: 20px 0;font-weight: 700;margin: 0;} .sw-discover-blok p{} .sw-discover-blok .sw-more{display: block;font-weight: 900;} /*list*/ .sw-discover-list{box-shadow: 0 0 10px 0 #ddd;padding: 20px;border-top: 15px solid #0084b8;border-radius: 10px;margin-bottom: 30px;} .sw-discover-list>h2{color: #0084b8;font-weight: bold;font-size: 18px;} .sw-discover-list>ul{list-style: none;margin: 0;padding: 0;} .sw-discover-list>ul>li{} .sw-discover-list>ul>li>a{display: block;padding: 5px 0;border-bottom: 1px solid #eee;font-size: 14px;} .sw-discover-list>ul>li>a:hover{color: #0084b8;} .sw-discover-list>ul>li:last-child>a{border: 0;} /*single-page*/ .single-discover{padding: 30px 0 0 0;} .single-discover img{max-width: 100%;height: auto;} .single-discover .title{font-size: 40px;color: #0084b8;padding: 15px 0;} .single-discover .info{font-size: 18px;font-weight: 700;margin-bottom: 30px;} .single-discover .img{margin-bottom: 30px;} .single-discover .img img{width: 100%;height: auto;} .single-discover .content{margin-bottom: 30px;} .single-discover .content .rl-basicgrid-gallery{justify-content: center;} .single-discover .content .rl-gallery-item{margin-bottom: 30px;} .single-discover .content .rl-gallery-item a img{} /*-------------------------------------------------------------------------------------- ADD - EDIT PAGE COMPANY + ADVERT --------------------------------------------------------------------------------------*/ .addEditPage{padding:30px 0 0 0;background: #f4f5f9;} .addEditPage>div>div>div>.title{text-align: center;font-size: 40px;color: #444;font-weight: 700;margin-bottom: 30px;} /*list*/ .addEditPage .list{background: #113d55;border-radius: 0 30px 30px 0;margin: 30px 0;} .addEditPage .list>ul{list-style: none;margin: 0;padding: 20px;} .addEditPage .list>ul>li{} .addEditPage .list>ul>li>span{display: block;font-size: 24px;text-align: center;padding: 15px 0;border-radius: 50px;cursor: pointer;color: #fff;position: relative;} .addEditPage .list>ul>li>span>label{position: absolute;left: 15px;top: calc(50% - 20px);width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;background:#fff;color:#113d55;} .addEditPage .list>ul>.active>span{background: #f4f5f9;color: #113d55;} .addEditPage .list>ul>.active>span>label{background: #113d55;color: #fff;} /*body*/ .addEditPage .addEditPageBody{padding: 30px 100px;} .addEditPage .addEditPageBody .item{display: none;} @media only screen and (max-width: 1199px){ .addEditPage .list>ul>li>span{padding: 10px 0;} .addEditPage .addEditPageBody{padding: 15px 15px;} } @media only screen and (min-width: 1200px) and (max-width: 1440px){ .addEditPage .addEditPageBody{padding: 30px;} } /*form*/ .addEditPage .addEditPageBody .form-group{margin-bottom: 30px;} .addEditPage .addEditPageBody .form-group label{display: block;font-size: 18px;color:#000;margin-bottom: 10px;padding-left: 23px;font-weight: 500;} .addEditPage .addEditPageBody .form-group .form-control{border-radius: 50px;box-shadow: 3px 3px 7px #ddd;padding-left: 25px;} .addEditPage .addEditPageBody .form-group textarea{padding: 25px 15px;border-radius: 20px;} .addEditPage .addEditPageBody .form-group input[type="text"],.addEditPage .addEditPageBody .form-group input[type="date"]{height: 50px;} .addEditPage .addEditPageBody .form-group .btn{width: 100%;height: 50px;background: #113d55;color: #fff;border-radius: 50px;} .addEditPage .addEditPageBody .form-group .btn:active,.addCompany .addCompanyBody .form-group .btn:focus{outline: 0;box-shadow: unset;} .addEditPage .addEditPageBody .form-group .btn:active{opacity: .7;} .addEditPage .addEditPageBody .form-group .btn-save{background: #ed5618;} /*companyType*/ .addCompany .addCompanyType{background: #fff;border: 1px solid #ddd;padding:20px;margin-bottom: 30px;} .addCompany .addCompanyType .info{text-align: center;color: #ff0000;} .addCompany .addCompanyType>h3{text-align: center;padding: 15px 0;} /*.addCompany .addCompanyType>ul{list-style: none;margin: 0;padding: 0;} .addCompany .addCompanyType>ul>li{margin-bottom: 20px;} .addCompany .addCompanyType>ul>li>label{display: block;padding: 10px;border: 2px solid #ddd;background: #f9f9f9;border-radius: 10px;margin-bottom: 20px;opacity: .5;} .addCompany .addCompanyType>ul>li>label>h3{text-align: center;font-size: 20px;color: #000;padding: 15px 0;} .addCompany .addCompanyType>ul>li>input[type="radio"]{position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;} .addCompany .addCompanyType>ul>li>input[type="radio"]:checked + label{border: 2px solid green;opacity: 1;} .addCompany .addCompanyType>ul>li>p{text-align: center;font-size: 18px;text-align: center;}*/ @media only screen and (min-width: 992px){ .addCompany .addCompanyType>ul>li{width: 33.33%;float: left;} } .addCompany .addCompanyType>ul{list-style: none;margin: 0;padding: 0;overflow: hidden;margin-left: -5px;margin-right: -5px;} .addCompany .addCompanyType>ul>li{padding: 0 5px;} .addCompany .addCompanyType>ul>li div{border: 1px solid #ddd;padding: 30px 10px;} .addCompany .addCompanyType>ul>li div input[type="radio"]{display: none;position: absolute;opacity: 0;visibility: hidden;} .addCompany .addCompanyType>ul>li div input[type="radio"] + label{display: block;width: 40px;height: 40px;border: 1px solid #ddd;margin:0 auto 30px auto;border-radius: 50%;box-shadow: 0 0 5px 0 #ddd;position: relative;} .addCompany .addCompanyType>ul>li div input[type="radio"] + label:before{content: '';opacity: 0;visibility: hidden;width: 50%;transform:rotate(35deg); height: 100%;border-bottom: 3px solid green;border-right: 3px solid green;position: absolute;left: 30%;bottom: 10px;} .addCompany .addCompanyType>ul>li div input[type="radio"]:checked + label{border: 2px solid green;} .addCompany .addCompanyType>ul>li div input[type="radio"]:checked + label:before{opacity: 1;visibility: visible;} .addCompany .addCompanyType>ul>li div>h3{font-size: 18px;font-weight: 700;text-align: center;} .addCompany .addCompanyType>ul>li div>p{font-size: 13px;text-align: center;} .addCompany .addCompanyType>ul>li div>ol{list-style: none;margin: 0;padding: 0;} .addCompany .addCompanyType>ul>li div>ol>li:nth-child(2n+1){background: #eee;} .addCompany .addCompanyType>ul>li div>ol>li{position: relative;padding: 5px 30px 5px 5px;} .addCompany .addCompanyType>ul>li div>ol>.active{} .addCompany .addCompanyType>ul>li div>ol>.active:before{content: '';width: 20px;height: 20px;line-height: 20px;text-align: center;position: absolute;right: 5px;top: 5px; background: url('images/icons/package-check-icon.png') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} .addCompany .addCompanyType>ul>li div>ol>.passive{} .addCompany .addCompanyType>ul>li div>ol>.passive:before{content: '';width: 20px;height: 20px;line-height: 20px;text-align: center;position: absolute;right: 5px;top: 5px; background: url('images/icons/package-close-icon.png') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} .addCompany .addCompanyType>ul>li div>ol>li>span{display: block;font-size: 12px;line-height: 20px;padding-left: 5px;} /*advertType*/ .addAdvertType{background: #fff;border: 1px solid #ddd;padding:20px 10px 0 10px;margin-bottom: 30px;} .addAdvertType>h3{text-align: center;padding: 15px 0;} .addAdvertType .advert-box{background: #f9f9f9;border: 1px solid #ddd;border-radius: 10px;margin-bottom: 20px;padding: 20px 110px 20px 120px;position: relative;} .addAdvertType .advert-box>.aimg{position: absolute;top: 15px;left: 15px;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;width: 90px;height: 90px;background: #ddd;} .addAdvertType .advert-box>.atitle{min-height: 100px;} .addAdvertType .advert-box>.atitle>a>h3{font-size: 20px;color: #3F3F47;margin-bottom: 10px;} .addAdvertType .advert-box>.atitle>a>.acompany{color: #4C4C55;font-weight:500;} .addAdvertType .advert-box>.atitle p{line-height: 20px;font-size: 13px;min-height: 40px;} .addAdvertType .advert-box>.alist{list-style: none;padding-left: 0;overflow: hidden;margin: 0;} .addAdvertType .advert-box>.alist>li{float: left;margin: 0 5px 5px 0;} .addAdvertType .advert-box>.alist>li>span{display: block;background: #ccc;padding: 3px 10px;border-radius: 7px;font-size: 12px;font-weight: 500;} .addAdvertType .advert-box>.alink{position: absolute;top: 10px;right: 10px;height: calc(100% - 20px);width: 90px;} .addAdvertType .advert-box>.alink>a{display: block;border-left: 3px solid #ddd;height: 100%;text-align: center;padding: 30px 0;font-size: 18px;font-weight: 700;color: #ddd;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .addAdvertType .advert-box:hover .link>a{color: #ED5700;border-left: 3px solid #ED5700;} @media only screen and (max-width: 991px){ .addAdvertType .advert-box{padding: 20px 20px 80px 120px;} .addAdvertType .advert-box>.alink{top: unset;bottom: 10px;left: 10px;right: 10px;height: 50px;width: calc(100% - 20px);} .addAdvertType .advert-box>.alink>a{padding: 0;border-left: 0;border-top: 3px solid #ddd;} .addAdvertType .advert-box:hover>.alink>a{border-top: 3px solid #ED5700;border-left: 0;} } /*DETAIL-COMPANY*/ .detail-company{padding: 30px 0 0;} .detail-company .detail-header{margin-bottom: 10px;} .detail-company .detail-header h1{font-size: 30px;margin-bottom: 15px;} .detail-company .detail-body{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;padding: 20px;margin-bottom: 30px;} .detail-company .urlTable{margin-bottom: 20px;} .detail-company .urlTable h6{font-size: 14px;} .detail-company .urlTable table{width: 100%;height: auto;margin-bottom: 20px;font-size: 14px;background: #f9f9f9;} .detail-company .urlTable table tr>th{font-weight: 700;} .detail-company .urlTable table tr>td,.urlTable table tr>th{border: 1px solid #ddd;padding: 5px;} .detail-company .urlTable table tr>td,.urlTable table tr>th{border: 1px solid #ddd;padding: 5px;} .detail-company .urlTable table tr>td:nth-child(1),.urlTable table tr>th:nth-child(1){text-align: center;width: 150px;} .detail-company .buttonsGroup{} .detail-company .buttonsGroup ul{list-style: none;margin: 0;padding: 0;overflow: hidden;} .detail-company .buttonsGroup ul>li{float: left;width: calc(20% - 4px);border: 1px solid #ddd;background: #fff;padding:15px 10px;margin: 0 2px;background: #f9f9f9;} .detail-company .buttonsGroup ul>li>h4{font-size: 18px;text-align: center;font-weight: 900;} .detail-company .buttonsGroup ul>li>span{display: block;text-align: center;font-size: 14px;font-weight: 700;margin-bottom: 10px;} .detail-company .buttonsGroup ul>li>p{font-size: 24px;text-align: center;margin:0;line-height: 61px;border: 1px solid #ddd;background: #fff;} .detail-company .buttonsGroup ul>li>table{width: 100%;height: auto;font-size: 14px;background: #fff;} .detail-company .buttonsGroup ul>li>table>thead>tr>th,.buttonsGroup ul>li>table>tbody>tr>td{padding: 0 5px;line-height: 30px;border: 1px solid #ddd;text-align: center;} .detail-company .detail-footer{margin-bottom: 30px;font-size: 14px;} /*-------------------------------------------------------------------------------------- CATEGORY --------------------------------------------------------------------------------------*/ .category{} .category .category-header{padding: 150px 15px;background: #e0e0e0;} .category .category-header h1{text-align: center;font-size: 40px;font-weight: 600;text-align: center;} /*content*/ .category .category-top-content{font-size: 18px;font-weight: 600;line-height: 25px;padding: 30px 15px 0 15px;margin-bottom: 30px;} /*slide*/ .category .category-slide{padding: 30px 0 0 0;} .category .category-slide .cat-slide-item{margin-bottom: 30px;overflow: hidden;border-radius: 10px;box-shadow: 0 0 10px 0 #ddd;} /*tab*/ .category-tab-container{background: rgba(37,132,184,.1);padding: 30px 0 0 0;} .category-tab-container .cat-tab-list{background: #0084b8;padding: 5px 0;} .category-tab-container .cat-tab-list ul{list-style: none;margin: 0;padding: 0;overflow: hidden;margin-lefT: -2.5px;margin-right: -2.5px;} .category-tab-container .cat-tab-list ul>li{float: left;width: 33.33%;padding: 0 2.5px;} .category-tab-container .cat-tab-list ul>li>span{display: block;padding:10px 5px;text-align: center;background: #fff;color: #000;font-size: 18px;font-weight: 700;cursor: pointer;border-radius: 5px;} .category-tab-container .cat-tab-list ul>li>span:hover{background: #ddd;} .category-tab-container .cat-tab-list ul>li>.active{background: #ed5618;color: #fff;border: 1px solid #ed5618;} .category-tab-container .cat-tab-list ul>li>.active:hover{background: #ed5618;opacity: .7;} @media only screen and (max-width: 767px){ .category-tab-container .cat-tab-list ul>li{float: unset;width: 100%;margin-bottom: 5px;} .category-tab-container .cat-tab-list ul>li:last-child{margin: 0;} } /*tab-body*/ .cat-tab-body{min-height: 100px;padding: 30px 0;} .cat-tab-body .cat-tab-body-item{position: relative;display: none;overflow: hidden;} .cat-tab-body .active{display: block;} .cat-tab-body .cat-tab-body-item .ilan-yok,.cat-tab-body .cat-tab-body-item .no-comment-box{margin: 0;} /*package-11-12*/ .category-package-container{background: #f9f9f9;padding: 30px 0 0 0;overflow: hidden;} /*caetegory-no-package*/ .category-no-package{padding: 30px 0 0 0;} /*---------------- companyDopingBox --------------------*/ .companyDopingBox{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;overflow: hidden;margin-bottom: 30px;background: #fff} .companyDopingBox .companyImg{width: 100%;height: auto;border-radius: 10px 10px 0 0;overflow: hidden;position: relative;} .companyDopingBox .companyImg img{width: 100%;height: 224px;object-fit:cover;} .companyDopingBox .companyImg .prevBtn{opacity: 0;visibility: hidden;position: absolute;left: 0;top: calc(50% - 20px);width: 40px;height: 40px;border-radius: 0 5px 5px 0;background: #2584b8;line-height: 40px;text-align: center;font-size: 25px;color: #fff;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .companyDopingBox:hover .companyImg .prevBtn{opacity: 1;visibility: visible;} .companyDopingBox .companyImg .nextBtn{opacity: 0;visibility: hidden;position: absolute;right: 0;top: calc(50% - 20px);width: 40px;height: 40px;border-radius: 5px 0 0 5px;background: #2584b8;line-height: 40px;text-align: center;font-size: 25px;color: #fff;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .companyDopingBox:hover .companyImg .nextBtn{opacity: 1;visibility: visible;} .companyDopingBox .companyContent{min-height: 250px;padding: 10px;} .companyDopingBox .companyContent .title{font-weight: 700;text-align: center;font-size: 16px;} .companyDopingBox .companyContent .title a{color:#111;} .companyDopingBox .companyContent p{font-size: 14px;text-align: center;} .companyDopingBox .companyBottom{padding: 0 10px;} /*---------------- companyBoxEleven --------------------*/ .companyBoxEleven{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;overflow: hidden;position: relative;padding: 15px 15px 15px 180px;margin-bottom: 30px;min-height: 140px;background: #fff;} .companyBoxEleven .companyImg{position: absolute;top: 15px;left: 15px;overflow: hidden;border-radius: 5px;width: 150px;height: 110px;border: 1px solid #eee;} .companyBoxEleven .companyImg img{width: 100%;height: 110px;object-fit: contain;} .companyBoxEleven .companyContent .title{font-weight: 700;font-size: 16px;padding: 5px 0;} .companyBoxEleven .companyContent .title a{color: #111;} .companyBoxEleven .companyContent p{font-size: 14px;} /*---------------- companyBoxZero --------------------*/ .companyBoxZero{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;padding: 15px;margin-bottom: 30px;background: #fff;} .companyBoxZero .title{margin: 0;padding: 0;font-size: 16px;color: #444;font-weight: 700;} /*---------------- company-contact --------------------*/ .companyContact {padding: 10px 0;} .companyContact>ul{list-style: none;margin: 0;padding: 0;margin-left: -2px;margin-right: -2px;overflow: hidden;} .companyContact>ul>li{float: left;width: 25%;padding: 0 2px;} .companyContact>ul>li>button{padding:0;line-height: 40px;border-radius: 50px;text-align: center;border: 0;width: 100%;} .companyContact>ul>li>button>img{filter: invert(100%);} .companyContact>ul>li>span{display: block;padding:0;line-height: 40px;border-radius: 50px;text-align: center;background: #eee;} /*---------------- companyDopingAdd --------------------*/ .companyDopingAdd{margin-bottom: 30px;box-shadow: 0 0 10px 0 #ddd;position: relative;padding: 30px;border-radius: 10px;height: calc(100% - 30px);min-height: 534px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .companyDopingAdd div{width: 100%;height: auto;display: block;position: relative;z-index: 9;} .companyDopingAdd div img{display: block;max-width: 100%;height: auto;margin-bottom: 30px;} .companyDopingAdd div span{display: block;font-size: 30px;font-weight: 700;text-align: center;line-height: 35px;color: #0084b8} .companyDopingAdd:before{content: '';border: 3px dashed #0084b8;width: calc(100% - 20px);height: calc(100% - 20px);position: absolute;top: 10px;left: 10px;z-index: 9;border-radius: 10px;color: #0084b8;} .companyPackageAdd{height: 165px;background: #fff;box-shadow: 0 0 10px 0 #ddd;position: relative;border-radius: 10px;margin-bottom: 30px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .companyPackageAdd div{width: 100%;height: auto;display: block;position: relative;z-index: 9;} .companyPackageAdd div img{display: block;max-width: 150px;height: auto;margin: 0 auto 15px auto;} .companyPackageAdd div span{display: block;font-size: 22px;color: #0084b8;font-weight: 700;text-align: center;line-height: 30px;} .companyPackageAdd::before{content: '';border: 3px dashed #0084b8;width: calc(100% - 20px);height: calc(100% - 20px);position: absolute;top: 10px;left: 10px;z-index: 9;border-radius: 10px;color: #0084b8;} /*-------------------------------------------------------------------------------------- DELETE --------------------------------------------------------------------------------------*/ .delete-info-box{} .delete-info-box h4{font-weight: 700;text-align: center;padding: 15px 0;} .delete-info-box p{font-size: 18px;text-align: center;margin-bottom: 30px;} .delete-info-box ul{list-style: none;width: 250px;margin: 10px auto;overflow: hidden;padding: 0;} .delete-info-box ul>li{float: left;width: 50%;padding: 0 2px;} .delete-info-box ul>li>button{width: 100%;height: auto;line-height: 45px;border: 0;border-radius: 5px;} .delete-info-box ul>li>button:active{opacity: .5;} /*buttons*/ .delete-info-box .yesBtn{background: #00cc99;color: #fff;border-radius: 5px;} .delete-info-box .noBtn{background: #cc0000;color: #fff;border-radius: 5px;} /*-------------------------------------------------------------------------------------- ADVERTISE PAGE --------------------------------------------------------------------------------------*/ .advertise-page{} .advertise-page .advertise-one{position: relative;min-height: 100vh;} .advertise-page .advertise-one .bg{position: absolute;z-index: -1;top: 0;right: 0;max-width: 100%;} .advertise-page .advertise-contact{margin-bottom: 30px;} .advertise-page .advertise-contact h2{text-align: center;font-weight: 900;text-transform: uppercase;font-size: 50px;margin-bottom: 50px;} .advertise-page .advertise-contact h2 span{display: inline-block;position: relative;} .advertise-page .advertise-contact h2 span:before{content: '';width: 100%;height: 45%;background: var(--orange);position: absolute;left: 0;bottom: 0;} .advertise-page .advertise-contact h2 span>label{position: relative;z-index: 1;margin: 0;} .advertise-page .advertise-contact ul{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;margin-left: -5px;margin-right: -5px;justify-content: center;} .advertise-page .advertise-contact ul>li{max-width: 33.33%;flex: 0 0 33.33%;padding-left: 5px;padding-right: 5px;margin-bottom: 5px;} .advertise-page .advertise-contact ul>li>a{display: block;border:1px solid var(--blue);padding: 5px 5px 5px 50px;color: var(--blue);border-radius: 5px;position: relative;line-height: 35px;text-align: center;font-size: 18px;font-weight: 700;} .advertise-page .advertise-contact ul>li>a>img{position: absolute;left: 5px;top: 5px;} .advertise-page .advertise-two{position: relative;min-height: 100vh;} .advertise-page .advertise-two .bg{position: absolute;z-index: -1;top: 0;left: 0;max-width: 100%;} .advertise-page .advertise-three{position: relative;min-height: 100vh;} .advertise-page .advertise-three .bg{position: absolute;z-index: -1;bottom: 0;right: 0;max-width: 100%;} /*box*/ .advertise-page .box{padding: 100px 0;height: 100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .advertise-page .box .title{margin-bottom: 30px;} .advertise-page .box .title span{display: block;line-height: 80px;font-size: 60px;color:#000;font-family: 'Montserrat', sans-serif;font-weight: 700;} .advertise-page .box p{font-size: 22px;line-height: 30px;} .advertise-page .box .title span label{display: inline-block;margin: 0;} .advertise-page .box .title span label span{position: relative;z-index: 9;} .advertise-page .box .title span .textYellow{position: relative;} .advertise-page .box .title span .textYellow:before{content: '';width: 100%;height: 40%;background: #FFDEAE;position: absolute;left: 0;bottom: 0;z-index: 8;} .advertise-page .box .title span .textBlue{position: relative;} .advertise-page .box .title span .textBlue:before{content: '';width: 100%;height: 40%;background: #CBEEFF;position: absolute;left: 0;bottom: 0;z-index: 8;} /*img*/ .advertise-page .img{padding: 50px 0;} .advertise-page .img img{width: 100%;height: auto;} /*or*/ .advertise-page .or{font-size: 30px;text-align: center;width: 100%;line-height: 40px;margin-bototm: 50px;} /*form*/ .advertise-page .advertise-form{margin-bottom: 50px;} .advertise-page .advertise-form h3{font-size: 40px;text-align: center;font-weight: 700;padding: 15px 0;} .advertise-page .advertise-form p{font-size: 20px;text-align: center;margin-bottom: 50px;} @media only screen and (max-width: 767px){ .advertise-page .box .title span{font-size: 40px;line-height: 50px;} } @media only screen and (max-width: 768px){ .advertise-page .advertise-contact h2{font-size: 34px;} .advertise-page .advertise-contact ul>li{max-width: 100%;flex: 0 0 100%;} .advertise-page .advertise-one,.advertise-page .advertise-two,.advertise-page .advertise-three{min-height: unset;} } /*-------------------------------------------------------------------------------------- GET SUPPORT --------------------------------------------------------------------------------------*/ .support-img{margin-bottom: 30px;} .support-img img{width: 100%;height: auto;} /*-------------------------------------------------------------------------------------- STUDENT SPECIFIC --------------------------------------------------------------------------------------*/ .specific-header{padding: 30px 0 0 0;} .specific-header .box{padding: 100px 0;height: 100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .specific-header .box .title{margin-bottom: 30px;} .specific-header .box .title span{display: block;line-height: 80px;font-size: 60px;color:#000;font-family: 'Montserrat', sans-serif;font-weight: 700;} .specific-header .box p{font-size: 22px;line-height: 30px;} .specific-header .box .title span label{display: inline-block;margin: 0;} .specific-header .box .title span label span{position: relative;z-index: 9;} .specific-header .box .title span .textYellow{position: relative;} .specific-header .box .title span .textYellow:before{content: '';width: 100%;height: 40%;background: #FFDEAE;position: absolute;left: 0;bottom: 0;z-index: 8;} .specific-header .box .title span .textBlue{position: relative;} .specific-header .box .title span .textBlue:before{content: '';width: 100%;height: 40%;background: #CBEEFF;position: absolute;left: 0;bottom: 0;z-index: 8;} .specific-header .img{margin-bottom: 30px;} .specific-header .img img{width: 100%;height: auto;} @media only screen and (max-width: 767px){ .specific-header .box .title span{font-size: 40px;line-height: 60px;} } /*text-animation*/ .specific-text{margin-bottom: 30px;background: #f9f9f9;padding: 15px 0;overflow: hidden;} .specific-text .title{position: relative;display: flex;justify-content: center;font-size: 30px;font-weight: 700;} .specific-text .title label{display: inline-block;margin-right: 15px;} .specific-text .title .ml4{display: inline-block;position: relative;min-width: 225px;} .specific-text .title .ml4 .letters{position: absolute;right: 0;top: 0;left: 0;margin: 0 auto;color: #0084B8;} @media only screen and (max-width: 767px){ .specific-text .title{display: block;} .specific-text .title label{display: block;text-align: center;width: 100%;} .specific-text .title .ml4{display: block;min-width: 100%;text-align: center;line-height: 40px;min-height: 40px;} } /*student-specific-content*/ .specific-content{width: 100%;height: auto;overflow: hidden;} .specific-content .specificList{width: 400px;border-radius: 50px;border: 2px solid #000;margin: 15px auto;max-width: 96%;clear: both;} .specific-content .specificList>ul{list-style: none;margin: 0;padding: 0;overflow: hidden;} .specific-content .specificList>ul>li{float: left;width: 50%;} .specific-content .specificList>ul>li>span{display: block;text-align: center;line-height: 50px;cursor: pointer;} .specific-content .specificList>ul>li>.active{background: #0084B8;color: #fff;border-radius: 50px;} /*list-body*/ .specific-list-body{overflow: hidden;width: 100%;height: auto;padding: 15px 0 0 0;} .specific-list-body .left{float: left;width: 25%;height: 100%;padding: 0 15px;} .specific-list-body .specificItemList{} .specific-list-body .specificItemList ul{list-style: none;margin: 0;padding: 0;} .specific-list-body .specificItemList ul>li{margin-bottom: 20px;} .specific-list-body .specificItemList ul>li>span{display: block;line-height: 60px;position: relative;padding-left: 80px;border: 1px solid #ddd;font-size: 18px;cursor: pointer;border-radius: 5px;translation: all .5s ease-in-out;-webkit-translation: all .5s ease-in-out;-moz-translation: all .5s ease-in-out;-o-translation: all .5s ease-in-out;background: #f9f9f9;} .specific-list-body .specificItemList ul>li>span>img{position: absolute;left: 15px;top:5px;} .specific-list-body .specificItemList ul>li>span>.img1{opacity: 1;visibility: visible;} .specific-list-body .specificItemList ul>li>span>.img2{opacity: 0;visibility: hidden;} .specific-list-body .specificItemList ul>li>span:hover>.img1{opacity: 0;visibility: hidden;} .specific-list-body .specificItemList ul>li>span:hover>.img2{opacity: 1;visibility: visible;} .specific-list-body .specificItemList ul>li>span:hover{background:#eee;} .specific-list-body .specificItemList ul>li>.active{background: #0084B8;color: #fff;border-radius: 5px;border: 1px solid #0084B8;} .specific-list-body .specificItemList ul>li>.active .img1{opacity: 0;visibility: hidden;} .specific-list-body .specificItemList ul>li>.active .img2{opacity: 1;visibility: visible;filter: invert(100%);} .specific-list-body .specificItemList ul>li>.active:hover{background: #0084B8;color: #fff;border-radius: 5px;border: 1px solid #0084B8;} /*right*/ .specific-list-body .right{float: right;width: 75%;height:auto;padding: 0 15px;} .specific-list-body .right .specificItem{opacity: 0;visibility: hidden;display: none;} .specific-list-body .right .active{opacity: 1;visibility: visible;display: block;} .specific-list-body .right .specificItem .kampanyaItem{display: none;opacity: 0;visibility: hidden;} .specific-list-body .right .specificItem .indirimItem{display: none;opacity: 0;visibility: hidden;} .specific-list-body .right .specificItem .active{opacity: 1;visibility: visible;display: block;} @media only screen and (max-width: 991px){ .specific-list-body .left{width: 100%;} .specific-list-body .specificItemList{margin-bottom: 20px;} .specific-list-body .specificItemList ul>li{margin-bottom: 5px;} .specific-list-body .specificItemList ul>li>span{line-height: 40px;} .specific-list-body .specificItemList ul>li>span>img{width: 35px;height: 35px;top: 0;} .specific-list-body .right{width: 100%;} } /*student-what-where*/ .student-what-where{border: 1px solid transparent;border-left: 0;border-right: 0;position: relative;} .student-what-where:before{content: '';width: 50%;height: 100%;position: absolute;z-index: 7;left: 0;top: 0;background: url('images/student/burada-neler-bulursunuz.png') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} .student-what-where:after{content: '';width: 50%;height: 100%;position: absolute;z-index: 8;left: 0;top: 0;background: #000;opacity: .7;} .student-what-where .box{width: 55%;margin: 70px 0;position: relative;left: 40%;box-shadow: 0 0 10px 0 #ddd;padding: 50px;border-radius: 30px;z-index: 9;background: #fff;} .student-what-where .box h3{margin-bottom: 20px;font-size: 25px;position: relative;color: #000;font-weight: 700;font-family: 'Montserrat', sans-serif;} .student-what-where .box h3:before{content: '';width: 250px;height: 40%;background: #FFDEAE;position: absolute;left: 0;bottom: 0;z-index: 8;max-width: 100%;} .student-what-where .box h3 span{position: relative;z-index: 9;} .student-what-where .box p{font-size: 22px;color: #707070;font-weight: 300;} .student-what-where .box ul{list-style: none;margin: 0;padding: 0;} .student-what-where .box ul>li{margin-bottom: 10px;font-size: 25px;cursor: pointer;font-weight: 300;color: #707070;font-family: 'Montserrat', sans-serif;position: relative;padding: 10px 0 0 55px;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .student-what-where .box ul>li img{position: absolute;left: 0;} .student-what-where .box ul>li:hover{opacity: .5;} @media only screen and (max-width: 991px){ .student-what-where .box{width: 96%;left: 0;margin:30px auto;} } /*student-blog*/ .student-blog{padding: 50px 0 0 0;} .student-blog .title{margin-bottom: 50px;width: 100%;height: auto;} .student-blog .title h2{position: relative;text-align: center;font-size: 59px;font-family: 'Montserrat', sans-serif;font-weight: 700;width: 750px;max-width: 100%;margin: 0 auto 30px auto;} .student-blog .title h2:before{content: '';width: 60%;background: #ADEBDC;height: 40%;bottom: 0;right: 0;position: absolute;} .student-blog .title h2 span{position: relative;z-index: 9;} .student-blog .title p{font-size: 18px;color: #707070;text-align: center;} /*student-advert-btn*/ .studentAdvertBtn a{display: block;width: 75%;margin: 0 auto 30px auto;text-align: center;display: none;padding: 15px 5px;background: #ADEBDC;box-shadow: 0 7px 23px 0 #999;color:#000;border-radius: 15px;font-size:25px;font-weight: bold;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .studentAdvertBtn a:hover{background: #35EEC1;} /*student-news*/ .student-news{background: #F8F8F8;padding: 100px 0;font-family: 'Montserrat', sans-serif;} .student-news h2{padding: 15px;border-left: 5px solid #ED5700;color: #000;font-weight: 700;margin-bottom: 50px;} .student-news ul{list-style: none;margin:0;margin-bottom: 50px;padding: 0;} .student-news ul>li{margin-bottom: 30px;} .student-news ul>li>h3{font-size: 27px;font-weight: 700;color: #000;margin-bottom: 20px;} .student-news ul>li>.content{font-size: 22px;line-height: 32px;height: 96px;overflow: auto;position: relative;} .student-news ul>li>.content::-webkit-scrollbar {width: 5px;background: #eee;} .student-news ul>li>.content::-webkit-scrollbar-thumb {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);width: 5px;background: #ED5700;} /*.student-news .more{display: inline-block;line-height: 83px;border: 2px solid #707070;color: #ED5700;font-weight: 700;border-radius: 10px;padding: 0 25px;}*/ /*studeny-blog-two*/ .student-blog-two{padding: 150px 0 100px 0;background: url('images/student/blog-2-bg.jpg') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} .student-blog-two .title{margin-bottom: 50px;width: 100%;height: auto;} .student-blog-two .title h2{position: relative;text-align: center;font-size: 59px;color: #fff;font-family: 'Montserrat', sans-serif;font-weight: 700;width: 750px;max-width: 100%;margin: 0 auto 30px auto;} .student-blog-two .title h2:before{content: '';width: 60%;background: #0084B8;height: 40%;bottom: 0;right: 0;position: absolute;} .student-blog-two .title h2 span{position: relative;z-index: 9;} .student-blog-two .title p{font-size: 18px;color: #fff;text-align: center;} .student-blog-two .blogBox{border: 1px solid #fff;border-radius: 10px;background: rgba(0, 0, 0, .8);padding:30px 20px;margin-bottom: 20px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;} .student-blog-two .blogBox:hover{border: 1px solid #ed5618;background: rgba(0, 0, 0, .5)} .student-blog-two .blogBox img{display: block;margin: 0 auto 20px auto;max-width: 100%;height: auto;} .student-blog-two .blogBox h3{font-size: 21px;font-weight: 700;margin-bottom: 15px;text-align: center;} .student-blog-two .blogBox h3 a{color: #fff;} .student-blog-two .blogBox p{color: #fff;text-align: center;font-size: 15px;} @media only screen and (max-width: 991px){ .student-blog-two .title h2{font-size:40px;} } /*company-student-specific-box*/ .companyStudentSpecificBox{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;margin-bottom: 20px;overflow: hidden;} .companyStudentSpecificBox ul{list-style: none;margin: 0;padding: 0;} .companyStudentSpecificBox .top{position: relative;min-height: 250px;background: #f9f9f9;} .companyStudentSpecificBox .top img{width: 100%;height: 250px;object-fit: cover;} .companyStudentSpecificBox .top .noimg{width: 100%;height: 250px;display: block;justify-content: center;font-size: 20px;color: #aaa;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .companyStudentSpecificBox .top ul{position: absolute;left: 10px;top: 10px;} .companyStudentSpecificBox .top ul>li{float: left;margin-right: 10px;} .companyStudentSpecificBox .top ul>li>span{display: block;font-size: 14px;padding: 5px 15px;border-radius: 5px;} .companyStudentSpecificBox .top ul>li:nth-child(1)>span{background: #fff;} .companyStudentSpecificBox .top ul>li:nth-child(2)>span{background: #02BBC5;color: #fff;} .companyStudentSpecificBox .main{padding:0 30px 20px 30px;min-height: 500px;} .companyStudentSpecificBox .main .contact-now{overflow: hidden;margin-top: -45px;margin-bottom: 20px;position: relative;z-index: 9;} .companyStudentSpecificBox .main .contact-now li{float: left;margin-right: 10px;max-width: 30%;} .companyStudentSpecificBox .main .contact-now li img{width: 100%;height: auto;} .companyStudentSpecificBox .main h3{font-size: 20px;font-weight: 700;color: #46464F;} .companyStudentSpecificBox .main .content{font-size: 14px;line-height: 20px;height: 70px;position: relative;overflow: hidden;} .companyStudentSpecificBox .main .content p{overflow: auto;-ms-overflow-style: none;scrollbar-width: none;height: 60px;} .companyStudentSpecificBox .main .content:before{content: '';width: 100%;height: 30px;background: linear-gradient(transparent,#fff);position: absolute;bottom: 0;left: 0;right: 0;} .companyStudentSpecificBox .main p::-webkit-scrollbar {display: none;} .companyStudentSpecificBox .main .info{} .companyStudentSpecificBox .main .info>li{position: relative;padding:0 0 0 55px;font-size: 14px;margin-bottom: 10px;min-height: 35px;} .companyStudentSpecificBox .main .info>li>img{position: absolute;left: 0;top: 0;} .companyStudentSpecificBox .main .info>li>span{display: block;line-height: 42px;} .companyStudentSpecificBox .main .info>li>label{display: block;line-height: 21px;margin: 0;} .companyStudentSpecificBox .bottom{overflow: hidden;padding: 10px 20px;border-top: 1px solid #ddd;} .companyStudentSpecificBox .bottom .views{float: left;line-height: 42px;font-size: 13px;} .companyStudentSpecificBox .bottom .favorite{float: right;} .companyStudentSpecificBox .bottom .favorite button{display: block;border: 0;width: 42px;height: 42px;border-radius: 50%;box-shadow: 0 0 5px 0 #ddd;line-height: 42px;text-align: center;} /*no-company*/ .companyStudentSpecificNoBox{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;margin-bottom: 20px;padding: 50px 20px;text-align: center;font-size: 18px;font-weight: 600;} /*-------------------------------------------------------------------------------------- Student Directory --------------------------------------------------------------------------------------*/ .student-directory-box{margin-bottom: 50px;position: relative;border-radius: 10px;box-shadow: 0 0 10px 0 #ddd;overflow: hidden;} .student-directory-box:before{content: '';width: 100%;height: 100%;background: linear-gradient(transparent,#000);position: absolute;top: 0;left: 0;} .student-directory-box img{width: 100%;height: auto;} .student-directory-box .info{position: absolute;bottom: 0;left: 0;padding: 20px;} .student-directory-box .info>ul{list-style: none;margin: 0;padding: 0;overflow: hidden;margin-bottom: 20px;} .student-directory-box .info>ul>li{float: left;margin-right: 5px;} .student-directory-box .info>ul>li>span{display: block;padding: 5px;font-size: 12px;color: #fff;background: #F59A18;border-radius: 50px;} .student-directory-box .info h3{font-size: 20px;font-family: 'Montserrat', sans-serif;font-weight: 300;color: #fff;} /*-------------------------------------------------------------------------------------- Hemen Bul --------------------------------------------------------------------------------------*/ #map{height: 500px;width: 100%;margin:10px 0 40px 0;background: #fff;box-shadow:0 0 10px 0 #ccc;position: relative;} #map:before{content: 'Bulmak istediğiniz işletme kategorisine tıklayınız ve haritada görüntüleyiniz.';position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;font-weight: 500;font-size: 20px;color: #707070;padding: 20px;text-align: center;border-radius: 10px;} .hemenbul-body{padding: 75px 0;position: relative;} .hemenbul-body .kayit{text-align: end;font-weight: 500;margin-top: 10px;line-height: 40px;} .hemenbul-body .kayit a{color: #fff;background: #0084b8;padding: 10px;box-shadow: 0 0 10px 0 #ccc;border-radius: 10px;transition: all .4s ease;} .hemenbul-body .kayit a:hover{color: #ed5618;} .hemenbul-body h1{text-align: center;font-weight: bold;margin-bottom: 50px;} .hemenbul-body ul{list-style: none;padding: 0;margin: 0;display: flex;align-items: center;justify-content: center;} .hemenbul-body ul li{margin:0 10px;} .hemenbul-body ul li a{background: #edeff2;padding: 10px 25px 10px 55px;box-shadow: 10px 10px 10px #ddd;font-size: 16px;font-weight: 500;color: #000;border-radius: 10px;line-height: 50px;margin-bottom: 10px;display: block;position: relative;transition: all .4s ease-in-out;} .hemenbul-body ul li a:hover{background: #0084b8;color: #fff;} .hemenbul-body ul li a img{position: absolute;left: 15px;top: 20px;width: 30px;height: 30px;} .hemenbul-body #liste .harita-sonuc-box{margin-bottom: 30px;box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;padding: 20px;transition: all .5s ease-in-out;position: relative;} .hemenbul-body #liste .harita-sonuc-box:hover{transform: scale(1.05);box-shadow: 0 0 10px 0 #7bbcdb;} .hemenbul-body #liste .harita-sonuc-box img{position: absolute;left: 10px;top: 5%;max-width: 100%;height: auto;} .hemenbul-body #liste .harita-sonuc-box span{font-weight: bold;font-size: 18px;padding-left: 110px;} .hemenbul-body #liste .harita-sonuc-box label{position: absolute;right: 25px;top: 20px;font-weight: bold;color: #707070;} .hemenbul-body #liste .harita-sonuc-box p{color: #707070;font-size: 15px;padding-left: 110px;} .hemenbul-body #liste .harita-sonuc-box .yoltarifi-btn{border-radius: 10px;float: right;padding: 10px;font-weight: 500;box-shadow: 0 0 10px 0 #ddd;} .hemenbul-body #liste .harita-sonuc-box .hemenara-btn{border-radius: 10px;float: right;padding: 10px;font-weight: 500;box-shadow: 0 0 10px 0 #ddd;margin-left: 15px;} @media only screen and (max-width: 768px){ .hemenbul-body ul{display: block;overflow: hidden;} .hemenbul-body ul li{float: left;width: 44%;;margin-bottom: 20px;} .hemenbul-body .kayit{text-align: start;} .hemenbul-body #liste .harita-sonuc-box img{max-width: 20%;bottom: 0;display: block;margin: auto 0;} .hemenbul-body #liste .harita-sonuc-box p{padding-left: 80px;} .hemenbul-body #liste .harita-sonuc-box span{padding-left: 0;display: block;width: 80%;margin-bottom: 25px;} } /*-------------------------------------------------------------------------------------- INC / OTHER INDUSTRY --------------------------------------------------------------------------------------*/ .otherIndustryList{padding: 20px 0 0 0;background: #ddd;border-radius: 10px;margin-bottom: 20px;margin-top: 20px;} .otherIndustryList h3{font-size: 20px;font-weight: 900;text-align: center;padding: 15px 0;} .otherIndustryList>ul{list-style: none;padding: 0;margin: 0;overflow: hidden;} .otherIndustryList>ul>li{float: left;width: 33.33%;padding: 0 10px;margin-bottom: 20px;} .otherIndustryList>ul>li>a{display:block;padding: 10px;background: #fff;text-align: center;font-weight: 700;border-radius: 5px;} @media only screen and (max-width: 991px){ .otherIndustryList>ul>li{width: 100%;} } /*-------------------------------------------------------------------------------------- RATING --------------------------------------------------------------------------------------*/ .rating{margin-bottom: 20px;box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;padding: 10px 10px 0 10px;overflow: hidden;} .rating h3{font-size: 30px;text-align: center;font-weight: 700;padding: 15px 0;} .rating ul{list-style: none;margin: 0;padding: 0;overflow: hidden;margin-bottom: 10px;} .rating ul>li{float: left;width: 25%;position: relative;} .rating ul>li>button{background: transparent;border: 0;width: 100%;padding: 15px 0;} .rating ul>li>button>img{display: block;margin: 0 auto;max-width: 40px;margin-bottom: 15px;height: auto;} .rating ul>li>button>label{display: block;margin: 0;text-align: center;font-size: 12px;font-weight: 600;line-height: 15px;min-height: 60px;} .rating ul>li>button>span{display: block;padding: 15px 10px;font-size: 12px;} .rating ul>li:before{content: '';position: absolute;right: 0;top: 0;height:100%;border: 1px solid #ddd;width: 1px;} .rating ul>li:last-child::before{border: 0;} .rating button:active{background: #f9f9f9;} @media only screen and (max-width: 767px){ .rating ul>li{width: 50%;} .rating ul>li:nth-child(2)::before{border: 0;} } /*-------------------------------------------------------------------------------------- SINGLE --------------------------------------------------------------------------------------*/ .singlePage{padding: 30px 0 0 0;} .singleBronze{filter: grayscale(100%);} /*title*/ .singlePage .singleTitle{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;padding: 20px 20px 20px 190px;margin-bottom: 20px;position: relative;min-height: 250px;} .singlePage .singleTitle .img{position: absolute;left: 20px;top: 20px;border: 1px solid #eee;border-radius: 5px;width: 150px;height: auto;} .singlePage .singleTitle .img img{width: 100%;height: auto;} .singlePage .singleTitle h1{font-size: 30px;} .singlePage .singleTitle p{font-size: 14px;line-height: 20px;} @media only screen and (max-width: 991px){ .singlePage .singleTitle{padding: 20px;} .singlePage .singleTitle .img{position: relative;margin: 0 auto;top: 0;left: 0;margin-bottom: 20px;} .singlePage .singleTitle h1{text-align: center;} .singlePage .singleTitle p{text-align: center;} } /*singleTopList*/ .singleTopList{margin-bottom: 15px;} .singleTopList>ul{list-style: none;margin: 0;padding: 0;overflow: hidden;} .singleTopList>ul>li{float: left;margin: 0 5px 5px 0;} .singleTopList>ul>li>span{display: block;padding: 3px 7px;background: #ddd;border-radius:5px;font-size: 13px;} .singleTopList>ul>li>a{display: block;padding: 3px 7px;background: #ddd;border-radius:5px;font-size: 13px;} /*confirmation*/ .confirmation{} .confirmation>ul{list-style: none;margin: 0;padding: 0;overflow: hidden;} .confirmation>ul>li{float: left;margin-right: 3px;border-radius: 5px;overflow: hidden;} .confirmation>ul>li>span{display: block;font-size: 13px;text-shadow: 1px 1px 1px #444;padding: 3px 7px;} .confirmation>ul>.email-bg>span{background: #33cc33;color: #fff;} .confirmation>ul>.gsm-bg>span{background: #33cccc;color: #fff;} /*information*/ .singleInfo{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;padding: 20px;margin-bottom: 10px;} .singleInfo>ul{list-style: none;margin: 0;padding: 0;overflow: hidden;} .singleInfo>ul>li{position: relative;padding: 0 0 10px 185px;line-height: 30px;border-bottom: 1px solid #ddd;margin-bottom: 10px;} .singleInfo>ul>li:last-child{border: 0;margin-bottom: 0;} .singleInfo>ul>li>b{position: absolute;left: 0;top:0;width: 175px;line-height: 30px;font-size: 12px;} .singleInfo>ul>li>span{display: block;line-height: 30px;} @media only screen and (max-width: 767px){ .singleInfo>ul>li>b{position: relative;display: block;} .singleInfo>ul>li{padding: 0;} } /*contactNow*/ .singleContactNow{margin-bottom: 10px;} .singleContactNowBefore{} .singleContactNowBefore:before{content:'';width: 3000%;height: 3000%;top: -1000%;left: -1000%;position: absolute;opacity: .9;background: #000;} .singleContactNowInfo{width: 33%;position: absolute;bottom: 50%;right: 10px;line-height: 1.1;opacity: 0;visibility: hidden;user-select: none;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;} .singleContactNowInfo:before{content: '';width: 10px;height: 10px;bottom: -5px;background: var(--orange);transform: rotate(45deg);position: absolute;right: 30px;z-index: 1;} .singleContactNowInfo span{display: block;background: #eee;padding: 5px;font-size: 13px;text-align: center;border-radius: 5px;z-index: 2;position: relative;border: 2px solid var(--orange);color: #fff;background: var(--blue);line-height: 20px;} .singleContactNowInfo span b{display: inline-block;font-size: 18px;line-height: 20px;} .singleContactNowBefore .singleContactNowInfo{bottom: 100%;opacity: 1;visibility: visible;} .wMsg-slide{margin-top: 20px;text-align: center;margin-bottom: 20px;border-radius: 10px;background: #f9f9f9;position: relative;} .wMsg-slide:before{content: '';width: 30px;height: 30px;transform: rotate(45deg);z-index: 8;position: absolute;top: -15px;right: 5%;background: #67c540;} .wMsg-slide .owl-wMsg{position: relative;z-index: 9999;background: #fff;overflow: hidden;border-radius: 5px;border: 2px solid #67c540;} .wMsg-slide .owl-wMsg div{background: #fff;position: relative;z-index: 9;line-height: 30px;} .singleContactNow .nextBtn{position: absolute;bottom: -50px;right: 10px;} .singleContactNow .nextBtn button{background: #fff;border-radius: 5px;padding: 0 15px;border: 0;font-size: 14px;line-height: 30px;} /*singleAccordion*/ .singleAccordion{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;margin-bottom: 20px;} /*.boxBefore:before{content: '';width: 100%;height: 100%;background: #000;opacity: .9;left: 0;top: 0;z-index: 9999999999;position: absolute;} .singleAccordion .accordion{position: relative;z-index: 9;z-index: 99999999999;}*/ .singleAccordion .accordion-item:first-of-type {border-top-left-radius: 10px;border-top-right-radius: 10px;} .singleAccordion .accordion-item:last-of-type {border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;} .singleAccordion .accordion-item:first-of-type .accordion-button {border-top-left-radius: 10px;border-top-right-radius: 10px;} .singleAccordion .accordion-item:last-of-type .accordion-button.collapsed {border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;} .singleAccordion .accordion-button{font-weight: 600;background-color: #eee;color: #000;} .singleAccordion .accordion-button:not(.collapsed) {color: #fff;font-weight: 600;background-color: #0084b8;box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);} .singleAccordion .accordion-button:focus{border: 0;box-shadow: unset;} /*address*/ .singleAccordion .address{list-style: none;padding: 0;margin: 0;overflow: hidden;} .singleAccordion .address>li:first-child{width: 100%;} .singleAccordion .address>li{border-bottom: 1px solid #eee;position: relative;padding-left: 70px;} .singleAccordion .address>li>b{display: inline-block;width: 70px;line-height: 40px;font-size: 13px;margin: 0;padding: 0;position: absolute;left: 0;top: 0;} .singleAccordion .address>li>span{display: inline-block;line-height: 40px;margin: 0;padding: 0;} .singleAccordion .address>li>a{display: inline-block;line-height: 40px;margin: 0;padding: 0;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} @media only screen and (min-width: 768px){ .singleAccordion .address>li{width: 50%;float: left;} } /*singleFields*/ .singleFields{box-shadow: 0 0 10px 0 #ddd;padding: 20px;border-radius: 10px;margin-bottom: 20px;} .singleFields>h2{font-size: 26px;font-weight: 700;text-align: center;padding: 15px 0;} .singleFields>ul{list-style: none;margin: 0;padding: 0;margin-left: -3px;margin-right: -3px;overflow: hidden;padding: 5px 0 0 0;} .singleFields>ul>li{float: left;width: calc(33.33% - 6px);margin: 0 3px 5px 3px;height: 40px;position: relative;box-shadow: 0 0 5px 0 #ddd;border-radius: 5px; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .singleFields>ul>li:hover{background: #0084b8;color: #fff;} .singleFields>ul>li>img{position: absolute;left: 5px;top: 7px;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} .singleFields>ul>li:hover img{filter: invert(100%);} .singleFields>ul>li>span{position: relative;text-align: center;line-height: 1;display: block;padding-left: 50px;font-size: 14px;cursor: pointer;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;} @media only screen and (max-width: 767px){ .singleFields>ul>li{width: 100%;} } /*singleTab*/ .single-tab{margin-bottom: 20px;} .single-tab>ul{list-style: none;margin: 0;padding: 0;overflow: hidden;} .single-tab>ul>li{float: left;} .single-tab>ul>li>span{display: block;padding: 10px;background: #eee;color: #000;font-weight: 500;border: 1px solid #ddd;cursor: pointer;border-bottom: 0;} .single-tab>ul>li>span:hover{background: #ddd;} .single-tab>ul>li:first-child>span{border-radius: 10px 0 0 0;} .single-tab>ul>li:last-child>span{border-radius: 0 10px 0 0;} .single-tab>ul>li>.active{background: #0084b8;color: #fff;} .single-tab>ul>li>.active:hover{background: #0084b8;opacity: .7;} .single-tab-body{position: relative;border: 1px solid #ddd;border-radius: 0 10px 10px 10px;overflow: hidden;box-shadow: 0 0 10px 0 #ddd;} .single-tab-body .single-tab-body-item{display: none;} .single-tab-body .single-tab-body-item .single-tab-mask{display: flex;justify-content: center;width: 100%;height: 100%;background: #000;opacity: .9;position: absolute;top: 0;left: 0;color: #fff;align-items: center;z-index: 1;line-height: 25px;} .single-tab-body .single-tab-body-item .single-tab-mask b{display: inline-block;padding: 0 5px;font-size: 22px;line-height: 25px;} .single-tab-body .active{display: block;} .single-tab-body .singleMap iframe{vertical-align: middle;width: 100%;height: 380px;} /*video*/ .singleVideo{position: relative;border: 2px solid #000;overflow: hidden;} .singleVideo .nextBtn{position: absolute;right: 0;top: calc(50% - 20px);width: 40px;height: 40px;} .singleVideo .prevBtn{position: absolute;left: 0;top: calc(50% - 20px);width: 40px;height: 40px;} .singleVideo .nextBtn:active,.single-page-body .single-video .prevBtn:active{opacity: .5;} .singleVideoBox{width: 100%;height: 100%;background: #000;position: relative;overflow: hidden;border-radius: 0 5px 5px 5px;} .singleVideoBox label{display: block;position: relative;z-index: 99;margin :0;} .singleVideoBox label>img{width: 100%;height: auto;} .singleVideoBox .play{opacity: .7;width: 80px;height: 60px;line-height: 60px;position: absolute;left: 0;right: 0;margin: 0 auto;top: calc(50% - 30px);background:#000;border: 2px solid #000;border-radius: 18px;transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;} .singleVideoBox .play img{display: block;margin: 7px auto;} .singleVideoBox:hover .play{opacity: 1;} /*priceOffer*/ .singlePriceOffer{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;padding: 20px;margin-bottom: 20px;} .singlePriceOffer h3{font-size: 20px;font-weight: 700;text-align: center;padding: 10px 0;} .singlePriceOffer .priceList{margin-bottom: 20px;} .singlePriceOffer .priceList>ul{list-style: none;margin: 0;padding: 0;margin-left: -2px;margin-right: -2px;overflow: hidden;} .singlePriceOffer .priceList>ul>li{float: left;width: 50%;padding: 0 2px;} .singlePriceOffer .priceList>ul>li>span{display: block;padding: 10px 10px 10px 50px;font-size: 16px;font-weight: 700;line-height: 30px;position: relative;cursor: pointer;} .singlePriceOffer .priceList>ul>li>span>img{position: absolute;left: 10px;top: 10px;} .singlePriceOffer .priceList>ul>li>.active{background: #ddd;} @media only screen and (max-width: 991px){ .singlePriceOffer .priceList>ul>li>span{font-size: 13px;} } .singlePriceOffer .priceForm{border-radius: 10px;} .singlePriceOffer .emailBtnBg{color:#D945FB;border-radius: 10px 0 0 0;} .singlePriceOffer .emailBtnBgActive{background: linear-gradient(#D945FB,#6F06F3);color:#fff;} .singlePriceOffer .whatsappBtnBg{color:#27DA9B;border-radius: 0 10px 0 0;} .singlePriceOffer .whatsappBtnBgActive{background: linear-gradient(#27DA9B,#01BCC3);color: #fff;} .singlePriceOffer .emailForm{border: 2px solid #E6D3FE;} .singlePriceOffer .emailForm .form-group{padding: 0 10px;} .singlePriceOffer .emailForm .checkbox-group{margin-left: 10px;width: calc(100% - 20px);} .singlePriceOffer .emailForm .form-group .form-control{border: 2px solid #E6D3FE;box-shadow: unset;} .singlePriceOffer .emailForm .form-group .btn{background: linear-gradient(#6F06F3,#D945FB);color:#fff;border: 0;} .singlePriceOffer .whatsappForm{border: 2px solid #27DA9B;} .singlePriceOffer .whatsappForm .form-group{padding: 0 10px;} .singlePriceOffer .whatsappForm .checkbox-group{margin-left: 10px;width: calc(100% - 20px);} .singlePriceOffer .whatsappForm .form-group .form-control{border: 2px solid #27DA9B;box-shadow: unset;} .singlePriceOffer .whatsappForm .form-group .btn{background: linear-gradient(#27DA9B,#01BCC3);color:#fff;border: 0;} /*singleContent*/ .singleContent{box-shadow: 0 0 10px 0 #ddd;margin-bottom: 20px;padding: 20px;border-radius: 10px;} .singleContent h2{font-size: 26px;font-weight: 700;text-align: center;padding: 15px 0;} /*PAYMENT*/ .payment{} .payment .paymentHeader{padding: 30px 0 0 0;background: #ddd;} .payment .paymentHeader .title{font-size: 34px;text-align: center;font-weight: 700;margin-bottom: 30px;} .payment .paymentBody {padding: 30px 15% 0 15%;} @media only screen and (max-width: 767px){ .payment .paymentBody {padding: 30px 15px 0 15px;} } .payment .paymentBody .form-group{margin-bottom: 20px;position: relative;} .payment .paymentBody .form-group label{font-weight: 700;text-indent: 10px;font-size: 14px;margin-bottom: 5px;} .payment .paymentBody .form-group .form-control{box-shadow: 0 0 10px 0 #ddd;border-radius: 50px;height: 50px;} .payment .paymentBody .form-group .priceOne{text-align: right;} .payment .paymentBody .form-group .form-control::placeholder{font-size: 14px;} .payment .paymentBody .form-group .form-control::placeholder{font-size: 14px;} .payment .paymentBody .form-group .dot{position: absolute;right: -20px;font-size: 50px;bottom: -10px;opacity: .5;} .payment .paymentBody .contact{margin-bottom: 20px;box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;padding:15px 15px 0 15px;} .payment .paymentBody .contact h3{text-align: center;font-size: 26px;padding: 15px 0;} .payment .paymentBody .paymentPackage{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;padding: 20px;margin-bottom: 20px;} .payment .paymentBody .paymentPackage .form-group label{font-weight: 700;text-indent: 10px;font-size: 14px;margin-bottom: 5px;} .payment .paymentBody .paymentPackage h3{text-align: center;font-size: 26px;padding: 15px 0;} .payment .paymentBody .paymentPackage p{text-align: center;font-size: 14px;padding: 10px 0;color: #ed0012;} .payment .paymentBody .price{padding:30px 20px;margin-bottom: 20px;box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;} .payment .paymentBody .price h3{text-align: center;font-size: 26px;padding: 15px 0;} .payment .paymentBody .price .try{position: absolute;right: 0;width: 40px;text-align: center;line-height: 30px;font-size: 16px;opacity: .5;top: 10px;} .payment .paymentBody .form-group .btn{width: 100%;height: 50px;background: #0084b8;color: #fff;border-radius: 50px;} /*success*/ .payment-success{margin: 30px 0;border-radius: 10px;padding: 50px 0;box-shadow: 0 0 10px 0 #ddd;} .payment-success img{display: block;margin: 0 auto 30px auto;max-width: 100%;height: auto;} .payment-success h1{font-size: 36px;text-align: center;color: green;} .payment-success p{text-align: center;font-size: 14px;} /*danger*/ .payment-danger{margin: 30px 0;border-radius: 10px;padding: 50px 0;box-shadow: 0 0 10px 0 #ddd;} .payment-danger img{display: block;margin: 0 auto 30px auto;max-width: 100%;height: auto;} .payment-danger h1{font-size: 36px;text-align: center;color: #ed0012;} .payment-danger p{text-align: center;font-size: 16px;} /*AVMLER*/ .avm-kat-box{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;margin-bottom: 10px;padding: 20px;} .avm-kat-box .box-title{text-align: center;font-size: 25px;font-weight: bold;padding: 10px 0 20px 0;} .avm-kat-box .avm-magaza-box{} .avm-kat-box .avm-magaza-box .box-header{position: relative;padding-left: 170px;clear: both;min-height: 122px;} .avm-kat-box .avm-magaza-box .box-header .logo{position: absolute;left:0;top: 0;width: 162px;height: 122px;padding: 5px;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;} .avm-kat-box .avm-magaza-box .box-header .logo img{display: block;max-width: 100%;height: auto;} .avm-kat-box .avm-magaza-box .box-header .contact-buttons{list-style: none;padding: 0;margin-left: -1px;margin-right: -1px;margin-bottom: 30px;overflow: hidden;} .avm-kat-box .avm-magaza-box .box-header .contact-buttons>li{float: left;width: 50%;padding: 0 1px;} .avm-kat-box .avm-magaza-box .box-header .contact-buttons>li>a{display: block;line-height: 20px;border: 1px solid #ddd;padding:5px 10px;text-align: center;border-radius: 10px;font-size: 14px;} .avm-kat-box .avm-magaza-box .box-header .contact-buttons>li>a>img{display: block;margin: 0 auto 5px auto;filter: invert(100%);} .avm-kat-box .avm-magaza-box .box-body{padding-top: 30px;} .avm-kat-box .avm-magaza-box .box-body .contact-info{list-style: none;padding: 0;margin: 0;} .avm-kat-box .avm-magaza-box .box-body .contact-info>li{line-height: 30px;border-bottom: 1px dotted #ddd;padding-left: 150px;position: relative;} .avm-kat-box .avm-magaza-box .box-body .contact-info>li:last-child{border: 0;} .avm-kat-box .avm-magaza-box .box-body .contact-info>li>b{width: 150px;position: absolute;left: 0;top: 0;line-height: 30px;font-size: 14px;} @media only screen and (max-width: 991px) { .avm-kat-box .avm-magaza-box .box-header{padding: 0;} .avm-kat-box .avm-magaza-box .box-header .logo{display: block;margin: 0 auto 20px auto;position: relative;} .avm-kat-box .avm-magaza-box .box-body .contact-info>li{padding: 0;} .avm-kat-box .avm-magaza-box .box-body .contact-info>li>b{position: relative;display: block;} } /****************************************************************************************************************************** SECTOR ******************************************************************************************************************************/ .most-popular-sector{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-bottom:30px;background: url('images/most-popular-sector.png') no-repeat center center;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;-moz-background-size: cover;padding: 50px 0 0 0;} .most-popular-sector .most-title{margin-bottom: 30px;} .most-popular-sector .most-title h1{font-size: 34px;font-weight: 900;text-align: center;} .most-popular-sector .most-title p{font-size: 18px;text-align: center;} .most-popular-sector .owl-popular-sector{margin-bottom: 50px;} .most-popular-sector .owl-popular-sector .owl-stage-outer{padding: 10px 0;} .most-popular-sector .owl-popular-sector .popular-box{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;background: #fff;overflow: hidden;width: calc(100% - 20px);margin: 0 auto;} .most-popular-sector .owl-popular-sector .popular-box .img{position: relative;} .most-popular-sector .owl-popular-sector .popular-box .img img{width: 100%;height: 300px;object-fit: cover;object-position: center;} .most-popular-sector .owl-popular-sector .popular-box .img .tag{position: absolute;background: #0084b8;color: #fff;font-size: 13px;line-height: 30px;transform: rotate(45deg);transform-origin: right; width: 100%;top: 50%;right: -15%;text-align: center;} .most-popular-sector .owl-popular-sector .popular-box .content{padding: 10px 10px 10px 60px;position: relative;} .most-popular-sector .owl-popular-sector .popular-box .content .icon{width:40px;height: 40px;border-radius: 50%;text-align: center;left: 10px;top: 10px;position: absolute;box-shadow: 0 0 3px 0 #ccc;padding-top: 5px;} .most-popular-sector .owl-popular-sector .popular-box .content .icon img{display: block;margin: 0 auto;max-width: 100%;height: auto;} .most-popular-sector .owl-popular-sector .popular-box .content h2{font-size: 22px;line-height: 30px;font-weight: 700;} .most-popular-sector .owl-popular-sector .popular-box .content h2 span{display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;border: 2px solid #ddd;border-radius: 50%;font-size: 16px;} .sector-alphabet{margin-bottom: 30px;} .sector-alphabet>ul{list-style: none;margin: 0;padding: 0;display: flex;justify-content: center;} .sector-alphabet>ul>li{margin: 0 1px;min-width: 35px;text-align: center;} .sector-alphabet>ul>li>span{display: block;border: 1px solid #ddd;padding: 0 5px;line-height: 40px;cursor: pointer;text-align: center;} .sector-alphabet-box{margin-bottom: 5px;min-height: 100px;width: 100%;height: auto;} .sector-alphabet-box .a-title{margin-bottom: 5px;position: relative;width: 100%;height: 5px;display: block;background: #ed5618;} .sector-alphabet-box .a-title label{margin: 0;display: inline-block;width: 40px;height: 40px;background: #fff;line-height: 40px;text-align: center;} @media only screen and (min-width: 1200px){ .sector-alphabet-box .a-title label{position: absolute;width: 100px;height: 100px;line-height: 100px;text-align: center;font-size: 100px;position: absolute;left: -110px;top: -50px;color: #ddd;border: 1px solid #ddd;} } .sector-alphabet-box .sector-alphabet-box-list ul{list-style: none;margin: 0;padding: 0;} .sector-alphabet-box .sector-alphabet-box-list ul>li{margin-bottom: 5px;padding: 15px;border-radius:5px;box-shadow: 0 0 5px 0 #ddd;} .sector-alphabet-box .sector-alphabet-box-list ul>li>span{cursor: pointer;} @media only screen and (max-width:767px){ .sector-alphabet{overflow: auto;} .sector-alphabet>ul{justify-content: left;} .sector-alphabet-box .a-title label{position: absolute;left: 0;right: 0;margin: 0 auto;border: 1px solid #ddd;top: -20px;} } .sector-box{border: 1px solid #aaa;margin-bottom: 5px;border-radius: 5px;padding: 10px;} .sector-box .sector-title{display: block;font-size: 14px;border-bottom: 1px solid #aaa;} /****************************************************************************************************************************** MOST VIEWED ******************************************************************************************************************************/ .most-viewed-list{list-style: none;margin: 0;padding: 0;} .most-viewed-list>li{margin-bottom: 5px;} .most-viewed-list>li>a{display: block;line-height: 50px;box-shadow: 0 0 5px 0 #ddd;border-radius: 10px;padding: 0 0 0 50px;position: relative;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;} .most-viewed-list>li>a:hover{box-shadow: 0 0 5px 0 var(--orange);background: #f9f9f9;} .most-viewed-list>li>a>img{position: absolute;left: 10px;top: 10px;} .most-viewed-list>li>a>.views{position: absolute;top: 13px;right: 15px;width: auto;height: 25px;text-align: center;line-height: 25px;font-size: 13px;} .most-viewed-list>li>a>.views .icon{display: inline-block;width: 25px;height: 25px;line-height: 25px;text-align: center;position: relative;} .most-viewed-list>li>a>.views .num{display: inline-block;width: 30px;} .most-viewed-list>li>a>.views .icon:before{content: '';width: 5px;height: 100%;position: absolute;top: 0;left: 0;border-left: 1px solid #aaa;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;} .most-viewed-list>li>a>.views .icon:after{content: '';width: 5px;height: 100%;position: absolute;top: 0;right: 0;border-right: 1px solid #aaa;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;} .other-box{margin-bottom: 20px;} .other-box .box-header{position: relative;/*padding-left: 170px;*/clear: both;/*min-height: 122px*/;} .other-box .box-header .logo{display: none;position: absolute;left:0;top: 0;width: 162px;height: 122px;padding: 5px;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;} .other-box .box-header .logo img{display: block;max-width: 100%;height: auto;} .other-box .box-header .contact-buttons{list-style: none;padding: 0;margin-left: -1px;margin-right: -1px;margin-bottom: 30px;overflow: hidden;} .other-box .box-header .contact-buttons>li{float: left;width: 50%;padding: 0 1px;} .other-box .box-header .contact-buttons>li>a{display: block;line-height: 20px;border: 1px solid #ddd;padding:5px 10px;text-align: center;border-radius: 10px;font-size: 14px;} .other-box .box-header .contact-buttons>li>a>img{display: block;margin: 0 auto 5px auto;filter: invert(100%);} .other-box .box-body{display: block;padding-top: 20px;} .other-box .box-body .contact-info{list-style: none;margin: 0;padding: 0;} .other-box .box-body .contact-info>li{border-bottom: 1px dotted #ddd;font-size: 13px;} .other-box .box-body .contact-info>li>b{display: inline-block;line-height: 30px;min-width: 75px;font-size: 13px;} @media only screen and (max-width: 991px) { .other-box .box-body{padding: 0;} .other-box .box-body .logo{position: relative;display: block;margin: 0 auto 20px auto;} } /*alisveris-merkezleri-acilis-kapanis-ve-iletisim-bilgileri*/ .acc-box{box-shadow: 0 0 10px 0 #ddd;border-radius: 10px;padding: 10px;margin-bottom: 10px;} .acc-box .acc-box-header{user-select: none;cursor: pointer;} .acc-box .acc-box-header h2{font-size: 20px;text-align: center;font-weight: 700;line-height: 30px;} .acc-box .acc-box-body{} .am-work-times{} .am-work-times table{width: 100%;height: auto;font-size: 13px;background: #f9f9f9;} .am-work-times table tr td{border-bottom: 1px dotted #ddd;padding:2px 5px;line-height: 1.2;} .am-contact-info{} .am-contact-info ul{list-style: none;margin: 0;padding: 0;font-size: 14px;} .am-contact-info ul>li{position: relative;padding: 5px 5px 5px 80px;line-height: 20px;} .am-contact-info ul>li>b{min-width: 75px;font-size: 13px;display: block;position: absolute;left: 0;top: 5px;line-height: 20px;} .am-contact-info ul>li>ol{list-style: none;margin: 0;padding: 0;display: flex;justify-content: left;} .am-contact-info ul>li>ol>li{max-width: 50%;margin: 0 2px;flex: 0 0 50%;} .am-contact-info ul>li>ol>li>a{display: block;padding: 2px 0;text-align: center;color: #fff;border-radius: 5px;} .am-contact-info ul>li>ol>li:nth-child(1)>a{background: #00a3ff;} .am-contact-info ul>li>ol>li:nth-child(2)>a{background: #ffa300;} .add-company-text{text-align: center;font-size:22px;font-weight: 700;margin-bottom: 50px;padding: 20px;border: 1px solid #eee;background: #f9f9f9;border-radius: 15px;} .add-company-text b{color: var(--orange);} .add-company-text small{font-size: 13px;color: #aaa;font-weight: 300;} @media only screen and (max-width: 767px){ .add-company-text{font-size: 15px;} } /*SON