Vakum Pompası Arızalarına Hızlı Çözüm | Atlas Pompa/title> <meta name="description" itemprop="description" content="Atlas Pompa ile endüstriyel ihtiyaçlarınıza uygun yüksek performanslı vakum pompaları. Güvenilir, verimli ve uzun ömürlü vakum çözümleri için hemen keşfedin!"> <meta name="robots" content="index, follow"> <link rel="shortcut icon" href="upload/favicon.png" type="image/x-icon"> <link rel="canonical" href="https://atlaspompa.com/ic-disli-pompalar5-en.html"> <meta name="HandheldFriendly" content="true"> <meta name="MobileOptimized" content="320"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">   <meta name="theme-color" content="#222222"> <meta name="msapplication-navbutton-color" content="#222222"> <meta name="apple-mobile-web-app-status-bar-style" content="#222222"> <style type="text/css"> /*! 11. rs-plugin/css/settings.css - 5.4.5 */ #debungcontrolls, .debugtimeline { width: 100%; box-sizing: border-box } .rev_column, .rev_column .tp-parallax-wrap, .tp-svg-layer svg { vertical-align: top } #debungcontrolls { z-index: 100000; position: fixed; bottom: 0; height: auto; background: rgba(0, 0, 0, .6); padding: 10px } .debugtimeline { height: 10px; position: relative; margin-bottom: 3px; display: none; white-space: nowrap } .debugtimeline:hover { height: 15px } .the_timeline_tester { background: #e74c3c; position: absolute; top: 0; left: 0; height: 100%; width: 0 } .rs-go-fullscreen { position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; z-index: 9999999 !important; background: #fff !important } .debugtimeline.tl_slide .the_timeline_tester { background: #f39c12 } .debugtimeline.tl_frame .the_timeline_tester { background: #3498db } .debugtimline_txt { color: #fff; font-weight: 400; font-size: 7px; position: absolute; left: 10px; top: 0; white-space: nowrap; line-height: 10px } .rtl { direction: rtl } @font-face { font-family: revicons; src: url(outsource/genel/plugins/rev/revolution/fonts/revicons/revicons.eot); src: url(outsource/genel/plugins/rev/revolution/fonts/revicons/revicons.eot) format('embedded-opentype'), url(outsource/genel/plugins/rev/revolution/fonts/revicons/revicons.woff) format('woff'), url(outsource/genel/plugins/rev/revolution/fonts/revicons/revicons.ttf) format('truetype'), url(outsource/genel/plugins/rev/revolution/fonts/revicons/revicons.svg) format('svg'); font-weight: 400; font-style: normal } [class*=" revicon-"]:before, [class^=revicon-]:before { font-family: revicons; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em } .revicon-search-1:before { content: '\e802' } .revicon-pencil-1:before { content: '\e831' } .revicon-picture-1:before { content: '\e803' } .revicon-cancel:before { content: '\e80a' } .revicon-info-circled:before { content: '\e80f' } .revicon-trash:before { content: '\e801' } .revicon-left-dir:before { content: '\e817' } .revicon-right-dir:before { content: '\e818' } .revicon-down-open:before { content: '\e83b' } .revicon-left-open:before { content: '\e819' } .revicon-right-open:before { content: '\e81a' } .revicon-angle-left:before { content: '\e820' } .revicon-angle-right:before { content: '\e81d' } .revicon-left-big:before { content: '\e81f' } .revicon-right-big:before { content: '\e81e' } .revicon-magic:before { content: '\e807' } .revicon-picture:before { content: '\e800' } .revicon-export:before { content: '\e80b' } .revicon-cog:before { content: '\e832' } .revicon-login:before { content: '\e833' } .revicon-logout:before { content: '\e834' } .revicon-video:before { content: '\e805' } .revicon-arrow-combo:before { content: '\e827' } .revicon-left-open-1:before { content: '\e82a' } .revicon-right-open-1:before { content: '\e82b' } .revicon-left-open-mini:before { content: '\e822' } .revicon-right-open-mini:before { content: '\e823' } .revicon-left-open-big:before { content: '\e824' } .revicon-right-open-big:before { content: '\e825' } .revicon-left:before { content: '\e836' } .revicon-right:before { content: '\e826' } .revicon-ccw:before { content: '\e808' } .revicon-arrows-ccw:before { content: '\e806' } .revicon-palette:before { content: '\e829' } .revicon-list-add:before { content: '\e80c' } .revicon-doc:before { content: '\e809' } .revicon-left-open-outline:before { content: '\e82e' } .revicon-left-open-2:before { content: '\e82c' } .revicon-right-open-outline:before { content: '\e82f' } .revicon-right-open-2:before { content: '\e82d' } .revicon-equalizer:before { content: '\e83a' } .revicon-layers-alt:before { content: '\e804' } .revicon-popup:before { content: '\e828' } .rev_slider_wrapper { position: relative; z-index: 0; width: 100% } .rev_slider { position: relative; overflow: visible } .entry-content .rev_slider a, .rev_slider a { box-shadow: none } .tp-overflow-hidden { overflow: hidden !important } .group_ov_hidden { overflow: hidden } .rev_slider img, .tp-simpleresponsive img { max-width: none !important; transition: none; margin: 0; padding: 0; border: none } .rev_slider .no-slides-text { font-weight: 700; text-align: center; padding-top: 80px } .rev_slider>ul, .rev_slider>ul>li, .rev_slider>ul>li:before, .rev_slider_wrapper>ul, .tp-revslider-mainul>li, .tp-revslider-mainul>li:before, .tp-simpleresponsive>ul, .tp-simpleresponsive>ul>li, .tp-simpleresponsive>ul>li:before { list-style: none !important; position: absolute; margin: 0 !important; padding: 0 !important; overflow-x: visible; overflow-y: visible; background-image: none; background-position: 0 0; text-indent: 0; top: 0; left: 0 } .rev_slider>ul>li, .rev_slider>ul>li:before, .tp-revslider-mainul>li, .tp-revslider-mainul>li:before, .tp-simpleresponsive>ul>li, .tp-simpleresponsive>ul>li:before { visibility: hidden } .tp-revslider-mainul, .tp-revslider-slidesli { padding: 0 !important; margin: 0 !important; list-style: none !important } .fullscreen-container, .fullwidthbanner-container { padding: 0; position: relative } .rev_slider li.tp-revslider-slidesli { position: absolute !important } .tp-caption .rs-untoggled-content { display: block } .tp-caption .rs-toggled-content { display: none } .rs-toggle-content-active.tp-caption .rs-toggled-content { display: block } .rs-toggle-content-active.tp-caption .rs-untoggled-content { display: none } .rev_slider .caption, .rev_slider .tp-caption { position: relative; visibility: hidden; white-space: nowrap; display: block; -webkit-font-smoothing: antialiased !important; z-index: 1 } .rev_slider .caption, .rev_slider .tp-caption, .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none } .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap :last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap :last-child { margin-bottom: 0 } .tp-svg-layer svg { width: 100%; height: 100%; position: relative } .tp_inner_padding { box-sizing: border-box; max-height: none !important } .tp-caption.tp-layer-selectable { -moz-user-select: all; -khtml-user-select: all; -webkit-user-select: all; -o-user-select: all } .tp-caption.tp-hidden-caption, .tp-forcenotvisible, .tp-hide-revslider, .tp-parallax-wrap.tp-hidden-caption { visibility: hidden !important; display: none !important } .rev_slider audio, .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video { max-width: none !important } .tp-element-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0 } .tp-blockmask, .tp-blockmask_in, .tp-blockmask_out { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 1000; transform: scaleX(0) scaleY(0) } .tp-parallax-wrap { transform-style: preserve-3d } .rev_row_zone { position: absolute; width: 100%; left: 0; box-sizing: border-box; min-height: 50px; font-size: 0 } .rev_column_inner, .rev_slider .tp-caption.rev_row { position: relative; width: 100% !important; box-sizing: border-box } .rev_row_zone_top { top: 0 } .rev_row_zone_middle { top: 50%; transform: translateY(-50%) } .rev_row_zone_bottom { bottom: 0 } .rev_slider .tp-caption.rev_row { display: table; table-layout: fixed; vertical-align: top; height: auto !important; font-size: 0 } .rev_column { display: table-cell; position: relative; height: auto; box-sizing: border-box; font-size: 0 } .rev_column_inner { display: block; height: auto !important; white-space: normal !important } .rev_column_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; box-sizing: border-box; background-clip: content-box; border: 0 solid transparent } .tp-caption .backcorner, .tp-caption .backcornertop, .tp-caption .frontcorner, .tp-caption .frontcornertop { height: 0; top: 0; width: 0; position: absolute } .rev_column_inner .tp-loop-wrap, .rev_column_inner .tp-mask-wrap, .rev_column_inner .tp-parallax-wrap { text-align: inherit } .rev_column_inner .tp-mask-wrap { display: inline-block } .rev_column_inner .tp-parallax-wrap, .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, .rev_column_inner .tp-parallax-wrap .tp-mask-wrap { position: relative !important; left: auto !important; top: auto !important; line-height: 0 } .tp-video-play-button, .tp-video-play-button i { line-height: 50px !important; vertical-align: top; text-align: center } .rev_column_inner .rev_layer_in_column, .rev_column_inner .tp-parallax-wrap, .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, .rev_column_inner .tp-parallax-wrap .tp-mask-wrap { vertical-align: top } .rev_break_columns { display: block !important } .rev_break_columns .tp-parallax-wrap.rev_column { display: block !important; width: 100% !important } .fullwidthbanner-container { overflow: hidden } .fullwidthbanner-container .fullwidthabanner { width: 100%; position: relative } .tp-static-layers { position: absolute; z-index: 101; top: 0; left: 0 } .tp-caption .frontcorner { border-left: 40px solid transparent; border-right: 0 solid transparent; border-top: 40px solid #00A8FF; left: -40px } .tp-caption .backcorner { border-left: 0 solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; right: 0 } .tp-caption .frontcornertop { border-left: 40px solid transparent; border-right: 0 solid transparent; border-bottom: 40px solid #00A8FF; left: -40px } .tp-caption .backcornertop { border-left: 0 solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; right: 0 } .tp-layer-inner-rotation { position: relative !important } img.tp-slider-alternative-image { width: 100%; height: auto } .caption.fullscreenvideo, .rs-background-video-layer, .tp-caption.coverscreenvideo, .tp-caption.fullscreenvideo { width: 100%; height: 100%; top: 0; left: 0; position: absolute } .noFilterClass { filter: none !important } .rs-background-video-layer { visibility: hidden; z-index: 0 } .caption.fullscreenvideo audio, .caption.fullscreenvideo iframe, .caption.fullscreenvideo video, .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe audio, .tp-caption.fullscreenvideo iframe video { width: 100% !important; height: 100% !important; display: none } .fullcoveredvideo audio, .fullscreenvideo audio .fullcoveredvideo video, .fullscreenvideo video { background: #000 } .fullcoveredvideo .tp-poster { background-position: center center; background-size: cover; width: 100%; height: 100%; top: 0; left: 0 } .videoisplaying .html5vid .tp-poster { display: none } .tp-video-play-button { background: #000; background: rgba(0, 0, 0, .3); border-radius: 5px; position: absolute; top: 50%; left: 50%; color: #FFF; margin-top: -25px; margin-left: -25px; cursor: pointer; width: 50px; height: 50px; box-sizing: border-box; display: inline-block; z-index: 4; opacity: 0; transition: opacity .3s ease-out !important } .tp-audio-html5 .tp-video-play-button, .tp-hiddenaudio { display: none !important } .tp-caption .html5vid { width: 100% !important; height: 100% !important } .tp-video-play-button i { width: 50px; height: 50px; display: inline-block; font-size: 40px !important } .rs-fullvideo-cover, .tp-dottedoverlay, .tp-shadowcover { height: 100%; top: 0; left: 0; position: absolute } .tp-caption:hover .tp-video-play-button { opacity: 1; display: block } .tp-caption .tp-revstop { display: none; border-left: 5px solid #fff !important; border-right: 5px solid #fff !important; margin-top: 15px !important; line-height: 20px !important; vertical-align: top; font-size: 25px !important } .tp-seek-bar, .tp-video-button, .tp-volume-bar { outline: 0; line-height: 12px; margin: 0; cursor: pointer } .videoisplaying .revicon-right-dir { display: none } .videoisplaying .tp-revstop { display: inline-block } .videoisplaying .tp-video-play-button { display: none } .fullcoveredvideo .tp-video-play-button { display: none !important } .fullscreenvideo .fullscreenvideo audio, .fullscreenvideo .fullscreenvideo video { object-fit: contain !important } .fullscreenvideo .fullcoveredvideo audio, .fullscreenvideo .fullcoveredvideo video { object-fit: cover !important } .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; transition: opacity .3s; background-image: linear-gradient(to bottom, #000 13%, #323232 100%); display: table; max-width: 100%; overflow: hidden; box-sizing: border-box } .rev-btn.rev-hiddenicon i, .rev-btn.rev-withicon i { transition: all .2s ease-out !important; font-size: 15px } .tp-caption:hover .tp-video-controls { opacity: .9 } .tp-video-button { background: rgba(0, 0, 0, .5); border: 0; border-radius: 3px; font-size: 12px; color: #fff; padding: 0 } .tp-video-button:hover { cursor: pointer } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding: 0 5px; display: table-cell; vertical-align: middle } .tp-video-seek-bar-wrap { width: 80% } .tp-video-vol-bar-wrap { width: 20% } .tp-seek-bar, .tp-volume-bar { width: 100%; padding: 0 } .rs-fullvideo-cover { width: 100%; background: 0 0; z-index: 5 } .disabled_lc .tp-video-play-button, .rs-background-video-layer audio::-webkit-media-controls, .rs-background-video-layer video::-webkit-media-controls, .rs-background-video-layer video::-webkit-media-controls-start-playback-button { display: none !important } .tp-audio-html5 .tp-video-controls { opacity: 1 !important; visibility: visible !important } .tp-dottedoverlay { background-repeat: repeat; width: 100%; z-index: 3 } .tp-dottedoverlay.twoxtwo { background: url(outsource/t1/vendor/rs-plugin/assets/gridtile.png) } .tp-dottedoverlay.twoxtwowhite { background: url(outsource/t1/vendor/rs-plugin/assets/gridtile_white.png) } .tp-dottedoverlay.threexthree { background: url(outsource/t1/vendor/rs-plugin/assets/gridtile_3x3.png) } .tp-dottedoverlay.threexthreewhite { background: url(outsource/t1/vendor/rs-plugin/assets/gridtile_3x3_white.png) } .tp-shadowcover { width: 100%; background: #fff; z-index: -1 } .tp-shadow1 { box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8) } .tp-shadow2:after, .tp-shadow2:before, .tp-shadow3:before, .tp-shadow4:after { z-index: -2; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 85%; max-width: 300px; background: 0 0; box-shadow: 0 15px 10px rgba(0, 0, 0, .8); transform: rotate(-3deg) } .tp-shadow2:after, .tp-shadow4:after { transform: rotate(3deg); right: 10px; left: auto } .tp-shadow5 { position: relative; box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset } .tp-shadow5:after, .tp-shadow5:before { content: ""; position: absolute; z-index: -2; box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6); top: 30%; bottom: 0; left: 20px; right: 20px; border-radius: 100px/20px } .tp-button { padding: 6px 13px 5px; border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0 1px 1px rgba(0, 0, 0, .6) !important; font-size: 15px; line-height: 45px !important; font-family: arial, sans-serif; font-weight: 700; letter-spacing: -1px; text-decoration: none } .tp-button.big { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .6); font-weight: 700; padding: 9px 20px; font-size: 19px; line-height: 57px !important } .purchase:hover, .tp-button.big:hover, .tp-button:hover { background-position: bottom, 15px 11px } .purchase.green, .purchase:hover.green, .tp-button.green, .tp-button:hover.green { background-color: #21a117; box-shadow: 0 3px 0 0 #104d0b } .purchase.blue, .purchase:hover.blue, .tp-button.blue, .tp-button:hover.blue { background-color: #1d78cb; box-shadow: 0 3px 0 0 #0f3e68 } .purchase.red, .purchase:hover.red, .tp-button.red, .tp-button:hover.red { background-color: #cb1d1d; box-shadow: 0 3px 0 0 #7c1212 } .purchase.orange, .purchase:hover.orange, .tp-button.orange, .tp-button:hover.orange { background-color: #f70; box-shadow: 0 3px 0 0 #a34c00 } .purchase.darkgrey, .purchase:hover.darkgrey, .tp-button.darkgrey, .tp-button.grey, .tp-button:hover.darkgrey, .tp-button:hover.grey { background-color: #555; box-shadow: 0 3px 0 0 #222 } .purchase.lightgrey, .purchase:hover.lightgrey, .tp-button.lightgrey, .tp-button:hover.lightgrey { background-color: #888; box-shadow: 0 3px 0 0 #555 } .rev-btn, .rev-btn:visited { outline: 0 !important; box-shadow: none !important; text-decoration: none !important; line-height: 44px; font-size: 17px; font-weight: 500; padding: 12px 35px; box-sizing: border-box; font-family: Roboto, sans-serif; cursor: pointer } .rev-btn.rev-uppercase, .rev-btn.rev-uppercase:visited { text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 900 } .rev-btn.rev-withicon i { font-weight: 400; position: relative; top: 0; margin-left: 10px !important } .rev-btn.rev-hiddenicon i { font-weight: 400; position: relative; top: 0; opacity: 0; margin-left: 0 !important; width: 0 !important } .rev-btn.rev-hiddenicon:hover i { opacity: 1 !important; margin-left: 10px !important; width: auto !important } .rev-btn.rev-medium, .rev-btn.rev-medium:visited { line-height: 36px; font-size: 14px; padding: 10px 30px } .rev-btn.rev-medium.rev-hiddenicon i, .rev-btn.rev-medium.rev-withicon i { font-size: 14px; top: 0 } .rev-btn.rev-small, .rev-btn.rev-small:visited { line-height: 28px; font-size: 12px; padding: 7px 20px } .rev-btn.rev-small.rev-hiddenicon i, .rev-btn.rev-small.rev-withicon i { font-size: 12px; top: 0 } .rev-maxround { border-radius: 30px } .rev-minround { border-radius: 3px } .rev-burger { position: relative; width: 60px; height: 60px; box-sizing: border-box; padding: 22px 0 0 14px; border-radius: 50%; border: 1px solid rgba(51, 51, 51, .25); -webkit-tap-highlight-color: transparent; cursor: pointer } .rev-burger span { display: block; width: 30px; height: 3px; background: #333; transition: .7s; pointer-events: none; transform-style: flat !important } .rev-burger.revb-white span, .rev-burger.revb-whitenoborder span { background: #fff } .rev-burger span:nth-child(2) { margin: 3px 0 } #dialog_addbutton .rev-burger:hover :first-child, .open .rev-burger :first-child, .open.rev-burger :first-child { transform: translateY(6px) rotate(-45deg) } #dialog_addbutton .rev-burger:hover :nth-child(2), .open .rev-burger :nth-child(2), .open.rev-burger :nth-child(2) { transform: rotate(-45deg); opacity: 0 } #dialog_addbutton .rev-burger:hover :last-child, .open .rev-burger :last-child, .open.rev-burger :last-child { transform: translateY(-6px) rotate(-135deg) } .rev-burger.revb-white { border: 2px solid rgba(255, 255, 255, .2) } .rev-burger.revb-darknoborder, .rev-burger.revb-whitenoborder { border: 0 } .rev-burger.revb-darknoborder span { background: #333 } .rev-burger.revb-whitefull { background: #fff; border: none } .rev-burger.revb-whitefull span { background: #333 } .rev-burger.revb-darkfull { background: #333; border: none } .rev-burger.revb-darkfull span, .rev-scroll-btn.revs-fullwhite { background: #fff } @keyframes rev-ani-mouse { 0% { opacity: 1; top: 29% } 15% { opacity: 1; top: 50% } 50% { opacity: 0; top: 50% } 100% { opacity: 0; top: 29% } } .rev-scroll-btn { display: inline-block; position: relative; left: 0; right: 0; text-align: center; cursor: pointer; width: 35px; height: 55px; box-sizing: border-box; border: 3px solid #fff; border-radius: 23px } .rev-scroll-btn>* { display: inline-block; line-height: 18px; font-size: 13px; font-weight: 400; color: #fff; font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px } .rev-scroll-btn>.active, .rev-scroll-btn>:focus, .rev-scroll-btn>:hover { color: #fff } .rev-scroll-btn>.active, .rev-scroll-btn>:active, .rev-scroll-btn>:focus, .rev-scroll-btn>:hover { opacity: .8 } .rev-scroll-btn.revs-fullwhite span { background: #333 } .rev-scroll-btn.revs-fulldark { background: #333; border: none } .rev-scroll-btn.revs-fulldark span, .tp-bullet { background: #fff } .rev-scroll-btn span { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #fff; border-radius: 50%; animation: rev-ani-mouse 2.5s linear infinite } .rev-scroll-btn.revs-dark { border-color: #333 } .rev-scroll-btn.revs-dark span { background: #333 } .rev-control-btn { position: relative; display: inline-block; z-index: 5; color: #FFF; font-size: 20px; line-height: 60px; font-weight: 400; font-style: normal; font-family: Raleway; text-decoration: none; text-align: center; background-color: #000; border-radius: 50px; text-shadow: none; background-color: rgba(0, 0, 0, .5); width: 60px; height: 60px; box-sizing: border-box; cursor: pointer } .rev-cbutton-dark-sr, .rev-cbutton-light-sr { border-radius: 3px } .rev-cbutton-light, .rev-cbutton-light-sr { color: #333; background-color: rgba(255, 255, 255, .75) } .rev-sbutton { line-height: 37px; width: 37px; height: 37px } .rev-sbutton-blue { background-color: #3B5998 } .rev-sbutton-lightblue { background-color: #00A0D1 } .rev-sbutton-red { background-color: #DD4B39 } .tp-bannertimer { visibility: hidden; width: 100%; height: 5px; background: #000; background: rgba(0, 0, 0, .15); position: absolute; z-index: 99; top: 0 } .tp-bannertimer.tp-bottom { top: auto; bottom: 0 !important; height: 5px } .tp-caption img { background: 0 0; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); zoom: 1 } .caption.slidelink a div, .tp-caption.slidelink a div { width: 3000px; height: 1500px; background: url(outsource/t1/vendor/rs-plugin/assets/coloredbg.png) } .tp-caption.slidelink a span { background: url(outsource/t1/vendor/rs-plugin/assets/coloredbg.png) } .tp-loader.spinner0, .tp-loader.spinner5 { background-image: url(outsource/t1/vendor/rs-plugin/assets/loader.gif); background-repeat: no-repeat } .tp-shape { width: 100%; height: 100% } .tp-caption .rs-starring { display: inline-block } .tp-caption .rs-starring .star-rating { float: none; display: inline-block; vertical-align: top; color: #FFC321 !important } .tp-caption .rs-starring .star-rating, .tp-caption .rs-starring-page .star-rating { position: relative; height: 1em; width: 5.4em; font-family: star; font-size: 1em !important } .tp-loader.spinner0, .tp-loader.spinner1 { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation: tp-rotateplane 1.2s infinite ease-in-out; background-color: #fff; border-radius: 3px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15) } .tp-caption .rs-starring .star-rating:before, .tp-caption .rs-starring-page .star-rating:before { content: "\73\73\73\73\73"; color: #E0DADF; float: left; top: 0; left: 0; position: absolute } .tp-caption .rs-starring .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; font-size: 1em !important } .tp-caption .rs-starring .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0 } .tp-loader { top: 50%; left: 50%; z-index: 10000; position: absolute } .tp-loader.spinner0 { background-position: center center } .tp-loader.spinner5 { background-position: 10px 10px; background-color: #fff; margin: -22px; width: 44px; height: 44px; border-radius: 3px } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0) rotateY(0) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background-color: red; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); border-radius: 100%; animation: tp-scaleout 1s infinite ease-in-out } @keyframes tp-scaleout { 0% { transform: scale(0) } 100% { transform: scale(1); opacity: 0 } } .tp-loader.spinner3 { margin: -9px 0 0 -35px; width: 70px; text-align: center } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); border-radius: 100%; display: inline-block; animation: tp-bouncedelay 1.4s infinite ease-in-out; animation-fill-mode: both } .tp-loader.spinner3 .bounce1 { animation-delay: -.32s } .tp-loader.spinner3 .bounce2 { animation-delay: -.16s } @keyframes tp-bouncedelay { 0%, 100%, 80% { transform: scale(0) } 40% { transform: scale(1) } } .tp-loader.spinner4 { margin: -20px 0 0 -20px; width: 40px; height: 40px; text-align: center; animation: tp-rotate 2s infinite linear } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; animation: tp-bounce 2s infinite ease-in-out; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15) } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0; animation-delay: -1s } @keyframes tp-rotate { 100% { transform: rotate(360deg) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0) } 50% { transform: scale(1) } } .tp-bullets.navbar, .tp-tabs.navbar, .tp-thumbs.navbar { border: none; min-height: 0; margin: 0; border-radius: 0 } .tp-bullets, .tp-tabs, .tp-thumbs { position: absolute; display: block; z-index: 98; top: 0; left: 0 } .tp-tab, .tp-thumb { cursor: pointer; position: absolute; opacity: .5; box-sizing: border-box } .tp-arr-imgholder, .tp-tab-image, .tp-thumb-image, .tp-videoposter { background-position: center center; background-size: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0 } .tp-tab.selected, .tp-tab:hover, .tp-thumb.selected, .tp-thumb:hover { opacity: 1 } .tp-tab-mask, .tp-thumb-mask { box-sizing: border-box !important } .tp-tabs, .tp-thumbs { box-sizing: content-box !important } .tp-bullet { width: 15px; height: 15px; position: absolute; background: rgba(255, 255, 255, .3); cursor: pointer } .tp-bullet.selected, .tp-bullet:hover { background: #fff } .tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, .5); width: 40px; height: 40px; position: absolute; display: block; z-index: 1000 } .tparrows:hover { background: #000 } .tparrows:before { font-family: revicons; font-size: 15px; color: #fff; display: block; line-height: 40px; text-align: center } .hginfo, .hglayerinfo { font-size: 12px; font-weight: 600 } .tparrows.tp-leftarrow:before { content: '\e824' } .tparrows.tp-rightarrow:before { content: '\e825' } body.rtl .tp-kbimg { left: 0 !important } .dddwrappershadow { box-shadow: 0 45px 100px rgba(0, 0, 0, .4) } .hglayerinfo { position: fixed; bottom: 0; left: 0; color: #FFF; line-height: 20px; background: rgba(0, 0, 0, .75); padding: 5px 10px; z-index: 2000; white-space: normal } .helpgrid, .hginfo { position: absolute } .hginfo { top: -2px; left: -2px; color: #e74c3c; background: #000; padding: 2px 5px } .indebugmode .tp-caption:hover { border: 1px dashed #c0392b !important } .helpgrid { border: 2px dashed #c0392b; top: 0; left: 0; z-index: 0 } #revsliderlogloglog { padding: 15px; color: #fff; position: fixed; top: 0; left: 0; width: 200px; height: 150px; background: rgba(0, 0, 0, .7); z-index: 100000; font-size: 10px; overflow: scroll } .aden { filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2) } .aden::after { background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent); mix-blend-mode: darken } .perpetua::after, .reyes::after { mix-blend-mode: soft-light; opacity: .5 } .inkwell { filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1) } .perpetua::after { background: linear-gradient(to bottom, #005b9a, #e6c13d) } .reyes { filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75) } .reyes::after { background: #efcdad } .gingham { filter: brightness(1.05) hue-rotate(-10deg) } .gingham::after { background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent); mix-blend-mode: darken } .toaster { filter: contrast(1.5) brightness(.9) } .toaster::after { background: radial-gradient(circle, #804e0f, #3b003b); mix-blend-mode: screen } .walden { filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6) } .walden::after { background: #04c; mix-blend-mode: screen; opacity: .3 } .hudson { filter: brightness(1.2) contrast(.9) saturate(1.1) } .hudson::after { background: radial-gradient(circle, #a6b1ff 50%, #342134); mix-blend-mode: multiply; opacity: .5 } .earlybird { filter: contrast(.9) sepia(.2) } .earlybird::after { background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%); mix-blend-mode: overlay } .mayfair { filter: contrast(1.1) saturate(1.1) } .mayfair::after { background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%); mix-blend-mode: overlay; opacity: .4 } .lofi { filter: saturate(1.1) contrast(1.5) } .lofi::after { background: radial-gradient(circle, transparent 70%, #222 150%); mix-blend-mode: multiply } ._1977 { filter: contrast(1.1) brightness(1.1) saturate(1.3) } ._1977:after { background: rgba(243, 106, 188, .3); mix-blend-mode: screen } .brooklyn { filter: contrast(.9) brightness(1.1) } .brooklyn::after { background: radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8); mix-blend-mode: overlay } .xpro2 { filter: sepia(.3) } .xpro2::after { background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%); mix-blend-mode: color-burn } .nashville { filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2) } .nashville::after { background: rgba(0, 70, 150, .4); mix-blend-mode: lighten } .nashville::before { background: rgba(247, 176, 153, .56); mix-blend-mode: darken } .lark { filter: contrast(.9) } .lark::after { background: rgba(242, 242, 242, .8); mix-blend-mode: darken } .lark::before { background: #22253f; mix-blend-mode: color-dodge } .moon { filter: grayscale(1) contrast(1.1) brightness(1.1) } .moon::before { background: #a0a0a0; mix-blend-mode: soft-light } .moon::after { background: #383838; mix-blend-mode: lighten } .clarendon { filter: contrast(1.2) saturate(1.35) } .clarendon:before { background: rgba(127, 187, 227, .2); mix-blend-mode: overlay } .willow { filter: grayscale(.5) contrast(.95) brightness(.9) } .willow::before { background-color: radial-gradient(40%, circle, #d4a9af 55%, #000 150%); mix-blend-mode: overlay } .willow::after { background-color: #d8cdcb; mix-blend-mode: color } .rise { filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9) } .rise::after { background: radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%); mix-blend-mode: overlay; opacity: .6 } .rise::before { background: radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4)); mix-blend-mode: multiply } ._1977:after, ._1977:before, .aden:after, .aden:before, .brooklyn:after, .brooklyn:before, .clarendon:after, .clarendon:before, .earlybird:after, .earlybird:before, .gingham:after, .gingham:before, .hudson:after, .hudson:before, .inkwell:after, .inkwell:before, .lark:after, .lark:before, .lofi:after, .lofi:before, .mayfair:after, .mayfair:before, .moon:after, .moon:before, .nashville:after, .nashville:before, .perpetua:after, .perpetua:before, .reyes:after, .reyes:before, .rise:after, .rise:before, .slumber:after, .slumber:before, .toaster:after, .toaster:before, .walden:after, .walden:before, .willow:after, .willow:before, .xpro2:after, .xpro2:before { content: ''; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none } ._1977, .aden, .brooklyn, .clarendon, .earlybird, .gingham, .hudson, .inkwell, .lark, .lofi, .mayfair, .moon, .nashville, .perpetua, .reyes, .rise, .slumber, .toaster, .walden, .willow, .xpro2 { position: relative } ._1977 img, .aden img, .brooklyn img, .clarendon img, .earlybird img, .gingham img, .hudson img, .inkwell img, .lark img, .lofi img, .mayfair img, .moon img, .nashville img, .perpetua img, .reyes img, .rise img, .slumber img, .toaster img, .walden img, .willow img, .xpro2 img { width: 100%; z-index: 1 } ._1977:before, .aden:before, .brooklyn:before, .clarendon:before, .earlybird:before, .gingham:before, .hudson:before, .inkwell:before, .lark:before, .lofi:before, .mayfair:before, .moon:before, .nashville:before, .perpetua:before, .reyes:before, .rise:before, .slumber:before, .toaster:before, .walden:before, .willow:before, .xpro2:before { z-index: 2 } ._1977:after, .aden:after, .brooklyn:after, .clarendon:after, .earlybird:after, .gingham:after, .hudson:after, .inkwell:after, .lark:after, .lofi:after, .mayfair:after, .moon:after, .nashville:after, .perpetua:after, .reyes:after, .rise:after, .slumber:after, .toaster:after, .walden:after, .willow:after, .xpro2:after { z-index: 3 } .slumber { filter: saturate(.66) brightness(1.05) } .slumber::after { background: rgba(125, 105, 24, .5); mix-blend-mode: soft-light } .slumber::before { background: rgba(69, 41, 12, .4); mix-blend-mode: lighten } .tp-kbimg-wrap:after, .tp-kbimg-wrap:before { height: 500%; width: 500% } /*! 12. rs-plugin/css/layers.css - 5.0.0 */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.medium_grey, .medium_grey { background-color: #888; border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 20px; font-weight: 700; line-height: 20px; margin: 0; padding: 2px 4px; position: absolute; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); white-space: nowrap } .tp-caption.small_text, .small_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 14px; font-weight: 700; line-height: 20px; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); white-space: nowrap } .tp-caption.medium_text, .medium_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 20px; font-weight: 700; line-height: 20px; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); white-space: nowrap } .tp-caption.large_text, .large_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 40px; font-weight: 700; line-height: 40px; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); white-space: nowrap } .tp-caption.very_large_text, .very_large_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 60px; font-weight: 700; letter-spacing: -2px; line-height: 60px; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); white-space: nowrap } .tp-caption.very_big_white, .very_big_white { background-color: #000; border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 60px; font-weight: 800; line-height: 60px; margin: 0; padding: 1px 4px 0; position: absolute; text-shadow: none; white-space: nowrap } .tp-caption.very_big_black, .very_big_black { background-color: #fff; border-style: none; border-width: 0; color: #000; font-family: Arial; font-size: 60px; font-weight: 700; line-height: 60px; margin: 0; padding: 1px 4px 0; position: absolute; text-shadow: none; white-space: nowrap } .tp-caption.modern_medium_fat, .modern_medium_fat { border-style: none; border-width: 0; color: #000; font-family: "Open Sans", sans-serif; font-size: 24px; font-weight: 800; line-height: 20px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap } .tp-caption.modern_medium_fat_white, .modern_medium_fat_white { border-style: none; border-width: 0; color: #fff; font-family: "Open Sans", sans-serif; font-size: 24px; font-weight: 800; line-height: 20px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap } .tp-caption.modern_medium_light, .modern_medium_light { border-style: none; border-width: 0; color: #000; font-family: "Open Sans", sans-serif; font-size: 24px; font-weight: 300; line-height: 20px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap } .tp-caption.modern_big_bluebg, .modern_big_bluebg { background-color: #4e5b6c; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans", sans-serif; font-size: 30px; font-weight: 800; letter-spacing: 0; line-height: 36px; margin: 0; padding: 3px 10px; position: absolute; text-shadow: none } .tp-caption.modern_big_redbg, .modern_big_redbg { background-color: #de543e; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans", sans-serif; font-size: 30px; font-weight: 300; letter-spacing: 0; line-height: 36px; margin: 0; padding: 1px 10px 3px; position: absolute; text-shadow: none } .tp-caption.modern_small_text_dark, .modern_small_text_dark { border-style: none; border-width: 0; color: #555; font-family: Arial; font-size: 14px; line-height: 22px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap } .tp-caption.boxshadow, .boxshadow { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) } .tp-caption.black, .black { color: #000; text-shadow: none } .tp-caption.noshadow, .noshadow { text-shadow: none } .tp-caption.thinheadline_dark, .thinheadline_dark { background-color: transparent; color: rgba(0, 0, 0, 0.85); font-family: "Open Sans"; font-size: 30px; font-weight: 300; line-height: 30px; position: absolute; text-shadow: none } .tp-caption.thintext_dark, .thintext_dark { background-color: transparent; color: rgba(0, 0, 0, 0.85); font-family: "Open Sans"; font-size: 16px; font-weight: 300; line-height: 26px; position: absolute; text-shadow: none } .tp-caption.largeblackbg, .largeblackbg { background-color: #000; border-radius: 0; color: #fff; font-family: "Open Sans"; font-size: 50px; font-weight: 300; line-height: 70px; padding: 0 20px; position: absolute; text-shadow: none } .tp-caption.largepinkbg, .largepinkbg { background-color: #db4360; border-radius: 0; color: #fff; font-family: "Open Sans"; font-size: 50px; font-weight: 300; line-height: 70px; padding: 0 20px; position: absolute; text-shadow: none } .tp-caption.largewhitebg, .largewhitebg { background-color: #fff; border-radius: 0; color: #000; font-family: "Open Sans"; font-size: 50px; font-weight: 300; line-height: 70px; padding: 0 20px; position: absolute; text-shadow: none } .tp-caption.largegreenbg, .largegreenbg { background-color: #67ae73; border-radius: 0; color: #fff; font-family: "Open Sans"; font-size: 50px; font-weight: 300; line-height: 70px; padding: 0 20px; position: absolute; text-shadow: none } .tp-caption.excerpt, .excerpt { background-color: rgba(0, 0, 0, 1); border-color: #fff; border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 36px; font-weight: 700; height: auto; letter-spacing: -1.5px; line-height: 36px; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none; white-space: normal !important; width: 150px } .tp-caption.large_bold_grey, .large_bold_grey { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #666; font-family: "Open Sans"; font-size: 60px; font-weight: 800; line-height: 60px; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none } .tp-caption.medium_thin_grey, .medium_thin_grey { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #666; font-family: "Open Sans"; font-size: 34px; font-weight: 300; line-height: 30px; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none } .tp-caption.small_thin_grey, .small_thin_grey { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #757575; font-family: "Open Sans"; font-size: 18px; font-weight: 300; line-height: 26px; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none } .tp-caption.lightgrey_divider, .lightgrey_divider { background-color: rgba(235, 235, 235, 1); background-position: initial; background-repeat: initial; border-color: #222; border-style: none; border-width: 0; height: 3px; text-decoration: none; width: 370px } .tp-caption.large_bold_darkblue, .large_bold_darkblue { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #34495e; font-family: "Open Sans"; font-size: 58px; font-weight: 800; line-height: 60px; text-decoration: none } .tp-caption.medium_bg_darkblue, .medium_bg_darkblue { background-color: #34495e; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none } .tp-caption.medium_bold_red, .medium_bold_red { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #e33a0c; font-family: "Open Sans"; font-size: 24px; font-weight: 800; line-height: 30px; padding: 0; text-decoration: none } .tp-caption.medium_light_red, .medium_light_red { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #e33a0c; font-family: "Open Sans"; font-size: 21px; font-weight: 300; line-height: 26px; padding: 0; text-decoration: none } .tp-caption.medium_bg_red, .medium_bg_red { background-color: #e33a0c; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none } .tp-caption.medium_bold_orange, .medium_bold_orange { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #f39c12; font-family: "Open Sans"; font-size: 24px; font-weight: 800; line-height: 30px; text-decoration: none } .tp-caption.medium_bg_orange, .medium_bg_orange { background-color: #f39c12; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none } .tp-caption.grassfloor, .grassfloor { background-color: rgba(160, 179, 151, 1); border-color: #222; border-style: none; border-width: 0; height: 150px; text-decoration: none; width: 4000px } .tp-caption.large_bold_white, .large_bold_white { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 58px; font-weight: 800; line-height: 60px; text-decoration: none } .tp-caption.medium_light_white, .medium_light_white { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 30px; font-weight: 300; line-height: 36px; padding: 0; text-decoration: none } .tp-caption.mediumlarge_light_white, .mediumlarge_light_white { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 34px; font-weight: 300; line-height: 40px; padding: 0; text-decoration: none } .tp-caption.mediumlarge_light_white_center, .mediumlarge_light_white_center { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 34px; font-weight: 300; line-height: 40px; padding: 0; text-align: center; text-decoration: none } .tp-caption.medium_bg_asbestos, .medium_bg_asbestos { background-color: #7f8c8d; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none } .tp-caption.medium_light_black, .medium_light_black { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #000; font-family: "Open Sans"; font-size: 30px; font-weight: 300; line-height: 36px; padding: 0; text-decoration: none } .tp-caption.large_bold_black, .large_bold_black { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #000; font-family: "Open Sans"; font-size: 58px; font-weight: 800; line-height: 60px; text-decoration: none } .tp-caption.mediumlarge_light_darkblue, .mediumlarge_light_darkblue { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #34495e; font-family: "Open Sans"; font-size: 34px; font-weight: 300; line-height: 40px; padding: 0; text-decoration: none } .tp-caption.small_light_white, .small_light_white { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 17px; font-weight: 300; line-height: 28px; padding: 0; text-decoration: none } .tp-caption.roundedimage, .roundedimage { border-color: #222; border-style: none; border-width: 0 } .tp-caption.large_bg_black, .large_bg_black { background-color: #000; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 40px; font-weight: 800; line-height: 40px; padding: 10px 20px 15px; text-decoration: none } .tp-caption.mediumwhitebg, .mediumwhitebg { background-color: #fff; border-color: #000; border-style: none; border-width: 0; color: #000; font-family: "Open Sans"; font-size: 30px; font-weight: 300; line-height: 30px; padding: 5px 15px 10px; text-decoration: none; text-shadow: none } .tp-caption.maincaption, .maincaption { background-color: transparent; border-color: #000; border-style: none; border-width: 0; color: #212a40; font-family: roboto; font-size: 33px; font-weight: 500; line-height: 43px; text-decoration: none; text-shadow: none } .tp-caption.miami_title_60px, .miami_title_60px { background-color: transparent; border-color: #000; border-style: none; border-width: 0; color: #fff; font-family: "Source Sans Pro"; font-size: 60px; font-weight: 700; letter-spacing: 1px; line-height: 60px; text-decoration: none; text-shadow: none } .tp-caption.miami_subtitle, .miami_subtitle { background-color: transparent; border-color: #000; border-style: none; border-width: 0; color: rgba(255, 255, 255, 0.65); font-family: "Source Sans Pro"; font-size: 17px; font-weight: 400; letter-spacing: 2px; line-height: 24px; text-decoration: none; text-shadow: none } .tp-caption.divideline30px, .divideline30px { background: #fff; background-color: #fff; border-color: #222; border-style: none; border-width: 0; height: 2px; min-width: 30px; text-decoration: none } .tp-caption.Miami_nostyle, .Miami_nostyle { border-color: #222; border-style: none; border-width: 0 } .tp-caption.miami_content_light, .miami_content_light { background-color: transparent; border-color: #000; border-style: none; border-width: 0; color: #fff; font-family: "Source Sans Pro"; font-size: 22px; font-weight: 400; letter-spacing: 0; line-height: 28px; text-decoration: none; text-shadow: none } .tp-caption.miami_title_60px_dark, .miami_title_60px_dark { background-color: transparent; border-color: #000; border-style: none; border-width: 0; color: #333; font-family: "Source Sans Pro"; font-size: 60px; font-weight: 700; letter-spacing: 1px; line-height: 60px; text-decoration: none; text-shadow: none } .tp-caption.miami_content_dark, .miami_content_dark { background-color: transparent; border-color: #000; border-style: none; border-width: 0; color: #666; font-family: "Source Sans Pro"; font-size: 22px; font-weight: 400; letter-spacing: 0; line-height: 28px; text-decoration: none; text-shadow: none } .tp-caption.divideline30px_dark, .divideline30px_dark { background-color: #333; border-color: #222; border-style: none; border-width: 0; height: 2px; min-width: 30px; text-decoration: none } .tp-caption.ellipse70px, .ellipse70px { background-color: rgba(0, 0, 0, 0.14902); border-color: #222; border-radius: 50px 50px 50px 50px; border-style: none; border-width: 0; cursor: pointer; line-height: 1px; min-height: 70px; min-width: 70px; text-decoration: none } .tp-caption.arrowicon, .arrowicon { border-color: #222; border-style: none; border-width: 0; line-height: 1px } .tp-caption.MarkerDisplay, .MarkerDisplay { background-color: transparent; border-color: #000; border-radius: 0 0 0 0; border-style: none; border-width: 0; font-family: "Permanent Marker"; font-style: normal; padding: 0; text-decoration: none; text-shadow: none } .tp-caption.Restaurant-Display, .Restaurant-Display { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #fff; font-family: Roboto; font-size: 120px; font-style: normal; font-weight: 700; line-height: 120px; padding: 0; text-decoration: none } .tp-caption.Restaurant-Cursive, .Restaurant-Cursive { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #fff; font-family: "Nothing you could do"; font-size: 30px; font-style: normal; font-weight: 400; letter-spacing: 2px; line-height: 30px; padding: 0; text-decoration: none } .tp-caption.Restaurant-ScrollDownText, .Restaurant-ScrollDownText { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #fff; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 400; letter-spacing: 2px; line-height: 17px; padding: 0; text-decoration: none } .tp-caption.Restaurant-Description, .Restaurant-Description { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #fff; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 3px; line-height: 30px; padding: 0; text-decoration: none } .tp-caption.Restaurant-Price, .Restaurant-Price { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #fff; font-family: Roboto; font-size: 30px; font-style: normal; font-weight: 300; letter-spacing: 3px; line-height: 30px; padding: 0; text-decoration: none } .tp-caption.Restaurant-Menuitem, .Restaurant-Menuitem { background-color: rgba(0, 0, 0, 1.00); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 400; letter-spacing: 2px; line-height: 17px; padding: 10px 30px; text-align: left; text-decoration: none } .tp-caption.Furniture-LogoText, .Furniture-LogoText { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(230, 207, 163, 1.00); font-family: Raleway; font-size: 160px; font-style: normal; font-weight: 300; line-height: 150px; padding: 0; text-decoration: none; text-shadow: none } .tp-caption.Furniture-Plus, .Furniture-Plus { background-color: rgba(255, 255, 255, 1.00); border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: none; border-width: 0; box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px; color: rgba(230, 207, 163, 1.00); font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 400; line-height: 20px; padding: 6px 7px 4px; text-decoration: none; text-shadow: none } .tp-caption.Furniture-Title, .Furniture-Title { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(0, 0, 0, 1.00); font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 700; letter-spacing: 3px; line-height: 20px; padding: 0; text-decoration: none; text-shadow: none } .tp-caption.Furniture-Subtitle, .Furniture-Subtitle { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(0, 0, 0, 1.00); font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 300; line-height: 20px; padding: 0; text-decoration: none; text-shadow: none } .tp-caption.Gym-Display, .Gym-Display { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 80px; font-style: normal; font-weight: 900; line-height: 70px; padding: 0; text-decoration: none } .tp-caption.Gym-Subline, .Gym-Subline { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 30px; font-style: normal; font-weight: 100; letter-spacing: 5px; line-height: 30px; padding: 0; text-decoration: none } .tp-caption.Gym-SmallText, .Gym-SmallText { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 300; line-height: 22; padding: 0; text-decoration: none; text-shadow: none } .tp-caption.Fashion-SmallText, .Fashion-SmallText { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 20px; padding: 0; text-decoration: none } .tp-caption.Fashion-BigDisplay, .Fashion-BigDisplay { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(0, 0, 0, 1.00); font-family: Raleway; font-size: 60px; font-style: normal; font-weight: 900; letter-spacing: 2px; line-height: 60px; padding: 0; text-decoration: none } .tp-caption.Fashion-TextBlock, .Fashion-TextBlock { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(0, 0, 0, 1.00); font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 400; letter-spacing: 2px; line-height: 40px; padding: 0; text-decoration: none } .tp-caption.Sports-Display, .Sports-Display { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 130px; font-style: normal; font-weight: 100; letter-spacing: 13px; line-height: 130px; padding: 0; text-decoration: none } .tp-caption.Sports-DisplayFat, .Sports-DisplayFat { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 130px; font-style: normal; font-weight: 900; line-height: 130px; padding: 0; text-decoration: none } .tp-caption.Sports-Subline, .Sports-Subline { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(0, 0, 0, 1.00); font-family: Raleway; font-size: 32px; font-style: normal; font-weight: 400; letter-spacing: 4px; line-height: 32px; padding: 0; text-decoration: none } .tp-caption.Instagram-Caption, .Instagram-Caption { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 900; line-height: 20px; padding: 0; text-decoration: none } .tp-caption.News-Title, .News-Title { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: "Roboto Slab"; font-size: 70px; font-style: normal; font-weight: 400; line-height: 60px; padding: 0; text-decoration: none } .tp-caption.News-Subtitle, .News-Subtitle { background-color: rgba(255, 255, 255, 0); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: "Roboto Slab"; font-size: 15px; font-style: normal; font-weight: 300; line-height: 24px; padding: 0; text-decoration: none } .tp-caption.News-Subtitle:hover, .News-Subtitle:hover { background-color: rgba(255, 255, 255, 0); border-color: transparent; border-radius: 0 0 0 0; border-style: solid; border-width: 0; color: rgba(255, 255, 255, 0.65); text-decoration: none } .tp-caption.Photography-Display, .Photography-Display { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 80px; font-style: normal; font-weight: 100; letter-spacing: 5px; line-height: 70px; padding: 0; text-decoration: none } .tp-caption.Photography-Subline, .Photography-Subline { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(119, 119, 119, 1.00); font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 3px; line-height: 30px; padding: 0; text-decoration: none } .tp-caption.Photography-ImageHover, .Photography-ImageHover { background-color: transparent; border-color: rgba(255, 255, 255, 0); border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-size: 20px; font-style: normal; font-weight: 400; line-height: 22; padding: 0; text-decoration: none } .tp-caption.Photography-ImageHover:hover, .Photography-ImageHover:hover { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Photography-Menuitem, .Photography-Menuitem { background-color: rgba(0, 0, 0, 0.65); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 2px; line-height: 20px; padding: 3px 5px 3px 8px; text-decoration: none } .tp-caption.Photography-Menuitem:hover, .Photography-Menuitem:hover { background-color: rgba(0, 255, 222, 0.65); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Photography-Textblock, .Photography-Textblock { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 300; letter-spacing: 2px; line-height: 30px; padding: 0; text-decoration: none } .tp-caption.Photography-Subline-2, .Photography-Subline-2 { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 0.35); font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 3px; line-height: 30px; padding: 0; text-decoration: none } .tp-caption.Photography-ImageHover2, .Photography-ImageHover2 { background-color: transparent; border-color: rgba(255, 255, 255, 0); border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Arial; font-size: 20px; font-style: normal; font-weight: 400; line-height: 22; padding: 0; text-decoration: none } .tp-caption.Photography-ImageHover2:hover, .Photography-ImageHover2:hover { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.WebProduct-Title, .WebProduct-Title { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(51, 51, 51, 1.00); font-family: Raleway; font-size: 90px; font-style: normal; font-weight: 100; line-height: 90px; padding: 0; text-decoration: none } .tp-caption.WebProduct-SubTitle, .WebProduct-SubTitle { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(153, 153, 153, 1.00); font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; padding: 0; text-decoration: none } .tp-caption.WebProduct-Content, .WebProduct-Content { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(153, 153, 153, 1.00); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; padding: 0; text-decoration: none } .tp-caption.WebProduct-Menuitem, .WebProduct-Menuitem { background-color: rgba(51, 51, 51, 1.00); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 500; letter-spacing: 2px; line-height: 20px; padding: 3px 5px 3px 8px; text-align: left; text-decoration: none } .tp-caption.WebProduct-Menuitem:hover, .WebProduct-Menuitem:hover { background-color: rgba(255, 255, 255, 1.00); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(153, 153, 153, 1.00); text-decoration: none } .tp-caption.WebProduct-Title-Light, .WebProduct-Title-Light { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 90px; font-style: normal; font-weight: 100; line-height: 90px; padding: 0; text-align: left; text-decoration: none } .tp-caption.WebProduct-SubTitle-Light, .WebProduct-SubTitle-Light { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 0.35); font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; padding: 0; text-align: left; text-decoration: none } .tp-caption.WebProduct-Content-Light, .WebProduct-Content-Light { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 0.65); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; padding: 0; text-align: left; text-decoration: none } .tp-caption.FatRounded, .FatRounded { background-color: rgba(0, 0, 0, 0.50); border-color: rgba(211, 211, 211, 1.00); border-radius: 50px 50px 50px 50px; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 30px; font-style: normal; font-weight: 900; line-height: 30px; padding: 20px 22px 20px 25px; text-align: left; text-decoration: none; text-shadow: none } .tp-caption.FatRounded:hover, .FatRounded:hover { background-color: rgba(0, 0, 0, 1.00); border-color: rgba(211, 211, 211, 1.00); border-radius: 50px 50px 50px 50px; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.NotGeneric-Title, .NotGeneric-Title { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 70px; font-style: normal; font-weight: 800; line-height: 70px; padding: 10px 0; text-decoration: none } .tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 13px; font-style: normal; font-weight: 500; letter-spacing: 4px; line-height: 20px; padding: 0; text-align: left; text-decoration: none } .tp-caption.NotGeneric-CallToAction, .NotGeneric-CallToAction { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.50); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 10px 30px; text-align: left; text-decoration: none } .tp-caption.NotGeneric-CallToAction:hover, .NotGeneric-CallToAction:hover { background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.NotGeneric-Icon, .NotGeneric-Icon { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0); border-radius: 0 0 0 0; border-style: solid; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 30px; font-style: normal; font-weight: 400; letter-spacing: 3px; line-height: 30px; padding: 0; text-align: left; text-decoration: none } .tp-caption.NotGeneric-Menuitem, .NotGeneric-Menuitem { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.15); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 27px 30px; text-align: left; text-decoration: none } .tp-caption.NotGeneric-Menuitem:hover, .NotGeneric-Menuitem:hover { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.MarkerStyle, .MarkerStyle { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: "Permanent Marker"; font-size: 17px; font-style: normal; font-weight: 100; line-height: 30px; padding: 0; text-align: left; text-decoration: none } .tp-caption.Gym-Menuitem, .Gym-Menuitem { background-color: rgba(0, 0, 0, 1.00); border-color: rgba(255, 255, 255, 0); border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 2px; line-height: 20px; padding: 3px 5px 3px 8px; text-align: left; text-decoration: none } .tp-caption.Gym-Menuitem:hover, .Gym-Menuitem:hover { background-color: rgba(0, 0, 0, 1.00); border-color: rgba(255, 255, 255, 0.25); border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Newspaper-Button, .Newspaper-Button { background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.25); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: rgba(255, 255, 255, 1.00); font-family: Roboto; font-size: 13px; font-style: normal; font-weight: 700; letter-spacing: 2px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none } .tp-caption.Newspaper-Button:hover, .Newspaper-Button:hover { background-color: rgba(255, 255, 255, 1.00); border-color: rgba(255, 255, 255, 1.00); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: rgba(0, 0, 0, 1.00); text-decoration: none } .tp-caption.Newspaper-Subtitle, .Newspaper-Subtitle { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(168, 216, 238, 1.00); font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 900; line-height: 20px; padding: 0; text-align: left; text-decoration: none } .tp-caption.Newspaper-Title, .Newspaper-Title { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: "Roboto Slab"; font-size: 50px; font-style: normal; font-weight: 400; line-height: 55px; padding: 0 0 10px; text-align: left; text-decoration: none } .tp-caption.Newspaper-Title-Centered, .Newspaper-Title-Centered { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: "Roboto Slab"; font-size: 50px; font-style: normal; font-weight: 400; line-height: 55px; padding: 0 0 10px; text-align: center; text-decoration: none } .tp-caption.Hero-Button, .Hero-Button { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.50); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 10px 30px; text-align: left; text-decoration: none } .tp-caption.Hero-Button:hover, .Hero-Button:hover { background-color: rgba(255, 255, 255, 1.00); border-color: rgba(255, 255, 255, 1.00); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: rgba(0, 0, 0, 1.00); text-decoration: none } .tp-caption.Video-Title, .Video-Title { background-color: rgba(0, 0, 0, 1.00); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 30px; font-style: normal; font-weight: 900; line-height: 30px; padding: 5px; text-align: left; text-decoration: none } .tp-caption.Video-SubTitle, .Video-SubTitle { background-color: rgba(0, 0, 0, 0.35); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 12px; padding: 5px; text-align: left; text-decoration: none } .tp-caption.NotGeneric-Button, .NotGeneric-Button { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.50); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 10px 30px; text-align: left; text-decoration: none } .tp-caption.NotGeneric-Button:hover, .NotGeneric-Button:hover { background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.NotGeneric-BigButton, .NotGeneric-BigButton { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.15); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 27px 30px; text-align: left; text-decoration: none } .tp-caption.NotGeneric-BigButton:hover, .NotGeneric-BigButton:hover { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.WebProduct-Button, .WebProduct-Button { background-color: rgba(51, 51, 51, 1.00); border-color: rgba(0, 0, 0, 1.00); border-radius: 0 0 0 0; border-style: none; border-width: 2px; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; letter-spacing: 1px; line-height: 48px; padding: 0 40px; text-align: left; text-decoration: none } .tp-caption.WebProduct-Button:hover, .WebProduct-Button:hover { background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-radius: 0 0 0 0; border-style: none; border-width: 2px; color: rgba(51, 51, 51, 1.00); text-decoration: none } .tp-caption.Restaurant-Button, .Restaurant-Button { background-color: rgba(10, 10, 10, 0); border-color: rgba(255, 255, 255, 0.50); border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none } .tp-caption.Restaurant-Button:hover, .Restaurant-Button:hover { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 224, 129, 1.00); border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Gym-Button, .Gym-Button { background-color: rgba(139, 192, 39, 1.00); border-color: rgba(0, 0, 0, 0); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: 1px; line-height: 15px; padding: 13px 35px; text-align: left; text-decoration: none } .tp-caption.Gym-Button:hover, .Gym-Button:hover { background-color: rgba(114, 168, 0, 1.00); border-color: rgba(0, 0, 0, 0); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Gym-Button-Light, .Gym-Button-Light { background-color: transparent; border-color: rgba(255, 255, 255, 0.25); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 600; line-height: 15px; padding: 12px 35px; text-align: left; text-decoration: none } .tp-caption.Gym-Button-Light:hover, .Gym-Button-Light:hover { background-color: rgba(114, 168, 0, 0); border-color: rgba(139, 192, 39, 1.00); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Sports-Button-Light, .Sports-Button-Light { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.50); border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none } .tp-caption.Sports-Button-Light:hover, .Sports-Button-Light:hover { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Sports-Button-Red, .Sports-Button-Red { background-color: rgba(219, 28, 34, 1.00); border-color: rgba(219, 28, 34, 0); border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none } .tp-caption.Sports-Button-Red:hover, .Sports-Button-Red:hover { background-color: rgba(0, 0, 0, 1.00); border-color: rgba(0, 0, 0, 1.00); border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Photography-Button, .Photography-Button { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.25); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 1px; color: rgba(255, 255, 255, 1.00); font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: 1px; line-height: 15px; padding: 13px 35px; text-align: left; text-decoration: none } .tp-caption.Photography-Button:hover, .Photography-Button:hover { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 1px; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Newspaper-Button-2, .Newspaper-Button-2 { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.50); border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 900; line-height: 15px; padding: 10px 30px; text-align: left; text-decoration: none } .tp-caption.Newspaper-Button-2:hover, .Newspaper-Button-2:hover { background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Feature-Tour, .Feature-Tour { background-color: rgba(139, 192, 39, 1.00); border-color: rgba(0, 0, 0, 0); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 17px 35px; text-align: left; text-decoration: none } .tp-caption.Feature-Tour:hover, .Feature-Tour:hover { background-color: rgba(114, 168, 0, 1.00); border-color: rgba(0, 0, 0, 0); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Feature-Examples, .Feature-Examples { background-color: transparent; border-color: rgba(33, 42, 64, 0.15); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: rgba(33, 42, 64, 0.50); font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 15px 35px; text-align: left; text-decoration: none } .tp-caption.Feature-Examples:hover, .Feature-Examples:hover { background-color: transparent; border-color: rgba(139, 192, 39, 1.00); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: rgba(139, 192, 39, 1.00); text-decoration: none } .tp-caption.subcaption, .subcaption { background-color: transparent; border-color: rgba(0, 0, 0, 1.00); border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(111, 124, 130, 1.00); font-family: roboto; font-size: 19px; font-style: normal; font-weight: 400; line-height: 24px; padding: 0; text-align: left; text-decoration: none; text-shadow: none } .tp-caption.menutab, .menutab { background-color: transparent; border-color: rgba(0, 0, 0, 1.00); border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(41, 46, 49, 1.00); font-family: roboto; font-size: 25px; font-style: normal; font-weight: 300; line-height: 30px; padding: 0; text-align: left; text-decoration: none; text-shadow: none } .tp-caption.menutab:hover, .menutab:hover { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(213, 0, 0, 1.00); text-decoration: none } .tp-caption.maincontent, .maincontent { background-color: transparent; border-color: rgba(0, 0, 0, 1.00); border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(41, 46, 49, 1.00); font-family: roboto; font-size: 21px; font-style: normal; font-weight: 300; line-height: 26px; padding: 0; text-align: left; text-decoration: none; text-shadow: none } .tp-caption.minitext, .minitext { background-color: transparent; border-color: rgba(0, 0, 0, 1.00); border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(185, 186, 187, 1.00); font-family: roboto; font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; padding: 0; text-align: left; text-decoration: none; text-shadow: none } .tp-caption.Feature-Buy, .Feature-Buy { background-color: rgba(0, 154, 238, 1.00); border-color: rgba(0, 0, 0, 0); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 17px 35px; text-align: left; text-decoration: none } .tp-caption.Feature-Buy:hover, .Feature-Buy:hover { background-color: rgba(0, 133, 214, 1.00); border-color: rgba(0, 0, 0, 0); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Feature-Examples-Light, .Feature-Examples-Light { background-color: transparent; border-color: rgba(255, 255, 255, 0.15); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 15px 35px; text-align: left; text-decoration: none } .tp-caption.Feature-Examples-Light:hover, .Feature-Examples-Light:hover { background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Facebook-Likes, .Facebook-Likes { background-color: rgba(59, 89, 153, 1.00); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 500; line-height: 22px; padding: 5px 15px; text-align: left; text-decoration: none } .tp-caption.Twitter-Favorites, .Twitter-Favorites { background-color: rgba(255, 255, 255, 0); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(136, 153, 166, 1.00); font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 500; line-height: 22px; padding: 0; text-align: left; text-decoration: none } .tp-caption.Twitter-Link, .Twitter-Link { background-color: rgba(255, 255, 255, 1.00); border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: none; border-width: 0; color: rgba(135, 153, 165, 1.00); font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 500; line-height: 15px; padding: 11px 11px 9px; text-align: left; text-decoration: none } .tp-caption.Twitter-Link:hover, .Twitter-Link:hover { background-color: rgba(0, 132, 180, 1.00); border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: none; border-width: 0; color: rgba(255, 255, 255, 1.00); text-decoration: none } .tp-caption.Twitter-Retweet, .Twitter-Retweet { background-color: rgba(255, 255, 255, 0); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(136, 153, 166, 1.00); font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 500; line-height: 22px; padding: 0; text-align: left; text-decoration: none } .tp-caption.Twitter-Content, .Twitter-Content { background-color: rgba(255, 255, 255, 1.00); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(41, 47, 51, 1.00); font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; padding: 30px 30px 70px; text-align: left; text-decoration: none } .revtp-searchform input[type="text"], .revtp-searchform input[type="email"], .revtp-form input[type="text"], .revtp-form input[type="email"] { font-family: "Arial", sans-serif; font-size: 15px; color: #000; background-color: #fff; line-height: 46px; padding: 0 20px; cursor: text; border: 0; width: 400px; margin-bottom: 0; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; -ms-transition: background-color .5s; transition: background-color .5s; border-radius: 0 } .tp-caption.BigBold-Title, .BigBold-Title { color: rgba(255, 255, 255, 1.00); font-size: 110px; line-height: 100px; font-weight: 800; font-style: normal; font-family: Raleway; padding: 10px 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.BigBold-SubTitle, .BigBold-SubTitle { color: rgba(255, 255, 255, 0.50); font-size: 15px; line-height: 24px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left; letter-spacing: 1px } .tp-caption.BigBold-Button, .BigBold-Button { color: rgba(255, 255, 255, 1.00); font-size: 13px; line-height: 13px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 15px 50px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.50); border-style: solid; border-width: 1px; border-radius: 0 0 0 0; text-align: left; letter-spacing: 1px } .tp-caption.BigBold-Button:hover, .BigBold-Button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 0 0 0 0 } .tp-caption.FoodCarousel-Content, .FoodCarousel-Content { color: rgba(41, 46, 49, 1.00); font-size: 17px; line-height: 28px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 30px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 0 0 0 0; text-align: left } .tp-caption.FoodCarousel-Button, .FoodCarousel-Button { color: rgba(41, 46, 49, 1.00); font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 15px 70px 15px 50px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 0 0 0 0; text-align: left; letter-spacing: 1px } .tp-caption.FoodCarousel-Button:hover, .FoodCarousel-Button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(41, 46, 49, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 0 0 0 0 } .tp-caption.FoodCarousel-CloseButton, .FoodCarousel-CloseButton { color: rgba(41, 46, 49, 1.00); font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 14px 14px 14px 16px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(41, 46, 49, 0); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: left; letter-spacing: 1px } .tp-caption.FoodCarousel-CloseButton:hover, .FoodCarousel-CloseButton:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(41, 46, 49, 1.00); border-color: rgba(41, 46, 49, 0); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px } .tp-caption.Video-SubTitle, .Video-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 12px; line-height: 12px; font-weight: 600; font-style: normal; font-family: Raleway; padding: 5px; text-decoration: none; background-color: rgba(0, 0, 0, 0.35); border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; letter-spacing: 2px; text-align: left } .tp-caption.Video-Title, .Video-Title { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 900; font-style: normal; font-family: Raleway; padding: 5px; text-decoration: none; background-color: rgba(0, 0, 0, 1.00); border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.Travel-BigCaption, .Travel-BigCaption { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.Travel-SmallCaption, .Travel-SmallCaption { color: rgba(255, 255, 255, 1.00); font-size: 25px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.Travel-CallToAction, .Travel-CallToAction { color: rgba(255, 255, 255, 1.00); font-size: 25px; line-height: 25px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 20px; text-decoration: none; background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 5px 5px 5px 5px; text-align: left; letter-spacing: 1px } .tp-caption.Travel-CallToAction:hover, .Travel-CallToAction:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 5px 5px 5px 5px } .tp-caption.RotatingWords-TitleWhite, .RotatingWords-TitleWhite { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 800; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.RotatingWords-Button, .RotatingWords-Button { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 20px 50px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.15); border-style: solid; border-width: 2px; border-radius: 0 0 0 0; text-align: left; letter-spacing: 3px } .tp-caption.RotatingWords-Button:hover, .RotatingWords-Button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 0 0 0 0 } .tp-caption.RotatingWords-SmallText, .RotatingWords-SmallText { color: rgba(255, 255, 255, 1.00); font-size: 14px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left; text-shadow: none } .tp-caption.ContentZoom-SmallTitle, .ContentZoom-SmallTitle { color: rgba(41, 46, 49, 1.00); font-size: 33px; line-height: 45px; font-weight: 600; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.ContentZoom-SmallSubtitle, .ContentZoom-SmallSubtitle { color: rgba(111, 124, 130, 1.00); font-size: 16px; line-height: 24px; font-weight: 600; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.ContentZoom-SmallIcon, .ContentZoom-SmallIcon { color: rgba(41, 46, 49, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Raleway; padding: 10px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.ContentZoom-SmallIcon:hover, .ContentZoom-SmallIcon:hover { color: rgba(111, 124, 130, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0 } .tp-caption.ContentZoom-DetailTitle, .ContentZoom-DetailTitle { color: rgba(41, 46, 49, 1.00); font-size: 70px; line-height: 70px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.ContentZoom-DetailSubTitle, .ContentZoom-DetailSubTitle { color: rgba(111, 124, 130, 1.00); font-size: 25px; line-height: 25px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.ContentZoom-DetailContent, .ContentZoom-DetailContent { color: rgba(111, 124, 130, 1.00); font-size: 17px; line-height: 28px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.ContentZoom-Button, .ContentZoom-Button { color: rgba(41, 46, 49, 1.00); font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 15px 50px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(41, 46, 49, 0.50); border-style: solid; border-width: 1px; border-radius: 0 0 0 0; text-align: left; letter-spacing: 1px } .tp-caption.ContentZoom-Button:hover, .ContentZoom-Button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(41, 46, 49, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 0 0 0 0 } .tp-caption.ContentZoom-ButtonClose, .ContentZoom-ButtonClose { color: rgba(41, 46, 49, 1.00); font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 14px 14px 14px 16px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(41, 46, 49, 0.50); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: left; letter-spacing: 1px } .tp-caption.ContentZoom-ButtonClose:hover, .ContentZoom-ButtonClose:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(41, 46, 49, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px } .tp-caption.Newspaper-Title, .Newspaper-Title { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 55px; font-weight: 400; font-style: normal; font-family: "Roboto Slab"; padding: 0 0 10px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.Newspaper-Subtitle, .Newspaper-Subtitle { color: rgba(168, 216, 238, 1.00); font-size: 15px; line-height: 20px; font-weight: 900; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.Newspaper-Button, .Newspaper-Button { color: rgba(255, 255, 255, 1.00); font-size: 13px; line-height: 17px; font-weight: 700; font-style: normal; font-family: Roboto; padding: 12px 35px; text-decoration: none; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 1px; border-radius: 0 0 0 0; letter-spacing: 2px; text-align: left } .tp-caption.Newspaper-Button:hover, .Newspaper-Button:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 0 0 0 0 } .tp-caption.rtwhitemedium, .rtwhitemedium { font-size: 22px; line-height: 26px; color: #fff; text-decoration: none; background-color: transparent; border-width: 0; border-color: #000; border-style: none; text-shadow: none } @media only screen and (max-width: 767px) { .revtp-searchform input[type="text"], .revtp-searchform input[type="email"], .revtp-form input[type="text"], .revtp-form input[type="email"] { width: 200px !important } } .revtp-searchform input[type="submit"], .revtp-form input[type="submit"] { font-family: "Arial", sans-serif; line-height: 46px; letter-spacing: 1px; text-transform: uppercase; font-size: 15px; font-weight: 700; padding: 0 20px; border: 0; background: #009aee; color: #fff; border-radius: 0 } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.Concept-Title, .Concept-Title { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 700; font-style: normal; font-family: "Roboto Condensed"; padding: 0 0 10px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; letter-spacing: 5px } .tp-caption.Concept-SubTitle, .Concept-SubTitle { color: rgba(255, 255, 255, 0.65); font-size: 25px; line-height: 25px; font-weight: 700; font-style: italic; font-family: ""Playfair Display""; padding: 0 0 10px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0 } .tp-caption.Concept-Content, .Concept-Content { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 30px; font-weight: 400; font-style: normal; font-family: "Roboto Condensed"; padding: 0; text-decoration: none; text-align: center; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-style: none; border-width: 2px; border-radius: 0 0 0 0 } .tp-caption.Concept-MoreBtn, .Concept-MoreBtn { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 10px 8px 7px 10px; text-decoration: none; text-align: left; background-color: transparent; border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left } .tp-caption.Concept-MoreBtn:hover, .Concept-MoreBtn:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; border-radius: 50px 50px 50px 50px } .tp-caption.Concept-LessBtn, .Concept-LessBtn { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 10px 8px 7px 10px; text-decoration: none; text-align: left; background-color: rgba(0, 0, 0, 1.00); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left } .tp-caption.Concept-LessBtn:hover, .Concept-LessBtn:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; border-radius: 50px 50px 50px 50px } .tp-caption.Concept-SubTitle-Dark, .Concept-SubTitle-Dark { color: rgba(0, 0, 0, 0.65); font-size: 25px; line-height: 25px; font-weight: 700; font-style: italic; font-family: "Playfair Display"; padding: 0 0 10px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0 } .tp-caption.Concept-Title-Dark, .Concept-Title-Dark { color: rgba(0, 0, 0, 1.00); font-size: 70px; line-height: 70px; font-weight: 700; font-style: normal; font-family: "Roboto Condensed"; padding: 0 0 10px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; letter-spacing: 5px } .tp-caption.Concept-MoreBtn-Dark, .Concept-MoreBtn-Dark { color: rgba(0, 0, 0, 1.00); font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 10px 8px 7px 10px; text-decoration: none; text-align: left; background-color: transparent; border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left } .tp-caption.Concept-MoreBtn-Dark:hover, .Concept-MoreBtn-Dark:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 1.00); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; border-radius: 50px 50px 50px 50px } .tp-caption.Concept-Content-Dark, .Concept-Content-Dark { color: rgba(0, 0, 0, 1.00); font-size: 20px; line-height: 30px; font-weight: 400; font-style: normal; font-family: "Roboto Condensed"; padding: 0; text-decoration: none; text-align: center; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-style: none; border-width: 2px; border-radius: 0 0 0 0 } .tp-caption.Concept-Notice, .Concept-Notice { color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 15px; font-weight: 400; font-style: normal; font-family: "Roboto Condensed"; padding: 0; text-decoration: none; text-align: center; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-style: none; border-width: 2px; border-radius: 0 0 0 0; letter-spacing: 2px } .tp-caption.Concept-Content a, .tp-caption.Concept-Content a:visited { color: #fff !important; border-bottom: 1px solid #fff !important; font-weight: 700 !important } .tp-caption.Concept-Content a:hover { border-bottom: 1px solid transparent !important } .tp-caption.Concept-Content-Dark a, .tp-caption.Concept-Content-Dark a:visited { color: #000 !important; border-bottom: 1px solid #000 !important; font-weight: 700 !important } .tp-caption.Concept-Content-Dark a:hover { border-bottom: 1px solid transparent !important } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.Creative-Title, .Creative-Title { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0 } .tp-caption.Creative-SubTitle, .Creative-SubTitle { color: rgba(205, 176, 131, 1.00); font-size: 14px; line-height: 14px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; letter-spacing: 2px } .tp-caption.Creative-Button, .Creative-Button { color: rgba(205, 176, 131, 1.00); font-size: 13px; line-height: 13px; font-weight: 400; font-style: normal; font-family: Lato; padding: 15px 50px; text-decoration: none; text-align: left; background-color: rgba(0, 0, 0, 0); border-color: rgba(205, 176, 131, 0.25); border-style: solid; border-width: 1px; border-radius: 0 0 0 0; letter-spacing: 2px } .tp-caption.Creative-Button:hover, .Creative-Button:hover { color: rgba(205, 176, 131, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(205, 176, 131, 1.00); border-style: solid; border-width: 1px; border-radius: 0 0 0 0 } .tp-caption.subcaption, .subcaption { color: rgba(111, 124, 130, 1.00); font-size: 19px; line-height: 24px; font-weight: 400; font-style: normal; font-family: roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: rgba(0, 0, 0, 1.00); border-style: none; border-width: 0; border-radius: 0 0 0 0; text-shadow: none; text-align: left } .tp-caption.RedDot, .RedDot { color: rgba(0, 0, 0, 1.00); font-weight: 400; font-style: normal; padding: 0; text-decoration: none; text-align: left; background-color: rgba(213, 0, 0, 1.00); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 5px; border-radius: 50px 50px 50px 50px } .tp-caption.RedDot:hover, .RedDot:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 0.75); border-color: rgba(213, 0, 0, 1.00); border-style: solid; border-width: 5px; border-radius: 50px 50px 50px 50px } .tp-caption.SlidingOverlays-Title, .SlidingOverlays-Title { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0 0 0 0; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0 } .tp-caption.Woo-TitleLarge, .Woo-TitleLarge { color: rgba(0, 0, 0, 1.00); font-size: 40px; line-height: 40px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.Woo-Rating, .Woo-Rating { color: rgba(0, 0, 0, 1.00); font-size: 14px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.Woo-SubTitle, .Woo-SubTitle { color: rgba(0, 0, 0, 1.00); font-size: 18px; line-height: 18px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center; letter-spacing: 2px } .tp-caption.Woo-PriceLarge, .Woo-PriceLarge { color: rgba(0, 0, 0, 1.00); font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.Woo-ProductInfo, .Woo-ProductInfo { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 75px 12px 50px; text-decoration: none; background-color: rgba(254, 207, 114, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left } .tp-caption.Woo-ProductInfo:hover, .Woo-ProductInfo:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(243, 168, 71, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px } .tp-caption.Woo-AddToCart, .Woo-AddToCart { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 35px; text-decoration: none; background-color: rgba(254, 207, 114, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left } .tp-caption.Woo-AddToCart:hover, .Woo-AddToCart:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(243, 168, 71, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px } .tp-caption.Woo-TitleLarge, .Woo-TitleLarge { color: rgba(0, 0, 0, 1.00); font-size: 40px; line-height: 40px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.Woo-SubTitle, .Woo-SubTitle { color: rgba(0, 0, 0, 1.00); font-size: 18px; line-height: 18px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center; letter-spacing: 2px } .tp-caption.Woo-PriceLarge, .Woo-PriceLarge { color: rgba(0, 0, 0, 1.00); font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.Woo-ProductInfo, .Woo-ProductInfo { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 75px 12px 50px; text-decoration: none; background-color: rgba(254, 207, 114, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left } .tp-caption.Woo-ProductInfo:hover, .Woo-ProductInfo:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(243, 168, 71, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px } .tp-caption.Woo-AddToCart, .Woo-AddToCart { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 35px; text-decoration: none; background-color: rgba(254, 207, 114, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left } .tp-caption.Woo-AddToCart:hover, .Woo-AddToCart:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(243, 168, 71, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px } .tp-caption.FullScreen-Toggle, .FullScreen-Toggle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Raleway; padding: 11px 8px 11px 12px; text-decoration: none; text-align: left; background-color: rgba(0, 0, 0, 0.50); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; border-radius: 0 0 0 0; letter-spacing: 3px; text-align: left } .tp-caption.FullScreen-Toggle:hover, .FullScreen-Toggle:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 1.00); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; border-radius: 0 0 0 0 } .tp-caption.Agency-Title, .Agency-Title { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 900; font-style: normal; font-family: lato; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left; letter-spacing: 10px } .tp-caption.Agency-SubTitle, .Agency-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: italic; font-family: Georgia, serif; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.Agency-PlayBtn, .Agency-PlayBtn { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 71px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.Agency-PlayBtn:hover, .Agency-PlayBtn:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.Agency-SmallText, .Agency-SmallText { color: rgba(255, 255, 255, 1.00); font-size: 12px; line-height: 12px; font-weight: 900; font-style: normal; font-family: lato; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left; letter-spacing: 5px } .tp-caption.Agency-Social, .Agency-Social { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0; text-decoration: none; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 2px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.Agency-Social:hover, .Agency-Social:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(51, 51, 51, 1.00); border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 2px; border-radius: 30px 30px 30px 30px; cursor: pointer } .tp-caption.Agency-CloseBtn, .Agency-CloseBtn { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 0); border-style: none; border-width: 0; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.Agency-CloseBtn:hover, .Agency-CloseBtn:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 0); border-style: none; border-width: 0; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.Dining-Title, .Dining-Title { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left; letter-spacing: 10px } .tp-caption.Dining-SubTitle, .Dining-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.Dining-BtnLight, .Dining-BtnLight { color: rgba(255, 255, 255, 0.50); font-size: 15px; line-height: 15px; font-weight: 700; font-style: normal; font-family: Lato; padding: 17px 73px 17px 50px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 1px; border-radius: 0 0 0 0; text-align: left; letter-spacing: 2px } .tp-caption.Dining-BtnLight:hover, .Dining-BtnLight:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 0 0 0 0 } .tp-caption.Dining-Social, .Dining-Social { color: rgba(255, 255, 255, 1.00); font-size: 25px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0; text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.Dining-Social:hover, .Dining-Social:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } tp-caption.Team-Thumb, .Team-Thumb { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 22px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.Team-Thumb:hover, .Team-Thumb:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.Team-Name, .Team-Name { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 900; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.Team-Position, .Team-Position { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.Team-Description, .Team-Description { color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 28px; font-weight: 400; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.Team-Social, .Team-Social { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.Team-Social:hover, .Team-Social:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.VideoControls-Play, .VideoControls-Play { color: rgba(0, 0, 0, 1.00); font-size: 50px; line-height: 120px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0 0 0 7px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.VideoControls-Play:hover, .VideoControls-Play:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.VideoPlayer-Title, .VideoPlayer-Title { color: rgba(255, 255, 255, 1.00); font-size: 40px; line-height: 40px; font-weight: 900; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left; letter-spacing: 10px } .tp-caption.VideoPlayer-SubTitle, .VideoPlayer-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: italic; font-family: Georgia, serif; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.VideoPlayer-Social, .VideoPlayer-Social { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.VideoPlayer-Social:hover, .VideoPlayer-Social:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.VideoControls-Mute, .VideoControls-Mute { color: rgba(0, 0, 0, 1.00); font-size: 20px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.VideoControls-Mute:hover, .VideoControls-Mute:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.VideoControls-Pause, .VideoControls-Pause { color: rgba(0, 0, 0, 1.00); font-size: 20px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.VideoControls-Pause:hover, .VideoControls-Pause:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 100px 100px 100px 100px; cursor: pointer } .soundcloudwrapper iframe { width: 100% !important } .tp-caption.SleekLanding-Title, .SleekLanding-Title { color: rgba(255, 255, 255, 1.00); font-size: 35px; line-height: 40px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left; letter-spacing: 5px } .tp-caption.SleekLanding-ButtonBG, .SleekLanding-ButtonBG { color: rgba(0, 0, 0, 1.00); font-weight: 700; font-style: normal; padding: 0; text-decoration: none; text-align: left; background-color: rgba(255, 255, 255, 0.10); border-color: rgba(0, 0, 0, 0); border-style: solid; border-width: 0; border-radius: 5px 5px 5px 5px; text-align: left; box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.15) } .tp-caption.SleekLanding-SmallTitle, .SleekLanding-SmallTitle { color: rgba(255, 255, 255, 1.00); font-size: 13px; line-height: 50px; font-weight: 900; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left; letter-spacing: 2px } .tp-caption.SleekLanding-BottomText, .SleekLanding-BottomText { color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 24px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.SleekLanding-Social, .SleekLanding-Social { color: rgba(255, 255, 255, 1.00); font-size: 22px; line-height: 30px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.SleekLanding-Social:hover, .SleekLanding-Social:hover { color: rgba(0, 0, 0, 0.25); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } #rev_slider_429_1_wrapper .tp-loader.spinner2 { background-color: #555 !important } .tp-fat { font-weight: 900 !important } .tp-caption.PostSlider-Category, .PostSlider-Category { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; letter-spacing: 3px; text-align: left } .tp-caption.PostSlider-Title, .PostSlider-Title { color: rgba(0, 0, 0, 1.00); font-size: 40px; line-height: 40px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.PostSlider-Content, .PostSlider-Content { color: rgba(119, 119, 119, 1.00); font-size: 15px; line-height: 23px; font-weight: 400; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.PostSlider-Button, .PostSlider-Button { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 40px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px 56px 1px 32px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 0 0 0 0; text-align: left } .tp-caption.PostSlider-Button:hover, .PostSlider-Button:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(238, 238, 238, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.LandingPage-Title, .LandingPage-Title { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 80px; font-weight: 900; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left; letter-spacing: 10px } .tp-caption.LandingPage-SubTitle, .LandingPage-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 30px; font-weight: 400; font-style: italic; font-family: Georgia, serif; padding: 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.LandingPage-Button, .LandingPage-Button { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 54px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0 35px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 0 0 0 0; text-align: left; letter-spacing: 3px } .tp-caption.LandingPage-Button:hover, .LandingPage-Button:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.App-Content a, .tp-caption.App-Content a:visited { color: #89124e !important; border-bottom: 1px solid transparent !important; font-weight: 700 !important } .tp-caption.App-Content a:hover { border-bottom: 1px solid #89124e !important } .tp-caption.RockBand-LogoText, .RockBand-LogoText { color: rgba(255, 255, 255, 1.00); font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Oswald; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #fff !important; text-decoration: underline !important } .tp-caption.Twitter-Content a:hover { color: #fff !important; text-decoration: none !important } .soundcloudwrapper iframe { width: 100% !important } .tp-caption.Agency-LogoText, .Agency-LogoText { color: rgba(255, 255, 255, 1.00); font-size: 12px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center; letter-spacing: 1px } .tp-caption.ComingSoon-Highlight, .ComingSoon-Highlight { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 37px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 20px 3px; text-decoration: none; text-align: left; background-color: rgba(0, 154, 238, 1.00); border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.ComingSoon-Count, .ComingSoon-Count { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 900; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.ComingSoon-CountUnit, .ComingSoon-CountUnit { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.ComingSoon-NotifyMe, .ComingSoon-NotifyMe { color: rgba(164, 157, 143, 1.00); font-size: 27px; line-height: 35px; font-weight: 600; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } #mc_embed_signup input#mce-EMAIL { font-family: "Lato", sans-serif; font-size: 15px; color: #000; background-color: #fff; line-height: 46px; padding: 0 20px; cursor: text; border: 1px solid #fff; width: 400px; margin-bottom: 0; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; -ms-transition: background-color .5s; transition: background-color .5s; border-radius: 0 } #mc_embed_signup input#mce-EMAIL[type="email"]:focus { background-color: #fff; border: 1px solid #666; border-right: 0 } #mc_embed_signup input#mc-embedded-subscribe, #mc_embed_signup input#mc-embedded-subscribe:focus { font-family: "Lato", sans-serif; line-height: 46px; letter-spacing: 1px; text-transform: uppercase; font-size: 13px; font-weight: 900; padding: 0 20px; border: 1px solid #009aee; background: #009aee; color: #fff; border-radius: 0 } #mc_embed_signup input#mc-embedded-subscribe:hover { background: #0083d4 } @media only screen and (max-width: 767px) { #mc_embed_signup input#mce-EMAIL { width: 200px } } .tp-caption.Agency-SmallTitle, .Agency-SmallTitle { color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 22px; font-weight: 400; font-style: normal; font-family: lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center; letter-spacing: 6px } .tp-caption.Agency-SmallContent, .Agency-SmallContent { color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 24px; font-weight: 400; font-style: normal; font-family: lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.Agency-SmallLink, .Agency-SmallLink { color: rgba(248, 124, 9, 1.00); font-size: 12px; line-height: 22px; font-weight: 700; font-style: normal; font-family: lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center; letter-spacing: 2px; border-bottom: 1px solid #f87c09 !important } .tp-caption.Agency-SmallLink:hover, .Agency-SmallLink:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.Agency-NavButton, .Agency-NavButton { color: rgba(51, 51, 51, 1.00); font-size: 17px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; text-align: center; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.Agency-NavButton:hover, .Agency-NavButton:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(51, 51, 51, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.Agency-SmallLinkGreen, .Agency-SmallLinkGreen { color: rgba(109, 177, 155, 1.00); font-size: 12px; line-height: 22px; font-weight: 700; font-style: normal; font-family: lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center; letter-spacing: 2px; border-bottom: 1px solid #6db19b !important } .tp-caption.Agency-SmallLinkGreen:hover, .Agency-SmallLinkGreen:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.Agency-SmallLinkBlue, .Agency-SmallLinkBlue { color: rgba(153, 153, 153, 1.00); font-size: 12px; line-height: 22px; font-weight: 700; font-style: normal; font-family: lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center; letter-spacing: 2px; border-bottom: 1px solid #999 !important } .tp-caption.Agency-SmallLinkBlue:hover, .Agency-SmallLinkBlue:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.Agency-LogoText, .Agency-LogoText { color: rgba(255, 255, 255, 1.00); font-size: 12px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center; letter-spacing: 1px } .tp-caption.Agency-ArrowTooltip, .Agency-ArrowTooltip { color: rgba(51, 51, 51, 1.00); font-size: 15px; line-height: 20px; font-weight: 400; font-style: normal; font-family: "Permanent Marker"; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.Agency-SmallSocial, .Agency-SmallSocial { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.Agency-SmallSocial:hover, .Agency-SmallSocial:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.CreativeFrontPage-Btn, .CreativeFrontPage-Btn { color: rgba(255, 255, 255, 1.00); font-size: 14px; line-height: 60px; font-weight: 900; font-style: normal; font-family: Roboto; padding: 0 50px; text-decoration: none; text-align: left; background-color: rgba(0, 104, 92, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 4px 4px 4px 4px; letter-spacing: 2px } .tp-caption.CreativeFrontPage-Btn:hover, .CreativeFrontPage-Btn:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 4px 4px 4px 4px; cursor: pointer } .tp-caption.CreativeFrontPage-Menu, .CreativeFrontPage-Menu { color: rgba(255, 255, 255, 1.00); font-size: 14px; line-height: 14px; font-weight: 500; font-style: normal; font-family: roboto; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; letter-spacing: 2px } .tp-flip-index { z-index: 1000 !important } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.FullScreenMenu-Category, .FullScreenMenu-Category { color: rgba(17, 17, 17, 1.00); font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: BenchNine; padding: 21px 30px 16px; text-decoration: none; text-align: left; background-color: rgba(255, 255, 255, 0.90); border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; letter-spacing: 3px } .tp-caption.FullScreenMenu-Title, .FullScreenMenu-Title { color: rgba(255, 255, 255, 1.00); font-size: 65px; line-height: 70px; font-weight: 700; font-style: normal; font-family: BenchNine; padding: 21px 30px 16px; text-decoration: none; text-align: left; background-color: rgba(17, 17, 17, 0.90); border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0 } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.TechJournal-Button, .TechJournal-Button { color: rgba(255, 255, 255, 1.00); font-size: 13px; line-height: 40px; font-weight: 900; font-style: normal; font-family: Raleway; padding: 1px 30px; text-decoration: none; text-align: left; background-color: rgba(138, 0, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 0 0 0 0; letter-spacing: 3px } .tp-caption.TechJournal-Button:hover, .TechJournal-Button:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.TechJournal-Big, .TechJournal-Big { color: rgba(255, 255, 255, 1.00); font-size: 120px; line-height: 120px; font-weight: 900; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; letter-spacing: 0 } .rev_slider { overflow: hidden } .effect_layer { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } #menu_forcefullwidth { z-index: 5000; position: fixed !important; top: 0; left: 0; width: 100% } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0, 150, 255, 1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-Link:hover, .FullSiteBlock-Link:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.FullSiteBlock-DownButton, .FullSiteBlock-DownButton { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 32px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px; text-decoration: none; text-align: center; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.FullSiteBlock-DownButton:hover, .FullSiteBlock-DownButton:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(0, 150, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0, 150, 255, 1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-Link:hover, .FullSiteBlock-Link:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.FullSiteBlock-DownButton, .FullSiteBlock-DownButton { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 32px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px; text-decoration: none; text-align: center; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.FullSiteBlock-DownButton:hover, .FullSiteBlock-DownButton:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(0, 150, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-DownButton, .FullSiteBlock-DownButton { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 32px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px; text-decoration: none; text-align: center; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.FullSiteBlock-DownButton:hover, .FullSiteBlock-DownButton:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(0, 150, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0, 150, 255, 1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-Link:hover, .FullSiteBlock-Link:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.FullSiteBlock-DownButton, .FullSiteBlock-DownButton { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 32px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px; text-decoration: none; text-align: center; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.FullSiteBlock-DownButton:hover, .FullSiteBlock-DownButton:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(0, 150, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } .rev_slider { overflow: hidden } .effect_layer { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .gyges .tp-thumb { opacity: 1 } .gyges .tp-thumb-img-wrap { padding: 3px; background-color: rgba(0, 0, 0, 0.25); display: inline-block; width: 100%; height: 100%; position: relative; margin: 0; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s } .gyges .tp-thumb-image { padding: 3px; display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25) } .gyges .tp-thumb:hover .tp-thumb-img-wrap, .gyges .tp-thumb.selected .tp-thumb-img-wrap { background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%) } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0, 150, 255, 1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-Link:hover, .FullSiteBlock-Link:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.FullSiteBlock-FooterLink, .FullSiteBlock-FooterLink { color: rgba(85, 85, 85, 1.00); font-size: 15px; line-height: 20px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: left } .tp-caption.FullSiteBlock-FooterLink:hover, .FullSiteBlock-FooterLink:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .fb-share-button.fb_iframe_widget iframe { width: 115px !important } #tp-socialwrapper { opacity: 0 } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } #menu_forcefullwidth { z-index: 5000; position: fixed !important; top: 0; left: 0; width: 100% } #tp-menubg { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d9000000', endColorstr='#00000000', GradientType=0) } #mc_embed_signup input[type="email"] { font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; background-color: #fff; color: #888 !important; line-height: 46px; padding: 0 20px; cursor: text; border: 0; width: 400px; margin-bottom: 0; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; -ms-transition: background-color .5s; transition: background-color .5s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } #mc_embed_signup input[type="email"]::-webkit-input-placeholder { color: #888 !important } #mc_embed_signup input[type="email"]::-moz-placeholder { color: #888 !important } #mc_embed_signup input[type="email"]:-ms-input-placeholder { color: #888 !important } #mc_embed_signup input[type="email"]:focus { background-color: #f5f5f5; color: #454545 } #mc_embed_signup input#mc-embedded-subscribe, #mc_embed_signup input#mc-embedded-subscribe:focus { font-family: "Lato", sans-serif; line-height: 46px; font-size: 16px; font-weight: 700; padding: 0 30px; border: 0; background: #f04531; text-transform: none; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } #mc_embed_signup input#mc-embedded-subscribe:hover { background: #e03727 } @media only screen and (max-width: 767px) { #mc_embed_signup input[type="email"] { width: 260px } } @media only screen and (max-width: 480px) { #mc_embed_signup input[type="email"] { width: 160px } } #rev_slider_167_6 .uranus.tparrows { width: 50px; height: 50px; background: rgba(255, 255, 255, 0) } #rev_slider_167_6 .uranus.tparrows:before { width: 50px; height: 50px; line-height: 50px; font-size: 40px; transition: all .3s; -webkit-transition: all .3s } #rev_slider_167_6 .uranus.tparrows:hover:before { opacity: .75 } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } .tp-caption.ParallaxWebsite-FooterItem, .ParallaxWebsite-FooterItem { color: rgba(255, 255, 255, 0.50); font-size: 16px; line-height: 24px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0 } .tp-caption.ParallaxWebsite-FooterItem:hover, .ParallaxWebsite-FooterItem:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; cursor: pointer } .fb-share-button.fb_iframe_widget iframe { width: 115px !important } iframe.twitter-share-button { display: none } .fb-share-button.fb_iframe_widget iframe { display: none } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0, 150, 255, 1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; text-align: center } /*! 13. rs-plugin/css/navigation.css */ .ares.tparrows { cursor: pointer; background: #fff; min-width: 60px; min-height: 60px; position: absolute; display: block; z-index: 100; border-radius: 50% } .ares.tparrows:before { font-family: "revicons"; font-size: 25px; color: #aaa; display: block; line-height: 60px; text-align: center; -webkit-transition: color .3s; -moz-transition: color .3s; transition: color .3s; z-index: 2; position: relative } .ares.tparrows.tp-leftarrow:before { content: "\e81f" } .ares.tparrows.tp-rightarrow:before { content: "\e81e" } .ares.tparrows:hover:before { color: #000 } .ares .tp-title-wrap { position: absolute; z-index: 1; display: inline-block; background: #fff; min-height: 60px; line-height: 60px; top: 0; margin-left: 30px; border-radius: 0 30px 30px 0; overflow: hidden; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: 0 50%; -webkit-transform-origin: 0 50% } .ares.tp-rightarrow .tp-title-wrap { right: 0; margin-right: 30px; margin-left: 0; -webkit-transform-origin: 100% 50%; border-radius: 30px 0 0 30px } .ares.tparrows:hover .tp-title-wrap { transform: scaleX(1) scaleY(1); -webkit-transform: scaleX(1) scaleY(1) } .ares .tp-arr-titleholder { position: relative; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transform: translateX(200px); text-transform: uppercase; color: #000; font-weight: 400; font-size: 14px; line-height: 60px; white-space: nowrap; padding: 0 20px; margin-left: 10px; opacity: 0 } .ares.tp-rightarrow .tp-arr-titleholder { transform: translateX(-200px); margin-left: 0; margin-right: 10px } .ares.tparrows:hover .tp-arr-titleholder { transform: translateX(0px); -webkit-transform: translateX(0px); transition-delay: .1s; opacity: 1 } .ares.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .ares .tp-bullet { width: 13px; height: 13px; position: absolute; background: #e5e5e5; border-radius: 50%; cursor: pointer; box-sizing: content-box } .ares .tp-bullet:hover, .ares .tp-bullet.selected { background: #fff } .ares .tp-bullet-title { position: absolute; color: #888; font-size: 12px; padding: 0 10px; font-weight: 600; right: 27px; top: -4px; background: #fff; background: rgba(255, 255, 255, 0.75); visibility: hidden; transform: translateX(-20px); -webkit-transform: translateX(-20px); transition: transform .3s; -webkit-transition: transform .3s; line-height: 20px; white-space: nowrap } .ares .tp-bullet-title:after { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.75); content: " "; position: absolute; right: -10px; top: 0 } .ares .tp-bullet:hover .tp-bullet-title { visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px) } .ares .tp-bullet.selected:hover .tp-bullet-title { background: #fff } .ares .tp-bullet.selected:hover .tp-bullet-title:after { border-color: transparent transparent transparent #fff } .ares.tp-bullets:hover .tp-bullet-title { visibility: hidden } .ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title { visibility: visible } .ares .tp-tab { opacity: 1; padding: 10px; box-sizing: border-box; font-family: "Roboto", sans-serif; border-bottom: 1px solid #e5e5e5 } .ares .tp-tab-image { width: 60px; height: 60px; max-height: 100%; max-width: 100%; position: relative; display: inline-block; float: left } .ares .tp-tab-content { background: rgba(0, 0, 0, 0); position: relative; padding: 15px 15px 15px 85px; left: 0; overflow: hidden; margin-top: -15px; box-sizing: border-box; color: #333; display: inline-block; width: 100%; height: 100%; position: absolute } .ares .tp-tab-date { display: block; color: #aaa; font-weight: 500; font-size: 12px; margin-bottom: 0 } .ares .tp-tab-title { display: block; text-align: left; color: #333; font-size: 14px; font-weight: 500; text-transform: none; line-height: 17px } .ares .tp-tab:hover, .ares .tp-tab.selected { background: #eee } .custom.tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 10000 } .custom.tparrows:hover { background: #000 } .custom.tparrows:before { font-family: "revicons"; font-size: 15px; color: #fff; display: block; line-height: 40px; text-align: center } .custom.tparrows.tp-leftarrow:before { content: "\e824" } .custom.tparrows.tp-rightarrow:before { content: "\e825" } .custom.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .custom .tp-bullet { width: 12px; height: 12px; position: absolute; background: #aaa; background: rgba(125, 125, 125, 0.5); cursor: pointer; box-sizing: content-box } .custom .tp-bullet:hover, .custom .tp-bullet.selected { background: #7d7d7d } .dione.tparrows { height: 100%; width: 100px; background: transparent; background: rgba(0, 0, 0, 0); line-height: 100%; transition: all .3s; -webkit-transition: all .3s } .dione.tparrows:hover { background: rgba(0, 0, 0, 0.45) } .dione .tp-arr-imgwrapper { width: 100px; left: 0; position: absolute; height: 100%; top: 0; overflow: hidden } .dione.tp-rightarrow .tp-arr-imgwrapper { left: auto; right: 0 } .dione .tp-arr-imgholder { background-position: center center; background-size: cover; width: 100px; height: 100%; top: 0; visibility: hidden; transform: translateX(-50px); -webkit-transform: translateX(-50px); transition: all .3s; -webkit-transition: all .3s; opacity: 0; left: 0 } .dione.tparrows.tp-rightarrow .tp-arr-imgholder { right: 0; left: auto; transform: translateX(50px); -webkit-transform: translateX(50px) } .dione.tparrows:before { position: absolute; line-height: 30px; margin-left: -22px; top: 50%; left: 50%; font-size: 30px; margin-top: -15px; transition: all .3s; -webkit-transition: all .3s } .dione.tparrows.tp-rightarrow:before { margin-left: 6px } .dione.tparrows:hover:before { transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0 } .dione.tparrows.tp-rightarrow:hover:before { transform: translateX(20px); -webkit-transform: translateX(20px) } .dione.tparrows:hover .tp-arr-imgholder { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible } .dione .tp-bullet { opacity: 1; width: 50px; height: 50px; padding: 3px; background: #000; background-color: rgba(0, 0, 0, 0.25); margin: 0; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s } .dione .tp-bullet-image { display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25); width: 44px; height: 44px; background-size: cover; background-position: center center } .dione .tp-bullet-title { position: absolute; bottom: 65px; display: inline-block; left: 50%; background: #000; background: rgba(0, 0, 0, 0.75); color: #fff; padding: 10px 30px; border-radius: 4px; -webkit-border-radius: 4px; opacity: 0; transition: all .3s; -webkit-transition: all .3s; transform: translateZ(0.001px) translateX(-50%) translateY(14px); transform-origin: 50% 100%; -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px); -webkit-transform-origin: 50% 100%; opacity: 0; white-space: nowrap } .dione .tp-bullet:hover .tp-bullet-title { transform: rotateX(0deg) translateX(-50%); -webkit-transform: rotateX(0deg) translateX(-50%); opacity: 1 } .dione .tp-bullet.selected, .dione .tp-bullet:hover { background: rgba(255, 255, 255, 1); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(119, 119, 119, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#777777", GradientType=0) } .dione .tp-bullet-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0; border-color: rgba(0, 0, 0, 0.75) transparent transparent; bottom: -8px } .erinyen.tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, 0.5); min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 1000; border-radius: 35px } .erinyen.tparrows:before { font-family: "revicons"; font-size: 20px; color: #fff; display: block; line-height: 70px; text-align: center; z-index: 2; position: relative } .erinyen.tparrows.tp-leftarrow:before { content: "\e824" } .erinyen.tparrows.tp-rightarrow:before { content: "\e825" } .erinyen .tp-title-wrap { position: absolute; z-index: 1; display: inline-block; background: #000; background: rgba(0, 0, 0, 0.5); min-height: 70px; line-height: 70px; top: 0; margin-left: 0; border-radius: 35px; overflow: hidden; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0 } .erinyen.tparrows:hover .tp-title-wrap { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible } .erinyen.tp-rightarrow .tp-title-wrap { right: 0; margin-right: 0; margin-left: 0; -webkit-transform-origin: 100% 50%; border-radius: 35px; padding-right: 20px; padding-left: 10px } .erinyen.tp-leftarrow .tp-title-wrap { padding-left: 20px; padding-right: 10px } .erinyen .tp-arr-titleholder { letter-spacing: 3px; position: relative; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transform: translateX(200px); text-transform: uppercase; color: #fff; font-weight: 600; font-size: 13px; line-height: 70px; white-space: nowrap; padding: 0 20px; margin-left: 11px; opacity: 0 } .erinyen .tp-arr-imgholder { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center center; background-size: cover } .erinyen .tp-arr-img-over { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; background: rgba(0, 0, 0, 0.5) } .erinyen.tp-rightarrow .tp-arr-titleholder { transform: translateX(-200px); margin-left: 0; margin-right: 11px } .erinyen.tparrows:hover .tp-arr-titleholder { transform: translateX(0px); -webkit-transform: translateX(0px); transition-delay: .1s; opacity: 1 } .erinyen.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: #555; background: -moz-linear-gradient(top, #555 0%, #222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #222)); background: -webkit-linear-gradient(top, #555 0%, #222 100%); background: -o-linear-gradient(top, #555 0%, #222 100%); background: -ms-linear-gradient(top, #555 0%, #222 100%); background: linear-gradient(to bottom, #555 0%, #222 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#555555", endcolorstr="#222222", gradienttype=0); padding: 10px 15px; margin-left: -15px; margin-top: -10px; box-sizing: content-box; border-radius: 10px; box-shadow: 0 0 2px 1px rgba(33, 33, 33, 0.3) } .erinyen .tp-bullet { width: 13px; height: 13px; position: absolute; background: #111; border-radius: 50%; cursor: pointer; box-sizing: content-box } .erinyen .tp-bullet:hover, .erinyen .tp-bullet.selected { background: #e5e5e5; background: -moz-linear-gradient(top, #e5e5e5 0%, #999 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #999)); background: -webkit-linear-gradient(top, #e5e5e5 0%, #999 100%); background: -o-linear-gradient(top, #e5e5e5 0%, #999 100%); background: -ms-linear-gradient(top, #e5e5e5 0%, #999 100%); background: linear-gradient(to bottom, #e5e5e5 0%, #999 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#e5e5e5", endcolorstr="#999999", gradienttype=0); border: 1px solid #555; width: 12px; height: 12px } .erinyen .tp-thumb { opacity: 1 } .erinyen .tp-thumb-over { background: #000; background: rgba(0, 0, 0, 0.25); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .3s; transition: all .3s } .erinyen .tp-thumb-more:before { font-family: "revicons"; font-size: 12px; color: #aaa; color: rgba(255, 255, 255, 0.75); display: block; line-height: 12px; text-align: left; z-index: 2; position: absolute; top: 20px; right: 20px; z-index: 2; content: "\e825" } .erinyen .tp-thumb-title { font-family: "Raleway"; letter-spacing: 1px; font-size: 12px; color: #fff; display: block; line-height: 15px; text-align: left; z-index: 2; position: absolute; top: 0; left: 0; z-index: 2; padding: 20px 35px 20px 20px; width: 100%; height: 100%; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; font-weight: 500 } .erinyen .tp-thumb.selected .tp-thumb-more:before, .erinyen .tp-thumb:hover .tp-thumb-more:before { color: #aaa } .erinyen .tp-thumb.selected .tp-thumb-over, .erinyen .tp-thumb:hover .tp-thumb-over { background: #fff } .erinyen .tp-thumb.selected .tp-thumb-title, .erinyen .tp-thumb:hover .tp-thumb-title { color: #000 } .erinyen .tp-tab-title { color: #a8d8ee; font-size: 13px; font-weight: 700; text-transform: uppercase; /*font-family:"Roboto Slab"*/ ; margin-bottom: 5px } .erinyen .tp-tab-desc { font-size: 18px; font-weight: 400; color: #fff; line-height: 25px; font-family: "Roboto Slab" } .gyges.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: #777; background: -moz-linear-gradient(top, #777 0%, #666 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%, #666)); background: -webkit-linear-gradient(top, #777 0%, #666 100%); background: -o-linear-gradient(top, #777 0%, #666 100%); background: -ms-linear-gradient(top, #777 0%, #666 100%); background: linear-gradient(to bottom, #777 0%, #666 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777", endColorstr="#666666", GradientType=0); padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; border-radius: 10px } .gyges .tp-bullet { width: 12px; height: 12px; position: absolute; background: #333; border: 3px solid #444; border-radius: 50%; cursor: pointer; box-sizing: content-box } .gyges .tp-bullet:hover, .gyges .tp-bullet.selected { background: #fff; background: -moz-linear-gradient(top, #fff 0%, #e1e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e1e1e1)); background: -webkit-linear-gradient(top, #fff 0%, #e1e1e1 100%); background: -o-linear-gradient(top, #fff 0%, #e1e1e1 100%); background: -ms-linear-gradient(top, #fff 0%, #e1e1e1 100%); background: linear-gradient(to bottom, #fff 0%, #e1e1e1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e1e1e1", GradientType=0) } .gyges .tp-thumb { opacity: 1 } .gyges .tp-thumb-img-wrap { padding: 3px; background: #000; background-color: rgba(0, 0, 0, 0.25); display: inline-block; width: 100%; height: 100%; position: relative; margin: 0; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s } .gyges .tp-thumb-image { padding: 3px; display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25) } .gyges .tp-thumb-title { position: absolute; bottom: 100%; display: inline-block; left: 50%; background: rgba(255, 255, 255, 0.8); padding: 10px 30px; border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 20px; opacity: 0; transition: all .3s; -webkit-transition: all .3s; transform: translateZ(0.001px) translateX(-50%) translateY(14px); transform-origin: 50% 100%; -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px); -webkit-transform-origin: 50% 100%; white-space: nowrap } .gyges .tp-thumb:hover .tp-thumb-title { transform: rotateX(0deg) translateX(-50%); -webkit-transform: rotateX(0deg) translateX(-50%); opacity: 1 } .gyges .tp-thumb:hover .tp-thumb-img-wrap, .gyges .tp-thumb.selected .tp-thumb-img-wrap { background: rgba(255, 255, 255, 1); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(119, 119, 119, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#777777", GradientType=0) } .gyges .tp-thumb-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0; border-color: rgba(255, 255, 255, 0.8) transparent transparent; bottom: -8px } .gyges .tp-tab { opacity: 1; padding: 10px; box-sizing: border-box; font-family: "Roboto", sans-serif; border-bottom: 1px solid rgba(255, 255, 255, 0.15) } .gyges .tp-tab-image { width: 60px; height: 60px; max-height: 100%; max-width: 100%; position: relative; display: inline-block; float: left } .gyges .tp-tab-content { background: rgba(0, 0, 0, 0); position: relative; padding: 15px 15px 15px 85px; left: 0; overflow: hidden; margin-top: -15px; box-sizing: border-box; color: #333; display: inline-block; width: 100%; height: 100%; position: absolute } .gyges .tp-tab-date { display: block; color: rgba(255, 255, 255, 0.25); font-weight: 500; font-size: 12px; margin-bottom: 0 } .gyges .tp-tab-title { display: block; text-align: left; color: #fff; font-size: 14px; font-weight: 500; text-transform: none; line-height: 17px } .gyges .tp-tab:hover, .gyges .tp-tab.selected { background: rgba(0, 0, 0, 0.5) } .hades.tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, 0.15); width: 100px; height: 100px; position: absolute; display: block; z-index: 1000 } .hades.tparrows:before { font-family: "revicons"; font-size: 30px; color: #fff; display: block; line-height: 100px; text-align: center; transition: background 0.3s, color .3s } .hades.tparrows.tp-leftarrow:before { content: "\e824" } .hades.tparrows.tp-rightarrow:before { content: "\e825" } .hades.tparrows:hover:before { color: #aaa; background: #fff; background: rgba(255, 255, 255, 1) } .hades .tp-arr-allwrapper { position: absolute; left: 100%; top: 0; background: #888; width: 100px; height: 100px; -webkit-transition: all .3s; transition: all .3s; -ms-filter: progid:dximagetransform.microsoft.alpha(opacity=0); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: rotatey(-90deg); transform: rotatey(-90deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .hades.tp-rightarrow .tp-arr-allwrapper { left: auto; right: 100%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotatey(90deg); transform: rotatey(90deg) } .hades:hover .tp-arr-allwrapper { -ms-filter: progid:dximagetransform.microsoft.alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: rotatey(0deg); transform: rotatey(0deg) } .hades .tp-arr-imgholder { background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .hades.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .hades .tp-bullet { width: 3px; height: 3px; position: absolute; background: #888; cursor: pointer; border: 5px solid #fff; box-sizing: content-box; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2); -webkit-perspective: 400; perspective: 400px; -webkit-transform: translatez(0.01px); transform: translatez(0.01px) } .hades .tp-bullet:hover, .hades .tp-bullet.selected { background: #555 } .hades .tp-bullet-image { position: absolute; top: -80px; left: -60px; width: 120px; height: 60px; background-position: center center; background-size: cover; visibility: hidden; opacity: 0; transition: all .3s; -webkit-transform-style: flat; transform-style: flat; perspective: 600px; -webkit-perspective: 600; transform: rotatex(-90deg); -webkit-transform: rotatex(-90deg); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100% } .hades .tp-bullet:hover .tp-bullet-image { display: block; opacity: 1; transform: rotatex(0deg); -webkit-transform: rotatex(0deg); visibility: visible } .hades .tp-thumb { opacity: 1 } .hades .tp-thumb-img-wrap { border-radius: 50%; padding: 3px; display: inline-block; background: #000; background-color: rgba(0, 0, 0, 0.25); width: 100%; height: 100%; position: relative; margin: 0; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s } .hades .tp-thumb-image { padding: 3px; border-radius: 50%; display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25) } .hades .tp-thumb:hover .tp-thumb-img-wrap, .hades .tp-thumb.selected .tp-thumb-img-wrap { background: rgba(255, 255, 255, 1); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(119, 119, 119, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#777777", GradientType=0) } .hades .tp-thumb-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0; border-color: rgba(0, 0, 0, 0.75) transparent transparent; bottom: -8px } .hades .tp-tab { opacity: 1 } .hades .tp-tab-title { display: block; color: #333; font-weight: 600; font-size: 18px; text-align: center; line-height: 25px } .hades .tp-tab-price { display: block; text-align: center; color: #999; font-size: 16px; margin-top: 10px; line-height: 20px } .hades .tp-tab-button { display: inline-block; margin-top: 15px; text-align: center; padding: 5px 15px; color: #fff; font-size: 14px; background: #219bd7; border-radius: 4px; font-weight: 400 } .hades .tp-tab-inner { text-align: center } .hebe.tparrows { cursor: pointer; background: #fff; min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 1000 } .hebe.tparrows:before { font-family: "revicons"; font-size: 30px; color: #aaa; display: block; line-height: 70px; text-align: center; -webkit-transition: color .3s; -moz-transition: color .3s; transition: color .3s; z-index: 2; position: relative; background: #fff; min-width: 70px; min-height: 70px } .hebe.tparrows.tp-leftarrow:before { content: "\e824" } .hebe.tparrows.tp-rightarrow:before { content: "\e825" } .hebe.tparrows:hover:before { color: #000 } .hebe .tp-title-wrap { position: absolute; z-index: 0; display: inline-block; background: #000; background: rgba(0, 0, 0, 0.75); min-height: 60px; line-height: 60px; top: -10px; margin-left: 0; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: 0 50%; -webkit-transform-origin: 0 50% } .hebe.tp-rightarrow .tp-title-wrap { right: 0; -webkit-transform-origin: 100% 50% } .hebe.tparrows:hover .tp-title-wrap { transform: scaleX(1); -webkit-transform: scaleX(1) } .hebe .tp-arr-titleholder { position: relative; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 12px; line-height: 90px; white-space: nowrap; padding: 0 20px 0 90px } .hebe.tp-rightarrow .tp-arr-titleholder { margin-left: 0; padding: 0 90px 0 20px } .hebe.tparrows:hover .tp-arr-titleholder { transform: translateX(0px); -webkit-transform: translateX(0px); transition-delay: .1s; opacity: 1 } .hebe .tp-arr-imgholder { width: 90px; height: 90px; position: absolute; left: 100%; display: block; background-size: cover; background-position: center center; top: 0; right: -90px } .hebe.tp-rightarrow .tp-arr-imgholder { right: auto; left: -90px } .hebe.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .hebe .tp-bullet { width: 3px; height: 3px; position: absolute; background: #fff; cursor: pointer; border: 5px solid #222; border-radius: 50%; box-sizing: content-box; -webkit-perspective: 400; perspective: 400px; -webkit-transform: translateZ(0.01px); transform: translateZ(0.01px); transition: all .3s } .hebe .tp-bullet:hover, .hebe .tp-bullet.selected { background: #222; border-color: #fff } .hebe .tp-bullet-image { position: absolute; top: -90px; left: -40px; width: 70px; height: 70px; background-position: center center; background-size: cover; visibility: hidden; opacity: 0; transition: all .3s; -webkit-transform-style: flat; transform-style: flat; perspective: 600px; -webkit-perspective: 600; transform: scale(0); -webkit-transform: scale(0); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; border-radius: 6px } .hebe .tp-bullet:hover .tp-bullet-image { display: block; opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible } .hebe .tp-tab-title { color: #a8d8ee; font-size: 13px; font-weight: 700; text-transform: uppercase; font-family: "Roboto Slab"; margin-bottom: 5px } .hebe .tp-tab-desc { font-size: 18px; font-weight: 400; color: #fff; line-height: 25px; font-family: "Roboto Slab" } .hephaistos.tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 50% } .hephaistos.tparrows:hover { background: #000 } .hephaistos.tparrows:before { font-family: "revicons"; font-size: 18px; color: #fff; display: block; line-height: 40px; text-align: center } .hephaistos.tparrows.tp-leftarrow:before { content: "\e82c"; margin-left: -2px } .hephaistos.tparrows.tp-rightarrow:before { content: "\e82d"; margin-right: -2px } .hephaistos.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .hephaistos .tp-bullet { width: 12px; height: 12px; position: absolute; background: #999; border: 3px solid #f5f5f5; border-radius: 50%; cursor: pointer; box-sizing: content-box; box-shadow: 0 0 2px 1px rgba(130, 130, 130, 0.3) } .hephaistos .tp-bullet:hover, .hephaistos .tp-bullet.selected { background: #fff; border-color: #000 } .hermes.tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, 0.5); width: 30px; height: 110px; position: absolute; display: block; z-index: 1000 } .hermes.tparrows:before { font-family: "revicons"; font-size: 15px; color: #fff; display: block; line-height: 110px; text-align: center; transform: translateX(0px); -webkit-transform: translateX(0px); transition: all .3s; -webkit-transition: all .3s } .hermes.tparrows.tp-leftarrow:before { content: "\e824" } .hermes.tparrows.tp-rightarrow:before { content: "\e825" } .hermes.tparrows.tp-leftarrow:hover:before { transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0 } .hermes.tparrows.tp-rightarrow:hover:before { transform: translateX(20px); -webkit-transform: translateX(20px); opacity: 0 } .hermes .tp-arr-allwrapper { overflow: hidden; position: absolute; width: 180px; height: 140px; top: 0; left: 0; visibility: hidden; -webkit-transition: -webkit-transform .3s .3s; transition: transform .3s .3s; -webkit-perspective: 1000px; perspective: 1000px } .hermes.tp-rightarrow .tp-arr-allwrapper { right: 0; left: auto } .hermes.tparrows:hover .tp-arr-allwrapper { visibility: visible } .hermes .tp-arr-imgholder { width: 180px; position: absolute; left: 0; top: 0; height: 110px; transform: translateX(-180px); -webkit-transform: translateX(-180px); transition: all .3s; transition-delay: .3s } .hermes.tp-rightarrow .tp-arr-imgholder { transform: translateX(180px); -webkit-transform: translateX(180px) } .hermes.tparrows:hover .tp-arr-imgholder { transform: translateX(0px); -webkit-transform: translateX(0px) } .hermes .tp-arr-titleholder { top: 110px; width: 180px; text-align: left; display: block; padding: 0 10px; line-height: 30px; background: #000; background: rgba(0, 0, 0, 0.75); color: #fff; font-weight: 600; position: absolute; font-size: 12px; white-space: nowrap; letter-spacing: 1px; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; box-sizing: border-box } .hermes.tparrows:hover .tp-arr-titleholder { -webkit-transition-delay: .6s; transition-delay: .6s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg) } .hermes .tp-bullet { overflow: hidden; border-radius: 50%; width: 16px; height: 16px; background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px #FFF; -webkit-transition: background .3s ease; transition: background .3s ease; position: absolute } .hermes .tp-bullet:hover { background-color: rgba(0, 0, 0, 0.2) } .hermes .tp-bullet:after { content: ' '; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: #FFF; box-shadow: 0 0 1px #FFF; -webkit-transition: height .3s ease; transition: height .3s ease } .hermes .tp-bullet.selected:after { height: 100% } .hermes .tp-tab { opacity: 1; padding-right: 10px; box-sizing: border-box } .hermes .tp-tab-image { width: 100%; height: 60%; position: relative } .hermes .tp-tab-content { background: #363636; position: absolute; padding: 20px 20px 20px 30px; box-sizing: border-box; color: #fff; display: block; width: 100%; min-height: 40%; bottom: 0; left: -10px } .hermes .tp-tab-date { display: block; color: #888; font-weight: 600; font-size: 12px; margin-bottom: 10px } .hermes .tp-tab-title { display: block; color: #fff; font-size: 16px; font-weight: 800; text-transform: uppercase; line-height: 19px } .hermes .tp-tab.selected .tp-tab-title:after { width: 0; height: 0; border-style: solid; border-width: 30px 0 30px 10px; border-color: transparent transparent transparent #363636; content: " "; position: absolute; right: -9px; bottom: 50%; margin-bottom: -30px } .hermes .tp-tab-mask { padding-right: 10px !important } @media only screen and (max-width: 960px) { .hermes .tp-tab .tp-tab-title { font-size: 14px; line-height: 16px } .hermes .tp-tab-date { font-size: 11px; line-height: 13px; margin-bottom: 10px } .hermes .tp-tab-content { padding: 15px 15px 15px 25px } } @media only screen and (max-width: 768px) { .hermes .tp-tab .tp-tab-title { font-size: 12px; line-height: 14px } .hermes .tp-tab-date { font-size: 10px; line-height: 12px; margin-bottom: 5px } .hermes .tp-tab-content { padding: 10px 10px 10px 20px } } .hesperiden.tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 50% } .hesperiden.tparrows:hover { background: #000 } .hesperiden.tparrows:before { font-family: "revicons"; font-size: 20px; color: #fff; display: block; line-height: 40px; text-align: center } .hesperiden.tparrows.tp-leftarrow:before { content: "\e82c"; margin-left: -3px } .hesperiden.tparrows.tp-rightarrow:before { content: "\e82d"; margin-right: -3px } .hesperiden.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; border-radius: 8px } .hesperiden .tp-bullet { width: 12px; height: 12px; position: absolute; background: #999; background: -moz-linear-gradient(top, #999 0%, #e1e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999), color-stop(100%, #e1e1e1)); background: -webkit-linear-gradient(top, #999 0%, #e1e1e1 100%); background: -o-linear-gradient(top, #999 0%, #e1e1e1 100%); background: -ms-linear-gradient(top, #999 0%, #e1e1e1 100%); background: linear-gradient(to bottom, #999 0%, #e1e1e1 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#999999", endcolorstr="#e1e1e1", gradienttype=0); border: 3px solid #e5e5e5; border-radius: 50%; cursor: pointer; box-sizing: content-box } .hesperiden .tp-bullet:hover, .hesperiden .tp-bullet.selected { background: #666 } .hesperiden .tp-thumb { opacity: 1; -webkit-perspective: 600px; perspective: 600px } .hesperiden .tp-thumb .tp-thumb-title { font-size: 12px; position: absolute; margin-top: -10px; color: #fff; display: block; z-index: 10000; background-color: #000; padding: 5px 10px; bottom: 0; left: 0; width: 100%; box-sizing: border-box; text-align: center; overflow: hidden; white-space: nowrap; transition: all .3s; -webkit-transition: all .3s; transform: rotatex(90deg) translatez(0.001px); transform-origin: 50% 100%; -webkit-transform: rotatex(90deg) translatez(0.001px); -webkit-transform-origin: 50% 100%; opacity: 0 } .hesperiden .tp-thumb:hover .tp-thumb-title { transform: rotatex(0deg); -webkit-transform: rotatex(0deg); opacity: 1 } .hesperiden .tp-tab { opacity: 1; padding: 10px; box-sizing: border-box; font-family: "Roboto", sans-serif; border-bottom: 1px solid #e5e5e5 } .hesperiden .tp-tab-image { width: 60px; height: 60px; max-height: 100%; max-width: 100%; position: relative; display: inline-block; float: left } .hesperiden .tp-tab-content { background: rgba(0, 0, 0, 0); position: relative; padding: 15px 15px 15px 85px; left: 0; overflow: hidden; margin-top: -15px; box-sizing: border-box; color: #333; display: inline-block; width: 100%; height: 100%; position: absolute } .hesperiden .tp-tab-date { display: block; color: #aaa; font-weight: 500; font-size: 12px; margin-bottom: 0 } .hesperiden .tp-tab-title { display: block; text-align: left; color: #333; font-size: 14px; font-weight: 500; text-transform: none; line-height: 17px } .hesperiden .tp-tab:hover, .hesperiden .tp-tab.selected { background: #eee } .metis.tparrows { background: #fff; padding: 10px; transition: all .3s; -webkit-transition: all .3s; width: 60px; height: 60px; box-sizing: border-box } .metis.tparrows:hover { background: #fff; background: rgba(255, 255, 255, 0.75) } .metis.tparrows:before { color: #000; transition: all .3s; -webkit-transition: all .3s } .metis.tparrows:hover:before { transform: scale(1.5) } .metis .tp-bullet { opacity: 1; width: 50px; height: 50px; padding: 3px; background: #000; background-color: rgba(0, 0, 0, 0.25); margin: 0; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; border-radius: 50% } .metis .tp-bullet-image { border-radius: 50%; display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.25); width: 44px; height: 44px; background-size: cover; background-position: center center } .metis .tp-bullet-title { position: absolute; bottom: 65px; display: inline-block; left: 50%; background: #000; background: rgba(0, 0, 0, 0.75); color: #fff; padding: 10px 30px; border-radius: 4px; -webkit-border-radius: 4px; opacity: 0; transition: all .3s; -webkit-transition: all .3s; transform: translateZ(0.001px) translateX(-50%) translateY(14px); transform-origin: 50% 100%; -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px); -webkit-transform-origin: 50% 100%; opacity: 0; white-space: nowrap } .metis .tp-bullet:hover .tp-bullet-title { transform: rotateX(0deg) translateX(-50%); -webkit-transform: rotateX(0deg) translateX(-50%); opacity: 1 } .metis .tp-bullet.selected, .metis .tp-bullet:hover { background: rgba(255, 255, 255, 1); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(119, 119, 119, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#777777", GradientType=0) } .metis .tp-bullet-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0; border-color: rgba(0, 0, 0, 0.75) transparent transparent; bottom: -8px } .metis .tp-tab-number { color: #fff; font-size: 40px; line-height: 30px; font-weight: 400; font-family: "Playfair Display"; width: 50px; margin-right: 17px; display: inline-block; float: left } .metis .tp-tab-mask { padding-left: 20px; left: 0; max-width: 90px !important; transition: .4s padding-left, .4s left, .4s max-width } .metis:hover .tp-tab-mask { padding-left: 0; left: 50px; max-width: 500px !important } .metis .tp-tab-divider { border-right: 1px solid transparent; height: 30px; width: 1px; margin-top: 5px; display: inline-block; float: left } .metis .tp-tab-title { color: #fff; font-size: 20px; line-height: 20px; font-weight: 400; font-family: "Playfair Display"; position: relative; padding-top: 10px; padding-left: 30px; display: inline-block; transform: translateX(-100%); transition: .4s all } .metis .tp-tab-title-mask { position: absolute; overflow: hidden; left: 67px } .metis:hover .tp-tab-title { transform: translateX(0) } .metis .tp-tab { opacity: .15; transition: .4s all } .metis .tp-tab:hover, .metis .tp-tab.selected { opacity: 1 } .metis .tp-tab.selected .tp-tab-divider { border-right: 1px solid #cdb083 } .metis.tp-tabs { max-width: 118px !important; padding-left: 50px } .metis.tp-tabs:before { content: " "; height: 100%; width: 88px; background: rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.10); left: 0; top: 0; position: absolute; transition: .4s all } .metis.tp-tabs:hover:before { width: 118px } @media (max-width: 499px) { .metis.tp-tabs:before { background: rgba(0, 0, 0, 0.75) } } .persephone.tparrows { cursor: pointer; background: #aaa; background: rgba(200, 200, 200, 0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 100; border: 1px solid #f5f5f5 } .persephone.tparrows:hover { background: #333 } .persephone.tparrows:before { font-family: "revicons"; font-size: 15px; color: #fff; display: block; line-height: 40px; text-align: center } .persephone.tparrows.tp-leftarrow:before { content: "\e824" } .persephone.tparrows.tp-rightarrow:before { content: "\e825" } .persephone.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: #transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .persephone .tp-bullet { width: 12px; height: 12px; position: absolute; background: #aaa; border: 1px solid #e5e5e5; cursor: pointer; box-sizing: content-box } .persephone .tp-bullet:hover, .persephone .tp-bullet.selected { background: #222 } .uranus.tparrows { width: 50px; height: 50px; background: transparent } .uranus.tparrows:before { width: 50px; height: 50px; line-height: 50px; font-size: 40px; transition: all .3s; -webkit-transition: all .3s } .uranus.tparrows:hover:before { opacity: .75 } .uranus .tp-bullet { border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); -webkit-transition: box-shadow .3s ease; transition: box-shadow .3s ease; background: transparent } .uranus .tp-bullet.selected, .uranus .tp-bullet:hover { box-shadow: 0 0 0 2px #FFF; border: none; border-radius: 50%; background: transparent } .uranus .tp-bullet-inner { background-color: rgba(255, 255, 255, 0.7); -webkit-transition: background-color .3s ease, -webkit-transform .3s ease; transition: background-color .3s ease, transform .3s ease; top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: #FFF; background-color: rgba(255, 255, 255, 0.3); text-indent: -999em; cursor: pointer; position: absolute } .uranus .tp-bullet.selected .tp-bullet-inner, .uranus .tp-bullet:hover .tp-bullet-inner { transform: scale(0.4); -webkit-transform: scale(0.4); background-color: #fff } .zeus.tparrows { cursor: pointer; min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 100; border-radius: 35px; overflow: hidden; background: rgba(0, 0, 0, 0.10) } .zeus.tparrows:before { font-family: "revicons"; font-size: 20px; color: #fff; display: block; line-height: 70px; text-align: center; z-index: 2; position: relative } .zeus.tparrows.tp-leftarrow:before { content: "\e824" } .zeus.tparrows.tp-rightarrow:before { content: "\e825" } .zeus .tp-title-wrap { background: #000; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; transform: scale(0); -webkit-transform: scale(0); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; border-radius: 50% } .zeus .tp-arr-imgholder { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center center; background-size: cover; border-radius: 50%; transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s } .zeus.tp-rightarrow .tp-arr-imgholder { transform: translateX(100%); -webkit-transform: translateX(100%) } .zeus.tparrows:hover .tp-arr-imgholder { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1 } .zeus.tparrows:hover .tp-title-wrap { transform: scale(1); -webkit-transform: scale(1); opacity: 1 } .zeus .tp-bullet { box-sizing: content-box; -webkit-box-sizing: content-box; border-radius: 50%; background-color: rgba(0, 0, 0, 0); -webkit-transition: opacity .3s ease; transition: opacity .3s ease; width: 13px; height: 13px; border: 2px solid #fff } .zeus .tp-bullet:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; border-radius: 50%; background-color: #FFF; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease } .zeus .tp-bullet:hover:after, .zeus .tp-bullet.selected:after { -webkit-transform: scale(1.2); transform: scale(1.2) } .zeus .tp-bullet-image, .zeus .tp-bullet-imageoverlay { width: 135px; height: 60px; position: absolute; background: #000; background: rgba(0, 0, 0, 0.5); bottom: 25px; left: 50%; margin-left: -65px; box-sizing: border-box; background-size: cover; background-position: center center; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .3s ease; transition: all .3s ease; border-radius: 4px } .zeus .tp-bullet-title, .zeus .tp-bullet-imageoverlay { z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease } .zeus .tp-bullet-title { color: #fff; text-align: center; line-height: 15px; font-size: 13px; font-weight: 600; z-index: 3; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .3s ease; transition: all .3s ease; position: absolute; bottom: 45px; width: 135px; vertical-align: middle; left: -57px } .zeus .tp-bullet:hover .tp-bullet-title, .zeus .tp-bullet:hover .tp-bullet-image, .zeus .tp-bullet:hover .tp-bullet-imageoverlay { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px) } .zeus .tp-thumb { opacity: 1 } .zeus .tp-thumb-over { background: #000; background: rgba(0, 0, 0, 0.25); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .3s; transition: all .3s } .zeus .tp-thumb-more:before { font-family: "revicons"; font-size: 12px; color: #aaa; color: rgba(255, 255, 255, 0.75); display: block; line-height: 12px; text-align: left; z-index: 2; position: absolute; top: 20px; right: 20px; z-index: 2; content: "\e825" } .zeus .tp-thumb-title { font-family: "Raleway"; letter-spacing: 1px; font-size: 12px; color: #fff; display: block; line-height: 15px; text-align: left; z-index: 2; position: absolute; top: 0; left: 0; z-index: 2; padding: 20px 35px 20px 20px; width: 100%; height: 100%; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; font-weight: 500 } .zeus .tp-thumb.selected .tp-thumb-more:before, .zeus .tp-thumb:hover .tp-thumb-more:before { color: #aaa } .zeus .tp-thumb.selected .tp-thumb-over, .zeus .tp-thumb:hover .tp-thumb-over { background: #000 } .zeus .tp-thumb.selected .tp-thumb-title, .zeus .tp-thumb:hover .tp-thumb-title { color: #fff } .zeus .tp-tab { opacity: 1; box-sizing: border-box } .zeus .tp-tab-title { display: block; text-align: center; background: rgba(0, 0, 0, 0.25); font-family: "Roboto Slab", serif; font-weight: 700; font-size: 13px; line-height: 13px; color: #fff; padding: 9px 10px } .zeus .tp-tab:hover .tp-tab-title, .zeus .tp-tab.selected .tp-tab-title { color: #000; background: rgba(255, 255, 255, 1) } .post-tabs .tp-thumb { opacity: 1 } .post-tabs .tp-thumb-over { background: #252525; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .3s; transition: all .3s } .post-tabs .tp-thumb-more:before { font-family: "revicons"; font-size: 12px; color: #aaa; color: rgba(255, 255, 255, 0.75); display: block; line-height: 12px; text-align: left; z-index: 2; position: absolute; top: 15px; right: 15px; z-index: 2; content: "\e825" } .post-tabs .tp-thumb-title { font-family: "raleway"; letter-spacing: 1px; font-size: 12px; color: #fff; display: block; line-height: 15px; text-align: left; z-index: 2; position: absolute; top: 0; left: 0; z-index: 2; padding: 15px 30px 15px 15px; width: 100%; height: 100%; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; font-weight: 500 } .post-tabs .tp-thumb.selected .tp-thumb-more:before, .post-tabs .tp-thumb:hover .tp-thumb-more:before { color: #aaa } .post-tabs .tp-thumb.selected .tp-thumb-over, .post-tabs .tp-thumb:hover .tp-thumb-over { background: #fff } .post-tabs .tp-thumb.selected .tp-thumb-title, .post-tabs .tp-thumb:hover .tp-thumb-title { color: #000 } </style> <style type="text/css"></style> <link rel="stylesheet" href="outsource/t1/css/foot.css?v=202209222344"> <link rel="stylesheet" href="outsource/t1/css/head.css?v=202209222344"> <link rel="stylesheet" id="stylesheet_t1-color-my" href="_assets/css/T1/t1-color-my.css"> <link rel="stylesheet" href="_assets/css/ozel_kod.css?v=202209222344"> <style type="text/css"> /*! 2.Animate * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06) } 70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06) } 70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform: none; transform: none } } @keyframes wobble { 0% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform: none; transform: none } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn) } 0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg) } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg) } 50%, 80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95) } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn) } 0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg) } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg) } 50%, 80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95) } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg) } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg) } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg) } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg) } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg) } 60%, 80% { opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg) } 60%, 80% { opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: none; transform: none; opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 0%, to { -webkit-transform-origin: center } to { transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateIn { 0% { transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 0%, to { -webkit-transform-origin: center } to { transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } 0%, to { -webkit-transform-origin: left bottom } to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } 0%, to { -webkit-transform-origin: left bottom } to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } 0%, to { -webkit-transform-origin: right bottom } to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } 0%, to { -webkit-transform-origin: right bottom } to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } 0%, to { -webkit-transform-origin: left bottom } to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } 0%, to { -webkit-transform-origin: left bottom } to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 0%, to { -webkit-transform-origin: right bottom } to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 0%, to { -webkit-transform-origin: right bottom } to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { transform-origin: center; opacity: 1 } 0%, to { -webkit-transform-origin: center } to { transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { transform-origin: center; opacity: 1 } 0%, to { -webkit-transform-origin: center } to { transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1 } 0%, to { -webkit-transform-origin: left bottom } to { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1 } 0%, to { -webkit-transform-origin: left bottom } to { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1 } 0%, to { -webkit-transform-origin: right bottom } to { transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1 } 0%, to { -webkit-transform-origin: right bottom } to { transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1 } 0%, to { -webkit-transform-origin: left bottom } to { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1 } 0%, to { -webkit-transform-origin: left bottom } to { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1 } 0%, to { -webkit-transform-origin: right bottom } to { transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1 } 0%, to { -webkit-transform-origin: right bottom } to { transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { transform-origin: top left } 0%, 20%, 60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); transform-origin: top left } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } @keyframes hinge { 0% { transform-origin: top left } 0%, 20%, 60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); transform-origin: top left } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50%, to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50%, to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } </style> <style type="text/css"> /*! 3.Simple Lıne Icons */ @font-face { font-family: simple-line-icons; src: url(outsource/t1/vendor/simple-line-icons/fonts/Simple-Line-Icons.eot); src: url(outsource/t1/vendor/simple-line-icons/fonts/Simple-Line-Icons.eot) format('embedded-opentype') /*, url(https://www.webtasarim34.com/outsource/t1/vendor/simple-line-icons/fonts/Simple-Line-Icons.woff2?v=2.4.0) format('woff2')*/ , url(outsource/t1/vendor/simple-line-icons/fonts/Simple-Line-Icons.ttf) format('truetype'), url(outsource/t1/vendor/simple-line-icons/fonts/Simple-Line-Icons.woff) format('woff'), url(outsource/t1/vendor/simple-line-icons/fonts/Simple-Line-Icons.svg) format('svg'); font-weight: 400; font-style: normal } .icon-action-redo, .icon-action-undo, .icon-anchor, .icon-arrow-down, .icon-arrow-down-circle, .icon-arrow-left, .icon-arrow-left-circle, .icon-arrow-right, .icon-arrow-right-circle, .icon-arrow-up, .icon-arrow-up-circle, .icon-badge, .icon-bag, .icon-ban, .icon-basket, .icon-basket-loaded, .icon-bell, .icon-book-open, .icon-briefcase, .icon-bubble, .icon-bubbles, .icon-bulb, .icon-calculator, .icon-calendar, .icon-call-end, .icon-call-in, .icon-call-out, .icon-camera, .icon-camrecorder, .icon-chart, .icon-check, .icon-chemistry, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-compass, .icon-control-end, .icon-control-forward, .icon-control-pause, .icon-control-play, .icon-control-rewind, .icon-control-start, .icon-credit-card, .icon-crop, .icon-cup, .icon-cursor, .icon-cursor-move, .icon-diamond, .icon-direction, .icon-directions, .icon-disc, .icon-dislike, .icon-doc, .icon-docs, .icon-drawer, .icon-drop, .icon-earphones, .icon-earphones-alt, .icon-emotsmile, .icon-energy, .icon-envelope, .icon-envelope-letter, .icon-envelope-open, .icon-equalizer, .icon-event, .icon-exclamation, .icon-eye, .icon-eyeglass, .icon-feed, .icon-film, .icon-fire, .icon-flag, .icon-folder, .icon-folder-alt, .icon-frame, .icon-game-controller, .icon-ghost, .icon-globe, .icon-globe-alt, .icon-graduation, .icon-graph, .icon-grid, .icon-handbag, .icon-heart, .icon-home, .icon-hourglass, .icon-info, .icon-key, .icon-layers, .icon-like, .icon-link, .icon-list, .icon-location-pin, .icon-lock, .icon-lock-open, .icon-login, .icon-logout, .icon-loop, .icon-magic-wand, .icon-magnet, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-map, .icon-menu, .icon-microphone, .icon-minus, .icon-mouse, .icon-music-tone, .icon-music-tone-alt, .icon-mustache, .icon-note, .icon-notebook, .icon-options, .icon-options-vertical, .icon-organization, .icon-paper-clip, .icon-paper-plane, .icon-paypal, .icon-pencil, .icon-people, .icon-phone, .icon-picture, .icon-pie-chart, .icon-pin, .icon-plane, .icon-playlist, .icon-plus, .icon-power, .icon-present, .icon-printer, .icon-puzzle, .icon-question, .icon-refresh, .icon-reload, .icon-rocket, .icon-screen-desktop, .icon-screen-smartphone, .icon-screen-tablet, .icon-settings, .icon-share, .icon-share-alt, .icon-shield, .icon-shuffle, .icon-size-actual, .icon-size-fullscreen, .icon-social-behance, .icon-social-dribbble, .icon-social-dropbox, .icon-social-facebook, .icon-social-foursqare, .icon-social-github, .icon-social-google, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-reddit, .icon-social-skype, .icon-social-soundcloud, .icon-social-spotify, .icon-social-steam, .icon-social-stumbleupon, .icon-social-tumblr, .icon-social-twitter, .icon-social-vkontakte, .icon-social-youtube, .icon-speech, .icon-speedometer, .icon-star, .icon-support, .icon-symbol-female, .icon-symbol-male, .icon-tag, .icon-target, .icon-trash, .icon-trophy, .icon-umbrella, .icon-user, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-vector, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-wallet, .icon-wrench { font-family: simple-line-icons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-user:before { content: "\e005" } .icon-people:before { content: "\e001" } .icon-user-female:before { content: "\e000" } .icon-user-follow:before { content: "\e002" } .icon-user-following:before { content: "\e003" } .icon-user-unfollow:before { content: "\e004" } .icon-login:before { content: "\e066" } .icon-logout:before { content: "\e065" } .icon-emotsmile:before { content: "\e021" } .icon-phone:before { content: "\e600" } .icon-call-end:before { content: "\e048" } .icon-call-in:before { content: "\e047" } .icon-call-out:before { content: "\e046" } .icon-map:before { content: "\e033" } .icon-location-pin:before { content: "\e096" } .icon-direction:before { content: "\e042" } .icon-directions:before { content: "\e041" } .icon-compass:before { content: "\e045" } .icon-layers:before { content: "\e034" } .icon-menu:before { content: "\e601" } .icon-list:before { content: "\e067" } .icon-options-vertical:before { content: "\e602" } .icon-options:before { content: "\e603" } .icon-arrow-down:before { content: "\e604" } .icon-arrow-left:before { content: "\e605" } .icon-arrow-right:before { content: "\e606" } .icon-arrow-up:before { content: "\e607" } .icon-arrow-up-circle:before { content: "\e078" } .icon-arrow-left-circle:before { content: "\e07a" } .icon-arrow-right-circle:before { content: "\e079" } .icon-arrow-down-circle:before { content: "\e07b" } .icon-check:before { content: "\e080" } .icon-clock:before { content: "\e081" } .icon-plus:before { content: "\e095" } .icon-minus:before { content: "\e615" } .icon-close:before { content: "\e082" } .icon-event:before { content: "\e619" } .icon-exclamation:before { content: "\e617" } .icon-organization:before { content: "\e616" } .icon-trophy:before { content: "\e006" } .icon-screen-smartphone:before { content: "\e010" } .icon-screen-desktop:before { content: "\e011" } .icon-plane:before { content: "\e012" } .icon-notebook:before { content: "\e013" } .icon-mustache:before { content: "\e014" } .icon-mouse:before { content: "\e015" } .icon-magnet:before { content: "\e016" } .icon-energy:before { content: "\e020" } .icon-disc:before { content: "\e022" } .icon-cursor:before { content: "\e06e" } .icon-cursor-move:before { content: "\e023" } .icon-crop:before { content: "\e024" } .icon-chemistry:before { content: "\e026" } .icon-speedometer:before { content: "\e007" } .icon-shield:before { content: "\e00e" } .icon-screen-tablet:before { content: "\e00f" } .icon-magic-wand:before { content: "\e017" } .icon-hourglass:before { content: "\e018" } .icon-graduation:before { content: "\e019" } .icon-ghost:before { content: "\e01a" } .icon-game-controller:before { content: "\e01b" } .icon-fire:before { content: "\e01c" } .icon-eyeglass:before { content: "\e01d" } .icon-envelope-open:before { content: "\e01e" } .icon-envelope-letter:before { content: "\e01f" } .icon-bell:before { content: "\e027" } .icon-badge:before { content: "\e028" } .icon-anchor:before { content: "\e029" } .icon-wallet:before { content: "\e02a" } .icon-vector:before { content: "\e02b" } .icon-speech:before { content: "\e02c" } .icon-puzzle:before { content: "\e02d" } .icon-printer:before { content: "\e02e" } .icon-present:before { content: "\e02f" } .icon-playlist:before { content: "\e030" } .icon-pin:before { content: "\e031" } .icon-picture:before { content: "\e032" } .icon-handbag:before { content: "\e035" } .icon-globe-alt:before { content: "\e036" } .icon-globe:before { content: "\e037" } .icon-folder-alt:before { content: "\e039" } .icon-folder:before { content: "\e089" } .icon-film:before { content: "\e03a" } .icon-feed:before { content: "\e03b" } .icon-drop:before { content: "\e03e" } .icon-drawer:before { content: "\e03f" } .icon-docs:before { content: "\e040" } .icon-doc:before { content: "\e085" } .icon-diamond:before { content: "\e043" } .icon-cup:before { content: "\e044" } .icon-calculator:before { content: "\e049" } .icon-bubbles:before { content: "\e04a" } .icon-briefcase:before { content: "\e04b" } .icon-book-open:before { content: "\e04c" } .icon-basket-loaded:before { content: "\e04d" } .icon-basket:before { content: "\e04e" } .icon-bag:before { content: "\e04f" } .icon-action-undo:before { content: "\e050" } .icon-action-redo:before { content: "\e051" } .icon-wrench:before { content: "\e052" } .icon-umbrella:before { content: "\e053" } .icon-trash:before { content: "\e054" } .icon-tag:before { content: "\e055" } .icon-support:before { content: "\e056" } .icon-frame:before { content: "\e038" } .icon-size-fullscreen:before { content: "\e057" } .icon-size-actual:before { content: "\e058" } .icon-shuffle:before { content: "\e059" } .icon-share-alt:before { content: "\e05a" } .icon-share:before { content: "\e05b" } .icon-rocket:before { content: "\e05c" } .icon-question:before { content: "\e05d" } .icon-pie-chart:before { content: "\e05e" } .icon-pencil:before { content: "\e05f" } .icon-note:before { content: "\e060" } .icon-loop:before { content: "\e064" } .icon-home:before { content: "\e069" } .icon-grid:before { content: "\e06a" } .icon-graph:before { content: "\e06b" } .icon-microphone:before { content: "\e063" } .icon-music-tone-alt:before { content: "\e061" } .icon-music-tone:before { content: "\e062" } .icon-earphones-alt:before { content: "\e03c" } .icon-earphones:before { content: "\e03d" } .icon-equalizer:before { content: "\e06c" } .icon-like:before { content: "\e068" } .icon-dislike:before { content: "\e06d" } .icon-control-start:before { content: "\e06f" } .icon-control-rewind:before { content: "\e070" } .icon-control-play:before { content: "\e071" } .icon-control-pause:before { content: "\e072" } .icon-control-forward:before { content: "\e073" } .icon-control-end:before { content: "\e074" } .icon-volume-1:before { content: "\e09f" } .icon-volume-2:before { content: "\e0a0" } .icon-volume-off:before { content: "\e0a1" } .icon-calendar:before { content: "\e075" } .icon-bulb:before { content: "\e076" } .icon-chart:before { content: "\e077" } .icon-ban:before { content: "\e07c" } .icon-bubble:before { content: "\e07d" } .icon-camrecorder:before { content: "\e07e" } .icon-camera:before { content: "\e07f" } .icon-cloud-download:before { content: "\e083" } .icon-cloud-upload:before { content: "\e084" } .icon-envelope:before { content: "\e086" } .icon-eye:before { content: "\e087" } .icon-flag:before { content: "\e088" } .icon-heart:before { content: "\e08a" } .icon-info:before { content: "\e08b" } .icon-key:before { content: "\e08c" } .icon-link:before { content: "\e08d" } .icon-lock:before { content: "\e08e" } .icon-lock-open:before { content: "\e08f" } .icon-magnifier:before { content: "\e090" } .icon-magnifier-add:before { content: "\e091" } .icon-magnifier-remove:before { content: "\e092" } .icon-paper-clip:before { content: "\e093" } .icon-paper-plane:before { content: "\e094" } .icon-power:before { content: "\e097" } .icon-refresh:before { content: "\e098" } .icon-reload:before { content: "\e099" } .icon-settings:before { content: "\e09a" } .icon-star:before { content: "\e09b" } .icon-symbol-female:before { content: "\e09c" } .icon-symbol-male:before { content: "\e09d" } .icon-target:before { content: "\e09e" } .icon-credit-card:before { content: "\e025" } .icon-paypal:before { content: "\e608" } .icon-social-tumblr:before { content: "\e00a" } .icon-social-twitter:before { content: "\e009" } .icon-social-facebook:before { content: "\e00b" } .icon-social-instagram:before { content: "\e609" } .icon-social-linkedin:before { content: "\e60a" } .icon-social-pinterest:before { content: "\e60b" } .icon-social-github:before { content: "\e60c" } .icon-social-google:before { content: "\e60d" } .icon-social-reddit:before { content: "\e60e" } .icon-social-skype:before { content: "\e60f" } .icon-social-dribbble:before { content: "\e00d" } .icon-social-behance:before { content: "\e610" } .icon-social-foursqare:before { content: "\e611" } .icon-social-soundcloud:before { content: "\e612" } .icon-social-spotify:before { content: "\e613" } .icon-social-stumbleupon:before { content: "\e614" } .icon-social-youtube:before { content: "\e008" } .icon-social-dropbox:before { content: "\e00c" } .icon-social-vkontakte:before { content: "\e618" } .icon-social-steam:before { content: "\e620" } </style> <style type="text/css" id="okkan"> /***SLIDER ARROWS IMAGE***/ .tp-arr-allwrapper { width: 220px !important; } /**********SERTİFİKALAR START**************/ .sertifikalar .thumb-info { transition: .3s; transform: scale(1); padding: 0; border: 0; } .sertifikalar .img-thumbnail { padding: 0; border: 0; } .sertifikalar img { padding: 10px; } .sertifikalar .col-sm-6.col-md-2 { padding: 0; } .sertifikalar .col-sm-6.col-md-2:nth-child(n+7) { left: 8%; } @media (max-width: 767px) { .sektorler .col-sm-6.col-md-2 { padding: 0; width: 50%; } } /**********SERTİFİKALAR END**************/ /**********SEKTORLER START**************/ .sektorler .thumb-info { transition: .3s; transform: scale(1); padding: 0; border: 0; } .sektorler .thumb-info:hover { z-index: 99; transform: scale(1.3) !important; } .sektorler .img-thumbnail { padding: 0; border: 0; } .sektorler .thumb-info:hover .thumb-info-title { background: linear-gradient(0deg, rgb(0 165 197 / 50%), transparent); opacity: 0.9; transform: translateY(35px); } .sektorler .thumb-info .thumb-info-title { box-shadow: inset -9px 0 20px -19px #000; background: linear-gradient(0deg, #029fbf8a, transparent); font-size: 19px !important; letter-spacing: .7px; font-weight: 900; display: table; height: -webkit-fill-available; opacity: 1; transform: translateY(0px); max-width: 100% !important; top: 0; bottom: 0; text-align: center; } .sektorler .thumb-info img { opacity: .5 !important; } .sektorler .thumb-info:hover img { opacity: 1 !important; } .sektorler .thumb-info .thumb-info-inner { white-space: normal; display: table-cell; vertical-align: middle; } .sektorler .col-sm-6.col-md-2 { padding: 0; width: 12.5%; } /* .sektorler .col-sm-6.col-md-2:nth-child(2n+2) .thumb-info{ transform: scale(1.1); } .sektorler .portfolio-item .thumb-info:before { border: 2px solid #00a5c4; width: 100%; height: 100%; position: absolute; content: ''; top: 0; left: 0; transform: scale(-0.9); background: #ff000000; z-index: 1; } */ .sektorler .portfolio-item .thumb-info:hover:before { opacity: .5; } .sektorler .portfolio-item .thumb-info:before { /* border: 2px solid #00a5c4; */ /* border-left: 0; */ width: 100%; height: 100%; position: absolute; content: ''; top: 0; left: 0; transform: scale(-0.9); background: #ff000000; z-index: 1; --x: 50%; --y: 50%; /* position: relative; */ /* appearance: none; */ /* padding: 1em 2em; */ /* color: white; */ /* cursor: pointer; */ /* outline: none; */ /* border-radius: 100px; */ border: 2px solid #fff; background: linear-gradient(#0000, #0000) padding-box, radial-gradient(farthest-corner at var(--x) var(--y), #194a7759, #01a4c359) border-box; } @media (max-width: 767px) { .sektorler .thumb-info img { opacity: 1 !important; } .sektorler .portfolio-item .thumb-info:before { opacity: .3; } .sektorler .col-sm-6.col-md-2:nth-child(2n+2) .thumb-info { transform: scale(1); } .sektorler .col-sm-6.col-md-2 { padding: 0; width: 50%; } } /**********SEKTORLER END**************/ /* .markalar .thumb-info img{ padding: 39px; border: 0; } */ .markalar .thumb-info, .markalar .img-thumbnail { padding: 0; border: 0; } .markalar .owl-carousel .owl-item img { padding: 0 15px; } .ozel .thumb-info img { transform: scale(1.7); padding-bottom: 50px; transition: .3s; } .ozel .thumb-info:hover img { -webkit-transform: scale(1.9) !important; -moz-transform: scale(1.9) !important; -ms-transform: scale(1.9) !important; -o-transform: scale(1.9) !important; transform: scale(1.9) !important; } .fa.fa-arrow-right { animation: padding_left 2s infinite; } @keyframes padding_left { 0% { padding-left: 0; } 50% { padding-left: 10px; } 100% { padding-left: 0; } } @media (max-width: 320px) { .rev_slider_wrapper { height: 164px; } } @media screen and (min-width: 321px) and (max-width: 375px) { .rev_slider_wrapper { height: 112px; } } @media screen and (min-width: 376px) and (max-width: 425px) { .rev_slider_wrapper { height: 112px; } } @media screen and (min-width: 426px) and (max-width: 768px) { .rev_slider_wrapper { height: 294px; } } @media (min-width: 769px) { /* #revolutionSlider_wrapper{ height: 81vh; } */ .rev_slider_wrapper { height: 600px; } } .tp-caption.btn-borders.btn-primary { border-color: #ffffff !important; color: #ffffff !important; } @media screen and (max-width:767px) { .hakkimizda-Homepage p { text-align: center; } section.section.section-footer { display: grid !important; } svg.separator_type_1_path { height: 20px; margin-top: -20px !important; } svg.separator_type_2_path { height: 20px; margin-top: -20px !important; } .owl-carousel.owl-loaded { display: grid !important; } } .hizmetler h3 { font-weight: 700; } svg.separator_type_1_path { margin-top: -50px; } svg.separator_type_2_path { margin-top: -50px; } html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured, html .featured-box-primary h4 { display: none; } .featured-box .learn-more { text-align: center; } .panel-title { font-weight: 800; } .mt15.hizmet-galeri { margin-top: -5px; } .hizmet-galeri .portfolio-item.img-thumbnail { padding: 0; border: 0; } .artanrakam section.section-secondary { background-color: transparent !important; border: 0 !important; padding: 0 !important; } .artanrakam .counters.counters-text-light .counter .fa, .artanrakam .counters.counters-text-light .counter .icons, .artanrakam .counters.counters-text-light .counter strong, .artanrakam .counters.counters-text-light .counter label { color: #6a80a9 !important; } .text-md { text-align: inherit; } /*.parallax-background{ height: 100%!important; transform: none!important; background-size: cover!important; background-position:center!important; }*/ .parallax-background { height: 100% !important; transform: none !important; background-size: cover !important; background-position: center !important; } .parallax-background:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0.3); } /*Menu List With Image Start*/ .col-md-4.menu-list-with-img { width: 25%; } .menu-list-with-img .img-thumbnail { border: 0; padding: 0; } .menu-list-with-img .thumb-info .thumb-info-title { bottom: 0%; font-size: 15px; text-align: center; font-weight: 500; letter-spacing: 0; text-transform: inherit; max-width: 100%; width: 100%; background-color: #666; } .menu-list-with-img .thumb-info:hover .thumb-info-title { background: #6a80a9; } .menu-list-with-img .thumb-info:hover .thumb-info-action-icon { display: none; } .menu-list-with-img .thumb-info-wrapper { border: 1px solid #eee; } .menu-list-with-img .thumb-info:hover .thumb-info-wrapper:after { opacity: .6; content: "Hizmet Detayına Git"; padding-left: 8%; padding-right: 8%; left: 0%; line-height: 40px; padding-top: 14%; font-size: 21px; font-weight: 800; text-align: center; background: rgb(0, 0, 0); } .menu-list-with-img .thumb-info .thumb-info-wrapper:after { transition: 0s; } .menu-list-with-img .thumb-info { border: 0; } .menu-list-with-img { margin: 15px auto; } .menu-list-with-img img { margin-bottom: 41px; } @media screen and (min-width:922px) { .neden-alya .featured-boxes.featured-boxes-style-6>.row>div:first-child, .neden-alya .featured-boxes.featured-boxes-style-6>.row>div:nth-child(4), .neden-alya .featured-boxes.featured-boxes-style-6>.row>div:nth-child(5), .neden-alya .featured-boxes.featured-boxes-style-6>.row>div:nth-child(8) { margin-top: -30px; } .neden-alya .featured-boxes.featured-boxes-style-6>.row>div:nth-child(9), .neden-alya .featured-boxes.featured-boxes-style-6>.row>div:nth-child(10) { left: 25%; } .neden-alya .featured-boxes.featured-boxes-style-6>.row>div:nth-child(4n+1) { clear: both !important; } .referans .thumb-info { padding: 30px; } } .referans .thumb-info { border: 0; background-color: transparent !important; } .referans .portfolio-item.img-thumbnail { border: 0; padding: 0; background-color: transparent !important; } #footer { padding-top: 0 !important; } .section-text-light .testimonial.testimonial .testimonial-author span, .section-text-light .testimonial.testimonial .testimonial-author strong { colo: #555; } .section-text-light .testimonial.testimonial blockquote:before, .section-text-light .testimonial.testimonial blockquote:after, .section-text-light .testimonial.testimonial blockquote p { color: #333; } .yorumlar .parallax-background { background: transparent !important; } .ref-Homepage .img-thumbnail { border: none; } /*İkonlu Kutucuk İz Şehircilik Style*/ .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured { display: none; } /*İkonlu Kutucuk İz Şehircilik Style SON*/ /*Slider Altı calltoAction*/ .home-intro { background-color: #171717; margin-bottom: 60px; overflow: hidden; padding: 20px 0 10px 0; position: relative; text-align: left; } .home-intro p { color: #FFF; display: inline-block; font-size: 1.2em; font-weight: 300; max-width: 800px; padding-top: 5px; } .home-intro .veya { color: #eee; } .home-intro .btn:hover { color: #fff; border: 1px solid #777; } /*Slider Arka Plan Karartma*/ .rev_slider .slotholder:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0); z-index: 9; } .diamonds { font-size: 0; margin: 40px auto; position: relative; text-align: center; padding: 50px 0 0 57px } .diamonds>li { display: inline-block; font-size: 18px; margin-right: 135px } .diamonds .diamond { transition: .3s; border: 1px dashed #ddd; box-shadow: 0 0 81px -8px #7f7f7fde; background: #ffffff; display: block; height: 255px; overflow: hidden; position: relative; text-decoration: none; width: 255px; overflow: hidden; transform: rotate(-45deg) } /* .diamonds .diamond:after{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;content:" ";width:100%;height:100%;position:absolute;top:0;left:0;background:#000;opacity:0;transform:scale(0);z-index:100} */ .diamonds .diamond:hover { border: 1px dashed transparent; background: #000000; box-shadow: 0 0 81px -8px #84b7ae91; } .diamonds .diamond:hover:after, .diamond-text:hover+a.diamond:after { opacity: .3; transform: scale(1) } .diamonds li:hover:after { opacity: .8; transform: scale(1) } .diamonds .content { display: table-cell; height: 255px; padding: 0 10px; transform: rotate(45deg); text-align: center; vertical-align: middle; width: 255px; position: relative } .diamonds .content:after { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; color: #fff; content: "\e091"; font-family: "simple-line-icons"; font-size: 28px; left: 27%; margin: -6px -12px; opacity: 0; position: absolute; top: 50%; z-index: 1000; transform: scale(2) } .diamonds:hover .content img { filter: drop-shadow(1px 1px 1px white); } .diamonds .content img { margin-left: -50% !important; max-width: 375px !important; width: auto !important } .diamonds .diamond-sm .content:after { left: 4% !important; top: 51% !important } @media (min-width: 1199px) { .diamonds>li:nth-child(3) { margin-right: 0 } .diamonds>li:nth-child(4) { right: 84px; top: -143px; position: absolute; } .diamonds>li:nth-child(5) { margin-left: 527px; margin-top: -70px } .diamonds>li:nth-child(6) { position: absolute; margin: -6px 0 0 -27px; right: -15px } .diamonds>li:nth-child(7) { position: absolute; margin: 97px 0 0 -133px; right: 88px } .diamonds .diamond-sm { height: 128px; width: 128px } .diamonds .diamond-new { height: 200px; width: 200px; } .diamonds .diamond-sm .content { height: 128px; width: 128px } .diamonds .diamond-sm .content img { max-width: 195px } .diamonds .diamond-new .content img { margin-left: -55% !important; max-width: 310px !important; } .diamonds .diamond-sm .content img { margin-left: -38% !important; max-width: 160px !important; } .row-diamons-description { margin-top: -150px; float: left } } @media (max-width: 1198px) { .diamonds { text-align: center; width: 748px; margin: 0 auto; padding: 75px 0 75px 75px } .diamonds::after { clear: both; content: ""; display: table } .diamonds>li { margin: 0; position: static; float: left } .diamonds>li:nth-child(2n+2) { margin-bottom: -50px; margin-left: 55px; margin-top: 200px } .diamonds>li:nth-child(2n+1) { clear: both } } @media (max-width: 748px) { .diamonds { margin: 0 auto; padding: 25px 0 0; text-align: center; width: 445px } .diamonds>li { float: none !important; clear: both !important; margin: 45px 0 115px 95px !important; display: block } } @media (max-width: 479px) { .diamonds-wrapper { min-height: 2650px; } .diamonds-wrapper .diamonds { margin: 0 auto; padding: 25px 0 0; text-align: center; width: 445px; position: absolute; left: 50%; margin-left: -222px } .diamonds-wrapper .diamonds>li { text-align: center } } .diamonds>li { position: relative; } .diamond-text { position: absolute; z-index: 1; top: 55px; left: 0; color: #2f3e4b; font-size: 16px; font-weight: 700; text-align: center; width: 100%; text-shadow: 1px 1px #fff; transition: all .2s ease; } .diamond-text:hover { text-decoration: none; } .diamonds>li:hover .diamond-text { text-shadow: 1px 1px #333; color: #fff; pointer-events: none; } .diamond-text.text-4 { top: 44px; } .diamond-text.text-4 span { font-size: 12px; } .diamond-text.text-6, .diamond-text.text-7 { top: 0px; } @media (max-width: 748px) { .diamond-text { margin-left: -45px !important; } } @media (min-width: 1199px) { html[dir="rtl"] .home-concept-construction { background: none } .home-concept-construction { background: transparent url(upload/files/home-concept-small.png) no-repeat center 63% } } </style> <style type="text/css"> /** 21. Owl Carousel v2.1.6 */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y } .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; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .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 { display: none } .owl-carousel.owl-drag .owl-item { -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 .owl-carousel { display: block } .owl-carousel .animated { animation-duration: 1s; 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-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .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; no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s 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-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } /* 22. Owl Carousel v2.1.6 Theme */ .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-nav { margin-top: 10px } .owl-carousel .owl-nav [class*="owl-"] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #08c; display: inline-block; cursor: pointer; border-radius: 3px } .owl-theme .owl-nav [class*=owl-]:hover { background: #0099e6; color: #FFF; text-decoration: none } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 } .owl-carousel { margin-bottom: 20px } .owl-carousel .owl-item img { transform-style: unset } .owl-carousel .thumbnail { margin-right: 1px } .owl-carousel .item-video { height: 300px } .owl-carousel .owl-nav { top: 50%; position: absolute; margin-top: -20px; width: 100% } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { display: inline-block; position: absolute; width: 30px; height: 30px } .owl-carousel .owl-nav .owl-prev { left: -5px } .owl-carousel .owl-nav .owl-prev:before { font-family: FontAwesome; content: "\f053"; position: relative; left: -1px; top: 1px } .owl-carousel .owl-nav .owl-next { right: -5px } .owl-carousel .owl-nav .owl-next:before { font-family: FontAwesome; content: "\f054"; position: relative; left: 2px; top: 1px } .owl-carousel.stage-margin .owl-stage-outer { margin-left: 40px !important; margin-right: 40px !important } .owl-carousel.stage-margin .owl-stage-outer .owl-stage { padding-left: 0 !important; padding-right: 0 !important } .owl-carousel.show-nav-hover .owl-nav { opacity: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out } /*.owl-carousel.show-nav-hover .owl-nav .owl-prev{left:-20px}.owl-carousel.show-nav-hover .owl-nav .owl-next{right:-20px}*/ .owl-carousel.show-nav-hover:hover .owl-nav { opacity: 1 } .owl-carousel.show-nav-title .owl-nav { top: 0; right: 0; margin-top: -45px; width: auto } .owl-carousel.show-nav-title .owl-nav [class*="owl-"], .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:active { font-size: 18px; background: transparent !important; width: 18px; font-size: 18px } .owl-carousel.show-nav-title .owl-nav .owl-prev { left: -45px } .owl-carousel.rounded-nav .owl-nav [class*="owl-"], .owl-carousel.rounded-nav .owl-nav [class*="owl-"]:hover { padding: 3px 7px; border-radius: 50%; background: transparent; border: 1px solid #999 !important; color: #999 } .owl-carousel.nav-bottom .owl-nav { position: static; margin: 0; padding: 0; width: auto } .owl-carousel.nav-bottom .owl-nav .owl-prev, .owl-carousel.nav-bottom .owl-nav .owl-next { position: static } .owl-carousel.nav-inside .owl-nav, .owl-carousel.nav-inside .owl-dots { bottom: 2px; margin-top: 10px; position: absolute; right: 6px } .owl-carousel.full-width .owl-nav, .owl-carousel.big-nav .owl-nav { margin-top: -30px } .owl-carousel.full-width .owl-nav [class*="owl-"], .owl-carousel.full-width .owl-nav [class*="owl-"]:hover, .owl-carousel.big-nav .owl-nav [class*="owl-"], .owl-carousel.big-nav .owl-nav [class*="owl-"]:hover { height: auto; padding: 20px 0 } .owl-carousel.full-width .owl-nav .owl-prev, .owl-carousel.big-nav .owl-nav .owl-prev { border-radius: 0 4px 4px 0 } .owl-carousel.full-width .owl-nav .owl-next, .owl-carousel.big-nav .owl-nav .owl-next { border-radius: 4px 0 0 4px } .owl-carousel.top-border { border-top: 1px solid #DBDBDB; padding-top: 18px } .owl-carousel-spaced { margin-left: -5px } .owl-carousel-spaced .owl-item>div { margin: 5px } .owl-carousel.testimonials img { display: inline-block; height: 70px; width: 70px } @media (max-width:479px) { .owl-carousel-spaced { margin-left: 0 } } </style> <script type="text/javascript"> (function () { var options = { whatsapp: "905383347344", // WhatsApp number call_to_action: "Bize mesaj gönderin", // Call to action button_color: "#FF6550", // Color of button position: "left", // Position may be 'right' or 'left' }; var proto = 'https:', host = "getbutton.io", url = proto + '//static.' + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WW2J9H3');</script>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WW2J9H3" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> </head> <body class="page- sayfa-1 sayfa-ust-0"> <div class="body"> <header id="header" class="header-no-min-height header-mobile-nav-only header-flex header2" data-plugin-options="{'stickyStartAt':'37','stickySetTop':'-37px','stickyEnabled':true,'stickyEnableOnBoxed':true,'stickyEnableOnMobile':true,'stickyChangeLogo':false}"> <div class="header-body"> <div class="header-top"> <div class="container"> <div></div> <ul class="header-social-icons social-icons hidden-xs"></ul> <div class="header-menu-top-wrp"> <div class="header-menu-top"> <nav class="header-nav-top"> <ul class="nav nav-pills"> <li> <a class="tcenter pull-right mr10" href="mailto:atlas@atlaspompa.com" alt="vakum-pompalari-e-posta" title="Vakum Pompaları E posta"> <i class="fa fa-envelope"></i> atlas@atlaspompa.com </a> </li> <li> <a class="tcenter pull-right mr10" href="tel:05383347344"> <i class="fa fa-whatsapp" style="color:green;"></i> <b>Whatsapp:</b> 0538 334 7344 </a> </li> <li> <a class="tcenter pull-right mr10" href="index.htm"> <img src="upload/tr.png"> <b>TR</b></a> </li> </ul> </nav> </div> </div> </div> </div> <div class="header-container container"> <div class="header-row"> <div class="header-column"> <div class="header-logo"> <p style="margin:0!important;"> <a alt="vakum-pompalari" title="Vakum Pompaları" href="home.htm"> <img src="_assets/logo.png"> </a> </p> </div> </div> <div class="header-column"> <div class="header-row"> <div class="header-nav header-nav-stripe"> <button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main"> <i class="fa fa-bars"></i> </button> <ul class="header-social-icons social-icons hidden-xs"></ul> <div class="header-nav-main header-nav-main-square header-nav-main-effect-1 header-nav-main-sub-effect-1 collapse"> <nav> <ul class="nav nav-pills" id="mainNav"> <li class=" menu-1" data-menu="menu-1"> <a alt="vakum-pompalari" title="Vakum Pompaları" href="home.htm"> Home Page</a> </li> <li class=" menu-110" data-menu="menu-1"> <a alt="vakum-pompalari" title="Vakum Pompaları" href="hakkimizda-en.html"> About Us</a> </li> <li class=" menu-1369 dropdown dropdown-mega" data-menu="menu-1"> <a alt="vakum-pompalari" title="Vakum Pompaları" href="javascript:;" class="dropdown-toggle disabled"> Industrial Pumps <i class="fa fa-caret-down"></i> </a> <ul class="dropdown-menu"> <li> <div class="dropdown-mega-content"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="wilo-pompalar-en.html"> <img alt="vakum-pompalari-wilo-pompalar" title="Vakum Pompaları Wilo Pompalar" src="upload/slider/urunler/vakum-pompalari-wilo.jpg"> <span class="megamenu-span">Wilo Pumps</span> </a> </li> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="disli-lobe-pompalar-en.html"> <img alt="vakum-pompalar-disli-ve-lobe-pompalar" title="Vakum Pompalar Dişli ve Lobe Pompalar" src="upload/slider/urunler/vakum-pompalari-disli.jpg"> <span class="megamenu-span">Gear and Lobe Pump</span> </a> </li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="standart-pompalar-en.html"> <img alt="Standart Pompalar" src="upload/slider/urunler/vakum-pompalari-standart.jpg"> <span class="megamenu-span">Standard Pumps</span> </a> </li> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="santrifuj-pompalar-en.html"> <img alt="vakum-pompalari-santrifuj-blower-pompalar" src="upload/slider/urunler/vakum-pompalari-santrifuj.jpg"title="Vakum Pompalar Santrifuj Blower Pompalar"> <span class="megamenu-span">Centrifugal Blower</span> </a> </li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="diyaframli-pompalar-en.html"> <img alt="Diyaframlı Pompalar" src="upload/slider/urunler/vakum-pompalari-diyaframli.jpg"> <span class="megamenu-span">Diaphragm Pumps</span> </a> </li> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="sulu-vakum-pompalari-en.html"> <img alt="vakum-pompalari-sulu-vakum-pompalar" src="upload/slider/urunler/vakum-pompalari-sulu-vakum.jpg" title="Vakum Pompalar Sulu Vakum Pompalar"> <span class="megamenu-span">Water Vacuum Pumps</span> </a> </li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="dozaj-pompalar-en.html"> <img alt="vakum-pompalari-dozaj-pompalar" src="upload/slider/urunler/vakum-pompalari-dozaj.jpg" title="Vakum Pompalar Dozaj Pompalar"> <span class="megamenu-span">Dosing Pumps</span> </a> </li> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="yagli-vakum-pompalari-en.html"> <img alt="vakum-pompalari-yagli-vakum-pompalari" src="upload/slider/urunler/vakum-pompalari-yagli-vakum.jpg" title="Vakum Pompaları Yağlı Vakum Pompaları"> <span class="megamenu-span">Oil Vacuum Pumps</span> </a> </li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="manyetik-kaplinli-pompalar-en.html"> <img alt="vakum-pompalari-manyetik-kaplinli-pompalar" src="upload/slider/urunler/vakum-pompalari-manyetik-kaplin.jpg" title="Vakum Pompaları Manyetik Kaplinli Pompalar"> <span class="megamenu-span">Magnetic Coupling Pumps</span> </a> </li> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="monopomp-en.html"> <img alt="vakum-pompa-monopomp" src="upload/slider/urunler/vakum-pompalari-monopompa.jpg" title="Vakum Pompa Monopomp"> <span class="megamenu-span">Monopomp</span> </a> </li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="plastik-asit-pompalari-en.html"> <img alt="vakum-pompa-plastik-asit-pompalari" src="upload/slider/urunler/vakum-pompalari-plastik-asit.jpg" title="Vakum Pompa Plastik Asit Pompaları"> <span class="megamenu-span">Plastic Acid Pumps</span> </a> </li> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="monopomp-yedek-parca-en.html"> <img alt="vakum-pompa-monopomp-yedek-parca" src="upload/slider/urunler/vakum-pompalari-monopompa-yedek.jpg" title="Vakum Pompa Monopomp Yedek Parça"> <span class="megamenu-span">Monopump Spare Parts</span> </a> </li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="hijyenik-santrifuj-en.html"> <img alt="vakum-pompa-plastik-asit-pompalari" src="upload/slider/urunler/vakum-pompalari-hijyenik-santrifuj.jpg"title="Vakum Pompa Plastik Asit Pompaları"> <span class="megamenu-span">Hygienic Centrifugal Pumps</span> </a> </li> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="varil-pompalari-en.html"> <img alt="vakum-pompa-varil-pompalari" src="upload/slider/urunler/vakum-pompalari-varil.jpg" title="Vakum Pompa Varil Pompalari"> <span class="megamenu-span">Barrel Pumps</span> </a> </li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="roots-blower-en.html" alt="vakum-pompalari-roots-blower" title = "Vakum Pompaları Roots Blower"> <img alt="vakum-pompalari-roots-blower" src="upload/slider/urunler/vakum-pompalari-roots.jpg" title = "Vakum Pompa Varil Pompalar "> <span class="megamenu-span">Roots Blower</span> </a> </li> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="karistiricilar-en.html" alt="vakum-pompalari-karistiricilar" title="Vakum Pompaları Karıştırıcılar"> <img alt="vakum-pompalari-sulu-vakum-pompalari" src="upload/slider/urunler/vakum-pompalari-karistiricilar.jpg" title="Vakum Pompaları Sulu Vakum Pompaları"> <span class="megamenu-span">Mixers & Chemical Tanks</span> </a> </li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="santrifuj-pompalarr-en.html" alt="vakum-pompalari-santrifuj-pompalar" title="Vakum Pompaları Santrifuj Vakum Pompaları"> <img alt="vakum-pompalari-santrifuj-vakum-pompalari" src="upload/slider/urunler/vakum-pompalari-santrifuj-pomp.jpg" title="Vakum Pompaları Santrifuj Vakum Pompaları"> <span class="megamenu-span">Centrifugal Pumps</span> </a> </li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="dalgic-parcalar-en.html" alt="vakum-pompalari-dalgic-pompalar" title="Vakum Pompaları Dalgıç Pompalar"> <img alt="Dalgıç Pompalar" src="upload/slider/urunler/vakum-pompalari-dalgic.jpg"> <span class="megamenu-span">Submersible Pumps</span> </a> </li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="peristaltik-pompalar-en.html" alt="vakum-pompalari-peristaltik-pompalar" title="Vakum Pompaları Peristaltik Pompalar"> <img alt="vakum-pompalari-peristaltik-pompalar" src="upload/slider/urunler/vakum-pompalari-peristaltik.jpg" title="Vakum Pompaları Peristaltik Pompalar"> <span class="megamenu-span">Peristaltic Pumps</span> </a> </li> </ul> </div><div class="col-md-3 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="havuz-pompalari-en.html" alt="vakum-pompalari-havuz-pompalari" title="Vakum Pompaları Havuz Pompaları"> <img alt="vakum-pompalari-peristaltik-pompalar" src="upload/slider/urunler/vakum-pompalari-havuz-pompalari.jpg" title="Vakum Pompaları Peristaltik Pompalar"> <span class="megamenu-span">Pool Pumps</span> </a> </li> </ul> </div> </div> </div> </li> </ul> </li> <li class=" menu-1370 dropdown dropdown-mega" data-menu="menu-1"> <a alt="vakum-pompalari" title="Vakum Pompaları" href="javascript:;" class="dropdown-toggle disabled"> Industrial Products <i class="fa fa-caret-down" alt="vakum-pompalari" title="Vakum Pompaları"></i> </a> <ul class="dropdown-menu"> <li> <div class="dropdown-mega-content"> <div class="row"> <div class="col-md-4 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav">  <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="hava-difuzoru-en.html" alt="vakum-pompalari-hava-difuzoru" title="Vakum Pompaları Hava Difüzörü"> <img alt="vakum-pompalari-hava-difuzoru" src="upload/slider/urunler/vakum-pompalari-hava-difuzoru.jpg" title="Vakum Pompaları Hava Difüzörü"> <span class="megamenu-span">Air Diffuser</span> </a> </li><li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="sogutma-kulesi-en.html" alt="vakum-pompalari-sogutma-kulesi" title="Vakum Pompaları Soğutma Kulesi"> <img alt="vakum-pompalari-sogutma-kulesi" src="upload/slider/urunler/vakum-pompalari-sgk.jpg" title="Vakum Pompaları Soğutma Kulesi"> <span class="megamenu-span">Cooling Tower </span> </a> </li> </ul> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav">   </ul> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav">   </ul> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="chiller-su-sogutma-en.html" alt="vakum-pompalari-chiller-su-sogutma" title="Vakum Pompaları Su Sogutma Pompaları"> <img alt="vakum-pompalari-chiller-su-sogutma" src="upload/slider/urunler/vakum-pompalari-cs.jpg" title="Vakum Pompaları Su Sogutma Pompaları"> <span class="megamenu-span">Chiller Water Cooling Products</span> </a> </li> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="sicaklik-kontrol-en.html" alt="vakum-pompalari-sicaklik-kontrol" title="Vakum Pompaları Sıcaklık Kontrol"> <img alt="vakum-pompalari-doner-basliklar" src="upload/slider/urunler/vakum-pompalari-sk.jpg" title="Vakum Pompaları Sıcaklık Kontrol"> <span class="megamenu-span">Temperature Control Units</span> </a> </li> </ul> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <span class="dropdown-mega-sub-title"></span> <ul class="dropdown-mega-sub-nav"> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="kuru-sogutucu-en.html" alt="vakum-pompalari-kuru-sogutucu" title="Vakum Pompaları Kuru Soğutucu"> <img alt="vakum-pompalari-kuru-sogutucular" src="upload/slider/urunler/vakum-pompalari-ks.jpg" title="Vakum Pompaları Kuru Soğutucular"> <span class="megamenu-span">Dry Coolers</span> </a> </li> <li> <a alt="vakum-pompalari" title="Vakum Pompaları" href="blower-hava-sogutucu-en.html" alt="vakum-pompalari-blower-hava-sogutucular"title="Vakum Pompaları Blower Hava Soğutucular"> <img alt="vakum-pompalari-doner-basliklar" src="upload/slider/urunler/vakum-pompalari-bs.jpg" title="Vakum Pompaları Döner Başlıklar"> <span class="megamenu-span">Blower Air Coolers</span> </a> </li> </ul> </div> </div> </div> </li> </ul> </li> <li class=" menu-1371" data-menu="menu-1"> <a alt="vakum-pompalari" title="Vakum Pompaları" href="bayiliklerimiz-en.html" alt="vakum-pompalari-bayiliklerimiz" title="Vakum Pompaları Bayiliklerimiz"> Dealarships</a> </li> <li class=" menu-132" data-menu="menu-1"> <a alt="vakum-pompalari" title="Vakum Pompaları" href="iletisim-en.html" alt="vakum-pompalari-iletisim" title="Vakum Pompaları İletişim"> Contact</a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> </header> <section class="page-header page-header-color page-header-primary page-header-more-padding breadcrumb2"> <div class="container"> <div class="row"> <div class="col-md-12"> <ul class="breadcrumb" itemscope="" itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"> <a itemprop="item" href="home.htm"> <span itemprop="name">Homepage</span> </a> <meta itemprop="position" content="1"> </li> <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"> <a alt="vakum-pompalari" title="Vakum Pompaları" href="#" itemprop="item"> <span itemprop="name">GEAR AND LOBE PUMPS</span> </a> <meta itemprop="position" content="2"> </li> <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"> <a alt="vakum-pompalari" title="Vakum Pompaları" href="#" itemprop="item"> <span itemprop="name">INTERNAL GEAR PUMPS</span> </a> <meta itemprop="position" content="3"> </li> </ul> </div> </div> <div class="row"> <div class="col-md-12"> <h1 style="font-size:20px">Atlas Vakum Pompaları</h1> <h2 style="font-size:16px; color:white;" >Kaliteli ve Uygun Fiyatlı Vakum Pompaları Çözümleri</h2><h3>KIP3/8"</h3> </div> </div> </div> </section> <div class="container " id=""> <div class="row">  <div class='col-md-12 col-sm-12 col-xs-12 col-sm-12 col-xs-12 contentDiv'> <div class='row'> <div class="col-md-12 col-sm-12 col-xs-12 shop"> <div class="uct-view">  <div class="product-essential"> <div class="row"> <div class="col-sm-5"> <div class="thumb-gallery gallery" data-plugin-options="{'autoheight': true, 'delegate': 'a', 'type': 'image', 'gallery': {'enabled': true}, 'mainClass': 'mfp-with-zoom', 'zoom': {'enabled': true, 'duration': 300}}"> <div class="owl-carousel owl-theme manual thumb-gallery-detail show-nav-hover" id="thumbGalleryDetail"> <div> <a data-size="1500x1500" href="upload/product/601x601/vakum-pompalari-173.jpg" target="_blank" class="img-thumbnail"> <img alt="vakum-pompalari" title="Vakum Pompaları" src="upload/product/601x601/vakum-pompalari-173.jpg" class="img-responsive" style=""> <span class=" "> <i class="fa fa-search"></i> </span> </a> </div> <div> <a data-size="1500x1500" href="upload/product/601x601/vakum-pompalari-174.jpg" target="_blank" class="img-thumbnail"> <img alt="vakum-pompalari" title="Vakum Pompaları" src="upload/product/601x601/vakum-pompalari-174.jpg" class="img-responsive" style=""> <span class=" "> <i class="fa fa-search"></i> </span> </a> </div> <div> <a data-size="1500x1500" href="upload/product/601x601/vakum-pompalari-175.jpg" target="_blank" class="img-thumbnail"> <img alt="vakum-pompalari" title="Vakum Pompaları" src="upload/product/601x601/vakum-pompalari-175.jpg" class="img-responsive" style=""> <span class=" "> <i class="fa fa-search"></i> </span> </a> </div> <div> <a data-size="1500x1500" href="upload/product/601x601/vakum-pompalari-176.jpg" target="_blank" class="img-thumbnail"> <img alt="vakum-pompalari" title="Vakum Pompaları" src="upload/product/601x601/vakum-pompalari-176.jpg" class="img-responsive" style=""> <span class=" "> <i class="fa fa-search"></i> </span> </a> </div> </div> <div class="owl-carousel owl-theme manual thumb-gallery-thumbs mt" id="thumbGalleryThumbs" data-items="" data-margin=""> <div> <span class="img-thumbnail cur-pointer"> <img alt="vakum-pompalari" title="Vakum Pompaları" src="upload/product/601x601/vakum-pompalari-173.jpg" class="img-responsive"> </span> </div> <div> <span class="img-thumbnail cur-pointer"> <img alt="vakum-pompalari" title="Vakum Pompaları" src="upload/product/601x601/vakum-pompalari-174.jpg" class="img-responsive"> </span> </div> <div> <span class="img-thumbnail cur-pointer"> <img alt="vakum-pompalari" title="Vakum Pompaları" src="upload/product/601x601/vakum-pompalari-175.jpg" class="img-responsive"> </span> </div> <div> <span class="img-thumbnail cur-pointer"> <img alt="vakum-pompalari" title="Vakum Pompaları" src="upload/product/601x601/vakum-pompalari-176.jpg" class="img-responsive"> </span> </div> </div> </div> </div> <div class="product-details-box col-sm-7"> <div class="product-details-box-inner"> <h2 class="product-name"> KIP3/8"</h2> <div class="product-short-desc"> <p> <br> • Input-Output: Pipe Thread ⅜" <br> • Debi: 0,004 L/rev <br> • Maximum Flow: 0.35 m³/h <br> • Pressure Range: 2-14 Bar <br> • Temperature Range: 20-200° <br> • Viscosity Range: 100- 25 000 Cp <br> • Body Material: GG25 Cast Iron <br> • Thread Material: AISI1040 Steel <br> • Bearing: Bronze / Carbon Teflon / Bearing <br> • Sealing: Soft Seal / Mechanical Seal <br> • Accessory: Heating Cover, Filter <br> • Dimensions: 16.2 cm x 10.6 cm x 8 cm <br> • Weight: 3.1KG <br> </p> </div> <div></div> <style> .badge.indirim-orani { width: 64px !important; height: 56px; font-weight: 600; } .fiyat-detay-info .fiyat { min-width: 85px; display: inline; float: left; font-weight: 600; white-space: nowrap; } .fiyat-detay-info .product-old-price, .fiyat-detay-info .turkishLira { font-size: 20px; } .fiyat-detay-info .fiyat { font-size: 32px; } .fiyat-detay-info .fiyat.old { font-weight: 400; text-decoration: line-through; height: 13px; text-align: left; } .fiyat-detay-info .fiyat.old { height: 20px; font-size: 19px; margin: 1px 0px; color: #999; } .product-old-price.active { display: block; } .fiyat-detay-info .kurs-indirim-orani .oran-yuzde { display: block; padding-bottom: 6px; font-size: 21px; } .fiyat-detay-info .badge { display: table-cell; width: 42px; right: 15px; text-align: center; vertical-align: middle; padding: 4px; line-height: 13px; } .product-old-price.active+.fiyat { padding-left: 10px; } .fiyat-detay-info .popover { top: 3px !important } .fiyat-detay-info .popover.right>.arrow { top: 50% !important; } </style>  </div>  </div>  </div>  </div>  </div> </div> </div>  </div>  </div>  </div> <footer id="footer" class="footer_custom"> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12 content content-464"> <div> <div class="custom-footer pt30 background-color-light m-none"> <div class="container"> <div class="row"> <div class="col-md-1"> <a class="text-decoration-none" href="#"> <img alt="Atlas Pompa" src="_assets/logo-footer.png" width="150"> </a> </div> <div class="col-md-2 col-md-offset-1"> <h5 class="text-color-dark font-weight-bold mb-xs"> About Us </h5> <ul> <li> <p style="color:white;">We aimed to be one of the solution-oriented leading companies in the sector by combining our experience and engineering in the industrial and domestic pump sector, which we started in 2006, together with auxiliary industrial equipment under the brand name of ATLAS</p> </li> </ul> </div> <div class="col-md-2"> <h5 class="text-color-dark font-weight-bold mb-xs"> Quick Menu </h5> <ul> <li> <a class="custom-text-color-1" href="hakkimizda.html">About Us </a> </li> <li> <a class="custom-text-color-1" href="#" alt="vakum-pompalari-industrial-pumps" title="Vakum Pompaları Industrial Pumps">Industrial Pumps</a> </li> <li> <a class="custom-text-color-1" href="#" alt="vakum-pompalari-industrial-products" title="Vakum Pompaları Industrial Prodcuts">Industrial Products</a> </li> <li> <a class="custom-text-color-1" href="bayiliklerimiz-en.html" alt="vakum-pompalari-dealerships" title="Vakum Pompaları Bayiliklerimiz">Dealarships </a> <span class="dropdown-mega-sub-title"></span> </li> <li> <a class="custom-text-color-1" href="iletisim-en.html" alt="vakum-pompalari-contact" title="Vakum Pompaları Contact">Contact</a> </li> </div> <div class="col-md-2 iletisimsutun"> <h5 class="text-color-dark font-weight-bold mb-xs"> Contact Us </h5> <ul> <li> <strong>Atlas Proses Endüstriyel Ekipmanları San. Tic. Ltd. Şti.</strong></li> <li class="custom-text-color-1"> <strong>Address:</strong> Oruçreis Mah. Tekstilkent Cad. Tekstilkent A19 Blok No: 10K İç Kapı No: 111 PK.34235 Esenler / İSTANBUL </li> <li> <strong>Phone:</strong> <a class="custom-text-color-1" href="tel:+90538 334 73 44" alt="vakum-pompalari-phone" title="Vakum Pompaları Phone">+90538 334 73 44</a> </li> <li> <strong>Phone:</strong> <a class="custom-text-color-1" href="tel:+90505 316 86 95" alt="vakum-pompalari-telefon" title="Vakum Pompaları Telefon">+90505 316 86 95</a> </li><li> <strong>Phone:</strong> <a class="custom-text-color-1" href="tel:+90212 999 70 75">+90212 999 70 75</a> </li> <li> <strong>E-Mail:</strong> <a class="custom-text-color-1" href="mailto:atlas@atlaspompa.com" alt="vakum-pompalari-e-mail" title="Vakum Pompaları E Mail">atlas@atlaspompa.com </a> </li> </ul> </div> <div class="col-md-2 iletisimsutun"> <h5 class="text-color-dark font-weight-bold mb-xs"> We On The Map</h5> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3008.1993962188963!2d28.868114299999995!3d41.064633900000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cabbe3d460d759%3A0x35aa66da0081e635!2sAtlas%20End%C3%BCstriyel%20Pompa%20ve%20Ekipmanlar!5e0!3m2!1str!2str!4v1669124480787!5m2!1str!2str" width="300" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </div> </div> </div> </div> </div>  </div>   <div class="container " id=""> <div class="row">  </div> </div> </footer> <script src="outsource/t1/js/all-37.js?1663879541" charset="utf-8" type="text/javascript"></script> <script src="ajax/libs/webfont/1/webfont.js" charset="utf-8" type="text/javascript"></script> <script src="outsource/t1/vendor/whatsapp/whatsapp.js" charset="utf-8" type="text/javascript"></script> <script src="outsource/t1/js/theme.js" charset="utf-8" type="text/javascript"></script> <script src="outsource/t1/js/theme.init.min.js" charset="utf-8" type="text/javascript"></script> <script src="_assets/js/ozel_kod-37.js?t=1663879541" charset="utf-8" type="text/javascript"></script> <script src="outsource/genel/plugins/photoswipe/photoswipe.min.js" charset="utf-8" type="text/javascript"></script> <script src="outsource/genel/plugins/photoswipe/photoswipe-ui-default.min.js" charset="utf-8" type="text/javascript"></script> <script src="outsource/t1/js/shop.js" charset="utf-8" type="text/javascript"></script> <script src="outsource/genel/plugins/addthis/addthis_widget_2.js#pubid=" charset="utf-8" type="text/javascript"></script> <script type="text/javascript"> var obj = {}; obj.scroll = ""; obj.second = ""; obj.mouseleave = ""; Modal(obj); </script> <link rel="stylesheet" href="outsource/t1/vendor/whatsapp/whatsapp-1.css?v=202209222345"> <link rel="stylesheet" href="outsource/genel/plugins/photoswipe/photoswipe.min.css?v=202209222345"> <script type="text/javascript"> </script> <script type="text/javascript"> </script> </div>  </body> </html>