/* ==================================================================================================================== * fontawesome * ====================================================================================================================*/ /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} /* ==================================================================================================================== * lightbox * ====================================================================================================================*/ html.lb-disable-scrolling { overflow: hidden; /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */ position: fixed; height: 100vh; width: 100vw; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 5px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; background-color: white; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { margin-top: 10px; width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; margin-top: 15px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* ==================================================================================================================== * owl * ====================================================================================================================*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* ==================================================================================================================== * yakamoz * ====================================================================================================================*/ /* --------------------------------------------- Table of contents ------------------------------------------------ 01. font & reset css 02. reset 03. global styles 04. header 05. banner 06. features 07. testimonials 08. contact 09. footer 10. preloader 11. search 12. portfolio --------------------------------------------- */ /* --------------------------------------------- font & reset css --------------------------------------------- */ @import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900"); /* --------------------------------------------- reset --------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, figure, header, nav, section, article, aside, footer, figcaption { margin: 0; padding: 0; border: 0; outline: 0; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } ul, li { padding: 0; margin: 0; list-style: none; } header, nav, section, article, aside, footer, hgroup { display: block; } * { box-sizing: border-box; } html, body { font-family: 'Poppins', sans-serif; font-weight: 400; background-color: #fff; font-size: 16px; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { text-decoration: none !important; color: #3CF; } a:hover { color: #FC3; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0px; } ul { margin-bottom: 0px; } p { font-size: 14px; line-height: 25px; color: #2a2a2a; } img { width: 100%; overflow: hidden; } /* --------------------------------------------- global styles --------------------------------------------- */ html, body { background: #fff; font-family: 'Poppins', sans-serif; } ::selection { background: #f5a425; color: #fff; } ::-moz-selection { background: #f5a425; color: #fff; } @media (max-width: 991px) { html, body { overflow-x: hidden; } .mobile-top-fix { margin-top: 30px; margin-bottom: 0px; } .mobile-bottom-fix { margin-bottom: 30px; } .mobile-bottom-fix-big { margin-bottom: 60px; } } .main-button-red a { font-size: 13px; color: #fff; background-color: #a12c2f; padding: 12px 30px; display: inline-block; border-radius: 22px; font-weight: 500; text-transform: uppercase; transition: all .3s; } .main-button-red a:hover { opacity: 0.9; } .main-button-yellow a { font-size: 13px; color: #fff; background-color: #f5a425; padding: 12px 30px; display: inline-block; border-radius: 22px; font-weight: 500; text-transform: uppercase; transition: all .3s; } .main-button-yellow a:hover { opacity: 0.9; } .section-heading h2 { line-height: 40px; margin-top: 0px; margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid rgba(250, 250, 250, 0.15); font-size: 22px; font-weight: 700; text-transform: uppercase; color: #fff; } /* --------------------------------------------- header --------------------------------------------- */ .sub-header { background-color: #1f272b; position: relative; z-index: 1111; } .sub-header .left-content p { color: #fff; padding: 8px 0px; font-size: 13px; } .sub-header .right-icons { text-align: right; padding: 8px 0px; } .sub-header .right-icons ul li { display: inline-block; margin-left: 15px; } .sub-header .right-icons ul li a { color: #fff; font-size: 14px; transition: all .3s; } .sub-header .right-icons ul li a:hover { color: #f5a425; } .sub-header .left-content p em { font-style: normal; color: #f5a425; } .background-header { background-color: #fff !important; height: 80px !important; position: fixed !important; top: 0 !important; left: 0; right: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important; } .background-header .main-nav .nav li a { color: #1e1e1e !important; } .background-header .logo, .background-header .main-nav .nav li a { color: #1e1e1e !important; } .background-header .main-nav .nav li:hover a { color: #fb5849 !important; } .background-header .nav li a.active { color: #fb5849 !important; } .header-area { background-color: rgba(250, 250, 250, 0.15); position: absolute; top: 0px; left: 0; right: 0; z-index: 100; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .header-area .main-nav { min-height: 80px; background: transparent; } .header-area .main-nav .logo { line-height: 100px; color: #fff; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; float: left; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .background-header .main-nav .logo { line-height: 75px; } .background-header .nav { margin-top: 20px !important; } .header-area .main-nav .nav { float: right; margin-top: 30px; margin-right: 0px; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; z-index: 999; } .header-area .main-nav .nav li { padding-left: 15px; padding-right: 15px; } .header-area .main-nav .nav li:last-child { padding-right: 0px; } .header-area .main-nav .nav li a { display: block; font-weight: 500; font-size: 14px; text-transform: uppercase; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; height: 40px; line-height: 40px; border: transparent; letter-spacing: 1px; } .header-area .main-nav .nav li:hover a, .header-area .main-nav .nav li a.active { color: #f5a425 !important; } .background-header .main-nav .nav li:hover a, .background-header .main-nav .nav li a.active { color: #f5a425 !important; opacity: 1; } .header-area .main-nav .nav li.has-sub { position: relative; padding-right: 15px; } .header-area .main-nav .nav li.has-sub:after { font-family: FontAwesome; content: "\f107"; font-size: 12px; color: #fff; position: absolute; right: 5px; top: 12px; } .background-header .main-nav .nav li.has-sub:after { color: #1e1e1e; } .header-area .main-nav .nav li.has-sub ul.sub-menu { position: absolute; width: 200px; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); overflow: hidden; top: 40px; opacity: 0; transition: all .3s; transform: translateY(+2em); visibility: hidden; z-index: -1; } .header-area .main-nav .nav li.has-sub ul.sub-menu li { margin-left: 0px; padding-left: 0px; padding-right: 0px; } .header-area .main-nav .nav li.has-sub ul.sub-menu li a { opacity: 1; display: block; background: #f7f7f7; color: #2a2a2a !important; padding-left: 20px; height: 40px; line-height: 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; font-size: 13px; font-weight: 400; border-bottom: 1px solid #eee; } .header-area .main-nav .nav li.has-sub ul li a:hover { background: #fff; color: #f5a425 !important; padding-left: 25px; } .header-area .main-nav .nav li.has-sub ul li a:hover:before { width: 3px; } .header-area .main-nav .nav li.has-sub:hover ul.sub-menu { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; } .header-area .main-nav .menu-trigger { cursor: pointer; display: block; position: absolute; top: 33px; width: 32px; height: 40px; text-indent: -9999em; z-index: 99; right: 40px; display: none; } .background-header .main-nav .menu-trigger { top: 23px; } .header-area .main-nav .menu-trigger span, .header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after { -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; background-color: #1e1e1e; display: block; position: absolute; width: 30px; height: 2px; left: 0; } .background-header .main-nav .menu-trigger span, .background-header .main-nav .menu-trigger span:before, .background-header .main-nav .menu-trigger span:after { background-color: #1e1e1e; } .header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after { -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; background-color: #1e1e1e; display: block; position: absolute; width: 30px; height: 2px; left: 0; width: 75%; } .background-header .main-nav .menu-trigger span:before, .background-header .main-nav .menu-trigger span:after { background-color: #1e1e1e; } .header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after { content: ""; } .header-area .main-nav .menu-trigger span { top: 16px; } .header-area .main-nav .menu-trigger span:before { -moz-transform-origin: 33% 100%; -ms-transform-origin: 33% 100%; -webkit-transform-origin: 33% 100%; transform-origin: 33% 100%; top: -10px; z-index: 10; } .header-area .main-nav .menu-trigger span:after { -moz-transform-origin: 33% 0; -ms-transform-origin: 33% 0; -webkit-transform-origin: 33% 0; transform-origin: 33% 0; top: 10px; } .header-area .main-nav .menu-trigger.active span, .header-area .main-nav .menu-trigger.active span:before, .header-area .main-nav .menu-trigger.active span:after { background-color: transparent; width: 100%; } .header-area .main-nav .menu-trigger.active span:before { -moz-transform: translateY(6px) translateX(1px) rotate(45deg); -ms-transform: translateY(6px) translateX(1px) rotate(45deg); -webkit-transform: translateY(6px) translateX(1px) rotate(45deg); transform: translateY(6px) translateX(1px) rotate(45deg); background-color: #1e1e1e; } .background-header .main-nav .menu-trigger.active span:before { background-color: #1e1e1e; } .header-area .main-nav .menu-trigger.active span:after { -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg); -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg); -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg); transform: translateY(-6px) translateX(1px) rotate(-45deg); background-color: #1e1e1e; } .background-header .main-nav .menu-trigger.active span:after { background-color: #1e1e1e; } .header-area.header-sticky { min-height: 80px; } .header-area .nav { margin-top: 30px; } .header-area.header-sticky .nav li a.active { color: #f5a425; } @media (max-width: 1200px) { .header-area .main-nav .nav li { padding-left: 7px; padding-right: 7px; } .header-area .main-nav:before { display: none; } } @media (max-width: 991px) { .header-area .main-nav .logo { color: #1e1e1e; } .header-area.header-sticky .nav li a:hover, .header-area.header-sticky .nav li a.active { color: #f5a425 !important; opacity: 1; } .header-area.header-sticky .nav li.search-icon a { width: 100%; } .header-area { background-color: #f7f7f7; padding: 0px 15px; height: 100px; box-shadow: none; text-align: center; } .header-area .container { padding: 0px; } .header-area .logo { margin-left: 30px; } .header-area .menu-trigger { display: block !important; } .header-area .main-nav { overflow: hidden; } .header-area .main-nav .nav { float: none; width: 100%; display: none; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; margin-left: 0px; } .header-area .main-nav .nav li:first-child { border-top: 1px solid #eee; } .header-area.header-sticky .nav { margin-top: 100px !important; } .header-area .main-nav .nav li { width: 100%; background: #fff; border-bottom: 1px solid #eee; padding-left: 0px !important; padding-right: 0px !important; } .header-area .main-nav .nav li a { height: 50px !important; line-height: 50px !important; padding: 0px !important; border: none !important; background: #f7f7f7 !important; color: #191a20 !important; } .header-area .main-nav .nav li a:hover { background: #eee !important; color: #f5a425 !important; } .header-area .main-nav .nav li.has-sub ul.sub-menu { position: relative; visibility: inherit; opacity: 1; z-index: 1; transform: translateY(0%); top: 0px; width: 100%; box-shadow: none; height: 0px; transition: all 0s; } .header-area .main-nav .nav li.submenu ul li a { font-size: 12px; font-weight: 400; } .header-area .main-nav .nav li.submenu ul li a:hover:before { width: 0px; } .header-area .main-nav .nav li.has-sub ul.sub-menu { height: auto; } .header-area .main-nav .nav li.has-sub:after { color: #3B566E; right: 30px; font-size: 14px; top: 15px; } .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul { height: 0px; } } @media (min-width: 991px) { .header-area .main-nav .nav { display: flex !important; } } @media (max-width: 440px) { .header-area .main-nav .logo { font-size: 19px; /* Burada istediğin font size’i yazabilirsin */ } .header-area .main-nav .menu-trigger { transform: scale(0.70); /* 0.7-0.85 aralığında deneyebilirsin */ transform-origin: right center; } } @media (max-width: 1200px) { .header-area .main-nav .logo { font-size: 20px; /* Burada istediğin font size’i yazabilirsin */ } .header-area .main-nav .menu-trigger { transform: scale(0.70); /* 0.7-0.85 aralığında deneyebilirsin */ transform-origin: right center; } } @media (max-width: 420px) { .header-area .main-nav .logo { font-size: 17px; /* Burada istediğin font size’i yazabilirsin */ } .header-area .main-nav .menu-trigger { transform: scale(0.70); /* 0.7-0.85 aralığında deneyebilirsin */ transform-origin: right center; } } @media (max-width: 375px) { .header-area .main-nav .logo { font-size: 16px; /* Burada istediğin font size’i yazabilirsin */ } .header-area .main-nav .menu-trigger { transform: scale(0.60); /* 0.7-0.85 aralığında deneyebilirsin */ transform-origin: right center; } } @media (max-width: 360px) { .header-area .main-nav .logo { font-size: 15px; /* Burada istediğin font size’i yazabilirsin */ } .header-area .main-nav .menu-trigger { transform: scale(0.60); /* 0.7-0.85 aralığında deneyebilirsin */ transform-origin: right center; } } @media (max-width: 350px) { .header-area .main-nav .logo { font-size: 14px; /* Burada istediğin font size’i yazabilirsin */ } .header-area .main-nav .menu-trigger { transform: scale(0.50); /* 0.7-0.85 aralığında deneyebilirsin */ transform-origin: right center; } } /* --------------------------------------------- banner --------------------------------------------- */ .main-banner { position: relative; max-height: 100%; overflow: hidden; margin-bottom: -7px; } #bg-video { min-width: 100%; min-height: 100vh; max-width: 100%; max-height: 100vh; object-fit: cover; z-index: -1; } #bg-video::-webkit-media-controls { display: none !important; } .video-overlay { position: absolute; background-color: rgba(31, 39, 43, 0.75); top: 0; left: 0; bottom: 0; right: 0; width: 100%; } .main-banner .caption { position: absolute; top: 50%; transform: translateY(-50%); } .main-banner .caption h6 { margin-top: 0px; font-size: 15px; text-transform: uppercase; font-weight: 600; color: #fff; letter-spacing: 1px; } .main-banner .caption h2 { margin-top: 20px; margin-bottom: 20px; font-size: 36px; text-transform: uppercase; font-weight: 800; color: #fff; letter-spacing: 1px; } .main-banner .caption h2 em { font-style: normal; color: #f5a425; font-weight: 900; } .main-banner .caption p { color: #fff; font-size: 14px; max-width: 570px; } .main-banner .caption .main-button-red { margin-top: 30px; } @media screen and (max-width: 767px) { .main-banner .caption h6 { font-weight: 500; } .main-banner .caption h2 { font-size: 36px; } } /* --------------------------------------------- services --------------------------------------------- */ .services { margin-top: -135px; position: absolute; width: 100%; } .services .item { background-image: url(../images/service-item-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 20px; text-align: center; color: #fff; padding: 40px; } @media (max-width: 768px) { section.apply-now { background-attachment: scroll; /* fixed yerine scroll */ } } .services .item .icon { max-width: 60px; margin: 0 auto; } .services .item h4 { margin-top: 25px; margin-bottom: 15px; font-size: 18px; font-weight: 600; } .services .item p { color: #fff; font-size: 13px; } .services .owl-nav { display: inline-block !important; text-align: center; position: absolute; width: 100%; top: 50%; transform: translateY(-25px); } .services .owl-nav .owl-prev { margin-right: 10px; outline: none; position: absolute; left: -80px; } .services .owl-nav .owl-prev span, .services .owl-nav .owl-next span { opacity: 0; } .services .owl-nav .owl-prev:before { display: inline-block; font-family: 'FontAwesome'; color: #1e1e1e; font-size: 25px; font-weight: 700; content: '\f104'; background-color: #fff; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; } .services .owl-nav .owl-prev { opacity: 1; transition: all .5s; } .services .owl-nav .owl-prev:hover { opacity: 0.9; } .services .owl-nav .owl-next { opacity: 1; transition: all .5s; } .services .owl-nav .owl-next:hover { opacity: 0.9; } .services .owl-nav .owl-next { margin-left: 10px; outline: none; position: absolute; right: -85px; } .services .owl-nav .owl-next:before { display: inline-block; font-family: 'FontAwesome'; color: #1e1e1e; font-size: 25px; font-weight: 700; content: '\f105'; background-color: #fff; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; } /* --------------------------------------------- upcoming meetings --------------------------------------------- */ section.upcoming-meetings { background-color: rgba(25, 30, 34, 1); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding-top: 360px; padding-bottom: 110px; } @media (max-width: 768px) { section.apply-now { background-attachment: scroll; /* fixed yerine scroll */ } } section.upcoming-meetings .section-heading { text-align: center; } section.upcoming-meetings .categories { background-color: #fff; border-radius: 20px; padding: 40px; margin-right: 45px; } section.upcoming-meetings .categories h4 { font-size: 18px; font-weight: 600; color: #1f272b; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee; } section.upcoming-meetings .categories ul li { display: inline-block; margin-bottom: 15px; } section.upcoming-meetings .categories ul li a { font-size: 15px; color: #1f272b; font-weight: 500; transition: all .3s; } section.upcoming-meetings .categories ul li a:hover { color: #a12c2f; } section.upcoming-meetings .categories .main-button-red { border-top: 1px solid #eee; padding-top: 30px; margin-top: 15px; } section.upcoming-meetings .categories .main-button-red a { width: 100%; text-align: center; } .upcoming-meetings .owl-nav { text-align: center; position: absolute; width: 100%; top: 50%; transform: translateY(-45px); } .upcoming-meetings .owl-dots { display: inline-block; text-align: center; width: 100%; margin-top: 40px; } .upcoming-meetings .owl-dots .owl-dot { transition: all .5s; width: 7px; height: 7px; background-color: #fff; margin: 0px 5px; border-radius: 50%; outline: none; } .upcoming-meetings .owl-dots .active { width: 24px; height: 8px; border-radius: 4px; } .upcoming-meetings .owl-nav .owl-prev { margin-right: 10px; outline: none; position: absolute; left: -80px; } .upcoming-meetings .owl-nav .owl-prev span, .upcoming-meetings .owl-nav .owl-next span { opacity: 0; } .upcoming-meetings .owl-nav .owl-prev:before { display: inline-block; font-family: 'FontAwesome'; color: #1e1e1e; font-size: 25px; font-weight: 700; content: '\f104'; background-color: #fff; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; } .upcoming-meetings .owl-nav .owl-prev { opacity: 1; transition: all .5s; } .upcoming-meetings .owl-nav .owl-prev:hover { opacity: 0.9; } .upcoming-meetings .owl-nav .owl-next { opacity: 1; transition: all .5s; } .upcoming-meetings .owl-nav .owl-next:hover { opacity: 0.9; } .upcoming-meetings .owl-nav .owl-next { margin-left: 10px; outline: none; position: absolute; right: -85px; } .upcoming-meetings .owl-nav .owl-next:before { display: inline-block; font-family: 'FontAwesome'; color: #1e1e1e; font-size: 25px; font-weight: 700; content: '\f105'; background-color: #fff; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; } .meeting-item { margin-bottom: 30px; } .meeting-item .thumb { position: relative; } .meeting-item .thumb img { border-top-right-radius: 20px; border-top-left-radius: 20px; } .meeting-item .thumb .price { position: absolute; left: 20px; top: 20px; } .meeting-item .thumb .price span { font-size: 16px; color: #1f272b; font-weight: 600; background-color: rgba(250, 250, 250, 0.9); padding: 7px 12px; border-radius: 10px; } .meeting-item .down-content { background-color: #fff; padding: 30px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .meeting-item .down-content .date { float: left; text-align: center; display: inline-block; margin-right: 20px; } .meeting-item .down-content .date h6 { font-size: 13px; text-transform: uppercase; font-weight: 600; color: #a12c2f; } .meeting-item .down-content .date span { display: block; color: #1f272b; font-size: 22px; margin-top: 7px; } .meeting-item .down-content h4 { font-size: 18px; color: #1f272b; font-weight: 600; display: inline-block; margin-bottom: 15px; } .meeting-item .down-content p { margin-left: 50px; color: #1f272b; font-size: 14px; } /* CZK Popup Modal Stilleri - Avukat Profili İçin */ .czk__modal-overlay--lawyer-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); display: flex; justify-content: center; align-items: center; z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .czk__modal-overlay--lawyer-popup.czk__modal--active { opacity: 1; visibility: visible; } .czk__modal-container--lawyer-profile { background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); padding: 0; border-radius: 25px; max-width: 650px; width: 95%; position: relative; transform: scale(0.7) translateY(50px); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3); overflow: hidden; } .czk__modal-overlay--lawyer-popup.czk__modal--active .czk__modal-container--lawyer-profile { transform: scale(1) translateY(0); } .czk__modal-header--lawyer-profile { background: linear-gradient(135deg, #a12c2f 0%, #a12c2f 100%); color: white; padding: 30px; text-align: center; position: relative; } .czk__modal-close-btn--lawyer { position: absolute; top: 15px; right: 15px; background: rgba(255, 255, 255, 0.2); border: none; color: white; font-size: 1.8em; cursor: pointer; width: 45px; height: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } .czk__modal-close-btn--lawyer:hover { background: rgba(255, 255, 255, 0.3); transform: rotate(90deg); } .czk__modal-lawyer-image { width: 120px; height: 120px; border-radius: 50%; border: 5px solid rgba(255, 255, 255, 0.3); object-fit: cover; margin-bottom: 15px; } .czk__modal-lawyer-name { font-size: 2em; font-weight: 700; margin-bottom: 8px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .czk__modal-lawyer-title { font-size: 1.1em; opacity: 0.9; font-weight: 500; } .czk__modal-body--lawyer-info { padding: 40px; } .czk__modal-specialties-title { color: #333; font-size: 1.3em; font-weight: 600; margin-bottom: 20px; text-align: center; position: relative; } .czk__modal-specialties-title:after { content: ''; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background: linear-gradient(45deg, #a12c2f, #a12c2f); border-radius: 2px; } .czk__modal-specialties-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 30px; } .czk__modal-specialty-item { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 15px 20px; border-radius: 15px; text-align: center; border-left: 4px solid #a12c2f; transition: all 0.3s ease; } .czk__modal-specialty-item:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(161, 44, 47, 0.15); } .czk__modal-specialty-text { color: #495057; font-weight: 600; font-size: 0.95em; } .czk__modal-lawyer-bio { background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%); padding: 25px; border-radius: 15px; border: 1px solid #e9ecef; margin-bottom: 25px; } .czk__modal-bio-title { color: #333; font-size: 1.1em; font-weight: 600; margin-bottom: 12px; } .czk__modal-bio-text { color: #666; line-height: 1.6; font-size: 0.95em; } .czk__modal-footer--lawyer-actions { text-align: center; padding: 20px 40px 40px; } .czk__modal-btn--lawyer-contact { background: linear-gradient(45deg, #a12c2f, #a12c2f); color: white; border: none; padding: 15px 35px; border-radius: 30px; cursor: pointer; font-size: 1.1em; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 8px 20px rgba(161, 44, 47, 0.3); } .czk__modal-btn--lawyer-contact:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(161, 44, 47, 0.4); } /* Responsive Design - Mobil Optimizasyonu */ @media (max-width: 768px) { .czk__modal-container--lawyer-profile { width: calc(100vw - 50px); max-width: 400px; margin: 25px auto; max-height: 85vh; height: auto; display: flex; flex-direction: column; overflow: hidden; } .czk__modal-header--lawyer-profile { padding: 20px 15px; flex-shrink: 0; max-height: 200px; } .czk__modal-lawyer-image { width: 80px; height: 80px; } .czk__modal-lawyer-name { font-size: 1.3em; line-height: 1.2; word-wrap: break-word; margin-bottom: 5px; } .czk__modal-lawyer-title { font-size: 0.9em; } .czk__modal-body--lawyer-info { padding: 15px; flex: 1; overflow-y: auto; min-height: 0; } .czk__modal-lawyer-bio { padding: 15px; margin-bottom: 15px; max-height: none; } .czk__modal-bio-text { font-size: 0.85em; line-height: 1.4; text-align: justify; hyphens: auto; word-wrap: break-word; overflow-wrap: break-word; } .czk__modal-specialties-title { font-size: 1.1em; margin-bottom: 12px; } .czk__modal-specialties-list { grid-template-columns: 1fr; gap: 8px; } .czk__modal-specialty-item { padding: 10px 12px; } .czk__modal-specialty-text { font-size: 0.85em; } .czk__modal-footer--lawyer-actions { padding: 15px; flex-shrink: 0; border-top: 1px solid #e9ecef; } .czk__modal-btn--lawyer-contact { width: 100%; padding: 12px 20px; font-size: 1em; } } /* Ekstra küçük ekranlar */ @media (max-width: 480px) { .czk__modal-container--lawyer-profile { width: calc(100vw - 40px); max-width: 350px; margin: 20px auto; max-height: 90vh; border-radius: 15px; } .czk__modal-header--lawyer-profile { padding: 15px 12px; max-height: 160px; } .czk__modal-lawyer-image { width: 70px; height: 70px; } .czk__modal-lawyer-name { font-size: 1.2em; margin-bottom: 3px; } .czk__modal-lawyer-title { font-size: 0.8em; } .czk__modal-body--lawyer-info { padding: 12px; } .czk__modal-lawyer-bio { padding: 12px; margin-bottom: 12px; } .czk__modal-bio-text { font-size: 0.8em; line-height: 1.3; } .czk__modal-specialties-list { gap: 6px; } .czk__modal-specialty-item { padding: 8px 10px; } .czk__modal-specialty-text { font-size: 0.8em; } .czk__modal-close-btn--lawyer { width: 35px; height: 35px; font-size: 1.4em; top: 8px; right: 8px; } .czk__modal-footer--lawyer-actions { padding: 12px; } } /* Ekstra ekstra küçük ekranlar (iPhone SE vb.) */ @media (max-width: 375px) { .czk__modal-container--lawyer-profile { width: calc(100vw - 30px); max-height: 92vh; margin: 15px auto; } .czk__modal-header--lawyer-profile { padding: 12px 10px; max-height: 140px; } .czk__modal-lawyer-image { width: 60px; height: 60px; } .czk__modal-lawyer-name { font-size: 1.1em; } .czk__modal-body--lawyer-info { padding: 10px; } .czk__modal-lawyer-bio { padding: 10px; } .czk__modal-bio-text { font-size: 0.75em; } .czk__modal-specialty-text { font-size: 0.75em; } } /* Scroll bar styling for mobile */ @media (max-width: 768px) { .czk__modal-body--lawyer-info::-webkit-scrollbar { width: 6px; } .czk__modal-body--lawyer-info::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 3px; } .czk__modal-body--lawyer-info::-webkit-scrollbar-thumb { background: #a12c2f; border-radius: 3px; } .czk__modal-body--lawyer-info::-webkit-scrollbar-thumb:hover { background: #8a252a; } } /* --------------------------------------------- apply now --------------------------------------------- */ section.apply-now { background-image: url(../images/apply-bg.jpg); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: 140px 0px; } /* Mobilde düzeltme */ @media (max-width: 768px) { section.apply-now { background-attachment: scroll; /* fixed yerine scroll */ } } section.apply-now .item { background-color: rgba(250, 250, 250, 0.15); padding: 40px; margin-bottom: 30px; } section.apply-now .item h3 { color: #fff; text-transform: uppercase; font-size: 24px; font-weight: 700; margin-bottom: 20px; } section.apply-now .item p { color: #fff; margin-bottom: 20px; } section.top-section .accordions { border-radius: 5px; padding: 50px 40px; background-color: #fff; margin-left: 30px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } .accordions { border-radius: 20px; padding: 40px; background-color: #fff; margin-left: 45px; } .accordions .accordion { border-bottom: 1px solid #eee; } .accordions .last-accordion { border-bottom: none; } .accordion-head { padding: 20px; font-size: 18px; font-weight: 700; color: #1f272b; cursor: pointer; transition: color 200ms ease-in-out; border-bottom: 1px solid #fff; } @media screen and (min-width: 768px) { .accordion-head { padding: 1rem; font-size: 1.2rem; } } .accordion-head .icon { float: right; transition: transform 200ms ease-in-out; } .accordion-head.is-open { color: #f5a425; border-bottom: none; } .accordion-head.is-open .icon { transform: rotate(45deg); } .accordion-body { padding: 0px; overflow: hidden; height: 0; transition: height 300ms ease-in-out; border-bottom: 1px solid #fff; } .accordion-body>.content { padding: 20px; padding-top: 0; } /* --------------------------------------------- courses --------------------------------------------- */ section.our-courses { background-color: rgba(25, 30, 34, 1); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding-top: 140px; padding-bottom: 30px; } .our-courses .item .down-content { background-color: #fff; } .our-courses .item .down-content h4 { padding: 25px; font-size: 18px; color: #1f272b; text-align: center; border-bottom: 1px solid #eee; } .our-courses .item .down-content .info { padding: 25px; } .our-courses .item .down-content .info ul li { display: inline-block; margin-right: 1px; } .our-courses .item .down-content .info ul li i { color: #f5a425; font-size: 14px; } .our-courses .item .down-content .info span { color: #a12c2f; font-size: 15px; font-weight: 600; text-align: right; display: inline-block; width: 100%; } .our-courses .owl-nav { text-align: center; position: absolute; width: 100%; top: 50%; transform: translateY(-45px); } .our-courses .owl-dots { display: inline-block; text-align: center; width: 100%; margin-top: 40px; } .our-courses .owl-dots .owl-dot { transition: all .5s; width: 7px; height: 7px; background-color: #fff; margin: 0px 5px; border-radius: 50%; outline: none; } .our-courses .owl-dots .active { width: 24px; height: 8px; border-radius: 4px; } .our-courses .owl-nav .owl-prev { margin-right: 10px; outline: none; position: absolute; left: -80px; } .our-courses .owl-nav .owl-prev span, .our-courses .owl-nav .owl-next span { opacity: 0; } .our-courses .owl-nav .owl-prev:before { display: inline-block; font-family: 'FontAwesome'; color: #1e1e1e; font-size: 25px; font-weight: 700; content: '\f104'; background-color: #fff; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; } .our-courses .owl-nav .owl-prev { opacity: 1; transition: all .5s; } .our-courses .owl-nav .owl-prev:hover { opacity: 0.9; } .our-courses .owl-nav .owl-next { opacity: 1; transition: all .5s; } .our-courses .owl-nav .owl-next:hover { opacity: 0.9; } .our-courses .owl-nav .owl-next { margin-left: 10px; outline: none; position: absolute; right: -85px; } .our-courses .owl-nav .owl-next:before { display: inline-block; font-family: 'FontAwesome'; color: #1e1e1e; font-size: 25px; font-weight: 700; content: '\f105'; background-color: #fff; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; } /* --------------------------------------------- our facts --------------------------------------------- */ section.our-facts { background-image: url(../images/sayisal-arka.jpg); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: 140px 0px 125px 0px; } section.our-facts h2 { font-size: 38px; color: #fff; line-height: 50px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 50px; } .count-area-content { text-align: center; background-color: rgba(250, 250, 250, 0.15); border-radius: 20px; padding: 25px 30px 35px 30px; margin: 15px 0px; } .percentage .count-digit:after { content: '%'; margin-left: 3px; } .count-digit { margin: 5px 0px; color: #f5a425; font-weight: 700; font-size: 36px; } .count-title { font-size: 18px; font-weight: 500; color: #fff; letter-spacing: 0.5px; } .new-students { margin-top: 45px; } section.our-facts .video { text-align: center; margin-left: 70px; background-image: url(../images/video-item-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 20px; } section.our-facts .video img { padding: 170px 0px; max-width: 56px; } /* --------------------------------------------- contact us --------------------------------------------- */ section.contact-us { background-color: rgba(25, 30, 34, 1); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: 140px 0px 0px 0px; } section.contact-us #contact { background-color: #fff; border-radius: 20px; padding: 40px; } section.contact-us #contact h2 { text-transform: uppercase; color: #1f272b; border-bottom: 1px solid #eee; margin-bottom: 40px; padding-bottom: 20px; font-size: 22px; font-weight: 700; } section.contact-us #contact input { width: 100%; height: 40px; border-radius: 20px; background-color: #f7f7f7; outline: none; border: none; box-shadow: none; font-size: 13px; font-weight: 500; color: #7a7a7a; padding: 0px 15px; margin-bottom: 30px; } section.contact-us #contact textarea { width: 100%; min-height: 140px; max-height: 180px; border-radius: 20px; background-color: #f7f7f7; outline: none; border: none; box-shadow: none; font-size: 13px; font-weight: 500; color: #7a7a7a; padding: 15px; margin-bottom: 30px; } section.contact-us #contact button { font-size: 13px; color: #fff; background-color: #a12c2f; padding: 12px 30px; display: inline-block; border-radius: 22px; font-weight: 500; text-transform: uppercase; transition: all .3s; border: none; outline: none; } section.contact-us #contact button:hover { opacity: 0.9; } section.contact-us .right-info { background-color: #a12c2f; border-radius: 20px; padding: 40px; } section.contact-us .right-info ul li { display: inline-block; border-bottom: 1px solid rgba(250, 250, 250, 0.15); margin-bottom: 30px; margin-right: 40px; padding-bottom: 30px; } section.contact-us .right-info ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } section.contact-us .right-info ul li h6 { color: #fff; font-size: 15px; font-weight: 600; margin-bottom: 10px; } section.contact-us .right-info ul li span { display: block; font-size: 18px; color: #fff; font-weight: 700; } .footer { text-align: center; margin-top: 140px; border-top: 1px solid rgba(250, 250, 250, 0.15); padding: 50px 0px; } .footer p { text-transform: uppercase; font-size: 14px; color: #fff; } .footer p a { color: #f5a425; } /* --------------------------------------------- heading page --------------------------------------------- */ section.heading-page { background-image: url(../images/kadro-arka.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 230px; padding-bottom: 110px; text-align: center; } section.heading-page h6 { margin-top: 0px; font-size: 15px; text-transform: uppercase; font-weight: 600; color: #fff; letter-spacing: 1px; } section.heading-page h2 { margin-top: 20px; margin-bottom: 20px; font-size: 36px; text-transform: uppercase; font-weight: 800; color: #fff; letter-spacing: 1px; } /* --------------------------------------------- upcoming meetings page --------------------------------------------- */ section.meetings-page { background-color: rgba(25, 30, 34, 1); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding-top: 140px; padding-bottom: 0px; } section.meetings-page .filters { text-align: center; margin-bottom: 60px; } section.meetings-page .filters li { font-size: 13px; color: #a12c2f; background-color: #fff; padding: 11px 30px; display: inline-block; border-radius: 22px; font-weight: 600; text-transform: uppercase; transition: all .3s; cursor: pointer; margin: 0px 3px; } section.meetings-page .filters ul li.active, section.meetings-page .filters ul li:hover { background-color: #a12c2f; color: #fff; } section.meetings-page .pagination { text-align: center; width: 100%; margin-top: 30px; display: inline-block; } section.meetings-page .pagination ul li { display: inline-block; } section.meetings-page .pagination ul li a { width: 40px; height: 40px; background-color: #fff; border-radius: 10px; color: #1f272b; display: inline-block; text-align: center; line-height: 40px; font-weight: 600; font-size: 15px; transition: all .3s; } section.meetings-page .main-button-red { text-align: center; } section.meetings-page .main-button-red a { padding: 12px 60px; text-align: center; margin-top: 30px; } section.meetings-page .pagination ul li.active a, section.meetings-page .pagination ul li a:hover { background-color: #a12c2f; color: #fff; } .meeting-single-item .thumb { position: relative; } .meeting-single-item .thumb img { border-top-right-radius: 20px; border-top-left-radius: 20px; } .meeting-single-item .thumb .price { position: absolute; left: 20px; top: 20px; } .meeting-single-item .thumb .price span { font-size: 16px; color: #1f272b; font-weight: 600; background-color: rgba(250, 250, 250, 0.9); padding: 7px 12px; border-radius: 10px; } .meeting-single-item .down-content { background-color: #fff; padding: 40px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .meeting-single-item .thumb .date { position: absolute; background-color: rgba(250, 250, 250, 0.9); width: 80px; height: 80px; text-align: center; padding: 15px 0px; border-radius: 10px; right: 20px; top: 20px; } .meeting-single-item .thumb .date h6 { font-size: 13px; text-transform: uppercase; font-weight: 600; color: #a12c2f; } .meeting-single-item .thumb .date span { display: block; color: #1f272b; font-size: 22px; margin-top: 7px; } .meeting-single-item .down-content h4 { font-size: 22px; color: #1f272b; font-weight: 600; display: inline-block; margin-bottom: 15px; } .meeting-single-item .down-content h5 { font-size: 18px; color: #1f272b; font-weight: 700; display: inline-block; margin-bottom: 15px; } .meeting-single-item .down-content p { color: #1f272b; font-size: 14px; } .meeting-single-item .down-content p.description { margin-top: 40px; padding-top: 40px; border-top: 1px solid #eee; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #eee; } .meeting-single-item .down-content .share { margin-top: 40px; padding-top: 40px; border-top: 1px solid #eee; } .meeting-single-item .down-content .share h5 { float: left; margin-right: 10px; margin-bottom: 0px; } .meeting-single-item .down-content .share ul li { display: inline; } .meeting-single-item .down-content .share ul li a { font-size: 14px; color: #1f272b; transition: all .3s; } .meeting-single-item .down-content .share ul li a:hover { color: #f5a425; } /* Meeting item column */ .templatemo-item-col { width: 31%; } @media (max-width: 992px) { .templatemo-item-col { width: 45%; } } @media (max-width: 767px) { .templatemo-item-col { width: 100%; } } /* calisma alani column */ .calisma-alani-col { width: 50%; } @media (max-width: 992px) { .calisma-alani-col { width: 100%; } } @media (max-width: 767px) { .calisma-alani-col { width: 100%; } } /* --------------------------------------------- responsive --------------------------------------------- */ @media (max-width: 1300px) { .services .owl-nav .owl-next { right: -30px; } .services .owl-nav .owl-prev { left: -25px; } .our-courses .owl-nav .owl-next { right: -30px; } .our-courses .owl-nav .owl-prev { left: -25px; } } @media (max-width: 1200px) { .services .owl-nav .owl-next { right: -70px; } .services .owl-nav .owl-prev { left: -65px; } .our-courses .owl-nav .owl-next { right: -70px; } .our-courses .owl-nav .owl-prev { left: -65px; } } @media (max-width: 1085px) { .services .owl-nav .owl-next { right: -30px; } .services .owl-nav .owl-prev { left: -25px; } .our-courses .owl-nav .owl-next { right: -30px; } .our-courses .owl-nav .owl-prev { left: -25px; } } @media (max-width: 1005px) { .services .owl-nav .owl-next { display: none; } .services .owl-nav .owl-prev { display: none; } .our-courses .owl-nav .owl-next { display: none; } .our-courses .owl-nav .owl-prev { display: none; } } @media (max-width: 992px) { .main-banner .caption { top: 60%; } .main-banner .caption h2 { margin-top: 10px; margin-bottom: 10px; font-size: 22px; } .main-banner .caption .main-button-red { margin-top: 15px; } .services { margin-top: 60px; } section.upcoming-meetings { padding-top: 400px; } section.upcoming-meetings .categories { margin-right: 0px; margin-bottom: 30px; } .accordions { margin-left: 0px; } .new-students { margin-top: 15px; } section.our-facts .video { margin-left: 0px; margin-top: 15px; } section.contact-us #contact { margin-bottom: 30px; } } @media (max-width: 767px) { .sub-header .left-content p { display: none; } .sub-header .right-icons { text-align: center; } .main-nav .nav .sub-menu { display: none; } .header-area .main-nav .nav li ul.sub-menu li a { color: #1f272b; } } /* Genel Yüzen Buton Stili */ .whatsapp-float { position: fixed; /* Sabit konum */ bottom: 20px; /* Alt kenardan uzaklık */ left: 20px; /* Sol kenardan uzaklık */ z-index: 1000; /* Üstte görünsün */ background-color: #25D366; /* WhatsApp yeşili */ border-radius: 50%; /* Daire şekli */ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Gölge */ padding: 10px; display: flex; justify-content: center; align-items: center; text-decoration: none; transition: all 0.3s ease; /* Hover geçiş efekti */ } /* Mobil Görünüm Ayarları */ @media (max-width: 768px) { .whatsapp-float { width: 60px; /* Mobilde buton boyutunu büyüt */ height: 60px; bottom: 10px; /* Alt kenardan daha yakın */ left: 10px; /* Sol kenardan daha yakın */ } .whatsapp-float img { width: 40px; /* WhatsApp logosunu ayarla */ height: 40px; } } /* Hover Efekt */ .whatsapp-float:hover { background-color: #1eb857; /* Daha koyu yeşil */ box-shadow: 0 6px 8px rgba(0, 0, 0, 0.4); /* Hover gölgesi */ } /* Genel Yüzen Buton Stili - Google Translate */ .translate-float { position: fixed; /* Sabit konum */ bottom: 20px; /* Alt kenardan uzaklık */ right: 20px; /* Sağ kenardan uzaklık */ z-index: 1000; /* Üstte görünsün */ background-color: #4285F4; /* Google mavi tonu */ border-radius: 50%; /* Daire şekli */ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Gölge */ padding: 12px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s ease; /* Hover geçiş efekti */ } /* Floating buton */ .translate-float { position: fixed; bottom: 20px; right: 20px; z-index: 1000; background-color: #4285F4; /* Google mavi */ border-radius: 50%; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s ease; } .translate-float img { width: 32px; height: 32px; } /* Hover efekti */ .translate-float:hover { background-color: #3367D6; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); transform: scale(1.1); } /* Dil kutusu (başta gizli) */ #translate-options { display: none; position: fixed; bottom: 90px; /* butonun üstünde çıksın */ right: 20px; background: #fff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); padding: 10px; z-index: 1000; } /* Dil butonları */ #translate-options button { background: #4285F4; color: #fff; border: none; margin: 5px; padding: 8px 12px; border-radius: 5px; cursor: pointer; transition: 0.2s; } #translate-options button:hover { background: #3367D6; } /* --------------------------------------------- hakkımızda page --------------------------------------------- */ section.hakkimizda-bas { background-image: url(../images/apply-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 230px; padding-bottom: 110px; text-align: center; } section.hakkimizda-bas h6 { margin-top: 0px; font-size: 15px; text-transform: uppercase; font-weight: 600; color: #fff; letter-spacing: 1px; } section.hakkimizda-bas h2 { margin-top: 20px; margin-bottom: 20px; font-size: 36px; text-transform: uppercase; font-weight: 800; color: #fff; letter-spacing: 1px; } section.hakkimizda-bas h5 { margin-top: 20px; margin-bottom: 20px; font-size: 36px; text-transform: uppercase; font-weight: 800; color: #fff; letter-spacing: 1px; } /* --------------------------------------------- hakkimizda page --------------------------------------------- */ section.hakkimizda-page { background-color: rgba(25, 30, 34, 1); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding-top: 140px; padding-bottom: 0px; } section.hakkimizda-page .filters { text-align: center; margin-bottom: 60px; } section.hakkimizda-page .filters li { font-size: 13px; color: #a12c2f; background-color: #fff; padding: 11px 30px; display: inline-block; border-radius: 22px; font-weight: 600; text-transform: uppercase; transition: all .3s; cursor: pointer; margin: 0px 3px; } section.hakkimizda-page .filters ul li.active, section.hakkimizda-page .filters ul li:hover { background-color: #a12c2f; color: #fff; } section.hakkimizda-page .pagination { text-align: center; width: 100%; margin-top: 30px; display: inline-block; } section.hakkimizda-page .pagination ul li { display: inline-block; } section.hakkimizda-page .pagination ul li a { width: 40px; height: 40px; background-color: #fff; border-radius: 10px; color: #1f272b; display: inline-block; line-height: 40px; font-weight: 600; font-size: 15px; transition: all .3s; } section.hakkimizda-page .main-button-red { text-align: center; } section.hakkimizda-page .main-button-red a { padding: 12px 60px; text-align: center; margin-top: 30px; } section.hakkimizda-page .pagination ul li.active a, section.hakkimizda-page .pagination ul li a:hover { background-color: #a12c2f; color: #fff; } .hakkimizda-single-item .thumb { position: relative; } .hakkimizda-single-item .thumb img { border-top-right-radius: 20px; border-top-left-radius: 20px; } .hakkimizda-single-item .thumb .price { position: absolute; left: 20px; top: 20px; } .hakkimizda-single-item .thumb .price span { font-size: 16px; color: #1f272b; font-weight: 600; background-color: rgba(250, 250, 250, 0.9); padding: 7px 12px; border-radius: 10px; } .hakkimizda-single-item .down-content { background-color: #fff; padding: 40px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-top-left-radius: 20px; } .hakkimizda-single-item .thumb .date { position: absolute; background-color: rgba(250, 250, 250, 0.9); width: 80px; height: 80px; padding: 15px 0px; border-radius: 10px; right: 20px; top: 20px; } .hakkimizda-single-item .thumb .date h6 { font-size: 13px; text-transform: uppercase; font-weight: 600; color: #a12c2f; } .hakkimizda-single-item .thumb .date span { display: block; color: #1f272b; font-size: 22px; margin-top: 7px; } .hakkimizda-single-item .down-content h4 { font-size: 22px; color: #1f272b; font-weight: 600; display: inline-block; margin-bottom: 15px; } .hakkimizda-single-item .down-content h5 { font-size: 18px; color: #1f272b; font-weight: 700; text-align: center; display: block; margin-bottom: 15px; } .hakkimizda-single-item .down-content p { color: #1f272b; font-size: 14px; } .hakkimizda-single-item .down-content p.description { margin-top: 40px; padding-top: 40px; border-top: 1px solid #eee; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #eee; } .hakkimizda-single-item .down-content .share { margin-top: 40px; padding-top: 40px; border-top: 1px solid #eee; } .hakkimizda-single-item .down-content .share h5 { float: left; margin-right: 10px; margin-bottom: 0px; } .hakkimizda-single-item .down-content .share ul li { display: inline; } .hakkimizda-single-item .down-content .share ul li a { font-size: 14px; color: #1f272b; transition: all .3s; } .hakkimizda-single-item .down-content .share ul li a:hover { color: #f5a425; } .main-button-red a { display: block; width: fit-content; margin: 0 auto; } /* Popup arkaplan */ .popup { display: none; /* Başta kapalı */ position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); } /* İçerik kutusu */ .popup-content { background: #fff; margin: 5% auto; padding: 20px; border-radius: 10px; width: 60%; max-width: 600px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); text-align: center; } /* Resim ayarı */ .popup-content img { max-width: 100%; border-radius: 8px; margin-bottom: 15px; } /* Kapatma butonu */ .close { position: absolute; right: 25px; top: 15px; font-size: 30px; font-weight: bold; color: #333; cursor: pointer; } .czk__law-service-card { background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); padding: 20px; text-align: center; cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden; max-width: 300px; } .czk__law-service-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.6s ease; } .czk__law-service-card:hover::before { left: 100%; } .czk__law-service-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); } .czk__law-service-card img { width: 100%; height: 200px; object-fit: cover; border-radius: 10px; margin-bottom: 15px; } .czk__law-service-content h4 { color: #333; font-size: 1.5em; font-weight: 600; margin-bottom: 10px; } .czk__law-service-card:hover h4 { color: #9c2b2e; } /* CZK Popup Modal Stilleri - Çakışma önleme için özel prefix */ .czk__modal-overlay--law-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); backdrop-filter: blur(5px); display: flex; justify-content: center; align-items: center; z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .czk__modal-overlay--law-popup.czk__modal--active { opacity: 1; visibility: visible; } .czk__modal-container--law-info { background: white; padding: 30px; border-radius: 20px; max-width: 500px; width: 90%; position: relative; transform: scale(0.7); transition: transform 0.3s ease; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25); } .czk__modal-overlay--law-popup.czk__modal--active .czk__modal-container--law-info { transform: scale(1); } .czk__modal-header--law-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #f0f0f0; } .czk__modal-title--law-service { color: #333; font-size: 1.8em; font-weight: 700; margin: 0; } .czk__modal-close-btn--law { background: none; border: none; font-size: 2em; cursor: pointer; color: #999; transition: color 0.3s ease; padding: 0; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: all 0.3s ease; } .czk__modal-close-btn--law:hover { color: #ff4757; background-color: #ffe5e8; transform: rotate(90deg); } .czk__modal-description--law-text { color: #666; line-height: 1.6; font-size: 1.1em; margin-bottom: 20px; } .czk__modal-features--law-list { list-style: none; margin-bottom: 20px; } .czk__modal-features--law-list li { padding: 8px 0; border-bottom: 1px solid #f0f0f0; position: relative; padding-left: 25px; } .czk__modal-features--law-list li::before { content: '✓'; position: absolute; left: 0; color: #28a745; font-weight: bold; } .czk__modal-features--law-list li:last-child { border-bottom: none; } .czk__modal-footer--law-actions { text-align: center; padding-top: 15px; border-top: 2px solid #f0f0f0; } .czk__modal-btn--law-confirm { background: linear-gradient(45deg, #9c2b2e, #9c2b2e); color: white; border: none; padding: 12px 25px; border-radius: 25px; cursor: pointer; font-size: 1em; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(161, 44, 47, 0.3); } .czk__modal-btn--law-confirm:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(161, 44, 47, 0.4); } /* CZK Responsive Design - Mobil uyumluluk */ @media (max-width: 768px) { .czk__modal-container--law-info { width: 95%; padding: 20px; margin: 20px; } .czk__modal-title--law-service { font-size: 1.5em; } } /* CZK Responsive Design - Mobil uyumluluk */ @media (max-width: 768px) { .czk__modal-overlay--law-popup { padding: 10px; align-items: center; justify-content: center; } .czk__modal-container--law-info { width: calc(100vw - 20px); max-width: 95%; padding: 20px; margin: 0; box-sizing: border-box; max-height: 90vh; overflow-y: auto; } .czk__modal-title--law-service { font-size: 1.4em; line-height: 1.3; } .czk__modal-description--law-text { font-size: 1em; line-height: 1.5; } .czk__modal-features--law-list { font-size: 0.95em; } } /* Ekstra küçük ekranlar için */ @media (max-width: 480px) { .czk__modal-container--law-info { width: calc(100vw - 10px); padding: 15px; border-radius: 15px; } .czk__modal-title--law-service { font-size: 1.2em; } .czk__modal-close-btn--law { width: 35px; height: 35px; font-size: 1.5em; } } /* Owl Carousel container'ını ortalama */ @media (max-width: 768px) { .our-courses .owl-carousel { text-align: center; } .our-courses .owl-stage-outer { overflow: visible !important; } .our-courses .owl-stage { display: flex !important; justify-content: center !important; align-items: center !important; } .our-courses .owl-item { display: flex !important; justify-content: center !important; align-items: center !important; } /* CZK kartlarını ortalama */ .our-courses .czk__law-service-card { margin: 0 auto !important; display: block !important; } } /* Ekstra küçük ekranlar için */ @media (max-width: 480px) { .our-courses .czk__law-service-card { max-width: 280px; margin: 0 auto !important; } .our-courses .owl-item { text-align: center; } .our-courses .container { padding-left: 15px; padding-right: 15px; } } button { background-color: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; color: inherit !important; cursor: pointer; /* işte bunlar hizalama için kritik */ padding: 0; margin: 0; line-height: 1; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; } /* Floating arama (telefon) butonu */ .call-button { position: fixed; bottom: 20px; left: 20px; /* konumu: ekranın sağ alt köşesi */ z-index: 1000; background-color: #34A853; /* Google yeşili */ border-radius: 50%; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; text-decoration: none; transition: all 0.3s ease; } /* Telefon ikonu boyutu */ .call-button img { width: 30px; height: 30px; filter: invert(1); /* ikonun rengini beyaza çevirir */ } /* Hover efekti */ .call-button:hover { background-color: #2C8C46; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); transform: scale(1.1); }