/*
Theme Name:Cube Innovations
Theme URI:http://www.cubeinnovations.co.nz
Description:Cube Innovations Theme.
Version:1.0.0
Author:DMM
Author URI:http://www.dmm.net.nz
*/
body{font-family:'Source Sans Pro', sans-serif;font-size:18px;color:#000000;}
h1{font-family:'Ubuntu', sans-serif;font-size:36px;font-weight:700;}
h2{font-family:'Ubuntu', sans-serif;font-size:32px;font-weight:700;}
h3{font-family:'Ubuntu', sans-serif;font-size:28px;font-weight:700;}
h4{font-family:'Ubuntu', sans-serif;font-size:24px;font-weight:700;}
h5{font-family:'Ubuntu', sans-serif;font-size:20px;font-weight:700;}
h6{font-family:'Ubuntu', sans-serif;font-size:18px;font-weight:700;}
a{color:#E6292C;text-decoration:underline;}
a:hover{color:#AF1F22;text-decoration:none;}
a:focus{outline:0px;}
.no-padding{padding:0px !important;}
.nothing{clear:both;margin:0px;padding:0px;}
.red{color:#E6292C;}
.white{color:#FFFFFF;}
.gap {
	padding: 0 5px 0 5px !important;
	width: 25% !important;
}
#shell{max-width:1920px;margin:0 auto;}
/* TOP BAR */
#topBar{padding:26px 0 0 0;text-align:right;}
#topBar a{margin-left:19px;font-family:'Ubuntu', sans-serif;color:#646464;font-weight:700;text-decoration:none;}
#topBar a:hover{color:#E6292C;}
header{border-bottom:2px solid #E6292C;}
/* LOGO */
#logo{position:relative;margin:-17px 0 42px 0;padding:0px;display:block;z-index:256;}
/* RESPONSIVE ICONS */
.responsiveIcons{float:left;width:52%;text-align:center;display:none;}
.responsiveIcons .fa{width:80px;height:80px;padding:2px 14px;font-size:48px !important;color:#101F2D;line-height:50px;text-align:center;vertical-align:bottom;display:inline-block;}
#phoneIcon .fa-phone{line-height:55px}
/* NAV */
.navbar{margin:0px;}
.navbar-default{border:0px;background:transparent;}
.navbar-default .navbar-nav{position:relative;z-index:256;}
/* BANNER */
#banner{position:relative;height:575px;}
#overlay{position:absolute;top:0px;left:0px;width:100%;height:75px;background:url(./images/design/shadow.png) repeat-x 0% 0%;display:block;z-index:10;}
#banner .rev_slider .slotholder:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none;background:rgba(0, 0, 0, 0.52);}
.tp-caption{font-family:'Ubuntu', sans-serif !important;font-weight:700 !important;}
.hesperiden.tparrows:hover::before{color:#000000 !important;}
.hesperiden.tparrows.tp-leftarrow::before{content:'\e824';}
.hesperiden.tparrows.tp-rightarrow::before{content:'\e825';}
/* Revolution Slider */
.tp-caption {
	font-family: ubuntu, serif !important;
	font-weight: 300 !important;
	font-style: italic !important;
}
/* BADGE */
#badgeArea{margin-top:-121px;}
.badgeBox{text-align:center;background:#FFFFFF;}
.badgeBox .categoryIcon{margin:0 auto 26px auto;display:block;}
.badgeBox a{padding:37px 0 3px 0;color:#000000;font-weight:700;text-transform:uppercase;text-decoration:none;display:block;}
.badgeBox a:hover{color:#E6292C;}
.badgeBox .hoverIcon{display:none;}
.badgeBox:hover .normalIcon{display:none;}
.badgeBox:hover .hoverIcon{display:block;}

/* BREADCRUMBS */
#breadcrumbs{font-size:10px;color:#000000;}
#breadcrumbs .crumbs{padding:20px 0px;}
#breadcrumbs a{padding:0px;font-size:10px;color:#000000;text-decoration:none;}
#breadcrumbs a:hover{color:#E6292C;}
#breadcrumbs .divider{margin:0px 5px;color:#000000;}
/* CONTENT */
.defaultPageContent{margin:52px 0 29px 0;}
/* SECTIONS */
#categories{background-color:#333333;}
#projects{background-color:#E6292C;}
.boxItems{padding:53px 0 43px 0;text-align:center;background:url(./images/design/shadow2.png) repeat-x 0% 0%;}
.boxItems h1{margin:0 0 50px 0;}
.box{margin-bottom:40px;}
.box .description{margin-top:24px;text-align:center;}
.box .description strong{margin-bottom:10px;font-family:'Ubuntu', sans-serif;font-size:18px;text-transform:uppercase;display:block;}
#projects .learnMore{background:#333333;}
#projects .learnMore:hover{color:#FFFFFF;background:#AF1F22;}
.txtSegment{margin-bottom:80px;text-align:center;}
.txtSegment h1{margin:0 0 32px 0;}
#introTxt{margin-top:96px;}
#aboutTxt{margin-top:72px;}
#formArea{margin:63px 0 78px 0;text-align:center;}
#formArea h1{margin:0 0 23px 0;}
#formArea form{margin-top:54px;}
/* CATEGORY PAGE */
#redBox{position:absolute;right:0px;width:calc(100% - 75.5%);background:#E6292C;}
.contentArea{padding:0 30px 0 0;}
.contentArea ul{margin:0px;padding-left:15px;}
.contentArea ul li{margin-top:19px;}
.contentArea .mainContent{max-width:615px;}
.contentArea .features{margin-top:55px;}
.contentArea .features h2{font-size:30px;color:#252525;}
.enquire{margin:25px 0 140px 0;padding:30px 0px 27px 34px;color:#FFFFFF;background:#E6292C;}
.enquire h3{margin:0 0 5px 0;font-size:30px;}
.enquire h1{margin:0px;font-size:55px;}
.quote{position:relative;max-width:420px;padding:56px 0 46px 32px;font-family:'Ubuntu', sans-serif;font-size:36px;color:#252525;font-style:italic;font-weight:500;background:url(./images/design/quote-left.png) no-repeat 34px 0%;}
.quote .speachmark{position:absolute;bottom:0px;right:0px;width:56px;height:36px;background:url(./images/design/quote-right.png) no-repeat 0% 0%;}
.space98{width:1px;height:98px;}
/* TESTIMONIAL */
.individualTestimonial{position:relative;margin-bottom:20px;padding:20px 53px;background:url(./images/design/quote-left-dark.png) no-repeat 0% 15%;}
.individualTestimonial .speachmark{position:absolute;bottom:0px;right:0px;width:45px;height:39px;background:url(./images/design/quote-right-dark.png) no-repeat 0% 0%;}
/* CONTACT DETAILS */
.contactDetails h1{font-size:30px;}
.contactDetails a{color:#000000;text-decoration:none;}
.contactDetails a:hover{color:#E6292C;text-decoration:underline;}
.contactDetails .icons{float:left;margin-right:29px;}
.contactDetails .icons img{margin-top:36px;}
.contactDetails .icons img:first-child{margin-top:73px;}
.contactDetails .icons img:last-child{margin-top:26px;}
.contactDetails .iconsDetails{float:left;}
.space12{width:1px;height:12px;clear:both;}
/* FOOTER */
footer{padding-top:23px;color:#FFFFFF;background:#333333 url(./images/design/shadow2.png) repeat-x 0% 0%;}
footer a{color:#FFFFFF;text-decoration:none;}
footer a:hover{color:#E6292C;}
.cubeLogo{margin:72px 0 61px 0;}
footer h1{margin:20px 0 25px 0;}
footer .spacing{width:100%;height:10px;margin:0px;padding:0px;clear:both;}
footer ul{margin:0px;padding:0px;list-style-type:none;}
footer ul li{padding:2px 0 3px 0;}
footer ul li:first-child{padding-top:0px;}
footer ul li a{display:block;}
#bottomBar{margin-top:53px;padding:15px 0 55px 0;text-align:right;background:#242424;}
#bottomBar .container{position:relative;padding-right:86px;}
#backToTop{position:absolute;top:-42px;right:0px;width:60px;height:60px;background:url(./images/design/arrow.png) no-repeat 0% 0%;cursor:pointer;}
/* BLOG */
.date{color:#A9A9A9;}
.navButtons{float:left;width:33.33333333%;}
.navButtons a{max-width:205px;margin:33px auto 0 auto;padding:15px 0;font-family:'Ubuntu', sans-serif;font-size:16px;color:#FFFFFF;text-transform:uppercase;text-align:center;text-decoration:none;background:#333333;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.navButtons a:hover{color:#FFFFFF;background:#AF1F22;}
/* PAGINATION */
#malinky-ajax-pagination-button{max-width:205px;margin:33px auto 0 auto;padding:15px 0;font-family:'Ubuntu', sans-serif;font-size:16px;color:#FFFFFF;text-transform:uppercase;text-align:center;text-decoration:none;background:#333333;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#malinky-ajax-pagination-button:hover{color:#FFFFFF;background:#AF1F22;}
/* DEFAULT FORM STYLING */
.inputfield{width:100%;margin-bottom:47px;padding:4px 14px 5px 14px;border:1px solid #828282;}
.textfield{width:100%;height:100%;max-height:145px;margin-bottom:47px;padding:8px 14px 9px 14px;border:1px solid #828282;}
.no-left-margin{margin-left: 0 !important;}
input{font-family:'Source Sans Pro', sans-serif;font-size:18px;color:#000000;}
#submitBtn{width:100%;max-width:205px;margin:33px auto 0 auto;padding:15px 0;font-family:'Ubuntu', sans-serif;font-size:16px;color:#FFFFFF;text-transform:uppercase;text-align:center;text-decoration:none;border:0px;background:#E6292C;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#submitBtn:hover{color:#FFFFFF;background:#AF1F22;}
#submitBtn:active{color:#FFFFFF;background:#AF1F22;}
.learnMore{max-width:205px;margin:33px auto 0 auto;padding:15px 0;font-family:'Ubuntu', sans-serif;font-size:16px;color:#FFFFFF;text-transform:uppercase;text-align:center;text-decoration:none;background:#E6292C;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.learnMore:hover{color:#FFFFFF;background:#AF1F22;}
.wpcf7-validation-errors{margin-bottom:5px !important;padding:6px 12px !important;font-size:14px !important;color:#FFFFFF !important;border:1px solid #EEA236 !important;border-radius:4px;background:#F0AD4E;clear:both;}
.wpcf7-not-valid-tip{margin-bottom:5px !important;padding:6px 12px !important;font-size:14px !important;color:#FFFFFF !important;border:1px solid #D43F3A !important;border-radius:4px;background:#D9534F;}
::-webkit-input-placeholder {color:#000000 !important;}
::-moz-placeholder {color:#000000 !important;}
:-ms-input-placeholder {color:#000000 !important;}
input:-moz-placeholder {color:#000000 !important;}
/* MAP */
#map{width:100%;height:451px;margin-top:85px;}   
.gm-style-iw * {width:100%;display:block;} 
.gm-style-iw h4, .gm-style-iw p {margin:0;padding:0;}
.gm-style-iw a {color:#4272db;}
/* --------------------------------------------- */
/* Responsive Changes                            */
/* --------------------------------------------- */
@media only screen and (min-width:1px) and (max-width:767px){
 #topBar .col-xs-12{display:none;}
 #logo{float:left;width:45%;margin:0px;padding:13px 15px 0 15px;}
 .responsiveIcons{display:block;}
 #navbar{width:100%;margin:0px;border-top:0px;}
 .navbar-header{margin:0px !important;}
 .navbar-collapse{float:none;padding:0px;display:block;}
 #mega-menu-wrap-header-menu{float:none;margin:0px;border-radius:0px;}
 #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-left{width:100%;margin:0px;padding:0 15px;text-align:right;}
 #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1::before{color:#3F4954;}
 #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1::after{color:#3F4954;}
 #mega-menu-wrap-header-menu #mega-menu-header-menu{background:#AF1F21;background:-moz-linear-gradient(top,  #AF1F21 0%, #E6292C 30%);background:-webkit-linear-gradient(top,  #AF1F21 0%,#E6292C 30%);background:linear-gradient(to bottom,  #AF1F21 0%,#E6292C 30%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#AF1F21', endColorstr='#E6292C',GradientType=0 )}
 
 #content{padding:0 15px !important;}
 #redBox{display:none;}
 .quote{padding:56px 15px 46px 15px;background-position:15px 0%;}
 .quote .speachmark{right:15px;}
 .individualTestimonial{background-position:0% 0%;}

 @media only screen and (min-width:1px) and (max-width:479px){
  .contactDetails .icons{display:none;}
  .contactDetails .iconsDetails{float:none;}
 }
 
 @media only screen and (min-width:1px) and (max-width:480px){
 .cubeLogo{margin:52px auto 61px auto;}
 .utilityVehicles{margin:0 auto;}
 #bottomBar{text-align:left;}
 }
 
 @media only screen and (min-width:359px) and (max-width:720px){
  .box a img{margin:0 auto;}
  @media only screen and (min-width:421px) and (max-width:720px){
   .quote{max-width:100%;}
  }
  @media only screen and (min-width:481px) and (max-width:720px){
  .cubeLogo{float:left;margin:52px auto 61px auto;display:inline;}
  .utilityVehicles{float:right;margin:0 auto;display:inline;} 
  }
 }
}

@media only screen and (min-width:768px) and (max-width:991px){
 #content{padding:0 15px !important;}
 #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{padding:0 11px;}
 @media only screen and (min-width:768px) and (max-width:815px){
  #logo{margin:-37px 0 0 10px;}
  #navbar{margin:0px;padding:0px;clear:both;}
  #mega-menu-wrap-header-menu{float:none;margin-top:0px;overflow:hidden;}
 }
}

@media only screen and (min-width:992px) and (max-width:1199px){
 #logo{margin:-17px 0 0 0;}
 #navbar{margin:0px;padding:0px;clear:both;}
 #mega-menu-wrap-header-menu{float:none;margin-top:0px;overflow:hidden;}
 #content{padding:0 15px !important;}
}

@media only screen and (min-width:1200px) and (max-width:1640px){
 #mega-menu-wrap-header-menu{overflow:hidden;} 
}