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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } :focus { outline: 0 } ins { text-decoration: none } del { text-decoration: line-through } table { border-collapse: collapse; border-spacing: 0 } html { -webkit-font-smoothing: antialiased } body { font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #555e58; background-color: #f5f5f5 } a { text-decoration: none!important; color: #ffa300 } .clear { clear: both } .ui-tabs-hide { display: none } br.clear { margin: 0; padding: 0 } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #636b66; line-height: 1em; font-weight: 400; letter-spacing: -2px } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #636b66 } h1 { font-size: 30px } h2 { font-size: 24px } h3 { font-size: 22px } h4 { font-size: 18px } h5 { font-size: 16px } h6 { font-size: 14px } p { padding-bottom: 10px; line-height: 24px } strong { font-weight: 700; color: #1c1c1c } cite, em, i { font-style: italic } pre, code { font-family: Courier New, monospace; margin-bottom: 10px } ins { text-decoration: none } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline } sup { bottom: .8em } sub { top: .3em } dl { margin: 0 0 1.5em } dl dt { font-weight: 700 } dd { margin-left: 1.5em } blockquote { margin: 1.5em; padding: 1em; color: #666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc } blockquote p { padding-bottom: 0 } input[type=text], input[type=tel], input[type=email], input.text, input.title, textarea, select { background-color: #fff; border: 1px solid #bbb; padding: 2px; color: #4e4e4e } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color: #2D3940; color: #3e3e3e } input[type=text], input[type=tel], input[type=email], input.text, input.title, textarea, select { margin: .5em 0 } textarea { padding: 4px } img#about-image { float: left; margin: 3px 8px 8px 0 } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } * html .clearfix { zoom: 1 } :first-child+html .clearfix { zoom: 1 } #main-header { background-image: url(https://leyde.hn/coagreem/2017/02/bachground1.jpg); background-position: bottom center; background-size: cover; background-repeat: no-repeat } .container { text-align: left; margin: 0 auto; width: 960px; position: relative } #top-area { padding: 50px 0 100px } #logo { width: 255px; float: left; margin: -40px 0 0 -55px; position: absolute } @-webkit-keyframes hvr-pulse { 25% { -webkit-transform:scale(1.1); transform:scale(1.1) } 75% { -webkit-transform:scale(0.9); transform:scale(0.9) } } @keyframes hvr-pulse { 25% { -webkit-transform:scale(1.1); transform:scale(1.1) } 75% { -webkit-transform:scale(0.9); transform:scale(0.9) } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent } .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } #social-menu { position: absolute; right: 0; top: 0; margin: 10px; } #social-menu ul{ width: 100%; height: auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #social-menu li { float: left; padding: 5px; font-size: 20px } #social-menu li a { display: inline-block; float: left; color: #231f20; -webkit-transition: color 500ms ease; -moz-transition: color 500ms ease; -ms-transition: color 500ms ease; -o-transition: color 500ms ease; transition: color 500ms ease; } #social-menu li a:hover { color: #ffa300 } #social-menu li a.market{ border-radius: 5px; padding: 6px; box-sizing: border-box; -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } #social-menu li a.market:hover{ color: #231f20; } #top-menu { float: right; margin-top: 14px } #top-menu li { display: inline-block } #top-menu a, a.mobile_nav { font-size: 13px; color: #231f20; text-decoration: none; text-shadow: 1px 1px 3px rgba(255,255,255,0.8); padding: 15px 7px; display: block; font-weight: 700 } #featured { position: relative } #featured:after { content: ''; position: absolute; height: 13px; bottom: 0; left: 0; background: url(images/featured-shadow.png) no-repeat bottom center; width: 100% } #featured .container { text-align: center; line-height: 0 } #featured h2, #featured p { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2) } #featured h2 { font-size: 72px; font-weight: 800; margin-bottom: 14px; letter-spacing: -4px } #featured h2 span, #featured .description { font-weight: 300 } #featured .description { font-size: 36px; padding-bottom: 54px; color: #fff; letter-spacing: -1px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2) } #home-section-info { padding: 76px 0 104px; background-color: #fff } .home-section .container { text-align: center } #services { text-align: left; padding-bottom: 92px } .service { float: left; width: 274px; margin-right: 69px; padding-top: 150px; background: url(images/service.png) no-repeat top center; position: relative } .last { margin-right: 0!important } .service h3 { font-size: 24px; font-weight: 300; color: #a3a2a2; letter-spacing: 0 } a.learn-more, .comment-reply-link, .form-submit input { float: right; text-decoration: none; background: #f9f9f9; background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249,249,249,1)), color-stop(100%, rgba(246,246,246,1)), color-stop(100%, rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f2f2f2', GradientType=0); border: 1px solid #e0dddd; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); color: #9a9999; display: inline-block; padding: 10px 16px; text-shadow: 1px 1px 0 #fff } a.learn-more:hover, .blog-post a.learn-more:hover, .comment-reply-link:hover, #home-section-news a.more-info:hover, #home-section-projects a.more-info:hover, #home-section-pricing a.more-info:hover { color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); border: 1px solid #dd6141; -webkit-box-shadow: 1px 1px 0 #f89e68 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #f89e68 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #f89e68 inset, 0 1px 2px rgba(0,0,0,0.1); background: #f07b49; background: -moz-linear-gradient(top, rgba(240,123,73,1) 0%, rgba(230,104,71,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240,123,73,1)), color-stop(100%, rgba(230,104,71,1))); background: -webkit-linear-gradient(top, rgba(240,123,73,1) 0%, rgba(230,104,71,1) 100%); background: -o-linear-gradient(top, rgba(240,123,73,1) 0%, rgba(230,104,71,1) 100%); background: -ms-linear-gradient(top, rgba(240,123,73,1) 0%, rgba(230,104,71,1) 100%); background: linear-gradient(to bottom, rgba(240,123,73,1) 0%, rgba(230,104,71,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f07b49', endColorstr='#e66847', GradientType=0); -webkit-animation: bounceIn_custom .7s ease-in-out; -moz-animation: bounceIn_custom .7s ease-in-out; -o-animation: bounceIn_custom .7s ease-in-out; animation: bounceIn_custom .7s ease-in-out } #quote { position: relative; padding: 0 50px; background: url(images/left-qoute.png) no-repeat } #quote:after { content: ''; position: absolute; height: 24px; top: 0; right: 0; background: url(images/right-qoute.png) no-repeat; width: 26px } #quote h3 { font-size: 30px; color: #555e58; font-weight: 800; letter-spacing: -2px; padding-bottom: 12px } #quote p { font-size: 24px; color: #555e58; font-weight: 300; line-height: 36px; letter-spacing: -1px } #home-section-news { padding: 120px 0 127px; background-color: #FFF } #product_sorteable_box { height: 0; opacity: 0; } /* .zig-zag { position: relative; } .zig-zag:before{ content: ""; display: block; position: absolute; width: 100%; height: 10px; } .zig-zag:after{ content: ""; display: block; position: absolute; width: 100%; height: 10px; } .zig-zag.news:before{ -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 1px 2px); filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 1px 2px); background: linear-gradient( 45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667% ), linear-gradient( -45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667% ); background: -webkit-linear-gradient( 45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667% ), -webkit-linear-gradient( -45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667% ); background-size: 20px 40px; top: -10px; } .zig-zag.footer:before{ -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 1px 2px); filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 1px 2px); background: linear-gradient( 45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667% ), linear-gradient( -45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667% ); background: -webkit-linear-gradient( 45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667% ), -webkit-linear-gradient( -45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667% ); background-size: 20px 40px; top: -10px; } .zig-zag.map:before{ -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 3px 2px); filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 3px 2px); /*background: linear-gradient( 45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667% ), linear-gradient( -45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667% ); background: -webkit-linear-gradient( 45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667% ), -webkit-linear-gradient( -45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667% );*/ /* background: linear-gradient(-45deg, transparent 14px, #FFFFFF 0), linear-gradient(45deg, transparent 14px, #FFFFFF 0); background-repeat: repeat-x; background-position: left bottom; background-size: 20px 40px; top: 0px; z-index: 999; }*/ .responsiveimg { display: none } #home-section-news .section-title, #home-section-pricing .section-title { text-shadow: 1px 1px 1px rgba(0,0,0,0.7) } #home-section-news .section-title h2, #home-section-news .section-title .section-subtitle, #home-section-pricing .section-title h2, #home-section-pricing .section-title .section-subtitle { color: #636b66 } .section-title h2, #page-name h1 { font-size: 72px; font-weight: 800; padding-bottom: 15px; letter-spacing: -4px } .section-title span { font-weight: 300 } .section-title .section-subtitle, .main_post_info { font-size: 36px; font-weight: 300 } .home-section .section-title { padding-bottom: 55px } #blog-posts { text-align: left } .blog-post { float: left; width: 274px; margin: 0 69px 60px 0; text-shadow: 1px 1px 0 rgba(0,0,0,0.3) } .blog-post h3 { font-size: 22px; font-weight: 800; padding-bottom: 7px; letter-spacing: -1px } .blog-post h3 a { text-decoration: none; color: #fff } .blog-post .meta-info { color: #b0bab4; padding-bottom: 3px } .blog-post .meta-info a { color: #b0bab4; text-decoration: none } .blog-post p { color: #fff } .blog-post a.learn-more { background: #69736d; background: -moz-linear-gradient(top, rgba(105,115,109,1) 0%, rgba(99,107,102,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(105,115,109,1)), color-stop(100%, rgba(99,107,102,1))); background: -webkit-linear-gradient(top, rgba(105,115,109,1) 0%, rgba(99,107,102,1) 100%); background: -o-linear-gradient(top, rgba(105,115,109,1) 0%, rgba(99,107,102,1) 100%); background: -ms-linear-gradient(top, rgba(105,115,109,1) 0%, rgba(99,107,102,1) 100%); background: linear-gradient(to bottom, rgba(105,115,109,1) 0%, rgba(99,107,102,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#69736d', endColorstr='#636b66', GradientType=0); border: 1px solid #535955; -webkit-box-shadow: 0 1px 0 #77837c inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 #77837c inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 0 #77837c inset, 0 1px 2px rgba(0,0,0,0.1); color: #3d433f; text-shadow: 1px 1px 0 rgba(255,255,255,0.3) } a.more-info { text-decoration: none; border-radius: 10px 10px 10px 10px; display: inline-block; padding: 18px 26px; font-size: 30px; font-weight: 300 } #home-section-news a.more-info { background: #636a66; background: -moz-linear-gradient(top, rgba(99,106,102,1) 1%, rgba(82,91,85,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(99,106,102,1)), color-stop(100%, rgba(82,91,85,1))); background: -webkit-linear-gradient(top, rgba(99,106,102,1) 1%, rgba(82,91,85,1) 100%); background: -o-linear-gradient(top, rgba(99,106,102,1) 1%, rgba(82,91,85,1) 100%); background: -ms-linear-gradient(top, rgba(99,106,102,1) 1%, rgba(82,91,85,1) 100%); background: linear-gradient(to bottom, rgba(99,106,102,1) 1%, rgba(82,91,85,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#636a66', endColorstr='#525b55', GradientType=0); border: 1px solid #404642; -webkit-box-shadow: 0 1px 0 #748078 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 #748078 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 0 #748078 inset, 0 1px 2px rgba(0,0,0,0.1); color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.6) } #home-section-projects { padding: 113px 0 120px; background-color: #f5f5f5; background-image: url(images/feature_classes_bg.jpg) } #home-section-projects .section-title { text-shadow: 1px 1px 1px #fff } #home-section-projects .section-title h2, #home-section-projects .section-title .section-subtitle { color: #636b66 } #home-section-projects a.more-info { background: #f9f9f9; background: -moz-linear-gradient(top, rgba(249,249,249,1) 1%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(249,249,249,1)), color-stop(100%, rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(249,249,249,1) 1%, rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(249,249,249,1) 1%, rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(249,249,249,1) 1%, rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(249,249,249,1) 1%, rgba(242,242,242,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f2f2f2', GradientType=0); border: 1px solid #e0dddd; -webkit-box-shadow: 0 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); color: #636b66; text-shadow: 1px 1px 0 rgba(255,255,255,0.3) } #home-section-pricing a.more-info { background: #3d4b55; background: -moz-linear-gradient(top, rgba(61,75,85,1) 1%, rgba(53,66,75,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(61,75,85,1)), color-stop(100%, rgba(53,66,75,1))); background: -webkit-linear-gradient(top, rgba(61,75,85,1) 1%, rgba(53,66,75,1) 100%); background: -o-linear-gradient(top, rgba(61,75,85,1) 1%, rgba(53,66,75,1) 100%); background: -ms-linear-gradient(top, rgba(61,75,85,1) 1%, rgba(53,66,75,1) 100%); background: linear-gradient(to bottom, rgba(61,75,85,1) 1%, rgba(53,66,75,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d4b55', endColorstr='#35424b', GradientType=0); border: 1px solid #2d363d; -webkit-box-shadow: 0 1px 0 #495a66 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 #495a66 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 0 #495a66 inset, 0 1px 2px rgba(0,0,0,0.1); color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.6) } #page-name { text-align: center; margin-top: -40px } #page-name .section-title h1, #page-name .section-title .section-subtitle, .main_post_info { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.4) } #page-name .section-title { padding-bottom: 55px } #main-area { background-color: #fff; border-bottom: 1px solid #e0dddd } #content-area { padding: 65px 0 40px; position: relative } #content-area:before { border-left: 1px solid #e0dddd; content: ""; height: 100%; left: 691px; position: absolute; top: 0; width: 1px } #left-area { float: left; margin-right: 80px; width: 611px } .entry { float: left; width: 265px; margin-right: 80px; margin-bottom: 80px } .post-title { text-align: center; position: relative; border-bottom: 1px solid #f0efef; margin-bottom: 10px } .post-title:before { content: ""; height: 8px; left: 50%; position: absolute; bottom: -7px; width: 13px; margin-left: -6px; background: url(images/post-title-bg.jpg) no-repeat } .entry h2.title { font-size: 22px; font-weight: 800; padding-bottom: 5px; letter-spacing: -1px } .entry h2.title a { text-decoration: none; color: #555e58 } .entry h2.title a:hover { color: #111 } .entry .meta-info { font-size: 14px; font-weight: 300; font-style: italic } .entry .meta-info a { text-decoration: none; color: #555e58 } .entry .meta-info a:hover { color: #111 } .et_page_icon { position: absolute; top: 34px; left: 120px } .blog-post-image { text-align: center; margin-bottom: 10px } .blog-post-image a, .portfolio-image { display: inline-block; position: relative } .blog-post-image img, .portfolio-image img { display: block } .blog-post-image img, .blog-post-image .overlay, .portfolio-image img, .portfolio-image .overlay, .portfolio_description { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100% } .opera .blog-post-image img, .opera .blog-post-image .overlay, .opera .portfolio-image img, .opera .portfolio-image .overlay, .opera .portfolio_description { border-radius: 100em } .blog-post-image .overlay, .portfolio-image .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.7), 1px 1px 0 rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.7), 1px 1px 0 rgba(255,255,255,0.2); box-shadow: inset 0 0 5px rgba(0,0,0,0.7), 1px 1px 0 rgba(255,255,255,0.2) } .portfolio_description { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-transform: scale(0); -webkit-transform: scale(0); opacity: 0; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; background: rgba(255,255,255,0.5) } .portfolio_info_top, .portfolio_description > a { opacity: 0; -moz-transition: all .4s ease-in-out .2s; -webkit-transition: all .4s ease-in-out .2s; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; position: absolute } .portfolio_info_top { top: 80px; left: 0; width: 252px; text-align: center; padding: 0 7px } .portfolio_description > a { bottom: 44px; left: 80px } .portfolio-image:hover .portfolio_description, .portfolio-image.et_hover .portfolio_description { -moz-transform: scale(1); -webkit-transform: scale(1); opacity: 1 } .portfolio-image:hover .portfolio_info_top, .portfolio-image.et_hover .portfolio_info_top { -moz-transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 1 } .portfolio-image:hover .portfolio_description > a, .portfolio-image.et_hover .portfolio_description > a { -moz-transform: translateY(-20px); -webkit-transform: translateY(-20px); opacity: 1 } .post-thumbnail.portfolio-image { margin: 0 0 15px; text-align: center } .comments_count { position: absolute; bottom: -16px; left: 50%; margin-left: -31px; display: block } .comments_count a { display: block; background: url(images/comments_count.png) no-repeat; color: #fff; font-weight: 900; font-size: 22px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); width: 62px; height: 76px; line-height: 61px; text-decoration: none; letter-spacing: -2px } .main_post_info { padding-bottom: 0; line-height: 1 } .main_post_info a { color: #fff; text-decoration: none } .post-thumbnail { position: relative; margin-bottom: 38px } .post-thumbnail img { display: block } .post-thumbnail span.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); box-shadow: inset 0 0 7px rgba(0,0,0,0.5) } article.post ul, .comment-content ul, article.page ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px } article.post ol, .comment-content ol, article.page ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 16px; line-height: 26px } .post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol, article.page ul li ul, article.page ul li ol { padding: 2px 0 2px 20px } .post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol, article.page ol li ul, article.page ol li ol { padding: 2px 0 2px 35px } #breadcrumbs { background: #59625c; border-top: 1px solid #515953; border-bottom: 1px solid #515b55; -webkit-box-shadow: inset 0 1px 0 #67716a; -moz-box-shadow: inset 0 1px 0 #67716a; box-shadow: inset 0 1px 0 #67716a; color: #f5f5f5; text-shadow: 1px 0 0 #3e4d43; font-weight: 900 } #breadcrumbs a, #breadcrumbs span.raquo { color: #f5f5f5; font-weight: 400; display: inline-block; padding: 24px; background: #636b66; padding: 23px 0 24px 17px; margin-right: -4px } #breadcrumbs a:hover { color: #eee; text-decoration: none } #breadcrumbs span.raquo { background: url(images/breadcrumbs_separator_first.png) no-repeat; text-indent: -9999px; padding: 23px 16px 24px; top: -1px; position: relative } #breadcrumbs span.raquo.last { background: url(images/breadcrumbs_separator.png) no-repeat; margin-right: 9px!important } #ie8 #breadcrumbs span.raquo { margin-left: -1px; margin-right: -5px!important } #breadcrumbs_box { background: #6c7670; float: left; position: relative; min-height: 61px; margin-left: 32px; padding-top: 1px } #breadcrumbs_box:before { content: ''; position: absolute; top: 0; left: -32px; width: 32px; height: 61px; background: url(images/breadcrumbs_left.png) no-repeat } #breadcrumbs_box:after { content: ''; position: absolute; top: 0; right: -31px; width: 31px; height: 61px; background: url(images/breadcrumbs_right.png) no-repeat } ul.nav > li.current-menu-item > a, a.mobile_nav { background: #ffc509; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 1px solid #ffc509; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 10px rgba(0,0,0,0.1); font-weight: 800 } ul.nav li ul, .et_mobile_menu { background: #ffc509; border: 1px solid #ffc509; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 15px 30px; width: 178px; -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.1), 1px 3px 3px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.1), 1px 3px 3px rgba(0,0,0,0.1); box-shadow: inset 0 0 7px rgba(0,0,0,0.1), 1px 3px 3px rgba(0,0,0,0.1) } ul.nav ul li { margin: 14px 0 } ul.nav li ul a { padding: 0!important; width: 178px } .et_mobile_menu { position: absolute; top: 38px; z-index: 1000; display: none; text-align: center; padding-top: 10px; padding-bottom: 8px; width: 100%; box-sizing: border-box; left: 0px; } .et_mobile_menu li { padding-left: 0!important; margin: 20px 0 } .et_mobile_menu ul { display: block!important; visibility: visible!important; padding-left: 20px } .et_mobile_menu a { color: #231f20 } .flex-container a:active, .flexslider a:active { outline: none } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none } .flexslider { width: 100%; margin: 0; padding: 0 } .flexslider .slides > li { display: none } img { max-width: 100%; height: auto; width: auto } .flexslider img { vertical-align: bottom; width: auto } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .slides { display: block } * html .slides { height: 1% } .no-js .slides > li:first-child { display: block } #featured { overflow: hidden } #featured.flexslider { position: relative; zoom: 1 } #featured.flexslider .slides { zoom: 1; width: 960px; margin: 0 auto } #featured.flexslider .slides > li { position: relative } #featured .flex-container { zoom: 1; position: relative } #featured .flex-direction-nav a { position: absolute; text-indent: -9999px; top: 50%; margin-top: -22px; width: 44px; height: 44px; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0 } #featured .flex-direction-nav a.flex-prev { left: 60px; background: url(images/slider_left_arrow.png) no-repeat } #featured .flex-direction-nav a.flex-next { right: 60px; background: url(images/slider_right_arrow.png) no-repeat } #featured:hover .flex-direction-nav a { opacity: 1 } #featured:hover .flex-direction-nav a.flex-prev { left: 80px } #featured:hover .flex-direction-nav a.flex-next { right: 80px } #featured .flex-control-nav { display: none } @-webkit-keyframes bounceIn { 0% { opacity:0; -webkit-transform:scale(.3) } 50% { opacity:1; -webkit-transform:scale(1.05) } 70% { -webkit-transform:scale(.9) } 100% { -webkit-transform:scale(1) } } @-moz-keyframes bounceIn { 0% { opacity:0; -moz-transform:scale(.3) } 50% { opacity:1; -moz-transform:scale(1.05) } 70% { -moz-transform:scale(.9) } 100% { -moz-transform:scale(1) } } @-o-keyframes bounceIn { 0% { opacity:0; -o-transform:scale(.3) } 50% { opacity:1; -o-transform:scale(1.05) } 70% { -o-transform:scale(.9) } 100% { -o-transform:scale(1) } } @keyframes bounceIn { 0% { opacity:0; transform:scale(.3) } 50% { opacity:1; transform:scale(1.05) } 70% { transform:scale(.9) } 100% { transform:scale(1) } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceIn_custom { 0% { -webkit-transform:scale(1) } 25% { -webkit-transform:scale(.8) } 50% { -webkit-transform:scale(1.05) } 70% { -webkit-transform:scale(.9) } 100% { -webkit-transform:scale(1) } } @-moz-keyframes bounceIn_custom { 0% { -moz-transform:scale(1) } 25% { -moz-transform:scale(.8) } 50% { -moz-transform:scale(1.05) } 70% { -moz-transform:scale(.9) } 100% { -moz-transform:scale(1) } } @-o-keyframes bounceIn_custom { 0% { -o-transform:scale(1) } 25% { -o-transform:scale(.8) } 50% { -o-transform:scale(1.05) } 70% { -o-transform:scale(.9) } 100% { -o-transform:scale(1) } } @keyframes bounceIn_custom { 0% { transform:scale(1) } 25% { transform:scale(.8) } 50% { transform:scale(1.05) } 70% { transform:scale(.9) } 100% { transform:scale(1) } } @-webkit-keyframes fadeInUp_custom { 0% { opacity:0; -webkit-transform:translateY(270px) } 100% { opacity:1; -webkit-transform:translateY(0) } } @-moz-keyframes fadeInUp_custom { 0% { opacity:0; -moz-transform:translateY(270px) } 100% { opacity:1; -moz-transform:translateY(0) } } @-o-keyframes fadeInUp_custom { 0% { opacity:0; -o-transform:translateY(270px) } 100% { opacity:1; -o-transform:translateY(0) } } @keyframes fadeInUp_custom { 0% { opacity:0; transform:translateY(270px) } 100% { opacity:1; transform:translateY(0) } } #featured .slide { text-align: center; -webkit-transform: translate3d(0, 0, 0) } #featured .slide h2 a { color: inherit; text-decoration: none } #featured .slide img, #featured .slide h2, #featured .slide .description { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0) } /*.home-section{ padding: 0 0 32px 0; } .home-section:after{ background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0); background-position: left-bottom; background-repeat: repeat-x; background-size: 32px 32px; content: " "; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 32px; }*/ .home-section, #main-footer, #quote, .blog-post-image, .comments_count { -webkit-transform: translate3d(0, 0, 0) } #featured .slide.flex-active-slide img { -webkit-animation-duration: .7s; -webkit-animation-delay: .4s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-duration: .7s; -moz-animation-delay: .4s; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; -o-animation-duration: .7s; -o-animation-delay: .4s; -o-animation-timing-function: ease-in-out; -o-animation-fill-mode: both; -ms-animation-duration: .7s; -ms-animation-delay: .4s; -ms-animation-timing-function: ease-in-out; -ms-animation-fill-mode: both; animation-duration: .7s; animation-delay: .4s; animation-timing-function: ease-in-out; animation-fill-mode: both; -webkit-animation-name: fadeInUp_custom; -moz-animation-name: fadeInUp_custom; -o-animation-name: fadeInUp_custom; -ms-animation-name: fadeInUp_custom; animation-name: fadeInUp_custom } #featured .slide.flex-active-slide .description { -webkit-animation-duration: .7s; -webkit-animation-delay: .9s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-duration: .7s; -moz-animation-delay: .9s; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; -o-animation-duration: .7s; -o-animation-delay: .9s; -o-animation-timing-function: ease-in-out; -o-animation-fill-mode: both; -ms-animation-duration: .7s; -ms-animation-delay: .9s; -ms-animation-timing-function: ease-in-out; -ms-animation-fill-mode: both; animation-duration: .7s; animation-delay: .9s; animation-timing-function: ease-in-out; animation-fill-mode: both; -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn } #featured .slide.flex-active-slide h2 { -webkit-animation-duration: .7s; -webkit-animation-delay: 1.4s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-duration: .7s; -moz-animation-delay: 1.4s; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; -o-animation-duration: .7s; -o-animation-delay: 1.4s; -o-animation-timing-function: ease-in-out; -o-animation-fill-mode: both; -ms-animation-duration: .7s; -ms-animation-delay: 1.4s; -ms-animation-timing-function: ease-in-out; -ms-animation-fill-mode: both; animation-duration: .7s; animation-delay: 1.4s; animation-timing-function: ease-in-out; animation-fill-mode: both; -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn } #comment-wrap { margin-top: 65px } h1#comments, #reply-title { color: #555e58; font-size: 30px; font-weight: 900; margin-bottom: 38px } .comment-body { position: relative; padding-left: 82px; margin: 0 0 30px } .comment_avatar { position: absolute; top: 2px; left: 0 } .comment_avatar img { display: block } .comment_avatar:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 7px rgba(0,0,0,0.5) } .comment_postinfo { font-size: 18px; margin-bottom: 10px } span.fn, span.fn a { text-decoration: none; color: #555e58; font-weight: 800; letter-spacing: -1px } .comment_date { color: #c5c5c5; font-weight: 300; margin-left: 3px } .comment-reply-link:hover { text-decoration: none } .comment ul { margin-left: 82px } #reply-title { margin-bottom: 10px } #commentform input[type="text"] { width: 40% } #commentform textarea { width: 89% } #commentform textarea, #commentform input[type="text"] { border: 1px solid #e0dddd; padding: 20px; color: #555e58; font-size: 14px; background: #fff; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); box-shadow: inset 0 0 7px rgba(0,0,0,0.1) } #reply-title small { display: block; font-size: 12px; padding-top: 5px; font-weight: 700 } .form-submit { text-align: right } .form-submit input { font-size: 14px; float: none } .comment #respond, #trackbacks { margin-bottom: 30px } #main-footer { padding-top: 97px; background-color: transparent !important; background-image: url(images/footer.jpg); background-size: cover; background-position: center center; } #footer-widgets { margin-bottom: 45px } .footer-widget { float: left; width: 260px; margin-right: 90px; margin-bottom: 30px;/*text-shadow:1px 1px 0 #fff;*/ line-height: 24px } #footer-logo { margin-bottom: 1px } #footer-copyright { font-style: italic; color: #bfbfbf; margin-bottom: -8px } .footer-widget h4.widgettitle { color: #000000/*#555e58*/; font-size: 18px; font-weight: 800; padding-bottom: 20px; letter-spacing: -1px } #footer-bottom { border-top: 1px solid #e4e4e4; -webkit-box-shadow: inset 0 -1px 0 #fff; -moz-box-shadow: inset 0 -1px 0 #fff; box-shadow: inset 0 1px 0 #fff } p#copyright { padding: 60px 0 30px; text-align: right; font-size: 14px; text-shadow: 1px 1px 0 #fff } p#copyright a { color: #555e58; font-weight: 800 } #sidebar { float: left; width: 269px } #search-form { height: 38px; border: 1px solid #e0dddd; background-color: #fff; -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); box-shadow: inset 0 0 7px rgba(0,0,0,0.1); margin-left: -4px; margin-bottom: 35px } #search-form #searchinput { background: none; border: none; float: left; margin: 9px 14px 0 7px; width: 155px; padding-left: 14px; font-size: 14px; color: #555e58 } #search-form #searchsubmit { margin-top: 13px; margin-right: 10px } .widget { margin-bottom: 25px; line-height: 24px; padding-left: 44px } .widget h4.widgettitle { margin-left: -44px; letter-spacing: -1px; text-shadow: 1px 1px 0 #fff; color: #555e58; font-size: 14px; font-weight: 800; padding: 22px 26px; border: 1px solid #fff; border: 1px solid #e0dddd; -webkit-box-shadow: 0 1px 0 #fcfcfc inset; -moz-box-shadow: 0 1px 0 #fcfcfc inset; box-shadow: 0 1px 0 #fcfcfc inset; background: #f9f9f9; background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249,249,249,1)), color-stop(100%, rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f2f2f2', GradientType=0); margin-bottom: 38px } .widget > ul { margin: 0 20px 0 0 } .widget li, .footer-widget li { font-size: 14px; padding: 0 0 12px 0; /*background: url(images/widget-bullet.png) no-repeat 0 8px*/ } .widget li a, .footer-widget li a { text-decoration: none; color: #555e58 } .widget li:hover, .footer-widget li:hover { /*background-image: url(images/hover-widget-bullet.png)*/ } div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; margin-bottom: 10px; max-width: 96%; padding: 8px } .wp-caption.alignleft { margin: 0 10px 10px 0 } .wp-caption.alignright { margin: 0 0 10px 10px } .wp-caption img { margin: 0; padding: 0; border: 0 none } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 } .alignright { float: right } .alignleft { float: left } img.alignleft { display: inline; float: left; margin-right: 15px } img.alignright { display: inline; float: right; margin-left: 15px } .nav ul { position: absolute; top: -999em; z-index: 9999 } .nav li { position: relative } .nav ul li { float: left } .nav ul a { display: block; float: left } .nav li:hover ul, ul.nav li.sfHover ul { left: -65px; top: 33px } .nav li:hover li ul, .nav li.sfHover li ul, .nav li:hover ul, .nav li li:hover ul { top: -999em } .nav li li { display: block; padding: 0; float: left; height: auto!important } .nav li ul { width: 150px; z-index: 1000 } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left } .nav li:hover { visibility: inherit } .nav li li:hover ul, ul.nav li li.sfHover ul { left: 210px; top: -30px } .nav.sf-arrows li.menu-item-has-children > a:after { content: " \00bb" } #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px } #wp-calendar a { display: block; text-decoration: none; font-weight: 700 } #wp-calendar a:hover { text-decoration: underline } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif } #wp-calendar td { padding: 3px 5px; color: #9f9f9f } #wp-calendar td#today { color: #fff } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt } #wp-calendar #next a { padding-right: 10px; text-align: right } #wp-calendar #prev a { padding-left: 10px; text-align: left } .pagination { overflow: hidden; padding: 20px 0 } .wp-pagenavi { clear: both } #left-area .wp-pagenavi { color: #9a9999; font-size: 14px; padding-top: 7px; text-align: right; text-shadow: 1px 1px 0 #FFF } #left-area .wp-pagenavi .pages { background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-left: 0; color: #555E58 } #left-area .wp-pagenavi span, #left-area .wp-pagenavi a { color: #9a9999; display: inline-block; background: #f9f9f9; background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249,249,249,1)), color-stop(100%, rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f2f2f2', GradientType=0); border-color: #e0dddd; -webkit-box-shadow: 1px 1px 0 #fcfcfc inset; -moz-box-shadow: 1px 1px 0 #fcfcfc inset; box-shadow: 1px 1px 0 #fcfcfc inset; padding: 11px 14px; text-shadow: 1px 1px 0 #FFF!important; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px; border-radius: 5px } #left-area .wp-pagenavi span.current { color: #555e58; font-weight: 800 } #left-area .wp-pagenavi .current, #left-area .wp-pagenavi a:hover { background: #FFF } #home-section-pricing .pricing-table-wrap { border-color: #35424c } #home-section-pricing .pricing-table { width: 321px; margin-bottom: 0 } #home-section-pricing .pricing-table ul.pricing li span { left: 55px } #home-section-pricing .pricing-heading { border-bottom: 1px solid #313d46; -webkit-box-shadow: 1px 1px 0 0 #4a5c69 inset; -moz-box-shadow: 1px 1px 0 0 #4a5c69 inset; box-shadow: 1px 1px 0 0 #4a5c69 inset; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.7); background: #404f5a; background: -moz-linear-gradient(top, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64,79,90,1)), color-stop(100%, rgba(60,74,84,1))); background: -webkit-linear-gradient(top, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); background: -o-linear-gradient(top, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); background: -ms-linear-gradient(top, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); background: linear-gradient(to bottom, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#404f5a', endColorstr='#3c4a54', GradientType=0) } #home-section-pricing .pricing-title { color: #FFF!important; font-weight: 800; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); text-transform: none; letter-spacing: -1px; font-size: 22px } #home-section-pricing .pricing-table ul.pricing li { background: #465662; border-bottom: 1px solid #35424C; border-top: 1px solid #546876; color: #FFF; font-size: 14px; text-shadow: 1px 1px 0 rgba(0,0,0,0.7)!important; padding: 17px 7px 17px 100px; text-align: left } #home-section-pricing .pricing-table ul.pricing li span { background: url(images/pricing_check.png) no-repeat; width: 23px; top: 20px } #home-section-pricing .pricing-table ul.pricing li.x-mark span { background: url(images/pricing_x.png) no-repeat } #home-section-pricing .et-pricing { background: url(images/pricing_x.png) no-repeat; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); margin-bottom: 60px; margin-top: 0 } #home-section-pricing .pricing-big .pricing-content-bottom { border-bottom: 1px solid #334049 } #home-section-pricing .pricing-content-bottom { border-bottom: 1px solid #E7E7E7; border-top: 1px solid #4D606D; -webkit-box-shadow: 1px 0 0 0 #4D606D inset; -moz-box-shadow: 1px 0 0 0 #4D606D inset; box-shadow: 1px 0 0 0 #4D606D inset; background: #4a5b67; border-bottom: 1px solid #334049 } #home-section-pricing span.et-price { color: #FFF; font-family: 'Open Sans', Arial, sans-serif; font-size: 72px; font-weight: 300; text-shadow: 1px 1px 0 rgba(0,0,0,0.7) } #home-section-pricing span.et-price span.dollar-sign { font-size: 72px } #home-section-pricing a.icon-button { width: auto!important; background: #404f5a; background: -moz-linear-gradient(top, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64,79,90,1)), color-stop(100%, rgba(60,74,84,1))); background: -webkit-linear-gradient(top, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); background: -o-linear-gradient(top, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); background: -ms-linear-gradient(top, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); background: linear-gradient(to bottom, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#404f5a', endColorstr='#3c4a54', GradientType=0); border: 1px solid #2d363d; -webkit-box-shadow: 0 1px 0 #495a66 inset; -moz-box-shadow: 0 1px 0 #495a66 inset; box-shadow: 0 1px 0 #495a66 inset; color: #FFF!important; text-shadow: 1px 1px 0 rgba(0,0,0,0.6) } #nomensclatura{ position: absolute; z-index: 9999; right: 60px; background-color: rgba(255,255,255,0.9); padding: 10px 20px; border-radius: 0 0 10px 10px; opacity:0.5; -webkit-transition:opacity 500ms ease-in; -moz-transition:opacity 500ms ease-in; -ms-transition:opacity 500ms ease-in; -o-transition:opacity 500ms ease-in; transition:opacity 500ms ease-in; } #nomensclatura:hover{opacity:1;} #nomensclatura img{ width: 25px; height: auto; display: inline-block; vertical-align: middle; } #nomensclatura span{ font-size:16px; display:inline-block; } #nomensclatura .divisor{ padding:5px 10px; display: inline-block; } #nomensclatura .divisor.first{ border-right:solid #CCC 1px; } .mobile_nav { position: relative } #mobile_links { display: none } #home-section-pricing { color: #fff } .fullwidth #content-area:before { display: none } .fullwidth #left-area { width: auto; float: none; margin-right: 0 } .et_embedded_videos { display: none!important } .et_color_scheme_gray #main-header { background: #454c47; background: -moz-linear-gradient(top, rgba(69,76,71,1) 0%, rgba(71,80,74,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69,76,71,1)), color-stop(100%, rgba(71,80,74,1))); background: -webkit-linear-gradient(top, rgba(69,76,71,1) 0%, rgba(71,80,74,1) 100%); background: -o-linear-gradient(top, rgba(69,76,71,1) 0%, rgba(71,80,74,1) 100%); background: -ms-linear-gradient(top, rgba(69,76,71,1) 0%, rgba(71,80,74,1) 100%); background: linear-gradient(to bottom, rgba(69,76,71,1) 0%, rgba(71,80,74,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#454c47', endColorstr='#47504a', GradientType=0) } .et_color_scheme_gray #featured .flex-direction-nav a.flex-prev { background: url(images/gray/slider_left_arrow.png) no-repeat } .et_color_scheme_gray #featured .flex-direction-nav a.flex-next { background: url(images/gray/slider_right_arrow.png) no-repeat } .et_color_scheme_gray .comments_count a { background: url(images/gray/comments_count.png) no-repeat } .et_color_scheme_gray .widget li:hover, .et_color_scheme_gray .footer-widget li:hover { background-image: url(images/gray/hover-widget-bullet.png) } .et_color_scheme_gray a.learn-more:hover, .et_color_scheme_gray .blog-post a.learn-more:hover, .et_color_scheme_gray .comment-reply-link:hover, .et_color_scheme_gray #home-section-news a.more-info:hover, .et_color_scheme_gray #home-section-projects a.more-info:hover, .et_color_scheme_gray #home-section-pricing a.more-info:hover { border: 1px solid #292e2b; -webkit-box-shadow: 1px 1px 0 #6d7c72 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #6d7c72 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #6d7c72 inset, 0 1px 2px rgba(0,0,0,0.1); background: #555e57; background: -moz-linear-gradient(top, rgba(85,94,87,1) 0%, rgba(71,80,74,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(85,94,87,1)), color-stop(100%, rgba(71,80,74,1))); background: -webkit-linear-gradient(top, rgba(85,94,87,1) 0%, rgba(71,80,74,1) 100%); background: -o-linear-gradient(top, rgba(85,94,87,1) 0%, rgba(71,80,74,1) 100%); background: -ms-linear-gradient(top, rgba(85,94,87,1) 0%, rgba(71,80,74,1) 100%); background: linear-gradient(to bottom, rgba(85,94,87,1) 0%, rgba(71,80,74,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555e57', endColorstr='#47504a', GradientType=0) } .et_color_scheme_gray ul.nav > li.current-menu-item > a, .et_color_scheme_gray a.mobile_nav, .et_color_scheme_gray ul.nav li ul, .et_color_scheme_gray .et_mobile_menu { background: #3d4540; border: 1px solid #303733 } .et_color_scheme_red #main-header { background: #ff4b4b; background: -moz-linear-gradient(top, rgba(255,75,75,1) 0%, rgba(230,63,64,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,75,75,1)), color-stop(100%, rgba(230,63,64,1))); background: -webkit-linear-gradient(top, rgba(255,75,75,1) 0%, rgba(230,63,64,1) 100%); background: -o-linear-gradient(top, rgba(255,75,75,1) 0%, rgba(230,63,64,1) 100%); background: -ms-linear-gradient(top, rgba(255,75,75,1) 0%, rgba(230,63,64,1) 100%); background: linear-gradient(to bottom, rgba(255,75,75,1) 0%, rgba(230,63,64,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4b4b', endColorstr='#e63f40', GradientType=0) } .et_color_scheme_red #featured .flex-direction-nav a.flex-prev { background: url(images/red/slider_left_arrow.png) no-repeat } .et_color_scheme_red #featured .flex-direction-nav a.flex-next { background: url(images/red/slider_right_arrow.png) no-repeat } .et_color_scheme_red .comments_count a { background: url(images/red/comments_count.png) no-repeat } .et_color_scheme_red .widget li:hover, .et_color_scheme_red .footer-widget li:hover { background-image: url(images/red/hover-widget-bullet.png) } .et_color_scheme_red a.learn-more:hover, .et_color_scheme_red .blog-post a.learn-more:hover, .et_color_scheme_red .comment-reply-link:hover, .et_color_scheme_red #home-section-news a.more-info:hover, .et_color_scheme_red #home-section-projects a.more-info:hover, .et_color_scheme_red #home-section-pricing a.more-info:hover { border: 1px solid #b23434; -webkit-box-shadow: 1px 1px 0 #fe7b7b inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #fe7b7b inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #fe7b7b inset, 0 1px 2px rgba(0,0,0,0.1); background: #fc4a4a; background: -moz-linear-gradient(top, rgba(252,74,74,1) 0%, rgba(230,64,64,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252,74,74,1)), color-stop(100%, rgba(230,64,64,1))); background: -webkit-linear-gradient(top, rgba(252,74,74,1) 0%, rgba(230,64,64,1) 100%); background: -o-linear-gradient(top, rgba(252,74,74,1) 0%, rgba(230,64,64,1) 100%); background: -ms-linear-gradient(top, rgba(252,74,74,1) 0%, rgba(230,64,64,1) 100%); background: linear-gradient(to bottom, rgba(252,74,74,1) 0%, rgba(230,64,64,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc4a4a', endColorstr='#e64040', GradientType=0) } .et_color_scheme_red ul.nav > li.current-menu-item > a, .et_color_scheme_red a.mobile_nav, .et_color_scheme_red ul.nav li ul, .et_color_scheme_red .et_mobile_menu { background: #d83d3d; border: 1px solid #c33333 } .et_color_scheme_green #main-header { background: #a5db59; background: -moz-linear-gradient(top, rgba(165,219,89,1) 0%, rgba(149,197,79,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(165,219,89,1)), color-stop(100%, rgba(149,197,79,1))); background: -webkit-linear-gradient(top, rgba(165,219,89,1) 0%, rgba(149,197,79,1) 100%); background: -o-linear-gradient(top, rgba(165,219,89,1) 0%, rgba(149,197,79,1) 100%); background: -ms-linear-gradient(top, rgba(165,219,89,1) 0%, rgba(149,197,79,1) 100%); background: linear-gradient(to bottom, rgba(165,219,89,1) 0%, rgba(149,197,79,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5db59', endColorstr='#95c54f', GradientType=0) } .et_color_scheme_green #featured .flex-direction-nav a.flex-prev { background: url(images/green/slider_left_arrow.png) no-repeat } .et_color_scheme_green #featured .flex-direction-nav a.flex-next { background: url(images/green/slider_right_arrow.png) no-repeat } .et_color_scheme_green .comments_count a { background: url(images/green/comments_count.png) no-repeat } .et_color_scheme_green .widget li:hover, .et_color_scheme_green .footer-widget li:hover { background-image: url(images/green/hover-widget-bullet.png) } .et_color_scheme_green a.learn-more:hover, .et_color_scheme_green .blog-post a.learn-more:hover, .et_color_scheme_green .comment-reply-link:hover, .et_color_scheme_green #home-section-news a.more-info:hover, .et_color_scheme_green #home-section-projects a.more-info:hover, .et_color_scheme_green #home-section-pricing a.more-info:hover { border: 1px solid #80a64a; -webkit-box-shadow: 1px 1px 0 #b6e96c inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #b6e96c inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #b6e96c inset, 0 1px 2px rgba(0,0,0,0.1); background: #a5da59; background: -moz-linear-gradient(top, rgba(165,218,89,1) 0%, rgba(149,197,79,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(165,218,89,1)), color-stop(100%, rgba(149,197,79,1))); background: -webkit-linear-gradient(top, rgba(165,218,89,1) 0%, rgba(149,197,79,1) 100%); background: -o-linear-gradient(top, rgba(165,218,89,1) 0%, rgba(149,197,79,1) 100%); background: -ms-linear-gradient(top, rgba(165,218,89,1) 0%, rgba(149,197,79,1) 100%); background: linear-gradient(to bottom, rgba(165,218,89,1) 0%, rgba(149,197,79,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5da59', endColorstr='#95c54f', GradientType=0) } .et_color_scheme_green ul.nav > li.current-menu-item > a, .et_color_scheme_green a.mobile_nav, .et_color_scheme_green ul.nav li ul, .et_color_scheme_green .et_mobile_menu { background: #8bba47; border: 1px solid #6d9c2a } .et_color_scheme_blue #main-header { background: #43a9e4; background: -moz-linear-gradient(top, rgba(67,169,228,1) 0%, rgba(57,154,209,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(67,169,228,1)), color-stop(100%, rgba(57,154,209,1))); background: -webkit-linear-gradient(top, rgba(67,169,228,1) 0%, rgba(57,154,209,1) 100%); background: -o-linear-gradient(top, rgba(67,169,228,1) 0%, rgba(57,154,209,1) 100%); background: -ms-linear-gradient(top, rgba(67,169,228,1) 0%, rgba(57,154,209,1) 100%); background: linear-gradient(to bottom, rgba(67,169,228,1) 0%, rgba(57,154,209,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#43a9e4', endColorstr='#399ad1', GradientType=0) } .et_color_scheme_blue #featured .flex-direction-nav a.flex-prev { background: url(images/blue/slider_left_arrow.png) no-repeat } .et_color_scheme_blue #featured .flex-direction-nav a.flex-next { background: url(images/blue/slider_right_arrow.png) no-repeat } .et_color_scheme_blue .comments_count a { background: url(images/blue/comments_count.png) no-repeat } .et_color_scheme_blue .widget li:hover, .et_color_scheme_blue .footer-widget li:hover { background-image: url(images/blue/hover-widget-bullet.png) } .et_color_scheme_blue a.learn-more:hover, .et_color_scheme_blue .blog-post a.learn-more:hover, .et_color_scheme_blue .comment-reply-link:hover, .et_color_scheme_blue #home-section-news a.more-info:hover, .et_color_scheme_blue #home-section-projects a.more-info:hover, .et_color_scheme_blue #home-section-pricing a.more-info:hover { border: 1px solid #2e82b3; -webkit-box-shadow: 1px 1px 0 #66bef2 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #66bef2 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #66bef2 inset, 0 1px 2px rgba(0,0,0,0.1); background: #41a6e0; background: -moz-linear-gradient(top, rgba(65,166,224,1) 0%, rgba(57,154,209,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(65,166,224,1)), color-stop(100%, rgba(57,154,209,1))); background: -webkit-linear-gradient(top, rgba(65,166,224,1) 0%, rgba(57,154,209,1) 100%); background: -o-linear-gradient(top, rgba(65,166,224,1) 0%, rgba(57,154,209,1) 100%); background: -ms-linear-gradient(top, rgba(65,166,224,1) 0%, rgba(57,154,209,1) 100%); background: linear-gradient(to bottom, rgba(65,166,224,1) 0%, rgba(57,154,209,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#41a6e0', endColorstr='#399ad1', GradientType=0) } .et_color_scheme_blue ul.nav > li.current-menu-item > a, .et_color_scheme_blue a.mobile_nav, .et_color_scheme_blue ul.nav li ul, .et_color_scheme_blue .et_mobile_menu { background: #3690c3; border: 1px solid #327da9 } embed, iframe, object, video { max-width: 100% } @media only screen and ( max-width: 960px ) { #et-search, p#et-search-title, p#et-search-title span { background: none!important } #et-search { width: auto!important; height: auto!important } #et-search-inner { padding: 0!important } #et-search-right { float: none!important; clear: both; text-align: left!important } #et_search_submit { background: #BBB8B8!important; color: #111!important } p#et-search-title { margin-bottom: 2px!important } p#et-search-title span { padding: 0!important; text-shadow: none!important } #et-searchinput { width: auto!important } p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none!important } #et-search-left { float: none!important; width: 100%!important } } @media only screen and ( min-width: 768px ) and ( max-width: 960px ) { .container, #featured.flexslider .slides { width: 728px } #featured h2 { font-size: 60px } #featured .description { font-size: 30px } .service { width: 200px; margin-right: 63px } .service h3 { font-size: 18px } .section-title h2 { font-size: 60px; padding-bottom: 15px } .section-title .section-subtitle { font-size: 30px } #home-section-news, #home-section-projects { padding: 120px 0 } .blog-post { margin: 0 45px 60px 0; width: 212px } .blog-post h3 { font-size: 18px } .portfolio-image { margin-right: 54px!important } .post-thumbnail.portfolio-image { margin-right: 0!important; margin-left: 55px } .portfolio-image img { width: 204px } .post-thumbnail.portfolio-image img { width: auto } .portfolio_info_top { left: 45px; top: 50px } .portfolio_info_top h3.title { font-size: 14px } .portfolio_description > a { bottom: 24px; left: 52px } .section-title h2, #page-name h1 { font-size: 60px } .section-title .section-subtitle, .main_post_info { font-size: 30px } #content-area:before { left: 459px } #left-area { width: 379px } .entry { margin-right: 0; width: auto } #main-footer { padding-top: 97px } .footer-widget { margin-right: 58px; width: 204px } .et_page_icon { left: 83px } #et_pt_portfolio_gallery { margin-left: -35px!important } .et_pt_portfolio_item { margin-left: 35px!important; width: 219px!important } .et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px!important } .et_portfolio_more_icon { left: 65px!important } .et_portfolio_zoom_icon { left: 106px!important } #et_pt_portfolio_gallery.et_portfolio_small { margin-left: -18px!important } #et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 20px!important; width: 128px!important } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px!important } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px!important } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px!important } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -28px!important } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 29px!important; width: 348px!important } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px!important } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px!important } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px!important } #home-section-pricing .pricing-table { width: 243px } #home-section-pricing .pricing-table ul.pricing li { padding-left: 55px } #home-section-pricing .pricing-table ul.pricing li span { left: 23px } #top-area { padding-bottom: 50px } #featured .description { padding-bottom: 24px } .portfolio_info_top { display: none!important } } @media only screen and ( max-width: 960px ) { #top-menu, #logo { float: none } #top-menu { text-align: center !important; } #logo { margin: auto; position: relative; display: block; } #social-menu { float: none; position: absolute; right: 0; left: 0; display: flex; } #social-menu ul { margin: auto } #social-menu li { font-size: 26px; display: inline-block; } } @media only screen and ( max-width: 767px ) { #social-menu { margin: 0; margin-top: 50px; } .container, #featured.flexslider .slides { width: 440px } .sprocket-features-content { width: 100% } #top-area { text-align: center; margin-bottom: 12px } #logo { float: none; padding-left: 0; margin-top: 50px; width: 160px; } #featured h2 { font-size: 48px } #featured .description { font-size: 24px; padding-bottom: 22px } #featured .flex-direction-nav a.flex-prev { background: url(images/small_slider_left_arrow.png) no-repeat } #featured .flex-direction-nav a.flex-next { background: url(images/small_slider_right_arrow.png) no-repeat } #home-section-info { padding: 76px 0 80px } #home-section-news, #home-section-projects, #services { padding-bottom: 42px } .service { background: none; margin-right: 0; padding-top: 0; width: 440px; margin-bottom: 40px } #quote h3 { font-size: 18px } #quote p { font-size: 18px; line-height: 24px } .blog-post { margin: 0 0 18px; width: 440px } .blog-post-image img, .et_page_icon { display: none } .blog-post h3 { font-size: 18px } .portfolio-image { margin-right: 21px!important } .portfolio-image img { width: 130px } .post-thumbnail.portfolio-image { margin-right: 0!important; margin-left: 85px } .post-thumbnail.portfolio-image img { width: auto } .portfolio_info_top { left: 12px; top: 10px } .portfolio_info_top h3.title { font-size: 12px } .portfolio_description > a { bottom: 0; left: 23px; font-size: 11px; padding: 8px 12px } p#copyright { text-align: center } .section-title h2, #page-name h1 { font-size: 48px } .section-title .section-subtitle, .main_post_info { font-size: 24px } #content-area:before { border-left: none } #left-area { width: 440px; margin-right: 0; float: none } .entry { margin-right: 0; width: auto } #sidebar { display: none } .footer-widget { width: auto; float: none; margin-right: 0 } #top-menu, #content-area:before { display: none } #mobile_links { display: block; position: absolute; top: 0; width: 100%; } a.mobile_nav { display: inline-block; width: 100%; box-sizing: border-box; } #top-area { padding-bottom: 18px } .et_pt_gallery_entry { margin-left: 23px!important } .sitemap-col { float: none!important; width: auto!important } .et_pt_portfolio_item { margin-left: 150px!important } .et_portfolio_small .et_pt_portfolio_item { width: 440px!important; margin-bottom: 10px; margin-left: 44px!important } .et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px } .et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px!important } .et_portfolio_small .et_portfolio_more_icon { left: 38px!important } .et_portfolio_small .et_portfolio_zoom_icon { left: 77px!important } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0!important } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0!important; width: 404px!important } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 109px!important } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px!important } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px!important } #home-section-pricing .et-pricing { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none } #home-section-pricing .pricing-table { width: 100%; margin-bottom: 35px; -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,0.1) } .et_color_scheme_red #featured .flex-direction-nav a.flex-prev { background: url(images/red/small_slider_left_arrow.png) no-repeat } .et_color_scheme_red #featured .flex-direction-nav a.flex-next { background: url(images/red/small_slider_right_arrow.png) no-repeat } .et_color_scheme_green #featured .flex-direction-nav a.flex-prev { background: url(images/green/small_slider_left_arrow.png) no-repeat } .et_color_scheme_green #featured .flex-direction-nav a.flex-next { background: url(images/green/small_slider_right_arrow.png) no-repeat } .et_color_scheme_gray #featured .flex-direction-nav a.flex-prev { background: url(images/gray/small_slider_left_arrow.png) no-repeat } .et_color_scheme_gray #featured .flex-direction-nav a.flex-next { background: url(images/gray/small_slider_right_arrow.png) no-repeat } .et_color_scheme_blue #featured .flex-direction-nav a.flex-prev { background: url(images/blue/small_slider_left_arrow.png) no-repeat } .et_color_scheme_blue #featured .flex-direction-nav a.flex-next { background: url(images/blue/small_slider_right_arrow.png) no-repeat } #page-name { margin-top: 0 } .portfolio_info_top { display: none!important } } #products-menu{display: inline-block; float: left;width:100%;text-align:center;} #search-products{ display:inline-block; float:none; width:100%; margin:20px 0; box-sizing:border-box; } #search-products input[type=search]{ margin:auto; display:block; } @media only screen and ( max-width: 1050px ) { } @media only screen and ( max-width: 970px ) { .btn_filter_prod{padding:12px 0px;font-size:12px;} } @media only screen and ( max-width: 479px ) { .product-box .contentbox.picture-item__details{width:100% !important} .et_pt_portfolio_item h2, #content-area h2, #content-area h3, #content-area h4, #content-area h5, #content-area h6,.product-box .contentbox .header ._category,.product-box .contentbox .header ._size{text-align: center !important;padding:0 !important} .product-box .imgbox{ width:100%; max-width:100% !important; padding:32px; box-sizing:border-box; } .product-box .contentbox .description{ text-align:justify; margin: 15px 0px; } .container, #featured.flexslider .slides { width: 280px } #top-area { text-align: center; margin-bottom: 6px } #logo { float: none; padding-left: 0 } #featured h2 { font-size: 32px; letter-spacing: -2px } #featured .description { font-size: 16px } #featured .flex-direction-nav a.flex-prev { background: url(images/small_slider_left_arrow.png) no-repeat } #featured .flex-direction-nav a.flex-next { background: url(images/small_slider_right_arrow.png) no-repeat } #home-section-info { padding: 76px 0 80px } #home-section-news, #home-section-projects, #services { padding-bottom: 40px } .service { background: none; margin-right: 0; padding-top: 0; width: auto; margin-bottom: 40px; float: none } #quote h3 { font-size: 18px } #quote p { font-size: 18px; line-height: 24px } .blog-post { margin: 0 0 28px; width: auto; float: none } .blog-post-image img { display: none } .blog-post h3 { font-size: 18px } #home-section-news a.more-info { margin-top: 20px } .portfolio-image, .portfolio-image.last { margin-right: 21px!important } .portfolio-image img { width: 130px } .portfolio_info_top { left: 12px; top: 10px } .portfolio_info_top h3.title { font-size: 12px } .portfolio_description > a { bottom: 0; left: 23px; font-size: 11px; padding: 8px 12px } .section-title h2, #page-name h1 { font-size: 32px } .section-title .section-subtitle, .main_post_info { font-size: 16px } #content-area:before { border-left: none } #left-area { width: auto } .entry { margin-right: 0; width: auto } #sidebar, #footer-widgets { display: none } #main-footer { padding-top: 0 } p#copyright { text-align: center } .post-thumbnail.portfolio-image { margin-left: 24px } .comment ul { margin-left: 0 } .et_pt_gallery_entry { margin-left: 78px!important } #et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -19px!important } .et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 60px!important; width: 228px!important } .et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 53px!important } .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 70px!important } .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 110px!important } .entry .et_portfolio_small .et_pt_portfolio_item { width: 262px!important; margin-left: -15px!important } .et_portfolio_small .et_pt_portfolio_item { margin-left: 18px!important; width: 315px!important } .section-title h2, #page-name h1, .section-title .section-subtitle { letter-spacing: -1px } .et_color_scheme_red #featured .flex-direction-nav a.flex-prev { background: url(images/red/small_slider_left_arrow.png) no-repeat } .et_color_scheme_red #featured .flex-direction-nav a.flex-next { background: url(images/red/small_slider_right_arrow.png) no-repeat } .et_color_scheme_green #featured .flex-direction-nav a.flex-prev { background: url(images/green/small_slider_left_arrow.png) no-repeat } .et_color_scheme_green #featured .flex-direction-nav a.flex-next { background: url(images/green/small_slider_right_arrow.png) no-repeat } .et_color_scheme_gray #featured .flex-direction-nav a.flex-prev { background: url(images/gray/small_slider_left_arrow.png) no-repeat } .et_color_scheme_gray #featured .flex-direction-nav a.flex-next { background: url(images/gray/small_slider_right_arrow.png) no-repeat } .et_color_scheme_blue #featured .flex-direction-nav a.flex-prev { background: url(images/blue/small_slider_left_arrow.png) no-repeat } .et_color_scheme_blue #featured .flex-direction-nav a.flex-next { background: url(images/blue/small_slider_right_arrow.png) no-repeat } #breadcrumbs { display: none } } .portfolio-image { margin-right: 77px; margin-bottom: 50px } p.portfolio_small_date { font-size: 14px; color: #4a524d; font-weight: 300; text-shadow: 1px 1px 0 rgba(255,255,255,0.7) } .portfolio_info_top h3.title { font-weight: 800; text-shadow: 1px 1px 1px rgba(255,255,255,0.7); margin-top: -8px; font-size: 18px; letter-spacing: -1px } .portfolio_info_top h3.title a { text-decoration: none; color: #4a524d } .portfolio_description > a { text-decoration: none; background: #f9f9f9; background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249,249,249,1)), color-stop(100%, rgba(246,246,246,1)), color-stop(100%, rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f2f2f2', GradientType=0); border: 1px solid #e0dddd; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 0 #fcfcfc inset; -moz-box-shadow: 1px 1px 0 #fcfcfc inset; box-shadow: 1px 1px 0 #fcfcfc inset; color: #9a9999; display: inline-block; padding: 10px 16px; text-shadow: 1px 1px 0 #fff } #content-area.fullwidth:before { display: none } .et_pt_portfolio_item h2, #content-area h2, #content-area h3, #content-area h4, #content-area h5, #content-area h6 { letter-spacing: -1px } #et_pt_gallery img { height: 136px; width: 207px } .inputs { border-radius: 20px; padding: 5px 10px !important; border: 1px solid transparent; } .inputs_contact { border-radius: 25px; padding: 15px 20px !important; border: 1px solid #333 } .imgroundered img { border-radius: 37px; } .product-box { width: calc(50% - 20px); float: left; -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.17); -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.17); box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.17); border-radius: 5px; box-sizing: border-box; margin: 10px; } .product-box .padd { width: 100%; height: auto; padding: 10px; box-sizing: border-box; float: left } .product-box .imgbox { float: left; max-width: 176px; } .product-box .contentbox { float: left; width: calc(100% - 176px); box-sizing: border-box; padding-left: 10px; } .product-box .contentbox .header { width: 100%; } .product-box .contentbox .header ._category { } .product-box .contentbox .header ul { padding:10px 20px; } .product-box .contentbox .header ._title { margin-top:15px; } .product-box .contentbox .header ._size { } .product-box .contentbox .description { width: 100%; } @media (max-width:768px) { .btn_filter_prod{width:100%;padding:12px 0px;font-size:12px;} .product-box { width: 90% !important; } } @media (max-width:1026px) { .btn_filter_prod { padding: 12px 4px } #filter-box { float: left !important; margin-left: 10px; } } .btn_submit { -moz-box-shadow: 0px 1px 0px 0px #fff6af; -webkit-box-shadow: 0px 1px 0px 0px #fff6af; box-shadow: 0px 1px 0px 0px #fff6af; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23)); background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%); background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%); background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%); background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%); background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0); background-color: #ffec64; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #ffaa22; display: inline-block; cursor: pointer; color: #333333; font-family: Arial; font-size: 15px; font-weight: bold; padding: 5px 20px; text-decoration: none; text-shadow: 0px 1px 0px #ffee66; } .btn_submit:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64)); background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%); background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%); background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%); background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%); background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64', GradientType=0); background-color: #ffab23; } .btn_submit:active { position: relative; top: 1px; } .btn_seek_file { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf)); background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%); background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%); background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%); background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%); background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf', GradientType=0); background-color: #ededed; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #dcdcdc; display: inline-block; cursor: pointer; color: #777777; font-family: Arial; font-size: 15px; font-weight: bold; padding: 5px 20px; text-decoration: none; text-shadow: 0px 1px 0px #ffffff; } .btn_seek_file:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed)); background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%); background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%); background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%); background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%); background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed', GradientType=0); background-color: #dfdfdf; } .btn_seek_file:active { position: relative; top: 1px; } #banner_switcher { display: block; margin: 0 auto; width: 90%; max-width: 640px; } .search_products { padding: 10px; border-radius: 27px; border: solid #95989A 1px; } .btn_filter_prod { background-color: #FFFFFF; border: 0; border-bottom: solid 1.5px #95989a; display: inline-block; padding: 12px 12px; margin: -2px; } .btn_filter_prod { cursor: pointer; -webkit-transition: all 500ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .btn_filter_prod a { color: #000000 !important; margin: 10px; } .btn_filter_prod.active, .btn_filter_prod:hover { border-bottom: solid 3px #FFF200; font-weight: bold; } .tablemap { color: #000000 !important; width: 100%; font-size: 16px; max-width: 300px; } .tablemap tr td { padding: 5px; } /* display sidebars and footer in Nimble or Trim theme */ @media only screen and (max-width: 767px){ #footer-widgets { display: block !important; } #footer-widgets{padding-top:40px} } @media only screen and (max-width: 479px){ #footer-widgets { /*display: !important;*/ } } /* end display sidebars for Elegant themes */ #products-menu .filter-options{ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; outline:none; } #products-menu .filter-options button{ outline:none; }