/* WOO CUSTOM STYLESHEET --------------------- Instructions: Add your custom styles at the end of this file instead of style.css so it is easier to update the theme. Simply copy an existing style from style.css to this file, and modify it to your liking. */ /***** FONTS *****/ @font-face { font-family: 'open_sansbold'; src: url('includes/fonts/opensans-bold-webfont.eot'); src: url('includes/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/opensans-bold-webfont.woff') format('woff'), url('includes/fonts/opensans-bold-webfont.ttf') format('truetype'), url('includes/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('includes/fonts/opensans-regular-webfont.eot'); src: url('includes/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/opensans-regular-webfont.woff') format('woff'), url('includes/fonts/opensans-regular-webfont.ttf') format('truetype'), url('includes/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham-Bold'; src: url('includes/fonts/gothambold.eot'); src: url('includes/fonts/gothambold.eot?#iefix') format('embedded-opentype'), url('includes/fonts/gothambold.woff') format('woff'), url('includes/fonts/gothambold.ttf') format('truetype'), url('includes/fonts/gothambold.svg#gothambold') format('svg'); font-weight: normal; font-style: normal; } /***** GENERAL *****/ .entry, .entry p{font-family: open_sansregular,helvetica; font-size: 13px; line-height: 1.3;} #wrapper{padding-bottom: 0; overflow: hidden; margin-bottom: 0; border-radius: 10px 10px 0px 0px;} .post .title, .page .title{color: #000000; letter-spacing: -1px; font-size: 30px !important; margin: 0 0 1em;} .post h2.title, .page h2.title{font-size: 27px !important;} .post h3.title, .page h3.title{font-size: 24px !important;} .clearfix:after, .clearfix:before {content: ''; display: table;} .clearfix:after{clear: both;} .clearfix {zoom: 1;} .trans_fx{transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;} .trans_bezier{transition: all 0.3s cubic-bezier(1, -0.56, 0.82, 0.48) 0s; -webkit-transition: all 0.3s cubic-bezier(1, -0.56, 0.82, 0.48) 0s; -o-transition: all 0.3s cubic-bezier(1, -0.56, 0.82, 0.48) 0s;} .align_featured{border: 0 !important; margin-top: 0;} .tag-advanced-seo .entry blockquote:before{content: "";} .tag-advanced-seo .entry > blockquote{background: #E1DFDF; border-bottom: 3px solid #B9B9B9; border-left: 3px solid #B9B9B9; padding: 15px 15px 1px; margin-bottom: 22px;} .wrap{max-width: 1050px; margin: 0 auto;} /***** HEADER *****/ #header{padding-bottom: 0;} #social_links{position: relative; bottom: 26px;} #navigation{margin-bottom: 2em} ul.nav li a{padding: 0.5em 0.9em;} #wrapper2 #navigation{display: block;} body.ie7 #logo img{float: left;} body.ie7 .slider-pagination .flex-control-nav{text-align: center;} body.ie7 .slider-pagination .flex-control-nav li{display: inline; zoom: 1; margin-right: 6px;} body.ie7 .slider-pagination .flex-control-nav li a{float: left;} .side_trigger{display: none;} ul.social_links_btn li a.google{background: url("images/google_plus_icon.jpg") no-repeat 0 0; display: block; width: 24px; height: 24px;} ul.social_links_btn li a.google:hover{background-position: 0 -24px;} ul.social_links_btn li a.twiter{background: url("images/twitter.jpg") no-repeat 0 0; display: block; width: 24px; height: 24px;} ul.social_links_btn li a.twiter:hover{background-position: 0 -24px;} ul.social_links_btn li a.youtube{background: url("images/ty.jpg") no-repeat 0 0; display: block; width: 24px; height: 24px;} ul.social_links_btn li a.youtube:hover{background-position: 0 -24px;} ul.social_links_btn li a.facebook{background: url("images/facebook.jpg") no-repeat 0 0; display: block; width: 24px; height: 24px;} ul.social_links_btn li a.facebook:hover{background-position: 0 -24px;} ul.social_links_btn li a.linkdin{background: url("images/in.jpg") no-repeat 0 0; display: block; width: 24px; height: 24px;} ul.social_links_btn li a.linkdin:hover{background-position: 0 -24px;} ul.social_links_btn li a.share{background: url("images/yt.jpg") no-repeat 0 0; display: block; width: 24px; height: 24px;} ul.social_links_btn li a.share:hover{background-position: 0 -24px;} ul.social_links_btn li a.rss{background: url("images/feed.jpg") no-repeat 0 0; display: block; width: 24px; height: 24px;} ul.social_links_btn li a.rss:hover{background-position: 0 -24px;} /***** CONTENT *****/ #loopedSlider .content{display: none;} .gallery_holder{max-width: 850px; margin: 0 auto;} .gallery_holder .ngg-gallery-thumbnail-box img{max-width: none\9; *max-width: 100%} .portfolio_spacer{margin: 70px 0;} /***** CONTENT home *****/ body.page-template-template-home-php #main{width: 65%;} .onizu_goal{background: url(images/sticky_tape.png) no-repeat 0 0; max-width: 900px; margin: 70px auto 69px; padding: 16px 0;} .onizu_goal h1{color: #ffffff; text-align: center; font-family: cambria; font-style: italic; font-size: 26px; padding: 0 157px 0 115px;} .onizu_goal span{font-weight: normal;} .onizu_list{list-style-image: url('images/check.png'); padding: 0 !important; float: left; left: 22px; width: 49%; position: relative;} .home_quote{font-weight: bold; font-style: italic;} .button_container{text-align: center;} .orange_button, .orange_button2{display: inline-block; background: #FE7C03; text-decoration: none !important; padding: 0 12px; height: 35px; line-height: 35px; margin-right: 18px; color: #ffffff !important; border-radius: 5px; text-align: center; font-size: 18px; font-family: open_sansregular,helvetica;} .orange_button:hover{background: #427CD9;} .orange_button2{background: #fe7c03; margin-bottom: 10px; margin-left: 16px;} .orange_button2:hover{background: #427CD9;} .homepage_testimonials{margin-top: 48px;} .homepage_testimonials .testimonials-list blockquote{width: 67%; float: right;} .homepage_testimonials .testimonials-list .author{margin-top: 6px; text-align: left; font-weight: bold;} .homepage_testimonials .testimonials-list .entry .quote cite:before{content: none;} .homepage_testimonials .testimonials-list .author .excerpt{color: #FE7C03; font-weight: normal; display: block;} .homepage_testimonials .testimonials-list .author .url{display: block; text-align: right;} .homepage_testimonials .testimonials-list .quote{margin-bottom: 0;} body.page-template-template-home-php .homepage_testimonials .testimonial_by_wrap{max-width: 100px; width: auto;} body.page-template-template-home-php .homepage_testimonials .testimonial_quote{float: left; margin-left: 20px; width: 78%; *width: 75%;} body.page-template-template-home-php .homepage_testimonials .testimonial_slider__default .testimonial_slideri{border-top: 4px solid #FE7C03 !important; padding-left: 9px; padding-top: 11px;} body.page-template-template-home-php .homepage_testimonials .testimonial_slider__default div, .testimonial_slider__default p, .testimonial_slider__default li, .testimonial_slider__default span, .testimonial_slider__default img, .testimonial_slider__default h2, .testimonial_slider__default ul{line-height: 1.5;} /***** CONTENT home sidebar *****/ .recent_post_row{text-align: left; clear: both; margin-bottom: 11px;} .recent_post_row:hover img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter: alpha(opacity=75);-moz-opacity: 0.75;-khtml-opacity: 0.75;opacity: 0.75;} .recent_post_row:hover h4.trans_fx{color: #000000; left: 8px;} .recent_post_row:hover h5.trans_fx{color: #FF9920; left: 8px;} .recent_post_row img{display: block; float: left; margin-right: 12px; width: 75px; height: 75px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;} .recent_post_row h4{font-size: 13px; line-height: 1.3;} .recent_post_row h4, .recent_post_row h5{font-family: open_sansregular,helvetica; color: #474747; position: relative; left: 0;} .recent_post_row h5{font-size: 11px; color: #FE7C03; margin-top: 5px;} .recent_post_row a{text-decoration: none;} /***** CONTENT portfolio *****/ .portfolio_links{max-width: 900px; margin: 0 auto;} .portfolio_links .portfolio_column{max-width: 234px; margin-right: 8%; float: left;} .portfolio_links .portfolio_column+.portfolio_column+.portfolio_column{margin: 0;} .portfolio_links .portfolio_column a.portfolio_image{display: block; background: url(images/portfolio_sprite.png) no-repeat 0 0; width: 234px; height: 233px;} .portfolio_links .portfolio_column a.portfolio_link1:hover{background-position: 0 -233px;} .portfolio_links .portfolio_column a.portfolio_link2{background-position: -306px 0;} .portfolio_links .portfolio_column a.portfolio_link2:hover{background-position: -306px -233px;} .portfolio_links .portfolio_column a.portfolio_link3{background-position: -612px 0;} .portfolio_links .portfolio_column a.portfolio_link3:hover{background-position: -612px -233px;} .portfolio_text{text-align: center; margin-top: 25px;} .portfolio_text h1{color: #b3b9b9; letter-spacing: -2px;} .portfolio_text p{font-size: 14px;} /***** CONTENT mobile designs *****/ .mobile_designs_list{max-width: 900px; margin: 0 auto;} .mobile_designs_row{margin-bottom: 30px;} .mobile_designs_row .mobile_design_column{float: left; max-width: 265px; margin-right: 5%;} .mobile_designs_row .mobile_design_column+.mobile_design_column+.mobile_design_column{margin-right: 0;} .mobile_designs_row .mobile_design_column .iphone_holder{background: url(images/iphone.png) no-repeat 0 0; width: 265px; height: 445px; padding: 91px 0 0 22px;} .mobile_designs_row .mobile_design_column .iphone_holder .mobile_image{display: block; width: 221px; height: 335px; transition: all .45s ease-in-out; -webkit-transition: all .45s ease-in-out; -o-transition: all .45s ease-in-out; } .mobile_designs_row .mobile_design_column .iphone_holder .mobile_image:hover{background-position: -227px -2px;} .mobile_designs_row .mobile_design_column .iphone_holder .mobile_theme1{background: url(images/Agavetheme.jpg) no-repeat 0 -2px;} .mobile_designs_row .mobile_design_column .iphone_holder .mobile_theme2{background: url(images/darkknighttheme.jpg) no-repeat 0 -2px;} .mobile_designs_row .mobile_design_column .iphone_holder .mobile_theme3{background: url(images/postytheme.jpg) no-repeat 0 -2px;} .mobile_designs_row .mobile_design_column .iphone_holder .mobile_theme4{background: url(images/sublime.jpg) no-repeat 0 -2px;} .mobile_designs_row .mobile_design_column .iphone_holder .mobile_theme5{background: url(images/western_theme.jpg) no-repeat 0 -2px;} .mobile_designs_row .mobile_design_column .iphone_holder .mobile_theme6{background: url(images/speed_way_theme.jpg) no-repeat 0 -2px;} .mobile_designs_row .mobile_design_column .iphone_holder .mobile_theme7{background: url(images/greeny_theme.jpg) no-repeat 0 -2px;} .mobile_designs_row .mobile_design_column .iphone_holder .mobile_theme8{background: url(images/on_the_side_theme.jpg) no-repeat 0 -2px;} .mobile_designs_row .mobile_design_column .iphone_holder .mobile_theme9{background: url(images/wavy_theme.jpg) no-repeat 0 -2px;} .mobile_designs_row .mobile_design_column h2{text-align: center; font-family: open_sansregular; font-size: 18px; color: #515151;} /***** CONTENT graphics designs *****/ .graphics_design{max-width: 900px; margin: 0 auto;} .graphics_design .graphics_row{margin-bottom: 30px; clear: both;} .graphics_design .graphics_row:after{clear: both; content: "";} .graphics_design .graphics_row .graphics_column{width: 27%; float: left; margin-right: 80px;} .graphics_design .graphics_row .graphics_column+.graphics_column+.graphics_column{float: right; margin-right: 0} .graphics_design .graphics_row .graphics_column a.graphics_link{background: url(images/graphics_image.png) no-repeat 0 0; display: block; width: 358px; height: 357px;} .graphics_design .graphics_row .graphics_column h2{text-align: center; font-family: open_sansregular; font-size: 18px; color: #515151; text-shadow: 0 2px 3px #AEAEAE;} .graphics_row .graphics_column img{border: none;} .graphics_lightbox{position: relative; top: 0;} .graphics_lightbox:hover{top: -18px;} .graphics_design h3.subtitle{font-family: open_sansregular; background: #C7C7C7; margin-bottom: 38px; text-align: center; border-bottom: 2px solid #A9A9A9; border-left: 2px solid #A9A9A9; border-radius: 2px; color: #144BB5; text-shadow: 1px 1px 1px #ffffff; padding: 3px 0;} .graphics_design .slideshowlink{display: none;} .entry img, img.thumbnail, #portfolio .group.portfolio-img img{border: 1px solid #A6A6A6;} /***** CONTENT website designs *****/ .website_designs{width: 95%; margin: 0 auto;} .website_designs .website_row{margin-bottom: 45px;} .website_designs .website_row .website_browser{background: url(images/browser.jpg) no-repeat 0 0; position: relative; width: 65%; height: 394px; float: left;} .website_designs .website_row .website_browser .website_content{position: relative; overflow-x: hidden; overflow-y: scroll; max-width: 611px; height: 372px; top: 23px;} .website_designs .website_row .website_text{float: left; width: 30%; margin-left: 40px;} .website_designs h2{font-family: open_sansregular; font-size: 18px; color: #515151;} .website_designs p{font-family: open_sansregular; font-size: 12px;} .website_row h3.subtitle{font-family: open_sansregular; background: #C7C7C7; margin-bottom: 38px; text-align: center; border-bottom: 2px solid #A9A9A9; border-left: 2px solid #A9A9A9; border-radius: 2px; color: #ffffff; padding: 3px 0;} .website_row .slideshowlink{display: none;} /***** CONTENT solution *****/ .blockServices{margin-bottom: 55px; width: 21%; display: inline-block; *display: inline; *zoom: 1; border-bottom: 4px solid #d2d2d2; border-left: 4px solid #dddddd; min-height: 340px; position: relative; float: none; vertical-align: top; background: #ececec; padding: 12px; margin-right: 4px;} .blockServices:hover{background: #E0E0E0;} .blockServices:hover .btnMoreProduct{right: 25px;} .blockServices img{width: 100%; height: auto;} .blockServices h1{height: auto; padding-left: 38px;} .blockServices .btnMoreProduct{position: absolute; bottom: 12px; right: 12px;} .jPag-first{background: #FE7C03 !important; border-radius: 6px 0 0 6px; padding: 5px 11px 4px 7px !important;} .jPag-last{background: #FE7C03 !important; border-radius: 0 6px 6px 0; padding: 5px 7px 4px 11px !important;} .jPaginate a{background: #FE7C03 !important; } ul.jPag-pages li a{padding: 4px 5px !important; margin: 2px 0; border-bottom: 1px solid #CE4C00 !important;} ul.jPag-pages li a:hover{background: #FF973D !important; text-decoration: none !important; color: #ffffff !important;} span.jPag-sprevious, span.jPag-sprevious-img{margin: 5px 0 2px -1px !important; font-size: 26px; color: #FE7C03;} .jPag-control-front{left: 239px;} span.jPag-snext, span.jPag-snext-img{margin: 5px 3px 2px 0px !important; font-size: 26px; color: #FE7C03;} span.jPag-current{background: #FF973D !important; padding: 4px 5px !important; border-bottom: 1px solid #CE4C00 !important;} .pagination_ui{max-width: 285px; margin: 0 auto;} /***** CONTENT contact *****/ body.page-template-template-contact-php #main-sidebar-container #main{width: 100%;} .page-template-template-contact-php .location-twitter{float: left; width: 32%; border: 0;} body.page-template-template-contact-php #single_map_canvas{width: 65% !important; border: 6px solid #144BB5; margin-bottom: 30px; float: right !important;} body.page-template-template-contact-php .woo-sc-hr{display: none;} body.page-template-template-contact-php .contactForm{float: left; width: 44%;} body.page-template-template-contact-php > iframe[src="about:blank"]{display: none;} .page-template-template-contact-php .location-twitter #office-location{width: auto; font-size: 16px; padding: 5% 10%; color: #000000;} .page-template-template-contact-php .location-twitter #office-location h3{color: #000000; font-size: 25px;} .page-template-template-contact-php .location-twitter #office-location a{color: #000000;} #contact-page form{margin: 25px 0 0 0; max-width: 500px;} #contact-page ol.forms{color: #000000; padding: 21px;} /***** CONTENT contact *****/ body.blog .post{background: #e3e3e3; padding: 12px; border-bottom: 4px solid #D1D1D1;} body.blog .post .title{margin-bottom: 7px;} body.blog .post .title a{font-size: 24px; text-shadow: 0 1px 1px #ffffff;} body.blog .post .thumbnail{margin: 0 14px 10px 0;} body.blog .post abbr{border: 0;} body.blog .post .read-more > a{background: #FE7C03; font-weight: bold; font-family: open_sansregular; border-radius: 4px; color: #FFFFFF; display: inline-block; *display: inline; *zoom: 1; font-size: 13px; line-height: 32px; padding: 0 10px;} body.blog .post .read-more > .sep{display: none;} body.blog .post .post-more{text-align: right;} /***** SIDEBAR *****/ #sidebar{background: #ececec; width: 26% !important; padding: 0 2%; border: 1px solid #cfcfcf;} .widget{background: none; font-family: open_sansregular,helvetica;} .widget p, .widget .textwidget{font-family: open_sansregular,helvetica; color: #505050;} #text-3 .widget p, .widget .textwidget, body.ie7 .textwidget{color: #717171; text-align: center; line-height: 1.2; font-family: open_sansregular,helvetica;} #text-3 .widget p, .widget .textwidget a{color: #fe7c03; font-family: open_sansregular,helvetica;} .center_element{margin: 0 auto; display: block;} .learn_more{color: #FE7C03 !important;} .learn_more:hover{text-decoration: none !important; color: #FFBA41 !important;} aside .searchform input.s, #searchform input#s, body.ie7 .searchform input.s{background: #ffffff; padding: 5px;} #searchform input#s:focus{box-shadow: 0 0 2px #FE7C03;} aside .searchform input.submit, body.ie7 .searchform input.submit{background: #fe7c03; top: 0; right: -4px; padding: 5px;} aside .searchform input.submit:hover, body.ie7 .searchform input.submit:hover{background: #427CD9;} aside .searchform, #searchform, body.ie7 .searchform{border: 0;} aside .widget-title{font-family: Gotham-Bold,helvetica; font-size: 21px; letter-spacing: -1px; color: #7C7C7C; border-bottom: 1px solid #BCBCBC; line-height: 1.5; padding-bottom: 0;} body.ie7 .widget-title{font-family: Gotham-Bold; font-size: 21px; letter-spacing: -1px; color: #7C7C7C; border-bottom: 1px solid #BCBCBC; line-height: 1.5; padding-bottom: 0; margin-bottom: 15px;} .widget_recent_entries ul{list-style: none;} .widget_recent_entries ul li a{font-family: Gotham-Bold; color: #626262; font-size: 15px; line-height: 17px;} .widget_recent_entries .post-date{color: #FE7C03; font-size: 10px; font-weight: bold; display: block; margin: 5px 0;} /***** FOOTER *****/ #footer-widgets{background: #c7c7c7; max-width: none !important; width: 100%; border-top: 0; text-align: center;} #footer-widgets.col-3 .block{width: 26.75%; display: inline-block; float: none; text-align: left; vertical-align: top; *display: inline; *zoom: 1;} #footer-widgets .widget h3{border-bottom: 0; text-align: left; color: #000000; font-family: open_sansregular,myriad pro; font-size: 18px; margin-bottom: 0; } #footer-widgets .widget p, .widget .textwidget{color: #000000; } .newsletter-form input.email{background: #ffffff; padding: 3px; font-style: italic; border-radius: 5px; border: 1px solid 1px solid #929292; color: #919191; font-family: open_sansregular,helvetica;} .newsletter-form input.email:focus{box-shadow: 0 0 2px #FE7C03;} #connect .newsletter-form .submit{background: #fe7c03; top: 0; right: -4px; padding: 2px 5px 3px; border: none; border-radius: 5px; color: #ffffff; font-size: 13px; font-weight: bold; *margin: 0px 0px 0px 0px !important; font-family: open_sansregular,helvetica; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;} #connect .newsletter-form input{*margin-bottom: 0;} #connect .newsletter-form .submit:hover{background: #427CD9;} .footer-widget-3 #text-3 .widget p, .widget .textwidget{text-align: center;} #text-5 .textwidget{text-align: left !important;} .footer_3_span{display: block; font-size: 12px; line-height: 18px;} .footer_3_span .address_holder{display: inline-block; *display: inline; *zoom: 1; max-width: 190px; vertical-align: top;} .footer_3_span strong{color: #6C6C6C;} #footer{background: #6b6b6b; position: relative; width: 100%; margin: 0 auto; margin-bottom: 30px; padding: 4px 0 20px; max-width: none !important; margin-bottom: 30px; border-radius: 0 0 10px 10px;} .inner_footer{padding: 0 30px;} .col-right{display: none;} #copyright{width: 50%; margin: 10px auto 10px; *margin: 50px auto 10px; float: none; text-align: center;} #copyright p{color: #323232; font-family: open_sansregular,helvetica; font-size: 14px;} .menu-footer_nav-container{margin: 0 0 5px 12px;} .footer-menus li{padding: 0 17px;} .footer-menus li a{position: relative; top: 0;} .footer-menus li a:hover{top: -3px; transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out;} .footer-menus li a{color: #D0D0D0; font-family: Gotham-Bold,helvetica; font-size: 14px;} #text-7{margin-bottom: 15px;} .scroll_it{background: #6B6B6B; width: 93%; height: 150px; overflow: hidden; border:5px solid #888888; text-align: left;} .scroll_it .testimonials-list{padding: 3px 10px; color: #D3D3D3;} .scroll_it .testimonials-list .quote{border-bottom: 1px solid #CCCCCC; margin-bottom: 21px; padding-bottom: 10px;} .scroll_it .testimonials-list blockquote{margin-bottom: 12px;} .scroll_it .testimonials-list img.avatar{display: block; float: left; margin-right: 10px;} .scroll_it .testimonials-list .author{font-weight: bold; font-style: normal;} .scroll_it .testimonials-list .author .excerpt{font-size: 11px; color: #FE7C03; font-weight: normal; display: block; line-height: 12px;} .scroll_it .testimonials-list .author .url{font-size: 11px;} /**************************************** RESPONSIVE STYLESHEET ************************************************/ /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { body.page-template-template-home-php .homepage_testimonials .testimonial_by_wrap { max-width:none !important;} /*.testimonial_slider__default .testimonial_by_wrap .testimonial_avatar { display:none !important;}*/ } /**************************************** 767 ************************************************/ @media only screen and (min-width: 768px) and (max-width: 959px) { #wrapper{margin: 0; border-radius: 0; padding: 0 12px;} body.home #main{margin-bottom: 18px;} /* Header */ #logo img{display: block; margin: 0 auto;} .top-contactno{margin-top: 15px; float: none;} .top-contactno p{text-align: center;} #social_links{bottom: 0; padding: 2px 0 1px; width: 148px; margin: 0 auto; float: none;} .social_links_btn{margin: 0;} /* Content */ /* Slider */ .business #loopedSlider, .business #loopedSlider .container, .slider-pagination{display: none !important;} .onizu_goal{margin: 15px auto 38px; background: #FE7C03; padding: 8px 0; max-width: 768px;} .onizu_goal h1{padding: 0 15px; font-size: 28px;} /* Navigation */ #header .nav-toggle{border-radius: 3px 3px 0 0;} .side_trigger{display: none;} #navigation{margin-top: 15px; display: block;} #main-nav{margin-right: 0;} #main-nav li a{padding: 11px 9px !important; font-size: 13px !important;} /* Content */ #content{margin-top: 40px;} body.home #content{margin-top: 0;} body.page-template-template-home-php #main{width: 100% !important;} .entry img, img.thumbnail, #portfolio .group.portfolio-img img{padding: 0;} .onizu_list{float: none; width: auto; width: 90%;} .orange_button, .orange_button2{margin-bottom: 11px;} .homepage_testimonials{margin-top: 28px;} .post .title, .page .title{margin: 0 0 1em; font-size: 27px;} .post h2.title, .page h2.title{line-height: 29px;} /* Homepage Testimonials */ body.page-template-template-home-php .homepage_testimonials{margin-top: 48px;} body.page-template-template-home-php .homepage_testimonials .testimonials-list blockquote{width: auto; float: none;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .author{margin-top: 6px; text-align: left; font-weight: bold;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .entry .quote cite:before{content: none;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .author .excerpt{color: #FE7C03; font-weight: normal; display: block;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .author .url{display: block; text-align: right;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .quote{margin-bottom: 0;} body.page-template-template-home-php .homepage_testimonials .testimonial_by_wrap{max-width: none; width: auto; margin-bottom: 12px;} body.page-template-template-home-php .homepage_testimonials .testimonial_quote{float: none; margin-left: 0; width: 98%; padding: 0 1%;} body.page-template-template-home-php .homepage_testimonials .testimonial_slider__default .testimonial_slideri{border-top: 4px solid #FE7C03 !important; padding-left: 9px; padding-top: 11px;} body.page-template-template-home-php .homepage_testimonials .testimonial_slider__default div, .testimonial_slider__default p, .testimonial_slider__default li, .testimonial_slider__default span, .testimonial_slider__default img, .testimonial_slider__default h2, .testimonial_slider__default ul{line-height: 1.7; clear: both; background: none !important;} body.page-template-template-home-php .testimonial_slider__default .testimonial_by_wrap .testimonial_avatar img{float: left; margin-right: 10px;} body.page-template-template-home-php .testimonial_slider__default .testimonial_by_wrap span{display: inline;} body.page-template-template-home-php .testimonial_slider__default .testimonial_by_wrap .testimonial_site a{display: block;} body.page-template-template-home-php .testimonial_slider__default .testimonial_nav{margin-top: 0;} body.page-template-template-home-php .testimonial_wrapper{height: 247px !important;} /* Sidebar */ #sidebar{padding: 0px 4%; width: 100% !important; max-width: 430px; margin: 22px auto 0; display: block !important; float: none !important; } /* Footer */ #footer{margin: 0 auto; border-radius: 0;} #footer-widgets{display: none;} #copyright{width: 90%;} .menu-footer_nav-container{margin: 0 0 14px 12px;} .footer-menus{text-align: center;} .footer-menus li{display: block; border: 0; padding: 0;} .footer-menus li a{text-align: center; border: 0; line-height: 1.2;} /* Solutions Page */ #loopedSlider{display: none;} .block-10{text-align: center;} .blockServices{width: 27%; max-width: none; border-bottom: 1px dotted #a5a5a5; margin: 0 10px 25px 0; padding-bottom: 16px;} .blockServices .btnMoreProduct{position: static;} /* Contact Us Page */ .page-template-template-contact-php .location-twitter{width: 97%; float: none;} .page-template-template-contact-php .location-twitter #office-location{width: 81%;} body.page-template-template-contact-php #single_map_canvas{float: none !important; width: 97% !important;} body.page-template-template-blog-php .post .title, .page .title, .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited{font-size: 22px; line-height: 21px;} body.page-template-template-blog-php .post-meta{clear: both;} body.page-template-template-blog-php .post{border-bottom: 3px solid #FE7C03; padding-bottom: 13px;} /* News Page */ .two-col-left-990 #main-sidebar-container #main{width: 100%;} /* Portfolio Page */ .portfolio_links{text-align: center;} .portfolio_links .portfolio_column{max-width: 240px; float: none; margin: 2% 6%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} /* Mobile Sites Page */ .mobile_designs_list{text-align: center;} .mobile_designs_row .mobile_design_column{float: none; display: inline-block; *display: inline; *zoom: 1;} /* Website Design Page */ .website_designs .website_row .website_browser{width: 100%; margin-bottom: 20px;} .website_designs .website_row .website_text{width: 100%; margin: 0;} .pagination_ui{width: 100% !important;} .gallery_holder .ngg-gallery-thumbnail-box img{max-width: 128px; height: 100px;} /* Graphic Design Page */ .graphics_design .graphics_row .graphics_column{width: 27%; display: inline-block; *display: inline; *zoom: 1; float: none !important; vertical-align: top; margin: 0 3%;} .graphics_design .graphics_row .graphics_column h2{font-size: 12px; } /* Mobile Solutions */ body{background: #ffffff; padding: 0; margin: 0;} #wrapper2{padding: 0; box-shadow: none; margin: 20px auto 20px;} #headerlogo{margin: 0;} #headerlogo .lefthead{float: none;} #headerlogo .lefthead img{display: block; width: 100%; max-width: 285px; margin: 0 auto;} #headerlogo .righthead{float: none;} #header-right-container{float: none; width: auto; height: auto;} #header-right-container h1{font-size: 13px;} #wrapper{overflow: scroll;} .side-trigger{margin: 10px 0;} #side-top-nav-btn{background: #999999; color: #ffffff; display: block; font-size: 14px; text-align: center; border-radius: 3px 3px 0 0; padding: 5px 0;} #footer4 .lefthead, #footer4 .righthead{float: none; max-width: none; width: 100%;} #footer4 .righthead{text-align: center; margin-top: 10px;} #wrapper2 #content{text-align: center;} #wrapper2 #content #phone{display: inline-block; *display: inline; *zoom: 1; float: none; margin: 0 0 10px 0;} #main-container{height: auto;} #main-container #left{width: 100%; height: auto; float: none;} #main-container #left iframe{width: 100%; height: 180px;} #main-container #right-i{float: none; display: block; margin: 0 auto} #main-container #right-b, #main-container #right-n, #main-container #right-d{float: none; margin: 0 auto;} } /************************ 480 ********************************/ @media only screen and (min-width: 480px) and (max-width: 767px) { #wrapper{margin: 0; border-radius: 0; padding: 0 12px;} /* Header */ #logo img{display: block; margin: 0 auto;} .top-contactno{margin-top: 15px; float: none;} .top-contactno p{text-align: center;} #social_links{bottom: 0; padding: 2px 0 1px; width: 148px; margin: 0 auto; float: none;} .social_links_btn{margin: 0;} /* Content */ /* Slider */ .business #loopedSlider, .business #loopedSlider .container, .slider-pagination{display: none !important;} .onizu_goal{margin: 15px auto; background: #FE7C03; padding: 8px 0;} .onizu_goal h1{padding: 0 15px; font-size: 17px;} /* Navigation */ #header .nav-toggle{border-radius: 3px 3px 0 0;} ul.nav li{float: none;} .side_trigger{margin-top: 10px; display: block !important;} #navigation{border-radius: 0;} #navigation ul li:first-child, #navigation ul li:first-child a{border-radius: 0 !important;} ul.nav li a{padding: 0.5em 1em !important; text-align: center; border-bottom: 1px solid #ffffff;} /* Content */ #content{margin-top: 40px;} body.home #content{margin-top: 0;} body.page-template-template-home-php #main{width: 100%;} .entry img, img.thumbnail, #portfolio .group.portfolio-img img{padding: 0;} .onizu_list{float: none; width: auto; clear: both; width: 90%;} .orange_button, .orange_button2{margin-bottom: 11px;} .homepage_testimonials{margin-top: 28px;} .post .title, .page .title{margin: 0 0 1em; font-size: 27px;} .post h2.title, .page h2.title{line-height: 29px;} /* Homepage Testimonials */ body.page-template-template-home-php .homepage_testimonials{margin-top: 48px;} body.page-template-template-home-php .homepage_testimonials .testimonials-list blockquote{width: auto; float: none;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .author{margin-top: 6px; text-align: left; font-weight: bold;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .entry .quote cite:before{content: none;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .author .excerpt{color: #FE7C03; font-weight: normal; display: block;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .author .url{display: block; text-align: right;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .quote{margin-bottom: 0;} body.page-template-template-home-php .homepage_testimonials .testimonial_by_wrap{max-width: none; width: auto; margin-bottom: 12px;} body.page-template-template-home-php .homepage_testimonials .testimonial_quote{float: none; margin-left: 0; width: 98%; padding: 0 1%;} body.page-template-template-home-php .homepage_testimonials .testimonial_slider__default .testimonial_slideri{border-top: 4px solid #FE7C03 !important; padding-left: 9px; padding-top: 11px;} body.page-template-template-home-php .homepage_testimonials .testimonial_slider__default div, .testimonial_slider__default p, .testimonial_slider__default li, .testimonial_slider__default span, .testimonial_slider__default img, .testimonial_slider__default h2, .testimonial_slider__default ul{line-height: 1.7; clear: both; background: none !important;} body.page-template-template-home-php .testimonial_slider__default .testimonial_by_wrap .testimonial_avatar img{float: left; margin-right: 10px;} body.page-template-template-home-php .testimonial_slider__default .testimonial_by_wrap span{display: inline;} body.page-template-template-home-php .testimonial_slider__default .testimonial_by_wrap .testimonial_site a{display: block;} body.page-template-template-home-php .testimonial_slider__default .testimonial_nav{margin-top: 15px;} /* Sidebar */ #sidebar{padding: 0px 4%; width: 100% !important; max-width: 290px; margin: 22px auto 0;} /* Footer */ #footer{margin: 0 auto; border-radius: 0;} #footer-widgets{display: none;} #copyright{width: 90%;} .menu-footer_nav-container{margin: 0 0 14px 12px;} .footer-menus{text-align: center;} .footer-menus li{display: block; border: 0; padding: 0;} .footer-menus li a{text-align: center; border: 0; line-height: 1.2;} /* Solutions Page */ #loopedSlider{display: none;} .block-10{text-align: center;} .blockServices{width: 100%; max-width: 198px; border-bottom: 1px dotted #a5a5a5; margin: 0 0 25px; padding-bottom: 16px;} /* Contact Us Page */ .page-template-template-contact-php .location-twitter{width: 95%; float: none;} body.page-template-template-contact-php #single_map_canvas{float: none !important; width: 97% !important;} body.page-template-template-blog-php .post .title, .page .title, .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited{font-size: 22px; line-height: 21px;} body.page-template-template-blog-php .post-meta{clear: both;} body.page-template-template-blog-php .post{border-bottom: 3px solid #FE7C03; padding-bottom: 13px;} #contact-page ol.forms{width: 88%;} /* Portfolio Page */ .portfolio_links{max-width: 240px;} /* Mobile Sites Page */ .mobile_designs_list{text-align: center;} .mobile_designs_row .mobile_design_column{float: none; display: inline-block; border-bottom: 3px solid #FE7C03; margin: 0 0 35px; *display: inline; *zoom: 1;} /* Website Design Page */ .website_designs .website_row .website_browser .website_content{overflow: hidden;} .website_designs .website_row .website_browser{height: 322px; width: 100%; float: none;} .website_designs .website_row .website_browser .website_content{height: 300px;} .website_designs .website_row .website_text{float: none; width: 100%; margin: 33px 0 0;} .pagination_ui{width: 100% !important;} .gallery_holder .ngg-gallery-thumbnail-box img{max-width: 128px; height: 100px;} /* Graphic Design Page */ .graphics_design .graphics_row .graphics_column{width: 29%; display: inline-block; *display: inline; *zoom: 1; float: none !important; vertical-align: top; margin: 0 2%;} .graphics_design .graphics_row .graphics_column h2{font-size: 12px; } /* Mobile Solutions */ body{background: #ffffff; padding: 0; margin: 0;} #navigation{display: none;} #wrapper2{padding: 0; box-shadow: none; margin: 20px auto 20px;} #headerlogo{margin: 0;} #headerlogo .lefthead{float: none;} #headerlogo .lefthead img{display: block; width: 100%; max-width: 285px; margin: 0 auto;} #headerlogo .righthead{float: none;} #header-right-container{float: none; width: auto; height: auto;} #header-right-container h1{font-size: 13px;} #wrapper{overflow: scroll;} #wrapper2 #content{margin-top: 0;} #navigation ul.nav > li{float: none;} .side-trigger{margin: 10px 0; display: block;} .side-trigger{margin: 10px 0; display: block !important;} #side-top-nav-btn{background: #999999; color: #ffffff; display: block; font-size: 14px; text-align: center; border-radius: 3px 3px 0 0; padding: 5px 0;} #footer4 .lefthead, #footer4 .righthead{float: none; max-width: none; width: 100%;} #footer4 .righthead{text-align: center; margin-top: 10px;} #wrapper2 #content{text-align: center;} #wrapper2 #content #phone{display: inline-block; *display: inline; *zoom: 1; float: none; margin: 0 0 10px 0;} #main-container{height: auto;} #main-container #left{width: 100%; height: auto; float: none;} #main-container #left iframe{width: 100%; height: 180px;} #main-container #right-i{float: none; display: block; margin: 0 auto} #main-container #right-b, #main-container #right-n, #main-container #right-d{float: none; margin: 0 auto;} } /************************ 320 ********************************/ @media only screen and (max-width: 479px) { /* General */ #wrapper{margin: 0; border-radius: 0; padding: 0 12px;} /* Header */ #logo img{display: block; margin: 0 auto;} .top-contactno{margin-top: 15px; float: none;} .top-contactno p{text-align: center;} #social_links{bottom: 0; padding: 2px 0 1px; width: 148px; margin: 0 auto; float: none;} .social_links_btn{margin: 0;} /* Content */ /* Slider */ .business #loopedSlider, .business #loopedSlider .container, .slider-pagination{display: none !important;} .onizu_goal{margin: 15px auto; background: #FE7C03; padding: 8px 0;} .onizu_goal h1{padding: 0 15px; font-size: 17px;} /* Navigation */ #header .nav-toggle{border-radius: 3px 3px 0 0;} ul.nav li{float: none;} .side_trigger{margin-top: 10px;} #navigation{border-radius: 0;} #navigation ul li:first-child, #navigation ul li:first-child a{border-radius: 0 !important;} ul.nav li a{padding: 0.5em 1em !important; text-align: center; border-bottom: 1px solid #ffffff;} /* Content */ #content{margin-top: 40px; overflow: hidden;} body.home #content{margin-top: 0;} body.page-template-template-home-php #main{width: 100%;} .entry img, img.thumbnail, #portfolio .group.portfolio-img img{padding: 0;} .onizu_list{float: none; width: 90%;} .orange_button, .orange_button2{margin-bottom: 11px;} .homepage_testimonials{margin-top: 28px;} .post .title, .page .title{margin: 0 0 1em; font-size: 27px;} .post h2.title, .page h2.title{line-height: 29px;} /* Homepage Testimonials */ body.page-template-template-home-php .homepage_testimonials{margin-top: 48px;} body.page-template-template-home-php .homepage_testimonials .testimonials-list blockquote{width: auto; float: none;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .author{margin-top: 6px; text-align: left; font-weight: bold;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .entry .quote cite:before{content: none;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .author .excerpt{color: #FE7C03; font-weight: normal; display: block;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .author .url{display: block; text-align: right;} body.page-template-template-home-php .homepage_testimonials .testimonials-list .quote{margin-bottom: 0;} body.page-template-template-home-php .homepage_testimonials .testimonial_by_wrap{max-width: none; width: auto; margin-bottom: 12px;} body.page-template-template-home-php .homepage_testimonials .testimonial_quote{float: none; margin-left: 0; width: 98%; padding: 0 1%;} body.page-template-template-home-php .homepage_testimonials .testimonial_slider__default .testimonial_slideri{border-top: 4px solid #FE7C03 !important; padding-left: 9px; padding-top: 11px;} body.page-template-template-home-php .homepage_testimonials .testimonial_slider__default div, .testimonial_slider__default p, .testimonial_slider__default li, .testimonial_slider__default span, .testimonial_slider__default img, .testimonial_slider__default h2, .testimonial_slider__default ul{line-height: 1.3; clear: both; background: none !important;} body.page-template-template-home-php .testimonial_slider__default .testimonial_by_wrap .testimonial_avatar img{float: left; margin-right: 10px;} body.page-template-template-home-php .testimonial_slider__default .testimonial_by_wrap span{display: inline;} body.page-template-template-home-php .testimonial_slider__default .testimonial_by_wrap .testimonial_site a{display: block;} body.page-template-template-home-php .testimonial_slider__default .testimonial_nav{margin-top: 15px;} /* Sidebar */ #sidebar{padding: 0px 4%; width: 81% !important; margin: 22px auto 0;} /* Footer */ #footer{margin: 0 auto; border-radius: 0;} #footer-widgets{display: none;} #copyright{width: 90%;} .menu-footer_nav-container{margin: 0 0 14px 12px;} .footer-menus{text-align: center;} .footer-menus li{display: block; border: 0; padding: 0;} .footer-menus li a{text-align: center; border: 0; line-height: 1.2;} /* Solutions Page */ #loopedSlider{display: none;} .block-10{text-align: center;} .blockServices{width: 100%; max-width: 235px; margin: 0 0 25px; padding-bottom: 16px;} .blockServices .btnMoreProduct{position: static;} /* Contact Us Page */ .page-template-template-contact-php .location-twitter{width: auto; float: none;} body.page-template-template-contact-php #single_map_canvas{float: none !important; width: 97% !important;} body.page-template-template-blog-php .post .title, .page .title, .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited{font-size: 22px; line-height: 21px;} body.page-template-template-blog-php .post-meta{clear: both;} body.page-template-template-blog-php .post{border-bottom: 3px solid #FE7C03; padding-bottom: 13px;} #recaptcha_area, #recaptcha_table{clear: both; max-width: 255px; overflow: scroll;} #contact-page ol.forms li.inline input#sendCopy{margin-left: 0; display: inline-block;} #contact-page ol.forms li.inline label{display: inline-block;} #contact-page ol.forms{width: 81%;} /* Portfolio Page */ .portfolio_links{width: 82%;} /* Mobile Sites Page */ .mobile_designs_list{text-align: center;} .mobile_designs_row .mobile_design_column{float: none; width: 100%; display: inline-block; border-bottom: 3px solid #FE7C03; margin: 0 0 35px; *display: inline; *zoom: 1;} .mobile_designs_row .mobile_design_column .iphone_holder{width: 100%; max-width: 245px;} /* Website Design Page */ .website_designs .website_row .website_browser .website_content{overflow: hidden;} .website_designs .website_row .website_browser{height: 243px; width: 100%; float: none;} .website_designs .website_row .website_browser .website_content{height: 220px;} .website_designs .website_row .website_text{float: none; width: 100%; margin: 17px 0 0;} .pagination_ui{width: 100% !important;} .gallery_holder .ngg-gallery-thumbnail-box img{max-width: 120px; height: 100px;} /* Graphic Design Page */ .graphics_design .graphics_row .graphics_column{width: 29%; display: inline-block; *display: inline; *zoom: 1; float: none !important; vertical-align: top; margin: 0 2%;} .graphics_design .graphics_row .graphics_column h2{font-size: 12px; } /* Mobile Solutions */ body{background: #ffffff; padding: 0; margin: 0;} #navigation{display: none;} #wrapper2{padding: 0; box-shadow: none; margin: 20px auto 20px;} #headerlogo{margin: 0;} #headerlogo .lefthead{float: none;} #headerlogo .lefthead img{display: block; width: 100%;} #headerlogo .righthead{float: none;} #header-right-container{float: none; width: auto; height: auto;} #header-right-container h1{font-size: 13px;} #wrapper{overflow: scroll;} #wrapper2 #content{margin-top: 0;} #navigation ul.nav > li{float: none;} .side-trigger{display: block; } .side_trigger{display: block !important;} #side-top-nav-btn{background: #999999; color: #ffffff; display: block; font-size: 14px; text-align: center; border-radius: 3px 3px 0 0; padding: 5px 0;} #footer4 .lefthead, #footer4 .righthead{float: none; max-width: none; width: 100%;} #footer4 .righthead{text-align: center; margin-top: 10px;} #main-container{height: auto;} #main-container #left{width: 100%; height: auto; float: none;} #main-container #left iframe{width: 100%; height: 180px;} #main-container #right-i{float: none; display: none;} #main-container #right-i #iframe-i{left: 23px; top: 179px;} #wrapper2 #main-container #nav-container{display: none;} }