html {
  scroll-behavior: smooth;
}
#page {
    display: none;
}
div#myCarousel3 {
    width: 100%;
    min-height: 300px;
}
div#myCarousel2 {
    width: 100%;
    min-height: 300px;
}
#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
    background-image: url("../images/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
}
.mobile{
	display: none !important;
}
div#registersuccess {
    font-size: 16px;
}
#abouthidereadmore{
	display: none;
}
.background h2 {
    font-size: 80px;
    text-align: center;
    display: block;
}
h2.homearticlehometoplefth2 {
    color: #034770 !important;
	    text-shadow: 5px 5px 5px #0f679d !important;
}
.homearticlehomerightcenter h2 {
    font-size: 55px !important;
    text-transform: uppercase;
    font-weight: bold;
	text-shadow: 5px 5px 5px #c3c3c3;
    color: #718D94;
}
.homearticlehomerightcenter {
       position: absolute;
    z-index: 99999;
    top: 5%;
    right: 4%;
}
.homearticlehometopleft h2 {
    text-transform: uppercase;
    font-size: 55px;
    color: white;
    font-weight: bold;
    text-shadow: 5px 5px 5px #2e2e2e;
}
.homearticlehometopleft {
    position: absolute;
    top: 4%;
    left: 7%;
}
.homearticlehometopright h2 {
    text-transform: uppercase;
    font-size: 55px;
    color: white;
    font-weight: bold;
    text-shadow: 5px 5px 5px #2e2e2e;
	text-align: right;
}
.homearticlehometopright {
    position: absolute;
    top: 4%;
    right: 7%;
	
}
.product-img-11 h2 {
    font-size: 55px;
    font-weight: bold;
    text-shadow: 5px 5px 5px #929292;
    text-transform: uppercase;
}
.product-img-11 {
    position: absolute;
    top: 28%;
    width: 100%;
    text-align: center;
}
.product-img-6 {
    position: absolute;
    z-index: 99999;
    bottom: 9%;
    left: 4%;
}
.product-img-6 h2{
  text-transform: uppercase;
    font-size: 55px;
    color: white;
    font-weight: bold;
    text-shadow: 5px 5px 5px #2e2e2e;
}

.homearticlehomebottomright h2 {
   font-size: 55px !important;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 5px 5px 5px #2e2e2e;
    color: white;
}
.homearticlehomebottomright {
    position: absolute;
    z-index: 99999;
    bottom: 9%;
    right: 4%;
}
.homearticlehomebottomleft h2 {
    text-transform: uppercase;
    font-size: 55px;
    color: white;
    font-weight: bold;
    text-shadow: 5px 5px 5px #2e2e2e;
}
.homearticlehomebottomleft {
    position: absolute;
    top	: 4%;
    left: 3%;
}
ol#myCarousel31 li {
    width: 12px;
    height: 12px;
}
ol#myCarousel31 {
       bottom: -6%;
    z-index: 1;
}
#articleproductscomming2{
	margin-top: 8%;
	margin-bottom: 8%;
}
.aboutshowreadmore{
	    cursor: pointer;
    color: #ED1721 !important;
    font-weight: bold;
}
body{
	overflow-x: hidden;
}
.allatagcss {
    background: #E61C24 !important;
    color: white !important;
    font-size: 19px;
    box-shadow: inset 0 0 20px rgb(149 74 74 / 0%);
    outline: 1px solid;
    outline-color: rgba(255, 255, 255, .5);
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
    border-radius: 4px !important;
}
.allatagcss:hover {
box-shadow: inset 0 0 20px rgb(59 47 47 / 78%), 0 0 20px rgb(56 44 44 / 58%);
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
}


    #nav {
            list-style: none inside;
            margin: 0;
            padding: 0;
            text-align: center;
			padding-top: 5px;
        }

        #nav li {
            display: block;
            position: relative;
        }

        #nav li a {
            display: block;
            text-decoration: none;
			color: black;
        }

     
        #nav ul {
            position: absolute;
            padding: 0;
            left: 0;
            display: none;  
        }

        #nav li:hover ul ul {
            display: none;
        }

.dropdown-submenu{
	 position: absolute;
    top: 0;
    left: 100% !important;
    float: left;
    width: 250px !important;
    margin: 7px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
background-color: #adb3be;
	background-clip: padding-box;
	border: 1px solid #d3d3d3;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
        #nav li:hover ul {
            display: block;
   
        }

        #nav li li:hover ul {
            display: block;
           
        }
.sbefullwebsite{
    padding-left: 25px;
     padding-right: 25px;
}
.homearticlehome4 {
    position: absolute;
    bottom: 19%;
    left: 6%;
	    width: 45%;
}
#articleabout2 {
    min-height: 800px;
    margin-top: 5%;
}
.philipdesig {
    color: #E41C23;
    font-size: 17px;
}
p.aboutphilipname {
    background: #196D92;
    padding: 9px 0px 4px 15px;
    color: white;
    font-size: 21px;
    width: 90%;
    border-right: 14px solid #E41C23;
}
.contactmapadd h3 {
    font-size: 21px !important;
}
.aboutcontent p {
    font-size: 15px;
}
article#articlecasestudy2 {
    margin-top: 5%;
    margin-bottom: 5%;
}
.aboutcontent {
    position: absolute;
    top: 32%;
    float: right;
    display: block;
    background: #C3C3C3;
width: 38%;
    right: 14%;
    padding: 25px;
}
.sbefullwebsite {
    overflow-x: hidden;
}
.aboutbannertext {
    position: absolute;
    top: 18%;
    color: white;
    right: 18%;
    font-size: 80px;
    font-weight: bold;
}
ul.nav.nav-pills li a {
    cursor: pointer;
    background: #3C3735;
    color: white;
    font-size: 15px;
    padding: 12px 35px;
    text-align: center;
    border-left: 10px solid #fff;
    margin: 5px;
    height: 65px;
    width: 100%;
}
footer {
    background: url(../images/footerbg.jpg);
    background-size: cover;
    background-position: 50% 48%;
	padding: 30px;
}
h3.wewould1 {
    color: white !important;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 8%;
}
input#contactformsubmit1 {
    background: #E61C24;
    padding: 0px 35px;
    color: white;
    margin: 2% auto;
    font-size: 19px;
    display: inline-block;
    width: auto;
    border: 1px solid #E61C24;
}
.productcat1 p {
    margin-bottom: 1em;
}
.contactmapadd1{
    padding: 0;
    color: white;
    opacity: 0.8;
}
.contactmapicon1.col-md-1 {
    color: #ED1C24;
}
.tabinnerbggrayafter a:hover {
    padding: 4px 28px;
    margin: 8% auto;
    display: inline-block;
    font-size: 19px;
}
ul.footermenu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.footermenu li a {
    color: white;
    font-weight: 100;
    font-size: 12px;
    opacity: 0.8;
}
ul.footermenu li a:hover {
    color: white;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #E61C24 !important;
}
.casestudiesbannertext p {
    font-size: 40px;
    font-weight: 800;
    color: #033072;
}
.casestudydiv:hover {
    box-shadow: 2px 4px 11px 1px #626262;
}
.tabinnerbggray {
    background: #EBEBEB;
    padding: 15px;
    text-align: center;
}
.tabinnerbggrayafter a {
    padding: 4px 28px;
    margin: 8% auto;
    display: inline-block;
    font-size: 19px;
}
.tabinnerbggrayafter {
    background: #196D94;
    padding: 15px;
    color: white;
}
.tabinnerbggrayafter h3 {
    margin: 0;
    font-size: 25px;
}
.casestudiesbannertext {
    position: absolute;
    top: 9%;
    left: 41%;
}
p.homearticlehome4p a {
    padding: 6px 15px;
    margin: 3% auto;
    display: inline-block;
    font-size: 12px !important;
    font-weight: bold;
}
.homearticlehome4li1{
    list-style-type: none;
}
.homearticlehome4li2 {
    text-shadow: none !important;
}
.homearticlehome4 h2 {
    font-size: 55px;
    font-weight: bold;
}
p.homearticlehome24p a {
    padding: 6px 11px;
    margin: 3% auto;
    display: inline-block;
    font-size: 12px !important;
	font-weight: bold;
}
.homearticlehome24 {
    position: absolute;
    bottom: 12%;
    right: 17%;
}
.homearticlehome4 ul li {
    color: white;
    font-size: 28px;
    text-shadow: 3px 2px #4b4b4c;
}

.menuborbot{
	border-bottom: 0px !important;
}
.navbar-brand>img {
    position: absolute;
    top: 15%;
}
ul.dropdown-menu li {
    padding: 5px;
    border-bottom: 1px solid #6d6d6d;
}
p.aboutofficep {
    color: #E41C23;
}
p.aboutsidelastp {
    text-align: center;
    font-size: 19px;
}
p.aboutoffice {
    font-size: 20px;
    margin-top: 10%;
    font-weight: bold;
}
.productinner2 p {
    font-size: 18px;
}
.productcat1 {
  font-size: 20px;
}
article.list-group-item img {
    margin: 0px auto;
}
article#articlemenutop {
    background: #CDD3DF;
}
article.list-group-item:hover {
    box-shadow: 2px 4px 11px 1px #626262;
}
input#contactform1 {
    border-radius: 6px;
}
.homecenter {
    font-size: 22px;
    width: 60%;
    margin: 15% auto;
}
.productbannertext{
    position: relative;
}
.protopslidetext img{
	margin: 0px auto;
}
.protopslidetext {
        position: absolute;
    top: 11%;
    left: 0%;
    color: white;
    width: 100%;
}
.aboutcontent h2 {
    color: #102949;
}
.producth2{
	 font-weight: bold;
	 margin-top: 0;
	 color: #102949;
}
.protopslidetext h1 {
    font-size: 48px;
    text-align: center;
}
.contactallservice {
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 6px;
}
ul.contactsocial {
    padding: 0;
    text-align: center;
}
ul.contactsocial li {
    list-style-type: none;
    display: inline-block;
    font-size: 35px;
    padding: 18px;
}
ul.contactsocial li a {
    color: white;
    padding: 8px 15px 8px 15px;
    background: #333333;
}
.contactthirdbg{
	background: #E4E4E4;
	padding: 30px;
}
 .contact-serviceimg{
    width: 45%;
    margin: 0px auto;
}
 .contact-spareimg{
    width: 45%;
    margin: 0px auto;
}
.contactallserviceline {
    border-right: 2px solid;
}
.contact-projectimg{
    width: 20%;
    margin: 0px auto;
}
p.contactthirdiicon i {
    font-size: 21px;
    color: #ED1C24;
    text-align: center;
}
.contactthirdbg p {
    text-align: center;
}
.contactmapicon {
    float: left;
    vertical-align: middle;
}
.contactmapicon i {
    font-size: 21px;
    color: #ED1C24;
    text-align: center;
}
.contactmapadd {
    margin-left: 37px;
    margin-bottom: 0px;
}
.contactmapadd h3 {
    margin: 0;
}
.probottomslidetext {
    position: absolute;
    bottom: 46%;
    left: 7%;
    color: #cccbcb;
    font-size: 23px;
}

.button-group {
  margin: 20px 0;
  text-align: center;
}

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.grid article {
  background-color: #FFFFFF;
  display: block;
  float: left;
  margin: 1%;
  width: 23%;
}

@media (max-width: 1024px) {
  .grid article {
    width: 31.3%;
  }
}

@media (max-width: 767px) {
  .grid article {
    width: 48%;
  }
}

@media (max-width: 479px) {
  .grid article {
    margin: 2% 0;
    width: 100%;
  }
}
.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: #707070;
}
.carousel-control .fa-arrow-left {
    position: absolute;
   top: 35%;
    left: -7%;
    width: auto;
    font-size: 25px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
    background-color: #3C3735;
    padding: 13px;
    line-height: 8px;
}
.carousel-control .fa-arrow-right {
    position: absolute;
    top: 35%;
    right: -7%;
    width: auto;
    font-size: 25px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
    background-color: #3C3735;
    padding: 13px;
    line-height: 8px;
}
.popupform {
    margin: 0px auto;
    width: 60%;
}
.popupsubmit {
    background: #E61C24 !important;
    padding: 0px 35px !important;
    color: white !important;
    margin: 2% auto !important;
    font-size: 19px !important;
    display: inline-block !important;
    width: auto !important;
    border: 1px solid #E61C24 !important;
}
footer .container {
    margin-left: 12%;
}
#industrybullet {
    bottom: -15%;
}
#industrybullet li{
    background: #767676;
}
#industrybullet .active {
    background-color: #E61C24;
}
.industryul {
    padding: 0;
    list-style-type: none;
    text-align: center;
}
.industryprodet {
    background: #E61C24;
    padding: 8px 13px;
    color: white;
}
.industryprodet a{
    color: white;
}
.industrycasestudy{
    background: #a3a3a3;
    padding: 8px 13px;
    color: white;
}
.industrycasestudy a{
    color: white;
}
ul.industryul li {
    display: inline-block;
    width: 25%;
    margin: 10px 15px;
}
ul.industryul li a:hover{
     color: white !important;
}
article#articleproducts1 {
    display: inline-block;
}
.articleallpage{
	position: relative;
	display: inline-block;
}
.productsliderow {
    display: inline;
}
.accordion-toggle img {
    display: inline-block;
    width: 20%;
}
.casestudytable h3 {
    padding: 0;
    margin: 0;
}
.casestudytable td {
        padding: 16px !important;
    height: 90px !important;
    vertical-align: middle !important;
}
.casestudytable a {
    padding: 6px 11px;
}

    .panel-heading [data-toggle="collapse"]:after {
        font-family: 'fontawesome';
        content: "\f054"; /* "play" icon */
        float: right;
        color: #F58723;
        font-size: 18px;
        line-height: 20px;
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .panel-heading [data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #454444;
    }
	.downloadbannertext {
        position: absolute;
    bottom: 13%;
    color: white;
    font-size: 28px;
    left: 16%;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
  left: 0;
  padding-right: 15px;
    padding-left: 15px;
}
.conatctbannertext {
    position: absolute;
    top: 8%;
    color: white;
    font-size: 28px;
    left: 7%;
    width: 30%;
}
.contact-spareimg:hover{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
.contact-serviceimg:hover{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
.contact-projectimg:hover{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
ul.contactsocial li:hover{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
input#contactformsubmit {
    background: #ED1C24;
    border: 1px solid #ED1C24;
    width: auto;
    padding: 1px 18px;
    font-size: 16px;
}
#contactform::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333333;
font-size:14px;
}

#contactform:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333333;
  font-size:14px;
}
article#articlemenu {
    background: #E1E4EA;
}
#contactform::-ms-input-placeholder { /* Microsoft Edge */
  color: #333333;
  font-size:14px;
}

#contactform1::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333333;
font-size:14px;
}

#contactform1:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333333;
  font-size:14px;
}

#contactform1::-ms-input-placeholder { /* Microsoft Edge */
  color: #333333;
  font-size:14px;
}
p.wewould {
    color: #333333;
    text-transform: uppercase;
    font-size: 42px;
    font-weight: bold;
}
input#contactform {
    border-radius: 6px;
}

.caret1 {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 10px;
    vertical-align: middle;
    border-left: 4px dashed;
    border-top: 4px solid\9;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
article#articledownload1 {
    position: relative;
	display: inline-block;
}
ul.downloadul li a {
    float: right;
    padding: 7px;
}
ul.downloadul li {
    list-style-type: none;
    border-bottom: 1px solid;
    padding: 30px;
}
.proslidefeadow {
    position: absolute;
    bottom: 15%;
    right: 53%;
}
.proslidefeadow ul li {
    display: inline-block;
    font-size: 15px;
}

li.featurepro {
    background: #efefef;
    padding: 5px 25px 5px 25px;
}
li.featurepro a {
    color: black;
    font-weight: bold;
}
li.downloadpro {
    background: #E61C24;
    padding: 5px 10px 5px 10px;
}
li.downloadpro a {
    color: white !important;
    font-weight: bold;
}
#pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%;
}
#pinBoot1 {
  position: relative;
  max-width: 100%;
  width: 100%;
}

.productinner1 {
    background: #EBEBEB;
    padding: 15px;
    text-align: center;
}
.productinner1 h4 {
    line-height: 25px;
}
.productinner2 {
    background: #196D94;
    padding: 15px;
    color: white;
}
.white-panel1:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.white-panel1 {
  position: absolute;
  padding: 10px;
}
.white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.white-panel {
  position: absolute;
  padding: 10px;
}

.productcat2{
	display: none;
	    width: 80%;
    margin: 0px auto;
}
.productcat3{
	display: none;
	    width: 80%;
    margin: 0px auto;
}
.productcat4{
	display: none;
	    width: 80%;
    margin: 0px auto;
}
.productcat5{
	display: none;
	    width: 80%;
    margin: 0px auto;
}
.productcat6{
	display: none;
	    width: 80%;
    margin: 0px auto;
}
.productcat7{
	    width: 80%;
    margin: 0px auto;
	display: none;
}
.productcat8{
	    width: 80%;
    margin: 0px auto;
	display: none;
}
.productcat9{
	display: none;
	    width: 80%;
    margin: 0px auto;
}
.productcat10{
	display: none;
	    width: 80%;
    margin: 0px auto;
}
.hometopslidetext1 {
    position: absolute;
    bottom: 10%;
    left: 15%;
}
.productcat11{
	display: none;
	    width: 80%;
    margin: 0px auto;
}
.productcat12{
	display: none;
	    width: 80%;
    margin: 0px auto;
}
.productcat13{
	display: none;
	    width: 80%;
    margin: 0px auto;
}
.productcat14{
	display: none;
	    width: 80%;
    margin: 0px auto;
}
ul.nav.navbar-nav.navbar-right li a:hover {
    background-color: transparent !important;
	color: #ED1D24 !important
}
ul.nav.navbar-nav.navbar-right li a {
    background-color: transparent !important;
}
.hometopslidetext {
    position: absolute;
    top: 0;
    left: 2%;
}
.homebottomslidetext {
    position: absolute;
    top: 22%;
    left: 10%;
    font-size: 18px;
}
.homebottomslidetext1 {
    position: absolute;
    bottom: 12%;
    left: 35%;
    font-size: 19px;
}
p.homeslidetext22 a {
    padding: 6px 11px;
}
p.homeslidetext3 a {
    padding: 6px 11px;
}
p.homeslidetext2 {
    color: #113458;
    font-weight: bold;
}
p.homeslidetext1 {
    color: #FE0606;
	font-size: 18px;
}
a.productmainlearnmore {
    background: #E61C24;
    padding: 5px;
    color: white;
}
.col-centered {
    float: none;
    margin: 0 auto;
}
.block.active1 {
    background: #E61C24;
}
.block.active1:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -50px;
    width: 0;
    height: 0;
    border-top: solid 50px #E61C24;
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
}

#articleproducts3{
	margin-top: 2%;
}

.block img{
  width:100%;
  height:auto;
}

.block {
	height: 175px;
}

.inactive {
	cursor: pointer;
	background: #3C3735;
color: white;
    font-size: 17px;
    padding: 30px;
    text-align: center;
	border-left: 10px solid #fff;
}

/*	end gallery */
.card {
    margin-bottom: 15px;
}

.icon-action {
    margin-top: 5px;
    float: right;
    font-size: 80%;
}

.list-group-item .title {
    margin-top: 5px;
    margin-bottom: 12px;
    font-weight: 600;
}
article#articlehome4 {
    position: relative;
    display: inline-block;
    width: 100%;
}
article#articlehome5 {
    margin-top: 4%;
}
.hometopslidetext h4 {
    color: #0B3459;
    font-size: 33px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
div#carousel-tilenav1 img {
    padding: 30px;
}
div#carousel-tilenav img {
    padding: 30px;
}
form#casestudyFormForm1 {
    margin: 0px auto;
    width: 60%;
}
input#casestudyformsubmit1 {
    background: #E61C24;
    padding: 0px 35px;
    color: white;
    margin: 2% auto;
    font-size: 19px;
    display: inline-block;
    width: auto;
    border: 1px solid #E61C24;
}

form#casestudyFormForm2 {
    margin: 0px auto;
    width: 60%;
}
input#casestudyformsubmit2 {
    background: #E61C24;
    padding: 0px 35px;
    color: white;
    margin: 2% auto;
    font-size: 19px;
    display: inline-block;
    width: auto;
    border: 1px solid #E61C24;
}
h4.servindh4 {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #196D92;
    font-weight: bold;
}

.casestudytable tbody tr {
    background-color: rgba(0, 0, 0, .05) !important;
}
h4.servindh4 span {
   background: linear-gradient(to top, #cdd3df, #dbdee7, #e7e8ef, #f4f4f7, #ffffff);
    padding: 8px 18px;
}
ul.footermenu li {
    margin-bottom: 3px;
	    list-style-type: disc;
    color: white;
}
.carousel-showmanymoveone .carousel-control {
   width: 4%;
   background-image: none;
   	position: absolute;
	top: 0;
	bottom: 0;
}

.carousel-showmanymoveone .carousel-control.left {
   margin-left: 0;
}

.carousel-showmanymoveone .carousel-control.right {
   margin-right: 0;
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
   display: none;
}

.carousel .item .col-xs-12 {
   padding: 0;
   left: 8%;
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
   .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none;
   }
}

@media all and (min-width: 768px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block;
   }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@media all and (min-width: 992px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
      display: block;
   }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(16.6%, 0, 0);
      transform: translate3d(16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-16.6%, 0, 0);
      transform: translate3d(-16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}
.carousel-showmanymoveone2 .carousel-control {
   width: 0%;
   background-image: none;

}

.carousel-showmanymoveone2 .carousel-control.left {
   margin-left: 0;
}

.carousel-showmanymoveone2 .carousel-control.right {
   margin-right: 0;
}

.carousel-showmanymoveone2 .cloneditem-1,
.carousel-showmanymoveone2 .cloneditem-2,
.carousel-showmanymoveone2 .cloneditem-3 {
   display: none;
}

.carousel .item .col-xs-12 {
   padding: 0;
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
   .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none;
   }
}

@media all and (min-width: 768px) {
   .carousel-showmanymoveone2 .carousel-inner > .active.left,
   .carousel-showmanymoveone2 .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone2 .carousel-inner > .active.right,
   .carousel-showmanymoveone2 .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone2 .carousel-inner > .left,
   .carousel-showmanymoveone2 .carousel-inner > .prev.right,
   .carousel-showmanymoveone2 .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone2 .carousel-inner .cloneditem-1 {
      display: block;
   }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone2 .carousel-inner > .item.active.right,
   .carousel-showmanymoveone2 .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone2 .carousel-inner > .item.active.left,
   .carousel-showmanymoveone2 .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone2 .carousel-inner > .item.left,
   .carousel-showmanymoveone2 .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone2 .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@media all and (min-width: 992px) {
   .carousel-showmanymoveone2 .carousel-inner > .active.left,
   .carousel-showmanymoveone2 .carousel-inner > .prev {
      left: -16.6%;
   }
   .carousel-showmanymoveone2 .carousel-inner > .active.right,
   .carousel-showmanymoveone2 .carousel-inner > .next {
      left: 16.6%;
   }
   .carousel-showmanymoveone2 .carousel-inner > .left,
   .carousel-showmanymoveone2 .carousel-inner > .prev.right,
   .carousel-showmanymoveone2 .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone2 .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone2 .carousel-inner .cloneditem-3 {
      display: block;
   }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone2 .carousel-inner > .item.active.right,
   .carousel-showmanymoveone2 .carousel-inner > .item.next {
      -webkit-transform: translate3d(16.6%, 0, 0);
      transform: translate3d(16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone2 .carousel-inner > .item.active.left,
   .carousel-showmanymoveone2 .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-16.6%, 0, 0);
      transform: translate3d(-16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone2 .carousel-inner > .item.left,
   .carousel-showmanymoveone2 .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone2 .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}
.carousel-showmanymoveone1 .carousel-control {
   width: 4%;
   background-image: none;
   	position: absolute;
	top: 0;
	bottom: 0;
}

.carousel-showmanymoveone1 .carousel-control.left {
   margin-left: 0;
}

.carousel-showmanymoveone1 .carousel-control.right {
   margin-right: 0;
}

.carousel-showmanymoveone1 .cloneditem-1,
.carousel-showmanymoveone1 .cloneditem-2,
.carousel-showmanymoveone1 .cloneditem-3 {
   display: none;
}

.carousel .item .col-xs-12 {
   padding: 0;
   left: 8%;
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
   .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none;
   }
}

@media all and (min-width: 768px) {
   .carousel-showmanymoveone1 .carousel-inner > .active.left,
   .carousel-showmanymoveone1 .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone1 .carousel-inner > .active.right,
   .carousel-showmanymoveone1 .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone1 .carousel-inner > .left,
   .carousel-showmanymoveone1 .carousel-inner > .prev.right,
   .carousel-showmanymoveone1 .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone1 .carousel-inner .cloneditem-1 {
      display: block;
   }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone1 .carousel-inner > .item.active.right,
   .carousel-showmanymoveone1 .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone1 .carousel-inner > .item.active.left,
   .carousel-showmanymoveone1 .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone1 .carousel-inner > .item.left,
   .carousel-showmanymoveone1 .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone1 .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@media all and (min-width: 992px) {
   .carousel-showmanymoveone1 .carousel-inner > .active.left,
   .carousel-showmanymoveone1 .carousel-inner > .prev {
      left: -16.6%;
   }
   .carousel-showmanymoveone1 .carousel-inner > .active.right,
   .carousel-showmanymoveone1 .carousel-inner > .next {
      left: 16.6%;
   }
   .carousel-showmanymoveone1 .carousel-inner > .left,
   .carousel-showmanymoveone1 .carousel-inner > .prev.right,
   .carousel-showmanymoveone1 .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone1 .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone1 .carousel-inner .cloneditem-3 {
      display: block;
   }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone1 .carousel-inner > .item.active.right,
   .carousel-showmanymoveone1 .carousel-inner > .item.next {
      -webkit-transform: translate3d(16.6%, 0, 0);
      transform: translate3d(16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone1 .carousel-inner > .item.active.left,
   .carousel-showmanymoveone1 .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-16.6%, 0, 0);
      transform: translate3d(-16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone1 .carousel-inner > .item.left,
   .carousel-showmanymoveone1 .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone1 .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}
@media (min-width: 650px) and (max-width: 5000px) {
	.dropdown:hover .dropdown-menu {
		display: block;
		font-size: 14px;
	}
}
@media (min-width: 1366px) and (max-width: 1439px)  {
	p.wewould {
    font-size: 28px;
    font-weight: bold;
}
#articleabout2 {
    min-height: 1100px;
}
}
@media (min-width: 1440px) and (max-width: 1599px)  {
	#articleabout2 {
    min-height: 1050px;
}
}

@media (min-width: 1024px) and (max-width: 1365px)  {
	.hometopslidetext1 img {
    width: 70%;
    margin: 0px auto;
}
.protopslidetext h1 {
    font-size: 22px;
}
.homebottomslidetext1 {
    font-size: 13px;
}
p.homeslidetext22 a {
    font-size: 11px;
}
.homearticlehomerightcenter h2 {
    font-size: 30px !important;
}
.homearticlehometopleft h2 {
    font-size: 30px;
}
.homearticlehometopright h2 {
    font-size: 30px;
}
.homearticlehomebottomright h2 {
   font-size: 30px !important;
}
.homearticlehomebottomleft h2 {
    font-size: 30px;
}
.product-img-11 h2 {
    font-size: 30px;
}
.product-img-6 h2 {
    font-size: 30px;
}
.homearticlehome4 ul li {
    font-size: 18px;
}
h4.servindh4 {
    font-size: 14px;
}
}
@media (min-width: 768px) and (max-width: 1023px)  {
	.navbar-inverse .navbar-nav > li > a {
    font-size: 10px !important;
}
.product-img-11 h2 {
    font-size: 30px;
}
.hometopslidetext h4 {
    font-size: 25px;
}
.hometopslidetext {
    left: 4%;
}
.homebottomslidetext {
    top: 12%;
    left: 4%;
    font-size: 14px;
}
p.homeslidetext1 {
    font-size: 16px;
}
.homeslidetext3 a {
    font-size: 15px !important;
}
.homesliderow1 {
    display: flex;
}
.hometopslidetext1 img {
    width: 50%;
    margin: 0px auto;
}
.homebottomslidetext1 {
    position: absolute;
    bottom: 7%;
    left: 35%;
    font-size: 11px;
}
.homeslidetext22 a {
    font-size: 12px !important;
}
.homearticlehomerightcenter h2 {
    font-size: 40px !important;
}
.homearticlehometopleft h2 {
    font-size: 40px;
}
.homearticlehometopright h2 {
    font-size: 40px;
}
.homearticlehomebottomright h2 {
   font-size: 40px !important;
}
.homearticlehomebottomleft h2 {
    font-size: 40px;
}
.product-img-11 h2 {
    font-size: 40px;
}
.product-img-6 h2 {
    font-size: 40px;
}
h4.servindh4 {
    line-height: 40px;
}
.homearticlehome4 ul li {
    font-size: 16px;
}
.homearticlehome4 h2 {
    font-size: 40px;
}

div#carousel-tilenav img {
    padding: 10px;
}
footer .col-md-4 {
    display: contents;
}
footer .col-md-2 {
    display: contents;
}
footer .col-md-3 {
    display: contents;
}
h3.wewould1 {
    margin-bottom: 2%;
}
}

@media (min-width: 600px) and (max-width: 767px)  {
	.navbar-inverse .navbar-nav > li > a {
    font-size: 10px !important;
}
.product-img-11 h2 {
    font-size: 30px;
}
.hometopslidetext h4 {
    font-size: 25px;
}
.hometopslidetext {
    left: 4%;
}
.homebottomslidetext {
    top: 12%;
    left: 4%;
    font-size: 11px;
}
p.homeslidetext1 {
    font-size: 12px;
}
.homeslidetext3 a {
    font-size: 12px !important;
}
.homesliderow1 {
    display: flex;
}
.hometopslidetext1 img {
   width: 40%;
margin: 0;
}
.homebottomslidetext1 {
    position: absolute;
    bottom: 7%;
    left: 35%;
    font-size: 9px;
}
.homeslidetext22 a {
    font-size: 7px !important;
}
.homearticlehomerightcenter h2 {
    font-size: 25px !important;
}
.homearticlehometopleft h2 {
    font-size: 25px;
}
.homearticlehometopright h2 {
    font-size: 25px;
}
.homearticlehomebottomright h2 {
   font-size: 25px !important;
}
.homearticlehomebottomleft h2 {
    font-size: 25px;
}
.product-img-11 h2 {
    font-size: 25px;
}
.product-img-6 h2 {
    font-size: 25px;
}
h4.servindh4 {
    line-height: 40px;
}
.homearticlehome4 ul li {
    font-size: 12px;
}
.homearticlehome4 h2 {
    font-size: 25px;
}

div#carousel-tilenav img {
    padding: 10px;
}
footer .col-md-4 {
    display: contents;
}
footer .col-md-2 {
    display: contents;
}
footer .col-md-3 {
    display: contents;
}
h3.wewould1 {
    margin-bottom: 2%;
}
}
@media (min-width: 240px) and (max-width: 599px)  {
	.nav.navbar-nav.navbar-right li {
    display: inline-block;
}
.casestudytable td {
    width: 100% !important;
    display: inherit;
}
.allatagcss {
    display: inline-block;
    margin-top: 5%;
}
.allatagcsshome{
	margin-top: 0 !important;
	
}
.casestudytable tbody tr {
    margin-top: 11%;
    display: inline-table;
}
.protopslidetext img {
    width: 15%;
}
.product-img-11 h2 {
    font-size: 13px;
}
p.homeslidetext21 br {
    display: none;
}
form#ContactFormForm {
    margin-top: 10%;
}
.protopslidetext h1 {
    font-size: 21px;
}
.casestudiesbannertext {
    position: relative;
    top: 0;
    left: 0;
}

.mobile{
	display: block !important;
}
.desktop{
	display: none !important;
}
.navbar-brand > img {
    position: absolute;
    top: 0;
}
.hometopslidetext h4 {
    font-size: 25px;
}
.hometopslidetext {
    left: 4%;
}
.homebottomslidetext {
  top: 11%;
    left: 4%;
    font-size: 14px;
    width: 100%;
}
.homeslidetext1 br {
    display: none;
}
.homeslidetext2 br {
    display: none;
}
p.homeslidetext2 {
    width: 85%;
}
p.homeslidetext1 {
    font-size: 14px;
    width: 85%;
}
.homeslidetext3 a {
    font-size: 12px !important;
}
.homesliderow1 {
    display: flex;
}
.hometopslidetext1 img {
   width: 30%;
margin-left: -10%;
}
.homebottomslidetext1 {
  position: absolute;
    bottom: 54%;
    left: 35%;
    font-size: 7px;
}
.homeslidetext22 a {
    font-size: 7px !important;
}
.homearticlehomerightcenter h2 {
    font-size: 16px !important;
}
.homearticlehometopleft h2 {
    font-size: 16px;
}
.homearticlehometopright h2 {
    font-size: 16px;
}
.homearticlehomebottomright h2 {
   font-size: 16px !important;
}
.homearticlehomebottomleft h2 {
    font-size: 16px;
}
.product-img-11 h2 {
    font-size: 16px;
}
.product-img-6 h2 {
    font-size: 16px;
}
ol#myCarousel34 {
    bottom: -20% !important;
}
h4.servindh4 {
    line-height: 40px;
}
.homearticlehome4 ul li {
    font-size: 8px;
}
ol#myCarousel31 {
    bottom: -22%;
    z-index: 1;
}
.homearticlehome4 h2 {
    font-size: 25px;
}
.carousel .item .col-xs-12 {
    padding: 0;
    left: 0%;
}
div#carousel-tilenav1 img {
    width: 45%;
    margin: 0px auto;
}
div#carousel-tilenav img {
    padding: 10px;
	    width: 45%;
    margin: 0px auto;
}
footer .col-md-4 {
    display: contents;
}
footer .col-md-2 {
    display: contents;
}
footer .col-md-3 {
    display: contents;
}
h3.wewould1 {
    margin-bottom: 2%;
}
.row.homesliderow1 .col-md-2 {
    padding: 0;
}
ul.downloadul li a {
    float: none !important;
    padding: 7px !important;
    display: inherit !important;
    text-align: center !important;
}
ul.downloadul {
    padding: 0 !important;
}
p.wewould.mobile {
    position: absolute;
    top: 5%;
    font-size: 19px;
    left: 4%;
    width: 40%;
}
.conatctbannertext {
    position: relative;
    top: 0;
    color: black;
    font-size: 28px;
    left: 0;
    width: 100%;
}
.contact-projectimg {
    width: 45%;
    margin: 0px auto;
}
.contactallserviceline {
    border-right: 0;
	border-bottom: 2px solid;
    margin-bottom: 5%;
}
ul.footermenu li a {
    font-size: 16px;
}
.contactmapicon1.col-md-1 {
    width: 7%;
    float: left;
    padding: 0;
}
p.contactthirdiicon i {
    font-size: 17px;
    text-align: center;
    display: inline;
}
.hometopslidetext1 {
    position: absolute;
    bottom: 57%;
    left: 12%;
}
}
@media (min-width: 240px) and (max-width: 1024px)  {
.aboutcontent {
    position: relative;
    top: 0;
    float: none;
    display: block;
    background: #C3C3C3;
    width: 100%;
    right: 0;
    padding: 0px 25px 3px;
}
article#articledownload2 .col-md-6 {
    width: 100% !important;
    max-width: 100% !important;
}

.aboutbannertext {
   position: relative;
    top: 1%;
    color: black;
    right: 0;
    font-size: 40px;
    font-weight: bold;
    left: 0;
    padding: 25px 25px 3px;
    background: #C3C3C3;
    width: 100%;
}
#articleabout2 {
    min-height: auto;
    margin-top: 4%;
}
}