@import url('https://fonts.googleapis.com/css?family=Raleway|Roboto|Comfortaa');h1{font-family:'Comfortaa', cursive;font-size:24px;color:rgb(72, 72, 72);text-align:center;padding:0;margin:0;line-height:30px;letter-spacing:1px;}
h2{font-family:'Comfortaa', cursive;font-size:16px;color:#2b6df3;text-align:center;}

h3{font-family:'Comfortaa', cursive;color:#808080; text-align:center; margin: 0; padding: 0;}
h4{color:grey;font-size:18px;font-style:normal;text-align:left;;font-weight:normal;letter-spacing:1px;margin:0;padding:0;}
h5{font-family:'Comfortaa', cursive; font-size:16px;color:#E30714; text-align:center; margin: 0; padding: 0;}
/*body{height:100%;margin:0;-webkit-animation:bugfix infinite 1s;background:#FFF;}
@-webkit-keyframes bugfix{from{padding:0;}
to{padding:0;}
}*/

.subhead2 {font-family:'Comfortaa', cursive;font-size:24px;color:rgb(33, 33, 72);padding:0;margin:0;line-height:30px;letter-spacing:1px;text-align:right;}

.customHr {
    width: 95%
    font-size: 1px;
    color:rgb(255,204,153);
    line-height: 3px;

    background-color: rgb(255,204,153);
    margin: 6px 0 12 0;
    margin-bottom: 10px;
}


.header {
    width: 100%;
    min-height:40px;
    padding: 4px 0px 4px 0px;
    background: #F2F2F2;
     border-bottom: 3px solid #ddfffd;
    margin: auto;
    overflow: hidden;
}

.headphone {
    float: left;
    width: 33%;
     height:30px;
    padding: 4px;
    margin: 0 ;
    text-align:center;
}

.headmail {
    float: left;
        width: 33%;
       height:30px;
    padding: 4px;
    display: inline-block;
    margin:0;
    text-align:center;
}



.headtranslate {
  float: left;
        width: 33%;
       height:30px;
    padding: 4px;
    display: inline-block;
    margin:0;
    text-align:center;
}


.staticrow2 {
       width:98%;
    margin: 25px auto 0 auto;
    min-height:20px;
    padding:0;
    z-index:2;
    background-color: #fff;
    overflow:hidden;
    }

.rightbtn{position:relative; width:100%;min-height:20px;color:#fff;font-size:1.4em;background:#131313;border:1px solid rgb(255,204,153);padding:2px 0 0 0;margin:24 auto 0 auto;text-align:center;text-decoration:none}.rightbtn:hover{text-decoration:none;color:#fff38e;cursor:pointer;border:1px solid #fff38e}
.dropdownlabel{color:#00AFEA;font-family:arial;font-size:14px;font-weight:bold;margin-right:25px;}
.formverification{position:relative;margin:auto;border:1px solid orange;width:300px;height:90px;padding:0;}
.csdblue{color:#349BD7;font-size:16pt;text-transform:uppercase;font-weight:600;}
.white{padding:0;color:#fff;text-align:center;}
.orange{color:orange;font-weight:bold;font-style:italic;margin:0 4px 0 2px;}
.icon{position:relative;margin:24px auto 0px auto;width:300px;height:60px;background-image:url(../img/logointernal.svg);background-repeat:no-repeat;background-position:center;background-size:cover;}
.icon2{position:relative;margin:4px auto 0px auto;width:300px;height:60px;background-image:url(../img/logointernal.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
.imagelink{color:#349BD7;font-size:24px;line-height:40px;margin:0 0 12px 0;}
.pageheader{position:absolute;top:0;left:0;width:100%;min-height:50px;margin:0;padding:4px 16px 8px 16px;z-index:999;}
.getaquote{position:relative;width:100%;background-color:#349BD7;color:#fff;padding:12px;font-size:22px;text-align:center;margin:0 0 22px 0;}
.linkholder{position:relative;float:left;width:25%;min-height:30px; padding: 12px 0 12px 0; margin:0;border:0px solid white;}
.linktext{float:left;width:100%;color:#fff;min-height:80px;padding:4px 20px 4px 20px;}



@media screen and (max-width:50em){.content{padding:0;text-align:center;}
}
.projectdescription{float:left;width:27%;min-height:50px;margin:8px 1% 18px 1%;padding:0 16px;text-align:left;}
.projectimage{float:left;width:40%;min-height:150px;margin:8px 1% 18px 1%;padding:0;border:2px solid #349BD7;}
.centretext{float:left;width:40%;text-align:left;min-height:150px;margin:8px 1% 18px 1%;padding:0;}
.quoteform{float:left;width:27%;min-height:50px;margin:8px 1% 18px 1%;padding:0 12px 0 12px;text-align:left;border:0;}
fieldset{width:100%;border:0;margin:0;padding:0;}
input{font-family:inherit;font-size:100%;border:2px solid #349BD7;width:100%;height:35px;float:right;margin-bottom:18px;}
textarea{font-family:inherit;font-size:100%;border:2px solid #349BD7;width:100%;min-height:110px;float:right;margin-bottom:18px;}
select{font-family:inherit;font-size:100%;border:2px solid #349BD7;margin-right:14px;width:130px;}

.badgedetaildiv {position:relative;width:96%;min-height:40px;color:#454545;margin:8px auto 4px auto;padding:18px;text-align:left;overflow: hidden;border:1px solid grey;}
.badgetextdiv {float:left;clear:left;width:50%;min-height:40px;color:#454545;margin:8px;padding:0px;text-align:left;}
.badgesizediv {float:right;clear:right;width:46%;min-height:40px; color:#454545;margin:8px;padding:0px;text-align:left;border:1px solid blue;display:block;}
/* Button badge details page elementsMedia queries */
@media screen and (max-width: 860px) {
.badgetextdiv {float:left;clear:left;width:98%; border:1px solid blue;}
.badgesizediv {float:right;clear:right;width:98%;border:1px solid red;}
}
.formdivleft{float:left;width:46%;min-height:450px;color:#454545;margin:2% 2% 2% 2%;padding:18px;text-align:left;border:1px solid #fff;}
.formdivleft a:link{ color:#134896; }
.formdivleft a:visited{ color:#134896; }
.formdivleft a:hover{ color:#942A5F; }
.formdivleft a:active{ color:#6FB25C}
.formdivright{float:left;clear:right;width:46%;min-height:450px;border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;-webkit-border-radius:8px 8px 8px 8px;color:#fff;margin:2% 0% 2% 2%;padding:18px;text-align:center;background-color:rgba(0, 12, 34,0.7);background:rgba(0, 12, 34,0.7);border:1px solid #fff;}
.portfoliotext{float:left;width:46%;min-height:450px;border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;-webkit-border-radius:8px 8px 8px 8px;color:#fff;margin:2% 2% 2% 2%;padding:18px;text-align:left;background-color:rgba(0, 12, 34,0.7);background:rgba(0, 12, 34,0.7);border:1px solid #fff;}
.portfolioimage{float:left;clear:right;width:46%;min-height:100px;border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;-webkit-border-radius:8px 8px 8px 8px;color:#fff;margin:2% 0% 2% 2%;padding:0;line-height:0;text-align:center;background-color:transparent;background:transparent;border:2px solid #fff;overflow:hidden;}
.portfolioimage:hover{border:2px solid #FFF38E;}
.bodytext{position:relative;left:2%;top:6%;width:44%;min-height:450px;color:#fff;padding:4px 16px 8px 16px;text-align:left;background-color:rgba(0, 0, 0, 0.9);background:rgba(0, 0, 0, 0.9);border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;-webkit-border-radius:8px 8px 8px 8px;border:1px solid #fff;overflow:show;}
.testimonials{width:94%;min-height:450px;border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;-webkit-border-radius:8px 8px 8px 8px;color:#fff;margin:18px auto 18px auto;padding:18px;text-align:left;background-color:rgba(0, 12, 34,0.7);background:rgba(0, 12, 34,0.7);border:1px solid #fff;}
.testimonialtext{font-style:italic;font-size:14px;color:#fff;}
.browserlogos{position:relative;width:295px;height:141px;margin:8px auto 0 auto;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url("../img/browsers-w3c.png");}
.browserlogos .hover{border:2px solid #fff;}
.clientname{font-weight:bold;color:#c0efff;margin:0 24px 4px 0;}
.dropdownlabel{color:#00AFEA;font-family:'Roboto', sans-serif;font-size:14px;font-weight:bold;margin-right:25px;}
.myButton{position:relative;background-color:rgba(255, 255, 255, 0.7);border:1px solid #fff;display:inline-block;cursor:pointer;color:#000;font-size:14px;font-weight:600;padding:3px 12px;margin:12px 0 0 0;text-decoration:none;}
.myButton:hover{background-color:rgba(0, 0, 0, 0.7);color:#fff;border:1px solid #fff38e;}
.myButton:active{position:relative;top:1px;}



.captchabar{padding:14px;height:140px;margin:0 0 40px 0;border:2px solid white;}
.footlinks{position:relative;width:100%;min-height:340px;margin:0;padding:0px 0 16px 0;background-color:#3a3a3a;overflow:none;}
.footlinks ul{float:left;text-indent:0;overflow:auto;padding-left:0;}
.footlinks ul li{list-style-type:none;float:left;text-indent:0;}
.footlinks ul li a i{float:left;text-indent:none;color:#fff;width:38px;height:38px;border-radius:38px;font-size:14px;text-align:center;margin:0 10px 12px 10px;padding-top:15%;border:2px solid #fff;}
.footlinks ul li a i{transition:all 0.2s ease-in-out;text-align:center;}
.footlinks ul li a i:hover{color:#fff38e;background-color:#E4EEFB;border:2px solid #fff38e;}
.footer{position:relative;background-color:#F2F2F2;width:100%;min-height:80px;padding:0;z-index:2;overflow:hidden; border-top: 3px solid  #777777;margin: 20px auto 0 auto;}
.footdiv1{float:left;width:33%;min-height:75px;color:#c0efff;margin:auto;padding:14px 8px 24px 8px;border:0;}
.footdiv1 ul{position:relative;text-indent:0;overflow:auto;padding-left:0;}
.footdiv1 ul li{list-style-type:none;float:left;text-indent:0;}
.footdiv1 ul li a i{float:left;text-indent:none;background:#124395 ;color:#c0efff;width:35px;height:35px;border-radius:35px;border:2px solid #888888;font-size:16px;text-align:left;margin:0 10px 0 10px;padding-top:15%;}
.footdiv1 ul li a i{transition:all 0.2s ease-in-out;text-align:center;}
.footdiv1 ul li a i:hover{color:#fff38e;background:#000;border:2px solid #fff38e;}
.footdiv2{float:left;text-align:center;width:33%;min-height:75px;color:#c0efff;margin:auto;padding:14px 8px 24px 8px;border:0;}
.footdiv3{float:left;text-align:center;width:33%;min-height:75px;color:#c0efff;margin:auto;padding:14px 8px 24px 8px;border:0;}
.socialmedia{position:relative;float:right;width:176px;height:28px;margin:0 4px 0 0;padding:0;}
.socialmedia2{display:none;border:red;}
.phone{width:100%;font-family:'Roboto', sans-serif;font-size:0.8em;line-height:1.8em;letter-spacing:0.05em;text-align:center;color:#000000;margin:6px auto 0 auto;padding:0;}
.phone a:link{text-decoration:none;text-align:left;font-size:1.2em;line-height:0.8em;letter-spacing:0.05em;}
.btmlinks{position:relative;bottom:0;width:100%;font-family:'Roboto', sans-serif;font-size:0.8em;line-height:1.8em;letter-spacing:0.05em;color:#ffffff;border-top:1px solid #888;padding:12px 0 70px 0;margin:0;background-color:#3a3a3a;text-align:center;}
.btmlinks a:link{margin:0 28px 0 0;}

.squarecontent {
  position: relative;
  width: 84%;
  min-height: 50px;
  margin: auto;
  padding: 0;
  overflow: hidden;
}

.headcontact {
  position: relative;
  width: 100%;
  min-height: 12px;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  	color: #ffffff;
	background-color:#164194;
   margin: auto;
  padding: 6px;
  overflow: hidden;
}

.headcontact ul {
padding: 6px;
margin: 4px;
line-height: 34px;
}

.headcontact li {
  display: block;
  list-style-type: none;
  line-height: 40px;
}
.headcontact li a {
  color: #ffffff;
  text-decoration: none;
  margin: 0;
}
.headcontact li a:visited {
  text-decoration: none
}
.headcontact li a:hover {
  color: yellow;
}
@media only screen and (max-width:1200px){.formdivleft{position:relative;width:95%;height:auto;margin:2% auto! 2% auto!;border:3px solid #fff;}
.formdivright{position:relative;width:95%;height:auto;margin:2% auto! 2% auto!;border:3px solid #fff;}
.portfolioimage{width:95%;}
}
@media only screen and (max-width:1220px){.linkholder{width:50%;}
.linktext{min-height:180px;padding:4px 20px 4px 20px;}
}
@media only screen and (max-width:600px){.linkholder{width:100%;}
.projectdescription{width:100%;margin:0;}
.projectimage{width:100%;margin:0;margin:8px 0 18px 0;}
.quoteform{width:100%;margin:8px 0 18px 0;}
.linktext{min-height:80px;padding:4px 20px 4px 20px;}
.leftbtn{width:100%;margin:5px auto 5px auto;}
.rightbtn{width:100%;margin:5px auto 5px auto;}
.footdiv1{width:100%;margin:5px auto 5px auto;}
.footdiv2{width:100%;margin:5px auto 5px auto;}
.footdiv3{width:100%;margin:5px auto 5px auto;}


}
@media only screen and (max-width:800px){
    .headphone {
        position: relative;
    width: 98%;
    margin: 2px auto 2px auto ;
}

.headmail {
     position: relative;
    width: 98%;


}
    
    .headtranslate {
   position: relative;
    width: 98%;
     margin: 2px auto 14px auto ;

}

}

@media only screen and (max-width:800px){
.footdiv1{width:100%;margin:5px auto 5px auto;}
.footdiv2{width:100%;margin:5px auto 5px auto;}
.footdiv3{width:100%;margin:5px auto 5px auto;}
}
@media only screen and (max-width:480px){h1{font-size:22px;color:#000;}
.fontcol{color:#1D78B7;font-size:0.6em;letter-spacing:0.1em;}
.footdiv{position:relative;text-align:center;width:100%;min-height:60px;color:#c0efff;margin:auto;padding:14px 8px 34px 8px;}
.socialmedia{position:relative!important;float:right;width:176px;height:28px;margin:0 22% 0 0;padding:0;display:none;}
.socialmedia2{position:relative;width:176px;height:28px;margin:auto;padding:0;display:block;}
.phone{width:100%;font-family:'Roboto', sans-serif;font-size:0.8em;line-height:1.8em;letter-spacing:0.05em;text-align:center;color:#ffffff;margin:6px auto 0 auto;padding:0;}
}
@media only screen and (max-width:320px){h1{font-family:'Roboto', sans-serif;font-size:0.1em;line-height:0.5em;text-align:center;color:#000;margin-top:2.67em;margin-bottom:0.67em;margin-left:0;margin-right:0;}
}