/* Theme Name: Dare Theme URI: http://www.themeforest.net/user/mounte/portfolio Author: Dor Bens / Mounte Author URI: http://www.themeforest.net/user/mounte Description: The perfect theme for creative agencies. Version: 1.0.0 Tags: responsive, 960 grid system */ /* Table of Content ================================================== #Imports #Reset & Basics #Typography #Links #Lists #Dropcaps #Highlights #Header #Slider #Pageinfo #Content #Portfolio & Recent works #Latest Posts #Partners #Footer #Copyrights #Social Icons #Post Types #Tooltips #Infobox #Accordion #Team Members #Pagenav #Slideshow #Sidebar #UI Elements #Blog Post #Contact Us page #Comments #Alert Boxes #Tabs #Testimonials #Pricing Tables #Isotope #FlexSlider #back-to-top */ /* #Imports ================================================== */ /* #Reset & Basics ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { line-height: 1; background-color: #f7f7f7; background-image: url(../images/bg5.jpg); background-repeat: repeat; background-attachment: fixed; border-top: 3px solid #d33c14; font: 14px/21px "Open Sans", Arial, sans-serif; color: #444; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: none; } iframe { margin-bottom: 20px; } iframe:last-child { margin-bottom: 0; } ::selection { text-shadow: none; background: #ccc; color: #f7f7f7; } ::-moz-selection { text-shadow: none; background: #ccc; color: #f7f7f7; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #404040; font-family: "Open Sans", Arial, sans-serif; font-weight: 700; } .container h1, .container h2, .container h3, .container h4, .container h5, .container h6 { margin-bottom: 15px !important; } .container > h4 { margin-left: 10px; margin-right: 10px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } .columns h4 { margin-bottom: 0; } .feature h4 { margin-bottom: 0; } h1 { font-size: 30px; line-height: 50px; margin-bottom: 0;} h2 { font-size: 25px; line-height: 40px; margin-bottom: 0; } h3 { font-size: 22px; line-height: 34px; margin-bottom: 0; } h4 { font-size: 14px; line-height: 30px; margin-bottom: 0; } h5 { font-size: 13px; line-height: 24px; } h6 { font-size: 11px; line-height: 21px; } p { margin: 0; color: #a6a6a6; font-size: 12px; line-height: 25px; } p:last-child { margin-bottom: 0; } p img { margin: 0; } .margin10 p { margin-bottom: 10px !important; } em { font-style: italic; } strong { font-weight: 600; color: #999; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 13px; font-weight: 400; line-height: 24px; color: #666; font-style: normal; } blockquote { margin: 20px 0; padding: 10px 20px; border-left: 5px solid #d33c14; } blockquote p:first-of-type { margin-top: 0 !important; } blockquote p:last-of-type { margin-bottom: 0 !important; } hr { border:0; border-bottom: 1px dotted #d6d6d6; margin: 20px 0 40px; height:0; clear: both;} .align-right { text-align: right; } .align-center { text-align: center; } .align-left { text-align: left; } .widget, .one.column p, .two.columns p, .three.columns p, .four.columns p, .five.columns p, .six.columns p, .seven.columns p, .eight.columns p, .nine.columns p, .ten.columns p, .eleven.columns p, .twelve.columns p { margin-top: 0; margin-bottom: 20px; text-align: justify; } /* #Links ================================================== */ a, a:visited { color: #404040; text-decoration: none; outline: 0; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; } a:hover, a:focus { color: #d33c14; } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 0; color: #a6a6a6; font-size: 12px; } ul:last-child, ol:last-child { margin-bottom: 0; } ul { list-style: none outside; margin-bottom: 15px !important; } ul:last-child { margin-bottom: 0 !important; } ul li { margin: 13px 0; padding: 1px 0; } ul li:first-child { margin-top: 0; } ul li:last-child { margin-bottom: 0; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 0; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 0; } li { line-height: 25px; margin-bottom: 0; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* ul - check style */ ul.check { margin-bottom: 0; } ul.check li { background: url(../images/list-check.png) 0 0 no-repeat; line-height: 10px; margin-bottom: 0; padding-left: 20px; } /* ul - arrow style */ ul.arrow { margin-bottom: 0; } ul.arrow li { background: url(../images/list-arrow.png) 0 0 no-repeat; line-height: 10px; margin-bottom: 0; padding-left: 20px; } /* ul - star style */ ul.star { margin-bottom: 0; } ul.star li { background: url(../images/list-star.png) 0 0 no-repeat; line-height: 10px; margin-bottom: 0; padding-left: 20px; } /* ul - close style */ ul.close { margin-bottom: 0; } ul.close li { background: url(../images/list-close.png) 0 0 no-repeat; line-height: 10px; margin-bottom: 0; padding-left: 20px; } /* ul - square style */ ul.square { margin-bottom: 0; margin-left:0; } ul.square li { list-style-type: none; margin:0; padding:0; background: url(../images/list-square.png) 0 0 no-repeat; line-height: 10px; margin-bottom: 0; padding-left: 20px; } /* ul - plus style */ ul.plus { margin-bottom: 0; } ul.plus li { background: url(../images/list-plus.png) 0 0 no-repeat; line-height: 10px; margin-bottom: 0; padding-left: 20px; } /* ul - minus style */ ul.minus { margin-bottom: 0; } ul.minus li { background: url(../images/list-minus.png) 0 0 no-repeat; line-height: 10px; margin-bottom: 0; padding-left: 20px; } /* #Dropcaps ================================================== */ .dropcap { width: 32px; height: 32px; background: #404040; margin: 8px 12px; display: inline-block; float: left; font-size: 18px; font-weight: 700; border-radius: 32px; color: #f5f5f5; text-align: center; line-height: 30px; -moz-border-radius: 32px; -webkit-border-radius: 32px; } h4 .dropcap { float: none; margin: 0 12px 0 0; vertical-align: middle; } /* dropcap icons */ .dropcap.link { background-image: url(../images/dropcap-link.png); background-position: center center; background-repeat: no-repeat; text-indent: -9999px; } .dropcap.heart { background-image: url(../images/dropcap-heart.png); background-position: center center; background-repeat: no-repeat; text-indent: -9999px; } .dropcap.settings { background-image: url(../images/dropcap-settings.png); background-position: center center; background-repeat: no-repeat; text-indent: -9999px; } .dropcap.secure { background-image: url(../images/dropcap-secure.png); background-position: center center; background-repeat: no-repeat; text-indent: -9999px; } /*dropcap styles */ .dropcap.a { font-size: 42px; font-weight: 600; background-color: transparent; color: #404040; } .dropcap.b { background-color: transparent; } /* dropcap colors */ .dropcap.orange { background-color: #D33C14; color: #f5f5f5; } .dropcap.grey { background-color: #b3b3b3; color: #f5f5f5; } /* #Highlights ================================================== */ .highlight { padding: 1px 3px; margin: 0 2px; background-color: #e9e9e9; color: #404040; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .highlight.orange { background-color: #D33C14; color: #f7f7f7; } .highlight.green { background-color: #6a9d00; color: #f7f7f7; } .highlight.yellow { background-color: #e5c92c; color: #f7f7f7; } .highlight.blue { background-color: #136db8; color: #f7f7f7; } /* #Header ================================================== */ #header { line-height: 0; } #header #logo { padding: 60px 0; margin-bottom: 0 !important; } #header #nav { padding-top:58px; margin-bottom: 0 !important; } #header #nav select { display:none; } /* Menu */ #header #nav ul, #header #nav ul * { margin: 0; padding: 0; list-style: none; } #header #nav ul { line-height: 1.0; float: right; margin-bottom: 0 !important; } #header #nav ul ul { position: absolute; top: -9999px; width: 180px; /* left offset of submenus need to match (see below) */ opacity: 0; transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; } #header #nav ul ul li { width: 100%; } #header #nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #header #nav ul li { float: left; position: relative; } #header #nav > ul a { display: block; position: relative; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } #header #nav ul li:hover ul { left: 0; top: inherit; /* match top ul list item height */ z-index: 99; opacity: 1; } #header #nav ul li:hover li ul { top: -9999px; } #header #nav ul li li:hover ul { left: 180px; top: 0; } #header #nav ul li li:hover li ul{ top: -9999px; } #header #nav ul li li li:hover ul { left: 180px; top: 0; } #header #nav { float: left; } #header #nav ul a { padding: 10px; } #header #nav > ul > li { padding: 0 4px; } #header #nav > ul ul > li.active a { font-weight: 600; color: #f5f5f5; } #header #nav > ul > li > a { color: #404040; text-transform: uppercase; font-size: 11px; font-weight: 700; margin-bottom: 0; padding: 10px 10px 50px 10px; } #header #nav > ul > li > a:hover, #header #nav > ul > li.active > a { color: #d33c14; } #header #nav > ul > li.active,.hasChilds:hover { border-bottom: 3px solid #d33c14; background: url(../images/menu-active.png) bottom center no-repeat; } #header #nav > ul ul > li > a { color: #ccc; padding: 8px 20px; font-size:11px; border-bottom: 1px dotted #5b5b5b; } #header #nav > ul ul > li:last-child > a { border-bottom-width: 0; } #header #nav li li a { background: #3b3b3b; color: #ccc; line-height: 18px; } #header #nav > ul ul > li:first-child > a { border-top: 3px solid #d33c14; } #header #nav > ul ul > li:hover > a { background: #d33c14; color: #f7f7f7; outline: 0; } /* #Slider ================================================== */ #slider { background-color:#fff; position: relative; } #slider .slides li { margin: 0 !important; } #slider .flex-control-nav { display:none; } #slider .container { padding-top: 0px; padding-right: 0; padding-left: 0; padding-bottom: 0px; box-shadow: 0 6px 10px -12px #999; -moz-box-shadow: 0 6px 10px -12px #999; -webkit-box-shadow: 0 6px 15px -10px #b3b3b3; } .slides h1 { color: #404040; font-weight: 200; font-size: 36px; margin-bottom: 5px !important; } .slides h2 { color: #D33C14; font-weight: 700; font-size: 14px; margin-bottom: 5px !important; } .slides p { color: #b3b3b3; font-weight: 600; font-size: 11px; } .slides p:last-child { margin-bottom: 0; } .slides li { display: table; } .slides .image { width: 48%; display:table-cell; float:right; text-align: right; padding-top: 18px; padding-right: 5px; } .slides .image img,.slides .image iframe { float:right; } .slides .content { width: 50%; display:table-cell; float:left; text-align: left; } #slider .content .button { padding-top: 12px; padding-bottom: 12px;margin-bottom: 10px; } #slider:hover .flex-next,#slider:hover .flex-prev { opacity: 1; } #slider:hover .flex-next { right: -100px; } #slider:hover .flex-prev { left: -100px; } #slider .flex-next,#slider .flex-prev { text-indent: -9999px; font-size: 0; line-height: 0; width: 30px; height: 61px; position: absolute; top: 45%; display: inline-block; opacity: 0; background: url(../images/slider-nav.png) repeat-x; transition-property: left,right,opacity; transition-duration: 0.15s; transition-timing-function: ease; -moz-transition-property: left,right,opacity; -moz-transition-duration: 0.15s; -moz-transition-timing-function: ease; -webkit-transition-property: left,right,opacity; -webkit-transition-duration: 0.15s; -webkit-transition-timing-function: ease; } #slider .flex-prev { left:-150px; background-position: 0 0; } #slider .flex-next { right:-120px; background-position: -70px -60px; } #slider .flex-prev:hover { background-position: 30px 0; } #slider .flex-next:hover { background-position: 0 -60px; } /* #Pageinfo ================================================== */ #pageinfo { background-color:#fff; position: relative; } #pageinfo .container { padding: 30px 0; box-shadow: 0 6px 10px -12px #999; -moz-box-shadow: 0 6px 10px -12px #999; -webkit-box-shadow: 0 6px 15px -10px #b3b3b3; } #pageinfo h1 { font-size: 26px; font-weight: 200; display: inline-block; margin-bottom: 3px !important; color: #404040; text-transform: uppercase; margin-right: 12px; } #pageinfo h2 { font-size: 18px; font-weight: 200; display: inline-block; margin-bottom: 3px !important; color: #b3b3b3; } /* breadcrumbs */ #pageinfo .breadcrumbs { margin-top: 10px; font-size: 11px; color: #b3b3b3; text-align: right; } #pageinfo .breadcrumbs a { color: #b3b3b3; } #pageinfo .breadcrumbs a:hover{ color: #D33C14; } #pageinfo .breadcrumbs a.active, #pageinfo .breadcrumbs a.active:hover { color: #404040; } /* #Content ================================================== */ #content { padding: 40px 0 100px 0; } #content.contact-us { padding-top: 0px; } #content.contact-us.style2 { padding-top: 40px; } /* #Portfolio & Recent works ================================================== */ #portfolio { margin-bottom: 40px; } .item { line-height: 0; margin:20px 10px 0 10px !important; } #portfolio.style2 { margin-top: 20px; } #portfolio.style2.recent-works { margin-bottom: 30px; } #portfolio.style2 .item { margin: 0 10px !important; } .item .image { cursor:pointer; position:relative; overflow: hidden; } .item .image img { width: 100%; } .item .image > h5 { padding: 20px 10px; background: #fff; margin-top: 0; font-size: 11px; border-bottom: 1px solid #e3e3e3; margin-bottom: 0; } .item .image a { display: block; width: 100%; height: 100%; position:relative; } .item .image a > span { opacity: 0; filter:alpha(opacity=0); width: 100%; height:100%; position:absolute; z-index: 1; left: 0; top: 0; background:#D33C14 url(../images/gardient.png) 0 0 no-repeat; background-size: 100% 100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } #portfolio.style2 .image a > span { background: rgba(0,0,0,0.3) url(../images/item-enlarge.png) center center no-repeat; } .item .image a > span strong, .item .image a > span strong > span { display: block; text-align: left; line-height: 28px; } .item .image a > span strong > span { font-size: 14px; font-weight: 200; color: #e0e0e0; } /* smaller display for a smaller div */ .item.three .image a > span strong { font-size: 14px; line-height: normal; } .item.three .image a > span strong > span { font-size: 13px; } .item .image span strong { line-height: 36px; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0px; font-weight: 600; color: #f5f5f5; font-size: 24px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding: 0 20px 20px; width: 165px; } .item .image:hover span { opacity: 0.92; filter:alpha(opacity=92); } .item .image:hover span strong { opacity: 1; filter:alpha(opacity=100); top: 20px; } .style2 .item .image:hover span { opacity: 0.0; filter:alpha(opacity=0); } .style2 .item .image > a:hover > span { opacity: 1; filter:alpha(opacity=100); } .item-slideshow .prev,.item-slideshow .next { width: 30px; height: 30px; display:inline-block; text-indent: -9999px; font-size: 0; line-height: 0; background-color: #D33C14; position: absolute; top: 1px; z-index:10; background-image: url(../images/projects-nav.png); background-repeat: no-repeat; opacity: 0; transition-property: background,opacity; transition-duration: 0.15s; transition-timing-function: ease; -moz-transition-property: background,opacity; -moz-transition-duration: 0.15s; -moz-transition-timing-function: ease; -webkit-transition-property: background,opacity; -webkit-transition-duration: 0.15s; -webkit-transition-timing-function: ease; } .item-slideshow .next { right:0; background-position: -58px -30px; } .item-slideshow .prev { right:30px; background-position: 0 -30px; } .item-slideshow .next:hover,.item-slideshow .prev:hover { opacity: 0.85; } /* filter */ ul#filter { width: 100%; margin-bottom: 10px !important; border-bottom: 0px dotted #d6d6d6; padding-bottom: 0px; } ul#filter li { display: inline-block; margin-right: 10px; margin-bottom: 0; } ul#filter li a { display: inline-block; color: #a6a6a6; margin-right: 6px; } ul#filter li a:hover { color: #d33c14; } ul#filter li.active a { color: #d33c14; } /* item header (single project page) */ .item-header { width: 100%; display: table; } .item-header h3 { width: 75%; display: table-cell; font-weight: 600; font-size: 24px; color: #404040; } .item-header .projects-nav { width: 25%; display: table-cell; text-align: right; font-size: 0; line-height: 0; } /* item slideshow (single project page) */ .item-slideshow { margin-bottom: 20px; position: relative; } .item-slideshow:hover .prev,.item-slideshow:hover .next { display:block; opacity: 1; } .item-slideshow .prev:hover,.item-slideshow .next:hover { opacity: 0.85; } /* item overview (single project page) */ .item-overview h4 { margin-top:0; } .item-overview h4:first-child { margin-top:0; } .item-overview .button { margin-top: 10px; } /* projects navigation */ .projects-nav div { display: inline-block; margin-right: 1px; width: 30px; height: 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #ebebeb; background-image: url(../images/projects-nav.png); /* fallback */ background-image: url(../images/projects-nav.png), -moz-linear-gradient(top, #ebebeb 0%, #d9d9d9 100%); /* FF3.6+ */ background-image: url(../images/projects-nav.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ background-image: url(../images/projects-nav.png), -webkit-linear-gradient(top, #ebebeb 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ background-image: url(../images/projects-nav.png), -o-linear-gradient(top, #ebebeb 0%,#d9d9d9 100%); /* Opera 11.10+ */ background-image: url(../images/projects-nav.png), --ms-linear-gradient(top, #ebebeb 0%,#d9d9d9 100%); /* IE10+ */ background-image: url(../images/projects-nav.png), linear-gradient(to bottom, #ebebeb 0%,#d9d9d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */ border-bottom: 2px solid #ccc; } .projects-nav div:hover { background: #e0e0e0; background-image: url(../images/projects-nav.png); /* fallback */ background-image: url(../images/projects-nav.png), -moz-linear-gradient(top, #e0e0e0 0%, #e5e5e5 100%); /* FF3.6+ */ background-image: url(../images/projects-nav.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background-image: url(../images/projects-nav.png), -webkit-linear-gradient(top, #e0e0e0 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background-image: url(../images/projects-nav.png), -o-linear-gradient(top, #e0e0e0 0%,#e5e5e5 100%); /* Opera 11.10+ */ background-image: url(../images/projects-nav.png), --ms-linear-gradient(top, #e0e0e0 0%,#e5e5e5 100%); /* IE10+ */ background-image: url(../images/projects-nav.png), linear-gradient(to bottom, #e0e0e0 0%,#e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ } .projects-nav div a { display: block; width: 100%; height: 100%; } .projects-nav div.nav-prev { background-position: 0 0; } .projects-nav div.nav-all { background-position: -30px 0; } .projects-nav div.nav-next { background-position: -60px 0; } /* loader for portfolio items */ .loader { background: url(../images/loading.gif) center 30% no-repeat; } #portfolio.faded .item { visibility: hidden; opacity:0; } /* recent works (homepage) */ .recent-works { margin-bottom: 40px; } .recent-works .item { margin-top: 5px !important; } /* #Latest Posts ================================================== */ .post-home iframe { width: 100%; } .post-home > h4 { margin-bottom: 0 !important; line-height: 25px; font-size: 13px; font-weight: 600; } .post-home > div { font-size: 11px; color: #b3b3b3; margin-bottom: 5px; } .post-home > div span { width: 14px; height: 12px; display: inline-block; margin: 0; vertical-align: middle; } .post-home > div span:first-child { margin-left: 0; } /* #Partners ================================================== */ ul.partners { display:table; width:100%; text-align:center; display:table; width:100%; margin-top: 5px; margin-bottom: 20px !important; } .partners li { display:table-cell; width: 20%; background: #fff; border: 1px solid #e3e3e3; border-left-width: 0; box-shadow: 0 4px 4px -4px #e0e0e0,0 0 2px 0 #e0e0e0; -moz-box-shadow: 0 4px 4px -4px #e0e0e0,0 0 2px 0 #e0e0e0; -webkit-box-shadow: 0 4px 4px -4px #e0e0e0,0 0 2px 0 #e0e0e0; } .partners li:first-child { border-left: 1px solid #e3e3e3; } .partners li a { display: block; } .partners li img { vertical-align:middle; opacity: 0.6; padding: 20px 0; transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; } .partners li a:hover img { opacity:1; } /* #Footer ================================================== */ #footer { background-color: #333; padding: 40px 0; } #footer a,#footer a:visited, #copyrights a,#copyrights a:visited { color: #b3b3b3; } #footer a:hover, #copyrights a:hover { color: #d33c14; } #footer h4 { color: #bfbfbf; } #footer p { color: #FCFCFC; } /* Latest Posts */ #footer #latest-posts ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #404040; } #footer #latest-posts ul li:last-child { margin-bottom: 0; padding-bottom:0; border-bottom-width: 0; } #footer #latest-posts ul li .post-type { background-color: #3A3A3A; margin-right: 0; } #footer #latest-posts ul li .post-type:hover { background-color: #d33c14; } #footer #latest-posts ul li .post-details { padding-left: 10px; overflow: hidden; } #footer #latest-posts ul li span { display:block; font-size: 11px; color: #737373; } /* Latest Tweets */ #footer #latest-tweets ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #404040; color: #737373; } #footer #latest-tweets ul li:last-child { margin-bottom: 0; padding-bottom:0; border-bottom-width: 0; } #footer #latest-tweets ul li span { display:block; margin-top: 4px; font-size: 11px;} /* #Copyrights ================================================== */ #copyrights { background-color: #2e2e2e; padding: 20px 0; } #copyrights a:hover, #copyrights a:hover { color: #d33c14; } #copyrights h4 { color: #bfbfbf; margin-bottom: 0;font-size: 11px; } #copyrights p { color: #737373; font-size: 11px; margin-bottom: 0; } /* #Social icons ================================================== */ .social-icons { margin-top: 6px; display: inline-block; } ul.social-icons li { margin-top: 0; } .social-icons li { margin-bottom: 1px; float: left; width: 28px; height: 28px; background-repeat: repeat-y; background-position: 0 0; background-color: #e9e9e9; margin-right: 1px; transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out; } .social-icons.dark li { background-color: #525252; opacity:0.25; background-position: -28px 0px; } .social-icons li a { display: block; width: 100%; height: 100%; } .social-icons li a:hover { background: url(../images/gardient2.png) 0 0 no-repeat; background-size: 100% 100%; } .social-icons li:hover { background-position: 0 -28px; } .social-icons.dark li:hover { background-position: -28px -28px; } .social-icons li.skype { background-image: url('../images/icon-social-skype.png'); } .social-icons li.flickr { background-image: url('../images/icon-social-flickr.png'); } .social-icons li.twitter { background-image: url('../images/icon-social-twitter.png'); } .social-icons li.dribbble { background-image: url('../images/icon-social-dribbble.png'); } .social-icons li.facebook { background-image: url('../images/icon-social-facebook.png'); } .social-icons li.googleplus { background-image: url('../images/icon-social-googleplus.png'); } .social-icons li.forrest { background-image: url('../images/icon-social-forrest.png'); } .social-icons li.vimeo { background-image: url('../images/icon-social-vimeo.png'); } .social-icons li.rss { background-image: url('../images/icon-social-rss.png'); } /* hover */ .social-icons li.skype:hover { background-color: #3dc7f4; opacity:1; } .social-icons li.flickr:hover { background-color: #0063dc; opacity:1; } .social-icons li.twitter:hover { background-color: #3dc7f4; opacity:1; } .social-icons li.dribbble:hover { background-color: #ea4c89; opacity:1; } .social-icons li.facebook:hover { background-color: #3b5998; opacity:1; } .social-icons li.googleplus:hover { background-color: #dd4b39; opacity:1; } .social-icons li.forrest:hover { background-color: #4eac1b; opacity:1; } .social-icons li.vimeo:hover { background-color: #0daed7; opacity:1; } .social-icons li.rss:hover { background-color: #f39c06; opacity:1; } /* #Post Types ================================================== */ .post-type { margin-top: 6px; float: left; width: 34px; height: 34px; background-color: #ebebeb; background-repeat: repeat-y; transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out; margin-right: 12px; } .post-type a { width: 100%; height: 100%; display: block; } .post-type.regular-post, .post-type.video-post, .post-type.gallery-post { background-image: url('../images/icon-post-types.png'); } .post-type:hover { background-color: #d33c14; background-position: 32px; } .post-type.regular-post { background-position: 0 0; } .post-type.gallery-post { background-position: -34px 0; } .post-type.video-post { background-position: -68px 0; } .post-type.regular-post:hover { background-position: 0 -34px; } .post-type.gallery-post:hover { background-position: -34px -34px; } .post-type.video-post:hover { background-position: -68px -34px; } /* brighter icons for blog posts */ .post .post-type.regular-post { background-position: -102px 0; } .post .post-type.gallery-post { background-position: -136px 0; } .post .post-type.video-post { background-position: -170px 0; } .post .post-type.regular-post:hover { background-position: -102px -34px; } .post .post-type.gallery-post:hover { background-position: -136px -34px; } .post .post-type.video-post:hover { background-position: -170px -34px; } /* #Tooltips ================================================== */ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 3px 6px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #666; -webkit-box-shadow: 0 0 3px #666; -moz-box-shadow: 0 0 3px #666; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow, #tiptip_holder.tip_bottom #tiptip_arrow, #tiptip_holder.tip_right #tiptip_arrow, #tiptip_holder.tip_left #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); } @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } } /* #Infobox ================================================== */ .infobox { width: 100%; display: table; margin: 0; background: #fff; border-left: 3px solid #d33c14; padding: 20px; box-shadow: 0 5px 5px -5px #ccc; -moz-box-shadow: 0 5px 5px -5px #ccc; -webkit-box-shadow: 0 5px 5px -5px #ccc; margin: 20px 0 40px 0; } .infobox .content { display: table-cell; width: 80%; } .infobox .content h3 { font-size: 20px; font-weight: 700; color:#404040; margin-bottom: 0 !important; } .infobox .content h4 { font-size: 14px; font-weight: 400; color: #a6a6a6; margin-bottom: 0 !important; } .infobox .action { display: table-cell; width: 20%; text-align: right; vertical-align: middle; } /* style2 */ .infobox.style2 { padding: 0; margin: 0; background: transparent; border-width: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 25px; } .infobox.style2 h3:last-child,.infobox.style2 p:last-child { margin-bottom: 0 !important; } .infobox.style2 h3 { font-weight: 600; } .infobox.style2 p strong { color: #404040; font-weight: 700; margin-right: 4px; } .infobox.style2 p span { color: #404040; } /* #Accordion ================================================== */ .accordion { width: 100%; } .accordion h5 { padding: 6px 0; cursor: pointer; position: relative; margin: 0 !important; font-weight: 400; font-size: 12px; color: #a6a6a6; margin-bottom: 0; border-bottom: 1px dotted #d6d6d6; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; } .accordion h5:hover { color: #d33c14; } .accordion h5 span { display: inline-block; width: 15px; height: 15px; margin-right: 10px; vertical-align: middle; background: url(../images/plus-minus.png) 0 0 no-repeat; transition: background 0.3s; -moz-transition: background 0.3s; -webkit-transition: background 0.3s; } .accordion h5.active { color: #d33c14; border-bottom-width:0; margin-bottom: 0; } .accordion h5:last-of-type { border-bottom-width:0; } .accordion h5.active span { background-position: 0 -15px; } .accordion .content { display:none; padding-left: 26px; } .accordion .content.active { border-bottom: 1px dotted #d6d6d6; } .accordion .content:last-of-type { border-bottom-width: 0; } .accordion .content p { margin: 0 0 10px 0 !important; } /* #Team Members ================================================== */ .team-members { margin-bottom: 20px; overflow: hidden; } .team-members .desc,.team-members .nav { padding-top: 30px; } .team-members h2 { margin-bottom: 0 !important; font-size: 22px; font-weight: 700; color: #404040; } .team-members h5 { margin-bottom: 0; font-size: 14px; font-weight: 400; color: #b3b3b3; } .team-members .up, .team-members .down { width: 140px; height: 119px; background-image: url('../images/icon-arrow-up.png'); background-repeat: repeat-y; background-position: 0 0; cursor: pointer; transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out; } .team-members .down { background-image: url('../images/icon-arrow-down.png'); } .team-members .up:hover { background-position: 0 -119px; } .team-members .down:hover { background-position: 0 119px; } .team-members .up:active,.team-members .down:active { background-position: 0 121px; } .team-members .member{ overflow: hidden; display: none; } .team-members .member .desc { float: left;width: 55%; position:relative; top:-300px; } .team-members .member .picture { float: left; width: 40%; position:relative; left:-1000%; margin-right: 10px; } .team-members .member .picture img { max-width: 100%; } /* #Pagenav ================================================== */ ul.pagenav li { margin: 0;float:left; } .pagenav li a { color: #a6a6a6; float: left; margin-right: 10px; padding: 0 7px; line-height: 19px; border: 1px solid transparent; } .pagenav li a:hover { border-color: #e3e3e3; } .pagenav li.active a { background: #D33C14; border-color: #D33C14; } .pagenav li:hover a,.pagenav li:hover a { color: #404040; } .pagenav li.active a,.pagenav li.active:hover a { color: #f3f3f3; } .pagenav li.prev a,.pagenav li.next a { border-color: transparent; } /* #Slideshow ================================================== */ .slideshow { display:inline-block; width:100%; } .post-slideshow { position:relative; width:100%; line-height: 0; display: inline-block; } .post-slideshow .slideshow li { margin:0; line-height:0; width: 100%; } .post-slideshow:hover .prev,.post-slideshow:hover .next { opacity:1; } .slideshow,.slideshow li { margin: 0 !important; } /* slideshow navigation buttons */ .post-slideshow .prev,.post-slideshow .next { width: 30px; height: 30px; display:inline-block; text-indent: -9999px; font-size: 0; line-height: 0; background-color: #D33C14; position: absolute; top: 1px; z-index:10; background-image: url(../images/projects-nav.png); background-repeat: no-repeat; opacity: 0; transition-property: background,opacity; transition-duration: 0.15s; transition-timing-function: ease; -moz-transition-property: background,opacity; -moz-transition-duration: 0.15s; -moz-transition-timing-function: ease; -webkit-transition-property: background,opacity; -webkit-transition-duration: 0.15s; -webkit-transition-timing-function: ease; } .post-slideshow .next { right:0; background-position: -58px -30px; } .post-slideshow .prev { right:30px; background-position: 0 -30px; } .post-slideshow .next:hover,.post-slideshow .prev:hover { opacity: 0.85; } /* #Sidebar ================================================== */ #sidebar .widget { margin-bottom: 40px; } #sidebar .widget:last-child { margin-bottom: 0; } #sidebar .widget a,#sidebar .widget a:visited { color: #999; } #sidebar .widget a:hover { color: #D33C14; } /* search widget */ #sidebar #search.widget input { width: 100%; } /* faq */ #sidebar #faq.widget h5 { margin:0; } /* recent posts widget */ #sidebar #recent-posts.widget .post-image { float:left; width: 50px; height: 50px; margin-top:4px; } #sidebar #recent-posts.widget .post-headline { overflow: hidden; padding-left: 12px; line-height: 22px; } #sidebar #recent-posts.widget .post-headline span { display: block; font-size: 11px; color: #b3b3b3; } /* categories widget */ #sidebar #categories.widget ul li { background: url('../images/icon-arrow-right-small.png') 0 12px no-repeat; line-height: 22px; padding: 5px 11px; margin: 0; border-bottom: 1px dotted #d6d6d6; } #sidebar #categories.widget ul li:last-child { border-bottom-width: 0; } /* #UI Elements ================================================== */ /* button */ a.button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #e75832; /* Old browsers */ background: -moz-linear-gradient(top, #e75832 0%, #d33c14 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e75832), color-stop(100%,#d33c14)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e75832 0%,#d33c14 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e75832 0%,#d33c14 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e75832 0%,#d33c14 100%); /* IE10+ */ background: linear-gradient(to bottom, #e75832 0%,#d33c14 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e75832', endColorstr='#d33c14',GradientType=0 ); /* IE6-9 */ padding: 4px 26px; display: inline-block; color: #f7f7f7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: 800; font-size: 12px; outline: none; font-family: "Open Sans", "Times New Roman", Helvetica, Arial, sans-serif; line-height: 25px; border: 0; border-bottom: 2px solid #94361e; box-shadow: inset 0 -10px 10px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -10px 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 -10px 10px 0 rgba(0,0,0,0.1); cursor: pointer; transition: all 0.12s; -moz-transition: all 0.12s; -webkit-transition: all 0.12s; } /* small button */ a.button.small, button.small, input[type="submit"].small, input[type="reset"].small, input[type="button"].small { padding: 4px 16px; } /* large button */ a.button.large, button.large, input[type="submit"].large, input[type="reset"].large, input[type="button"].large { padding: 10px 18px; } a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #d33c14; /* Old browsers */ background: -moz-linear-gradient(top, #d33c14 0%, #e75832 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d33c14), color-stop(100%,#e75832)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d33c14 0%,#e75832 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d33c14 0%,#e75832 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d33c14 0%,#e75832 100%); /* IE10+ */ background: linear-gradient(to bottom, #d33c14 0%,#e75832 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d33c14', endColorstr='#e75832',GradientType=0 ); /* IE6-9 */ } /* light button style */ a.button.light, button.light, input[type="submit"].light, input[type="reset"].light, input[type="button"].light { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #808080; border-bottom: 2px solid #ccc; background: #ebebeb; background-image: -moz-linear-gradient(top, #ebebeb 0%, #d9d9d9 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, #ebebeb 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, #ebebeb 0%,#d9d9d9 100%); /* Opera 11.10+ */ background-image: --ms-linear-gradient(top, #ebebeb 0%,#d9d9d9 100%); /* IE10+ */ background-image: linear-gradient(to bottom, #ebebeb 0%,#d9d9d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */ } a.button.light:hover, button.light:hover, input[type="submit"].light:hover, input[type="reset"].light:hover, input[type="button"].light:hover { background: #e0e0e0; background-image: -moz-linear-gradient(top, #e0e0e0 0%, #e5e5e5 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, #e0e0e0 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, #e0e0e0 0%,#e5e5e5 100%); /* Opera 11.10+ */ background-image: --ms-linear-gradient(top, #e0e0e0 0%,#e5e5e5 100%); /* IE10+ */ background-image: linear-gradient(to bottom, #e0e0e0 0%,#e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ } /* dark button style */ a.button.dark, button.dark, input[type="submit"].dark, input[type="reset"].dark, input[type="button"].dark { border-bottom: 2px solid #686868; background: #a3a3a3; /* Old browsers */ background: -moz-linear-gradient(top, #a3a3a3 0%, #808080 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3a3), color-stop(100%,#808080)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a3a3a3 0%,#808080 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a3a3a3 0%,#808080 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a3a3a3 0%,#808080 100%); /* IE10+ */ background: linear-gradient(to bottom, #a3a3a3 0%,#808080 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#808080',GradientType=0 ); /* IE6-9 */ } a.button.dark:hover, button.dark:hover, input[type="submit"].dark:hover, input[type="reset"].dark:hover, input[type="button"].dark:hover { background: #808080; /* Old browsers */ background: -moz-linear-gradient(top, #808080 0%, #999999 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#999999)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #808080 0%,#999999 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #808080 0%,#999999 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #808080 0%,#999999 100%); /* IE10+ */ background: linear-gradient(to bottom, #808080 0%,#999999 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#999999',GradientType=0 ); /* IE6-9 */ } /* textbox */ input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #e6e6e6; padding: 10px 10px; outline: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-family: "Open Sans", "Times New Roman", Helvetica, Arial, sans-serif; font-size: 11px; color: #A6A6A6; margin: 0; width: 245px; max-width: 100%; display: block; background: #fff; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ transition: all 0.12s; -moz-transition: all 0.12s; -webkit-transition: all 0.12s; } input[type="text"].search{ background-image: url('../images/icon-search.png'); background-position: 10px center; background-repeat: no-repeat; padding-left: 35px; box-shadow: 0 1px 2px 0 #E5E5E5; -moz-box-shadow: 0 1px 2px 0 #E5E5E5; -webkit-box-shadow: 0 1px 2px 0 #E5E5E5; } #nav select { box-shadow: 0 1px 2px 0 #E5E5E5; -moz-box-shadow: 0 1px 2px 0 #E5E5E5; -webkit-box-shadow: 0 1px 2px 0 #E5E5E5; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus{ border-color: #dedede; box-shadow: 0 1px 2px 0 #e0e0e0; -moz-box-shadow: 0 1px 2px 0 #e0e0e0; -webkit-box-shadow: 0 1px 2px 0 #e0e0e0; } /* #Blog Posts ================================================== */ #blog-posts .slideshow .pagination { display:none; } .post > .post-slideshow { margin-bottom: 0; } .post .post-content > h4 { line-height: 25px; font-size: 16px; font-weight: 700; margin: 15px 0 0 0 !important; } #blog-posts2 .post .post-content > h4 { margin-top:0 !important; } .post .post-content > .details { font-size: 11px; color: #b3b3b3; margin-bottom: 17px; } .post .post-content > .details span { width: 14px; height: 12px; display: inline-block; margin: 0; vertical-align: middle; } .post .post-content > div span:first-child { margin-left: 0; } /* Blog Posts Alternative Style */ #blog-posts2 .post .post-slideshow { float:left; width: 260px; margin-right: 20px; overflow: hidden; } #blog-posts2 .post .post-content { overflow: hidden; } /* #Contact Us Page ================================================== */ .contact-us iframe#google-maps { border: 8px solid #fff; box-shadow: 0 0 8px 0 #e5e5e5; margin-bottom: 20px; -moz-box-shadow: 0 0 8px 0 #e5e5e5; -webkit-box-shadow: 0 0 8px 0 #e5e5e5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .contact-us h4 { margin: 0; } .contact-us h4:first-of-type { margin-top: 0; } .contact-us textarea { width: 80%; } /* #Comments ================================================== */ #comments { margin-bottom: 40px; } #comments ul { margin-bottom: 0; margin-left: 30px !important; } #comments ul:first-child { margin-left: 0 !important; } #comments ul li { padding: 20px 0 10px; border-top: 1px solid #e3e3e3; margin-bottom: 0; } #comments > ul > li:first-child { border-top-width: 0; padding-top:10px; } #comments li:last-child { padding-bottom: 0 ; } #comments > ul > li ul { padding-top: 20px; } #comments ul li p { line-height: 24px; } #comments li p:last-child { margin-bottom: 0; } #comments ul li .avatar { float:left; margin-top: 5px; } #comments ul li .details { padding-left: 20px; overflow: hidden; } #comments ul li .details span { margin-right: 6px; } #comments ul li .details span:last-child { margin-right: 0; } #comments ul li .details span.author { font-size: 12px; font-weight: 700; color: #333; } #comments ul li .details span.reply a,#comments ul li .details span.reply a:visited { font-size: 11px; color: #999; } #comments ul li .details span.reply a:hover { color: #333; } #comments ul li .details span.date { font-size: 11px; color: #a6a6a6; } #comments ul li .details span.comment { display: block; margin-top:10px; } /*Leave a Comment */ #add-comment input,#add-comment textarea { margin-bottom: 0; } #add-comment textarea { width:auto; } /* #Alert Boxes ================================================== */ .alert-warning, .alert-info, .alert-attention, .alert-success { display: block; width: 100%; padding: 4px 10px; margin: 0; color: #e9e9e9; font-size: 11px; line-height: 24px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-weight: 400; font-family: "Open Sans", "Times New Roman", Helvetica, Arial, sans-serif; cursor: default; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .alert-warning:last-child, .alert-info:last-child, .alert-attention:last-child, .alert-success:last-child { margin-bottom: 0; } .alert-warning:first-child, .alert-info:first-child, .alert-attention:first-child, .alert-success:first-child { margin-bottom: 0; } .alert-warning { background-color: #D21B1D; margin-bottom: 10px; } .alert-info { background-color: #5794B1; margin-bottom: 10px; } .alert-attention { background-color: #E3B61B; margin-bottom: 10px; } .alert-success { background-color: #90AC3E; margin-bottom: 10px; } .alert-warning strong, .alert-info strong, .alert-attention strong, .alert-success strong { font-weight: 700; color: #f5f5f5; } /* #Tabs ================================================== */ .tabs ul { padding: 0; clear: both; width: 100%; } .tabs ul li { display: inline; } .tabs ul li:first-child a { border-left: 1px solid #e3e3e3; } .tabs ul li.active a { color: #404040; } .tabs ul li a { position: relative; top: 1px; font-size: 11px; text-transform: uppercase; background: #f5f5f5; padding: 3px 22px; float:left; border: 1px solid #e3e3e3; border-left-width: 0; text-decoration: none; color: #999; font-weight: 700; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .tabs ul li.active a { background: #fff; border-top-color: #d33c14; border-bottom: 1px solid #fff; } .tabs .content { float: left; clear: both; border: 1px solid #e3e3e3; background: #fff; padding: 15px 20px 20px; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .tabs .content > div { opacity: 0; } .tabs p:last-child { margin-bottom: 0 !important; } /* #Testimonials ================================================== */ .testimonials-wrapper { position: relative; overflow: hidden; } .testimonial { position: relative; top:0; left:0; overflow: hidden; } .testimonial-content { min-height: 40px; color: #999; font-family: "Open Sans", "Times New Roman", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px; line-height: 24px; width: 100%; background: #fff; border: 1px solid #e3e3e3; padding: 14px 20px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .testimonial-author,.testimonial-author a { color: #999; font-family: "Open Sans", "Times New Roman", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px; line-height: 24px; } .testimonial-author a { font-weight: 600; color: #404040 } .testimonial-author a:hover { color: #D25447; } .testimonial-author { position: relative; top: -1px; background: url('../images/icon-testimonial.png') 40px 0 no-repeat; padding: 6px 0 0 70px; height: 27px; } .testimonial-next,.testimonial-prev { width: 18px; height: 18px; position: absolute; right: 1px; bottom: 6px; background: #d2d3d4 url('../images/icon-right-small.png') 0 0 repeat-y; cursor: pointer; transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out; } .testimonial-prev { right: 20px; background: #d2d3d4 url('../images/icon-left-small.png') 0 0 repeat-y; } .testimonial-next:hover,.testimonial-prev:hover { background-position: 0 -18px; background-color: #D25447 } /* #Pricing Tables ================================================== */ .pricing-table { font-family: "Open Sans", "Times New Roman", Helvetica, Arial, sans-serif; background: #fff; border: 1px solid #e3e3e3; border-radius: 6px; margin-bottom: 20px; -moz-border-radius: 6px; -webkit0border-radius: 6px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .pricing-table:last-child { margin-bottom: 0; } .pricing-table .title { font-weight: 700; font-size: 14px; text-transform: uppercase; display:block; color: #f5f5f5; text-align: center; padding: 12px 0; } .pricing-table .price { line-height: 32px; font-weight: 600; font-size: 42px; text-transform: normal; display:block; color: #f5f5f5; text-align: center; padding: 18px 0; } .pricing-table .price span { display: block; font-weight: 400; font-size: 11px; color: #ebebeb; margin-top: 6px; line-height: 15px; } .pricing-table .package { margin: 0 !important; } .pricing-table .package li { margin: 0; background: #f5f5f5; padding: 8px 20px; text-align: center; color: #999; } .pricing-table .package li:nth-child(2n+0) { background: #fff; } .pricing-table .action { border-top: 1px solid #e9e9e9; background: #f5f5f5; padding: 12px 20px; text-align: center; } .pricing-table .package li strong { font-weight: 700; color: #808080; } /* package style 1 */ .pricing-table.package-one .title { background: #5370b0; /* Old browsers */ background: -moz-linear-gradient(top, #5370b0 0%, #465fa4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5370b0), color-stop(100%,#465fa4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5370b0 0%,#465fa4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5370b0 0%,#465fa4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5370b0 0%,#465fa4 100%); /* IE10+ */ background: linear-gradient(to bottom, #5370b0 0%,#465fa4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5370b0', endColorstr='#465fa4',GradientType=0 ); /* IE6-9 */ } .pricing-table.package-one .price { border-top: 1px solid #6285c8; background: #6179ab url(../images/gardient.png) center -80px no-repeat; } /* package style 2 */ .pricing-table.package-two .title { background: #ce5c25; /* Old browsers */ background: -moz-linear-gradient(top, #ce5c25 0%, #c64e1f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce5c25), color-stop(100%,#c64e1f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ce5c25 0%,#c64e1f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ce5c25 0%,#c64e1f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ce5c25 0%,#c64e1f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ce5c25 0%,#c64e1f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce5c25', endColorstr='#c64e1f',GradientType=0 ); /* IE6-9 */ } .pricing-table.package-two .price { border-top: 1px solid #e0702d; background: #d26529 url(../images/gardient.png) center -80px no-repeat; } /* package style 3 */ .pricing-table.package-three .title { background: #659943; /* Old browsers */ background: -moz-linear-gradient(top, #659943 0%, #558938 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#659943), color-stop(100%,#558938)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #659943 0%,#558938 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #659943 0%,#558938 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #659943 0%,#558938 100%); /* IE10+ */ background: linear-gradient(to bottom, #659943 0%,#558938 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#659943', endColorstr='#558938',GradientType=0 ); /* IE6-9 */ } .pricing-table.package-three .price { border-top: 1px solid #74b44c; background: #77a758 url(../images/gardient.png) center -80px no-repeat; } /* package style 4 */ .pricing-table.package-four .title { background: #6b5239; /* Old browsers */ background: -moz-linear-gradient(top, #6b5239 0%, #5b4530 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b5239), color-stop(100%,#5b4530)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6b5239 0%,#5b4530 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6b5239 0%,#5b4530 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6b5239 0%,#5b4530 100%); /* IE10+ */ background: linear-gradient(to bottom, #6b5239 0%,#5b4530 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b5239', endColorstr='#5b4530',GradientType=0 ); /* IE6-9 */ } .pricing-table.package-four .price { border-top: 1px solid #7f6143; background: #6f5741 url(../images/gardient.png) center -80px no-repeat; } /* #Isotope ================================================== */ .isotope-item { z-index: 2 } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity, border; -moz-transition-property: -moz-transform, opacity, border; -ms-transition-property: -ms-transform, opacity, border; -o-transition-property: top, left, opacity, border; transition-property: transform, opacity, border; } .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; } .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* #FlexSlider ================================================== */ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { position: relative; zoom: 1; opacity: 0;} .flex-viewport {max-height: 2000px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../javascripts/jquery.ui.min.js) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -90px; text-align: center;} .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #e5e5e5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #bfbfbf; } .flex-control-paging li a.flex-active { background: #bfbfbf;cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /* #back-to-top ================================================== */ a#back-to-top { opacity: 0.9; display: none; width: 40px; height: 40px; background: #e5e5e5 url(../images/backtotop.png) 0 0 no-repeat; position: fixed; bottom: 20px; right: 20px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out; } a#back-to-top:hover { background-color: #D33C14; background-position: 0 -40px; }