/* ************************************************ Theme Name: Quickr Theme URI: Description: Quickr is a flexible premium template with unique design ideally suited to corporate and personal websites. Author: 4GraFx & Weblusive Author URI: http://www.weblusive.com Version: 1.0 ************************************************ *//********** GLOBAL SETTINGS AND RESET ***********/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul{list-style:none} dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width:100%; height: auto } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; border-radius:0px; -webkit-appearance: none} button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: none; border-radius:0px} input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } *{margin: 0; padding:0;} html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-size: 12px; line-height: 1.6; background:url('../images/body_bg.png'); color:#464f5c; font-family:Arial, Helvetica, sans-serif;} ::-moz-selection { background: #ff9933; color: #fff; text-shadow: none; } ::selection { background: #ff9933; color: #fff; text-shadow: none; } a{outline:none; -webkit-transition: all 0.3s ease-in; /* Saf3.2+, Chrome */-moz-transition: all 0.3s ease-in; /* FF4+ */-ms-transition: all 0.3s ease-in; /* IE10? */-o-transition: all 0.3s ease-in; /* Opera 10.5+ */transition: all 0.3s ease-in; color:#464f5c} a, ol, li, label, .contact-details span, .contact-details p, .post-date{font-family: 'News Cycle', sans-serif;} h1, h2, h3, h4, h5, h6, summary{font-family: 'News Cycle', sans-serif; font-weight: normal; margin-bottom:20px} h1{font-size:36px; line-height:40px} h2{font-size:20px} h3{font-size:18px} h4, summary{font-size:16px} h5{font-size:15px} h6{font-size:13px} p{ font-family: 'PT Sans', sans-serif; color:#333333 } h1, h2{ letter-spacing:normal;color:#ff9933;padding-top: 10px;padding-bottom:13px;border-bottom: 1px solid #cccccc;background: url(../images/top_stripe.png) top center repeat-x;} h1.style2{background:none; padding-top:0px} h1 span{font-size:36px;color:#464F5C; font-family: 'News Cycle', sans-serif;} h2 span{font-size:20px;color:#464F5C; font-family: 'News Cycle', sans-serif;} h3 span{font-size:18px;color:#464F5C; font-family: 'News Cycle', sans-serif;} .colorbox{ background-color:#ff9933; height:5px; width:25px; position:absolute; margin-top: -25px;} /*************************************************//**************** GLOBAL CLASSES *****************/ .divider{height:5px; background:url('../images/button_bg.png') repeat-x; margin-bottom:12px} .inner-divider{border-bottom:solid 1px #ccc; background:url('../images/quickrcolor.png') no-repeat bottom left; font-size:20px; color:#464f5c; padding-bottom:20px} .inner-divider span{font-size:20px; color:#ff9933; font-family: 'News Cycle', sans-serif;} .center{text-align:center} .right{text-align:right} .more-link{float:right; background:url('../images/more_arrow.png') no-repeat right; padding-right:14px; color:#ff9933; font-family: 'News Cycle', sans-serif; margin-top:30px; text-decoration:none; display:block; height:26px} .more-link:hover{color:#464f5c; background-image:url('../images/more_arrow_hover.png')} /*********************** HEADER **********************/ /*-- Main structure --*/ header{margin:0px auto; padding:40px 0%} #header-top{border-top:solid 5px #ff9933; background:url('../images/top_stripe.png') repeat-x; height:5px; width:100%} /*-- Logo --*/ #logo img{} /*-- Menu --*/ nav{ margin-top:1%; border-bottom:solid 1px #cccccc; }.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;} .sf-menu {line-height:1.0} .sf-menu ul {position:absolute; top:-999em; width:11em;} .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float:left;position:relative;} .sf-menu a {display:block; position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:2.2em; /* match top ul list item height */z-index:9999} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top: 0} /*----- Menu Skin -----*/ .sf-menu {} .sf-menu > li.top {margin-left:11%; } .sf-menu > li.top:first-child{margin-left:7%} .sf-menu > li.top > a {font-size:16px; color:#464f5c; font-family: 'News Cycle', sans-serif; text-decoration:none; text-transform:uppercase;-webkit-transition: none 0s ease-out; /* Saf3.2+, Chrome */-moz-transition: none 0s ease-out; /* FF4+ */-ms-transition: none 0s ease-out; /* IE10? */-o-transition: none 0s ease-out; /* Opera 10.5+ */transition: none 0s ease-out;} .sf-menu > li.top > a:hover, .sf-menu > li.top > a.active-item{color:#ff9933;border-bottom:solid 5px #ff9933; padding-bottom:15px;} .sub-menu{margin-top:10px;background: url(../images/left_shadow.png) left bottom no-repeat,url(../images/right_shadow.png) right bottom no-repeat;margin-left: -20px;padding: 0 20px;} .sf-menu > .sub-menu{ left:-23px !Important} .sub-menu li{ padding-bottom:10px; background-color:#FFF; } .sub-menu li:first-child{padding-top:10px} .sub-menu li:last-child{ border-bottom:5px solid #464f5c} .sub-menu a{display:block; background:#f8f8f8; padding:6px 10px 8px 10px; margin:0px 10px; font-size:12px; color:#464f5c; text-decoration:none; font-family: 'News Cycle', sans-serif;} .sub-menu a:hover {color:#ff9933; border-left:solid 5px #ff9933} .shadow-left, .shadow-right{position:absolute; width:20px; height:120px; display:block; bottom:0px} .shadow-container{position:relative; padding-bottom:0px !Important} .shadow-left{background:url('../images/left_shadow.png') no-repeat; left:-20px; overflow:hidden} .shadow-right{background:url('../images/right_shadow.png') no-repeat; right:-20px} /*-- Slogan --*/ #slogan{/*width:190px;*/ font-family:"Times New Roman", Times, serif; font-size:14px; font-style:italic; color:#999999; text-shadow:#fff 0px 1px 1px; line-height:44px; border-left:solid 1px #cccccc; /*padding-left:10px; margin:44px 0px*/ padding-left:9%} /*************************************************//**************** MEDIA QUERIES ******************/ /* #Base 960 Grid ================================================== */ .container, footer, .outer-text-wrapper { position: relative; width:960px; margin:0px auto;} #slideshow, ul#slide-main, ul#slide-title {width:980px} #portfolio-list>li, #blogposts-list>li {margin-left: 6px; margin-right: 6px;} .column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0 !Important } .column.omega, .columns.omega { margin-right: 0 !Important} /* Base Grid */ .container .one.column { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 429px; } .container .four.columns, #portfolio-list>li, #blogposts-list > li{ width: 220px; } .container .forty.columns, #portfolio-list>li, #blogposts-list > li{ width: 360px; } .container .five.columns { width: 280px; } .container .six.columns, #portfolio-list.video-list>li { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .seventeen.columns { width: 900px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /****************** SLIDESHOW ********************/ #slider-wrapper{background: url(../images/slider_stripes_bg.png), url(../images/slider_bg.png);background-color:#464f5c;background-position:center center;background-repeat: repeat, no-repeat;} /*#slideshow{border-bottom:solid 5px #ff9933;border-top:solid 5px #ff9933; margin:0px auto} #slideshow h1{ padding: 0px; border-bottom: none;background: none;} #slideshow h2{ padding: 0px; border-bottom: none;background: none;} #slideshow h3{ padding: 0px; border-bottom: none;background: none;} ul#slide-main{height:344px;list-style-type:none;} ul#slide-title{height:60px;position:relative; margin-left:-1px;list-style-type:none;z-index:100} ul#slide-title li{border-left:1px solid #56606e;border-right:1px solid #2f353d; width:24.7%; display:block} ul#slide-title li:first-child{border-left:1px solid #464F5C;} ul#slide-title li:last-child{border-right:1px solid #464F5C;} ul#slide-title a:hover{text-decoration:none} .activeSlide{background-color:#3d4450 !important} .title{background:#464f5c;float:left;position:relative; } .slide-maintitle{background:#464f5c; text-align:center;} .slide-maintitle span{background:url('../images/slide_arrow.png') no-repeat right center; padding:7% 6% 7% 0%; display:inline-block; color:#fff; font-size:1.5em; font-family: 'News Cycle', sans-serif; } .slide-desc{height:106px; background:url('../images/slide_desc.png') no-repeat; padding:20px 30px; display:none; position:absolute; left:-10px; bottom:-5px; cursor:pointer; z-index:101; overflow:hidden;} .slide-desc p{color:#999999; font-style:italic; font-family: 'PT Sans', sans-serif;} .slide-desc h2{color:#464f5c; font-size:18px; font-family: 'News Cycle', sans-serif; margin-bottom:10px} */ .ei-slider{position: relative;width: 100%;max-width: 980px;height: 340px; margin-left:auto; margin-right:auto;border-top:solid 5px #ff9933; z-index:1} .ei-slider img{max-width:none} .ei-slider-loading{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index:999;background: rgba(0,0,0,0.9);color: #fff;text-align: center;line-height: 400px;} .ei-slider-large{height: 100%;width: 100%;position:relative;overflow: hidden;} .ei-slider-large li{position: absolute;top: 0px;left: 0px;overflow: hidden;height: 100%;width: 100%} .ei-slider-large li img{width: 100%;} .slide-maintitle{text-align:center; background:url('../images/sliders/slider_separator.png') repeat-y right center #464f5c; min-height: 55px;} .slide-maintitle span{font-size: 1.4em;color:#fff; background:url('../images/slide_arrow.png') no-repeat right center; padding:6% 6% 8%; display:inline-block; font-family: 'News Cycle', sans-serif;} .ei-slider-thumbs{display:block; margin: 0 auto;position: relative; height: 2px; } .ei-slider-thumbs li{position: relative;float: left;cursor:pointer;border-bottom:solid 5px #ff9933; display:block} .ei-slider-thumbs li:last-child .slide-maintitle{background:none #464f5c;} .ei-slider-thumbs li.ei-slider-element{top: 0px;border: medium none;left: 0px;position: absolute;height: 100%;z-index: 10;text-indent: -9000px;background: #ff9933;} .slide-desc{overflow:hidden;background:url('../images/main_content_bg.png') repeat; padding:10px 20px; display:none; position:absolute; bottom:-5px; cursor:pointer;z-index: 999;max-width: 100%; border-bottom:5px solid #464F5C} .slide-desc p{color:#999999; font-style:italic; font-family: 'PT Sans', sans-serif;} .slide-desc h2{color:#464f5c; font-size:18px; font-family: 'News Cycle', sans-serif; margin-bottom:10px; } /*************************************************//******************* CONTENT *********************/ #content-wrapper{background: url(../images/body_stripes.png), url(../images/body_shadows.png);background-position:top center;background-repeat: repeat-x, no-repeat;} #content-wrapper .container{background:url('../images/main_content_bg.png') repeat center #fff; padding:0px 10px;border-left:1px solid #d9d9d9;border-right: 1px solid #d9d9d9;} #content-wrapper .container_split{ background: url("../images/body_bg.png") repeat scroll center center transparent;border: medium none;margin-left: -11px; width: 101.2%;} .inner-bg{background:url('../images/inner_bg.png') repeat-x center; height:22px} #content-top{margin-bottom:30px; padding-top:30px; border-bottom:solid 1px #CCCCCC} /*************************************************//******************** FOOTER *********************/ #footer-wrapper{background: url(../images/footer_stripes_bg.png), url(../images/footer_shadows.png) ;background-position:center center, bottom center;background-repeat: repeat, no-repeat;} footer{margin:0px auto; background:url('../images/footer_bg.png'); min-height:200px; padding:30px 10px 20px 10px;color:#929dac;font-family: 'PT Sans', sans-serif; text-decoration:none;} /*#footer *{color:#929dac;font-family: 'PT Sans', sans-serif; text-decoration:none;}*/ footer p{color:#929dac;} footer a{color:#929DAC;text-decoration:none;} footer a:hover{color:#ccc;} .footer-block h3{color:#929dac; border-bottom:solid 1px #929dac; font-size:20px; padding-bottom:20px;font-family: 'News Cycle', sans-serif !important;} #footer-bottom{margin:10px 0px 0px 0px; padding:0px 10px} #footer-bottom-divider{text-align:center; background:url('../images/footer_divider.png') repeat-x 0px 10px; margin-top:10px} #footer-bottom-divider a#toTop{background:url('../images/footer_bg.png') repeat scroll 0 0 transparent} /*-- Copyright text --*/ #copyright{font-family: 'News Cycle', sans-serif; float:left; width:45%;margin-top: -10px;} /*-- Bottom menu --*/ #footer-menu{float:right;margin-top: -10px; text-transform:lowercase; width:45%; text-align:right} #footer-menu li{display:inline; background:url('../images/footer_menu_divider.png') no-repeat left; padding:3% 1% 3% 3%} #footer-menu li:first-child{background:none; padding-left:0} #footer-menu a{color: #929dac; font-size:1em; -webkit-transition: all 0.3s ease-in; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-in; /* FF4+ */ -ms-transition: all 0.3s ease-in; /* IE10? */ -o-transition: all 0.3s ease-in; /* Opera 10.5+ */ transition: all 0.3s ease-in;} #footer-menu a:hover{color: #ff9933;} /*-- News Widget --*/ .news li{padding:20px 0px;border-top:1px solid #2f353d;border-bottom:1px solid #56606e;} .news li:first-child{padding-top:0; border-top:none;} .news li:last-child{border-bottom:none;} .news li a{text-decoration:none} .news li a:hover{color:#6b7788} /*-- Twitter Widget --*/ #twitter_update_list li {background: url('../images/twitbird.png') no-repeat scroll 0 6px transparent;padding-left: 20px;} #twitter_update_list a{color:#ff9933;font-size:1em; -webkit-transition: all 0.3s ease-in; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-in; /* FF4+ */ -ms-transition: all 0.3s ease-in; /* IE10? */ -o-transition: all 0.3s ease-in; /* Opera 10.5+ */ transition: all 0.3s ease-in;} #twitter_update_list a:hover{color:#ccc;} #twitter_update_list a.twit-date{color:#929dac; font-style:italic; display:block; margin:6px 0px; text-align:right} /*-- Latest Posts Widget --*/ .list-posts li{border-top:1px solid #2f353d;border-bottom:1px solid #56606e; padding:14px 0px} .list-posts li:first-child{ padding-top:0px;border-top: none;} .list-posts li:last-child{border-bottom: none;} .list-posts a{} .list-posts a:hover{color:#ccc;} .list-post-thumb {float: left; margin-right: 8px; width: 18%; height:18%;} .list-post-thumb img{width:40px; height:40px; border:solid 2px #929dac} .list-post-desc {float: left;height: 44px;overflow: hidden;width: 72%;margin-left: 4%;} /*-- Contact Widget --*/ .contact-details{margin:10px 0px 20px 0px} .contact-details span{display:block; float:left; width:30%; color:#697381; font-weight:bold; } .contact-details p{float:left; width:70%} /*************************************************//****************** SHORTCODES *******************/ /*-- Columns --*/ .one_half, .one_third, .two_third, .one_fourth , .three_fourth, .one_fifth, .four_fifth { float:left; margin-right:9%; /*margin-top:10px; margin-bottom:10px*/} .one_half { width: 47%; margin-right:6%} .one_third { width: 31.3%; margin-right:3%} .two_third { width:63.32%; margin-right:5%} .one_fourth { width:22.7%; margin-right:3%} .one_fifth {width:16%; margin-right:5%; } .four_fifth { width: 75.2%; } .three_fourth { width:74%; margin-right:3.3%} .last{margin-right:0 !important} .alpha{margin-left:0 !important} /*-- Service Blocks --*/ .service-block{margin-top:10px; margin-bottom:0px} .service-block h3, .service-block span{font-size:24px; font-family: 'News Cycle', sans-serif; text-transform:uppercase; line-height:67px; margin-bottom:16px} .service-block h3{color:#464f5c; background-position:left; background-repeat:no-repeat; padding-left:80px} .service-block h3 span{color:#ff9933; } .service-block p.center{margin-top:30px} .button, input[type="submit"],input[type="reset"]{cursor:pointer; text-decoration:none; text-align:center; border-left:solid 5px #ff9933; background:#464f5c url('../images/button_bg.png'); padding:0px 12px; height:28px; line-height:24px; display:inline-block; color:#fff !important; font-family: 'News Cycle', sans-serif;} .button.medium{padding:8px 12px; font-size:14px} .button.big{padding:12px 18px; font-size:18px} .button:hover, input[type="submit"]:hover, input[type="reset"]:hover{background-color:#f8f8f8; color:#464f5c !important;}/*-- Text slider --*/ .slide-text{ padding: 5% 0 2.5%} .slide-text.full h2{font-family:"Times New Roman", Times, serif; font-size:36px; line-height:36px; margin-bottom:20px; font-style:italic; color:#464f5c} .slide-text.full p{color:#999; font-size:16px; font-family: 'News Cycle', sans-serif; line-height:22px} .slide-text .textSlider{text-align:center; } .textSlider{float:left; margin:0 10%; width:74%} .textSlider li{text-align:center;} .ts-prev, .ts-next{background:url('../images/st_prev.png') no-repeat; display:block; height:39px; width:3%; margin-top:2%; float:left} .ts-prev{float:left} .ts-next{background-image:url('../images/st_next.png'); } .slide-text h1{ padding: 0px; border-bottom: none;background: none;} .slide-text h2{ padding: 0px; border-bottom: none;background: none;} .slide-text h3{ padding: 0px; border-bottom: none;background: none;} /*-- Mini Text slider --*/ .slide-text.mini{background:none; padding:0; position:relative} .slide-text.mini .ts-link{float:none; width:6px; height:11px; position:absolute; top:-35px; right:0px} .slide-text.mini .ts-link.ts-prev-link{right:12px} .slide-text.mini .ts-prev, .slide-text.mini .ts-next{background:url('../images/minislide_arrows.png') no-repeat; display:block; width:6px; height:11px} .slide-text.mini .ts-prev{background-position:0px 0px} .slide-text.mini .ts-next{background-position:0px -11px}/*-- Carousel Slider --*/ .carousel-wrapper{position:relative} .carousel{text-align:center; float:left} .carousel li {float:left} .car-prev, .car-next{display:block; width:3.7%; height:168px; background-color:#f8f8f8; background-repeat:no-repeat; background-position:center center; text-indent:-9999px; float:left} .car-prev{background-image:url('../images/st_prev.png'); border-left:solid 5px #ff9933} .car-next{background-image:url('../images/st_next.png'); border-right:solid 5px #ff9933; float:right} .cslide{height:150px} .logo-container{width:143px; height:148px; overflow:hidden; padding:10px; text-align:center; background:#f8f8f8; margin-left:5px} .logo-container:hover{background-image:url('../images/button_bg.png'); cursor:pointer; } /*-- Spacing --*/ .top0{margin-top:0px} .top5{margin-top:5px} .top10{margin-top:10px} .top15{margin-top:15px} .top20{margin-top:20px} .top25{margin-top:25px} .top30{margin-top:30px} .top40{margin-top:40px} .top50{margin-top:50px} .top60{margin-top:60px} .top80{margin-top:80px} .top100{margin-top:100px} .bottom0{margin-bottom:0px} .bottom5{margin-bottom:5px} .bottom10{margin-bottom:10px} .bottom15{margin-bottom:15px} .bottom20{margin-bottom:20px} .bottom25{margin-bottom:25px} .bottom30{margin-bottom:30px} .bottom40{margin-bottom:40px} .bottom50{margin-bottom:50px} .left0{margin-left:0px} .left5{margin-left:5px} .left10{margin-left:10px} .left15{margin-left:15px} .left20{margin-left:20px} .left25{margin-left:25px} .left30{margin-left:30px} .left40{margin-left:40px} .left50{margin-left:50px} .right0{margin-right:0px} .right5{margin-right:5px} .right10{margin-right:10px} .right15{margin-right:15px} .right20{margin-right:20px} .right25{margin-right:25px} .right30{margin-right:30px} .right40{margin-right:40px} .right50{margin-right:50px} /*-- Separators --*/ .small_separator{background: url(../images/small_separator.png) center center no-repeat; padding: 30px 0px;} .big_separator{background: url(../images/big_separator.png) center center no-repeat;height:5px;padding: 30px 0px;} .white_space20{ padding:20px 0;} .white_space30 { padding:30px 0;} /*************************************************//************** BLOG POSTS LISTING ***************/ .blog-post-list li {background:#f8f8f8; width:200px; float:left; position:relative; padding:8px; margin:0px 19px 0px 0px; border-bottom:5px solid #464f5c;} .blog-post-list li img{width:200px} .blog-post-list li a.item-title{color:#464f5c; font-size:14px; font-family: 'News Cycle', sans-serif; text-decoration:none; display:block; padding:4px} .blog-post-list li:hover {background-color:#dee1e6} .blog-post-list .colorbox{background-color: #FF9933;height: 5px;margin-left: -8px;position: absolute;width: 25px; bottom:-5px} .blog-post-list li.portfolio-divider{float:none; height:5px; margin:20px 0px; padding:0; clear:both; width:100%; background:url('../images/portfolio_divider.png') no-repeat center; border:none; display:block} /*************************************************//***************** BREADCRUMBS *******************/ #breadcrumb *, #portfolio-filter *, .fp-details *{ font-family: 'News Cycle'} #breadcrumb li{color:#ff9933; float:left; font-size:14px; background:url('../images/breadcrumb.png') no-repeat left; padding:0 1% 0 2%; } #breadcrumb li.home{background-image:url('../images/home.png'); padding-left:16px} #breadcrumb li a {color:#464f5c; text-decoration:none; font-size:14px; display:block} /*************************************************/ #search-global, #search-global-form{float:right} #search-global-form input:focus{outline:none} #search-global-form input[type="text"]{ color:#464f5c; font-family: 'News Cycle'; font-size:14px; border-top:none; border-right:none; border-bottom:none; border-left:solid 1px #CCCCCC; width:142px; float:left; margin:0 0 2px; padding:0 4px; background:none; } #search-global-form input[type="submit"]{float:right; border:none; border-bottom:solid 5px #ff9933; width:16px; background:url('../images/search.png') no-repeat center; cursor:pointer} #our-portfolio{position:relative} #portfolio-filter{position:absolute; right:0px; top:20px} #portfolio-filter li{display:block; float:left; background:url('../images/breadcrumb.png') no-repeat left center; padding:0px 14px 0px 18px; overflow: hidden; } #portfolio-filter li:first-child{padding-left:0; background:none} #portfolio-filter li a{color:#464f5c; font-size:14px; text-decoration:none} #portfolio-filter li a.current, #portfolio-filter li a:hover{color:#ff9933} #portfolio-list, #blogposts-list{ overflow: hidden;} #portfolio-list>li, #blogposts-list>li {background:#f8f8f8; float:left; height:auto; position:relative; border-bottom:5px solid #464f5c; text-align:center; padding-bottom:1.8%;} #portfolio-list.video-list > li{padding-bottom:0; margin-bottom:2.2%} #portfolio-list>li img, #blogposts-list>li img{text-align:center; padding:4% 0 2% 0} #portfolio-list>li a.item-title, #blogposts-list>li a.item-title{color:#464f5c; font-size:14px; font-family: 'News Cycle', sans-serif; text-decoration:none; display:block; padding:4px;} #portfolio-list>li:hover, #blogposts-list>li:hover {background-color:#dee1e6} .overlay{display:none; width:200px; height:176px; background:url('../images/overlay.png'); position:absolute; top:8px; left:11px; text-align:center} .overlay a{display:block; background:url('../images/magnifier.png') no-repeat top; padding-top:24px; margin-top:64px; text-align:center; color:#fff; text-decoration:none; font-family: 'News Cycle', sans-serif; font-size:14px} #portfolio-list .colorbox, #blogposts-list .colorbox{bottom:-5px} #portfolio-list .portfolio-divider, #blogposts-list .portfolio-divider{float:none; clear:both; width:100% !important; border:none; display:block; background: url(../images/small_separator.png) center center no-repeat; padding: 30px 0px; height:5px; margin: 0;} #portfolio-list li.portfolio-divider:hover, #blogposts-list li.portfolio-divider:hover{background-color:transparent !important} #portfolio-list.video-list>li{text-align:left} /*************************************************/ #portfolio-list.recent-works { padding-bottom:0px;} #portfolio-list.recent-works li{} #portfolio-list.recent-works li a.item-title{3% 0%} .featured-project img {width:58px; height:50px; border:solid 5px #f8f8f8} .featured-project li{display:inline; margin-left:4px;} .featured-project li{margin-left:0} .fp-details{margin:10px 0px} .fp-details li{display:inline; float:left; width:50%} .fp-details span{font-size:14px; color:#999999} .block-height{margin-bottom:60px; overflow:hidden} .project-info{margin-top: 10px; padding-left: 20px; border-left:1px solid #CCC;} /*************************************************/ .list li{background-position:left; background-repeat:no-repeat; padding:4px 0 4px 20px; font-size:12px; color:#999999;cursor:pointer; } .list li:hover{-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; /* FF4+ */ -ms-transition: all 0.3s ease-in; /* IE10? */ -o-transition: all 0.3s ease-in; /* Opera 10.5+ */ transition: all 0.3s ease-in; margin-left:3%} .list.type1 li {background-image:url('../images/list_1.png')} .list.type1 li:hover {background-image:url('../images/list1_active.png'); } .list.type2 li {background-image:url('../images/list_2.png')} .list.type2 li:hover {background-image:url('../images/list2_active.png')} .list.type4 li{list-style:square; padding-left:0px} .list.type5 li{list-style:circle; padding-left:0px} .list.type3 li {background-image:url('../images/list_1.png'); margin-bottom:10px;} .list.type3 li:hover {background-image:url('../images/list1_active.png'); color:#464f5c;} .happy-clients ul li{float:left; width:36%; margin-right:3%} .happy-clients ul li:hover{margin-left:3%; margin-right:0%;}.gmap3{margin: 0px auto 20px auto;border: 12px solid #f8f8f8;height: 220px; max-width:100%; max-height:auto} .uppercase{text-transform:uppercase; } /**************** Forms *****************/ label{color:#999} label.error{color:#ff9933; border:solid 1px #eaeaea; background:#f8f8f8; padding:4px 8px; position:absolute; top:-18px; right:0px} input[type="text"], textarea{padding:1% 4px; background:#f8f8f8; border:none; border-left:solid 5px #464f5c; margin-bottom:30px;color:#666;} input[type="text"]{width:88%; height:26px} textarea{height:130px; width:96%} input:focus, textarea{outline:none} input[type="submit"], input[type="reset"]{border-right:none; border-top:none; border-bottom:none; margin-left:10px;padding-bottom: 4px;} input, select, textarea{max-width: 100% !important} #uc-top input[type="text"]{} #uc-top input[type="submit"]{height:36px;} #uc-top input[type="reset"]{height:36px;} #contact-form{margin:30px 0px 10px 0px} #contact-form div{position:relative} #contact-form input[type="text"]{width:94%;} .errorarr{width:11px; height:9px; position:absolute; top:11px; right:11px; background:url('../images/label_arrow.png') no-repeat} .central-divider{height:5px; background:url('../images/portfolio_divider.png') no-repeat center} #social-icons{margin:30px 0px} #social-icons a{margin:0 0 0 20px; border-bottom:solid 5px #ff9933; width:30px; height:30px; float:left; display:block; text-decoration:none} #social-icons a:first-child{margin-left:0} .tooltip{position: relative;} .toolTipWrapper{width:175px; position:absolute; z-index:1000; top: -36px; left:50%; display: none; } .tip{ text-shadow:#222 1px 1px 0px; text-decoration:none !important; background: rgb(70, 79, 92);background: rgba(70, 79, 92, 0.9);color:#ffffff;padding:6px 10px;font-size:13px;text-align:center;line-height:22px;font-family:'News Cycle';} /**************** BLOG PAGE *****************/ .post-block a{color:#ff9933;} .post-block a:hover{color:#464f5c;} .post-block{position:relative} .post-block h2{text-transform:uppercase; color:#464f5c} .post-block .featured-image{background:#F8F8F8; border-bottom:solid 5px #464f5c; text-align:center; padding:15px; margin-bottom:20px;} .post-block .featured-image .colorbox{bottom:-13px; margin-bottom:13px;} .post-block .featured-image a{display:block} .post-block .featured-image img{} .inner-post-image{ float:left; margin-right:20px;} .inner-block .featured-image{} .inner-post-desc{} .post-comment, .post-author{float:left} .post-comment{margin-left:20px} .post-comment a, .post-author a{color:#ff9933; text-decoration:none; background-position:left; background-repeat:no-repeat; padding-left:18px;} .post-comment a{background-image:url(../images/comment.png); padding-left:16px} .post-author a{background-image:url(../images/author.png)} .post-date{position:absolute; top:15px; right:0px; font-size:14px; color:#ff9933; background:url('../images/comment_separator.png') no-repeat bottom right; padding:0px 0px 17px 0px} .post-block a.button{float:right} /**************** Blocks *****************/ .content-block{} .content-block a{color:#ff9933;} .content-block a:hover{color:#464f5c;} .content-block h2{text-transform:uppercase; color:#464f5c} .content-block .featured-image{background:#F8F8F8; border-bottom:solid 5px #464f5c; text-align:center; padding:15px; margin-bottom:20px;} .content-block .featured-image a{display:block} /***************** CONTENT *******************/ .content_sidebar{ float:left; /*margin-top:10px; margin-bottom:10px*/} .content_sidebar { width:70%; margin-right:3.3%} .content_sidebar_left{ float:left; /*margin-top:10px; margin-bottom:10px*/} .content_sidebar_left { width:70%; margin-left:3.3%} /***************** SIDEBARS *******************/ /***** SIDEBAR RIGHT ****/ .sidebar_right{ float:left; /*margin-top:10px; margin-bottom:10px*/} .sidebar_right { width:26.3%; } /***** SIDEBAR LEFT ****/ .sidebar_left{ float:left; /*margin-top:10px; margin-bottom:10px*/} .sidebar_left { width:26.3%; } /******************* TABS **********************/ .tabs {list-style:none; margin:0 !important; padding:0;height:58px} .tabs li {float:left; text-indent:0; background:#fcfcfc; width:33%;} .tabs a {display:block;height: 58px; line-height:50px;text-align:center; text-decoration:none;margin:0px; position:relative; background:url('../images/tab_inactive.png') no-repeat bottom; border-left:solid 1px #f5f6f7; font-size:14px; border-right:none !Important} .tabs a:active, .tabs a:hover, .tabs a.current, .tabs a.current:hover{border-top:solid 5px #ff9933; background:#fff; color:#ff9933; height: 53px; line-height:40px; transition:none; -webkit-transition:none; -moz-transition:none;} .tabs a.current, tabs a.current:hover { cursor:default !important; } .panes .pane {display:none;} .panes > div {display:none; min-height:100px;background:#fff; padding:20px 10px} .tabs.type2{} .tabs.type2 li{} .tabs.type2 li:first-child a{} .tabs.type2 a {height:110px; overflow:hidden; background-repeat:repeat-x; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:20px; text-align:left;} .tabs.type2 a span{display:block; padding:10px 0px; font-size:12px; color:#999999; font-style:normal; font-family: 'News Cycle'; line-height:normal} .tabs.type2 a:active, .tabs.type2 a:hover, .tabs.type2 a.current, .tabs.type2 a.current:hover{height:105px;border-left: 1px solid #F5F6F7 ;} .panes > div.type2{background:none; padding:20px 0px 0px;} /***** SERVICES TABS ****/ .services_tabs .tabs a{ padding:0 10px;} .services_tabs .tabs li {width:25%;} .services_tabs .list ul {margin-left: 30px; } /*************************************************//***************** PAGINATION *******************/ .wp-pagenavi{margin:30px 0px;} .wp-pagenavi .pages { display:none !Important} .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span {color:#464f5c; float:left; width:19px; height:19px; display:block; text-decoration:none; margin-right:6px;} .wp-pagenavi span.current{font-size:14px; color:#ff9933} .wp-pagenavi a:hover{color:#ff9933} /*.wp-pagenavi a.nextpostslink,.wp-pagenavi a.previouspostslink,.wp-pagenavi a.first,.wp-pagenavi a.last { display: none!important; }*/ .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink{width:19px; height:19px; padding:0; background-image:url('../images/pagination.png'); background-repeat:no-repeat} .wp-pagenavi a.nextpostslink{background-position: 0px -38px } .wp-pagenavi a.nextpostslink:hover{background-position:0px -57px} .wp-pagenavi a.previouspostslink{background-position: 0px 0px } .wp-pagenavi a.previouspostslink:hover{background-position:0px -19px} /*************************************************/ .widget{margin-bottom:50px} .widget-post-list li {margin-bottom:30px} .widget-post-list li:last-child{margin-bottom:0} .wpl-image{float:left; width:60px; margin:6px 10px 0 0} .wpl-image a{display:block; width:60px; height:50px} .wpl-image a img{background: none repeat scroll 0 0 #F8F8F8; padding: 2px; width: 100%;} .wpl-image a img:hover{background:#ccc;} .wpl-desc{overflow:hidden} .wpl-desc a{text-decoration:none; line-height:14px; height:14px; display:block} .main-categories {display:block} .main-categories li{padding-left:12px; background-position:0px 11px; float:left; width:40%; margin-right:4%;margin-bottom: 10px;} .main-categories li:hover{margin-right:0%; margin-left:4%} .main-categories a{text-transform:uppercase; text-decoration:none; color:#999999} .main-categories a:hover{color:#464f5c} .main-categories2 {display:block} .main-categories2 li{padding-left:14px; background-position:0px 11px; float:left; width:38%; margin-right:4%; margin-bottom:10px;} .main-categories2 li:hover{margin-right:0%; margin-left:4%} .main-categories2 a{text-transform:uppercase; text-decoration:none; color:#999999} .main-categories2 a:hover{color:#464f5c} .archives {display: block;padding-left: 28px;padding-top: 10px;} .archives li{ background-position:0px 11px; float:left; width:100%;} .archives a{text-decoration:none; color:#999999} .archives a:hover{color:#464f5c} /*----- Toggles -----*/ .toggle{position: relative; margin-left: 25px;} .toggle > li {margin-bottom:10px;} .toggle > li a:hover, .toggle > li > a.active{color:#ff9933} .toggle > li > a {padding:7px 6px 7px 26px; color:#999999; text-decoration: none;display: block; background: url('../images/toggle.png') no-repeat 0px 7px} .toggle > li>a.active{background-position:0px -19px;} sup{font-size:10px} .frame{border:solid 15px #f8f8f8; } .bordered-block{border-bottom:solid 5px #464f5c; line-height:0; text-align:center} .regular-size *{font-size:12px !Important} .outer-text{position:relative; min-height:50px} .outer-text-wrapper{ text-align:center;} .promo-text{width:68.75%; margin:0px auto} .promo-text p, .promo-text span{line-height:44px; font-size:36px; font-family:"Times New Roman", Times, serif; font-style:italic; text-shadow:#fff 0px 1px 0px} .promo-text p{ color:#464f5c; padding-bottom:2%} .promo-text span{color:#ff9933} .newsletter{} .newsletter-wrapper{} .newsletter-wrapper .promo-text{width:100%} h3.newsletter-title{font-family:"Times New Roman", Times, serif; font-size:36px; font-style:italic; background:url('../images/newsletter.png') no-repeat left; padding-left:90px; line-height:40px; margin-left:20px} p.newsletter-text{color:#999999; font-size:16px; font-family:'News Cycle'; text-align:center; width:auto; font-style:normal} #newsletter-form input[type="text"]{width:74%} #newsletter-form{margin-top:8px} #newsletter-form input[type="submit"] {margin-left:-2px; height:30px; width:21%; padding:0} .blockquote{margin:0px 0 20px 0} blockquote{background:#f8f8f8 url('../images/quote.png') no-repeat bottom left; padding:10px; position:relative; margin: 0 0 10px 10px} blockquote p{color:#999999; font-style:italic} .blockquote p.author{font-size:14px; color:#ff9933; font-family:'News Cycle'; background:url('../images/bq_arrow.png') no-repeat bottom; padding-bottom:6px} img.alignleft{float:left; margin:10px 10px 10px 0px} img.alignright{float:right; margin:10px 0px 10px 10px} .olist ol { counter-reset:li; margin-left:5px; padding-left:0;} .olist ol > li {line-height:1; position:relative; font-family:'PT Sans',sans-serif;/* Create a positioning context */margin:0 0 6px 20px; color:#999999; padding:4px 8px 4px 30px; /* Add some spacing around the content */list-style:none; /* Disable the normal item numbering */} .olist ol > li * {line-height:1.6} .olist.type1 ol > li *, .olist.type2 ol > li * , .olist.type3 ol > li * , .olist.type4 ol > li * {line-height:3.6} .olist ol > li:before {content:counter(li);counter-increment:li;position:absolute;top:10px;left:-1em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:36px;height:36px;margin-right:8px;padding:4px;color:#fff;background:url("../images/button_bg.png") #464F5C;font-size:24px;font-family:'News Cycle';text-align:center;} .olist.type2 ol > li:before {background-color:transparent; color:#666} .olist.type3 ol > li:before {background-color:#F93} .olist.type4 ol > li:before {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px} .olist li ol, .olist li ul {margin-top:6px;} .olist ol ol li:last-child {margin-bottom:0;} .olist ol{/*background:url("../images/button_bg.png") #464F5C; margin-bottom:10px*/} /**************** PRICING TABLES *****************/ #pricing-table{/*background: url('../images/body_bg.png'); */} #pricing-table .column{position:relative; height: 100%; text-align:center; margin:0;} #pricing-table li{line-height:36px; background: url('../images/table_list_sep.png') no-repeat bottom; list-style:none;padding:4px 18% 6px; font-size:16px; color:#999999} #pricing-table li.last-item{background:none} #pricing-table li.table-head{background:url('../images/button_bg.png') #464F5C; padding:0} #pricing-table ul{background: url('../images/body_bg.png');width: 170px; } #pricing-table li.table-footer{background:url('../images/button_bg.png') #fafafa !important; padding:10px 0px; margin:10px 0 0 0;border-top: 1px solid #FFFFFF;} #pricing-table li.table-footer p{background: url('../images/table_body_sep.png') repeat-y right; padding:4px 0px} #pricing-table .column:last-child{margin-right:0;} #pricing-table .column:hover, #pricing-table .column.featured{ cursor:pointer; -webkit-transition: box-shadow 0.25s ease; -moz-transition: box-shadow 0.25s ease; -o-transition: box-shadow 0.25s ease; -ms-transition: box-shadow 0.25s ease; transition: box-shadow 0.25s ease; position: relative; z-index: 100; left: 0px; top: -4px; -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888; } #pricing-table .column:hover a.button:hover{color:#464F5C; background:#f8f8f8;} #pricing-table .column:hover ul, #pricing-table .column.featured ul {background:#fff url('../images/button_bg.png')} #pricing-table .column:hover .table-head, #pricing-table-1 .column.featured table-head{background:#ff9933; padding-top:4px} #pricing-table .column:hover h2, #pricing-table-1 .column.featured h2{color:#FFF; background:none} #pricing-table .column:hover h2 span, #pricing-table-1 .column.featured h2 span{color:#464F5C} #pricing-table h2{background: url('../images/table_head_sep.png') no-repeat right; font-size:18px; color:#fff;margin-bottom: 0;} #pricing-table h2 span{font-size:30px; color:#ff9933} #pricing-table h2 sup{font-size:14px} /**************************************************/ #not-found-content{position: relative; text-align:center;} #not-found-content h1{text-transform:uppercase; color:#464f5c; background:none; padding-top:0; line-height:36px;margin-right: 47px;} #not-found-content p{padding: 10px 20%;} #not-found-content a{ margin:20px 0;} #uc-content{ text-align:center;} #uc-content h1{margin-bottom: 40px; margin-top: 40px; padding: 20px 0; text-shadow: 1px 1px 1px #464F5C;} #uc-top{float:right; text-align:right} #uc-footer{text-align:center;} #uc-signup{ margin-right:10px;} #uc-signup div{position:relative;} #uc-signup input[type="text"]{width:65%; margin-bottom:0px;} #uc-signup input[type="submit"]{margin-left:-2px; text-transform:uppercase} #uc-signup label.error{top:-40px; right:50px} #uc-signup .errorarr{right:190px; top:-11px} #uc-maintext{padding:0 20%;text-transform:uppercase; line-height:24px} #countdown_dashboard {margin:40px auto; height:130px;text-align:center; width: 59%;} .dash {z-index:11; width:120px; margin-left:3%; height: 84.5%;float: left;position: relative; background:#f8f8f8 url('../images/button_bg.png'); text-align:center; padding-top:6px; border-bottom:solid 5px #464f5c; -webkit-box-shadow: 2px 2px 3px #464F5C; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 2px 2px 3px #464F5C; /* FF3.5 - 3.6 */ box-shadow: 2px 2px 3px #464F5C; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } .dash .digit div{text-align:center;font-size: 62px; line-height:62px; font-family:'News Cycle'; float: left; width:40px; text-align:center; color:#464f5c; position: relative; letter-spacing:-10px} .dash_title {position: absolute;display: block;bottom: 16px;left: 0px;font-size: 10px;color: #464f5c; width:120px; text-align:center; font-family:'News Cycle'; font-size:24px} .dash .colorbox{bottom:-5px} .hours_dash, .minutes_dash, .seconds_dash{padding-left:14px !important; width:106px; } .hours_dash .colorbox, .minutes_dash .colorbox, .seconds_dash .colorbox{margin-left:-14px} #galleria{ height:250px; max-width:100% !important } #galleria img{max-width:100% !Important} .project-info li{padding:4px 0px; color:#999999; font-size:14px} .project-info li span{margin-right:6px; font-size:12px; color:#464f5c} .blue{color:#464f5c} /************************ SITEMAP STYLES **************************/ /* -------- Top Level --------- */ .sitemap {margin: 40px 0;width: 100%;} .sitemap ul{list-style:none;} .sitemap a{text-decoration:none;} .primary-navigation {margin: 0;float: left;width: 100%;} .primary-navigation #home {display: block;float: none;background: url('../images/tree/L1-left.png') center bottom no-repeat;position: relative;z-index: 2;padding: 0 0 30px 0;} .primary-navigation li {float: left;background: url('../images/tree/L1-center.png') center top no-repeat;padding: 30px 0;margin-top: -30px; width:180px} .primary-navigation li a {margin: 0 20px 0 0;padding: 15px 0px; width:160px; display: block;font-size: 12px;text-align: center;color: #333; background: url('../images/tree/white-highlight.png') top left repeat-x;background-color: #fff;border:dotted 1px #e0e0e0; } .primary-navigation li a:hover{background-color: #f0f0f0;} .primary-navigation li:last-child {background: url('../images/tree/L1-right.png') center top no-repeat;} /* -------- Second Level --------- */ .sitemap .primary-navigation li li {width: 100%;clear: left;margin-top: 0;padding: 20px 0 0 0;background: url('../images/tree/vertical-line.png') center bottom repeat-y;} .sitemap .primary-navigation li li a {} .sitemap .primary-navigation li li a:hover {} .sitemap .primary-navigation li li:first-child {padding-top: 30px;} .sitemap .primary-navigation li li:last-child {background: url('../images/tree/vertical-line.png') center bottom repeat-y;} .sitemap .primary-navigation li li a:link:before, .sitemap .primary-navigation li li a:visited:before {color: #8faf5c;} /* -------- Third Level --------- */ .sitemap .primary-navigation li li ul {margin: 10px 0 0 0;width: 100%;float: right;padding: 9px 0 10px 0;background: url('../images/tree/L3-ul-top.png') center top no-repeat;} .sitemap .primary-navigation li li li {background: url('../images/tree/L3-center.png') left center no-repeat;padding: 5px 0;} .sitemap .primary-navigation li li li a {font-size: 12px;padding: 5px 0;width: 80%;float: right;} .sitemap .primary-navigation li li li a:hover {background-color: #fffce5;border-color: #d1b62c;} .sitemap .primary-navigation li li li:first-child {padding: 15px 0 5px 0;background: url('../images/tree/L3-li-top.png') left center no-repeat;} .sitemap .primary-navigation li li li:last-child {background: url('../images/tree/L3-bottom.png') left center no-repeat;} .sitemap .primary-navigation li li li a:link:before, .sitemap .primary-navigation li li li a:visited:before {color: #ccae14;font-size: 9px;}/*******************************************************************/ #contactFormWidget{margin-top:6px;} #contactFormWidget input[type="text"]{margin-bottom:14px;border-left:solid 5px #929dac;color:#929dac;font-family:'News Cycle'; } #contactFormWidget input[type="submit"]{margin-left:0px !important; } #contactFormWidget textarea{width:191px; height:100px;border-left:solid 5px #929dac; color:#929dac;font-family:'News Cycle'; } /************************** COMMENTS ******************************/ ol.commentlist { list-style:none; margin:0; padding:0; } ol.commentlist li { margin:0 0 5px; padding:0px 7px 5px 72px; position:relative; border-bottom:solid 1px #d8d8d8; margin-bottom:10px; min-height:74px} ol.commentlist li:last-child{border-bottom:none; margin:none;} ol.commentlist li.pingback comment-author { padding:0 170px 0 0; } ol.commentlist li.comment-author{font-size:20px;} ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; } ol.commentlist li div.vcard cite.fn, cite.fn a.url { font-size: 16px; color:#FF9933} ol.commentlist li div.vcard cite.fn a.url {font-weight:bold; text-decoration:none; } ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; } ol.commentlist li div.vcard img.avatar {left:7px; position:absolute; top:7px; border:solid 4px #f8f8f8 } ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px;position:absolute; right:10px; text-align:right; top:5px; } ol.commentlist li div.comment-meta a { text-decoration:none; } ol.commentlist li p { font-weight:normal; font-size: 12px; margin:5px 0 5px;padding-left: 10px;} ol.commentlist li ul { font-weight:normal; font-size: 12px; list-style:square; margin:0 0 12px; padding:0; } ol.commentlist li div.reply{position:absolute; right:0px; top:6px; background-color:#F6F6F6;}ol.commentlist li div.reply a { text-decoration:none; font-size:11px; text-transform:uppercase; color:#333} ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; } ol.commentlist li ul.children li{border-top:dotted 1px #d8d8d8;} ol.commentlist li ul.children li.depth-2 { margin:28px 0 3px; border-bottom:none; padding-top:20px; } ol.commentlist li ul.children li.depth-2 img.avatar{ margin-top:20px;} ol.commentlist li ul.children li.depth-3 { margin:28px 0 3px; } ol.commentlist li ul.children li.depth-4 { margin:28px 0 3px; } ol.commentlist li ul.children li.depth-5 { margin:28px 0 3px; } ol.commentlist ul.children li.odd {} ol.commentlist ul.children li.even {} ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } a.comment-date{color:#555;font-size:12px;text-decoration:none;} /************************** COMMENTS FORM ******************************/ #respond{} #respond input[type="text"]{font-family: 'News Cycle', sans-serif; padding:1% 4px; background:#f8f8f8; border:none; border-left:solid 5px #464f5c; margin-bottom:30px; width:50%;} #respond textarea{font-family: 'News Cycle', sans-serif; padding:1% 4px; background:#f8f8f8; border:none; border-left:solid 5px #464f5c; margin-bottom:30px; width:70%;} /************************** Similar Post ******************************/ #similar-posts li p{color:#ff9933;} #similar-posts li{display:inline; float:left; width:145px;padding:5px 15px;} #similar-posts li:first-child{margin-left:0} #similar-posts li:hover *{color:#464F5C} #similar-posts img{border:solid 4px #f8f8f8} /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { ul#slide-main, ul#slide-title { width: 768px; } .ei-slider-thumbs li{} .carousel li{width:163px} .textSlider{ margin:0%; width:90%} .ts-prev, .ts-next{ width:5%} .container, footer, .outer-text-wrapper {width:768px} #slogan{padding-left:9%} #content-wrapper .container{ padding:0px;} .sf-menu > li.top {margin-left: 9%;} .sf-menu > li.top:first-child {margin-left: 5%;} /* Home Page Ipad */ .service-block h3, .service-block span{font-size:20px;} /* Work Page Ipad */ #portfolio-list > li img, #blogposts-list > li img {max-width: 90% !important;} #portfolio-list > li a.item-title, #blogposts-list > li a.item-title {font-size: 13px;} .overlay {height: 135px; left: 8px; top: 6px; width: 155px;} .happy-clients ul li{float:left; width:80%; margin-right:3%; margin-left:25px;} .happy-clients ul li:hover{margin-left:20%; margin-right:0%;}.gmap3{margin: 0px auto 20px auto;border: 12px solid #f8f8f8;height: 220px; max-width:100%; max-height:auto} /* Service Page Ipad */ #pricing-table ul{background: url('../images/body_bg.png');width: 138px; } #pricing-table li { font-size:12px;} #pricing-table h2 { font-size:16px;} #pricing-table h2 span {font-size: 24px;} .services_tabs .list ul { margin-left: 0;} .services_tabs .list li { font-size:12px;} .tabs.type2 a{ height:125px;} /* Newsletter Block Ipad */ #newsletter-form input[type="text"] {width: 70%;} h3.newsletter-title{ padding-left:80px; font-size:28px;} p.newsletter-text {font-size: 14px !important;margin-left: -10px;text-align: left;width: 250px;} /* Carouesel Block Ipad */ .car-prev, .car-next{width: 3.3%;} /* About Page Ipad */ .promo-text p, .promo-text span { font-size:24px;} /* Blog Page Ipad */ .tabs a { font-size:10px;} .main-categories { margin-left:25px;} .main-categories li { width: 80%;} .post-block .featured-image .colorbox {} #similar-posts li {width: 115px;padding: 5px 10px;} /* UC Page Ipad */ #countdown_dashboard {width: 75%;} footer{ padding:30px 0px 20px;} #social-icons a{margin-left:16px} #search-global-form input[type="text"]{margin-left:-14px;} .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .container .one.column { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns, #portfolio-list>li, #blogposts-list > li { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 348px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } } /* #Mobile (Portrait)================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .logo-carousel .caroufredsel_wrapper {width:86% !important} .textSlider{ margin:0%; width:86%} .ts-prev, .ts-next{ width:7%} .carousel li{text-align:center; margin:0px 46px; width:200px !important; height:200px !important} header{padding-top:20px; padding-bottom:20px} #search-global, #search-global-form{float:none} #search-global-form{padding-top:20px; clear:both;} #search-global-form input[type="text"]{width:85%} #content-top{margin-bottom:20px; padding-top:20px} #breadcrumb li{padding-left:3%} #logo, #slogan {text-align:center} .sf-menu > li.top {margin-left:6%} .sf-menu > li.top> a{font-size:14px} .slide-maintitle span {font-size:12px} ul#slide-title li {width:24.45%} #slideshow, ul#slide-main, ul#slide-title { width: 280px !important } #content-wrapper .container_split{width: 100.5%;} #slogan{border-left:none} .slide-desc h2 { font-size: 14px;} .slide-text {padding: 6.5% 0 5%;} .slide-text.full h2 { font-size: 28px;} .slide-text.full p {font-size: 14px;} .service-block {margin-top: 20px;} h3.newsletter-title{margin-left:15px} .promo-text p, .promo-text span {font-size: 28px; line-height: 38px;} #footer-menu li{padding-left:6%} .container, footer, .outer-text-wrapper {width:300px;} .columns, .column { margin-left: 0; margin-right:0} #portfolio-filter{position:relative; right:0px; top:0px} #portfolio-list, #blogposts-list {overflow: hidden; float:left; padding-top:10px; } #portfolio-list>li, #blogposts-list >li {margin-left: 0; margin-right: 0; margin-top:5px; margin-bottom:5px;} .overlay{height:175px; background:url('../images/overlay.png'); position:absolute; top:12px; left:50px;} #pricing-table .column { width: 100%;} #pricing-table ul {width: 100%;} .tabs.type2 a{ height:90px !important; font-size:14px;} .slide-text.mini .textSlider{ margin-bottom: 30px;} .post-date{top:-15px; position:relative;} .inner-post-image {float: none; margin-right: 0px;} #similar-posts li { width: 115px;} /* UC Page Ipad */ #countdown_dashboard {width: 86%;} .dash{ margin-bottom:30px;} .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, #portfolio-list>li, #blogposts-list > li { width: 300px; } /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { header{padding-top:20px; padding-bottom:20px} #content-top{margin-bottom:20px; padding-top:20px} #search-global, #search-global-form{float:none} #search-global-form{padding-top:20px; clear:both;} #search-global-form input[type="text"]{width:85%} #breadcrumb li{padding-left:3%} .newsletter{height:200px !Important} #footer-menu li{padding-left:6%} #slogan{border-left:none} #logo, #slogan {text-align:center} .sf-menu > li.top {margin-left:6%} #slideshow, ul#slide-main, ul#slide-title { width: 420px; } .logo-container {margin-left: 18px;} .logo-carousel .caroufredsel_wrapper {width:86% !important} .carousel li{width:180px !important; height:130px; margin:0px} .textSlider{ margin:0%; width:86%} .ts-prev, .ts-next{ width:7%} /*.container, footer {width:400px; padding-left:10px; padding-right:10px}*/ .container, footer, .outer-text-wrapper {width:420px} .columns, .column { margin-left: 0; margin-right:0} #portfolio-list>li, #blogposts-list > li{margin-left: 0; margin-right: 0px;} .overlay{height:175px; background:url('../images/overlay.png'); position:absolute; top:17px; left:110px;} h3.newsletter-title{margin-left:70px} .services_tabs .tabs a { padding: 0 4px;} #pricing-table .column { width: 100%;} #pricing-table ul {width: 100%;} .promo-text p, .promo-text span {font-size: 28px; line-height: 38px;} .tabs.type2 a{ height:155px !important; font-size:14px;} .inner-post-image {float: none; margin-right: 0px;} #similar-posts li {width: 145px;padding: 5px 30px;} /* UC Page */ #countdown_dashboard {width: 61%;} .dash{ margin-bottom:30px;} .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, #portfolio-list>li, #blogposts-list>li { width: 420px; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; } .row:after, .clearfix:after {clear: both; } .row, .clearfix {zoom: 1; } /* You can also use a
to clear columns */ .clear {clear: both;display: block; overflow: hidden;visibility: hidden;width: 0;height: 0;} /* ==|== print styles ======================================================= */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } /*************************************************/ } .height30{height:30px} .skin-background{display:block; text-decoration:none; width:23px; height:23px; margin-bottom:10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } #switch-panel {padding: 10px; text-align: center;position: fixed;top: 250px;left:0px;width:24px;z-index:9999;background:#fff;margin-left: -48px;margin-top: -160px;overflow: hidden;} #options-handler{background:#fff url('../images/switcher.png') no-repeat 6px 6px;cursor: pointer;height: 24px;width: 24px; padding:6px; left: 0;margin-left: -5px;overflow: hidden;position: fixed;text-indent: -10000px;top: 152px;z-index: 10000;}