/* Minification failed. Returning unminified contents. (1759,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */ html, body, div, span, applet, object, iframe, p, blockquote, a, abbr, acronym, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; padding: 0; margin: 0; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; /*border-spacing: 0;*/ } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #CFDEFF; padding: .75em 1em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #13a; } .sf-menu li { background: #BDD2FF; } .sf-menu li li { background: #AABDE6; } .sf-menu li li li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #CFDEFF; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* * qTip2 - Pretty powerful tooltips * http://craigsworks.com/projects/qtip2/ * * Version: nightly * Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com * * Dual licensed under MIT or GPLv2 licenses * http://en.wikipedia.org/wiki/MIT_License * http://en.wikipedia.org/wiki/GNU_General_Public_License * * Date: Sat May 14 07:50:22 PDT 2011 */ /* Fluid class for determining actual width in IE */ .ui-tooltip-fluid{ display: block; visibility: hidden; position: static !important; float: left !important; } .ui-tooltip, .qtip{ position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; } .ui-tooltip-content{ position: relative; padding: 5px 9px; overflow: hidden; border-width: 1px; border-style: solid; text-align: left; word-wrap: break-word; overflow: hidden; } .ui-tooltip-titlebar{ position: relative; min-height: 14px; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 1px 1px 0; border-style: solid; font-weight: bold; } .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; } /*! Default close button class */ .ui-tooltip-titlebar .ui-state-default{ position: absolute; right: 4px; top: 50%; margin-top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; } * html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } .ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon{ display: block; text-indent: -1000em; } .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .ui-tooltip-icon .ui-icon{ width: 18px; height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ .ui-tooltip-focus{ } /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ .ui-tooltip-hover{ } /*! Default tooltip style */ .ui-tooltip-titlebar, .ui-tooltip-content{ border-color: #F1D031; background-color: #FFFFA3; color: #555; } .ui-tooltip-titlebar{ background-color: #FFEF93; } .ui-tooltip-titlebar .ui-tooltip-icon{ border-color: #CCC; background: #F1F1F1; color: #777; } .ui-tooltip-titlebar .ui-state-hover{ border-color: #AAA; color: #111; } /*! Light tooltip style */ .ui-tooltip-light .ui-tooltip-titlebar, .ui-tooltip-light .ui-tooltip-content{ border-color: #E2E2E2; color: #454545; } .ui-tooltip-light .ui-tooltip-content{ background-color: white; } .ui-tooltip-light .ui-tooltip-titlebar{ background-color: #f1f1f1; } /*! Dark tooltip style */ .ui-tooltip-dark .ui-tooltip-titlebar, .ui-tooltip-dark .ui-tooltip-content{ border-color: #303030; color: #f3f3f3; } .ui-tooltip-dark .ui-tooltip-content{ background-color: #505050; } .ui-tooltip-dark .ui-tooltip-titlebar{ background-color: #404040; } .ui-tooltip-dark .ui-tooltip-icon{ border-color: #444; } .ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{ border-color: #303030; } /*! Cream tooltip style */ .ui-tooltip-cream .ui-tooltip-titlebar, .ui-tooltip-cream .ui-tooltip-content{ border-color: #F9E98E; color: #A27D35; } .ui-tooltip-cream .ui-tooltip-content{ background-color: #FBF7AA; } .ui-tooltip-cream .ui-tooltip-titlebar{ background-color: #F0DE7D; } .ui-tooltip-cream .ui-state-default .ui-tooltip-icon{ background-position: -82px 0; } /*! Red tooltip style */ .ui-tooltip-red .ui-tooltip-titlebar, .ui-tooltip-red .ui-tooltip-content{ border-color: #D95252; color: #912323; } .ui-tooltip-red .ui-tooltip-content{ background-color: #F78B83; } .ui-tooltip-red .ui-tooltip-titlebar{ background-color: #F06D65; } .ui-tooltip-red .ui-state-default .ui-tooltip-icon{ background-position: -102px 0; } .ui-tooltip-red .ui-tooltip-icon{ border-color: #D95252; } .ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{ border-color: #D95252; } /*! Green tooltip style */ .ui-tooltip-green .ui-tooltip-titlebar, .ui-tooltip-green .ui-tooltip-content{ border-color: #90D93F; color: #3F6219; } .ui-tooltip-green .ui-tooltip-content{ background-color: #CAED9E; } .ui-tooltip-green .ui-tooltip-titlebar{ background-color: #B0DE78; } .ui-tooltip-green .ui-state-default .ui-tooltip-icon{ background-position: -42px 0; } /*! Blue tooltip style */ .ui-tooltip-blue .ui-tooltip-titlebar, .ui-tooltip-blue .ui-tooltip-content{ border-color: #ADD9ED; color: #5E99BD; } .ui-tooltip-blue .ui-tooltip-content{ background-color: #E5F6FE; } .ui-tooltip-blue .ui-tooltip-titlebar{ background-color: #D0E9F5; } .ui-tooltip-blue .ui-state-default .ui-tooltip-icon{ background-position: -2px 0; }.ui-tooltip .ui-tooltip-tip{ margin: 0 auto; overflow: hidden; background: transparent !important; border: 0px dashed transparent !important; z-index: 10; } .ui-tooltip .ui-tooltip-tip, .ui-tooltip .ui-tooltip-tip *{ position: absolute; line-height: 0.1px !important; font-size: 0.1px !important; color: #123456; background: transparent; border: 0px dashed transparent; } .ui-tooltip .ui-tooltip-tip canvas{ position: static; }#qtip-overlay{ position: absolute; left: -10000em; top: -10000em; background-color: black; opacity: 0.7; filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } /*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */ .ui-tooltip-shadow{ -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); } .ui-tooltip-shadow .ui-tooltip-titlebar, .ui-tooltip-shadow .ui-tooltip-content{ filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)"; _margin-bottom: -3px; /* IE6 */ .margin-bottom: -3px; /* IE7 */ } /*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .ui-tooltip-rounded, .ui-tooltip-rounded .ui-tooltip-content, .ui-tooltip-tipsy, .ui-tooltip-tipsy .ui-tooltip-content, .ui-tooltip-youtube, .ui-tooltip-youtube .ui-tooltip-content{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ui-tooltip-rounded .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-titlebar{ -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{ -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /*! Youtube tooltip style */ .ui-tooltip-youtube{ -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; } .ui-tooltip-youtube .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-content{ background: transparent; background: rgba(0, 0, 0, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)"; color: white; border-color: #CCCCCC; } .ui-tooltip-youtube .ui-tooltip-icon{ border-color: #222; } .ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{ border-color: #303030; } /* jQuery TOOLS Tooltip style */ .ui-tooltip-jtools{ background: #232323; background: rgba(0, 0, 0, 0.7); background-image: -moz-linear-gradient(top, #717171, #232323); background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); border: 2px solid #ddd; border: 2px solid rgba(241,241,241,1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333; } /* IE Specific */ .ui-tooltip-jtools .ui-tooltip-titlebar{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; } .ui-tooltip-jtools .ui-tooltip-content{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; } .ui-tooltip-jtools .ui-tooltip-titlebar, .ui-tooltip-jtools .ui-tooltip-content{ background: transparent; color: white; border: 0 dashed transparent; } .ui-tooltip-jtools .ui-tooltip-icon{ border-color: #555; } .ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{ border-color: #333; } /* Cluetip style */ .ui-tooltip-cluetip{ -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); } .ui-tooltip-cluetip .ui-tooltip-titlebar{ background-color: #87876A; color: white; border: 0 dashed transparent; } .ui-tooltip-cluetip .ui-tooltip-content{ background-color: #D9D9C2; color: #111; border: 0 dashed transparent; } .ui-tooltip-cluetip .ui-tooltip-icon{ border-color: #808064; } .ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{ border-color: #696952; color: #696952; } /* Tipsy style */ .ui-tooltip-tipsy{ border: 0; } .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-content{ background: transparent; background: rgba(0, 0, 0, .87); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)"; color: white; border: 0px transparent; font-size: 11px; font-family: 'Lucida Grande', sans-serif; font-weight: bold; line-height: 16px; text-shadow: 0 1px black; } .ui-tooltip-tipsy .ui-tooltip-titlebar{ padding: 6px 35px 0 10; } .ui-tooltip-tipsy .ui-tooltip-content{ padding: 6px 10; } .ui-tooltip-tipsy .ui-tooltip-icon{ border-color: #222; text-shadow: none; } .ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{ border-color: #303030; } /* Tipped style */ .ui-tooltip-tipped{ } .ui-tooltip-tipped .ui-tooltip-titlebar, .ui-tooltip-tipped .ui-tooltip-content{ border: 3px solid #959FA9; } .ui-tooltip-tipped .ui-tooltip-titlebar{ background: #3A79B8; background-image: -moz-linear-gradient(top, #3A79B8, #2E629D); background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; color: white; font-weight: normal; font-family: serif; border-bottom-width: 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .ui-tooltip-tipped .ui-tooltip-content{ background-color: #F9F9F9; color: #454545; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .ui-tooltip-tipped .ui-tooltip-icon{ border: 2px solid #285589; background: #285589; } .ui-tooltip-tipped .ui-tooltip-icon .ui-icon{ background-color: #FBFBFB; color: #555; } @font-face { font-family: 'streamline-small-cs'; src:url('/Content/fonts/streamline-small/font/streamline-small-cs.eot'); src:url('/Content/fonts/streamline-small/font/streamline-small-cs.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/streamline-small/font/streamline-small-cs.ttf') format('truetype'), url('/Content/fonts/streamline-small/font/streamline-small-cs.woff') format('woff'), url('/Content/fonts/streamline-small/font/streamline-small-cs.svg#streamline-small-cs') format('svg'); font-weight: normal; font-style: normal; } [class^="sl-small-"]::before, [class*=" sl-small-"]::before { font-family: 'streamline-small-cs'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sl-small-car-battery:before { content: "\61"; } .sl-small-car-key:before { content: "\62"; } .sl-small-electric-wrench:before { content: "\63"; } .sl-small-check-shield:before { content: "\64"; } .sl-small-truck:before { content: "\65"; } .sl-small-truck-tow:before { content: "\66"; } .sl-small-clock:before { content: "\67"; } .sl-small-phone-call:before { content: "\68"; } .sl-small-phone-circle:before { content: "\69"; } .sl-small-location-map:before { content: "\6a"; } .sl-small-car:before { content: "\6b"; } .sl-small-car-check:before { content: "\6c"; } .sl-small-car-checklist:before { content: "\6d"; } .sl-small-car-fix:before { content: "\6e"; } .sl-small-service-24h:before { content: "\6f"; } .sl-small-car-oil:before { content: "\70"; } .sl-small-car-lock:before { content: "\71"; } .sl-small-car-music:before { content: "\72"; } .sl-small-car-setting:before { content: "\73"; } .sl-small-check:before { content: "\74"; } .sl-small-eco-fuel:before { content: "\75"; } .sl-small-eco-fuel-barrel:before { content: "\76"; } .sl-small-eco-globe:before { content: "\77"; } .sl-small-eco-car:before { content: "\78"; } .sl-small-eco-nature:before { content: "\79"; } .sl-small-inflator-pump:before { content: "\7a"; } .sl-small-lightbulb:before { content: "\41"; } .sl-small-gps:before { content: "\42"; } .sl-small-oil-can:before { content: "\43"; } .sl-small-oil-gauge:before { content: "\44"; } .sl-small-oil-station:before { content: "\45"; } .sl-small-piggy-bank:before { content: "\46"; } .sl-small-road:before { content: "\47"; } .sl-small-seatbelt-lock:before { content: "\48"; } .sl-small-share-time:before { content: "\49"; } .sl-small-steering-wheel:before { content: "\4a"; } .sl-small-car-audio:before { content: "\4b"; } .sl-small-engine-belt:before { content: "\4c"; } .sl-small-camper:before { content: "\4d"; } .sl-small-wallet:before { content: "\4e"; } .sl-small-parking-sensor:before { content: "\4f"; } .sl-small-wrench:before { content: "\50"; } .sl-small-wrench-double:before { content: "\51"; } .sl-small-windshield:before { content: "\52"; } .sl-small-alarm:before { content: "\53"; } .sl-small-car-2:before { content: "\54"; } .sl-small-car-3:before { content: "\55"; } .sl-small-cog-double:before { content: "\56"; } .sl-small-email:before { content: "\57"; } .sl-small-gearbox:before { content: "\58"; } .sl-small-gauge:before { content: "\59"; } .sl-small-garage:before { content: "\5a"; } .sl-small-tunning:before { content: "\30"; } .sl-small-phone-call-24h:before { content: "\31"; } .sl-small-phone:before { content: "\32"; } .sl-small-video:before { content: "\33"; } .sl-small-image:before { content: "\34"; } .sl-small-images:before { content: "\35"; } .sl-small-quote:before { content: "\36"; } .sl-small-screwdriver:before { content: "\37"; } .sl-small-signal-warning:before { content: "\38"; } .sl-small-snow-crystal:before { content: "\39"; } .sl-small-speed-gauge:before { content: "\21"; } .sl-small-air-conditioning:before { content: "\40"; } .sl-small-heating:before { content: "\23"; } .sl-small-toolbox:before { content: "\24"; } .sl-small-engine-belt-2:before { content: "\25"; } .sl-small-toolbox-2:before { content: "\5e"; } .sl-small-wrench-screwdriver:before { content: "\26"; } .sl-small-caution-fence:before { content: "\2a"; } .sl-small-certificate:before { content: "\28"; } .sl-small-fax:before { content: "\29"; } .sl-small-headlight:before { content: "\2d"; } .sl-small-facebook:before { content: "\3d"; } .sl-small-twitter:before { content: "\5b"; } .sl-small-google-plus:before { content: "\5d"; } .sl-small-youtube:before { content: "\3b"; } .sl-small-pen:before { content: "\27"; } .sl-small-faq:before { content: "\5c"; } .sl-small-testimonials:before { content: "\2c"; } .sl-small-team:before { content: "\2e"; } .sl-small-person:before { content: "\2f"; } .sl-small-percent:before { content: "\60"; } .sl-small-shopping-cart:before { content: "\7e"; } .sl-small-check-2:before { content: "\7b"; } .sl-small-payment:before { content: "\7d"; } .sl-small-coffee:before { content: "\22"; } .sl-small-checklist:before { content: "\7c"; } .sl-small-fax-2:before { content: "\3c"; } .sl-small-user-chat:before { content: "\3e"; } @charset "UTF-8"; @font-face { font-family: "template-cs"; src:url("/Content/fonts/template/font/template-cs.eot"); src:url("/Content/fonts/template/font/template-cs.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/template/font/template-cs.woff") format("woff"), url("/Content/fonts/template/font/template-cs.ttf") format("truetype"), url("/Content/fonts/template/font/template-cs.svg#template-cs") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "template-cs" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; vertical-align: middle; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="template-"]:before, [class*=" template-"]:before { font-family: "template-cs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; vertical-align: middle; speak: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .template-arrow-left-1:before { content: "a"; } .template-arrow-right-1:before { content: "b"; } .template-arrow-left-2:before { content: "c"; } .template-arrow-right-2:before { content: "d"; } .template-arrow-menu:before { content: "e"; } .template-search:before { content: "j"; } .template-shopping-cart:before { content: "k"; } .template-phone:before { content: "l"; } .template-mail:before { content: "m"; } .template-clock:before { content: "n"; } .template-location:before { content: "o"; } .template-eye:before { content: "p"; } .template-bubble:before { content: "q"; } .template-arrow-up:before { content: "r"; } .template-calendar:before { content: "s"; } .template-arrow-dropdown:before { content: "t"; } .template-arrow-circle-down:before { content: "g"; } .template-arrow-circle-right:before { content: "h"; } .template-delete-marker-1:before { content: "f"; } .template-bullet:before { content: "i"; } .template-pencil:before { content: "u"; } .template-tag:before { content: "v"; } .template-folder2:before { content: "w"; } .template-user:before { content: "x"; } @charset "UTF-8"; @font-face { font-family: "social"; src:url("/Content/fonts/social/font/social.eot"); src:url("/Content/fonts/social/font/social.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/social/font/social.woff") format("woff"), url("/Content/fonts/social/font/social.ttf") format("truetype"), url("/Content/fonts/social/font/social.svg#social") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "social" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; vertical-align: middle; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="social-"]:before, [class*=" social-"]:before { font-family: "social" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; vertical-align: middle; speak: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-facebook:before { content: "a"; } .social-twitter:before { content: "b"; } .social-google-plus:before { content: "c"; } .social-youtube:before { content: "d"; } .social-linkedin:before { content: "e"; } .social-pinterest:before { content: "f"; } .social-dribble:before { content: "g"; } .social-skype:before { content: "h"; } .social-tumblr:before { content: "i"; } .social-instagram:before { content: "j"; } .social-xing:before { content: "k"; } .social-flickr:before { content: "l"; } .social-foursquare:before { content: "m"; } .social-rss:before { content: "n"; } .social-behance:before { content: "o"; } .social-picasa:before { content: "p"; } .social-stumbleupon:before { content: "r"; } .social-vimeo:before { content: "s"; } .social-houzz:before { content: "t"; } .social-yelp:before { content: "q"; } .social-github:before { content: "u"; } .social-reddit:before { content: "v"; } .social-soundcloud:before { content: "w"; } .social-vk:before { content: "x"; } .social-vine:before { content: "y"; } .social-angies-list:before { content: "z"; } /* --- general --- */ .clearfix:after { font-size: 0px; content: "."; display: block; height: 0px; visibility: hidden; clear: both; } body { /*background: url("../Content/images/PatternDiagonal.Png"); background-size: 100px;*/ background: url("../Content/images/CGSCarCleaning Carwash Background.png") fixed no-repeat center 0; padding: 0; margin: 0; font-family: 'Open Sans'; font-size: 14px; color: #777; background-color: #FFF; } a { text-decoration: none; outline: none; } a:hover { text-decoration: underline; } a img { display: block; transition: opacity 0.3s ease 0s; opacity: 1; max-width: 100%; height: auto; } a:hover img { opacity: 0.8; } p { font-family: 'Open Sans'; padding: 1em 0; color: #777; line-height: 26px; } .footer-row { background-color: #1E69B8; } .footer-row p { color: #FFF; } p.description { font-family: 'Open Sans'; font-size: 18px; font-weight: 600; line-height: 32px; padding: 0; margin-top: 34px; letter-spacing: 0px; } p a { color: #1E69B8; } .footer-row p a { color: #FFF; } strong { color: #000; } blockquote { text-align: center; font-family: 'Open Sans'; font-size: 18px; font-weight: 300; font-style: italic; color: #777; line-height: 30px; background: #F5F5F5; padding: 30px 70px 40px; text-align: center; } blockquote:before { display: block; font-size: 48px; text-align: center; margin-bottom: 20px; color: #A4AAB3; } pre { font-family: 'Courier new'; font-size: 14px; line-height: 170%; background: url('../images/code_background.png') repeat; text-shadow: 0 1px 0 #FFF; zoom: 1; filter: dropshadow(color=#ffffff, offx=0, offy=1); padding: 0 5px; margin: 0; overflow: auto; } label { color: #25282A; } .relative { position: relative; } .responsive { display: block; width: 100%; height: auto; } input, textarea { font-family: 'Open Sans'; border: 1px solid #E2E6E7; font-size: 14px; line-height: 24px; padding: 12px 15px; color: #777; margin: 0; } input[type='number'] { appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; -webkit-appearance: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } table { width: 100%; } table td, table th { padding: 18px 30px; font-family: 'Open Sans'; font-size: 14px; line-height: 24px; } table td, table th { border-left: 1px solid #E2E6E7; } table td:first-child, table th:first-child { text-align: right; border-left: none; } table tr:nth-child(odd) { background: #F5F5F5; } .radius { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } img.radius { max-width: 100%; } .float { float: left; } .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .padding-bottom-17 { padding-bottom: 17px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-25 { padding-bottom: 25px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-bottom-61 { padding-bottom: 61px; } .padding-bottom-66 { padding-bottom: 66px; } .padding-bottom-70 { padding-bottom: 70px; } .padding-bottom-87 { padding-bottom: 87px; } .padding-top-7 { padding-top: 7px; } .padding-top-30 { padding-top: 30px; } .padding-top-43 { padding-top: 43px; } .padding-top-54 { padding-top: 54px; } .padding-top-70 { padding-top: 70px; } .padding-top-bottom-30 { padding: 30px 0; } .padding-left-right-100 { padding: 0 100px; } .margin-top-0 { margin-top: 0 !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-20 { margin-top: 20px; } .margin-top-26 { margin-top: 26px; } .margin-top-30 { margin-top: 30px; } .margin-top-34 { margin-top: 34px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-58 { margin-top: 58px; } .margin-top-67 { margin-top: 67px; } .margin-top-70 { margin-top: 70px !important; } .margin-bottom-70 { margin-bottom: 70px; } .nounderline, .nounderline:hover { text-decoration: none; } .top-border { border-top: 1px solid #E2E6E7; } .footer-row .top-border { border-top: 1px solid #888A8E; } /* --- site container --- */ .site-container { background: #FFF; } .site-container.boxed { max-width: 1310px; margin-left: auto; margin-right: auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10); } body.overlay .site-container { position: relative; z-index: 2; } /* --- headers --- */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Open Sans': margin: 0; padding: 0; color: #333; font-weight: 600; letter-spacing: 1px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333; transition: opacity 0.3s ease 0s; opacity: 1; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { opacity: 0.6; text-decoration: none; } .footer-row h1, .footer-row h2, .footer-row h3, .footer-row h4, .footer-row h5, .footer-row h6, .footer-row h1 a, .footer-row h2 a, .footer-row h3 a, .footer-row h4 a, .footer-row h5 a, .footer-row h6 a { color: #FFF; } h1, .h1 { font-size: 22px !important; line-height: 34px !important; } h2, .h2 { font-size: 33px !important; line-height: 44px !important; font-weight: 300 !important; } h3, .h3 { font-size: 22px !important; line-height: 34px !important; font-weight: 400 !important; } h4, .h4 { font-size: 18px !important; line-height: 28px !important; } h5, .h5 { font-size: 17px !important; line-height: 27px !important; } h6, .h6 { font-size: 14px !important; line-height: 26px !important; } h2.box-header, .h2.box-header, .h4.box-header { text-align: center; } h2.box-header.align-left { text-align: left; } .box-header:after { display: block; content: ""; background: #1E69B8; width: 40px; height: 2px; margin-top: 13px; } h2.box-header:after, .h2.box-header:after, .h4.box-header:after { width: 80px; margin-left: auto; margin-right: auto; margin-top: 20px; } h2.box-header.align-left:after, .h2.box-header.align-left:after { margin-left: 0; } h3 .more { margin-left: 50px; } .footer-row h6.box-header:after { background: #AEAFB0; } /* --- header --- */ .header-container { padding: 26px 0; } .header-top-bar-container { background-color: #F5F5F5; } .header-top-bar-container .header-toggle { display: none; clear: both; text-align: center; color: #777; padding: 15px 0; } .header-top-bar-container .header-toggle:hover { color: #000; } .header-top-bar-container .header-toggle { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -ms-filter: fliph; filter: fliph; } .header-top-bar-container .header-toggle.active { -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .header-top-bar, .header { width: 1170px; margin-left: auto; margin-right: auto; } .header .logo img { height: 85px; } .header h1 { font-size: 34px; font-weight: 800; color: #1E69B8; line-height: 1; letter-spacing: 0; } .header h1 a { color: #1E69B8; } .header h1 a:hover { opacity: 1; } /* --- page header --- */ .page-header { height: 100px; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05) inset; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05) inset; } .page-header-left { float: left; width: 400px; } .page-header-right { float: right; width: 650px; } .page-header-right label { float: left; } /* --- bread crumbs --- */ .bread-crumb-container { float: right; padding: 7px 0; } .bread-crumb { float: left; } .bread-crumb li { float: left; margin-left: 10px; } .bread-crumb-container label, .bread-crumb li, .bread-crumb li a { font-family: 'Open Sans'; font-weight: 500; font-size: 13px; color: #A4AAB3; line-height: 20px; } .bread-crumb li a { color: #777; } .bread-crumb li:last-child { color: #1E69B8; } /* --- menu --- */ .menu-container { width: 800px; /*float: right;*/ } .menu-container nav { float: right; } .header-container.sticky.move { position: fixed; top: 0; width: 100%; z-index: 1001; background: #FFF; padding: 16px 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .boxed .header-container.sticky.move { max-width: 1310px; width: 100%; } .sf-menu { float: none; padding: 0; margin: 0; } .sf-menu li { border: none; overflow: hidden; } .sf-menu li, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: none #fff; } .sf-menu li:hover a, .sf-menu li:hover a:visited { color: #1E69B8; } .sf-menu li a, .sf-menu li a:visited { font-family: 'Open Sans'; font-size: 16px; font-weight: 400; line-height: 26px; color: #777; padding: 12px 0 12px 26px; border: none; } .sf-menu li li a, .sf-menu li li a:visited { font-size: 14px; } .sf-menu a:hover, .sf-menu a:visited:hover { color: #1E69B8; } .sf-menu li.selected a { color: #1E69B8; font-weight: 600; } body .header-container .menu-container .sf-menu > li:first-child > a { padding-left: 0; } .sf-menu li ul { border: 1px solid #E2E6E7; } .sf-menu li ul { width: 218px; } .sf-menu li:hover, .sf-menu li.sfHover { overflow: visible; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 48px; left: 5px; } .sf-menu li.left-flyout:hover ul, .sf-menu li.left-flyout.sfHover ul { left: auto; right: 0; } .sf-menu > li:first-child:hover ul, .sf-menu > li:first-child.sfHover ul { left: -21px; } .sf-menu li ul li { width: 218px; height: auto; padding: 0; border: none; } .menu-container .sf-menu li ul li a, .menu-container .sf-menu li.selected ul li a, .menu-container .sf-menu li:hover ul li a { color: #777; border-top: 1px solid #E2E6E7; background-color: #FFF; padding: 12px 20px 13px; background-image: none; } .menu-container .sf-menu li ul li:first-child a { border-top: none; } .menu-container .sf-menu li ul li a:hover, .menu-container .sf-menu li ul li.selected a, .menu-container .sf-menu li:hover ul li.selected a, .menu-container .sf-menu li:hover ul li.selected ul li a:hover, .menu-container .sf-menu li:hover ul li ul li.selected a, .menu-container .sf-menu li:hover ul li.selected ul li.selected a, .menu-container .sf-menu li:hover ul li.sfHover > a { color: #1E69B8; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 218px; z-index: 2 !important; } ul.sf-menu li li:first-child:hover ul, ul.sf-menu li li.sfHover:first-child ul, ul.sf-menu li li:first-child li:first-child:hover ul, ul.sf-menu li li:first-child li.sfHover:first-child ul { top: -1px; } /*#waspas { border: 2px solid #1E69B8; background-color: #1E69B8; margin-left: 25px; padding-right: 26px; color: white; }*/ /* --- mobile menu --- */ .mobile-menu-container { display: none; } .header .mobile-menu-switch, .mobile-menu, .mobile-menu-divider { display: none; margin-left: auto; margin-right: auto; } .mobile-menu-divider { margin-top: 15px; } .mobile-menu li a { display: block; color: #25282A; background: #F0F0F0; font-size: 14px; font-family: 'Open Sans'; line-height: 24px; padding: 12px 20px; margin-bottom: 1px; } .mobile-menu li.selected a, .mobile-menu li.selected ul li.selected a, .mobile-menu li.selected ul li.selected ul li.selected a { background: #1E69B8; color: #FFF; } .mobile-menu li ul a { font-size: 14px; padding-left: 40px; } .mobile-menu li ul ul a { font-size: 13px; padding-left: 80px; } .mobile-menu li.selected ul a, .mobile-menu li.selected ul li.selected ul a { color: #25282A; background: #F0F0F0; } .mobile-menu-switch .line { display: block; width: 30px; height: 3px; background: #777; margin-top: 6px; } .mobile-menu-switch .line:first-child { margin-top: 0; } .mobile-menu-switch:hover .line { background: #1E69B8; } /* --- vertical menu --- */ .vertical-menu li a { display: block; background: transparent; border-bottom: 1px solid #E2E6E7; padding: 17px 18px 18px 19px; font-family: 'Open Sans'; line-height: 24px; color: #777; } .vertical-menu li.selected a { background: #1E69B8; border-color: #1E69B8; } .vertical-menu li:hover a, .vertical-menu li:hover a span { color: #1E69B8; } .vertical-menu li.selected a, .vertical-menu li.selected a span { color: #FFF; } .vertical-menu li a span { float: right; color: #A4AAB3; font-size: 11px; } /* --- page --- */ .theme-page { } .page-margin-top { margin-top: 50px; } .page-margin-top-section { margin-top: 65px; } .page-padding-top { padding-top: 50px; } .page-padding-top-section { padding-top: 65px; } /* --- vertical align --- */ .vertical-align-table { display: table; } .vertical-align { display: table-row; } .vertical-align-cell { display: table-cell; vertical-align: middle; } /* --- page layout --- */ .flex-box { display: block; display: flex; display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; } .flex-hide { display: none; } @media all and (min-width:0\0) and (min-resolution: .001dpcm) { .flex-hide { display: inline; } .flex-hide.wpb_single_image img { width: 100%; height: auto; } } .row { width: 1170px; margin-left: auto; margin-right: auto; } .column .row { width: auto; } .row.full-width { width: 100%; } .row.gray { background: #F5F5F5; } .row.dark-gray { background: #73767A; } .row:after { font-size: 0px; content: "."; display: block; height: 0px; visibility: hidden; clear: both; } .column { position: relative; float: left; margin-left: 30px; } .column:first-child, .column.first, .row.full-width > .column.column-1-2 .column-1-3:first-child { margin-left: 0; } .column-1-1 { width: 100%; } .column-1-2 { width: 570px; } .row.full-width > .column-1-2 { width: 50%; } .row.full-width > .column-1-2 .column-1-3 { width: 30%; } .row.full-width > .column.column-1-2 { margin: 0; } .row.full-width > .column.column-1-2 .column-1-3 { margin-left: 5%; } .column-1-3, .column-2-3 .column-1-2 { width: 370px; } .column-2-3 { width: 770px; } .column-1-3 .column-1-2 { width: 150px; } .column-2-3 .column-1-3 { width: 210px; } .column-1-4, .column-1-2 .column-1-2, .column-3-4 .column-1-3 { width: 270px; } .column-3-4 { width: 870px; } .column-3-4 .column-1-2 { width: 420px; } .column-right { float: right; } .columns.no-width .column-left, .columns.no-width .column-right { width: auto; } .column-1-6 { width: 170px; } /* --- 404 page --- */ .page-404 h1 { font-size: 196px; font-weight: 600; } .page-404 h2 { font-size: 42px; font-weight: 700; } .page-404 h1, .page-404 h2 { text-align: center; color: #E2E6E7; line-height: 1; } /* --- services --- */ .services-list li { float: left; width: 390px; background: #FFF; padding-bottom: 30px; } .services-list li h4 { border-left: 1px solid #E2E6E7; background: #F5F5F5; padding: 17px 15px 18px 20px; } .services-list li h4 span { float: right; color: #1E69B8; font-size: 20px; line-height: 24px; } .services-list li:nth-child(3n+1) h4, .services-list li:nth-child(3n+1) p { border-left: none; } .services-list li h4.box-header:after { content: none; } .services-list li p { border-left: 1px solid #E2E6E7; background: #F5F5F5; font-family: 'Open Sans'; font-size: 14px; line-height: 24px; padding: 0 20px 20px; } .services-list a > .re-preloader { height: 260px; } /* --- galleries --- */ .galleries-list { width: 100%; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; } .galleries-list li { position: relative; float: left; width: 25%; overflow: hidden; } .galleries-list.isotope li { width: 270px; height: 180px; margin-top: 30px; } .galleries-list li img { width: 100%; } .galleries-list a > .re-preloader { height: 250px; } .galleries-list li .view { position: absolute; top: 0; background: rgba(62, 73, 91, 0.4); width: 100%; height: 100%; opacity: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .galleries-list li:hover .view { opacity: 1; } .galleries-list li .view .vertical-align-table { width: 100%; height: 100%; } .galleries-list li .view p.description { color: #FFF; margin-top: -20px; margin-bottom: 55px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .galleries-list li:hover .view p.description { margin-bottom: 35px; } .galleries-list li .view .more.simple { color: #FFF; padding: 14px 20px 15px; } /* --- features --- */ .features-list li { float: left; width: 100%; margin-top: 50px; } .features-list.big li { text-align: center; } .features-list li:first-child { margin-top: 0; } .features-list li .icon { float: left; clear: both; margin-top: 23px; } .features-list li .icon:before { font-size: 48px; margin-right: 30px; color: #1E69B8; } .features-list.big li:before { clear: both; float: none; display: block; width: 60px; font-size: 60px; margin-left: auto; margin-right: auto; padding: 39px; } .hexagon div:before { position: relative; z-index: 2; color: #1E69B8; clear: both; float: none; display: block; font-size: 48px; padding: 10px; margin-left: auto; margin-right: auto; } .hexagon { position: relative; width: 116px; height: 66.97px; background-color: transparent; margin: 33.49px 0; border-left: solid 2px #1E69B8; border-right: solid 2px #1E69B8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: auto; margin-right: auto; transform: rotate(0.0001deg); -webkit-transform: rotate(0.0001deg); -ms-transform: rotate(0.0001deg); -webkit-backface-visibility: hidden; } .hexagon:before, .hexagon:after { content: ""; position: absolute; z-index: 1; width: 82.02px; height: 82.02px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 14.9878px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .hexagon:before { top: -41.0122px; border-top: solid 2.8284px #1E69B8; border-right: solid 2.8284px #1E69B8; } .hexagon:after { bottom: -41.0122px; border-bottom: solid 2.8284px #1E69B8; border-left: solid 2.8284px #1E69B8; } .hexagon.small div::before { padding: 2px; } .hexagon.small { width: 90px; height: 51.96px; margin: 25.98px auto; border-left: solid 1px #E2E6E7; border-right: solid 1px #E2E6E7; } .hexagon.small:before, .hexagon.small:after { width: 63.64px; height: 63.64px; left: 12.1802px; } .hexagon.small:before { top: -31.8198px; border-top: solid 1.4142px #E2E6E7; border-right: solid 1.4142px #E2E6E7; } .hexagon.small:after { bottom: -31.8198px; border-bottom: solid 1.4142px #E2E6E7; border-left: solid 1.4142px #E2E6E7; } .features-list li h4 { padding-bottom: 5px; } .features-list li p { font-family: 'Open Sans'; font-size: 14px; line-height: 24px; padding: 0; margin-top: 16px; margin-left: 78px; } .features-list.big li h4 { margin-top: 66px; } .features-list.big li h4:after { margin-top: 20px; margin-left: auto; margin-right: auto; } .features-list.big li p { width: 95%; margin-left: auto; margin-right: auto; } .features-list.big .ornament { position: relative; width: 1px; height: 20px; margin-left: auto; margin-right: auto; margin-bottom: 13px; background: #E2E6E7; } .features-list.big .ornament:after { position: absolute; content: ""; border: 1px solid #E2E6E7; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 11px; height: 11px; left: -6px; bottom: -13px; } /* --- testimonials --- */ .testimonials-container { position: relative; } .testimonials-container .caroufredsel_wrapper_testimonials { width: 1050px !important; left: 60px !important; } .testimonials-list li { float: left; width: 1050px; text-align: center; } .testimonials-list .hexagon div::before { color: #FFF; } .testimonials-list p { font-family: 'Open Sans'; font-style: italic; font-weight: 300; font-size: 21px; color: #FFF; line-height: 36px; padding: 40px 130px 0; } .testimonials-list p:after { display: block; content: ""; background: #E2E6E7; width: 40px; height: 1px; margin-top: 45px; margin-bottom: 11px; margin-left: auto; margin-right: auto; } .testimonials-list h6 { color: #FFF; } .testimonials-list .author-details { margin-top: 7px; font-family: 'Open Sans'; font-weight: 500; font-size: 11px; color: #FFF; line-height: 16px; letter-spacing: 1px; } /* --- our clients --- */ .our-clients-list-container { overflow: hidden; text-align: center; } .our-clients-list li { float: left; width: 170px; height: 120px; margin-right: 30px; } .our-clients-list li img { width: 100%; height: auto; } .our-clients-pagination { display: inline; } .our-clients-pagination a { display: inline-block; width: 7px; height: 7px; background: #FFF; border: 2px solid #E2E6E7; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-left: 10px; margin-top: 48px; } .our-clients-pagination a:first-child { margin-left: 0; } .our-clients-pagination a.selected, .our-clients-pagination a:hover { border-color: #1E69B8; } .our-clients-pagination span { display: none; } /* --- contact details --- */ .contact-details-list li:before { display: block; float: left; width: 48px; height: 48px; font-size: 48px; color: #FFF; margin-right: 30px; margin-top: 20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .contact-details-list li p { font-family: 'Open Sans'; font-size: 21px; line-height: 32px; padding: 12px 0; margin-left: 78px; color: #FFF; font-weight: 300; } .contact-details-list li p a { color: #A3B0C2; } /* --- slider control --- */ .slider-control { position: absolute; width: 26px; height: 26px; color: #FFF; border: 1px solid #E2E6E7; padding: 16px; top: 40.2%; font-size: 24px; z-index: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .slider-control.right { right: 0; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; filter: fliph; } .slider-control:hover { background: #1E69B8; border-color: #1E69B8; } /* --- backgrounds --- */ .background-1 { background-image: url('../images/samples/960x680/image_01.jpg'); background-size: cover; background-position: center; } /* --- parallax --- */ .parallax-1 { background-image: url('../images/samples/1920x1200/image_01.jpg'); } .parallax-2 { background-image: url('../images/samples/1920x1200/image_02.jpg'); } .parallax, .parallax h2, .parallax h4, .parallax p, .parallax .features-list li::before { color: #FFF; } .parallax.cover { background-size: cover; } /* --- counters --- */ span.number, span.odometer.number { margin-top: 10px; font-family: 'Open Sans'; font-weight: 300; font-size: 48px; color: #A4AAB3; visibility: visible; } span.number.sign { position: relative; top: 4px; vertical-align: middle; } /* --- blog --- */ .blog > li { clear: both; margin-top: 70px; } .blog > li:first-child, .blog.small > li:first-child { margin-top: 0; } .blog .post-image, .blog .post-content, .blog .post-details, .blog .post-content-details li { float: left; } .blog .post-details { width: 90px; margin-right: 30px; font-family: 'Open Sans'; font-weight: 500; font-size: 13px; color: #A4AAB3; line-height: 20px; } .blog .post-details a { color: #A4AAB3; } .blog .post-content { width: 750px; } .blog h3.box-header { margin-top: 30px; } .blog h3.box-header:after { width: 80px; margin-top: 20px; } #index h3.box-header { margin-top: 0; } .blog .re-preloader { height: 300px; } .blog .post-content .row { width: auto; } .blog.small .post-content { width: 160px; } .blog .post-details li { border-top: 1px solid #E2E6E7; border-right: 1px solid #E2E6E7; text-align: center; padding: 10px 0; } .blog .post-details li:first-child { border-top: none; } .blog .post-details .date h2, .blog .post-details li:before { color: #A4AAB3; } .blog .post-details li.date:before { display: none; } .blog .post-details li:before { display: block; margin-bottom: 2px; font-size: 14px; } .blog .post-content-details-container { clear: both; border-bottom: 1px solid #E2E6E7; padding: 20px 0; } .blog .post-content-details { float: left; } .blog .post-content-details li { font-family: 'Open Sans'; font-weight: 400; font-size: 13px; color: #A4AAB3; line-height: 16px; padding: 0 14px; border-left: 1px solid #E2E6E7; margin-top: 3px; margin-bottom: 3px; } .blog .post-content-details li:first-child { padding-left: 0; border-left: none; } .blog .post-content-details li:last-child { padding-right: 0; } .blog .post-content-details li:before { float: left; margin-top: 1px; margin-right: 10px; } .blog .post-content-details.right { float: right; } .blog .post-content-details li a { color: #777; } .blog p { margin-top: 18px; } .blog .post-image { width: 100%; } .blog.small > li { float: left; margin-top: 30px; } .blog.small .post-content a { display: block; font-family: 'Open Sans'; font-size: 14px; color: #777; line-height: 24px; } .blog.small .post-image { width: auto; margin-bottom: 0; margin-right: 20px; } .blog.small li .post-details { width: auto; clear: both; margin-top: 13px; margin-right: 0; } .blog.small li .post-details li { text-align: left; padding: 0; border: none; } .column-1-2 .blog .post-content { width: 450px; } /* --- single post --- */ .post.single { border-bottom: 1px solid #E2E6E7; padding-bottom: 50px; } .post.single p { font-family: 'Open Sans'; font-size: 14px; line-height: 24px; } .post.single blockquote, .post.single p, .post.single h3, .post.single h4, .post.single h5 { margin-top: 24px; } /* --- taxonomies --- */ .taxonomies li { float: left; margin-right: 7px; margin-bottom: 7px; } .taxonomies a { display: block; border: 1px solid #E2E6E7; color: #A4AAB3; line-height: 16px; letter-spacing: 1px; font-family: 'Open Sans'; font-size: 11px; font-weight: 500; padding: 10px 12px; text-align: left; } .taxonomies a:hover { color: #FFF; background: #1E69B8; border-color: #1E69B8; } .taxonomies.full-width li { width: 100%; margin-right: 0; } .taxonomies a span { float: right; } .footer-row .taxonomies a { background: transparent; border-color: #888A8E; color: #D5D5D5; } .footer-row .taxonomies a:hover { border-color: #FFF; color: #FFF; } /* --- buttons --- */ .buttons li a { display: block; background: transparent; border-bottom: 1px solid #e2e6e7; padding: 17px 18px 18px 19px; font-family: 'Open Sans'; line-height: 24px; color: #777; } .buttons li:before { color: #1E69B8; float: left; font-size: 24px; margin-right: 19px; margin-top: 17px; margin-left: 20px; } .buttons li:hover a { color: #1E69B8; } .buttons li.selected a { background: #1E69B8; border-color: #1E69B8; color: #FFF; } .buttons li.selected:before { color: #FFF; } /* --- announcement --- */ .announcement { width: 1170px; margin-left: auto; margin-right: auto; padding: 35px 0; } .announcement .vertical-align-cell:before { float: left; font-size: 48px; margin-right: 30px; color: #1E69B8; border: 1px solid #E2E6E7; padding: 19px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .announcement .vertical-align { height: 88px; } .announcement h3, .announcement .h3 { margin-left: 118px; } .announcement p.description { margin-top: 14px; margin-left: 118px; /*white-space: nowrap;*/ } /* --- call to action --- */ .call-to-action { border: 1px solid #E2E6E7; padding: 30px 18px 50px; text-align: center; transition: opacity 0.3s ease 0s; } .call-to-action.active { border-color: #1E69B8; transition: border 0.3s ease-in 0s; } .call-to-action .hexagon { background: #F5F5F5; border-color: #F5F5F5; } .call-to-action .hexagon::before, .call-to-action .hexagon::after { border-color: #F5F5F5; } .call-to-action p.description { margin-top: 15px; margin-bottom: 53px; } .call-to-action .more { margin-top: 28px; } /* --- comment form, contact form --- */ .comment-form input, .comment-form textarea, .contact-form input, .contact-form textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; } .comment-form input, .contact-form input { margin-top: 20px; } .comment-form input:first-child, .contact-form input:first-child { margin-top: 0; } .comment-form textarea, .contact-form textarea { height: 190px; resize: none; } .comment-form [type='submit'], .contact-form [type='submit'] { width: auto; font-size: 12px; color: #25282a; margin-top: 0; outline: none; } .contact-form .more.display-block { display: block; } #cancel-comment { display: none; font-size: 12px; margin-right: 20px; color: #1E69B8; } .comment-form .hint, .contact-form .hint { color: #A4AAB3; } ::-webkit-input-placeholder { color: #A4AAB3; } :-moz-placeholder { color: #A4AAB3; opacity: 1; } ::-moz-placeholder { color: #A4AAB3; opacity: 1; } :-ms-input-placeholder { color: #A4AAB3; } /* --- tooltip --- */ .ui-tooltip-error .ui-tooltip-content, .ui-tooltip-success .ui-tooltip-content { font-size: 13px; font-family: arial; color: #FFF; } .ui-tooltip-error .ui-tooltip-content, .ui-tooltip-success .ui-tooltip-content { border: none; } .ui-tooltip-content { padding: 10px 20px 10px 20px; } .ui-tooltip-error .ui-tooltip-content { background: #E9431C; } .ui-tooltip-success .ui-tooltip-content { background: #61911B; } /* --- comments list --- */ .comment { margin-top: 30px; } #comments-list > .comment:first-child { margin-top: 40px; } .comment-author-avatar { float: left; width: 90px; height: 90px; } .avatar-1 { background-image: url("../images/samples/90x90/users/image_01.png"); } .avatar-2 { background-image: url("../images/samples/90x90/users/image_02.png"); } .avatar-3 { background-image: url("../images/samples/90x90/users/image_03.png"); } .avatar-4 { background-image: url("../images/samples/90x90/users/image_04.png"); } .avatar-5 { background-image: url("../images/samples/90x90/users/image_05.png"); } .avatar-6 { background-image: url("../images/samples/90x90/users/image_06.png"); } .avatar-7 { background-image: url("../images/samples/90x90/users/image_07.png"); } .avatar-8 { background-image: url("../images/samples/90x90/users/image_08.png"); } .posted-by h6 { letter-spacing: 0; } .posted-by abbr { font-family: 'Open Sans'; color: #A4AAB3; font-size: 13px; margin-top: 7px; font-weight: 400; line-height: 20px; text-decoration: none; } .posted-by .in-reply { margin-left: 5px; color: #A4AAB3; } #comments-list .comment-details { float: left; width: 750px; margin-left: 30px; } #comments-list .comment-details p { font-family: 'Open Sans'; font-size: 14px; line-height: 24px; border-bottom: 1px solid #E2E6E7; padding: 24px 0; } #comments-list .children { clear: both; float: left; margin-left: 120px; } #comments-list .children .children { margin-left: 0; } #comments-list .children .comment-details { width: 630px; } #comments-list .comment-details .more { float: right; color: #A4AAB3; margin-top: -22px; font-weight: 500; font-size: 11px; line-height: 16px; } #comments-list .comment-details .more:hover { color: #FFF; } /* --- pagination --- */ .pagination { clear: both; float: right; } .pagination li { font-family: 'Open Sans'; float: left; margin-left: 7px; } .pagination li:first-child { margin-left: 0; } .pagination li.left a:before, .pagination li.right a:before { color: #A4AAB3; } .pagination li a:hover:before, .pagination li a.selected:before { color: #FFF; } .pagination li.left a, .pagination li.right a { padding: 11px 0; } .pagination li.right { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; filter: fliph; } .pagination li a { display: block; color: #A4AAB3; font-size: 14px; width: 38px; padding: 11px 0 13px; border: 1px solid #E2E6E7; text-align: center; } .pagination li a:hover, .pagination li.selected a { color: #FFF; background-color: #1E69B8; border-color: #1E69B8; } /* --- list bullet --- */ .list li { padding-top: 1px; padding-bottom: 1px; font-family: 'Open Sans'; font-size: 14px; line-height: 24px; padding-left: 30px; } .list.simple li { padding-left: 0; } .list.simple li span { float: left; min-width: 40%; } .list li a { color: #1E69B8; } li.template-bullet:before { color: #1E69B8; padding-right: 10px; margin-left: -30px; vertical-align: text-top; font-size: 18px; } .footer-row .list li { color: #FFF; } .footer-row li.template-bullet:before { color: #AEAFB0; } .footer-row .list li a { color: #FFF; } /* --- tabs navigation --- */ .tabs-navigation { width: 100%; padding: 0; margin: 0; list-style: none; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; background: none; border: none; text-align: center; } .tabs.align-left .tabs-navigation { text-align: left; } .tabs.align-left .ui-tabs-panel { text-align: left; } .tabs-navigation li { position: relative; display: inline-block; padding: 0; border: none; list-style: none; text-align: center; margin-left: 26px; } .tabs-navigation li:first-child { margin-left: 0; } .tabs-navigation.small.gray li a { border: 1px solid #E2E6E7; } .tabs-navigation.small li { margin-right: 6px; margin-bottom: 10px; margin-left: 0; } .tabs-navigation.small li a { min-width: 0; padding: 16px 20px 18px; } .tabs-navigation a:before { display: block; margin-left: auto; margin-right: auto; font-size: 48px; color: #1E69B8; padding: 20px 20px 12px; } .tabs-navigation li a { display: block; min-width: 180px; text-align: center; font-size: 14px; color: #777; background: #FFF; padding: 10px 0 23px; border: none; font-family: 'Open Sans'; line-height: 24px; outline: none; text-decoration: none; } .tabs-navigation li:last-child a { border-right: none; } .tabs-navigation li a:hover, .tabs-navigation li a.selected, .tabs-navigation li.ui-tabs-active a, .tabs-navigation.small.gray li a:hover, .tabs-navigation.small.gray li a.selected, .tabs-navigation.small.gray li.ui-tabs-active a { background: #1E69B8; border-color: #1E69B8; color: #FFF; } .tabs-navigation li a:hover:before, .tabs-navigation li a.selected:before, .tabs-navigation li.ui-tabs-active a:before { color: #FFF; } .tabs-navigation li.ui-tabs-active span { display: inline; position: absolute; border-style: solid; border-width: 9px 9px 0; border-color: #1E69B8 transparent; bottom: -9px; margin-left: -9px; } .tabs .ui-tabs-panel { text-align: center; padding: 42px 0 0; } .tabs.small .ui-tabs-panel { padding: 0; } .tabs .ui-tabs-panel p { font-family: 'Open Sans'; font-size: 14px; line-height: 24px; padding: 34px 0 0; } .tabs.small .ui-tabs-panel p { padding: 24px 0 0; } .tabs .ui-tabs-panel h4.box-header:after { margin-left: auto; margin-right: auto; } /* --- accordion --- */ .accordion li { border: 1px solid #E2E6E7; border-top: none; } .accordion li:first-child { border-top: 1px solid #E2E6E7; } .accordion .ui-accordion-content { padding: 30px 20px 20px; } .accordion .ui-accordion-header { padding: 18px 20px; cursor: pointer; font-family: 'Open Sans'; line-height: 24px; transition: padding-left 300ms, padding-right 300ms; -webkit-transition: padding-left 300ms, padding-right 300ms; -moz-transition: padding-left 300ms, padding-right 300ms; transition-timing-function: ease; -webkittransition-timing-function: ease; -mozkittransition-timing-function: ease; } .accordion .ui-accordion-header h4 { font-weight: 300; color: #777; letter-spacing: normal; line-height: 28px; margin-bottom: 1px; margin-left: 44px; } .accordion .ui-accordion-header .ui-accordion-header-icon { float: left; margin-right: 20px; font-size: 24px; color: #1E69B8; } .accordion .ui-accordion-header:hover { padding-left: 30px; padding-right: 10px; } .accordion .ui-accordion-header.ui-state-active:hover { padding: 18px 20px; } .accordion p.description { margin: 0; } /* --- preloader --- */ .re-preloader { display: block; height: auto; min-height: 20px; background: url('../images/preloader.gif') no-repeat center center; } /*.blog a.post-image > img, .post.single .post-image img, .our-clients-list, .services-list a > img, .galleries-list a > img, .re-preload > img { display: none; }*/ .galleries-list.isotope li > a, .galleries-list.isotope a > img { display: block; width: 270px; height: 180px; } .re-preload .re-preloader { height: 200px; } /* --- contact details --- */ .header-top-bar .contact-details { float: left; } .contact-details li { float: left; border-right: 1px solid #E2E6E7; font-family: 'Open Sans'; font-weight: 500; font-size: 13px; color: #999; line-height: 20px; padding: 15px 20px; } .contact-details li a { color: #999; } .contact-details li:first-child { border-left: 1px solid #E2E6E7; } .contact-details li:before { color: #A4AAB3; font-size: 14px; margin-right: 10px; padding-bottom: 1px; } /* --- social icons --- */ .social-icons li { float: left; border-right: 1px solid #E2E6E7; } .social-icons li:first-child { border-left: 1px solid #E2E6E7; } .social-icons a { display: block; color: #A4AAB3; } .social-icons a:hover { color: #FFF; background-color: #1e69b8; } .social-icons a:before { font-size: 14px; } .header-top-bar .social-icons { float: right; } .social-icons li a { padding: 17px; } .social-icons.gray li { background: transparent; border: 1px solid #888A8E; margin-left: 8px; } .social-icons.gray li:hover { border-color: #FFF; } .social-icons.gray li a { height: 18px; padding: 15px 17px; } .social-icons.gray li a:before { color: #AEAFB0; } .social-icons.gray li a:hover:before { color: #FFF; } .social-icons.gray li:first-child { margin-left: 0; } /* --- search --- */ .header-top-bar .search-container { float: right; position: relative; } .header-top-bar .template-search { display: block; font-size: 14px; padding: 17px; border-right: 1px solid #E2E6E7; color: #A4AAB3; } .template-search:hover { color: #777; } .search { position: absolute; display: none; width: 179px; right: 0; padding: 12px 10px; margin-top: 5px; background: #F5F5F5; z-index: 99; } .search .search-input { float: left; width: 91px; color: #777; font-size: 14px; background: #FFF; border: 1px solid #E2E6E7; margin: 0; padding: 12px 14px 12px 12px; } .search .search-input.hint { color: #858d94; } .search .search-input::-webkit-input-placeholder { color: #858d94; } .search .search-input:-moz-placeholder { color: #858d94; opacity: 1; } .search .search-input::-moz-placeholder { color: #858d94; opacity: 1; } .search .search-input:-ms-input-placeholder { color: #858d94; } .search .search-submit-container, .search-form .search-submit-container { position: relative; float: right; } .header-top-bar .search .template-search { padding: 18px 18px 17px 18px; border: none; } .search .search-submit-container:hover .template-search, .search-form .search-submit-container:hover .template-search { color: #777; } .search .search-submit, .search-form .search-submit { position: absolute; width: 50px; height: 50px; background: none; padding: 0; top: 0; left: 0; cursor: pointer; } .search-form input { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .search-form .template-search { position: relative; float: right; margin-top: -33px; margin-right: 20px; color: #A4AAB3; } .search-form .search-submit { top: -50px; left: -16px; border: none; } /* --- ui slider --- */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; 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 .ui-slider-handle { 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 dropdown --- */ /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .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, .datepicker-container span.ui-icon { right: 0; position: absolute; } .ui-datepicker { width: 538px; padding: 15px; border: 1px solid #E2E6E7; margin-top: -1px; } .ui-datepicker-header { padding: 15px; } .ui-datepicker table td, .ui-datepicker table th { border: none; font-size: 14px; text-align: center; } .ui-datepicker-title { text-align: center; color: #333; font-family: 'Open Sans'; font-weight: 600; } .ui-datepicker-next { float: right; } .ui-datepicker-prev span::before, .ui-datepicker-next span::before { content: "e"; font-family: "template-cs" !important; font-size: 16px; cursor: pointer; } .ui-datepicker-prev:hover, .ui-datepicker-next:hover { text-decoration: none; } .ui-datepicker-prev span { position: absolute; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; filter: fliph; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-datepicker td a { color: #777; } .ui-datepicker table tr:nth-child(2n+1) { background: #FFF; } .ui-datepicker-current-day { background: #1E69B8; } td.ui-datepicker-current-day a { color: #FFF; } /* --- cost calculator --- */ .cost-calculator-box { } .column-2-3 .cost-calculator-box .column-1-2 { width: 340px; } .cost-calculator-box:before { float: left; font-size: 48px; margin-right: 30px; color: #1E69B8; border: 1px solid #E2E6E7; padding: 19px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .cost-calculator-box:first-child { margin-top: 0; } .contact-form label { display: block; font-family: 'Open Sans'; font-size: 14px; font-weight: 600; color: #333; line-height: 26px; background: #F5F5F5; padding: 11px 16px 13px; } .cost-calculator-box .cost-slider-container { clear: both; margin-top: 20px; } .cost-calculator-box .checkboxes-list { clear: both; float: left; } .cost-calculator-box .checkboxes-list.top-border-none { margin-top: -1px; } .cost-calculator-box .checkboxes-list li { float: left; } .cost-calculator-box .checkboxes-list li .checkbox-label { border-left: none; } .cost-calculator-box .checkboxes-list li:first-child .checkbox-label { border-left: 1px solid #E2E6E7; } .cost-calculator-box input { float: right; width: 40px; margin-left: 30px; margin-top: 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } body .cost-calculator-box input.big { width: 100%; margin-left: 0; margin-top: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .cost-calculator-box.cost-calculator-contact input { width: 100%; margin-top: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .cost-calculator-box.cost-calculator-contact input:first-child { margin-top: 0; } .cost-calculator-box.cost-calculator-contact input[type='submit'] { width: auto; margin-top: 0; } .cost-calculator-sum { text-align: right; margin-top: 10px; } .cost-calculator-price { font-family: 'Open Sans'; font-weight: 300; font-size: 40px; color: #1E69B8; } .cost-calculator-box .checkbox-label { position: relative; border: 1px solid #E2E6E7; background: #FFF; color: #A4AAB3; font-weight: 400; padding: 12px 15px 10px 20px; cursor: pointer; } .cost-calculator-box .checkbox-label:before { position: relative; top: -2px; left: -4px; z-index: 1; font-size: 16px; color: #FFF; margin-right: 10px; } .cost-calculator-box input[type="checkbox"] { display: none; } .cost-calculator-box input[type="checkbox"]:checked + .checkbox-label { color: #333; background: #F5F5F5; } .cost-calculator-box input[type="checkbox"]:checked + .checkbox-label .checkbox-box { background: #1E69B8; border-color: #1E69B8; } .cost-calculator-box .checkbox-label .checkbox-box { position: absolute; left: 12px; width: 22px; height: 22px; border: 1px solid #E2E6E7; } .ui-slider { float: right; width: 300px; margin-top: 20px; background-color: #E2E6E7; border-radius: 5px; } .column-1-3 .ui-slider { width: 268px; } .ui-slider-horizontal { height: 10px; } .ui-slider .ui-slider-handle { cursor: pointer; width: 28px; height: 28px; top: -10px; border: 1px solid #E2E6E7; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #FFF; } .ui-slider-handle:after { content: ""; display: block; width: 10px; height: 10px; margin-left: 9px; margin-top: 9px; background: #1E69B8; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .ui-slider-handle .cost-slider-tooltip { position: absolute; min-width: 50px; left: -11px; top: 35px; } .ui-slider-handle .cost-slider-tooltip .value { width: 100%; font-family: 'Open Sans'; color: #FFF; background: #1E69B8; padding: 12px 0; text-align: center; } .ui-slider-handle .cost-slider-tooltip .arrow { width: 100%; height: 8px; text-align: center; } .ui-slider-handle .cost-slider-tooltip .arrow::before { content: ""; border-color: #1E69B8 transparent; border-style: solid; border-width: 0 8px 8px; width: 1px; margin-left: auto; margin-right: auto; display: block; position: relative; } .ui-slider-range-min { background: #1E69B8; border-radius: 5px; } .ui-selectmenu-button { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: right; font-family: 'Open Sans'; border: 1px solid #E2E6E7; margin: 20px 0 0; background: #FFF; } .ui-selectmenu-button span.ui-selectmenu-text { padding: 12px 40px 12px 15px; line-height: 24px; font-size: 14px; color: #777; } .ui-selectmenu-button .ui-icon, .datepicker-container .ui-icon { color: #777; border-left: 1px solid #E2E6E7; padding: 16px 12px 17px; } .ui-selectmenu-button.ui-corner-top .ui-icon, .ui-selectmenu-button:hover .ui-icon, .datepicker-container:hover .ui-icon { color: #1E69B8; } .ui-selectmenu-menu { z-index: 2; } .ui-selectmenu-menu .ui-menu { border: 1px solid #E2E6E7; border-top: none; max-height: 204px; } .ui-selectmenu-menu .ui-menu li { font-family: 'Open Sans'; cursor: pointer; background: #FFF; color: #777; border-top: 1px solid #E2E6E7; padding: 13px 15px; } .ui-selectmenu-menu .ui-menu li:first-child { border-top: 0; } .ui-selectmenu-menu .ui-menu li.ui-state-focus { color: #1E69B8; } .ui-datepicker { z-index: 99 !important; background: #FFF; display: none; } .ui-datepicker-calendar th, .ui-datepicker-calendar td { padding: 10px; font-size: 13px; } .datepicker-container .ui-icon { margin-top: 20px; } .datepicker-container, .datepicker-container input { cursor: pointer; } /* --- buttons --- */ .more, .more[type="submit"] { position: relative; color: #FFF; font-family: 'Open Sans'; font-size: 14px; font-weight: 600; background: #1E69B8; padding: 19px 24px 20px; text-align: center; cursor: pointer; line-height: normal; letter-spacing: 1px; border: none; } .more span { position: relative; z-index: 10; } .more::before { position: absolute; content: ""; /*width: 5px;*/ height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.1); transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; z-index: 9; } .more:hover { opacity: 1; } .more:hover::before { width: 100%; background: rgba(0,0,0,0.12); } .more.simple { background: transparent; color: #1E69B8; border: 1px solid #E2E6E7; padding: 18px 24px 19px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .more.simple::before { content: none; } .more.simple:hover { color: #FFF; border-color: #1E69B8; background: #1E69B8; } .more.small, .more.simple.small { padding: 12px 19px 11px; } /* --- copyright row --- */ .copyright { color: #A4AAB3; font-family: 'Open Sans'; line-height: 24px; } .copyright a { color: #777; border-bottom: 1px solid #777; padding-bottom: 2px; font-weight: bold; } .copyright a:hover { text-decoration: none; color: #1E69B8; border-color: #1E69B8; } /* --- prettyPhoto --- */ /*div.pp_default .pp_nav { margin-top: 9px; } div.pp_default .pp_close { margin-top: 7px; }*/ div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content_container .pp_right, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { background: none; padding: 0; } div.pp_default .pp_content, div.light_rounded .pp_content { padding: 10px; } div.pp_default .pp_description { font-size: 12px; color: #7C7C7C; } div.pp_default .pp_close { margin-top: 8px; background: url("../images/close.png") 0 0 no-repeat; } div.pp_default .pp_close:hover { opacity: 1; background-position: 0 -30px; } /* --- map --- */ .contact-map { width: 100%; height: 450px; } /* --- slider revolution container --- */ .revolution-slider-container { width: 100%; position: relative; padding: 0; overflow: hidden !important; } .revolution-slider { width: 100%; height: 600px; position: relative; background: #F5F5F5; } .revolution-slider .hexagon { text-align: center; background: #1E69B8; } .revolution-slider .hexagon div::before { color: #FFF; } .revolution-slider h1 { color: #FFF; font-size: 50px; text-align: center; } .revolution-slider h2 { color: #FFF; text-align: center; } .revolution-slider h1 a { font-weight: 800 !important; } .revolution-slider .more.simple { color: #FFF; } .revolution-slider p.description { color: #FFF; font-size: 21px; text-align: center; margin-top: 0; } /* --- slider revolution label --- */ .tp-revslider-mainul .tp-parallax-wrap, .tp-revslider-mainul .tp-loop-wrap, .tp-revslider-mainul .tp-mask-wrap { width: 100% !important; } .tp-caption a, .tp-caption a:hover { color: #FFF; } /* --- slider revolution navigation arrows --- */ .tparrows.preview1 { width: 40px; height: 100px; background: none; } .tparrows.preview1::before { content: ""; } .tparrows.preview1:after { font-family: "template-cs" !important; font-size: 24px; position: absolute; left: 0px; top: 0px; color: #FFF; width: 40px; height: 100px; text-align: center; background: rgba(0, 0, 0, 0.15); z-index: 2; line-height: 100px; -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; } .tp-rightarrow.preview1:after { content: 'a'; right: 0; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; filter: fliph; } .tp-leftarrow.preview1:after { content: 'a'; } .tparrows.preview1:hover:after { background: #FFF; color: #666; } .tparrows.preview1 .tp-arr-allwrapper { display: none; } /* --- slider revolution navigation bullets --- */ .tp-bullets.preview1 { height: 12px !important; } .tp-bullets.preview1 .tp-bullet { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; width: 11px !important; height: 11px !important; border: none !important; margin-right: 10px !important; margin-bottom: 0px !important; background: rgba(0, 0, 0, 0.15); } .tp-bullets.preview1 .tp-bullet:hover, .tp-bullets.preview1 .tp-bullet.selected { background: #FFF !important; width: 11px !important; height: 11px !important; border: none !important; } /* --- misc --- */ .scroll-top.animated-element { position: fixed; visibility: hidden; display: block; width: 50px; padding: 13px 0; background: rgba(38,38,40,0.4); right: 30px; bottom: 30px; text-align: center; z-index: 2; } .scroll-top:before { font-size: 24px; color: #FFF; } .scroll-top:hover { background: #1E69B8; } .header h1 a, .sf-menu a:hover, .social-icons a:hover, .header-top-bar .template-search:hover, .header-top-bar-container .header-toggle:hover, .slider-control:hover, .more:hover, .vertical-menu li a:hover, .buttons li a:hover, .tabs-navigation li a:hover, .tabs-navigation li a:focus, .tabs-navigation li a:active, .taxonomies a:hover, .pagination li a:hover, .scroll-top:hover { text-decoration: none; } input, textarea { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; } input[type='checkbox'] { -webkit-appearance: checkbox; } input[type='radio'] { -webkit-appearance: radio; } input:focus, textarea:focus { border-color: #1E69B8; } :focus { outline: none; } ::-moz-focus-inner { border: 0; } body.lock-position { position: fixed; overflow: hidden; width: 100%; height: 100%; } #subscribe { margin: 0; padding: 15px; } #subscribe-group { margin-top: 10px; } #subscribe-group input { width: 300px; margin-right: -5px; } .animated-element { visibility: hidden; position: relative; } .fadeIn, .fadeOut, .scale, .slideRight, .slideRightBack, .slideRight200, .slideLeft, .slideLeftBack, .slideLeft50, .slideDown, .slideDownBack, .slideDown200, .slideUp, .slideUpBack, .width, .height { animation-timing-function: cubic-bezier(.75, 0, .25, 1); -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1); visibility: visible !important; } .slideRightBack, .slideLeftBack, .slideDownBack, .slideUpBack, .fadeOut { opacity: 0; } /* --- fadeIn --- */ .fadeIn { animation-name: fadeIn; -webkit-animation-name: fadeIn; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* --- fadeOut --- */ .fadeOut { animation-name: fadeOut; -webkit-animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* --- scale --- */ .scale { animation-name: scale; -webkit-animation-name: scale; } @keyframes scale { 0% { transform: scale(0.2); } 100% { transform: scale(1); } } @-webkit-keyframes scale { 0% { -webkit-transform: scale(0.2); } 100% { -webkit-transform: scale(1); } } /* --- slideRight --- */ .slideRight { animation-name: slideRight; -webkit-animation-name: slideRight; } @keyframes slideRight { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideRight { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } /* --- slideRightBack --- */ .slideRightBack { animation-name: slideRightBack; -webkit-animation-name: slideRightBack; } @keyframes slideRightBack { 0% { opacity: 1; transform: translateX(0%); } 100% { opacity: 0; transform: translateX(-100%); } } @-webkit-keyframes slideRightBack { 0% { opacity: 1; -webkit-transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(-100%); } } /* --- slideRight200 --- */ .slideRight200 { animation-name: slideRight200; -webkit-animation-name: slideRight200; } @keyframes slideRight200 { 0% { opacity: 0; transform: translateX(-200%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideRight200 { 0% { opacity: 0; -webkit-transform: translateX(-200%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } /* --- slideLeft --- */ .slideLeft { animation-name: slideLeft; -webkit-animation-name: slideLeft; } @keyframes slideLeft { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideLeft { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } /* --- slideLeftBack --- */ .slideLeftBack { animation-name: slideLeftBack; -webkit-animation-name: slideLeftBack; } @keyframes slideLeftBack { 0% { opacity: 1; transform: translateX(0%); } 100% { opacity: 0; transform: translateX(100%); } } @-webkit-keyframes slideLeftBack { 0% { opacity: 1; -webkit-transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(100%); } } /* --- slideLeft50 --- */ .slideLeft50 { animation-name: slideLeft50; -webkit-animation-name: slideLeft50; } @keyframes slideLeft50 { 0% { opacity: 0; transform: translateX(50%); } 100% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes slideLeft50 { 0% { opacity: 0; -webkit-transform: translateX(50%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } /* --- slideDown --- */ .slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; } @keyframes slideDown { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } /* --- slideDownBack --- */ .slideDownBack { animation-name: slideDownBack; -webkit-animation-name: slideDownBack; } @keyframes slideDownBack { 0% { opacity: 1; transform: translateY(0%); } 100% { opacity: 0; transform: translateY(-100%); } } @-webkit-keyframes slideDownBack { 0% { opacity: 1; -webkit-transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); } } /* --- slideDown --- */ .slideDown200 { animation-name: slideDown200; -webkit-animation-name: slideDown200; } @keyframes slideDown200 { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slideDown200 { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } /* --- slideUp --- */ .slideUp { animation-name: slideUp; -webkit-animation-name: slideUp; } @keyframes slideUp { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } /* --- slideUpBack --- */ .slideUpBack { animation-name: slideUpBack; -webkit-animation-name: slideUpBack; } @keyframes slideUpBack { 0% { opacity: 1; transform: translateY(0%); } 100% { opacity: 0; transform: translateY(100%); } } @-webkit-keyframes slideUpBack { 0% { opacity: 1; -webkit-transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); } } /* --- width --- */ .width { animation-name: width; -webkit-animation-name: width; } @keyframes width { 0% { width: 0%; } 100% { width: 100%; } } @-webkit-keyframes width { 0% { width: 0%; } 100% { width: 100%; } } /* --- height --- */ .height { animation-name: height; -webkit-animation-name: height; } @keyframes height { 0% { height: 0%; } 100% { height: 100%; } } @-webkit-keyframes height { 0% { height: 0%; } 100% { height: 100%; } } @media screen and (max-width:1189px) { /* --- site container --- */ .site-container.boxed { max-width: 850px; } blockqoute { padding: 30px 50px 40px; } p.description { font-size: 16px; line-height: 28px; } .padding-bottom-50 { padding-bottom: 35px; } .padding-bottom-61 { padding-bottom: 46px; } .padding-bottom-66 { padding-bottom: 51px; } .padding-bottom-70 { padding-bottom: 55px; } .padding-bottom-87 { padding-bottom: 72px; } .padding-top-54 { padding-top: 39px; } .padding-top-70 { padding-top: 55px; } .padding-left-right-100 { padding: 0 50px; } .margin-top-67 { margin-top: 52px; } .margin-top-70 { margin-top: 55px; } /* --- headers --- */ h4 { font-size: 14px; line-height: 24px; } /* --- containers --- */ .header-top-bar, .header, .row, .announcement { width: 750px; } .header-container { padding: 26px 0 13px; } .header .logo { width: auto; } .header-container.sticky.move { padding: 20px 0 7px; } .boxed .header-container.sticky.move { max-width: 850px; } /* --- page header --- */ .page-header-left { width: 300px; } .page-header-right { width: 450px; } /* --- menu --- */ .menu-container { float: left; clear: both; width: 100%; margin-top: 20px; } .menu-container nav { float: left; } .sf-menu li a, .sf-menu li a:visited { padding: 12px 0 12px 16px; } .header-container.sticky.move .menu-container { margin-top: 5px; } /* --- vertical menu --- */ .vertical-menu li a { padding: 17px 10px 18px; } /* --- page --- */ .page-margin-top { margin-top: 35px; } .page-margin-top-section { margin-top: 50px; } .page-padding-top { padding-top: 35px; } .page-padding-top-section { padding-top: 50px; } /* --- slider revolution --- */ .revolution-slider h1 { font-size: 30px; margin-top: -5px; } .revolution-slider p.description { font-size: 16px; font-weight: 400; margin-top: -4px; } .revolution-slider .more.simple { padding: 15px 18px 16px; } .revolution-slider .hexagon { width: 90px; height: 51.96px; margin: 10px auto; } .revolution-slider .hexagon:before, .revolution-slider .hexagon:after { width: 63.64px; height: 63.64px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); left: 12.1802px; } .revolution-slider .hexagon:before { top: -31.8198px; } .revolution-slider .hexagon:after { bottom: -31.8198px; } .revolution-slider .hexagon div::before { padding: 0px; } /* --- page layout --- */ .column-1-2 { width: 360px; } .column-1-3, .column-2-3 .column-1-2 { width: 230px; } .column-2-3 .cost-calculator-box .column-1-2 { width: 200px; } .column-2-3 { width: 490px; } .column-1-3 .column-1-2 { width: 100%; margin-left: 0; } .column-2-3 .column-1-3 { width: 156px; } .column-1-4, .column-1-2 .column-1-2, .column-3-4 .column-1-3 { width: 165px; } .column-3-4 { width: 555px; } .column-3-4 .column-1-2 { width: 262px; } .column-1-6 { width: 100px; } .row-4-4 { display: flex; display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .row-4-4 .column-1-4 { width: 360px; } .row-4-4 .column-1-4:nth-child(odd) { margin-left: 0; } .row-4-4 .column-1-4:nth-child(n+3) { margin-top: 35px; } /* --- blog --- */ .blog .post-content { width: 435px; } .row-4-4 .column-1-4 .blog.small .post-content { width: 250px; } .blog.small .post-image { display: none; } .row-4-4 .column-1-4 .blog.small .post-image { display: block; } .column-1-2 .blog .post-content { width: 240px; } /* --- comments list --- */ #comments-list .comment-details { width: 435px; } #comments-list .children .comment-details { width: 315px; } /* --- buttons ---*/ h3 .more { margin-left: 30px; } /* --- services --- */ .services-list li { width: 250px; } .services-list li h4.box-header::after { margin-top: 15px; } /* --- galleries --- */ .galleries-list.isotope li, .galleries-list.isotope li > a, .galleries-list.isotope a > img { width: 230px; /*height: auto;*/ height: 153px; } .galleries-list.isotope li:hover .view p.description { margin-bottom: 25px; } .galleries-list.isotope .more { padding: 12px 14px 11px; font-size: 11px; } /* --- features --- */ .features-list li { margin-top: 35px; } .column-1-3 .features-list.big li:before { margin-right: auto; } .column-1-3 .features-list.big li p { margin-left: auto; } /* --- contact details --- */ .contact-details li { padding: 15px 12px; } .contact-details li:last-child { border: none; } /* --- testimonails --- */ .testimonials-container .caroufredsel_wrapper_testimonials { width: 630px !important; } .testimonials-list li { width: 630px; } .testimonials-list p { font-size: 18px; padding: 30px 30px 0; line-height: 28px; } /* --- our clients --- */ .our-clients-list li { width: 165px; height: 116px; } /* --- tabs navigation --- */ .tabs .ui-tabs-panel p { padding: 24px 0 0; } /* --- accordion --- */ .accordion .ui-accordion-content { padding: 20px; } /* --- announcement --- */ .announcement h3, .announcement .h3 { margin-left: 90px; } /* --- call to action --- */ .call-to-action .more { display: block; } .column-1-4 .call-to-action .more { padding: 19px 10px 20px; } /* --- cost calculator --- */ .column-1-3 .ui-slider { width: 153px; } .column-1-3 .cost-calculator-box input { width: 35px; margin-left: 20px; padding: 12px 10px; } .cost-calculator-box .cost-slider-container { clear: both; margin-left: 0; margin-top: 10px; } .cost-calculator-box .checkboxes-list li { clear: both; } .cost-calculator-box .checkboxes-list li .checkbox-label { margin-top: -1px; border: 1px solid #E2E6E7; } .cost-calculator-box .checkboxes-list li:first-child .checkbox-label { margin-top: 0; } .ui-datepicker { width: 328px; } /* --- buttons --- */ .more, .more[type="submit"] { padding: 19px 20px 20px; } .more.simple { padding: 18px 20px 19px; } .galleries-list li .view .more.simple { padding: 14px 20px 15px; } } @media screen and (max-width:767px) { /* --- site container --- */ .site-container.boxed { max-width: 562px; } /* --- headers --- */ h2 { font-size: 24px; line-height: 36px; } h3 { font-size: 18px; line-height: 28px; } /* --- containers --- */ .header-top-bar, .header, .row, .announcement, .menu-container { width: 462px; } .header-container, .header-container.sticky.move { padding: 26px 0; } .header .logo { width: 432px; } .re-smart-column .re-smart-column-wrapper { width: auto !important; position: static !important; } .re-smart-column { height: auto !important; } /* --- page header --- */ .page-header-left, .page-header-right { width: 100%; } .bread-crumb-container { float: left; } /* --- menu --- */ .menu-container { margin-top: 0; } .mobile-menu-container { display: block; } .mobile-menu-container nav { float: none; } .header-container.sticky.move { position: static; top: auto; width: auto; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .sf-menu { display: none; } .header .mobile-menu-switch { display: table-cell; } .header-container.sticky.move .menu-container { margin-top: 0; } .collapsible-mobile-submenus > li { position: relative; } .collapsible-mobile-submenus > li a.template-arrow-menu { position: absolute; width: 48px; height: 48px; top: 0; right: 0; margin: 0; padding: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .collapsible-mobile-submenus > li a.template-arrow-menu::before { position: absolute; left: 17px; top: 16px; } .collapsible-mobile-submenus > li a.template-arrow-menu:hover { text-decoration: none; } .collapsible-mobile-submenus .template-arrow-menu + ul { display: none; } /* --- vertical menu --- */ .vertical-menu li a { padding: 17px 18px 18px 19px; } /* --- slider revolution --- */ .revolution-slider h1{ font-size: 21px; margin-top: -35px; } .revolution-slider .more.simple { top: -35px; } .revolution-slider p.description, .revolution-slider .hexagon { display: none; } /* --- page layout --- */ .flex-box { display: block; } .flex-hide { display: inline; } .row .column { margin-top: 40px; } .row.full-width > .column.column-1-2 .column-1-3, .row .column:first-child { margin-top: 0; } .column { margin-left: 0; } .column-1-2, .column-1-3, .column-2-3, .column-1-4, .column-3-4, .column-1-6, .columns.no-width .column-left, .columns.no-width .column-right, .row-4-4 .column-1-4, .row.full-width > .column-1-2, .column-3-4 .column-1-3 { width: 100%; } .column-2-3 .column-1-2, .column-1-3 .column-1-2, .column-3-4 .column-1-2, .column-1-2 .column-1-2 { width: 216px; } .column-2-3 .cost-calculator-box .column-1-2 { width: 186px; } .column-2-3 .column-1-2, .column-1-3 .column-1-2, .column-3-4 .column-1-2, .column-1-2 .column-1-2 { margin-left: 30px; margin-top: 0; } .column-2-3 .column-1-2:first-child, .column-1-3 .column-1-2:first-child, .column-3-4 .column-1-2:first-child, .column-1-2 .column-1-2:first-child { margin-left: 0; } .column-2-3 .column-1-3, .column-1-3 .column-1-3 { width: 147px; } .column-1-4.column-right { clear: both; } /* --- blog --- */ .column .blog .post-content { width: 362px; } .blog .post-details { width: 70px; } .blog .post-content-details li { padding: 0 10px; } .blog .post-content-details-container { padding: 17px 0; } .blog .post-content-details.right { float: left; clear: both; margin-top: 4px; } .row-4-4 .column-1-4 .blog.small .post-content, .blog.small .post-content { width: 352px; } .blog.small .post-image { display: block; } /* --- comments list --- */ #comments-list .comment-details { width: 357px; margin-left: 15px; } #comments-list .children { margin-left: 45px; } #comments-list .children .comment-details { width: 312px; } /* --- announcement --- */ .announcement h3 .announcement .h3 { margin-left: 0; } .announcement .column-2-3 { text-align: center; } .announcement .column-1-3 { text-align: center; margin-bottom: 20px; } .announcement .vertical-align, .announcement .vertical-align-cell { display: block; height: auto; } /* --- services --- */ .services-list li { width: 231px; } .services-list li h4 { padding: 12px 10px 13px 15px; } .services-list li h4 span { font-size: 18px; line-height: 20px; } .services-list li:nth-child(3n+1) h4, .services-list li:nth-child(3n+1) p { border-left: 1px solid #E2E6E7; } .services-list li:nth-child(odd) h4, .services-list li:nth-child(odd) p { border-left: none; } /* --- galleries --- */ .galleries-list li { width: 50%; } .galleries-list.isotope li, .galleries-list.isotope li > a, .galleries-list.isotope a > img { width: 216px; height: 144px; } .galleries-list li .view { display: none; } /* --- contact details --- */ .contact-details li, .contact-details li:first-child { border: none; } /* --- slider control --- */ .slider-control { padding: 10px; } /* --- tabs navigation --- */ .tabs-navigation li { margin-left: 6px; } .tabs-navigation li a { min-width: 130px; padding: 0px 0 13px; } /* --- contact details --- */ .header-top-bar .contact-details { float: none; display: table; margin-left: auto; margin-right: auto; } .contact-details li { padding: 15px 4px; } .contact-details li::before { margin-right: 2px; } /* --- testimonials --- */ .testimonials-container .caroufredsel_wrapper_testimonials { width: 366px !important; left: 48px !important; } .testimonials-list li { width: 366px; } /* --- our clients --- */ .our-clients-list-container { width: 370px; margin-left: auto; margin-right: auto; } .our-clients-list li { width: 170px; height: 120px; } /* --- social icons --- */ /*.header-top-bar .social-icons { clear: both; float: none; display: table; margin-left: auto; margin-right: auto; }*/ .header-top-bar .social-icons li, .header-top-bar .social-icons li:first-child { border: none; } /* --- search --- */ .header-top-bar .template-search { border: none; } /* --- call to action --- */ .call-to-action .more { display: inline; } /* --- accordion --- */ .accordion .ui-accordion-header, .accordion .ui-accordion-header.ui-state-active:hover { padding: 6px 5px; } .accordion .ui-accordion-header:hover { padding-left: 10px; padding-right: 0; } /* --- cost calculator --- */ .column-1-3 .ui-slider { width: 360px; } .column-1-3 .cost-calculator-box input { width: 40px; margin-left: 30px; padding: 12px 15px; } .ui-datepicker { width: 430px; } /* --- misc --- */ .scroll-top.animated-element { right: 10px; bottom: 10px; } } @media screen and (max-width:479px) { /* --- site container --- */ .site-container.boxed { max-width: 400px; } table td, table th { padding: 8px 10px; } blockquote { padding: 30px 20px 40px; } /* --- headers --- */ h2 { font-size: 21px; line-height: 32px; } h3 { font-size: 16px; line-height: 26px; } /* --- header --- */ .header-top-bar, .header, .row, .announcement, .menu-container, .blog .post-details, .column .blog .post-content { width: 300px; } .header-top-bar { display: none; padding-top: 10px; } .header-top-bar-container .header-toggle { display: block; } .header-top-bar .social-icons, .header-top-bar .search-container { float: left; } .header .logo { width: 270px; } /* --- slider revolution --- */ .revolution-slider h1 { font-size: 18px; line-height: 26px; margin-top: 0px; } .revolution-slider .more.simple { display: none; } .revolution-slider .tp-caption { white-space: normal; } /* --- page layout --- */ .row .column { margin-top: 40px; } .row .column:first-child { margin-top: 0; } .column-2-3 .column-1-2, .column-1-3 .column-1-2, .column-3-4 .column-1-2, .column-1-2 .column-1-2, .column-3-4 .column-1-3, .column-2-3 .cost-calculator-box .column-1-2 { width: 100%; } .column-2-3 .column-1-2, .column-1-3 .column-1-2, .column-3-4 .column-1-2, .column-1-2 .column-1-2, .column-3-4 .column-1-3 { margin-left: 0; margin-top: 30px; } .row.full-width > .column-1-2 .column-1-3:nth-child(odd) { margin-top: 30px; margin-left: 0; } .row.full-width > .column-1-2 .column-1-3:first-child { margin-top: 0; } .row.full-width > .column-1-2 .column-1-3 { width: 47%; } /* --- 404 page --- */ .page-404 h1 { font-size: 132px; } /* --- contact details --- */ .contact-details li { padding: 5px; } /* --- social icons --- */ .header-top-bar .social-icons li a, .header-top-bar .template-search { padding: 10px; } /* --- blog --- */ .blog .post-details { margin-right: 0; border-bottom: 1px solid #E2E6E7; margin-bottom: 20px; } .blog .post-details li { float: left; border-top: none; padding: 10px 20px; } .blog .post-details li:first-child { padding-left: 0; } .blog .post-details li:last-child { border-right: none; padding-right: 0; } .blog .post-details li::before, .blog .post-details li.date:before { display: inline; margin-bottom: 0; margin-right: 10px; } .blog .post-details li.date h2 { display: inline; margin: 0 2px; color: #A4AAB3; font-size: 13px; font-weight: 500px; line-height: 1; } .blog.small .post-details { width: auto; border: none; margin-bottom: 0; } .blog.small .post-details li { float: none; width: auto; } .row-4-4 .column-1-4 .blog.small .post-content, .blog.small .post-content { width: 190px; } /* --- comments list --- */ .comment-author-avatar { display: none; } #comments-list .comment-details { width: 300px; margin-left: 0; } #comments-list .children { margin-left: 0; } #comments-list .children .comment-details { width: 285px; } /* --- testimonials --- */ .testimonials-container .caroufredsel_wrapper_testimonials { width: 300px !important; left: 0 !important; } .testimonials-list li { width: 300px; } .slider-control { top: 20px; } /* --- buttons --- */ h3 .more { margin-left: 0; } .button-label { display: none; } /* --- services --- */ .services-list li { width: 300px; } .services-list li h4, .services-list li p, .services-list li:nth-child(3n+1) h4, .services-list li:nth-child(3n+1) p { border-left: none; } /* --- galleries --- */ .galleries-list.isotope, .galleries-list.isotope li, .galleries-list.isotope li > a, .galleries-list.isotope a > img { width: 270px; } .galleries-list.isotope li, .galleries-list.isotope li > a, .galleries-list.isotope a > img { height: 180px; } .galleries-list.isotope { margin-left: auto; margin-right: auto; } .galleries-list li:hover .view p.description { margin-bottom: 25px; } .galleries-list li .view .more.simple { padding: 12px 16px 13px; font-size: 11px; } /* --- our clients --- */ .our-clients-list-container { width: 300px; } .our-clients-list li { width: 145px; height: 102px; margin-right: 10px; } /* --- contact details --- */ .contact-details li { clear: both; } .header-top-bar .contact-details { display: block; } /* --- search --- */ .search { left: 0; right: auto; } .search-container .template-search { padding-left: 5px; } /* --- tabs navigation --- */ .tabs-navigation { text-align: left; } .tabs-navigation.small { text-align: center; } .tabs-navigation li { margin-left: 0; margin-right: 6px; margin-top: 10px; } .tabs-navigation.small li { margin-top: 0; margin-left: 0; } .tabs-navigation li a { padding: 5px 0 5px; } .tabs-navigation a::before { display: none; } .tabs-navigation li.ui-tabs-active span { display: none; } /* --- accordion --- */ .accordion .ui-accordion-header, .accordion .ui-accordion-header.ui-state-active:hover { padding: 16px 15px; } .accordion .ui-accordion-header:hover { padding-left: 25px; padding-right: 5px; } /* --- map --- */ .column-2-3 .contact-map { height: 300px; } /* --- cost calculator --- */ .column-1-3 .ui-slider { width: 223px; } .column-1-3 .cost-calculator-box input { width: 35px; margin-left: 20px; padding: 12px 10px; } .ui-slider-handle .cost-slider-tooltip { top: 30px; } .ui-slider-handle .cost-slider-tooltip .value { padding: 7px 0; } .ui-datepicker { width: 268px; } } @media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; } } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; position: relative; } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { *display: inline; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { *display: inline; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { *display: inline; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: "Helvetica Neue", sans-serif; line-height: 1.1em; } .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { text-align: center; } /********************************************************/ /* GENERAL */ /********************************************************/ .bread-crumb li a { text-decoration: none; } .more, .more[type="submit"] { font-weight: 500; letter-spacing: 1px; } .page-header-left { width: 70%; } .page-header-right { width: 30%; } input.input-validation-error, textarea.input-validation-error { border-color: #a94442; box-shadow: inset 4px 0 0 #a94442; } .field-validation-error { color: #a94442; text-transform: uppercase; font-size: 8pt; } .stacked-input { margin-bottom: 20px; } .hide { display: none !important; } i.fa-spinner { margin-left: 5px; } span.highlight { color: #1e69b8; font-weight: 600; } .padding-top-0 { padding-top: 0 !important; } /********************************************************/ /* PAGINATION */ /********************************************************/ ul.pagination li.active { background-color: #1E69B8; } ul.pagination li.active a { color: #FFF; border-color: #1E69B8; } ul.pagination li.disabled { cursor: not-allowed; } ul.pagination li.disabled:hover { background-color: #FFF !important; } /********************************************************/ /* HEADER */ /********************************************************/ .header-top-bar .fa-gift { margin-right: 14px; } .header-top-bar span:first-of-type, .header-top-bar i { color: #1E69B8; } .header-top-bar-container.alert-bar { background-color: orange; } .header-top-bar-container.alert-bar .contact-details li:first-child, .header-top-bar-container.alert-bar .contact-details li, .header-top-bar-container.alert-bar .contact-details li strong { border: none; color: #fff; } /********************************************************/ /* HOME */ /********************************************************/ .revolution-slider-container a { font-weight: 600; } #subscribe-form a { padding: 15px 24px 15px; } #subscribe-form input { border-color: #1E69B8; } #subscribe-form .field-validation-error { display: block; margin-top: 5px; } #subscribe-form input.input-validation-error { box-shadow: none; } #subscribe-error-message p { color: darkred; } #mobile-row { background-color: #1e69b8; padding: 5px; } #mobile-row p { color: #FFF; font-size: 16pt; text-align: center; } /********************************************************/ /* SERVICE PAGE */ /********************************************************/ .features-list li p { margin-left: 0; } .features-list li strong { color: #1e69b8; } .features-list h5 span, .features-list .h5 span { font-size: 12pt; font-weight: normal; } h3.prices { text-align: center; } /********************************************************/ /* WASH PAGE */ /********************************************************/ #wash-page h4 { font-weight: 500; } #products { margin-top: 20px; } #products p.description { font-weight: normal; } #products p.description strong { color: #777; } #wash-form { margin-top: 25px; } #wash-form label:not(.checkbox-label) { display: block; font-family: 'Open Sans'; font-size: 14px; color: #333; line-height: 26px; padding: 0; text-transform: uppercase; background-color: #FFF; font-weight: 400; } #wash-form .row:last-child { margin-top: 20px; } #wash-form input { margin-top: 0; } #wash-form h2 { margin-bottom: 20px; } #wash-form #no-waspas { color: darkred; text-transform: uppercase; margin-left: 15px; } #wash-form #order-success-message, #wash-form #order-success-message-2 { background-color: green; margin-top: 50px; } #wash-form #order-success-message p, #wash-form #order-success-message-2 p, #wash-form #order-error-message p { color: #FFF !important; padding: 10px 15px 10px 15px !important; font-size: 14pt; } #wash-form #order-error-message { background-color: darkred; margin-top: 50px; } #wash-form .cost-calculator-box .checkbox-label { border: none; color: #333; } #wash-form .cost-calculator-box .checkboxes-list li { margin-bottom: 5px; } #wash-form .cost-calculator-box .checkboxes-list li .checkbox-label { border: none; } #wash-info { margin-top: -10px; } /********************************************************/ /* CONTACT PAGE */ /********************************************************/ #contact-success-message { background-color: green; margin-bottom: 20px; } #contact-success-message p, #contact-error-message p { padding: 10px 15px 10px 15px !important; color: #FFF !important; font-size: 14pt; } #contact-error-message { background-color: darkred; margin-bottom: 20px; } .contact-info { text-align: center; color: #1E69B8; } .contact-page{ margin-bottom:50px; } /********************************************************/ /* RESPONSIVE */ /********************************************************/ @media screen and (max-width:479px) { .revolution-slider-container, #announcement-row, #subscribe-row, #service-cta { display: none !important; } #mobile-row { display: block !important; } }