/*----------------------------------------------------------------------------- - Revolution Slider 5.0 Default Style Settings - Screen Stylesheet version: 5.4.5 date: 15/05/17 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ #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(../fonts/revicons/revicons.eot?5510888);src:url(../fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),url(../fonts/revicons/revicons.woff?5510888) format('woff'),url(../fonts/revicons/revicons.ttf?5510888) format('truetype'),url(../fonts/revicons/revicons.svg?5510888#revicons) 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-carousel-wrapper{cursor:url(openhand.cur),move}.tp-carousel-wrapper.dragged{cursor:url(closedhand.cur),move}.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(../assets/gridtile.png)}.tp-dottedoverlay.twoxtwowhite{background:url(../assets/gridtile_white.png)}.tp-dottedoverlay.threexthree{background:url(../assets/gridtile_3x3.png)}.tp-dottedoverlay.threexthreewhite{background:url(../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:200;top:0}.tp-bannertimer.tp-bottom{visibility: hidden!important;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(../assets/coloredbg.png)}.tp-caption.slidelink a span{background:url(../assets/coloredbg.png)}.tp-loader.spinner0,.tp-loader.spinner5{background-image:url(../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:1000;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%} /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Layer Style Settings - Screen Stylesheet version: 5.0.0 date: 18/03/15 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ * { -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: 0px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s; border-radius: 0px; } .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 0px 10px 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 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: 0px 0px 0px 0px; 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: 0px 0px 0px 0px } .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 30px 30px 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 0px; 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: 0px 0px 0px 0px; 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: 0px 0px 0px 0px } .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 5px 5px 5px; text-decoration: none; background-color: rgba(0, 0, 0, 0.35); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 5px 5px 5px; text-decoration: none; background-color: rgba(0, 0, 0, 1.00); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 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: 0px 0px 0px 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 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: 0px 0px 0px 0px; 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: 0px 0px 0px 0px } .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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 10px 10px 10px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0 0 0 0px } .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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 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: 0px 0px 0px 0px; 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: 0px 0px 0px 0px } .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 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 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: 0px 0px 0px 0px; 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: 0px 0px 0px 0px } .tp-caption.rtwhitemedium, .rtwhitemedium { font-size: 22px; line-height: 26px; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(0, 0, 0); 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: 0px; } .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: 0px 0px 10px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; 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: 0px 0px 10px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .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: 0px 0px 0px 0px; 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: 0px 0px 0px 0px } .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: 0px; 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: 0px; 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: 0px; 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: 0px; 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: 0px 0px 10px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .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: 0px 0px 10px 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; 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: 0px; 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: 0px; 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: 0px 0px 0px 0px; 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: 0px 0px 0px 0px } .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: 0px 0px 0px 0px; 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: 0px 0px 0px 0px; 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: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .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: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; 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 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: 0px 0px 0px 0px; 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: 0px 0px 0px 0px } .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 0 0 0px; text-decoration: none; background-color: transparent; border-color: rgba(0, 0, 0, 1.00); border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-shadow: none; text-align: left } .tp-caption.RedDot, .RedDot { color: rgba(0, 0, 0, 1.00); font-weight: 400; font-style: normal; padding: 0px 0px 0px 0px; 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: 0px 0px 0px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .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: 0px 0px 0px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 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: 0px; border-radius: 0px 0px 0px 0px; 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: 0px; border-radius: 0px 0px 0px 0px } .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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px 0px 0px 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; 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: 0px 0px 0px 0px; text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 0); border-style: none; border-width: 0px; 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: 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px 0px 0px 0px; 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: 0px 0px 0px 0px } .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 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0px 0px 0px 0px; 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: 0px 0px 0px 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: 0px; 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: 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0px 0px 0px 0px; 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: 0px 0px 0px 0px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; 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: 0px; 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: 0px 0px 0px 0px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; 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: 0px; 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 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; 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: 0px; border-radius: 5px 5px 5px 5px; text-align: left; box-shadow: inset 0px 2px 0px 0px 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 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0 0 0 0px; cursor: pointer } #rev_slider_429_1_wrapper .tp-loader.spinner2 { background-color: #555555 !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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px 0px 0px 0px; 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: 0px 0px 0px 0px; cursor: pointer } /* media queries */ @media only screen and (max-width: 960px) {} @media only screen and (max-width: 768px) {} .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 0 0 0px; text-decoration:none; background-color:transparent; border-color:transparent; border-style:none; border-width:0px; border-radius:0 0 0 0px; 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 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px 35px 0px 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: 0px; border-radius: 0px 0px 0px 0px; 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: 0px; border-radius: 0px 0px 0px 0px; cursor: pointer } .tp-caption.App-Content a, .tp-caption.App-Content a:visited { color: #89124e !important; border-bottom: 1px solid transparent !important; font-weight: bold !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 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 20px; text-decoration: none; text-align: left; background-color: rgba(0, 154, 238, 1.00); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s; border-radius: 0px; } #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: 0px; } #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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0px 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0 0 0 0px; 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: 0px 0px 0px 0px; 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: 0px; border-radius: 0px 0px 0px 0px; 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: 0px; border-radius: 0px 0px 0px 0px; 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 0 0px 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0 0 0 0px; 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 0 0px 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0px 0px 0px 0px; 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: 0px 50px 0px 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: 0px; 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: 0px; 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 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 30px; text-decoration: none; text-align: left; background-color: rgba(255, 255, 255, 0.90); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 30px; text-decoration: none; text-align: left; background-color: rgba(17, 17, 17, 0.90); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px } .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 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: 0px; border-radius: 0px 0px 0px 0px; 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: 0px; border-radius: 0px 0px 0px 0px; 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 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; letter-spacing: 0px } .rev_slider { overflow: hidden; } .effect_layer { position: absolute; top: 0px; left: 0px; 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: 0px; left: 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0 0 0 0px; 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 1px 1px 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0 0 0 0px; 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 1px 1px 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 1px 1px 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0 0 0 0px; 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 1px 1px 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: 0px; left: 0px; 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: 0px; box-sizing: border-box; transition: all 0.3s; -webkit-transition: all 0.3s; } .gyges .tp-thumb-image { padding: 3px; display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 5px 5px 10px 0px 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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: 0px; border-radius: 0 0 0 0px; 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: 0px; left: 0px; width: 100% } #tp-menubg { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000', GradientType=0); /* IE6-9 */ } #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: 0px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.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 0.3s; -webkit-transition: all 0.3s; } #rev_slider_167_6 .uranus.tparrows:hover:before { opacity: 0.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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px } .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: 0px; border-radius: 0 0 0 0px; 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 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ARES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ .ares.tparrows { cursor:pointer; background:#fff; min-width:60px; min-height:60px; position:absolute; display:block; z-index:100; border-radius:50%; } .ares.tparrows:hover { } .ares.tparrows:before { font-family: "revicons"; font-size:25px; color:#aaa; display:block; line-height: 60px; text-align: center; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.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:0px; margin-left:30px; border-radius:0px 30px 30px 0px; overflow:hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:0% 50%; -webkit-transform-origin:0% 50%; } .ares.tp-rightarrow .tp-title-wrap { right:0px; margin-right:30px;margin-left:0px; -webkit-transform-origin:100% 50%; border-radius:30px 0px 0px 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 0.3s; transition: transform 0.3s; transform:translateX(200px); text-transform:uppercase; color:#000; font-weight:400; font-size:14px; line-height:60px; white-space:nowrap; padding:0px 20px; margin-left:10px; opacity:0; } .ares.tp-rightarrow .tp-arr-titleholder { transform:translateX(-200px); margin-left:0px; margin-right:10px; } .ares.tparrows:hover .tp-arr-titleholder { transform:translateX(0px); -webkit-transform:translateX(0px); transition-delay: 0.1s; opacity:1; } /* BULLETS */ .ares.tp-bullets { } .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:0px 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 0.3s; -webkit-transition:transform 0.3s; line-height:20px; white-space:nowrap; } .ares .tp-bullet-title:after { width: 0px; height: 0px; 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:0px; } .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; } /* TABS */ .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:0px; 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:0px; } .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; } .ares .tp-tab-mask { } /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { } @media only screen and (max-width: 768px) { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - CUSTOM SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .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"; } /* BULLETS */ .custom.tp-bullets { } .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:rgb(125,125,125); } .custom .tp-bullet-image { } .custom .tp-bullet-title { } /* THUMBS */ /* TABS */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - DIONE SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .dione.tparrows { height:100%; width:100px; background:transparent; background:rgba(0,0,0,0); line-height:100%; transition:all 0.3s; -webkit-transition:all 0.3s; } .dione.tparrows:hover { background:rgba(0,0,0,0.45); } .dione .tp-arr-imgwrapper { width:100px; left:0px; position:absolute; height:100%; top:0px; overflow:hidden; } .dione.tp-rightarrow .tp-arr-imgwrapper { left:auto; right:0px; } .dione .tp-arr-imgholder { background-position:center center; background-size:cover; width:100px; height:100%; top:0px; visibility:hidden; transform:translateX(-50px); -webkit-transform:translateX(-50px); transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0; left:0px; } .dione.tparrows.tp-rightarrow .tp-arr-imgholder { right:0px; 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 0.3s; -webkit-transition:all 0.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; } /* BULLETS */ .dione .tp-bullet { opacity:1; width:50px; height:50px; padding:3px; background:#000; background-color:rgba(0,0,0,0.25); margin:0px; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; } .dione .tp-bullet-image { display:block; box-sizing:border-box; position:relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px 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 0.3s; -webkit-transition:all 0.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 8px; border-color: rgba(0,0,0,0.75) transparent transparent transparent; bottom:-8px; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ERINYEN SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .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:0px; margin-left:0px; border-radius:35px; overflow:hidden; transition: opacity 0.3s; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.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:0px; margin-right:0px;margin-left:0px; -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 0.3s; transition: transform 0.3s; transform:translateX(200px); text-transform:uppercase; color:#fff; font-weight:600; font-size:13px; line-height:70px; white-space:nowrap; padding:0px 20px; margin-left:11px; opacity:0; } .erinyen .tp-arr-imgholder { width:100%; height:100%; position:absolute; top:0px; left:0px; background-position:center center; background-size:cover; } .erinyen .tp-arr-img-over { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#000; background:rgba(0,0,0,0.5); } .erinyen.tp-rightarrow .tp-arr-titleholder { transform:translateX(-200px); margin-left:0px; margin-right:11px; } .erinyen.tparrows:hover .tp-arr-titleholder { transform:translateX(0px); -webkit-transform:translateX(0px); transition-delay: 0.1s; opacity:1; } /* BULLETS */ .erinyen.tp-bullets { } .erinyen.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background: #555555; /* old browsers */ background: -moz-linear-gradient(top, #555555 0%, #222222 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#222222)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #555555 0%,#222222 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #555555 0%,#222222 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #555555 0%,#222222 100%); /* ie10+ */ background: linear-gradient(to bottom, #555555 0%,#222222 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#555555", endcolorstr="#222222",gradienttype=0 ); /* ie6-9 */ padding:10px 15px; margin-left:-15px;margin-top:-10px; box-sizing:content-box; border-radius:10px; box-shadow:0px 0px 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; /* old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #999999 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#999999)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* ie10+ */ background: linear-gradient(to bottom, #e5e5e5 0%,#999999 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#e5e5e5", endcolorstr="#999999",gradienttype=0 ); /* ie6-9 */ border:1px solid #555; width:12px;height:12px; } .erinyen .tp-bullet-image { } .erinyen .tp-bullet-title { } /* THUMBS */ .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:0px; left:0px; z-index:1; -webkit-transition:all 0.3s; transition:all 0.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; } .erinyen .tp-thumb-more:before { 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:0px; left:0px; z-index:2; padding:20px 35px 20px 20px; width:100%; height:100%; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.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; } /* TABS */ .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"; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - GYGES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ .gyges.tp-bullets { } .gyges.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background: #777777; /* Old browsers */ background: -moz-linear-gradient(top, #777777 0%, #666666 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#666666)); background: -webkit-linear-gradient(top, #777777 0%,#666666 100%); background: -o-linear-gradient(top, #777777 0%,#666666 100%); background: -ms-linear-gradient(top, #777777 0%,#666666 100%); background: linear-gradient(to bottom, #777777 0%,#666666 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: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e1e1e1",GradientType=0 ); /* IE6-9 */ } .gyges .tp-bullet-image { } .gyges .tp-bullet-title { } /* THUMBS */ .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:0px; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; } .gyges .tp-thumb-image { padding:3px; display:block; box-sizing:border-box; position:relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px 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 0.3s; -webkit-transition:all 0.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 8px; border-color: rgba(255,255,255,0.8) transparent transparent transparent; bottom:-8px; } /* TABS */ .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:0px; 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:0px; } .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); } .gyges .tp-tab-mask { } /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { } @media only screen and (max-width: 768px) { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HADES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .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 0.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:0px; background:#888; width:100px;height:100px; -webkit-transition: all 0.3s; transition: all 0.3s; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.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-iwrapper { } .hades .tp-arr-imgholder { background-size:cover; position:absolute; top:0px;left:0px; width:100%;height:100%; } .hades .tp-arr-titleholder { } .hades .tp-arr-subtitleholder { } /* BULLETS */ .hades.tp-bullets { } .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:0px 0px 3px 1px rgba(0,0,0,0.2); -webkit-perspective:400; perspective:400; -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 0.3s; -webkit-transform-style:flat; transform-style:flat; perspective:600; -webkit-perspective:600; transform: rotatex(-90deg); -webkit-transform: rotatex(-90deg); box-shadow:0px 0px 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-bullet-title { } /* THUMBS */ .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:0px; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.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 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px 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 8px; border-color: rgba(0,0,0,0.75) transparent transparent transparent; bottom:-8px; } /* TABS */ .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; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HEBE SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .hebe.tparrows { cursor:pointer; background:#fff; min-width:70px; min-height:70px; position:absolute; display:block; z-index:1000; } .hebe.tparrows:hover { } .hebe.tparrows:before { font-family: "revicons"; font-size:30px; color:#aaa; display:block; line-height: 70px; text-align: center; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.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:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:0% 50%; -webkit-transform-origin:0% 50%; } .hebe.tp-rightarrow .tp-title-wrap { right:0px; -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:0px 20px 0px 90px; } .hebe.tp-rightarrow .tp-arr-titleholder { margin-left:0px; padding:0px 90px 0px 20px; } .hebe.tparrows:hover .tp-arr-titleholder { transform:translateX(0px); -webkit-transform:translateX(0px); transition-delay: 0.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:0px; right:-90px; } .hebe.tp-rightarrow .tp-arr-imgholder{ right:auto;left:-90px; } /* BULLETS */ .hebe.tp-bullets { } .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:400; -webkit-transform:translateZ(0.01px); transform:translateZ(0.01px); transition:all 0.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 0.3s; -webkit-transform-style:flat; transform-style:flat; perspective:600; -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-bullet-title { } /* TABS */ .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"; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HEPHAISTOS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .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; } /* BULLETS */ .hephaistos.tp-bullets { } .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: 0px 0px 2px 1px rgba(130,130,130, 0.3); } .hephaistos .tp-bullet:hover, .hephaistos .tp-bullet.selected { background:#fff; border-color:#000; } .hephaistos .tp-bullet-image { } .hephaistos .tp-bullet-title { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HERMES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .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 0.3s; -webkit-transition:all 0.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:0px; left:0px; visibility:hidden; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; -webkit-perspective: 1000px; perspective: 1000px; } .hermes.tp-rightarrow .tp-arr-allwrapper { right:0px;left:auto; } .hermes.tparrows:hover .tp-arr-allwrapper { visibility:visible; } .hermes .tp-arr-imgholder { width:180px;position:absolute; left:0px;top:0px;height:110px; transform:translateX(-180px); -webkit-transform:translateX(-180px); transition:all 0.3s; transition-delay:0.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:0px 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 0.3s; transition: all 0.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: 0.6s; transition-delay: 0.6s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } /* BULLETS */ .hermes.tp-bullets { } .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 0.3s ease; transition: background 0.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 0.3s ease; transition: height 0.3s ease; } .hermes .tp-bullet.selected:after { height:100%; } /* TABS */ .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:rgb(54,54,54); position:absolute; padding:20px 20px 20px 30px; box-sizing:border-box; color:#fff; display:block; width:100%; min-height:40%; bottom:0px; 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: 0px; height: 0px; border-style: solid; border-width: 30px 0 30px 10px; border-color: transparent transparent transparent rgb(54,54,54); content:" "; position:absolute; right:-9px; bottom:50%; margin-bottom:-30px; } .hermes .tp-tab-mask { padding-right:10px !important; } /* MEDIA QUERIES */ @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;} } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HESPERIDEN SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .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; } /* BULLETS */ .hesperiden.tp-bullets { } .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: #999999; /* old browsers */ background: -moz-linear-gradient(top, #999999 0%, #e1e1e1 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#e1e1e1)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #999999 0%,#e1e1e1 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #999999 0%,#e1e1e1 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #999999 0%,#e1e1e1 100%); /* ie10+ */ background: linear-gradient(to bottom, #999999 0%,#e1e1e1 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#999999", endcolorstr="#e1e1e1",gradienttype=0 ); /* ie6-9 */ 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-bullet-image { } .hesperiden .tp-bullet-title { } /* THUMBS */ .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:0px; left:0px; width:100%; box-sizing:border-box; text-align:center; overflow:hidden; white-space:nowrap; transition:all 0.3s; -webkit-transition:all 0.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; } /* TABS */ .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:0px; 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:0px; } .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; } .hesperiden .tp-tab-mask { } /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { } @media only screen and (max-width: 768px) { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - METIS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .metis.tparrows { background:#fff; padding:10px; transition:all 0.3s; -webkit-transition:all 0.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 0.3s; -webkit-transition:all 0.3s; } .metis.tparrows:hover:before { transform:scale(1.5); } /* BULLETS */ .metis .tp-bullet { opacity:1; width:50px; height:50px; padding:3px; background:#000; background-color:rgba(0,0,0,0.25); margin:0px; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.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 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px 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 0.3s; -webkit-transition:all 0.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 8px; border-color: rgba(0,0,0,0.75) transparent 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: 0px; max-width: 90px !important; transition: 0.4s padding-left, 0.4s left, 0.4s max-width; } .metis:hover .tp-tab-mask { padding-left: 0px; 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: 0.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: 0.15; transition: 0.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: 0px; top: 0px; position: absolute; transition: 0.4s all; } .metis.tp-tabs:hover:before { width: 118px; } @media (max-width: 499px) { .metis.tp-tabs:before { background: rgba(0, 0, 0, 0.75); } } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - PERSEPHONE SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .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"; } /* BULLETS */ .persephone.tp-bullets { } .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; } .persephone .tp-bullet-image { } .persephone .tp-bullet-title { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - URANUS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .uranus.tparrows { width:50px; height:50px; background:transparent; } .uranus.tparrows:before { width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s; -webkit-transition:all 0.3s; } .uranus.tparrows:hover:before { opacity:0.75; } /* BULLETS */ .uranus .tp-bullet{ border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.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 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, transform 0.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; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ZEUS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .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:0px; left:0px; position:absolute; opacity:0; transform:scale(0); -webkit-transform:scale(0); transition: all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; border-radius:50%; } .zeus .tp-arr-imgholder { width:100%; height:100%; position:absolute; top:0px; left:0px; background-position:center center; background-size:cover; border-radius:50%; transform:translateX(-100%); -webkit-transform:translateX(-100%); transition: all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.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; } /* BULLETS */ .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 0.3s ease; transition: opacity 0.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 0.3s ease; transition: transform 0.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 0.3s ease; transition: all 0.3s ease; border-radius:4px; } .zeus .tp-bullet-title, .zeus .tp-bullet-imageoverlay { z-index:2; -webkit-transition: all 0.5s ease; transition: all 0.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 0.3s ease; transition: all 0.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); } /* THUMBS */ .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:0px; left:0px; z-index:1; -webkit-transition:all 0.3s; transition:all 0.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; } .zeus .tp-thumb-more:before { 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:0px; left:0px; z-index:2; padding:20px 35px 20px 20px; width:100%; height:100%; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.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; } /* TABS */ .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); } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ZEUS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ .post-tabs .tp-thumb { opacity:1 } .post-tabs .tp-thumb-over { background:#252525; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; -webkit-transition:all 0.3s; transition:all 0.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; } .post-tabs .tp-thumb-more:before { 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:0px; left:0px; z-index:2; padding:15px 30px 15px 15px; width:100%; height:100%; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.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; } /* Global Industry - Factory and Industry HTML Template*/ /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global 4. Main Header / Style Two / Style Three 5. Main Slider 6. Services Section 7. Projects Section / Style Two 8. Testimonial Section 9. Counter Section 10. News Section 11. Team Section 12. Clients Section 13. Map Section 14. Main Footer 15. Welcome Section 16. Subscribe Section 17. Accordian Section 18. Call To Action Section 19. Work Process Section 20. Page Title 21. Error Section 22. Comming Soon Section 23. Services Single Section 24. Projects Detail Section 25. News Blog 26. Comments Section 27. Comments Form 28. Shop Item 29. Shop Detail 30. Contact Form **********************************************/ @import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); /*font-family: 'Arimo', sans-serif; font-family: 'Montserrat', sans-serif; font-family: 'Raleway', sans-serif;*/ @import url('font-awesome.css'); @import url('flaticon.css'); @import url('animate.css'); @import url('owl.css'); @import url('jquery-ui.css'); @import url('jquery.fancybox.min.css'); @import url('jquery.bootstrap-touchspin.css'); @import url('jquery.mCustomScrollbar.min.css'); /*** ==================================================================== Reset ==================================================================== ***/ * { margin:0px; padding:0px; border:none; outline:none; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-family: 'Arimo', sans-serif; font-size:14px; color:#777777; line-height:1.7em; font-weight:400; background:#ffffff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; } .bordered-layout .page-wrapper{ padding:0px 50px 0px; } a{ text-decoration:none; cursor:pointer; color:#2e55e0; } a:hover,a:focus,a:visited{ text-decoration:none; outline:none; } h1,h2,h3,h4,h5,h6 { position:relative; font-weight:normal; margin:0px; background:none; line-height:1.6em; font-family: 'Montserrat', sans-serif; } input,button,select,textarea{ font-family: 'Montserrat', sans-serif; } textarea{ overflow:hidden; } p{ position:relative; line-height:1.8em; } .gray_bg{ background-color:#f5f5f5; } .auto-container{ position:static; max-width:1200px; padding:0px 15px; margin:0 auto; } .medium-container{ max-width:850px; } .page-wrapper{ position:relative; margin:0 auto; width:100%; min-width:300px; } ul,li{ list-style:none; padding:0px; margin:0px; } img{ display:inline-block; max-width:100%; } .theme-btn{ display:inline-block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .centered{ text-align:center; } /*List Style One*/ .list-style-one{ position:relative; } .list-style-one li{ position:relative; color:#333333; font-size:16px; padding-left:70px; font-weight:700; padding-top:14px; margin-bottom:40px; } .list-style-one li .icon{ position:absolute; left:0px; top:0px; color:#2e55e0; font-size:50px; line-height:1em; font-weight:300; } /*List Style Two*/ .list-style-two{ position:relative; } .list-style-two li{ position:relative; color:#666666; font-size:14px; padding-left:70px; font-weight:400; margin-right:70px; display:inline-block; } .list-style-two li:last-child{ margin-right:0px; } .list-style-two li strong{ position:relative; color:#333333; font-size:17px; font-weight:700; display:block; } .list-style-two li .icon{ position:absolute; left:0px; top:0px; width:42px; height:42px; color:#2e55e0; font-size:20px; line-height:40px; font-weight:300; text-align:center; border-radius:50%; border:1px solid #2e55e0; } /*List Style Three*/ .list-style-three{ position:relative; } .list-style-three li{ position:relative; color:#666666; font-size:14px; padding-left:70px; font-weight:400; margin-bottom:30px; } .list-style-three li:last-child{ margin-right:0px; } .list-style-three li strong{ position:relative; color:#333333; font-size:17px; font-weight:700; display:block; } .list-style-three li .icon{ position:absolute; left:0px; top:0px; width:42px; height:42px; color:#2e55e0; font-size:20px; line-height:40px; font-weight:300; text-align:center; border-radius:50%; border:1px solid #2e55e0; } /*Btn Style One*/ .btn-style-one{ position:relative; padding:12px 28px 11px; line-height:24px; text-transform:capitalize; background:#2e55e0; color:#222222; border:2px solid #2e55e0; font-size:14px; font-weight:500; border-radius:50px; font-family: 'Montserrat', sans-serif; } .btn-style-one:hover{ background:#333333; color:#ffffff; border-color:#333333; } /*Btn Style Two*/ .btn-style-two{ position:relative; padding:12px 30px 11px; line-height:24px; text-transform:capitalize; background:none; color:#ffffff; border:2px solid #ffffff; font-size:14px; font-weight:500; border-radius:50px; font-family: 'Montserrat', sans-serif; } .btn-style-two:hover{ background:#2e55e0; color:#ffffff; border-color:#2e55e0; } /*Btn Style Three*/ .btn-style-three{ position:relative; padding:11px 30px 11px; line-height:24px; text-transform:capitalize; background:none; color:#222222; border:2px solid #222222; font-size:16px; font-weight:700; border-radius:50px; font-family: 'Arimo', sans-serif; } .btn-style-three:hover{ background:#2e55e0; color:#ffffff; border-color:#2e55e0; } /*Social Icon One*/ .social-icon-one{ position:relative; } .social-icon-one li{ position:relative; margin:0px 6px; display:inline-block; } .social-icon-one li a{ position:relative; font-size:16px; color:#ffffff; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .social-icon-one li a:hover{ color:#2e55e0; } /*Social Icon Two*/ .social-icon-two{ position:relative; } .social-icon-two li.follow{ position:relative; color:#ffffff; font-size:20px; margin-left:0px; font-family: 'Montserrat', sans-serif; } .social-icon-two li{ position:relative; margin-left:13px; display:inline-block; font-weight:600; } .social-icon-two li a{ position:relative; font-size:16px; margin-bottom:10px; color:#ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .social-icon-two li a:hover{ color:#2e55e0; } /*Social Icon Three*/ .social-icon-three{ position:relative; } .social-icon-three li{ position:relative; margin-left:5px; display:inline-block; font-weight:600; } .social-icon-three li a{ position:relative; width:40px; height:40px; font-size:16px; margin-bottom:10px; color:#333333; line-height:38px; text-align:center; display:inline-block; border:2px solid #dddddd; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .social-icon-three li a:hover{ color:#2e55e0; } .theme_color{ color:#2e55e0; } .preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg);} img{ display:inline-block; max-width:100%; height:auto; } /*** ==================================================================== Scroll To Top style ==================================================================== ***/ .scroll-to-top{ position:fixed; bottom:15px; right:15px; width:56px; height:56px; color:#ffffff; font-size:22px; text-transform:uppercase; line-height:56px; text-align:center; z-index:100; cursor:pointer; background:#0a0a0a; display:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .scroll-to-top:hover{ color:#ffffff; background:#2e55e0; } /*** ==================================================================== Section Title ==================================================================== ***/ .sec-title{ position:relative; margin-bottom:70px; } .sec-title h2{ position:relative; color:#333333; font-size:36px; font-weight:700; line-height:1.4em; padding-bottom:20px; } .sec-title .separater{ position:relative; width:100px; height:2px; background-color:#333333; } .sec-title .separater:before{ position:absolute; content:''; right:0px; bottom:-4px; width:10px; height:10px; display:inline-block; background-color:#2e55e0; } .sec-title.centered .separater{ left:50%; margin-left:-50px; } .sec-title .text{ position:relative; color:#333333; font-size:18px; margin-top:32px; } .sec-title.centered h2:after{ left:50%; margin-left:-30px; } .sec-title.light .separater{ background-color:#ffffff; } .sec-title.centered .separater:before{ left:50%; right:auto; margin-left:-5px; } .sec-title.light h2{ color:#ffffff; } /*** ==================================================================== Main Header style ==================================================================== ***/ .main-header{ position:relative; z-index:999; width:100%; } .main-header .header-top{ position:relative; top:40px; margin-top:-40px; background-color:#30abf2; } .main-header .header-top .top-left ul li{ position:relative; color:#ffffff; font-size:14px; margin-right:70px; display:inline-block; } .main-header .header-top .top-left ul li span{ position:relative; top:2px; margin-right:10px; color:#2e55e0; font-size:16px; line-height:1em; } .main-header .header-top .top-left{ position:relative; padding:18px 0px; } .main-header.header-style-two .header-top .top-left{ padding:14px 0px; } .main-header .header-top .top-right{ position:relative; text-align:right; padding:10px 0px; } .main-header.header-style-two .header-top .top-right{ padding:8px 0px; } .main-header .header-top .top-right .social-nav{ position:relative; float:left; z-index:1; margin-top:10px; margin-right:45px; } .main-header.header-style-two .header-top .top-right .social-nav{ margin-top:7px; margin-right:0px; } .main-header .header-top .top-right .social-nav li{ position:relative; padding-left:15px; display:inline-block; } .main-header .header-top .top-right .social-nav li a{ position:relative; color:#ffffff; font-size:16px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .main-header .header-top .top-right .social-nav li a:hover{ color:#2e55e0; } .main-header.header-style-two .header-top .top-right .social-nav li a:hover{ color:#222222; } .main-header .search-box{ position:relative; float:left; } .main-header .search-box .form-group{ position:relative; margin:0px; } .main-header .search-box .form-group input[type="text"], .main-header .search-box .form-group input[type="search"]{ position:relative; line-height:25px; padding:10px 50px 10px 20px; background:rgba(255,255,255,0.10); display:block; font-size:14px; height:40px; width:270px; float:right; color:#ffffff; border-radius:50px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-header .search-box .form-group input::-webkit-input-placeholder{ color:rgba(255,255,255,1); } .main-header .search-box .form-group button{ position:absolute; right:0px; top:0px; height:40px; width:45px; display:block; font-size:14px; color:#ffffff; line-height:100%; font-weight:normal; background:none; } .main-header .main-box .logo-box{ position:relative; float:left; left:0px; z-index:10; padding:30px 0px; }s .main-header .main-box .logo-box .logo img{ display:inline-block; max-width:100%; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-header .nav-toggler{ position:absolute; top:50%; margin-top:0px; display: block; } .main-header .nav-toggler button{ position:relative; display:block; color:#444444; text-align:center; font-size:24px; line-height:34px; font-weight:normal; background:none; } .main-header .header-upper{ position:relative; top:40px; } .main-header .header-upper .upper-right{ padding-top:40px; } .main-header .nav-outer{ position:relative; bottom:-40px; padding:0px 0px 0px 35px; background-color:#30abf2; } .header-style-two .header-top{ background-color:#2e55e0; top:auto; margin-top:0px; } .main-header.header-style-two .header-top .top-left li{ color:#fff; font-size:14px; } .main-header.header-style-two .header-top .top-left li span{ font-weight:700 } .header-style-three{ position:absolute; } .header-style-two .nav-outer, .header-style-three .nav-outer{ position: static; background:none; margin:0px; float:right; bottom:auto; padding-left:0px; } .header-style-three .nav-outer .main-menu{ padding-top:35px; } .header-style-two .nav-outer .outer-box, .header-style-three .nav-outer .outer-box{ position:relative; float:right; margin-top:46px; margin-left:35px; } .header-style-two .nav-outer .outer-box .contact-number{ position:relative; padding-left:45px; color:#666666; font-size:14px; font-weight:700; } .header-style-three .nav-outer .outer-box .contact-number{ color:#666666; position:relative; padding-left:50px; font-size:14px; font-weight:700; } .header-style-two .nav-outer .outer-box .contact-number .icon, .header-style-three .nav-outer .outer-box .contact-number .icon{ position:absolute; left:0px; top:0px; color:#2e55e0; line-height:1em; font-size:40px; font-weight:400; } .header-style-two .nav-outer .outer-box .contact-number strong{ color:#222222; font-size:18px; display:block; } .header-style-three .nav-outer .outer-box .contact-number strong{ color:#ffffff; font-size:18px; display:block; } .main-header .header-upper .logo-box{ padding:30px 0px; } .main-header .info-box{ position:relative; float:left; min-height:56px; margin-left:50px; font-size:13px; color:#777777; text-align:left; text-transform:uppercase; padding:0px 0px 20px 50px; } .main-header .info-box:last-child .theme-btn{ padding:11px 22px 10px; } .main-header .info-box .icon-box{ position:absolute; left:0px; top:6px; color:#2e55e0; font-size:34px; line-height:1em; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .main-header .info-box li{ position:relative; line-height:20px; color:#777777; font-size:16px; margin-bottom:6px; font-weight:400; text-transform:capitalize; } .main-header .info-box strong{ position:relative; font-weight:500; color:#333333; font-size:18px; font-family: 'Montserrat', sans-serif; } .main-header .info-box .quote-btn{ position: relative; line-height: 24px; color: #1f1f1f; font-size: 16px; font-weight: 600; padding:14px 38px; border-radius:50px; background:none; text-transform: uppercase; border:2px solid #f2f2f2; } .main-header .info-box .quote-btn:hover{ color:#ffffff; border-color:#26447b; background-color:#26447b; } .main-menu{ position:static; float:left; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-menu .navbar-collapse{ padding:0px; } .main-menu .navigation{ position:static; margin:0px; } .main-menu .navigation > li{ position:relative; float:left; margin:0px 25px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li:last-child::after{ display:none; } .main-menu .navigation > li:before{ position:absolute; content:''; left:0px; bottom:0px; width:100%; height:2px; opacity:0; background-color:#2e55e0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li:after{ position:absolute; content:''; left:50%; bottom:0px; opacity:0; margin-left:-6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #2e55e0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .header-style-two .main-menu .navigation > li:before{ bottom:40px; } .main-menu .navigation > li:hover::before, .main-menu .navigation > li.current::before, .main-menu .navigation > li:hover::after, .main-menu .navigation > li.current::after{ opacity:1; } .sticky-header .main-menu .navigation > li > a{ padding:20px 0px !important; color:#444444 !important; font-size: 14px; text-transform: uppercase !important; } .sticky-header .main-menu .navigation > li > a:after{ opacity:0 !important; } .sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a{ color:#2e55e0 !important; } .sticky-header .nav-outer .options-box{ margin-top:26px; } /*Sticky Header*/ .sticky-header{ position:fixed; opacity:0; visibility:hidden; left:0px; top:0px; width:100%; padding:0px 0px; background:#ffffff; z-index:0; border-bottom:1px solid #e6e6e6; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sticky-header .logo{ padding:10px 0px 10px; } .fixed-header .sticky-header{ z-index:999; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .main-menu .navigation > li > a{ position:relative; display:block; color:#ffffff; text-align:center; line-height:30px; text-transform:uppercase; letter-spacing:0px; opacity:1; font-weight:600; padding:17px 0px; font-size:14px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Montserrat', sans-serif; } .header-style-two .main-menu .navigation > li, .header-style-three .main-menu .navigation > li{ position:relative; margin-right: 0px; margin-left: 30px; } .header-style-two .main-menu .navigation > li > a:after{ position:absolute; content:''; left:50%; bottom:40px; margin-left:-6px; opacity:0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #2e55e0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .header-style-two .main-menu .navigation > li.current > a::after, .header-style-two .main-menu .navigation > li:hover > a::after{ opacity:1; } .header-style-two .sticky-header .main-menu .navigation > li{ margin-right:0px; } .header-style-two .main-menu .navigation > li.current > a, .header-style-two .main-menu .navigation > li > a{ color:#222222; padding:50px 0px; text-transform:capitalize; } .header-style-three .main-menu .navigation > li.current > a, .header-style-three .main-menu .navigation > li > a{ color:#ffffff; text-transform:capitalize; } .header-style-two .main-menu .navigation > li > a:hover{ color:#222222; } .header-style-two .main-menu .navigation > li:after{ display:none; } .sticky-header .main-menu .navigation > li{ position:relative; margin-right:0px; margin-left:45px; } .sticky-header .main-menu .navigation > li:before, .sticky-header .main-menu .navigation > li:after{ display:none; } .main-menu .navigation > li:hover > a:before, .main-menu .navigation > li.current > a:before{ width:100%; } .main-menu .navigation > li > ul{ position:absolute; left:0px; top:100%; width:250px; padding:0px; z-index:100; display:none; background:#ffffff; border-top:3px solid #2e55e0; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(0,0,0,0.10); } .main-menu .navigation > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:10px 15px; line-height:24px; font-weight:400; font-size:14px; text-transform:capitalize; color:#272727; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li:hover > a{ color:#ffffff; background:#2c2c2c; } .main-menu .navigation > li > ul > li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f105"; position:absolute; right:10px; top:10px; width:10px; height:20px; display:block; color:#253d4a; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li.dropdown:hover > a:after{ color:#ffffff; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:100%; top:0px; width:250px; padding:0px; z-index:100; display:none; background:#ffffff; border-top:3px solid #2e55e0; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(0,0,0,0.10); } .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; padding:10px 15px; line-height:24px; font-weight:400; font-size:14px; text-transform:capitalize; color:#272727; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li:hover > a{ color:#ffffff; background:#2c2c2c; } .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f105"; position:absolute; right:10px; top:11px; width:10px; height:20px; display:block; color:#272727; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{ color:#ffffff; } .main-menu .navigation > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:100%; } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:0; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ position:absolute; right:10px; top:6px; width:30px; height:30px; text-align:center; color:#ffffff; line-height:28px; border:1px solid #ffffff; background-size:20px; cursor:pointer; z-index:5; display:none; } .main-header .options-box{ position:relative; float:left; margin-top:42px; right:0px; margin-left:0px; } .main-header .options-box .options-nav{ position:relative; } .main-header .options-box .options-nav > li{ position:relative; color:#ffffff; font-size:22px; margin-left:28px; display:inline-block; } .main-header .options-box .options-nav li.menu-btn{ cursor:pointer; } .main-header .options-box .options-nav > li > a{ position:relative; color:#ffffff; } .main-header .header-lower .outer-box{ position:relative; float:right; } .main-header .header-lower .outer-box .advisor-box{ position:relative; float:left; } .main-header .header-lower .outer-box .advisor-box .advisor-btn{ position:relative; } .main-header .header-lower .outer-box .advisor-box .advisor-btn span{ position:relative; display:block; color:#222222; font-size:16px; font-weight:500; line-height:24px; border-radius:50px 0px 0px 50px; padding:20px 20px 20px 28px; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; font-family: 'Raleway', sans-serif; background-color:#2e55e0; } .main-header .header-lower .outer-box .advisor-box .advisor-btn:before{ position:absolute; content:''; left:-3px; top:0px; width:100%; height:100%; background-color:#ffffff; border-radius:50px; } /*** ==================================================================== Main Slider style ==================================================================== ***/ .main-slider{ position:relative; z-index:10; } .main-slider .tp-caption{ z-index:5 !important; } .main-slider .tp-dottedoverlay{ background:rgba(0,0,0,0.40) !important; } .main-slider .tparrows.gyges{ width:60px; height:60px; line-height:60px; border-radius:50%; background-color:rgba(255,255,255,0.20); } .main-slider .tparrows.gyges:before{ line-height:60px; } .main-slider .tparrows.gyges:hover{ color:#333333 !important; background-color:#333333; } .main-slider h2{ position:relative; font-size:60px; color:#ffffff; font-weight:500; line-height:1.2em; } .main-slider .text{ font-weight:400; line-height:1.6em; color:#ffffff; font-size:20px; } .main-slider .text.alternate{ text-align:center !important; } .main-slider .title{ position:relative; color:#ffffff; font-size:36px; font-weight:600; line-height:1.4em; text-shadow: 2px 2px 2px #222222; } .main-slider h2.alternate{ font-size:60px; } .main-slider .theme-btn{ margin-right:25px; } .main-slider .tparrows.preview3, .main-slider .tparrows.preview3{ background:none !important; overflow:hidden; height:90px; } .main-slider.alternate .tparrows.preview3{ margin-top:30px !important; height:50px; } .main-slider .contact-number{ position:absolute; width:100%; bottom:40px; display:block; z-index:20; color:#ffffff; font-size:15px; text-align:center; } .main-slider .contact-number .icon{ position:relative; display:block; margin-bottom:15px; color:#2e55e0; font-size:30px; } .main-slider .tparrows.preview3::after{ top:0px; color:#101010; font-size:26px; padding:0px; background:rgba(255,255,255,0.70); font-weight:400; width:36px; height:90px; line-height:90px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-slider .tparrows.tp-leftarrow.preview3::after{ content: '\f104'; font-family:'FontAwesome'; } .main-slider .tparrows.tp-rightarrow.preview3::after{ content: '\f105'; font-family:'FontAwesome'; } .main-slider .tparrows.preview3:hover::after{ background:rgba(255,255,255,1); } .main-slider .tparrows.preview3.tp-leftarrow{ left:0px !important; } .main-slider .tparrows.preview3.tp-rightarrow{ right:-36px !important; } .main-slider .tparrows.preview3 .tp-arr-iwrapper{ visibility:hidden; opacity:0; display:none; } .main-slider .tp-bannertimer, .main-slider .tp-bullets{ display:none !important; } /*** ==================================================================== Services Section ==================================================================== ***/ .services-section{ position:relative; padding:80px 0px 70px; } .services-block{ position:relative; margin-bottom:50px; } .services-block .inner-box{ position:relative; } .services-block .inner-box .upper-box{ position:relative; padding-left:78px; min-height:57px; } .services-block .inner-box .upper-box .icon{ position:absolute; left:0px; top:0px; width:60px; height:57px; color:#333333; font-size:24px; line-height:56px; text-align:center; background-color:#2e55e0; } .services-block .inner-box .upper-box h3{ position:relative; color:#333333; font-size:20px; font-weight:700; line-height:57px; } .services-block .inner-box .upper-box h3 a{ position:relative; color:#333333; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Arimo', sans-serif; } .services-block .inner-box .upper-box h3 a:hover{ color:#2e55e0; } .services-block .inner-box .lower-box{ position:relative; } .services-block .inner-box .lower-box .image{ position:relative; } .services-block .inner-box .lower-box .image img{ position:relative; width:100%; display:block; } .services-block .inner-box .lower-box .image .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; opacity:0; padding:32px 35px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:rgba(51,51,51,0.90); } .services-block .inner-box:hover .lower-box .image .overlay-box{ opacity:1; } .services-block .inner-box .lower-box .image .overlay-box .text{ position:relative; color:#ffffff; font-size:15px; line-height:2em; } .services-block .inner-box .lower-box .image .overlay-box .link-btn{ position:absolute; color:#333333; font-size:18px; right:30px; bottom:0px; display:inline-block; padding:17px 12px 10px; border-radius:50px 50px 0px 0px; background-color:#2e55e0; } /*** ==================================================================== Products Section ==================================================================== ***/ .product-section{ position:relative; } .product-section.alternate{ padding-bottom:110px; } .product-section .upper-box{ position:relative; padding:80px 0px 200px; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; } .product-section .upper-box:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(51,51,51,0.50); background: url("../images/hero-bg.svg") no-repeat scroll right -4rem/25% auto, linear-gradient(45deg, #274edf 0%, #3d73e2 45%, #30abf2 100%); } .product-section .upper-box h2{ position:relative; color:#ffffff; font-size:30px; font-weight:400; line-height:1.7em; text-align:center; font-family: 'Montserrat', sans-serif; } .product-section .upper-box h2 span{ font-weight:600; } .product-section .lower-box{ position:relative; margin-top:-120px; background-color:#ffffff; -webkit-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1); -moz-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1); box-shadow: 0px 0px 15px 0px rgba(219,219,219,1); } .product-section .lower-box .image-column{ position:relative; padding:0px; float:left; } .product-section .lower-box .image-column .image{ position:relative; } .product-section .lower-box .image-column .image img{ position:relative; width:100%; display:block; } .product-section .lower-box .content-column{ position:relative; padding:0px; float:left; } .product-section .lower-box .content-column .inner-column{ position:relative; padding:50px 50px; } .product-section .lower-box .content-column .inner-column h3{ position:relative; color:#333333; font-size:30px; font-weight:700; line-height:1.4em; margin-bottom:25px; } .product-section .lower-box .content-column .inner-column .text{ position:relative; margin-bottom:30px; } .product-section .lower-box .content-column .inner-column .text p{ position:relative; color:#777777; font-size:15px; margin-bottom:0px; } /*** ==================================================================== Testimonial Section ==================================================================== ***/ .testimonial-section{ position:relative; padding:80px 0px 80px; } .testimonial-block{ position:relative; } .testimonial-block .inner-box{ position:relative; text-align:center; padding:50px 50px 70px; background:url(../images/background/2.jpg) repeat; } .testimonial-block .inner-box .quote-icon{ position:relative; color:#ffffff; font-size:28px; line-height:1em; margin-bottom:35px; } .testimonial-block .inner-box .text{ position:relative; font-size:15px; font-weight:400; line-height:1.9em; color:#ffffff; margin-bottom:35px; } .testimonial-block .inner-box .author-box{ position:relative; padding-left:70px; text-align:left; display:inline-block; } .testimonial-block .inner-box .author-box .image{ position:absolute; left:0px; top:0px; width:50px; height:50px; } .testimonial-block .inner-box .author-box h3{ position:relative; font-size:15px; font-weight:500; color:#ffffff; font-family: 'Montserrat', sans-serif; } .testimonial-block .inner-box .author-box .designation{ position:relative; color:#2e55e0; font-size:12px; } .testimonial-section .owl-nav{ display:none; } .testimonial-section .owl-dots{ position:relative; text-align:center; margin-top:70px; } .testimonial-section .owl-dots .owl-dot{ position:relative; margin:0px 3px; width:20px; height:5px; background-color:#2e55e0; display:inline-block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .testimonial-section .owl-dots .owl-dot:hover, .testimonial-section .owl-dots .owl-dot.active{ width:30px; background-color:#1b1b1b; } /*** ==================================================================== Counter Section ==================================================================== ***/ .counter-section{ position:relative; background-position:center center; padding-top:50px; } .counter-section .counter-main-column{ position:relative; } .counter-section .counter-main-column .inner-column{ position:relative; padding-top:85px; } .fact-counter{ position:relative; } .fact-counter .column{ position:relative; z-index:5; margin-bottom:70px; } .fact-counter .column .inner{ position:relative; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .fact-counter .count-outer{ position:relative; font-size:40px; line-height:1em; font-weight:700; color:#222222; } .fact-counter .count-outer .count-text{ position:relative; font-weight:700; color:#222222; font-size:48px; } .fact-counter .column .counter-title{ position:relative; font-size:30px; font-weight:500; color:#666666; margin-top:25px; padding-top:16px; display:inline-block; font-family: 'Montserrat', sans-serif; } .fact-counter .column .counter-title:before{ position:absolute; content:''; top:0px; width:40px; height:5px; background-color:#2e55e0; } .counter-section .image-column{ position:relative; text-align:center; } /*** ==================================================================== News Section ==================================================================== ***/ .news-section{ position:relative; padding:80px 0px 80px; } .news-block{ position:relative; margin-bottom:40px; } .news-block .inner-box{ position:relative; -webkit-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1); -moz-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1); box-shadow: 0px 0px 15px 0px rgba(219,219,219,1); } .news-block .inner-box .image{ position:relative; } .news-block .inner-box .image img{ position:relative; width:100%; display:block; } .news-block .inner-box .lower-content{ position:relative; text-align:center; padding:35px 15px 35px; } .news-block .inner-box .lower-content h3{ position:relative; font-size:24px; font-weight:600; line-height:1.4em; margin-bottom:12px; } .news-block .inner-box .lower-content h3 a{ position:relative; color:#222222; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block .inner-box .lower-content h3 a:hover{ color:#2e55e0; } .news-block .inner-box .lower-content .text{ position:relative; color:#666666; font-size:15px; line-height:1.8em; margin-bottom:20px; } .news-block .inner-box .lower-content .post-meta{ position:relative; } .news-block .inner-box .lower-content .post-meta li{ position:relative; color:#666666; font-size:13px; margin-right:15px; display:inline-block; } .news-block .inner-box .lower-content .post-meta li span{ position:relative; margin-right:8px; color:#2e55e0; } .news-block-two{ position:relative; margin-bottom:30px; } .news-block-two .inner-box{ position:relative; } .news-block-two .inner-box .image-column{ position:relative; } .news-block-two .inner-box .image-column .image{ position:relative; } .news-block-two .inner-box .image-column .image img{ position:relative; width:100%; display:block; } .news-block-two .inner-box .content-column{ position:relative; } .news-block-two .inner-box .content-column .inner-column{ position:relative; padding:12px 0px 0px 10px; } .news-block-two .inner-box .content-column .inner-column h3{ position:relative; font-size:20px; font-weight:600; line-height:1.4em; margin-bottom:15px; } .news-block-two .inner-box .content-column .inner-column h3 a{ position:relative; color:#222222; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block-two .inner-box .content-column h3 a:hover{ color:#2e55e0; } .news-block-two .inner-box .content-column .text{ position:relative; color:#666666; font-size:15px; line-height:1.8em; margin-bottom:20px; } .news-block-two .inner-box .content-column .post-meta{ position:relative; } .news-block-two .inner-box .content-column .post-meta li{ position:relative; color:#666666; font-size:13px; margin-right:10px; display:inline-block; } .news-block-two .inner-box .content-column .post-meta li span{ position:relative; margin-right:8px; color:#2e55e0; } /*** ==================================================================== Team Section ==================================================================== ***/ .team-section{ position:relative; padding:80px 0px 60px; background-attachment:fixed; background-size:cover; background-repeat:no-repeat; } .team-section:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.70); } .team-block{ position:relative; margin-bottom:40px; } .team-block .inner-box{ position:relative; overflow:hidden; background-color:rgba(255,255,255,0.10); } .team-block .inner-box .social-icon-one{ position:absolute; left:0px; bottom:-50px; width:100%; text-align:center; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .team-block .inner-box:hover .social-icon-one{ bottom:20px; z-index:1; } .team-block .inner-box .image{ position:relative; border:2px solid rgba(255,255,255,0.05); border-bottom:none; text-align:center; } .team-block .inner-box .image:before{ position:absolute; content:''; left:0px; bottom:0px; width:100%; height:100px; opacity:0; z-index:1; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8)); background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8)); background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8)); background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8)); } .team-block .inner-box:hover .image:before{ opacity:1; } .team-block .inner-box .image img{ position:relative; max-width:100% !important; display:inline-block !important; } .team-block .inner-box .lower-box{ position:relative; padding:15px 15px; text-align:center; background-color:#222222; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .team-block .inner-box:hover .lower-box{ background-color:#2e55e0; } .team-block .inner-box .lower-box h3{ position:relative; color:#2e55e0; font-size:20px; line-height:1.4em; font-weight:600; text-transform:uppercase; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .team-block .inner-box .lower-box h3 a{ color:#2e55e0; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .team-block .inner-box:hover .lower-box h3 a{ color:#e3e4e6; } .team-block .inner-box .lower-box h3 a:hover{ color:#e3e4e6; } .team-block .inner-box .lower-box .designation{ position:relative; color:#777777; font-size:13px; } .team-block .inner-box:hover .lower-box .designation{ color:#222222; } /*** ==================================================================== Clients Section ==================================================================== ***/ .clients-section{ position:relative; padding:70px 0px 70px; } .clients-section .title-column{ position:relative; margin-bottom:25px; } .clients-section .title-column h2{ position:relative; color:#222222; font-size:30px; font-weight:600; line-height:1.3em; } .clients-section .sponsors-outer{ position:relative; } .clients-section .sponsors-outer .owl-dots, .clients-section .sponsors-outer .owl-nav{ position:relative; display:none; } .clients-section .sponsors-outer .image-box{ position:relative; text-align:center; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .clients-section .sponsors-outer .image-box img{ max-width:100%; width:auto; -webkit-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); display:inline-block; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .clients-section .sponsors-outer .image-box img:hover{ -webkit-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); } /*** ==================================================================== Map Section Style ==================================================================== ***/ .map-section{ position:relative; } .map-section .auto-container{ position:relative; } .map-section .map-outer{ position:relative; background-color:#0e1626; } .map-data{ text-align:center; font-size:14px; font-weight:400; line-height:1.8em; } .map-data h6{ font-size:16px; font-weight:700; text-align:center; margin-bottom:5px; color:#121212; } .map-canvas{ height:500px; } .map-section .map-info-box{ position:absolute; left:50%; top:50%; margin-top:-54px; margin-left:-465px; } .map-info-box{ position:relative; } .map-info-box .info-inner{ position:relative; padding:25px 30px; border-radius:50px; background-color:#ffffff; } .map-info-box .info-inner:after{ position:absolute; content:''; left:50%; bottom:-20px; margin-left:-20px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 25px solid #ffffff; } /*** ==================================================================== Main Footer ==================================================================== ***/ .main-footer{ position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center; } .main-footer .widgets-section{ position:relative; padding:110px 0px 70px; } .main-footer .footer-widget{ position:relative; margin-bottom:30px; } .main-footer .footer-title{ position:relative; margin-bottom:28px; } .main-footer .footer-title h2{ position:relative; font-size:24px; font-weight:500; color:#ffffff; line-height:1.4em; padding-bottom:15px; text-transform:capitalize; } .main-footer .footer-title h2:after{ position:absolute; content:''; left:0px; bottom:0px; width:55px; height:2px; background-color:#fff; } .main-footer .logo-widget .logo{ position:relative; margin-bottom:20px; } .main-footer .logo-widget .text{ position:relative; color:#fff; font-size:15px; line-height:1.8em; } .footer-lists{ position:relative; } .footer-lists li{ position:relative; margin-bottom:8px; } .footer-lists li a{ position:relative; color:#fff; font-size:15px; font-weight:400; padding-left:20px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .footer-lists li a:before{ position:absolute; content:'\f105'; left:0px; top:1px; line-height:1em; color:#2e55e0; font-family: 'FontAwesome'; } .footer-lists li a:hover{ color:#2e55e0; } /*News Widget*/ .news-widget .post{ position:relative; padding-left:85px; min-height:90px; margin-bottom:24px; border-bottom:2px solid rgba(255,255,255,0.20); } .news-widget .post:last-child{ border:none; min-height:auto; } .news-widget .post .post-thumb{ position:absolute; left:0px; top:0px; width:65px; height:65px; overflow:hidden; } .news-widget .post .text{ position:relative; line-height:1.4em; font-size:15px; font-weight:500; padding-top:5px; margin-bottom:10px; font-family: 'Montserrat', sans-serif; } .news-widget .post .text a{ position:relative; color:#ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-widget .post .text a:hover{ color:#2e55e0; } .news-widget .post .post-info{ position:relative; } .news-widget .post .post-info li{ position:relative; color:#999999; font-size:14px; font-weight:400; margin-right:18px; display:inline-block; } .news-widget .post .post-info li .icon{ position:relative; margin-right:10px; color:#2e55e0; } .subscribe-widget .text{ position:relative; color:#999999; font-size:15px; line-height:1.8em; margin-bottom:30px; } .subscribe-form{ position:relative; margin-bottom:30px; } .subscribe-form .form-group{ position: relative; display: block; z-index:1; margin-bottom: 0px; } .subscribe-form .form-group input[type="text"], .subscribe-form .form-group input[type="tel"], .subscribe-form .form-group input[type="email"], .subscribe-form .form-group textarea { position: relative; width: 100%; line-height: 30px; padding: 10px 20px; height: 50px; color:#ffffff; display:inline-block; font-size: 13px; border-radius:50px; background: #444444; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .subscribe-form .form-group input[type="submit"], .subscribe-form .form-group button { position: absolute; width:50px; height:50px; top: 0px; right: 0px; color:#222222; font-size:18px; padding-right:6px; border-radius:0px 50px 50px 0px; display:inline-block; background-color:#2e55e0; } .main-footer .footer-bottom{ position:relative; padding:22px 0px; text-align:center; background-color:#2e55e0; } .main-footer .footer-bottom .copyright{ position:relative; color:#fff; } /*** ==================================================================== Gallery Section Two ==================================================================== ***/ .gallery-section{ position:relative; overflow:hidden; padding:110px 0px 0px; } .gallery-section .row{ margin:0px -7px; } .gallery-section .big-column{ position: relative; width: 40%; float: left; padding: 0px 3px; } .gallery-section .small-column{ position: relative; width: 20%; float: left; padding: 0px 3px; } .gallery-section .filters{ position:relative; } .gallery-section .filters .filter-tabs{ position:relative; margin-bottom:60px; text-align:center; } .gallery-section .filters .filter-tabs .filter{ position:relative; color:#222222; font-size:16px; cursor:pointer; font-weight:400; padding:0px 20px; text-transform:uppercase; display:inline-block; line-height:1em; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .gallery-section .filters .filter-tabs .filter:after{ position:absolute; content:'/'; right:-2px; top:0px; color:#222222; font-size:18px; } .gallery-section .filters .filter-tabs .filter:last-child::after{ display:none; } .gallery-section .filters .filter-tabs .filter.active, .gallery-section .filters .filter-tabs .filter:hover{ color:#2e55e0; } .gallery-section .default-portfolio-item{ margin-bottom:6px; } .default-portfolio-item{ position:relative; float:left; margin-bottom:30px; } .default-portfolio-item .inner-box{ position:relative; width:100%; overflow:hidden; } .default-portfolio-item .image-box{ position:relative; display:block; margin-bottom:0px; } .default-portfolio-item .image-box img{ position:relative; display:block; width:100%; } .default-portfolio-item .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; color:#ffffff; text-align:center; background:rgba(255,178,0,0.80); -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; visibility:hidden; } .default-portfolio-item .inner-box:hover .overlay-box{ opacity:1; visibility:visible; } .default-portfolio-item .overlay-inner{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:table; vertical-align:middle; } .default-portfolio-item .overlay-inner .content{ position:relative; display:table-cell; vertical-align:middle; } .default-portfolio-item .overlay-inner .content .tags{ position:relative; font-size:14px; font-weight:400; margin-top:4px; color:#555555; text-transform:capitalize; } .default-portfolio-item .overlay-inner h3{ font-size:24px; color:#333333; font-weight:600; margin-top:10px; text-transform:capitalize; } .default-portfolio-item .overlay-inner h3 a{ color:#333333; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .default-portfolio-item .overlay-inner h3 a:hover{ color:#ffffff; } .default-portfolio-item .overlay-inner .link{ position:relative; width:40px; height:40px; display:inline-block; font-size:16px; color:#333333; text-align:center; line-height:38px; margin:0px 3px; border:1px solid #333333; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .default-portfolio-item .overlay-inner .link .icon{ position:relative; } .default-portfolio-item .overlay-inner .link:hover{ color:#333333; border-color:#ffffff; background-color:#ffffff; } /*** ==================================================================== Services Section Two ==================================================================== ***/ .services-section-two{ position:relative; padding:0px 0px 60px; } .services-section-two .inner-container{ position:relative; margin-top:-120px; z-index:10; } .services-block-two{ position:relative; } .services-block-two .inner-box{ position:relative; } .services-block-two .inner-box .upper-box{ position:relative; border:3px solid #ffffff; } .services-block-two .inner-box .upper-box .image{ position:relative; } .services-block-two .inner-box .upper-box .image img{ position:relative; width:100%; display:block; } .services-block-two .inner-box .upper-box .image .icon-box{ position:absolute; left:30px; bottom:30px; width:60px; height:57px; color:#333333; font-size:28px; z-index:1; text-align:center; line-height:57px; background-color:#2e55e0; } .services-block-two .inner-box .upper-box .image .overlay-box{ position:absolute; left:-3px; top:-3px; right:-3px; bottom:-3px; padding:30px 30px; opacity:0; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; background-color:rgba(34,34,34,0.80); } .services-block-two .inner-box:hover .upper-box .image .overlay-box{ opacity:1; } .services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner{ position:relative; height:100%; } .services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .text{ position:relative; color:#ffffff; font-size:16px; line-height:1.9em; font-weight:400; } .services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .read-more{ position:absolute; right:0px; bottom:0px; font-size:16px; color:#2e55e0; font-weight:700; text-transform:capitalize; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .services-block-two .inner-box .upper-box .image .overlay-box .read-more:hover{ color:#ffffff; } .services-block-two .inner-box .lower-box{ position:relative; padding-top:25px; } .services-block-two .inner-box .lower-box h3{ position:relative; color:#222222; font-size:20px; font-weight:700; } .services-block-two .inner-box .lower-box h3 a{ position:relative; color:#222222; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .services-block-two .inner-box .lower-box h3 a:hover{ color:#2e55e0; } .services-block-two .inner-box .lower-box .title{ position:relative; color:#666666; font-size:16px; font-weight:400; margin-top:5px; } .services-section-two .owl-nav{ display:none; } .services-section-two .owl-dots{ position:relative; text-align:center; margin-top:60px; } .services-section-two .owl-dots .owl-dot{ position:relative; margin:0px 3px; width:40px; height:3px; background-color:#2e55e0; display:inline-block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .services-section-two .owl-dots .owl-dot:hover, .services-section-two .owl-dots .owl-dot.active{ height:6px; background-color:#1b1b1b; } /*** ==================================================================== Welcome Section ==================================================================== ***/ .welcome-section{ position:relative; padding:60px 0px 60px; } .welcome-section.alternate{ padding-top:80px; } .welcome-section .content-column{ position:relative; margin-bottom:40px; } .welcome-section .content-column .inner-column{ position:relative; } .welcome-section .content-column .inner-column h2{ position:relative; color:#222222; font-size:36px; font-weight:500; line-height:1.3em; margin-bottom:25px; } .welcome-section .content-column .inner-column h2 span{ display:block; font-weight:700; } .welcome-section .content-column .inner-column .text{ position:relative; margin-bottom:30px; } .welcome-section .content-column .inner-column .text p{ position:relative; color:#777777; font-size:16px; line-height:1.8em; margin-bottom:20px; } .welcome-section .content-column .inner-column .text p:last-child{ margin-bottom:0px; } .welcome-section .content-column .inner-column .text h3{ position:relative; color:#2e55e0; font-size:24px; font-weight:700; margin-bottom:15px; } .welcome-section .image-column{ position:relative; } .welcome-section .image-column .image{ position:relative; } .welcome-section .image-column .image:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; z-index:10; outline: 2px dashed #ffffff; outline-offset: -20px; } .welcome-section .image-column .image img{ position:relative; width:100%; display:block; } /*** ==================================================================== Projects Section ==================================================================== ***/ .projects-section{ position:relative; padding:80px 0px 80px; background-repeat:no-repeat; background-size:cover; } .projects-section .outer-container{ position:relative; padding:0px 30px; } .projects-section .owl-dots{ display:none; } .projects-section .owl-nav{ position:relative; text-align:center; margin-top:30px; } .projects-section .owl-nav .owl-prev, .projects-section .owl-nav .owl-next{ position:relative; width:50px; height:50px; color:#ffffff; text-align:center; line-height:42px; font-size:24px; margin:0px 10px; border:3px solid #ffffff; display:inline-block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .projects-section .owl-nav .owl-prev:hover, .projects-section .owl-nav .owl-next:hover{ color:#2e55e0; border-color:#2e55e0; } .portfolio-item-two{ position:relative; float:left; margin-bottom:30px; } .owl-theme .portfolio-item-two{ float:none; } .portfolio-item-two .inner-box{ position:relative; width:100%; overflow:hidden; } .portfolio-item-two .image-box{ position:relative; display:block; } .portfolio-item-two .image-box img{ position:relative; display:block; width:100%; } .portfolio-item-two .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; color:#ffffff; text-align:center; padding:10px; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); visibility:hidden; } .portfolio-item-two .inner-box:hover .overlay-box{ opacity:1; visibility:visible; -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .portfolio-item-two .overlay-inner{ position:relative; left:0px; top:0px; width:100%; height:100%; display:table; vertical-align:middle; border:2px solid #2e55e0; background:rgba(34,34,34,0.80); } .portfolio-item-two .overlay-inner .content{ position:relative; display:table-cell; vertical-align:middle; } .portfolio-item-two .overlay-inner .content .tags{ position:relative; font-size:14px; font-weight:400; margin-top:4px; color:#f1ac0d; text-transform:capitalize; } .portfolio-item-two .overlay-inner h3{ font-size:24px; color:#ffffff; font-weight:500; margin-top:10px; text-transform:capitalize; } .portfolio-item-two .overlay-inner h3 a{ color:#ffffff; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .portfolio-item-two .overlay-inner h3 a:hover{ color:#f1ac0d; } /*** ==================================================================== Subscribe Section ==================================================================== ***/ .subscribe-section{ position:relative; padding:50px 0px; overflow:hidden; background-color:#eeeeee; } .subscribe-section .title-column:before{ position: absolute; right: 40px; top: -85px; content: ''; width: 15px; height: 400%; background-color: #222222; -webkit-transform:rotate(-37deg); -ms-transform:rotate(-37deg); -o-transform:rotate(-37deg); -moz-transform:rotate(-37deg); transform: rotate(-37deg); } .subscribe-section:before{ position:absolute; content:''; left:0px; top:0px; width:40%; height:100%; display:block; background-color:#2e55e0; } .subscribe-section:after{ position: absolute; content: ''; left: 50%; top: 0px; width: 70%; height: 100%; display: block; margin-left: -200px; } .subscribe-section .title-column:after{ position: absolute; right: 0px; top: -50px; height: 100%; content: ''; z-index: 1; border-bottom: 170px solid #2e55e0; border-right: 130px solid transparent; border-left: 75px solid #2e55e0; } .subscribe-section h2{ position:relative; color:#222222; z-index:10; font-size:36px; font-weight:700; line-height:1.2em; text-transform:capitalize; } .subscribe-section .text{ position:relative; color:#222222; z-index:9; font-size:16px; font-weight:700; } .subscribe-form-two .form-group{ position:relative; display:block; margin:0px; width:100%; z-index:1; margin-top:8px; } .subscribe-form-two .form-group input[type="text"], .subscribe-form-two .form-group input[type="tel"], .subscribe-form-two .form-group input[type="email"], .subscribe-form-two .form-group textarea{ position:relative; display:block; width:100%; line-height:28px; height:50px; font-size:14px; color:#777777; padding:10px 50px 10px 20px; background:#ffffff; border:1px solid #777777; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; border-radius:5px 5px; } .subscribe-form-two .form-group input[type="submit"], .subscribe-form-two button{ position:absolute; right:0px; top:0px; height:50px; line-height:40px; color:#ffffff; font-size:16px; text-align:center; font-weight:700; padding:0px 28px; border-radius:0px 5px 5px 0px; background:#333333; } /*** ==================================================================== Default Section ==================================================================== ***/ .default-section{ position:relative; padding:80px 0px 70px; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; } .default-section .testimonial-column{ position:relative; margin-bottom:40px; } .testimonial-block-two{ position:relative; } .testimonial-block-two .inner-box{ position:relative; } .testimonial-block-two .inner-box .quote-icon{ position:relative; color:#2e55e0; font-size:24px; line-height:1em; margin-bottom:60px; } .testimonial-block-two .inner-box .text{ position:relative; color:#666666; font-size:16px; line-height:1.9em; margin-bottom:45px; } .testimonial-block-two .inner-box .lower-box{ position:relative; } .testimonial-block-two .inner-box .lower-box .author-box{ position:relative; } .testimonial-block-two .inner-box .lower-box .author-box .author-inner{ position:relative; padding-left:90px; padding-top:30px; min-height:70px; } .testimonial-block-two .inner-box .lower-box .author-box .author-inner .image{ position:absolute; left:0px; top:0px; width:70px; height:70px; } .testimonial-block-two .inner-box .lower-box .author-box .author-inner .image:after{ position:absolute; content:''; left:0px; bottom:0px; width:100%; height:3px; z-index:1; background-color:#2e55e0; } .testimonial-block-two .inner-box .lower-box .author-box .author-inner .image img{ width:100%; display:block; } .testimonial-block-two .inner-box .lower-box .author-box .author-inner h3{ position:relative; color:#333333; font-size:15px; font-weight:500; line-height:1.2em; } .testimonial-block-two .inner-box .lower-box .author-box .author-inner .designation{ position:relative; color:#2e55e0; font-size:12px; } .testimonial-block-two .inner-box .lower-box .rating{ position:absolute; right:0px; top:50px; color:#2e55e0; font-size:18px; } .default-section .testimonial-column .owl-dots{ display:none; } .default-section .testimonial-column .owl-nav{ position:absolute; right:0px; top:0px; } .default-section .testimonial-column .owl-nav .owl-prev, .default-section .testimonial-column .owl-nav .owl-next{ position:relative; width:30px; height:30px; color:#222222; text-align:center; line-height:26px; font-size:18px; margin-left:10px; border:2px solid #222222; display:inline-block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .default-section .testimonial-column .owl-nav .owl-prev:hover, .default-section .testimonial-column .owl-nav .owl-next:hover{ color:#2e55e0; border-color:#2e55e0; } .default-section .testimonial-column .inner-column{ position:relative; padding-right:100px; } .default-section .accordian-column{ position:relative; } .default-section .accordian-column .inner-column{ position:relative; padding-right:100px; } /*** ==================================================================== Accordion Style ==================================================================== ***/ .accordion-box{ position:relative; } .accordion-box .block{ position: relative; margin-bottom:10px; border:1px solid #aaaaaa; background-color:#ffffff; } .accordion-box .block.active-block{ background-color:#ffffff; } .accordion-box .block .acc-btn{ position:relative; font-size:16px; cursor:pointer; line-height:30px; color:#333333; font-weight:700; padding:10px 20px 10px 80px; transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; } .accordion-box .block .acc-btn.active{ color:#ffffff; background-color:#333333; } .accordion-box .block .icon-outer{ position:absolute; left:-1px; top:0px; font-size:18px; color: #2e55e0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .accordion-box .block .icon-outer .icon{ position: absolute; top:0px; left:0px; width: 50px; height: 50px; font-size: 16px; font-weight: 300; text-align: center; line-height:50px; background-color:#333333; } .accordion-box .block .icon-outer .icon-plus{ opacity:1; } .accordion-box .block .icon-outer .icon-minus{ opacity:0; font-weight:300; } .accordion-box .block .acc-btn.active .icon-outer .icon-minus{ opacity:1; color:#333333; background-color:#fbb908; } .accordion-box .block .acc-btn.active .icon-outer .icon-plus{ opacity:0; } .accordion-box .block .acc-content{ position:relative; display:none; } .accordion-box .block .acc-content .content-text{ padding-bottom:6px; } .accordion-box .block .acc-content.current{ display:block; } .accordion-box .block .content{ position:relative; font-size:14px; padding:25px 20px 15px 30px; } .accordion-box .block .content .text{ margin-bottom:10px; line-height:1.9em; font-size:14px; color:#666666; } .accordion-box .block .content p:last-child{ margin-bottom:0px; } .accordion-box.style-two{ margin-top:40px; margin-bottom:60px; } .accordion-box.style-two .block{ border:2px solid #eeeeee; } .accordion-box.style-two .block .acc-btn{ background-color:#eeeeee; font-size:18px; font-weight:400; padding:15px 30px 15px 25px; font-family: 'Montserrat', sans-serif; } .accordion-box.style-two .block .icon-outer, .accordion-box.style-two .block .icon-outer .icon{ right:0px; left:auto; font-size:20px; line-height:60px; height:60px; color:#333333; background-color:#eeeeee; } .accordion-box.style-two .block .acc-btn.active{ color:#2e55e0; background-color:#333333; } .accordion-box.style-two .block .acc-btn.active .icon-outer .icon-minus{ background:none; color:#2e55e0; } .accordion-box.style-two .block .content .text{ font-size:16px; } /*** ==================================================================== Map Section Style ==================================================================== ***/ .map-section-two{ position:relative; } .map-section-two .map-canvas{ height:600px; } .map-section-two .map-info-box{ position:absolute; left:50%; bottom:-50px; z-index:1; margin-left:-465px; } .map-section-two .map-info-box .info-inner:after{ display:none; } /*** ==================================================================== Call To Action Section ==================================================================== ***/ .call-to-action-section{ position:relative; padding:50px 0px; } .call-to-action-section .text{ position:relative; color:#222222; font-size:24px; font-weight:500; line-height:1.4em; margin-top:15px; text-transform:uppercase; } .call-to-action-section .btn-column{ position:relative; text-align:right; } .call-to-action-section .btn-column .theme-btn{ font-weight:700; font-size:16px; text-transform:uppercase; } /*** ==================================================================== Services Section ==================================================================== ***/ .services-section-three{ position:relative; padding:80px 0px 80px; } .services-block-three{ position:relative; margin-bottom:50px; } .services-block-three .inner-box{ position:relative; text-align:center; padding:110px 30px 30px; border:2px solid #dddddd; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .services-block-three .inner-box:hover{ border-color:#000000; } .services-block-three .inner-box .icon-box{ position:absolute; left:50%; top:-2px; color:#333333; font-size:22px; margin-left:-30px; text-align:center; padding:35px 20px 15px; background-color:#2e55e0; } .services-block-three .inner-box h3{ position:relative; color:#333333; font-size:20px; font-weight:700; line-height:1.4em; margin-bottom:18px; font-family: 'Arimo', sans-serif; } .services-block-three .inner-box h3 a{ position:relative; color:#333333; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .services-block-three .inner-box h3 a:hover{ color:#2e55e0; } .services-block-three .inner-box .text{ position:relative; color:#666666; font-size:14px; line-height:1.9em; } .services-block-four{ position:relative; margin-bottom:40px; } .services-block-four .inner-box{ position:relative; padding:20px 15px 20px 90px; border:2px solid #dddddd; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .services-block-four .inner-box .icon-box{ position:absolute; left:-2px; top:-2px; width:60px; bottom:-2px; color:#333333; font-size:28px; text-align:center; line-height:100px; background-color:#2e55e0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .services-block-four .inner-box:hover .icon-box{ color:#2e55e0; background-color:#333333; } .services-block-four .inner-box h3{ position:relative; color:#333333; font-size:20px; font-weight:700; line-height:1.4em; margin-bottom:5px; font-family: 'Arimo', sans-serif; } .services-block-four .inner-box h3 a{ position:relative; color:#333333; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .services-block-four .inner-box h3 a:hover{ color:#2e55e0; } .services-block-four .inner-box .text{ position:relative; color:#777777; font-size:15px; line-height:1.6em; } /*** ==================================================================== Work Section ==================================================================== ***/ .work-section{ position:relative; padding:80px 0px 50px; background-position:center center; background-size:cover; background-repeat:no-repeat; } .work-section .sec-title{ margin-bottom:100px; } .process-block{ position:relative; margin-bottom:60px; } .process-block .inner-box{ position:relative; text-align:center; } .process-block .inner-box .upper-box{ position:relative; } .process-block .inner-box .upper-box:after{ position:absolute; content:'\f178'; left:100%; top:50%; color:#e4e4e4; font-size:45px; margin-top:-10px; font-family: 'FontAwesome'; } .process-block:last-child .inner-box .upper-box:after{ display:none; } .process-block .inner-box .upper-box .icon-box .block-number{ position:absolute; right:-20px; top:-20px; width:40px; height:40px; color:#333333; font-size:24px; text-align:center; border-radius:50%; font-weight:700; line-height:40px; background-color:#2e55e0; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; font-family: 'Arimo', sans-serif; } .process-block .inner-box:hover .upper-box .icon-box .block-number{ background-color:#ffffff; color:#333333; } .process-block .inner-box .upper-box .icon-box{ position:relative; width:150px; height:150px; margin:0 auto; color:#2e55e0; font-size:60px; line-height:154px; margin-bottom:32px; background-color:#ffffff; border-radius:25px 0px 25px 0px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .process-block .inner-box:hover .upper-box .icon-box{ color:#333333; border-color:#2e55e0; background-color:#2e55e0; } .process-block .inner-box .lower-box{ position:relative; } .process-block .inner-box .lower-box h3{ position:relative; font-size:20px; font-weight:500; color:#2e55e0; margin-bottom:15px; text-transform:uppercase; } .process-block .inner-box .lower-box h3 a{ position:relative; color:#2e55e0; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .process-block.style-two .inner-box:hover .lower-box h3 a{ color:#333333; } .process-block .inner-box:hover .lower-box h3 a{ color:#ffffff; } .process-block .inner-box .lower-box .text{ position:relative; color:#ffffff; font-size:16px; line-height:1.8em; max-width:250px; margin:0 auto; } .process-block.style-two .inner-box .lower-box .text{ color:#777777; } /*** ==================================================================== News Section Two ==================================================================== ***/ .news-section-two{ position:relative; padding:80px 0px 80px; } .news-block-three{ position:relative; margin-bottom:40px; } .news-block-three .inner-box{ position:relative; } .news-block-three .inner-box .image{ position:relative; } .news-block-three .inner-box .image .overlay-link{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; color:#ffffff; font-size:32px; text-align:center; line-height:1em; opacity:0; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; background-color:rgba(17,17,17,0.70); } .news-block-three .inner-box:hover .image .overlay-link{ opacity:1; } .news-block-three .inner-box .image .overlay-link .fa{ position:relative; top:50%; margin-top:-12px; display:block; } .news-block-three .inner-box .image img{ position:relative; width:100%; display:block; } .news-block-three .inner-box .lower-content{ position:relative; padding:25px 25px 20px; border:2px solid #dddddd; border-top:none; } .news-block-three .inner-box .lower-content.inner-column{ position:relative; padding:0px; border:0px; } .news-block-three .inner-box .lower-content.inner-column ul{ position:relative; margin-bottom:10px; } .news-block-three .inner-box .lower-content h3{ position:relative; font-size:20px; color:#222; font-weight:500; line-height:1.5em; margin-bottom:12px; } .news-block-three .inner-box .lower-content h3 a{ position:relative; color:#222222; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block-three .inner-box .lower-content h3 a:hover{ color:#2e55e0; } .news-block-three .inner-box .lower-content .text{ position:relative; color:#666666; font-size:15px; line-height:1.8em; margin-bottom:20px; } .news-block-three .inner-box .lower-content .post-meta{ position:relative; margin-bottom:0px; } .news-block-three .inner-box .lower-content .post-meta li{ position:relative; color:#666666; font-size:13px; margin-right:15px; display:inline-block; } .news-block-three .inner-box .lower-content .post-meta li:last-child{ margin-right:0px; } .news-block-three .inner-box .lower-content .post-meta li span{ position:relative; margin-right:8px; color:#2e55e0; } /*** ==================================================================== Contact Info Section ==================================================================== ***/ .contact-info-section{ position:relative; padding:80px 0px 80px; } .contact-info-section .info-column{ position:relative; } .contact-info-section .info-column .inner-column{ position:relative; } .contact-info-section .info-column .logo{ position:relative; margin-bottom:25px; } .contact-info-section .info-column .text{ position:relative; color:#777777; font-size:15px; line-height:1.8em; margin-bottom:35px; } .contact-info-section .form-column{ position:relative; } .contact-info-section .form-column .sec-title{ margin-bottom:40px; } /*** ==================================================================== Default Form ==================================================================== ***/ .default-form{ position:relative; } .default-form .form-group{ position:relative; margin-bottom:15px; } .default-form .form-group input[type="text"], .default-form .form-group input[type="password"], .default-form .form-group input[type="tel"], .default-form .form-group input[type="email"], .default-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 20px; height:50px; font-size:14px; border:2px solid #dddddd; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .default-form .form-group input[type="text"]:focus, .default-form .form-group input[type="password"]:focus, .default-form .form-group input[type="tel"]:focus, .default-form .form-group input[type="email"]:focus, .default-form .form-group select:focus, .default-form .form-group textarea:focus{ border-color:#2e55e0; } .default-form .form-group textarea{ position:relative; display:block; width:100%; line-height:24px; padding:10px 20px; color:#a5a5a5; height:180px; font-size:14px; resize:none; border:2px solid #dddddd; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .default-form button{ margin-top:10px; font-size:16px; font-weight:700; padding:12px 34px; color:#333333; border-radius:50px; text-transform:capitalize; } .contact-form input.error, .contact-form select.error, .contact-form textarea.error{ border-color:#ff0000 !important; } .contact-form label.error{ display:block; line-height:24px; padding:5px 0px 0px; margin:0px; text-transform:uppercase; font-size:12px; color:#ff0000; font-weight:500; } .footer-style-two{ position:relative; padding:22px 0px; background-color:#222222; } .footer-style-two .copyright{ position:relative; color:#ffffff; font-size:15px; font-weight:400; } .footer-style-two .social-column{ text-align:right; } /*** ==================================================================== Page Title ==================================================================== ***/ .page-title{ position:relative; text-align:center; padding:100px 0px 100px; background-repeat:no-repeat; background-size:cover; background-position:center top; } .page-title h1{ position:relative; color:#ffffff; font-size:36px; font-weight:700; line-height:1.2em; margin-bottom:18px; text-transform:uppercase; } .page-title .page-breadcrumb{ position:relative; } .page-title .page-breadcrumb li{ position:relative; display:inline-block; margin-right:10px; padding-right:10px; color:#ffffff; font-size:16px; font-weight:400; } .page-title .page-breadcrumb li:after{ position:absolute; content:'\f105'; right:-4px; top:0px; color:#dcdbdb; font-family: 'FontAwesome'; } .page-title .page-breadcrumb li:last-child::after{ display:none; } .page-title .page-breadcrumb li:last-child{ padding-right:0px; margin-right:0px; } .page-title .page-breadcrumb li a{ color:#2e55e0; font-weight:500; } /*** ==================================================================== Fluid Section One ==================================================================== ***/ .fluid-section-one{ position:relative; } .fluid-section-one .outer-container{ position:relative; } .fluid-section-one .title-column{ position: relative; float:left; left:0px; top:0px; width:50%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; } .fluid-section-one .title-column:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(255,178,0,0.90); } .fluid-section-one .title-column .inner-column{ position:relative; max-width:600px; width:100%; float:right; min-height:192px; padding:66px 50px 66px 15px; } .fluid-section-one .title-column .inner-column h2{ position:relative; color:#ffffff; font-size:24px; font-weight:600; line-height:1.2em; text-transform:capitalize; } .fluid-section-one .title-column .inner-column .text{ position:relative; color:#222222; font-size:18px; font-weight:400; margin-bottom:8px; } .fluid-section-one .title-column .inner-column .icon-box{ position:absolute; right:-47px; top:50%; color:#222222; font-size:32px; z-index:1; width:95px; height:95px; margin-top:-47px; line-height:90px; text-align:center; background-color:#ffffff; border:3px solid #cccccc; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); } .fluid-section-one .title-column .inner-column .icon-box .icon{ position:relative; display:block; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); } .fluid-section-one .form-column{ position:relative; float:right; width:50%; } .fluid-section-one .form-column .inner-column{ position:relative; max-width:600px; width:100%; min-height:192px; padding:71px 15px 71px 150px; } .subscribe-form-three .form-group{ position:relative; display:block; margin:0px; width:100%; z-index:1; } .subscribe-form-three .form-group input[type="text"], .subscribe-form-three .form-group input[type="tel"], .subscribe-form-three .form-group input[type="email"], .subscribe-form-three .form-group textarea{ position:relative; display:block; width:100%; line-height:28px; height:50px; font-size:14px; color:#ffffff; background:none; padding:10px 50px 10px 0px; border-bottom:1px solid #ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .subscribe-form-three .form-group input[type="submit"], .subscribe-form-three button{ position:absolute; right:0px; top:0px; width:40px; height:50px; line-height:40px; color:#2e55e0; font-size:20px; background:none; } /*** ==================================================================== Solutions Page Section ==================================================================== ***/ .solutions-page-section{ position:relative; padding:100px 0px 100px; } .solutions-page-section .styled-pagination{ margin-top:40px; } .styled-pagination{ position:relative; } .styled-pagination li{ position:relative; display:inline-block; margin:0px 15px 6px 0px; } .styled-pagination li a{ position:relative; display:inline-block; line-height:46px; height:48px; font-size:19px; min-width:48px; color:#666666; font-weight:700; text-align:center; background:#ffffff; border:2px solid #dddddd; text-transform:capitalize; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .styled-pagination li.prev a{ color:#ffffff; border-radius:50px 0px 0px 50px; background-color:#333333; border-color:#333333; } .styled-pagination li.next a{ border-radius:0px 50px 50px 0px; background-color:#333333; border-color:#333333; color:#ffffff; } .styled-pagination li.prev a:hover, .styled-pagination li.next a:hover{ background-color:#2e55e0; border-color:#2e55e0; color:#ffffff; } .styled-pagination li a:hover, .styled-pagination li a.active{ color:#666666; border-color:#dddddd; background-color:#dddddd; } /*** ==================================================================== Sidebar Page Container ==================================================================== ***/ .sidebar-page-container{ position:relative; padding:100px 0px 90px; } .sidebar-page-container .content-side, .sidebar-page-container .sidebar-side{ margin-bottom:40px; } .sidebar-widget{ position: relative; margin-bottom: 40px; } /*Blog Category*/ .blog-cat{ position:relative; border:1px solid #dddddd; } .blog-cat li{ position:relative; border-bottom:1px solid #dddddd; } .blog-cat li:last-child{ border-bottom:none; } .blog-cat li:after{ position:absolute; content:''; right:-1px; top:50%; opacity:0; margin-top:-5px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; border-top: 5px solid transparent; border-right: 8px solid #ffffff; border-bottom: 6px solid transparent; } .blog-cat li.active::after, .blog-cat li:hover::after{ opacity:1; } .blog-cat li a{ position:relative; color:#333333; font-size:16px; font-weight:500; padding:22px 15px 22px 50px; display:block; background-color:#f6f6f6; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Montserrat', sans-serif; } .blog-cat li a:before{ position:absolute; content:'\f0da'; left:28px; top:22px; color:#aaaaaa; font-size:18px; font-family: 'FontAwesome'; } .blog-cat li a:after{ position:absolute; content:''; left:-1px; top:0px; width:4px; height:100%; opacity:0; background-color:#2e55e0; display:inline-block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .blog-cat li.active a::after, .blog-cat li a:hover::after{ opacity:1; } .blog-cat li a:hover::before, .blog-cat li.active a::before{ color:#ffffff; } .blog-cat li.active a, .blog-cat li a:hover{ color:#ffffff; background-color:#333333; } /*Brochure Box*/ .brochure-box{ position:relative; margin-bottom:30px; padding:18px 15px 18px 30px; border:2px solid #cccccc; background-color:#ffffff; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .brochure-box .inner{ position:relative; padding-left:30px; } .brochure-box .overlay-link{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; } .brochure-box .inner .icon{ position:absolute; left:0px; top:0px; color:#222222; font-size:16px; font-weight:500; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .brochure-box .inner .text{ position:relative; font-size:18px; font-weight:700; color:#333333; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; font-family: 'Montserrat', sans-serif; } .brochure-box:hover{ border-color:#ffb902; background-color:#ffb902; } .brochure-box:hover .icon{ color:#ffffff; } .brochure-box:hover .text{ color:#ffffff; } /*Services Single*/ .services-single{ position:relative; } .services-single .inner-box{ position:relative; } .services-single .inner-box .image{ position:relative; } .services-single .inner-box .image img{ position:relative; width:100%; display:block; } .services-single .inner-box .image .icon{ position: absolute; left: 30px; bottom: 30px; width: 60px; height: 57px; color: #333333; font-size: 28px; z-index: 1; text-align: center; line-height: 57px; background-color: #2e55e0; } .services-single .inner-box .lower-content{ position:relative; padding-top:28px; } .services-single .inner-box .lower-content h2{ position:relative; color:#333333; font-size:30px; font-weight:500; line-height:1.4em; margin-bottom:22px; } .services-single .inner-box .lower-content .text{ position:relative; } .services-single .inner-box .lower-content .text p{ position:relative; color:#777777; font-size:16px; line-height:1.9em; margin-bottom:20px; } .services-single .inner-box .lower-content .text h3{ position:relative; color:#333333; font-size:30px; font-weight:500; margin-top:50px; margin-bottom:15px; } .services-single .inner-box .lower-content .text .sec-title{ margin-top:50px; margin-bottom:30px; } .services-single .inner-box .lower-content .text .sec-title h2{ margin-bottom:0px; } /*** ==================================================================== Product Tabs Style ==================================================================== ***/ .services-single .services-tabs{ position:relative; } .services-single .services-tabs .tab-btns{ position:relative; z-index:1; border-bottom:1px solid #dddddd; } .services-single .services-tabs .tab-btns .tab-btn{ position:relative; top:1px; display:block; float:left; margin-right:5px; font-size:16px; background:#ebebeb; color:#333333; text-transform:capitalize; font-weight:700; line-height:24px; cursor:pointer; border:2px solid #dddddd; padding:11px 22px 9px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .services-single .services-tabs .tab-btns .tab-btn:hover:after, .services-single .services-tabs .tab-btns .tab-btn.active-btn:after{ position:absolute; content:''; left:0px; bottom:-3px; width:100%; height:5px; background-color:#ffffff; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .services-single .services-tabs .tab-btns .tab-btn:hover, .services-single .services-tabs .tab-btns .tab-btn.active-btn{ color:#2e55e0; border-color:#e2e2e2; background:#ffffff; } .services-single .services-tabs .tabs-content{ position:relative; padding:22px 22px 22px; border:2px solid #dddddd; border-top:0px; } .services-single .services-tabs .tabs-content .tab{ position:relative; display:none; border-top:0px; } .services-single .services-tabs .tabs-content .tab.active-tab{ display:block; } .services-single .services-tabs .tabs-content .tab .content{ position:relative; } .services-single .services-tabs .tabs-content .tab .content p{ position:relative; font-size:15px; line-height:2em; color:#777777; margin-bottom:0px; } /*** ==================================================================== Project Page Section ==================================================================== ***/ .project-page-section{ position:relative; padding:100px 0px; } .project-page-section .filters{ position:relative; } .project-page-section .filters .filter-tabs{ position:relative; margin-bottom:60px; text-align:center; } .project-page-section .filters .filter-tabs .filter{ position:relative; color:#222222; font-size:16px; cursor:pointer; font-weight:400; padding:0px 20px; text-transform:uppercase; display:inline-block; line-height:1em; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .project-page-section .filters .filter-tabs .filter:after{ position:absolute; content:'/'; right:-2px; top:0px; color:#222222; font-size:18px; } .project-page-section .filters .filter-tabs .filter:last-child::after{ display:none; } .project-page-section .filters .filter-tabs .filter.active, .project-page-section .filters .filter-tabs .filter:hover{ color:#2e55e0; } .default-portfolio-item.mix{ display:none; } .project-page-section .styled-pagination{ margin-top:60px; } /*** ==================================================================== Project Single Section ==================================================================== ***/ .project-single-section{ position:relative; padding:100px 0px 100px; } .project-single-section .upper-box{ position:relative; margin-bottom:20px; } .project-single-section .upper-box .image-column{ position:relative; margin-bottom:40px; } .project-single-section .upper-box .image-column .image{ position:relative; } .project-single-section .upper-box .image-column .image img{ position:relative; width:100%; display:block; } .project-single-section .upper-box .list-column{ position:relative; } .project-single-section .upper-box .list-column .inner-column{ position:relative; } .project-single-section .lower-box{ position:relative; } .project-single-section .lower-box h2{ position:relative; color:#333333; font-size:36px; font-weight:700; line-height:1.4em; margin-bottom:16px; font-family: 'Raleway', sans-serif; } .project-single-section .lower-box .title{ position:relative; color:#777777; font-size:20px; font-weight:600; margin-bottom:35px; } .project-single-section .lower-box h3{ position:relative; color:#333333; font-size:24px; font-weight:600; line-height:1.4em; margin-bottom:12px; } .project-single-section .lower-box .text{ position:relative; color:#777777; font-size:16px; line-height:1.8em; margin-bottom:20px; } .project-list{ position:relative; } .project-list li{ position:relative; color:#777777; font-size:14px; margin-bottom:30px; border:1px solid #bbbbbb; padding:13px 12px 13px 70px; } .project-list li .icon{ position:absolute; left:-1px; top:-1px; width:50px; height:51px; color:#333333; bottom:-1px; font-size:20px; line-height:50px; text-align:center; background-color:#2e55e0; } .project-list li strong{ color:#333333; font-weight:600; margin-right:15px; font-family: 'Montserrat', sans-serif; } .project-list li.social-icons{ border:0px; padding:0px; margin-top:32px; } .project-list li.social-icons .follow{ position:relative; font-size:20px; font-weight:700; color:#333333; font-family: 'Montserrat', sans-serif; } .project-list li.social-icons a{ color:#777777; font-size:20px; margin-left:15px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .project-list li.social-icons a:hover{ color:#2e55e0; } /*** ==================================================================== Blog Page Section ==================================================================== ***/ .blog-page-section{ position:relative; padding:100px 0px 100px; } .blog-page-section .styled-pagination{ margin-top:40px; } /*Search Box Widget*/ .sidebar .search-box .form-group{ position:relative; margin:0px; } .sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"]{ position:relative; line-height:36px; padding:10px 50px 10px 20px; border:2px solid #cccccc; background:none; display:block; font-size:16px; width:100%; height:60px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sidebar .search-box .form-group button{ position:absolute; right:0px; top:0px; height:60px; width:60px; display:block; font-size:20px; color:#333333; line-height:100%; font-weight:normal; background:#2e55e0; } .sidebar-title{ position:relative; margin-bottom:45px; } .sidebar-title h2{ position:relative; color:#333333; font-size:24px; font-weight:500; line-height:1.2em; padding-bottom:12px; font-family: 'Montserrat', sans-serif; } .sidebar-title .separater{ position:relative; width:100px; height:2px; background-color:#333333; } .sidebar-title .separater:after{ position:absolute; content:''; right:0px; top:-4px; width:10px; height:10px; background-color:#2e55e0; } .cat-list{ position:relative; } .cat-list li{ position:relative; margin-bottom:2px; } .cat-list li a{ position:relative; padding:18px 28px; display:block; font-size:16px; font-weight:700; color:#777777; padding-left:50px; background-color:#eeeeee; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; font-family: 'Raleway', sans-serif; } .cat-list li a:before{ position:absolute; content:'\f0da'; left:30px; top:17px; font-family: 'FontAwesome'; } .cat-list li a span{ float:right; font-family: 'Arimo', sans-serif; } .cat-list li.active a, .cat-list li a:hover{ color:#2e55e0; background-color:#333333; } /*Post Widget*/ .sidebar .popular-posts .post{ position:relative; font-size:14px; color:#666666; padding:0px 0px; padding-left:100px; margin-bottom:20px; } .sidebar .popular-posts .post:last-child{ margin-bottom:0px; } .sidebar .popular-posts .post .post-thumb{ position:absolute; left:0px; top:0px; width:80px; } .sidebar .popular-posts .post .post-thumb .overlay-box{ position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; color: #2e55e0; font-size: 18px; opacity: 0; text-align: center; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-color: rgba(51,51,51,0.70); } .sidebar .popular-posts .post:hover .post-thumb .overlay-box{ opacity:1; } .sidebar .popular-posts .post .post-thumb .overlay-box .icon{ position:relative; top:50%; margin-top:-10px; display:block; } .sidebar .popular-posts .post .post-thumb img{ display:block; width:100%; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .sidebar .popular-posts .post .text{ position:relative; top:-4px; font-size:16px; margin:0px 0px 0px; font-weight:700; color:#333333; line-height:1.4em; text-transform:capitalize; } .sidebar .popular-posts .post .text a{ color:#333333; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .sidebar .popular-posts .post a:hover{ color:#2e55e0; } .sidebar .popular-posts .post-info{ position:relative; font-size:14px; color:#777777; font-weight:400; padding-left:24px; } .sidebar .popular-posts .post-info:before{ position:absolute; content:'\f06e'; left:0px; top:0px; font-size:14px; font-family: 'FontAwesome'; } /*Popular Tags*/ .sidebar .popular-tags a{ position:relative; display:inline-block; line-height:24px; padding:13px 18px 13px; margin:0px 3px 7px 0px; color:#777777; text-align:center; font-size:16px; background:#f5f5f5; font-weight:400; text-transform:capitalize; transition:all 600ms ease; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; font-family: 'Montserrat', sans-serif; } .sidebar .popular-tags a:hover{ background-color:#333333; color:#2e55e0; border-radius:50px; } .blog-classic .news-block-three{ margin-bottom:50px; } .blog-classic .news-block-three .inner-box .lower-content{ padding:35px 25px 30px; } .blog-classic .news-block-three .inner-box .lower-content h3{ font-size:24px; } .blog-classic .styled-pagination{ margin-top:80px; } .news-single{ position:relative; } .news-single .inner-box{ position:relative; } .news-single .inner-box .image{ position:relative; } .news-single .inner-box .image img{ position:relative; width:100%; display:block; } .news-single .inner-box .lower-content{ position:relative; padding:35px 25px 20px; border:2px solid #dddddd; border-top:none; } .news-single .inner-box .lower-content .post-meta{ position:relative; margin-bottom:15px; } .news-single .inner-box .lower-content .post-meta li{ position:relative; color:#666666; font-size:13px; margin-right:15px; display:inline-block; } .news-single .inner-box .lower-content .post-meta li:last-child{ margin-right:0px; } .news-single .inner-box .lower-content .post-meta li span{ position:relative; margin-right:8px; color:#2e55e0; } .news-single .inner-box .lower-content h3{ position:relative; font-size:24px; font-weight:500; line-height:1.5em; margin-bottom:15px; color:#222222; } .news-single .inner-box .lower-content .text{ position:relative; } .news-single .inner-box .lower-content .text p{ position:relative; color:#777777; font-size:16px; line-height:1.8em; margin-bottom:25px; } .news-single .inner-box .lower-content .text blockquote{ position:relative; border:none; color:#333333; font-size:16px; padding:0px; margin-left:35px; line-height:1.9em; font-style:italic; margin-bottom:25px; } .news-single .inner-box .lower-content .post-share-options{ position:relative; margin-top:40px; padding:25px 0px 0px; border-top:2px solid #dddddd; } .news-single .inner-box .lower-content .post-share-options .tags{ position:relative; margin-top:10px; } .news-single .inner-box .lower-content .post-share-options .tag{ position:relative; color:#333333; font-size:16px; font-weight:700; margin-right:2px; font-family: 'Montserrat', sans-serif; } .news-single .inner-box .lower-content .post-share-options .tags a{ position:relative; color:#777777; font-size:16px; font-weight:700; margin-right:2px; display:inline-block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .news-single .inner-box .lower-content .post-share-options .tags a:hover{ color:#2e55e0; } /*** ==================================================================== Comments Area ==================================================================== ***/ .sidebar-page-container .comments-area{ position:relative; margin-bottom:20px; margin-top:70px; } .sidebar-page-container .sec-title{ margin-bottom:60px; } .sidebar-page-container .sec-title h2{ font-size:30px; } .sidebar-page-container .comments-area .comment-box{ position:relative; margin-bottom:50px; padding-bottom:45px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; border-bottom:1px solid #dddddd; } .sidebar-page-container .comments-area .comment-box.reply-comment{ margin-left:100px; } .sidebar-page-container .comments-area .comment-box:hover{ border-color:#2e55e0; } .sidebar-page-container .comments-area .comment-box:last-child{ border:0px; padding-bottom:0px; } .sidebar-page-container .comments-area .comment{ position:relative; font-size:14px; padding:0px 0px 0px 130px; } .sidebar-page-container .comments-area .comment .comment-inner{ position:relative; } .sidebar-page-container .comments-area .comment .comment-reply{ position:relative; color:#333333; font-size:12px; font-weight:700; text-align:center; display:inline-block; padding:4px 14px; margin-top:18px; border-radius:50px; text-transform:uppercase; background-color:#2e55e0; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .sidebar-page-container .comments-area .comment .comment-reply .icon{ font-size:13px; margin-right:2px; } .sidebar-page-container .comments-area .comment-box .author-thumb{ position:absolute; left:0px; top:0px; width:90px; overflow:hidden; margin-bottom:20px; } .sidebar-page-container .comments-area .comment-box .author-thumb img{ display:block; } .sidebar-page-container .comments-area .comment-info{ color:#333333; line-height:24px; font-size:16px; font-weight:700; margin-bottom:12px; } .sidebar-page-container .comments-area .comment-info strong{ color:#333333; font-size:18px; font-weight:700; font-family: 'Montserrat', sans-serif; } .sidebar-page-container .comments-area .comment-info span{ font-weight:400; font-size:16px; color:#777777; margin-left:22px; } .sidebar-page-container .comments-area .comment .comment-inner .rating{ position:relative; font-size:18px; color:#2e55e0; } .sidebar-page-container .comments-area .comment-box .text{ color:#777777; font-size:16px; margin-top:10px; margin-bottom:0px; line-height: 1.6em; } .sidebar-page-container .comments-area .comment-info .comment-time{ position:relative; font-size:14px; color:#2e55e0; margin-left:38px; font-weight:400; text-transform:uppercase; display:inline-block; } .sidebar-page-container .comments-area .comment-box .theme-btn{ padding:5px 30px; font-size:12px; border:1px solid #fbca00; text-transform:uppercase; letter-spacing:1px; } .sidebar-page-container .comments-area.style-two{ margin-top:20px; } .sidebar-page-container .comments-area.style-two .comment-box{ padding:15px; margin-bottom:20px; border:1px solid #dddddd; } .sidebar-page-container .comments-area.style-two .comment-box .comment{ padding-left:95px; } .sidebar-page-container .comments-area.style-two .comment-box .text{ font-size:14px; margin-top:2px; } .sidebar-page-container .comments-area.style-two .comment-info{ margin-bottom:3px; } /*** ==================================================================== Comment Form ==================================================================== ***/ .comment-form{ position:relative; } .comment-form .row{ margin:0px -10px; } .comment-form .form-group{ position:relative; margin-bottom:20px; padding:0px 10px; } .comment-form .form-group:last-child{ margin-bottom:0px; } .comment-form .form-group input[type="text"], .comment-form .form-group input[type="password"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 20px; height:50px; font-size:14px; border:1px solid #cccccc; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="password"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus{ border-color:#2e55e0; } .comment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:24px; padding:10px 20px; color:#a5a5a5; height:170px; font-size:14px; resize:none; border:1px solid #cccccc; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .comment-form button{ margin-top:12px; font-size:16px; font-weight:600; border-radius:50px; padding:16px 32px; text-transform:capitalize; font-family: 'Montserrat', sans-serif; } /*** ==================================================================== Login Section ==================================================================== ***/ .login-section{ position:relative; padding:120px 0px 90px; } .login-form.register-form{ padding-bottom:47px; } .login-section h2{ position:relative; color:#222222; font-size:36px; font-weight:600; line-height:1.2em; margin-bottom:25px; } .login-form{ position:relative; margin-bottom:40px; padding:30px 40px 25px; background-color:#f9f9f9; } .login-form .form-group{ position:relative; margin-bottom:16px; } .login-form .form-group.check-box{ margin-bottom:0px; } .login-form .form-group:nth-child(2){ margin-bottom:25px; } .login-section.style-two .login-form .form-group:nth-child(2){ margin-bottom:15px; } .login-form .form-group label{ position:relative; top:-1px; color:#666666; font-weight:400; font-size:14px; margin-bottom:12px; } .login-form .form-group.no-margin{ margin-bottom:0px; } .login-form .form-group input[type="text"], .login-form .form-group input[type="password"], .login-form .form-group input[type="tel"], .login-form .form-group input[type="email"]{ position:relative; display:block; width:100%; line-height:28px; padding:10px 20px; height:50px; font-size:14px; border:1px solid #e0e0e0; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .login-form .form-group input[type="text"]:focus, .login-form .form-group input[type="password"]:focus, .login-form .form-group input[type="tel"]:focus, .login-form .form-group input[type="email"]:focus, .login-form .form-group select:focus, .login-form .form-group textarea:focus{ border-color:#2e55e0; } .login-form button{ top:20px; margin-top:0px; font-size:16px; font-weight:700; padding:11px 36px; color:#ffffff; text-transform:uppercase; } .login-form .psw{ position:relative; color:#666666; font-size:16px; } /*** ==================================================================== Contact Section ==================================================================== ***/ .contact-section{ position:relative; padding:120px 0px 100px; } .contact-section .form-column{ margin-bottom:30px; } .contact-section .info-column .social-icon-two li{ color:#222222; } .contact-section .info-column .social-icon-two li a{ color:#666666; } /*** ==================================================================== Error Section ==================================================================== ***/ .error-section{ position:relative; text-align:center; padding:170px 0px 170px; } .error-section .error-title{ position:relative; color:#222222; font-size:400px; font-weight:700; line-height:1em; font-family: 'Arimo', sans-serif; } .error-section h4{ color:#333333; font-size:60px; font-weight:600; font-family: 'Montserrat', sans-serif; text-transform:capitalize; } .error-section .text{ color:#666666; font-size:30px; margin-top:18px; margin-bottom:45px; } .error-section .theme-btn{ border-radius:5px; font-size:18px; font-weight:700; padding:16px 35px 15px; text-transform:uppercase; } /*Comming Soon*/ .comming-soon{ position:fixed; width:100%; height:100%; display:block; overflow-y:auto; background-size:cover; } .comming-soon .content{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: table; text-align:center; vertical-align: middle; } .comming-soon .content .content-inner{ position: relative; padding: 150px 15px; display: table-cell; vertical-align: middle; } .comming-soon .content .content-inner:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:92px; background:url(../images/background/layer-1-bg.jpg) repeat-x; } .comming-soon .content .content-inner:after{ position:absolute; content:''; left:0px; bottom:0px; width:100%; height:92px; background:url(../images/background/layer-1-bg.jpg) repeat-x; } .comming-soon .content .content-inner .logo{ position:relative; padding-bottom:30px; margin-bottom:45px; } .comming-soon .content .content-inner .logo:after{ position:absolute; content:''; left:50%; bottom:0px; width:100px; height:3px; margin-left:-50px; background-color:#2e55e0; } .comming-soon .content .content-inner h2{ position:relative; color:#ffffff; font-size:60px; font-weight:600; line-height:1.2em; margin-bottom:80px; text-transform:uppercase; } .comming-soon .content .content-inner .text{ position:relative; color:#ffffff; font-size:24px; font-weight:400; line-height:1.6em; margin-top:0px; margin-bottom:60px; font-family: 'Arimo', sans-serif; } /*** ==================================================================== Countdown style ==================================================================== ***/ .time-counter{ position:relative; } .time-counter .time-countdown{ position:relative; } .time-counter .time-countdown .counter-column{ position:relative; margin:0px 15px 0px; width:170px; height:170px; text-align:center; display:inline-block; color:#2e55e0; font-size:20px; line-height:30px; text-transform:uppercase; border-radius:50%; font-weight:700; margin-bottom:30px; font-family: 'Arimo', sans-serif; } .time-counter .time-countdown .counter-column .count{ position:relative; display:block; font-size:100px; line-height:40px; padding:40px 0px; color:#ffffff; letter-spacing:1px; font-weight:700; font-family: 'Montserrat', sans-serif; } .comming-soon .emailed-form .form-group{ position:relative; display:block; max-width:770px; margin:0 auto; width:100%; margin-bottom:20px; } .comming-soon .emailed-form .form-group input[type="text"], .comming-soon .emailed-form .form-group input[type="tel"], .comming-soon .emailed-form .form-group input[type="email"], .comming-soon .emailed-form .form-group textarea{ position:relative; display:block; width:100%; line-height:20px; height:80px; font-size:17px; color:#797979; overflow:hidden; padding:10px 50px 10px 50px; background:#ffffff; border-radius:50px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .comming-soon .emailed-form .form-group input[type="submit"], .comming-soon .emailed-form button{ position:absolute; right:0px; top:0px; width:195px; height:80px; line-height:40px; color:#ffffff; font-size:18px; font-weight:700; text-align:center; background:#2e55e0; text-transform:uppercase; border-radius:0px 50px 50px 0px; font-family: 'Arimo', sans-serif; } /*Sidebar Range slider */ .range-slider-one{ position:relative; min-height:48px; padding-top: 10px; overflow: hidden; margin-top:-20px; } .range-slider-one .title{ position:relative; float:left; color:#000000; font-size:16px; font-weight:400; margin-top:8px; } .range-slider-one .title:before{ position:absolute; content:'$'; right:-14px; top:0px; color:#848484; font-size:16px; font-weight:300; } .range-slider-one .input{ float:right; left: 8px; max-width:75px; padding-left:8px; margin-top:8px; position: relative; } .range-slider-one .input input{ background:none; color:#777777; font-size:16px; font-weight:300; width:auto; text-align:left; } .range-slider-one .ui-widget.ui-widget-content{ height:3px; border:none; margin-bottom:35px; background:#eeeeee; } .range-slider-one .ui-slider .ui-slider-range{ top:0px; height:3px; background:#333333; } .range-slider-one .ui-state-default, .range-slider-one .ui-widget-content .ui-state-default{ top:-3px; width:10px; height:10px; background:#fbb200; cursor:pointer; border-radius:0px; border-color:#fbb200; } .range-slider-one .theme-btn{ padding:8px 25px; border-radius:0px; font-size:16px; font-weight:600; color:#333333; text-transform:uppercase; font-family: 'Montserrat', sans-serif; } .range-slider-one .theme-btn:hover{ color:#fbb200; } /*Sidebar Realated Posts */ .sidebar .related-posts .post{ position:relative; padding:0px 0px; padding-left:90px; margin-bottom:20px; } .sidebar .related-posts .post:last-child{ margin-bottom:0px; border:0px; min-height:inherit; } .sidebar .related-posts .post .post-thumb{ position:absolute; left:0px; top:0px; width:70px; } .sidebar .related-posts .post .post-thumb img{ display:block; width:100%; } .sidebar .related-posts .post h4{ top:-2px; font-size:20px; font-weight:700; color:#333333; line-height:1.2em; text-transform:capitalize; font-family: 'Raleway', sans-serif; } .sidebar .related-posts .post h4 a{ color:#333333; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .sidebar .related-posts .post a, .sidebar .related-posts .post a:hover{ color:#fbb200; } .sidebar .related-posts .post .price{ font-size:18px; letter-spacing:1px; font-weight:400; color:#777777; } .sidebar .related-posts .post .rating{ margin-bottom:1px; line-height:1em; } .sidebar .related-posts .post .rating .fa{ position:relative; display:inline-block; font-size:16px; line-height:26px; color:#2e55e0; } .our-shop .styled-pagination{ margin-top:40px; } /*Shop Item*/ .shop-item{ position:relative; margin-bottom:60px; } .shop-item .inner-box{ position:relative; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .shop-item .inner-box:hover .image .overlay-box{ opacity:1; } .shop-item .inner-box .image{ position:relative; z-index:11; text-align:center; background-color:#f8f8f8; } .shop-item .inner-box .image .overlay-box{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; opacity:0; text-align:center; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .shop-item .inner-box .image .overlay-box .cart-option{ position:relative; top:50%; margin-top:-25px; } .shop-item .inner-box .image .overlay-box .cart-option li{ position:relative; margin:0px 3px; color:#2e55e0; display:inline-block; } .shop-item .inner-box .image .overlay-box .cart-option li a{ position:relative; width:64px; height:64px; color:#ffffff; font-size:18px; display:block; line-height:64px; text-align:center; border-radius:50%; background-color:#2e55e0; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } /*.shop-item .inner-box .image .overlay-box .cart-option li a .fa{ display:block; font-size:20px; margin-bottom:8px; }*/ .shop-item .inner-box .image .overlay-box .cart-option li a:hover{ color:#ffffff; } .shop-item .inner-box .image img{ width:100%; display:inline-block; } .shop-item .inner-box .lower-content{ position:relative; z-index:11; padding:20px 0px 0px; } .shop-item .inner-box .lower-content h3{ position:relative; font-size:18px; font-weight:700; margin-bottom:9px; text-transform:uppercase; } .shop-item .inner-box .lower-content h3 a{ color:#222222; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .shop-item .inner-box .lower-content h3 a:hover{ color:#2e55e0; } .shop-item .inner-box .lower-content .add-cart{ position:relative; color:#666666; font-weight:700; font-size:18px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; font-family: 'Arimo', sans-serif; } .shop-item .inner-box .lower-content .add-cart .fa{ margin-right:5px; } .shop-item .inner-box .lower-content .add-cart:hover{ color:#2e55e0; } .shop-item .inner-box .lower-content .price{ position:relative; color:#2e55e0; font-size:16px; font-weight:700; margin-bottom:15px; } .shop-item .inner-box .lower-content .price .discount{ position:relative; color:#777777; margin-right:8px; text-decoration:line-through; } .shop-item .inner-box .lower-content .rating .fa{ position:relative; display:inline-block; font-size:16px; color:#2e55e0; } .product-details .basic-details{ position:relative; margin-bottom:50px; } .product-details .image-column, .product-details .info-column{ margin-bottom:20px; } .product-details .image-column .image-box img{ position:relative; display:block; width:100%; background-color:#f7f7f7; } .product-details .basic-details .details-header{ position:relative; margin-bottom:16px; } .product-details .basic-details .details-header h4{ font-size:24px; font-weight:700; margin:5px 0px 20px; line-height:1.4em; color:#222222; } .product-details .basic-details .details-header h4 a{ color:#333333; } .product-details .basic-details .details-header .rating{ font-size:18px; color:#2e55e0; margin-bottom:15px; display:inline-block; } .product-details .basic-details .details-header .reviews{ position:relative; display:inline-block; color:#777777; font-weight:400; margin-left:15px; } .product-details .basic-details .details-header .rating .fa{ display:inline-block; } .product-details .basic-details .details-header .rating .txt{ font-size:14px; padding-left:10px; color:#777777; } .product-details .basic-details .details-header .item-price{ font-size:22px; font-weight:700; color:#2e55e0; line-height:24px; } .product-details .basic-details .prod-info{ margin-bottom:15px; line-height:1.6em; font-size:13px; } .product-details .basic-details .prod-info strong{ font-weight:700; color:#111111; } .product-details .basic-details .text{ margin-bottom:25px; color:#777777; font-size:16px; font-weight:400; line-height:1.8em; } .product-details .basic-details .item-quantity .field-label{ float:left; font-weight:700; font-size:14px; line-height:32px; display:inline-block; padding-right:20px; } .product-details .basic-details .quantity-spinner, .cart-section input.quantity-spinner{ line-height:24px; padding:10px 15px !important; height:46px !important; box-shadow:none !important; } .product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn, .cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{ padding:11px 10px; background:#f4f5f6; } .product-details .bootstrap-touchspin .input-group-btn-vertical i, .cart-section .bootstrap-touchspin .input-group-btn-vertical i{ top:6px; } .product-details .basic-details .item-quantity{ position:relative; float:left; width:85px; margin-bottom:25px; margin-right:25px; } .product-details .basic-details .item-quantity .field-label{ float:left; font-weight:700; font-size:14px; line-height:32px; display:inline-block; padding-right:20px; } .product-details .basic-details .quantity-spinner, .cart-table input.quantity-spinner{ font-size:18px; line-height:24px; padding:10px 15px !important; height:50px !important; box-shadow:none !important; } .product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn, .cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{ padding:12px 10px; background:#f4f5f6; border-radius:0px; } .product-details .bootstrap-touchspin .input-group-btn-vertical i, .cart-table .bootstrap-touchspin .input-group-btn-vertical i{ top:8px; } .product-details .basic-details .add-to-cart{ padding:11px 30px; font-weight:600; font-size:16px; border-radius:50px; text-transform:uppercase; } /*** ==================================================================== Product Tabs Style ==================================================================== ***/ .shop-single .product-details .prod-tabs{ position:relative; } .shop-single .product-details .prod-tabs .tab-btns{ position:relative; z-index:1; margin-bottom:50px; } .shop-single .product-details .prod-tabs .tab-btns .tab-btn{ position:relative; top:1px; display:block; float:left; margin-right:10px; font-size:16px; background:#eeeeee; color:#000000; text-transform:uppercase; font-weight:600; line-height:24px; cursor:pointer; border-radius:50px; padding:18px 43px 18px; transition:all 500ms ease; font-family: 'Montserrat', sans-serif; } .shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover, .shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{ color:#000000; background:#2e55e0; } .shop-single .product-details .prod-tabs .tabs-content{ position:relative; } .shop-single .product-details .prod-tabs .tabs-content .tab{ position:relative; display:none; border-top:0px; } .shop-single .product-details .prod-tabs .tabs-content .tab.active-tab{ display:block; } .shop-single .product-details .prod-tabs .tabs-content .tab .content{ position:relative; } .shop-single .product-details .prod-tabs .tabs-content .tab .content p{ position:relative; font-size:16px; line-height:1.7em; margin-bottom:25px; color:#797979; } .shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child{ margin-bottom:0px; } .prod-tabs .tabs-content .tab .title{ position:relative; color:#222222; font-size:24px; font-weight:600; margin-bottom:30px; font-family: 'Montserrat', sans-serif; } /*Comment Form*/ .shop-comment-form{ position:relative; margin-top:50px; } .shop-comment-form h2{ position:relative; color:#333333; font-size:24px; font-weight:700; margin-bottom:10px; text-transform:uppercase; } .shop-comment-form .mail-text{ position:relative; color:#777777; font-size:16px; margin-bottom:15px; } .shop-comment-form .group-title{ margin-bottom:20px; } .shop-comment-form .rating-box{ position:relative; margin-bottom:20px; } .shop-comment-form .rating-box .text{ position:relative; font-size:16px; color:#333333; margin-bottom:15px; } .shop-comment-form .rating-box .rating{ position:relative; margin-right:10px; display:inline-block; } .shop-comment-form .rating-box .rating .fa{ position:relative; margin-right:5px; display:inline-block; } .shop-comment-form .rating-box .rating a{ position:relative; color:#cccccc; font-size:14px; display:inline-block; } .shop-comment-form .rating-box .rating a:hover{ color:#2e55e0; } .shop-comment-form .form-group{ position:relative; margin-bottom:20px; } .shop-comment-form .form-group label{ position:relative; color:#333333; font-size:16px; font-weight:400; } .shop-comment-form .form-group:last-child{ margin-bottom:0px; } .shop-comment-form .form-group input[type="text"], .shop-comment-form .form-group input[type="password"], .shop-comment-form .form-group input[type="tel"], .shop-comment-form .form-group input[type="email"], .shop-comment-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 15px; border:1px solid #dddddd; height:50px; color:#848484; font-weight:300; background:#ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .shop-comment-form .form-group input[type="text"]:focus, .shop-comment-form .form-group input[type="password"]:focus, .shop-comment-form .form-group input[type="tel"]:focus, .shop-comment-form .form-group input[type="email"]:focus, .shop-comment-form .form-group select:focus, .shop-comment-form .form-group textarea:focus{ border-color:#2e55e0; } .shop-comment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:26px; padding:10px 15px; color:#848484; border:1px solid #dddddd; height:120px; font-weight:300; background:#ffffff; resize:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .shop-comment-form button{ position:relative; font-weight:600; font-size:16px; padding:10px 32px; margin-top:10px; text-transform:uppercase; } .shop-comment-form input:focus, .shop-comment-form select:focus, .shop-comment-form textarea:focus{ border-color:#f06529; } /*** ==================================================================== Cart Section style ==================================================================== ***/ .cart-section{ position:relative; padding:100px 0px 60px; } .cart-outer{ position:relative; } .checkout-page .cart-outer{ margin-bottom:40px; } .cart-outer .table-outer{ position:relative; width:100%; overflow-x: auto; } .cart-outer .cart-table{ width:100%; min-width:900px; } .cart-table .cart-header{ position:relative; width:100%; text-transform:uppercase; font-size:13px; background:#222222; color:#ffffff; border:1px solid #ebebeb; } .cart-table thead tr th{ line-height:24px; padding:15px 25px; font-weight:700; font-size:16px; letter-spacing:1px; text-align:center; text-transform:uppercase; border-right:1px solid #ffffff; font-family: 'Arimo', sans-serif; } .cart-table thead tr th .fa{ font-size:18px; } .cart-table tbody tr td{ line-height:24px; padding:30px 25px 30px; } .cart-table tbody tr .qty{ width:200px; padding-right:80px; } .cart-table tbody tr .qty .quantity-spinner{ background:#ffffff; } .cart-table tbody tr .prod-column .column-box{ position:relative; min-height:110px; } .cart-table tbody tr .prod-column .column-box .prod-thumb{ position:relative; width:140px; } .cart-table tbody tr .prod-column .column-box .prod-thumb img{ display:block; max-width:100%; } .cart-table tbody tr .prod-column .column-box h4{ font-size:14px; color:#444444; font-weight:400; line-height:90px; } .cart-table tbody tr .prod-column .author{ font-size:13px; color:#333333; margin-bottom:0px; } .cart-table tbody tr .sub-total{ font-weight:400; color:#222222; font-size:16px; } .cart-table tbody tr .sub-total.price{ } .cart-table tbody tr .remove-btn{ position:relative; font-size:14px; color:#fbb908; line-height:30px; font-weight:500; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .cart-table tbody tr .remove-btn .fa{ position:relative; font-size:18px; line-height:30px; } .cart-table tbody tr .remove-btn:hover{ color:#444444; } .cart-table tbody tr{ border-bottom:1px solid #cccccc; } .cart-table tbody tr td{ vertical-align:middle; color:#797979; font-size:17px; text-align:center; border-left:1px solid #cccccc; } .cart-table tbody tr td.prod-column{ padding-left:48px; } .cart-table tbody tr td.total{ font-size:18px; color:#333333; } .cart-table tbody tr td:last-child{ border-right:1px solid #ebebeb; text-align:center; } .cart-table tbody tr td .prod-title{ position:relative; font-size:16px; color:#222222; font-weight:400; font-family: 'Arimo', sans-serif; } .cart-table tbody tr td .quantity-spinner{ padding:5px 0px 5px 20px; line-height:24px; height:34px; display:block; width:100%; position:relative; } .cart-table tbody .available-info{ position:relative; padding-left:50px; } .cart-table tbody .available-info .icon{ position:absolute; left:0px; top:5px; width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#ffffff; background:#223555; border-radius:50%; } .cart-section .cart-options{ position:relative; padding:40px 0px 10px; margin-bottom:30px; border-top:0px; } .cart-section .apply-coupon{ position:relative; } .cart-section .cart-options .cart-btn{ padding:13px 36px; line-height: 24px; font-size:15px; color:#ffffff; font-weight:700; border-radius:50px; text-transform:capitalize; background-color:#2e55e0; font-family: 'Montserrat', sans-serif; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .cart-section .cart-options .cart-btn:hover{ background-color:#fbb908; } .cart-section .apply-coupon .form-group{ position:relative; float:left; margin-right:30px; } .cart-section .apply-coupon .form-group input[type="text"]{ display:block; line-height:28px; padding:10px 25px; border:1px solid #cccccc; width:225px; height:50px; background:#ffffff; border-radius:50px; } .cart-section .coupon-btn{ padding:13px 29px; line-height: 24px; font-size:16px; color:#ffffff; font-weight:700; border-radius:50px; text-transform:capitalize; background-color:#2e55e0; font-family: 'Montserrat', sans-serif; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .cart-section .coupon-btn:hover{ background-color:#fbb908; } .cart-section .cart-options .btn-style-one{ top:-7px; padding-left:32px; padding-right:32px; } .cart-section .totals-table{ position:relative; margin-bottom:20px; border:1px solid #cccccc; } .cart-section .totals-table li{ line-height:24px; padding:18px 30px; border-bottom:1px solid #cccccc; } .cart-section .totals-table li:first-child{ background-color:#dddddd; } .cart-section .totals-table li h3{ position:relative; font-weight:700; color:#333333; font-size:18px; font-family: 'Arimo', sans-serif; } .cart-section .totals-table li:last-child{ border-bottom:none; padding:40px 20px 50px; } .cart-section .totals-table .col{ position:relative; display:block; float:left; line-height:24px; width:50%; color:#222222; font-size:16px; font-weight:700; text-transform:capitalize; font-family: 'Arimo', sans-serif; } .cart-section .totals-table li .col:last-child{ text-align:right; } .cart-section .totals-table .total .price{ color:#2e55e0; font-weight:400; } .cart-section .totals-table .proceed-btn{ padding: 13px 33px; line-height: 24px; font-size: 15px; color: #ffffff; font-weight: 700; border-radius:50px; text-transform: capitalize; background-color: #2e55e0; font-family: 'Montserrat', sans-serif; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .cart-section .totals-table .proceed-btn:hover{ background-color:#fbb908; } .shipping-block{ position:relative; margin-bottom:60px; } .shipping-block .inner-box{ position:relative; padding:20px 25px 10px; border:1px solid #cccccc; } .shipping-block .inner-box h3{ position:relative; color:#333333; font-size:24px; font-weight:700; margin-bottom:4px; text-transform:capitalize; } .shipping-block .inner-box h4{ position:relative; color:#222222; font-size:14px; font-weight:400; margin-bottom:22px; text-transform:capitalize; } .shipping-form{ position:relative; } .shipping-form .row{ position:relative; margin:0px -10px; } .shipping-form .form-group{ position:relative; margin-bottom:20px; padding:0px 10px; } .shipping-form .form-group input[type="text"], .shipping-form .form-group input[type="password"], .shipping-form .form-group input[type="tel"], .shipping-form .form-group input[type="email"]{ position:relative; display:block; width:100%; line-height:23px; padding:10px 20px; height:45px; font-size:14px; border:1px solid #cccccc; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .shipping-form .form-group input[type="text"]:focus, .shipping-form .form-group input[type="password"]:focus, .shipping-form .form-group input[type="tel"]:focus, .shipping-form .form-group input[type="email"]:focus, .shipping-form .form-group select:focus, .shipping-form .form-group textarea:focus{ border-color:#2e55e0; } .shipping-form button{ padding: 13px 33px; line-height: 24px; font-size: 15px; color: #ffffff; font-weight: 700; margin-top:6px; border-radius:50px; text-transform: capitalize; background-color: #2e55e0; font-family: 'Montserrat', sans-serif; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .shipping-form button:hover{ background-color:#fbb908; } /*Custom Select*/ .form-group .ui-selectmenu-button.ui-button{ width:100%; font-size:15px; font-style:normal; height:45px; padding:10px 20px; line-height:26px; color:#999999; border-radius:0px; border:1px solid #cccccc; background:#ffffff; cursor:pointer; } .form-group .ui-button .ui-icon{ background:none; position:relative; top:0px; text-indent:0px; color:#333333; } .form-group .ui-button .ui-icon:before{ font-family: 'FontAwesome'; content: "\f107"; position:absolute; right:0px; top:2px !important; top:13px; width:10px; height:45px; display:block; color:#262626; line-height:23px; font-size:15px; font-weight:normal; text-align:center; z-index:5; } .ui-widget.ui-widget-content{ border:1px solid #e0e0e0; } .ui-menu .ui-menu-item{ font-size:14px; border-bottom:1px solid #e0e0e0; } .ui-menu .ui-menu-item:last-child{ border:none; } .ui-state-active, .ui-widget-content .ui-state-active{ background-color:#fbb908; border-color:#fbb908; } .ui-menu .ui-menu-item-wrapper{ position:relative; display:block; padding:8px 20px ; font-size:14px; line-height:24px; } /*** ==================================================================== CheckOut Sectioon ==================================================================== ***/ .checkout-page{ position:relative; padding:100px 0px 100px; } .checkout-page .default-links{ position:relative; margin-bottom:30px; } .checkout-page .default-links li{ line-height:24px; padding:20px 30px 22px; background:#dddddd; color:#333333; font-size:16px; margin-bottom:35px; } .checkout-page .default-links li .fa{ position:relative; top:2px; margin-right:20px; font-size:24px; color:#222222; } .checkout-page .default-links li a{ color:#2e55e0; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .checkout-page .default-links li a:hover{ color:#0b0b0b; } .checkout-form{ position:relative; } .checkout-form .checkout-title{ position:relative; } .checkout-form .checkout-title h2{ position:relative; color:#222222; font-size:30px; margin-bottom:15px; font-weight:600; } .checkout-form .form-group{ position:relative; margin-bottom:5px; } .checkout-form .form-group .field-label{ display:block; line-height:24px; margin-bottom:6px; text-transform:capitalize; color:#222222; font-size:15px; font-weight:400; } .checkout-form .form-group .field-label sup{ top:-1px; font-size:16px; } .checkout-form .form-group .text{ position:relative; color:#777777; font-size:15px; margin-bottom:5px; } .checkout-form input[type="text"], .checkout-form input[type="email"], .checkout-form input[type="password"], .checkout-form input[type="tel"], .checkout-form input[type="number"], .checkout-form input[type="url"], .checkout-form select, .checkout-form textarea{ position:relative; display:block; width:100%; background:#ffffff; line-height:22px; padding:12px 15px; height:50px; margin-bottom:10px; border:1px solid #e0e0e0; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .checkout-form textarea{ resize:none; height:60px !important; } .checkout-form input:focus, .checkout-form select:focus, .checkout-form textarea:focus{ border-color:#fa9928; } .checkout-page .check-box{ line-height:24px; font-size:14px; font-weight:normal; padding-top:5px; } .checkout-page .check-box label{ position:relative; top:-1px; font-weight:normal; padding:0px; font-size:16px; cursor:pointer; color:#333333; } .checkout-page .lower-content{ margin-top:30px; } .checkout-page .lower-content .order-column{ margin-bottom:40px; } .checkout-page .lower-content .column h2{ position:relative; color:#222222; font-size:24px; margin-bottom:30px; padding-bottom:12px; } .checkout-page .lower-content .column h2:after{ position:absolute; content:''; left:0px; bottom:0px; width:40px; height:2px; background-color:#fa9928; } /*Coupon Box*/ .coupon-box{ position:relative; padding:25px 25px; margin-bottom:25px; background-color:#f5f5f5; } .coupon-form{ position:relative; } .coupon-form .form-group{ position:relative; margin-bottom:0px; } .coupon-form .form-group input[type="text"]{ position:relative; display:block; width:100%; line-height:28px; padding:10px 20px; height:44px; font-size:14px; border:1px solid #cccccc; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .coupon-form .form-group input[type="text"]:focus{ border-color:#2e55e0; } .coupon-form button{ margin-top:0px; font-size:16px; font-weight:700; border-radius:0px; padding:8px 26px; text-transform:capitalize; } .order-box{ position:relative; margin-top:40px; } .order-box h2{ position:relative; color:#222222; font-size:28px; font-weight:600; margin-bottom:20px; text-transform:capitalize; } .order-box .title-box{ position:relative; padding:15px 30px; background-color:#333333; } .order-box .title-box .col{ position:relative; width:50%; float:left; color:#ffffff; font-size:16px; font-weight:700; } .order-box ul{ position:relative; } .order-box ul li{ position:relative; padding:25px 30px; border-bottom:1px solid #cccccc; } .order-box ul li strong{ color:#222222; font-weight:400; font-size:16px; } .order-box ul li span{ width:50%; float:right; color:#fbb908; font-size:16px; font-weight:400; } .order-box ul li span.free{ color:#777777; font-size:16px; } .order-box ul li:last-child{ border-bottom:none; } .payment-box{ position:relative; margin-top:50px; background-color:#f5f5f5; } .payment-box .upper-box{ position:relative; padding:15px 35px; border-bottom:1px solid #b7b7b7; } .payment-options{ position:relative; margin-top:20px; margin-bottom:20px; } .payment-box .payment-options li{ position:relative; margin-bottom:10px; } .payment-box .payment-options li .radio-option{ position:relative; } .payment-box .payment-options li .radio-option label{ position:relative; display:inline-block; padding-left:30px; font-weight:400 !important; text-transform:capitalize; letter-spacing:1px; color:#222222; cursor:pointer; font-size:16px; font-family: 'Arimo', sans-serif; } .payment-box .payment-options li .radio-option label strong{ font-weight:400; color:#222222; } .payment-box .payment-options li .radio-option input[type="radio"]{ position:absolute; left:0px; top:3px; } .payment-box .payment-options li .radio-option label .small-text{ position:relative; display:block; letter-spacing:0px; text-transform:none; font-weight:normal; font-size:14px; color:#666666; line-height:1.8em; padding:15px 20px; margin-top:30px; margin-left:-30px; background-color:#dcdcdc; } .payment-box .payment-options li .radio-option label .small-text:before{ position:absolute; content:''; left:30px; top:-10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #dcdcdc; } .payment-box .payment-options li .radio-option label img{ position:relative; display:block; max-width:100%; padding-left:30px; margin-top:20px; } .payment-box .payment-options li .radio-option .what-paypall{ position:relative; display:block; color:#222222; font-size:16px; font-weight:400; margin-left:120px; margin-top:10px; } .payment-box .lower-box{ position:relative; padding:30px 30px; } .payment-box .lower-box .order-btn{ padding:14px 32px; font-size: 16px; color: #ffffff; font-weight:700; border-radius:50px; background-color: #333333; text-transform: capitalize; font-family: 'Arimo', sans-serif; } /******************** Team Grid Style************************/ /************************************* = team grids **************************************/ .our-team.section-padding{ position:relative; padding:80px 0 80px; } .team-grids .team-grid { overflow: hidden; position: relative; margin-bottom:30px; } .team-grids .team-grid img{ display: block; width: 100%; } .team-grids .member-pic-social { position: relative; overflow: hidden; } .team-grids .social { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; } .team-grids .social-links { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11; opacity: 0; } .team-grids .social-links li{ position:relative; display:inline-block; } .team-grids .social-links li a{ position:relative; font-size: 24px; color: #fff; display: block; text-align: center; } .team-grids .member-pic-social:hover .social-links { opacity: 1; } .team-grids .social-links > li + li { margin-left: 20px; } .team-grids .social-links li a { font-size: 24px; color: #fff; } .team-grids .member-info { text-align: center; padding-top: 25px; } .team-grids .member-info h3 { position:relative; font-size: 20px; font-weight: 700; margin: 0 0 3px; font-family: 'Arimo', sans-serif; color: #333333; } .team-grids .member-info p{ position:relative; color: #6a6a6a; margin-bottom: 0px; } @media (max-width: 1199px) { .team-grids .social-links li a { font-size: 18px; } } .team-grids .social-links li a:hover { color: #051829; } .team-grids .member-info { text-align: center; padding-top: 25px; } .team-grids .member-info h3 { font-size: 22px; margin: 0 0 3px; } @media (max-width: 1199px) { .team-grids .member-info h3 { font-size: 18px; } } @media (max-width: 991px) { .team-grids .member-info h3 { font-size: 16px; } } @media (max-width: 991px) { .team-grids .member-info p { font-size: 14px; } } .square-hover-effect { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; } .square-hover-effect .hover-1, .square-hover-effect .hover-2, .square-hover-effect .hover-3, .square-hover-effect .hover-4 { background: rgba(17,17,17,0.90); width: 50%; height: 50%; position: absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; opacity: 0; } .square-hover-effect .hover-1 { left: 0; top: 0; } .square-hover-effect .hover-2 { left: 50%; top: 0; } .square-hover-effect .hover-3 { left: 50%; top: 50%; } .square-hover-effect .hover-4 { left: 0; top: 50%; } .square-hover-effect:hover .hover-1, .square-hover-effect-parent:hover .hover-1 { left: 50%; top: 0; opacity: 1; } .square-hover-effect:hover .hover-2, .square-hover-effect-parent:hover .hover-2 { left: 50%; top: 50%; opacity: 1; } .square-hover-effect:hover .hover-3, .square-hover-effect-parent:hover .hover-3 { left: 0%; top: 50%; opacity: 1; } .square-hover-effect:hover .hover-4, .square-hover-effect-parent:hover .hover-4 { left: 0%; top: 0%; opacity: 1; } /************************ Testimonials Style *************************/ /*-------------------------------------------------------------- #2.5 testimoials-s2-slider --------------------------------------------------------------*/ .testimoials-s2-grid { border: 2px solid #2e55e0; padding: 65px 35px 35px; border-radius: 5px; position: relative; margin-bottom:30px; } @media (max-width: 767px) { .testimoials-s2-grid { padding: 45px 20px 20px; } } .testimoials-s2-grid:after{ background: #2e55e0 url("../images/testimonials/quote.png") no-repeat center center; content: ""; width: 58px; height: 52px; position: absolute; right: 0; top: -2px; border-radius: 5px; } @media (max-width: 991px) { .testimoials-s2-grid:after { width: 50px; height: 48px; background-size: 20px; } } .testimoials-s2-grid img{ width: auto; border-radius: 50%; } .testimoials-s2-grid .client-info { margin-top: 10px; position: relative; overflow: hidden; } .testimoials-s2-grid .client-info .details { height: 75px; display: inline-block; float: left; position: relative; padding-left: 90px; } @media (max-width: 991px) { .testimoials-s2-grid .client-info .details { float: none; display: block; } } .testimoials-s2-grid .client-info .details .pic { position: absolute; left: 0; top: 10; border-radius: 50%; } .testimoials-s2-grid .client-info .info { margin-top: 15px; } .testimoials-s2-grid .client-info h4 { position:relative; font-size: 20px; font-weight: 700; font-family: 'Arimo', sans-serif; color: #333333; } @media (max-width: 991px) { .testimoials-s2-grid .client-info h4 { font-size: 16px; } } @media (max-width: 767px) { .testimoials-s2-grid .client-info h4{ font-size: 14px; font-size: 0.93333rem; } } .testimoials-s2-grid .client-info p { font-size: 14px; text-transform: uppercase; color: #6a6a6a; line-height: 1.8em; margin-bottom: 15px; } @media (max-width: 767px) { .testimoials-s2-grid .client-info p { font-size: 12px; } } .testimoials-s2-grid .client-info .rating { display: inline-block; float: right; margin-top: 15px; } @media (max-width: 991px) { .testimoials-s2-grid .client-info .rating{ float: none; display: block; margin: -20px 0 0 88px; } } .testimoials-s2-grid .client-info .rating i { color: #2e55e0; } .testimonials-s2-grid-view-section { Padding-top:70px; padding-bottom: 40px; } @media (max-width: 991px) { .testimonials-s2-grid-view-section { padding-bottom: 50px; } } @media (max-width: 767px) { .testimonials-s2-grid-view-section { padding-bottom: 40px; } } .testimoials-s2-grid-view { overflow: hidden; margin: 0 -15px; } /*** ==================================================================== Faq Section ==================================================================== ***/ .faq-section{ position:relative; padding:90px 0px 90px; } .faq-section .prod-tabs{ position:relative; padding:0px 70px; } .faq-section .prod-tabs .tab-btns{ position:relative; margin-bottom:40px; padding:0px 20px; border:1px solid #f2f2f2; border-top-color:#2e55e0; } .faq-section .prod-tabs .tab-btns .tab-btn{ position:relative; display:block; font-size:16px; color:#222222; font-weight:400; cursor:pointer; line-height:1.6em; padding:10px 0px 10px 0px; transition:all 500ms ease; text-transform:capitalize; border-bottom:1px solid #f2f2f2; } .faq-section .prod-tabs .tab-btns .tab-btn:last-child{ border:none; } .faq-section .prod-tabs .tab-btns .tab-btn span{ position:relative; display:block; font-size:16px; color:#020e28; font-weight:400; cursor:pointer; line-height:1.6em; padding:5px 15px 5px 30px; transition:all 500ms ease; text-transform:capitalize; font-family: 'Poppins', sans-serif; } .faq-section .prod-tabs .tab-btns .tab-btn:before{ position:absolute; content:''; left:11px; top:23px; width:8px; height:8px; background-color:#e6e6e6; border:1px solid #f2f2f2; transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; } .faq-section .prod-tabs .tab-btns .tab-btn:hover:before, .faq-section .prod-tabs .tab-btns .tab-btn.active-btn:before{ z-index:1; background-color:#2e55e0; border-color:rgba(245,91,20,0.20); } .faq-section .prod-tabs .tab-btns .tab-btn.active-btn span, .faq-section .prod-tabs .tab-btns .tab-btn:hover span{ color:#2e55e0; } .faq-section .prod-tabs .tabs-content{ position:relative; } .faq-section .prod-tabs .tabs-content .tab{ position:relative; display:none; } .faq-section .prod-tabs .tabs-content .tab.active-tab{ display:block; } /********************** Blog Modern View ********************/ .blog-modern-section{ position:relative; padding:100px 0px; } /*News Block Three*/ .blog-modern-section .news-block-three{ position:relative; margin-bottom:50px; } .blog-modern-section .news-block-three .image-column{ position:relative; padding:0px; float:left; } .blog-modern-section .news-block-three .image-column .image{ position:relative; padding:0px; } .blog-modern-section .news-block-three .image-column .image img{ position:relative; left:0px; top:0px; right:0px; bottom:30px; display:block; width:100%; } .blog-modern-section .news-block-three .content-column .inner-column .post-date{ position:absolute; content:''; left:35px; top:0px; width: 60px; height: 75px; padding: 14px 6px; text-align: center; color: #ffffff; font-size: 24px; line-height: 1.1em; text-transform: uppercase; background-color: #2e55e0; } .blog-modern-section .news-block-three .content-column .inner-column .post-date span{ font-size:14px; display:block; } .blog-modern-section .news-block-three .content-column .inner-column:before{ position:absolute; content:''; left:64px; top:0px; width:3px; height:100%; background-color: #2e55e0; } .blog-modern-section .news-block-three .content-column{ position:relative; padding:0px; float:left; } .blog-modern-section .news-block-three .content-column .inner-column{ position:relative; margin-top:35px; margin-left:-35px; background-color:#ffffff; padding:70px 40px 50px 120px; box-shadow:0px 0px 20px rgba(208,206,206,0.80); } .blog-modern-section .news-block-three .content-column .inner-column h2{ position:relative; font-size:24px; font-weight:500; line-height:1.5em; margin-bottom:15px; } .blog-modern-section .news-block-three .content-column .inner-column h2 a{ position:relative; color:#222222; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .blog-modern-section .news-block-three .content-column .inner-column h2 a:hover{ color:#2e55e0; } .blog-modern-section .news-block-three .content-column .inner-column .text{ position:relative; font-size:14px; color:#888888; line-height:2em; margin-bottom:18px; } .blog-modern-section .news-block-three .content-column .post-meta{ position:relative; } .blog-modern-section .news-block-three .content-column .post-meta li{ position:relative; margin-right:25px; display:inline-block; } .blog-modern-section .news-block-three .content-column .post-meta li a{ position:relative; color:#222222; font-size:14px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .blog-modern-section .news-block-three .content-column .post-meta li a .icon{ position:relative; color:#2e55e0; margin-right:8px; } .blog-modern-section .news-block-three .content-column .post-meta li a:hover{ color:#2e55e0; } /*News Block Four*/ .blog-modern-section .news-block-four{ position:relative; margin-bottom:50px; } .blog-modern-section .news-block-four .image-column{ position:relative; padding:0px; float:left; } .blog-modern-section .news-block-four .image-column .image{ position:relative; padding:0px; margin-top:35px; margin-left:-35px; } .blog-modern-section .news-block-four .image-column .image img{ position:relative; left:0px; top:0px; right:0px; bottom:30px; display:block; width:100%; } .blog-modern-section .news-block-four .content-column .inner-column .post-date{ position:absolute; content:''; left:35px; top:0px; width: 60px; height: 75px; padding: 14px 6px; text-align: center; color: #ffffff; font-size: 24px; line-height: 1.1em; text-transform: uppercase; background-color: #2e55e0; } .blog-modern-section .news-block-four .content-column .inner-column .post-date span{ font-size:14px; display:block; } .blog-modern-section .news-block-four .content-column .inner-column:before{ position:absolute; content:''; left:64px; top:0px; width:3px; height:100%; background-color: #2e55e0; } .blog-modern-section .news-block-four .content-column{ position:relative; padding:0px; float:left; } .blog-modern-section .news-block-four .content-column .inner-column{ position:relative; z-index:1; background-color:#ffffff; padding:70px 40px 50px 120px; box-shadow:0px 0px 20px rgba(208,206,206,0.80); } .blog-modern-section .news-block-four .content-column .inner-column h2{ position:relative; font-size:24px; font-weight:500; line-height:1.5em; margin-bottom:15px; } .blog-modern-section .news-block-four .content-column .inner-column h2 a{ position:relative; color:#222222; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .blog-modern-section .news-block-four .content-column .inner-column h2 a:hover{ color:#2e55e0; } .blog-modern-section .news-block-four .content-column .inner-column .text{ position:relative; font-size:14px; color:#888888; line-height:2em; margin-bottom:18px; } .blog-modern-section .news-block-four .content-column .post-meta{ position:relative; } .blog-modern-section .news-block-four .content-column .post-meta li{ position:relative; margin-right:25px; display:inline-block; } .blog-modern-section .news-block-four .content-column .post-meta li a{ position:relative; color:#222222; font-size:14px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .blog-modern-section .news-block-four .content-column .post-meta li a .icon{ position:relative; color:#2e55e0; margin-right:8px; } .blog-modern-section .news-block-four .content-column .post-meta li a:hover{ color:#2e55e0; } /************************* Team Single ************************/ /*Teacher Single*/ .teacher-single{ position:relative; padding:125px 0px 100px; } .teacher-single .image-column{ position:relative; margin-bottom:30px; } .teacher-single .image-column .image{ position:relative; } .teacher-single .image-column .image img{ position:relative; width:100%; display:block; } .teacher-single .content-column{ position:relative; } .teacher-single .content-column .content-inner{ position:relative; padding-left:25px; } .teacher-single .content-column .content-inner h3{ font-size:24px; color:#000000; font-weight:500; } .teacher-single .content-column .content-inner .designation{ position:relative; font-size:15px; margin-bottom:15px; color:rgba(0,0,0,0.40); } .teacher-single .content-column .content-inner .text{ position:relative; margin-top:30px; margin-bottom:30px; } .teacher-single .content-column .content-inner .text p{ position:relative; font-size:15px; margin-bottom:20px; color:rgba(0,0,0,0.45); } .teacher-single .content-column .content-inner .text p:last-child{ margin-bottom:0px; } .teacher-single .teachers-info{ position:relative; } .teacher-single .teachers-info .teacher-block{ position:relative; margin-bottom:20px; margin-right:22px; display:inline-block; } .teacher-single .teachers-info .teacher-block .inner{ position:relative; padding:20px 25px; text-align:center; border:1px solid #f2f2f2; } .teacher-single .teachers-info .teacher-block .inner .title{ position:relative; color:#b2b2b2; font-size:15px; } .teacher-single .teachers-info .teacher-block .inner h3{ color:#000000; font-size:28px; font-weight:700; } /*Social Icon Five*/ .social-icon-five{ position:relative; } .social-icon-five li{ position:relative; margin-right:6px; display:inline-block; } .social-icon-five li a{ position:relative; width:32px; height:32px; color:#cccccc; font-size:14px; line-height:28px; text-align:center; border-radius:50%; display:inline-block; border:2px solid #e5e5e5; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .social-icon-five li a:hover{ color:#f5a10c; border-color:#f5a10c; background:none; } /************************ Mega Menu ***************************/ .main-menu .navigation > li.has-mega-menu{ position:static; } .header-style-two .main-menu .navigation > li.has-mega-menu > a:after, .main-menu .navigation > li.has-mega-menu:before, .main-menu .navigation > li.has-mega-menu:after{ display:none; } .main-menu .navigation > li > .mega-menu{ position:absolute; left:0px; right: 0; margin: auto; width:100%; max-width: 1170px; background-color: #ffffff; padding: 45px 40px 30px 45px; top: 100%; z-index:100; opacity: 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li:hover > .mega-menu{ opacity: 1; visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .main-menu .navigation > li > .mega-menu .mega-menu-bar{ position: relative; } .main-menu .navigation > li .mega-menu-bar h3{ position:relative; color:#020e28; font-size:20px; font-weight:500; padding-bottom:10px; border-bottom:1px solid #f2f2f2; } .main-menu .navigation > li .mega-menu-bar > ul{ position:relative; } .main-menu .navigation > li .mega-menu-bar .column > ul > li{ position:relative; width:100%; border-bottom:1px solid #f2f2f2; text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li .mega-menu-bar .column{ position:relative; margin-bottom:10px; } .main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{ border:none; } .main-menu .navigation > li .mega-menu-bar .column > ul > li > a{ position:relative; display:block; padding:10px 15px; line-height:20px; font-weight:400; font-size:14px; color:#848484; text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Rubik', sans-serif; } .main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{ color:#ffffff; background:#2c2c2c; } /*========================================= Right To Left Version ===========================================*/ .rtl{ direction: rtl; } .rtl .main-menu, .rtl .sticky-header .logo, .rtl .range-slider-one .pull-left, .rtl .header-style-two .nav-outer, .rtl .contact-section .form-column, .rtl .main-header .main-box .logo-box, .rtl .contact-info-section .info-column, .rtl .main-header .header-upper .logo-box, .rtl .main-header .header-top .top-right .social-nav, .rtl .shop-item .inner-box .lower-content .pull-left, .rtl .main-header .header-lower .outer-box .advisor-box, .rtl .main-header .header-top .top-left{ float: right !important; } .rtl .login-form .psw, .rtl .sticky-header .right-col, .rtl .range-slider-one .pull-right, .rtl .header-style-three .nav-outer, .rtl .main-header .header-lower .outer-box, .rtl .main-header .header-upper .upper-right, .rtl .shop-item .inner-box .lower-content .pull-right, .rtl .blog-modern-section .news-block-four .image-column, .rtl .main-header .header-top .top-right{ float: left !important; } .rtl .testimoials-s2-grid:after, .rtl .subscribe-form-three button, .rtl .subscribe-form-two button, .rtl .comming-soon .emailed-form button, .rtl .sidebar .search-box .form-group button, .rtl .accordion-box.style-two .block .icon-outer, .rtl .default-section .testimonial-column .owl-nav, .rtl .accordion-box.style-two .block .icon-outer .icon, .rtl .subscribe-form-three .form-group input[type="submit"], .rtl .subscribe-form-two .form-group input[type="submit"], .rtl .comming-soon .emailed-form .form-group input[type="submit"], .rtl .testimonial-block-two .inner-box .lower-box .rating, .rtl .main-header .search-box .form-group button{ right: auto; left: 0; } .rtl .list-style-two li .icon, .rtl .list-style-one li .icon, .rtl .subscribe-section:before, .rtl .footer-lists li a:before, .rtl .brochure-box .inner .icon, .rtl .list-style-three li .icon, .rtl .news-widget .post .post-thumb, .rtl .main-menu .navigation > li > ul, .rtl .main-footer .footer-title h2:after, .rtl .accordion-box .block .icon-outer .icon, .rtl .sidebar .popular-posts .post-info:before, .rtl .sidebar .popular-posts .post .post-thumb, .rtl .services-block .inner-box .upper-box .icon, .rtl .testimoials-s2-grid .client-info .details .pic, .rtl .testimonial-block .inner-box .author-box .image, .rtl .header-style-two .nav-outer .outer-box .contact-number .icon, .rtl .header-style-three .nav-outer .outer-box .contact-number .icon, .rtl .sidebar-page-container .comments-area .comment-box .author-thumb, .rtl .payment-box .payment-options li .radio-option input[type="radio"], .rtl .testimonial-block-two .inner-box .lower-box .author-box .author-inner .image, .rtl .main-header .info-box .icon-box{ left: auto; right: 0; } .rtl .main-slider h2{ text-align:right; } .rtl .news-section .column, .rtl .footer-style-two .column, .rtl .main-menu .navigation > li, .rtl .product-details .info-column, .rtl .product-details .image-column, .rtl .teacher-single .image-column, .rtl .faq-section div[class*="col-"], .rtl .main-footer div[class*="col-"], .rtl .clients-section .title-column, .rtl .news-block-three .image-column, .rtl .call-to-action-section .column, .rtl .cart-section .totals-table .col, .rtl .subscribe-section .title-column, .rtl .fluid-section-one .title-column, .rtl .welcome-section .content-column, .rtl .default-section .testimonial-column, .rtl .counter-section .counter-main-column, .rtl .news-block-two .inner-box .image-column, .rtl .product-section .lower-box .image-column, .rtl .project-single-section .upper-box .image-column, .rtl .services-single .services-tabs .tab-btns .tab-btn, .rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn, .rtl .main-header.header-style-two .header-top .top-left li strong{ float: right; } .rtl .cat-list li a span, .rtl .testimoials-s2-grid .client-info .rating{ float: left; } .rtl .main-slider .theme-btn{ margin-right: 0; margin-left: 25px; } .rtl .main-slider .tp-parallax-wrap{ max-width: 1200px; width: 100%; padding: 0 15px; left: 0 !important; right: 0 !important; margin: 0 auto !important; } .rtl .contact-section .sec-title, .rtl .main-slider.style-two h2, .rtl .main-slider.style-two .text, .rtl .range-slider-one .input input, .rtl .main-slider.style-two .text-center, .rtl .main-slider.style-two{ text-align: right !important; } .rtl .payment-box .lower-box, .rtl .cart-section .totals-table li.text-right{ text-align: left !important; } .rtl .product-details .item-quantity, .rtl .styled-pagination, .rtl .owl-carousel{ direction: ltr !important; } .rtl .services-block-two .inner-box .lower-box, .rtl .testimonial-block-two .inner-box .quote-icon, .rtl .services-block-two .inner-box .upper-box .image .overlay-box{ text-align: right; } .rtl .sticky-header .main-menu .navigation > li{ margin-left: 0; margin-right: 25px; } .rtl .main-header .header-top .top-right .social-nav{ margin-left: 25px; margin-right: 0; } .rtl .header-style-two .nav-outer .outer-box, .rtl .header-style-three .nav-outer .outer-box{ margin-left:0; margin-right: 35px; } .rtl .header-style-two .nav-outer .outer-box .contact-number{ padding-right: 45px; padding-left: 0; } .rtl .main-header .header-top .top-right .social-nav li{ padding-left: 0; padding-right: 15px; } .rtl .main-header .header-top .top-right .social-nav li:first-child{ padding-right: 0; } .rtl .header-style-three .nav-outer .outer-box .contact-number{ padding-right: 50px; padding-left: 0; } .rtl .main-header .search-box .form-group input[type="text"], .rtl .main-header .search-box .form-group input[type="search"]{ text-align: right; padding: 10px 20px 10px 50px; } .rtl .main-header .header-top .top-left ul li{ margin-right: 0; margin-left: 70px; } .rtl .main-header .header-top .top-left ul li span{ margin-left: 0; margin-right: 10px; float: left; } .rtl .main-header .info-box { float: left; margin-left: 50px; text-align: right; padding: 0px 50px 20px 0px; } .rtl .main-header .nav-outer{ padding: 0px 35px 0px 0px; } .rtl .main-header .header-lower .outer-box .advisor-box .advisor-btn span{ border-radius: 0px 50px 50px 0px ; text-align: right; } .rtl .main-header .header-lower .outer-box .advisor-box .advisor-btn:before{ left: auto; right: -3px; } .rtl .main-menu .navigation li > ul > li > ul{ right: 100%; left: auto; } .rtl .main-menu .navigation > li > ul > li.dropdown > a:after{ left: 10px; right: auto; content: "\f104"; } .rtl .header-style-two .main-menu .navigation > li, .rtl .header-style-three .main-menu .navigation > li{ margin-right: 28px; margin-left: 0; } .rtl .main-header.header-style-two .header-top .top-right .social-nav{ margin-left: 0; } .rtl .services-block .inner-box .upper-box{ padding-left: 0; padding-right: 78px; } .rtl .services-block .inner-box .lower-box .image .overlay-box .link-btn{ right: auto; left: 30px; } .rtl .testimonial-block .inner-box .author-box, .rtl .list-style-one li{ padding-left: 0; padding-right: 70px; text-align: right; } .rtl .sec-title.centered .separater{ left: auto; right: 50%; margin-left: 0; margin-right: -50px; } .rtl .page-title .page-breadcrumb li{ padding-right: 0; margin-right: 0; padding-left: 10px; margin-left: 10px; } .rtl .page-title .page-breadcrumb li:last-child{ padding-left: 0; margin-left: 0; } .rtl .main-header .info-box:first-child{ margin-right: 0; } .rtl .page-title .page-breadcrumb li:after{ left: -4px; right: auto; content: "\f104"; } .rtl .news-block-three .inner-box .lower-content .post-meta li, .rtl .news-block .inner-box .lower-content .post-meta li, .rtl .news-block-two .inner-box .content-column .post-meta li{ margin-left: 10px; margin-right: 0px; } .rtl .news-single .inner-box .lower-content .post-meta li span, .rtl .news-block-three .inner-box .lower-content .post-meta li span, .rtl .news-block .inner-box .lower-content .post-meta li span, .rtl .news-block-two .inner-box .content-column .post-meta li span{ float: right; margin-left:8px; margin-right: 0px; } .rtl .news-single .inner-box .lower-content .post-meta li{ margin-left: 15px; margin-right: 0; } .rtl .list-style-two li{ padding-left: 0; padding-right: 70px; margin-right: 0; margin-left: 70px; } .rtl .list-style-two li:last-child{ margin-left: 0; } .rtl .footer-lists li a{ padding-left: 0; padding-right: 20px; } .rtl .news-widget .post .post-info li{ margin-left: 18px; margin-right: 0; float: left; } .rtl .news-widget .post .post-info li .icon{ margin-left: 10px; margin-right: 0; } .rtl .subscribe-form .form-group input[type="submit"], .rtl .subscribe-form .form-group button{ right: auto; left: 0; border-radius: 50px 0px 0px 50px; } .rtl .footer-lists li a:before{ content: "\f104"; } .rtl .social-icon-two li{ margin-right: 13px; margin-left: 0; } .rtl .social-icon-two li:first-child{ margin-right: 0; } .rtl .news-widget .post{ padding-right: 85px; padding-left: 0; } .rtl .subscribe-section .title-column:before{ right: auto; left: 40px; transform: rotate(37deg); } .rtl .subscribe-section .title-column:after{ right: auto; left: 0px; top: -50px; border-bottom: 170px solid #2e55e0; border-right: 130px solid transparent; border-left: 75px solid #2e55e0; transform: scaleX(-1); } .rtl .subscribe-form-two .form-group input[type="text"], .rtl .subscribe-form-two .form-group input[type="tel"], .rtl .subscribe-form-two .form-group input[type="email"], .rtl .subscribe-form-two .form-group textarea{ padding: 10px 20px 10px 50px; } .rtl .comming-soon .emailed-form .form-group input[type="submit"], .rtl .comming-soon .emailed-form button{ border-radius: 50px 0px 0px 50px } .rtl .default-section .testimonial-column .owl-nav .owl-prev, .rtl .default-section .testimonial-column .owl-nav .owl-next{ margin-left: 0; margin-right: 10px; } .rtl .accordion-box .block .acc-btn{ padding:10px 80px 10px 20px; } .rtl .accordion-box.style-two .block .acc-btn{ padding: 15px 30px 15px 25px; } .rtl .accordion-box .block .icon-outer{ position: absolute; left: auto; right: -1px; } .rtl .testimonial-block-two .inner-box .lower-box .author-box .author-inner { text-align: right; padding-left: 0; padding-right: 90px; } .rtl .services-block-four .inner-box{ padding: 20px 90px 20px 15px; } .rtl .list-style-three li{ padding-left: 0; padding-right: 70px; } .rtl .services-block-four .inner-box .icon-box{ left: auto; right: -2px; } .rtl .fluid-section-one .title-column .inner-column .icon-box{ right: auto; left: -45px; } .rtl .fluid-section-one .form-column .inner-column{ padding: 71px 150px 71px 15px; } .rtl .fluid-section-one .title-column .inner-column{ float: left; padding: 66px 15px 66px 50px; } .rtl .subscribe-form-three .form-group input[type="text"], .rtl .subscribe-form-three .form-group input[type="tel"], .rtl .subscribe-form-three .form-group input[type="email"], .rtl .subscribe-form-three .form-group textarea{ padding: 10px 0px 10px 50px; } .rtl .comming-soon .emailed-form .form-group input[type="text"], .rtl .comming-soon .emailed-form .form-group input[type="tel"], .rtl .comming-soon .emailed-form .form-group input[type="email"], .rtl .comming-soon .emailed-form .form-group textarea{ padding-left: 150px; } .rtl .teacher-single .content-column .content-inner{ padding-left: 0; padding-right: 25px; } .rtl .testimoials-s2-grid .client-info .details { float: right; padding-left: 0; padding-right: 90px; } .rtl .faq-section .prod-tabs .tab-btns .tab-btn span{ padding: 5px 30px 5px 15px; } .rtl .faq-section .prod-tabs .tab-btns .tab-btn:before{ left: auto; right: 11px; } .rtl .sidebar-page-container .content-side, .rtl .sidebar-page-container .sidebar-side{ float: right; } .rtl .blog-cat li a { padding: 22px 50px 22px 15px; } .rtl .blog-cat li:after { left: -1px; right: auto; border-right: 0; border-left: 8px solid #ffffff; } .rtl .blog-cat li a:after{ left: auto; right: -1px; } .rtl .blog-cat li a:before{ left: auto; right: 28px; content: '\f0d9'; } .rtl .brochure-box{ padding: 18px 30px 18px 15px; } .rtl .brochure-box .inner{ padding-left: 0; padding-right: 30px; } .rtl .services-single .services-tabs .tab-btns .tab-btn{ margin-right: 0; margin-left: 5px; } .rtl .project-page-section .filters .filter-tabs .filter:last-child::after{ display: block; } .rtl .project-page-section .filters .filter-tabs .filter:first-child::after{ display:none; } .rtl .project-list li{ padding: 13px 70px 13px 12px; } .rtl .project-list li .icon{ left: auto; right: -1px; } .rtl .project-list li strong{ float: right; margin-right: 0; margin-left: 25px; } .rtl .project-list li.social-icons{ padding: 0; } .rtl .sidebar .search-box .form-group input[type="text"], .rtl .sidebar .search-box .form-group input[type="search"]{ padding: 10px 20px 10px 50px; } .rtl .cat-list li a{ padding-left: 28px; padding-right: 50px; } .rtl .cat-list li a:before{ left: auto; right: 30px; content: '\f0d9'; } .rtl .sidebar .popular-posts .post{ padding-left: 0px; padding-right: 100px; } .rtl .sidebar .popular-posts .post-info{ padding-left: 0; padding-right: 24px; } .rtl .blog-modern-section .news-block-four .content-column .inner-column, .rtl .blog-modern-section .news-block-three .content-column .inner-column{ margin-left: 0; margin-right: -35px; padding: 70px 120px 50px 40px; } .rtl .blog-modern-section .news-block-four .content-column .inner-column .post-date, .rtl .blog-modern-section .news-block-three .content-column .inner-column .post-date{ left: auto; right: 35px; } .rtl .blog-modern-section .news-block-four .content-column .inner-column:before, .rtl .blog-modern-section .news-block-three .content-column .inner-column:before{ right: 64px; left: auto; } .rtl .blog-modern-section .news-block-four .content-column .post-meta li, .rtl .blog-modern-section .news-block-three .content-column .post-meta li{ margin-right: 0; margin-left: 25px; } .rtl .blog-modern-section .news-block-four .content-column .post-meta li a .icon, .rtl .blog-modern-section .news-block-three .content-column .post-meta li a .icon{ margin-left: 8px; margin-right: 0; } .rtl .sidebar-page-container .comments-area .comment{ padding: 0px 130px 0px 0px; } .rtl .shop-item .inner-box .lower-content .add-cart .fa{ margin-left: 5px; margin-right: 0; } .rtl .product-details .basic-details .item-quantity{ float: right; margin-left: 25px; margin-right: 0; } .rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn{ margin-left: 10px; margin-right: 0; } .rtl .sidebar-page-container .comments-area.style-two .comment-box .comment{ padding-left: 0; padding-right: 95px; } .rtl .sidebar-page-container .comments-area .comment-box.reply-comment{ margin-left: 0; margin-right: 100px; } .rtl .checkout-page .default-links li .fa{ margin-right: 0; margin-left: 20px; } .rtl .payment-box .payment-options li .radio-option label{ padding-left: 0; padding-right: 30px; } .rtl .payment-box .payment-options li .radio-option label .small-text{ margin-left: 0; margin-right: -30px; } .rtl .payment-box .payment-options li .radio-option label .small-text:before{ left: auto; right: 30px; } .rtl .gallery-section .filters .filter-tabs .filter:first-child:after{ display: none; } .rtl .gallery-section .filters .filter-tabs .filter:last-child:after{ display: block; } .rtl .subscribe-form-two button { border-radius: 5px 0px 0px 5px; } @media only screen and (max-width: 1140px){ .rtl .main-menu .navigation > li{ margin-right: 0; margin-left: 25px; } .rtl .main-header .info-box{ padding-right: 0; text-align: center; } .rtl .header-style-two .main-menu .navigation > li:first-child, .rtl .header-style-three .main-menu .navigation > li:first-child{ margin-right: 0; } .rtl .header-style-two .nav-outer{ float: left !important; } .rtl .teacher-single .content-column .content-inner{ padding-right: 0; } .testimoials-s2-grid-view{ margin: 0; } } @media only screen and (max-width: 1023px){ .rtl .header-style-three .nav-outer, .rtl .header-style-two .nav-outer{ padding: 0 ; } .rtl .fluid-section-one .title-column .inner-column{ padding-left: 15px; } .rtl .fluid-section-one .form-column .inner-column{ padding-right: 15px; } .rtl .fluid-section-one .title-column .inner-column .icon-box{ left: auto; } } @media only screen and (max-width: 767px){ .rtl .main-menu .navbar-collapse > ul li.menu-item-has-children .dropdown-btn{ right: auto; left: 10px; } .rtl .main-header .nav-outer{ padding: 0 15px; } .rtl .list-style-one li{ padding-right: 0; text-align: center; } .rtl .list-style-two li{ padding: 0; margin: 0 0 20px; } .rtl .news-widget .post .post-info li{ float: right; } .rtl .main-footer .footer-widget{ float: right; width: 100%; text-align: right; } .rtl .services-block-four .inner-box{ padding: 0px 0px 20px 0px; } .rtl .sidebar-page-container .comments-area .comment{ padding-right: 0; } .rtl .sidebar-page-container .comments-area .comment-box.reply-comment{ margin-right: 0; } .rtl .sidebar-page-container .comments-area.style-two .comment-box .comment{ padding-right: 0; } } @media only screen and (max-width: 599px){ .rtl .comming-soon .emailed-form .form-group input[type="submit"], .rtl .comming-soon .emailed-form button{ border-radius: 50px; } } @media only screen and (max-width: 479px){ .rtl .blog-modern-section .news-block-four .content-column .inner-column, .rtl .blog-modern-section .news-block-three .content-column .inner-column{ padding: 90px 30px 50px 30px; margin-right: 0; } } .color-palate .rtl-version.option-box{ margin-left:0px; float:none; } .color-palate .rtl-version.option-box > li{ position: relative; color:#ffffff; width: 40%; margin:0px 3px; cursor: pointer; margin-bottom: 9px; padding:6px 12px; display: inline-block; background-color: #ffaa00; text-transform:capitalize; } .color-palate .rtl-version.option-box{ display:none; } .color-palate{display:none;} /* Global Industry - Factory and Industry HTML Template*/ @media only screen and (max-width: 5000px){ .page-wrapper{ overflow:hidden; } } @media only screen and (max-width: 1500px){ .portfolio-item-two .overlay-inner h3{ font-size:20px; } } @media only screen and (max-width: 1340px){ .page-wrapper{ overflow:hidden; } } @media only screen and (max-width: 1140px){ .main-header{ margin:0px !important; } .page-wrapper{ overflow:hidden; } .main-menu .navigation > li{ margin-left:0px; } .main-header .info-box strong{ font-size:15px; } .main-header .info-box{ margin-left:25px; } .main-header .header-top .top-left ul li, .main-header .header-top .top-right .social-nav{ margin-right:15px; } .main-header .nav-outer{ padding-left:20px; } .header-style-two .nav-outer .outer-box, .header-style-three .nav-outer .outer-box{ display:none; } .header-style-three{ position:relative; background-color:#222222; } .sticky-header .main-menu .navigation > li{ margin-left: 30px; } .services-section-two .inner-container{ margin-top:100px; } .services-block .inner-box .upper-box h3{ font-size:16px; } .services-block .inner-box .lower-box .image .overlay-box{ padding:25px 25px; } .product-section .lower-box .content-column .inner-column{ padding:25px 25px; } .list-style-one li{ font-size:14px; } .gallery-section .big-column{ width:50%; } .gallery-section .small-column{ width:25%; } .news-block-two .inner-box .content-column .inner-column h3{ font-size:18px; } .news-block-two .inner-box .content-column .inner-column{ padding:0px; } .product-section .upper-box h2{ font-size:20px; } .subscribe-section .title-column::after{ right:-10px; } .subscribe-section .title-column::before{ right:28px; } .default-section .testimonial-column .inner-column, .default-section .accordian-column .inner-column{ padding-right:0px; } .call-to-action-section .btn-column .theme-btn{ padding:16px 25px 15px; } .services-block-three .inner-box{ padding:110px 15px 30px; } .services-block-four .inner-box h3{ font-size:16px; } .fluid-section-one .form-column .inner-column{ padding-left:100px; } .teacher-single .content-column .content-inner{ padding-left:0px; } .main-menu .navigation > li > .mega-menu{ -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .main-menu .navigation > li .mega-menu-bar h3{ font-size:16px; } .main-menu .navigation > li .mega-menu-bar .column > ul > li > a{ font-size:15px; } } @media only screen and (min-width: 768px){ .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul, .main-menu .navigation > li > .mega-menu{ display:block !important; visibility:hidden; opacity:0; } } @media only screen and (max-width: 1023px){ .main-header .main-box .logo-box { position:relative; left:0px; top:0px; right:0px; bottom:0px; margin:0px; text-align:left; } .main-header .nav-toggler{ display:block; } .main-slider h2{ font-size:34px; line-height:1.3em; } .main-slider h2 span{ font-size:36px; } .main-slider .text{ font-size:16px; } .main-slider .tparrows, .fixed-header .sticky-header, .main-header .search-box, .main-header .header-top .top-right::before, .main-header .header-top .top-right:after, .main-header .header-top .top-right .list, .services-section-two .owl-dots, .comming-soon .content .content-inner .text br, .header-style-two .main-menu .navigation > li:before, .header-style-two .main-menu .navigation > li > a:after{ display:none; } .main-header .header-top .top-left{ padding-bottom:5px; padding-top:10px; } .main-header .header-top .top-right{ top:0px; padding-left:0px; padding-top:0px; } .main-header .header-top .top-right .social-nav{ margin-left:0px; width:100%; } .main-header .header-top .top-left, .main-header .header-top .top-right{ width:100%; text-align:center; } .main-menu .navigation > li > a{ font-size:14px; } .main-header .options-box{ margin-top:0px; position:absolute; left:0px; top:25px; z-index:12; display:none; right:auto; } .header-style-two{ background-color:#ffffff; } .main-header .header-upper .upper-right{ padding-top:0px; width:100%; text-align:center; } .main-header .info-box{ float:none; display:inline-block; margin-left:0px; margin-right:20px; } .fluid-section-one .image-column, .fluid-section-one .content-column, .fluid-section-two .content-column, .fluid-section-three .content-column, .fluid-section-three .image-column, .fluid-section-three .outer-container .image-column{ position:relative; width:100%; display:block; } .main-header .header-top .top-right .social-nav{ margin-right:0px; } .fluid-section-two .map-column{ position:relative; width:100%; } .fluid-section-two .map-column .map-canvas{ position:relative; width:100%; display:block; min-height:400px; } .fluid-section-one .content-column .inner-box, .fluid-section-two .content-column .inner-box, .fluid-section-three .content-column .content-box{ max-width:100%; padding-left:15px; } .fluid-section-one .image-column, .fluid-section-three .image-column{ background-image:none !important; } .fluid-section-one .image-column .image-box, .fluid-section-three .image-column .image, .fluid-section-three .outer-container .image-column .image-box{ display:block; } .main-header .header-upper .logo-box{ width:100%; text-align:center; } .header-style-two .main-menu .navigation > li{ margin-left:0px; margin-right:25px; } .header-style-two .main-menu .navigation > li.current > a, .header-style-two .main-menu .navigation > li > a{ padding:20px 0px; } .header-style-two .main-menu .navigation > li > a{ font-size:16px; } .header-style-two .nav-outer{ width:100%; padding-left:0px; } .header-style-two .main-box .logo-box{ padding-bottom:10px; } .header-style-two .nav-outer .outer-box{ margin-top:16px; } .main-header .header-lower .outer-box, .testimonial-section .owl-dots, .subscribe-section .title-column:before, .subscribe-section .title-column:after{ display:none; } .header-style-three .nav-outer .main-menu, .main-header.header-style-two .header-top .top-right{ padding-top:0px; } .footer-style-two .copyright, .main-header.header-style-two .header-top .top-left{ padding-bottom:10px; } .header-style-three .nav-outer{ width:100%; display:block; padding-left:0px; } .header-style-three .main-menu .navigation > li{ margin-left:0px; margin-right:30px; } .gallery-section .big-column, .gallery-section .small-column{ width:50%; } .news-block-two .inner-box .content-column .inner-column{ padding-top:20px; } .map-section .map-info-box{ position:relative; left:auto; margin:0px; } .map-section-two .map-info-box{ position:relative; left:auto; margin:0px; bottom:0px; border-radius:0px; } .list-style-two li{ margin-bottom:20px; } .map-section, .map-info-box .info-inner{ padding-bottom:0px; } .subscribe-section:before{ width:100%; } .subscribe-section .title-column, .call-to-action-section .text{ text-align:center; margin-bottom:20px; } .footer-style-two, .call-to-action-section, .call-to-action-section .btn-column, .footer-style-two .social-column{ text-align:center; } .error-section .error-title{ font-size:200px; } .error-section h4{ font-size:40px; } .fluid-section-one .title-column{ position:relative; width:100%; text-align:center; } .fluid-section-one .title-column .inner-column{ max-width:100%; padding-right:15px; } .fluid-section-one .title-column .inner-column .icon-box{ position:relative; right:auto; top:auto; margin-left:20px; margin:0 auto; margin-bottom:40px; } .fluid-section-one .form-column .inner-column{ padding-left:15px; width:100%; max-width:100%; } .fluid-section-one .form-column{ max-width:100%; width:100%; } .clients-section .title-column{ text-align:center; } .time-counter .time-countdown .counter-column .count{ font-size:64px; } .main-menu .navigation > li > .mega-menu{ padding:20px 20px; } } @media only screen and (max-width: 767px){ .header-upper .logo-outer { position:relative; left:0px; top:0px; right:0px; bottom:0px; width:100%; margin:0px; } .main-header .header-top .top-right, .main-header .header-top .top-left{ width:100%; } .sec-title h2{ font-size:24px; } .main-menu{ width:100%; } .main-menu .collapse { float:none; width:100%; padding:0px 0px 0px; border:none; margin:20px 0px 15px; -ms-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; border-radius:0px; box-shadow:none; } .main-menu .collapse.in, .main-menu .collapsing{ max-height:300px; overflow:auto; padding:0px 0px 0px; border:none; margin:20px 0px 15px; -ms-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; border-radius:0px; box-shadow:none; } .main-menu .navbar-header{ position:relative; float:none; display:block; text-align:right; width:100%; padding:15px 0px; right:0px; z-index:12; } .main-menu .navbar-header .navbar-toggle{ display:inline-block; z-index:12; border:1px solid #fbb908; float:none; margin:0px 0px 0px 0px; border-radius:0px; background:#fbb908; } .main-menu .navbar-header .navbar-toggle .icon-bar{ background:#ffffff; } .main-menu .navbar-collapse > .navigation{ float:none !important; margin:0px !important; width:100% !important; background:#2c2c2c; border:1px solid #ffffff; border-top:none; } .main-menu .navbar-collapse > .navigation > li{ margin:0px !important; float:none !important; padding:0px !important; width:100%; } .main-menu .navigation > li > a, .main-menu .navigation > li > ul:before{ border:none; } .main-menu .navbar-collapse > .navigation > li > a{ padding:10px 10px !important; border:none !important; } .main-menu .navigation li.dropdown > a:after, .main-menu .navigation > li.dropdown > a:before, .main-menu .navigation > li > ul > li > a::before, .main-menu .navigation > li > ul > li > ul > li > a::before{ color:#ffffff !important; right:15px; font-size:16px; display:none !important; } .main-menu .navbar-collapse > .navigation > li > ul, .main-menu .navbar-collapse > .navigation > li > ul > li > ul{ position:relative; border:none; float:none; visibility:visible; opacity:1; display:none; margin:0px; left:auto !important; right:auto !important; top:auto !important; padding:0px; outline:none; width:100%; background:#2c2c2c; -webkit-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; border-radius:0px; transition:none !important; -webkit-transition:none !important; -ms-transition:none !important; -o-transition:none !important; -moz-transition:none !important; -webkit-box-shadow:none; box-shadow:none; } .main-menu .navbar-collapse > .navigation > li > ul, .main-menu .navbar-collapse > .navigation > li > ul > li > ul{ border-top:1px solid rgba(255,255,255,1) !important; } .main-menu .navbar-collapse > .navigation > li, .main-menu .navbar-collapse > .navigation > li > ul > li, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{ border-top:1px solid rgba(255,255,255,1) !important; border-bottom:none; opacity:1 !important; top:0px !important; left:0px !important; visibility:visible !important; } .main-menu .navbar-collapse > .navigation > li:first-child{ border:none; } .main-menu .navbar-collapse > .navigation > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{ padding:10px 10px !important; line-height:22px; color:#ffffff; background:#2c2c2c; text-align:left; } .main-menu .navbar-collapse > .navigation > li > a:hover, .main-menu .navbar-collapse > .navigation > li > a:active, .main-menu .navbar-collapse > .navigation > li > a:focus, .main-menu .navigation > li .mega-menu-bar .column > ul > li > a{ background:#fbb908; } .main-menu .navbar-collapse > .navigation > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li.current > a, .main-menu .navbar-collapse > .navigation > li.current-menu-item > a, .main-menu .navigation > li .mega-menu-bar .column > ul > li > a{ background:#2c2c2c; color:#ffffff !important; } .main-menu .navigation > li > ul > li > a{ font-weight:600; text-transform:uppercase; } .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn, .header-style-two .nav-outer .btn-outer{ display:block; } .home-detail, .main-slider .schedule-box, .main-menu .navbar-collapse > .navigation li.dropdown:after, .main-menu .navigation > li > ul:before, .main-slider .bordered-layer, .news-block-two .inner-box .image-column .image:after{ display:none !important; } .main-header .nav-outer{ padding:0px 15px; } .header-style-three .nav-outer{ padding:0px; } .main-header .btn-outer{ left:0px; top:0px; right:auto; margin-top:15px; text-align:left; z-index:12; } .main-header .main-box .logo-box{ float:none; text-align:center; padding-bottom:10px; } .main-header .options-box{ display:block; } .main-header .btn-outer{ display:block; } .header-style-two .outer-container{ padding:0px; } .sidebar-page-container .comments-area .reply-comment{ padding-left:0px; } .sidebar-page-container .comments-area .comment-box .author-thumb, .tabs-box .reviews-container .rev-thumb{ position:relative; } .main-header.light-version .main-box .logo-box{ padding-bottom:0px; } .main-header .options-box .options-nav > li{ margin-left:0px; margin-right:20px; } .main-header .search-box-outer .dropdown-menu{ left:0px; top:47px; } .main-header .header-top{ padding:5px 0px; } .news-single .inner-box .lower-content .text blockquote, .sidebar-page-container .comments-area .comment-box.reply-comment{ margin-left:0px; } .sidebar-page-container .comments-area.style-two .comment-box .comment, .sidebar-page-container .comments-area .comment{ padding-left:0px; } .main-header .info-box{ padding-left:0px; text-align:center; width:100%; } .main-header .info-box .icon-box{ position:relative; margin:0 auto; margin-bottom:15px; } .main-header .main-box .outer-container{ padding:0px; } .main-header .header-lower .outer-box{ position:absolute; z-index:12; } .header-top-two .top-right, .process-block .inner-box .upper-box:after{ display:none; } .header-top-two .top-left{ width:100%; text-align:center; } .header-style-two .nav-outer .outer-box{ position:absolute; top:0px; left:5px; z-index:12; } .main-slider .title{ font-size:26px; } .main-slider h2.alternate{ font-size:40px; } .header-style-two .nav-outer{ padding:0px !important; } .header-style-two .main-box .logo-box, .header-style-three .main-box .logo-box{ float:left; padding:20px 0px 30px; } .header-style-two .nav-outer, .header-style-three .nav-outer{ margin-top:-90px; } .list-style-one li, .list-style-two li{ padding-left:0px; text-align:center; } .list-style-one li .icon{ position:relative; margin-bottom:18px; display:block; } .list-style-two li .icon{ position:relative; margin:0 auto; display:block; margin-bottom:20px; } .project-page-section .filters .filter-tabs .filter, .gallery-section .filters .filter-tabs .filter{ font-size:14px; } .list-style-two li, .gallery-section .big-column, .gallery-section .small-column, .cart-section .cart-options .pull-right{ width:100%; } .fact-counter .column .inner{ text-align:center; } .fact-counter .column .counter-title:before{ left:50%; margin-left:-20px; } .services-block-four .inner-box{ padding:0px 0px 20px 0px; text-align:center; } .services-block-four .inner-box .icon-box{ position:relative; left:0; top:0; bottom:0; width:100%; display:block; line-height:60px; margin-bottom:20px; } .error-section .text, .services-single .inner-box .lower-content h2{ font-size:24px; } .project-single-section .lower-box h2{ font-size:30px; } .project-single-section .lower-box .title{ font-size:18px; } .blog-classic .news-block-three .inner-box .lower-content h3{ font-size:20px; } .page-title{ padding:80px 0px; } .sec-title h2, .sidebar-page-container .sec-title h2, .login-section h2{ font-size:24px; } .main-menu .navigation > li.has-mega-menu{ position:relative !important; } .main-menu .navigation > li .mega-menu-bar .column{ padding:0px; margin:0px; } .main-menu .navigation > li > .mega-menu{ position:relative; width:100%; padding:0px !important; background:none !important; margin:0px !important; left:0px !important; top:0px !important; } .main-menu .navigation > li > .mega-menu .row{ margin:0px; width:100%; } .main-menu .navigation > li > .mega-menu:before, .main-menu .navigation > li .mega-menu-bar h3{ color:#ffffff !important; right:15px; font-size:16px; display:none !important; } .main-menu .navigation > li > .mega-menu, .main-menu .navigation > li .mega-menu-bar > ul{ position:relative; border:none; float:none; visibility:visible; opacity:1; display:none; margin:0px; left:auto !important; right:auto !important; top:auto !important; padding:0px; outline:none; width:100%; background:#2c2c2c; -webkit-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; border-radius:0px; transition:none !important; -webkit-transition:none !important; -ms-transition:none !important; -o-transition:none !important; -moz-transition:none !important; -webkit-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .main-menu .navigation > li .mega-menu-bar .column > ul > li{ border-top:1px solid rgba(255,255,255,1) !important; border-bottom:none; opacity:1 !important; top:0px !important; left:0px !important; visibility:visible !important; } .main-menu .navigation > li .mega-menu-bar .column > ul > li > a{ padding: 10px 10px !important; line-height:22px; color:#ffffff !important; background:#ffb200; text-align:left; font-size:14px; font-weight:600; text-transform:uppercase; } .main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{ background:#ffb200; } .testimoials-s2-grid-view .testimoials-s2-grid { width: 100%; float: none; } .testimoials-s2-grid-view{ margin: 0; } .faq-section .prod-tabs{ padding: 0; } .blog-modern-section .news-block-four .image-column .image, .blog-modern-section .news-block-three .content-column .inner-column{ margin-left: 0; } } @media only screen and (max-width: 599px){ .main-slider h2{ font-size:30px; } .main-slider .price{ font-size:26px; } .header-top-two, .main-header .header-top .top-left, .services-single .services-tabs .tab-btns .tab-btn:hover:after, .services-single .services-tabs .tab-btns .tab-btn.active-btn:after{ display:none; } .page-title .page-breadcrumb{ margin-top:0px; } .page-title .pull-right, .cart-section .coupon-btn, .cart-section .cart-options .cart-btn, .cart-section .apply-coupon .form-group, .cart-section .cart-options .pull-left, .cart-section .apply-coupon .form-group input[type="text"]{ width:100%; } .main-slider h2{ font-size:24px; line-height:1.3em; } .main-slider h2 span, .services-single .inner-box .lower-content .text h3{ font-size:26px; } .main-slider .theme-btn{ margin-right:10px; } .page-title h1, .main-slider h2.alternate, .welcome-section .content-column .inner-column h2{ font-size:30px; } .main-slider .title, .subscribe-section h2, .news-single .inner-box .lower-content h3, .comming-soon .content .content-inner .text, .services-block-two .inner-box .lower-box h3{ font-size:20px; } .testimonial-block .inner-box{ padding:50px 15px; } .comming-soon .content .content-inner h2{ font-size:40px; } .comming-soon .emailed-form .form-group input[type="submit"], .comming-soon .emailed-form button{ position:relative; width:100%; display:block; margin-top:15px; border-radius:50px; } .services-single .services-tabs .tab-btns .tab-btn{ width:100%; display:block; margin-bottom:12px; text-align:center; } .checkout-form .checkout-title h2, .project-single-section .lower-box h2{ font-size:24px; } .project-single-section .lower-box .title{ font-size:16px; } .prod-tabs .tabs-content .tab .title, .blog-classic .news-block-three .inner-box .lower-content h3{ font-size:18px; } .news-single .inner-box .lower-content .post-share-options .pull-right{ width:100%; margin-top:12px; } .social-icon-three li{ margin-left:0px; margin-right:10px; } .cart-section .apply-coupon .form-group{ margin-right:0px; } .order-box ul li{ padding-left:0px; padding-right:0px; } .teacher-single .teachers-info .teacher-block{ margin:0px 0px 20px; width:100%; } } @media only screen and (max-width: 479px) { .main-header.header-style-two .main-box .logo-box, .main-header.header-style-three .main-box .logo-box{ max-width:200px; float:left; z-index:20; padding-bottom:20px; } .page-title h1{ font-size:24px; } .main-header .search-box-outer .dropdown-menu{ top:44px; } .header-style-two .search-box-outer .dropdown-menu{ top:36px; } .main-header .nav-toggler{ top:0px; } .payment-box .payment-options li .radio-option label img{ padding-left:0px; } .main-slider h2, .news-block .inner-box .lower-content h3{ font-size:20px; line-height:1.2em; } .main-slider h2 span{ font-size:16px; } .login-form{ padding:30px 15px 25px; } .main-slider .text br, .main-slider .contact-number, .testimonial-block-two .inner-box .lower-box .rating, .blog-modern-section .news-block-three .content-column .inner-column:before, .blog-modern-section .news-block-four .content-column .inner-column:before, .services-block-two .inner-box .upper-box .image .icon-box{ display:none; } .header-style-two .nav-outer, .header-style-three .nav-outer{ margin-top:-77px; } .header-style-two .main-box .logo-box, .header-style-three .main-box .logo-box{ padding-bottom:10px; } .services-block .inner-box .upper-box h3{ font-size:14px; } .login-form button{ top:0px; } .services-block .inner-box .lower-box .image .overlay-box .text{ font-size:14px; line-height:1.6em; } .accordion-box .block .acc-btn{ font-size: 16px; line-height: 24px; } .product-section .lower-box .content-column .inner-column h3{ font-size:24px; } .subscribe-form-two .form-group input[type="submit"], .subscribe-form-two button{ position:relative; width:100%; border-radius:5px; margin-top:12px; } .error-section .error-title{ font-size:120px; } .error-section h4{ font-size:24px; } .error-section .text{ font-size:18px; } .styled-pagination li{ margin-right:0px; } .shop-single .product-details .prod-tabs .tab-btns .tab-btn{ width:100%; display:block; text-align:center; margin-bottom:15px; } .payment-box .payment-options li .radio-option .what-paypall{ margin:0px; } .login-form .psw{ margin-top:15px; } .styled-pagination li.prev, .styled-pagination li.next{ display:none; } .blog-modern-section .news-block-three .content-column .inner-column, .blog-modern-section .news-block-four .content-column .inner-column{ margin-left: 0; margin-right: 0; padding:90px 30px 50px 30px; } } /* Theme Color */ a, .theme_color, .list-style-one li .icon, .social-icon-one li a:hover, .list-style-two li .icon, .services-block .inner-box .upper-box h3 a:hover, .main-header .header-top .top-left ul li span, .main-header .info-box .icon-box, .footer-lists li a:hover, .footer-lists li a:before, .news-widget .post .text a:hover, .news-widget .post .post-info li .icon, .team-block .inner-box .lower-box h3 a, .social-icon-two li a:hover, .process-block .inner-box .lower-box h3, .process-block .inner-box .lower-box h3 a, .process-block .inner-box .upper-box .icon-box, .services-block-four .inner-box h3 a:hover, .welcome-section .content-column .inner-column .text h3, .main-header .header-top .top-right .social-nav li a:hover, .gallery-section .filters .filter-tabs .filter.active, .gallery-section .filters .filter-tabs .filter:hover, .testimonial-block .inner-box .author-box .designation, .news-block .inner-box .lower-content h3 a:hover, .news-block .inner-box .lower-content .post-meta li span, .news-block-two .inner-box .content-column h3 a:hover, .news-block-two .inner-box .content-column .post-meta li span, .header-style-two .nav-outer .outer-box .contact-number .icon, .header-style-three .nav-outer .outer-box .contact-number .icon, .services-block-two .inner-box .lower-box h3 a:hover, .portfolio-item-two .overlay-inner h3 a:hover, .portfolio-item-two .overlay-inner .content .tags, .testimonial-block-two .inner-box .quote-icon, .accordion-box .block .icon-outer, .list-style-three li .icon, .page-title .page-breadcrumb li a, .services-block-three .inner-box h3 a:hover, .services-block-four .inner-box:hover .icon-box, .testimonial-block-two .inner-box .lower-box .rating, .news-block-three .inner-box .lower-content h3 a:hover, .time-counter .time-countdown .counter-column, .news-block-three .inner-box .lower-content .post-meta li span, .default-section .testimonial-column .owl-nav .owl-prev:hover, .default-section .testimonial-column .owl-nav .owl-next:hover, .accordion-box.style-two .block .acc-btn.active, .project-list li.social-icons a:hover, .cat-list li.active a, .cat-list li a:hover, .sidebar .popular-posts .post a:hover, .sidebar .popular-tags a:hover, .news-single .inner-box .lower-content .post-meta li span, .social-icon-three li a:hover, .shop-item .inner-box .lower-content .price, .shop-item .inner-box .lower-content .add-cart:hover, .shop-item .inner-box .lower-content .rating .fa, .shop-item .inner-box .lower-content h3 a:hover, .cart-table tbody tr .remove-btn, .sidebar-page-container .comments-area .comment-info .comment-time, .news-single .inner-box .lower-content .post-share-options .tags a:hover, .sidebar .popular-posts .post .post-thumb .overlay-box, .accordion-box.style-two .block .acc-btn.active .icon-outer .icon-minus, .services-single .services-tabs .tab-btns .tab-btn:hover, .services-single .services-tabs .tab-btns .tab-btn.active-btn, .range-slider-one .theme-btn:hover, .sidebar .related-posts .post .rating .fa, .cart-section .totals-table .total .price, .checkout-page .default-links li a, .product-details .basic-details .details-header .rating, .product-details .basic-details .details-header .item-price, .sidebar .related-posts .post a, .sidebar .related-posts .post a:hover, .subscribe-form-three .form-group input[type="submit"], .subscribe-form-three button, .testimonial-block-two .inner-box .lower-box .author-box .author-inner .designation, .projects-section .owl-nav .owl-prev:hover, .projects-section .owl-nav .owl-next:hover, .services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .read-more, .project-page-section .filters .filter-tabs .filter.active, .project-page-section .filters .filter-tabs .filter:hover, .order-box ul li span, .sidebar-page-container .comments-area .comment .comment-inner .rating, .shop-comment-form .rating-box .rating a:hover{ color:#2e55e0; } .sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a{ color:#2e55e0 !important; } /*Background Color*/ .btn-style-one, .sec-title .separater:before, .btn-style-two:hover, .scroll-to-top:hover, .services-block .inner-box .upper-box .icon, .main-menu .navigation > li:before, .project-list li .icon, .testimonial-section .owl-dots .owl-dot, .fact-counter .column .counter-title:before, .team-block .inner-box:hover .lower-box, .subscribe-form .form-group input[type="submit"], .subscribe-form .form-group button, .main-footer .footer-bottom, .header-style-two .header-top, .btn-style-three:hover, .subscribe-section:before, .services-block-three .inner-box .icon-box, .services-section-two .owl-dots .owl-dot, .range-slider-one .ui-state-default, .range-slider-one .ui-widget-content .ui-state-default, .services-block-four .inner-box .icon-box, .comming-soon .content .content-inner .logo:after, .process-block .inner-box:hover .upper-box .icon-box, .process-block .inner-box .upper-box .icon-box .block-number, .accordion-box .block .acc-btn.active .icon-outer .icon-minus, .services-block-two .inner-box .upper-box .image .icon-box, .services-block .inner-box .lower-box .image .overlay-box .link-btn, .main-header .header-lower .outer-box .advisor-box .advisor-btn span, .comming-soon .emailed-form .form-group input[type="submit"], .comming-soon .emailed-form button, .styled-pagination li.prev a:hover, .styled-pagination li.next a:hover, .blog-cat li a:after, .brochure-box:hover, .cart-section .coupon-btn, .cart-section .cart-options .cart-btn:hover, .cart-section .cart-options .cart-btn, .sidebar-title .separater:after, .cart-section .coupon-btn:hover, .shipping-form button, .shipping-form button:hover, .cart-section .totals-table .proceed-btn, .cart-section .totals-table .proceed-btn:hover, .sidebar .search-box .form-group button, .ui-state-active, .ui-widget-content .ui-state-active, .shop-item .inner-box .image .overlay-box .cart-option li a, .sidebar-page-container .comments-area .comment .comment-reply, .shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover, .shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{ background-color:#30abf2; } /*Border Color*/ .btn-style-one, .btn-style-two:hover, .main-menu .navigation > li > ul, .list-style-two li .icon, .btn-style-three:hover, .brochure-box:hover, .portfolio-item-two .overlay-inner, .main-menu .navigation > li > ul > li > ul, .projects-section .owl-nav .owl-prev:hover, .projects-section .owl-nav .owl-next:hover, .process-block .inner-box:hover .upper-box .icon-box, .default-section .testimonial-column .owl-nav .owl-prev:hover, .default-section .testimonial-column .owl-nav .owl-next:hover, .default-form .form-group input[type="text"]:focus, .default-form .form-group input[type="password"]:focus, .default-form .form-group input[type="tel"]:focus, .default-form .form-group input[type="email"]:focus, .default-form .form-group select:focus, .default-form .form-group textarea:focus, .list-style-three li .icon, .styled-pagination li.prev a:hover, .styled-pagination li.next a:hover, .sidebar-page-container .comments-area .comment-box:hover, .comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="password"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus, .range-slider-one .ui-state-default, .range-slider-one .ui-widget-content .ui-state-default, .shop-comment-form .form-group input[type="text"]:focus, .shop-comment-form .form-group input[type="password"]:focus, .shop-comment-form .form-group input[type="tel"]:focus, .shop-comment-form .form-group input[type="email"]:focus, .shop-comment-form .form-group select:focus, .shop-comment-form .form-group textarea:focus, .shipping-form .form-group input[type="text"]:focus, .shipping-form .form-group input[type="password"]:focus, .shipping-form .form-group input[type="tel"]:focus, .shipping-form .form-group input[type="email"]:focus, .shipping-form .form-group select:focus, .shipping-form .form-group textarea:focus, .ui-state-active, .ui-widget-content .ui-state-active, .checkout-form input:focus, .checkout-form select:focus, .checkout-form textarea:focus, .login-form .form-group input[type="text"]:focus, .login-form .form-group input[type="password"]:focus, .login-form .form-group input[type="tel"]:focus, .login-form .form-group input[type="email"]:focus, .login-form .form-group select:focus, .login-form .form-group textarea:focus{ border-color:#2e55e0; } .subscribe-section .title-column:after, .header-style-two .main-menu .navigation > li > a:after, .main-menu .navigation > li:after{ border-bottom-color:#2e55e0; } .subscribe-section .title-column:after{ border-left-color:#2e55e0; } .subscribe-section .title-column:after{ } /*RGBA Color Dark*/ .default-portfolio-item .overlay-box, .fluid-section-one .title-column:before{ background-color:rgba(255,178,0,0.80); } @media only screen and (max-width: 767px){ .main-menu .navbar-header .navbar-toggle{ border-color:#2e55e0; } .main-menu .navbar-header .navbar-toggle, .main-menu .navbar-collapse > .navigation, .main-menu .navbar-collapse > .navigation > li > ul, .main-menu .navbar-collapse > .navigation > li > ul > li > ul, .main-menu .navbar-collapse > .navigation > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > a:hover, .main-menu .navbar-collapse > .navigation > li > a:active, .main-menu .navbar-collapse > .navigation > li > a:focus, .main-menu .navbar-collapse > .navigation > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li.current > a, .main-menu .navbar-collapse > .navigation > li.current-menu-item > a, .header-style-two.inner-header .main-menu .navigation > li > a{ background-color:#2e55e0; } } .cbg{ background: url("../images/hero-bg.svg") no-repeat scroll right -4rem/25% auto, linear-gradient(45deg, #274edf 0%, #3d73e2 45%, #30abf2 100%); } .clogo{ min-width: 220px; max-width: 220px; } #cmap{ width: 100%!important; min-height: 400px!important; } .header-style-two{ color: #FFF } .fa{ color: #FFF !important; } .fa-blue{ color: #2e55e0 !important; } .mts{ margin-top: 11px; } .header-style-two .main-menu .navigation > li.current > a, .header-style-two .main-menu .navigation > li > a{ text-transform: none; } .navbar-toggler{ border-color: #FFF; border: 1px solid #FFF; padding-top: 10px; } .icon-bar { display: block; width: 22px; height: 2px; background-color: #fff; border-radius: 1px; margin-bottom: 4px; }