/*blog ----------------------------*/ /*blog layout:grid*/ #content-inner-blog-grid{/*max-width:870px;*/ overflow:hidden;} #content-inner-blog-grid #blog-grid-container{/*max-width:915px;margin-left:-45px;*/} /*content*/ .blog-post-grid-content{max-width:210px;margin-left:30px; float:left; position:relative;margin-bottom:50px;} .blog-post-grid-content .blog-post-featured-media{width:210px; height:200px; margin-bottom:5px; float:left;overflow:hidden; position:relative;} .blog-post-grid-content .blog-post-featured-media .thumb{width:210px;} .blog-post-grid-content .blog-post-featured-media .thumb img{width:100%;} .blog-post-grid-content h2,.blog-post-grid-content h2 a{font-size:15px;line-height:20px; margin-bottom:0px;color:#000;} .blog-post-grid-content .blog-post-meta{width:100%; float:left; color:#999;margin-bottom:10px; font-size:11px;} /*blog layout:standard*/ .content-inner-left{width:605px;float:left; margin:0 45px 0 0;} .content-inner-right{width:605px;float:right; margin:0 0 0 45px;} article.blog-post{margin-bottom:50px;padding-bottom:50px; overflow:hidden;border-bottom:1px solid #e6e6e6;} /*content*/ .blog-post-content{width:100%; float:left;} .blog-post-content .blog-post-featured-media{width:605px; height:auto; float:left;margin-bottom:30px; overflow:hidden;position:relative;} .blog-post-content .blog-post-featured-media .thumb{width:605px;} .blog-post-content h2, .blog-post-content h2 a{font-size:35px;line-height:30px; margin-bottom:0px;color:#000;} .blog-post-content h2 a:hover{color:#ff0000;} .blog-post-content .video{margin-bottom:30px;} .blog-post-content .video video, .blog-post-content .video iframe, .blog-post-content .video object, .blog-post-content .video embed, .blog-post-content .video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important;} .blog-post-content p{margin-bottom:20px;} .blog-post-content p:last-child{margin-bottom:0px;} /*date*/ .blog-post-meta-date{ position:absolute;top:50%;right:0;margin-top:-46.5px;width:36px; float:left;color:#000; background:#fff;padding:5px 0px 5px 5px;} .blog-post-meta-date span.month{font-family: "Seven_01"; font-size:18px; line-height:20px; text-transform:uppercase;} .blog-post-meta-date span.day{font-family: "Seven_01"; font-size:30px; line-height:5px;text-transform:uppercase;} .blog-post-meta-date span.year{font-family: "Seven_01"; font-size:15px; line-height:0px; text-transform:uppercase;} /*meta*/ .blog-post-content .blog-post-meta{width:100%; float:left; color:#999;margin-bottom:10px; font-size:11px;} .blog-post-content .blog-post-meta a, .blog-post-content .blog-post-meta span{color:#666;text-decoration:none; font-weight:bold;} .blog-post-content .blog-post-meta a:hover{color:#e70000;text-decoration:underline;} .blog-post-content .blog-post-read-more{margin-bottom:0px;} /*comments*/ section#blog-post-comments{margin-bottom:50px; overflow:hidden;border-bottom:1px solid #e6e6e6;} section#blog-post-comments h2{font-size:35px;line-height:30px; margin-bottom:50px;color:#000;} section#blog-post-comments ol.comment-list{list-style:none; margin:0; width:100%;} /*odd-even-posts*/ /*section#blog-post-comments ol.comment-list li.comment .thread-odd {}*/ /*section#blog-post-comments ol.comment-list li.comment .thread-even {}*/ /*comment styling*/ section#blog-post-comments ol.comment-list li.comment .commentary{padding-left:100px;} section#blog-post-comments ol.comment-list li.comment .commentary .comment-author{font:20px/20px 'BebasNeueRegular', Arial, sans-serif; font-weight:bold;margin-bottom:2px; color:#999; text-transform:normal;} section#blog-post-comments ol.comment-list li.comment .commentary .comment-author span{font-family: 'BebasNeueRegular', Arial, sans-serif; font-weight:normal;} section#blog-post-comments ol.comment-list li.comment .commentary .comment-meta{width:100%; float:left; color:#999;margin-bottom:20px; font-size:11px;} section#blog-post-comments ol.comment-list li.comment .commentary .comment-meta a{color:#666;font-weight:normal; } section#blog-post-comments ol.comment-list li.comment .commentary .comment-meta a:hover{color:#e70000;text-decoration:underline;} section#blog-post-comments ol.comment-list li.comment .commentary p{margin-bottom:0;} section#blog-post-comments ol.comment-list li.comment .comment-avatar{position:relative;width:60px;height:60px;position:relative;overflow:hidden;border:3px solid #000;} section#blog-post-comments ol.comment-list li.comment .comment-avatar, section#blog-post-comments ol.comment-list li.comment .comment-avatar img{float:left;overflow:hidden;} section#blog-post-comments ol.comment-list li.comment .comment-avatar img{position:relative;z-index:-1;max-width:100%;margin: 0 auto;-ms-interpolation-mode: bicubic;vertical-align: baseline;} /*margins-padding-borders*/ section#blog-post-comments ol.comment-list li {float:left;overflow:hidden;border-bottom:1px solid #e2e2e2;margin-bottom:30px;} section#blog-post-comments ol.comment-list li:last-child{padding-bottom:30px;margin-bottom:50px;} section#blog-post-comments ol.comment-list li > ul.children{padding-bottom:30px;} section#blog-post-comments ol.comment-list li ul.children li{border-bottom:none;} section#blog-post-comments ol.comment-list li > ul.children li ul.children{padding-bottom:0;} section#blog-post-comments ol.comment-list li ul.children{margin:30px 0 0 100px; padding-top:30px;list-style:none; border-top:1px solid #e2e2e2;} section#blog-post-comments ol.comment-list li ul.children li{margin-bottom:30px;padding:0 0 30px 0;} section#blog-post-comments ol.comment-list li ul.children li:last-child{margin:0;padding:0;} /*post navigation*/ .blog-post-navigation{width:100%;margin-bottom:50px;} .blog-post-navigation #previous-post {float:left;} .blog-post-navigation #next-post {float:right;} .blog-post-navigation #previous-post a,.blog-post-navigation #next-post a{text-decoration:none;} .blog-post-navigation #previous-post a:hover,.blog-post-navigation #next-post a:hover{text-decoration:underline;} /*pagination*/ .blog-pagination{width:100%;margin-bottom:50px;} .blog-pagination ul {list-style:none;margin:0;} .blog-pagination ul li{float:left; margin-right:5px;} .blog-pagination ul li a{width:20px;height:20px; float:left; text-align:center;line-height:22px;border:1px solid #e2e2e2;color:#666;} .blog-pagination ul li a:hover{border:1px solid #e70000;background:#e70000;color:#fff;} .blog-pagination ul li a.active{background: #000; border:1px solid #000; color:#fff;} .blog-pagination ul li a.active:hover{background: #666;border:1px solid #666;} /*sidebar*/ aside.sidebar.left{width:220px; float:left;} aside.sidebar.right{width:220px; float:right;} /*general styling*/ aside.sidebar ul{float:left;width:100%;list-style:none; margin:0;padding:0;} aside.sidebar ul li{width:100%;float:left;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e6e6e6;} aside.sidebar ul li:last-child{margin:0px;padding:0px;border:none !important;} aside.sidebar ul li h6.widgettitle{font-size:20px; line-height:16px; margin-bottom:20px;} aside.sidebar ul li h6.widgettitle, aside.sidebar ul li h6.widgettitle span{color:#999 !important;} aside.sidebar ul li ul {list-style:none;} aside.sidebar ul li ul li{border:none !important;} aside.sidebar ul li ul li:last-child{margin:0 !important;} aside.sidebar ul li ul li a{color:#333;text-decoration:none; font-weight:normal; width:100%;} aside.sidebar ul li ul li a:hover{color:#e70000;text-decoration:underline;} aside.sidebar ul li ul li p.date{color:#999; font-size:11px;text-transform:uppercase;} /*widget:archives*/ aside.sidebar ul li.widget_archives ul li{margin-bottom:5px; padding:0; border:none;} /*widget:calender*/ aside.sidebar ul li.widget_calender table{width:100%;} aside.sidebar ul li.widget_calender table th{text-align:left;} /*widget:categories*/ aside.sidebar ul li.widget_categories ul li{margin:0px; padding:0;border:none;} /*widget:meta*/ aside.sidebar ul li.widget_meta ul li{margin-bottom:5px; padding:0; border:none;} /*widget:link*/ aside.sidebar ul li.widget_links ul li{margin-bottom:5px; padding:0; border:none;} /*widget:meta*/ aside.sidebar ul li.widget_meta ul li{margin-bottom:5px; padding:0; border:none;} /*widget:pages*/ aside.sidebar ul li.widget_pages ul li{margin-bottom:5px; padding:0; border:none;} /*widget:recent posts*/ aside.sidebar ul li.widget_recent_entries ul li{margin-bottom:5px; padding:0; border:none;} aside.sidebar ul li.widget_recent_entries ul li p{margin-bottom:0;} /*widget:recent comments*/ aside.sidebar ul li.widget_recent_comments ul li{margin-bottom:5px; padding:0; border:none;} /*widget:search*/ aside.sidebar ul li.widget_search input[type=text].sidebar-searchform{width:100%;height:45px;line-height:45px;padding:0 20px;margin-bottom:20px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} aside.sidebar ul li.widget_search input[type=text].sidebar-searchform{background-color:#fff;color:#999;border:1px solid #e6e6e6; color:#999; font: 13px/18px Arial, Helvetica, sans-serif;} aside.sidebar ul li.widget_search input[type=text].sidebar-searchform:hover{background-color:#fff;color:#999;border:1px solid #e6e6e6;} aside.sidebar ul li.widget_search input[type=text].sidebar-searchform:focus{background-color:#fff;color:#999;border:1px solid #ddd;-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);} /*widget:tag cloud*/ aside.sidebar ul li.widget_tag_cloud a{display: block; float: left;font-size: 12px !important;margin:0 10px 10px 0;padding: 3px 8px;} aside.sidebar ul li.widget_tag_cloud a{background:#000; color:#eee !important;} aside.sidebar ul li.widget_tag_cloud a:hover{background:#e70000; color:#fff !important;} /*widget:text*/ aside.sidebar ul li.widget_text ul li{margin-bottom:5px; padding:0; border:none;} aside.sidebar ul li.widget_text p:last-child{margin-bottom:0px;} /*social*/ aside.sidebar ul li.widget_text ul.socialSmall {float:none; list-style:none;margin:0; overflow:hidden;display:table;} aside.sidebar ul li.widget_text ul.socialSmall li{display:inline;width:auto; margin:0;} aside.sidebar ul li.widget_text ul.socialSmall li a{width:22px;height:22px;} /*widget:twitter*/ aside.sidebar ul li.widget_twitter ul.tweet_list{margin:0;} aside.sidebar ul li.widget_twitter ul.tweet_list li{margin-bottom:20px; overflow:hidden; border:none;padding:0;} aside.sidebar ul li.widget_twitter ul.tweet_list li:last-child{margin-bottom:0;} aside.sidebar ul li.widget_twitter ul.tweet_list li span.tweet_time{text-transform:uppercase;font-size:10px;margin-bottom:0px;float:left;} aside.sidebar ul li.widget_twitter ul.tweet_list li span.tweet_time a{line-height:12px;color:#666; font-weight:bold;} aside.sidebar ul li.widget_twitter ul.tweet_list li span.tweet_text{color:#999;float:left;} aside.sidebar ul li.widget_twitter ul.tweet_list li span.tweet_text a{font-weight:normal;} /* ---------------------------------------------------------------- Sliders -----------------------------------------------------------------*/ .properties-rows .filter { display: inline-block; zoom: 1; /*-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); box-shadow: 0px 1px 1px rgba(0,0,0,0.1);*/ background-color: #fff; display: block; margin: 0px 0px 30px 0px; height: auto; padding: 10px; } .properties-rows .filter strong.grid, .properties-rows .filter strong.list, .properties-rows .filter strong.map, .properties-rows .filter a.grid, .properties-rows .filter a.map, .properties-rows .filter a.list{ width: 34px; height: 34px; position: relative; border-radius: 50%; display: inline-block; text-indent: -99999px; background: url("img/grid-list.png") no-repeat; transition: background-color 0.2s; behavior: url(PIE.htc); } .properties-rows .filter strong.grid{background-color: #444444; background-position: -14px 10px;} .properties-rows .filter strong.list{background-color: #444444; background-position: -14px -14px;} .properties-rows .filter strong.map{background-color: #444444; background-position: -14px -38px;} .properties-rows .filter a.grid{background-color: #f0f0f0; background-position: 10px 10px;} .properties-rows .filter a.list{background-color: #f0f0f0; background-position: 10px -14px;} .properties-rows .filter a.map{background-color: #f0f0f0; background-position: 10px -38px;} .properties-rows .filter a.list:hover, .properties-rows .filter a.grid:hover, .properties-rows .filter a.map:hover{background-color: #fff854;} .dvLoading{ background:url(img/loading.gif) no-repeat center center; float: left; width: 35%; height:182px; margin: 0; z-index: 1000; } #slider { position: relative; height: 400px; background-color: #EEE; } #slider > div > img, #slider > div > a > img, #slider > div > iframe { display: block; } .fallback-image, .fallback-image a, .fallback-image img { display: none; width: 100%; height: 100%; } #slider .container { width: 100%; } #slider.thumb-slider, #slider.piecemaker-slider { height: auto; } .slider-wrap { position: relative; width: 100%; height: 400px; } .slider-wrap .slide, .slider-wrap .slide a, .slider-wrap .slide img { display: block; position: relative; width: 100%; height: 100%; } .slider-line { position: absolute; border-top: 2px solid rgba(0,0,0,0.2); height: 0; width: 100%; top: 0; left: 0; z-index: 30; } .fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide a, .fslider .slide img { position: relative; width: 100%; height: auto; overflow: hidden; } .fslider { min-height: 32px; } .related_blog ul{ margin-top:0px; } .related_blog ul li{ list-style:disc; } .related_blog ul li a{ color:#999; } .related_blog h2.featurette-heading{ font-family: Seven_01; font-size:22px; line-height:28px; padding-bottom:10px; } .featurette .share{ width:100%; } .featurette .share ul{ margin-left:0px; } .featurette .share ul li{ float:left; } .featurette .share li [class^="icon-"], .featurette .share li [class*=" icon-"] { display: inline-block; width: 32px; text-align: center; } /* ---------------------------------------------------------------- 3D Slider -----------------------------------------------------------------*/ .slider-3d { position: relative; } #piecemaker { margin: -25px 0 0 -90px; } .body-slider-3d #header { z-index: 20; } /* ---------------------------------------------------------------- Camera Slider -----------------------------------------------------------------*/ #slider.camera-slideshow { height: auto; } /* ---------------------------------------------------------------- Layer & Revolution Slider -----------------------------------------------------------------*/ #slider.revolution-slider, #slider.layerslider-wrap { overflow: hidden; } /* ---------------------------------------------------------------- Flex Slider -----------------------------------------------------------------*/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; border: none; } .slider-wrap, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none; border: none;} .flexslider {position: relative;margin: 0; padding: 0;} .flexslider .slider-wrap > .slide {display: none; -webkit-backface-visibility: hidden;} .flexslider .slider-wrap img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slider-wrap:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slider-wrap {display: block;} * html .slider-wrap {height: 1%;} .no-js .slider-wrap > .slide:first-child {display: block;} .flex-control-nav { display: none; } .flex-control-thumbs { display: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } /* ---------------------------------------------------------------- Slider with Thumbs -----------------------------------------------------------------*/ #slider.thumb-slider .flex-control-thumbs { display: block; } #slider.thumb-slider .flex-control-thumbs, #slider.thumb-slider .rs-thumb-wrap { display: block; position: relative; background: #FFF; height: 55px; text-align: center !important; } .flex-control-thumbs li, .rs-thumb-wrap a { display: inline-block !important; width: 102px !important; height: 55px !important; cursor: pointer; margin: 0 !important; } .rs-thumb-wrap a { height: 50px !important; border-top: 5px solid #CCC; } .flex-control-thumbs li img, .rs-thumb-wrap a img { display: block !important; width: 102px !important; height: 50px !important; border-top: 5px solid #CCC; } .rs-thumb-wrap a img { border: none; } .flex-control-thumbs li img.flex-active, .rs-thumb-wrap a.active { border-top-color: #57B3DF; } /* ---------------------------------------------------------------- Slider Navigation -----------------------------------------------------------------*/ .flex-prev, .flex-next, .rs-prev, .rs-next, .nivo-prevNav, .nivo-nextNav, .camera_prev, .camera_next, .camera_commands, .tp-leftarrow.large, .tp-rightarrow.large, .ls-noskin .ls-nav-prev, .ls-noskin .ls-nav-next { display: block; position: absolute !important; z-index: 10; cursor: pointer; top: auto; left: auto; bottom: 50px; right: 38px; width: 36px !important; height: 36px !important; text-indent: -9999px; background: url("images/icons/slider-nav.png") no-repeat 0 0; background-color: #111; background-color: rgba(11,11,11,0.8); transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .tp-leftarrow.large, .tp-rightarrow.large { background: url("images/icons/slider-nav.png") no-repeat 0 0 !important; background-color: #111 !important; background-color: rgba(11,11,11,0.8) !important; } .ls-noskin .ls-nav-prev, .ls-noskin .ls-nav-next { top: 50%; margin-top: -18px; left: 20px; right: auto; } #slider.thumb-slider .flex-prev, #slider.thumb-slider .flex-next { bottom: 105px; } .flex-next, .rs-next, .nivo-nextNav, .camera_next, .ls-noskin .ls-nav-next { right: 0; background-position: -36px 0; } .ls-noskin .ls-nav-next { right: 20px; left: auto; } .tp-rightarrow.large { background-position: -36px 0 !important; } .portfolio-image .flex-prev, .portfolio-image .flex-next { position: absolute !important; top: auto; left: 0; bottom: 0; width: 28px !important; height: 28px !important; background-image: url("images/icons/portfolio-slider-nav.png"); transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .portfolio-image .flex-next { left: 30px; background-position: -28px 0; } .flex-prev:hover, .flex-next:hover, .rs-prev:hover, .rs-next:hover, .nivo-prevNav:hover, .nivo-nextNav:hover, .camera_prev:hover, .camera_next:hover, .camera_commands:hover, .tp-leftarrow.large:hover, .tp-rightarrow.large:hover, .ls-noskin .ls-nav-prev:hover, .ls-noskin .ls-nav-next:hover { background-color: #57B3DF !important; } /* ---------------------------------------------------------------- Slider Caption -----------------------------------------------------------------*/ .slide-caption, .rs-caption, .nivo-caption { display: block; position: absolute; z-index: 8; top: auto; left: auto; bottom: 50px; right: 76px; line-height: 24px; padding: 6px 15px; font-size: 14px; font-family: 'Droid Serif', sans-serif; width: auto !important; max-width: 500px; background-color: #111; background-color: rgba(11,11,11,0.8); border-left: 3px solid #57B3DF; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); } .slide-caption2 { line-height: 20px; padding: 15px; font-size: 12px; font-family: 'Open Sans', sans-serif; max-width: 200px; background-color: #111; background-color: rgba(11,11,11,0.8); } .camera_caption.slide-caption2 { max-width: 300px; } .slide-caption2 h3 { font-size: 15px; line-height: 20px; font-weight: bold; padding-bottom: 10px; color: #EEE; } .slide-caption2 p { margin: 0; } .slide-caption-left { left: 50px; right: auto; } /* ---------------------------------------------------------------- Main Content -----------------------------------------------------------------*/ #content { position: relative; } .content-wrap { position: relative; padding: 40px 0; } /* ---------------------------------------------------------------- Page Title -----------------------------------------------------------------*/ /*#page-title, #countdown-wrap { position: relative; background-color: #F5F5F5; padding: 25px 0; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; } #page-title h1 { font-size: 24px; line-height: 28px; padding-bottom: 0; text-shadow: 1px 1px 1px #FFF; color: #555; } #page-title h1 span { display: inline-block; position: relative; font-size: 16px; line-height: 22px; margin-left: 10px; color: #AAA; }*/ /*#top-search { position: absolute; width: 180px; top: 50%; left: auto; right: 0; margin-top: -20px; } #top-search form { margin: 0; } #top-search input { width: 131px; background-image: url("images/icons/search.png"); background-repeat: no-repeat; background-position: left; padding-left: 38px; color: #999; } */ #header #top-search { width: 260px; } #header #top-search input { width: 211px; } /* ---------------------------------------------------------------- Landing Page -----------------------------------------------------------------*/ #lp-contacts { margin: 0; } #lp-contacts li { float: left; position: relative; height: 40px; overflow: hidden; margin: 40px 0 0 40px; padding-left: 48px; font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 17px; line-height: 22px; color: #555; } #lp-contacts li:first-child { margin-left: 0; } #lp-contacts li i { display: block; position: absolute; font-size: 40px; line-height: 40px; width: 40px; height: 40px; text-align: center; top: 0; left: 0; overflow: hidden; } #lp-contacts li span { display: block; font-size: 13px; line-height: 18px; color: #57B3DF; font-weight: normal; } #landing-area { position: relative; background-color: #EEE; padding: 40px 0; } #landing-area h1 { font-weight: 600; font-size: 26px; line-height: 32px; text-shadow: 1px 1px 1px #FFF; } #landing-area p.landing-desc { font-size: 14px; color: #333; text-shadow: 1px 1px 1px #FFF; } #landing-area ul.landing-features { list-style: none; margin: 0; font-size: 16px; line-height: 22px; color: #555; text-shadow: 1px 1px 1px #FFF; } ul.landing-features li { margin-top: 7px; } ul.landing-features li:first-child { margin-top: 0; } ul.landing-features li:hover { font-weight: bold; } .landing-offer-media, .landing-offer-text, .landing-offer-half { margin-bottom: 0; } .landing-action { position: relative; margin-top: 20px; text-align: center; } .landing-action > span { display: block; margin-top: 10px; font-size: 14px; text-shadow: 1px 1px 1px #FFF; } /* ---------------------------------------------------------------- Coming Soon -----------------------------------------------------------------*/ #countdown-wrap { padding: 50px 0; } #countdown-wrap h1 { font-size: 28px; line-height: 36px; padding-bottom: 50px; text-shadow: 1px 1px 1px #FFF; font-weight: 400; color: #555; text-align: center; } .countdown_row { display: block; position: relative; text-align: center; text-shadow: 1px 1px 1px #FFF; } .countdown_section { display: inline-block; font-size: 17px; line-height: 22px; text-align: center; width: 180px; color: #999; text-transform: lowercase; } .countdown_amount { font-size: 96px; line-height: 100px; font-family: "Droid Serif", sans-serif; color: #444; } .countdown_descr { display: block; width: 100%; } .lp-subscribe { position: relative; text-align: center; } .lp-subscribe form { display: inline-block; position: relative; margin: 5px auto 0; max-width: 600px; } .lp-subscribe .alert { text-align: left; margin: 0 auto; max-width: 400px; } .lp-subscribe .lp-subscribe-input { display: block; float: left; width: 420px; } .lp-subscribe .lp-subscribe-submit { display: block; float: left; } .lp-subscribe input[type="text"] { display: block; width: 360px; padding: 13px 12px 11px 46px; font-size: 16px; color: #999; background: url("images/icons/subscribe.png") left no-repeat; margin: 0 !important; } .lp-subscribe input[type="submit"] { position: relative; cursor: pointer; display: block; border: none; font-size: 13px; font-weight: bold; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 0 15px; height: 49px; line-height: 49px; background: #57B3DF; text-align: center; text-transform: uppercase; margin: 0 !important; -webkit-border-radius: 0; border-radius: 0; } .lp-subscribe input[type="submit"]:hover { background-color: #444; } .lp-subscribe label.error { display: none !important; } /* ---------------------------------------------------------------- Portfolio -----------------------------------------------------------------*/ #portfolio-filter { position: relative; margin: 0 0 30px 0; } #portfolio-filter li { float: left; position: relative; padding: 0 0 12px; border-bottom: 1px solid #EEE; } #portfolio-filter li a { display: block; position: relative; padding: 0 15px; font-size: 13px; line-height: 15px; font-family: "Open Sans"; color: #888; border-left: 1px solid #EEE; } #portfolio-filter li:first-child a { border-left: none; } #portfolio-filter li a:hover, #portfolio-filter li.activeFilter a { color: #57B3DF; } #portfolio-filter li.activeFilter a { font-weight: bold; } #portfolio-filter li.activeFilter { border-bottom: 2px solid #57B3DF; } /* ---------------------------------------------------------------- Portfolio Image -----------------------------------------------------------------*/ #portfolio { position: relative; margin: 0 -12px -12px 0; } .portfolio-item { position: relative; float: left; margin: 0 12px 12px 0; width: 231px; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img { display: block; position: relative; width: 231px; height: 180px; } .postcontent #portfolio { margin: 0 -8px -8px 0; } .postcontent .portfolio-item { margin: 0 8px 8px 0; width: 174px; } .postcontent .portfolio-item .portfolio-image, .postcontent .portfolio-item .portfolio-image a, .postcontent .portfolio-item .portfolio-image img { width: 174px; height: 136px; } #portfolio.portfolio-3 { margin: 0 -15px -15px 0; } .portfolio-3 .portfolio-item { margin: 0 15px 15px 0; width: 310px; } .portfolio-3 .portfolio-item .portfolio-image, .portfolio-3 .portfolio-item .portfolio-image a, .portfolio-3 .portfolio-item .portfolio-image img { width: 310px; height: 210px; } .postcontent #portfolio.portfolio-3 { margin: 0 -13px -13px 0; } .postcontent .portfolio-3 .portfolio-item { margin: 0 13px 13px 0; width: 231px; } .postcontent .portfolio-3 .portfolio-image, .postcontent .portfolio-3 .portfolio-image a, .postcontent .portfolio-3 .portfolio-image img { width: 231px; height: 180px; } #portfolio.portfolio-5 { margin: 0 -5px -5px 0; } .portfolio-5 .portfolio-item { margin: 0 5px 5px 0; width: 188px; } .portfolio-5 .portfolio-item .portfolio-image, .portfolio-5 .portfolio-item .portfolio-image a, .portfolio-5 .portfolio-item .portfolio-image img { width: 188px; height: auto; } #portfolio.portfolio-2 { margin: 0 -20px -20px 0; } .portfolio-2 .portfolio-item { margin: 0 20px 20px 0; width: 470px; } .portfolio-2 .portfolio-item .portfolio-image, .portfolio-2 .portfolio-item .portfolio-image a, .portfolio-2 .portfolio-item .portfolio-image img { width: 470px; height: 300px; } .postcontent .portfolio-2 .portfolio-item { width: 350px; } .postcontent .portfolio-2 .portfolio-image, .postcontent .portfolio-2 .portfolio-image a, .postcontent .portfolio-2 .portfolio-image img { width: 350px; height: 223px; } .portfolio-title { position: relative; text-align: center; padding: 15px 0; border-bottom: 1px solid #DDD; background-color: #F5F5F5; } .postcontent .portfolio-title h3 { font-size: 13px; } .portfolio-title h3 { padding-bottom: 0; font-size: 14px; font-weight: normal; } .portfolio-3 .portfolio-title h3 { font-size: 15px; } .portfolio-2 .portfolio-title h3 { font-size: 18px; } .portfolio-title h3 a { color: #555; text-shadow: 1px 1px 1px #FFF; } .portfolio-item:hover h3 a { color: #57B3DF; } .portfolio-item:hover .portfolio-title { border-bottom-color: #57B3DF; } #portfolio .slider-wrap, .postcontent #portfolio.portfolio-3 .slider-wrap { height: 180px; } .postcontent #portfolio .slider-wrap { height: 136px; } #portfolio.portfolio-3 .slider-wrap { height: 210px; } #portfolio.portfolio-2 .slider-wrap { height: 300px; } .postcontent #portfolio.portfolio-2 .slider-wrap { height: 223px; } /* ---------------------------------------------------------------- Home Portfolio -----------------------------------------------------------------*/ .scroll-portfolio { margin-bottom: 15px !important; } .scroll-portfolio .portfolio-item { width: 231px !important; } .scroll-portfolio .portfolio-item .portfolio-image .scroll-portfolio .portfolio-item .portfolio-image a, .scroll-portfolio .portfolio-item .portfolio-image img { width: 231px !important; height: 180px; } .scroll-portfolio .widget-scroll-prev, .scroll-portfolio .widget-scroll-next { top: 0; } /* ---------------------------------------------------------------- Portfolio Overlay -----------------------------------------------------------------*/ .portfolio-overlay { display: none; position: absolute; top: 0; left: 0; background-color: #57B3DF; width: 100%; height: 100%; z-index: 5; opacity: 0.9; } .port-gallery .portfolio-overlay { background: transparent; } .portfolio-overlay-wrap { position: relative; padding: 15px; color: #FFF; } .portfolio-overlay-wrap p { color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); margin-bottom: 15px; } .portfolio-overlay-wrap span { display: block; margin-bottom: 15px; } .portfolio-overlay-wrap span span { margin: 0; width: 15%; border-bottom: 1px solid #FFF; } .portfolio-overlay-wrap a { display: inline !important; width: auto !important; height: auto !important; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-bottom: 1px dotted #FFF; font-style: italic; } .portfolio-overlay-wrap a:hover { border-style: solid; } .portfolio-2 .portfolio-overlay-wrap { font-size: 16px; line-height: 24px; } .p-overlay-icons, .postcontent #portfolio.portfolio-3 .p-overlay-icons, .postcontent #portfolio.portfolio-2 .p-overlay-icons { position: absolute; top: auto; left: auto; bottom: 0; right: 0; width: auto; height: 28px; margin-top: 0; margin-left: 0; } .p-overlay-icons a { display: block; float: left; margin-left: 2px; width: 28px !important; height: 28px !important; text-indent: -9999px; background-color: #222; background-repeat: no-repeat; background-image: url("images/icons/portfolio-overlay.png"); } .p-overlay-icons a:first-child { margin-left: 0; } .p-overlay-icons a.p-o-image { background-position: -28px 0; } .p-overlay-icons a.p-o-video { background-position: 0 0; } .p-overlay-icons a.p-o-gallery { background-position: -56px 0; } .p-overlay-icons a.p-o-link { background-position: -84px 0; } .portfolio-5 .p-overlay-icons, .portfolio-widget .p-overlay-icons, .postcontent #portfolio .p-overlay-icons { top: 50%; margin-top: -14px; width: 58px; left: 50%; margin-left: -29px; } /*---------------------------------------------- Isotope -----------------------------------------------------------------*/ .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -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; } /* ---------------------------------------------------------------- Posts -----------------------------------------------------------------*/ #posts { position: relative; } .entry { width:97%; position: relative; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 3px double #E5E5E5; } .entry_image { position: relative; width: 100%; margin-bottom: 20px; } .small-posts .entry_image { float: left; width: 35%; margin: 0; } .entry_image a, .entry_image img { display: block; position: relative; width: 100%; height: auto; } .entry_image iframe, .ipost-image iframe { display: block; } .entry_image .slider-wrap, .entry_image .slide, .entry_image .slide a, .entry_image .slide img { display: block; position: relative; width: 100%; height: auto; } .entry_date { float: left; width: 72px; text-align: center; } .postcontent .small-posts .entry_date { width: 60px; margin-right: 10px; } .col_full .small-posts .entry_date { margin-right: 15px; } .entry_date div.month, .entry_date div.day { background-color: #57B3DF; color: #FFF; font-size: 20px; line-height: 1; font-weight: 300; padding: 0 0 10px; } .entry_date div.day { font-weight: normal; padding: 10px 0; font-size: 20px; font-weight: 600; } .postcontent .small-posts .entry_date div.month, .postcontent .small-posts .entry_date div.day { font-size: 16px; padding: 0 0 12px; } .postcontent .small-posts .entry_date div.day { font-size: 20px; font-family: seven_01; text-align: center; padding: 5px 0 ; } .entry_date div.post-icon { position: relative; color: #57B3DF; font-size: 42px; margin: 20px 0 0 0; } div.post-icon i { display: block; padding: 0; margin: 0; } .entry_c { float: left; margin-left: 20px; width: 62%; } .col_full .entry_c { width: 868px; } .postcontent .small-posts .entry_c { width: 60%; } .col_full .small-posts .entry_c { width: 640px; } .entry_title { margin-bottom: 5px; } .entry_title h2 { padding: 0; color: #444; font-weight: 600; font-size: 20px; line-height: 26px; } .postcontent .small-posts .entry_title h2 { font-size: 18px; line-height: 20px; } .entry_title h2 a { color: #555; font-family: Seven_01; } .entry_title h2 a:hover { color: #888; } .entry_meta { position: relative; margin: 0 -7px -3px 0; } .post-single .entry_meta { margin-bottom: 12px; } .entry_meta li { list-style:none; font-family:seven_01; margin: 0 7px 3px 0; float: left; font-size: 11px; color: #999; } .entry_meta li a { color: #999; font-size:11px; font-family:seven_01; } .entry_meta li span{ font-size:14px; color: #999; font-family:seven_01; } .entry_meta li a:hover { color: #57B3DF; } .entry_meta li i { display: inline-block; position: relative; top: 1px; margin-right: 2px; font-size: 15px; } .entry_meta li span { display: inline-block; margin-right: 7px; font-size: 13px; } .entry span.page-divider { margin: 12px 0; } .entry span.page-divider span { } .small-posts span.page-divider { margin: 20px 0 12px; } .postcontent .small-posts span.page-divider span { width: 20%; } .entry_content { position: relative; font-size: 13px; margin-top:5px; margin-bottom: 20px; } /*.entry_content p{ line-height:20px; font-size:14px;} .entry_share { position: relative; margin: 20px 0; padding: 10px 0; line-height: 24px; } .entry_share span { display: block; float: left; margin-right: 15px; } .entry_share a { display: block; float: left; width: 24px; height: 24px; margin-left: 15px; } .entry_share a img { display: block; margin: 0; width: 24px; height: 24px; } */ .ipost { position: relative; } .ipost .ipost-image { position: relative; } .ipost .ipost-image a, .ipost .ipost-image img { display: block; width: 100%; height: auto; } .ipost .ipost-title h5 { font-size: 15px; line-height: 20px; padding-bottom: 5px; } .ipost .ipost-title a { color: #555; } .ipost .ipost-title a:hover { color: #57B3DF; } .ipost .ipost-meta { position: relative; margin: 0 -10px 0 0; } .ipost-meta li { float: left; font-size: 13px; margin: 0 10px 0 0; color: #AAA; } .ipost-meta li span { margin-right: 10px; } .ipost-meta li a { color: #888; } .ipost-meta li a:hover { color: #000; } .ipost-content { margin-top: 10px; } .related-posts { position: relative; margin: 0 -20px 0 0; } .related-posts li { position: relative; float: left; margin: 0 20px 0 0; width: 165px !important; list-style: none; } .col_full .related-posts li { width: 176px !important; } .related-posts li .rpost-image { position: relative; margin-bottom: 10px; } .rpost-image, .rpost-image a, .rpost-image img { display: block; width: 165px !important; height: 120px; } .col_full .rpost-image, .col_full .rpost-image a, .col_full .rpost-image img { width: 176px !important; height: 128px; } .rpost-title { text-align: center; font-size: 13px; font-weight: bold; } .rpost-title a { color: #666; } .rpost-title a:hover { color: #000; } .post-overlay { display: block; position: absolute; top: auto; bottom: 0; left: auto; right: 0; width: 36px; height: 39px; padding: 6px; line-height: 24px; text-align: center; background-color: #222; background-color: rgba(0,0,0,0.5); font-size: 20px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } /* ---------------------------------------------------------------- Post Elements -----------------------------------------------------------------*/ img.alignleft, div.alignleft { float: left; margin: 5px 20px 13px 0; max-width: 100%; } div.alignleft > img, div.alignnone > img, div.aligncenter > img, div.alignright > img { display: block; float: none; } img.alignnone, img.aligncenter, div.alignnone, div.aligncenter { display: block; margin: 10px 0; float: none; } img.aligncenter, div.aligncenter, div.aligncenter img { margin-left: auto; margin-right: auto; clear: both; } img.alignright, div.alignright { float: right; margin: 5px 0 13px 20px; } .wp-caption { text-align: center; margin: 10px 20px 13px 20px; font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif; font-style: italic; } .wp-caption img, .wp-caption img a { display: block; margin: 0; } p.wp-caption-text { display: inline-block; margin: 10px 0 0 0; padding: 5px 10px; background-color: #EEE; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; } .wp-smiley { max-height: 13px; margin: 0 !important; } /* ---------------------------------------------------------------- Comments List -----------------------------------------------------------------*/ #comments { position: relative; margin-top: 30px; padding-top: 30px; border-top: 3px double #E5E5E5; } .commentlist { list-style-type: none; border-bottom: 3px double #E5E5E5; padding-bottom: 30px; margin: 0 0 30px; } .commentlist li, .commentlist li ul, .commentlist li ul li { margin: 20px 0 0 0; } .commentlist ul:first-child { margin-top: 0; } .commentlist li { position: relative; padding-top: 20px; margin-top: 20px; border-top: 1px solid #EEE; } .commentlist ul .comment-wrap { margin-left: 30px; } .commentlist > li { } .commentlist > li:first-child { padding-top: 0; border-top: 0; margin-top: 0; } .commentlist li .children { margin-top: 0; } .commentlist li li .children { margin-left: 30px; } .commentlist li .comment-content, .pingback { position: relative; overflow: hidden; } .commentlist li .comment-content p, .pingback p { margin: 20px 0 0 0; } .commentlist li .comment-content { padding: 0 0 0 15px; } .commentlist li .comment-meta { float: left; margin-right: 0; line-height: 1; } .comment-avatar img { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .comment-content .comment-author { font-family: 'Open Sans', sans-serif; margin-bottom: -10px; font-size: 14px; font-weight: bold; color: #555; } .comment-content .comment-author a { border: none; color: #333; } .comment-content .comment-author a:hover { color: #57B3DF; border-color: #57B3DF; } .comment-content .comment-author span { display: block; } .comment-content .comment-author span, .comment-content .comment-author span a { font-size: 11px; font-weight: normal; color: #AAA; } .comment-content .comment-author span a { border-bottom: 1px dotted #AAA; } .comment-content .comment-author span a:hover { color: #888; background: none; border-bottom: 1px solid #AAA; } /* ---------------------------------------------------------------- Comment Form -----------------------------------------------------------------*/ #respond, #respond form { margin-bottom: 0; } .commentlist li #respond { margin: 30px 0 0; } .commentlist li li #respond { margin-left: 30px; } #respond p { margin: 10px 0 0 0; } #respond p:first-child { margin-top: 0; } #respond label small { color: #999; font-weight: normal; } #respond input[type="text"], #respond textarea { margin-bottom: 0; } #respond .col_one_third, #respond .col_full { margin-bottom: 15px; } .fb-comments, .fb_iframe_widget, .fb-comments > span, .fb_iframe_widget > span, .fb-comments > span > iframe, .fb_iframe_widget > span > iframe { display: block !important; width: 100% !important; margin: 0; } /* ---------------------------------------------------------------- Side Navigation -----------------------------------------------------------------*/ .sidenav { width: 100%; padding: 0; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); box-shadow: 0 1px 4px rgba(0,0,0,.065); } .sidenav > li > a { display: block; margin: 0 0 -1px; padding: 9px 14px; font-size: 13px; border: 1px solid #E5E5E5; border-right-width: 2px; color: #777; } .sidenav > li:first-child > a { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .sidenav > li:last-child > a { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .sidenav > .active > a, .sidenav > .active > a:hover { position: relative; z-index: 2; padding: 10px 15px; border: 0; color: #FFF; font-weight: bold; background-color: #57B3DF; text-shadow: 0 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -2px 0 0 rgba(0,0,0,.1); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -2px 0 0 rgba(0,0,0,.1); box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -2px 0 0 rgba(0,0,0,.1); } .sidenav li i { font-size: 14px; } /* Chevrons */ .sidenav .icon-chevron-right { float: right; margin-top: 1px; margin-right: -6px; opacity: .4; font-size: 13px !important; } .sidenav > li > a:hover { background-color: #F5F5F5; color: #222; } .sidenav a:hover .icon-chevron-right { opacity: .5; } .sidenav .active .icon-chevron-right, .sidenav .active a:hover .icon-chevron-right { opacity: 1; } /* ---------------------------------------------------------------- Sitemap -----------------------------------------------------------------*/ .sitemap { position: relative; list-style-type: square; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 0; } .sitemap ul { list-style-type: circle; font-family: "Droid Serif", serif; font-size: 13px; font-weight: normal; margin: 5px 0 5px 20px; } .sitemap span { display: block; margin: 2px 0 5px; font-size: 12px; font-weight: normal; color: #999; } .sitemap span a { color: #777; } .sitemap span a:hover { color: #000; } .sitemap ul ul { list-style-type: disc; } /* ---------------------------------------------------------------- Promo -----------------------------------------------------------------*/ .promo { position: relative; background: url("images/promo.png") repeat; padding: 15px 18px; border-left: 3px solid #57B3DF; margin-bottom: 30px; } .promo-desc { position: relative; padding-right: 165px; } .promo h3 { font-size: 19px; font-weight: 600; line-height: 24px; padding-bottom: 0; text-shadow: 1px 1px 1px #FFF; } .promo h3 > span { color: #57B3DF; } .promo-desc > span { display: block; margin-top: 3px; font-size: 15px; line-height: 22px; color: #777; font-family: "Open Sans"; } .promo-action { position: absolute; right: 20px; top: 50%; margin-top: -20px; max-width: 150px; } .promo-action a { display: block; color: #FFF; font-size: 14px; font-family: "Open Sans"; padding: 0 15px; font-weight: bold; line-height: 40px; background: #333; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .promo-action a:hover { background: #57B3DF; } .well.callout h2 { font-size: 24px; line-height: 28px; font-weight: 600; padding-bottom: 15px; } .well.callout p { font-size: 13px; font-family: 'Droid Serif', serif; color: #999; } /* ---------------------------------------------------------------- 404 -----------------------------------------------------------------*/ .error-404 { position: relative; text-align: center; font-size: 216px; line-height: 1; color: #57B3DF; font-family: "Open Sans", sans-serif; } .error-404 span { display: block; font-size: 48px; color: #444; margin-bottom: 20px; } .error-404-meta { position: relative; margin: 40px 0 20px; } .error-404-meta form { position: relative; margin: 0 auto; width: 386px; } .error-404-meta input[type="text"] { display: block; width: 350px; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; padding: 7px 17px; } .error-404-meta input[type="submit"] { position: absolute; cursor: pointer; top: -6px; left: auto; right: 0; display: block; border: none; width: 48px; height: 48px; background: #57B3DF url("images/icons/search-404.png") no-repeat center center; text-indent: -9999px; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; } .error-404-meta input[type="submit"]:hover { background-color: #444; } /* ---------------------------------------------------------------- Tabs -----------------------------------------------------------------*/ .tab_widget { display: block; position: relative; margin: 0 0 30px 0; } .tab_widget ul.tabs { display: block; position: relative; list-style: none; height: 42px; border-bottom: 1px solid #DDD; margin: 0; } #footer.footer-dark .tab_widget ul.tabs { border-bottom-color: #282828; } .side-tabs ul.tabs { float: left; width: 250px; height: auto; border-bottom: none; padding: 20px 0; border-right: 1px solid #DDD; } .tab_widget ul.tabs li { float: left; margin: 0; padding: 0; height: 39px; line-height: 39px; border: 1px solid #DDD; border-top-width: 3px; border-left: none; overflow: hidden; position: relative; background-image: linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%); background-image: -o-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%); background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%); background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%); background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(230,230,230)), color-stop(0.55, rgb(238,238,238)) ); } #footer.footer-dark .tab_widget ul.tabs li { border-color: #282828; background-image: linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%); background-image: -o-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%); background-image: -moz-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%); background-image: -webkit-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%); background-image: -ms-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(51,51,51)), color-stop(0.55, rgb(59,59,59)) ); } .side-tabs ul.tabs li { float: none; border: 1px solid #DDD; border-top: none; border-right: none; height: 40px; line-height: 40px; margin-top: 0; } .tab_widget ul.tabs li:first-child { border-left: 1px solid #DDD; } #footer.footer-dark .tab_widget ul.tabs li:first-child { border-color: #282828; } .tab_widget ul.tabs li a { text-decoration: none; color: #888; font-size: 14px; display: block; padding: 0 13px; outline: none; font-weight: bold; font-family: "Open Sans", sans-serif; text-shadow: 1px 1px 1px #FFF; border: none; border-left: 1px solid #F9F9F9; } #footer.footer-dark .tab_widget ul.tabs li a { color: #EEE; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); border: 0; } .tabbed-widget .tab_widget ul.tabs a { padding: 0 13px; } .side-tabs ul.tabs li a { border-left: 0; } .tab_widget ul.tabs li a i { float: left; font-size: 18px; width: 18px; height: 18px; margin-right: 5px; } .side-tabs ul.tabs li a i { position: relative; top: -1px; margin-right: 8px; } .tab_widget ul.tabs li:first-child a { border-left: none; } .tab_widget ul.tabs li a:hover { background: none; } .tab_widget ul.tabs li.active, .tab_widget ul.tabs li.active a:hover { background: #FFF; border-bottom: 1px solid #FFF; } #footer.footer-dark .tab_widget ul.tabs li.active, #footer.footer-dark .tab_widget ul.tabs li.active a:hover { background: #555; border-bottom: 1px solid #555; } .tab_widget ul.tabs li.active { border-top: 3px solid #57B3DF; } .tab_widget ul.tabs li.active a { color: #57B3DF; } .side-tabs ul.tabs li.active, .side-tabs ul.tabs li.active a:hover { border-bottom: 1px solid #DDD; border-right: 1px solid #FFF; } .side-tabs ul.tabs li.active { border-top: none; border-left: 4px solid #57B3DF; margin-right: -1px; } .side-tabs ul.tabs li:first-child { border-top: 1px solid #DDD !important; } .tab_widget .tab_container { display: block; overflow: hidden; position: relative; clear: both; background: #FFF; border: 1px solid #DDD; border-top: none; } #footer.footer-dark .tab_widget .tab_container { background: #555; border-color: #282828; } .side-tabs .tab_container { clear: none; border: none; } .tab_widget .tab_content { display: block; position: relative; padding: 15px; } .side-tabs .tab_content { padding: 20px 0 0 20px; } /* ---------------------------------------------------------------- Toggle -----------------------------------------------------------------*/ .toggle { display: block; position: relative; margin: 0 0 20px 0; } .toggle .togglet, .toggle .toggleta { display: block; position: relative; line-height: 24px; padding-left: 32px; cursor: pointer; margin: 0; font-size: 15px; font-family: 'Open Sans', sans-serif; color: #333; background: url("images/icons/toggle-plus.png") no-repeat left; } .toggle .toggleta { font-weight: bold; background: url("images/icons/toggle-minus.png") no-repeat left; } .toggle .togglec { display: block; position: relative; padding: 10px 0 0 32px; } /* ---------------------------------------------------------------- Alert Messages -----------------------------------------------------------------*/ .style-msg, .style-msg2 { display: block; border-left: 4px solid rgba(0,0,0,0.1); } .style-msg2 { border-left: 4px solid rgba(0,0,0,0.2); } .successmsg { background: #C1FFCC; color: #184B21; } .errormsg { background: #F9BBB9; color: #740D0A; } .infomsg { background: #B9DFF4; color: #124F70; } .alertmsg { background: #FCE0B6; color: #975E06; } .style-msg .sb_msg, .style-msg2 .msgtitle, .style-msg2 .sb_msg { display: block; padding: 10px 15px; border-left: 1px solid rgba(255,255,255,0.5); font-size: 13px; text-shadow: 1px 1px 1px rgba(255,255,255,0.6); } .style-msg2 .msgtitle { background: rgba(0,0,0,0.1); border-top: none; border-bottom: none; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,0.6); } .style-msg2 .sb_msg { font-weight: normal; } .style-msg2 ol, .style-msg2 ul { margin: 0 0 0 30px; } .style-msg2 ol { list-style-type: decimal; } .style-msg2 ul { list-style-type: disc; } /* ---------------------------------------------------------------- Quotes -----------------------------------------------------------------*/ .quote { background: url("images/icons/quote.png") left top no-repeat; margin: 10px 0; padding: 0 0 0 15px; font-size: 15px; font-style: italic; color: #777; font-family: 'Droid Serif', Georgia, serif; text-shadow: 1px 1px 1px #FFF; border: 0; } blockquote.quote-left, blockquote.quote-right { font-size: 15px; line-height: 20px; padding-left: 15px; } .quote-left { float: left; width: 150px; margin-right: 20px; margin-left: 0; margin-bottom: 5px; } .quote-right { float: right; width: 150px; margin-left: 20px; margin-bottom: 5px; } /* ---------------------------------------------------------------- Gallery -----------------------------------------------------------------*/ .gallery { margin: 20px auto; float: left; width: 100%; line-height: 1; } .gallery .gallery-item { float: left; text-align: center; margin-left: 0; width: auto !important; margin: 10px 10px 0 0 !important; } .gallery-item img { margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; } .gallery-item a { float: left; border: none !important; margin: 0 !important; padding: 0 !important; } .gallery .gallery-caption { margin-left: 0; } .gallery br { clear: both } .col-0 { width: 100% } .col-1 { width: 100% } .col-2 { width: 50% } .col-3 { width: 33.333% } .col-4 { width: 25% } .col-5 { width: 20% } .col-6 { width: 16.666% } .col-7 { width: 14.285% } .col-8 { width: 12.5% } .col-9 { width: 11.111% } /* ---------------------------------------------------------------- Features -----------------------------------------------------------------*/ .product-feature { position: relative; padding-left: 60px; margin-top: 30px; } .product-feature:first-child { margin-top: 0; } .product-feature h3 { font-size: 16px; line-height: 22px; color: #333; padding-bottom: 7px; } .product-feature p { margin: 0; } .product-feature img, .product-feature > span { display: block; position: absolute; left: 0; top: 0; margin: 0; padding: 12px; width: 24px; height: 24px; background-color: #57B3DF; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; } .product-feature > span { font-size: 25px; color: #FFF; text-align: center; line-height: 23px; } .product-feature2 { padding-left: 52px; } .product-feature2 img, .product-feature2 > span, .product-feature3 img, .product-feature3 > span { padding: 0; width: 40px; height: 40px; background-color: transparent !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-size: 40px; color: #333; text-align: center; line-height: 1; } .product-feature3 { padding: 15px; background-color: #F5F5F5; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: inset 0 0 15px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.1); } .product-feature3 img, .product-feature3 > span { position: relative; margin: 0 auto 5px; width: 96px; height: 96px; font-size: 95px; } .product-feature3:hover span { color: #57B3DF; } /* ---------------------------------------------------------------- Clients -----------------------------------------------------------------*/ .our-clients { position: relative; margin: 0 -12px 0 0; } .our-clients li { margin: 0 12px 0 0; position: relative; float: left; border: 5px solid #F5F5F5; transition: border-color .2s linear; -moz-transition: border-color .2s linear; -webkit-transition: border-color .2s linear; -ms-transition: border-color .2s linear; -o-transition: border-color .2s linear; } .our-clients li:hover { border-color: #57B3DF; } .our-clients li, .our-clients li a, .our-clients li img { display: block; width: 140px !important; height: 90px; background: #F9F9F9; } /* ---------------------------------------------------------------- Team Members -----------------------------------------------------------------*/ .our-team { position: relative; margin: 0 -30px 0 0; } .our-team.team-4 { margin: 0 -28px 0 0; } .team-member { position: relative; float: left; margin: 0 30px 30px 0; width: 300px; } .team-4 .team-member { margin: 0 28px 28px 0; width: 219px; } .team-member .team-image { position: relative; margin-bottom: 15px; } .team-image, .team-image img { display: block; width: 300px; height: 250px; } .team-4 .team-image, .team-4 .team-image img { width: 209px; height: 209px; border-radius: 105px; -moz-border-radius: 105px; -webkit-border-radius: 105px; } .team-4 .team-image { border: 5px solid #EEE; text-align: center; border-radius: 110px; -moz-border-radius: 110px; -webkit-border-radius: 110px; } .team-image span { display: block; position: absolute; background-color: #57B3DF; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); top: auto; bottom: 30px; left: 0; padding: 0 10px; line-height: 22px; font-size: 12px; text-transform: uppercase; font-family: "Open Sans"; } .team-4 .team-image span { display: inline-block; position: relative; top: -35px; bottom: auto; left: auto; z-index: 2; } .team-member .team-desc { position: relative; } .team-desc h4 { font-size: 16px; line-height: 22px; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #DDD; } .team-desc p { margin-bottom: 0; } .team-social { position: absolute; top: 5px; left: auto; right: 0; } .team-social a { float: left; margin-left: 10px; } .team-social a:first-child { margin-left: 0; } .team-social a, .team-social img, .team-social i { display: block; width: 14px; height: 14px; text-align: center; line-height: 1; } .team-social i { position: relative; color: #666; font-size: 14px; } .team-social i:hover { color: #888; } .team-skills { margin: 10px 0 0; padding: 7px 0 2px; border-top: 1px dotted #DDD; border-bottom: 1px dotted #DDD; } .team-skills li { display: inline-block; margin: 0 15px 5px 0; line-height: 22px; font-size: 12px; text-transform: uppercase; font-family: "Open Sans"; } .team-skills li span { display: inline-block; position: relative; top: 1px; font-size: 14px; color: #57B3DF; margin-right: 2px; text-shadow: 0px 0px 0px #FFF; } /* ---------------------------------------------------------------- FAQs -----------------------------------------------------------------*/ #faqs { margin: 0 0 -15px; } .faq { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #DDD; } .faq .togglet, .faq .toggleta { background-image: none !important; line-height: 20px; padding-left: 26px; } .faq .togglet i, .faq .toggleta i { display: block; position: absolute; font-size: 18px; width: 18px; text-align: center; top: 0; left: 0; } .faq .togglec { padding: 10px 0 0 26px; } /* ---------------------------------------------------------------- About -----------------------------------------------------------------*/ .skills { margin: 0; } .skills li { position: relative; margin-top: 15px; } .skills li:first-child { margin-top: 0; } .skills li .progress { height: 30px; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .skills li span { position: absolute; top: 0; left: 0; padding-left: 10px; height: 30px; line-height: 30px; font-family: "Open Sans", sans-serif; font-size: 13px; color: #FFF; } /* ---------------------------------------------------------------- Icons -----------------------------------------------------------------*/ .icon-rounded, .icon-plain, .icon-circled { display: block !important; float: left !important; margin: 12px 12px 12px 0; text-align: center !important; font-size: 28px; line-height: 30px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); cursor: pointer; } .icon-rounded, .icon-circled { width: 32px; height: 32px; padding: 8px; background-color: #444; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .icon-plain { width: 48px; height: 48px; font-size: 47px; line-height: 50px; color: #444; text-shadow: 1px 1px 1px #FFF; } .icon-plain:hover { color: #777; } .icon-circled { border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; } .icon-light { background-color: #F5F5F5; color: #444; text-shadow: 1px 1px 1px #FFF; box-shadow: inset 0 0 15px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.2); } .icon-rounded:hover, .icon-circled:hover { background-color: #57B3DF; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); box-shadow: 0 0 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.2); } .dropcap { float: left; display: block; margin: 3px 8px 3px 0; padding: 8px; font-size: 36px; line-height: 1; border: 1px solid #BBB; color: #666; box-shadow: 0 0 8px #BBB; } .highlight { display: inline; padding: 0 5px; color: #FFF; background-color: #444; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* ---------------------------------------------------------------- Buttons -----------------------------------------------------------------*/ .button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; padding: 0; background-image: url("images/button.png"); background-repeat: repeat-x; background-position: 0 0; border: 1px solid rgba(114,114,114,0.4); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0px rgba(114,114,114,0.3); -moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3); -webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3); background-color: #629D63 !important; } .button:hover { background-image: url("images/button.png"); background-position: 0 -30px; background-color: #666 !important; text-decoration: none; border: 1px solid rgba(100,100,100,0.4); } .button:active { top: 1px; } .button span { display: inline-block; padding: 0 18px; height: 29px; line-height: 29px; color: #FFF; font-size: 13px; font-weight: bold; border-top: 1px solid rgba(255,255,255,0.2); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); } .red_btn { background-color: #F25B60 !important; } .green_btn { background-color: #629D63 !important; } .blue_btn { background-color: #5A9EE2 !important; } .brown_btn { background-color: #DE8E36 !important; } .white_btn, .white_btn:hover { background-color: #F6F6F6 !important; } .white_btn span { color: #444 !important; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); } .yellow_btn { background-color: #C5B925 !important; } .purple_btn { background-color: #BE56E0 !important; } .black_btn, .black_btn:hover { background-color: #494949 !important; } .black_btn span { color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } button.button { margin: 5px 0 !important; background-color: #F6F6F6 !important; } button.button:hover { background-color: #F6F6F6 !important; } button.button span { color: #555 !important; text-shadow: 1px 0 1px rgba(255,255,255,0.8) !important; } .simple-button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; color: #FFF; font-size: 14px; font-family: "Open Sans"; padding: 0 15px; font-weight: bold; line-height: 36px; background: #333; border: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .simple-button.inverse { background: #57B3DF; } .simple-button.large { line-height: 48px; font-size: 16px; } .simple-button i { display: block; float: left; margin: 0 6px 0 0; font-size: 18px; width: 18px; height: 18px; } .simple-button.large i { margin: 0 6px 0 0; font-size: 22px; width: 22px; height: 22px; } .simple-button:hover { background: #57B3DF; color: #FFF; } .simple-button.inverse:hover { background: #333; } /* ---------------------------------------------------------------- Pricing Boxes -----------------------------------------------------------------*/ .pricing { display: block; position: relative; margin-bottom: 40px; } .pricing .pricing-wrap { float: left; width: 25%; position: relative; } .pricing3 .pricing-wrap { width: 33.33%; } .pricing5 .pricing-wrap { width: 20%; } .pricing .pricing-wrap.best-price { margin-left: -1px; } .pricing-wrap .pricing-inner { position: relative; border: 1px solid #E5E5E5; border-left: none; text-align: center; } .pricing-wrap:first-child { margin-left: 1px; } .pricing-wrap:first-child .pricing-inner { border-left: 1px solid #E5E5E5; } .best-price .pricing-inner { border-left: 1px solid #E5E5E5; } .pricing-inner .pricing-title { position: relative; padding: 10px 0; } .pricing-title h4 { font-size: 17px; line-height: 24px; font-weight: bold; padding-bottom: 0; color: #444; } .best-price .pricing-title h4 { color: #57B3DF; } .pricing-title h4 span { display: block; font-family: "Droid Serif", serif; font-size: 13px; font-weight: normal; color: #BBB; } .pricing-inner .pricing-price { padding: 15px 0; font-size: 36px; line-height: 40px; font-family: "Droid Serif", serif; background-color: #EEE; color: #444; text-shadow: 1px 1px 1px #FFF; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; } .best-price .pricing-price { color: #57B3DF; } .pricing-price .price-sub { display: inline-block; position: relative; font-size: 16px; vertical-align: top; top: -7px; margin-left: 2px; } .pricing-price .price-tenure { display: block; font-size: 13px; line-height: 20px; font-family: "Open Sans", sans-serif; color: #AAA; } .pricing-inner .pricing-features { padding: 10px 15px; border-bottom: 1px solid #E5E5E5; text-shadow: 1px 1px 1px #FFF; } .pricing-features ul { margin: 0; } .pricing-features li { position: relative; padding: 6px 0; border-top: 1px solid #EEE; } .pricing-features li span { font-weight: bold; color: #333; } .pricing-features li:first-child { border-top: 0; } .pricing-action { background-color: #EEE; padding: 15px 0; } .pricing-action a { margin: 0 !important; } .pricing-style2 .pricing-price { padding: 15px 0; font-size: 36px; line-height: 40px; font-family: "Droid Serif", serif; background-color: #444; margin: 0 -1px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } .pricing-style2 .best-price .pricing-price { background-color: #57B3DF; } .pricing-style2 .best-price .price-tenure { color: #EEE; } .pricing-wrap.pricing-defines .pricing-inner { border-color: transparent; border-right: 1px solid #E5E5E5; text-align: left; } .pricing-wrap.pricing-defines .pricing-title, .pricing-wrap.pricing-defines .pricing-price, .pricing-wrap.pricing-defines .pricing-action { visibility: hidden; } .pricing-wrap.pricing-defines .pricing-features { padding: 10px 15px; border: 1px solid #E5E5E5; border-right: none; background-color: #EEE; } .pricing-wrap.pricing-defines .pricing-features li { border-top: 1px solid #E5E5E5; font-weight: bold; color: #AAA; } .pricing-wrap.pricing-defines .pricing-features li a.icon-question-sign { display: block; position: absolute; width: 17px; height: 17px; text-align: center; top: 6px; left: auto; right: 0; font-size: 17px; color: #AAA; } .pricing-wrap.pricing-defines .pricing-features li a.icon-question-sign:hover { color: #666; } .pricing-wrap.pricing-defines .pricing-features li:first-child { border-top: 0; } /* ---------------------------------------------------------------- Accordions -----------------------------------------------------------------*/ .acctitle, .acctitlec { display: block; position: relative; cursor: pointer; border-top: 1px dotted #DDD; line-height: 24px; padding: 12px 0 12px 32px; margin: 0; font-size: 16px; font-family: 'Open Sans', sans-serif; color: #333; background: url("images/icons/toggle-plus.png") no-repeat left; } .acctitlec { background: url("images/icons/toggle-minus.png") no-repeat left; cursor: auto; } .acctitle:first-child { border-top: none; } .acc_content { position: relative; padding: 0 0 15px 32px; } /* ---------------------------------------------------------------- Google Maps -----------------------------------------------------------------*/ #google-map { position: relative; width: 100%; height: 100%; } .gmap img { max-width: none !important; } /* ---------------------------------------------------------------- reCaptcha -----------------------------------------------------------------*/ .recaptcha_widget { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; background-color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 10px 0; } #recaptcha_image { width: 100% !important; height: auto !important; } #recaptcha_image img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 15px solid #FFF; } .recaptcha_is_showing_audio embed { height: 0; width: 0; overflow: hidden; } .recaptcha_is_showing_audio #recaptcha_image { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 60px; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 10px solid #FFF; } .recaptcha_is_showing_audio #recaptcha_image br { display: none;} .recaptcha_is_showing_audio #recaptcha_image #recaptcha_audio_download { display: block; } .recaptcha_input label { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .recaptcha_input input { width: 100%; } .recaptcha_options { list-style: none; margin: 4px 0 0; height: 14px; } .recaptcha_options li { float: left; margin: 0 6px 0 0; } .recaptcha_options li a { text-decoration: none; text-shadow: 0 1px 1px #FFF; font-size: 14px; color: #777; display: block; width: 14px; height: 14px; text-align: center; } .recaptcha_options li a:active { position: relative; top: 1px; text-shadow: none; } .captcha_hide { display:none; } body > iframe { display: none; } /* ---------------------------------------------------------------- Testimonials -----------------------------------------------------------------*/ .testimonial-scroller { position: relative; } .testimonial-item { float: left; } .testimonial-item .testi-content { position: relative; background: #FFF; border: 1px solid #E5E5E5; padding: 15px; font-size: 13px; font-family: 'Droid Serif', serif; text-shadow: 1px 1px 1px #FFF; margin-bottom: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .testi-content:after, .testi-content:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .testi-content:after { border-top-color: #FFF; border-width: 8px; left: 50%; margin-left: -8px; } .testi-content:before { border-top-color: #D5D5D5; border-width: 9px; left: 50%; margin-left: -9px; } #footer .testimonial-item .testi-content { background: #EEE; border: 1px solid #DDD; } #footer .testi-content:after { border-top-color: #EEE; } #footer .testi-content:before { border-top-color: #CCC; } #footer.footer-dark .testimonial-item .testi-content { background-color: #282A2B; border: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } #footer.footer-dark .testi-content:after { border-top-color: #282A2B; } #footer.footer-dark .testi-content:before { border-top-color: #282A2B; } .testimonial-item .testi-author { text-align: center; color: #222; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold; } .testimonial-item .testi-author span { display: block; color: #999; font-size: 11px; line-height: 16px; font-style: italic; font-weight: normal; font-family: 'Droid Serif', serif; } #footer.footer-dark .testimonial-item .testi-author { color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } #footer.footer-dark .testimonial-item .testi-author span { color: #CCC; } /* ---------------------------------------------------------------- Google Custom Search -----------------------------------------------------------------*/ .cse .gsc-control-cse, .gsc-control-cse, .gsc-above-wrapper-area, .gsc-adBlock, .gsc-thumbnail-inside, .gsc-url-top, .gsc-table-result, .gsc-webResult, .gsc-result { padding: 0 !important; } .gsc-result-info { padding-left: 0 !important; } .gsc-above-wrapper-area-container, .gsc-table-result { margin-bottom: 10px; } .gcsc-branding { display: none; } .gsc-results, .gsc-webResult { width: 100% !important; } /* ---------------------------------------------------------------- Go To Top -----------------------------------------------------------------*/ #gotoTop { display: none; position: fixed; width: 40px; height: 40px; background-color: #444; font-size: 28px; line-height: 35px; text-align: center; color: #FFF; top: auto; left: auto; right: 30px; bottom: 30px; cursor: pointer; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; } #gotoTop:hover { background-color: #57B3DF; } #imageBackground { display: block; position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; z-index: -99; } /* ---------------------------------------------------------------- Footer -----------------------------------------------------------------*/ #footer.footer-dark { margin-top:30px; background-color: #363839; color: #DDD; } #footer.footer-dark a { color: #CCC; border-bottom: 1px dotted #DDD; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } #footer.footer-dark a:hover { color: #CCC; border-bottom-style: solid; } .footer-widgets-wrap { overflow: hidden; margin: 0 -40px -40px 0; } #footer .col_one_fourth { width: 210px; margin: 0 40px 40px 0; } #copyrights-social a, #copyrights-social a:hover { border-bottom-style: none; } /* ---------------------------------------------------------------- Widgets -----------------------------------------------------------------*/ .sidebar .widget { display: block; position: relative; /*margin-top: 30px; padding-top: 30px;*/ /*border-top: 3px double #E5E5E5;*/ width: 100%; } .sidebar .widget h4 { font-size: 14px; font-weight: bold; padding-bottom: 15px; line-height: 24px; } #footer .widget h4 { padding-bottom: 20px; } #footer.footer-dark .widget h4 { color: #EEE; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } #footer .widget { padding: 0; border: none; margin: 40px 0 0 0; } .widget:first-child { margin-top: 0 !important; padding-top: 0; border-top: none; } .widget_search form { margin: 0; } .widget_text input[type="text"] { width: 192px; } .widget_search input[type="text"] { margin: 0 !important; background: url("images/icons/search.png") no-repeat left center; padding-left: 39px; width: 163px; } .widget_search input[type="submit"], .widget_search button { display: none; } /* ---------------------------------------------------------------- Twitter Widget -----------------------------------------------------------------*/ .twitter-widget ul, .twitter-widget ul li { margin: 0; } .twitter-widget ul li { padding: 0 0 0 18px; margin-top: 15px; background: url("images/icons/twitter.png") top left no-repeat; } #footer.footer-dark .twitter-widget ul li { background: url("images/icons/ftwitter.png") top left no-repeat; } .twitter-widget ul li:first-child { margin-top: 0; } .twitter-widget ul li span { display: block; } a.twitter-follow-me { display: block; position: relative; float: right; padding: 5px 10px; font-size: 11px; margin-top: 15px; color: #888; background-color: #E5E5E5; border: none !important; text-shadow: 1px 1px 1px #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #footer.footer-dark a.twitter-follow-me { background-color: #282A2B; } a.twitter-follow-me:hover, #footer.footer-dark a.twitter-follow-me:hover { background-color: #57B3DF; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } /* ---------------------------------------------------------------- Posts List -----------------------------------------------------------------*/ .sposts-list { margin: 0; } .sposts-list li { margin: 15px 0 0 0; } .sposts-list li:first-child { margin-top: 0; } .sposts-list .spost-image { float: left; margin: 0 10px 0 0; background-color: #DDD; } .sposts-list a { border: none !important; } .sposts-list .spost-image, .sposts-list .spost-image a { display: block; width: 48px; height: 48px; } .sposts-list .spost-image img { width: 42px; height: 42px; padding: 3px; } .sposts-list .spost-content { position: relative; overflow: hidden; } .sposts-list .spost-title { font-size: 13px; line-height: 20px; font-weight: bold; } .tabbed-widget .spost-title { font-size: 12px; } .sposts-list .spost-meta, .sposts-list .spost-meta ul { margin: 0 !important; } .sposts-list .spost-meta { font-size: 11px; } .sposts-list .spost-meta li { float: left; margin: 0 0 0 4px; color: #BBB; } .spost-meta li i { font-size: 13px; } .sposts-list .spost-meta a { color: #000; } .sposts-list .spost-meta a:hover { color: #888; } .sposts-list .spost-meta span { display: block; float: left; margin: 0 4px 0 0; font-size: 15px; height: 20px; line-height: 18px; } .sposts-list .spost-meta li:first-child { margin-left: 0; } #footer.footer-dark .spost-title a:hover { color: #AAA; } #footer.footer-dark .sposts-list .spost-meta a:hover { color: #FFF; } #footer.footer-dark .sposts-list .spost-image { background: #282A2B; } .sposts-list .spost-image:hover, #footer.footer-dark .sposts-list .spost-image:hover { background: #57B3DF; } /* ---------------------------------------------------------------- Flickr Widget -----------------------------------------------------------------*/ .flickr-widget .flickr-widget-wrap { position: relative; margin: 0 -1px -1px 0; } .flickr-widget .flickr_badge_image { margin: 0 1px 1px 0; } .flickr-widget a { border: none !important; line-height: 1 !important; } .flickr-widget .flickr_badge_image, .flickr-widget .flickr_badge_image a { float: left; } .flickr-widget .flickr_badge_image, .flickr-widget .flickr_badge_image a, .flickr-widget .flickr_badge_image img { display: block; width: 69px; height: 69px; } /* ---------------------------------------------------------------- Widgets Menu Style -----------------------------------------------------------------*/ .widget_nav_menu ul, .widget_nav_menu li, .widget_links ul, .widget_links li, .widget_meta ul, .widget_meta li, .widget_archive ul, .widget_archive li, .widget_recent_comments ul, .widget_recent_comments li, .widget_recent_entries ul, .widget_recent_entries li, .widget_categories ul, .widget_categories li, .widget_pages ul, .widget_pages li { margin: 0; } .widget_nav_menu li, .widget_links li, .widget_meta li, .widget_archive li, .widget_recent_comments li, .widget_recent_entries li, .widget_categories li, .widget_pages li { font-family: "Open Sans", sans-serif; padding: 0 4px; } .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_recent_comments li { display: inline-block; padding: 3px 3px 3px 10px; } .widget_recent_comments li { display: block; background: url("images/icons/sidebar-comment.png") left top no-repeat; padding: 4px 0 4px 20px; } #footer.footer-dark .widget_recent_comments li { background: url("images/icons/footer-comment.png") left top no-repeat; } .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_recent_comments li a { background: url("images/icons/sidebar-link.png") left top no-repeat; border: none !important; color: #444; font-size: 13px; } .widget_nav_menu li a:hover, .widget_links li a:hover, .widget_meta li a:hover, .widget_archive li a:hover, .widget_recent_entries li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_recent_comments li a:hover { color: #000; } #footer.footer-dark .widget_nav_menu li a, #footer.footer-dark .widget_links li a, #footer.footer-dark .widget_meta li a, #footer.footer-dark .widget_archive li a, #footer.footer-dark .widget_recent_comments li a, #footer.footer-dark .widget_recent_entries li a, #footer.footer-dark .widget_categories li a, #footer.footer-dark .widget_pages li a { background: url("images/icons/footer-link.png") left top no-repeat; } .widget_recent_comments li a { display: inline; padding: 0; background: none !important; font-size: 12px; } .widget_nav_menu > ul > li:first-child, .widget_links > ul > li:first-child, .widget_meta > ul > li:first-child, .widget_archive > ul > li:first-child, .widget_recent_comments > ul > li:first-child, .widget_recent_entries > ul > li:first-child, .widget_categories > ul > li:first-child, .widget_pages > ul > li:first-child { border-top: 0 !important; } .widget_nav_menu > ul, .widget_links > ul, .widget_meta > ul, .widget_archive > ul, .widget_recent_comments > ul, .widget_recent_entries > ul, .widget_categories > ul, .widget_pages > ul { margin-top: -4px !important; } .widget_nav_menu ul ul, .widget_links ul ul, .widget_meta ul ul, .widget_archive ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_categories ul ul, .widget_pages ul ul { margin-left: 15px; } #footer.footer-dark .widget_nav_menu li a:hover, #footer.footer-dark .widget_links li a:hover, #footer.footer-dark .widget_meta li a:hover, #footer.footer-dark .widget_archive li a:hover, #footer.footer-dark .widget_recent_comments li a:hover, #footer.footer-dark .widget_recent_entries li a:hover, #footer.footer-dark .widget_categories li a:hover, #footer.footer-dark .widget_pages li a:hover { color: #BBB; } /* ---------------------------------------------------------------- Tag Cloud -----------------------------------------------------------------*/ .tagcloud { margin-bottom: -2px; } .tagcloud a { display: block; float: left; margin-right: 2px; margin-bottom: 2px; padding: 3px 6px; background-color: #EEE; font-size: 13px !important; color: #666; text-shadow: 1px 1px 1px #FFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #footer.footer-dark .tagcloud a { border: none !important; background-color: #282A2B; } .tagcloud a:hover, #footer.footer-dark .tagcloud a:hover { background-color: #57B3DF; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } /* ---------------------------------------------------------------- Portfolio Widget -----------------------------------------------------------------*/ .portfolio-widget .portfolio-item { position: relative; float: left; margin: 0; width: 210px; } .portfolio-widget .portfolio-item .portfolio-image, .portfolio-widget .portfolio-item .portfolio-image a, .portfolio-widget .portfolio-item .portfolio-image img { display: block; position: relative; width: 210px; height: 164px; } .portfolio-widget .portfolio-title { padding: 10px 0; } .portfolio-widget a { border: none !important; } #footer.footer-dark .portfolio-title { background-color: #282A2B; border-bottom-color: #222; } #footer.footer-dark .portfolio-item:hover .portfolio-title { border-bottom-color: #57B3DF; } /* ---------------------------------------------------------------- Widget Scroll Arrows -----------------------------------------------------------------*/ .widget-scroll-prev, .widget-scroll-next { display: block; position: absolute; cursor: pointer; width: 24px; height: 24px; top: 0; left: auto; right: 26px; background: #444 url('images/icons/widget-scroll.png') no-repeat 0 0; transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; } #footer.footer-dark .widget-scroll-prev, #footer.footer-dark .widget-scroll-next { background-color: #282A2B; } .widget .widget-scroll-prev, .widget .widget-scroll-next { top: 30px; } .widget:first-child .widget-scroll-prev, .widget:first-child .widget-scroll-next { top: 0; } .widget-scroll-next { right: 0; background-position: -24px 0; } .widget-scroll-prev.disabled, .widget-scroll-next.disabled { cursor: auto; background-color: #999 !important; } #footer.footer-dark .widget-scroll-prev.disabled, #footer.footer-dark .widget-scroll-next.disabled { background-color: #282A2B !important; opacity: 0.5; } .widget-scroll-prev:hover, .widget-scroll-next:hover, #footer.footer-dark .widget-scroll-prev:hover, #footer.footer-dark .widget-scroll-next:hover { background-color: #57B3DF; } .testimonial-scroller .widget-scroll-prev, .testimonial-scroller .widget-scroll-next { top: 0; } /* ---------------------------------------------------------------- Copyrights -----------------------------------------------------------------*/ #copyrights { position: relative; padding: 15px 30px; line-height: 20px; font-size: 12px; background-color: #E5E5E5; overflow: hidden; border-top: 1px solid #57B3DF; color: #888; text-shadow: 1px 1px 1px #FFF; } #copyrights a { display: inline-block; margin-left: 7px; color: #666; border-bottom: 1px dotted #888; } #copyrights span.link-divider { display: inline-block; margin-left: 7px; } #copyrights a:hover { color: #000; border-bottom: 1px solid #000; } #copyrights.copyrights-dark { background-color: #282A2B; color: #999; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } #copyrights.copyrights-dark a { color: #AAA; border-bottom: 1px dotted #AAA; } #copyrights.copyrights-dark a:hover { color: #DDD; border-bottom: 1px solid #DDD; } #copyrights .col_half { margin-bottom: 0 !important; } #copyrights #copyrights-social { text-align: right; margin-top: 2px; line-height: 1; } #copyrights-social a { display: inline-block; width: 16px; height: 16px; margin-left: 5px; } #copyrights-social img { display: block; width: 16px; height: 16px; } /* ---------------------------------------------------------------- Stretched Layout -----------------------------------------------------------------*/ .stretched #wrapper{ margin: 0 auto; width: 100%; } .stretched #top-social { margin-right: 0; } .stretched #top-bar.top-bar2 #top-social { margin-left: 0; } .stretched .content-wrap { box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); } .stretched #header.header2 #primary-menu ul, .stretched #header.header3 #primary-menu ul { margin: 0; } .stretched #slider { padding: 40px 0; box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.07); -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.07); -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.07); } .stretched #portfolio-single-wrap #slider { padding: 0; background: none; } .stretched #slider .container { width: 1140px; } .stretched #slider.elastic-slideshow, .stretched #slider.revolution-slider, .stretched #slider.layerslider-wrap { padding: 0; box-shadow: inset 0 0 0 0 rgba(0,0,0,0.07); -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.07); -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.07); } .stretched #slider.camera-slideshow { padding: 0; height: auto; box-shadow: inset 0 0 0 0 rgba(0,0,0,0.07); -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.07); -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.07); } .stretched #slider.slider-nivo { height: auto; } .stretched #slider.elastic-slideshow .container, .stretched #slider.camera-slideshow .container, .stretched #slider.revolution-slider .container, .stretched #slider.layerslider-wrap .container { width: 100%; } .stretched #piecemaker { margin-bottom: -35px; } .stretched .slider-3d { margin-left: -30px; } .stretched #slider .kwicks .kwick-panel { width: 192px; } .stretched #slider.kwicks-panel-2 .kwicks .kwick-panel { width: 480px; } .stretched #slider.kwicks-panel-3 .kwicks .kwick-panel { width: 320px; } .stretched #slider.kwicks-panel-4 .kwicks .kwick-panel { width: 240px; } .stretched #slider.thumb-slider .flex-control-thumbs, .stretched #slider.thumb-slider .rs-thumb-wrap { background: transparent; } .stretched .slider-line { display: none; } .stretched #slider.elastic-slideshow .slider-line, .stretched #slider.camera-slideshow .slider-line, .stretched #slider.revolution-slider .slider-line, .stretched #slider.layerslider-wrap .slider-line { display: block; border: none; height: 11px; background: transparent url("images/slider-shadow.png") repeat-x; } .stretched #page-title { padding: 30px 0; } .stretched #page-title, .stretched #countdown-wrap, .stretched #landing-area { box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.07); -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.07); -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.07); border-top-color: #E5E5E5; } .stretched #footer, .stretched #copyrights { padding-left: 0; padding-right: 0; } .stretched #copyrights { margin-bottom: -20px; } /* ---------------------------------------------------------------- Retina Specific CSS -----------------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { #logo a.standard-logo { display: none !important; } #logo a.retina-logo { display: inline-block; } #top-social li.ts-facebook .ts-icon { background-image: url("../images/icons/social/facebook@2x.png"); } #top-social li.ts-twitter .ts-icon { background-image: url("../images/icons/social/twitter@2x.png"); } #top-social li.ts-gplus .ts-icon { background-image: url("../images/icons/social/gplus@2x.png"); } #top-social li.ts-dribbble .ts-icon { background-image: url("../images/icons/social/dribbble@2x.png"); } #top-social li.ts-forrst .ts-icon { background-image: url("../images/icons/social/forrst@2x.png"); } #top-social li.ts-blogger .ts-icon { background-image: url("../images/icons/social/blogger@2x.png"); } #top-social li.ts-flickr .ts-icon { background-image: url("../images/icons/social/flickr@2x.png"); } #top-social li.ts-pinterest .ts-icon { background-image: url("../images/icons/social/pinterest@2x.png"); } #top-social li.ts-rss .ts-icon { background-image: url("../images/icons/social/rss@2x.png"); } #top-social li.ts-vimeo .ts-icon { background-image: url("../images/icons/social/vimeo@2x.png"); } #top-social li.ts-youtube .ts-icon { background-image: url("../images/icons/social/youtube@2x.png"); } #top-social li.ts-phone .ts-icon { background-image: url("../images/icons/social/phone@2x.png"); } #top-social li.ts-mail .ts-icon { background-image: url("../images/icons/social/mail@2x.png"); } #top-social li.ts-linkedin .ts-icon { background-image: url("../images/icons/social/linkedin@2x.png"); } #top-social li .ts-icon { background-size: 16px 16px; -moz-background-size: 16px 16px; -webkit-background-size: 16px 16px; -o-background-size: 16px 16px; } .flex-prev, .flex-next, .rs-prev, .rs-next, .nivo-prevNav, .nivo-nextNav, .camera_prev, .camera_next, .camera_commands, .tp-leftarrow.large, .tp-rightarrow.large, .ls-noskin .ls-nav-prev, .ls-noskin .ls-nav-next, .tp-leftarrow.large, .tp-rightarrow.large { background-image: url("../images/icons/slider-nav@2x.png"); background-size: 72px 36px; -moz-background-size: 72px 36px; -webkit-background-size: 72px 36px; -o-background-size: 72px 36px; } .tp-leftarrow.large, .tp-rightarrow.large { background-image: url("../images/icons/slider-nav@2x.png") !important; } .portfolio-image .flex-prev, .portfolio-image .flex-next { background-image: url("../images/icons/portfolio-slider-nav@2x.png"); background-size: 56px 28px; -moz-background-size: 56px 28px; -webkit-background-size: 56px 28px; -o-background-size: 56px 28px; } .preloader, .preloader2 { background-image: url("../images/preloader@2x.gif"); background-size: 24px 24px; -moz-background-size: 24px 24px; -webkit-background-size: 24px 24px; -o-background-size: 24px 24px; } #top-search input, .widget_search input[type="text"] { background-image: url("../images/icons/search@2x.png"); background-size: 31px 16px; -moz-background-size: 31px 16px; -webkit-background-size: 31px 16px; -o-background-size: 31px 16px; } .lp-subscribe input[type="text"] { background-image: url("../images/icons/subscribe@2x.png"); background-size: 38px 15px; -moz-background-size: 38px 15px; -webkit-background-size: 38px 15px; -o-background-size: 38px 15px; } .p-overlay-icons a { background-image: url("../images/icons/portfolio-overlay@2x.png"); background-size: 112px 28px; -moz-background-size: 112px 28px; -webkit-background-size: 112px 28px; -o-background-size: 112px 28px; } #portfolio-navigation a { background-image: url("../images/icons/portfolio-nav@2x.png"); background-size: 96px 64px; -moz-background-size: 96px 64px; -webkit-background-size: 96px 64px; -o-background-size: 96px 64px; } .error-404-meta input[type="submit"] { background-image: url("../images/icons/search-404@2x.png"); background-size: 17px 16px; -moz-background-size: 17px 16px; -webkit-background-size: 17px 16px; -o-background-size: 17px 16px; } .toggle .togglet, .toggle .toggleta, .acctitle, .acctitlec { background-image: url("../images/icons/toggle-plus@2x.png"); background-size: 24px 24px; -moz-background-size: 24px 24px; -webkit-background-size: 24px 24px; -o-background-size: 24px 24px; } .toggle .toggleta, .acctitlec { background-image: url("../images/icons/toggle-minus@2x.png"); } .quote { background-image: url("../images/icons/quote@2x.png"); background-size: 45px 29px; -moz-background-size: 45px 29px; -webkit-background-size: 45px 29px; -o-background-size: 45px 29px; } .twitter-widget ul li, #footer.footer-dark .twitter-widget ul li { background-image: url("../images/icons/twitter@2x.png"); background-size: 13px 13px; -moz-background-size: 13px 13px; -webkit-background-size: 13px 13px; -o-background-size: 13px 13px; } #footer.footer-dark .twitter-widget ul li { background-image: url("../images/icons/ftwitter@2x.png"); } .widget_recent_comments li, #footer.footer-dark .widget_recent_comments li { background-image: url("../images/icons/sidebar-comment@2x.png"); background-size: 15px 26px; -moz-background-size: 15px 26px; -webkit-background-size: 15px 26px; -o-background-size: 15px 26px; } #footer.footer-dark .widget_recent_comments li { background-image: url("../images/icons/footer-comment@2x.png"); } .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, #footer.footer-dark .widget_nav_menu li a, #footer.footer-dark .widget_links li a, #footer.footer-dark .widget_meta li a, #footer.footer-dark .widget_archive li a, #footer.footer-dark .widget_recent_entries li a, #footer.footer-dark .widget_categories li a, #footer.footer-dark .widget_pages li a { background-image: url("../images/icons/sidebar-link@2x.png"); background-size: 4px 26px; -moz-background-size: 4px 26px; -webkit-background-size: 4px 26px; -o-background-size: 4px 26px; } #footer.footer-dark .widget_nav_menu li a, #footer.footer-dark .widget_links li a, #footer.footer-dark .widget_meta li a, #footer.footer-dark .widget_archive li a, #footer.footer-dark .widget_recent_entries li a, #footer.footer-dark .widget_categories li a, #footer.footer-dark .widget_pages li a { background-image: url("../images/icons/footer-link@2x.png"); } .widget-scroll-prev, .widget-scroll-next { background-image: url("../images/icons/widget-scroll@2x.png"); background-size: 48px 24px; -moz-background-size: 48px 24px; -webkit-background-size: 48px 24px; -o-background-size: 48px 24px; } } /* ---------------------------------------------------------------- Colors -----------------------------------------------------------------*/ a, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, #top-menu li a:hover, #lp-contacts li span, #portfolio-filter li a:hover, #portfolio-filter li.activeFilter a, .portfolio-item:hover h3 a, .entry_date div.post-icon, .entry_meta li a:hover, .ipost .ipost-title a:hover, .comment-content .comment-author a:hover, .promo h3 > span, .error-404, .tab_widget ul.tabs li.active a, .product-feature3:hover span, .team-skills li span, .best-price .pricing-title h4, .best-price .pricing-price { color: ; } .pricing-style2 .pricing-price { color: #FFF !important; } /* ---------------------------------------------------------------- Background Colors -----------------------------------------------------------------*/ #top-menu li.top-menu-em a, #primary-menu > ul > li:hover, #primary-menu ul li.current, #primary-menu > div > ul > li:hover, #primary-menu div ul li.current, #primary-menu > div > ul > li.current-menu-ancestor, #primary-menu > div > ul > li.current-menu-parent, #primary-menu > div > ul > li.current-menu-item, #primary-menu > div > ul > li.current_page_parent, #primary-menu ul ul li, .lp-subscribe input[type="submit"], .portfolio-overlay, #portfolio-navigation a:hover, .entry_date div.month, .entry_date div.day, .sidenav > .active > a, .sidenav > .active > a:hover, .promo-action a:hover, .error-404-meta input[type="submit"], .product-feature img, .product-feature > span, .team-image span, .icon-rounded:hover, .icon-circled:hover, .simple-button.inverse, .simple-button:hover, .pricing-style2 .best-price .pricing-price, #twitter-panel, #gotoTop:hover, a.twitter-follow-me:hover, #footer.footer-dark a.twitter-follow-me:hover, .sposts-list .spost-image:hover, #footer.footer-dark .sposts-list .spost-image:hover, .tagcloud a:hover, #footer.footer-dark .tagcloud a:hover, .widget-scroll-prev:hover, .widget-scroll-next:hover, #footer.footer-dark .widget-scroll-prev, #footer.footer-dark .widget-scroll-next { background-color: ; } .ei-title h2 span, .ei-title h3 span, .ei-slider-thumbs li.ei-slider-element, .flex-prev:hover, .flex-next:hover, .rs-prev:hover, .rs-next:hover, .nivo-prevNav:hover, .nivo-nextNav:hover, .camera_prev:hover, .camera_next:hover, .camera_commands:hover, .tp-leftarrow.large:hover, .tp-rightarrow.large:hover, .ls-noskin .ls-nav-prev:hover, .ls-noskin .ls-nav-next:hover { background-color: !important; } .ei-title h3 span { background-color: rgba(11,11,11,0.8) !important; } /* ---------------------------------------------------------------- Border Colors -----------------------------------------------------------------*/ #top-menu li a:hover, .comment-content .comment-author a:hover, .our-clients li:hover { border-color: ; } #header.header2, .flex-control-thumbs li img.flex-active, .rs-thumb-wrap a.active, .tab_widget ul.tabs li.active, #footer, #copyrights { /*border-top-color: ; */} span.page-divider span, #portfolio-filter li.activeFilter, .portfolio-item:hover .portfolio-title, #footer.footer-dark .portfolio-item:hover .portfolio-title { border-bottom-color: ; } .slide-caption, .rs-caption, .nivo-caption, .promo, .side-tabs ul.tabs li.active { border-left-color: ; } .ei-title h3 span { border-left-color: !important; } /* ---------------------------------------------------------------- Selection Colors -----------------------------------------------------------------*/ ::selection, ::-moz-selection, ::-webkit-selection { background-color: ; } .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 1000000; opacity: 0.8; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 300px; padding: 5px 8px 4px 8px; text-align: center; } /* Rounded corners */ .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Uncomment for shadow */ /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/ .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /*! * Bootstrap v2.3.0 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } #map_canvas img, .google-maps img { max-width: none; } .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100% !important; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 22.0%; *width: 22.0%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; line-height: 0; } .container-fluid:after { clear: both; } .label, .badge { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999999; } .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding-left: 9px; padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .label:empty, .badge:empty { display: none; } a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .btn .label, .btn .badge { position: relative; top: -1px; } .btn-mini .label, .btn-mini .badge { top: 0; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } .table tbody tr.success > td { background-color: #dff0d8; } .table tbody tr.error > td { background-color: #f2dede; } .table tbody tr.warning > td { background-color: #fcf8e3; } .table tbody tr.info > td { background-color: #d9edf7; } .table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover > td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover > td { background-color: #faf2cc; } .table-hover tbody tr.info:hover > td { background-color: #c4e3f3; } .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-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(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { border-color: transparent; cursor: pointer; color: #0088cc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover, .btn-link:focus { color: #005580; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; } .btn-group { position: relative; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; font-size: 0; vertical-align: middle; white-space: nowrap; *margin-left: .3em; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 14px; } .btn-group > .btn-mini { font-size: 10.5px; } .btn-group > .btn-small { font-size: 11.9px; } .btn-group > .btn-large { font-size: 17.5px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); *padding-top: 5px; *padding-bottom: 5px; } .btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .btn-mini .caret, .btn-small .caret { margin-top: 8px; } .dropup .btn-large .caret { border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group-vertical > .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical > .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-group-vertical > .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical > .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical > .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical > .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav { margin-left: 0; margin-bottom: 20px; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li > a > img { max-width: none; } .nav > .pull-right { float: right; } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; content: ""; line-height: 0; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { color: #ffffff; background-color: #0088cc; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; z-index: 2; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { border-top-color: #0088cc; border-bottom-color: #0088cc; margin-top: 6px; } .nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { border-top-color: #005580; border-bottom-color: #005580; } /* move down carets for tabs */ .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .nav > .dropdown.active > a:hover, .nav > .dropdown.active > a:focus { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover, .tabs-stacked .open > a:focus { border-color: #999999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; content: ""; line-height: 0; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-bottom-color: transparent; border-top-color: #ddd; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } /*.nav > .disabled > a { color: #999999; } .nav > .disabled > a:hover, .nav > .disabled > a:focus { text-decoration: none; background-color: transparent; cursor: default; } .navbar { overflow: visible; margin-bottom: 20px; *position: relative; *z-index: 2; } .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); *zoom: 1; } .navbar-inner:before, .navbar-inner:after { display: table; content: ""; line-height: 0; } .navbar-inner:after { clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; overflow: visible; } .navbar .brand { float: left; display: block; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; } .navbar .brand:hover, .navbar .brand:focus { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; color: #777777; } .navbar-link { color: #777777; } .navbar-link:hover, .navbar-link:focus { color: #333333; } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-left: 1px solid #f2f2f2; border-right: 1px solid #ffffff; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn, .navbar .input-prepend .btn-group, .navbar .input-append .btn-group { margin-top: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; content: ""; line-height: 0; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 5px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { margin-bottom: 0; padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .navbar-static-top { position: static; margin-bottom: 0; } .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0 0 1px; } .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0,0,0,.1); } .navbar-fixed-bottom { bottom: 0; } .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); box-shadow: 0 -1px 10px rgba(0,0,0,.1); } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; margin-right: 0; } .navbar .nav > li { float: left; } .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { background-color: transparent; color: #333333; text-decoration: none; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e5e5e5; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #e5e5e5; *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .nav > li > .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .navbar .nav > li > .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 10px; } .navbar-fixed-bottom .nav > li > .dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto; } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 6px solid #ffffff; border-bottom: 0; bottom: -6px; top: auto; } .navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: #e5e5e5; color: #555555; } .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { left: auto; right: 0; } .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { left: auto; right: 12px; } .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { left: auto; right: 13px; } .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { left: auto; right: 100%; margin-left: 0; margin-right: -1px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); border-color: #252525; } .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:focus { color: #ffffff; } .navbar-inverse .brand { color: #999999; } .navbar-inverse .navbar-text { color: #999999; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { background-color: transparent; color: #ffffff; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus { color: #ffffff; } .navbar-inverse .divider-vertical { border-left-color: #111111; border-right-color: #222222; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background-color: #111111; color: #ffffff; } .navbar-inverse .nav li.dropdown > a:hover .caret, .navbar-inverse .nav li.dropdown > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0; } .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #040404; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: #ffffff; background-color: #040404; *background-color: #000000; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; }*/ /*.breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb > li { display: inline-block; *display: inline; *zoom: 1; text-shadow: 0 1px 0 #ffffff; } .breadcrumb > li > .divider { padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #999999; }*/ .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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); } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #999999; background-color: transparent; cursor: default; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; } .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 0 6px; font-size: 10.5px; } .pager { margin: 20px 0; list-style: none; text-align: center; *zoom: 1; } .pager:before, .pager:after { display: table; content: ""; line-height: 0; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; background-color: #fff; cursor: default; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; content: ""; line-height: 0; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; /* border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;*/ } a.thumbnail:hover, a.thumbnail:focus { border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; /* border-color: #0088cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);*/ } #image_gallery .span4{ width:28%; } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #555555; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert, .alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } @-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: 20px; margin-bottom: 20px; background-color: #f7f7f7; background-image: -moz-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(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', 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; } .progress .bar { width: 0%; height: 100%; color: #ffffff; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-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(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', 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; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); } .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: -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; } .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; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-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(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { 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: -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); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-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(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { 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: -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); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-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(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { 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: -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); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-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(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { 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: -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); } .hero-unit { padding: 60px; margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; color: inherit; letter-spacing: -1px; } .hero-unit li { line-height: 30px; } .media, .media-body { overflow: hidden; *overflow: visible; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { margin-left: 0; list-style: none; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #ffffff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in { top: 10%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { position: relative; overflow-y: auto; max-height: 400px; padding: 15px; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; *zoom: 1; } .modal-footer:before, .modal-footer:after { display: table; content: ""; line-height: 0; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { text-decoration: none; color: #ffffff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: default; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } .typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { overflow: hidden; width: 100%; position: relative; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 25px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { left: auto; right: 15px; } .carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-indicators { position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none; } .carousel-indicators li { display: block; float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: -999px; background-color: #ccc; background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { color: #ffffff; line-height: 20px; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } @-ms-viewport { width: device-width; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } @media (max-width: 767px) { .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-left: -20px; margin-right: -20px; } .container-fluid { padding: 0; } .dl-horizontal dt { float: none; clear: none; width: auto; text-align: left; } .dl-horizontal dd { margin-left: 0; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } .thumbnails > li { float: none; margin-left: 0; } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="offset"]:first-child { margin-left: 0; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } .modal.fade { top: -100px; } .modal.fade.in { top: 20px; } } @media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .page-header h1 small { display: block; line-height: 20px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-left: 10px; padding-right: 10px; } .media .pull-left, .media .pull-right { float: none; display: block; margin-bottom: 10px; } .media-object { margin-right: 0; margin-left: 0; } .modal { top: 10px; left: 10px; right: 10px; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } } @media (min-width: 768px) and (max-width: 979px) { .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; } .span12 { width: 724px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } .offset12 { margin-left: 764px; } .offset11 { margin-left: 702px; } .offset10 { margin-left: 640px; } .offset9 { margin-left: 578px; } .offset8 { margin-left: 516px; } .offset7 { margin-left: 454px; } .offset6 { margin-left: 392px; } .offset5 { margin-left: 330px; } .offset4 { margin-left: 268px; } .offset3 { margin-left: 206px; } .offset2 { margin-left: 144px; } .offset1 { margin-left: 82px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.7624309392265194%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608%; } .row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387%; } .row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166%; } .row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946%; } .row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725%; } .row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504%; } .row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283%; } .row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062%; } .row-fluid .span3 { width: 16.0%; *width: 16.0%; } .row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199%; } .row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988%; } .row-fluid .offset12 { margin-left: 105.52486187845304%; *margin-left: 105.41847889972962%; } .row-fluid .offset12:first-child { margin-left: 102.76243093922652%; *margin-left: 102.6560479605031%; } .row-fluid .offset11 { margin-left: 96.96132596685082%; *margin-left: 96.8549429881274%; } .row-fluid .offset11:first-child { margin-left: 94.1988950276243%; *margin-left: 94.09251204890089%; } .row-fluid .offset10 { margin-left: 88.39779005524862%; *margin-left: 88.2914070765252%; } .row-fluid .offset10:first-child { margin-left: 85.6353591160221%; *margin-left: 85.52897613729868%; } .row-fluid .offset9 { margin-left: 79.8342541436464%; *margin-left: 79.72787116492299%; } .row-fluid .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647%; } .row-fluid .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079%; } .row-fluid .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427%; } .row-fluid .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584%; } .row-fluid .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065%; } .row-fluid .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376%; } .row-fluid .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986%; } .row-fluid .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417%; } .row-fluid .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765%; } .row-fluid .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196%; } .row-fluid .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544%; } .row-fluid .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746%; } .row-fluid .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227%; } .row-fluid .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537%; } .row-fluid .offset2:first-child { margin-left: 17.12707182320442%; *margin-left: 17.02068884448102%; } .row-fluid .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325%; } .row-fluid .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 710px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 648px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 586px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 524px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 462px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 400px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 338px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 276px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 214px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 152px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 90px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } } @media (min-width: 1200px) { .row { margin-left: -30px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.564102564102564%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } .row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } .row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; } .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } .row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } .row-fluid .span6 { width: 60%; *width: 60%; } .row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } .row-fluid .span3 { width: 18.8%; *width: 18.8%; } .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } .row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } .row-fluid .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%; } .row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%; } .row-fluid .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316%; } .row-fluid .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; } .row-fluid .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%; } .row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; } .row-fluid .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607%; } .row-fluid .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352%; } .row-fluid .offset8 { margin-left: 70.94017094017094%; *margin-left: 70.83378796144753%; } .row-fluid .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497%; } .row-fluid .offset7 { margin-left: 62.393162393162385%; *margin-left: 62.28677941443899%; } .row-fluid .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642%; } .row-fluid .offset6 { margin-left: 53.84615384615384%; *margin-left: 53.739770867430444%; } .row-fluid .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875%; } .row-fluid .offset5 { margin-left: 45.299145299145295%; *margin-left: 45.1927623204219%; } .row-fluid .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933%; } .row-fluid .offset4 { margin-left: 36.75213675213675%; *margin-left: 36.645753773413354%; } .row-fluid .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785%; } .row-fluid .offset3 { margin-left: 28.205128205128204%; *margin-left: 28.0987452264048%; } .row-fluid .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; } .row-fluid .offset2 { margin-left: 19.65811965811966%; *margin-left: 19.551736679396257%; } .row-fluid .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369%; } .row-fluid .offset1 { margin-left: 11.11111111111111%; *margin-left: 11.004728132387708%; } .row-fluid .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 30px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 1156px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 956px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 856px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 756px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 656px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 556px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 456px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 356px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 256px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 156px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } .thumbnails { margin-left: 0px; } .thumbnails > li { margin-left: 30px; } .row-fluid .thumbnails { margin-left: 0; } } @media (max-width: 979px) { .navbar-fixed-top, .navbar-fixed-bottom { position: static; } .navbar-fixed-top { margin-bottom: 20px; } .navbar-fixed-bottom { margin-top: 20px; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 5px; } .navbar .container { width: auto; padding: 0; } .navbar .brand { padding-left: 10px; padding-right: 10px; margin: 0 0 0 -5px; } .nav-collapse { clear: both; } .nav-collapse .nav { float: none; margin: 0 0 10px; } .nav-collapse .nav > li { float: none; } .nav-collapse .nav > li > a { margin-bottom: 2px; } .nav-collapse .nav > .divider-vertical { display: none; } .nav-collapse .nav .nav-header { color: #777777; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: #777777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-color: #f2f2f2; } .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #999999; } .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: #111111; } .nav-collapse.in .btn-group { margin-top: 5px; padding: 0; } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; float: none; display: none; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-collapse .open > .dropdown-menu { display: block; } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; } .nav-collapse .dropdown-menu .divider { display: none; } .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after { display: none; } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111111; border-bottom-color: #111111; } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } .nav-collapse, .nav-collapse.collapse { overflow: hidden; height: 0; } .navbar .btn-navbar { display: block; } .navbar-static .navbar-inner { padding-left: 10px; padding-right: 10px; } } @media (min-width: 980px) { .nav-collapse.collapse { height: auto !important; overflow: visible !important; } } /* Font Awesome the iconic font designed for use with Twitter Bootstrap ------------------------------------------------------- The full suite of pictographic icons, examples, and documentation can be found at: http://fortawesome.github.com/Font-Awesome/ License ------------------------------------------------------- The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: http://creativecommons.org/licenses/by/3.0/ A mention of 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable source code is considered acceptable attribution (most common on the web). If human readable source code is not available to the end user, a mention in an 'About' or 'Credits' screen is considered acceptable (most common in desktop or mobile software). Contact ------------------------------------------------------- Email: dave@davegandy.com Twitter: http://twitter.com/fortaweso_me Work: http://lemonwi.se co-founder */ @font-face { font-family: "FontAwesome"; src: url('./font/fontawesome-webfont.eot'); src: url('./font/fontawesome-webfont.eot?#iefix') format('eot'), url('./font/fontawesome-webfont.woff') format('woff'), url('./font/fontawesome-webfont.ttf') format('truetype'), url('./font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: top; font-size: 1.3333333333333333em; } .btn [class^="icon-"], .btn [class*=" icon-"] { /* keeps button heights with and without icons the same */ margin-right: 5px; line-height: .9em; } li [class^="icon-"], li [class*=" icon-"] { /* display: inline-block; width: 1.25em; text-align: center;*/ } li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { /* 1.5 increased font size for icon-large * 1.25 width */ width: 1.875em; } li[class^="icon-"], li[class*=" icon-"] { margin-left: 0; list-style-type: none; } li[class^="icon-"]:before, li[class*=" icon-"]:before { text-indent: -2em; text-align: center; } li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { text-indent: -1.3333333333333333em; } .icon-muted { color: #eeeeee; } .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; } .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; } .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; } .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); } } @-moz-document url-prefix() { .icon-spin { height: .9em; } .btn .icon-spin { height: auto; } .icon-spin.icon-large { height: 1.25em; } .btn .icon-spin.icon-large { height: .75em; } } /* 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 { 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-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt: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 { 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 { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* ----------------------------------------------------------------------- Responsive -------------------------------------------------------------------------- */ @media only screen and (min-width: 980px) and (max-width: 1040px) { body.stretched { overflow-x: hidden; } } @media only screen and (max-width: 979px) { body { transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } #wrapper { overflow: hidden; } #primary-menu { width: 100%; max-width: 100%; } #primary-menu ul, #header.header4 #primary-menu ul { display: none; } div.responsive-menu, div.responsive-menu span { background: url("../images/responsive-menu.png"); -webkit-font-smoothing: antialiased; } .rs-menu, .rs-menu * { margin: 0; padding: 0; } .rs-menu { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } div.rs-menu { display: block; position: relative; overflow: hidden; font-family: "Open Sans" ,"Helvetica Neue", Helvetica, Arial, sans-serif; background-position: left; line-height: 40px; height: 42px; margin: 39px 0 0 0; font-size: 13px; } div.rs-menu select { color: #666; background-color: #EEE; border-color: #E5E5E5; height: 42px; font-size: 13px; width: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; filter: alpha(opacity:0); } div.rs-menu span { display: block; position: relative; background-position: left; background-color: #EEE; background-image: url("../images/mobilemenu.png"); background-repeat: no-repeat; border: 1px solid #E5E5E5; height: 40px; line-height: 40px; cursor: pointer; color: #666; padding: 0 15px 0 55px; font-weight: 600; text-shadow: 1px 1px 1px #FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .select-menu { display: block; width: 100%; padding: 10px; margin-top: 38px; font-size: 13px; } #header.header2 #primary-menu, #header.header3 #primary-menu, #header.header6 #primary-menu { background-color: transparent; margin-bottom: 30px; height: auto; border-top: none; } #header.header2 .select-menu, #header.header3 .select-menu, #header.header6 .select-menu { margin: 0; } #top-bar { text-align: center; height: auto; } #top-menu, #top-bar.top-bar2 #top-menu { text-align: center; float: none; margin: 0 auto; } #top-menu ul { display: inline-block; } #top-social, #top-bar.top-bar2 #top-social { float: none; margin: 0 auto; text-align: center; } #top-social ul { display: inline-block; float: none; margin: 0 auto; text-align: center; } #top-social li { display: inline-block; } #slider { overflow: hidden; } #slider.elastic-slideshow { overflow: visible; } .kwicks, .slider-3d, #piecemaker { display: none; } .fallback-image, .fallback-image a, .fallback-image img { display: block; } .stretched #slider.thumb-slider .flex-control-thumbs, .stretched #slider.thumb-slider .rs-thumb-wrap { background: #FFF; } .sidebar.col_last, .postcontent.col_last { float: none; } .sidebar { margin-top: 40px !important; padding-top: 40px; border-top: 3px double #E5E5E5; } #footer { /*padding: 40px 20px;*/ } #gotoTop { display: none !important; visibility: hidden !important; } .stretched #header, .stretched .content-wrap { box-shadow: 0 0 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.1); } .stretched #slider { padding: 0; } .stretched #slider .container { width: 100% !important; } .stretched .slider-line { display: block; } .stretched #page-title { padding: 25px 0; } .stretched #copyrights { margin-bottom: 0; } } /* Tablet Portrait size to Tablet Landscape (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 979px) { #wrapper { width: 768px !important; margin: 0 auto; } .container { width: 720px; } .postcontent { width: 720px; } .landing-offer-media { width: 460px; } .sidebar { width: 720px; } .landing-offer-text { width: 230px; } #landing-area { padding: 25px 0; } #landing-area h1 { font-size: 21px; line-height: 28px; padding-bottom: 15px; } #landing-area p.landing-desc { font-size: 12px; margin-bottom: 15px; } #landing-area ul.landing-features { font-size: 13px; line-height: 18px; } ul.landing-features li { margin-top: 4px; } ul.landing-features li:first-child { margin-top: 0; } .landing-action { margin-top: 15px; } .postcontent, .sidebar { margin: 0 0 30px 0; float: none; } .landing-offer-media, .landing-offer-text { } #primary-menu, #lp-contacts { max-width: 460px; } #primary-menu ul { display: none; } #primary-menu .rs-menu { width: 460px; } #slider, .slider-wrap, .ei-slider, .rs-slider, #slider.slider-nivo, .nivoSlider, .camera_wrap, #slider.piecemaker-slider { height: 301px; } #slider.revolution-slider .fullwidthbanner-container, #slider.revolution-slider .fullwidthbanner { height: 301px !important; max-height: 301px !important; } #slider.thumb-slider { height: auto; } #slider.thumb-slider .flex-control-thumbs, #slider.thumb-slider .rs-thumb-wrap { height: 40px; } .flex-control-thumbs li, .rs-thumb-wrap a { width: 76px !important; height: 40px !important; } .rs-thumb-wrap a { height: 37px !important; border-top: 3px solid #CCC; } .flex-control-thumbs li img, .rs-thumb-wrap a img { width: 76px !important; height: 37px !important; } .rs-thumb-wrap a img { border: none; } #portfolio { margin: 0 -8px -8px 0; } .portfolio-item { margin: 0 8px 8px 0; width: 174px; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img { width: 174px; height: 136px; } #portfolio.portfolio-3 { margin: 0 -13px -13px 0; } .portfolio-3 .portfolio-item { margin: 0 13px 13px 0; width: 231px; } .portfolio-3 .portfolio-item .portfolio-image, .portfolio-3 .portfolio-item .portfolio-image a, .portfolio-3 .portfolio-item .portfolio-image img { width: 231px; height: 156px; } .portfolio-2 .portfolio-item { width: 350px; } .portfolio-2 .portfolio-item .portfolio-image, .portfolio-2 .portfolio-item .portfolio-image a, .portfolio-2 .portfolio-item .portfolio-image img { width: 350px; height: 223px; } .portfolio-5 .portfolio-item { width: 140px; } .portfolio-5 .portfolio-item .portfolio-image, .portfolio-5 .portfolio-item .portfolio-image a, .portfolio-5 .portfolio-item .portfolio-image img { width: 140px; height: auto; } .portfolio-title h3 { font-size: 13px; } #portfolio .slider-wrap { height: 136px; } #portfolio.portfolio-3 .slider-wrap { height: 156px; } #portfolio.portfolio-2 .slider-wrap { height: 223px; } .portfolio-overlay-wrap { display: none; } .portfolio-3 .portfolio-overlay-wrap, .portfolio-2 .portfolio-overlay-wrap, .scroll-portfolio .portfolio-overlay-wrap { display: block; } #portfolio .p-overlay-icons { top: 50%; margin-top: -14px; width: 58px; left: 50%; margin-left: -29px; } #portfolio.portfolio-3 .p-overlay-icons, #portfolio.portfolio-2 .p-overlay-icons, #portfolio.scroll-portfolio .p-overlay-icons { position: absolute; top: auto; left: auto; bottom: 0; right: 0; width: auto; height: 28px; margin-top: 0; margin-left: 0; } #portfolio-single-wrap #slider, #portfolio-single-wrap.portfolio-single-full .port-desc, #portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc, .postcontent #portfolio-single-wrap .port-desc { width: 500px; } #portfolio-single-wrap.portfolio-single-full #slider { width: 720px; } #portfolio-details-wrap { width: 200px; margin-left: 20px; } #portfolio-single-wrap.portfolio-single-full .port-details, #portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details, .postcontent #portfolio-single-wrap .port-details, #portfolio-single-wrap.portfolio-single-left #portfolio-details-wrap { width: 200px; margin: 0 20px 0 0; } #portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details, .postcontent #portfolio-single-wrap.portfolio-single-left .port-details { margin: 0 0 0 20px; } #portfolio-details-wrap .port-terms h5 { width: 100px; } #portfolio-related-items li, #portfolio-related-items li > a, #portfolio-related-items li > img { width: 176px !important; height: 137px; } .scroll-portfolio .portfolio-item { width: 235px !important; } .scroll-portfolio .portfolio-item .portfolio-image, .scroll-portfolio .portfolio-item .portfolio-image > a, .scroll-portfolio .portfolio-item .portfolio-image > a > img { width: 235px !important; height: 183px; } .col_full .small-posts .entry_date { width: 60px; margin-right: 10px; } .col_full .small-posts .entry_date div.month, .col_full .small-posts .entry_date div.day { font-size: 16px; padding: 0 0 12px; } .col_full .small-posts .entry_date div.day { font-size: 28px; padding: 12px 0 0; } .col_full .entry_c { width: 628px; } .col_full .small-posts .entry_c { width: 400px; } .col_full .small-posts .entry_title h2 { font-size: 16px; line-height: 20px; } .ipost-meta { margin: 10px 0 -3px 0; } .ipost-meta li { float: none; margin: 0 0 3px 0; } .ipost-meta li span { display: none; } .col_full .related-posts li { width: 165px !important; } .col_full .rpost-image, .col_full .rpost-image a, .col_full .rpost-image img { width: 165px !important; height: 120px; } .promo { padding: 12px 15px; } .promo h3 { font-size: 17px; font-weight: 600; line-height: 22px; } .promo-desc > span { font-size: 13px; line-height: 20px; } .our-clients { margin: 0 -10px 0 0; } .our-clients li { margin: 0 10px 0 0; } .our-clients li, .our-clients li a, .our-clients li img { width: 126px !important; height: 81px; } .our-team, .our-team.team-4 { margin: 0 -21px 10px 0; } .team-member, .team-4 .team-member { margin: 0 21px 21px 0; width: 226px; } .team-image, .team-image img { width: 226px; height: 188px; } .team-4 .team-image, .team-4 .team-image img { width: 216px; height: 216px; border-radius: 108px; -moz-border-radius: 108px; -webkit-border-radius: 108px; } .team-4 .team-image { border: 5px solid #EEE; text-align: center; border-radius: 113px; -moz-border-radius: 113px; -webkit-border-radius: 113px; } .sidebar-widgets-wrap, .footer-widgets-wrap { position: relative; margin: 0 -52px -45px -3px; } .sidebar-widgets-wrap .widget { width: 210px; margin: 0 45px 45px 0; border-top: none; padding-top: 0; } .sidebar-widgets-wrap .widget-scroll-prev, .sidebar-widgets-wrap .widget-scroll-next { top: 0; } #footer .col_one_fourth { width: 210px; margin: 0 45px 45px 0; } .sidebar-widgets-wrap .widget, #footer .col_one_fourth { display: inline-block; vertical-align: top; float: none; } } @media only screen and (max-width: 767px) { #header { height: auto; } #logo { display: block; text-align: center; float: none; max-width: none; margin-right: 0; } #logo a, #logo a.standard-logo { display: inline-block; } #primary-menu { margin: 0 0 30px; height: auto; } #primary-menu { max-width: none; float: none; } .select-menu { margin: 0; } .flex-prev, .flex-next, .rs-prev, .rs-next, .nivo-prevNav, .nivo-nextNav, .camera_prev, .camera_next, .camera_commands { bottom: 0; } #slider.thumb-slider .flex-prev, #slider.thumb-slider .flex-next { bottom: 55px; } .slide-caption, .rs-caption, .nivo-caption, .camera_caption, .ei-title, #page-title h1 span, #top-search, #lp-contacts { display: none !important; } #page-title { text-align: center; } .postcontent, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_one_fourth, .col_three_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth, .landing-offer-media, .landing-offer-text, .landing-offer-half { width: 100%; } .postcontent, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth, .landing-offer-media, .landing-offer-text, .landing-offer-half { margin-right: 0; float: none; } .postcontent, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth { margin-bottom: 30px !important; } #respond .col_one_third, #respond .col_full { margin-bottom: 15px !important; } .postcontent.col_last, .sidebar.col_last { margin-bottom: 0 !important; } #landing-area { padding: 30px 0; } #landing-area .col_last { margin-top: 30px; } .landing-offer-text { text-align: center; } #landing-area h1 { font-size: 22px; line-height: 28px; padding-bottom: 15px; } #landing-area p.landing-desc { font-size: 13px; margin-bottom: 15px; } #landing-area ul.landing-features { font-size: 15px; line-height: 20px; } ul.landing-features li { margin-top: 6px; } ul.landing-features li:first-child { margin-top: 0; } .landing-action { margin-top: 15px; } form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth, form .col_last, .ipost .col_full, .ipost .col_half, .ipost .col_one_third, .ipost .col_two_third, .ipost .col_three_fourth, .ipost .col_one_fourth, .ipost .col_one_fifth, .ipost .col_two_fifth, .ipost .col_three_fifth, .ipost .col_four_fifth, .ipost .col_one_sixth, .ipost .col_five_sixth, .ipost .col_last { margin: 0 0 10px 0 !important; } #countdown-wrap { padding: 30px 0; } #countdown-wrap h1 { font-size: 24px; line-height: 30px; padding-bottom: 30px; } #portfolio-filter { margin-top: -15px; } #portfolio-filter li { padding: 15px 0; width: 33.33%; } #portfolio-filter li a { padding: 0 10px; border-left: none; text-align: center; } #portfolio-filter li.activeFilter { border-bottom: 1px solid #57B3DF; } #portfolio-single-wrap #slider, #portfolio-single-wrap.portfolio-single-left #slider, #portfolio-single-wrap.portfolio-single-full #slider, .postcontent #portfolio-single-wrap #slider { float: none; margin-bottom: 30px; width: 100%; } #portfolio-details-wrap, #portfolio-single-wrap.portfolio-single-left #portfolio-details-wrap, #portfolio-single-wrap.portfolio-single-full #portfolio-details-wrap, .postcontent #portfolio-single-wrap #portfolio-details-wrap, #portfolio-single-wrap.portfolio-single-full .port-desc, #portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc, .postcontent #portfolio-single-wrap .port-desc, #portfolio-single-wrap.portfolio-single-full .port-details, #portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details, .postcontent #portfolio-single-wrap .port-details, #portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc, .postcontent #portfolio-single-wrap.portfolio-single-left .port-desc, #portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details, .postcontent #portfolio-single-wrap.portfolio-single-left .port-details { float: none; width: 100%; margin: 0 0 30px; } #portfolio-single-wrap.portfolio-single-full #portfolio-details-wrap, .postcontent #portfolio-single-wrap #portfolio-details-wrap, #portfolio-single-wrap.portfolio-single-full .port-desc, #portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc, .postcontent #portfolio-single-wrap .port-desc, #portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details, .postcontent #portfolio-single-wrap.portfolio-single-left .port-details { margin: 0; } #portfolio-details-wrap .port-details { margin-top: 35px; } #portfolio-navigation { position: relative; top: 0; left: 0; right: auto; margin: 20px auto 0; } .small-posts .entry_image { float: left; width: 35% margin: 0; } .entry_date { float: left; width: 60px; text-align: center; } .postcontent .small-posts .entry_date { width: 60px; margin-right: 10px; } .col_full .small-posts .entry_date { margin-right: 15px; } .entry_date div.month, .entry_date div.day, .postcontent .small-posts .entry_date div.month, .postcontent .small-posts .entry_date div.day { font-size: 16px; padding: 0 0 12px; } .entry_date div.day, .postcontent .small-posts .entry_date div.day { padding: 12px 0 0; font-size: 28px; } .entry_date div.post-icon { font-size: 30px; } .entry_c, .col_full .entry_c { margin-left: 15px; width: 365px; } .postcontent .small-posts .entry_c, .col_full .small-posts .entry_c { width: 60%; } .entry_title { margin-bottom: 10px; } .entry_title h2 { font-size: 17px; line-height: 22px; } .postcontent .small-posts .entry_title h2, .col_full .small-posts .entry_title h2 { font-size: 16px; line-height: 20px; } .post-single .entry_title h2 { text-align: center; font-size: 20px; line-height: 26px; } .entry_meta { margin: 0 -7px -7px 0; } .entry_meta ul li { font-family:seven_01; } .small-posts .entry_meta, .small-posts span.page-divider { display: none; } .post-single .entry_meta { margin-bottom: 12px; } .entry_meta li { margin: 0 7px 7px 0; float: none; } .entry_meta li span { display: none; } .post-single .entry_meta li { text-align: center; } .entry_content { font-size: 12px; } .small-posts .entry_content { margin-top: 20px; } .post-overlay { width: 16px; height: 16px; padding: 4px; line-height: 16px; font-size: 15px; } .ipost .post-overlay { width: 24px; height: 24px; padding: 6px; line-height: 24px; font-size: 22px; } .entry_share { text-align: center; } .entry_share span { float: none; margin: 0 0 10px; } .entry_share a { display: inline-block; float: none; margin: 0 7px; } img.alignleft, div.alignleft, img.alignnone, img.aligncenter, div.alignnone, div.aligncenter, img.alignright, div.alignright, .wp-caption { display: block !important; float: none; margin: 10px auto; clear: both; } .wp-caption img { position: relative; margin: 0 auto !important; } .wp-caption { margin: 15px auto; } .comment-avatar img { width: 40px; height: 40px; } .promo { padding: 15px 18px; text-align: center; } .promo-desc { padding: 0; } .promo h3 { font-size: 17px; line-height: 22px; } .promo-desc > span { font-size: 13px; line-height: 20px; } .promo-action { position: relative; right: auto; top: 0; margin: 12px auto 0; max-width: none; } .promo-action a { display: inline-block; font-size: 13px; padding: 0 12px; line-height: 36px; } .error-404 { font-size: 144px; } .error-404 span { font-size: 32px; } .error-404-meta form { width: 280px; } .error-404-meta input[type="text"] { width: 244px; } .side-tabs { border-bottom: 3px solid #E5E5E5; } .side-tabs ul.tabs { float: none; width: 100%; padding: 0; border: none; } .side-tabs ul.tabs li { border: 1px solid #DDD; border-top: none; } .side-tabs ul.tabs li.active { border-right: 1px solid #DDD; margin-right: 0; } .side-tabs ul.tabs li.active a:hover { border-right: none; } .side-tabs .tab_content { padding: 20px 0; } .pricing { margin-bottom: 20px; } .pricing .pricing-wrap, .pricing3 .pricing-wrap, .pricing5 .pricing-wrap { float: none; width: 100%; margin-bottom: 20px; } .pricing .pricing-wrap.best-price { margin-left: 0; } .pricing-wrap .pricing-inner { border: 1px solid #E5E5E5; } .pricing-defines { display: none; } #copyrights { padding: 20px; } #copyrights .col_half { margin: 15px 0 0 !important; text-align: center !important; } #copyrights .col_half:first-child { margin: 0 !important; } #copyrights a, #copyrights span.link-divider { margin: 0 4px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { #wrapper { width: 480px !important; margin: 0 auto; } .container { width: 440px; } #slider, .slider-wrap, .ei-slider, .rs-slider, #slider.slider-nivo, .nivoSlider, .camera_wrap, #slider.piecemaker-slider { height: 188px; } #slider.revolution-slider .fullwidthbanner-container, #slider.revolution-slider .fullwidthbanner { height: 188px !important; max-height: 188px !important; } #slider.thumb-slider { height: auto; } #slider.thumb-slider .flex-prev, #slider.thumb-slider .flex-next { bottom: 27px; } #slider.thumb-slider .flex-control-thumbs, #slider.thumb-slider .rs-thumb-wrap { height: 27px; } .flex-control-thumbs li, .rs-thumb-wrap a { width: 48px !important; height: 27px !important; } .rs-thumb-wrap a, .flex-control-thumbs li img { height: 24px !important; border-top: 3px solid #CCC; } .flex-control-thumbs li img, .rs-thumb-wrap a img { width: 48px !important; height: 24px !important; } .rs-thumb-wrap a img { border: none; } .countdown_section { width: 110px; font-size: 13px; line-height: 20px; } .countdown_amount { font-size: 54px; line-height: 60px; } .lp-subscribe form { max-width: 440px; } .lp-subscribe .lp-subscribe-input { width: 303px; } .lp-subscribe input[type="text"] { width: 243px; } #portfolio, .postcontent #portfolio { margin: 0 -10px -10px 0; } .portfolio-item, .postcontent .portfolio-item { margin: 0 10px 10px 0; width: 215px; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img, .postcontent .portfolio-item .portfolio-image, .postcontent .portfolio-item .portfolio-image a, .postcontent .portfolio-item .portfolio-image img { width: 215px; height: 168px; } #portfolio.portfolio-3, .postcontent #portfolio.portfolio-3 { margin: 0 -10px -10px 0; } .portfolio-3 .portfolio-item, .postcontent .portfolio-3 .portfolio-item { margin: 0 10px 10px 0; width: 215px; } .portfolio-3 .portfolio-item .portfolio-image, .portfolio-3 .portfolio-item .portfolio-image a, .portfolio-3 .portfolio-item .portfolio-image img, .postcontent .portfolio-3 .portfolio-image, .postcontent .portfolio-3 .portfolio-image a, .postcontent .portfolio-3 .portfolio-image img { width: 215px; height: 146px; } #portfolio.portfolio-2, .postcontent #portfolio.portfolio-2 { margin: 0 0 -20px 0; } .portfolio-2 .portfolio-item, .postcontent .portfolio-2 .portfolio-item { margin: 0 0 20px 0; width: 440px; } .portfolio-2 .portfolio-item .portfolio-image, .portfolio-2 .portfolio-item .portfolio-image a, .portfolio-2 .portfolio-item .portfolio-image img, .postcontent .portfolio-2 .portfolio-image, .postcontent .portfolio-2 .portfolio-image a, .postcontent .portfolio-2 .portfolio-image img { width: 440px; height: 280px; } #portfolio.portfolio-5 { margin: 0 -10px -10px 0; } .portfolio-5 .portfolio-item { width: 215px; margin: 0 10px 10px 0; } .portfolio-5 .portfolio-item .portfolio-image, .portfolio-5 .portfolio-item .portfolio-image a, .portfolio-5 .portfolio-item .portfolio-image img { width: 215px; height: auto; } #portfolio .slider-wrap, .postcontent #portfolio .slider-wrap { height: 168px; } #portfolio.portfolio-3 .slider-wrap, .postcontent #portfolio.portfolio-3 .slider-wrap { height: 146px; } #portfolio.portfolio-2 .slider-wrap, .postcontent #portfolio.portfolio-2 .slider-wrap { height: 280px; } .portfolio-overlay-wrap, .portfolio-3 .portfolio-overlay-wrap { display: none; } .portfolio-2 .portfolio-overlay-wrap { display: block; } #portfolio .p-overlay-icons, #portfolio.portfolio-3 .p-overlay-icons { top: 50%; margin-top: -14px; width: 58px; left: 50%; margin-left: -29px; } #portfolio.portfolio-2 .p-overlay-icons { position: absolute; top: auto; left: auto; bottom: 0; right: 0; width: auto; height: 28px; margin-top: 0; margin-left: 0; } .portfolio-title h3 { font-size: 13px; } #portfolio-details-wrap .port-terms h5 { width: 150px; } .scroll-portfolio .portfolio-item { width: 215px !important; } .scroll-portfolio .portfolio-item .portfolio-image, .scroll-portfolio .portfolio-item .portfolio-image > a, .scroll-portfolio .portfolio-item .portfolio-image > a > img { width: 215px !important; height: 168px; } #portfolio-related-items li, #portfolio-related-items li > a, #portfolio-related-items li > img, .postcontent #portfolio-related-items li, .postcontent #portfolio-related-items li > a, .postcontent #portfolio-related-items li > img { display: block; width: 143px !important; height: 111px; } .related-posts { margin: 0 -10px 0 0; } .related-posts li, .col_full .related-posts li { margin: 0 10px 0 0; width: 140px !important; } .rpost-image, .rpost-image a, .rpost-image img, .col_full .rpost-image, .col_full .rpost-image a, .col_full .rpost-image img { width: 140px !important; height: 102px; } .our-clients li, .our-clients li a, .our-clients li img { width: 128px !important; height: 82px; } .our-team.team-4 { margin: 0 -20px 10px 0; } .team-member { width: 440px; } .team-4 .team-member { margin: 0 20px 20px 0; width: 210px; } .team-image, .team-image img { width: 440px; height: 367px; } .team-4 .team-image, .team-4 .team-image img { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } .sidebar-widgets-wrap, .footer-widgets-wrap { position: relative; margin: 0 -21px -40px -2px; } .sidebar-widgets-wrap .widget { width: 210px; margin: 0 20px 40px 0; border-top: none; padding-top: 0; } .sidebar-widgets-wrap .widget-scroll-prev, .sidebar-widgets-wrap .widget-scroll-next { top: 0; } #footer .col_one_fourth { width: 210px; margin: 0 20px 40px 0 !important; } .widget .tab_widget ul.tabs li a { font-size: 13px; padding: 0 12px; font-weight: bold; } .sidebar-widgets-wrap .widget, #footer .col_one_fourth { display: inline-block; vertical-align: top; float: none; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #wrapper { width: 320px !important; margin: 0 auto; } .container { width: 280px; } #top-social ul { margin: 0 -20px; } #slider, .slider-wrap, .ei-slider, .rs-slider, #slider.slider-nivo, .nivoSlider, .camera_wrap, #slider.piecemaker-slider { height: 125px; } #slider.revolution-slider .fullwidthbanner-container, #slider.revolution-slider .fullwidthbanner { height: 125px !important; max-height: 125px !important; } #slider.thumb-slider { height: auto; } #slider.thumb-slider .flex-prev, #slider.thumb-slider .flex-next { bottom: 19px; } #slider.thumb-slider .flex-control-thumbs, #slider.thumb-slider .rs-thumb-wrap { height: 19px; } .flex-control-thumbs li, .rs-thumb-wrap a { width: 32px !important; height: 19px !important; } .rs-thumb-wrap a, .flex-control-thumbs li img { height: 32px !important; border-top: 3px solid #CCC; } .flex-control-thumbs li img, .rs-thumb-wrap a img { width: 32px !important; height: 16px !important; } .rs-thumb-wrap a img { border: none; } .countdown_section { width: 70px; font-size: 12px; line-height: 20px; } .countdown_amount { font-size: 42px; line-height: 48px; } .lp-subscribe form { text-align: center; max-width: 280px; } .lp-subscribe .lp-subscribe-input { width: 280px; } .lp-subscribe input[type="text"] { width: 220px; margin-bottom: 10px !important; } .lp-subscribe .lp-subscribe-submit { float: none; } .lp-subscribe input[type="submit"] { display: inline-block; } #portfolio-filter li { width: 50%; } #portfolio, .postcontent #portfolio { margin: 0 0 -10px 0; } .portfolio-item, .postcontent .portfolio-item { margin: 0 0 10px 0; width: 280px; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img, .postcontent .portfolio-item .portfolio-image, .postcontent .portfolio-item .portfolio-image a, .postcontent .portfolio-item .portfolio-image img { width: 280px; height: 219px; } #portfolio.portfolio-3, .postcontent #portfolio.portfolio-3 { margin: 0 0 -10px 0; } .portfolio-3 .portfolio-item, .postcontent .portfolio-3 .portfolio-item { margin: 0 0 10px 0; width: 280px; } .portfolio-3 .portfolio-item .portfolio-image, .portfolio-3 .portfolio-item .portfolio-image a, .portfolio-3 .portfolio-item .portfolio-image img, .postcontent .portfolio-3 .portfolio-image, .postcontent .portfolio-3 .portfolio-image a, .postcontent .portfolio-3 .portfolio-image img { width: 280px; height: 190px; } #portfolio.portfolio-2, .postcontent #portfolio.portfolio-2 { margin: 0 0 -10px 0; } .portfolio-2 .portfolio-item, .postcontent .portfolio-2 .portfolio-item { margin: 0 0 10px 0; width: 280px; } .portfolio-2 .portfolio-item .portfolio-image, .portfolio-2 .portfolio-item .portfolio-image a, .portfolio-2 .portfolio-item .portfolio-image img, .postcontent .portfolio-2 .portfolio-image, .postcontent .portfolio-2 .portfolio-image a, .postcontent .portfolio-2 .portfolio-image img { width: 280px; height: 178px; } #portfolio.portfolio-5 { margin: 0 -10px -10px 0; } .portfolio-5 .portfolio-item { width: 280px; margin: 0 10px 10px 0; } .portfolio-5 .portfolio-item .portfolio-image, .portfolio-5 .portfolio-item .portfolio-image a, .portfolio-5 .portfolio-item .portfolio-image img { width: 280px; height: auto; } #portfolio .slider-wrap, .postcontent #portfolio .slider-wrap { height: 219px; } #portfolio.portfolio-3 .slider-wrap, .postcontent #portfolio.portfolio-3 .slider-wrap { height: 190px; } #portfolio.portfolio-2 .slider-wrap, .postcontent #portfolio.portfolio-2 .slider-wrap { height: 178px; } .portfolio-title h3 { font-size: 13px; } .portfolio-2 .portfolio-overlay-wrap { font-size: 12px; line-height: 20px; } #portfolio-details-wrap .port-terms h5 { width: 110px; } .scroll-portfolio .portfolio-item { width: 280px !important; } .scroll-portfolio .portfolio-item .portfolio-image, .scroll-portfolio .portfolio-item .portfolio-image > a, .scroll-portfolio .portfolio-item .portfolio-image > a > img { width: 280px !important; height: 218px; } #portfolio-related-items li, #portfolio-related-items li > a, #portfolio-related-items li > img, .postcontent #portfolio-related-items li, .postcontent #portfolio-related-items li > a, .postcontent #portfolio-related-items li > img { display: block; width: 137px !important; height: 106px; } .small-posts .entry_image { float: none; width: 100%; margin: 0 0 20px 0; } .entry_c, .col_full .entry_c { margin-left: 15px; width: 205px; } .postcontent .small-posts .entry_c, .col_full .small-posts .entry_c { width: 100%; margin: 0; } .entry_title { margin-bottom: 10px; } .entry_image .post-overlay { width: 24px; height: 24px; padding: 6px; line-height: 24px; font-size: 22px; } .entry_share a { margin: 0 4px; } .related-posts { margin: 0 -10px 0 0; } .related-posts li, .col_full .related-posts li { margin: 0 10px 0 0; width: 135px !important; } .rpost-image, .rpost-image a, .rpost-image img, .col_full .rpost-image, .col_full .rpost-image a, .col_full .rpost-image img { width: 135px !important; height: 98px; } .tab_widget ul.tabs { height: 36px; } .side-tabs ul.tabs { height: auto; } .tab_widget ul.tabs li { height: 33px; line-height: 33px; } .side-tabs ul.tabs li { height: 40px; line-height: 40px; } .tab_widget ul.tabs li a { font-size: 12px; padding: 0 4px; font-weight: normal; } .tabbed-widget .tab_widget ul.tabs a { padding: 0 4px; } .side-tabs ul.tabs li a { font-size: 14px; padding: 0 15px; font-weight: bold; } .tab_widget ul.tabs li a i { font-size: 15px; width: 15px; height: 15px; margin-right: 2px; } .side-tabs ul.tabs li a i { font-size: 18px; width: 18px; height: 18px; margin-right: 8px; } .our-clients li, .our-clients li a, .our-clients li img { width: 124px !important; height: 80px; } .our-team.team-4 { margin: 0 0 0 0; } .team-member { width: 280px; } .team-4 .team-member { margin: 0 0 30px 0; width: 280px; } .team-image, .team-image img { width: 280px; height: 233px; } .team-4 .team-image, .team-4 .team-image img { width: 270px; height: 270px; border-radius: 135px; -moz-border-radius: 135px; -webkit-border-radius: 135px; } .sidebar-widgets-wrap { margin: 0; } .sidebar-widgets-wrap .widget { width: 280px; margin: 30px 0 0; } .sidebar-widgets-wrap .widget-scroll-prev, .sidebar-widgets-wrap .widget-scroll-next { top: 30px; } .sidebar-widgets-wrap .widget:first-child .widget-scroll-prev, .sidebar-widgets-wrap .widget:first-child .widget-scroll-next { top: 0; } .footer-widgets-wrap { margin: 0; } #footer .col_one_fourth { width: 280px; padding-top: 30px; margin: 30px 0 0 0 !important; border-top: 3px double #E5E5E5; } #footer.footer-dark .col_one_fourth { border-top-color: #404040; } #footer .col_one_fourth:first-child { padding-top: 0; margin-top: 0 !important; border: none; } .widget_search input[type="text"] { width: 233px; } .widget .tab_widget ul.tabs { height: 42px; } .widget .tab_widget ul.tabs li { height: 39px; line-height: 39px; } .widget .tab_widget ul.tabs li a { font-size: 14px; padding: 0 15px; font-weight: bold; } .widget .tab_widget ul.tabs li a i { font-size: 18px; width: 18px; height: 18px; margin-right: 5px; } .portfolio-widget .portfolio-item { width: 280px; } .portfolio-widget .portfolio-item .portfolio-image, .portfolio-widget .portfolio-item .portfolio-image a, .portfolio-widget .portfolio-item .portfolio-image img { width: 280px; height: 218px; } .entry_meta { position: relative; margin: 0 -7px -3px 0; } .post-single .entry_meta { margin-bottom: 12px; } .entry_meta li { margin: 0 7px 3px 0; float: left; font-size: 12px; color: #999; } .entry_meta li a { color: #999; font-family: "Open Sans", sans-serif; } .entry_meta li a:hover { color: #57B3DF; } .entry_meta li i { display: inline-block; position: relative; top: 1px; margin-right: 2px; font-size: 15px; } .entry_meta li span { display: inline-block; margin-right: 7px; font-size: 13px; } .entry span.page-divider { margin: 12px 0; } .entry span.page-divider span { } .small-posts span.page-divider { margin: 20px 0 12px; } .postcontent .small-posts span.page-divider span { width: 20%; } .entry_content { position: relative; font-size: 13px; margin-bottom: -20px; } .entry_share { position: relative; margin: 20px 0; padding: 10px 0; line-height: 24px; } .entry_share span { display: block; float: left; margin-right: 15px; } .entry_share a { display: block; float: left; width: 32px; height: 32px; margin-left: 10px; } .entry_share a img { display: block; margin: 0; width: 24px; height: 24px; }