/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/ /*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700'); @import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); /*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif; 2) font-family: 'Poppins', sans-serif; ----------------------------------------*****/ /*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/ @import url(animate.min.css); @import url(normalize.css); @import url(icomoon.css); @import url(css/font-awesome.min.css); @import url(meanmenu.css); @import url(owl.carousel.min.css); @import url(swiper.min.css); @import url(slick.css); @import url(jquery.fancybox.min.css); @import url(jquery-ui.css); @import url(nice-select.css); /*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/ @charset "utf-8";#wpnb_popBoxOut{position:fixed;left:50%;top:10%;display:none;z-index:999999}#wpnb_popBox{position:absolute;width:800px;height:auto!important;background:#fff;z-index:999999;left:-400px;padding:20px;border:2px solid #eee;border-radius:5px;box-shadow:0 0 5px #111;height:450px;display:none}#wpnb_hideBody{opacity:.4;filter:alpha(opacity=40);background:#0592f0;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999998;display:none}#wpnb_popClose{position:absolute;top:-11px;right:-16px;height:30px;width:auto;opacity:.4;filter:alpha(opacity=40);cursor:pointer;z-index:999999}#wpnb_popClose:hover{opacity:01;filter:alpha(opacity=100)}.wpnbnews ul li{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #eee;padding-bottom:10px;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing:content-box!important}.wpnbnews ul li img{width:35%;height:auto;background:#F9F9F9;border:1px solid #ddd;border-radius:4px;padding:4px;box-shadow:1px 1px 3px #ccc;float:left;margin:5px 8px 5px 0}.wpnbnews ul li a{float:right}.pluga1c2r{display:none!important}.wpnb_trg{cursor:pointer}.clrFixia{clear:both}.wpnb{display:none}.wpnb h1{line-height:180%;color:#333;font-size:24px;font-weight:400;padding:5px 5px 10px;border-bottom:1px solid #eee;margin:0 0 10px}.wpnb img{float:left;margin:10px 15px 10px 0}.wpnb p{line-height:22px}.wpnb .pop{color:#333333;line-height:165%;height:345px;overflow:auto;padding:10px}.wpnb_date{text-align:right;font-style:italic}body.single-wpnbnews aside.widget_wpnb_widget{display:none!important}body.single-wpnbnews article.wpnbnews{position:static !important;} @charset "utf-8"; /* CSS Document */ /*CSS front page*/ .accordion-icons { height: 16px; width: 16px; } .accordion-plus.arrow-double { background: url("icons/arrow-double.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .accordion-minus.arrow-double{ background: url("icons/arrow-double.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0); } .accordion-plus.arrow-dark { background: url("icons/arrow-dark.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .accordion-minus.arrow-dark{ background: url("icons/arrow-dark.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0); } .accordion-plus.arrow-naked { background: url("icons/arrow-naked.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .accordion-minus.arrow-naked{ background: url("icons/arrow-naked.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0); } .accordion-plus.arrow-round-inside-2 { background: url("icons/arrow-round-inside-2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .accordion-minus.arrow-round-inside-2{ background: url("icons/arrow-round-inside-2.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0); } .accordion-plus.arrow-thin { background: url("icons/arrow-thin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .accordion-minus.arrow-thin{ background: url("icons/arrow-thin.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0); } .accordion-plus.plus-minus { background: url("icons/plus-minus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .accordion-minus.plus-minus{ background: url("icons/plus-minus.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0); } /* Author: http://codecanyon.net/user/Vasterad Item: Web Font Social Icons Version: 1.0 */ .entry-content ul.ptwsi_social-icons, .page-content ul.ptwsi_social-icons, .post-content ul.ptwsi_social-icons, .content ul.ptwsi_social-icons, ul.ptwsi_social-icons { overflow: hidden; list-style: none; margin: 0px; padding: 0px } .widget ul.ptwsi_social-icons li:before { content: none; margin: 0px; padding: 0px; float: none; } .entry-content ul.ptwsi_social-icons li, .content ul.ptwsi_social-icons li, ul.ptwsi_social-icons li { display: inline; float: left; margin-right: 4px; margin-left: 0px; } .widget ul.ptwsi_social-icons li a { display: inline-block; padding: 0px; text-decoration: none !important; } .widget ul.ptwsi_social-icons li:first-child a { margin-top: 0px } a.ptwsi-social-icon { width: 42px; height: 42px; text-decoration: none; display: inline-block; background-color: #f2f2f2; color: #a0a0a0; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; overflow: hidden; } a.ptwsi-social-icon.small { width: 22px; height: 22px; } div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } span.wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ @font-face { font-family: 'revicons'; src: url('../font/revicons.eot?5510888'); src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../font/revicons.woff?5510888') format('woff'), url('../font/revicons.ttf?5510888') format('truetype'), url('../font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('../font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .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'; } /* 'î ¨' */ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-static-layers { position:absolute; z-index:505; top:0px;left:0px} .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-layer-inner-rotation { position: relative !important;} /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto;} /****************************** - WRAPPER STYLES - ******************************/ .rev_slider_wrapper{ position:relative; } .rev_slider_wrapper >ul { visibility:hidden; } .rev_slider{ position:relative; overflow:visible; } .rev_slider img{ max-width:none !important; -moz-transition: none 0; -webkit-transition: none 0; -o-transition: none 0; transition: none 0; margin:0px; padding:0px; border-width:0px; border:none; } .rev_slider .no-slides-text{ font-weight:bold; text-align:center; padding-top:80px; } .rev_slider >ul{ margin:0px; padding:0px; list-style: none !important; list-style-type: none; background-position:0px 0px; } .rev_slider >ul >li, .rev_slider >ul >li:before{ list-style:none !important; position:absolute; visibility:hidden; margin:0px !important; padding:0px !important; overflow-x: visible; overflow-y: visible; list-style-type: none !important; background-image:none; background-position:0px 0px; text-indent: 0em; } .tp-revslider-slidesli, .tp-revslider-mainul { padding:0 !important; margin:0 !important; list-style:none !important;} .tp-simpleresponsive >ul, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before { list-style:none; padding:0 !important; margin:0 !important; list-style:none !important; overflow-x: visible; overflow-y: visible; background-image:none } .tp-simpleresponsive >ul li{ list-style:none; position:absolute; visibility:hidden; } .rev_slider .tp-caption, .rev_slider .caption { position:absolute; visibility:hidden; white-space: nowrap} .tp-simpleresponsive img { max-width:none} /* ADDED FOR SLIDELINK MANAGEMENT */ .tp-caption { z-index:1} .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important} .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video {max-width: none !important} /****************************** - WRAPPER STYLES END - ******************************/ /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - IE8 HACKS ENDS - *******************************/ /******************************** - FULLSCREEN VIDEO - *********************************/ .tp-caption.coverscreenvideo { width:100%;height:100%;top:0px;left:0px;position:absolute;} .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none} .fullcoveredvideo video, .fullscreenvideo video { background: #000} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#0c91eb; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .tp-caption:hover .tp-video-play-button { opacity: 1;} .html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position: relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .html5vid .tp-revstop { display:none} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,0,0)), color-stop(1, rgb(50,50,50)) ); display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor:pointer; line-height:12px; font-size:12px; color:#fff; padding:0px; margin:0px; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; } .tp-video-seek-bar-wrap { width:80%} .tp-video-vol-bar-wrap { width:20%} .tp-volume-bar, .tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;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)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthabanner{ width:100%; position:relative; } /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img { /*-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000;*/ } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute; -webkit-font-smoothing: antialiased !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(../assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:30px; bottom:-30px} .tp-bannershadow.tp-shadow2 { background:url(../assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} .tp-bannershadow.tp-shadow3 { background:url(../assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} /****************************** - BUTTONS - *******************************/ .tp-button{ padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; text-decoration:none; } .tp-button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top} .purchase:hover, .tp-button:hover, .tp-button.big:hover { background-position:bottom, 15px 11px} /*@media only screen and (min-width: 480px) and (max-width: 767px) { .tp-button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } a.tp-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important} a.tp-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } }*/ /* BUTTON COLORS */ .tp-button.green, .tp-button:hover.green, .purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-button.blue, .tp-button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68} .tp-button.red, .tp-button:hover.red, .purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212} .tp-button.orange, .tp-button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00} .tp-button.darkgrey,.tp-button.grey, .tp-button:hover.darkgrey,.tp-button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222} .tp-button.lightgrey, .tp-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555} /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.navbar-old { background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../assets/bullet.png) no-repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.png) no-repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../assets/bullet_boxed.png) no-repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:10px} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../assets/navigdots.png) no-repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(1000px); -webkit-transform-style: preserve-3d; } .tparrows .tp-arr-imgholder { display: none} .tparrows .tp-arr-titleholder { display: none} .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left.png) no-repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right.png) no-repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left.png) no-repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right.png) no-repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left_boxed.png) no-repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right_boxed.png) no-repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowleft.png) no-repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowright.png) no-repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; vertical-align: top; } .tp-bullets.tp-thumbs img { vertical-align: top} .fullwidthbanner-container .tp-thumbs { padding:3px} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { visibility: hidden; width:100%; height:5px; /*background:url(../assets/timer.png);*/ background: #fff; background: rgba(0,0,0,0.15); position:absolute; z-index:200; top:0px} .tp-bannertimer.tp-bottom { top:auto; bottom:0px !important;height:5px} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ /* NAVIGATION PREVIEW 1 */ .tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent} .tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s} .tp-rightarrow.preview1:after { content: '\e825'; } .tp-leftarrow.preview1:after { content: '\e824'; } .tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa; } .tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview1 .tp-arr-iwrapper { -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} .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1} .tp-rightarrow.preview1 .tp-arr-imgholder { right:100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tp-leftarrow.preview1 .tp-arr-imgholder { left:100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1, .tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1, .tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview1, .tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px} } /* PREVIEW 1 BULLETS */ .tp-bullets.preview1 { height: 21px; } .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; /*-webkit-border-radius: 10px; border-radius: 10px;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0px; } .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important; } /* NAVIGATION PREVIEW 2 */ .tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; overflow:hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s } .tp-rightarrow.preview2:after { content: '\e81e'; right:18px; } .tp-leftarrow.preview2:after { content: '\e81f'; left:18px; } .tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #0c91eb; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding:0px 10px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left:50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width:300px} .tparrows.preview2:hover { background:#fff} .tparrows.preview2:hover:after { color:#0c91eb} .tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute; } /* PREVIEW 2 BULLETS */ .tp-bullets.preview2 { height: 17px; } .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0px; } .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } .tp-arr-titleholder.alwayshidden { display:none !important} @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:11px} .tp-leftarrow.preview2:after { content: '\e81f'; left:11px} .tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:35px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:35px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:25px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:25px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} .tparrows.preview2:hover { width:30px !important; height:30px !important} } /* NAVIGATION PREVIEW 3 */ .tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat; } .tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s} .tparrows.preview3:hover:after { color:#0c91eb; } .tp-rightarrow.preview3:after { content: '\e825'; } .tp-leftarrow.preview3:after { content: '\e824'; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0;position: absolute; background:#0c91eb; background: rgba(0,0,0,0.75); display: table;min-height:90px;top:-10px} .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px; position:relative;top:0px; } .tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px} .tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px} .tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle} .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1,1); transform: scale(1,1); } /* PREVIEW 3 BULLETS */ .tp-bullets.preview3 { height: 17px; } .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0px; } .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} .tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px} .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px} .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px} .tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px; } } @media only screen and (max-width: 767px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} } /* NAVIGATION PREVIEW 4 */ .tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000} .tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } .tp-rightarrow.preview4:after { content: '\e825'; } .tp-leftarrow.preview4:after { content: '\e824'; } .tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat} .tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px} .tparrows.preview4 .tp-arr-iwrapper { position: relative} .tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px; position:relative;top:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px; position:absolute;top:0px; left:180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px} .tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -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; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%} .tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%} @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)} .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)} .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } } /* PREVIEW 4 BULLETS */ .tp-bullets.preview4 { height: 17px; } .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0px; } .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width:20px; height:80px} .tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px} .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important} } /*************************************** - RESPONSIVE SETTINGS - ****************************************/ /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat} .tp-caption.slidelink a span { background:url(../assets/coloredbg.png) repeat} /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(../assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(../assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -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: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s 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%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* Default style for WP-PageNavi plugin http://wordpress.org/extend/plugins/wp-pagenavi/ */ .wp-pagenavi { clear: both; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000; } .wp-pagenavi span.current { font-weight: bold; } /* =================================================================== */ /* Import Section ====================================================================== */ @import url("css/base.css"); /* Default Reset, Typography, Forms, etc. */ @import url("css/skeleton.css"); /* 960 Grid + Media Query Layouts */ @import url("css/fancybox.css"); /* FancyBox Styles */ /* =================================================================== */ /* Header ====================================================================== */ #header {min-height: 100px;} /* Logo / Tagline ====================================*/ #logo { margin-top: 22px; } #logo a img{float: left;} .logo { float: left; } h2.logo, h1.logo { font-size: 30px; line-height: 50px; } #tagline { color: #888; border-left: 1px solid #e9e9e9; margin: 0px 0 0 20px; padding: 5px 0 5px 20px; float: left; } /* Contact Details ====================================*/ #contact-details { float: right; margin-top: 20px; display: block; } #contact-details li { display: inline; padding-left: 10px; margin-left: 10px; border-left: 1px solid #e9e9e9; } #contact-details li:first-child { border: none; margin-left: 0; padding:0 } #contact-details i {margin-right: 5px; margin-top: 3px;} #contact-details a {color: #707070;} #contact-details a:hover {color: #888;} /* Search Form ====================================*/ .search-form .search-text-box { position: absolute; right:10px; width: 54px; background-color: transparent; border: none; color: transparent; font-size: 13px; padding: 18px 0; cursor: pointer; background: url("images/search-ico.png") 5% 50% no-repeat; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-box-shadow: none; box-shadow: none; } .search-form .search-text-box:focus { font-size: 14px; background-color: transparent; padding: 16px 18px 16px 58px; width: 150px; border: none; color: #fff; cursor: text; } /* Main Navigation ====================================*/ .selectnav { display: none; cursor: pointer; width: 100%; padding: 8px; height: 37px; float: left; font-size: 14px; margin: 15px 0; } #navigation { background: #a57970; display: block; width: 100%; float: left; max-height: 52px; margin: 0 0 15px 0; } #navigation ul, #navigation li { list-style:none; padding:0; margin:0; display:inline; } #navigation ul li{ float:left; position:relative; } #navigation ul li a { display: inline-block; color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; background-color: #078cf2; padding: 17px 25px; } #navigation ul li a:hover { color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #current { background: #888 !important; color: #fff !important; } #navigation ul ul { position: absolute; display: none; top: 51px; left: 0; background: #078cf2; z-index: 999; } #navigation ul ul li a {color: #aaa;} #navigation ul ul li.hover > a, #navigation ul ul li a:hover { color: #fff; } #navigation ul ul li a { display: block; width: 150px; margin: 0; padding: 9px 18px; font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 13px; border-bottom: 1px solid #444; background: none; } #navigation ul ul ul { position: absolute; top:0px; left:100%; z-index: 999; } #navigation ul ul ul li a { border-bottom: 1px solid #444 !important; border-top: 1px solid transparent; background: none; } #navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border-bottom: 1px solid transparent} #navigation ul ul ul li:last-child a {border-bottom: 1px solid transparent !important} #navigation ul li:hover>ul {opacity: 1; position:absolute; top:99%; left:0;} #navigation ul ul li:hover>ul {position:absolute; top:0; left:100%; opacity: 1; z-index:497;} #navigation ul li:hover > a { background: #888; } /* =================================================================== */ /* LayerSlider ====================================================================== */ /* LayerSlider 2011-2014 George Krupa, John Gera & Kreatura Media Plugin web: http://kreaturamedia.com/ Licenses: http://codecanyon.net/licenses/ */ /* Layerslider Navigation */ .slider .tp-leftarrow.default, .slider .tp-rightarrow.default { width: 40px; height: 40px; display: block; background-color: #0794f2; bottom: 30px; right: 30px; float: none; position: absolute; z-index: 10000; cursor: pointer; background-color: #0794f2; background: rgba(0, 0, 0, 0.65); *bottom: 50px; font-size: 23px; font-family: "FontAwesome"; color: #fff; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; -ms-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .slider .tp-rightarrow.default:before { content: "\f105"; top: 8px; left: 16px; position: relative; } .slider .tp-leftarrow.default:before { content: "\f104"; top: 8px; left: 16px; position: relative; } /* =================================================================== */ /* Flexslider ====================================================================== */ .page-template-template-home-flex-php .slider, .home .slider { margin-bottom: 35px } /* Browser Resets ====================================*/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Necessary Styles ====================================*/ .flexslider {margin: 0; padding: 0; min-height: 100px} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides > li {position: relative; zoom: 1; display: none; -webkit-backface-visibility: hidden;} .flexslider .slides > li:first-child { display: block; } .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flexslider {position: relative; zoom: 1; z-index: 50;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* Default Styles ====================================*/ .flexslider { background: #fff; zoom: 1; } .ie7 .flexslider {margin-bottom: -30px;} .flex-viewport {max-height: 2000px;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .loadingflex { background:url(images/loader.gif) no-repeat center; min-height: 100px } /* Direction Nav ====================================*/ .flex-direction-nav a { width: 35px; height: 35px; display: block; background-color: #078cf2; bottom: 20px; right: 20px; float: none; position: absolute; cursor: pointer; text-indent: -9999px; background-color: #078cf2; background: rgba(0, 0, 0, 0.65); *bottom: 50px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .flex-direction-nav .flex-next { background-image: url(images/slider-control-right.png); background-repeat: no-repeat; background-position: 52% 50%; } .flex-direction-nav .flex-prev { margin-right: 36px; background-image: url(images/slider-control-left.png); background-repeat: no-repeat; background-position: 48% 50%; } .flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover { opacity: 1; } .subpage .flex-direction-nav a {bottom: 0px; right: 0px; *bottom: 30px;} /* Control Nav ====================================*/ .flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; } .flex-control-nav li { margin: 0 3px 0 0; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 14px; height: 14px; display: block; background: #c8c8c8; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background: #505050; } .flex-control-paging li a.flex-active { cursor: default; } /* Caption ====================================*/ .slide-caption { width: 30%; padding: 22px; margin: 0 0 20px 20px; position: absolute; display: block; left: 0; bottom: 0; background-color: #078cf2; background: rgba(0, 0, 0, 0.7); } .slide-caption.n {background-color: #078cf2; background: rgba(0, 0, 0, 0.6);} .slide-caption h3 { color: #fff; font-size: 16px; padding-bottom: 10px; margin:0; line-height: 22px; } .slide-caption p { margin:0; line-height: 19px; color: #bbb; } /* ------------------------------------------------------------------- */ /* Royal Slider ---------------------------------------------------------------------- */ .royalSlider > .rsContent { visibility: hidden; } #basic-slider, .basic-slider.royalSlider, #home-slider.royalSlider, #portfolio-slider.royalSlider, #product-slider-no-thumbs, #product-slider, #product-slider-vertical { width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .slide-caption { position: absolute; bottom: 0px; background: #c0c0c0; padding: 20px; } .slide-caption h3 { color: #fff } .centum-variation-holder img { margin-bottom: 20px; } .slider-padding { padding-right: 20px; margin-bottom: 50px; } .single-portfolio .slider-padding { margin-bottom: 25px; } .royalSlider { width: 560px; height: 560px; position: relative; direction: ltr; display: none; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); } .royal-caption { position: absolute; bottom:0; left:0; background: rgba(0,0,0,0.3); color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 8px 16px; text-align: center; } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position:absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color:rgba(0,0,0,0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVideoContainer { width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; } img.rsImg { max-width: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } #wrapper img.rsImg { width: 100% } .grab-cursor { cursor:url(grab.png) 8 8, move; } .grabbing-cursor{ cursor:url(grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left:0; top:0; position:absolute; width:100%; height:100%; display:block; z-index: 20; background: url(blank.gif); } /* Directional Navigation (Next/Prev) ------------------------------------- */ .rsDefault .rsArrow { height: 100%; width: 36px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsDefault.rsHor .rsArrowLeft { bottom: 0; right: 37px; } .rsDefault.rsHor .rsArrowRight { bottom: 0; right: 0px; } .rsDefault .rsArrowIcn { width: 40px; height: 40px; display: block; background-color: #078cf2; bottom: 30px; right: 30px; float: none; position: absolute; z-index: 10000; cursor: pointer; background-color: #078cf2; background: rgba(0, 0, 0, 0.65); *bottom: 50px; font-size: 23px; font-family: "FontAwesome"; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .rsDefault .rsArrowIcn:hover { background-color: #808080; } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before, .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before { position: relative; top: 6px; left: 14px; } .post-img .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before, .post-img .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before { top: 7px; left: 14px; } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before { content: "\f104"; } .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before { content: "\f105"; } /* Thumbnails ------------------------------------- */ .rsDefault .rsThumbsHor { width: 100%; height: 105px; } .rsDefault .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsDefault.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsDefault .rsThumb { float: left; overflow: hidden; width: 96px; height: 105px; } #wrapper #product-slider-vertical .rsDefault .rsThumb img { width: 95px; } .rsDefault .rsThumb img { width: 100%; height: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; opacity: 0.5; filter: alpha(opacity=50); } .rsDefault .rsThumb.rsNavSelected img, .rsDefault .rsThumb:hover img { opacity: 1; filter: alpha(opacity=100); } .rsDefault .rsTmb { display: block; } /* Thumbnails Arrow Icons */ .rsDefault .rsThumbsArrow { height: 100%; width: 30px; margin-top: 10px; position: absolute; display: block; cursor: pointer; z-index: 21; background: #c0c0c0; color: #fff; font-family: "FontAwesome"; font-size: 13px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; visibility: visible; } .rsThumbsVer .rsThumbArrow { top:0 !important; } .rsDefault .rsThumbsArrow:hover { background: #808080; } .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; bottom: 0px; } .rsDefault.rsWithThumbsVer .rsThumbsArrow.rsThumbsArrowLeft { top: 0px; margin-top: 0px; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn:before, .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn:before { top: 0; left: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn:before { content: "\f053"; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn:before { content: "\f054"; } .rsDefault .rsThumbsArrowIcn { top: 47%; left: 50%; position: absolute; cursor: pointer; margin-top: -12px; margin-left: -4px; } .rsDefault .rsThumbsArrowDisabled { opacity:0; visibility: hidden; } .rsDefault .rsThumbsVer .rsThumbsArrowIcn { margin-left: -10px } .rsUni.rsWithThumbsVer { } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn:before { content: "\f077"; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn:before { content: "\f078"; } /* Preloader */ .rsDefault .rsPreloader { width:20px; height:20px; background-image:url(images/preloader.gif); left:50%; top:50%; margin-left:-10px; margin-top:-10px; } /* Direction Nav ====================================*/ #home-slider.rsDefault .rsArrowIcn, #portfolio-slider.rsDefault .rsArrowIcn { width: 40px; height: 40px; display: block; background-color: #0592f0; bottom: 30px; right: 30px; float: none; position: absolute; z-index: 10000; cursor: pointer; background-color: #078cf2; background: rgba(0, 0, 0, 0.65); *bottom: 50px; font-size: 23px; font-family: "FontAwesome"; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before { content: "\f105"; top: 7px; left: 16px; position: relative; } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before { content: "\f104"; top: 7px; left: 16px; position: relative; } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn { margin-right: 4px; } #home-slider.rsDefault .rsArrowIcn:hover, #portfolio-slider.rsDefault .rsArrowIcn:hover{ background-color:#888; opacity: 1; color: #fff } /* Caption ====================================*/ .slide-caption { width: 30%; padding: 22px; margin: 0 0 30px 30px; position: absolute; display: block; left: 0; bottom: 0; background-color: #078cf2; background: rgba(0, 0, 0, 0.7); } .slide-caption h3 { color: #fff; font-size: 16px; padding-bottom: 7px; margin: 0; line-height: 22px; } .slide-caption p { margin: 0; line-height: 23px; font-size: 14px !important; color: #bbb; } /* LayerSlider Caption Styles */ .slide-caption.alt h3 { font-size: 23px; line-height: 32px; margin-bottom: 5px; } #layerslider .slide-caption { margin: 0; position: relative; display: block; } #layerslider .slide-caption { top: 305px !important; } @media only screen and (min-width: 960px) and (max-width: 1389px) { #layerslider .slide-caption { top: 194px !important } } @media only screen and (min-width: 768px) and (max-width: 959px) { #layerslider .slide-caption { top: 80px !important } } #layerslider .slide-caption.alt { padding: 30px 25px 30px 35px; top:0 !important; } /* =================================================================== */ /* Icon Boxes ====================================================================== */ .icon-box-container {margin: 35px 0 25px 0; float:left;} .icon-boxes-container {margin: 10px 0 -5px 0; float:left;} .icon-box p, .icon-box h3 {margin-left: 43px;} .icon-box h3 {line-height: 34px;} .icon-box i { float: left; font-size: 26px; color: #404040; margin: 5px 0 0 0; } .icon-box i:before { } /* =================================================================== */ /* Miscellaneous Styles ====================================================================== */ .ie-dropdown-fix { position: relative; z-index: 55;} /* About ====================================*/ .team-name { padding: 15px 0; border-bottom: 1px solid #e9e9e9; margin-bottom: 15px; } .team-name h5 { line-height: 18px; } .team-name span { display: block; font-size: 14px; font-weight: normal; color: #888; } .team-about p { padding: 0 0 15px 0; border-bottom: 1px solid #e9e9e9; margin-bottom: 15px; } /* Images Overlay ====================================*/ .picture {position: relative;} .picture img {width: 100%; height: auto;} .image-overlay-link, .image-overlay-zoom { height: 100%; width: 100%; left: 0; top: 0; position: absolute; z-index: 40; display: none; background-color: #222; background: rgba(0, 0, 0, 0.5); background-repeat: no-repeat; background-position: 50%; cursor: pointer; font-family: "FontAwesome"; font-size: 18px; } .image-overlay-zoom:before, .image-overlay-link:before { border-radius: 50%; width: 55px; height: 55px; display: block; position: relative; background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; top: 50%; left: 50%; margin-top: -27px; margin-left: -27px; text-align: center; vertical-align: middle; } .image-overlay-zoom:after, .image-overlay-link:after { position: absolute; color: #fff; top: 50%; left: 50%; -webkit-transform: translate(-46%,-46%); -moz-transform: translate(-46%,-46%); -o-transform: translate(-46%,-46%); transform: translate(-46%,-46%); } .image-overlay-link:after { content: "\f0c1"; } .image-overlay-zoom:after { content: "\f002"; } /* Headline ====================================*/ .headline { background: url(images/headline-bg.png) 0 50% repeat-x; display: block; margin: 30px 0 18px 0; } .no-margin {margin-top: 0;} .low-margin {margin-top: 15px;} .headline h3, .headline h4 { background-color: #fff; display: inline; padding: 0 10px 0 0; } /* Page Title ====================================*/ #page-title { border-bottom: 1px solid #e9e9e9; display: block; margin: 0 0 30px 0; overflow: hidden; position: relative; } #page-title h1, #page-title h2 { font-weight: normal; padding: 19px 0 35px 0; font-size: 24px; line-height: 30px; } #page-title h1.has-breadcrumbs, #page-title h2.has-breadcrumbs { padding-bottom: 0px; float: left; } #page-title span { color: #aaa; } #bolded-line { text-indent: -9999px; height: 3px; width: 100px; display: block; background: #888; position: absolute; bottom:-1px; } /* =============================================================== */ /* Breadcrumbs ================================================================ */ #breadcrumbs { padding: 0px 0px 26px; color: #888; margin: 30px 0 10px; float: right } #breadcrumbs li { display: inline; margin-right: 4px; padding-right: 10px; position: relative;} #breadcrumbs li :before { content: "\f105"; font-family: "FontAwesome"; top: 2px; font-family: 11px; right: 0px; position: absolute; } #breadcrumbs li.current_element:last-child { background: none} #breadcrumbs li a { color: #888; } #breadcrumbs li span {margin: 0 5px;} #breadcrumbs li i {opacity: 0.3; margin: 0 3px 0 0;} /* Client Logo List ====================================*/ .client-list li { border: 1px solid #e5e5e5; float: left; margin: -1px 0 0 -1px; } /* =================================================================== */ /* Portfolio ====================================================================== */ .portfolio-item { margin: 5px 0 25px 0; } /* Thumbnails ====================================*/ .item-description {margin-bottom: 30px;} .item-description.alt {margin-bottom:0;} .item-description.related {margin-bottom:0;} .item-description h5 { font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: bold; line-height: 16px; padding: 15px 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #e9e9e9; letter-spacing: 0; } .item-description h5 span { display: block; color: #888; font-weight: normal; margin-top: 3px; } .item-description a {color:#404040;} .item-description a:hover {color:#707070;} .item-description p {color: #707070; margin-bottom: 0;} /* Filters ====================================*/ #filters { position: absolute; text-align: right; right: 0; display: block; margin: -65px 2px 0 0; } #filters ul li { display: inline; } #filters a { padding: 7px 12px; border: 1px solid #ddd; display: inline-block; color: #888; background-color: #fff; margin: 0 5px 10px 0; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #filters a:hover, .selected { background-color: #888 !important; border: 1px solid #888 !important; color: #fff !important; } /* Portfolio Navigation ====================================*/ #portfolio-navi { position: absolute; right: 0; display: block; margin: -70px 10px 0 0; } #portfolio-navi ul li { display: inline; } #portfolio-navi a { width: 38px; height: 38px; padding: 0; border: 1px solid #ddd; display: inline-block; color: #888; background-color: #fff; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 22px; font-family: "FontAwesome"; color: #c0c0c0; } .ie7 #portfolio-navi a {margin-left: 3px;} #portfolio-navi a:hover { background-color: #888 !important; border: 1px solid #888 !important; color: #fff !important; } #portfolio-navi .next:before { content: "\f105"; top: 8px; left: 15px; position: relative; } #portfolio-navi .prev:before { content: "\f104"; top: 8px; left: 15px; position: relative; } #portfolio-navi .prev.off:before, #portfolio-navi .next.off:before { color:#eee; } /* Portfolio Info ====================================*/ .project-info { margin-bottom: 15px; } .project-info li { margin-bottom: 3px; } .project-info .button { margin-bottom: 30px !important; } .launch { margin-bottom: 30px; } .project-tags { margin-top: 15px; } .project-tags strong { float: left; margin: 5px 10px 20px 0; } .project-info-horizontal { margin-bottom: 50px; } .project-info-horizontal li { float: left; margin-right: 20px; } /* Isotope Filtering ====================================*/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** Disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* Disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* =================================================================== */ /* Footer ====================================================================== */ #footer, #footer p, #footer a{color: #aaa} #footer a:hover {color: #fff;} #footer .headline, .footer-headline { background: url(images/headline-footer-bg.png) 0 50% repeat-x; display: block; margin: 15px 0 8px 0; } .no-margin {margin-top: 0;} #footer .headline h4, .footer-headline h4 { background-color: #078cf2; display: inline; padding: 0 10px 0 0; color: #fff; } /* Links List ====================================*/ #footer li a { color: #a4a4a4; display: block; padding: 3px 0; } .widget ul li:before { content: "\f0da"; position: relative; font-family: "FontAwesome"; margin-left: 2px; font-size: 12px; color: #ddd; margin-top: 3px; float: left; } .blog-sidebar .widget ul li { line-height: normal; } .widget .flickr-widget ul li, #footer .flickr-widget li a, #footer .flickr-widget li a { padding: 0px; } .widget .flickr-widget li a { margin-left:0px; } .widget .flickr-widget ul li:before, #footer .flickr-widget li a:before, #footer .flickr-widget li a:before { display: none; } .widget li a { color: #666; display: block; margin-left: 15px } #footer .widget_recent_comments li a, #footer .widget_categories li a, #footer .widget_archive li a, .widget_recent_comments li a, .widget_categories li a, .widget_archive li a { display: inline-block; margin-left: 10px } #footer .widget_recent_comments li a, .widget_recent_comments li a { margin:0px; display: inline; font-weight: 600 } #footer .widget_recent_comments .comment-author-link, .widget_recent_comments .comment-author-link { padding-left: 10px } .widget ul li { padding: 3px 0; } .widget ul li a:hover {color: #888} .rsswidget { font-weight: bold; } .rsswidget img { float: left; margin-top: 8px; margin-right: 7px; } .rssSummary { padding: 5px 0px } .widget_rss cite { font-style: italic; } .rss-date { text-transform: uppercase; font-size: 11px; } .widget.woocommerce:not(.widget_product_categories) li { overflow: hidden; } .widget.woocommerce:not(.widget_product_categories) li:before{ content: ""; display: none; } .widget.woocommerce:not(.widget_product_categories) li a { margin:0px; display: inline; } .widget.woocommerce:not(.widget_product_categories) li .product-title { display: block; margin-top: 15px; } .widget.woocommerce:not(.widget_product_categories) li .rating { display: inline; } .links-list-alt li a:before { color: #d0d0d0; } .links-list-alt li a { color: #707070; display: block; padding: 3px 0; background: url(images/links-list-arrow-02.png) no-repeat left 47%; } .links-list li a:hover {color: #fff} .links-list-alt li a:hover {color: #888} .links-list li:first-child a, .links-list-alt li:first-child a { margin: -3px 0 0 0; } /* Photo Stream ====================================*/ .flickr-widget {margin-right: -12px; margin-top: 15px;} .flickr-widget img {display: block; width: 100%;} .flickr-widget a:hover {border-color: #505050;} .flickr-widget a { float: left; width: 78px; height: 78px; margin-right: 11px; margin-bottom: 11px; border: 4px solid #404040; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ie7 .flickr-widget a {width: 54px; height: 54px;} /* Footer - Twitter Widget ====================================*/ #twitter { font-size: 14px; float: left; display: block; color: #aaa; } #twitter b a, #twitter b a:hover {color: #707070} #twitter li { line-height: 21px; margin: 2px 0px 12px 34px; } #twitter li:before { content: "\f0da"; font-family: "FontAwesome"; position: absolute; font-size: 20px; color: #666; margin-left: -32px; } #twitter li:last-child {padding: 0; margin: 0; margin-left: 34px;} #twitter a {color: #fff;} #twitter a:hover {color: #d4d4d4;} /* Footer Bottom ====================================*/ #footer-bottom { border-top: 1px solid #3c3c3c; margin-top: 25px; padding: 22px 0 25px 0; } #footer-bottom a {color: #fff} #footer-bottom a:hover {color: #d4d4d4;} /* Back To Top ====================================*/ #scroll-top-top { position: absolute; right: 10px; bottom: 28px; } #scroll-top-top a { width: 40px; height: 40px; display: block; background-color: #888; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; } #scroll-top-top a:before { font-size: 14px; font-family: "FontAwesome"; color: #fff; content: "\f106"; top: 9px; left: 13px; position: relative; font-size: 22px; } #scroll-top-top a:hover {background-color: #aaa;} /* =================================================================== */ /* Contact ====================================================================== */ /* Google Map ====================================*/ #google-map { position: relative; padding: 0px; padding-bottom: 110%; height: 0; overflow: hidden; } /* Contact Details ====================================*/ .contact-details li { margin: 0 0 15px 0; } .contact-details p { margin: -5px 0 0 20px; line-height: 18px; } .contact-details li i { float: left; margin: 2px 0 0 0; } /* Contact Form ====================================*/ .field textarea { max-width: 97%; min-width: 97%; height: 180px; margin: 5px 0 15px 0; } .field input { width: 240px; margin-bottom: 15px; } .field:focus {border: 1px solid #ddd;} .field label span {color:#ea1c1c;} .field .validation-error, .field .validation-error:focus { border:1px solid #f2c4c2; background: #ffeceb; } .loading { background:url(images/loader.gif) no-repeat 1px; height:28px; width:28px; float: left; margin: 5px 0 0 10px; display: none; } a.button.loading:before,button.button.loading:before,input.button.loading:before,#respond input#submit.loading:before,#content input.button.loading:before { content:""; position:absolute; top:0; right:0; left:0; bottom:0; background:url(../images/loading) center no-repeat rgba(255,255,255,0.65) } .success-message .notification {margin-bottom: 20px;} .success-message {display:none;} .form-spacer {margin-top: 20px;} /* =================================================================== */ /* Blog ====================================================================== */ /* Posts ====================================*/ .post { border-bottom: 1px solid #e9e9e9; padding: 0 0 15px 0; margin: 5px 0 35px 0; } .single .post { border: 0px; margin-bottom: 0px; } .post.post-page {border-bottom: none; margin-bottom: 0;} .post-content {margin: 22px 0 0 65px;} .post-content ul { list-style: circle; margin: 10px 0px 20px 20px; } .post-content ol { margin: 10px 0px 20px 20px; } .post-content ol li, .post-content ul li { margin:6px 0px; } /* Icons */ .post-icon { float: left; width: 40px; height: 40px; display: inline-block; background-color: #888; background-repeat: no-repeat; background-position: 50%; text-align: center; } .post-icon i { color: #fff; position: relative; top:10px } .post.has-thumbnail.hidden-thumbnail.format-gallery .post-icon, .post.has-thumbnail.hidden-thumbnail.format-audio .post-icon, .post.has-thumbnail.hidden-thumbnail.format-video .post-icon, .post.has-thumbnail.hidden-thumbnail.format-standard .post-icon { margin-top: 6px; } .post.has-thumbnail.format-gallery .post-icon, .post.has-thumbnail.format-audio .post-icon, .post.has-thumbnail.format-video .post-icon, .post.has-thumbnail.format-standard .post-icon { margin-top:30px; } .search-results .portfolio .post-icon, .search-results .page .post-icon { display:none} .search-results .portfolio .post-content, .search-results .page .post-content { margin: 22px 0 0 0px } /* Tags */ .post-meta { color: #888; margin: 8px 0 15px 0; } .post-meta a { color: #888; text-decoration: none; } .post-meta a:hover { color: #707070; } .post-meta i { margin-right: 5px; zoom: 1; color: #aaa; top: -1px; position: relative; } .post-meta span { margin-right: 10px; } /* Title */ .post-title h1, .post-title h2 { line-height: 30px; } .post-title h1 a, .post-title h2 a { font-size: 24px; font-weight: normal; color: #404040; position: relative; line-height: 30px; top: 3px; } .post-title h1 a:hover, .post-title h2 a:hover { color: #707070; } /* Entry */ a.post-entry { margin: 3px 0 10px 0; } .post.page, body .post.post-page { border-bottom: none; margin-bottom: 0; padding-bottom: 0px; } /* Pagination ====================================*/ .pagination { margin-bottom: -10px; } .woocommerce-pagination li { display: inline-block; } .pagination .pages, .pagination .current, .pagination a, .woocommerce-pagination a, .woocommerce-pagination span, .pagination li { padding: 8px 12px; border: 1px solid #ddd; display: inline-block; *float: left; background: #fff; color: #888; margin-right: 6px; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } span.page-numbers.current, .pagination .current { color: #fff; } .woocommerce-pagination a:hover { color: #fff; } .ie7 .pagination li {margin-right: 5px;} .pagination .current:hover, .pagination a:hover, .pagination li { background: #888; border: 1px solid #888; color: #fff; } /* Widgets ====================================*/ .widget {margin-top: 25px;} .first.widget {margin-top: -5px;} .first.widget {margin-top: -5px;} .search input { width: 82%; padding-left: 30px; color: #888; background:url(images/search-ico-alt.png) no-repeat 5% 54% } /* Tags */ .tagcloud a { padding: 6px 12px; border: 1px solid #ddd; display: inline-block; color: #888; background: #fff; margin: 0 3px 6px 0; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 1px; } .tagcloud a:last-child {margin-right:0;} .tagcloud a:hover { background: #888; border: 1px solid #888; color: #fff; } #footer strong { color: #aaa; } #footer .widget select, #footer .tagcloud a { background-color: #242424; border-color: #303030; box-shadow: none; } /* Popular Posts */ .latest-post-blog { margin-bottom: 18px; } .latest-post-blog p { margin: 0; color: #707070; line-height: 19px; margin-left: 75px; } .latest-post-blog p a {color: #707070; display: block;} .latest-post-blog p a:hover {color: #888;} .latest-post-blog.no-thumb p { margin-left:0px;} .latest-post-blog p span { color: #888; margin: 5px 0 0 0; display: block; } .latest-post-blog img { float: left; width: 55px; height: 55px; border: 1px solid #ddd; padding: 4px; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); } /* Twitter */ #twitter-blog li { line-height: 21px; margin: 0 0 15px 34px; } #twitter-blog li:before { content:"\f099"; font-family: "FontAwesome"; position: absolute; font-size: 20px; color: #d0d0d0; margin-left: -32px; } #twitter-blog li:last-child {margin-bottom: 0;} #twitter-blog b a { color: #888; font-weight: normal; } /* Flickr */ .blog-sidebar .flickr-widget {margin-right: -15px;} .blog-sidebar .flickr-widget img {display: block; width: 100%;} .blog-sidebar .flickr-widget a { float: left; width: 78px; height: 78px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ddd; padding: 4px; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); } .ie7 .blog-sidebar .flickr-widget a {width: 53px; height: 53px;} #twitter { font-size: 14px; float: left; display: block; color: #aaa; } #twitter b a, #twitter b a:hover {color: #707070} #twitter li { line-height: 21px; margin: 2px 0px 12px 34px; } #twitter li:before { content: "\f099"; font-family: "FontAwesome"; position: absolute; font-size: 20px; color: #666; margin-left: -32px; } #twitter li:last-child {padding: 0; margin: 0; margin-left: 34px;} #twitter a {color: #fff;} #twitter a:hover {color: #d4d4d4;} /* Blog Post ====================================*/ /* Comments */ #comments { margin-top: 30px; } .comments-sec { float:left; width:100%; line-height: 20px; margin-top: -15px; } ol.commentlist { float:left; width:100%; margin: 0; } ol.commentlist li { float:left; border-top: 1px solid #e7e7e7; padding: 25px 0 20px 0; } ol.commentlist li:first-child { border:none; padding: 25px 0 0px 0; } ol.commentlist li {list-style: none;} ol li ol.childlist{ float:right; width:89%; margin:0px; } ol.commentlist li ol.childlist li:first-child { border-top: 1px solid #e9e9e9; padding: 25px 0 0 0; font-size: 14px; } ol.commentlist li ol.childlist li { border-top: 1px solid #e9e9e9; margin:25px 0 15px 0; font-size: 14px; } .comments { float:left; width:100%; } .comments-amount {color: #888;} ol li ol.childlist .comment-des { float:right; width:89%; } .avatar {float:left} .comment-des{ float:right; width:90%; } .comment-des strong { float:left; padding-right:5px; font-size:14px; } .comment-des span { float:left; color:#888; } .comment-by { float:left; width:100%; padding-bottom:10px; padding-top:5px; color: #000; } .ie7 .comment-by span.reply span {display: none;} .comment-by span.reply { color:#888; float:right; display: inline; } .comment-by span.reply a { float: right; height: 17px; margin-left: 5px; font-weight: normal; float:right; } .comment-by span.date { color:#888; padding-right: 7px; float: right; } .ie7 .comment-by .date {display: none;} /* =================================================================== */ /* Pricing Tables ====================================================================== */ .five-tables .pricing-table { width: 235px; } .four-tables .pricing-table { width: 294px; } .three-tables .pricing-table { width: 392px; } .two-tables .pricing-table { width: 589px; } .pricing-table { float: left; margin: 1px 0 0 1px; } .pricing-table h3 { font-size: 16px; text-align: center; color: #fff; padding: 6px 0; margin: 0; } .pricing-table li { color: #888; background: #fdfdfd; text-align: center; padding: 11px 0; border-bottom: 1px solid #fff; } .pricing-table li:nth-child(2n) { background: #f4f4f4; } .pricing-table h4 { padding:0 0 10px } a.sign-up { text-align: center; display: block; color: #fff; padding: 12px 0; font-weight: bold; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.sign-up:hover { opacity: 0.9; filter: alpha(opacity=90); color: #fff } /* Table ====================================*/ .pricing-table h3, .pricing-table h4 { color: #fff; margin: 0; } .pricing-table h4 { padding: 15px 0; } .price, .time { display: block; text-align: center; line-height: 24px; } .price { font-size: 24px; font-weight: normal; } .time { font-size: 14px; font-weight: normal; } /* Color Schemes ====================================*/ /* Color - 1 */ .pricing-table .color-1 h3, .color-1 .sign-up {background-color: #808080;} .pricing-table .color-1 h4 {background-color: #909090;} /* Color - 2 */ .pricing-table .color-2 h3, .color-2 .sign-up {background-color: #404040;} .pricing-table .color-2 h4 {background-color: #4c4c4c;} /* Color - 3 */ .pricing-table .color-3 h3, .color-3 .sign-up {background-color: #6eac28;} .pricing-table .color-3 h4 {background-color: #81b942;} /* =================================================================== */ /* Shortcodes ====================================================================== */ /* Buttons ====================================*/ .added_to_cart, .button, input[type="submit"], input[type="button"] { padding: 7px 12px; display: inline-block; border: 0px; font-family: "Open Sans", sans-serif; font-weight: bold; cursor: pointer; width: auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 0px 0px 0px 0px; } input[type="submit"] { color: #fff; } input[type="button"] {float: left;} .button.medium {padding: 9px 17px; font-size: 14px;} .button.gray {color: #fff;background: #444;} .button.gray:hover {background:#888;} .added_to_cart, .button.light {color:#fff; background:#aaa;} .button.light:hover {background:#888;} .button.color {color:#fff; background:#888;} .button.color:hover {background:#aaa; color: #fff} /* Input Button */ input[type="button"] {color:#fff; background:#888;} input[type="button"]:hover {background:#aaa; color: #fff} .item-description a.added_to_cart { color: #fff;} /* Accordion ====================================*/ .toggle-trigger, .acc-trigger { cursor: pointer; border: 1px solid #dedede; outline: none; color: #888; margin: 10px 0; display: block; background: #fbfbfb; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); position: relative; overflow: hidden; } .toggle-trigger a, .acc-trigger a { /* background: url(images/accordion-plus.png) no-repeat right 55%; */ display: block; color: #888; outline: none; padding: 13px 15px; text-decoration: none; font-weight: bold; } .toggle-trigger a:before, .acc-trigger a:before { content: "\f067"; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; color: #aaa; float: right; top: 0; right: 0; position: absolute; background: #fff; height: 100%; width: 46px; text-align: center; padding-top: 15px; border-left: 1px solid #dedede; } .toggle-trigger.active a:before, .acc-trigger.active a:before { cursor: default; content: "\f068"; } .toggle-trigger a:hover, .toggle-trigger.active a, .acc-trigger a:hover, .acc-trigger.active a { color: #404040; } .toggle-container .content {padding: 2px 15px 5px 15px;} .acc-container .content {padding: 2px 15px 5px 15px;} .content p {margin-bottom: 0;} /* Tabs ====================================*/ .tabs-nav { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; } .tabs-nav li { float: left; line-height: 38px; padding: 0; position: relative; margin: 0 0 -1px 0; } .tabs-nav li a { background-color: #fafafa; border: 1px solid #ddd; border-right: none; border-bottom: 1px solid #ddd; color: #888; display: block; letter-spacing: 0; outline: none; padding: 0 16px; text-decoration: none; } .ie7 .tabs-nav li a {height: 35px;} .tabs-nav li:first-child a {border-left: 1px solid #ddd;} .tabs-nav li:last-child a {border-right: 1px solid #ddd;} .tabs-nav li.active a { color: #404040; font-weight: 600 } .tabs-nav li.active a i {opacity: 1; filter: alpha(opacity=100);} .tabs-nav li i {opacity: 0.5; filter: alpha(opacity=50);} .tabs-nav li a:hover {background: #fff;} .tabs-nav li.active a { background: #fff; border-bottom: 2px solid #fff; } .tabs-container { border: 1px solid #ddd; margin: -1px 0 20px; overflow: hidden; width: 100%; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); line-height: 23px; } .tab-content {padding: 20px;} /* Alert Boxes ====================================*/ #result .success, div.wpcf7-response-output, .woocommerce-message, .woocommerce-error, .woocommerce-info, .notification { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 15px; position: relative; padding: 14px 40px 14px 18px; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); } .single-product .woocommerce-message { margin: 0px 25px 35px; padding-right: 18px; } .notification p {margin: 0;} .notification span {font-weight: bold;} .notification.success { background-color: #EBF6E0; color: #5f9025; border: 1px solid #b3dc82; } .woocommerce-error, .notification.error { background-color: #ffe9e9; color: #de5959; border: 1px solid #fbc4c4; } div.wpcf7-response-output.wpcf7-validation-errors, div.wpcf7-response-output.wpcf7-validation-errors strong, .notification.warning { background-color: #FBFADD; color: #8f872e; border: 1px solid #ded58a; } .woocommerce-message, .woocommerce-info, .notification.notice { background-color: #E9F7FE; color: #5091b2; border: 1px solid #b6d7e8; } .woocommerce-message { min-height: 25px; padding-top: 20px; } .woocommerce-message .wc-forward { float: right; color: #5091b2 } .woocommerce-message a { font-weight: 600 } .notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close { padding: 0px 14px; position: absolute; right: 0; top: 22px; display: block; height: 8px; cursor: pointer; } .notification.success .close {background: url(images/alert_boxes_close_ico.png) 0 -8px no-repeat;} .notification.error .close {background: url(images/alert_boxes_close_ico.png) 0 0 no-repeat;} .notification.warning .close {background: url(images/alert_boxes_close_ico.png) 0 -16px no-repeat;} .notification.notice .close {background: url(images/alert_boxes_close_ico.png) 0 -24px no-repeat;} #tab-description ul{ list-style: circle; margin:10px 15px; } /* Tooltip ====================================*/ .tooltip { position: absolute; z-index: 1020; display: block; padding: 5px; font-size: 13px; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .tooltip.top { margin-top: -2px; } .tooltip.right { margin-left: 2px; } .tooltip.bottom { margin-top: 2px; } .tooltip.left { margin-left: -2px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top: 5px solid #444; border-right: 5px solid transparent; border-left: 5px solid transparent; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #444; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-right: 5px solid transparent; border-bottom: 5px solid #444; border-left: 5px solid transparent; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; } .tooltip-inner { max-width: 200px; padding: 4px 10px; color: #ffffff; text-align: center; text-decoration: none; background-color: #444; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .tooltip-arrow { position: absolute; width: 0; height: 0; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; padding: 2px; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } /* Carousel */ .carousel-disabled, .mr-rotato-disabled, .mr-rotato-next, .mr-rotato-prev { border: 1px solid #ddd; display: inline-block; margin-right: 1px; height: 30px; width: 30px; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: block; position: absolute; margin-top: -51px; font-size: 20px; font-family: "FontAwesome"; color: #c0c0c0; } .mr-rotato-next { background-color: #fff; right: -1px; z-index: 6; } .mr-rotato-next:before { content: "\f105"; top: 4px; left: 13px; position: relative; } .mr-rotato-prev:before { content: "\f104"; top: 4px; left: 11px; position: relative; } .mr-rotato-prev { background-color: #fff; right: 34px; -webkit-box-shadow: 3px 0px 0px 0px #fff; box-shadow: 3px 0px 0px 0px #fff; z-index: 5; } .mr-rotato-prev:hover, .mr-rotato-next:hover { background-color: #888; border-color: #888; color: #fff; } /* Blockquote ====================================*/ blockquote { border-left: 4px solid #e7e7e7; padding-left: 20px; color: #888; line-height: 20px; margin: 5px 0 20px 0; } /* Social Icons ====================================*/ #header .social-icons li { -moz-transform: scale(0.85); -webkit-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); margin-right: -2px; } /* Header Icons */ #header .social-icons { margin: 0; float: right; } .social-icons.about { float: left; margin: 0 0 0 -5px; } /* Author: http://codecanyon.net/user/Vasterad Item: Web Font Social Icons Version: 1.0 */ .social-icons li { display: inline; float: left; margin-right: 4px; } .social-icons li a { width: 42px; height: 42px; display: inline-block; background-color: #f2f2f2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; overflow: hidden; } /* Common Styles */ .social-icons li a i { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; z-index: 20; } .social-icons li a:hover, .social-icons li a i { color: #fff; } .social-icons li a i { top: -30px; opacity:0; } .social-icons li a:hover i { top: 0; opacity: 1; } .twitter:before, .wordpress:before, .facebook:before, .linkedin:before, .steam:before, .tumblr:before, .github:before, .delicious:before, .instagram:before, .xing:before, .amazon:before, .dropbox:before, .paypal:before, .lastfm:before, .gplus:before, .yahoo:before, .pinterest:before, .dribbble:before, .flickr:before, .reddit:before, .vimeo:before, .spotify:before, .rss:before, .youtube:before, .blogger:before, .appstore:before, .digg:before, .evernote:before, .fivehundredpx:before, .forrst:before, .stumbleupon:before, .skype:before, .dribbble:before { font-family: "fontello"; font-size: 16px; line-height: 16px; color: #a0a0a0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; position: absolute; z-index: 20; } /* Icon Styles */ .twitter:before {font-size: 14px;} .twitter i, .twitter:before { margin: 13px 0 0 12px; } .twitter:before { content: "\54"; top: 0; opacity:1; } .twitter:hover:before { top: 30px; opacity: 0; } .twitter:hover { background-color: #3bc1ed; } .dribbble i, .dribbble:before { margin: 13px 0 0 13px; } .dribbble:before { content: "\44"; top: 0; opacity:1; } .dribbble:hover:before { top: 30px; opacity: 0; } .dribbble:hover { background-color: #ef5a92; } .facebook i, .facebook:before { margin: 13px 0 0 16px; } .facebook:before { content: "\66"; top: 0; opacity:1; } .facebook:hover:before { top: 30px; opacity: 0; } .facebook:hover { background-color: #4a6d9d; } .linkedin i, .linkedin:before { margin: 13px 0 0 13px; } .linkedin:before { content: "\4c"; top: 0; opacity:1; } .linkedin:hover:before { top: 30px; opacity: 0; } .linkedin:hover { background-color: #0b7bb5; } .delicious i, .delicious:before { margin: 13px 0 0 13px; } .delicious:before { content: "\23"; top: 0; opacity:1; } .delicious:hover:before { top: 30px; opacity: 0; } .delicious:hover { background-color: #3274d1; } .paypal i, .paypal:before { margin: 13px 0 0 13px; } .paypal:before { content: "\24"; top: 0; opacity:1; } .paypal:hover:before { top: 30px; opacity: 0; } .paypal:hover { background-color: #2e689a; } .gplus i, .gplus:before { margin: 13px 0 0 13px; } .gplus:before { content: "\2b"; top: 0; opacity:1; } .gplus:hover:before { top: 30px; opacity: 0; } .gplus:hover { background-color: #d53824; } .stumbleupon i, .stumbleupon:before { margin: 13px 0 0 11px; } .stumbleupon:before { content: "\2f"; top: 0; opacity:1; } .stumbleupon:hover:before { top: 30px; opacity: 0; } .stumbleupon:hover { background-color: #eb4924; } .fivehundredpx i, .fivehundredpx:before { margin: 13px 0 0 11px; } .fivehundredpx:before { content: "\30"; top: 0; opacity:1; } .fivehundredpx:hover:before { top: 30px; opacity: 0; } .fivehundredpx:hover { background-color: #444; } .pinterest i, .pinterest:before { margin: 13px 0 0 15px; } .pinterest:before { content: "\31"; top: 0; opacity:1; } .pinterest:hover:before { top: 30px; opacity: 0; } .pinterest:hover { background-color: #cb1f25; } .forrst i, .forrst:before { margin: 13px 0 0 15px; } .forrst:before { content: "\3a"; top: 0; opacity:1; } .forrst:hover:before { top: 30px; opacity: 0; } .forrst:hover { background-color: #40833e; } .digg i, .digg:before { margin: 13px 0 0 12px; } .digg:before { content: "\3b"; top: 0; opacity:1; } .digg:hover:before { top: 30px; opacity: 0; } .digg:hover { background-color: #205685; } .spotify i, .spotify:before { margin: 13px 0 0 13px; } .spotify:before { content: "\3d"; top: 0; opacity:1; } .spotify:hover:before { top: 30px; opacity: 0; } .spotify:hover { background-color: #6ca405; } .reddit i, .reddit:before { margin: 13px 0 0 12px; } .reddit:before { content: "\3e"; top: 0; opacity:1; } .reddit:hover:before { top: 30px; opacity: 0; } .reddit:hover { background-color: #404040; } .appstore i, .appstore:before { margin: 13px 0 0 14px; } .appstore:before { content: "\41"; top: 0; opacity:1; } .appstore:hover:before { top: 30px; opacity: 0; } .appstore:hover { background-color: #c0c0c0; } .blogger i, .blogger:before { margin: 13px 0 0 15px; font-size: 14px !important; } .blogger:before { content: "\42"; top: 0; opacity:1; } .blogger:hover:before { top: 30px; opacity: 0; } .blogger:hover { background-color: #ff6501; } .dribbble i, .dribbble:before { margin: 13px 0 0 13px; } .dribbble:before { content: "\44"; top: 0; opacity:1; } .dribbble:hover:before { top: 30px; opacity: 0; } .dribbble:hover { background-color: #ef5a92; } .evernote i, .evernote:before { margin: 13px 0 0 15px; } .evernote:before { content: "\45"; top: 0; opacity:1; } .evernote:hover:before { top: 30px; opacity: 0; } .evernote:hover { background-color: #6bb130; } .flickr i, .flickr:before { margin: 13px 0 0 13px; } .flickr:before { content: "\46"; top: 0; opacity:1; } .flickr:hover:before { top: 30px; opacity: 0; } .flickr:hover { background-color: #136dd5; } .rss i, .rss:before { margin: 13px 0 0 14px; font-size: 14px !important; } .rss:before { content: "\52"; top: 0; opacity:1; } .rss:hover:before { top: 30px; opacity: 0; } .rss:hover { background-color: #fe8f00; } .youtube i, .youtube:before { margin: 13px 0 0 14px; font-size: 18px !important; } .youtube:before { content: "\55"; top: 0; opacity:1; } .youtube:hover:before { top: 30px; opacity: 0; } .youtube:hover { background-color: #bf2f29; } .vimeo i, .vimeo:before { margin: 13px 0 0 13px; font-size: 14px !important; } .vimeo:before { content: "\56"; top: 0; opacity:1; } .vimeo:hover:before { top: 30px; opacity: 0; } .vimeo:hover { background-color: #4c8ab0; } .xing i, .xing:before { margin: 13px 0 0 14px; } .xing:before { content: "\58"; top: 0; opacity:1; } .xing:hover:before { top: 30px; opacity: 0; } .xing:hover { background-color: #036568; } .yahoo i, .yahoo:before { margin: 13px 0 0 11px; } .yahoo:before { content: "\59"; top: 0; opacity:1; } .yahoo:hover:before { top: 30px; opacity: 0; } .yahoo:hover { background-color: #9251a2; } .amazon i, .amazon:before { margin: 13px 0 0 12px; } .amazon:before { content: "\61"; top: 0; opacity:1; } .amazon:hover:before { top: 30px; opacity: 0; } .amazon:hover { background-color: #2f3842; } .steam i, .steam:before { margin: 13px 0 0 11px; } .steam:before { content: "\62"; top: 0; opacity:1; } .steam:hover:before { top: 30px; opacity: 0; } .steam:hover { background-color: #383838; } .dropbox i, .dropbox:before { margin: 13px 0 0 13px; } .dropbox:before { content: "\64"; top: 0; opacity:1; } .dropbox:hover:before { top: 30px; opacity: 0; } .dropbox:hover { background-color: #2c92dd; } .github i, .github:before { margin: 13px 0 0 13px; } .github:before { content: "\67"; top: 0; opacity:1; } .github:hover:before { top: 30px; opacity: 0; } .github:hover { background-color: #5c7381; } .lastfm i, .lastfm:before { margin: 13px 0 0 11px; } .lastfm:before { content: "\6c"; top: 0; opacity:1; } .lastfm:hover:before { top: 30px; opacity: 0; } .lastfm:hover { background-color: #d21309; } .tumblr i, .tumblr:before { margin: 13px 0 0 15px; } .tumblr:before { content: "\74"; top: 0; opacity:1; } .tumblr:hover:before { top: 30px; opacity: 0; } .tumblr:hover { background-color: #3d658d; } .wordpress i, .wordpress:before { margin: 13px 0 0 14px; } .wordpress:before { content: "\77"; top: 0; opacity:1; } .wordpress:hover:before { top: 30px; opacity: 0; } .wordpress:hover { background-color: #383838; } .instagram i, .instagram:before { margin: 13px 0 0 14px; } .instagram:before { content: "\f31f"; top: 0; opacity:1; } .instagram:hover:before { top: 30px; opacity: 0; } .instagram:hover { background-color: #3f6f94; } .skype i, .skype:before { margin: 13px 0 0 14px; } .skype:before { content: '\e811'; top: 0; opacity:1; } .skype:hover:before { top: 30px; opacity: 0; } .skype:hover { background-color: #3f6f94; } /* Web Font */ @font-face { font-family: 'fontello'; src: url('font/fontello.eot?25573250'); src: url('font/fontello.eot?25573250#iefix') format('embedded-opentype'), url('font/fontello.woff?25573250') format('woff'), url('font/fontello.ttf?25573250') format('truetype'), url('font/fontello.svg?25573250#fontello') format('svg'); font-weight: normal; font-style: normal; } .social-icons li i { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 16px; font-size: 16px; width: auto; } .icon-delicious:before { content: '\e800'; } /* 'î €' */ .icon-paypal:before { content: '\e801'; } /* 'î ' */ .icon-gplus:before { content: '\e802'; } /* 'î ‚' */ .icon-stumbleupon:before { content: '\e803'; } /* 'î ƒ' */ .icon-fivehundredpx:before { content: '\e804'; } /* 'î „' */ .icon-pinterest:before { content: '\e805'; } /* 'î …' */ .icon-forrst:before { content: '\e806'; } /* 'î †' */ .icon-digg:before { content: '\e807'; } /* 'î ‡' */ .icon-spotify:before { content: '\e808'; } /* 'î ˆ' */ .icon-reddit:before { content: '\e809'; } /* 'î ‰' */ .icon-vk:before { content: '\e80a'; } /* 'î Š' */ .icon-blogger:before { content: '\e80b'; } /* 'î ‹' */ .icon-dribbble:before { content: '\e80c'; } /* 'î Œ' */ .icon-evernote:before { content: '\e80d'; } /* 'î ' */ .icon-flickr:before { content: '\e80e'; } /* 'î Ž' */ .icon-linkedin:before { content: '\e80f'; } /* 'î ' */ .icon-rss:before { content: '\e810'; } /* 'î ' */ .icon-skype:before { content: '\e811'; } /* 'î ‘' */ .icon-twitter:before { content: '\e812'; } /* 'î ’' */ .icon-youtube:before { content: '\e813'; } /* 'î “' */ .icon-vimeo:before { content: '\e814'; } /* 'î ”' */ .icon-xing:before { content: '\e815'; } /* 'î •' */ .icon-yahoo:before { content: '\e816'; } /* 'î –' */ .icon-amazon:before { content: '\e817'; } /* 'î —' */ .icon-steam:before { content: '\e818'; } /* 'î ˜' */ .icon-dropbox:before { content: '\e819'; } /* 'î ™' */ .icon-facebook:before { content: '\e81a'; } /* 'î š' */ .icon-github:before { content: '\e81b'; } /* 'î ›' */ .icon-lastfm:before { content: '\e81c'; } /* 'î œ' */ .icon-tumblr:before { content: '\e81d'; } /* 'î ' */ .icon-wordpress:before { content: '\e81e'; } /* 'î ž' */ .icon-android:before { content: '\e81f'; } /* 'î Ÿ' */ .icon-appstore:before { content: '\e820'; } /* 'î ' */ .icon-ebay:before { content: '\e821'; } /* 'î ¡' */ .icon-quora:before { content: '\e822'; } /* 'î ¢' */ .icon-soundcloud:before { content: '\e823'; } /* 'î £' */ .icon-pocket:before { content: '\e824'; } /* 'î ¤' */ .icon-instagram:before { content: '\e825'; } /* 'î ¥' */ /* Table ====================================*/ table, table.standard-table { width:100%; border-collapse: separate; border-spacing: 0; border:none; margin-bottom: 15px; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); } table th, table.standard-table th { border: 1px solid #dddddd; border-right: none; background-color: #fafafa; text-align: left; padding: 10px 15px; color: #404040; vertical-align: top; font-size: 14px; font-weight: bold; } table td:last-child, table.standard-table td:last-child { border-right: 1px solid #ddd; } table th:last-child, table.standard-table th:last-child { border-right: 1px solid #ddd; } table td, table.standard-table td { padding: 10px 15px; border: #e0e0e0 1px solid; border-top: none; border-right: none; } table tr:hover td, table.standard-table tr:hover td {background-color: #fafafa;} dl { margin: 1.6em 0; } dl dt { float: left; width: 180px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; margin-bottom: 1em } dl dd { margin-left: 200px; margin-bottom: 1em } dl.customer_details, dl.variation { margin: 15px 0; } dl.variation dt { width: auto; } dl.customer_details dd, dl.variation dd { margin-left: 80px; } dl.customer_details dt { width: auto; font-weight: 600; min-width: 120px; text-align: left; } /*-------------------------------------------------------------- Galleries --------------------------------------------------------------*/ /* WordPress Gallery ------------------------------------------ */ .gallery { margin-left: -0.5em; margin-right: -0.5em; } .gallery:after { display: table; content: ""; clear: both; } .gallery-item { margin: 0; float: left; padding: 0.5em; box-sizing: border-box; } .gallery-item img { width: 100%; } .gallery-columns-1 .gallery-item { width: 100%; float: none; } .gallery-columns-2 .gallery-item { width: 50% } .gallery-columns-3 .gallery-item { width: 33.3333% } .gallery-columns-4 .gallery-item { width: 25% } .gallery-columns-5 .gallery-item { width: 20% } .gallery-columns-6 .gallery-item { width: 16.6667% } .gallery-columns-7 .gallery-item { width: 14.2857% } .gallery-columns-8 .gallery-item { width: 12.5% } .gallery-columns-9 .gallery-item { width: 11.1111% } .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } #wrapper .gallery-icon img { text-align: center; margin: 0px auto; } .gallery-caption { margin-top: 15px; font-style: 12px } .sticky { } .bypostauthor { } .product_list_widget dl.variation dt { } .product_list_widget dl.variation dd { } /* Responsive Tables */ .st-key { border: none; background-color: #f6f6f6; text-align: left; padding: 10px 20px; color: #606060; vertical-align: top; font-size: 14px; font-weight: 600; width: 40%; border: 1px solid #eee; } .st-val { width: 58%; text-align: left; padding: 10px 20px; border: 1px solid #f0f0f0; border-left:0; } .st-val a { font-weight: 600; } .st-val a:hover { color: #808080; } .st-space { height: 25px; } .st-val .cart-remove {color: #a0a0a0;} .st-val .cart-remove:hover {color: #fff;} .stacktable { width: 100%; } .st-head-row { } .st-head-row img { } .st-head-row.st-head-row-main { display: block;} .stacktable.large-only { display: table; } .stacktable.small-only { display: none; } /* Notice ====================================*/ .large-notice { background-color: #fafafa; border: 1px solid #ddd; padding: 32px; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); } .large-notice h2 { margin-bottom: 10px; } .large-notice p { font-size: 14px; color: #707070; } .large-notice p:last-child { margin-bottom: 0px; } /* List Styles ====================================*/ .list-1 li, .list-2 li, .list-3 li, .list-4 li { list-style: none; margin: 7px 0; margin-left: 2px; } .list-1 li:first-child, .list-2 li:first-child, .list-3 li:first-child, .list-4 li:first-child { margin-top: 0; } .list-1 li:before, .list-2 li:before, .list-3 li:before, .list-4 li:before { content: "\f00c"; font-family: "FontAwesome"; margin: 0 7px 0 0; position: relative; color: #777; } .list-1 li:before { content: "\f00c"; } .list-3 li:before { content: "\f058"; } .list-2 li:before { content: "\f054"; } .list-4 li:before { content: "\f138"; } /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('font/fontawesome-webfont.eot?v=4.3.0'); src: url('font/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('font/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('font/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('font/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-genderless:before, .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } /* Icons Example */ .icons-example ul li i { color: #606060; width: 25px; } .icons-example ul li { margin: 0 0 4px 4px; } /* =================================================================== */ /* Media Queries ====================================================================== */ /* Standard 1180 (devices and browsers) ====================================================================== */ @media only screen and (min-width: 1200px){ .flexslider.home { min-height: 500px; } } /* Smaller than standard 1180 (devices and browsers) ====================================================================== */ @media only screen and (min-width: 960px) and (max-width: 1389px) { #navigation ul li a { padding: 17px 15px } .flickr-widget a { width: 58px; height: 58px; } .client-list img { width: 187px; height: auto; } .five-tables .pricing-table { width: 187px; } .four-tables .pricing-table { width: 234px; } .three-tables .pricing-table { width: 312px; } .two-tables .pricing-table { width: 469px; } } /* Tablet Portrait (devices and browsers) ====================================================================== */ @media only screen and (min-width: 768px) and (max-width: 990px) { #navigation ul li a { padding: 17px 10px } .client-list img { width: 148px; height: auto; } .flickr-widget a, .flickr-widget-blog a { width: 70px; height: 70px } ol li ol.childlist .comment-des { width:86%; } .comment-des{ width:87%; } .five-tables .pricing-table { width: 148px; } .four-tables .pricing-table { width: 186px; } .three-tables .pricing-table { width: 248px; } .two-tables .pricing-table { width: 373px; } } /* All Mobile Sizes (devices and browser) ====================================================================== */ @media only screen and (max-width: 767px) { #breadcrumbs { float: left; } .stacktable.large-only { display: none; } .stacktable.small-only { display: table; } .stacktable.small-only .coupon.apply-coupon { overflow: hidden; margin-bottom: 20px; } .slide-caption, .search-form { display: none; } #tagline { border:0; margin:0; float: left; width: 100%; padding: 10px 0; } #header .social-icons { float: left; margin: 7px 0 0 -3px; } .social-icons.about { display: block; margin-bottom: 30px; } #contact-details { text-align: center; float: left; } .headline { background: none; } #scroll-top-top { display: none; } .icon-box i { margin-left: -10px !important; } .post-meta { display: none; } .post-title h2 { line-height: 26px; margin-bottom: 15px; } .post-icon { margin-top: 28px; } #filters, #portfolio-navi { position: relative; text-align: left; display: block; margin: 0 0 23px 0; } #portfolio-navi { margin: -5px 0 25px 0; } .portfolio-item { margin: 5px 0 25px 0 !important; } .item-description.related { margin-bottom: 30px; } #layerslider .slide-caption { display: none !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) ====================================================================== */ @media only screen and (min-width: 480px) and (max-width: 767px) { .client-list img { width: 139px; height: auto; } .flickr-widget a { width: 53px; height: 53px; } ol li ol.childlist .comment-des { width:82%; } .comment-des{ width:83%; } #portfolio-wrapper img { min-height: 265px; } .five-tables .pricing-table, .four-tables .pricing-table, .three-tables .pricing-table, .two-tables .pricing-table { width: 209px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ====================================================================== */ @media only screen and (max-width: 479px) { .client-list img { width: 149px; height: auto; } ol li ol.childlist .comment-des { width:77%; } .comment-des{ width:78%; } #portfolio-wrapper img { min-height: 189px; } .five-tables .pricing-table, .four-tables .pricing-table, .three-tables .pricing-table, .two-tables .pricing-table { width: 299px; } } /* WooCommerce === */ .products ul, ul.products { margin: 0 0 14px; padding: 0; list-style: none outside; clear: both; } .products { overflow: hidden; } .page-numbers { margin-top: 15px; text-align: center; } .product img { border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .product img:hover { opacity: 0.7; filter: alpha(opacity=70); border-color: #e7e7e7; } .product .item-description h5 { border-bottom: 0px; margin:0px; padding-bottom: 0px; -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; } .product .item-description a:hover h5 { color: #888; } .product .item-description span.price { font-size: 14px; font-weight: 300; display: block; margin: 0; text-align: left } .products .product { margin: 10px 0; display: block; position: relative; } .woocommerce .price { font-size: 16px; font-weight: 700; color: #606060; padding: 1px 0 5px 0; display: block; text-align: left } .single-product .price .amount { color: #666 } .widget.woocommerce li del, .price del { color: #888; text-decoration: line-through; padding: 0; } .widget.woocommerce li ins, .product-list-desc ins, .price ins { /* color: #666; text-decoration: none; display: inline-block; background-color: #ffecb7; padding: 3px 5px; margin: -1px 0 1px 4px; */ color: #666; text-decoration: none; display: inline-block; background-color: #ffecb7; padding: 1px 5px; margin: 0px 0 0px 4px; } span.onsale { min-height:auto; max-height: auto; min-width: auto; padding: 3px 10px; line-height: 19px; font-size: 13px; font-weight: 500; position: absolute; text-align: center; text-transform: uppercase; top: 23px; left: 13px; z-index: 999; margin: 0; color: #fff; } .woocommerce-ordering { margin: 5px 0 10px 0; } .woocommerce-ordering select { cursor: pointer } .orderby { padding: 4px; } .cart-button-wrapper { border-top: 1px solid #e9e9e9; margin-top: 5px; padding-top: 10px; } .woocommerce-pagination .next, .woocommerce-pagination .prev { font-family: "FontAwesome" } .woocommerce-pagination .next:before { content: "\f105"; position: relative; } .woocommerce-pagination .prev:before { content: "\f104"; position: relative; } /* Cart Button */ .cart-btn a.button, .cart-btn .button { padding: 8px 14px 8px 52px; float: left; font-weight: 600; font-size: 14px; border-radius: 0px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .cart-btn .button.adc:before, .cart-btn .button.single_add_to_cart_button:before { content: "\f07a"; position: absolute; font-family: "FontAwesome"; padding: 7px 15px 7px 12px; height: 100%; background: rgba(0,0,0,0.06); top:0; left:0; font-size: 13px; } a.button.checkout.wc-forward:hover, a.button.wc-forward:hover, body .widget_price_filter .price_slider_amount button.button:hover, .cart-btn .button.hovered, .button.wc-backward:hover, .magazine-lead figcaption:hover .button, .wishlist_table .add_to_cart.button:hover, .cart-btn .button:hover { background-color: #606060; } a.button.wc-forward { background: #aaa; color: #fff; } .shipping-calculator-form button.button { background: #aaa; color: #fff } .loading { float: none; height: auto; width: auto; margin:0px; } .widget_shopping_cart_content .buttons a{ width: 36%; text-align: center; color:#fff; } .widget_shopping_cart_content .buttons a:first-child{ margin-right: 5px; } .cart_list.product_list_widget li a { display: block; color: #666; margin-left: 0px; font-size: 14px; font-weight: 600; } .cart_list.product_list_widget li a.remove { display: none; } .product_list_widget .quantity { display: inline-block; } .widget_shopping_cart_content { padding: 18px; display: inline-block; background-color: #f6f6f6; color: #666; width: 85%; padding: 11px 20px 16px 20px; } /* .widget_shopping_cart_content .buttons a { text-transform: none; } */ /* Cart List */ #cart ul { padding: 16px; } .widget.woocommerce.widget_shopping_cart li, #cart ul li { border-bottom: 1px solid #e5e5e5; padding: 13px 0; display: block; overflow: hidden; } #cart ul li:before, .widget.woocommerce.widget_shopping_cart li:before { display: none; content: ""; } .widget.woocommerce.widget_shopping_cart li.empty { border-bottom: 0px solid #e5e5e5; padding: 0px; color: #888; margin-top: 5px; } #cart ul li:first-child { padding: 0 0 13px 0; } #cart ul li:last-child { border-bottom: none; padding: 13px 0 0 0; } #cart ul li:only-child { border-bottom: none; padding: 0px 0 0 0; } .widget.woocommerce.widget_shopping_cart ul.variation { padding: 5px 0px; opacity: 0.7 } .widget.woocommerce.widget_shopping_cart ul.variation li { padding: 0px; border:0px; } #cart ul li a { display: block; color: #666; font-size: 14px; font-weight: 600; } #cart ul li span { float: none; padding: 0; font-size: 13px; color: #a0a0a0; line-height: 18px; } #cart ul li a img { display: inline-block; float: left; padding: 0; width: 55px; height: auto; margin: 0 15px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-amount { padding: 9px 0; text-transform: uppercase; font-size: 12px; background-color: #eee; } .cart-list .arrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #eee; position: absolute; top: -5px; left: 230px; } .cart-amount span { padding: 0 16px; color: #909090; } .cart-buttons { border-top: 1px solid #e5e5e5; padding: 15px 16px 10px 16px; } .cart-buttons a { font-size: 12px; text-transform: uppercase; font-weight: 600; font-size: 13px; color: #fff; display: inline-block; width: 100%; text-align: center; padding: 7px 0px; margin: 0 0 5px 0; background-color: #808080; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; } .cart-buttons a.view-cart { background: #c0c0c0; } .cart-buttons a.checkout { background-color: #808080; } .cart-buttons a.view-cart:before, .cart-buttons a.checkout:before { content:""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: none; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .cart-buttons a.view-cart:hover:before, .cart-buttons a.checkout:hover:before { background-color: #606060; } .cart-buttons a span { position: relative; z-index: 200; } .widget.woocommerce li .attachment-cart-square-thumb, .widget.woocommerce li .attachment-shop_thumbnail { display: block; /* width: 74px; height: 74px; */ float: left; margin: 0 15px 0 0; } #wrapper .widget.woocommerce li .attachment-cart-square-thumb, #wrapper .widget.woocommerce li .attachment-shop_thumbnail { max-width: 74px; border: 1px solid #eee; } .widget.woocommerce li .amount { font-weight: 600 } .widget-product-title { display: block; margin-bottom: 5px; } .widget.woocommerce li a:hover { padding: 0px; } /* Filter By Price ------------------------------------- */ .padding-range { padding: 0 8px; } .widget_price_filter { display: block; position: relative; } .widget_price_filter input { padding: 0; background:0; border: 0; box-shadow: none; margin: 8px 0 0 4px; color: #888; font-weight: 500; display: block; width: 100px; float: left; font-size: 14px; } .widget_price_filter label { float: left; margin: 6px 0 0 0; } .widget_price_filter .button { float: right; padding: 8px 11px; margin: 0; background: #aaa; color: #fff; } #slider-range { margin: 0 0 16px 0; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 17px; height: 17px; margin: -3px 0 0 -8px; cursor: w-resize; } span.ui-slider-handle.ui-state-default.ui-corner-all { background: #ddd; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 11px; display: block; border: 0; background-position: 0; } .widget_price_filter .ui-widget-content { background-color: #f2f2f2; border-radius: 25px; } .widget_price_filter .ui-widget-header { background: #f0f0f0; } .widget_price_filter .ui-state-default { background: #808080; border-radius: 50%; } .widget_price_filter .ui-slider.ui-state-disabled .ui-slider-handle, .widget_price_filter .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .widget_price_filter .ui-slider-horizontal { height: 11px; margin: 0 10px 16px 8px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: 0; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: 0; } .nobr { white-space: nowrap; } .woocommerce .col2-set,.woocommerce-page .col2-set { *zoom: 1; width: 100%; } .woocommerce .col2-set:after,.woocommerce .col2-set:before,.woocommerce-page .col2-set:after,.woocommerce-page .col2-set:before { content: " "; display: table; } .woocommerce .col2-set:after,.woocommerce-page .col2-set:after { clear: both; } .woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1 { float: left; width: 48%; } .woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2 { float: right; width: 48%; } /* Product Page ------------------------------------- */ .product-page { position: relative; } .product-page h1 { font-weight: 600; font-size: 24px; line-height: 30px; } .product-page .price { font-size: 24px; margin: 5px 0 0 0; font-weight: 500; } .product-page del .amount { font-weight: 500; } .product-list-desc ins .amount, .product-page ins .amount { color: #666; font-weight: 600; } .reviews-counter { float: right; position: absolute; top: 2px; right: 0; font-size: 13px; text-transform: uppercase; padding: 0 10px 0 0; color: #a0a0a0; text-align: right; } .reviews-counter .five-stars, .reviews-counter .four-stars, .reviews-counter .three-stars, .reviews-counter .two-stars, .reviews-counter .one-stars { text-align: left; } .reviews-counter .rating { right: -14px; } .reviews-counter a.woocommerce-review-link { position: relative; display: block; margin: -2px 0 0 0; color: #a0a0a0; } div.product div.thumbnails { overflow: hidden; margin-top:15px; } div.product div.thumbnails:before { content: " "; display: table; } .woocommerce #content div.product div.thumbnails a.last, .woocommerce div.product div.thumbnails a.last, .woocommerce-page #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last { margin-right: 0px } .woocommerce #content div.product div.thumbnails a.first, .woocommerce div.product div.thumbnails a.first, .woocommerce-page #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first { clear: both; } .woocommerce #content div.product div.images img, .woocommerce div.product div.images img, .woocommerce-page #content div.product div.images img, .woocommerce-page div.product div.images img { display: block; width: 100%; height: auto; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } .woocommerce #content div.product div.thumbnails:after, .woocommerce div.product div.thumbnails:after, .woocommerce-page #content div.product div.thumbnails:after, .woocommerce-page div.product div.thumbnails:after { clear: both; } .woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a { float: left; width: 30.75%; margin-right: 3.8%; } .product-page .title { padding: 0 0 20px 0; } table.variations, .product-page section { border-bottom: 1px solid #ebebeb; padding: 20px 0; background: transparent; text-align: left; } table.variations td { padding: 0px; } .product-page section.project-section { padding: 0 0 22px 0; } #product-description p:last-child { padding-bottom: 0px } .product-page section p a:after { content: "\f08e "; font-family: "FontAwesome"; margin: 0 1px 0 3px; font-size: 13px; } /* Variables ------------------------------------- */ /* .variations select { display: none; } */ .widget select, .variables select, .variations select { width: 100%; padding: 9px; } .variables label, .variations label { font-weight: 600; color: #606060; } .variables .selectricWrapper { margin: 0px; } .linking .variables .selectric .button:after { border-top-color: #aaa } .variables .customSelect.select-open .selectedValue { background-color: #c0c0c0; color: #fff; } form.cart, .variations_form.cart { overflow: hidden; } table.variations { padding-bottom: 28px; width: 100%; display: block; padding-top: 0px; margin-bottom: 28px; } .reset_variations { margin-left: 0px; margin-top: 15px; display: block; margin-bottom: 25px; border-bottom: 1px solid #ebebeb; padding-bottom: 20px; } .add_to_wishlist { /* display: block; */ display: inline-block; } .add_to_wishlist:before { content: "\f004"; margin-right: 7px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } body .wishlist_table .add_to_cart, body .yith-wcwl-add-button > a.button.alt { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } /* Star Rating */ .rating { box-sizing: content-box; overflow: hidden; position: relative; width: 100px; height: 18px; display: block; } .rating .star-rating { position: relative; width: inherit; display: block; padding: 0; margin: 0; } .rating.five-stars .star-rating:after { content:"\f005 \f005 \f005 \f005 \f005"; } .rating.four-and-half-stars .star-rating:after { content:"\f005 \f005 \f005 \f005 \f089"; } .rating.four-stars .star-rating:after { content:"\f005 \f005 \f005 \f005 "; } .rating.three-and-half-stars .star-rating:after { content:"\f005 \f005 \f005 \f089"; } .rating.three-stars .star-rating:after { content:"\f005 \f005 \f005 "; } .rating.two-and-half-stars .star-rating:after { content:"\f005 \f005 \f089"; } .rating.two-stars .star-rating:after { content:"\f005 \f005 "; } .rating.one-and-half-stars .star-rating:after { content:"\f005 \f089"; } .rating.one-stars .star-rating:after { content:"\f005 "; } .rating .star-rating:after { font-family: "FontAwesome"; color: #ffc741; display: block; position: absolute; font-size: 16px; z-index: 10; letter-spacing: -0.5px; } .rating .star-bg:after { content:"\f005 \f005 \f005 \f005 \f005"; font-family: "FontAwesome"; color: #e0e0e0; display: block; position: absolute; font-size: 16px; z-index: 9; padding: 0; margin: 0; letter-spacing: -0.5px; } /* Quantity ------------------------------------- */ section.linking { border-bottom: 0; padding-top: 20px; } #quantity { position: relative; float: left; } .qty { width: 25px; height: 22px; text-align: center; float: left; padding: 8px 9px; } input.qty { padding: 6px 7px 5px } input.qty, .input-text { font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .quantity input.plus, .quantity input.minus, a.cart-remove { background: #aaa; color: #fff; border: none; float: left; font-family: "FontAwesome"; cursor: pointer; width: 35px; height: 35px; font-size: 10px; outline: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.cart-remove { background-color: #f6f6f6; color: #a0a0a0; } .qtyplus:hover, .qtyminus:hover { background: #808080; color: #fff; } a.cart-remove:hover { background: #df2727; color: #fff; } .quantity input.plus::-webkit-input-placeholder { font-family: fontAwesome; content:"\f067"; } .quantity input.plus::-moz-placeholder::before { font-family: fontAwesome; content:"\f067"; } /* firefox 19+ */ .quantity input.plus:-ms-input-placeholder::before { font-family: fontAwesome; content:"\f067"; } /* ie */ .quantity input.plus:-moz-placeholder::before { font-family: fontAwesome; content:"\f067"; } .quantity input.plus:before { content: "\f067"; } .quantity input.minus:before { content: "\f068"; } .cart-remove:before { content: ""; position: relative; display: block; top: 11px; left: 13px; font-size: 12px; } .qtyplus:before, .qtyminus:before { position: relative; display: block; top: 10px; left: 15px; } .linking button.button { margin: 0 0 0 25px; padding: 9px 15px 9px 52px; float: left; border-radius: 0px; color: #fff; position: relative; } .linking .button.single_add_to_cart_button:before { content: "\f07a"; position: absolute; font-family: "FontAwesome"; padding: 12px 15px 8px 12px; height: 100%; background: rgba(0,0,0,0.06); top:0; left:0; } .linking button.button:hover { background-color: #606060; } .woocommerce-tabs .tab-content h2 { display: none; } .added_to_cart { margin-left: 10px; } #respond { margin-bottom: 20px; } ol.commentlist li:first-child { padding: 15px 0 0px 0; } ol.commentlist li { float: none; } div.avatar { float: left; display: inline-block; position: absolute; left: -90px; } ol.commentlist li { display: block; margin: 0 0 20px 90px; position: relative; } ol.commentlist ul li { margin: 20px 0 0 90px; } ol.commentlist li ul.children li:first-child { border-top: 1px solid #e9e9e9; } ol.commentlist li ul.children li { border-top: 1px solid #e9e9e9; } .comment-des { width: auto; float: none } p.comment-form-rating { margin-bottom: 45px; } p.form-submit { margin-bottom: 0px; } #review_form p.form-submit input { margin-bottom: 0px; color:#fff; } .comment-form textarea { width: 90% } .stars { unicode-bidi: bidi-override; direction: rtl; font-size: 18px; float: left; cursor: pointer; } .stars a { font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block; float: left; padding-right: 2px; font-size: 0px; height: 22px; } .stars span.star:hover { cursor: pointer; } .stars a:before { content: "\f005"; color: #e0e0e0; width: 17px; height: 22px; font-size: 17px; display: block; } .stars a:hover:before, .stars a.active:before, .stars a.prevactive:before { content: "\f005"; color: #FFC741; } table.standard-table.shop_attributes th { width: 150px; } .shop_attributes p { margin-bottom: 0px; } table.standard-table.shop { margin: 0; border-bottom: 1px solid #e0e0e0; border-collapse: separate; border-spacing: 0; } table.standard-table.shop th { border-bottom: none; font-size: 13px; } table.standard-table.shop th{ margin-bottom: -1px; } table.standard-table.shop td { padding: 10px 15px; border: #e0e0e0 1px solid; border-bottom: none; border-right: none; } table.standard-table.shop td:last-child { border-right: 1px solid #e0e0e0; } table.standard-table.shop th:last-child { border-right: 1px solid #e0e0e0; } .order_details.shop_table thead tr:nth-child(odd), .order_details.shop_table tfoot tr:nth-child(odd), #order_review .shop_table thead tr:nth-child(odd), #order_review .shop_table tfoot tr:nth-child(odd), .shop_attributes tr:nth-child(odd), .basic-table tr:nth-child(odd) { background-color: #fafafa; } .shop_table.my_account_orders tbody tr:nth-child(odd){ background-color: #fff; } .shop_table.my_account_orders tbody tr:nth-child(even){ background-color: #fafafa; } .order_details.shop_table tbody tr, #order_review .shop_table tbody tr { background-color: #aaaaaa; color: #fff } .order_details.shop_table tbody tr td, .order_details.shop_table tbody tr td, #order_review .shop_table tbody tr td { border-top: 1px solid #bbb } .shop_table.order_details tbody tr:nth-child(odd) td, #order_review .shop_table tbody tr:nth-child(odd) td, .shop_table.order_details tbody tr:nth-child(odd) td a, #order_review .shop_table tbody tr td a{ color: #fff } .order_details.shop_table tbody tr td.product-name a, #order_review .shop_table tbody tr td.product-name a, .shop_table.order_details tbody tr:nth-child(odd) td.product-name .product-quantity, .order_details.shop_table tbody tr td.product-name .product-quantity, #order_review .shop_table tbody tr td.product-name .product-quantity { color: #fff; } .order_details.shop_table .variation { opacity: 0.7;} #order_review .variation { opacity: 0.7;} .order_details.shop_table .variation strong { color:#fff;} #order_review .variation strong { color:#fff;} .shop_table.order_details tfoot tr:nth-child(odd), .shop_table.order_details tfoot tr:nth-child(even) { background-color: #fafafa; } .my_account_orders thead th { border-bottom: 1px solid #ddd } /* Shopping Cart ------------------------------------- */ table.cart-table { width: 100%; border-collapse: separate; border-spacing: 0; border:none; } table.cart-table th, table.cart-table td.actions { border: none; background-color: #fafafa; text-align: left; padding: 10px 20px; color: #606060; vertical-align: top; font-size: 14px; font-weight: 600; } table.cart-table td { padding: 20px; border-bottom: #eee 1px solid; border-top: none; border-right: none; vertical-align: middle; } table .cart-title a { font-weight: 600; color: #666; } table .cart-title a:hover { color: #808080; } table .cart-total { color: #666; font-weight: 600; } table.cart-table.bottom { margin-top: -1px; } table.cart-table .cart-btns { float: right; } table.cart-table .cart-btns a { margin-left: 10px; display: inline-table; color:#fff;} table.cart-table .cart-btns a:hover { background: #aaa} .stacktable.small-only .cart-btns input, table.cart-table .cart-btns input { color:#fff; background: #aaa} table.cart-table td.actions { padding: 15px; } .stacktable.small-only .cart-btns { margin-top: 20px; } .product-subtotal .amount { font-weight: 600 } /* Cart Totals */ .eight.columns.cart_totals { float: right; margin: 45px 0 0 0; } .cart_totals .cart-table th { vertical-align: top; border-bottom: 1px solid #fff; width: 40%; padding: 10px 15px; } .cart_totals .cart-table td { border-bottom: 1px solid #f0f0f0; padding: 10px 15px; } .cart_totals .cart-table tr:last-child th, .cart_totals .cart-table tr:last-child td {border:0;} .container .page ul#shipping_method label { display: inline; } table.cart-table.subtotals td { padding: 15px; border: none; vertical-align: middle; } a.button.proceed:hover { background-color: #606060; } a.calculate-shipping { text-align: center; display: block; background: #c0c0c0; color: #fff; padding: 10px; text-transform: uppercase; font-weight: 700; font-size: 13px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 10px 0px; } a.calculate-shipping i { font-size: 14px; padding: 0 2px; } a.calculate-shipping:hover { background: #808080; color: #fff; } .apply-coupon input { font-size: 13px; width: 192px; float: left; } .apply-coupon input { background-color: #fff; display: inline-block; float: left; margin: 0; border: 0; } .wc-proceed-to-checkout { margin-top: 20px; } .woocommerce-checkout .woocommerce-info span { margin-right: 5px; } .checkout_coupon { margin-bottom: 20px } .checkout_coupon .apply-coupon .coupon_code { background-color: #fafafa } .showcoupon { color: #5091b2; font-weight: 600 } .apply-coupon input.button { width: auto } .apply-coupon input:focus { background-color: #fff; margin: 0; border: 0; } .cart-table .apply-coupon input.button:focus { background: #606060 } @-moz-document url-prefix() { .apply-coupon input { border: 1px solid #f5f5f5; } .apply-coupon input:focus { border: 1px solid #f5f5f5; } } .woocommerce form .form-row,.woocommerce-page form .form-row { *zoom: 1; } .woocommerce form .form-row:after,.woocommerce form .form-row:before,.woocommerce-page form .form-row:after,.woocommerce-page form .form-row:before { content: " "; display: table; } .woocommerce form .form-row:after,.woocommerce-page form .form-row:after { clear: both; } .woocommerce form .form-row label,.woocommerce-page form .form-row label { display: block; } .woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox { display: inline; } .woocommerce form .form-row select,.woocommerce-page form .form-row select { width: 100%; } .woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .woocommerce form.checkout_coupon .form-row .input-text,.woocommerce-page form.checkout_coupon .form-row .input-text { width: auto; background: #f5f5f5; } .woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last { float: left; width: 47%; overflow: visible; } .woocommerce form .form-row-last,.woocommerce-page form .form-row-last { float: right; } .woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide { clear: both; } .woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select { width: auto; } #ship-to-different-address label { float: left; margin-right: 15px; } #payment { background:#f8f8f8; border-top: 1px solid #e5e5e5; } #payment ul.payment_methods { text-align:left; padding:1em; border-bottom:1px solid #e0dadf; margin:0; list-style:none outside } #payment ul.payment_methods:after { content:""; display:block; clear:both } #payment ul.payment_methods li { line-height:2em; text-align:left; margin:0; font-weight:normal } #payment ul.payment_methods li label.payment-label { display: block; } #payment ul.payment_methods li input { margin: 6px 9px 0 0; float: left; } #payment ul.payment_methods li img { vertical-align: top; display: inline; margin:-2px 0 0 .5em; position:relative } #payment div.form-row { padding:1em; } #payment #place_order { float:right; margin:0; color: #fff } #payment .terms { padding:0 1em 0; text-align:right } #payment div.payment_box { position:relative; width:95%; padding:1em 2%; margin:1em 0 1em 0; font-size:.92em; line-height:1.5em; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); background-color: #E9F7FE; color: #5091b2; border: 1px solid #b6d7e8; } #payment div.payment_box p:last-child { margin-bottom:0 } #payment div.payment_box #cc-expire-month,#payment div.payment_box #cc-expire-year { width:48%; float:left } #payment div.payment_box #cc-expire-year { float:right } #payment div.payment_box span.help { font-size:11px; color:#777; line-height:13px; font-weight:normal } #payment div.payment_box .form-row { margin:0 0 1em } #payment div.payment_box .form-row select { width:48%; float:left; margin-right:3.8% } #payment div.payment_box .form-row select:nth-child(3n) { margin-right:0 } #payment div.payment_box:after { content:""; display:block; border:8px solid #b6d7e8; border-right-color:transparent; border-left-color:transparent; border-top-color:transparent; position:absolute; top:-4px; left:0; margin:-1em 0 0 2em } #payment_method_paypal { display: inline; } #ship-to-different-address { overflow: hidden; } .select2-container .select2-choice>.select2-chosen { padding: 6px } .select2-container .select2-choice { border-radius: 0px; border: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); } .select2-drop-active { border: 1px solid #d8d8d8; } table.standard-table.shop tr:hover td {background-color: inherit;} #order_review_heading { margin: 10px 0px 20px;} h6.myaccount_user { font-size: 18px; color: #666; font-weight: 600; } /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncenter { display:block; margin:0 auto; padding:10px } .alignleft { border: 1px solid #DEDEDE; float: left; margin: 0 15px 8px 0; padding: 3px; } .alignright { border: 1px solid #DEDEDE; float: right; margin: 0 0 8px 15px; padding: 3px; } .wp-caption-text, .wp-caption figcaption{ background-color: #f6f6f6; font-weight: 600; font-size: 13px; color: #909090; padding: 10px 20px; } #footer .wp-caption-text, #footer .wp-caption figcaption { background-color: rgba(0,0,0,0.3); } .wp-caption.transparent { position: relative; } .wp-caption.transparent figcaption { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.3); color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 8px 16px; text-align: center; } .bypostauthor {} .sticky { } .gallery-caption {} /* calendar widget */ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: left; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody {} #wp-calendar tbody td { text-align: center; padding:8px;} #wp-calendar tbody td:hover { } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } iframe { max-width: 100%; } #header #lang_sel { float: right; margin-top: 10px } /* Sliding Search Form */ #navigation .dropmenu > li#search-in-menu { position: absolute; right:10px; } #navigation .dropmenu > li#search-in-menu .fa { position: relative; cursor: pointer; right: 0; max-height: 50px; padding: 18px; font-size: 16px; line-height: 16px; display: inline-block; } #navigation .dropmenu > li#search-in-menu .fa:before{ color: #fff; } #navigation .dropmenu > li#search-in-menu input[type="text"]{ background: transparent; border: 0px; display: inline; } #navigation .dropmenu > li#search-in-menu.sfHover, #navigation .dropmenu > li#search-in-menu:hover { background: none; } #navigation .dropmenu > li#search-in-menu input[type="text"] { right:0; width: 0; height: 50px; max-height: 50px; padding: 0; margin:0; border: none; top: -0; outline: none; color: transparent; font-size: 14px !important; cursor: pointer; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; -webkit-box-shadow: none; box-shadow: none; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 16px; position: relative; } @-moz-document url-prefix() { #navigation .dropmenu > li#search-in-menu input[type="text"] {top:-1px;} } #navigation .dropmenu > li#search-in-menu input[type="text"]:focus { font-size: 13px; width: 180px; padding-right: 15px; border: none; color: #fff; cursor: text; } #navigation.alt .dropmenu > li#search-in-menu .fa, #navigation.alt .dropmenu > li#search-in-menu input[type="text"] { background: #e6e6e6} #navigation.alt .dropmenu > li#search-in-menu .fa:before { color:#999;} #navigation.alt .dropmenu > li#search-in-menu input[type="text"]:focus {color: #909090} /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #0592f0; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0.001; /* Chrome opacity transition bug */ -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } a.ptwsi-social-icon { border-radius:0px; } body span.wpcf7-not-valid-tip { position: absolute; color: #fff; text-indent: -9999px; } .wpcf7-form .ajax-loader { margin-top: 10px; } body .wpcf7-response-output { border: 0px; margin: 0px; } .wpcf7-not-valid-tip { display: none;} .wpcf7-form input.wpcf7-not-valid, .wpcf7-form textarea.wpcf7-not-valid, .wpcf7-form select.wpcf7-not-valid { border: 1px solid #ffeceb; background: #ffeceb; } #lang_sel_footer { width:200px; } .lang_sel_sel img { margin-top: 5px} #lang_sel a img { float: left;} #header #lang_sel { margin-right: 15px; z-index: 9999} .widget.widget_icl_lang_sel_widget li a {margin-left: 0px} pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } code, samp, kbd { font-family: "Courier New", Courier, monospace, sans-serif; text-align: left; color: #555; } pre code { line-height: 1.6em; font-size: 11px; } pre { padding: 0.1em 0.5em 0.3em 0.7em; border-left: 11px solid #ccc; margin: 1.7em 0 1.7em 0.3em; overflow: auto; width: 93%; } /* target IE7 and IE6 */ *:first-child+html pre { padding-bottom: 2em; overflow-y: hidden; overflow: visible; overflow-x: auto; } * html pre { padding-bottom: 2em; overflow: visible; overflow-x: auto; } /* Common Styles */ a.ptwsi-social-icon i { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; z-index: 20; } a.ptwsi-social-icon:hover, a.ptwsi-social-icon i { color: #fff; } a.ptwsi-social-icon i{ top: -30px; opacity:0; } a.ptwsi-social-icon:hover i { top: 0; opacity: 1; } a.ptwsi-social-icon.twitter:before, a.ptwsi-social-icon.wordpress:before, a.ptwsi-social-icon.facebook:before, a.ptwsi-social-icon.linkedin:before, a.ptwsi-social-icon.steam:before, a.ptwsi-social-icon.tumblr:before, a.ptwsi-social-icon.github:before, a.ptwsi-social-icon.delicious:before, a.ptwsi-social-icon.instagram:before, a.ptwsi-social-icon.xing:before, a.ptwsi-social-icon.amazon:before, a.ptwsi-social-icon.dropbox:before, a.ptwsi-social-icon.paypal:before, a.ptwsi-social-icon.lastfm:before, a.ptwsi-social-icon.gplus:before, a.ptwsi-social-icon.yahoo:before, a.ptwsi-social-icon.pinterest:before, a.ptwsi-social-icon.dribbble:before, a.ptwsi-social-icon.flickr:before, a.ptwsi-social-icon.reddit:before, a.ptwsi-social-icon.vimeo:before, a.ptwsi-social-icon.spotify:before, a.ptwsi-social-icon.rss:before, a.ptwsi-social-icon.youtube:before, a.ptwsi-social-icon.blogger:before, a.ptwsi-social-icon.appstore:before, a.ptwsi-social-icon.digg:before, a.ptwsi-social-icon.evernote:before, a.ptwsi-social-icon.fivehundredpx:before, a.ptwsi-social-icon.forrst:before, a.ptwsi-social-icon.stumbleupon:before, a.ptwsi-social-icon.dribbble:before { font-family: "fontello"; font-size: 16px; line-height: 16px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; position: absolute; z-index: 20; } /* Icon Styles */ a.ptwsi-social-icon.twitter:before {font-size: 14px;} a.ptwsi-social-icon.twitter i, a.ptwsi-social-icon.twitter:before { margin: 13px 0 0 12px; } a.ptwsi-social-icon.twitter:before { content: "\54"; top: 0; opacity:1; } a.ptwsi-social-icon.twitter:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.twitter:hover { background-color: #3bc1ed !important; } a.ptwsi-social-icon.dribbble i, a.ptwsi-social-icon.dribbble:before { margin: 13px 0 0 13px; } a.ptwsi-social-icon.dribbble:before { content: "\44"; top: 0; opacity:1; } a.ptwsi-social-icon.dribbble:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.dribbble:hover { background-color: #ef5a92 !important; } a.ptwsi-social-icon.facebook i, a.ptwsi-social-icon.facebook:before { margin: 13px 0 0 16px; } a.ptwsi-social-icon.facebook:before { content: "\66"; top: 0; opacity:1; } a.ptwsi-social-icon.facebook:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.facebook:hover { background-color: #4a6d9d !important; } a.ptwsi-social-icon.linkedin i, a.ptwsi-social-icon.linkedin:before { margin: 13px 0 0 13px; } a.ptwsi-social-icon.linkedin:before { content: "\4c"; top: 0; opacity:1; } a.ptwsi-social-icon.linkedin:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.linkedin:hover { background-color: #0b7bb5 !important; } a.ptwsi-social-icon.delicious i, a.ptwsi-social-icon.delicious:before { margin: 13px 0 0 13px; } a.ptwsi-social-icon.delicious:before { content: "\23"; top: 0; opacity:1; } a.ptwsi-social-icon.delicious:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.delicious:hover { background-color: #3274d1 !important; } a.ptwsi-social-icon.paypal i, a.ptwsi-social-icon.paypal:before { margin: 13px 0 0 13px; } a.ptwsi-social-icon.paypal:before { content: "\24"; top: 0; opacity:1; } a.ptwsi-social-icon.paypal:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.paypal:hover { background-color: #2e689a !important; } a.ptwsi-social-icon.gplus i, a.ptwsi-social-icon.gplus:before { margin: 13px 0 0 13px; } a.ptwsi-social-icon.gplus:before { content: "\2b"; top: 0; opacity:1; } a.ptwsi-social-icon.gplus:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.gplus:hover { background-color: #d53824 !important; } a.ptwsi-social-icon.stumbleupon i, a.ptwsi-social-icon.stumbleupon:before { margin: 13px 0 0 11px; } a.ptwsi-social-icon.stumbleupon:before { content: "\2f"; top: 0; opacity:1; } a.ptwsi-social-icon.stumbleupon:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.stumbleupon:hover { background-color: #eb4924 !important; } a.ptwsi-social-icon.fivehundredpx i, a.ptwsi-social-icon.fivehundredpx:before { margin: 13px 0 0 11px; } a.ptwsi-social-icon.fivehundredpx:before { content: "\30"; top: 0; opacity:1; } a.ptwsi-social-icon.fivehundredpx:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.fivehundredpx:hover { background-color: #444 !important; } a.ptwsi-social-icon.pinterest i, a.ptwsi-social-icon.pinterest:before { margin: 13px 0 0 15px; } a.ptwsi-social-icon.pinterest:before { content: "\31"; top: 0; opacity:1; } a.ptwsi-social-icon.pinterest:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.pinterest:hover { background-color: #cb1f25 !important; } a.ptwsi-social-icon.forrst i, a.ptwsi-social-icon.forrst:before { margin: 13px 0 0 15px; } a.ptwsi-social-icon.forrst:before { content: "\3a"; top: 0; opacity:1; } a.ptwsi-social-icon.forrst:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.forrst:hover { background-color: #40833e !important; } a.ptwsi-social-icon.digg i, a.ptwsi-social-icon.digg:before { margin: 13px 0 0 12px; } a.ptwsi-social-icon.digg:before { content: "\3b"; top: 0; opacity:1; } a.ptwsi-social-icon.digg:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.digg:hover { background-color: #205685 !important; } a.ptwsi-social-icon.spotify i, a.ptwsi-social-icon.spotify:before { margin: 13px 0 0 13px; } a.ptwsi-social-icon.spotify:before { content: "\3d"; top: 0; opacity:1; } a.ptwsi-social-icon.spotify:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.spotify:hover { background-color: #6ca405 !important; } a.ptwsi-social-icon.reddit i, a.ptwsi-social-icon.reddit:before { margin: 13px 0 0 12px; } a.ptwsi-social-icon.reddit:before { content: "\3e"; top: 0; opacity:1; } a.ptwsi-social-icon.reddit:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.reddit:hover { background-color: #404040 !important; } a.ptwsi-social-icon.appstore i, a.ptwsi-social-icon.appstore:before { margin: 13px 0 0 14px; } a.ptwsi-social-icon.appstore:before { content: "\41"; top: 0; opacity:1; } a.ptwsi-social-icon.appstore:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.appstore:hover { background-color: #c0c0c0 !important; } a.ptwsi-social-icon.blogger i, a.ptwsi-social-icon.blogger:before { margin: 13px 0 0 15px; font-size: 14px !important; } a.ptwsi-social-icon.blogger:before { content: "\42"; top: 0; opacity:1; } a.ptwsi-social-icon.blogger:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.blogger:hover { background-color: #ff6501 !important; } a.ptwsi-social-icon.dribbble i, a.ptwsi-social-icon.dribbble:before { margin: 13px 0 0 13px; } a.ptwsi-social-icon.dribbble:before { content: "\44"; top: 0; opacity:1; } a.ptwsi-social-icon.dribbble:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.dribbble:hover { background-color: #ef5a92 !important; } a.ptwsi-social-icon.evernote i, a.ptwsi-social-icon.evernote:before { margin: 13px 0 0 15px; } a.ptwsi-social-icon.evernote:before { content: "\45"; top: 0; opacity:1; } a.ptwsi-social-icon.evernote:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.evernote:hover { background-color: #6bb130 !important; } a.ptwsi-social-icon.flickr i, a.ptwsi-social-icon.flickr:before { margin: 13px 0 0 13px; } a.ptwsi-social-icon.flickr:before { content: "\46"; top: 0; opacity:1; } a.ptwsi-social-icon.flickr:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.flickr:hover { background-color: #136dd5 !important; } a.ptwsi-social-icon.rss i, a.ptwsi-social-icon.rss:before { margin: 13px 0 0 14px; font-size: 14px !important; } a.ptwsi-social-icon.rss:before { content: "\52"; top: 0; opacity:1; } a.ptwsi-social-icon.rss:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.rss:hover { background-color: #fe8f00 !important; } a.ptwsi-social-icon.youtube i, a.ptwsi-social-icon.youtube:before { margin: 13px 0 0 14px; font-size: 18px !important; } a.ptwsi-social-icon.youtube:before { content: "\55"; top: 0; opacity:1; } a.ptwsi-social-icon.youtube:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.youtube:hover { background-color: #bf2f29 !important; } a.ptwsi-social-icon.vimeo i, a.ptwsi-social-icon.vimeo:before { margin: 13px 0 0 13px; font-size: 14px !important; } a.ptwsi-social-icon.vimeo:before { content: "\56"; top: 0; opacity:1; } a.ptwsi-social-icon.vimeo:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.vimeo:hover { background-color: #4c8ab0 !important; } a.ptwsi-social-icon.xing i, a.ptwsi-social-icon.xing:before { margin: 13px 0 0 14px; } a.ptwsi-social-icon.xing:before { content: "\58"; top: 0; opacity:1; } a.ptwsi-social-icon.xing:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.xing:hover { background-color: #036568 !important; } a.ptwsi-social-icon.yahoo i, a.ptwsi-social-icon.yahoo:before { margin: 13px 0 0 11px; } a.ptwsi-social-icon.yahoo:before { content: "\59"; top: 0; opacity:1; } a.ptwsi-social-icon.yahoo:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.yahoo:hover { background-color: #9251a2 !important; } a.ptwsi-social-icon.amazon i, a.ptwsi-social-icon.amazon:before { margin: 13px 0 0 12px; } a.ptwsi-social-icon.amazon:before { content: "\61"; top: 0; opacity:1; } a.ptwsi-social-icon.amazon:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.amazon:hover { background-color: #2f3842 !important; } a.ptwsi-social-icon.steam i, a.ptwsi-social-icon.steam:before { margin: 13px 0 0 11px; } a.ptwsi-social-icon.steam:before { content: "\62"; top: 0; opacity:1; } a.ptwsi-social-icon.steam:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.steam:hover { background-color: #383838 !important; } a.ptwsi-social-icon.dropbox i, a.ptwsi-social-icon.dropbox:before { margin: 13px 0 0 13px; } a.ptwsi-social-icon.dropbox:before { content: "\64"; top: 0; opacity:1; } a.ptwsi-social-icon.dropbox:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.dropbox:hover { background-color: #2c92dd !important; } a.ptwsi-social-icon.github i, a.ptwsi-social-icon.github:before { margin: 13px 0 0 13px; } a.ptwsi-social-icon.github:before { content: "\67"; top: 0; opacity:1; } a.ptwsi-social-icon.github:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.github:hover { background-color: #5c7381 !important; } a.ptwsi-social-icon.lastfm i, a.ptwsi-social-icon.lastfm:before { margin: 13px 0 0 11px; } a.ptwsi-social-icon.lastfm:before { content: "\6c"; top: 0; opacity:1; } a.ptwsi-social-icon.lastfm:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.lastfm:hover { background-color: #d21309 !important; } a.ptwsi-social-icon.tumblr i, a.ptwsi-social-icon.tumblr:before { margin: 13px 0 0 15px; } a.ptwsi-social-icon.tumblr:before { content: "\74"; top: 0; opacity:1; } a.ptwsi-social-icon.tumblr:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.tumblr:hover { background-color: #3d658d !important; } a.ptwsi-social-icon.wordpress i, a.ptwsi-social-icon.wordpress:before { margin: 13px 0 0 14px; } a.ptwsi-social-icon.wordpress:before { content: "\77"; top: 0; opacity:1; } a.ptwsi-social-icon.wordpress:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.wordpress:hover { background-color: #383838 !important; } a.ptwsi-social-icon.instagram i, a.ptwsi-social-icon.instagram:before { margin: 13px 0 0 14px; } a.ptwsi-social-icon.instagram:before { content: "\f31f"; top: 0; opacity:1; } a.ptwsi-social-icon.instagram:hover:before { top: 30px; opacity: 0; } a.ptwsi-social-icon.instagram:hover { background-color: #3f6f94 !important; } /* Web Font */ @font-face { font-family: 'fontello'; src: url('../font/fontello.eot?31771571'); src: url('../font/fontello.eot?31771571#iefix') format('embedded-opentype'), url('../font/fontello.woff?31771571') format('woff'), url('../font/fontello.ttf?31771571') format('truetype'), url('../font/fontello.svg?31771571#fontello') format('svg'); font-weight: normal; font-style: normal; } a.ptwsi-social-icon i { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: none; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 16px; font-size: 16px; width: auto; } a.ptwsi-social-icon.small i, a.ptwsi-social-icon.small:hover:before, a.ptwsi-social-icon.small:before { font-size: 11px !important; line-height: 11px !important; margin: 6px 0 0 5px !important; } a.ptwsi-social-icon.yahoo.small:hover:before, a.ptwsi-social-icon.yahoo.small:before, a.ptwsi-social-icon.yahoo.small i a.ptwsi-social-icon.stumbleupon.small:hover:before, a.ptwsi-social-icon.stumbleupon.small:before, a.ptwsi-social-icon.stumbleupon.small i, a.ptwsi-social-icon.reddit.small:hover:before, a.ptwsi-social-icon.reddit.small:before, a.ptwsi-social-icon.reddit.small i, a.ptwsi-social-icon.pinterest.small:hover:before, a.ptwsi-social-icon.pinterest.small:before, a.ptwsi-social-icon.pinterest.small i { margin: 6px 0 0 4px !important } a.ptwsi-social-icon.digg.small:hover:before, a.ptwsi-social-icon.digg.small:before, a.ptwsi-social-icon.digg.small i, a.ptwsi-social-icon.youtube.small:hover:before, a.ptwsi-social-icon.youtube.small:before, a.ptwsi-social-icon.youtube.small i, a.ptwsi-social-icon.spotify.small:hover:before, a.ptwsi-social-icon.spotify.small:before, a.ptwsi-social-icon.spotify.small i { margin: 6px 0 0 5px !important } a.ptwsi-social-icon.evernote.small:hover:before, a.ptwsi-social-icon.evernote.small:before, a.ptwsi-social-icon.evernote.small i, a.ptwsi-social-icon.appstore.small:hover:before, a.ptwsi-social-icon.appstore.small:before, a.ptwsi-social-icon.appstore.small i, a.ptwsi-social-icon.forrst.small:hover:before, a.ptwsi-social-icon.forrst.small:before, a.ptwsi-social-icon.forrst.small i { margin: 6px 0 0 6px !important } a.ptwsi-social-icon.pinterest.small:hover:before, a.ptwsi-social-icon.pinterest.small:before, a.ptwsi-social-icon.pinterest.small i{ margin: 6px 0 0 7px !important } a.ptwsi-social-icon.tumblr.small:hover:before, a.ptwsi-social-icon.tumblr.small:before, a.ptwsi-social-icon.tumblr.small i, a.ptwsi-social-icon.facebook.small:hover:before, a.ptwsi-social-icon.facebook.small:before, a.ptwsi-social-icon.facebook.small i { margin: 6px 0 0 8px !important } a.ptwsi-social-icon .ptwsi-icon-delicious:before { content: '\23'; } /* '#' */ a.ptwsi-social-icon .ptwsi-icon-paypal:before { content: '\24'; } /* '$' */ a.ptwsi-social-icon .ptwsi-icon-gplus:before { content: '\2b'; } /* '+' */ a.ptwsi-social-icon .ptwsi-icon-stumbleupon:before { content: '\2f'; } /* '/' */ a.ptwsi-social-icon .ptwsi-icon-fivehundredpx:before { content: '\30'; } /* '0' */ a.ptwsi-social-icon .ptwsi-icon-pinterest:before { content: '\31'; } /* '1' */ a.ptwsi-social-icon .ptwsi-icon-forrst:before { content: '\3a'; } /* ':' */ a.ptwsi-social-icon .ptwsi-icon-digg:before { content: '\3b'; } /* ';' */ a.ptwsi-social-icon .ptwsi-icon-spotify:before { content: '\3d'; } /* '=' */ a.ptwsi-social-icon .ptwsi-icon-reddit:before { content: '\3e'; } /* '>' */ a.ptwsi-social-icon .ptwsi-icon-appstore:before { content: '\41'; } /* 'A' */ a.ptwsi-social-icon .ptwsi-icon-blogger:before { content: '\42'; } /* 'B' */ a.ptwsi-social-icon .ptwsi-icon-dribbble:before { content: '\44'; } /* 'D' */ a.ptwsi-social-icon .ptwsi-icon-evernote:before { content: '\45'; } /* 'E' */ a.ptwsi-social-icon .ptwsi-icon-flickr:before { content: '\46'; } /* 'F' */ a.ptwsi-social-icon .ptwsi-icon-linkedin:before { content: '\4c'; } /* 'L' */ a.ptwsi-social-icon .ptwsi-icon-rss:before { content: '\52'; } /* 'R' */ a.ptwsi-social-icon .ptwsi-icon-twitter:before { content: '\54'; } /* 'T' */ a.ptwsi-social-icon .ptwsi-icon-youtube:before { content: '\55'; } /* 'U' */ a.ptwsi-social-icon .ptwsi-icon-vimeo:before { content: '\56'; } /* 'V' */ a.ptwsi-social-icon .ptwsi-icon-xing:before { content: '\58'; } /* 'X' */ a.ptwsi-social-icon .ptwsi-icon-yahoo:before { content: '\59'; } /* 'Y' */ a.ptwsi-social-icon .ptwsi-icon-amazon:before { content: '\61'; } /* 'a' */ a.ptwsi-social-icon .ptwsi-icon-steam:before { content: '\62'; } /* 'b' */ a.ptwsi-social-icon .ptwsi-icon-dropbox:before { content: '\64'; } /* 'd' */ a.ptwsi-social-icon .ptwsi-icon-facebook:before { content: '\66'; } /* 'f' */ a.ptwsi-social-icon .ptwsi-icon-github:before { content: '\67'; } /* 'g' */ a.ptwsi-social-icon .ptwsi-icon-lastfm:before { content: '\6c'; } /* 'l' */ a.ptwsi-social-icon .ptwsi-icon-tumblr:before { content: '\74'; } /* 't' */ a.ptwsi-social-icon .ptwsi-icon-wordpress:before { content: '\77'; } /* 'w' */ a.ptwsi-social-icon .ptwsi-icon-linkedin-rect:before { content: '\f31b'; } /* '?' */ a.ptwsi-social-icon .ptwsi-icon-instagram:before { content: '\f31f'; } /* '?' */ * { box-sizing: border-box !important; transition: ease all 0.5s; } html { scroll-behavior: smooth; overflow-x: hidden !important; position:fixed; top:0; bottom:0; left:0; right:0; } body { color: #666666; font-size: 14px; font-family: Poppins; line-height: 1.80857; font-weight: normal; overflow-x: hidden !important; position:fixed; top:0; bottom:0; left:0; right:0; } a { color: #1f1f1f; text-decoration: none !important; outline: none !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } h1, h2, h3, h4, h5, h6 { letter-spacing: 0; font-weight: normal; position: relative; padding: 0 0 10px 0; font-weight: normal; line-height: normal; color: #111111; margin: 0 } h1 { font-size: 54px text-align: center} h2 { font-size: 22px; color: #66BB55; } h3 { font-size: 18px } h4 { font-size: 16px } h5 { font-size: 14px } h6 { font-size: 13px } *, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #212121; text-decoration: none!important; opacity: 1 } button:focus { outline: none; } ul, li, ol { margin: 0px; padding: 0px; list-style: none; } a { text-decoration: none; display: inline-block; padding: 8px 16px; } a:hover { background-color: #ddd; color: black; } .previous { background-color: #f1f1f1; color: black; } .next { background-color: #04AA6D; color: white; } .round { border-radius: 50%; } p { margin: 20px; font-weight: 300; font-size: 15px; line-height: 24px; text-align: center; } div {text-align: center;} a { color: #222222; text-decoration: none; outline: none !important; } a, .btn { text-decoration: none !important; outline: none !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .btn-get-started { font-family: "Roboto", sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 1px; display: inline-block; padding: 12px 32px; border-radius: 50px; transition: 0.5s; line-height: 1; margin: 10px; color: #a88390; animation-delay: 0.8s; border: 2px solid #c4686a; } .container{ max-width: 1200%; margin:auto; background:#; overflow:auto } .gallery{ margin:5px; border:1px; float:left; width:390px; } .gallery img{ height:300px; } .row::after{ content:""; display:table; clear:both; } :focus { outline: 0; } .paddind_bottom_0 { padding-bottom: 0 !important; } .btn-custom { margin-top: 20px; background-color: transparent !important; border: 2px solid #ddd; padding: 12px 40px; font-size: 16px; } .lead { font-size: 18px; line-height: 30px; color: #767676; margin: 0; padding: 0; } .form-control:focus { border-color: #ffffff !important; box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25); } .navbar-form input { border: none !important; align:center; } .badge { font-weight: 500; } blockquote { margin: 20px 0 20px; padding: 30px; } .mySlides {display:none;} .full { float: center; width: 200%; } .layout_padding { padding-top: 90px; padding-bottom: 0px; } .padding_0{ padding: 0px; } .padding_left_0{ padding-left: 100px; } .header_section { width: 100%; float: center; } .header_bg{ width: 100%; float: center; background-color: #f8f9fa!important; } .header_left{ width: 50%; float: left; } .header_center{ width: 50%; float: center; } .header_right{ width: 50%; float: center; } .banner_img{ width: 100%; float: center; align:center; } .logo { width: 85%; float: left; } .bg-light { background-color: transparent!important; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; } .navbar a:hover, .dropdown:hover .dropbtn { background-color: gray; } .dropdown-content { display: none; position: relative; background-color: #f9f9f9; min-width: 10px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); z-index: 1; } .dropdown-content a { float: none; color: black; padding: 1px 9px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover { background-color: #ddd; } .dropdown:hover .dropdown-content { display: block; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 13px; padding-left: 13px; font-size: 18px; color: #2e2d2e; text-transform: uppercase; } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #1b5a8d; } .banner_main{ width: 100%; float: center; padding-left: 100px; } .banner_taital { width: 100%; float: center; font-size: 30px; padding-top: 80px; text-transform: uppercase; font-weight: bold; } .banner_img { /* The image used */ background-image:; linear-gradient(to top center, rgba(228,221,221, 0.50) 10%, rgba(0,0,0, 0.80 ) 60%), url(WEB HEADER.png); height: 48px; background-size:cover; background-position:right center background-attachment: fixed; } .banner_text { width: 90%; float: center; font-size: 16px; color: #2e2d2e; margin-left: 0px; } .btn_main { width: 170%; float: center; margin-left: 15px; } .more_bt { width: 170px; float: left; } .more_bt a { width: 100%; float: left; font-size: 16px; color: #181818; border: 2px solid #4aafff; text-align: center; padding: 10px 0px; border-radius: 40px; text-transform: uppercase; font-weight: bold; } .more_bt a:hover { color: #181818; border: 2px solid #ff5a58; } .contact_bt { width: 170px; float: left; margin-left: 15px; } .contact_bt a { width: 100%; float: left; font-size: 16px; color: #181818; border: 2px solid #4aafff; text-align: center; padding: 10px 0px; border-radius: 40px; text-transform: uppercase; font-weight: bold; } .contact_bt a:hover { color: #181818; border: 2px solid #ff5a58; } .services_section { width: 100%; float: left; background-image: url(../images/services-bg.png); height: auto; margin-top: 75px; padding-bottom: 60px; background-size: 100%; } .services_taital { width: 100%; float: left; font-size: 34px; color: #282c47; padding-top: 10px; text-transform: uppercase; font-weight: bold; } .services_taital::after { content: ''; background-color: #ff5a58; position: absolute; width: 60px; text-align: center; right: initial; top: 0px; margin: 0 auto; display: flex; justify-content: center; height: 7px; left: 0; border-radius: 100px; } .services_text { width: 90%; float: left; font-size: 16px; color: #060606; margin-left: 0px; } .moremore_bt { width: 170px; float: left; margin-top: 30px; position: relative; z-index: 2; } .moremore_bt a { width: 100%; float: left; font-size: 16px; color: #4aafff; border: 2px solid #88c6f8; text-align: center; padding: 10px 0px; border-radius: 40px; } .moremore_bt a:hover { color: #181818; border: 2px solid #ff5a58; } .image_1{ width: 100%; float: left; } .what_we_do_section{ width: 100%; float: left; } .what_taital { width: 100%; float: left; font-size: 34px; color: #060606; padding-top: 10px; text-transform: uppercase; font-weight: bold; text-align: center; } .what_taital::after { content: ''; background-color: #ff5a58; position: absolute; width: 60px; text-align: center; right: 0; top: 0px; margin: 0 auto; display: flex; justify-content: center; height: 7px; left: 0; border-radius: 100px; } .what_text { width: 100%; float: left; font-size: 16px; color: #060606; margin-left: 0px; text-align: center; margin-top: 0px; } .what_we_do_section_2{ width: 100%; float: left; margin-top: 40px; } .box_main { width: 100%; float: left; background-color: #8eada6; border-radius: 10px; padding: 30px 0px; } .box_main:hover{ background-color: #bec5eb; } .box_main.active { background-color: #a2c1db; } .icon_1 { width: 100%; float: left; text-align: center; min-height: 70px; } .accounting_text{ width: 100%; float: left; font-size: 20px; color: #ffffff; text-align: center; text-transform: uppercase; } .lorem_text{ width: 100%; float: left; font-size: 16px; color: #ffffff; text-align: center; margin-left: 0px; } .moremore_bt_1 { width: 170px; margin: 0 auto; text-align: center; margin-top: 30px; } .moremore_bt_1 a { width: 100%; float: left; font-size: 16px; color: #ffffff; border: 2px solid #ffffff; text-align: center; padding: 10px 0px; border-radius: 40px; } .moremore_bt_1 a:hover { color: #ffffff; border: 2px solid #ffffff; } .project_section{ width: 100%; float: left; padding-bottom: 90px; } .project_main{ width: 100%; float: left; padding-top: 200px; } .image_6 { width: 100%; float: left; position: relative; left: -100px; top: -50px; } .images_main{ width: 100%; float: left; } .images_left{ width: 50%; float: left; } .images_right { width: 47%; float: left; margin-top: 70px; margin-left: 12px; } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container_1:hover .image { opacity: 0.3; background-color: rgb(71.0.5.9.5)!important; } .container_1:hover .middle { opacity: 1; z-index: 2; } table, th, td { border: 1px solid; } table { width: 10%; } .text { color: white; font-size: 16px; padding: 16px 32px; } .hm-gradient { background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%); } .darken-grey-text { color: #2E2E2E; } .container_1 { position: relative; margin-top: 12px; } .container_1::after{ display: none; content: ''; position: absolute; left: 0; top: 0; background-color: rgba(225 ,225 ,225 ,0.8); width: 100%; height: 100%; } .container_1:hover::after{ display: block; } .fact_text{ width: 100%; float: left; font-size: 15px; color: #060606; text-align: center; } .project_section_2 { width: 100%; float: left; background-color: #ff5a58; height: auto; padding: 50px 0px 40px 0px; } .accounting_text_1{ width: 100%; float: left; font-size: 40px; text-align: center; font-weight: bold; color: #ffffff; } .yers_text { width: 100%; float: left; font-size: 20px; text-align: center; font-weight: 600; color: #ffffff; margin-left: 0px; margin-top: 0px; } .team_section{ width: 100%; float: left; } .what_text_1 { width: 50%; margin: 0 auto; font-size: 16px; color: #060606; text-align: center; } .team_section_2{ width: 100%; float: left; } .image_7{ width: 100%; float: left; text-align: center; } .readable_text{ width: 100%; float: left; font-size: 18px; text-align: center; color: #060606; margin-left: 0px; font-weight: 450; } .readable_text_1{ width: 100%; float: left; font-size: 18px; text-align: center; color: #ff5a58; margin: 0px; font-weight: 450; } .social_icon{ width: 100%; margin: 0 auto; text-align: center; } .social_icon ul{ margin: 0px; padding: 0px; display: inline-block; } .social_icon li{ float: left; padding: 20px 3px 0px 3px; } .client_section { width: 100%; float: left; padding-bottom: 140px; } .client_section_2{ width: 100%; margin: 0 auto; text-align: center; } .client_section_2 ul{ margin: 0px; padding: 0px; display: inline-block; } .client_section_2 li { float: left; padding: 50px 15px 0px 15px; } .round_1{ padding-top: 50px; } .round_2{ padding-top: 30px; } .dummy_text{ width: 79%; margin: 0 auto; font-size: 16px; color: #000; text-align: center; padding-top: 30px; } .carousel-indicators .active { background-color: #1b5a8d; } .carousel-indicators li { width: 60px; height: 15px; background-color: #ff5a58; border-radius: 4px; bottom: -80px; } .contact_section { width: 100%; float: left; } .amet_text { width: 100%; float: left; color: #1e1e1e; font-size: 16px; text-align: center; margin-left: 0px; } .contact_section2 { width: 100%; float: left; padding-top: 80px; } .mail_section { width: 90%; float: left; padding-left: 50px; } .mail_text_1 { width: 100%; float: left; font-size: 18px; color: #666666; background-color: transparent !important; border-bottom: 1px solid #050000 !important; padding-right: 20px; border: 0px; padding-top: 20px; } .massage_text { width: 100%; float: left; font-size: 18px; color: #666666; background-color: transparent !important; border-bottom: 1px solid #050000 !important; padding-right: 20px; border: 0px; height: 70px; padding-top: 30px; } .send_bt { width: 170px; float: left; margin-top: 40px; margin-bottom: 40px; } .send_bt a { width: 100%; float: left; font-size: 20px; color: #ffffff; text-align: center; background-color: #ff5a58; padding: 10px 0px; text-transform: uppercase; border-radius: 30px; } .footer_section{ width: 100%; float: left; background-color:#225266 ; height: auto; } .about_text{ width: 100%; float: left; font-size: 24px; color: #fffcf4; } .location_text { width: 10%; float: left; font-size: 18px; color: #fffcf4; padding-top: 18px; } .padding_left_15 { padding-left: 15px; } .dolor_text{ width: 10%; float: left; font-size: 18px; color: #fffcf4; padding-top: 5px; margin: 0px; line-height: 20px; } .mail_text { width: 100%; float: left; font-size: 18px; color: #d1d2d3; background-color: #ffffff; height: auto; padding: 5px 15px; margin-top: 18px; } .subscribe_bt{ width: 100%; float: left; } .subscribe_bt a{ width: 170px; float: left; font-size: 18px; color: #ffffff; background-color: #ff5a58; height: auto; padding: 5px 0px; text-align: center; text-transform: uppercase; margin-top: 22px; } .footer_social_icon{ width: 50%; float: left; } .footer_social_icon ul{ margin: 0px; padding: 0px; } .footer_social_icon li { float: left; padding: 35px 15px 0px 0px; } .footer_images{ width: 100%; float: left; } .footer_images_left { width: 22%; float: left; } .footer_images_right{ width: 30%; float: left; } .image_12 { width: 88%; float: left; margin-top: 15px; } .copyright_section { width: 60%; margin: 0 auto; border-top: 1px solid #fff; margin-top: 55px; text-align: center; } .copyright_text { width: 100%; float: left; color: #ffffff; text-align: center; font-size: 16px; margin-left: 0px; padding: 10px 0px; } .copyright_text a{ color: #ffffff } .copyright_text a:hover{ color: #ff5a58; } .margin_top_90{ margin-top: 90px; } /*! jQuery UI - v1.11.4 - 2015-03-11 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_228ef1_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_ffd27a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: .5; filter: Alpha(Opacity=50); /* support: IE8 */ } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #0c91eb url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x; opacity: .2; filter: Alpha(Opacity=20); /* support: IE8 */ border-radius: 5px; } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; }