/*========================================================================= Reset ========================================================================= */ 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; } 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; } code { padding: 3px 6px; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; background: #fcfcfc; border: 1px solid #e4e4e4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #3f8faf; } /*========================================================================= WP required ========================================================================= */ .wp-caption { background: #2c2c2c; } .wp-caption .wp-caption-text { color: #999; } .wp-caption .wp-caption-text:before { color: #999; } .sticky { background: #f2f7fc; border-top: 4px solid #000; margin-left: -20px; margin-right: -20px; padding: 18px 20px; } .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; } .bypostauthor { } /*========================================================================= GLOBAL STRUCTURE ========================================================================= */ body { background: #C8D7DE; font: 12px Arial, sans-serif; color: #484D4F; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; overflow-x: hidden; } .bg-shine { background: transparent; padding: 30px 0; } .bodywrapper { background: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); width: 990px; margin: 0 auto; } .logo h1 { float: left; margin-bottom: 0; } h1 a { color: #333 !important; display: block; width: 120px; } h1 a:hover { color: #666 !important; } ::selection { background:#F3930A; color:#FFF; } ::-moz-selection { background:#F3930A; color:#FFF; } /*========================================================================= Basic Alginment ========================================================================= */ strong, strong a { font-family: 'Open Sans', Arial; font-weight: 700; } strong a:hover { color:#000; text-decoration:underline; } .strong-1 a { color:#969696; } .clear { clear:both; line-height:0; font-size:0; overflow:hidden; height:0; width:100%; } .wrapper { width:100%; overflow:hidden; position:relative; } .extra-wrap { overflow:hidden; display:block; } .fleft { float:left; } .fright { float:right; } .aligncenter { text-align:center; } .middle { text-align:center; } .middle img { margin: 0 auto; } .alignmiddle * { vertical-align:middle; } .sub-heading { color: #999; font: 12px 'Open Sans', Arial; font-weight: 300; padding-top: 8px; text-shadow: 1px 1px 0 #FFFFFF; text-transform: lowercase; display: block; } .ident-bot-0 { margin-bottom: 0; } .ident-bot-1 { margin-bottom: 10px; } .ident-bot-2 { margin-bottom: 20px; } .ident-bot-3 { margin-bottom: 25px; } .ident-bot-4 { margin-bottom: 30px; } .ident-bot-5 { margin-bottom: 40px; } .ident-top-0 { margin-top: 0; } .ident-top-1 { margin-top: 10px; } .ident-top-2 { margin-top: 20px; } .ident-top-3 { margin-top: 25px; } .ident-top-4 { margin-top: 30px; } .ident-top-5 { margin-top: 40px; } .ident-right-1 { margin-right: 18px; } .ident-right-2 { margin-right: 15px; } .columns img, .column img { display: block; max-width: 100%; height: auto; } .content img { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; display: inline-block; float: left; margin: 0 15px 15px 0; padding: 5px; } .image-left { float: left; margin-bottom: 0; margin-right: 20px; } .image-right { float: right; margin-bottom: 0; margin-left: 20px; } .image-full { margin-bottom: 0; width: 100%; } .image-border { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; display: inline-block; float: left; margin: 0 15px 15px 0; padding: 5px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; } .img-border-bg { background: none repeat scroll 0 0 #FFFFFF; display: block; overflow: hidden; padding: 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px #e7e7e7 inset; -moz-box-shadow: 0 0 0 1px #e7e7e7 inset; box-shadow: 0 0 0 1px #e7e7e7 inset; } .img-border-bg img { margin-bottom: 0; } img { border: 0; -ms-interpolation-mode: bicubic; } /* Flexible Embeds */ .embed { position: relative; padding: 0px; padding-bottom: 56.25%; /* 16/9 ratio */ height: 0; overflow: hidden; } .embed iframe, .embed object, .embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .clearfix { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } /* Typography ==========================*/ h1, h2, h3, h4, h5, h6 { color: #3C4143; font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 18px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 41px; line-height: 51px; } h2 { font-size: 31px; line-height: 31px; } h3 { font-size: 21px; line-height: 31px; } h4 { font-size: 18px; line-height: 28px; } h5 { font-size: 16px; line-height: 26px; } h6 { font-size: 14px; line-height: 24px; } .title { background:transparent; overflow: hidden; } .title span { background: none repeat scroll 0 0 #FFFFFF; float: left; padding: 0 18px 0 0 !important; } .subheader { color: #777; } p { margin: 0 0 15px 0; line-height: 20px; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; color: #333; } small { font-size: 80%; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } .rel { position: relative; } .overf-h { overflow: hidden; } /* s ==========================*/ a, a:visited { text-decoration: none; outline: 0; -webkit-transition: color 0.07s ease-in-out; -moz-transition: color 0.07s ease-in-out; -o-transition: color 0.07s ease-in-out; -transition: color 0.07s ease-in-out; } a{color:deepskyblue;} a:hover{ text-decoration:underline } p a, p a:visited { line-height: inherit; } /* Lists ==========================*/ ul, ol { margin: 0; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { } ul ul li, ul ol li, ol ol li, ol ul li { } li { line-height: 18px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } .link { color: #F7741C !important; display: inline-block; font-size: 13px; line-height: 22px; position: relative; } .link:hover { color: #000000; } /* Images ==========================*/ img.scale-with-grid { max-width: 100%; height: auto; } /* HEADER ==========================*/ .row-1 { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #EBECEC; padding: 40px 0; } .row-3 { background: #FAFAFA; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; margin: 40px 0 0; padding: 30px 0 0; } .row-4 { height:5px; } .shadow { position: absolute; width: 100%; z-index: 1; } .logo img { margin-bottom: 0; } nav { float: right; } .login { float:right; padding-top:28px; margin-right:2px; } .login li { float:left; padding-left:9px; } .login li:first-child { padding-right:9px; background:none; } .login li a { color:#fff; font-size: 11px; line-height: 12px; font-family:'OpenSansRegular', Arial; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.27) 1px 1px 1px; } .login li a:hover { text-decoration:underline; } .header-social { float: right; font-size: 12px; font-weight: 700; padding: 30px 0; position: relative; text-decoration: none; } /* CONTENT ==========================*/ #content { padding: 42px 0 65px 0; border-bottom: 5px solid #f1f0ed; } #page1 #content { padding: 60px 0 40px; } .block-ident-1 { padding-right:20px; } .date { line-height:18px; } .-name { font: 14px/21px 'Open Sans', sans-serif; text-transform: uppercase; } a.-name { color:#F3930A!important; font-weight: 400; } .-name:hover { color:#000; text-decoration:underline; } .img-border { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100%; behavior: url(js/PIE.htc); } .img-border-1 { border: 1px solid #fff; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.30); box-shadow: 0 0 1px rgba(0, 0, 0, 0.30); behavior: url(js/PIE.htc); } .img-border-2 { display: inline-block; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30); behavior: url(js/PIE.htc); } /* Content Tabs ==========================*/ .ui-slider-tabs-list-wrapper { position: relative; z-index: 999; } #mySliderTabsContainer { height: auto !important; } .ui-slider-tabs-list-container { height: 42px; } ul.left-tab-links li { background: #fff; float: left; font-size: 15px; font-family: 'Open Sans', sans-serif; width: 25% !important; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } ul.left-tab-links li:first-child a { border-left: 1px solid #E3E3E3; } ul.left-tab-links { display: inline-block !important; width: 100% !important; } ul.left-tab-links .selected a { background: none repeat scroll 0 0 #FFFFFF; } ul.left-tab-links a { border-top: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; color: #333333; display: block; font-size: 14px; font-weight: 600; line-height: 40px; padding: 0 13px; background-color:#dfdfdf; background-color:#f2f0f0; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fdfcfc), to(#f2f0f0), color-stop(.5, #fbf9f9), color-stop(.5, #f7f5f6)); background-image:-webkit-linear-gradient(top, #fdfcfc, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0); background-image:-moz-linear-gradient(top, #fdfcfc, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0); background-image:-o-linear-gradient(top, #fdfcfc, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0); background-image:-ms-linear-gradient(top, #fdfcfc, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0) } ul.left-tab-links a:hover { background: none repeat scroll 0 0 #eee; } a.link-more { display: inline-block; padding-right: 25px; font-family: 'Open Sans', sans-serif; font-size: 12px; font-style: italic; line-height: 15px; margin-top: 29px; } a.link-more:hover { text-decoration: underline; } .cn_content { left: 5px; padding: 10px; position: absolute; top: 369px; } .cn_category { position:absolute; overflow: hidden; } .cn_preview { height:369px; position: relative; overflow: hidden; top: 2px; } .ui-slider-tabs-content-container { position: relative; border: 1px solid #E3E3E3; margin-top: -1px; z-index:1; overflow: hidden; background-color:#fff; } .ui-slider-tab-content { position:absolute; display: none; top:0; left:0; padding: 30px 20px 0; } /* Miscellaneous Site Styles ==========================*/ p:empty { display: none; } /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .alignleft { border: 1px solid #DEDEDE; float: left; margin: 0 15px 8px 0; padding: 3px; } .alignright { border: 1px solid #DEDEDE; float: right; margin: 0 0 8px 15px; padding: 3px; } /* Headlines ==========================*/ .headline { display: block; border-bottom: 1px solid #e7e7e7; padding: 0 0 10px 0; margin: 0 0 20px 0; } .headline span { color: #888; font-weight: normal; font-size: 12px; float: right; } .headline2 { display: block; margin: 20px 0 20px 0; } .headline3 { display: block; margin: 0 0 20px 0; } .sub-title { color: #000; display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; margin-bottom: 8px; } h5.headline { padding: 0 0 8px 0; margin: 0px 0 12px 0; } .portfolio-content h4.headline { padding: 0 0 8px 0; margin: 0px 0 12px 0 } .sub-heading { color: #999; font: 12px 'OpenSansSemibold', Arial; padding-top: 8px; text-shadow: 1px 1px 0 #FFFFFF; text-transform: lowercase; display: block; } /*========================================================================= Banner ========================================================================= */ .banner-bg { background: none repeat scroll 0 0 #2090C4; font-family: 'Fjalla One', sans-serif; font-style: normal; text-align: center; -moz-box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.17);/*FF 3.5+*/ -webkit-box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.17);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.17); } .banner-text1:after { color: #FFFFFF; content: "%"; display: block; font-size: 54px; line-height: 67px; position: absolute; right: -51px; top: -3px; } .banner-text1 { color: #FFFFFF; display: inline-block; font-size: 130px; font-style: normal; line-height: 132px; position: relative; } .banner-text2 { color: #FFFFFF; display: inline-block; font-size: 58px; line-height: 60px; } .banner-text4 { color: #FFFFFF; display: inline-block; font-size: 31px; line-height: 33px; text-transform: uppercase; } .banner-text3 { color: #454545; display: inline-block; font-size: 31px; line-height: 33px; margin-bottom: 12px; text-transform: uppercase; } .banner1 { padding-bottom: 11px; padding-top: 31px; } .banner2 p { color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; line-height: 25px; padding: 0 48px 5px; } .banner2 a { color: #FFFFFF; display: inline-block; font-size: 24px; line-height: 28px; margin-bottom: 31px; text-decoration: underline; text-transform: uppercase; } .banner2 a:hover { text-decoration: none; } /*========================================================================= Info Box ========================================================================= */ #callout { background: none repeat scroll 0 0 #00C3F4; color: #FFFFFF; display: block; font-size: 24px; margin: 40px 0; line-height: normal; height: 100px; position: relative; -moz-box-shadow: inset 9px 0px 50px #0487B8;/*FF 3.5+*/ -webkit-box-shadow: inset 9px 0px 50px #0487B8;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: inset 9px 0px 50px #0487B8; } #callout > strong { color: #FFFFFF; display: inline-block; font-size: 24px; font-weight: 600; padding-left: 30px; width: 708px; } #callout > strong span { font-weight: 800; } #callout > span { background: #333333; /* for non-css3 browsers */ background: -moz-linear-gradient(top, #333333, #232323); /* for firefox 3.6+ */ background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#232323)); /* Safari 4+, Chrome */ background: -webkit-linear-gradient(left top, left bottom, #333333, #232323); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background: -o-linear-gradient(top, #333333, #232323); /* Opera 11.10+ */ background: -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#333333, EndColorStr=#232323, GradientType=0)"; background: linear-gradient(to bottom, #333333, #232323); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#232323', GradientType='0'); /* for IE */ display: inline-block; padding: 36px 0; position: relative; text-align: center; width: 195px; } #callout > strong, #callout > span { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } #callout > span:before { background: transparent; content: ""; height: 100px; left: -35px; position: absolute; top: 0; width: 35px; } #callout:hover { text-decoration: none; } /* Page Title ==========================*/ #page-title { border: 1px solid #e2e2e2; border-left: none; border-right: none; margin-top: -1px; background-image: linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%); background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%); background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%); background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%); background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%); background-color: #fafafa; } #page-title h2 { font-weight: normal; font-size: 22px; padding: 21px 0; } #page-title span { color:#a0a0a0; } /* Images Overlay ==========================*/ .item-img img { width: 100%; height: auto; } .item-img, .post-img { background: none repeat scroll 0 0 #FFFFFF; position: relative; border: 1px solid #EEEEEE; border-radius: 3px 3px 3px 3px; margin: 0 0 15px; padding: 5px; } .item-img img, .post-img img { margin-bottom: 0; } .overlay { height: 100%; left: 0; position: absolute; top: 0px; width: 100%; z-index: 1; z-index: 40; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -webkit-transition: opacity 180ms ease-in-out; -moz-transition: opacity 180ms ease-in-out; -o-transition: opacity 180ms ease-in-out; transition: opacity 180ms ease-in-out; } .overlay:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } /************Social Icons***********/ .socials { float: right; } .socialmedia-widget { list-style: none outside none; margin: 0; overflow: hidden; padding: 0; } .socialmedia-widget li:first-child { } ul li:first-child, ol li:first-child { } .socialmedia-widget li { background: none repeat scroll 0 0 transparent; float: left; height: 40px; margin: 0 !important; padding: 0 !important; width: 40px; } .socialmedia-widget li a { background: transparent; display: block; height: 40px; text-indent: -9999px; width: 40px; } .socialmedia-widget a.facebook { background-position: 0 top; } .socialmedia-widget a.twitter { background-position: -40px top; } .socialmedia-widget a.thumblr { background-position: -80px top; } .socialmedia-widget a.vimeo { background-position: -120px top; } .socialmedia-widget a.dribbble { background-position: -160px top; } .socialmedia-widget a.deviantart { background-position: -200px top; } .socialmedia-widget a.behance { background-position: -240px top; } .socialmedia-widget a.flickr { background-position: -280px top; } .socialmedia-widget a.forrst { background-position: -320px top; } .socialmedia-widget a.edin { background-position: -360px top; } .socialmedia-widget a.rss { background-position: -400px top; } .socialmedia-widget a.googleplus { background-position: -440px top; } .socialmedia-widget a.pinterest { background-position: -480px top; } .socialmedia-widget a.youtube { background-position: -520px top; } .socialmedia-widget a.mail { background-position: -560px top; } .socialmedia-widget a.instagram { background-position: -600px top; } .socialmedia-widget a.facebook:hover { background-position: 0 bottom; } .socialmedia-widget a.twitter:hover { background-position: -40px bottom; } .socialmedia-widget a.thumblr:hover { background-position: -80px bottom; } .socialmedia-widget a.vimeo:hover { background-position: -120px bottom; } .socialmedia-widget a.dribbble:hover { background-position: -160px bottom; } .socialmedia-widget a.deviantart:hover { background-position: -200px bottom; } .socialmedia-widget a.behance:hover { background-position: -240px bottom; } .socialmedia-widget a.flickr:hover { background-position: -280px bottom; } .socialmedia-widget a.forrst:hover { background-position: -320px bottom; } .socialmedia-widget a.edin:hover { background-position: -360px bottom; } .socialmedia-widget a.rss:hover { background-position: -400px bottom; } .socialmedia-widget a.googleplus:hover { background-position: -440px bottom; } .socialmedia-widget a.pinterest:hover { background-position: -480px bottom; } .socialmedia-widget a.youtube:hover { background-position: -520px bottom; } .socialmedia-widget a.mail:hover { background-position: -560px bottom; } .socialmedia-widget a.instagram:hover { background-position: -600px bottom; } /* Search Header ==========================*/ .search-header { float: right; margin: 0 0 0 10px; position: relative; right: 0; top: 0; } .search-header form { float: left; margin: 0 !important; } .search-header input { width: 40px; height: 40px; line-height: 40px; background: transparent; padding: 0; border: 0; margin: 5px 0 0; -webkit-transition: width 0.3s, background-color 0.3s; -moz-transition: width 0.3s, background-color 0.3s; -o-transition: width 0.3s, background-color 0.3s; -ms-transition: width 0.3s, background-color 0.3s; transition: width 0.3s, background-color 0.3s; cursor: pointer; text-indent: -600px; } .search-header input:focus { background-color: #EEEEEE; width: 180px; padding: 0 15px 0 40px; color: #3D4244; text-indent: 5px; cursor: text; } .search-header ::-webkit-input-placeholder { color: #3D4244 !important; opacity: 1; } .search-header :-moz-placeholder { color: #3D4244 !important; opacity: 1; } .search-header ::-moz-placeholder { color: #3D4244 !important; opacity: 1; } .search-header :-ms-input-placeholder { color: #3D4244 !important; opacity: 1; } /* Tags ==========================*/ .tagcloud { float: left; } /* Tag */ .tagcloud a, .tagcloud a:visited { background-color: rgba(0, 0, 0, 0.17); border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); color: #969696; font-size: 12px; line-height: 1.8em; display: inline-block; margin-bottom: 3px; padding: 2px 6px; text-shadow: 0 1px 1px #000; behavior: url(../js/PIE.htc); } .tagcloud a:hover { background: #AF242C; color: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.0); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.0); } /* Error Page ==========================*/ .error-page h2 { font-size: 41px; line-height: 64px; } .error-page strong { font-family: 'Open Sans', sans-serif; font-size: 17px; } .error-page img { margin: 0 auto; } /* Header ==========================*/ #header { min-height: 80px; } #logo-image { width: auto; height: auto; } /* Features ==========================*/ .features { margin: 0 0 0 0; } .feature { margin: 0 0 10px 0; } .feature-description { margin-left: 48px; } .feature h4 { font-weight: 400; line-height: 26px; margin-bottom: 8px; text-transform: capitalize; } .feature-circle { display: inline-block; width: 18px; height: 18px; text-align: center; padding: 9px; color: #fff; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; float: left; } .feature-circle i { font-size: 18px; line-height: 19px; } .feature-circle.gray { background-image: linear-gradient(bottom, #464646 0%, #656565 100%) !important; background-image: -o-linear-gradient(bottom, #464646 0%, #656565 100%) !important; background-image: -moz-linear-gradient(bottom, #464646 0%, #656565 100%) !important; background-image: -webkit-linear-gradient(bottom, #464646 0%, #656565 100%) !important; background-image: -ms-linear-gradient(bottom, #464646 0%, #656565 100%) !important; background-color: #464646 !important; filter: dropshadow(color=#4444444, offx=1, offy=1) !important; } .feature-circle.red { background-image: linear-gradient(bottom, #C74039 0%, #E35752 100%) !important; background-image: -o-linear-gradient(bottom, #C74039 0%, #E35752 100%) !important; background-image: -moz-linear-gradient(bottom, #C74039 0%, #E35752 100%) !important; background-image: -webkit-linear-gradient(bottom, #C74039 0%, #E35752 100%) !important; background-image: -ms-linear-gradient(bottom, #C74039 0%, #E35752 100%) !important); background-color: #C74039 !important; filter: dropshadow(color=#a43b37, offx=1, offy=1) !important; } .feature-circle.blue { background-image: linear-gradient(bottom, #00B3E4 0%, #00C3F4 100%) !important; background-image: -o-linear-gradient(bottom, #00B3E4 0%, #00C3F4 100%) !important; background-image: -moz-linear-gradient(bottom, #00B3E4 0%, #00C3F4 100%) !important; background-image: -webkit-linear-gradient(bottom, #00B3E4 0%, #00C3F4 100%) !important; background-image: -ms-linear-gradient(bottom, #00B3E4 0%, #00C3F4 100%) !important; background-color: #00B3E4 !important; filter: dropshadow(color=#1c6396, offx=1, offy=1) !important; } .feature-circle.green { background-image: linear-gradient(bottom, #8DA046 0%, #A3B951 100%) !important; background-image: -o-linear-gradient(bottom, #8DA046 0%, #A3B951 100%) !important; background-image: -moz-linear-gradient(bottom, #8DA046 0%, #A3B951 100%) !important; background-image: -webkit-linear-gradient(bottom, #8DA046 0%, #A3B951 100%) !important; background-image: -ms-linear-gradient(bottom, #8DA046 0%, #A3B951 100%) !important; background-color: #8DA046 !important; filter: dropshadow(color=#77873b, offx=1, offy=1) !important; } .feature-circle.orange { background-image: linear-gradient(bottom, #F9854E 0%, #F9A54E 100%) !important; background-image: -o-linear-gradient(bottom, #F9854E 0%, #F9A54E 100%) !important; background-image: -moz-linear-gradient(bottom, #F9854E 0%, #F9A54E 100%) !important; background-image: -webkit-linear-gradient(bottom, #F9854E 0%, #F9A54E 100%) !important; background-image: -ms-linear-gradient(bottom, #F9854E 0%, #F9A54E 100%) !important; background-color: #F9854E !important; filter: dropshadow(color=#F9854E, offx=1, offy=1) !important; } /* FAQ ==========================*/ .faq { } .faq-description { } .faq h4 { background: transparent; border-bottom: 1px solid #EEEEEE; font-weight: 400; padding: 0 0 5px 30px; } .faq p { background: transparent; border-top: 1px solid #F9F9F9; line-height: 24px; padding: 10px 0 0 30px; } /* Homepage Thumbnails ==========================*/ .home .portfolio-item { margin-bottom: 0px; } .portfolio-item { margin-bottom: 20px; } .portfolio-item-meta h5 { line-height: 16px; padding: 12px 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid #e7e7e7; letter-spacing: 0; } .portfolio-item-meta h5 a { font-size: 14px; font-weight: 400; line-height: 34px; } .portfolio-item-meta h5 span { display: block; color: #888; font-weight: normal; margin-top: 3px; } .portfolio-item-meta a { color:#444; } .portfolio-item-meta a:hover { color:#888; } .portfolio-item-meta p { color: #555; } /* Info Box ==========================*/ .info-box { background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e4e4e4; padding: 18px 25px; margin: 0 0 20px 0; } .info-box p { margin: 0; } .info-box h4 { line-height: 24px; margin-bottom: 7px } .info-box a { margin: 7px 0 0 0; } .info-content { float: left; } .post .info-box p { margin: 0px } /* Portfolio Styles ==========================*/ #filters { display: block; position: absolute; right: 10px; top: -7px; } #filters ul li { display: inline; float: left; padding: 0 10px 0 0; } #filters ul li:last-child { background: none; } #filters a { background: none repeat scroll 0 0 #FFFFFF; border: 3px solid #EEEEEE; color: #777; display: block; font-size: 12px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; padding: 11px 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #filters a:hover { background: #333; border: 3px solid #333333; color: #fff; } #filters .selected { background: none repeat scroll 0 0 #333333; border: 3px solid #333333; color: #FFFFFF !important; } /* Isotope Filtering */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* Isotope CSS3 transitions */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* Disabling Isotope CSS3 transitions */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* Disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* Pagination ==========================*/ .prev, .next { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 21px; height: 21px; display: block; text-indent: -9999px } .prev { background-color: #606060; float: left; } .next { background-color: #606060; float: right; } .project-nav .next:hover, .project-nav .prev:hover, .prev:hover, .next:hover { background-color: #000; } .project-nav .prev.off, .project-nav .next.off, .prev.off, .next.off { background-color: #ccc; } .pagination .prev, .pagination .prev.off, .pagination .next, .pagination .prev.off { margin-top: -3px; } .pagination { } .pages { text-align: center; } .pages a { color: #888; padding: 25px 8px; } .pages a:hover { color: #444; } a.current-page { color: #444; border-top: 3px solid #555; } .pages ul li { display: inline; padding: 0 2px; } .project-nav { float: right; position: relative; right: 10px; top: -44px; } .project-nav .next { float: left; margin-right: 3px; background: #606060; } .project-nav .prev { float: right; background:#606060; } /* LOGIN ==========================*/ /* Login Container (default to float:right) */ #loginContainer { position:relative; float:right; font-size:12px; } /* Login Button */ #loginButton { display:inline-block; float:right; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; position:relative; z-index:30; cursor:pointer; } /* Login Button Text */ #loginButton span { color:#445058; font-size:14px; font-weight:bold; text-shadow:1px 1px #fff; padding:7px 29px 9px 10px; display:block } /* Login Box */ #loginBox { position:absolute; top:34px; right:0; display:none; z-index:29; } /* If the Login Button has been clicked */ #loginButton.active { border-radius:3px 3px 0 0; } #loginButton.active span { background-position:53px -76px; } /* A Line added to overlap the border */ #loginButton.active em { position:absolute; width:100%; height:1px; background:#dedede; bottom:-1px; } /* Login Form */ #loginForm { width:248px; border:1px solid #ccc; border-radius:3px 0 3px 3px; -moz-border-radius:3px 0 3px 3px; margin-top:-1px; background:#dedede; padding:6px; } #loginForm fieldset { margin:0 0 12px 0; display:block; border:0; padding:0; } fieldset#body { background:#fff; border-radius:3px; -moz-border-radius:3px; padding:10px 13px; margin:0; } #loginForm #checkbox { width:auto; margin:1px 9px 0 0; float:left; padding:0; border:0; *margin:-3px 9px 0 0; /* IE7 Fix */ } #body label { color:#333; margin:9px 0 0 0; display:block; float:left; } #loginForm #body fieldset label { display:block; float:none; margin:0 0 6px 0; } /* Default Input */ #loginForm input { width:92%; border:1px solid #888; border-radius:3px; -moz-border-radius:3px; color:#333; font-weight:bold; padding:8px 8px; box-shadow:inset 0px 1px 3px #bbb; -webkit-box-shadow:inset 0px 1px 3px #bbb; -moz-box-shadow:inset 0px 1px 3px #bbb; font-size:12px; } /* Sign In Button */ #loginForm #login { width:auto; float:left; background:#339cdf; color:#fff; padding:7px 10px 8px 10px; text-shadow:0px -1px #278db8; border:1px solid #339cdf; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; margin:0 12px 0 0; cursor:pointer; *padding:7px 2px 8px 2px; /* IE7 Fix */ } /* Forgot your password */ #loginForm span { text-align:center; display:block; padding:7px 0 4px 0; } #loginForm span a { color:#333; text-shadow:1px 1px #fff; font-size:12px; } input:focus { outline:none; } /* Search ==========================*/ #searchForm { margin-bottom: 0; float: right; } #searchForm fieldset { width:240px; position: absolute; right: 20px; top: 10px; display:block; margin: 0; } div.input { width:120px !important; padding: 11px 15px; border-radius: 3px 3px 3px 3px; border:1px solid #3A3A3A; box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.08); float:right; background:#000; } div.input.focus { border:1px solid #000; box-shadow:0 0 6px #666, inset 0 1px 2px rgba(0, 0, 0, 0.08); } input#s { font-family: 'Open Sans', Arial; width:100%; border:0; background:transparent; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0); height:16px; color:#EEEEEE; margin: 0; padding: 0; } input#s:focus { outline:none } input#searchSubmit { width:19px; height:19px; text-indent:-9999px; overflow:hidden; border:0; position:absolute; top: 10px; right:13px; z-index:5; display:none; cursor:pointer; } /* Sidebar ==========================*/ .sidebar-ident-right { display: block; padding-left: 35px; } .blog-sidebar, .sidebar { margin: 30px 0 0 0; } .widget { clear: both; margin: 0 0 25px 0; line-height: 20px; } .widget h5 { font-weight: 100; } #footer .widget { margin:0px; } .widget h5 { padding-bottom: 10px; /*margin-bottom: 15px;*/ border-bottom: 1px solid #e7e7e7; } /* Search */ .search input { width: 84%; padding-left: 30px; color: #888;} .search:focus { border: 1px solid #ddd; } /* Social Icons */ .social-blog { margin: 5px 0 5px 0; float: left; } .social-blog:first-child { margin-right: 30px; } .feed img { float: left; } .feed p { line-height: 14px; float: left; margin: 2px 0 0 7px; } a.feed { display: inline-block; font-size: 11px; color: #444; font-weight: bold; } a.feed span { color: #888; font-weight: normal; } /* Our Sponsors */ .our-sponsors a { display: inline-block; margin: 0 3px 10px; } /* Categories */ .widget li a { color: #888 } .widget #twitter-blog a { color: #3F8FAF } .widget li { color: #888; display: block; padding: 7px 0; padding-left: 12px; border-bottom: 1px solid #e7e7e7; } .widget.widget_categories li a { display: block; } #footer .widget li { border-bottom: 1px solid #444444; color:#A4A4A4 } #footer .widget li:last-child { border-bottom: 0px } #footer .widget li a { color: #A4A4A4 } .widget .flickr-widget-blog li { display: inline; padding: 0px; border: 0px; background: none } .widget.social { overflow: hidden; } .widget.widget_recent_comments li { margin:7px 0px } .widget.widget_recent_comments li a { background: none; } .widget li:last-child { border-bottom: none; } .widget li a:hover { color: #444; } /* post Tabs */ .sidenav-post-tab .tab-content { padding: 20px 10px 0; } /* Tabs */ .latest-post-blog { border-bottom: 1px dashed #EEEEEE; display: inline-block; margin: 0 0 12px; width: 100% } .latest-post-blog:last-child { margin-bottom: 5px; } .latest-post-blog p, .latest-post-blog a { margin: 0; color: #606060; line-height: 18px; } .latest-post-blog span { color: #888; margin: 3px 0 0 0; display: block; } .latest-post-blog img { float: left; margin: 0 10px 10px 0; border: 1px solid #dedede; padding: 3px; height: 49px; width: 49px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Flickr */ .flickr-widget-blog { margin-right: -12px; margin-top: 15px; overflow: hidden; } .flickr-widget-blog img { display: block; width: 100%; } .flickr-widget-blog a { float: left; width: 53px; height: 53px; margin-right: 12px; margin-bottom: 12px; border: 1px solid #dedede; padding: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Contact ==========================*/ .contact-details li { margin: 0 0 15px 0; } .contact-details p { margin: -5px 0 0 20px; line-height: 18px; } .contact-details li em, .contact-details li i { float: left; margin: 2px 0 0 0; } /* About ==========================*/ .teamwrap-img img { border: 1px solid #EEEEEE; box-shadow: 0 1px 0 #EEEEEE; left: -6px; margin-bottom: 0; max-width: 100%; padding: 5px; position: relative; top: 1px; width: auto; } .teamwrap { background: none repeat scroll 0 0 #FEFEFE; border: 1px solid #F7F7F7; margin-bottom: 20px; padding: 0 15px; text-align:center; border:1px solid #e4e4e4; border-radius: 0 0 3px 3px; } .teamwrap .socials { border-top: 1px solid #F3F3F3; float: none; padding: 10px 0; text-align: center; } .team-name { text-align: center; padding: 15px 0; } .team-name h5 { border-bottom: 1px solid #F3F3F3; font-size:15px; font-weight: 700; margin-bottom:0; padding-bottom:10px; text-transform:uppercase; } .post .team-name p { margin: 0px } .post .team-about p { font-size:12px; margin:0 0 15px; } .team-name span { border-bottom: 1px solid #F3F3F3; display: block; font-size: 14px; font-weight: 100; color: #F3930A; font-family:'Open Sans', sans-serif; padding:10px 0; } /*========================================================================= Team ========================================================================= */ .team-contact-info { border-left: 1px dashed rgb(204, 204, 204); display: inline-block; padding-left: 20px; } .team-contact-info ul { display: block; width: 100%; } .team-contact-info li em { float: left; width: 54px; } .team-text { } .team-text h3 { display: inline-block; font-size: 18px; font-weight: 300; line-height: 28px; margin-bottom: 10px; } .team-text a { float: left; } .team-text p { float: left; } .team-contact-info .progress { margin-bottom: 13px; } /* Testimonials ==========================*/ .testimonials { background: #fff; border: 1px solid #ddd; padding:20px; line-height: 21px; } .testimonials_bg { margin-top: -1px; display: block; width: 200px; height: 30px; } .testimonials_author { color:#3f8faf; float: right; display: block; margin-top: -23px; margin-bottom: 20px; } .testimonials_author span { color:#a0a0a0 } /* Testomonials Carousel ==========================*/ .carousel-disabled, .mr-rotato-disabled { height: 21px; width: 21px; background-color: #ccc !important; display: block; position: absolute; } .mr-rotato-next { height: 21px; width: 21px; background-color: #606060; display: block; position: absolute; right: 10px; } .mr-rotato-prev { height: 21px; width: 21px; background-color: #606060; display: block; right: 33px; position: absolute; } .mr-rotato-prev, .mr-rotato-next, .mr-rotato-disabled { margin-top: -55px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mr-rotato-prev:hover, .mr-rotato-next:hover { background-color:#2da0ce; } /* Footer ==========================*/ #footer { background: #383838; color:#a4a4a4; padding: 0 0 10px 0; margin: 30px 0 0 0; } #footer h5 { color: #fff; border-bottom: 1px solid #444444; padding: 25px 0 8px 0; margin: 0 0 15px 0; } /* s List ==========================*/ .widget_s li a { display: block; } #footer .widget li a:hover, .widget_s li a:hover { color: #fff } .widget_s li:first-child { margin: -12px 0 0 0; } /* Twitter ==========================*/ #footer .gritoo-twitter.widget li { border-bottom: 0; } #footer #twitter-blog li { margin: 0 0 22px 0; padding: 0 0 0 25px; } #footer #twitter-blog a { color: #fff; } #footer #twitter-blog b a { color: #707070; font-weight: normal; } /* Twitter ==========================*/ .box-color { background: none repeat scroll 0 0 #171717; padding: 20px; -moz-border-radius: 6px;/*Firefox*/ -webkit-border-radius: 6px;/*Safari, Chrome*/ border-radius: 6px; -moz-box-shadow: 0px 0px 1px #3f3f3f;/*FF 3.5+*/ -webkit-box-shadow: 0px 0px 1px #3f3f3f;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color=#3f3f3f)";/*IE 8*/ box-shadow: 0px 0px 1px #3f3f3f; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color=#3f3f3f);/*IE 5.5-7*/ } .box-color h3 { color: #FFFFFF; } .box-color p { color: #FFFFFF; } .location-tip { background: none repeat scroll 0 0 #289DCC; color: #fff; display: inline-block; font-size: 13px; font-weight: 600; right: auto; padding: 7px 15px; position: absolute; left: 0; text-transform: uppercase; top: -50px; } .location-tip .tooltip-bottom { border-bottom: 10px solid transparent; border-right: 6px solid #289DCC; border-left: 6px solid transparent; bottom: -10px; height: 0; right: 0; position: absolute; top: auto; width: 0; } /* Copyright ==========================*/ #footer-bottom { background: #2c2c2c; min-height: 60px; } #copyright { color: #777; float: left; line-height: 32px; } #copyright a, #copyright span { color:#bbb; } /* Tagline 1 ==========================*/ .tagline { background: none repeat scroll 0 0 #FCFCFC; border: 1px solid #E4E4E4; border-radius: 3px 3px 3px 3px; margin: 20px 0; padding: 20px 20px; text-align: center; } .tagline h1 { font-size: 24px; line-height: 28px; margin-bottom: 10px; font-weight:100; } .tagline a { margin-bottom: 5px; } .tagline p { margin-bottom: 15px; } .text-color-red { color: #F3930A; } /* Tagline 2 ==========================*/ .tagline2 { margin: 0; padding: 0 10px 0; text-align: center; } .tagline2 h1 { font-size: 25px; line-height: 35px; margin-bottom: 10px; font-weight: 400; } .tagline2 p { margin-bottom: 15px; } .text-color-red { color: #F3930A; } .text-color-blue { color: #F3930A; } /*========================================================================= Blog ========================================================================= */ .post-border-right { } .post-holder { border-bottom: 1px solid #EEEEEE; display: inline-block; margin-bottom: 43px; padding-bottom: 33px; position: relative; } .post-holder header { display: inline-block; } .post-holder .time { display: inline-block; } .post-holder .entry-title, .post-holder .entry-title a { font-size: 19px; font-weight: 700; float: left; color:#444; margin-bottom: 1px; text-transform: capitalize; } .post-holder .entry-title a:hover { } .post-meta { border-top: 1px solid #F7F7F7; border-bottom: 1px solid #F7F7F7; float: left; padding: 10px 0; overflow:hidden; margin-bottom:20px; } .post-meta a { color: #777; padding: 0 6px 0 0; text-decoration:none; } .post-meta a:hover { color: #000; } .post-meta i { padding: 0 4px; } .post-holder .date { background-color: #FEFEFE; border: 1px solid #969696; color: #333333; float: left; font-family: 'Open Sans', sans-serif; left: 0; margin-bottom: 10px; margin-right: 20px; position: relative; text-align: center; text-shadow: 1px 1px 0 #FFFFFF; width: 49px; } .post-holder .date span { display: block; text-transform: lowercase; } .post-holder .date .day { color: #777777; font-size: 22px; font-weight: 800; line-height: 33px; padding: 5px 0; } .post-holder .date .month { background: none repeat scroll 0 0 #969696; color: #FFFFFF; font-size: 10px; margin-top: 0; padding: 3px 0; text-shadow: 0 0 0; text-transform: uppercase; } .comments- { display: block; color:#fff !important; width: 32px; height: 35px; font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-size: 12px; color: #fff; text-align: center; line-height: 28px; text-decoration: none; position: relative; } .comments-:hover { color:#000 !important; } /* parent post */ .parent { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 1px #CCCCCC; margin-bottom: 30px; padding: 20px; position:relative; } .parent-sub-img { background: transparent; display: inline-block; height: 70px; left: -22px; position: absolute; top: -30px; width: 19px; } .parent h5 { margin-bottom: 2px !important; } .parent h5 a, .parent h5 a:visited { color: #333333; font: 100 14px 'Open Sans', sans-serif; } .parent img { float: left; } .parent span { font: italic 12px 'georgia'; } .parent a.reply:visited {background: none repeat scroll 0 0 #000;color: #FFFFFF;font-size: 10px;font-weight: bold;margin-left: 20px;padding: 2px 6px;text-transform: uppercase;} .parent a.reply:hover { background: none repeat scroll 0 0 #777; } .parent p { margin-top: 10px; overflow: hidden; } .child { margin-left: 40px; } .subchild { margin-left: 80px; } /* Addthis Widget */ .addthis_button_google_plusone { position: relative; top: -13px; } .addthis_toolbox { float: right; text-align: right; } .addthis_toolbox.addthis_pill_combo a { margin-top: 2px; } .addthis_toolbox.addthis_pill_combo a.addthis_button_tweet, .addthis_toolbox.addthis_pill_combo a.addthis_counter { margin-top: 2px; } .addthis_button_compact .at15t_compact { float: left; margin-right: 4px; } .addthis_button_google_plusone iframe { width: 80px !important; } .addthis_button_tweet iframe { width: 98px !important; } .addthis_button_facebook_like iframe { width: 98px !important; } /* Blog Video */ .sidebar-blog-video iframe { width: 630px; height: 342px; } .fulwidthl-blog-video iframe { width: 930px; height: 341px; } .three-col-blog-video iframe { width: 450px; height: 262px; } .small-sidebar-blog-video iframe { width: 290px; height: 290px; } .small-three-col-blog-video iframe { width: 210px; height: 204px; } /* Addthis Widget ==========================*/ .addthis_button_google_plusone { position: relative; top: 0; } .addthis_toolbox { float: right; text-align: right; } .addthis_toolbox.addthis_pill_combo a { margin-top: 2px; } .addthis_toolbox.addthis_pill_combo a.addthis_button_tweet, .addthis_toolbox.addthis_pill_combo a.addthis_counter { margin-top: 2px; } .addthis_button_compact .at15t_compact { float: left; margin-right: 4px; } .addthis_button_google_plusone iframe { width: 80px !important; } .addthis_button_tweet iframe { position: relative; top: 0; width: 98px !important; } .addthis_button_facebook_like iframe { position: relative; top: 5px; width: 98px !important; } /*========================================================================= Layout Box Style ========================================================================= */ .layout-box { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); border:1px solid #e8e8e8; border-radius: 3px 3px 3px 3px; margin-bottom: 20px; padding: 5px; text-align: center; color: #666; } .layout-box:hover { background: none repeat scroll 0 0 #777777; border:1px solid #333; color: #fff; } /*========================================================================= Separator ========================================================================= */ .separator:before { background: none repeat scroll 0 0 #F9F9F9; bottom: 0; content: ""; height: 5px; left: 0; position: absolute; width: 100%; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; box-shadow: 0 -1px 0 #EEEEEE; -moz-box-shadow: 0 -1px 0 #EEEEEE; -webkit-box-shadow: 0 -1px 0 #EEEEEE; behavior: url(js/PIE.htc); } .separator { margin-bottom: 35px; padding-bottom: 30px; position: relative; } .separator2:before { background: none repeat scroll 0 0 #F9F9F9; bottom: 0; content: ""; height: 5px; left: 0; position: absolute; width: 100%; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; box-shadow: 0 -1px 0 #EEEEEE; -moz-box-shadow: 0 -1px 0 #EEEEEE; -webkit-box-shadow: 0 -1px 0 #EEEEEE; behavior: url(js/PIE.htc); } .separator2 { margin-bottom: 25px; padding-bottom: 30px; position: relative; } .separator-sidebar:before { background: none repeat scroll 0 0 #F9F9F9; bottom: 0; content: ""; height: 10px; left: 0; position: absolute; width: 100%; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; box-shadow: 0 -1px 0 #EEEEEE; -moz-box-shadow: 0 -1px 0 #EEEEEE; -webkit-box-shadow: 0 -1px 0 #EEEEEE; behavior: url(js/PIE.htc); } .separator-sidebar { margin-bottom: 30px; padding-bottom: 20px; position: relative; } .footer-separator:before { background: transparent; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 100%; } .footer-separator { margin-bottom: 20px; padding-bottom: 10px; position: relative; } /*========================================================================= Notificition ========================================================================= */ .notify { background:#fff; border:1px solid #eee; display: inline-block; position: relative; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; padding: 20px 0; margin: 0 10px 20px 10px; width: 940px; behavior: url(js/PIE.htc); } .notify .icon-nf { background: none repeat scroll 0 0 #DDDDDD; left: 25px; position: absolute; top: 20px; box-shadow: 0 0 10px #DDDDDD; -webkit-box-shadow: 0 0 10px #DDDDDD; -moz-box-shadow: 0 0 10px #DDDDDD; behavior: url(js/PIE.htc); } .notify h2 { color: #505C70; float: left; font: 20px 'OpenSansLight', Arial; margin: 0 10px 0 155px; text-shadow: 0 1px 1px #FFFFFF; width: 465px; } .notify h2 .sub-heading { color: #aaa; display: block; font: 12px 'OpenSans', Arial; padding-top: 6px; text-shadow: 1px 1px 0 #FFFFFF; text-transform: lowercase; } .notify-wrapper em { color: #777777; font-size: 14px; line-height: 51px; margin: 0 5px; } .notify-wrapper { display: inline-block; float: right; margin: 0 20px 0 0; } /*========================================================================= Breadcrumbs ========================================================================= */ .breadcrumbs { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); border-bottom: 1px solid #EEEEEE; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; height: 26px; margin: 30px 0; overflow: hidden; position: relative; behavior: url(js/PIE.htc); } .breadcrumbs span.bread-home a {background-position: left 4px, right 0; background-repeat: no-repeat; color: transparent; display: inline-block; margin: 0 10px; padding: 2px 46px 0 0; text-indent: -9999px; text-shadow: none; } .breadcrumbs span.bread-home a:hover { background-position: left -30px, right 0; } .breadcrumbs span.bread-home { text-indent: -9999px; } .breadcrumbs a { background: transparent; color: #7E7E7E; float: left; font-size: 110%; height: auto; margin: 0 10px 1px 0; padding: 0 34px 0 0; text-decoration: none; text-shadow: none; } .breadcrumbs a:hover { opacity: 1; text-decoration: none; } .breadcrumbs p { display: inline; font-family: 'Open Sans', sans-serif; line-height: 2.2em; margin: 0; text-shadow: none; text-transform: uppercase; } .title-header { border-bottom: 1px solid rgb(238, 238, 238); margin: 0px 0px 50px; background: transparent; display: block; position: relative; } .title-header h2 { color: rgb(255, 255, 255); font-weight: 700; font-size: 36px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); } /*========================================================================= Buttons ========================================================================= */ .donate-button { float:right; color:#fff; padding:0 18px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .donate-button:hover { color: #fff; } .newsletter-button { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E8E8E8; border-radius: 4px 4px 4px 4px; color: #828387; display: inline-block; padding: 3px 20px 5px; } .newsletter-button:hover { background: none repeat scroll 0 0 #F3930A; border: 1px solid #AF242C; color: #FFFFFF; text-decoration: none; } /*========================================================================= Feature Boxes ========================================================================= */ .features { display: inline-block; } .features ul li ul li { background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); border: 1px solid #E4E4E4; float: left; margin: 0 10px 20px; padding: 5px; width: 288px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; behavior: url(js/PIE.htc); } .features-inner { display: inline-block; } .features-inner ul li ul li { background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); border: 1px solid #F3F3F3; float: left; margin: 0 10px 20px; padding: 10px 10px 0; width: 278px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; behavior: url(js/PIE.htc); } .features-inner ul li ul li:first-child { margin-left: 0; } .features-inner ul li ul li:last-child { margin-right: 0; } .product-inner { display: inline-block; } .product-inner ul li ul li { float: left; margin: 0 10px 20px; width: 300px; } .product-inner ul li ul li:first-child { margin-left: 0; } .product-inner ul li ul li:last-child { margin-right: 0; } /*========================================================================= Service Box ========================================================================= */ .box1 { text-align:center; } .imgs { width:88px; height:88px; margin:0 auto; position:relative; z-index:2; } .imgs img { position:absolute; top:0; left:0; } .img-2 { opacity:0; z-index:2; } .box1 h3 { padding: 20px 0; line-height: 23px; } .box1 p { color: #777; font-size: 13px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; padding:0 10px; } .box1:hover { } .box1:hover .img-2 { opacity:1; z-index:2; } .box1:hover .img-1 { opacity:0; } .box1:hover h3 { color: #000; } .box1:hover p { color:#777; } .box2 { background:#fff; border:1px solid #e8e8e8; border-radius:5px; margin: 0 0 20px 0; padding:20px 0 20px 26px; position:relative; overflow:hidden; } .box_2 { background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-color: #fafafa; padding: 15px; margin-bottom: 20px; border-radius: 7px 7px 7px 7px; position: relative; box-shadow: 0px 0px 1px rgb(204, 204, 204) inset; } .box_2 h2 { display: block; font-size: 23px; line-height: 23px; margin-bottom: 6px; } .box_2 em { margin-bottom: 12px; display: block; } .box_2 img { margin-bottom: 15px; width: 100%; } .box_2 strong { font-weight: 600; margin-bottom: 6px; display: block; } /*========================================================================= Quotes & Search ========================================================================= */ .quotes { width:592px; height:52px; position:relative; float:left; border-right:1px solid #d7d7d7; padding-top:6px; } .quotes blockquote { font-size: 14px; line-height:22px; font-family: 'OpenSansItalic', Arial; color:#828387; padding:0 50px 0 64px; } .quotes .flex-control-nav { position:relative; overflow:hidden; list-style:none; position:absolute; right:19px; bottom:1px; } .quotes .flex-control-nav li { float:left; margin-right:3px; } .quotes .flex-control-nav li a { display:block; background: none repeat scroll 0 0 #ccc; width:10px; height:10px; text-indent:-5000px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; behavior: url(js/PIE.htc); } .quotes .flex-control-nav li a:hover, .quotes .flex-control-nav li a.active { background: none repeat scroll 0 0 #F3930A; } .search-ft { float: left; padding: 10px 0 0 20px; width: 280px; } #search-ft { padding: 4px 0 0; } #search-ft input { background: #FBFBFC; border: 1px solid #E7E7E7; color: #A5A4A4; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; font-weight: normal; margin: 0; outline: medium none; padding: 7px 5px 7px 28px; vertical-align: middle; width: 163px; } #search-ft .button { padding: 3px 18px 5px; } #search-ft input { width: 162px; } .search { float:left; padding:10px 0 0 0; width:100%; } /*========================================================================= Footer ========================================================================= */ .footer-1 h5 { color: #fff; text-shadow: 1px 1px 0 #000000, 2px 2px 0 #555555; margin-bottom:25px; } .tags, .tweet { float: left; } /* Tag */ .tags a:hover { background: #AF242C; color: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.0); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.0); } /* About Text */ .about-brief { } /* Twitter */ .tweets { width:100%; padding:0; font-size:12px; line-height:16px; overflow:hidden; } .tweets ul li, .tweets p { font-size:12px; line-height:16px; } .tweets ul li { background: rgba(0, 0, 0, 0.2); padding:10px 10px 10px 35px; margin:0 0 15px 0; box-shadow: 0 0 1px #666 inset; -moz-box-shadow: 0 0 1px #666 inset; -webkit-box-shadow: 0 0 1px #666 inset; behavior: url(js/PIE.htc); } .tweets ul li a { font-style:italic; font-weight:bold; font-size:12px; color:#EB4D3A; } /* flickr */ .footer-1 .flickr { background: none; } .flickr div img { background-color: rgba(0, 0, 0, 0.17); margin-bottom: 0; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; height: 66px; width: 66px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); float: left; padding: 6px; behavior: url(js/PIE.htc); } .flickr div { margin: 0; padding: 0; position: relative; border: 0 none; border-radius: 0; } .flickr div { float: left; margin: 0 15px 15px 0; } /* back to top button */ #toTop { display:none; text-decoration:none; position:fixed; right:50%; bottom:31px; overflow:hidden; width:47px; height:47px; border:none; text-indent:-999px; z-index:20; background: rgba(0, 0, 0, 0.3); border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1); behavior: url(js/PIE.htc); } #toTop:hover { background:rgba(255, 255, 255, 0.7); } #toTop:active, #toTop:focus { outline:none; } /* Social Icons ==========================*/ .social-s { float: right; } .social-s-about { border-top: 1px solid #F3F3F3; padding: 15px 0 0; display:inline-block; float: left; width: 100%; margin: 0 auto 10px; } .social-s li:first-child, .social-s-about li:first-child { margin-left: 0; } .social-s li { display: inline; list-style: none; opacity: 0.4; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-indent: -9999px; margin-left: 15px; float: left; } .social-s-about li { display: inline; list-style: none; opacity: 0.4; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-indent: -9999px; margin-right: 10px; margin-bottom: 10px; float: left; } .social-s a, .social-s-about a { background-repeat: no-repeat; background-position: 0 -16px; display: block; height: 32px; width: 32px; } .social-s li:hover, .social-s-about li:hover { opacity: 1; } .social-links { float: right; } .social-links-about { border-top: 1px solid #F3F3F3; display: inline-block; float: left; margin: 0 auto 10px; padding: 15px 0 0; width: 100%; } .social-links li:first-child, .social-links-about li:first-child { margin-left: 0; } .social-links li { display: inline; float: left; list-style: none outside none; margin-left: 15px; opacity: 0.4; text-indent: -9999px; transition: all 0.2s ease-in-out 0s; } .social-links-about li { display: inline; float: left; list-style: none outside none; margin-bottom: 10px; margin-right: 10px; opacity: 0.4; text-indent: -9999px; transition: all 0.2s ease-in-out 0s; } .social-links a, .social-links-about a { background-position: 0 -16px; background-repeat: no-repeat; display: block; height: 32px; width: 32px; } .social-links li:hover, .social-links-about li:hover { opacity: 1; } /*========================================================================= FOOTER ========================================================================= */ footer { background: none repeat scroll 0 0 #2D2D2D; margin-top:40px; } .footer-1 { padding:36px 0 40px; } .footer-2 { text-align:center; padding: 20px 0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset; background: none repeat scroll 0 0 rgba(35, 35, 35, 0.4); } /************Footer list***********/ .footer-list li { background: transparent; display: block; margin-bottom: 10px; padding-left: 20px; } .footer-list li a { color: #fff; } .footer-list li a:hover { color: #00C3F4; } /*========================================================================= MAP ========================================================================= */ dl { display: block; width: 100%; margin-bottom:10px; } dd { color: #CFCFCF; line-height: 1.8em; } dd span { float: right; } dd a { color: #CFCFCF; float: right; } dd a:visited { color: #969696; } dl strong { display: block; } .map iframe { width: 100%; height: 250px; margin:0; } .map { width: 100%; height: 250px; } @media only screen and (min-width: 768px) and (max-width: 959px) { .bodywrapper { background: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0.0); width: 100%; margin: 0 auto; } /* Service Box */ .features ul li ul li { width: 224px; } .features-inner ul li ul li { width: 214px; } .product-inner ul li li { width: 236px; } ul.left-tab-links a { font-size: 12px; } .ui-slider-tabs-content-container img { display: none; } /* Notificition */ .notify { width: 748px; } .notify h2 { line-height: 26px; width: 273px; } .notify strong { display:none; } #callout > strong { font-size: 23px; position: relative; top: 14px; width: 546px; } #callout > span { font-size: 18px; padding: 39px 0 38px; width: 165px; } /* Quotes */ .quotes { width:460px; } .search-ft { width:200px; } #search-ft input { width: 90px; } .teamwrap-img img { border: 0px solid #EEEEEE; box-shadow: 0 0 0 #EEEEEE; left: 0; max-width: 100%; padding: 0; position: relative; top: 0; width: auto; } /* Blog Video */ .sidebar-blog-video iframe { width: 498px; height: 269px; } } @media only screen and (max-width: 767px) { .bodywrapper { background: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0.0); width: 100%; margin: 0 auto; } nav { float:none; background:none; } .login { display:none; } #filters { display: inline-block; margin-bottom: 30px; position: relative; } #filters ul li { float: left; margin-bottom: 8px; } #searchForm fieldset { width: 100px; } div.input { width: 70px !important; } .block-ident-1 { padding-right:0; } .sidebar { padding-left: 0; } .sidebar-ident-right { display: block; padding-left: 0; } /* Service Box */ .features ul li ul li { margin: 0 0 10px 0; width: 288px; } .features ul .last { margin: 0 0 20px 0; } .features-inner ul li ul li { margin: 0 0 10px 0; width: 278px; } ul.left-tab-links a { font-size: 11px; padding: 0 7px; } ul.left-tab-links a i { display: none; } .ui-slider-tabs-content-container img { display: none; } /* Notificition */ .notify { width: 297px; margin: 0 0 20px; } .notify { text-align: center; } .notify .icon-nf { display: none; } .notify-wrapper { display: inline-block; float: none; margin: 0; } .notify h2 { width: 240px; margin: 0 30px 20px; text-align: center; } .notify span { float: none; } a.button-demo, a.button-demo:visited, a.button-buy, a.button-buy:visited { font: 12px 'Open Sans'; font-weight: 300; } .notify em { font-size: 17px; line-height: 27px; padding: 0 0; } #callout > strong { font-size: 14px; padding-left: 20px; position: relative; top: 11px; width: 200px; } #callout > span { font-size: 14px; padding: 34px 0 34px; width: 73px; } /*Quotes & Search*/ .search { width:270px; padding:10px 0 0 0px; } .search-ft { width: 229px; } #search-ft input { width: 102px; } .quotes { width:270px; border:none; height:110px; } .quotes blockquote { padding:0 20px 0 64px; } .teamwrap-img img { border: 0px solid #EEEEEE; box-shadow: 0 0 0 #EEEEEE; left: 0; max-width: 100%; padding: 0; position: relative; top: 0; width: auto; } /* Blog Video */ .sidebar-blog-video iframe { width: 290px; height: 160px; } /* back to top button */ #toTop { display:none !important; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .bodywrapper { background: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0.0); width: 100%; margin: 0 auto; } /* Service Box */ .features ul li ul li { margin: 0 0 10px 0; width: 408px; } .features ul .last { margin: 0 0 20px 0; } .features-inner ul li ul li { margin: 0 0 10px 0; width: 398px; } .product-inner ul li li { margin: 0 0 10px 0; width: 378px; } #filters { display: inline-block; margin-bottom: 30px; position: relative; } #filters ul li { float: left; } /* Notificition */ .notify { width: 417px; margin: 0 0 20px; } .notify h2 { width: 360px; } #callout > strong { font-size: 18px; padding-left: 20px; position: relative; top: 12px; width: 282px; } #callout > span { font-size: 15px; padding: 41px 0 42px; width: 111px; } /*Quotes & Search*/ .search-ft { width: 335px; } #search-ft input { width: 223px; } .quotes { width:370px; height:80px; } .search { width:370px; } .teamwrap-img img {border: 0px solid #EEEEEE;box-shadow: 0 0 0 #EEEEEE;left: 0;max-width: 100%;padding: 0;position: relative;top: 0;width: auto;} /* Blog Video */ .sidebar-blog-video iframe {width: 410px;height: 243px;} } /* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 384px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 300px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 300px; } /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 420px; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* * Imagebox • JavaScript Application * Version 2.0.0 * http://codecanyon.net/item/imagebox-image-viewing-script/89035 * * Copyright (c) 2009-2012, Sarathi Hansen * */ /* @group Structure */ #ib-container { position: absolute; background: #fff; z-index: 1000; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 60%; } #ib-image { display: block; width: 100%; height: 100%; } #ib-overlay { position: fixed; background: #000; display: none; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; } #ib-container, #ib-overlay, #ib-next, #ib-prev { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } /* @end */ /* @group Title */ #ib-title-mask { position: relative; overflow: hidden; padding-left: 10px; margin: 0 -10px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #ib-title { position: relative; display: block; font: normal 12px/16px Arial, sans-serif; text-align: left; color: #606060; padding: 10px 0px; } /* @group Gallery Title */ #ib-gallery-title { color: #888; font: normal 11px/16px Arial, sans-serif; } #ib-gallery-title.ib-hastitle { margin-top: 0px; } /* @group Gallery List */ #ib-gallery-list strong, #ib-gallery-list a { padding: 2px 3px; margin-right: 2px; color: #777; cursor: default; } #ib-gallery-list a { color: #ccc; cursor: pointer; text-decoration: none; } #ib-gallery-list a:hover { color: #777; } /* @end */ /* @end */ /* @end */ /* @group Controls */ #ib-close, #ib-next div, #ib-prev div { position: absolute; width: 30px; height: 30px; background: url(../images/imagebox_sprite.png); } #ib-close { visibility: hidden; right: 0px; top: 0px; cursor: pointer; z-index: 2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #ib-next, #ib-prev { position: absolute; display: none; right: 0; top: 0; width: 40%; height: 100%; cursor: pointer; z-index: 1; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear; } #ib-prev { left: 0; } #ib-next:hover, #ib-prev:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } #ib-next div, #ib-prev div { right: 20px; top: 50%; margin-top: -15px; background-position: -60px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #ib-prev div { left: 20px; background-position: -30px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* @end */ /* @group Shadow */ .ib-shadow { position: absolute; z-index: -2; } /* @group Shadow Corners */ #ib-nw, #ib-ne, #ib-se, #ib-sw { width: 20px; height: 20px; background: url(../images/imagebox_sprite.png); } #ib-nw { left: -20px; top: -20px; background-position: -60px -30px; } #ib-ne { right: -20px; top: -20px; background-position: -40px -30px; } #ib-se { right: -20px; bottom: -20px; background-position: 0 -30px; } #ib-sw { left: -20px; bottom: -20px; background-position: -20px -30px; } /* @end */ /* @group Shadow Sides */ #ib-n, #ib-s { left: 0; width: 100%; height: 20px;} #ib-n { top: -20px; background-position: 0 -20px; } #ib-s { bottom: -20px; } #ib-w, #ib-e { top: 0; width: 20px; height: 100%; } #ib-w { left: -20px; background-position: -20px 0; } #ib-e { right: -20px; } /* @end */ /* @end */ .ib-notrigger { cursor: default; } /* * Imagebox • JavaScript Application * Version 2.0.0 * http://codecanyon.net/item/imagebox-image-viewing-script/89035 * * Copyright (c) 2009-2012, Sarathi Hansen */ #container { margin: 0 auto; width: 940px; position:relative; } .flexowlslider .owlslides > li.dnone { display:none; position:static; } .flexowlslider .owlslides > li { display: block; position:absolute; } /* Hide the owlslides before the JS is loaded. Avoids image jumping */ .flexowlslider .owlslides > li:first-child { position:static; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .owlslides element */ .owlslides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .owlslides { display: block; } * html .owlslides { height: 1%; } .flexowlslider { height: 350px; width: 100%; overflow: hidden; position: relative; } .flexowlslider .owlslides img { max-width: 100%; display: block; } .flexowlslider iframe { width: 100%; height: 350px; } .flexowlslider .prev, .flexowlslider .next { display:none; } .owl-flex-caption-right { background: none repeat scroll 0 0 #00C6F5; height: 100%; padding: 0 40px; position: absolute; right: 0; -moz-box-shadow: 0 0 50px 50px #00A6CF inset;/*FF 3.5+*/ -webkit-box-shadow: 0 0 50px 50px #00A6CF inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0 0 50px 50px #00A6CF inset; } .owl-flex-caption-left { background: none repeat scroll 0 0 #00C6F5; height: 100%; padding: 0 40px; position: absolute; left: 0; -moz-box-shadow: 0 0 50px 50px #00A6CF inset;/*FF 3.5+*/ -webkit-box-shadow: 0 0 50px 50px #00A6CF inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0 0 50px 50px #00A6CF inset; } .owl-slide-text-1 { border-left: 3px solid #FFFFFF; color: #FFFFFF; font-family: open sans; font-size: 37px; font-weight: 500; line-height: 50px; margin-bottom: 20px; padding-left: 30px; } .owl-slide-text-2 { border-right: 3px solid #FFFFFF; color: #FFFFFF; font-family: open sans; font-size: 37px; font-weight: 500; line-height: 50px; margin-bottom: 20px; padding-right: 30px; } .owl-slide-text-1 a, .owl-slide-text-2 a { color: #097CAD; } .owl-slide-text-1 a:hover, .owl-slide-text-2 a:hover { color:#fff; } .owl-flex-border-1 { width: 530px; } .flex-border { padding: 30px 60px 30px 30px; width:240px; background: url("../images/slider-img/flex-border.png") repeat-y scroll 294px 0 transparent; } .owl-flex-bg { display: block; margin-top: 81px; } /*========================================================================= Control Nav ========================================================================= */ .flexowlslider .flex-owl-control-nav { position:absolute; right:10px; bottom: 10px; list-style:none; z-index:5; } .flexowlslider .flex-owl-control-nav li { float: left; padding: 0 3px; } .flexowlslider .flex-owl-control-nav li a { display:block; text-indent:-999em; width:15px; height:15px; margin-bottom:5px; } .flexowlslider .flex-owl-control-nav li a:hover, .flexowlslider .flex-owl-control-nav li a.active { } .slider { width:940px; position:relative; z-index:1; margin:0 auto 0; padding:30px 0 0 0; } .flexowlslider2 { width: 100%; margin: 0; } .flexowlslider2 .owlslides > li { display: none; } /* Hide the owlslides before the JS is loaded. Avoids image jumping */ .flexowlslider2 .owlslides > li { } /*========================================================================= LIST ELEMENTS ========================================================================= */ .owl-slider-list-style { display: inline-block; margin: 10px 0; } .owl-slider-list-style li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; float: left; margin: 0 15px !important; padding: 7px 0 8px 24px; width: 181px; } .owl-slider-list-style li a img { padding-right: 12px; width: auto !important; } .owl-slider-list-style li a { color: #777; font-weight: bold; text-decoration: none; } .owl-slider-list-style li a:hover { color: #000; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; behavior: url(js/PIE.htc); } .owl-slider-check-list-2 { list-style: none; margin: 0; padding: 0 0 0 24px; } .owl-slider-check-list-2 { background: url("../images/slider-img/list-arrow-2.png") no-repeat scroll 0 10px transparent; } .row-2 { margin: 0 0 50px; position: relative; } .flex-shadow { position: absolute; width: 100%; z-index: 1; } .owl-flex-caption a { color:#777; outline:none; cursor:pointer; text-decoration: underline; } .owl-flex-caption a:hover { color:#000; } /* Clearfix for the .owlslides element */ .owlslides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .owlslides { display: block; } * html .owlslides { height: 1%; } @media only screen and (min-width: 768px) and (max-width: 959px) { .flexowlslider { height: 270px; } .flexowlslider .owl-flex-caption { } .owl-flex-border-1 { width: 380px; } .owl-flex-bg { margin-top: 71px; } .owl-slide-text-1 { font-size: 27px; line-height: 40px; } .owl-slide-text-2 { font-size: 27px; line-height: 40px; } .owl-slider-list-style { display: none; } .flexowlslider iframe { width: 100%; height: 270px; } .flexowlslider .owlslides img { } .slider { width:748px; } .flex-owl-control-nav { position:absolute; } } @media only screen and (max-width: 767px) { .flexowlslider { height: 134px; } .owl-flex-caption-right, .owl-flex-caption-left { display: none; } .flexowlslider .owl-flex-caption { display:none; } .flexowlslider iframe { height: 134px; width: 100%; } .flexowlslider .owlslides img { max-width: 100%; } .slider { width:300px; } .flex-owl-control-nav { position:absolute; bottom:38%; right:30px; } .flex-owl-control-nav li { display:block; float:none; margin-right:0; margin-bottom:2px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .flexowlslider { height: 227px; } .owl-flex-border-1 { width: 330px; } .owl-flex-bg { margin-top: 32px; } .owl-slide-text-1 { font-size: 27px; line-height: 40px; } .owl-slide-text-2 { font-size: 27px; line-height: 40px; } .slider { width:420px; } .flexowlslider iframe { height: 227px; width: 100%; } .flex-owl-control-nav { position:absolute; bottom:40%; right:40px; } } .img_wrap1 { position: relative; display:block; overflow:hidden; } .black { color:#000; } .testimonial { background: url('../images/testim_bg.jpg') center 0 no-repeat #aaaaaa; color:#fff; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: italic; line-height: 21px; padding: 10px; position: relative; margin-bottom: 10px; } .testimonial:after { display:block; background: url('../images/test_after.png') no-repeat; width:28px; height:32px; position: absolute; bottom: -31px; left: 10px; content:""; } .author { font-size: 11px; line-height: 17px; margin-bottom: 5px; padding: 0 0 0 47px; } .author strong { color: #333; font-size: 12px; font-weight: 400; } #carousel .title, h2, h3, .membership { font-family: 'Open Sans', sans-serif; text-transform:uppercase; } /*========================================================================= carousel2 ========================================================================= */ #carousel1 { position:relative; } #carousel1 .es-carousel { width: 950px; overflow:hidden; } #carousel1 li { float:left; position:relative; text-align:center; } #carousel1 li img { margin-bottom: 0; width:100%; } #carousel1 .es-nav-prev, #carousel1 .es-nav-next { display:block !important; width: 22px; height: 22px; overflow:hidden; position:absolute; top: -51px; text-indent: -100%; font-size:0; line-height:0; white-space: nowrap; cursor:pointer; -moz-border-radius: 3px;/*Firefox*/ -webkit-border-radius: 3px;/*Safari, Chrome*/ border-radius: 3px; z-index:996; } #carousel1 .es-nav-prev { background: url("../images/icons/pagination_prev.png") no-repeat scroll 50% 50% #606060; right: 34px; } #carousel1 .es-nav-next { background: url("../images/icons/pagination_next.png") no-repeat scroll 50% 50% #606060; right: 10px; } #carousel1 .es-nav-prev:hover, #carousel1 .es-nav-next:hover { background-color: #00C3F4; } #carousel1 .da-thumbs li article h3 { padding-top: 31px; } /*========================================================================= carousel3 ========================================================================= */ #carousel2 { position:relative; } #carousel2 .es-carousel { width: 950px; overflow:hidden; } #carousel2 li { float:left; position:relative; } #carousel2 li img { width:100%; } #carousel2 .es-nav-prev, #carousel2 .es-nav-next { display:block !important; width: 22px; height: 22px; overflow:hidden; position:absolute; top: -58px; text-indent: -100%; font-size:0; line-height:0; white-space: nowrap; cursor:pointer; z-index:996; } #carousel2 .es-nav-prev { background-image:url(../images/icons/prev1.png); right: 37px; } #carousel2 .es-nav-next { background-image:url(../images/icons/next1.png); right: 10px; } #carousel2 .es-nav-prev:hover, #carousel2 .es-nav-next:hover { background-position:0 -22px; } @media only screen and (min-width: 768px) and (max-width: 959px) { .author { padding: 10px 0 0 10px; } #carousel li { width: 223px !important; } #carousel li a.img_wrap { width:210px; height:210px; } #carousel li a.img_wrap strong { width:85px; height:85px; } #carousel, #carousel1 { width: auto; } #carousel1 .es-carousel, #carousel2 .es-carousel { width: 758px !important; } #carousel1 li { width: 223px !important; } #carousel1 .da-thumbs li article h3 { padding-top: 15px; } #carousel .es-nav-prev, #carousel .es-nav-next { bottom:40px !important; top:auto; width:12px; height:20px; } #carousel .es-nav-prev { left:300px; } #carousel .es-nav-next { right:300px; } #carousel2 li { width: 224px !important; } #carousel .es-nav-prev:hover, #carousel .es-nav-next:hover { background-position:0 -64px; } } @media only screen and (max-width: 767px) { #carousel { height:380px; } #carousel li { width: 278px !important; } #carousel1 li { width: 278px !important; } #carousel1 .es-carousel, #carousel2 .es-carousel { width: 300px !important; } #carousel1 .da-thumbs li article h3 { padding-top: 31px; } .car_box h2 { padding-left:20px; } #carousel2 li { width: 278px !important; } #carousel1 .es-nav-prev { right: 37px; } #carousel1 .es-nav-next { right:10px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { #carousel li { width: 193px !important; } #carousel1 li { width: 193px !important; text-align:center; margin: 0 10px 10px 0 !important; } #carousel1 { width: 420px !important; } #carousel1 .es-carousel, #carousel2 .es-carousel { width: 420px !important; } #carousel1 .da-thumbs li article h3 { padding-top: 7px; } #carousel2 li { width: 193px !important; margin: 0 10px 10px 0 !important; } #carousel2 { width: 420px !important; } } .freshdesignweb { margin:0 auto; width:650px; } /* Portolio Hover */ .da-thumbs li, .da-thumbs li img { display: block; position: relative; } .da-thumbs li { overflow: hidden; } .da-thumbs li article { position: absolute; background-image:url(../images/image_hover.png); background-repeat:repeat; width: 100%; height: 100%; } .da-thumbs li article.da-animate { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Initial state classes: */ .da-slideFromTop { left: 0px; top: -100%; } .da-slideFromBottom { left: 0px; top: 100%; } .da-slideFromLeft { top: 0px; left: -100%; } .da-slideFromRight { top: 0px; left: 100%; } /* Final state classes: */ .da-slideTop { top: 0px; } .da-slideLeft { left: 0px; } .da-thumbs li article a { color:#fff; padding:20px; display:block; } .da-thumbs { text-align:center; } .da-thumbs li article h3 { color:#000; padding-top: 31px; } .da-thumbs li article em { margin-bottom:10px; color:#333; font-size: 16px; display:block; } .da-thumbs li article span { display:inline-block; } span.link_post { display:block; width:35px; height:35px; background-color:#000; border-radius:50px; cursor:pointer; background-image:url(../images/icons/link_post_icon.png); background-repeat:no-repeat; background-position:center; margin-right:10px; } span.link_post:hover { background-color: #F3930A; } span.zoom { overflow:hidden; display:block; width:35px; height:35px; background-color:#000; border-radius:50px; cursor:pointer; background-image:url(../images/icons/zoom_icon.png); background-repeat:no-repeat; background-position:center; margin-left:10px; } span.zoom:hover { background-color: #F3930A; } span.video { overflow:hidden; display:block; width:35px; height:35px; background-color:#000; border-radius:50px; cursor:pointer; background-image:url(../images/icons/video_icon.png); background-repeat:no-repeat; background-position:center; margin-left:10px; } span.video:hover { background-color: #F3930A; } /* Image Grid */ .image_grid { float:left; overflow:hidden; width:700px; position:relative; } .image_grid li { float: left; line-height: 17px; color: #686f74; list-style:none; overflow:hidden; margin-bottom:23px; margin-right:23px; text-align:center; } .port-col2 .da-thumbs li article h3 { padding-top: 76px; } .port-col3 .da-thumbs li article h3 { padding-top: 31px; } .port-col4 .da-thumbs li article h3 { padding-top: 6px; } @media only screen and (min-width: 768px) and (max-width: 959px) { .port-col2 .da-thumbs li article h3 { padding-top: 47px; } .port-col3 .da-thumbs li article h3 { padding-top: 9px; } .port-col4 .da-thumbs li article h3 { padding-top: 0; line-height: 23px; } } @media only screen and (max-width: 767px) { .port-col2 .da-thumbs li article h3 { padding-top: 27px; } .port-col3 .da-thumbs li article h3 { padding-top: 27px; } .port-col4 .da-thumbs li article h3 { padding-top: 27px line-height: 34px;; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .port-col2 .da-thumbs li article h3 { padding-top: 58px; } .port-col3 .da-thumbs li article h3 { padding-top: 58px; } .port-col4 .da-thumbs li article h3 { padding-top: 58px; line-height: 34px; } } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; } #cboxOverlay { position:fixed; width:100%; height:100%; } #cboxMiddleLeft, #cboxBottomLeft { clear:left; } #cboxContent { position:relative; } #cboxLoadedContent { overflow:auto; } #cboxTitle { margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; height:100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; } .cboxPhoto { float:left; margin:auto; border:0; display:block; } .cboxIframe { width:100%; height:100%; display:block; border:0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; } /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #colorbox { } #cboxTopLeft { width:21px; height:21px; } #cboxTopRight { width:21px; height:21px;} #cboxBottomLeft { width:21px; height:21px;} #cboxBottomRight { width:21px; height:21px;} #cboxMiddleLeft { width:21px; } #cboxMiddleRight { width:21px;} #cboxTopCenter { height:21px; } #cboxBottomCenter { height:21px;} #cboxContent { background:#fff; overflow:hidden; } .cboxIframe { background:#fff; } #cboxError { padding:50px; border:1px solid #ccc; } #cboxLoadedContent { margin-bottom:28px; } #cboxTitle { position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; } #cboxCurrent { position:absolute; bottom:4px; left:58px; color:#949494; } #cboxSlideshow { position:absolute; bottom:4px; right:30px; color:#0092ef; } #cboxPrevious { position:absolute; bottom:0; left:0; ; width:25px; height:25px; text-indent:-9999px; } #cboxPrevious:hover { background-position:-75px -25px; } #cboxNext { position:absolute; bottom:0; left:27px; ; width:25px; height:25px; text-indent:-9999px; } #cboxNext:hover { background-position:-50px -25px; } #cboxClose { position:absolute; bottom:0; right:0; ; width:25px; height:25px; text-indent:-9999px; } #cboxClose:hover { background-position:-25px -25px; } /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } .label{float:left;width:5em} .veci_prored li{padding:6px 0;} /*! * Font Awesome 3.1.0 * the iconic font designed for Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fontawesome.io * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License v1.1 - * http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - Font Awesome documentation licensed under CC BY 3.0 License - * http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fontawesome.io" * Contact * ------------------------------------------------------- * Email: dave@fontawesome.io * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../font/fontawesome-webfont.eot?v=3.1.0'); src: url('../font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg'); font-weight: normal; font-style: normal; } /* FONT AWESOME CORE * -------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"], a [class^="icon-"]:before, a [class*=" icon-"]:before { display: inline; } /* increased font size for icon-large */ [class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.2857142857142858em; text-align: center; } [class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large { width: 1.5714285714285714em; } ul.icons-ul { list-style-type: none; text-indent: -0.7142857142857143em; margin-left: 2.142857142857143em; } ul.icons-ul > li .icon-li { width: 0.7142857142857143em; display: inline-block; text-align: center; } [class^="icon-"].hide, [class*=" icon-"].hide { display: none; } .icon-muted { color: #eeeeee; } .icon-light { color: #ffffff; } .icon-dark { color: #333333; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .icon-5x { font-size: 5em; } .icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } /* BOOTSTRAP SPECIFIC CLASSES * -------------------------- */ /* Bootstrap 2.0 sprites.less reset */ [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } /* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } /* keeps Bootstrap styles with and without icons the same */ .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } /* EXTRAS * -------------------------- */ /* Stacked and layered icon */ .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; } .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em; } /* Animated rotating icon */ .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* Icon rotations and mirroring */ .icon-rotate-90:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal:before { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical:before { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before, .icon-rotate-right:before { content: "\f01e"; } /* F020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before, .icon-mail-forward:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before, .icon-rotate-left:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-reply:before, .icon-mail-reply:before { content: "\f112"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } /*========================================================================= Elements ========================================================================= */ /* Hover effect */ a, .layout-box, .tags a, .box1, .imgs img, .box1 h3, .notify span, .newsletter-button, .price-list-1 li, .post-holder .entry-title a, .categories ul li a, .sf-menu li, input, .pagination ul li a:link, .pagination ul li a:visited, span.link_post, span.zoom { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; behavior: url(js/PIE.htc) } /*========================================================================= LIST ELEMENTS ========================================================================= */ /* Latest post list */ .latest-post-list { } .latest-post-list li { border-bottom: 1px dashed #EEEEEE; display: inline-block; margin-bottom: 15px; } .latest-post-list li:last-child { border-bottom: none; } /* Big points list */ .big-point-list { } .big-point-list li { border-bottom: 1px dashed #EEEEEE; display: inline-block; margin-bottom: 20px; } .big-point-list li:last-child { border-bottom: none; } /* Client Logo list */ .list-banners { display: inline-block; margin: 0 0 30px; padding: 1px; } .list-banners li { border: 1px solid #EEEEEE; display: inline-block; float: left; margin-left: -1px; margin-top: -1px; width: 155px; } .list-banners li:first-child { background: none repeat scroll 0 0 transparent; } .list-banners li a { background: none repeat scroll 0 0 #FFFFFF; display: block; padding: 20px 10px; } .list-banners li a img { margin-bottom: 0; width: 100%; } .list-banners li a:hover { background: none repeat scroll 0 0 #FAFAFA; -moz-transition: all 0.5s ease 0s; opacity: 1; } /* list 1 */ .list-style-1 { display: block; margin-bottom: 20px; margin-left:0px; list-style-position: inside; } .list-style-1 li { border-bottom: 1px dotted #E9E9EA; float: none; margin: 0 !important; padding: 4px 0 4px 4px; } .list-style-1 li a img { padding-right: 12px; width: auto !important; } .list-style-1 li a { color: #777777; } .list-style-1 li a:hover { color: #F3930A; } .list-style { display: block; margin-bottom: 20px; } .list-style li { border-bottom: 1px dotted #E9E9EA; display: block; float: none; margin: 0 !important; padding: 4px 0 4px; } .list-style li a img { padding-right: 12px; width: auto !important; } .list-style i { font-size: 15px; } .list-style li a { color: #484D4F; font-size: 13px; font-weight: 700; } .list-style li a:hover { color: #F3930A; } .arrow-list, .arrow-list-2, .circle-list, .check-list, .check-list-2, .star-list, .plus-list, .dash-list { list-style: none; margin: 0; padding: 0 0 0 24px; } .arrow-list { background: url("../images/icons/list-arrow.png") no-repeat scroll 5px 9px transparent; } .arrow-list-2 { background: url("../images/icons/list-arrow-2.png") no-repeat 2px 8px; } .circle-list { background: url("../images/icons/list-circle.png") no-repeat 4px 9px; } .check-list { background: url("../images/icons/list-check.png") no-repeat 3px 7px; } .check-list-2 { background: url("../images/icons/list-check-2.png") no-repeat 0 7px; } .star-list { background: url("../images/icons/list-star.png") no-repeat 0 5px; } .plus-list { background: url("../images/icons/list-plus.png") no-repeat 3px 7px; } .dash-list { background: url("../images/icons/list-dash.png") no-repeat 3px 12px; } /*========================================================================= ALER BOXES ========================================================================= */ .message-box-error, .message-box-success, .message-box-info, .message-box-notice { display: block; padding: 10px 20px 10px 44px; } .message-box-error strong, .message-box-success strong, .message-box-info strong, .message-box-notice strong { float: left; font-size: 12px; line-height: 1.8em; font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-weight: 800; text-shadow: 0 0; text-transform: capitalize; } .message-box-error { background: #f9e5e6 url("../images/icons/icon-box-error.png") no-repeat 10px 9px; border: 1px solid #f7c7c9; border-left-width: 4px; color: #b3696c; } .message-box-success { background: #e3ebc6 url("../images/icons/icon-box-success.png") no-repeat 12px 8px; border: 1px solid #c2d288; border-left-width: 4px; color: #8fa442; } .message-box-info { background: #d8ecf5 url("../images/icons/icon-box-info.png") no-repeat 10px 8px; border: 1px solid #9ac9df; border-left-width: 4px; color: #528da9; } .message-box-notice { background: #fcf7d9 url("../images/icons/icon-box-notice.png") no-repeat 10px 9px; border: 1px solid #f5dc7d; border-left-width: 4px; color: #c4a21b; } /*========================================================================= Message Boxes ========================================================================= */ .message-box { position: relative; margin: 0 0 20px; padding: 10px 20px; font-size: 14px; line-height: 1.2em; border-width: 1px; border-style: solid; } .message-box strong { float: left; font-size: 12px; line-height:16px; font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-weight: 800; text-shadow: 0 0; padding: 0 7px 0 0; text-transform: capitalize; } .message-box .closemsg { position: absolute; display: block; width: 9px; height: 10px; right: 12px; top: 14px; background-position: 0 0; background-repeat: no-repeat; cursor: pointer; } .message-box.info { background-color: #dff2fa; color: #2e7893; border-color: #85cfec; } .message-box.info .closemsg { background-image: url(../images/icons/close-info.png); } .message-box.note { background-color: #f8f2cb; color: #8f5c0b; border-color: #edca42; } .message-box.note .closemsg { background-image: url(../images/icons/close-note.png); } .message-box.confirm { background-color: #e5f2c0; color: #4a630e; border-color: #aacf49; padding: 10px 20px; } .message-box.confirm .closemsg { background-image: url(../images/icons/close-confirm.png); } .message-box.error { background-color: #ffd4d4; color: #cd0a0a; border-color: #d97676; } .message-box.error .closemsg { background-image: url(../images/icons/close-error.png); } /*========================================================================= blockquotes ========================================================================= */ blockquote { background: url("../images/icons/qoute.png") no-repeat scroll left top transparent; font-size: 14px; line-height: 1.8em; font-family: 'georgia'; font-style: italic; margin-bottom: 30px; padding-left: 40px; } blockquote.black { background: url("../images/icons/qoute.png") no-repeat scroll 10px 30px #4A5151; color: #fff; padding: 30px 30px 10px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; behavior: url(js/PIE.htc); } blockquote.blue { background: url("../images/icons/qoute.png") no-repeat scroll 10px 30px #3D5B99; color: #fff; float: right; padding: 30px 30px 10px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; behavior: url(js/PIE.htc); } blockquote.red { background: url("../images/icons/qoute.png") no-repeat scroll 10px 30px #D82B31; color: #fff; float: right; padding: 30px 30px 10px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; behavior: url(js/PIE.htc); } /*========================================================================= dropcap ========================================================================= */ .dropcap { float: left; font: 30px 'OpenSansBold'; margin-right: 15px; } .dropcap2 { background: none repeat scroll 0 0 #222; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #333; behavior: url(js/PIE.htc); } .dropcap3 { background: none repeat scroll 0 0 #3D5B99; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #333; behavior: url(js/PIE.htc); } .dropcap4 { background: none repeat scroll 0 0 #D82B31; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #333; behavior: url(js/PIE.htc); } .dropcap5 { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #eee; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #333; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #fff; behavior: url(js/PIE.htc); } .dropcap6 { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #777; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #333; behavior: url(js/PIE.htc); } .dropcap7 { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #3D5B99; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #333; behavior: url(js/PIE.htc); } .dropcap8 { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #D82B31; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #333; behavior: url(js/PIE.htc); } .dropcap-big { color: #FFFFFF; display: block; float: left; font: bold 36px/65px 'Open Sans', sans-serif; height: 69px; margin: 7px 14px 20px 0; text-align: center; text-transform: uppercase; width: 69px; -moz-border-radius: 34px 34px 34px 34px;/*Firefox*/ -webkit-border-radius: 34px 34px 34px 34px;/*Safari, Chrome*/ border-radius: 34px 34px 34px 34px; } .dropcap-big-i { color: #FFFFFF; display: block; float: left; line-height: 67px; font-size: 36px; height: 69px; margin: 7px 14px 20px 0; padding: 0 17px; text-align: center; text-transform: uppercase; width: 34px; -moz-border-radius: 34px 34px 34px 34px;/*Firefox*/ -webkit-border-radius: 34px 34px 34px 34px;/*Safari, Chrome*/ border-radius: 34px 34px 34px 34px; } .shade1 { background-color: #0091C2; } .shade2 { background-color: #00A3D4; } .shade3 { background-color: #00C3F4; } /*========================================================================= TOOLTIP TIPSY ========================================================================= */ .tipsy { background-image: url("images/tipsy.gif"); background-repeat: no-repeat; font-size: 11px; opacity: 0.8; padding: 5px; } .tipsy-inner { background-color: black; color: #FFFFFF; max-width: 200px; padding: 0 6px; text-align: center; } .tipsy-inner { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; behavior: url(js/PIE.htc); } .tipsy-north { background-position: center top; } .tipsy-south { background-position: center bottom; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } /*========================================================================= Site big Alert boxes ========================================================================= */ .connected { background: url("../images/icons/info-1.png") no-repeat scroll 15px 50% #E1F2FC; border: 1px solid #68A2CF; color: #64757F; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 30px 20px 30px 105px; } .failed { background: url("../images/icons/error-1.png") no-repeat scroll 15px 50% #FEEBEB; border: 1px solid #7E6C6C; color: #697A58; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 30px 20px 30px 105px; } .remove { background: url("../images/icons/alert-1.png") no-repeat scroll 15px 50% #FEF7E0; border: 1px solid #E6C555; color: #79725B; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 30px 20px 30px 105px; } .remove a { color: #79725B; } .remove a:hover { color: #000; } .add { background: url("../images/icons/download-1.png") no-repeat scroll 15px 50% #EEFFDD; border: 1px solid #A3C159; color: #697A58; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 30px 20px 30px 105px; } .add a { color: #697A58; } .add a:hover { color: #000; } /*========================================================================= Site Buttons ========================================================================= */ .button-continue { display:inline-block; color:#fff; font-size:10px; text-transform: uppercase; padding: 8px 9px; margin: 0 0 15px; background-color:#db520c; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .button-continue:hover { background-color:#3c0f0e; } .button-red { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #d82b31; } .button-green { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #51A351; } .button-blue { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #3d5b99; } .button-pink { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #f1039a; } .button-white { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #eee; } .button-black { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #333; } .button-red, .button-red:visited, .button-green, .button-green:visited, .button-blue, .button-blue:visited, .button-pink, .button-pink:visited, .button-white, .button-white:visited, .button-black, .button-black:visited { color: #fff; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3); -webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3); -moz-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3); display: inline-block; font-size: 14px; font-family: 'Open Sans', Arial; padding: 10px 15px; text-shadow: 0 1px 1px #555; text-transform: capitalize; behavior: url(js/PIE.htc); } .button-white, .button-white:visited { color: #333; text-shadow: 0 1px 1px #eee; } .button-red:hover, .button-green:hover, .button-blue:hover, .button-pink:hover, .button-white:hover, .button-black:hover { background: url("../images/button-shadow.png") repeat-x scroll 50% -42px #444; color: #fff; box-shadow: 0px 1px 0 #000, inset 0px 1px 0px #000; -webkit-box-shadow: 0px 1px 0 #000, inset 0px 1px 0px #000; -moz-box-shadow: 0px 1px 0 #000, inset 0px 1px 0px #000; display: inline-block; text-shadow: 0 1px 1px #000; behavior: url(js/PIE.htc); } .button-red:active, .button-green:active, .button-blue:active, .button-pink:active, .button-white:active, .button-black:active, { background: #000; } .button-border { background-color: rgba(0, 0, 0, 0.1); margin: 0 5px 20px 5px; padding: 5px 5px 6px 5px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; display: inline-block; behavior: url(js/PIE.htc); } .button-radius-50 { border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; behavior: url(js/PIE.htc); } /*========================================================================= Pagination ========================================================================= */ .pagination { height: 36px; } .pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); behavior: url(js/PIE.htc); } .pagination li { display: inline; } .pagination a { float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; } .pagination a:hover, .pagination .active a { background-color: #eee; } .pagination .active a { color: #888; cursor: default; } .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover { color: #888; cursor: default; background-color: transparent; } .pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; behavior: url(js/PIE.htc); } .pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; behavior: url(js/PIE.htc); } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } /*========================================================================= Progress Bar ========================================================================= */ @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 31px; margin-bottom: 18px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(js/PIE.htc); } .progress .bar { width: 0%; height: 31px; color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; line-height: 31px; padding: 0 0 0 14px; text-align: left; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -ms-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(top, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; behavior: url(js/PIE.htc); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; behavior: url(js/PIE.htc); } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; behavior: url(js/PIE.htc); } .progress-danger .bar { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); behavior: url(js/PIE.htc); } .progress-danger.progress-striped .bar { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); behavior: url(js/PIE.htc); } .progress-success .bar { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); behavior: url(js/PIE.htc); } .progress-success.progress-striped .bar { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); behavior: url(js/PIE.htc); } .progress-info .bar { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); behavior: url(js/PIE.htc); } .progress-info.progress-striped .bar { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); behavior: url(js/PIE.htc); } .progress-warning .bar { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); behavior: url(js/PIE.htc); } .progress-warning.progress-striped .bar { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); behavior: url(js/PIE.htc); } /*========================================================================= Accordion ========================================================================= */ #accordion { margin-bottom: 20px; width:100%; } #accordion div { background: none repeat scroll 0 0 #FFFFFF; padding:22px 22px 7px 22px; } #accordion p { color: #777; margin-bottom:15px; border:none; text-decoration:none; } #accordion a { background: url("../images/accordion-open.png") no-repeat scroll right 50% #FAFAFA; cursor:pointer; color: #333333; display:block; padding:10px 22px; margin-top: -1px; font-weight:bold; border: 1px solid #EEEEEE; text-shadow: 0 1px 1px #FFFFFF; } #accordion a:hover { background: url("../images/accordion-close.png") no-repeat scroll right 50% #FFFFFF; } #accordion a.selected { background: url("../images/accordion-close.png") no-repeat scroll right 50% #FAFAFA; } /*========================================================================= FAQs Style 1 ========================================================================= */ .faq-accordion span { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 500; } .faq-accordion .qa-text { display: block; padding-left: 30px; } .faq-accordion .qa { color: #F3930A; float: left; font-weight: 700; } .faq-accordion p { padding: 0 0 0 30px; } /*========================================================================= FAQs Style 2 ========================================================================= */ .faq_list { width: 100%; } .faq_list dt { color:#333; position:relative; padding: 0 0 6px 26px; font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:normal; margin: 0 0 10px; background:none; } .faq_list span.marker { display:block; position:absolute; left:0; top:0; font-size:15px; color:#F3930A; font-weight:bold; } .faq_list dd { padding:0 0 0 26px; position:relative; margin:0 0 2em 0; } .faq_list dd .marker { top:3px; font-family: 'Open Sans', sans-serif; } /*========================================================================= Sitemap ========================================================================= */ .treeview, .treeview ul { padding: 0; margin: 0; list-style: none; } .treeview ul { margin-top: 4px; } .treeview .hitarea { background: url("../images/icons/treeview-default.gif") -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; } /* fix for IE6 */ * html .hitarea { display: inline; float:none; } .treeview li { line-height: 12px; margin: 0; padding: 3px 0pt 3px 16px; } .treeview a.selected { } #treecontrol { margin: 1em 0; display: none; } #treecontrol img { display: inline-block; margin-bottom: 0; } .treeview .hover { color: #000; cursor: pointer; } .treeview li { background: url("../images/icons/treeview-default-line.gif") 0 0 no-repeat; } .treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } .treeview .expandable-hitarea { background-position: -80px -3px; } .treeview li.last { background-position: 0 -1766px } .treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url("../images/icons/treeview-default.gif"); } .treeview li.lastCollapsable { background-position: 0 -111px } .treeview li.lastExpandable { background-position: -32px -67px } .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } .treeview-red li { background-image: url("../images/icons/treeview-red-line.gif"); } .filetree span, .treeview li a, .treeview-red li span { color: #777777; line-height: 13px; padding-left: 3px; } .treeview-black li span, .treeview-gray li span { line-height: 13px; padding-left: 3px; } #treecontrol a { color: #000000; font-size: 11px; line-height: 9px; padding-right: 10px; } .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url("../images/icons/treeview-red.gif"); } .treeview-black li { background-image: url("../images/icons/treeview-black-line.gif"); } .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url("../images/icons/treeview-black.gif"); } .treeview-gray li { background-image: url("../images/icons/treeview-gray-line.gif"); } .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url("../images/icons/treeview-gray.gif"); } .treeview-famfamfam li { background-image: url("../images/icons/treeview-famfamfam-line.gif"); } .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url("../images/icons/treeview-famfamfam.gif"); } .treeview .placeholder { background: url("../images/icons/ajax-loader.gif") 0 0 no-repeat; height: 16px; width: 16px; display: block; } .filetree li { padding: 3px 0 2px 16px; } .filetree span.folder, .filetree span.file { padding: 1px 0 1px 21px; display: block; } .filetree span.folder { background: url("../images/icons/folder.png") 0 0 no-repeat; } .filetree li.expandable span.folder { background: url("../images/icons/folder-closed.png") 0 0 no-repeat; } .filetree span.file { background: url("../images/icons/file.png") 0 0 no-repeat; } /*========================================================================= Price Start ========================================================================= */ .price-table-two .price-column { width: 50%; } .price-table-three .price-column { width: 33%; } .price-table-four .price-column { width: 25%; } .price-table-five .price-column { width: 20%; } .price-table { margin: 3px; } .price-column { float: left; margin: 10px 0; } .price-column strong, strong a { font-size: 12px; font-family: 'OpenSansBold', Arial; line-height: 22px; } .price-column ul li, .price-column h4 { text-align: center; } .price-column .first { background-color: #FAFAFA; margin: 0 0 0; padding-bottom: 17px; } .price-column ul { list-style-type: none; margin: 0; } .price-column .last { background: none repeat scroll 0 0 transparent; padding: 17px 10px 17px 10px; } .price-column ul li { background: url("../images/price-list.png") repeat-x scroll 0 100% transparent; color: #666666; padding: 10px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } .price-column h4 { border-bottom: 0 none; font-size: 18px; line-height: 36px; margin: 0; padding: 0; text-transform: uppercase; } .price-column-featured h4 { font-size: 26px; line-height: 46px; } .price-column-featured ul { padding-bottom: 11px; } .price-column-first h4, .price-column-first { border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; -webkit-border-radius: 3px 0 0 0; behavior: url(css/PIE.htc); } .price-column-first { border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; behavior: url(css/PIE.htc); } .price-column-last h4, .price-column-last { border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; behavior: url(css/PIE.htc); } .price-column-last { border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; behavior: url(css/PIE.htc); } .price-column h4 { background-color: #1a80b3; color: #fff; } .price-column-even h4 { background-color: #333333; } .price-column-first h4, .price-column-last h4 { background-color: #444444; } .price-column .price-tag { color: #333; text-shadow: 0 0 0; } .price-column .button { display:inline-block; padding:8px 14px; color:#333; text-decoration:none; font-size:11px; line-height:1.2em; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #fff, #f3f3f3); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #fff, #f3f3f3); /* FF3.6 */ background-image: -ms-linear-gradient(top, #fff, #f3f3f3); /* IE10 */ background-image: -o-linear-gradient(top, #fff, #f3f3f3); /* Opera 11.10+ */ background-image: linear-gradient(top, #fff, #f3f3f3); font-weight:bold; font-family:Arial, Helvetica, sans-serif; box-shadow:1px 1px 2px rgba(0, 0, 0, .2); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; behavior: url(css/PIE.htc); margin-right:5px; } .price-column .button:hover { background:#303030; color:#fff; text-decoration:none; } .price-column { background-color: #FCFCFC; position: relative; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); behavior: url(css/PIE.htc); } .price-column-even { background-color: #FEFEFE; box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); behavior: url(css/PIE.htc); z-index: 3; } .price-column li.even { color: #555555; } .price-column-featured { background-color: #fff; margin: 0; position: relative; margin-bottom: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; behavior: url(css/PIE.htc); z-index: 9; } .price-column-featured h4 { background-color: #289DCC; color: #FFFFFF; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; behavior: url(css/PIE.htc); } .price-tag .price-value { display: block; font-family: 'Open Sans', Arial, sans-serif; font-size: 40px; line-height: 40px; margin-bottom: 8px; } .price-tag .big { font-size: 46px; line-height: 43px; margin-bottom: 5px; } .price-tag .price-period { font-size: 14px; line-height: 16px; } /* ===================================== */ /* Buttons*/ /* ===================================== */ .button { display: inline-block; font-weight: bold; font-family: Arial, sans-serif; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px; margin: 0 5px 5px 0; line-height: 17px; *float: left; -webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3); } .button:active { -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08); box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08); } .button.medium i { float: left; margin: 2px 5px 0px -5px; } .button.small i { float: left; margin: 1px 5px 0px -3px; } .button.medium { padding: 7px 14px; font-size: 14px; } .button.small { padding: 6px 12px; font-size: 12px; font-family: Arial, sans-serif; line-height: 16px; } /* Input Button ==========================*/ input[type="button"] { display: inline-block; font-weight: bold; font-family: Arial, sans-serif; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px; margin: 0 5px 5px 0; *float: left; -webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3); padding: 7px 14px !important; font-size: 14px; width: auto !important; float: left; } input[type="button"]:active { -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08); box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08); } /* Yellow Button ==========================*/ .button.yellow, input[type="button"] { border: 1px solid #d78208; background-image: linear-gradient(bottom, #f3930a 0%, #ffcc84 100%); background-image: -o-linear-gradient(bottom, #f3930a 0%, #ffcc84 100%); background-image: -moz-linear-gradient(bottom, #f3930a 0%, #ffcc84 100%); background-image: -webkit-linear-gradient(bottom, #f3930a 0%, #ffcc84 100%); background-image: -ms-linear-gradient(bottom, #f3930a 0%, #ffcc84 100%); background-color: #f8ad42; text-shadow: 1px 1px 0px #ffc26b; filter: dropshadow(color=#ffebb7, offx=1, offy=1); color:#86540b; } .button.yellow:hover, input[type="button"]:hover { background: #f8ad42; } /* White Button ==========================*/ .button.white { border: 1px solid #dddddd; background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-color: #F7F7F7; color:#444; text-shadow: 1px 1px 0px #fff; filter: dropshadow(color=#ffffff, offx=1, offy=1); } .button.white:hover { background: #fbfbfb; } /* Black Button ==========================*/ .button.black { border: 1px solid #464646; background-image: linear-gradient(bottom, #464646 0%, #656565 100%); background-image: -o-linear-gradient(bottom, #464646 0%, #656565 100%); background-image: -moz-linear-gradient(bottom, #464646 0%, #656565 100%); background-image: -webkit-linear-gradient(bottom, #464646 0%, #656565 100%); background-image: -ms-linear-gradient(bottom, #464646 0%, #656565 100%); background-color: #464646; color:#fff; text-shadow: 1px -1px 0px #444; filter: dropshadow(color=#4444444, offx=1, offy=1); } .button.black:hover { background: #535353; } /* Red Button ==========================*/ .button.red { border: 1px solid #b23730; background-image: linear-gradient(bottom, #C74039 0%, #E35752 100%); background-image: -o-linear-gradient(bottom, #C74039 0%, #E35752 100%); background-image: -moz-linear-gradient(bottom, #C74039 0%, #E35752 100%); background-image: -webkit-linear-gradient(bottom, #C74039 0%, #E35752 100%); background-image: -ms-linear-gradient(bottom, #C74039 0%, #E35752 100%); background-color: #C74039; color:#fff; text-shadow: 1px -1px 0px #a43b37; filter: dropshadow(color=#a43b37, offx=1, offy=1); } .button.red:hover { background: #ce4640; } /* Green Button ==========================*/ .button.green { border: 1px solid #819633; background-image: linear-gradient(bottom, #8DA046 0%, #A3B951 100%); background-image: -o-linear-gradient(bottom, #8DA046 0%, #A3B951 100%); background-image: -moz-linear-gradient(bottom, #8DA046 0%, #A3B951 100%); background-image: -webkit-linear-gradient(bottom, #8DA046 0%, #A3B951 100%); background-image: -ms-linear-gradient(bottom, #8DA046 0%, #A3B951 100%); background-color: #8DA046; color:#fff; text-shadow: 1px -1px 0px #77873b; filter: dropshadow(color=#77873b, offx=1, offy=1); } .button.green:hover { background: #93a749; } /* Blue Button ==========================*/ .button.blue { border: 1px solid #1f70ad; background-image: linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%); background-image: -o-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%); background-image: -moz-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%); background-image: -webkit-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%); background-image: -ms-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%); background-color: #2778C8; color:#fff; text-shadow: 1px -1px 0px #1c6396; filter: dropshadow(color=#1c6396, offx=1, offy=1); } .button.blue:hover { background: #287fc8; } /* ===================================== */ /* Social Widget*/ /* ===================================== */ #social a { width: 32px; height: 32px; margin: 0 9px 9px 0; display: block; float: left; } #social a img { border: none; } /* ===================================== */ /* Blockquote*/ /* ===================================== */ blockquote { padding-left: 30px; color: #888; line-height: 20px; margin: 5px 0 20px 0; } /* ===================================== */ /* Breadcrumbs*/ /* ===================================== */ #breadcrumbs { background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-color: #F7F7F7; border: 1px solid #ddd; padding: 11px 18px; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px; color: #888; margin: -1px 0 0 0; } #breadcrumbs li { display: inline; } #breadcrumbs li span { margin: 0 5px; } #breadcrumbs li i { opacity: 0.3; margin: 0 3px 0 0; } /* ===================================== */ /* Accordion*/ /* ===================================== */ .acc-trigger { border: 1px solid #ddd; cursor: pointer; display: block; margin: 10px 0; background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-color: #F9F9F9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; line-height: 14px; } .acc-trigger a { background: url(../images/accordion_plus_ico.png) no-repeat right; border-left: #ddd; display: block; color: #888; outline: none; padding: 11px 15px; text-decoration: none; font-weight: bold; font-family: Arial, sans-serif; } .acc-trigger.active a { cursor: default; background: url(../images/accordion_minus_ico.png) no-repeat right; } .acc-trigger a:hover, .acc-trigger.active a { color: #444; } .acc-trigger a h3 { font-weight: bold; font-size: 14px; letter-spacing: -0.5px; line-height: 28px; color: #777; } .acc-container .content { padding: 2px 15px 5px 15px; display: inline-block; line-height: 19px; } .content p { margin-bottom: 10px; } /* ===================================== */ /* Accordion FAQ*/ /* ===================================== */ .acc-triggerfaq { border: 1px solid #ddd; cursor: pointer; display: block; margin: 10px 0; background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-color: #F9F9F9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; line-height: 14px; } .acc-triggerfaq a { background: url(../images/accordion_plus_ico.png) no-repeat right; border-left: #ddd; display: block; color: #888; outline: none; padding: 11px 34px 11px 0; text-decoration: none; font-weight: bold; font-family: Arial, sans-serif; } .acc-triggerfaq a span { background: url("../images/q.png") no-repeat scroll 8px 0 transparent; display: inline-block; line-height: 23px; padding: 0 0 0 40px; } .acc-triggerfaq.active a { cursor: default; background: url(../images/accordion_minus_ico.png) no-repeat right; } .acc-triggerfaq a:hover, .acc-trigger.active a { color: #444; } .acc-triggerfaq a h3 { font-weight: bold; font-size: 14px; letter-spacing: -0.5px; line-height: 28px; color: #777; } .acc-containerfaq .content { background: url("../images/a.png") no-repeat scroll 9px 1px transparent; padding: 2px 34px 5px 41px; display: inline-block; line-height: 19px; } /* ===================================== */ /* Tabs*/ /* ===================================== */ .widget .tabs-nav, .tabs-nav { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; } .widget .tabs-nav li, .tabs-nav li { float: left; line-height: 34px; overflow: hidden; padding: 0; position: relative; margin: 0 0 -1px 0; } .tabs-nav li { margin: 0 0 0px 0; } .widget .tabs-nav li { margin: 0 0 -1px 0; } .widget .tabs-nav li a, .tabs-nav li a { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; margin-right: 5px; } .widget .tabs-nav li a, .tabs-nav li a { background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-color: #F9F9F9; border: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #888; display: block; letter-spacing: 0; outline: none; padding: 0 7px; text-decoration: none; } .widget .tabs-nav li:first-child a, .tabs-nav li:first-child a { border-left: 1px solid #ddd; } .widget .tabs-nav li.active a, .tabs-nav li.active a { color: #444; font-weight: bold; } .widget .tabs-nav li.active a i, .tabs-nav li.active a i { opacity: 0.8 } .widget .tabs-nav li i, .tabs-nav li i { opacity: .5 } .widget .tabs-nav li.active a, .tabs-nav li a:hover, .tabs-nav li.active a, .tabs-nav li a:hover { background: #fff; border-bottom: 1px solid #fff; } .widget .tabs-container, .tabs-container { background-color:#FFFFFF; border: 1px solid #ddd; margin: -1px 0 20px; overflow: hidden; width: 99%; line-height: 19px; -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; } .tab-content { padding: 20px; } /* Price table Tabs */ .price-tabs .widget .tabs-container, .price-tabs .tabs-container { background-color: #FFFFFF; border-top: 1px solid #eee; border-right: none; border-left: none; border-bottom: none; } .price-tabs .tab-content { padding: 20px 0; } /* ===================================== */ /* List Styles*/ /* ===================================== */ .check_list li, .plus_list li, .minus_list li, .star_list li, .arrow_list li, .square_list li, .circle_list li, .cross_list li { list-style: none; margin: 10px 0; } .check_list ul { margin-bottom: 20px; } .check_list li { background: url("../images/icons/list-marker-1.png") no-repeat scroll 0 50% transparent; font-weight: bold; padding: 0 0 0 25px; } .plus_list li { background: url(../images/icons/list_plus.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 18px; } .minus_list li { background: url(../images/icons/list_minus.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 18px; } .star_list li { background: url(../images/icons/list_star.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 16px; } .arrow_list li { background: url(../images/icons/list_arrow.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 16px; } .square_list li { background: url(../images/icons/list_square.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 16px; } .circle_list li { background: url(../images/icons/list_circle.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 16px; } .cross_list li { background: url(../images/icons/list_cross.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 16px; } /* ===================================== */ /* Table*/ /* ===================================== */ table { width:100%; border-radius:3px; border-collapse:separate; border-spacing:0; border:none; margin-bottom:15px; } table th { border: 1px solid #dddddd; border-right: none; background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-color: #F7F7F7; text-align:left; padding:10px 15px; color:#444; vertical-align:top; font-size: 14px; font-weight: bold; } table th:first-child { border-radius: 3px 0 0 0; } table td:last-child { border-right: 1px solid #ddd; } table th:last-child { border-radius: 0 3px 0 0; border-right: 1px solid #ddd; } table td { padding:10px 15px; border:#e7e7e7 1px solid; border-top: none; border-right: none; } table tr:hover td { background-color:#fafafa; } /* ===================================== */ /* Alert Boxes*/ /* ===================================== */ .notification { font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 15px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .notification p { margin: 0; } .post .notification p { margin: 0; } .notification span { font-weight: bold; } .notification.success { background-color: #EBF6E0; color: #5f9025; border: 1px solid #b3dc82; padding: 14px 18px; background-image: linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%); background-image: -o-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%); background-image: -moz-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%); background-image: -webkit-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%); background-image: -ms-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%); } .notification.error { background-color: #ffe9e9; color: #de5959; border: 1px solid #fbc4c4; padding: 14px 18px; background-image: linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); background-image: -o-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); background-image: -moz-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); background-image: -webkit-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); background-image: -ms-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); } .notification.warning { background-color: #FBFADD; color: #8f872e; border: 1px solid #ded58a; padding: 14px 18px; background-image: linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); background-image: -o-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); background-image: -moz-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); background-image: -webkit-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); background-image: -ms-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); } .notification.notice { background-color: #E9F7FE; color: #5091b2; border: 1px solid #b6d7e8; padding: 14px 18px; background-image: linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); background-image: -o-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); background-image: -moz-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); background-image: -webkit-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); background-image: -ms-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); } .notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close { padding: 0px 14px; position: absolute; right: 0; top: 20px; display: block; height: 8px; weight: 8px; } .notification.success .close { background: url(../images/alert_boxes_close_ico.png) 0 -8px no-repeat; } .notification.error .close { background: url(../images/alert_boxes_close_ico.png) 0 0 no-repeat; } .notification.warning .close { background: url(../images/alert_boxes_close_ico.png) 0 -16px no-repeat; } .notification.notice .close { background: url(../images/alert_boxes_close_ico.png) 0 -24px no-repeat; } /* ===================================== */ /* Large Notice*/ /* ===================================== */ .large-notice { background: #fcfcfc; border: 1px solid #e4e4e4; padding: 32px 32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .large-notice h2 { margin-bottom: 10px; } .large-notice p { font-size: 14px; color: #777; } /* ===================================== */ /* Tooltip / Popover*/ /* ===================================== */ .tooltip { position: absolute; z-index: 1020; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -2px; } .tooltip.right { margin-left: 2px; } .tooltip.bottom { margin-top: 2px; } .tooltip.left { margin-left: -2px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top: 5px solid #555; border-right: 5px solid transparent; border-left: 5px solid transparent; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #555; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-right: 5px solid transparent; border-bottom: 5px solid #555; border-left: 5px solid transparent; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-right: 5px solid #555; border-bottom: 5px solid transparent; } .tooltip-inner { max-width: 200px; padding: 4px 10px; color: #ffffff; text-align: center; text-decoration: none; background-color: #555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tooltip-arrow { position: absolute; width: 0; height: 0; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; padding: 2px; } .popover.top { margin-top: -5px; } .popover.right { margin-left: 5px; } .popover.bottom { margin-top: 5px; } .popover.left { margin-left: -5px; } .popover-inner { width: 280px; overflow: hidden; border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .popover-title { padding: 11px 15px; line-height: 1; background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-color: #F7F7F7; border-bottom: 1px solid #ddd; font-weight: bold; font-size: 14px; } .popover-content { padding: 14px; background-color: #ffffff; color: #606060 } .post .popover-content p { color: #606060 } .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; color: #606060 } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 959px) { /* Client Logo */ .list-banners li { width: 123px; } } @media only screen and (max-width: 767px) { /* Client Logo */ .list-banners li { width: 148px; } .price-table-five .price-column { width: 100%; } .price-table-four .price-column { width: 100%; } .price-table-three .price-column { width: 100%; } .price-table-two .price-column { width: 100%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { /* Client Logo */ .list-banners li { width: 138px; } } /*========================================================================= ESSENTIAL STYLES ========================================================================= */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; margin-left: -1px; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 54px; /* 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: 176px; /* 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; } /*========================================================================= STYLIZATION ========================================================================= */ .sf-menu > li:first-child { border-left: 0 none; } .sf-menu > li:last-child { border-right: 0 none; } .sf-menu > li:after { display:block; position:absolute; bottom: 0px; content: ""; z-index:10; } .sf-menu > li+li:after { } .sf-menu > li+li+li:after { } .sf-menu > li+li+li+li:after { } .sf-menu > li+li+li+li+li:after { } .sf-menu > li+li+li+li+li+li:after { } .sf-menu > li { background: transparent; } .sf-menu > li+li { } .sf-menu li a { font-size: 14px; line-height: 34px; font-family: 'Open Sans', Arial; font-weight: 500; color: #3D4244; padding: 8px 14px; } .sf-menu li.active { background: none repeat scroll right 0 #F3930A; z-index: 99; } .sf-menu li.active a, .sf-menu li:hover a { color: #fff; } .sf-menu li:hover, .sf-menu li.current-menu-item, .sf-menu li.sfHover, .sf-menu li.current-menu-parent { background: none repeat scroll right 50% #00C3F4; } .sf-menu ul { position: absolute; top: -999em; width: 176px; background:#fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); } .sf-menu li ul li { margin-left: 0; } .sf-menu li ul li a { color: #3D4244 !important; padding: 0 19px; line-height: 34px; } .sf-menu li ul li a:hover { color: #fff !important; } .sf-menu ul li { border-bottom: 1px solid #FAFAFA; } .sf-sub-indicator { display: none; } .sf-menu > li li > a > .sf-sub-indicator { display:none; } #responsive-main-nav-menu { display: none; } @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (max-width: 767px) { #main-nav-menu {display: none;} .search-header {display: none;} #responsive-main-nav-menu {background: none repeat scroll 0 0 #333333;border: 1px solid #000000;color: #FFFFFF;display: block;float: right;font-family: 'Open Sans', Arial; font-size: 12px;line-height: 1em;margin: 0;padding: 11px;width: 56%;} } ::selection { background:#00C3F4 !important; } ::-moz-selection { background:#00C3F4 !important; } body { background: #C8D7DE !important; } a.link-name { color:#00C3F4 !important; } .shade1 { background-color: #0091C2 !important; } .shade2 { background-color: #00A3D4 !important; } .shade3 { background-color: #00C3F4 !important; } .team-name span { color: #00C3F4 !important; } .text-color-red { color: #00C3F4 !important; } .text-color-red { color: #00C3F4 !important; } .text-color-blue { color: #F7741C !important; } .newsletter-button:hover { background: none repeat scroll 0 0 #00C3F4 !important; border: 1px solid #AF242C; color: #FFFFFF; } .quotes .flex-control-nav li a:hover, .quotes .flex-control-nav li a.active { background: none repeat scroll 0 0 #00C3F4 !important; } .sf-menu li.active { background: none repeat scroll right 0 #00C3F4 !important; } .sf-menu li:hover, .sf-menu li.current-menu-item, .sf-menu li.sfHover, .sf-menu li.current-menu-parent { background: none repeat scroll right 50% #00C3F4 !important; } a.moduleItemReadMore:before { background: #00C3F4 !important; } .list-style-1 li a:hover { color: #00C3F4 !important; } .list-style li a:hover { color: #00C3F4 !important; } .faq-accordion .qa { color: #00C3F4 !important; } .faq_list span.marker { color:#00C3F4 !important; } .price-column-featured h4 { background-color: #00C3F4 !important; } span.link_post:hover { background-color: #00C3F4 !important; } span.zoom:hover { background-color: #00C3F4 !important; } span.video:hover { background-color: #00C3F4 !important; } .button.yellow, input[type="button"] { border: 1px solid #1f70ad !important; background-image: linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important; background-image: -o-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important; background-image: -moz-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important; background-image: -webkit-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important; background-image: -ms-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important; background-color: #2778C8 !important; color:#fff !important; text-shadow: 1px -1px 0px #1c6396 !important; filter: dropshadow(color=#1c6396, offx=1, offy=1) !important; } .button.yellow:hover { background: #2778C8 !important; } /*========================================================================= Contact Form ========================================================================= */ #confirm { position: relative; height: auto; padding-bottom: 30px; } #confirm label { display: block; position: relative; min-height: 57px; width: 300px; } #confirm label.message { min-height: 180px; } #confirm input { display: block; margin: 0; outline: none; box-shadow: 0 1px 0 #EEEEEE !important; width: 100%; height: 35px; border: 1px solid #EEEEEE; color: #969696; font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; background: none repeat scroll 0 0 #FEFEFE; padding: 0 10px; } #confirm textarea { display: block; margin: 0; outline: none; box-shadow: 0 1px 0 #EEEEEE !important; width: 613px; height: 145px; resize: none; overflow: auto; border: 1px solid #EEEEEE; color: #969696; font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; background: none repeat scroll 0 0 #FEFEFE; padding: 5px 10px; } #confirm label > span { color: #c84233; position:relative; left: 12px; } #confirm .success { color:#252525; display:none; } #confirm .empty, #confirm .error { font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; display:none; } #confirm .btns { position: absolute; right: 0; } #confirm .btns a { margin-left: 16px; } #confirm .form-button { display:inline-block; font-size: 16px; line-height: 40px; font-family: "Trebuchet MS", sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: #000 1px 1px 1px; color:#fff; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0 18px; background: rgb(203,66,50); /* Old browsers */ background: -moz-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(203, 66, 50, 1)), color-stop(2%, rgba(223, 86, 70, 1)), color-stop(4%, rgba(203, 66, 50, 1)), color-stop(9%, rgba(200, 67, 52, 1)), color-stop(11%, rgba(197, 65, 50, 1)), color-stop(20%, rgba(194, 64, 50, 1)), color-stop(81%, rgba(150, 45, 39, 1)), color-stop(100%, rgba(143, 41, 37, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb4232', endColorstr='#8f2925', GradientType=0 ); /* IE6-9 */ } #confirm .form-button:hover { background: #c94233; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f2925', endColorstr='#cb4232', GradientType=0 ); /* IE6-9 */ } /*========================================================================= Footer Contact Form ========================================================================= */ #footer-confirm { position: relative; height: auto; padding-bottom: 30px; } #footer-confirm label { display: inline-block; position: relative; min-height: 44px; width: 217px; } #footer-confirm label.message { min-height: 123px; width: 217px; } #footer-confirm input { display: block; margin: 0; outline: none; box-shadow: none !important; width: 197px; height: 35px; border: 1px solid rgba(255, 255, 255, 0.1); color: #969696; font-size: 12px; line-height:21px; font-family: 'Open Sans', Arial, Tahoma, sans-serif; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); padding: 0 10px; } #footer-confirm textarea { display: block; margin: 0; outline: none; box-shadow: none !important; width: 197px; height: 95px; resize: none; overflow: auto; border: 1px solid rgba(255, 255, 255, 0.1); color: #969696; font-size: 12px; line-height:21px; font-family: 'Open Sans', Arial, Tahoma, sans-serif; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); padding: 5px 10px; } #footer-confirm label > span { color: #c84233; position:relative; left: 12px; } #footer-confirm .success { color:#252525; display:none; } #footer-confirm .empty, #footer-confirm .error { font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; display:none; } #footer-confirm .btns { position: absolute; right: 0; } #footer-confirm .btns a { margin-left: 16px; } #footer-confirm .form-button { display:inline-block; font-size: 16px; line-height: 40px; font-family: "Trebuchet MS", sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: #000 1px 1px 1px; color:#fff; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0 18px; background: rgb(203,66,50); /* Old browsers */ background: -moz-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(203, 66, 50, 1)), color-stop(2%, rgba(223, 86, 70, 1)), color-stop(4%, rgba(203, 66, 50, 1)), color-stop(9%, rgba(200, 67, 52, 1)), color-stop(11%, rgba(197, 65, 50, 1)), color-stop(20%, rgba(194, 64, 50, 1)), color-stop(81%, rgba(150, 45, 39, 1)), color-stop(100%, rgba(143, 41, 37, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb4232', endColorstr='#8f2925', GradientType=0 ); /* IE6-9 */ } #footer-confirm .form-button:hover { background: #c94233; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f2925', endColorstr='#cb4232', GradientType=0 ); /* IE6-9 */ } /*========================================================================= search form ========================================================================= */ #search { padding:4px 0 0 0; } #search input { font-family: Arial, Helvetica, sans-serif; color:#a5a4a4; font-size:11px; font-style:italic; vertical-align:middle; font-weight:normal; padding:7px 5px 7px 28px; margin:0; background:#fbfbfc url(../images/icons/input-mail.jpg) 6px 8px no-repeat; outline:none; border:1px solid #e7e7e7; width:163px; } #search .newsletter-button { padding:3px 18px 5px; } @media only screen and (min-width: 768px) and (max-width: 995px) { /*========================================================================= Footer Contact Form ========================================================================= */ #footer-confirm label { width: 167px; } #footer-confirm input { width: 144px; } #footer-confirm label.message { min-height: 173px; width: 350px; } #footer-confirm textarea { height: 145px; width: 330px; } /*========================================================================= search form ========================================================================= */ #search input { width:90px; } #contact-form input, #confirm label { width:260px; } #confirm textarea { width:406px; } } @media only screen and (max-width: 767px) { /*========================================================================= Footer Contact Form ========================================================================= */ #footer-confirm label { width: 141px; } #footer-confirm input { width: 120px; } /*========================================================================= search form ========================================================================= */ #search input { width:140px; } #contact-form input, #confirm label { width:200px; } #confirm textarea { width:278px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { /*========================================================================= Footer Contact Form ========================================================================= */ #footer-confirm label { width: 201px; } #footer-confirm input { width: 179px; } /*========================================================================= search form ========================================================================= */ #search input { width:255px; } #contact-form input, #confirm label { width:240px; } #confirm textarea { width:398px; } } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff'); } @font-face { font-family: 'Bitter'; font-style: normal; font-weight: 400; src: local('Bitter-Regular'), url(http://themes.googleusercontent.com/static/fonts/bitter/v5/SHIcXhdd5RknatSgOzyEkA.woff) format('woff'); } @font-face { font-family: 'Bitter'; font-style: normal; font-weight: 700; src: local('Bitter-Bold'), url(http://themes.googleusercontent.com/static/fonts/bitter/v5/evC1haE-MsorTl_A7_uSGT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Bitter'; font-style: italic; font-weight: 400; src: local('Bitter-Italic'), url(http://themes.googleusercontent.com/static/fonts/bitter/v5/eMS0tViDqryBl0EG1pqFZfesZW2xOQ-xsNqO47m55DA.woff) format('woff'); } @font-face { font-family: 'Copse'; font-style: normal; font-weight: 400; src: local('Copse'), url(http://themes.googleusercontent.com/static/fonts/copse/v4/wpqdPiqIhpZbF5z3WfvSXg.woff) format('woff'); } footer a{color:#fff !important;} header{position: relative} header #prevod{top:-35px;right:-15px;position:absolute;width:80px} header #prevod a{float:left;display:inline} form label{float:left;width:8em} #main-nav-menu{margin-top:20px} .footer-1{padding:5px} .footer-2{padding:5px} .location-tip{top:-25px} .flexowlslider{height:300px} .owl-flex-bg{margin-top:52px} .owl-flex-caption-right{width:415px;} #content_container{padding:0 100px !important;width:700px} #content_container p{font-size:16px;} .sf-menu li ul li {width: 230px;display: block;float: left;background: #fff;border-bottom: solid #eee 1px} .sf-menu li ul{width:230px;} .owl-slide-text-1 { font-family: Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif !important}