/* @import url('http://example.com/example_style.css'); */ /*@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);*/ @import url('https://fonts.googleapis.com/css?family=Homemade+Apple'); /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /*/* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /* Responsive Grid */ .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.127659574%; *margin-left: 2.0744680846382977%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.99999998999999%; *width: 99.94680850063828%; } .row-fluid .span11 { width: 91.489361693%; *width: 91.4361702036383%; } .row-fluid .span10 { width: 82.97872339599999%; *width: 82.92553190663828%; } .row-fluid .span9 { width: 74.468085099%; *width: 74.4148936096383%; } .row-fluid .span8 { width: 65.95744680199999%; *width: 65.90425531263828%; } .row-fluid .span7 { width: 57.446808505%; *width: 57.3936170156383%; } .row-fluid .span6 { width: 48.93617020799999%; *width: 48.88297871863829%; } .row-fluid .span5 { width: 40.425531911%; *width: 40.3723404216383%; } .row-fluid .span4 { width: 31.914893614%; *width: 31.8617021246383%; } .row-fluid .span3 { width: 23.404255317%; *width: 23.3510638276383%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.8404255306383%; } .row-fluid .span1 { width: 6.382978723%; *width: 6.329787233638298%; } .container-fluid { *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; } .container-fluid:after { clear: both; } @media (max-width: 767px) { .row-fluid { width: 100%; } .row-fluid [class*="span"] { display: block; float: none; width: auto; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1139px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.762430939%; *margin-left: 2.709239449638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383%; } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829%; } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383%; } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829%; } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383%; } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304%; } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383%; } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383%; } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383%; } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297%; } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298%; } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298%; } } @media (min-width: 1280px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.564102564%; *margin-left: 2.510911074638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145300001%; *width: 91.3997999636383%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166383%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.30578286963829%; } .row-fluid .span8 { width: 65.81196581200001%; *width: 65.7587743226383%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756383%; } .row-fluid .span6 { width: 48.717948718%; *width: 48.6647572286383%; } .row-fluid .span5 { width: 40.170940171000005%; *width: 40.117748681638304%; } .row-fluid .span4 { width: 31.623931624%; *width: 31.5707401346383%; } .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383%; } .row-fluid .span2 { width: 14.529914530000001%; *width: 14.4767230406383%; } .row-fluid .span1 { width: 5.982905983%; *width: 5.929714493638298%; } } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* Visibilty Classes */ .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } /* Responsive Visibilty Classes */ .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } @media (max-width: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media (min-width: 768px) and (max-width: 1139px) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } } /*****************************************/ /* Start your style declarations here */ /*****************************************/ /*****************************************/ /* Reset */ /*****************************************/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*****************************************/ /* Defaults */ /*****************************************/ body { font-family: 'Raleway'; color: #444; } /*****************************************/ /* Global */ /*****************************************/ /*****************************************/ /*****************************************/ /*****************************************/ /*****************************************/ /*****************************************/ /* complete2015-new.css */ /*****************************************/ /*****************************************/ /*****************************************/ /*****************************************/ .widget-span.widget-type-cell.thank-you-container { float: none; margin: auto; max-width: 1170px; } .thank-posts .hs-rss-item { float: left; margin: 0 3% 40px 0; vertical-align: top; width: 31%; } .thank-posts .hs-rss-title { color: white; display: inline-block; font-family: "Raleway"; font-size: 14px; font-weight: bold; line-height: 20px; margin: 0 0 19px; } .thank-posts .hs-rss-item:last-child { margin-right: 0; } .thank-posts .hs-rss-description p { color: white; } .thank-posts .hs-rss-description a { color: white; } .widget-span.widget-type-cell.thank-posts-outer { background: #464646 none repeat scroll 0 0; color: white; } .widget-span.widget-type-cell.thank-posts-outer { background: #464646 none repeat scroll 0 0; color: white; padding: 50px 0 0; } .posts-header h2 { color: white; margin: 0 0 30px; } .widget-span.widget-type-cell.thank-left { margin-bottom: 70px; } .thank-posts .hs-rss-item.hs-with-featured-image .hs-rss-item-text { box-sizing: border-box; float: right; padding-left: 20px; width: 80%; } /************************* - FORMS - **************************/ select { -webkit-appearance: button; -webkit-border-radius: 0px; -webkit-box-shadow: none; -webkit-padding-end: 0; -webkit-padding-start: 0; -webkit-user-select: none; background-image: url(//www.cleriti.com/hubfs/2016/Forms/form-toggle.png); background-color:transparent; background-position: 97% center; background-repeat: no-repeat; border: 1px solid #e2e6e7; color: #444; font-size: inherit; margin: 0; overflow: hidden; padding: 5px 10px; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; } legend.hs-field-desc { margin: 10px 0; } label span { line-height: 25px; } /************************* - CAPTIONS - **************************/ .tp-static-layers { position:absolute; z-index:505; top:0px;left:0px} .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important} .main-logo img { max-width: 160px; } .widget-span.widget-type-cell.nav-container { float: none; margin: 0 auto; max-width: 1170px; } .main-nav ul { float: right; } .main-nav li ul { background: white none repeat scroll 0 0; border: 1px solid #e2e6e7; left: 0; } .main-nav li ul li a { padding: 12px 26px !important; } .main-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover { color: #1fade4; } .main-nav li ul li { border-top: 1px solid #e2e6e7; } .main-nav li ul li:first-child { border: medium none; } .footer-rss .hs-rss-item.hs-with-featured-image .hs-rss-item-text { float: right; padding: 0 0 0 20px; } .footer-rss .hs-rss-title { color: #444; } .footer-rss.blog .hs-rss-title { font-family: "Raleway"; font-size: 14px; line-height: 24px; } .footer-rss .hs-rss-title:hover { color: #1fade4; } .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .logo.vertical-align-cell img { width: 160px; opacity: 1; } .widget-span.widget-type-blog_subscribe.blog-subscription-form { border: 1px solid #e2e6e7; margin: 70px 0 0; padding: 19px; } .blog-subscription-form .input .hs-input { margin: 10px 0 0; } .blog-subscription-form .hs-button.primary.large { margin: 10px 0 13px; } .hs-error-msgs.inputs-list label { clear: both; color: rgba(162,10,10,0.9); display: inline-block; line-height: 20px; margin: 12px 0 0; } .box-header.comment-title { margin: 60px 0 20px; } .box-header { text-align:center; } .comment-form label { display: inline-block; margin: 0 0 10px; } .hs-form-booleancheckbox .hs-input { float: left; margin: 0 6px 0 0; width: auto; } .widget-span.widget-type-blog_comments.comment-form { margin: 0 0 80px; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .header-container.container-fluid { padding: 0; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .case-block .col-md-12.margin-top-26 { display: inline-block; margin: 40px 0 0; width: 100%; } .members-summary { cursor: pointer; } .case-block { transform-origin: center center 0; transition: all 0.5s ease-in-out 0s; } .enable { position: relative !important; transform: scale(1) !important; } .disable { position: absolute; transform: scale(0); } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .page-header-left h1 { text-transform: uppercase; } .bread-crumb li { text-transform: uppercase; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto;} /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(//www.cleriti.com/hubfs/cos-images/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(//www.cleriti.com/hubfs/cos-images/g40.png) repeat-x top} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .widget-span.widget-type-cell.row.margin-top-70.blog-outer { /* max-width: 300px !important;*/ } .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(//www.cleriti.com/hubfs/cos-images/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px} .tp-bannershadow.tp-shadow2 { background:url(//www.cleriti.com/hubfs/cos-images/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} .tp-bannershadow.tp-shadow3 { background:url(//www.cleriti.com/hubfs/cos-images/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none} .fullcoveredvideo video, .fullscreenvideo video { background: #000} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .html5vid .tp-revstop { display:none} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,0,0)), color-stop(1, rgb(50,50,50)) ); display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor:pointer; line-height:12px; font-size:12px; color:#fff; padding:0px; margin:0px; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; } .tp-video-seek-bar-wrap { width:80%} .tp-video-vol-bar-wrap { width:20%} .tp-volume-bar, .tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4} .tp-dottedoverlay.twoxtwo { background:url(//www.cleriti.com/hubfs/cos-images/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(//www.cleriti.com/hubfs/cos-images/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(//www.cleriti.com/hubfs/cos-images/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(//www.cleriti.com/hubfs/cos-images/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(//www.cleriti.com/hubfs/cos-images/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.navbar-old { background:url(//www.cleriti.com/hubfs/cos-images/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left} .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left} /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/large_left.png) no-Repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/large_right.png) no-Repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px} .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px} .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/large_left.png) no-Repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(//www.cleriti.com/hubfs/cos-images/large_right.png) no-Repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left} /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%} /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(//www.cleriti.com/hubfs/cos-images/timer.png);position:absolute; z-index:200;top:0px} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none} .tp-simpleresponsive ul, .tp-simpleresponsive ul li, .tp-simpleresponsive ul li:before { list-style:none; padding:0 !important; margin:0 !important; list-style:none !important; overflow-x: visible; overflow-y: visible; background-image:none } .tp-simpleresponsive >ul >li{ list-style:none; position:absolute; visibility:hidden } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(//www.cleriti.com/hubfs/cos-images/coloredbg.png) repeat} .tp-caption.slidelink a span { background:url(//www.cleriti.com/hubfs/cos-images/coloredbg.png) repeat} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ .tparrows .tp-arr-imgholder { display: none} .tparrows .tp-arr-titleholder { display: none} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ /* NAVIGATION PREVIEW 1 */ .tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent} .tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s} .tp-rightarrow.preview1:after { content: '\e825'; } .tp-leftarrow.preview1:after { content: '\e824'; } .tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa} .tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0} .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1} .tp-rightarrow.preview1 .tp-arr-imgholder { right:100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tp-leftarrow.preview1 .tp-arr-imgholder { left:100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1, .tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1, .tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview1, .tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px} } /* PREVIEW 1 BULLETS */ .tp-bullets.preview1 { height: 21px} .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; /*-webkit-border-radius: 10px; border-radius: 10px;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0px} .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important; } /* NAVIGATION PREVIEW 2 */ .tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; overflow:hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s } .tp-rightarrow.preview2:after { content: '\e81e'; right:18px} .tp-leftarrow.preview2:after { content: '\e81f'; left:18px} .tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding:0px 10px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left:50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width:300px} .tparrows.preview2:hover { background:#fff} .tparrows.preview2:hover:after { color:#000} .tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute; } /* PREVIEW 2 BULLETS */ .tp-bullets.preview2 { height: 17px} .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0px} .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } .tp-arr-titleholder.alwayshidden { display:none !important} @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:11px} .tp-leftarrow.preview2:after { content: '\e81f'; left:11px} .tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:35px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:35px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:25px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:25px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} .tparrows.preview2:hover { width:30px !important; height:30px !important} } /* NAVIGATION PREVIEW 3 */ .tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat} .tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s} .tparrows.preview3:hover:after { color:#000} .tp-rightarrow.preview3:after { content: '\e825'; } .tp-leftarrow.preview3:after { content: '\e824'; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75); display: table;min-height:90px;top:-10px} .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px; position:relative;top:0px} .tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px} .tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px} .tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle} .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1,1); transform: scale(1,1); } /* PREVIEW 3 BULLETS */ .tp-bullets.preview3 { height: 17px} .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0px} .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} .tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px} .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px} .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px} .tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px} } @media only screen and (max-width: 767px) { .span9.widget-span.widget-type-menu.main-nav { display: none; } .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} } /* NAVIGATION PREVIEW 4 */ .tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000} .tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } .tp-rightarrow.preview4:after { content: '\e825'; } .tp-leftarrow.preview4:after { content: '\e824'; } .tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat} .tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px} .tparrows.preview4 .tp-arr-iwrapper { position: relative} .tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px; position:relative;top:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px; position:absolute;top:0px; left:180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px} .tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%} .tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%} @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)} .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)} .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } } /* PREVIEW 4 BULLETS */ .tp-bullets.preview4 { height: 17px} .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0px} .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width:20px; height:80px} .tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px} .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important} } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(//www.cleriti.com/hubfs/cos-images/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(//www.cleriti.com/hubfs/cos-images/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(//www.cleriti.com/hubfs/cos-images/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('//www.cleriti.com/hubfs/cos-fonts/revicons.eot?5510888'); src: url('//www.cleriti.com/hubfs/cos-fonts/revicons.eot?5510888#iefix') format('embedded-opentype'), url('//www.cleriti.com/hubfs/cos-fonts/revicons.woff?5510888') format('woff'), url('//www.cleriti.com/hubfs/cos-fonts/revicons.ttf?5510888') format('truetype'), url('//www.cleriti.com/hubfs/cos-fonts/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('//www.cleriti.com/hubfs/cos-fonts/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'} /* '' */ .revicon-pencil-1:before { content: '\e831'} /* '' */ .revicon-picture-1:before { content: '\e803'} /* '' */ .revicon-cancel:before { content: '\e80a'} /* '' */ .revicon-info-circled:before { content: '\e80f'} /* '' */ .revicon-trash:before { content: '\e801'} /* '' */ .revicon-left-dir:before { content: '\e817'} /* '' */ .revicon-right-dir:before { content: '\e818'} /* '' */ .revicon-down-open:before { content: '\e83b'} /* '' */ .revicon-left-open:before { content: '\e819'} /* '' */ .revicon-right-open:before { content: '\e81a'} /* '' */ .revicon-angle-left:before { content: '\e820'} /* '' */ .revicon-angle-right:before { content: '\e81d'} /* '' */ .revicon-left-big:before { content: '\e81f'} /* '' */ .revicon-right-big:before { content: '\e81e'} /* '' */ .revicon-magic:before { content: '\e807'} /* '' */ .revicon-picture:before { content: '\e800'} /* '' */ .revicon-export:before { content: '\e80b'} /* '' */ .revicon-cog:before { content: '\e832'} /* '' */ .revicon-login:before { content: '\e833'} /* '' */ .revicon-logout:before { content: '\e834'} /* '' */ .revicon-video:before { content: '\e805'} /* '' */ .revicon-arrow-combo:before { content: '\e827'} /* '' */ .revicon-left-open-1:before { content: '\e82a'} /* '' */ .revicon-right-open-1:before { content: '\e82b'} /* '' */ .revicon-left-open-mini:before { content: '\e822'} /* '' */ .revicon-right-open-mini:before { content: '\e823'} /* '' */ .revicon-left-open-big:before { content: '\e824'} /* '' */ .revicon-right-open-big:before { content: '\e825'} /* '' */ .revicon-left:before { content: '\e836'} /* '' */ .revicon-right:before { content: '\e826'} /* '' */ .revicon-ccw:before { content: '\e808'} /* '' */ .revicon-arrows-ccw:before { content: '\e806'} /* '' */ .revicon-palette:before { content: '\e829'} /* '' */ .revicon-list-add:before { content: '\e80c'} /* '' */ .revicon-doc:before { content: '\e809'} /* '' */ .revicon-left-open-outline:before { content: '\e82e'} /* '' */ .revicon-left-open-2:before { content: '\e82c'} /* '' */ .revicon-right-open-outline:before { content: '\e82f'} /* '' */ .revicon-right-open-2:before { content: '\e82d'} /* '' */ .revicon-equalizer:before { content: '\e83a'} /* '' */ .revicon-layers-alt:before { content: '\e804'} /* '' */ .revicon-popup:before { content: '\e828'} /* '' */ /*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%; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; padding: 0; margin: 0; } table { border-collapse: collapse; } 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('//www.cleriti.com/hubfs/cos-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('//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(//www.cleriti.com/hubfs/cos-images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-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(//www.cleriti.com/hubfs/cos-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; } /* --- general --- */ .clearfix:after { font-size: 0px; content: "."; display: block; height: 0px; visibility: hidden; clear: both; } body { background: #FFF; padding: 0px; margin: 0px; font-family: 'Raleway'; font-size: 14px; color: #444; } a { text-decoration: none; outline: none; } a:hover { text-decoration: underline; } a img { display: block; opacity: 1; max-width: 100%; height: auto; } a:hover img { opacity: 0.8; } p { padding: 1em 0; color: #444; line-height: 24px; } p.description { font-family: 'Raleway'; font-size: 16px; line-height: 26px; padding: 0; margin-top: 34px; } p.description.t1 { font-family: 'Raleway'; font-size: 14px; line-height: 24px; margin-top: 24px; } p a { color: #36c789; font-weight: 600; } strong { color: #000; } blockquote { text-align: center; font-family: 'Raleway'; font-size: 16px; color: #444; line-height: 26px; } blockquote:before { display: block; font-size: 48px; color: #1fade4; text-align: left; margin-bottom: 10px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } pre { font-family: 'Courier new'; font-size: 14px; line-height: 170%; background: url('//www.cleriti.com/hubfs/cos-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; /*font-family: 'Roboto';*/ font-size: 1.1em; margin: 5px 0; padding: 5px 0; } .relative { position: relative; } .responsive { display: block; width: 100%; height: auto; } input, textarea { font-family: 'Raleway'; border: 1px solid #E2E6E7; font-size: 14px; line-height: 24px; padding: 12px 15px; color: #444; 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: 'Raleway'; 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-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-54 { padding-top: 54px; } .padding-top-70 { padding-top: 70px; } .padding-top-bottom-30 { padding: 30px 0; } .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-67 { margin-top: 67px; } .margin-top-70 { margin-top: 70px !important; } .nounderline, .nounderline:hover { text-decoration: none; } /* --- site container --- */ .site-container { } /* --- headers --- */ h1, h2, h3, h4, h5, h6 { font-family: 'Raleway' !important; margin: 0; padding: 0; color: #000; font-weight: 600; letter-spacing: 1px } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; 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; } h1 { font-size: 22px; line-height: 34px; } h2 { font-size: 29px; line-height: 40px; } h3 { font-size: 22px; line-height: 34px; } h4 { font-size: 18px; line-height: 28px; } h5 { font-size: 14px; line-height: 24px; font-weight: 700; } h6 { font-size: 15px; line-height: 24px; font-weight: 500; letter-spacing: normal; } h1.box-header { text-align: center; font-size:2em; } h1.box-header.align-left { text-align: left; } .box-header:after { display: block; content: ""; background: #36c789; width: 40px; height: 2px; margin: 13px auto; } h1.box-header:after { width: 80px; margin-left: auto; margin-right: auto; margin-top: 20px; } h1.box-header.align-left:after { margin-left: 0; } h3 .more { margin-left: 50px; } h6.box-header { border-bottom: 1px solid #E2E6E7; } h6.box-header:after { margin-bottom: -1px; } /* --- 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: #444; 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 { width: 370px; /*float: left;*/ } .header h1 { font-size: 37px; font-weight: 900; color: #1fade4; line-height: 1; } .header h1 a { color: #1fade4; } .header h1 a:hover { opacity: 1; } /* --- page header --- */ .page-header { height: 100px; -webkit-box-shadow: 0 11px 4px -10px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 11px 4px -10px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 11px 4px -10px 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: 3px; } .bread-crumb-container label, .bread-crumb li, .bread-crumb li a { font-family: 'Raleway'; font-weight: 500; font-size: 13px; color: #999; line-height: 20px; padding:0 2px; margin:0; } .bread-crumb li a { color: #444; } /* --- 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: 1150px; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { font-family: 'Raleway'; font-size: 14px; font-weight: 400; line-height: 24px; color: #444; padding: 12px 0 12px 26px; border: none; } /*.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; z-index: 999; }*/ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { text-align:left; } .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: #1fade4; } .sf-menu li a, .sf-menu li a:visited { font-family: 'Raleway'; font-size: 14px; font-weight: 400; line-height: 24px; color: #444444; padding: 12px 0 12px 26px; border: none; } .sf-menu a:hover, .sf-menu a:visited:hover, .sf-menu li.selected a { color: #1fade4; } 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: #444; border-top: 1px solid #E2E6E7; background-color: #FFF; padding: 13px 20px; 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: #1fade4; } 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; } /* --- 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: "Raleway"; 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: #1fade4; 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: #444; margin-top: 6px; } .mobile-menu-switch .line:first-child { margin-top: 0; } .mobile-menu-switch:hover .line { background: #1fade4; } /* --- vertical menu --- */ .vertical-menu li { margin-top: 10px; } .vertical-menu li:first-child { margin-top: 0; } .vertical-menu li a { display: block; background: #F5F5F5; padding: 18px 18px 18px 19px; font-family: 'Raleway'; line-height: 24px; color: #444; } .vertical-menu li.selected a, .vertical-menu li:hover a { background: #1fade4; } .vertical-menu li.selected a, .vertical-menu li:hover a, .vertical-menu li.selected a span, .vertical-menu li:hover a span { color: #FFF; } .vertical-menu li a span { float: right; color: #AAA; 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 --- */ .row { width: 1170px; margin-left: auto !important; margin-right: auto !important; } .column .row { width: auto; } .row.full-width { width: 100%; } .row.gray { background: #F5F5F5; } .row.yellow { background: #1fade4; } .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 { margin-left: 0; } .column-1-1 { width: 100%; } .column-1-2 { width: 570px; } .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 { 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; } /* --- services --- */ .services-list li { float: left; width: 31%; padding-bottom: 26px; margin: 0 10px; } .services-list li h4 { margin-top: 22px; text-align: center; } .services-list li h4.box-header:after { margin-top: 23px; margin-left: auto; margin-right: auto; } .services-list li p { text-align: center; font-family: 'Raleway'; font-size: 14px; line-height: 24px; padding: 0 25px; margin-top: 24px; } .services-list a>.re-preloader { height: 260px; } /*ul.services-list img { padding: 0px 10px; } ul.services-list img:hover { padding: 0px 10px; }*/ /* --- team --- */ li.team-block { min-height: 610px; } .team-list li { float: left; width: 390px; background: #FFF; padding-bottom: 26px; text-align:center; } .team-list li h4 { margin-top: 22px; text-align: center; } .team-list li h4.box-header:after { margin-top: 23px; margin-left: auto; margin-right: auto; } .team-list li p { text-align: center; font-family: 'Raleway'; font-size: 14px; line-height: 24px; padding: 0 25px; margin-top: 24px; } .team-list a>.re-preloader { height: 260px; } .team-list img { padding:0 10px; max-height: 272px; width: auto; } /* --- projects --- */ .projects-list { width: 100%; } .projects-list li { position: relative; float: left; width: 25%; overflow: hidden; } .projects-list li img { -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .projects-list li:hover img { -webkit-filter: grayscale(0) !important; filter: grayscale(0) !important; } .projects-list.isotope li { width: auto; margin-top: 30px; } .projects-list li img { width: 100%; } .projects-list a>.re-preloader { height: 250px; } .projects-list li .view { position: absolute; top: 0; background: rgba(38, 38, 40, 0.5); 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; } .projects-list li:hover .view { opacity: 1; } .projects-list li .view .vertical-align-table { width: 100%; height: 100%; } .projects-list li .view p.description { color: #FFF; margin-top: -20px; margin-bottom: 55px; font-size: 14px; line-height: 24px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .projects-list li:hover .view p.description { margin-bottom: 35px; } /* --- 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:before { float: left; font-size: 48px; margin-right: 30px; color: #36c789; border: 1px solid #E2E6E7; padding: 19px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 50px; height: 50px; text-align: center; -webkit-box-sizing: initial !important; -moz-box-sizing: initial !important; box-sizing: initial !important; } .features-list.big li:before { clear: both; float: none; display: block; width: 60px; font-size: 60px; margin-left: auto; margin-right: auto; padding: 39px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .features-list li h4 { padding-bottom: 5px; } .features-list li p { font-family: 'Raleway'; font-size: 14px; line-height: 24px; padding: 0; margin-top: 19px; margin-left: 118px; } .features-list.big li h4 { margin-top: 35px; } .features-list.big li h4:after { margin-top: 20px; margin-left: auto; margin-right: auto; } .features-list.big li p { width: 80%; margin-left: auto; margin-right: auto; color:black; } .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; } .page-404 .features-list.big li p { font-size: 16px; line-height: 26px; margin-top: 34px; color:black; } /* --- 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 li:before { display: block; width: 48px; font-size: 48px; margin-left: auto; margin-right: auto; color: #FFF; border: 1px solid #E2E6E7; padding: 19px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .testimonials-list .ornament { position: relative; width: 1px; height: 20px; margin-left: auto; margin-right: auto; margin-bottom: 13px; background: #E2E6E7; } .testimonials-list .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-list p { font-family: 'Raleway'; font-weight: 300; font-size: 21px; color: #FFFFFF; line-height: 36px; padding: 29px 50px 0; } .testimonials-list p:after { display: block; content: ""; background: #1fade4; width: 40px; height: 2px; margin-top: 30px; margin-bottom: 34px; margin-left: auto; margin-right: auto; } .testimonials-list .author { font-family: 'Raleway'; font-weight: 500; font-size: 13px; color: #FFF; line-height: 20px; } .testimonials-list .author-details { margin-top: 7px; font-family: 'Raleway'; 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; margin-right: 30px; } .our-clients-list li img { width: 100%; } .our-clients-pagination { display: inline; } .our-clients-pagination a { display: inline-block; width: 1px; height: 1px; background: #E2E6E7; border: 5px 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: #1fade4; background: #1fade4; } .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: #1fade4; background: #FFF; border: 1px solid #FFF; padding: 19px; margin-right: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .contact-details-list li p { font-family: 'Raleway'; font-size: 16px; line-height: 26px; color: #FFF; } .contact-details-list li p a { color: #FFF; } /* --- slider control --- */ .slider-control { position: absolute; width: 26px; height: 26px; color: #FFF; border: 1px solid #E2E6E7; padding: 16px; top: 43%; 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: #1fade4; border-color: #1fade4; } /* --- parallax --- */ .parallax-1 { background-image: url('https://cdn2.hubspot.net/hubfs/160303/team2.jpg'); } .parallax-2 { background-image: url('//www.cleriti.com/hubfs/cincy-parallax2.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: 'Raleway'; font-weight: 100; font-size: 80px; color: #FFF; visibility: visible; } span.number:after, span.odometer.number:after { display: block; content: ""; background: #1fade4; width: 40px; height: 2px; margin: 20px auto 0; } /* --- blog --- */ .blog>li { clear: both; float: left; margin-top: 40px; } .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: 25px; font-family: 'Raleway'; font-weight: 500; font-size: 13px; color: #999; line-height: 20px; } .blog .post-details a { color: #999; } .blog .post-content { width: 750px; } .blog .post-content .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: #1fade4; } .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 { margin-bottom: 16px; } .blog .post-content-details li { font-family: 'Raleway'; font-weight: 500; font-size: 13px; color: #999; line-height: 20px; margin-left: 10px; } .blog .post-content-details li:first-child { margin-left: 0; } .blog .post-content-details li a { color: #444; } .blog p.description.t1 { margin-top: 34px; } .blog .post-image { width: 100%; margin-bottom: 25px; } .blog.small>li { margin-top: 30px; } .blog.small .post-content a { display: block; font-family: Raleway; font-size: 14px; color: #444444; 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 p { font-family: "Raleway"; font-size: 14px; line-height: 24px; } .post.single blockquote, .post.single p, .post.single h3, .post.single h4 { margin-top: 24px; } /* --- taxonomies --- */ .taxonomies li { float: left; margin-right: 7px; margin-bottom: 7px; } .taxonomies a { display: block; border: 1px solid #E2E6E7; color: #999; line-height: 16px; letter-spacing: 1px; font-family: 'Raleway'; font-size: 11px; font-weight: 500; padding: 10px 12px; text-align: left; } .taxonomies a:hover { color: #FFF; background: #1fade4; border-color: #1fade4; } .taxonomies.full-width li { width: 100%; margin-right: 0; } .taxonomies a span { /*float: right;*/ padding-left: 2px; } /* --- buttons --- */ .buttons li { margin-top: 10px; } .buttons li:first-child { margin-top: 0; } .buttons li a { display: block; background: #F5F5F5; padding: 18px 18px 18px 19px; font-family: 'Raleway'; line-height: 24px; color: #444; } .buttons li:before { color: #1fade4; float: left; font-size: 24px; margin-right: 19px; margin-top: 17px; margin-left: 20px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .buttons li.selected a, .buttons li:hover a { background: #1fade4; color: #FFF; } .buttons li.selected:before, .buttons li:hover:before { color: #FFF; } .single-post img { margin: 10px 0; padding: 0; height:auto; } .single-post .post.single blockquote, .post.single p, .post.single h3, .post.single h4 { margin-top: 0; } .single-post-content ul { list-style: disc !important; } .single-post-content li { margin: 10px; color: #444 !important; line-height: 150%; font-family: "Raleway"; font-size: 14px; } /* --- announcement --- */ .announcement { width: 1170px; margin-left: auto; margin-right: auto; padding: 30px 0; } .announcement .vertical-align-cell:before { float: left; font-size: 48px; margin-right: 30px; color: #1fade4; border: 1px solid #E2E6E7; padding: 19px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .announcement .vertical-align { height: 88px; } .announcement h3 { margin-left: 118px; } .post-content p:first-child img { display: none; } .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 47px; text-align: center; } .call-to-action:before { display: block; width: 48px; height: 48px; font-size: 48px; margin-right: 30px; color: #1fade4; border: 1px solid #E2E6E7; padding: 19px; margin-left: auto; margin-right: auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .call-to-action h4 { margin-top: 22px; } .call-to-action p.description { margin-top: 17px; margin-bottom: 43px; } .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; margin-top: 0; outline: none; } #cancel-comment { display: none; font-size: 12px; margin-right: 20px; color: #1fade4; } .comment-form p.description.t1, .contact-form p.description.t1 { margin-top: 14px; } .comment-form .hint, .contact-form .hint { color: #999; } ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; opacity: 1; } ::-moz-placeholder { color: #999; opacity: 1; } :-ms-input-placeholder { color: #999; } /* --- 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("//www.cleriti.com/hubfs/cos-images/samples/90x90/users/image_01.png"); } .avatar-2 { background-image: url("//www.cleriti.com/hubfs/cos-images/samples/90x90/users/image_02.png"); } .avatar-3 { background-image: url("//www.cleriti.com/hubfs/cos-images/samples/90x90/users/image_03.png"); } .avatar-4 { background-image: url("//www.cleriti.com/hubfs/cos-images/samples/90x90/users/image_04.png"); } .avatar-5 { background-image: url("//www.cleriti.com/hubfs/cos-images/samples/90x90/users/image_05.png"); } .avatar-6 { background-image: url("//www.cleriti.com/hubfs/cos-images/samples/90x90/users/image_06.png"); } .avatar-7 { background-image: url("//www.cleriti.com/hubfs/cos-images/samples/90x90/users/image_07.png"); } .avatar-8 { background-image: url("//www.cleriti.com/hubfs/cos-images/samples/90x90/users/image_08.png"); } .posted-by abbr { font-family: 'Raleway'; color: #999; font-size: 13px; margin-top: 7px; font-weight: 500; line-height: 20px; } .posted-by .in-reply { margin-left: 5px; color: #ABABAB; } #comments-list .comment-details { float: left; width: 750px; margin-left: 30px; } #comments-list .comment-details p { font-family: 'Raleway'; 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: #999; margin-top: -22px; font-weight: 500; font-size: 11px; line-height: 16px; } #comments-list .comment-details .more:hover { color: #FFF; } /* --- pagination --- */ .pagination { clear: both; margin: 20px 0 0; } .pagination li { font-family: 'Raleway'; float: left; margin-left: 6px; } .pagination li:first-child { margin-left: 0; } .pagination li.left a:before, .pagination li.right a:before { color: #999; } .pagination li a:hover:before, .pagination li a.selected:before { color: #FFF; } .pagination li.left a, .pagination li.right a { padding: 9px 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: #999; font-size: 16px; width: 35px; padding: 9px 0 10px; border: 1px solid #E2E6E7; text-align: center; } .pagination li a:hover, .pagination li.selected a { color: #FFF; background-color: #1fade4; border-color: #1fade4; } /* --- list bullet --- */ .list li { padding-top: 3px; padding-bottom: 3px; font-family: 'Raleway'; font-size: 14px; line-height: 24px; padding-left: 30px; } .list li a { color: #1fade4; font-weight: 600; } li.template-bullet:before { color: #1fade4; padding-right: 15px; margin-left: -30px; vertical-align: text-top; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } /* --- 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 { background: #F5F5F5; } .tabs-navigation.small li { margin-right: 6px; margin-bottom: 10px; margin-left: 0 } .tabs-navigation.small li a { min-width: 0; padding: 15px 20px; } .tabs-navigation a:before { display: block; margin-left: auto; margin-right: auto; font-size: 48px; color: #1fade4; padding: 20px 20px 12px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .tabs-navigation li a { display: block; min-width: 180px; text-align: center; font-size: 14px; color: #444; background: #FFF; padding: 10px 0 23px; border: none; font-family: 'Raleway'; 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: #1fade4; 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: #1fade4 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: 'Raleway'; 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 .ui-accordion-content { padding: 30px 0 20px; } .accordion .ui-accordion-header { padding: 16px 15px; cursor: pointer; border-bottom: 1px solid #E2E6E7; font-family: 'Raleway'; 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 h5 { font-weight: 400; letter-spacing: normal; margin-top: 2px; margin-bottom: 1px; margin-left: 39px; } .accordion .ui-accordion-header.ui-state-active { background-color: #1fade4; border-bottom-color: #1fade4; } .accordion .ui-accordion-header.ui-state-active h5 { color: #FFF; } .accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon { color: #FFF; } .accordion .ui-accordion-header .ui-accordion-header-icon { float: left; margin-right: 15px; font-size: 24px; color: #1fade4; } .accordion .ui-accordion-header:hover { padding-left: 25px; padding-right: 5px; } .accordion .ui-accordion-header.ui-state-active:hover { padding: 16px 15px; } .accordion p.description { margin: 0; } /* --- preloader --- */ .re-preloader { display: block; height: auto; min-height: 20px; background: url('//www.cleriti.com/hubfs/cos-images/preloader.gif') no-repeat center center; } .blog .post-content>a>img, .post.single .post-image img, .our-clients-list, .services-list a>img, .team-list a>img, .projects-list a>img, .re-preload>img { display: none; } .projects-list.isotope li>a, .projects-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: 'Raleway'; font-weight: 500; font-size: 13px; color: #999999; line-height: 20px; padding: 15px 20px; } .contact-details li:first-child { border-left: 1px solid #E2E6E7; } .contact-details li:before { font-size: 14px; margin-right: 10px; } /* --- 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: #AAA; } .social-icons a:hover { color: #444; } .social-icons a:before { font-size: 14px; } .header-top-bar .social-icons { float: right; } .social-icons li a { padding: 17px; } .social-icons.yellow li { background: #1fade4; border: 2px solid #1fade4; margin-left: 1px; } .social-icons.yellow li:hover { background: transparent; } .social-icons.yellow li a { padding: 15px 16px; height: 16px } .social-icons.yellow li a:before { color: #FFF; } .social-icons.yellow li a:hover:before { color: #000; } .social-icons.yellow 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: #AAA; } .template-search:hover { color: #444; } .gsc-search-box-tools .gsc-search-box .gsc-input { padding: 0!important; } .gsib_a { padding: 0!important; } .search table td, table th { border: none!important; padding: 0 !important; } .search { position: absolute; display: none; right: 0; width: 300px; padding: 20px 20px 16px; margin-top: 5px; background: #F5F5F5; z-index: 99; } .google-results table td, table th { background: white none repeat scroll 0 0 !important; border: medium none !important; } .search .search-input { float: left; width: 91px; color: #444; font-size: 14px; background: #FFF; border: 1px solid #E2E6E7; margin: 0; padding: 12px 14px 12px 12px; } .google-results .gsc-selected-option-container { width: 80px !important; } .gsc-input-box { background: #fff none repeat scroll 0 0; border: 1px solid #d9d9d9; height: 25px; display: inline-table; width: 100%; } .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 { position: relative; float: right; } .header-top-bar .search .template-search { padding: 18px 18px 17px 18px; border: none; } .search .search-submit-container:hover .template-search { color: #444; } .search .search-submit { position: absolute; width: 50px; height: 50px; background: none; padding: 0; top: 0; left: 0; cursor: pointer; } /* --- 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 { right: 0; position: absolute; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* --- cost calculator --- */ .cost-calculator-box { padding: 30px; background: #F5F5F5; margin-top: 1px; } .column-2-3 .cost-calculator-box .column-1-2 { width: 340px; } .cost-calculator-box:before { float: left; font-size: 48px; margin-right: 30px; color: #1fade4; border: 1px solid #E2E6E7; padding: 19px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .cost-calculator-box:first-child { margin-top: 0; } .cost-calculator-box label { float: left; font-family: 'Raleway'; font-size: 14px; line-height: 24px; border-left: 4px solid #1fade4; padding: 14px 0 12px 15px; } .cost-calculator-box .cost-slider-container { float: right; margin-left: 30px; } .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; } .cost-calculator-box input.big { width: 370px; } .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; } .contact-form .cost-calculator-box p.description.t1 { margin-top: 14px; padding: 0; } .cost-calculator-price { font-family: 'Raleway'; font-weight: 300; font-size: 40px; color: #1fade4; } .ui-slider { float: right; width: 300px; margin-top: 20px; background-color: #E2E6E7; border-radius: 5px; } .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: #1fade4; 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: 'Raleway'; color: #FFF; background: #1fade4; 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: #1fade4 transparent; border-style: solid; border-width: 0 8px 8px; margin-left: -8px; display: inline; position: absolute; } .ui-slider-range-min { background: #1fade4; border-radius: 5px; } .ui-selectmenu-button { float: right; font-family: 'Raleway'; border: 1px solid #E2E6E7; margin: 0; background: #FFF; } .ui-selectmenu-button span.ui-selectmenu-text { padding: 12px 40px 12px 15px; line-height: 24px; font-size: 14px; color: #444; } .ui-selectmenu-button .ui-icon { color: #444; border-left: 1px solid #E2E6E7; padding: 16px 12px 17px; } .ui-selectmenu-button.ui-corner-top .ui-icon, .ui-selectmenu-button:hover .ui-icon { color: #1fade4; } .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: 'Raleway'; cursor: pointer; background: #FFF; color: #444; 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: #1fade4; } /* --- buttons --- */ .more, .more[type="submit"] { color: #FFF; font-family: 'Raleway'; font-size: 12px; font-weight: 700; background: #36c789; padding: 16px 23px 15px; text-align: center; cursor: pointer; line-height: normal; letter-spacing: 1px; /*border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px;*/ transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; border: 2px solid #36c789; } .hs-button { color: #FFF; font-family: 'Raleway'; font-size: 1.2em; font-weight: 700; background: #36c789; padding: 16px 23px 15px; text-align: center; cursor: pointer; line-height: normal; letter-spacing: 1px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; border: 2px solid #36c789; position: relative; top: 20px; width:100%; } .hs-button:hover { color: #000; background: transparent; opacity: 1; } .more:hover { color: #000; background: transparent; opacity: 1; } .more.simple { background: transparent; color: #FFF; border: 1px solid #E2E6E7; padding: 17px 24px 16px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .more.simple:hover { border-color: #36c789; background: #36c789; } .more.small { padding: 12px 19px 11px; } /* --- copyright row --- */ .copyright { color: #999; font-family: 'Raleway'; line-height: 24px; } .copyright a { color: #444; } /* --- 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("//www.cleriti.com/hubfs/cos-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; } .revolution-slider { width: 100%; height: 600px; position: relative; background: #F5F5F5; } /* --- slider revolution label --- */ .slider-content-box { width: 460px; max-height: auto; white-space: normal; background: rgba(38, 38, 40, 0.7); padding-bottom: 47px; } .slider-content-box h2 { color: #FFF; border-bottom: 1px solid #1fade4; padding: 21px 30px 20px; background: rgba(38, 38, 40, 0.68); } .slider-content-box h2 a { color: #FFF; } .slider-content-box h2 a:hover { text-decoration: underline; opacity: 1; } .slider-content-box p { font-family: 'Raleway'; font-size: 16px; color: #FFF; line-height: 26px; padding: 23px 30px 40px; } .slider-content-box .more { margin-left: 30px; } .tp-caption a:hover { color: #FFF !important; } /* --- slider revolution navigation arrows --- */ .tparrows.preview1 { width: 40px; height: 100px; } .tparrows.preview1:after { font-family: "template" !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 .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; } .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .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; } .scroll-top:before { font-size: 24px; color: #FFF; } .scroll-top:hover { background: #1fade4; } .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; margin: 5px 5px 5px 0px; padding: 5px; } input[type='radio'] { -webkit-appearance: radio; } ul.inputs-list.multi-container { margin: 7px 0; } label.hs-form-checkbox-display { font-size: 1em; } /* :focus { outline:none; }*/ ::-moz-focus-inner { border:0; } body.lock-position { position: fixed; overflow: hidden; width: 100%; height: 100%; } .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) { p.description { font-size: 14px; line-height: 24px; } .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; } .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; } .widget-span.widget-type-cell.thank-you-container { max-width: 750px; } /*.widget-span.widget-type-cell.nav-container { max-width: 750px; }*/ /*.widget-span.widget-type-menu.main-nav { margin: 20px 0; width: 100%; }*/ .main-nav ul { float: left; } .main-nav .hs-menu-item.hs-menu-depth-1:first-child a { padding-left: 0; } .header-container { padding: 26px 0 13px; } .header .logo { width: auto; } .header-container.sticky.move { padding: 20px 0 7px; } /* --- page header --- */ .page-header-left { width: 300px; } .page-header-right { width: 450px; } /* --- menu --- */ .menu-container { float: left; clear: both; 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: 18px 10px 18px 11px; } /* --- 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 --- */ .tp-caption { top: auto !important; bottom: 50px !important; } .slider-content-box { max-width: 380px; margin-left: 50px; padding-bottom: 42px; } .slider-content-box h2 { font-size: 21px; line-height: 32px; padding: 16px 25px 17px; } .slider-content-box p { font-size: 14px; line-height: 24px; padding: 19px 25px 36px; } .slider-content-box .more { margin-left: 25px; } /* --- 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 { width: 165px; } .column-3-4 { width: 555px; } .column-3-4 .column-1-2 { width: 262px; } .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: 30%; } .services-list li h4.box-header::after, .services-list li p { margin-top: 15px; } .services-list li p { padding: 0 15px; } /* --- team --- */ .team-list li { width: 250px; } .team-list li h4.box-header::after, .team-list li p { margin-top: 15px; } .team-list li p { padding: 0 15px; } /* --- projects --- */ .projects-list.isotope li, .projects-list.isotope li>a, .projects-list.isotope a>img { width: 230px; height: auto; } .projects-list.isotope li:hover .view p.description { margin-bottom: 25px; } .projects-list.isotope .more { padding: 12px 14px 11px; font-size: 11px; } /* --- features --- */ .features-list li { margin-top: 35px; } .features-list li p { margin-top: 16px; } .column-1-3 .features-list li:before { margin-right: 15px; } .column-1-3 .features-list li p { margin-left: 103px; } .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: 29px 30px 0; line-height: 28px; font-weight: 400; } /* --- our clients --- */ .our-clients-list li { width: 165px; } /* --- contact details --- */ .contact-details-list li:before { float: none; margin-left: auto; margin-right: auto; } .contact-details-list li p { clear: both; text-align: center; } /* --- tabs navigation --- */ .tabs .ui-tabs-panel p { padding: 24px 0 0; } /* --- call to action --- */ .call-to-action .more { display: block; } /* --- cost calculator --- */ .ui-slider { width: 328px; } .cost-calculator-box .cost-slider-container { clear: both; margin-left: 0; margin-top: 10px; } .ui-selectmenu-button { width: 240px !important; } .contact-form .cost-calculator-box p.description.t1 { margin-top: 0; } .contact-form .cost-calculator-sum p.description.t1 { margin-top: 14px; } .cost-calculator-box input.big { width: 160px; } } @media screen and (max-width:767px) { /* --- 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; } /*.widget-span.widget-type-cell.nav-container { max-width: 462px; }*/ .mean-container .mean-bar { top: 244px; } .mean-container a.meanmenu-reveal { top: -70px; } .mean-container .mean-bar { left: 0; margin: auto; right: 0; top: 243px; width: 462px; } .widget-span.widget-type-cell.thank-you-container { max-width: 462px; } .thank-posts .hs-rss-item { margin: 0 0 40px; width: 100%; } .header-container { 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; } /* --- vertical menu --- */ .vertical-menu li a { padding: 18px 18px 18px 19px; } /* --- slider revolution --- */ .tp-caption { bottom: 20px !important; } .slider-content-box { max-width: 300px; margin-left: 20px; padding-bottom: 0px; } .slider-content-box h2 { font-size: 16px; font-weight: 500; line-height: 26px; padding: 11px 18px 11px; } .slider-content-box p { font-size: 13px; line-height: 21px; padding: 13px 18px 15px; } .slider-content-box .more { display: none; } /* --- page layout --- */ .row .column { margin-top: 40px; } .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, .columns.no-width .column-left, .columns.no-width .column-right, .row-4-4 .column-1-4 { 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; } .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 .column-1-4.column-right { text-align: center; margin-top: 40px; margin-bottom: 20px; } .announcement .vertical-align, .announcement .vertical-align-cell { display: block; height: auto; } /* --- services --- */ .services-list li { width: 100%; } /* --- team --- */ .team-list li { width: 231px; } /* --- projects --- */ .projects-list li { width: 50%; } .projects-list.isotope li, .projects-list.isotope li>a, .projects-list.isotope a>img { width: 216px; } /* --- features --- */ .column-1-3 .features-list li:before { margin-right: 30px; } .column-1-3 .features-list li p { margin-left: 118px; } /* --- 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 5px; } .contact-details li::before { margin-right: 5px; } /* --- testimonials --- */ .testimonials-container .caroufredsel_wrapper_testimonials { width: 366px !important; left: 48px !important; } .testimonials-list li { width: 366px; } .testimonials-list p { font-size: 16px; line-height: 26px; } /* --- our clients --- */ .our-clients-list-container { width: 370px; margin-left: auto; margin-right: auto; } .our-clients-list li { width: 170px; } /* --- contact details --- */ .contact-details-list li::before { float: left; margin-left: auto; margin-right: 30px; } .contact-details-list li p { clear: none; text-align: left; } /* --- 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 --- */ .cost-calculator-box input.big { width: 133px; } .ui-slider { width: 300px; } .ui-selectmenu-button { width: 220px !important; } /* --- misc --- */ .scroll-top.animated-element { right: 10px; bottom: 10px; } } @media screen and (max-width:479px) { table td, table th { padding: 8px 10px; } /* --- 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; } /*.widget-span.widget-type-cell.nav-container { max-width: 300px; }*/ .mean-container .mean-bar { left: 0; margin: auto; right: 0; top: 140px; width: 300px; } .widget-span.widget-type-cell.thank-you-container { max-width: 300px; } .thank-posts .hs-rss-item { margin: 0 0 40px; width: 100%; } .mean-bar.main { top: 274px; } .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 --- */ .tp-caption { bottom: 10px !important; } .slider-content-box { margin-left: 10px; } .slider-content-box h2 { font-size: 14px; line-height: 24px; padding: 9px 15px 8px; border-bottom: none; } .slider-content-box p { display: none; } /* --- 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-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 { margin-left: 0; margin-top: 30px; } /* --- 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: 10px 20px; } .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: #999; 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: 15px; } #comments-list .children .comment-details { width: 285px; } /* --- testimonials --- */ .testimonials-container .caroufredsel_wrapper_testimonials { width: 300px !important; left: 0 !important; } .testimonials-list li { width: 300px; } .testimonials-list p { /*padding: 29px 0 0;*/ } .slider-control { top: 20px; } /* --- buttons --- */ h3 .more { margin-left: 0; } .button-label { display: none; } /* --- services --- */ .services-list li { width: 300px; } .services-list li p { padding: 0 10px; } /* --- team --- */ .team-list li { width: 300px; } .team-list li p { padding: 0 10px; } /* --- projects --- */ .projects-list.isotope, .projects-list.isotope li, .projects-list.isotope li>a, .projects-list.isotope a>img { width: 270px; } .projects-list.isotope { margin-left: auto; margin-right: auto; } .projects-list li:hover .view p.description { margin-bottom: 25px; } .projects-list .more { padding: 12px 14px 11px; font-size: 11px; } /* --- our clients --- */ .our-clients-list-container { width: 300px; } .our-clients-list li { width: 145px; margin-right: 10px; } /* --- contact details --- */ .contact-details-list li::before { margin-right: 10px; } .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 --- */ .cost-calculator-box { padding: 15px; } .cost-calculator-box input.big { width: 238px; margin-top: 15px; } .ui-slider { width: 168px; } .ui-slider-handle .cost-slider-tooltip { top: 30px; } .ui-slider-handle .cost-slider-tooltip .value { padding: 7px 0; } .ui-selectmenu-button { width: 268px !important; margin-top: 15px; } .cost-calculator-box::before { display: none; } } @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; } @charset "UTF-8"; @font-face { font-family: "streamline-small"; src:url("//www.cleriti.com/hubfs/cos-fonts/streamline-small.eot"); src:url("//www.cleriti.com/hubfs/cos-fonts/streamline-small.eot?#iefix") format("embedded-opentype"), url("//www.cleriti.com/hubfs/cos-fonts/streamline-small.woff") format("woff"), url("//www.cleriti.com/hubfs/cos-fonts/streamline-small.ttf") format("truetype"), url("//www.cleriti.com/hubfs/cos-fonts/streamline-small.svg#streamline-small") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "streamline-small" !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^="sl-small-"]:before, [class*=" sl-small-"]:before { font-family: "streamline-small" !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; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sl-small-helmet:before { content: "a"; height: 48px; line-height: 46px; } .sl-small-wallet:before { content: "b"; height: 48px; line-height: 52px; } .sl-small-roller:before { content: "c"; height: 48px; line-height: 48px; } .sl-small-driller:before { content: "d"; height: 48px; line-height: 38px; } .sl-small-bubble-check:before { content: "e"; height: 48px; line-height: 48px; } .sl-small-shield:before { content: "f"; height: 48px; line-height: 48px; } .sl-small-truck:before { content: "g"; height: 48px; line-height: 34px; } .sl-small-house-1:before { content: "h"; height: 48px; line-height: 38px; } .sl-small-eco:before { content: "i"; height: 48px; line-height: 48px; } .sl-small-garage:before { content: "j"; height: 48px; line-height: 38px; } .sl-small-conversation:before { content: "k"; height: 48px; line-height: 48px; } .sl-small-phone:before { content: "l"; height: 48px; line-height: 48px; } .sl-small-location:before { content: "m"; height: 48px; line-height: 52px; } .sl-small-mail:before { content: "n"; height: 48px; line-height: 38px; } .sl-small-wrench:before { content: "o"; height: 48px; line-height: 48px; } .sl-small-measure:before { content: "p"; height: 48px; line-height: 48px; } .sl-small-bucket:before { content: "q"; height: 48px; line-height: 48px; } .sl-small-globe:before { content: "r"; height: 48px; line-height: 48px; } .sl-small-house-2:before { content: "s"; height: 48px; line-height: 44px; } .sl-small-briefcase:before { content: "t"; height: 48px; line-height: 38px; } .sl-small-quote:before { content: "u"; height: 48px; line-height: 52px; } .sl-small-clock:before { content: "v"; height: 48px; line-height: 48px; } .sl-small-fax:before { content: "w"; height: 48px; line-height: 44px; } .sl-small-key:before { content: "x"; height: 48px; line-height: 48px; } .sl-small-pencil:before { content: "y"; height: 48px; line-height: 44px; } .sl-small-hammer:before { content: "z"; height: 48px; line-height: 46px; } .sl-small-wrenches:before { content: "A"; height: 48px; line-height: 48px; } .sl-small-screwdriver:before { content: "B"; height: 48px; line-height: 48px; } .sl-small-ruler:before { content: "C"; height: 48px; line-height: 48px; } .sl-small-stationery:before { content: "D"; height: 48px; line-height: 48px; } .sl-small-faq:before { content: "E"; height: 48px; line-height: 44px; } .sl-small-bubble:before { content: "F"; height: 48px; line-height: 48px; } .sl-small-person:before { content: "G"; height: 48px; line-height: 48px; } .sl-small-team:before { content: "H"; height: 48px; line-height: 38px; } .sl-small-camera:before { content: "I"; height: 48px; line-height: 48px; } .sl-small-picture:before { content: "J"; height: 48px; line-height: 44px; } .sl-small-cart-1:before { content: "K"; height: 48px; line-height: 48px; } .sl-small-cart-2:before { content: "L"; height: 48px; line-height: 48px; } .sl-small-photo:before { content: "M"; height: 48px; line-height: 48px; } .sl-small-video:before { content: "N"; height: 48px; line-height: 48px; } .sl-small-speaker:before { content: "O"; height: 48px; line-height: 50px; } .sl-small-lock:before { content: "P"; height: 48px; line-height: 48px; } .sl-small-trophy:before { content: "Q"; height: 48px; line-height: 48px; } .sl-small-chat:before { content: "R"; height: 48px; line-height: 48px; } .sl-small-list:before { content: "S"; height: 48px; line-height: 48px; } .sl-small-poster:before { content: "T"; height: 48px; line-height: 48px; } .sl-small-documents:before { content: "U"; height: 48px; line-height: 48px; } .sl-small-forklift:before { content: "V"; height: 48px; line-height: 38px; } .sl-small-building:before { content: "W"; height: 48px; line-height: 48px; } .sl-small-fence:before { content: "X"; height: 48px; line-height: 48px; } .sl-small-lab:before { content: "Y"; height: 48px; line-height: 48px; } .sl-small-watering-can:before { content: "Z"; height: 48px; line-height: 40px; } .sl-small-trowel:before { content: "0"; height: 48px; line-height: 48px; } .sl-small-shovel:before { content: "1"; height: 48px; line-height: 48px; } .sl-small-cone:before { content: "2"; height: 48px; line-height: 48px; } .sl-small-lightbulb:before { content: "3"; height: 48px; line-height: 48px; } .sl-small-door:before { content: "4"; height: 48px; line-height: 48px; } .sl-small-bricks:before { content: "5"; height: 48px; line-height: 34px; } .sl-small-brush-1:before { content: "6"; height: 48px; line-height: 48px; } .sl-small-brush-2:before { content: "7"; height: 48px; line-height: 48px; } .sl-small-percent:before { content: "8"; height: 48px; line-height: 48px; } .sl-small-gears:before { content: "9"; height: 48px; line-height: 48px; } .sl-small-tick:before { content: "!"; height: 48px; line-height: 42px; } .sl-small-plan:before { content: "@"; height: 48px; line-height: 48px; } .sl-small-megaphone:before { content: "#"; height: 48px; line-height: 48px; } .sl-small-calculator:before { content: "$"; height: 48px; line-height: 48px; } .sl-small-trolley:before { content: "%"; height: 48px; line-height: 48px; } .sl-small-payment:before { content: "^"; height: 48px; line-height: 48px; } .sl-small-construction:before { content: "&"; height: 48px; line-height: 48px; } .sl-small-scissors:before { content: "*"; height: 48px; line-height: 48px; } @charset "UTF-8"; @font-face { font-family: "streamline-large"; src:url("//www.cleriti.com/hubfs/cos-fonts/streamline-large.eot"); src:url("//www.cleriti.com/hubfs/cos-fonts/streamline-large.eot?#iefix") format("embedded-opentype"), url("//www.cleriti.com/hubfs/cos-fonts/streamline-large.woff") format("woff"), url("//www.cleriti.com/hubfs/cos-fonts/streamline-large.ttf") format("truetype"), url("//www.cleriti.com/hubfs/cos-fonts/streamline-large.svg#streamline-large") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "streamline-large" !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^="sl-large-"]:before, [class*=" sl-large-"]:before { font-family: "streamline-large" !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; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sl-large-helmet:before { content: "a"; height: 60px; line-height: 58px; } .sl-large-wallet:before { content: "b"; height: 60px; line-height: 64px; } .sl-large-roller:before { content: "c"; height: 60px; line-height: 60px; } .sl-large-driller:before { content: "d"; height: 60px; line-height: 60px; } .sl-large-bubble-check:before { content: "e"; height: 60px; line-height: 60px; } .sl-large-shield:before { content: "f"; height: 60px; line-height: 60px; } .sl-large-truck:before { content: "g"; height: 60px; line-height: 42px; } .sl-large-house-1:before { content: "h"; height: 60px; line-height: 54px; } .sl-large-eco:before { content: "i"; height: 60px; line-height: 60px; } .sl-large-garage:before { content: "j"; height: 60px; line-height: 54px; } .sl-large-conversation:before { content: "k"; height: 60px; line-height: 60px; } .sl-large-phone:before { content: "l"; height: 60px; line-height: 60px; } .sl-large-location:before { content: "m"; height: 60px; line-height: 64px; } .sl-large-mail:before { content: "n"; height: 60px; line-height: 60px; } .sl-large-wrench:before { content: "o"; height: 60px; line-height: 60px; } .sl-large-measure:before { content: "p"; height: 60px; line-height: 60px; } .sl-large-bucket:before { content: "q"; height: 60px; line-height: 60px; } .sl-large-globe:before { content: "r"; height: 60px; line-height: 60px; } .sl-large-house-2:before { content: "s"; height: 60px; line-height: 60px; } .sl-large-briefcase:before { content: "t"; height: 60px; line-height: 60px; } .sl-large-quote:before { content: "u"; height: 60px; line-height: 60px; } .sl-large-clock:before { content: "v"; height: 60px; line-height: 60px; } .sl-large-fax:before { content: "w"; height: 60px; line-height: 56px; } .sl-large-key:before { content: "x"; height: 60px; line-height: 60px; } .sl-large-pencil:before { content: "y"; height: 60px; line-height: 56px; } .sl-large-hammer:before { content: "z"; height: 60px; line-height: 58px; } .sl-large-wrenches:before { content: "A"; height: 60px; line-height: 60px; } .sl-large-screwdriver:before { content: "B"; height: 60px; line-height: 60px; } .sl-large-ruler:before { content: "C"; height: 60px; line-height: 60px; } .sl-large-stationery:before { content: "D"; height: 60px; line-height: 60px; } .sl-large-faq:before { content: "E"; height: 60px; line-height: 58px; } .sl-large-bubble:before { content: "F"; height: 60px; line-height: 60px; } .sl-large-person:before { content: "G"; height: 60px; line-height: 60px; } .sl-large-team:before { content: "H"; height: 60px; line-height: 50px; } .sl-large-camera:before { content: "I"; height: 60px; line-height: 60px; } .sl-large-picture:before { content: "J"; height: 60px; line-height: 56px; } .sl-large-cart-1:before { content: "K"; height: 60px; line-height: 60px; } .sl-large-cart-2:before { content: "L"; height: 60px; line-height: 60px; } .sl-large-photo:before { content: "M"; height: 60px; line-height: 60px; } .sl-large-video:before { content: "N"; height: 60px; line-height: 60px; } .sl-large-speaker:before { content: "O"; height: 60px; line-height: 60px; } .sl-large-lock:before { content: "P"; height: 60px; line-height: 60px; } .sl-large-trophy:before { content: "Q"; height: 60px; line-height: 60px; } .sl-large-chat:before { content: "R"; height: 60px; line-height: 60px; } .sl-large-list:before { content: "S"; height: 60px; line-height: 60px; } .sl-large-poster:before { content: "T"; height: 60px; line-height: 60px; } .sl-large-documents:before { content: "U"; height: 60px; line-height: 60px; } .sl-large-forklift:before { content: "V"; height: 60px; line-height: 44px; } .sl-large-building:before { content: "W"; height: 60px; line-height: 60px; } .sl-large-fence:before { content: "X"; height: 60px; line-height: 60px; } .sl-large-lab:before { content: "Y"; height: 60px; line-height: 60px; } .sl-large-watering-can:before { content: "Z"; height: 60px; line-height: 60px; } .sl-large-trowel:before { content: "0"; height: 60px; line-height: 60px; } .sl-large-shovel:before { content: "1"; height: 60px; line-height: 60px; } .sl-large-cone:before { content: "2"; height: 60px; line-height: 60px; } .sl-large-lightbulb:before { content: "3"; height: 60px; line-height: 60px; } .sl-large-door:before { content: "4"; height: 60px; line-height: 60px; } .sl-large-bricks:before { content: "5"; height: 60px; line-height: 60px; } .sl-large-brush-1:before { content: "6"; height: 60px; line-height: 60px; } .sl-large-brush-2:before { content: "7"; height: 60px; line-height: 60px; } .sl-large-percent:before { content: "8"; height: 60px; line-height: 60px; } .sl-large-gears:before { content: "9"; height: 60px; line-height: 60px; } .sl-large-tick:before { content: "!"; height: 60px; line-height: 60px; } .sl-large-plan:before { content: "@"; height: 60px; line-height: 60px; } .sl-large-megaphone:before { content: "#"; height: 60px; line-height: 60px; } .sl-large-calculator:before { content: "$"; height: 60px; line-height: 60px; } .sl-large-trolley:before { content: "%"; height: 60px; line-height: 60px; } .sl-large-payment:before { content: "^"; height: 60px; line-height: 60px; } .sl-large-construction:before { content: "&"; height: 60px; line-height: 60px; } .sl-large-scissors:before { content: "*"; height: 60px; line-height: 60px; } @charset "UTF-8"; @font-face { font-family: "template"; src:url("//www.cleriti.com/hubfs/cos-fonts/template.eot"); src:url("//www.cleriti.com/hubfs/cos-fonts/template.eot?#iefix") format("embedded-opentype"), url("//www.cleriti.com/hubfs/cos-fonts/template.woff") format("woff"), url("//www.cleriti.com/hubfs/cos-fonts/template.ttf") format("truetype"), url("//www.cleriti.com/hubfs/cos-fonts/template.svg#template") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "template" !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" !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; -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-map-marker:before { content: "f"; } .template-arrow-circle-down:before { content: "g"; } .template-arrow-circle-right:before { content: "h"; } .template-bullet:before { content: "i"; } .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"; } @charset "UTF-8"; @font-face { font-family: "social"; src:url("//www.cleriti.com/hubfs/cos-fonts/social.eot"); src:url("//www.cleriti.com/hubfs/cos-fonts/social.eot?#iefix") format("embedded-opentype"), url("//www.cleriti.com/hubfs/cos-fonts/social.woff") format("woff"), url("//www.cleriti.com/hubfs/cos-fonts/social.ttf") format("truetype"), url("//www.cleriti.com/hubfs/cos-fonts/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; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: initial !important; -moz-box-sizing: initial !important; box-sizing: initial !important; } .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"; } .span12.widget-span.widget-type-raw_html.scripts-block { height: 0; overflow: hidden; display: block; position: absolute; } .span12.widget-span.widget-type-cell.row.row-4-4 { max-width: 1170px; margin: 0 auto; float: none; width: 95%; } #fancyNewsRss .post-image img { max-width: 90px; } #fancyNewsRssside .post-image img { max-width: 90px; } .widget-span.widget-type-cell.row.margin-top-70.blog-outer { max-width: 1170px; margin-left: auto; margin-right: auto; float: none; } /* HubSpot Form Mods */ .hs-form fieldset {max-width:100% !important;} .hs-form-field { margin: 15px 0;} .hs-form fieldset.form-columns-2 .input { margin: 10px 8px 0 0; } li.hs-form-radio { margin: 8px 0; } li.hs-form-radio span {margin-left:10px;} span.hs-form-required { color: rgba(162, 10, 10, 0.9); margin-left: 4px; } .hubspot-sproket:before { content:url('//www.cleriti.com/hubfs/2015_New_Web_Resources/hubspot_sproket_60px2.png'); } .gdd-logo:before { content:url('//www.cleriti.com/hubfs/2015_New_Web_Resources/gdd_60px2.png'); } /* -- team social icons -- */ .team-social-icons li { min-height: 0; width: 42px; height: 22px; } /* Landing Page - 2016 */ .landing-content ul { list-style:disc; margin-left: 16px; } .landing-content li { margin: 20px 0; line-height:150%; } h1.blog-title { font-size: 3em; } @media (max-width: 767px) { h1.blog-title { font-size: 1.8em; } } .page-table td { width:50%; }