@font-face{ font-family:'aldosemibold'; src:url('font/aldo_pc-webfont.eot'); src:url('font/aldo_pc-webfont.eot?#iefix') format('embedded-opentype'), url('font/aldo_pc-webfont.woff') format('woff'), url('font/aldo_pc-webfont.ttf') format('truetype'), url('font/aldo_pc-webfont.svg#aldosemibold') format('svg'); font-weight:normal; font-style:normal} /* ---------------------------------------------------------------------- */ /*Reset &Clearfix (http://meyerweb.com/eric/tools/css/reset/) /* ---------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 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, input, textarea, select{background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block} section {padding-left: 0 !important; padding-right: 0 !important;} body{line-height:1} abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help} blockquote, q{quotes:none} blockquote:before, blockquote:after, q:before, q:after{content:none} del{text-decoration:line-through} hr{background:transparent; border:0; clear:both; color:transparent; height:1px; margin:0; padding:0} mark{background-color:#ffffb3; font-style:italic} input, select{vertical-align:middle} ins{background-color:red; color:white; text-decoration:none} ol, ul{list-style:none} table{border-collapse:collapse; border-spacing:0} /* Clearfix */ .clear{clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0} .clearfix:after{clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0} * html .clearfix, :first-child+html .clearfix{zoom:1} /* Some basic settings */ h1, h1 .button{font-size:32px} h2, h2 .button{font-size:28px} h3, h3 .button{font-size:18px} h4, h4 .button{font-size:15px} h5, h5 .button{font-size:14px} h6, h6 .button{font-size:12px} small{font-size:10px} ol{list-style:decimal} ul{list-style:disc} li{margin-left:30px} img{margin-bottom:5px} dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, article, p{margin-bottom:30px} /* ---------------------------------------------------------------------- */ /*Basic Elements &Classes /* ---------------------------------------------------------------------- */ body{background:#fafafa; /*border-top:6px solid #3a3a3a; color:#3a3a3a; */color:#505050; font-family:'aldosemibold'; font-size:11px; line-height:20px; -webkit-font-smoothing:antialiased; /* Fix for webkit rendering */-webkit-text-size-adjust:100%} ::-moz-selection{background:#b30838; color:#fff; text-shadow:none} ::selection{background:#b30838; color:#fff; text-shadow:none} h1, h2, h3, h4, h5, h6{color:#3a3a3a; font-family:'aldosemibold'; font-weight:400; line-height:1.25; margin-bottom:15px} h3{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif} h1{margin-bottom:40px; margin-top:50px} h1.title{margin-top:50px} h3, h4, h5{font-weight:600} h2{text-decoration:underline} a, a >*, a:visited, a:focus {color:#3a3a3a; text-decoration:none; -webkit-transition:background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; -moz-transition:background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; -ms-transition:background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; -o-transition:background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; transition:background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out} a:hover, a >*:hover{color:#b30838} p{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; margin-bottom:30px; line-height:17px;} hr{background:#efefef; color:#efefef; margin:5px 0 25px} hr.dotted{border-style:dotted} p+hr{margin:25px 0 20px} blockquote{background:#f8f8f8 url(/design/quote.png) no-repeat 17px 21px; font:italic 15px/1.6 'PT Serif',Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif; padding:20px 20px 20px 55px} blockquote.simple{background:none; border-left:2px solid #ddd; color:#bbb; font-size:13px; margin:0; padding:0 0 0 10px} blockquote p:last-of-type{margin-bottom:0} blockquote small{font-size:12px} .button, input[type="submit"], input[type="reset"], button{background:#b30838; border:none; color:#fff; cursor:pointer; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-weight:400; height:auto; overflow:visible; padding:7px 20px; -webkit-transition:background-color .2s ease; -moz-transition:background-color .2s ease; -ms-transition:background-color .2s ease; -o-transition:background-color .2s ease; transition:background-color .2s ease; width:auto} .button:link, .button:focus, .button:active, .button:visited {background:#b30838; border:none; color:#fff; cursor:pointer; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-weight:400; height:auto; overflow:visible; padding:7px 20px; -webkit-transition:background-color .2s ease; -moz-transition:background-color .2s ease; -ms-transition:background-color .2s ease; -o-transition:background-color .2s ease; transition:background-color .2s ease; width:auto} .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover{background:#3a3a3a; color:#fff} .button{font-size:12px; display:inline-block; padding:5px 16px} .button.medium{font-size:12px} .button.large{font-size:15px} .button.no-bg{background:none; color:#3a3a3a; padding:0} .button.no-bg:hover, #footer .button.no-bg:hover{background:none; color:#b30838} .button .icon, .button .arrow{color:transparent; cursor:pointer; display:inline-block; font:0/0 a; height:19px; margin:-3px 0 0 3px; text-shadow:none; vertical-align:middle; width:19px} .ie7 .button .icon, .ie7 .button .arrow{display:inline} .button .arrow{background:#ddd url(/design/button-arrows.png) no-repeat 0 0} .button .icon.left, .button .arrow.left{margin-left:0; margin-right:3px} .button .arrow.left{background-position:0 -19px} .button:hover .arrow{background-color:#b30838} .dropcap{background:#eaeaea; color:#777; display:inline-block; float:left; font-family:'aldosemibold'; font-size:23px; font-weight:600; height:36px; line-height:36px; margin:0 7px 0 0; text-align:center; width:36px} .dropcap.dark{background:#3a3a3a; color:#fff} .infobox{background:#fbfbfb; border:1px solid #efefef; margin:0 0 20px; padding:25px} .single-image, .image-gallery, .iframe{cursor:pointer; display:block; margin-bottom:5px; overflow:hidden; position:relative} .single-image.none, .image-gallery.none, .iframe.none, .single-image.none img, .image-gallery.none img, .iframe.none img{display:inline; margin-bottom:0; overflow:visible} .single-image.align-left, .image-gallery.align-left, .iframe.align-left{margin-bottom:15px; margin-right:15px} .single-image.align-right, .image-gallery.align-right, .iframe.align-right{margin-bottom:15px; margin-left:15px} .single-image img, .image-gallery img, .iframe img{margin-bottom:-5px} .single-image .zoom, .image-gallery .zoom, .iframe .zoom{/*background:rgb(255,255,255); background:rgba(255,255,255,0.4);*/ color:transparent; display:block; font:0/0 a; height:100%; left:0; filter:alpha(opacity=0); opacity:0; position:absolute; text-shadow:none; top:0; -webkit-transition:opacity .2s ease-in-out; -moz-transition:opacity .2s ease-in-out; -ms-transition:opacity .2s ease-in-out; -o-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out; width:100%} .single-image .zoom:before, .image-gallery .zoom:before, .iframe .zoom:before{background:url(/design/zoom.png) no-repeat; content:''; display:block; position:absolute; height:58px; margin:-29px 0 0 -29px; left:50%; top:50%; width:58px} .single-image.video .zoom:before, .image-gallery.video .zoom:before, .iframe.video .zoom:before{background-image:url(/design/zoom-video.png)} .single-image.link .zoom:before, .image-gallery.link .zoom:before, .iframe.link .zoom:before{background-image:url(/design/zoom-link.png)} .single-image:hover .zoom, .image-gallery:hover .zoom, .iframe:hover .zoom{filter:alpha(opacity=40); opacity:1} .forms-pages h3 {border-bottom: 1px solid #dedede; padding-bottom: 15px;} /* ---------------------------------------------------------------------- */ /*Generic Classes /* ---------------------------------------------------------------------- */ .hidden{display:none} .disabled{cursor:auto} .screenreader{clip:rect(1px 1px 1px 1px); clip:rect(1px,1px,1px,1px); /* Fallback for old IE */ position:absolute} .align-center{margin-left:auto; margin-right:auto; text-align:center} .align-left{float:left} img.align-left{margin-bottom:15px; margin-right:15px} .align-right{float:right} img.align-right{margin-bottom:15px; margin-left:15px} .pdd-left0{padding-left: 0;} .pdd-right0{padding-right: 0;} @media (max-width: 767px) { .pdd-responsive { padding: 0; } } .mrg-bottom30 {margin-bottom: 30px !important;} .upper {text-transform: uppercase;} .mrg-left-contacts {margin-left: 35px;} /* ---------------------------------------------------------------------- */ /*Lists /* ---------------------------------------------------------------------- */ ul.none{list-style:none; margin:0} ul.dotted+ul.dotted:before{content:''; display:block; clear:both; border-bottom:1px dotted #bdbdbd; margin:-15px 0 5px} ul{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif} .arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li{list-style:none; margin:0; padding:0 0 0 24px; line-height:17px} .arrow li{background:url(/design/list-arrow.png) no-repeat 5px 5px} .arrow-2 li{background:url(/design/list-arrow-2.png) no-repeat 2px 4px} .circle li{background:url(/design/list-circle.png) no-repeat 4px 5px} .check li{background:url(/design/list-check.png) no-repeat 3px 4px} .check-2 li{background:url(/design/list-check-2.png) no-repeat 0 4px} .star li{background:url(/design/list-star.png) no-repeat 0 1px} .plus li{background:url(/design/list-plus.png) no-repeat 3px 3px} .dash li{background:url(/design/list-dash.png) no-repeat 3px 8px} /* ---------------------------------------------------------------------- */ /*Alert Boxes /* ---------------------------------------------------------------------- */ .alert {padding: 10px;} .error, .success, .info, .notice{/*display:block; padding:10px 20px 10px 44px*/} /*.error{background:#f9e5e6 url(/design/icon-box-error.png) no-repeat 10px 9px; border:1px solid #f7c7c9; border-left-width:4px; color:#b3696c}*/ .success{background:#e3ebc6 url(/design/icon-box-success.png) no-repeat 12px 8px; border:1px solid #c2d288; border-left-width:4px; color:#8fa442} .info{background:#d8ecf5 url(/design/icon-box-info.png) no-repeat 10px 8px; border:1px solid #9ac9df; border-left-width:4px; color:#528da9} .notice{background:#fcf7d9 url(/design/icon-box-notice.png) no-repeat 10px 9px; border:1px solid #f5dc7d; border-left-width:4px; color:#c4a21b} .error input, .error select, .error textarea { border:1px solid #f7c7c9; color:#b3696c; background:#f9e5e6; } .error input[type="radio"] { outline: 1px solid #F7C7C9 !important;} .error input[type="checkbox"] { outline: 1px solid #F7C7C9 !important;} /* ---------------------------------------------------------------------- */ /*Forms /* ---------------------------------------------------------------------- */ label{cursor:pointer; display:block; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; margin:0 0 5px; color:#cecece} label strong{font-weight:400; color:#505050} input, textarea, select{-webkit-appearance:none; /* Fix for Mobile Safari */background-color:#f8f8f8; border:1px solid #e8e8e8; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:#8f8f8f; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font:12px/1.5; padding:5px 10px; border-radius:0} input, select{height:30px; width:200px} textarea{padding:10px; resize:both} input:hover, textarea:hover, select:hover{border-color:#dedede} input:focus, textarea:focus, select:focus{border-color:#ccc} input[type="submit"], input[type="reset"], button{font-size:13px; text-transform:uppercase} input[type="submit"].medium, input[type="reset"].medium, button.medium{font-size:15px} input[type="submit"].large, input[type="reset"].large, button.large{font-size:17px} select, option{cursor:pointer; padding:5px 7px} input[type="checkbox"], input[type="radio"], .contact-form input[type="checkbox"], .contact-form input[type="radio"]{width:20px} /* Fix for Mobile Safari */ input[type="checkbox"]{-webkit-appearance:checkbox} input[type="radio"]{-webkit-appearance:radio} /* Chrome, Safari */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#b0b0b0} /* Firefox */ input:-moz-placeholder, textarea:-moz-placeholder{color:#b0b0b0} /* jQuery fallback */ input.placeholder, textarea.placeholder{color:#b0b0b0} /* ---------------------------------------------------------------------- */ /*Wrap /* ---------------------------------------------------------------------- */ .container{margin:0 auto; position:relative; width:1280px; padding-left: 0; padding-right: 0;} /* -------------------------------------------------- */ /*Columns /* -------------------------------------------------- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth{float:left; margin-right:40px} .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last{margin-right:0px} .one-half{width:460px} .one-third{width:300px} .two-third{width:620px} .one-fourth{width:305px} .three-fourth{width:900px} /* ---------------------------------------------------------------------- */ /*Header /* ---------------------------------------------------------------------- */ #header{/*border-bottom:1px solid #efefef;*/ height:130px; z-index:97; padding-left: 0; padding-right: 0; display: table;} #logo{float:left; margin-top: 11px;} /* -------------------------------------------------- */ /*Main Navigation /* -------------------------------------------------- */ #main-nav{float:right; line-height: 66px;} @media (min-width: 768px) and (max-width: 959px) { #main-nav { width: 50%; margin: 18px 40px 19px 0; } } #main-nav >ul{margin:-6px 0 0} #main-nav li{list-style:none; float:left; margin:0; position:relative} #main-nav a{border-bottom:1px solid transparent; border-top:6px solid transparent; color:#3a3a3a; font-family:'aldosemibold'; font-size:16px; font-weight:800; display:block; letter-spacing:-0.08px; padding:34px 16px 0px; position:relative; text-align:center; text-transform:uppercase; z-index:98} .ie7 #main-nav a{padding:33px 20px} #main-nav a:after{color:#505050; content:attr(data-description); font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:11px; font-weight:400; display:block; line-height:0; margin:7px 0 -3px; text-align:center; text-transform:lowercase} #main-nav a:hover, #main-nav .hover >a, #main-nav .current >a{border-bottom-color:transparent; border-top-color:#3A3A3A; color:#b30838} /*#main-nav a:hover, #main-nav .hover >a, #main-nav .current >a{background:#f0f0f0}*/ /*.not-ie #main-nav .current:after{background:#b30838; bottom:-2.5px; content:''; left:50%; display:block; height:5px; margin:0 0 0 -2.5px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); position:absolute; width:5px} */ /* Dropdown */ .no-js #main-nav li:hover >ul{display:block; top:92px} #main-nav ul ul{background:#3a3a3a; -webkit-box-shadow:2.5px 2.5px 5px rgba(0,0,0,.2); -moz-box-shadow:2.5px 2.5px 5px rgba(0,0,0,.2); box-shadow:2.5px 2.5px 5px rgba(0,0,0,.2); display:none; left:0; padding:0; position:absolute; top:92px; width:200px; z-index:99} #main-nav ul ul li{float:none} #main-nav ul ul a{border:0; color:#fff; display:block; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:11px; letter-spacing:0; font-weight:400; padding:8px 20px !important; text-align:left; text-transform:none} #main-nav ul ul a:hover, #main-nav ul ul .hover >a, #main-nav ul ul .current >a, #main-nav ul ul .current >a:hover{background:#b30838; color:#fff} .not-ie #main-nav ul ul .current:after{display:none} /* Sub Dropdown */ #main-nav ul ul ul{left:200px !important; top:0 !important} /* Responsive Nav */ #main-nav .responsive-nav{background-image:url(/design/responsive-nav-bg.png); background-position:center right; background-repeat:no-repeat; display:none;} @media (max-width: 767px) { #main-nav .responsive-nav {margin: 0 auto;} } @media (min-width: 768px) { #main-nav .responsive-nav {width: 100%;} } .fallow-social {margin-top: 3px;} /* ---------------------------------------------------------------------- */ /*Content /* ---------------------------------------------------------------------- */ #content{padding-top:30px} .ie7 #content{padding-top:25px} /* -------------------------------------------------- */ /*Page Header /* -------------------------------------------------- */ .page-header{border-bottom:1px solid #efefef; margin:-15px 0 40px} .ie7 .page-header{margin-top:0} .slogan, .page-title, .page-description, .page-subdescription, .project-title{font-weight:300; letter-spacing:-0.1px; margin-bottom:0} .page-title, .page-description, .page-subdescription, .project-title{font-size:24px; margin-top:-10px; padding:0 0 10px} .page-title small, .page-title small a{float: right; clear: right; font-size: 11px; color: #ccc;} .page-title small a:hover{text-decoration: underline;} .slogan{font-size:24px; margin-bottom:30px} /*.page-title{margin-top:0;} v1 */ .page-title{margin-top:0; display: inline-block;} .page-subdescription{font-size:20px} .project-title{margin-top:-15px; padding-bottom:30px} .page-description{font-size:32px; font-weight:400; padding:0 0 40px} .page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr{margin-bottom:40px; margin-top:0} .section-title{font-weight:800; /*text-transform:uppercase; */} .page-header .page-title{ text-transform:lowercase; } /* -------------------------------------------------- */ /*Main /* -------------------------------------------------- */ #main{float:left; margin:0 40px 0 0; width:900px} #main.no-sidebar { width: 100%; margin: 0; } #main.no-sidebar .entry-body img { width: 100%; height: auto; } .sidebar-left #main{float:right; margin-left:40px; margin-right:0} /* ---------------------------------------- */ /*Columns /* ---------------------------------------- */ #main .one-half{width:330px} #main .one-third{width:213px} #main .two-third{width:447px} #main .one-fourth{width:155px} #main .three-fourth{width:505px} /* -------------------------------------------------- */ /*Image Gallery Slider /* -------------------------------------------------- */ .image-gallery-slider{position:relative; padding-bottom: 25px; max-width: 680px; margin: 0 auto;} .image-gallery-slider >ul{margin:0} .image-gallery-slider >ul >li{background:#fff; display:none; list-style:none; margin:0} .no-js .image-gallery-slider >ul >li, .image-gallery-slider.disabled >ul >li{display:block; margin-bottom:25px} .image-gallery-slider >ul >li:first-child{display:block} .image-gallery-slider a{margin:0 auto} .image-gallery-slider img, .image-gallery-slider img.entry-image{display:block; margin:0 auto; max-width:100%} .image-gallery-slider-nav{} .image-gallery-slider-nav a{background:rgb(150,150,150) url(/design/slider-arrows-medium.png) no-repeat 0 0; /* Fallback for old IE */filter:alpha(opacity=60); /* Fallback for old IE */background:rgba(150,150,150,0.6) url(/design/slider-arrows-medium.png) no-repeat 0 0; color:transparent; cursor:pointer; display:block; font:0/0 a; height:53px; margin:-26.5px 0 0; position:absolute; text-shadow:none; top:50%; width:25px; z-index:90} .image-gallery-slider-nav a.prev{background-position:-7px center; left:0} .image-gallery-slider-nav a.next{background-position:-46px center; right:0} .image-gallery-slider-nav a:hover, .image-gallery-slider-nav a:active{background-color:rgb(179,8,56); background-color:rgba(179,8,56,1); filter:alpha(opacity=100); /* Fallback for old IE */} /* -------------------------------------------------- */ /*Widgets /* -------------------------------------------------- */ /* ---------------------------------------- */ /*Accordion Content /* ---------------------------------------- */ .acc-trigger{border-top:1px dotted #ced8df; cursor:pointer; display:block; margin:0} .acc-trigger:last-of-type, .acc-container:last-of-type{border-bottom:1px dotted #ced8df; margin-bottom:20px} .no-js .acc-trigger:last-of-type{border-bottom:none} .acc-trigger a{background:url(/design/accordion-content-buttons.png) no-repeat 20px 23px; display:block; color:#505050; outline:medium none; padding:25px 20px 25px 55px; text-decoration:none; text-shadow:none} h3.acc-trigger a, h4.acc-trigger a{background-position:20px 24px} h6.acc-trigger a{background-position:20px 21px} .acc-trigger a:hover{background-color:#f8f8f8} .acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover{color:#b30838} .acc-trigger.active a:hover{background-color:transparent} .acc-trigger.active{cursor:default} .acc-trigger.active:last-of-type{border-bottom:none; margin-bottom:0} .acc-trigger.active a{background-position:20px -88px; cursor:default} h3.acc-trigger.active a, h4.acc-trigger.active a{background-position:20px -87px} h6.acc-trigger.active a{background-position:20px -90px} .acc-container .content{padding:0 20px 25px 55px} .js .acc-container{margin-top:-15px} /* ---------------------------------------- */ /*Content Tabs /* ---------------------------------------- */ .tabs-nav{list-style:none; margin:0; overflow:hidden; padding:0; width:100%} .tabs-nav li{float:left; line-height:32px; margin:0; overflow:hidden; padding:0; position:relative} .tabs-nav li.active{line-height:31px} .tabs-nav li a{background:#f8f8f8; border:1px solid #eaeaea; border-bottom:1px solid #eaeaea; border-left:none; color:#505050; display:block; letter-spacing:0; outline:none; padding:0 16px; text-decoration:none; text-shadow:0 1px 0 #fff} .tabs-nav li:first-child a{border-left:1px solid #eaeaea} .tabs-nav li a:hover{background:#f0f0f0} .tabs-nav li a:hover, .tabs-nav li.active a{color:#b30838} .tabs-nav li.active a{background:#fff; border-bottom:2px solid #fff; border-top:1px solid #b30838} .tabs-container{border:1px solid #eaeaea; margin:-1px 0 20px; overflow:hidden; width:100%} .tab-content{padding:20px} /* -------------------------------------------------- */ /*Pricing Tables /* -------------------------------------------------- */ .simple-pricing-table, .extended-pricing-table{height:100%; margin:0 0 40px; position:relative; text-align:center; width:100%} .simple-pricing-table .column, .extended-pricing-table .column{float:left; margin:0; padding:0; position:relative} .simple-pricing-table .features, .extended-pricing-table .features{list-style:none; margin:0} .simple-pricing-table .features li, .extended-pricing-table .features li{display:block; margin:0; position:relative} .simple-pricing-table .footer, .extended-pricing-table .footer{padding:16px 20px} .simple-pricing-table .footer .button, .extended-pricing-table .footer .button{background:#515151; font-size:14px; font-weight:600; text-transform:uppercase; padding:9px 20px} /* ---------------------------------------- */ /*Simple Pricing Table /* ---------------------------------------- */ .simple-pricing-table.featured{margin-top:50px} .simple-pricing-table .column{background:#f6f6f6; border-bottom:1px solid #ededed; border-left:1px solid #fff; border-top:1px solid #ededed; width:938px} .simple-pricing-table .column:first-child{border-left-color:#ededed} .simple-pricing-table .column:last-child{border-right:1px solid #ededed} .simple-pricing-table.col2 .column{width:468px} .simple-pricing-table.col3 .column{width:312px} .simple-pricing-table.col4 .column{width:233px} .simple-pricing-table.col5 .column{width:186px} .simple-pricing-table .column.featured{background:#fff; border:1px solid #ebebeb; -webkit-box-shadow:0 0 20px rgba(0,0,0,.15); -moz-box-shadow:0 0 20px rgba(0,0,0,.15); box-shadow:0 0 20px rgba(0,0,0,.15); margin:-20px -1px 0; padding:20px 5px 15px; z-index:1; width:928px} .simple-pricing-table.col2.featured .column{width:450px} .simple-pricing-table.col3.featured .column{width:299px} .simple-pricing-table.col4.featured .column{width:224px} .simple-pricing-table.col5.featured .column{width:179px} .simple-pricing-table.col2 .column.featured{width:478px} .simple-pricing-table.col3 .column.featured{width:329px} .simple-pricing-table.col4 .column.featured{width:254px} .simple-pricing-table.col5 .column.featured{width:209px} .simple-pricing-table .header{padding:15px 20px 20px} .simple-pricing-table .featured .header{margin:-15px 0 0} .simple-pricing-table .title{color:#414141; font-size:24px; font-weight:700; letter-spacing:-0.8px; margin:0 0 5px} .simple-pricing-table .price{color:#777; font-size:18px; font-weight:300; margin:0 0 7px} .simple-pricing-table .price span{color:#292929; font-weight:700} .simple-pricing-table .free .price span{color:#4a993e} .simple-pricing-table .featured .price span{color:#b30838} .simple-pricing-table .description{color:#4b4b4b; font-size:14px; margin:0; font-weight:400} .simple-pricing-table .free .description{color:#44af33} .simple-pricing-table .featured .description{color:#e38c11} .simple-pricing-table .title+.description{margin-bottom:5px; margin-top:12px} .simple-pricing-table .features{padding:0 10px} .simple-pricing-table .features li{border-top:1px solid #ebebeb; padding:5px 10px} .simple-pricing-table .footer{background:#e5e5e5; margin:1px 0 0} .simple-pricing-table .featured .footer{background:#fff; margin-top:11px} .simple-pricing-table .featured .footer .button{background:#b30838; font-size:18px; padding:11px 27px} .simple-pricing-table .free .footer .button{background:#4a993e} .simple-pricing-table .footer .button:hover{background:#b30838} .simple-pricing-table .free .footer .button:hover, .simple-pricing-table .featured .footer .button:hover{background:#515151} /* ---------------------------------------- */ /*Extended Pricing Table /* ---------------------------------------- */ .extended-pricing-table.featured{margin-top:40px} .extended-pricing-table .column{width:740px} .extended-pricing-table .features-list{text-align:left; width:200px !important} .extended-pricing-table.col2 .column{width:370px} .extended-pricing-table.col3 .column{width:246px} .extended-pricing-table.col4 .column{width:185px} .extended-pricing-table.col5 .column{width:148px} .extended-pricing-table .featured{-webkit-box-shadow:0 0 20px rgba(0,0,0,.15); -moz-box-shadow:0 0 20px rgba(0,0,0,.15); box-shadow:0 0 20px rgba(0,0,0,.15); z-index:1} .extended-pricing-table .header{background:#3a3a3a; color:#fff; min-height:110px} .extended-pricing-table .features-list .header{background:none} .extended-pricing-table .free .header{background:#4a993e} .extended-pricing-table .featured .header{background:#f9612a; padding:0 0 10px} .ie7 .extended-pricing-table .featured .header{padding-bottom:0} .extended-pricing-table .title{background:#2c2c2c; color:#bbb; font-size:13px; font-weight:400; margin:0 0 7px; padding:8px 15px; text-transform:uppercase} .extended-pricing-table .free .title{background:#428937; color:#fff} .extended-pricing-table .featured .title{background:#dd4913; color:#fff; font-size:17px; font-weight:600; margin-top:-10px; padding-bottom:11px; padding-top:10px; position:relative} .extended-pricing-table .price{color:#999; font-size:12px; font-weight:400; margin:0} .extended-pricing-table .free .price{color:#9fcd98} .extended-pricing-table .featured .price{color:#fab197} .extended-pricing-table .price span{color:#fff; font-size:30px; display:block} .extended-pricing-table .featured .price span{font-weight:600} .extended-pricing-table .features{border-left:1px solid #fff} .extended-pricing-table .features-list .features{border-left:none} .extended-pricing-table .features li{background:#f8f8f8; border-bottom:1px solid #fff; padding:8px 10px} .extended-pricing-table .features li:before{content:''} .extended-pricing-table .featured .features li{background:#fff} .extended-pricing-table .features li:first-child{border-top:1px solid #fff} .extended-pricing-table .features li:nth-child(even){background:#f0f0f0} .extended-pricing-table .featured .features li:nth-child(even){background:#f6f6f6} .extended-pricing-table .features li .check{background:url(/design/icon-check-3.png) no-repeat center 2px; display:inline-block; height:18px; text-indent:-9999px; width:18px} .ie7 .extended-pricing-table .features li .check{display:inline; font-size:0; text-indent:0} .extended-pricing-table .free .features li .check{background-image:url(/design/icon-check-3-green.png)} .extended-pricing-table .footer{background:#f8f8f8} .extended-pricing-table .featured .footer{padding-bottom:26px} .extended-pricing-table .features-list .footer{background:none} .extended-pricing-table .free .footer .button{background:#4a993e} .extended-pricing-table .featured .footer .button{background:#b30838} .extended-pricing-table .footer .button:hover{background:#b30838} .extended-pricing-table .free .footer .button:hover, .extended-pricing-table .featured .footer .button:hover{background:#515151} /* -------------------------------------------------- */ /*Back to Top /* -------------------------------------------------- */ #back-to-top, .touch-device #back-to-top:hover{background:url(/design/arrow-up-large.png) no-repeat center center; background-color:rgb(221,221,221); background-color:rgba(221,221,221,.7); bottom:50px; color:transparent; display:none; font:0/0 a; height:46px; position:fixed; right:20px; text-shadow:none; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; width:45px; z-index:100} @media (max-width: 480px) { #back-to-top, .touch-device #back-to-top:hover {bottom: 35px; right: 10px; width: 35px; height: 36px;} } #back-to-top:hover, .touch-device #back-to-top:active{background-color:#b30838} /* ---------------------------------------------------------------------- */ /*Home /* ---------------------------------------------------------------------- */ /* -------------------------------------------------- */ /*Slider /* -------------------------------------------------- */ .ss-slider{background:#fff url(/design/loader.gif) no-repeat center 185px; margin:20px auto 80px; max-height:585px; max-width:1440px; overflow:hidden; position:relative} .ss-slider.fully-loaded{overflow:visible} .ss-slider.fully-loaded, .no-js .ss-slider{background:none} .no-js .ss-slider{max-height:none} /* ---------------------------------------- */ /*Single Slide /* ---------------------------------------- */ .ss-slider .slides-container{} .ss-slider .slide{display:none; margin:0} .ss-slider .slide:first-child{display:block} .ss-slider.fully-loaded .slide, .no-js .ss-slider .slide{background-repeat:no-repeat; display:block; float:left; overflow:hidden; position:relative; z-index:1} .ss-slider.fully-loaded .slide{height:100%} .no-js .ss-slider .slide{margin:40px 0 0} .no-js .ss-slider .slide:first-child{margin-top:0} .ss-slider .slide-img{background-repeat:no-repeat; height:100%; left:0; position:absolute; top:0} .ss-slider .slide-images-container{background:#fff; background-repeat:no-repeat; display:block; width:100%; z-index:11; position:relative; overflow:hidden} .ss-slider .slide-bg-image{background:#fff; margin:0; width:100%} .ss-slider.fully-loaded .slide-bg-image{display:none} .no-js .ss-slider .slide-bg-image{display:block} /* ---------------------------------------- */ /*Button /* ---------------------------------------- */ .ss-slider .buttons-container{background:#fff; overflow:hidden; width:100%} .ss-slider.hide-bottom-buttons .buttons-container{display:none} .ss-slider .slide-button, .no-js .ss-slider .slide-button:hover{background:#f8f8f8; border-bottom:1px solid #e9e9e9; -webkit-box-shadow:1px 0 0 #fff inset,0 1px 0 0 #fff inset; -moz-box-shadow:1px 0 0 #fff inset,0 1px 0 0 #fff inset; box-shadow:1px 0 0 #fff inset,0 1px 0 0 #fff inset; color:#3a3a3a; cursor:pointer; display:block; float:left; font-size:20px; height:40px; overflow:hidden; padding:20px; text-align:left; text-decoration:none; -webkit-transition:background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; -moz-transition:background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; -ms-transition:background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; -o-transition:background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; transition:background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; width:100%} .ss-slider.hide-bottom-buttons .slide-button{display:none} .ss-slider .slide:first-child .slide-button{-webkit-box-shadow:0 1px 0 0 #fff inset; -moz-box-shadow:0 1px 0 0 #fff inset; box-shadow:0 1px 0 0 #fff inset} .ss-slider.fully-loaded .slide-button:hover, .ss-slider.fully-loaded .slide-button.active{background:#f0f0f0; color:#b30838} /*.ss-slider.fully-loaded .slide-button:hover{border-top-color:#b30838}*/ .no-js .ss-slider .slide-button, .no-js .ss-slider .slide-button:hover{cursor:auto} .no-js .ss-slider a >.slide-button:hover{cursor:pointer} .ss-slider .slide-button h5{color:#3a3a3a; font:700 14px/1.5 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; margin:0} .ss-slider.fully-loaded .slide-button.active h5{color:#b30838} .ss-slider .slide-button .description{color:#505050; display:block; font-size:11px; line-height:12px} .ss-slider .slide-button .dropcap{background:#3a3a3a; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px; color:#fff; font-weight:700; height:38px; width:38px} .ss-slider .slide-button.image, .no-js .ss-slider .slide-button.image:hover{height:80px; padding:0; text-align:center} .ss-slider .slide-button img{background:#f8f8f8; display:inline-block; font-size:11px; max-height:80px; filter:alpha(opacity=35); /* Fallback for old IE */opacity:0.35; -webkit-transition:opacity .2s ease-in-out; -moz-transition:opacity .2s ease-in-out; -ms-transition:opacity .2s ease-in-out; -o-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out} .ss-slider .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img{background:#f0f0f0} .no-js .ss-slider .slide-button:hover img, .no-js .ss-slider .slide-button.active img{background:#f8f8f8} .ss-slider.fully-loaded .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img, .no-js .ss-slider .slide-button img{filter:alpha(opacity=100); /* Fallback for old IE */opacity:1} /* ---------------------------------------- */ /*Content /* ---------------------------------------- */ .no-js .ss-slider .slide-content .wrap{background:rgb(150,150,150); /* Fallback for old IE */filter:alpha(opacity=60); /* Fallback for old IE */background:rgba(225,225,225,.6); top:70px; display:block; left:98px; margin:0; overflow:hidden; padding:10px 15px; position:absolute; width: auto; z-index:2; height: auto !important;} .ss-slider .content-container .wrap{background:rgb(150,150,150); /* Fallback for old IE */filter:alpha(opacity=60); /* Fallback for old IE */background:rgba(225,225,225,.6); top:70px; display:block; left:98px; margin:0; overflow:hidden; padding:10px 15px; position:absolute; width: auto; z-index:2; height: auto !important;} .ss-slider.hide-content .content-container{display:none} .ss-slider.hide-bottom-buttons .content-container, .no-js .ss-slider.hide-bottom-buttons .slide-content{bottom:30px} .ss-slider.show-content-onhover .content-container, .ss-slider.show-content-onhover .pagination-container a{opacity:1; filter:alpha(opacity=1); /* Fallback for old IE */} .ss-slider.fully-loaded.show-content-onhover:hover .content-container, .ss-slider.fully-loaded.show-content-onhover:hover .pagination-container a{opacity:1; filter:alpha(opacity=60); /* Fallback for old IE */} .ss-slider.fully-loaded .content-container{-webkit-transition:bottom .2s ease,height .2s ease,opacity .2s ease-in-out; -moz-transition:bottom .2s ease,height .2s ease,opacity .2s ease-in-out; -ms-transition:bottom .2s ease,height .2s ease,opacity .2s ease-in-out; -o-transition:bottom .2s ease,height .2s ease,opacity .2s ease-in-out; transition:bottom .2s ease,height .2s ease,opacity .2s ease-in-out} .ss-slider .content-container.center{bottom:auto; left:50%; margin-left:-193px; padding:20px 30px; text-align:center; top:135px; width:326px} .ss-slider .content-container.bottom{bottom:85px; left:38px; max-width:804px; padding:10px 30px; text-align:center; width:100%} .ss-slider.hide-bottom-buttons .content-container.bottom{bottom:0} .ss-slider .slide-content{color:#bfbfbf; display:none} .ss-slider .slide-content a{text-decoration:none; color:#3a3a3a} .ss-slider .slide-content a:hover{text-decoration:none} .ss-slider .slide-content h1, .ss-slider .slide-content h2, .ss-slider .slide-content h3, .ss-slider .slide-content h4, .ss-slider .slide-content h5, .ss-slider .slide-content h6{color:#3a3a3a; margin:0; font-size: 18px; font-weight: 300;} .ss-slider .slide-content h1+*, .ss-slider .slide-content h2+*, .ss-slider .slide-content h3+*, .ss-slider .slide-content h4+*, .ss-slider .slide-content h5+*, .ss-slider .slide-content h6+*{margin-top:5px} .ss-slider .slide-content h2{font-size:20px; font-weight:700} .ss-slider .slide-content h6{font-size:13px; font-weight:400} .ss-slider .slide-content p{margin-bottom:10px} .ss-slider .slide-content p:last-of-type{margin-bottom:0} .ss-slider .slide-content .button{color:#fff; font-size:11px; padding:5px 14px; text-shadow:none} .ss-slider .slide-content .button:hover{text-decoration:none} /* ---------------------------------------- */ /*Pagination /* ---------------------------------------- */ .ss-slider .pagination-container a{z-index:2;} .ss-slider.hide-bottom-buttons .pagination-container a{bottom:30px} .ss-slider.hide-content .pagination-container a{display:none} .ss-slider .pagination-container .next{ position: absolute !important; width: 50% !important; height: 100% !important; right: 0 !important; top: 0 !important; text-indent: -9999px !important; background-color: transparent !important; border: none !important; outline: none !important; cursor: url(../images/arrow_right.png) 50 50,auto !important; z-index: 10 !important; } .ss-slider .pagination-container .prev{ position: absolute !important; width: 50% !important; height: 100% !important; left: 0 !important; top: 0 !important; text-indent: -9999px !important; background-color: transparent !important; border: none !important; outline: none !important; cursor: url(../images/arrow_left.png) 50 50,auto !important; z-index: 10 !important; } .ss-slider.hide-bottom-buttons .pagination-container .next{bottom:71px} .ss-slider .pagination-container a:hover, .ss-slider.show-content-onhover:hover .pagination-container a:hover{background-color:rgba(179,8,56,1); filter:alpha(opacity=100) !important; /* Fallback for old IE */} .ss-slider .pagination-container.center a{background-image:url(/design/slider-arrows-large.png); bottom:auto; left:50%; min-height:40px; top:135px; width:35px} .ss-slider .pagination-container.center .prev{background-position:0 center; left:241px; display: none;} .ss-slider .pagination-container.center .next{background-position:-35px center; left:auto; right:241px} .ss-slider .pagination-container.bottom a{background-image:url(/design/slider-arrows-medium.png); bottom:85px; min-height:20px; width:37px} .ss-slider.hide-bottom-buttons .pagination-container.bottom a{bottom:0} .ss-slider .pagination-container.bottom .prev{background-position:-1px center; left:0} .ss-slider .pagination-container.bottom .next{background-position:-40px center; left:auto; right:0} /* ---------------------------------------- */ /*Active Slide Bar /* ---------------------------------------- */ .ss-slider .active-slide-bar{ bottom:0; display:block; height:4px; left:0; position:absolute; visibility:hidden; z-index:10} .ss-slider.hide-bottom-buttons .active-slide-bar{display:none} /* -------------------------------------------------- */ /*Projects Carousel /* -------------------------------------------------- */ .no-js .projects-carousel, .no-js .post-carousel{border-top:1px solid #efefef; margin:15px -20px 60px 0; padding:25px 0 0} .projects-carousel >li, .post-carousel >li, #portfolio-items >article, #products-nocat-items >article{float:left; list-style:none; margin:0 20px 0 0; overflow:hidden; position:relative} .projects-carousel >li, .post-carousel >li{width:305px} .projects-carousel >li, .post-carousel >li a {display: block;} /*.projects-carousel, #portfolio-items{} */ .no-js .post-carousel >li{display:inline-block; float:none} .no-js .projects-carousel >li, .no-js #portfolio-items >article, .no-js .portfolio-items >article{margin-bottom:40px} .projects-carousel a, #portfolio-items article a, .portfolio-items article a, #products-nocat-items article a{border-bottom:1px solid #efefef; display:block; text-align:center} .projects-carousel a{padding:20px 0 35px} #portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player, .portfolio-items article a, .portfolio-items article .audio-player, .portfolio-items article .video-player, #products-nocat-items article a, #products-nocat-items article .audio-player{margin:0 auto} .projects-carousel img, #portfolio-items article img, .portfolio-items article img, #products-nocat-items article img{background-color:#fff; margin:0 auto -5px; filter:alpha(opacity=100); /* Fallback for old IE */opacity:1; width:100%;} /*.projects-carousel:hover img, #portfolio-items:hover article img, .portfolio-items:hover article img, #products-nocat-items:hover article img{filter:alpha(opacity=70); opacity:0.7; }*/ .no-js .projects-carousel img, .no-js #portfolio-items article img, .no-js .portfolio-items article img{margin-bottom:0} .projects-carousel img{margin:-25px auto 20px} .projects-carousel .title, #portfolio-items >article .title, .portfolio-items >article .title, #products-nocat-items >article .title{font-weight:400; margin-bottom:0; height:34px;} .projects-carousel >li .categories, #portfolio-items >article .categories, .portfolio-items >article .categories, #products-nocat-items >article .categories{color:#505050; display:block; /*margin:-1px 0 20px; */font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:11px; font-weight:400; line-height:0; margin:7px 0 -3px; text-align:center; text-transform:lowercase} .projects-carousel a:hover, #portfolio-items >article:hover, .portfolio-items >article:hover, #products-nocat-items >article:hover{background:#f8f8f8;} .projects-carousel a:hover img, #portfolio-items >article:hover img, .portfolio-items >article:hover img, #products-nocat-items >article:hover img{filter:alpha(opacity=100); /* Fallback for old IE */opacity:1} .projects-carousel a:hover .title, #portfolio-items >article:hover .title, .portfolio-items >article:hover .title, #products-nocat-items >article:hover .title{color:#b30838} /* -------------------------------------------------- */ /*Post Carousel /* -------------------------------------------------- */ .post-carousel .entry-meta{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:10px; line-height:normal; float:left; letter-spacing:-0.5px; margin:0 12px 0 0; text-align:center; width:33px} .post-carousel .entry-meta a{display:block; font-style:normal} .post-carousel li .post-format{margin:0} .post-carousel li .date{display:block; margin:8px 0 0} .post-carousel .entry-body .title{font-size:14px; font-weight:400; margin:0 0 10px 0} .post-carousel .entry-body{float:right; margin:0; width:255px} .post-carousel .entry-image, .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper{margin-bottom:15px; max-width:100%; width:100%} .entry-body p{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:11px; line-height:18px} .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper{margin-bottom:15px} .touch-device .post-carousel .entry-audio{margin-top:-8px} /* Image Gallery Slider */ .post-carousel .image-gallery-slider{margin-bottom:15px} .post-carousel .image-gallery-slider li{margin:0} .post-carousel .image-gallery-slider img{margin-bottom:0} /* -------------------------------------------------- */ /*Projects &Post Carousel Navigation /* -------------------------------------------------- */ .jcarousel-container{border-top:1px solid #efefef; margin:45px -20px 80px 0; max-width:100%; padding:25px 0 0} .section-title+.jcarousel-container{margin-top:15px} .jcarousel-clip{overflow:hidden; width:100%} .jcarousel-item{margin:0 20px 0 0; width:220px} .jcarousel-next, .jcarousel-prev{background:#ddd url(/design/button-arrows.png) no-repeat 0 0; cursor:pointer; height:19px; position:absolute; right:0; top:-35px; width:19px} .jcarousel-prev{background-position:0 -19px; right:20px} .jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active, .jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active{background-color:#b30838} .jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus, .jcarousel-next-disabled:active, .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active{background-color:#eee !important; cursor:auto !important} /* ---------------------------------------------------------------------- */ /*Our Team /* ---------------------------------------------------------------------- */ .team-member{border-bottom:1px solid #efefef; color:#777; margin-bottom:50px; overflow:hidden; position:relative; text-align:center; -webkit-transition:background-color .2s ease,border .2s ease; -moz-transition:background-color .2s ease,border .2s ease; -ms-transition:background-color .2s ease,border .2s ease; -o-transition:background-color .2s ease,border .2s ease; transition:background-color .2s ease,border .2s ease} .team-member:hover{background:#f8f8f8; border-bottom-color:#b30838} .not-ie .team-member:hover:after{background:#b30838; bottom:-2.5px; content:''; left:50%; display:block; height:5px; margin:0 0 0 -2.5px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); position:absolute; width:5px} .team-member .photo, .team-member >a{display:block; margin:0 auto 15px} .team-member >a >.photo{margin:0 auto} .team-member .content{padding:0 15px} .team-member .name{color:#414141; font-weight:700; margin:0; text-transform:uppercase} .team-member .job-title{color:#505050; display:block; font-style:italic; margin:0 0 10px} .team-member .social-links{border-top:1px solid #efefef; margin:0 0 5px; padding:15px 0 0} .team-member:hover .social-links{border-top-color:#ebebeb} .team-member .social-links li{margin:0 0 10px 10px} .team-member .social-links a{opacity:0.3} .team-member .social-links a:hover{opacity:1} /* ---------------------------------------------------------------------- */ /*Blog /* ---------------------------------------------------------------------- */ .entry{border-bottom:1px dotted #ced8df; margin:0 0 50px; padding:0 0 30px; width:100%;} .entry > a{ width:100%; float:left; } .entry.single{margin-bottom:45px; padding-bottom:25px} .entry-image, .entry-video, .entry-audio{display:block; margin:0 auto 25px; width:100%;} .entry .entry-audio{margin-bottom:20px; padding-top:5px} .touch-device .entry .entry-audio{margin-top:-12.5px} .single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image{margin-bottom:20px} .entry-body{float:right; margin:-5px 0 0; width:770px} .no-sidebar .entry-body{width:1140px} .entry-body .title{font-size:18px; font-weight:700; margin-top:10px} .entry-meta{color:#878787; float:left; font-family:'aldosemibold'; margin:0 20px 0 0; text-align:right; width:110px} .entry-meta ul{margin:0} .entry-meta li{list-style:none; margin:0} .entry-meta .title{font-weight:700} .entry-meta a{color:#505050; display:inline-block; font-style:italic} .entry-meta a:hover{color:#b30838} .post-format{background-color:#ddd; background-image:url(/design/icon-post-formats.png); background-repeat:no-repeat; background-position:0 0; color:#505050; cursor:pointer; display:block; height:33px; margin:0 0 10px 0; text-align:left; text-indent:-9999px; width:33px} .post-format.gallery, .post-format.image{background-position:-33px 0} .post-format.video{background-position:-66px 0} .post-format.audio{background-position:-99px 0} .post-format.link{background-position:-132px 0} .post-format.quote{background-position:-165px 0} .post-format.aside{background-position:-199px 0} a:hover >.post-format, .jcarousel-item:hover .entry-meta a >.post-format{background-color:#b30838; color:#b30838} /* VideoJS */ .video-js{max-width:100%} /* -------------------------------------------------- */ /*Comments /* -------------------------------------------------- */ #comments{ float:left; width:100%; margin-top:50px; } #comments .section-title, #respond .section-title{font-weight:600; margin-bottom:15px; font-size:25px;} .comments-list{border-bottom:1px dotted #ced8df; margin:27px 0 45px; padding:0 0 30px; overflow:hidden} .comment{border-top:1px dotted #ced8df; list-style:none; margin:30px 0 0; padding:35px 0 0} .comment:first-child{border-top:none; margin-top:0; padding-top:0} .comment >article{margin:0; overflow:hidden} .comment .avatar{background:#fff; float:left; margin:0 0 5px 0; position:relative; width:54px; z-index:1} .comment .comment-body, .comment .comment-meta{float:right; margin:0 0 -20px 15px; width:611px} .comment .comment-meta{margin-bottom:0} .comment .author, .comment .author a{color:#54555a; margin:0} .comment .author .comment-reply-link{font-size:11px} .comment .date, .comment .date a{color:#adb3b8; font-style:italic; margin:1px 0 5px} .comment .author a:hover, .comment .date a:hover{color:#b30838} .comment .children{margin:0; padding:30px 0 0 70px; position:relative} .comment .children .comment{border-top:1px dotted #ced8df; margin:30px 0 0; padding:35px 0 0; position:relative} .comment .children .comment:first-child{margin-top:0} .comment .children .comment-body, .comment .children .comment-meta{width:541px} /* -------------------------------------------------- */ /*Respond /* -------------------------------------------------- */ #respond{} .comments-form{margin:20px -20px 0 0} .comments-form input{width:191px} .comments-form textarea{height:150px; width:657px} /* -------------------------------------------------- */ /*Pagination /* -------------------------------------------------- */ .pagination{margin:0; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif} .pagination li{display:inline-block; list-style:none; margin:0 5px 0 0} .ie7 .pagination li, .ie7 .pagination a{display:inline} .pagination li:last-child{margin-right:0} .pagination .current{background:#ddd; color:#707070} .pagination a, .pagination .current{border:1px solid transparent; color:#9c9c9c; display:inline-block; padding:1px 8px 1px} .pagination a:hover{border-color:#e6edef; color:#b30838} .pagination .next a, .pagination .prev a{border:none} /* ---------------------------------------------------------------------- */ /*Portfolio /* ---------------------------------------------------------------------- */ #portfolio-items-filter{float:right; margin:3px 0 0; overflow:hidden; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif} .no-js #portfolio-items-filter{display:none} #portfolio-items-filter li{display:block; float:left; list-style:none; margin:0} #portfolio-items-filter li:first-child{/*margin-top:5px; margin-right:5px; */} /*.ie7 #portfolio-items-filter li:first-child{display:none !important}*/ #portfolio-items-filter a{color:#8f8f8f; cursor:pointer; display:block; margin:0 0 5px 0px; padding:5px 10px} .ie7 #portfolio-items-filter a{display:block !important; margin:0 0 5px 5px !important; padding:5px 10px !important; width:auto !important} #portfolio-items-filter a:hover, #portfolio-items-filter a.active{background:#b30838; color:#fff} #portfolio-items, #products-nocat-items{margin:0 -20px 40px 0} #portfolio-items article, #products-nocat-items article{margin-bottom:50px} #portfolio-items .project-meta, #products-nocat-items .project-meta{display:block; margin:0; padding:20px 0 35px} @media (max-width: 767px) { #products-nocat-items .one-fourth {width: 190px;} .products-section .one-fourth {width: 190px;} .mrg-left-contacts {margin-left: 0;} } @media (max-width: 479px) { #products-nocat-items .one-fourth {width: 300px;} .products-section .one-fourth {width: 300px;} } .portfolio-items{margin:35px -20px 60px 0; min-height:230px} .portfolio-items article{margin-bottom:50px} .portfolio-items .project-meta{display:block; margin:0; padding:20px 0 35px} /* Isotope */ .isotope-hidden.isotope-item{pointer-events:none; z-index:1} .isotope, .isotope .isotope-item{-webkit-transition-duration:0.6s; -moz-transition-duration:0.6s; -ms-transition-duration:0.6s; -o-transition-duration:0.6s; transition-duration:0.6s; z-index:2} .isotope{-webkit-transition-property:height,width; -moz-transition-property:height,width; -ms-transition-property:height,width; -o-transition-property:height,width; transition-property:height,width} .isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity; -moz-transition-property:-moz-transform,opacity; -ms-transition-property:top,left,opacity; -o-transition-property:top,left,opacity; transition-property:transform,opacity} /* -------------------------------------------------- */ /*Single Project /* -------------------------------------------------- */ .project-title{color:#3a3a3a; font-size:32px; font-weight:400} .portfolio-pagination{float:right; margin:-58px 0 0} .portfolio-pagination li{display:inline-block; list-style:none; line-height:25px; margin:0; float:right} .ie7 .portfolio-pagination li{display:inline} .portfolio-pagination .prev{border-right:1px solid #e8e8e8; margin:0 10px 0 0; padding:0 10px 0 0} .single-project .page-header .button{color:#a1a1a1; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; margin-top:-5px} .single-project .page-header a:hover{color:#b30838} .single-project .image-gallery-slider >ul, .no-js .single-project .image-gallery-slider >ul >li{-webkit-box-shadow:0 0 15px rgba(0,0,0,.15); -moz-box-shadow:0 0 15px rgba(0,0,0,.15); box-shadow:0 0 15px rgba(0,0,0,.15)} .no-js .single-project .image-gallery-slider >ul{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none} /* ---------------------------------------------------------------------- */ /*Contact Us /* ---------------------------------------------------------------------- */ #map{border-bottom:1px solid #c5c3c0; border-top:1px solid #c5c3c0; height:440px; margin:-41px 0 40px; position:relative; width:100%} #map:before, #map:after{background:none; -webkit-box-shadow:0 0 5px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 0 5px 2px rgba(0,0,0,0.1); box-shadow:0 0 5px 2px rgba(0,0,0,0.1); content:''; left:0; position:absolute; top:0; width:100%} #map:after{bottom:0; top:auto} .contact-form, .comments-form{max-width:100%} .contact-form{margin:0 -20px 0 0} .contact-form .input-block, .comments-form .input-block{float:left; margin:0 20px 20px 0} .contact-form .input-block:nth-of-type(3n), .comments-form .input-block:nth-of-type(3n){margin-right:0} .contact-form input{width:264px} .contact-form .textarea-block, .comments-form .textarea-block{clear:both} .contact-form textarea{height:150px; max-width:100%; width:878px} .contact-form input[type="submit"], .comments-form input[type="submit"], .contact-form input[type="reset"], .comments-form input[type="reset"]{margin:0 0 20px; width:auto} /* ---------------------------------------------------------------------- */ /*Sidebar /* ---------------------------------------------------------------------- */ #sidebar{float:right; width:340px} .sidebar-left #sidebar{float:left} /* -------------------------------------------------- */ /*Widgets /* -------------------------------------------------- */ #sidebar .widget{margin:0 0 50px} #sidebar .widget-title{color:#414141; font-weight:600; text-transform:uppercase; margin:0 0 12px} /* ---------------------------------------- */ /*Categories /* ---------------------------------------- */ .categories{} .categories li{background:url(/design/arrow-right-grey.png) no-repeat 0 11px; border-bottom:1px dotted #ced8df; list-style:none; margin:0} .categories li:last-child{border-bottom:none} .categories a{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:11px; color:#868686; display:block; padding:5px 0 5px 15px} .categories a:hover{color:#b30838} /* ---------------------------------------- */ /*Accordion Content /* ---------------------------------------- */ #sidebar .acc-trigger a{background-position:0 8px; font-size:11px; font-weight:400; padding:12px 12px 12px 30px; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif} #sidebar .acc-trigger:first-of-type{border-top:none} #sidebar .acc-trigger:last-of-type{border-bottom:none} #sidebar .acc-trigger.active a{background-position:0 -103px; cursor:default} #sidebar .acc-container{margin:-5px 0 0} #sidebar .acc-container:first-of-type{border-top:none} #sidebar .acc-container:last-of-type{border-bottom:none} #sidebar .acc-container .content{padding:0 12px 12px 30px; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif} /* ---------------------------------------- */ /*Tweets /* ---------------------------------------- */ .tweets-feed{margin:0} .tweets-feed li{background:url(/design/icon-tweets.png) no-repeat 0 3px; display:block; list-style:none; margin:0 0 15px; padding:0 0 0 30px} #sidebar .tweets-feed li a, #footer .tweets-feed li a{color:#b30838} #sidebar .tweets-feed li a:hover, #sidebar .tweets-feed .date a:hover{color:#3a3a3a} .tweets-feed .date{display:block} #sidebar .tweets-feed li .date a, #footer .tweets-feed li .date a{color:#bbb; font-size:10px; font-style:italic} #sidebar .tweets-feed li a:hover{color:#3a3a3a} #footer .tweets-feed li a:hover{color:#fff} /* ---------------------------------------- */ /*Flickr Images /* ---------------------------------------- */ .flickr-feed{margin:15px -5px 0 0} .flickr-feed li{display:inline-block; list-style:none; margin:0 2px 1px 0} .ie7 .flickr-feed li{display:inline; margin:0 5px 5px 0} .flickr-feed a{} .flickr-feed li img{margin:0; height:70px; width:70px} /* ---------------------------------------------------------------------- */ /*Footer /* ---------------------------------------------------------------------- */ #footer{background:#3a3a3a; color:#868686; margin-top:80px; padding:35px 0 30px; position:relative} x:-o-prefocus, .not-ie #footer:before{display:none}/* Fix for Opera */ #footer, #footer a, #footer-bottom, #footer-bottom a{color:#868686} #footer a:hover, #footer-bottom a:hover{color:#fff} #footer .title{border-bottom:1px solid #4b4b4b; display:block; font-size:14px; line-height:normal; font-weight:600; margin:0 0 12px; padding:0 0 12px; text-transform:uppercase} /* -------------------------------------------------- */ /*Footer Navigation /* -------------------------------------------------- */ #footer-nav{border-bottom:1px solid #4b4b4b; margin:0 0 12px; padding:0 0 9px} #footer-nav ul{margin:0; font-family:'aldosemibold'} #footer-nav li{background:none; border:none; display:inline-block; list-style:none; margin:0 -3px 0 0; line-height:normal} .ie7 #footer-nav li{display:inline} #footer-nav li a{border-left:1px solid #484848; font-size:14px; font-weight:600; display:block; padding:0 15px} #footer-nav li:first-child a{border-left:none; padding-left:0} #footer-nav li:last-child a{padding-right:0} #footer-nav li.current a {color:#fff } /* -------------------------------------------------- */ /*Footer QREN logos /* -------------------------------------------------- */ #footer .apoios{ margin-top: 15px; border-top: 1px solid #4b4b4b; padding-top: 25px; float:left; clear: both; } #footer .apoios img {width: 100%; height: 32px;} @media (min-width: 480px) { #footer .apoios img {width: auto;} } #footer .apoios p{ margin-bottom: 16px } /* -------------------------------------------------- */ /*Contact Info /* -------------------------------------------------- */ #footer .contact-info{} .contact-info{margin:0} .contact-info li{font-size:11px; letter-spacing:normal; line-height:16px; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; float:left; list-style:none; margin:0 0 5px 87px; padding:1px 0 0 24px} .contact-info li:first-child{margin-left:0} .contact-info .address{background:url(/design/icon-address.png) no-repeat 0 0px} .contact-info .phone{background:url(/design/icon-phone.png) no-repeat 0 0px} .contact-info .email{background:url(/design/icon-email-2.png) no-repeat 0 0px} .contact-info .catalog{background:url(/design/icon-catalog-2.png) no-repeat 0 0px} .catalog{background:url(/design/icon-catalog-2.png) no-repeat 0 -3px; width: 20px; height: 20px; float: left; display: table; margin-left: 10px;} input, textarea, select {-webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important;} /* -------------------------------------------------- */ /*Social Links /* -------------------------------------------------- */ .social-links{margin:0} .social-links li{display:inline-block; list-style:none; margin:0 0 10px 0px; text-indent:-9999px} .ie7 .social-links li{display:inline; font-size:0; text-indent:0} .social-links li:nth-child(6n+1){margin-left:0} .social-links li:nth-child(7n){margin-right:15px} .social-links li:last-child{margin-right:0} .social-links a{background-repeat:no-repeat; background-position:0 -16px; display:block; height:24px; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out; width:24px} .social-links li.behance a{background-image:url(/design/social/icon-behance.png); background-position:0 -24px} .social-links li.delicious a{background-image:url(/design/social/icon-delicious.png); background-position:0 -14px; height:14px} .social-links li.deviantart a{background-image:url(/design/social/icon-deviantart.png); background-position:0 -24px} .social-links li.digg a{background-image:url(/design/social/icon-digg.png); background-position:0 -14px; height:14px} .social-links li.dribbble a{background-image:url(/design/social/icon-dribbble.png); background-position:0 -24px} .social-links li.dropbox a{background-image:url(/design/social/icon-dropbox.png); background-position:0 -15px; height:15px} .social-links li.email a{background-image:url(/design/social/icon-email.png); background-position:0 -24px} .social-links li.facebook a{background-image:url(/design/social/icon-facebook.png); background-position:0 -24px} .social-links li.instagram a{background-image:url(/design/social/icon-instagram.png); background-position:0 -24px} .social-links li.flickr a{background-image:url(/design/social/icon-flickr.png); background-position:0 -24px} .social-links li.forrst a{background-image:url(/design/social/icon-forrst.png); background-position:0 -24px} .social-links li.github a{background-image:url(/design/social/icon-github.png); background-position:0 -24px} .social-links li.google a{background-image:url(/design/social/icon-google.png); background-position:0 -24px} .social-links li.googleplus a{background-image:url(/design/social/icon-googleplus.png); background-position:0 -24px} .social-links li.ichat a{background-image:url(/design/social/icon-ichat.png); background-position:0 -15px; height:15px} .social-links li.lastfm a{background-image:url(/design/social/icon-lastfm.png); background-position:0 -15px; height:15px} .social-links li.linkedin a{background-image:url(/design/social/icon-linkedin.png); background-position:0 -24px} .social-links li.mobypicture a{background-image:url(/design/social/icon-mobypicture.png); background-position:0 -24px} .social-links li.myspace a{background-image:url(/design/social/icon-myspace.png); background-position:0 -24px} .social-links li.picasa a{background-image:url(/design/social/icon-picasa.png); background-position:0 -24px} .social-links li.pinterest a{background-image:url(/design/social/icon-pinterest.png); background-position:0 -24px} .social-links li.plixi a{background-image:url(/design/social/icon-plixi.png); background-position:0 -24px} .social-links li.rss a{background-image:url(/design/social/icon-rss.png); background-position:0 -24px} .social-links li.skype a{background-image:url(/design/social/icon-skype.png); background-position:0 -24px} .social-links li.stumbleupon a{background-image:url(/design/social/icon-stumbleupon.png); background-position:0 -24px} .social-links li.tumblr a{background-image:url(/design/social/icon-tumblr.png); background-position:0 -24px} .social-links li.twitter a{background-image:url(/design/social/icon-twitter.png); background-position:0 -24px} .social-links li.vimeo a{background-image:url(/design/social/icon-vimeo.png); background-position:0 -24px} .social-links li.youtube a{background-image:url(/design/social/icon-youtube.png); background-position:0 -24px} .social-links li a:hover{background-position:0 0} /* ---------------------------------------- */ /* Onde comprar /* ---------------------------------------- */ .line-contacts { border-bottom: 1px solid #efefef; margin-top: 20px; margin-bottom: 22px; } .vendor-title { font-size: 22px; margin-bottom: 20px; text-decoration: underline; } .vendor-subtitle { font-size: 16px; margin-bottom: 2px; } .vendor-text { font-size: 15px; } /*---------------------------------------------------*/ /* Facebook like /*---------------------------------------------------*/ .social_networks {float: right; margin-left: 15px;} /* -------------------------------------------------- */ /*Misc Elements /* -------------------------------------------------- */ #footer .button:hover, #footer input[type="submit"]:hover #footer input[type="reset"]:hover, #footer button:hover{background:#ddd; color:#3a3a3a} #footer .button.no-bg{color:#ddd} #footer .button .arrow{background-color:#3a3a3a} #footer blockquote{background-color:#464646} #footer blockquote.simple{background:none; border-left-color:#484848; color:#868686} #footer .infobox{background:#464646; border-color:#363636} #footer .infobox, #footer .infobox *{color:#868686} /* ---------------------------------------------------------------------- */ /*Footer Bottom /* ---------------------------------------------------------------------- */ #footer-bottom{background:#303030; line-height:20px; padding:12px 0; font-family:'aldosemibold'} #footer-bottom ul{margin:0} #footer-bottom li{float:left; list-style:none; margin:0; font-size:12px; font-family:'aldosemibold'} #footer-bottom li:first-child{margin-right:15px} #footer-bottom li a{border-left:1px solid #484848; display:block; padding:0 15px} @media (max-width: 480px) { #footer-bottom li a{padding:0 10px} #footer-bottom li:first-child {margin-right: 10px;} } #footer-bottom li:first-child a{border-left:none; padding-left:0} #footer-bottom li:last-child a{padding-right:0} /*#creates{width:114px; height:114px; display:block; position:absolute; right:100px; top:170px; z-index:20; visibility:hidden;}*/ #creates{width:114px; height:114px; display:block; visibility:hidden; position: relative; float: left; margin-top: 7px; margin-left: 20%;} .signature { float:right; margin:0; font-size:12px; font-family:'aldosemibold' } .signature a { text-decoration:none; } .creates_text{width:114px; height:114px; position:absolute; top:0; left:0; z-index:1; background:url(/design/meiaduzia_cta_text_pt.png) 0 0 no-repeat} .en .creates_text{background:url(/design/meiaduzia_cta_text_en.png) 0 0 no-repeat} .es .creates_text{background:url(/design/meiaduzia_cta_text_es.png) 0 0 no-repeat} .fr .creates_text{background:url(/design/meiaduzia_cta_text_fr.png) 0 0 no-repeat} .us .creates_text{background:url(/design/meiaduzia_cta_text_en.png) 0 0 no-repeat} .de .creates_text{background:url(/design/meiaduzia_cta_text_de.png) 0 0 no-repeat} .no-ie .creates_text{left:0} .creates_text a{float:left; width:100%; height:100%; display:block; text-align:center; color:#fff} .creates_text span{width:100%; float:left; text-align:center; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:11px; text-decoration:underline; color:#fff; text-transform:lowercase} .creates_bg{width:114px; height:114px; position:absolute; top:0; left:0; display:block; background:url(/design/creates.png) 0 0 no-repeat} #creates:hover .creates_bg{ -webkit-animation-name:spin; -webkit-animation-duration:6000ms; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -moz-animation-name:spin; -moz-animation-duration:6000ms; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -ms-animation-name:spin; -ms-animation-duration:6000ms; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear; animation-name:spin; animation-duration:6000ms; animation-iteration-count:infinite; animation-timing-function:linear} @-ms-keyframes spin{from{-ms-transform:rotate(0deg)} to{-ms-transform:rotate(360deg)} } @-moz-keyframes spin{from{-moz-transform:rotate(0deg)} to{-moz-transform:rotate(360deg)} } @-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(360deg)} } @keyframes spin{from{transform:rotate(0deg)} to{transform:rotate(360deg)} } #error_icon{width:100%; height:167px; display:inline-block; margin:100px auto 50px; background:url(/design/error.png) top center no-repeat} .text_gray{color:#868686} .text_error{margin-bottom:200px; text-decoration:none} .title_error{font-size:31px; margin-bottom:30px} .text_decor{text-decoration:underline} .text h3 { text-decoration:underline; } .address p{word-wrap:break-word} .ie7 .address p{overflow:hidden} .address p strong{font-weight:600} .address p a{text-decoration:underline; color:#868686} .address p a:hover{color:#b30838} .page-title-a{margin-right:30px; text-decoration:underline} .page-title-a.active{color:#b30838} .no_margin .one-fourth{margin-right:0} .isotope_wrap{float:left; width:100%} .isotope-item{ z-index:2; margin-bottom:30px} .isotope-hidden.isotope-item{ pointer-events:none; z-index:1} /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item{ -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -ms-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s} .isotope{ -webkit-transition-property:height,width; -moz-transition-property:height,width; -ms-transition-property:height,width; -o-transition-property:height,width; transition-property:height,width} .isotope .isotope-item{ -webkit-transition-property:-webkit-transform,opacity; -moz-transition-property: -moz-transform,opacity; -ms-transition-property: -ms-transform,opacity; -o-transition-property: -o-transform,opacity; transition-property: transform,opacity} /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition{ -webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s} /* End:Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling{ -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none} #print-modal{position:fixed; overflow-y:scroll; width:100%; height:100%; top:0 !important; bottom:0; right:0; left:0; margin:0 0 0 0; padding:0 0px; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out} #print-modal-content{border:none; height:100%; overflow:hidden; width:100%; margin:0} #publicationCloseW{position:absolute; top:-6px; right:0; width:40px; height:40px; background-image:url("../design/close.png"); background-position:12px 12px; background-repeat:no-repeat} #publicationCloseW:hover{background-position:12px 12px;} #publicationCloseW a{ width:100%; float:left; height:100%; } #request{float:left; width:100%; position:absolute; right:0; left:0; top:0; z-index:99999; overflow:hidden; display:block!important;} .requestBG{position:fixed; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.85; filter:alpha(opacity=85); z-index:3} #requestClose{position:absolute; top:6px; right:0; width:40px; height:40px; background-image:url("../design/sprite.png"); background-position:-178px -173px; background-repeat:no-repeat} #requestClose:hover{background-position:-178px -224px} #requestClose a{float:left; width:100%; height:100%} #requestLogo{position:absolute; top:6px; left:0; display: none;} #requestLogo img{float:left; max-width:100%} #requestLogo a, .requestBox, .requestBoxListForm, .requestBoxListForm from, .requestFormBot, .requestListSelectedBox a, .requestListSelectedBox span{float:left; width:100%} .requestImgWrap img{max-width:100%} .requestListSelectedBox img{max-height:100%} .requestListSelectedBox a:hover { color: #3a3a3a; } .requestBox .page-title { color:#ffffff; } .requestImgWrap a:hover img { opacity:0.7; } .requestImgWrap a:hover { text-decoration:none; outline:none; } .requestImgWrap a.selected img{opacity:0.2; filter:alpha(opacity=20)} .requestT{float:left; width:100%; margin-top:85px; color:#fafafa; font-size:28px; font-weight:100; text-transform:uppercase} .requestTitle{float:left; width:100%; color:#8c8c8c; font-size:12px; font-weight:700; margin-top:35px; margin-bottom:35px; padding-bottom:15px; border-bottom:1px solid #8c8c8c} .requestTitle span{float:left; width:100%; font-size:20px; font-weight:400} .requestBoxImg{float:left; position:relative; width:60%; margin-bottom:100px} .requestImg{float:left; width:150px; margin-bottom:35px; margin-right:14px} .requestRef{float:left; width:100%; font-size:12px; color:#fff; margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -moz-binding:url(ellipsis.xml#ellipsis);} .requestImgWrap{float:left; position:relative; width:100%; height:218px; display:block; overflow:hidden; background-color:#353535;} .requestImgWrap a{float:left; width:100%; height:100%; text-align:center; overflow:hidden} .requestImgWrap span{float:left; position:absolute; top:0; left:0; width:100%; height:100%} .requestImgWrap a:hover span {background-image:url("../design/selected.png"); background-position:center center; background-repeat:no-repeat} .completed .requestImgWrap a span{ background-image:none!important; display:none!important; } .completed .requestImgWrap a:hover img { opacity:1!important; } .completed .requestImgWrap a.selected:hover img { opacity:0.7!important; } .completed .requestImgWrap a.selected span{ display:block!important; } .requestImgWrap a.selected span{background-image:url("../design/selected.png")!important; background-position:center center; background-repeat:no-repeat} .requestImgWrap a.selected:hover span{background-image:url("../design/deselect.png")!important; background-position:center center; background-repeat:no-repeat} .requestBoxList{float:left; width:40%; position:relative; background-color:#fff; margin-bottom:50px; padding: 15px 0;} .requestBoxListCenter{width:90%; margin:15px auto} .requestBoxListTitle{float:left; width:100%; font-size:24px; color:#3a3a3a; margin-bottom:20px} .requestBoxListSubTitle{float:left; width:100%; font-size:13px; font-style:italic; color:#a3a3a3; margin-bottom:20px} .requestBoxListForm form { float:left; width:100%; } .requestBoxListForm input, .requestBoxListForm textarea{float:left; width:93.5%; margin-bottom:20px;} .requestBoxListForm form > p { margin-bottom:0; float:left; width:100%; } .requestBoxListForm label{float:left; width:100%; color:#a3a3a3;} /*.requestBoxListForm input, .requestBoxListForm textarea{float:left; width:93.5%; margin-bottom:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #ccc; -webkit-box-shadow:inset 0 5px 7px -5px rgba(0,0,0,0.35); box-shadow:inset 0 5px 7px -5px rgba(0,0,0,0.35); padding:8px} .requestBoxListForm .validationCode{border:1px solid #ccc; padding:0px} .requestBoxListForm .two .validationCode, .requestBoxListForm .two input{width:83.5%; margin-bottom:0} .requestBoxListForm .maxfile{float:left; width:auto; margin:15px 0 20px 10px}*/ .requestBoxListForm .contactDivision{margin-bottom:15px; float: left;width: 100%;margin-top: 15px; padding:0;} .requestFormBot a{ display: block; height:25px; background:#b30838; color:#fff; font-size:14px; text-align:left; opacity:0.4; filter:alpha(opacity=40); cursor:default; padding:11px; color:#FFF;} .requestFormBot a > *{ color:#FFF;} .requestFormBot a.active:hover { background:#C51A4A; } .requestFormBot a.active{opacity:1; filter:alpha(opacity=100); cursor:pointer} #requestFixed{float:left; position:fixed; width:100%; height:50px; bottom:0; left:0; background:linear-gradient(tobottom,#1d1c1c0%,#191818100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d1c1c',endColorstr='#191818',GradientType=0)} .requestListSelected{float:left; width:100%; /*height:265px; overflow:auto; margin-bottom:50px; */} .requestListSelectedBox{float:left; width:32.1%; min-width: 90px; min-height: 62px; overflow:hidden; padding:0 4px 10px 0;} .requestListSelectedBoxTitle{color:#a3a3a3; font-size:11px; margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -moz-binding:url(ellipsis.xml#ellipsis);} .requestListSelectedBox .requestListSelectedBoxImg{width:100%; position:relative; height:110px; overflow:hidden; text-align:center;} .requestListSelectedBoxImg span{position:absolute; width:100%; height:100%; top:0; left:0; background-image:none; background-position:center center; background-repeat:no-repeat} .requestListSelectedBoxImg:hover span{position:absolute; width:100%; height:100%; background-image:url("../design/deselect.png")} .requestFormBotLang{float:left; width:60%; line-height:28px; font-size:14px;} .requestFormBotNumBox{float:right; width:40%} .requestFormBotNum{float:left; width:45%; font-size:28px; font-style:normal; text-transform:uppercase; text-align:right; line-height:28px} .requestFormBotLeg{float:left; width:33%; padding-left:5px; font-size:11px;text-align:left; line-height:14px;} .listSubTitleR{margin-bottom: 5px;} .icon_num{ background-position: center center!important; background-repeat: no-repeat!important;} .icon_num_1{ background: #d2d2d2 url(/design/num_1.png);} .icon_num_2{ background: #d2d2d2 url(/design/num_2.png);} .icon_num_3{ background: #d2d2d2 url(/design/num_3.png);} .icon_num_4{ background: #d2d2d2 url(/design/num_4.png);} .icon_num_5{ background: #d2d2d2 url(/design/num_5.png);} .icon_num_6{ background: #d2d2d2 url(/design/num_6.png);} /*.total-1 .icon_num_1 { display:none; } .total-2 .icon_num_2 { display:none; } .total-3 .icon_num_3 { display:none; } .total-4 .icon_num_4 { display:none; } .total-5 .icon_num_5 { display:none; } .total-6 .icon_num_6 { display:none; }*/ #request .page-header{border-bottom:1px solid #EFEFEF;margin:40px 0 40px; position: relative;} .jscrollpane{float:left; width:100%!important; height:300px; /*position:absolute; */ display:block; overflow:auto; margin-bottom:50px} .jspContainer{overflow:hidden; position:relative; height:100%} .jspPane{position:absolute} .jspVerticalBar{position:absolute; top:0; right:0; width:10px; height:100%} .jspHorizontalBar{position:absolute; bottom:0; left:0; width:100%; height:16px} .jspVerticalBar *, .jspHorizontalBar *{margin:0; padding:0} .jspCap{display:none} .jspHorizontalBar .jspCap{float:left} .jspTrack{background:#F2F4F8; position:relative} .jspDrag{background:#181818; position:relative; top:0; left:0; cursor:pointer; border:1px solid #181818; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float:left; height:100%} .jspArrow{background:#50506d; text-indent:-20000px; display:block; cursor:pointer} .jspArrow.jspDisabled{cursor:default; background:#80808d} .jspVerticalBar .jspArrow{height:16px} .jspHorizontalBar .jspArrow{width:16px; float:left; height:100%} .jspVerticalBar .jspArrow:focus{outline:none} .jspCorner{background:#eeeef4; float:left; height:100%} * html .jspCorner{margin:0 -3px 0 0} .language { list-style:none; position:absolute; top:0px; text-align:right; right:10px; z-index: 999999; padding: 10px;} .language li { float:right; margin-left:7px; } .language li a{ color:#aeaeae; text-transform:uppercase; } .language li a:hover{ color:#b30838; } .language li.active a{ color:#3a3a3a!important; } #header { margin-bottom:15px; } /* ---------------------------------------------------------------------- */ /*Media Queries /* ---------------------------------------------------------------------- */ /* Standard 960 or larger (browsers) */ @media only screen and (min-width:960px){/* -------------------------------------------------- *//*Pricing Tables >Tooltip/* -------------------------------------------------- */.simple-pricing-table .features li[data-tooltip],.extended-pricing-table .features li[data-tooltip]{cursor:help} .ie7 .simple-pricing-table .features li[data-tooltip], .ie7 .extended-pricing-table .features li[data-tooltip]{cursor:auto} .simple-pricing-table .features li[data-tooltip]:hover, .extended-pricing-table .features li[data-tooltip]:hover{color:#54555a} /* Tooltip container */ .simple-pricing-table .features li[data-tooltip]:before, .extended-pricing-table .features li[data-tooltip]:before{background:#fff8de; border:1px solid #fee5a2; -webkit-box-shadow:0 0 10px rgba(0,0,0,.10); -moz-box-shadow:0 0 10px rgba(0,0,0,.10); box-shadow:0 0 10px rgba(0,0,0,.10); bottom:0; color:#7b7b7b; content:attr(data-tooltip) !important; font-size:11px; left:9px; line-height:1.5; opacity:0; padding:5px 10px; position:absolute; text-align:center; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; width:143px; z-index:98} .simple-pricing-table .features li[data-tooltip]:before{left:10px; width:192px} .extended-pricing-table .features-list .features li[data-tooltip]:before{left:10px; text-align:left; width:158px} .simple-pricing-table .features li[data-tooltip]:hover:before, .extended-pricing-table .features li[data-tooltip]:hover:before{bottom:100%; opacity:1} /* Tooltip arrow */ .not-ie .simple-pricing-table .features li[data-tooltip]:after, .not-ie .extended-pricing-table .features li[data-tooltip]:after{background:#fff8de; border-bottom:1px solid #fee5a2; border-right:1px solid #fee5a2; -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.05); -moz-box-shadow:1px 1px 2px rgba(0,0,0,.05); box-shadow:1px 1px 2px rgba(0,0,0,.05); bottom:0; content:''; display:block; height:10px; left:50%; margin:0 0 0 -5px; opacity:0; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; width:10px; z-index:99} .simple-pricing-table .features-list .features li[data-tooltip]:after, .extended-pricing-table .features-list .features li[data-tooltip]:after{left:22px; margin-left:0} .not-ie .simple-pricing-table .features li[data-tooltip]:hover:after, .not-ie .extended-pricing-table .features li[data-tooltip]:hover:after{bottom:30px; opacity:1} .simple-pricing-table .features li[data-tooltip]:hover:after{bottom:24px !important} .ie8 .simple-pricing-table .features li[data-tooltip]:before, .ie8 .simple-pricing-table .features li[data-tooltip]:after, .ie8 .extended-pricing-table .features li[data-tooltip]:before, .ie8 .extended-pricing-table .features li[data-tooltip]:after{display:none} .ie8 .simple-pricing-table .features li[data-tooltip]:hover:before, .ie8 .extended-pricing-table .features li[data-tooltip]:hover:before{display:block} /* -------------------------------------------------- */ /*Home >Slider /* -------------------------------------------------- */ .ss-slider .slides-container{display:block} .ss-slider .slide-images-container{display:none} } /*@media only screen and (max-width:1456px){ .ss-slider .slide-images-container{display:block !important;} .ss-slider .slide-bg-image{display:none !important;} .ss-slider .slide-bg-image:first-child, .no-js.ss-slider .slide-bg-image{display:block !important;} } @media only screen and (min-width:1457px){ .ss-slider .slides-container{display:block !important;} .ss-slider .slide-images-container{display:none !important;} }*/ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width:1440px){/* -------------------------------------------------- *//*Home >Slider/* -------------------------------------------------- */.ss-slider .slides-container{display:none} .ss-slider .slide-images-container{display:block} .ss-slider .slide-bg-image{display:none} .ss-slider .slide-bg-image:first-child, .no-js.ss-slider .slide-bg-image{display:block} /* ---------------------------------------- */ /*Button /* ---------------------------------------- */ .no-js .ss-slider .slide-button{width:100% !important} .ss-slider .slide-button{/* width:50% !important; */ width:33.3% !important} .ss-slider.fully-loaded .slide-button.active{border-top-color:#b30838} /* ---------------------------------------- */ /*Content &Pagination /* ---------------------------------------- */ .ss-slider .content-container.center, .ss-slider .pagination-container.center a{top:95px} /* ---------------------------------------- */ /*Active Slide Bar /* ---------------------------------------- */ .ss-slider .active-slide-bar{display:none} /* -------------------------------------------------- */ /*Header /* -------------------------------------------------- */ #logo{max-height:100%; margin-top: 15px;} /* -------------------------------------------------- */ /*Content /* -------------------------------------------------- */ #content img{height:auto; max-width:100%} /* -------------------------------------------------- */ /*Simple Pricing Table /* -------------------------------------------------- */ .simple-pricing-table .column{margin-bottom:20px !important} /* -------------------------------------------------- */ /*Extended Pricing Table /* -------------------------------------------------- */ .extended-pricing-table .features li:before{color:#7b7b7b; content:attr(data-feature) ':' !important; display:block; font-family:'aldosemibold'; font-weight:700; text-align:center} .extended-pricing-table .features-list{display:none} /* -------------------------------------------------- */ /*Potrfolio /* -------------------------------------------------- */ /*#portfolio-items-filter{float:none; margin:0 0 20px}*/ /*#portfolio-items-filter li:first-child{display:none !important}*/ #portfolio-items-filter a{display:block !important} /* ---------------------------------------- */ /* Single Project /* ---------------------------------------- */ .portfolio-pagination{float:none; margin-bottom:20px; margin-top:0} .portfolio-pagination .button{margin-bottom:0 !important} .single-project .page-header .button{margin-bottom:20px; margin-top:0} /* -------------------------------------------------- */ /*Footer /* -------------------------------------------------- */ /* ---------------------------------------- */ /*Contact Info /* ---------------------------------------- */ .contact-info li{border-bottom:1px dotted #4b4b4b; float:none; margin-left:0; padding-bottom:5px} .contact-info li:last-child{border-bottom:none} /* ---------------------------------------- */ /*Social Links /* ---------------------------------------- */ .social-links li:nth-child(7n+1){margin-left:15px} .social-links li:nth-child(6n){margin-right:0} } @media only screen and (min-width:1341px) { .horeca-form input, .horeca-form textarea, .horeca-form select,.events-form input, .events-form textarea, .events-form select {width: 100% !important;} .horeca-form .location input, .horeca-form .location select, .distributor-form .location input, .distributor-form .location select {width: 100% !important;} } @media only screen and (min-width:960px) and (max-width:1340px) { .horeca-form input, .horeca-form textarea, .horeca-form select,.events-form input, .events-form textarea, .events-form select, .distributor-form input, .distributor-form select {width: 100% !important;} .horeca-form .location input, .horeca-form .location select {width: 100% !important;} .post-carousel .entry-body {width: 237px;} .distributor-form input, .distributor-form select, .distributor-form textarea {width:100% !important; max-width: 550px !important;} .contact-form input {width: 610px;} .entry-body {width: 410px;} .no-sidebar .entry-body{width:730px} .three-fourth-contacts {width: 650px;} .mrg-left-contacts {margin-left: 0;} .container{width:880px} .projects-carousel >li, .post-carousel >li {width: 282px;} .one-fourth {width: 200px;} #footer .one-fourth {width: 100%;} #main {width: 540px;} #portfolio-items .one-fourth, #products-nocat-items .one-fourth {width: 200px;} #sidebar {width: 280px;} } @media only screen and (max-width:992px) { .jcarousel-next, .jcarousel-prev {width: 35px; height: 35px;} .jcarousel-prev {background-position: 5px -20px; background-size: 25px; right: 36px;} .jcarousel-next {background-position: 5px 5px; background-size: 25px;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width:768px) and (max-width:959px){/* -------------------------------------------------- *//*Wrap/* -------------------------------------------------- */ .container{width:690px} #footer .one-fourth{width:100%} #footer .three-fourth{width: 100%} #portfolio-items .one-fourth, #products-nocat-items .one-fourth {width: 330px;} #sidebar {width: 250px;} .contact-form input, .comments-form input, .contact-form textarea, .comments-form textarea {width: 418px !important;} /* ---------------------------------------- */ /*Columns /* ---------------------------------------- */ .one-half{width:364px} .one-third{width:236px} .two-third{width:492px} .one-fourth{width:172px} .three-fourth{width:556px} .three-fourth-contacts{width:440px} /* -------------------------------------------------- */ /*Content >Main /* -------------------------------------------------- */ #main{width:430px; margin: 0} /* ---------------------------------------- */ /*Columns /* ---------------------------------------- */ #main .one-half{width:234px} #main .one-third{width:149px} #main .two-third{width:319px} #main .one-fourth{width:107px} #main .three-fourth{width:361px} /* -------------------------------------------------- */ /*Header /* -------------------------------------------------- */ #header{height:80px} /*#logo{margin-top:-7px}*/ /* ---------------------------------------- */ /*Main Navigation /* ---------------------------------------- */ #main-nav a{padding:26px 20px} #main-nav a:after{content:''; display:none} .no-js #main-nav li:hover >ul, #main-nav ul ul{top:78px} /* -------------------------------------------------- */ /*Home /* -------------------------------------------------- */ /* ---------------------------------------- */ /*Simple Pricing Table /* ---------------------------------------- */ .simple-pricing-table .column{width:746px} .simple-pricing-table .column.featured{width:736px} .simple-pricing-table.col2 .column{width:372px} .simple-pricing-table.col3 .column{width:248px} .simple-pricing-table.col4 .column{width:185px} .simple-pricing-table.col5 .column{width:148px} .simple-pricing-table.col2.featured .column{width:354px} .simple-pricing-table.col3.featured .column{width:235px} .simple-pricing-table.col4.featured .column{width:178px} .simple-pricing-table.col5.featured .column{width:142px} .simple-pricing-table.col2 .column.featured{width:382px} .simple-pricing-table.col3 .column.featured{width:265px} .simple-pricing-table.col4 .column.featured{width:199px} .simple-pricing-table.col5 .column.featured{width:165px} /* ---------------------------------------- */ /*Extended Pricing Table /* ---------------------------------------- */ .extended-pricing-table .column{width:748px} .extended-pricing-table.col2 .column{width:374px} .extended-pricing-table.col3 .column{width:249px} .extended-pricing-table.col4 .column{width:187px} .extended-pricing-table.col5 .column{width:149px} /* ---------------------------------------- */ /*Projects Carousel &Post Carousel /* ---------------------------------------- */ .projects-carousel >li, .post-carousel >li{width:212px !important} /* ---------------------------------------- */ /*Post Carousel /* ---------------------------------------- */ .post-carousel .entry-body{width:167px !important} /* -------------------------------------------------- */ /*Blog /* -------------------------------------------------- */ .entry-body{width:298px} .no-sidebar .entry-body{width:548px} /* ---------------------------------------- */ /*Comments /* ---------------------------------------- */ .comment .comment-body, .comment .comment-meta{width:419px} .comment .children .comment-body, .comment .children .comment-meta{width:349px} /* ---------------------------------------- */ /*Respond /* ---------------------------------------- */ .comments-form input{width:127px} .comments-form textarea{width:468px} /* -------------------------------------------------- */ /*Contact Us /* -------------------------------------------------- */ #map{height:340px} .contact-form input{width:150px} .contact-form textarea{width:534px} /* -------------------------------------------------- */ /*Footer >Social Links /* -------------------------------------------------- */ .social-links li:nth-child(5n+1){margin-left:0} .social-links li:nth-child(5n){margin-right:10px} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px){ /* -------------------------------------------------- *//*Basic Elements &Classes/* -------------------------------------------------- */ .fluid-width-video-wrapper{margin-bottom:10px} /* -------------------------------------------------- */ /*Generic Classes /* -------------------------------------------------- */ .align-left, .align-right{float:none} /* -------------------------------------------------- */ /*Wrap /* -------------------------------------------------- */ .container{width:300px} /* ---------------------------------------- */ /*Columns /* ---------------------------------------- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth{float:none; margin-right:0} .one-half, #main .one-half{width:300px} .one-third, #main .one-third{width:300px} .two-third, #main .two-third{width:300px} .one-fourth, #main .one-fourth{width:300px} .three-fourth, #main .three-fourth{width:300px} /* -------------------------------------------------- */ /*Header /* -------------------------------------------------- */ #header{height:auto} #logo{display:block; float:none; text-align:center; margin-top: 40px; } #logo img { height: 100px; } /*.language {left: 50%; margin-left: -66px; right: auto;}*/ .language {left: 10px; right: auto; padding-left: 0;} .button_experience {margin:0 auto !important; display: table; float: none !important;} /* ---------------------------------------- */ /*Main Navigation /* ---------------------------------------- */ #header { margin-top: 10px; } #main-nav .responsive-nav { background-image: url("/design/hamburguer-menu.png"); background-position: center center; background-size: contain; background-repeat: no-repeat; padding: 5px; border: 0; color: transparent; width: 30px; height: 30px; } #main-nav .responsive-nav option { color: #888;} #main-nav{float:none; margin:0; position: absolute; top: 0; right: 10px;} #main-nav li{width:50%} #main-nav a{border-bottom-color:#efefef; padding:16px 20px 30px} #main-nav >ul >li:last-child a{border-bottom-color:transparent} #main-nav >ul >.current:last-child a{border-bottom-color:#b30838} #main-nav ul ul{width:100%} .no-js #main-nav li:hover >ul, #main-nav ul ul{top:72px} #main-nav ul ul li{width:auto} #main-nav ul ul li:first-child >a{border-top:none} #main-nav ul ul li:last-child >a{border-bottom:none} #main-nav ul ul ul{border-bottom:1px solid #252525; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; display:block !important; left:0 !important; margin:0; top:0 !important; position:relative} #main-nav ul ul li:last-child ul{border-top:1px solid #252525; border-bottom:none} #main-nav ul ul ul a{padding-left:30px} #main-nav ul ul ul li:first-child a{border-top:1px solid #4c4c4c} /* -------------------------------------------------- */ /*Content >Main /* -------------------------------------------------- */ #main{border-bottom:1px solid #efefef; float:none; margin-right:0; padding-bottom:20px; width:100%} /* -------------------------------------------------- */ /*Image Gallery Slider /* -------------------------------------------------- */ .image-gallery-slider{margin-bottom:10px} /* -------------------------------------------------- */ /*Extended Pricing Table /* -------------------------------------------------- */ .extended-pricing-table .column{margin-bottom:20px} .extended-pricing-table .column.featured{margin-bottom:10px} /* -------------------------------------------------- */ /*Home >Slider /* -------------------------------------------------- */ .ss-slider.fully-loaded, .ss-slider.fully-loaded .slide-images-container{background:#fff url(/design/loader.gif) no-repeat center 50%} /* ---------------------------------------- */ /*Button /* ---------------------------------------- */ .js .ss-slider .buttons-container{display:none} /* ---------------------------------------- */ /*Content /* ---------------------------------------- */ .ss-slider .content-container, .ss-slider:hover .content-container, .no-js .ss-slider .slide-content{display:none} /* ---------------------------------------- */ /*Pagination /* ---------------------------------------- */ .ss-slider .pagination-container a{background-color:rgba(179,8,56,0.6); background-image:url(/design/slider-arrows-medium.png) !important; bottom:50% !important; height:49px !important; margin:0 0 -25px 0 !important; filter:alpha(opacity=60) !important; /* Fallback for old IE */opacity:1 !important; right:auto !important; top:auto !important; width:25px !important} .ss-slider .pagination-container .prev{background-position:-7px center !important; left:0 !important; right:auto !important} .ss-slider .pagination-container .next{background-position:-46px center !important; left:auto !important; right:0 !important} .ss-slider .pagination-container a:hover{background-color:rgba(179,8,56,1); filter:alpha(opacity=100); /* Fallback for old IE */} /* -------------------------------------------------- */ /*Blog /* -------------------------------------------------- */ .entry-image, .entry-video, .entry-audio{margin-bottom:10px} .single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image{margin-bottom:0} .entry .entry-body{float:none; margin:0; width:100%} .entry .entry-meta{border-bottom:1px solid #efefef; border-top:1px solid #efefef; float:none; margin:10px 0; padding:4px 0; text-align:left; width:100%} .entry .entry-meta ul{} .entry .entry-meta li{border-left:1px solid #efefef; display:inline-block; padding:0 10px} .entry .entry-meta li:first-child{border-left:none; padding-left:0} .entry .entry-meta li:last-child{padding-right:0} .entry .entry-meta li .title{display:block} .entry .entry-meta .post-format{background:none; height:auto; margin:0; text-indent:0; width:auto} .entry .entry-meta a:hover >.post-format{background:none} /* -------------------------------------------------- */ /*Contact Us /* -------------------------------------------------- */ .contact-form .input-block, .comments-form .input-block{float:none; margin:0 0 20px 0} .contact-form input, .comments-form input, .contact-form textarea, .comments-form textarea{width:398px} /* -------------------------------------------------- */ /*Sidebar /* -------------------------------------------------- */ #sidebar{float:none; margin-top:40px; width:100%} /* -------------------------------------------------- */ /*Footer /* -------------------------------------------------- */ .not-ie #footer .container:after{top:-56px} } @media only screen and (max-width: 479px) { .projects-carousel >li, .post-carousel >li {width: 300px !important;} .post-carousel .entry-body {width: 255px !important;} .isotope_wrap .one-fourth.isotope_item {width: 300px !important;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px){ .contact-form input, .comments-form input, .contact-form textarea, .comments-form textarea {width: 378px !important;} /* -------------------------------------------------- *//*Wrap/* -------------------------------------------------- */ .container{width:400px} .projects-carousel >li, .post-carousel >li {width: 200px !important;} .post-carousel .entry-body {width: 155px !important;} /* ---------------------------------------- */ /*Columns /* ---------------------------------------- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth{float:none; margin-right:0} .one-half, #main .one-half{width:420px} .one-third, #main .one-third{width:420px} .two-third, #main .two-third{width:420px} .one-fourth, #main .one-fourth{width:420px} .three-fourth, #main .three-fourth{width:420px} .isotope_wrap .one-fourth.isotope_item { width:190px !important; } /* -------------------------------------------------- */ /*Home /* -------------------------------------------------- */ /* ---------------------------------------- */ /*Simple Pricing Table /* ---------------------------------------- */ .simple-pricing-table .column{width:418px} .simple-pricing-table .column.featured{width:408px} .simple-pricing-table.col2 .column{width:208px !important} .simple-pricing-table.col3 .column, .simple-pricing-table.col4 .column, .simple-pricing-table.col5 .column{width:204px !important} /* ---------------------------------------- */ /*Extended Pricing Table /* ---------------------------------------- */ .extended-pricing-table .column{width:420px} .extended-pricing-table.col2 .column, .extended-pricing-table.col3 .column, .extended-pricing-table.col4 .column, .extended-pricing-table.col5 .column{width:210px} /* ---------------------------------------- */ /*Projects Carousel &Post Carousel /* ---------------------------------------- */ .projects-carousel >li, .post-carousel >li{width:200px} /* ---------------------------------------- */ /*Post Carousel /* ---------------------------------------- */ .post-carousel .entry-body{width:155px} /* -------------------------------------------------- */ /*Blog >Comments /* -------------------------------------------------- */ .comment .comment-body, .comment .comment-meta{width:351px} .comment .children .comment-body, .comment .children .comment-meta{width:281px} /* -------------------------------------------------- */ /*Contact Us /* -------------------------------------------------- */ #map{height:240px} /* -------------------------------------------------- */ /*Footer /* -------------------------------------------------- */ /* ---------------------------------------- */ /*Contact Info /* ---------------------------------------- */ .contact-info{margin-bottom:20px} /* ---------------------------------------- */ /*Social Links /* ---------------------------------------- */ .social-links li:nth-child(12n+1){margin-left:0} .social-links li:nth-child(12n){margin-right:15px} /*#creates{position:relative; top:0; right:0; margin:0 auto}*/ } @media only screen and (max-width:767px){ .signature { width:100%; text-align:left; margin-top:20px; } /* -------------------------------------------------- */ /*Footer /* -------------------------------------------------- */ /* ---------------------------------------- */ /*Footer Navigation /* ---------------------------------------- */ #footer-nav li{border-top:1px dotted #4b4b4b; padding:5px 0; width:100%} #footer-nav li:first-child{border-top:none} #footer-nav li a{border:none; padding:0} .no-js #main-nav >ul, #main-nav .responsive-nav{display:block; margin-top: 0 !important;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:959px){/* -------------------------------------------------- *//*Header >Main Navigation/* -------------------------------------------------- */ #mian-nav { position: absolute; } #main-nav li{width:100%} #main-nav a{padding:18px} #main-nav a:after, #main-nav >ul{display:none} #main-nav a:after{content:''} .no-js #main-nav >ul, #main-nav .responsive-nav{display:block; margin-top: 25px;} .no-js #main-nav li:hover >ul{top:62px} #portfolio-items-filter{float:none; margin:0 0 20px} .isotope_wrap .one-fourth.isotope_item { width:335px } /* -------------------------------------------------- */ /*Home /* -------------------------------------------------- */ /* ---------------------------------------- */ /*Simple Pricing Table /* ---------------------------------------- */ .simple-pricing-table .column{width:298px !important} .simple-pricing-table .column.featured{margin-top:0; width:288px !important} /* ---------------------------------------- */ /*Extended Pricing Table /* ---------------------------------------- */ .extended-pricing-table .column{width:300px !important} .extended-pricing-table .column.featured{margin-bottom:20px; margin-top:10px} .extended-pricing-table .features{background:#f8f8f8 !important} .extended-pricing-table .featured .features{background:#fff !important} .extended-pricing-table .features li{background:none !important; border-bottom:none; border-top:1px solid #fff; float:left; width:129px} .extended-pricing-table .features li:nth-child(odd){border-right:1px solid #fff} .extended-pricing-table .featured .features li:nth-child(odd){border-right:1px solid #f6f6f6} .extended-pricing-table .features li:nth-child(4n-1), .extended-pricing-table .features li:nth-child(4n-4){background:#f0f0f0 !important} .extended-pricing-table .featured .features li:nth-child(4n-1), .extended-pricing-table .featured .features li:nth-child(4n-4){background:#f6f6f6 !important} .extended-pricing-table .footer{border-top:1px solid #fff; clear:both; padding:12px 10px !important; width:279px} /* ---------------------------------------- */ /*Projects Carousel /* ---------------------------------------- */ .projects-carousel >li, .post-carousel >li{width:238px} /* ---------------------------------------- */ /*Post Carousel /* ---------------------------------------- */ .post-carousel .entry-body{width:193px} /* -------------------------------------------------- */ /*Blog /* -------------------------------------------------- */ .hentry .entry-meta li{width:82px} .hentry .entry-meta li:nth-child(1), .hentry .entry-meta li:nth-child(2), .hentry .entry-meta li:nth-child(3){border-bottom:1px solid #efefef; margin-bottom:4px; padding-bottom:4px} .hentry .entry-meta li:nth-child(3){padding-right:0} .hentry .entry-meta li:nth-child(4){border-left:none; padding-left:0} /* ---------------------------------------- */ /*Comments /* ---------------------------------------- */ .comment .avatar{margin-bottom:10px} .comment .comment-meta{margin-top:5px; width:231px} .comment .author, .comment .author a{margin-top:5px} .comment .comment-body{clear:both; float:none; margin-left:0; margin-top:20px; width:100%} .comment .children .comment-meta{width:161px} /* -------------------------------------------------- */ /*Contact Us /* -------------------------------------------------- */ #map{height:140px} .contact-form input, .comments-form input, .contact-form textarea, .comments-form textarea{width:278px} /* ---------------------------------------- */ /*Contact Info /* ---------------------------------------- */ .contact-info{margin-bottom:20px} /* ---------------------------------------- */ /*Social Links /* ---------------------------------------- */ .social-links li:nth-child(8n+1){margin-left:0} .social-links li:nth-child(8n){margin-right:15px} } /*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license &Buttons helper */.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0; margin:0; border:0; outline:0; vertical-align:top} .fancybox-wrap{position:absolute; top:0; left:0; z-index:8020} .fancybox-skin{position:relative; background:#f9f9f9; color:#444; text-shadow:none} .fancybox-opened{z-index:8030} .fancybox-opened .fancybox-skin{padding:5px 5px 15px !important; -webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5); box-shadow:0 10px 25px rgba(0,0,0,0.5)} .fancybox-outer, .fancybox-inner{position:relative} .fancybox-inner{overflow:hidden} .fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch} .fancybox-error{color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap} .fancybox-image, .fancybox-iframe{display:block; width:100%; height:100%} .fancybox-image{max-width:100%; max-height:100%} .fancybox-close{background-image:url('/design/close.png'); background-repeat:no-repeat; background-position:center center} /*#fancybox-loading{background-image:url('/design/fancybox_sprite.png')}*/ .fancybox-prev span, .fancybox-next span{background-image:url('/design/slider-arrows-medium.png')} #fancybox-loading2{position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; /*background-position:0 -108px; */opacity:.8; cursor:pointer; z-index:8060} #fancybox-loading{position:fixed; width:100%; height:100%; top:0; left:0; overflow:hidden;z-index:8010; background:#000; opacity:0.85; filter:alpha(opacity=85); cursor:pointer; z-index:8060; } #fancybox-loading div{/*width:44px; height:44px;*/ width:100%; height:100%; position:absolute; background:url('/design/fancybox_loading.gif') center center no-repeat} .fancybox-close{position:absolute; top:-36px; right:0px; width:36px; height:36px; cursor:pointer; z-index:8040} .fancybox-nav{position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url('/design/blank.gif'); -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040} .fancybox-prev{left:0} .fancybox-next{right:0} .fancybox-nav span{position:absolute; top:50%; width:25px; height:53px; margin-top:-26px; cursor:pointer; z-index:8040; visibility:hiddenbackground:rgb(150,150,150) url(/design/slider-arrows-medium.png) no-repeat 0 0; /* Fallback for old IE */filter:alpha(opacity=60); /* Fallback for old IE */background:rgba(150,150,150,0.6) url(/design/slider-arrows-medium.png) no-repeat 0 0; color:transparent; cursor:pointer; display:block; text-shadow:none} .fancybox-prev span{left:0px; background-position:-7px center} .fancybox-next span{right:0px; background-position:-45px center} .fancybox-nav:hover span{background-color:rgb(179,8,56); background-color:rgba(179,8,56,1); filter:alpha(opacity=100); /* Fallback for old IE */} .fancybox-nav:hover span{visibility:visible} .fancybox-tmp{position:absolute; top:-9999px; left:-9999px; visibility:hidden} #fancybox-overlay{position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:#000; opacity:0.85; filter:alpha(opacity=85)} #fancybox-overlay.overlay-fixed{position:fixed; bottom:0; right:0} .fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050} .fancybox-opened .fancybox-title{visibility:visible} .fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center} .fancybox-title-float-wrap .child{display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; background:rgba(0,0,0,0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap} .fancybox-title-outside-wrap{position:relative; margin-top:10px; color:#fff} .fancybox-title-inside-wrap{padding-top:10px} .fancybox-title-over-wrap{position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0,0,0,.8)} #fancybox-buttons{position:fixed; left:0; width:100%; z-index:8050} #fancybox-buttons.top{top:10px} #fancybox-buttons.bottom{bottom:10px} #fancybox-buttons ul{display:block; width:170px; height:30px; margin:0 auto; padding:0; list-style:none; background:#111; -webkit-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05); background:#111 -webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.15)),color-stop(.5,rgba(255,255,255,.1)),to(rgba(255,255,255,.15))); background:#111 -moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.15) 100%); border-radius:3px} #fancybox-buttons ul li{float:left; margin:0; padding:0} #fancybox-buttons a{display:block; width:30px; height:30px; text-indent:-9999px; background-image:url('/design/fancybox_buttons.png'); background-repeat:no-repeat; outline:0} #fancybox-buttons a.btnPrev{width:32px; background-position:6px 0} #fancybox-buttons a.btnNext{background-position:-33px 0; border-right:1px solid #3e3e3e} #fancybox-buttons a.btnPlay{background-position:0 -30px} #fancybox-buttons a.btnPlayOn{background-position:-30px -30px} #fancybox-buttons a.btnToggle{background-position:3px -60px; border-left:1px solid #111; border-right:1px solid #3e3e3e; width:35px} #fancybox-buttons a.btnToggleOn{background-position:-27px -60px} #fancybox-buttons a.btnClose{border-left:1px solid #111; width:38px; background-position:-57px 0} #fancybox-buttons a.btnDisabled{opacity:.5; cursor:default} .fancybox-type-iframe.fancybox-opened .fancybox-skin{padding:5px!important} /* VideoJS Default Styles (http://videojs.com) Version 3.2.0 */ /* REQUIRED STYLES (be careful overriding) ================================================================================ */ /* When loading the player, the video tag is replaced with a DIV, that will hold the video tag or object tag for other playback methods. The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video. ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element. Otherwise you risk messing up control positioning and full window mode. ** */ .video-js{background-color:#3a3a3a; position:relative; padding:0; font-size:10px; vertical-align:middle} .video-js .vjs-tech{position:absolute; top:0; left:0; width:100%; height:100%} .video-js:-moz-full-screen{position:absolute} body.vjs-full-window{padding:0; margin:0; height:100%; overflow-y:auto} .video-js.vjs-fullscreen{position:fixed; overflow:hidden; z-index:1000; left:0; top:0; bottom:0; right:0; width:100%!important; height:100%!important; _position:absolute} .video-js:-webkit-full-screen{width:100%!important; height:100%!important} .vjs-poster{margin:0 auto; padding:0; cursor:pointer; position:relative; width:100%; max-height:100%} .video-js .vjs-text-track-display{text-align:center; position:absolute; bottom:4em; left:1em; right:1em; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif} .video-js .vjs-text-track{display:none; color:#fff; font-size:1.4em; text-align:center; margin-bottom:.1em; background:#000; background:rgba(0,0,0,0.50)} .video-js .vjs-subtitles{color:#fff} .video-js .vjs-captions{color:#fc6} .vjs-tt-cue{display:block} .vjs-fade-in{visibility:visible!important; opacity:1!important; -webkit-transition:visibility 0s linear 0s,opacity .3s linear; -moz-transition:visibility 0s linear 0s,opacity .3s linear; -ms-transition:visibility 0s linear 0s,opacity .3s linear; -o-transition:visibility 0s linear 0s,opacity .3s linear; transition:visibility 0s linear 0s,opacity .3s linear} .vjs-fade-out{visibility:hidden!important; opacity:0!important; -webkit-transition:visibility 0s linear 1.5s,opacity 1.5s linear; -moz-transition:visibility 0s linear 1.5s,opacity 1.5s linear; -ms-transition:visibility 0s linear 1.5s,opacity 1.5s linear; -o-transition:visibility 0s linear 1.5s,opacity 1.5s linear; transition:visibility 0s linear 1.5s,opacity 1.5s linear} .vjs-default-skin .vjs-controls{position:absolute; bottom:0; left:0; right:0; margin:0; padding:0; height:2.6em; color:#fff; border-top:1px solid #404040; background:#3a3a3a; background:linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%); visibility:hidden; opacity:0} .vjs-default-skin .vjs-control{position:relative; float:left; text-align:center; margin:0; padding:0; height:2.6em; width:2.6em} .vjs-default-skin .vjs-control:focus{outline:0} .vjs-default-skin .vjs-control-text{border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px} .vjs-default-skin .vjs-play-control{width:5em; cursor:pointer!important} .vjs-default-skin.vjs-paused .vjs-play-control div{width:15px; height:17px; background:url('/design/video-js.png'); margin:.5em auto 0} .vjs-default-skin.vjs-playing .vjs-play-control div{width:15px; height:17px; background:url('/design/video-js.png') -25px 0; margin:.5em auto 0} .vjs-default-skin .vjs-rewind-control{width:5em; cursor:pointer!important} .vjs-default-skin .vjs-rewind-control div{width:19px; height:16px; background:url('/design/video-js.png'); margin:.5em auto 0} .vjs-default-skin .vjs-mute-control{width:3.8em; cursor:pointer!important; float:right} .vjs-default-skin .vjs-mute-control div{width:22px; height:16px; background:url('/design/video-js.png') -75px -25px; margin:.5em auto 0} .vjs-default-skin .vjs-mute-control.vjs-vol-0 div{background:url('/design/video-js.png') 0 -25px} .vjs-default-skin .vjs-mute-control.vjs-vol-1 div{background:url('/design/video-js.png') -25px -25px} .vjs-default-skin .vjs-mute-control.vjs-vol-2 div{background:url('/design/video-js.png') -50px -25px} .vjs-default-skin .vjs-volume-control{width:5em; float:right} .vjs-default-skin .vjs-volume-bar{position:relative; width:5em; height:5px; margin:9px auto 0; cursor:pointer!important; border:1px solid #1d1d1d; background:#363636} .vjs-default-skin .vjs-volume-level{position:absolute; top:0; left:0; height:5px; background:#ff9200; background:url('/design/video-js.png') repeat-x scroll 0 -70px transparent!important; -webkit-transform:translateZ(0); -webkit-border-radius:1px; -khtml-border-radius:1px; -moz-border-radius:1px; -o-border-radius:1px; border-radius:1px} .vjs-default-skin .vjs-volume-handle{position:absolute} .vjs-default-skin div.vjs-progress-control{position:absolute; left:80px; right:170px; height:5px; width:auto; top:9px; border:1px solid #1d1d1d; background:#363636} .vjs-default-skin .vjs-progress-holder{position:relative; cursor:pointer!important; padding:0; margin:0; height:5px; background:#111} .vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress{position:absolute; display:block; height:5px; margin:0; padding:0; left:0; top:0} .vjs-default-skin .vjs-play-progress{background:#ff9200; background:url('/design/video-js.png') repeat-x scroll 0 -70px transparent!important; -webkit-transform:translateZ(0); -webkit-border-radius:1px; -khtml-border-radius:1px; -moz-border-radius:1px; -o-border-radius:1px; border-radius:1px} .vjs-default-skin .vjs-load-progress{background:#363636} .vjs-default-skin div.vjs-seek-handle{position:absolute; width:16px; height:16px; margin-top:-0.3em; left:0; top:0; background:url('/design/video-js.png') 0 -50px; -moz-border-radius:.8em; -webkit-border-radius:.8em; border-radius:.8em} .vjs-default-skin .vjs-time-controls{position:absolute; right:0; height:1.0em; width:4.8em; top:-1.3em; font-size:1em; line-height:1.0em; font-weight:normal; font-family:Helvetica,Arial,sans-serif} .vjs-default-skin .vjs-current-time{left:30px; top:7px} .vjs-default-skin .vjs-duration{right:0; display:none} .vjs-default-skin .vjs-remaining-time{right:120px; top:7px} .vjs-time-divider{display:none} .vjs-default-skin .vjs-time-control{font-size:1em; line-height:1; font-weight:normal; font-family:Helvetica,Arial,sans-serif} .vjs-default-skin .vjs-time-control span{line-height:25px} .vjs-secondary-controls{float:right} .vjs-default-skin .vjs-fullscreen-control{width:3.8em; cursor:pointer!important; float:right} .vjs-default-skin .vjs-fullscreen-control div{width:16px; height:16px; background:url('/design/video-js.png') -50px 0; margin:.5em auto 0} .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div{background:url('/design/video-js.png') -75px 0} .vjs-default-skin .vjs-big-play-button{display:block; z-index:2; position:absolute; top:50%; left:50%; width:8.4em; height:8.4em; margin:-42px 0 0 -42px; text-align:center; vertical-align:center; cursor:pointer!important; opacity:.95; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px; background:#3a3a3a; background:rgba(58,58,58,0.8); -webkit-box-shadow:0 0 8px rgba(0,0,0,0.4); -moz-box-shadow:0 0 8px rgba(0,0,0,0.4); box-shadow:0 0 8px rgba(0,0,0,0.4); filter:alpha(opacity=75)} .vjs-default-skin div.vjs-big-play-button:hover{-webkit-box-shadow:0 0 80px #fff; -moz-box-shadow:0 0 80px #fff; box-shadow:0 0 80px #fff} .vjs-default-skin div.vjs-big-play-button span{position:absolute; top:50%; left:50%; display:block; width:35px; height:42px; margin:-20px 0 0 -15px; background:url('/design/video-js.png') -100px 0} .vjs-loading-spinner{display:none; position:absolute; top:50%; left:50%; width:55px; height:55px; margin:-28px 0 0 -28px; -webkit-animation-name:rotatethis; -webkit-animation-duration:1s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -moz-animation-name:rotatethis; -moz-animation-duration:1s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear} @-webkit-keyframes rotatethis{0%{-webkit-transform:scale(0.6) rotate(0deg)} 12.5%{-webkit-transform:scale(0.6) rotate(0deg)} 12.51%{-webkit-transform:scale(0.6) rotate(45deg)} 25%{-webkit-transform:scale(0.6) rotate(45deg)} 25.01%{-webkit-transform:scale(0.6) rotate(90deg)} 37.5%{-webkit-transform:scale(0.6) rotate(90deg)} 37.51%{-webkit-transform:scale(0.6) rotate(135deg)} 50%{-webkit-transform:scale(0.6) rotate(135deg)} 50.01%{-webkit-transform:scale(0.6) rotate(180deg)} 62.5%{-webkit-transform:scale(0.6) rotate(180deg)} 62.51%{-webkit-transform:scale(0.6) rotate(225deg)} 75%{-webkit-transform:scale(0.6) rotate(225deg)} 75.01%{-webkit-transform:scale(0.6) rotate(270deg)} 87.5%{-webkit-transform:scale(0.6) rotate(270deg)} 87.51%{-webkit-transform:scale(0.6) rotate(315deg)} 100%{-webkit-transform:scale(0.6) rotate(315deg)} } @-moz-keyframes rotatethis{0%{-moz-transform:scale(0.6) rotate(0deg)} 12.5%{-moz-transform:scale(0.6) rotate(0deg)} 12.51%{-moz-transform:scale(0.6) rotate(45deg)} 25%{-moz-transform:scale(0.6) rotate(45deg)} 25.01%{-moz-transform:scale(0.6) rotate(90deg)} 37.5%{-moz-transform:scale(0.6) rotate(90deg)} 37.51%{-moz-transform:scale(0.6) rotate(135deg)} 50%{-moz-transform:scale(0.6) rotate(135deg)} 50.01%{-moz-transform:scale(0.6) rotate(180deg)} 62.5%{-moz-transform:scale(0.6) rotate(180deg)} 62.51%{-moz-transform:scale(0.6) rotate(225deg)} 75%{-moz-transform:scale(0.6) rotate(225deg)} 75.01%{-moz-transform:scale(0.6) rotate(270deg)} 87.5%{-moz-transform:scale(0.6) rotate(270deg)} 87.51%{-moz-transform:scale(0.6) rotate(315deg)} 100%{-moz-transform:scale(0.6) rotate(315deg)} } div.vjs-loading-spinner .ball1{opacity:.12; position:absolute; left:20px; top:0; width:13px; height:13px; background:#fff; border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px; border:1px solid #ccc} div.vjs-loading-spinner .ball2{opacity:.25; position:absolute; left:34px; top:6px; width:13px; height:13px; background:#fff; border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px; border:1px solid #ccc} div.vjs-loading-spinner .ball3{opacity:.37; position:absolute; left:40px; top:20px; width:13px; height:13px; background:#fff; border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px; border:1px solid #ccc} div.vjs-loading-spinner .ball4{opacity:.50; position:absolute; left:34px; top:34px; width:13px; height:13px; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:15px; border:1px solid #ccc} div.vjs-loading-spinner .ball5{opacity:.62; position:absolute; left:20px; top:40px; width:13px; height:13px; background:#fff; border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px; border:1px solid #ccc} div.vjs-loading-spinner .ball6{opacity:.75; position:absolute; left:6px; top:34px; width:13px; height:13px; background:#fff; border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px; border:1px solid #ccc} div.vjs-loading-spinner .ball7{opacity:.87; position:absolute; left:0; top:20px; width:13px; height:13px; background:#fff; border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px; border:1px solid #ccc} div.vjs-loading-spinner .ball8{opacity:1.00; position:absolute; left:6px; top:6px; width:13px; height:13px; background:#fff; border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px; border:1px solid #ccc} .vjs-default-skin .vjs-menu-button{float:right; margin:.2em .5em 0 0; padding:0; width:3em; height:2em; cursor:pointer!important; border:1px solid #111; -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em; background:#4d4d4d; background:-moz-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d4d4d),color-stop(50%,#3f3f3f),color-stop(50%,#333),color-stop(100%,#252525)); background:-webkit-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%); background:-o-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%); background:-ms-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%); background:linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%)} .vjs-default-skin .vjs-menu-button div{background:url('/design/video-js.png') 0 -75px no-repeat; width:16px; height:16px; margin:.2em auto 0; padding:0} .vjs-default-skin .vjs-menu-button ul{display:none; opacity:.8; padding:0; margin:0; position:absolute; width:10em; bottom:2em; max-height:15em; left:-3.5em; background-color:#111; border:2px solid #333; -moz-border-radius:.7em; -webkit-border-radius:1em; border-radius:.5em; -webkit-box-shadow:0 2px 4px 0 #000; -moz-box-shadow:0 2px 4px 0 #000; box-shadow:0 2px 4px 0 #000; overflow:auto} .vjs-default-skin .vjs-menu-button:focus ul, .vjs-default-skin .vjs-menu-button:hover ul{display:block; list-style:none} .vjs-default-skin .vjs-menu-button ul li{list-style:none; margin:0; padding:.3em 0 .3em 20px; line-height:1.4em; font-size:1.2em; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; text-align:left} .vjs-default-skin .vjs-menu-button ul li.vjs-selected{text-decoration:underline; background:url('/design/video-js.png') -125px -50px no-repeat} .vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover{background-color:#ccc; color:#111; outline:0} .vjs-default-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center; text-transform:uppercase; font-size:1em; line-height:2em; padding:0; margin:0 0 .3em 0; color:#fff; font-weight:bold; cursor:default; background:#4d4d4d; background:-moz-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d4d4d),color-stop(50%,#3f3f3f),color-stop(50%,#333),color-stop(100%,#252525)); background:-webkit-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%); background:-o-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%); background:-ms-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%); background:linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%)} .vjs-default-skin .vjs-captions-button div{background-position:-25px -75px} .vjs-default-skin .vjs-chapters-button div{background-position:-100px -75px} .vjs-default-skin .vjs-chapters-button ul{width:20em; left:-8.5em} .vjs-player-width-300 .vjs-time-controls{display:none} .vjs-player-width-300 div.vjs-progress-control{left:45px; right:135px} .vjs-player-width-250 .vjs-mute-control, .vjs-player-width-250 .vjs-volume-control{display:none} .vjs-player-width-250 div.vjs-progress-control{right:45px} /* * Watermark */ .watermark_container{width:100%; background:none !important} .watermark{float:left; background:none !important; z-index:1; line-height:30px!important; top:0px!important; width:95%!important} /***************************************************************************************************************************************************/ /***************************************************************************************************************************************************/ /***************************************************************************************************************************************************/ .hidden{display:none!important} .clear{clear:both} .loader{background-image:url("../design/ajax-loader.gif")!important; background-position:center center!important; background-repeat:no-repeat!important} .loader2{background:url("../design/ajax-loader2.gif") center center no-repeat} .invisible{ visibility:hidden!important} /*No script*/ div#noscriptContainer{position:fixed; width:100%; height:100%; background-color:#F0F0F0; float:left; height:36px; padding-top:5px; margin-bottom:5px; height:100%; position:fixed; z-index:9999999; font-family:'aldosemibold'; font-size:12px} div#noscriptContainer div#noscriptInner{margin:0 auto; padding-left:35px; height:36px; width:720px; padding-top:100px; font-size:1.4em; text-align:center;} .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;background-color:#000000;}.modal-backdrop.fade{opacity:0;} .modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);} .modal{position:fixed;top:10%;left:50%;z-index:999999;width:560px;margin-left:-280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:none;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;} .modal.newsl{position:fixed;top:10%;left:50%;width:420px;margin-left:-210px; border:1px solid #c8c8c8;} .modal.bookingl{position:fixed;top:10%;left:50%;width:620px;margin-left:-310px; border:1px solid #c8c8c8;} .modal.fade.in{top:10%;} .modal-header{padding:15px 25px; position:relative;} .modal-header .close {width: 28px;height: 28px;background-image: url("../design/sprite.png");background-position: -101px -106px;background-repeat: no-repeat;opacity: 0.6;filter: alpha(opacity=60);margin-top: 3px; text-indent:-99999px; overflow:hidden;} .modal-header .close {opacity: 1;filter: alpha(opacity=100);} .modal-header h3{margin:0;font-size: 17px; text-transform:uppercase;line-height: 40px;letter-spacing: 1px; font-weight:normal; color:#004c73;} .modal-body{position:relative;overflow-y:auto;/*max-height:400px;*/padding:15px 25px; color:#646464;} .modal-form{margin-bottom:0;} .modal-footer{padding:14px 25px 15px;margin-bottom:0;text-align:right;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0;} .modal-footer:after{clear:both;} .modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;} .modal-footer .btn-group .btn+.btn{margin-left:-1px;} .modal-footer .btn-block+.btn-block{margin-left:0;} @media (max-width:960px){ .requestBoxList {width: 40%;} .requestBoxImg {width: 60%;} .requestImg {width: 125px;} .requestImgWrap {height: 182px;} } @media (max-width:767px){ .modal{position:fixed;top:10%;left:20px;right:20px;width:auto;margin:0;}.modal.fade{top:-100px;} .modal.fade.in{top:20px;} /*.page-title{ max-width:65%; margin-top: 30px; } v1*/ .page-title{ max-width:65%; font-size: 16px;} .requestImg{ width:100px} .requestBoxList {width: 100%;} .requestBoxImg {width: 100%;} .requestBoxImg { width:100%; } .requestBoxList { width:100%; } .requestImg{ width:45%} .requestImgWrap { height: 275px; } .requestFormBot{ position: fixed; bottom: 0; left: 0; right: 0; width: auto; padding: 7px; background-color: #ffffff;} } @media (max-width:480px){ .page-title{ max-width:100% ;font-size: 16px; margin-top: 30px;} .modal{top:10%;left:10px;right:10px;} .requestBoxImg { width:100%; } .requestBoxList { width:100%; } .requestImg{ width:45%} .requestImgWrap { height: 196px; } .requestListSelectedBox {width: 31.5%; min-width: 80px;} } /*No script*/ #browser-detection{background:#FFFFE5; color:#333; position:fixed; /*_position:absolute; */font-size:13px; font-family:"Trebuchet MS",Arial,Tahoma,sans-serif; border-radius:5px; border:1px solid #D6D6C1; -moz-border-radius:5px; width:700px; z-index:1000001; padding:10px 15px; top:100px!important} #browser-detection p{background:transparent; line-height:135%; width:auto; float:none; border:none; text-align:left; margin:0; padding:0} #browser-detection p.bd-title{padding-top:0; font-size:25px; line-height:100%; color:#333} #browser-detection p.bd-notice{padding-bottom:5px; padding-top:5px; color:#333} #browser-detection span.bd-highlight{color:#B50E0E} #browser-detection a#browser-detection-close{width:15px; height:15px; outline:none; position:absolute; right:10px; top:10px; text-indent:-500em; line-height:100%; background:url(../images/close.gif) no-repeat center center} #browser-detection a#browser-detection-close:hover{background-color:#F5F5DC} #browser-detection ul.bd-browsers-list, #browser-detection ul.bd-browsers-list li, #browser-detection ul.bd-skip-buttons, #browser-detection ul.bd-skip-buttons li{float:left; list-style:none; margin:0; padding:0} #browser-detection ul.bd-browsers-list{clear:both; margin-top:3px; border-top:1px solid #F5F5DC; border-bottom:1px solid #F5F5DC; width:100%; padding:7px 0} #browser-detection ul.bd-browsers-list li{text-align:left} #browser-detection ul.bd-browsers-list li a{width:60px; height:55px; display:block; color:#666; text-decoration:none; padding:10px 10px 0 65px} #browser-detection ul.bd-browsers-list li.firefox a{background:url(../images/firefox.gif) no-repeat left top} #browser-detection ul.bd-browsers-list li.chrome a{background:url(../images/chrome.gif) no-repeat left top} #browser-detection ul.bd-browsers-list li.safari a{background:url(../images/safari.gif) no-repeat left top} #browser-detection ul.bd-browsers-list li.opera a{background:url(../images/opera.gif) no-repeat left top} #browser-detection ul.bd-browsers-list li.msie a{background:url(../images/msie.gif) no-repeat left top} #browser-detection ul.bd-skip-buttons{margin-top:10px} #browser-detection ul.bd-skip-buttons li{display:inline; margin-right:10px} #browser-detection ul.bd-skip-buttons li button{font-size:13px; padding:5px 10px} #browser-detection div.bd-poweredby{font-size:9px; position:absolute; bottom:10px; right:10px; font-style:italic} #browser-detection div.bd-poweredby, #browser-detection div.bd-poweredby a{color:#AAA} #browser-detection div.bd-poweredby a:hover{text-decoration:none} #black_overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:black; z-index:2000; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80)} #browser-detection ul.bd-browsers-list li a:hover, #browser-detection div.bd-poweredby a{text-decoration:underline} .resultForm div.error{border:1px solid #F7C7C9; background-color:#F9E5E6; color:#B3696C; padding:4px 8px;} .resultForm div.error span.errorCloseBot{background-position:-230px -563px} .resultForm div.success{border:1px solid #C2D288; background-color:#E3EBC6; color:#8FA442; padding:8px;} .resultForm div.success span.errorCloseBot{background-position:-230px -605px} .resultForm{margin:30px auto; text-align:left; font-size:12px;/* width:50%; */line-height:20px; min-height:30px; text-align:center; padding:0 0 0 10px; /*float:left*/} .resultForm p{margin-bottom:0; color:#3D3D3D; line-height:20px; } .resultForm div.infoBoxError{float:left; display:block; width:100%} .resultForm div.infoBoxErrorText{float:left; width:85%; padding:2.5%; font-size:13px; text-align:center} .resultForm div.infoBoxErrorClose{float:left; width:10%} .resultForm span.errorCloseBot{float:right; width:32px; height:32px; margin-top:19%; margin-right:5px; background-image:url("../design/sprite.png"); background-repeat:no-repeat; opacity:1; filter:alpha(opacity=100)} .warnings{color:#333; line-height:16px; font-size:12px; margin:15px 0; float:left; width:100%; clear:both; text-align:center} .warnings a{text-decoration:underline} .control-group.warning>label, .control-group.warning .help-block, .control-group.warning .help-inline{color:#c09853} .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea{color:#c09853} .control-group.warning input, .control-group.warning select, .control-group.warning textarea{border-color:#c09853; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)} .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus{border-color:#a47e3c; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e} .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on{color:#c09853; background-color:#fcf8e3; border-color:#c09853} .control-group.error>label, .control-group.error .help-block, .control-group.error .help-inline{color:#b94a48} .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea{color:#b94a48} .control-group.error input, .control-group.error select, .control-group.error textarea{border-color:#b94a48; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)} .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus{border-color:#953b39; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392} .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on{color:#b94a48; background-color:#f2dede; border-color:#b94a48} .control-group.success>label, .control-group.success .help-block, .control-group.success .help-inline{color:#468847} .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea{color:#468847} .control-group.success input, .control-group.success select, .control-group.success textarea{border-color:#468847; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)} .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus{border-color:#356635; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b} .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on{color:#468847; background-color:#dff0d8; border-color:#468847} .shareButtonsContainer { float:left; width:100%; margin-top:0px; } .shareTitle { float:left; font-size:13px; font-weight: 200; font-size:16px; width:100%; margin-bottom:15px; } .shareButtons { float:left; width:100%; } .buttons .button { background:none; float:left; min-width:120px; margin-bottom:10px; padding:0; } .buttons .button.googleplus {overflow: hidden;} .buttons .button.googleplus > div { width:200px!important; } /*.buttons .button.facebook > div.fb-like { width:150px!important; float:left; height:30px!important;} .buttons .button.facebook > div.fb-like span { width:150px!important; float:left; height:30px!important;} .buttons .button.facebook > div.fb-like span iframe { width:150px!important; float:left; height:30px!important; }*/ .buttons .button span { padding:0; background:none; } .fb_reset { display:none; } .total { position: relative; } .total .contacts { position: absolute; top: 0; right: 0; } /* ---------------------------------------------------------------------- */ /*Horeca form /* ---------------------------------------------------------------------- */ .horeca-form input, .horeca-form textarea, .horeca-form select {width: 92%;} .horeca-form input[type="checkbox"] {width: 20px !important; height: 35px; margin-right: 10px; margin-top: 0; outline: none;} .horeca-form input.input-other {width: auto !important; margin-left: 15px;} /*.horeca-form .resultForm {margin: 0; float: left; padding: 0; text-align: left;} .horeca-form .resultForm p {padding: 0};*/ .horeca-form .location input, .horeca-form .location select{width: 92%;} .horeca-form .location select:disabled {background: #ebebeb;} .horeca-form .location select:disabled {opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;} .horeca-form .location .selects:before{opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;} /* ---------------------------------------------------------------------- */ /*Eventos form /* ---------------------------------------------------------------------- */ .events-form input, .events-form textarea, .events-form select {width: 92%;} .events-form input[type="radio"] {width: 20px; height: 35px; margin-right: 10px; margin-top: 0; outline: none;} .events-form input.input-other {width: auto; margin-left: 15px;} .events-form .location input, .events-form .location select{width: 92%;} .events-form .location select:disabled {background: #ebebeb;} .events-form .location select:disabled {opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;} .events-form .location .selects:before{opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;} /*-----------------------------------*/ /*Distributor form /*-----------------------------------*/ .distributor-form input, .distributor-form select{max-width:697px; width: 92%;} .distributor-form .input-block{width: 100%; float:none;} .distributor-form textarea{max-width:697px; width: 92%;} .distributor-form .location input, .distributor-form .location select{width: 92%;} .distributor-form .location .input-block{ float: left; margin-right: 10px;} .distributor-form .location select:disabled {background: #ebebeb;} .distributor-form .location select:disabled {opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;} .distributor-form .location .selects:before{opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;} select { margin: 0; background: #f8f8f8; color:#888; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; } select::-ms-expand { display: none; } /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */ @media screen and (-webkit-min-device-pixel-ratio:0) { select {padding-right:14px} } .selects {position:relative} .selects:after { content:'<'; font:13px "Consolas", monospace; color:#FAFAFA; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); right:17px; top:1px; padding:0 0 2px; position:absolute; pointer-events:none; z-index: 3; } .selects:before { content:''; right:0px; width:42px; height:42px; background:#a7a8a5; position:absolute; pointer-events:none; display:block; z-index: 2; top: -12px; } .selects.showing:before { opacity: 1 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); -moz-opacity:1 !important; -khtml-opacity: 1 !important; } .selects.hiding:before { opacity: 0.5 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5 !important; -khtml-opacity: 0.5 !important; } @media(max-width: 767px) { .newsletter .widget { margin-top: 140px; } } .newsletter .btn-submit { position: absolute; right: 0; top: 0; color: #868686 !important; background-color: #676767; border: none; margin: 0; height: 34px; line-height: 36px; padding: 0 15px 0 16px; font-size: 16px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; } .newsletter .btn-submit i { color: #FFF; } .newsletter input { border-color: #676767; height: 24px; background: transparent; border-radius: 0; -webkit-border-radius: 0; padding: 4px 12px; font-size: 12px; color: #868686; } @media (max-width: 767px) { .newsletter input { width: 90% !important; } } @media (min-width: 768px) and (max-width: 959px) { .newsletter input { width: 300px !important; } .newsletter .btn-submit { right: 363px; } } @media (min-width: 960px) and (max-width: 1340px) { .newsletter input { width: 350px !important; } .newsletter .btn-submit { right: 503px; } } @media (min-width: 1341px) { .newsletter input { width: 279px !important; } } .newsletter input:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #868686; } .newsletter .resultForm { margin: 30px auto; padding: 0; } .newsletter .resultForm div.error { border-radius: 0; -webkit-border-radius: 0; background: transparent; border-color: #a94442; color: #a94442 } /*.newsletter .has-error .form-control { border-color: #868686; }*/ .newsletter .has-error .form-control:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #footer .title-newsletter { border-top: 1px solid #4f4f4f; border-bottom: none; margin: 14px 0 0; padding: 12px 0 15px; } .newsopen { font-family: 'aldosemibold'; font-size: 13px; } .newsopen:hover { color: #fff; text-decoration: underline; cursor: pointer; } .popnews { position: fixed; top: 50%; bottom: 0; left: 50%; right: 0; background: #3A3A3A; z-index: 999; width: 700px; height: 350px; margin-left: -350px; margin-top: -350px; padding: 100px; color: #fff; display: none; } .popnews .closes { position: absolute; top: 0; right: 0; width: 50px; height: 50px; color: #3A3A3A; background: #fff; font-size: 20px; text-align: center; line-height: 50px; cursor: pointer; } .popnews .closes:hover { background: rgba(58, 58, 58, 0.78); color: #fff; cursor: pointer; } .button_experience { clear: both; float: right; background: #3a3a3a; margin-top: -45px; margin-right: 16px; padding: 10px; text-transform: uppercase; font-size: 15px; color: #ffffff; text-decoration: none; position: relative; z-index: 999999; } .button_experience:hover { color: #ffffff; background: #b30838; text-decoration: underline; } #main-nav .responsive-nav {line-height: 20px;} .active-sale {color: #b30838 !important} /* ---------------------------------------------------------------------- */ /*rgpd checkbox /* ---------------------------------------------------------------------- */ .input-checkbox-rgpd { position: relative; } .input-checkbox-rgpd input[type="checkbox"] {width: 20px !important; height: 35px; margin-right: 10px !important; margin-top: 0; outline: none;} .input-checkbox-rgpd span { position: absolute; left: 35px; right: 0; top: 9px; } @media only screen and (max-width:767px){ .container{width:100%; padding-left: 20px !important; padding-right: 20px !important;} } .popnews.contacts { bottom: auto; height: auto; padding: 50px; padding-bottom: 20px; padding-top: 80px; width: 900px; margin-left: -450px; margin-top: -450px; transform: translateY(25%); } .popnews.contacts img { width: 100%; } .popnews.contacts .resultForm { margin-bottom: 0; margin-top: 20px; } .popnews.contacts .resultForm, .popnews.contacts .resultForm .alert { margin-bottom: 0; } .popnews.contacts .input-block { width: 100%; margin-left: 0; margin-right: 0; padding-right: 22px; } .popnews.contacts label strong { color: #fff; } .popnews.contacts .input-checkbox-rgpd a { color: #fff; text-decoration: underline; } .popnews.contacts input[type=text], .popnews.contacts input[type=email] { width: 100% !important; } .popnews.contacts .input-checkbox-rgpd span { top: 4px; font-size: 11px; line-height: normal; } .popnews.contacts #AjaxifyLoading img { width: auto; } @media only screen and (max-width:991px){ .popnews.contacts .col-image { display: none; } .popnews.contacts { width: 700px; margin-left: -350px; margin-top: -350px; transform: translateY(0); } } @media only screen and (max-width:767px){ .popnews.contacts { width: 400px; margin-left: -200px; margin-top: -200px; padding-top: 60px; padding-left: 30px; padding-right: 30px; top: 35%; } } @media only screen and (max-width:424px){ .popnews.contacts { max-width: 95%; margin-left: 0; transform: translateX(-50%); } } @media screen and (min-width: 360px) and (max-width: 384px) { .projects-carousel >li, .post-carousel >li { width: 340px !important; } } @media screen and (min-width: 385px) and (max-width: 479px) { .projects-carousel >li, .post-carousel >li { width: 370px !important; } } @media only screen and (max-width: 367px) { .post-carousel .entry-body { width: 225px !important; float: left; } } @media screen and and (max-width: 479px) { .post-carousel .entry-body { float: left; } } .bag-mobile { position: absolute; top: 5px; right: 70px; } @media screen and (min-width: 768px) { .bag-mobile { display: none; } } .hidden-news { display: none !important; }