/* Home */


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

#banner {
position:relative;
}
#banner img {
width:100%;
height:auto;
}
#banner div.container {
position:absolute;
left:0px;
right:0px;
bottom:30%;
}
#banner *.button-link {
margin-right:30px;
font-size:20px;
padding:15px 30px;
vertical-align:top;
}
#banner a.button-link:hover {
background-color:#ffa418;
}
#banner button.button-link {
background-color:#1374bc;
}
.hp_heading {
background-color:#f4f7fe;
padding:60px 0;
}
div.container .hp_heading {
background-color:transparent;
}
.hp_heading div.container, .hp_heading .row > div {
padding-left:12px;
border-left:3px solid #ffa418;
}
.hp_heading h5, .hp_heading h1 {
margin:0;
}
.hp_heading h1 {
text-transform:uppercase;
}
#projects {
text-align:left;
width:100%;
position:relative;
}
#projects > div {
width:33.33333333%;
background-color:#ffa418;
position:relative;
display:inline-block;
vertical-align:top;
}
#projects > div img {
width:100%;
}
.project > div {
color:#fff;
background-color:rgba(0,0,0,.7);
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:100%;
text-align:left;
padding:30px;
opacity:0;
transition:all 0.5s ease;
}
.project:hover > div {
opacity:1;
}
#projectCTA {
position:absolute !important;
bottom:0px;
right:0px;
height:50%;
}
#workHere {
position:absolute;
top:30px;
right:30px;
bottom:30px;
left:30px;
border:3px solid #fff;
text-align:center;
color:#fff;
padding:10% 0 0;
}
#workHere > div {
width:100px;
margin:20px auto;
height:6px;
background-color:#fff;
}
#workHere button.button-link {
background-color:#fff;
color:#ffa418;
}
#workHere button.button-link:hover {
background-color:#1374bc;
color:#fff;
}
#product .row > div {
position:static;
}
#productSlider {
position:absolute;
top:0px;
left:0px;
height:100%;
width:58.33333333%;
background-color:#eee;
}
#productSlider div {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
#productSlider button {
position:absolute;
top:15px;
right:15px;
color:#fff;
background-color:#777;
font-size:32px;
width:40px;
height:40px;
text-align:center;
border:none;
}
#productSlider button.prev {
right:60px;
}
#productSlider button:hover {
background-color:#1374bc;
}
#productSlider button:focus {
outline:none;
}
#main_content {
padding:40px 0;
max-width:470px;
margin-left:15px;
}
#stat {
background-color:#1374bc;
background-image:url(stat_bg.jpg);
background-position:center;
background-size:cover;
background-attachment:fixed;
background-repeat:no-repeat;
padding:100px 0;
}
#stat div.container {
text-align:center;
}
.stat {
background-position:10px center;
background-size:auto 100%;
background-repeat:no-repeat;
padding-left:65px;
text-transform:uppercase;
color:#fff;
display:inline-block;
vertical-align:top;
margin:15px 90px 15px 0;
text-align:left;
font-weight:700;
}
.stat * {
margin:0;
line-height:1.1em;
}
.stat h3 {
color:#ffa418;
font-size:1.875em;
}
#services_video {
padding:40px 0;
}
#services_video iframe {
width:100%;
}
#Our_Patents {
background-color:#f4f7fe;
}
.patent {
padding:40px 15px;
width:50%;
display:inline-block;
vertical-align:top;
}
.patent button {
margin-top:10px;
background:transparent;
border:none;
color:#1374bc;
padding:0;
}
.patent button:focus, .patent button:hover {
outline:none;
color:#ffa418;
}
#patent {
max-width:1170px;
}
#patent img {
float:right;
width:50%;
padding:0 0 10px 30px;
}
#Contact_Us {
padding-bottom:400px;
background-image:url(contact_bg.jpg);
background-position:center;
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
}
#Contact_Us .hp_heading h5, #Contact_Us .hp_heading h1 {
color:#fff;
}
#contact_form {
max-width:1000px;
padding:45px;
margin-top:-400px;
background-color:#fff;
box-shadow:0px 0px 30px 2px rgba(0, 0, 0, 0.5);
margin-bottom:30px;
width:90%;
}
#contact_form .row {
margin-left:-45px;
margin-right:-45px;
}
#contact_form label {
margin:0 0 45px;
color:#777;
font-weight:400;
padding:0 45px;
}
#contact_form *:focus {
outline:none;
}
#contact_form label input, #contact_form textarea {
display:block;
width:100%;
height:40px;
border:none;
padding:8px;
border-radius:0;
background-color:transparent;
color:#333;
border-bottom:1px solid #ddd;
font-size:16px;
}
#contact_form textarea {
height:120px;
}
#contact_form input[type="button"] {
float:right;
font-size:18px;
width:185px;
text-align:center;
margin-top:18px;
}
#contact_form label.contactError {
color:red;
}
#google_captcha.contactError iframe {
border:2px solid red;
}
#google_captcha {
float:left;
max-width:100%;
overflow:hidden;
}
#Our_Services {
background-color:transparent;
}
.member {
display:inline-block;
width:25%;
padding:0 15px 30px;
text-align:center;
vertical-align:top;
color:#fff;
font-size:.9em;
}
#team .row {
text-align:center;
}
#teamBG {
background-color:#1374bc;
background-image:url(stat_bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
background-attachment:fixed;
}
#Our_Team, #Customer_Testimonial {
background-color:transparent;
}
#Our_Team * {
color:#fff;
}
.member h3 {
color:#ffa418;
margin-bottom:0;
}
.member p.position {
font-style:italic;
}
#solutions {
background-color:#f4f7fe;
padding-bottom:30px;
}
#solutions div.container {
text-align:center;
}
.testimonial {
text-align:left;
padding-bottom:30px;
}
#testimonial {
padding-left:30px;
font-size:.9em;
font-style:italic;
}

@media (min-width: 1600px) {
#stat .row .stat:last-child {
margin-right:15px;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {
#stat .row .stat:last-child {
margin-right:15px;
}

}

@media (min-width: 980px) and (max-width: 1199px) {
#projects > div {
width:50%;
}
#projectCTA {
height:33.33333333%;
}
.stat {
margin:15px 20px 15px 0;
}
#stat .row .stat:last-child {
margin-right:15px;
}
.member {
width:33.33333333%;
}

}

@media (min-width: 768px) and (max-width: 979px) {
#projects > div {
width:50%;
}
.project > div {
padding:15px;
}
#projectCTA {
height:33.33333333%;
}
#product .row > div {
padding:0;
}
#productSlider {
position:relative;
height:auto;
width:100%;
padding-bottom:62.5%;
}
#main_content {
padding:40px 15px;
max-width:750px;
margin-left:auto;
margin-right:auto;
}
#stat {
background-attachment:scroll;
}
.stat {
margin:15px 5%;
width:40%;
}
#Contact_Us {
background-attachment:scroll;
}
#contact_form {
padding:30px;
}
#contact_form .row {
margin-left:-30px;
margin-right:-30px;
}
#contact_form label {
padding:0 30px;
}
.member {
width:50%;
}
#teamBG {
background-attachment:scroll;
}

}

@media (max-width: 767px) {
#banner div.container {
bottom:15%;
}
#banner *.button-link {
margin-right:25px;
font-size:16px;
padding:10px 25px;
}
#projects > div {
width:100%;
display:block;
}
.project > div {
height:auto;
opacity:1;
}
#projectCTA {
position:static !important;
height:auto;
padding:30px;
}
#workHere {
position:static;
padding:10% 10px 10%;
}
#product .row > div {
padding:0;
}
#productSlider {
position:relative;
height:auto;
width:100%;
padding-bottom:62.5%;
}
#main_content {
padding:40px 15px;
max-width:none;
margin-left:0;
}
#stat {
background-attachment:scroll;
}
.stat {
display:block;
margin:15px auto;
width:260px;
}
.patent {
width:100%;
display:block;
}
.patent img {
float:right;
max-width:50%;
padding-left:10px;
}
#patent img {
float:none;
width:100%;
padding:0 0 10px;
}
#Contact_Us {
background-attachment:scroll;
}
#contact_form {
padding:30px 15px;
}
#contact_form .row {
margin-left:-15px;
margin-right:-15px;
}
#contact_form label {
margin:0 0 20px;
padding:0 15px;
}
#contact_form input[type="button"] {
float:none;
}
#google_captcha {
float:none;
}
.member {
width:100%;
}
#teamBG {
background-attachment:scroll;
}

}

@media (max-width: 480px) {
#banner div.container {
position:static;
padding:0;
}
#banner *.button-link {
margin-right:0;
font-size:14px;
width:50%;
}
.project > div {
color:inherit;
background-color:#fff;
position:static;
padding:10px 15px;
}
.patent img {
float:none;
width:100%;
max-width:none;
padding-left:0;
}
.member {
width:100%;
}

}