/* Theme Name: Wired Custom Development Theme URI: http://www.website.co.nz Description: Wired Custom Development theme Author: Wired Author URI: http://www.wired.co.nz version: 1.0 */ /*------------------------------------*\ RESET \*------------------------------------*/ @charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } html, body { height: 100%; } body { color:#03445a; font-family: 'Hind', sans-serif; margin:0; padding:0;} img { border:none; display:block; height:auto; width:100%;} h1 { font-size:56px; font-weight:400; line-height:66px; margin:0 0 10px 0; padding:0;} h2 {font-size:30px; font-weight:400; line-height:30px; margin:0 0 20px 0;} h3 {font-size:24px; font-weight:400; line-height:24px; margin:0 0 20px 0; } h4 {font-size:24px; font-weight:600; line-height:30px; margin:10px 0; } h5 {font-size:20px; font-weight:600; line-height:24px; margin:0 0 30px 0;} h6 {font-size:14px; font-weight:400; line-height:16px; margin:5px 0; padding:0;} h1, h2, h3, h4 { } p { font-size:18px; line-height:24px; margin:0 0 30px 0; padding:0;} p small { font-size:14px; line-height:14px;} a { color:#97bb28; text-decoration:none; } a:hover, a:active { color:#9d7ca8; -webkit-transition:0.3s; transition:0.3s;} a.btn { background:#08b400; border-radius:40px; color:#fff; padding:10px 30px; } a.btn:hover { background:#03445a; } a.phone { color:#fff; } hr { background:url(/wp-content/themes/custom-wired/images/hr.png); border:none; clear:both; height:6px; margin:auto; margin-bottom:30px; margin-top:0; opacity:0.6; padding:0; width:30%; } .clearfix { clear:both;} ul { margin:0 0 20px 0;} ul li {text-align:left; margin:0 0 0 20px;} ul.linklist { margin:0 0 20px 0; padding:0;} ul.linklist li { color:#8e919a; list-style:none; line-height:20px; margin:0; padding:0 0 10px 10px;} ul.linklist li a { font-size:18px; font-weight:500;} ul.linklist li a:before { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) 0 -317px no-repeat; content:" "; display:block; float:left; height:25px; margin:2px 4px 0 0; width:10px; } p ~ ul.linklist { margin-top:-25px;} #header-home { background: url(/wp-content/themes/custom-wired/images/home-header-bg.jpg) center no-repeat; height:700px; } #header-main { background: #245465; background: -moz-linear-gradient(-45deg, #245465 0%, #498da5 46%, #498da5 78%, #326b7e 100%); background: -webkit-linear-gradient(-45deg, #245465 0%,#498da5 46%,#498da5 78%,#326b7e 100%); background: linear-gradient(135deg, #245465 0%,#498da5 46%,#498da5 78%,#326b7e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245465', endColorstr='#326b7e',GradientType=1 ); height:200px; } #home-01 { background:#b2c2c6; background:-moz-linear-gradient(top, #b2c2c6 0%, #dbe0e2 100%); background:-webkit-linear-gradient(top, #b2c2c6 0%,#dbe0e2 100%); background:linear-gradient(to bottom, #b2c2c6 0%,#dbe0e2 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2c2c6', endColorstr='#dbe0e2',GradientType=0 ); border-top:2px solid #fff; height:100px; overflow:visible; } #content { clear:both; padding:10px 0; position:relative;} #footer { position:relative; } .contentwidth { margin:auto; position:relative; width:1071px} .aligncenter { text-align:center;} /*----------- Header ----------------*/ #headerlogo { float:left; margin:50px 0 0 0; width:26%;} #statement { color:#fff; margin:90px 0 0 10px; width:48%;} #statement h1 {color:#fff; font-size:48px; font-weight:700; line-height:48px;} #statement p {color:#fff; font-size:18px; margin:30px 0 0 0;} #aft-head-strip { background: #b2c2c6; background: -moz-linear-gradient(top, #b2c2c6 0%, #dbe0e2 100%); background: -webkit-linear-gradient(top, #b2c2c6 0%,#dbe0e2 100%); background: linear-gradient(to bottom, #b2c2c6 0%,#dbe0e2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2c2c6', endColorstr='#dbe0e2',GradientType=0 ); height:16px; margin-top:2px; } a#h-more { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -93px -108px #03445a; border:2px solid #fff; border-radius:50%; display:block; height:62px; margin:auto; margin-top:-35px; width:62px;} /*a#h-more:hover { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -93px -108px #2a6e83; cursor:pointer; }*/ a.pdf-download { background:#e14045; border-radius:50px; border:3px solid #fff; color:#fff; display:block; font-size:22px; font-weight:600; line-height:22px; margin:auto; margin-top:20px; padding:18px 30px 12px 20px; width:350px;} a.pdf-download:hover {background:#c43136;} a.pdf-download span {font-size:16px; font-weight:400; line-height:18px; } a.pdf-download:before {background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -3px -109px; content:""; display:block; float:left; height:61px; margin:0 10px; width:53px; } /*-------------------------Nav-----------------------------*/ #nav-wrap {float:left; margin:90px 0 0 0; width:74%;} #menu input[type="checkbox"], #menu input[type="checkbox"] + label {display:none;} #menu ul { float:right; margin:0; padding:0;} #menu li { display:inline-block; list-style:none; margin:0 -4px 0 0; padding:0; position:relative; } #menu li a { color:#fff; display:block; font-size:22px; font-weight:400; line-height:25px; margin:5px 0 0 45px; position:relative; } #menu li a:hover, .nav li a:active { color:#89b6c4;} #menu li.current_page_item a { color:#89b6c4; } #header-main #menu li a { font-size:24px; font-weight:500; line-height:25px;} #menu li ul.sub-menu { margin-top:9px; padding:0; position:absolute; left:40px; transition:0.3s; transition-delay:0.5s; width:120px; z-index:99; } #menu li ul.sub-menu:after { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -212px -258px; content:""; display:block; height:9px; margin-left:40%; transition-delay:1.2s; width:12px;} #menu li.current_page_item ul.sub-menu:after { opacity:0.3;} #menu li:hover ul.sub-menu {transition:0.3s; width:220px;} #menu li ul.sub-menu li { background: rgba(3, 68, 90, 0.7); display:block!important; height:0; margin:-1px 0 0 0!important; overflow:hidden; transition:0.5s; transition-delay:0.5s; } #menu li ul.sub-menu li:first-child { border-top-right-radius:9px; } #menu li ul.sub-menu li:last-child { border-bottom:none; border-bottom-left-radius:12px;} #menu li ul.sub-menu li a { border-bottom:1px dotted #6c929e; color:#fff!important; font-size:16px!important; margin:0!important; padding:5px 20px!important } #menu li ul.sub-menu li a:hover, #menu li ul.sub-menu li.current_page_item a {background: rgba(8, 180, 0, 0.7);} #menu li:hover ul.sub-menu li { height:36px; margin:0!important; transition-delay:0.5s; transition:0.3s; } #menu li:hover ul.sub-menu li:last-child a { border-bottom:none; } #menu li:hover ul.sub-menu:after { opacity:0.0; transition-delay:0.1s } /*#menu li.page-item-397 { display:none!important;}*/ /*------------------------------Input styles------------------------------------*/ input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], textarea { background:#fcfcfc; border:1px solid #d8dee0; border-radius:20px; box-shadow:inset 0px 5px 16px 0px rgba(0,0,0,0.1); color:#a5a5a5; font-family: 'Hind', sans-serif; font-size:16px; float:left; font-weight:500; line-height:38px; margin:0 0 9px 0; padding:3px 2%; width:96%; } textarea {height:120px;} input[type="submit"] { background: #03445a; border:none; cursor:pointer; color:#fff; font-size:18px; float:left; border:0; border-radius:40px; padding:16px 40px; transition:0.3s; } input[type="submit"]:hover {background: #08b400; transition:0.3s;} .ajax-loader { float:left; margin:0; width:52px;} div.wpcf7-response-output {} div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors { border: none!important; border-radius: 20px; color: #fff; margin: 42px 0 0 0!important; padding: 30px!important; text-align: center; } div.wpcf7-mail-sent-ok { background: rgba(151, 187, 40, 0.8); } div.wpcf7-validation-errors { background: rgba(227, 0, 0, 0.8); } span.wpcf7-not-valid-tip { display: none!important; } input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, textarea.wpcf7-not-valid { background: #f8d6d6; border: 2px solid #ff0000; } /*--------------------------------icons------------------------------*/ #hh-icon-wrap { margin:80px 0 0 0;} #hh-icon-wrap a { display:block; float:left; height:40px; margin:0 30px 0 0} #hh-icon-wrap a:hover,.g-icon-wrap a:hover { opacity:0.6;} a.icon-magento { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -175px 0; width:125px;} a.icon-wordpress { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) 0 0; width:150px;} a.icon-asp { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -301px 0; width:70px;} a.icon-asp-net { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -380px 0; width:104px;} a.icon-php { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -503px 0; width:72px;} .g-icon-wrap { margin:5px 0 0 10%;} .g-icon-wrap a { display:inline-block; float:left; height:42px; margin:3px 3px 0 0} .g-icon-wrap a.icon-magento { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -168px 0 #9d7ca8; border-radius:9px; width:130px;} .g-icon-wrap a.icon-wordpress { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) 5px -1px #9d7ca8; border-radius:9px; width:165px;} .g-icon-wrap a.icon-asp { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -301px -2px #9d7ca8; border-radius:9px; width:76px;} .g-icon-wrap a.icon-asp-net { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -380px 0 #9d7ca8; border-radius:9px; width:114px;} .g-icon-wrap a.icon-php { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -500px -3px #9d7ca8; border-radius:9px; width:78px;} .icon {background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) no-repeat; margin:auto; } .icon a { display:block; height:100%;} .platform-lead-wrap .icon, #cdfs .icon { background-color:#9d7ca8; border-radius:20px; margin:auto; margin-top:-36px; margin-bottom:20px; transition:0.3s;} #cdfs .icon {margin-top:0} .platform-lead-wrap:hover .icon, #cdfs .icon:hover { background-color:#c4b0cb; transition:0.3s;} .dblue-grad-conainer .icon:hover { opacity:0.7; transition:0.3s;} .platform-page-wrap { border-bottom:1px solid #9d7ca8; border-top:1px solid #9d7ca8; margin:50px 0; padding:0 0 30px 0; } .platform-page-wrap .icon {background-color:#9d7ca8; border-radius:20px; margin:auto; margin-bottom:20px; margin-top:-35px;} .magento-icon { background-position:-625px -70px; height:70px; width:250px;} .wordpress-icon { background-position:-630px 0; height:70px; width:285px;} .asp-icon { background-position:-625px -140px; height:70px; width:120px;} .asp-net-icon { background-position:-625px -209px; height:70px; width:185px;} .php-icon { background-position:-632px -280px; height:70px; width:125px;} .phone-icon {background-position:-6px -242px; height:50px; width:48px;} .mail-icon {background-position:-66px -246px; height:50px; width:50px;} .location-icon {background-position:-132px -240px; height:50px; width:40px;} .finacial a:before, .agri-business a:before, .housing a:before, .education a:before, .sale a:before, .govern a:before, .tourism a:before, .hr-resources a:before {background:url(/wp-content/themes/custom-wired/images/icon-sprite.png); display:block; float:left; margin-right:20px;} .finacial a:before { background-position:0 -195px; content:""; height:31px; width:36px; } .agri-business a:before { background-position:-238px -192px; content:""; height:36px; width:45px; } .housing a:before { background-position:-346px -192px; content:""; height:36px; margin-top:-3px; width:63px; } .education a:before { background-position:-175px -192px; content:""; height:35px; margin-top:-5px; width:52px; } .sale a:before { background-position:-56px -192px; content:""; height:37px; margin-top:-3px; width:43px; } .govern a:before { background-position:-114px -192px; content:""; height:42px; margin-top:-3px; width:49px; } .tourism a:before { background-position:-292px -192px; content:""; height:34px; width:40px; } .hr-resources a:before { background-position:-420px -187px; content:""; height:47px; margin-top:-7px; width:42px; } /*----------- containers ----------------*/ #cdfs { padding:50px 0 100px 0; text-align:center} #h-portfolio-wrap { background:url(/wp-content/uploads/portfolio-background.png) 0 52%; background-repeat:repeat-x; background-size:50%; margin:60px 0 20px 0;} #h-portfolio-btns-wrap { font-size:18px; font-weight:400; margin:0 0 30px 0; text-align:center;} #h-portfolio-btns-wrap a { background:#03445a; color:#fff; display:inline-block; padding:20px 50px;} #h-portfolio-btns-wrap a:hover { background:#08b400;} #h-portfolio-btns-wrap a:first-child {border-radius:40px 0 0 40px; border-right:1px solid #fff;} #h-portfolio-btns-wrap a:last-child {border-radius:0 40px 40px 0;} p#share-title { font-size:15px; margin:0; padding:0;} #portfolio-btns-wrap { font-size:30px; font-weight:400; margin:0 0 20px 0; position:relative; text-align:center;} #portfolio-btns-wrap a { background:#e7e7e7; color:#42859c; display:inline-block; padding:20px 0; text-align:center; width:200px; } #portfolio-btns-wrap a:hover, #portfolio-btns-wrap a.current { background:#08b400; color:#fff;} #portfolio-btns-wrap a:first-child {border-radius:60px 0 0 60px; border-right:1px solid #fff; } #portfolio-btns-wrap a:last-child {border-radius:0 60px 60px 0; border-left:1px solid #fff;} #or { background:#fff; border-radius:50%; color:#03445a;font-size:14px; height:30px; line-height:30px; margin:auto; margin-bottom:-58px; position:relative; width:30px; z-index:99; } #portfolio-s-btns a { background:#e7e7e7; border-radius:20px; color:#42859c; display:inline-block; margin:0 2px 4px 0; padding:5px 20px 4px 20px;} #portfolio-s-btns a:hover, #portfolio-s-btns a.current { background:#08b400; color:#fff;} .platform-lead-wrap { background:#f8f8f8; border-bottom:2px solid #9d7ca8; border-top:2px solid #9d7ca8; border-radius:25px; margin:70px 0 0 0; padding:0 20px; text-align:center; transition:0.3s;} .platform-lead-wrap:hover { border-bottom:2px solid #c4b0cb; border-top:2px solid #c4b0cb; transition:0.3s;} .platform-lead-wrap a h2 { font-size:24px;} .platform-lead-wrap a p { color:#03445a;} .row .col-50p:first-child .platform-lead-wrap {margin-right:2%;} .row .col-50p:last-child .platform-lead-wrap {margin-bottom:80px; margin-left:2%;} .dblue-grad-conainer { background:#3b7181; background:-moz-linear-gradient(top, #3b7181 0%, #295a69 100%); background:-webkit-linear-gradient(top, #3b7181 0%,#295a69 100%); background:linear-gradient(to bottom, #3b7181 0%,#295a69 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b7181', endColorstr='#295a69',GradientType=0 ); color:#fff; padding:75px 0; text-align:center; } .dblue-grad-conainer h1 { font-size:60px; font-weight:600; line-height:60px; margin:0; padding:0; } .dblue-grad-conainer h1 span { color:#d3dee1; font-size:34px; line-height:34px;} .dblue-grad-conainer h2 { font-size:24px; font-weight:600; padding:30px 0 0 0;} .dblue-grad-conainer p { color:#d3dee1;} .lb-container { background:#589bb0; border-top:1px solid #fff; color:#fff; padding:50px 0; text-align:center;} .lb-container h1 { padding:0 0 30px 0;} .fff-container { padding:50px 0; text-align:center;} .fff-container p { margin:30px 15% 30px 15%; width:70%; } .lgrey-container { background:#e8eff1; padding:50px 0 120px 0; text-align:center; } .lgrey-container p { font-size:17px; margin:30px 16%; width:66%;} .industry-list ul {margin:0; padding:0;} .industry-list ul li { background:#fff; border-radius:3px; font-size:20px; list-style:none; margin:0 0 1px 0; text-align:left;} .industry-list ul li:nth-child(2n) { background:#f6f6f6;} .industry-list ul li a { color:#03445a; display:block; padding:24px; } .industry-list ul li:hover {background:#a8d1de;} .speach-bubble { background:#fff; border-radius:14px; color:#03445a; position:relative;} .speach-bubble h3 { font-size:30px; font-weight:600; margin:0; padding:60px 33px 20px 33px;} .speach-bubble p { font-size:16px; font-weight:400; line-height:20px; margin:0; padding:0 33px 30px 33px;} .p-set-height { height:170px;} .speach-bubble p:last-child { border-top:3px dotted #e1edf1; height:70px; padding-top:30px;} .spb-01:before { content:""; width:0; height:0; border-style:solid; border-width:0 0 26px 26px; border-color:transparent transparent #ffffff transparent; position:absolute; top:-25px; right:25%;} .spb-02:before { content:""; width:0; height:0; border-style:solid; border-width:0 13px 26px 13px; border-color:transparent transparent #ffffff transparent; position:absolute; top:-25px;} .spb-03:before { content:""; width:0; height:0; border-style:solid; border-width:26px 0 0 26px; border-color:transparent transparent transparent #ffffff; position:absolute; top:-25px; left:25%;} .p-result-wrap { margin:60px 0 0 0;} .p-result-wrap:first-child { margin-top:40px;} .p-description-wrap { border-bottom:3px solid #9d7ca8; border-top:3px solid #9d7ca8; margin:25px 0 0 10%; padding:30px 0 40px 0; text-align:left;} .p-description-wrap p { font-size:16px; line-height:20px; margin:0; padding:0; width:100%;} #contact-from-wrap {padding:0 6% 0 0; text-align:left;} #contact-from-wrap h4 { font-size:20px; font-weight:500; line-height:24px; margin:15px 0 0 20px;} #contact-from-wrap .col-50p:first-child { margin-right:3%; width:47%;} #contact-details-wrap { border-left:2px dotted #e7e7e7; padding:0 0 0 13%; text-align:left;} #contact-details-wrap h3 { margin:15px 0 5px 0;} #contact-details-wrap p { margin:0 0 25px 0;} #location-map-wrap { background:#fff; border-bottom:2px solid #c6d1d4; border-top:2px solid #c6d1d4; margin:90px 0 0 0; padding:2px 0; position:relative;} #location-map-square { display:none;} #map-marker { max-width:266px; width:15%; position:absolute; top:30%; left:47%;} .platform-example { position:relative; } .platform-example p { background:#e8ebf0; border-bottom:3px solid #d8dbe1; border-radius:0 0 9px 9px; color:#474e5d; font-size:14px; line-height:16px; padding:9px 11px; position:absolute; top:72%; z-index:99; } .platform-contact-form { background:#9ec1cc; padding:0 0 20px 0; } .platform-contact-form h2 { background:#589bb0; border-bottom:1px solid #fff; color:#fff; font-size:32px; line-height:36px; padding:20px 0;} .platform-content { padding:0 0 0 5%; text-align:left;} .platform-contact-form #contact-from-wrap {padding:0 2%;} .about-block { border-bottom:3px solid #c4b0cb; margin:0 0 50px 0; text-align:left;} .about-block p:last-child { margin-bottom:50px;} .big-icon { margin:50px 2% 0 0;} .big-icon img {max-width:392px; } .common-page-wrap { text-align:center; } .common-page-wrap h1 { margin-top:40px; } .common-page-wrap .sp-line { margin-bottom:30px;} .img-not-responsive-wrap img { width:auto;} /*------------------------Lines--------------------------------*/ .lines-wrap { border-top:1px solid #6c929e; margin:auto; margin-top:20px; width:68%;} .over3col { width:68%;} .over2col { width:60%;} .lines-50p { float:left; width:50%;} .line-left { border-left:1px solid #6c929e; height:20px;} .line-right { border-right:1px solid #6c929e; height:20px;} .sp-line { background:#9d7ca8; height:3px; margin:auto; width:70px;} .sp-line ~ p { margin-top:20px;} .bordercolorpurple { border-color:#9d7ca8} /*----------- custom responsive cols ----------------*/ .row { clear:both; float:left; position:relative; width:100%;} .col-auto2 {-webkit-column-count:2; -moz-column-count:2; column-count:2;} .col-1of2 { float:left; width:40%} .col-1of2:first-child { margin-right:10%;} .col-1of2:last-child { margin-left:10%;} .col-1of3 { float:left; width:32%;} .col-1of3:first-child { margin-right:2%;} .col-1of3:last-child { margin-left:2%;} .col-60p, .col-50p, .col-40p, .col-70p, .col-30p { float:left;} .col-70p { width:70%;} .col-60p { width:60%;} .col-50p { width:50%;} .col-40p { width:40%;} .col-30p { width:30%;} /*----------- footer stuff ----------------*/ #socialmedia-icon-wrap { background:#f8f8f8; color:#7b7b7b; padding:30px 0; text-align:center;} #f-contacts {background:#589bb0; color:#fff; padding:50px 0 40px 0; text-align:center;} #f-wired { background:#03445a; padding:50px 0 40px 0; text-align:center;} #footer-logo { float:left; margin:30px 5% 0 5%; width:20%;} #wired-service { color:#fff; float:right; margin:0 10% 0 0; width:30%;} #wired-service p { font-size:15px; line-height:18px; margin:0 0 10px 0;} #wired-service a { color:#5496ab;} #wired-service a:hover {color:#75bad0;} #wired-service a:before { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -180px -136px; content:""; display:inline-block; height:10px; margin:0 5px 0 0; width:10px;} /*--------------------Media Queries-----------------------*/ @media only screen and (max-width: 1280px) { #header-main { height:120px;} #header-main #headerlogo { margin:30px 0 0 0; min-width:170px; width:16%;} #header-main #nav-wrap {margin:45px 0 0 0; } #aft-head-strip { height:10px} } @media only screen and (max-width: 1080px) { .contentwidth { margin:0 3%; width:94%;} #header-main #menu li a { font-size:18px;} #header-main #menu li ul.children { left:30px; } } @media only screen and (max-width: 900px) { #headerlogo { margin:70px 0 0 0; width:35%; } #nav-wrap {margin:20px 0 0 0; width:100%;} #header-main #nav-wrap { margin:45px 0 0 0; width:74%;} #menu ul { float:left;} #header-main #menu ul { float:right;} #menu li a {margin:5px 30px 0 15px;} #header-main #menu li a {margin:5px 0 0 45px;} #statement { margin:50px 0 0 10px; width:60%;} .p-set-height {height:220px} #menu li ul.children { left:15px; } } @media only screen and (max-width: 760px) { .hide-at-w760, .spb-01:before, .spb-02:before, .spb-03:before { display:none;} #header-main { height:200px;} #header-main #headerlogo { float:none; margin:auto; padding-top:60px; width:240px;} .platform-content { padding:0; text-align:center; } .p-result-wrap {margin:50px 0 30px 0;} .about-block { text-align:center;} .big-icon { margin:auto; margin-bottom:20px; width:40%;} ul.linklist li a:before { display:none; } #statement { margin:50px 0 0 10px; width:90%;} #hh-icon-wrap a { margin:0 15px 8px 0;} .speach-bubble { margin:0 0 10px 0;} .p-set-height {height:auto;} .col-1of3, .col-1of3:first-child, .col-1of3:last-child { float:left; margin:0; padding:20px 0; width:100%;} .dblue-grad-conainer .col-1of3 {border-top:1px dotted #6c929e; margin:20px 0 50px 0; padding:30px 0 0 0; } .col-60p, .col-40p { width:100%;} .p-description-wrap { border:none; padding:0; text-align:center; margin:0;} .g-icon-wrap { text-align:center; margin-left:0;} .g-icon-wrap a { float:none;} #footer-logo { width:35%; } #wired-service { width:40%;} .platform-lead-wrap .icon, #cdfs .icon { display:none;} .platform-lead-wrap { margin:0; padding:30px 10%;} ul li { margin:0 20% 0 20%;} .row .col-50p:first-child .platform-lead-wrap, .row .col-50p:last-child .platform-lead-wrap { margin:20px 0;} /*--------------------Menu-----------------------*/ #nav-wrap { height:40px; margin:0; position:fixed; top:0; right:0; width:60%; z-index:999;} #header-main #nav-wrap {margin-top:0;} #menu input[type="checkbox"] + label { background:#03445a; border-radius:0 0 0 40px; border-bottom:1px solid #6c929e; border-left:1px solid #6c929e; color:#fff; cursor:pointer; font-size:16px; line-height:21px; display:block; margin:0; padding:14px 0 16px 0; position:absolute; right:0; text-align:center; width:200px; z-index:999; } #menu input[type="checkbox"] + label:before {background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -207px -133px; content:"Open "; display:inline-block; height:20px; margin:0; padding:0 0 0 30px; width:40px;} #menu input[type="checkbox"]:checked + label:before {background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -338px -133px; content:"Close "; display:inline-block; height:20px; margin:0; padding:0 0 0 30px; width:40px;} #menu ul { background-color:rgba(3,68,90,0.8); border-radius:0 0 8px 8px; float:none; margin:0; padding:0; position:absolute; right:0; overflow:hidden; top:0; transition:0.5s; width:250px;} #menu ul li { display:block; height:0; margin:0; overflow:hidden; padding:0; text-align:right; transition:0.5s; } #menu ul li a, #header-main #menu li a { color:#fff; display:block; font-size:16px; margin:0; z-index:999;} #menu ul li a:hover, #menu ul li.current_page_item a {background-color:rgba(8,6180,0,0.3)} #menu input[type="checkbox"]:checked ~ .menu ul { border-radius:0 0 0 60px; padding:60px 0;} #menu input[type="checkbox"]:checked ~ .menu ul li { border-bottom:1px dotted #6c929e; height:40px; transition:0.5s; } #menu input[type="checkbox"]:checked ~ .menu ul li a { margin:0; padding:8px 20px; } #menu ul.children { display:none;} #location-map-wrap { margin:40px 0 0 0; } #location-map-landscape { display:none;} #location-map-square { display:block;} #map-marker { width:40%; top:39%; left:45%;} .col-70p, .col-30p, .col-50p, #contact-from-wrap .col-50p:first-child { width:100%;} #contact-from-wrap {padding:0;} #contact-details-wrap { border-left:none; border-top:2px dotted #e7e7e7; margin:20px 0 0; padding:20px 0 0 0; text-align:center;} } @media only screen and (max-width: 600px) { .hide-at-w600 { display:none;} #header-home { background-position:60% 0;} #headerlogo { width:50%;} h1, .dblue-grad-conainer h1 { font-size:45px; line-height:45px; } .dblue-grad-conainer h1 span { font-size:24px; line-height:24px; } .col-auto2 {-webkit-column-count:1; -moz-column-count:1; column-count:1;} .col-1of2, .col-1of2:first-child, .col-1of2:last-child { float:left; margin:20; padding:0; width:100%;} .dblue-grad-conainer .col-1of2 {border-top:1px dotted #6c929e; margin:20px 0 50px 0; padding:30px 0 0 0; } #portfolio-btns-wrap a { font-size:24px; padding:16px 0; width:160px; } #or { margin-bottom:-48px;} #gmap-wrap { padding-bottom:80%;} #footer-logo { margin:30px 20%; width:60%;} #wired-service {width:80%;} } @media only screen and (max-width: 400px) { #headerlogo { width:70%;} #header-main { height:160px;} #header-main #headerlogo { padding-top:60px; width:200px;} .big-icon { width:60%;} #statement {width:100%;} #statement h1 { font-size:40px; line-height:40px;} #hh-icon-wrap { margin:50px 0 0 0} a.pdf-download { font-size:18px; width:300px;} #h-portfolio-btns-wrap a { padding:15px 30px;} #portfolio-btns-wrap a { font-size:20px; padding:16px 0; width:120px;} #or { height:24px; line-height:24px; margin-bottom:-45px; width:24px;} .platform-lead-wrap .icon { border-radius:9px; margin-top:-23px; } .platform-page-wrap .icon {margin-top:-24px;} #gmap-wrap { padding-bottom:120%;} .asp-icon { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -301px -1px #9d7ca8; height:46px; width:76px; } .asp-net-icon {background: url(/wp-content/themes/custom-wired/images/icon-sprite.png) -380px 0 #9d7ca8; height:46px; width:114px;} .php-icon {background: url(/wp-content/themes/custom-wired/images/icon-sprite.png) -499px -1px #9d7ca8; height:46px; width:78px;} .wordpress-icon { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) 5px 0 #9d7ca8; height:46px; width:165px;} .magento-icon { background:url(/wp-content/themes/custom-wired/images/icon-sprite.png) -162px 1px #9d7ca8; height:46px; width:135px;} } @media only screen and (max-width: 400px) { #portfolio-btns-wrap a { font-size:18px; padding:12px 0; width:100px;} #or { margin-bottom:-41px; } } p input[type="text"], p input[type="email"], p input[type="tel"], p input[type="password"], p textarea, .select2-choice, #calc_shipping_country, #calc_shipping_state { position:relative; z-index:999; }