/******************************************************************
Theme Name: Nowcomms
Theme URI: 
Description: This site was built using the Nowcomms Development Theme.
Author: Nowcomms Group
Author URI: http://nowcommsgroup.com
Version: 1.0
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/

------------------------------------------------------------------*/
html{
	margin:0px;
	padding:0px;
	height:100%;
}

body{
	font-size:100%;
	margin:0px;
	padding:0px;
	overflow:auto;
	text-align:center;
	background-color:#ffffff;
	letter-spacing: 0.2rem;
	height:100%;
	-webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
	overflow-x: hidden;
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size:18px;
}

h1{
  font-family: 'Unkempt', Helvetica, Arial, sans-serif;
  font-size:41px;
  color:#ffffff;
}

p{
    letter-spacing: 0.13rem !important;
    font-weight:200;
    line-height:30px
}

h2{
    font-family: 'Unkempt', Helvetica, Arial, sans-serif;
    font-size:41px;
    color:#0055B8;
    line-height:45px
  }

  h3{
    font-family: 'Unkempt', Helvetica, Arial, sans-serif;
    font-size:30px;
    margin-bottom:10px;
    margin-top:30px;
  }

  h4{
    font-family: 'Unkempt', Helvetica, Arial, sans-serif;
    font-size:18px;
    margin-bottom:10px;
    margin-top:30px;
    line-height: 23px
  }

  .footer{
      width:100%;
      overflow: hidden;
      background-color:#0055B8;
     /*
      background: -moz-linear-gradient( 1800deg, rgb(41, 113,189) 0%, rgb(45,49,147) 100%) !important;
      background: -webkit-linear-gradient( 1800deg, rgb(41, 113,189) 0%, rgb(45,49,147) 100%) !important;
      background: -ms-linear-gradient( 1800deg, rgb(41, 113,189) 0%, rgb(45,49,147) 100%) !important;
      */
      min-height:60px;
      position:relative
  }

  .footer::before{
      content:"";
      background-image:url(images/headerbg.png);
      height: 12px;
      width:100%;
      background-repeat:no-repeat;
      background-position:center bottom;
      position: absolute;
      left: 0px;
      top:-2px
  }

  .staticContent p{
      font-weight:200;
      font-family: 'Raleway', Helvetica, Arial, sans-serif;
  }

#headerSection{
    background-color:#ededed;
    height: 95px;
    width:100%;
    position: fixed;
    top:0px;
    left: 0px;
    z-index:1000;
    overflow:visible
}

#headerSection::after{
    background-image:url(images/headerbg.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    content:"";
    position: absolute;
    width:100%;
    left: 0px;
    bottom:-10px; height: 12px;
    z-index:-1
}

.siteLogo{
    width:400px;
    margin-top:15px
}

.mainContent{
    margin-top:87px;
}

.homeHero{
    width:100%;
    position:relative;
    background-color:#0055B8;
    /*
    background: -moz-linear-gradient( 1800deg, rgb(41, 113,189) 0%, rgb(45,49,147) 100%) !important;
    background: -webkit-linear-gradient( 1800deg, rgb(41, 113,189) 0%, rgb(45,49,147) 100%) !important;
    background: -ms-linear-gradient( 1800deg, rgb(41, 113,189) 0%, rgb(45,49,147) 100%) !important;
   */
}

.homeHero::after{
   position: absolute;
   bottom:-1px;
   content:"";
   width:100%;
   background-image:url(images/bg-bottom.png);
   height: 20px;
   left:0px;
   background-repeat:repeat-x;
   background-position: center bottom;
   background-size:auto 100%;

}

.staticContent a:link, .staticContent a:hover, .staticContent a:visited{
   color:#ffffff
}

.upBtn{
    width:60px;
    height: 60px;
    position: absolute;
    bottom:240px;
    right: -30px;
    background-image:url(images/upbtn.png);
    background-size:contain
}

.blockContent{
    width:95%;
    max-width: 1168px;
    overflow:hidden;
    margin:0 auto;
}

.imageContent img{
    max-width:100%;
}

.products{
    margin-top:100px
}
.productItem{
    overflow:hidden;
    color:#0055B8;
    text-align:left;
    margin-bottom:90px;
    padding-left:25px;
    padding-right:25px
}
.productItem img{
    max-width:100%;
    display:block;
    margin:0 auto;
}

.productsContent{
    width:100%;
}

select{
    -webkit-appearance:none;
   -moz-appearance:none;
   -ms-appearance:none;
   appearance:none;
   background-image:url(images/bg-arrowdown.png);
   background-repeat: no-repeat;
   background-position:98% center;
   background-size:14px 10px
}
.wpcf7-form-control-wrap  span.wpcf7-not-valid-tip, .wpcf7-response-output{
   font-size:1.5rem;
      font-family: 'raleway', Arial, Helvetica, sans-serif;
      color:#a40c25
}
.wpcf7-form div.wpcf7-response-output{
   margin:0px
}

/* Contact Us Form */
.form-contact-us{font-family:'raleway', Helvetica, Arial, sans-serif;font-size:16px;}
.form-contact-us .control-label{float:left;width:210px; text-align:right; margin-right:20px;  font-family: 'Raleway', Helvetica, Arial, sans-serif;  font-weight:500}
.form-contact-us .form-group{display:table;width:100%; margin-left:0px; margin-right:0px}
.form-contact-us .form-group .control-label{line-height:30px; color:#0055B8}
.form-contact-us .form-group .control-label .required{color:#a40c25;font-weight:bold;font-size: 1.2em;}
.form-contact-us .form-group>span{display:block;padding-bottom:10px;overflow:hidden;}
.form-contact-us .form-group input, .form-contact-us .form-group select, .form-contact-us .form-group textarea{padding:10px;width:100%; color:#0055B8}
.form-contact-us .form-group .wpcf7-submit{font-family: 'Unkempt', Helvetica, Arial, sans-serif; width:auto;display:inline-block;margin:0 auto; background-color:transparent;font-size:24px;border:none; padding:15px 45px; background-image:url(images/btnSend.png); background-size:100% auto; background-repeat:no-repeat; color:#ffffff; background-position: center center}
.form-contact-us .form-group .form-contact-submit{display:inline-block;position:relative; }
.form-contact-us .form-group .form-contact-submit .ajax-loader{position:absolute;top:15px;left:100%;margin-left:25px;}

@media(max-width:767px){
.form-contact-us .control-label{float:none;width:auto;}
}

.contactUsForm{
    width:100%;
    overflow:hidden;
}

.form-contact-us{
    overflow:hidden
}
.contactUsForm  .wpcf7{
    width:100%;
    background-color:#ffffff;
    overflow: hidden;
    padding-left:25px;
    padding-right:25px;
    padding-top:40px
}
.contactUsForm img{
    display: block;
    width:100%
}

.footerLink{
    text-align:right;
}

.widgettitle{
    display:none
}

.footerLink a:link, .footerLink a:hover, .footerLink a:visited{
    color:#ffffff !important;
    font-size:24px;
    font-family: 'Unkempt', Helvetica, Arial, sans-serif;
    display:inline-block;
    margin-left:20px;
    margin-right:20px
}


.btn, .btn:hover, .btn:visited
{font-family: 'Unkempt', Helvetica, Arial, sans-serif; width:auto; display:inline-block; margin:0 auto; background-color:transparent;font-size:24px;border:none; padding:15px 45px; background-image:url(images/btnGen.png); background-size:100% auto; background-repeat:no-repeat; color:#0055B8; background-position: center top}