@charset "utf-8";
/*----------intial declartaion of css----------*/
* { padding: 0; margin: 0; list-style: none; appearance: none; -moz-appearance: none; -webkit-appearance: xnone; }
body { font-size: 16px; -webkit-font-smoothing: antialiased; font-family: 'Roboto', sans-serif; font-weight:300;}
a, .btn { outline: none !important; transition: 0.5s ease all; -moz-transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; -ms-transition: 0.5s ease all; }
/*--------sticky footer or vertical footer------------*/


.wrapper :-moz-placeholder {
color:#fff;
}
.wrapper ::-webkit-input-placeholder {
color:#fff;
}
.wrapper ::-moz-placeholder {
color:#fff;
opacity:1;
}
/*
font-family: 'Exo 2', sans-serif;
 font-family: 'Roboto', sans-serif;
 */

/*-----------header section styles goes here---------------*/
#header-main { padding-top: 16px; }
#logo a { display: inline-block }
.head-right > a { font-family: 'Exo 2', sans-serif; font-weight: 300; font-size: 24px; text-transform: uppercase; color: #054d7a; display: inline-block; margin: 6px 9px 6px 0; }
.head-right > a span { color: #eb8322; transition: all 200ms ease-in-out 0s; -moz-transition: all 200ms ease-in-out 0s; -webkit-transition: all 200ms ease-in-out 0s; }
.head-right> a:hover, .head-right > a:hover span { text-decoration: none; color: #054d7a; }
.head-right .navbar-collapse { padding: 0px; }
.head-right .navbar-nav>li { display: inline-block; float: none; padding: 0 5px; }
.head-right .navbar-nav>li>a { color: #023262; text-transform: uppercase; padding: 8px 8px 16px; border-bottom: 3px solid transparent; font-family: 'Exo 2', sans-serif; font-size: 14px; font-weight: 300; }
.head-right .navbar-nav>li>a:hover, .head-right .navbar-nav li.active a, .head-right .navbar-nav li a:focus { background-color: transparent !important; border-bottom-color: #eb8322; }
.head-right .navbar-toggle { background: #306090; transition: 0.5s ease all; -moz-transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; -ms-transition: 0.5s ease all; }
.head-right .navbar-toggle:hover { background: #ff7800; }
.head-right .navbar-toggle .icon-bar { border-color: #fff; background: #fff; }
.head-right .navbar-nav > li > .dropdown-menu { box-shadow: none; background: #023262; padding: 0px; margin: 0px; border: 0px; border-radius: 0px; }
.head-right .dropdown-menu > li > a { color: #fff; padding: 8px 12px; font-family: 'Exo 2', sans-serif; font-size: 14px; font-weight: 300; text-transform: uppercase }
.head-right .dropdown-menu > li > a:hover { background: #eb8322; color: #fff }

.head-right .navbar-nav li.dropdown:hover .dropdown-menu > a {  background-color: transparent !important; border-bottom-color: #eb8322; }
.head-right .navbar-nav li.dropdown:hover > a { border-bottom-color: #eb8322; }

.head-right .navbar-nav > li.dropdown:hover .dropdown-menu { display: block; }
.head-right .nav .open > a, .head-right .nav .open > a:hover, .head-right .nav .open > a:focus { background-color: transparent !important }
.head-right .dropdown-toggle { background-color: transparent !important }
.head-right .open .dropdown-toggle { background-color: transparent !important }
.caret { bottom: 0; left: 5px; position: relative; }
/*-----------header section styles ends here----------------*/

#banner { background: #f8f8f8; border-bottom: 1px solid #d9d9d9; }
#banner h1 { font-size: 27px; font-weight: 300; font-family: 'Exo 2', sans-serif; color: #306090; margin-top: 36px; }
#banner h2 { font-size: 27px; font-weight: 600; font-family: 'Exo 2', sans-serif; color: #3a3a3a; font-style: italic; margin-bottom: 31px; margin-top: 16px; }
#banner .carousel-control { background: none; text-shadow: none }
#banner .carousel-inner img { min-height: 410px; }
/*-----------mid section styles goes here-----------*/
/*----------------mid section styles ends here-------*/
.pro-box h2 { font-size: 26px; line-height: 34px; font-weight: 600; font-family: 'Exo 2', sans-serif; color: #ff7800; font-style: italic; margin-top: 28px; margin-bottom: 32px; padding: 0 1px; }
.pro-box p { font-family: 'Roboto', sans-serif; font-weight: 300; color: #474747; margin-bottom: 22px; font-size: 16px; min-height: 70px; }
.pro-box .btn-Browse { background: #306090; padding: 6px 28px; border-radius: 20px; font-size: 15px; font-family: 'Exo 2', sans-serif; margin-bottom: 39px; border: none; font-weight: 400; }
.pro-box .btn-Browse:hover { background: #ff7800; }
.manufacturers-text { border-top: 1px solid #d9d9d9; padding-top: 34px; padding-bottom: 53px; }
.manufacturers-text h2 { font-weight: 300; font-family: 'Exo 2', sans-serif; color: #306090; margin-bottom: 20px; padding: 0 15px; font-size: 30px; }
.manufacturers-text .primary-text { font-family: 'Roboto', sans-serif; font-size: 20px; color: #eb8422; line-height: 24px; font-weight: 300; margin-bottom: 30px; color: #eb8422; }
.manufacturers-text .secondary-text { font-size: 16px; line-height: 24px; font-family: 'Roboto', sans-serif; color: #474747; font-weight: 300; margin-bottom: 24px; }
.form-section { background: none repeat scroll 0 0 #f8f8f8; display: block; margin: 0px 19px 0; padding: 6px 32px 10px; }
.form-section h3 { font-size: 28px; color: #306090; font-family: 'Exo 2', sans-serif; margin-bottom: 4px; padding-top: 19px; margin-top: 0; }
.form-section span { font-style: italic; font-family: 'Exo 2', sans-serif; font-weight: 600; color: #f16726 }
.form-section p { font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 300; color: #474747; margin-bottom: 8px; padding-right: 55px; line-height: 18px; }
.form-section .form-group { padding-bottom: 22px; }
.form-section .text-box { color: #fff; border-radius: 0px; background: #a1c0e1; box-shadow: none; border: 0; margin-bottom: 4px; font-size: 16px; font-family: 'Roboto', sans-serif; height: 42px; }
.form-section .checkbox { color: #fff; border-radius: 0px; background: #a1c0e1; box-shadow: none; border: 1px; margin-bottom: 4px; font-size: 16px; font-family: 'Roboto', sans-serif; height: 42px; }

.form-check-input {margin-left:-10px !important;height: 20px;width: 5px;padding-left: 20px !important;background-color: white;}

input[type=checkbox]:checked {
  background-color: #ef6f24;
}


.form-section .comments-box { color: #fff; border-radius: 0px; background: #a1c0e1; box-shadow: none; border: 0; margin-bottom: 4px; resize: none; min-height: 30px; overflow: auto; font-size: 16px; font-family: 'Roboto', sans-serif; height: 90px; }
.form-section .btn-submit { border-radius: 0px; color: #fff; background: #306090; border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: 7px solid #a1c0e1; width: 100%; text-transform: uppercase; ; font-size: 20px; font-family: 'Exo 2', sans-serif; }
.form-section .btn-submit:hover, .form-section .btn-submit:focus { border-color: #fff; background: #f16726; }
.error { border: 1px solid #f00 !important; }
.errormsg { color: #f00; font-family: 'Roboto', sans-serif; font-size: 13px; position: relative; bottom: 6px; }
#successmsg { color: #306090; display: none; font-size: 15px; font-weight: bold; float: left; width: 100%; font-family: 'Roboto', sans-serif; text-align: center; padding: 40px 0 0 0; }



input[type='checkbox'] {padding-left:50px;}

.pad {padding: 15px 0;}
/* Flexible iFrame */
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#banner2 {display:none;}

/*----------------footer section  styles goes here-----------*/
#footer-main { border-top: 1px solid #d9d9d9; padding-top: 18px; display: block; background: #f8f8f8; }
.ftr-blog h3 { line-height: 28px; font-size: 18px; font-family: 'Exo 2', sans-serif; color: #306090; margin-bottom: 3px; font-weight: 400; }
.ftr-blog ul { margin: 0px; padding: 0px; }
.ftr-blog li { display: block }
.ftr-blog li a { color: #306090; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 28px; font-size: 13px; display: inline-block }
.ftr-blog li a:hover { text-decoration: none; color: #f16726; }
.copyright-bg { background: #306090; padding: 26px 0 25px; margin-top: 38px; }
.copy-text { color: #fff; font-family: 'Roboto', sans-serif; font-size: 14px; }
.copy-text a { color: #fff; text-decoration: underline; display: inline-block; margin-left: 5px; }
.copy-text a:hover { text-decoration: none; color: #f16726; }
/*----------------footer section styles ends here--------*/

/*-----------Inner Page styles goes here-----------*/
#inner-banner { border-bottom: 1px solid #d9d9d9; overflow: hidden;}
#inner-banner h1 { font-size: 27px; font-weight: 300; font-family: 'Exo 2', sans-serif; color: #306090; margin: 21px 0; }
.inner-pro-bg { background: #f8f8f8; }
.inner-pro-box { background: #f2f2f2; float: left; width: 100%; }
.inner-pro-box h2 { font-size: 26px; line-height: 34px; font-weight: 600; font-family: 'Exo 2', sans-serif; color: #ff7800; font-style: italic; margin-top: 22px; margin-bottom: 10px; }
.inner-pro-box h2 a { font-size: 26px; line-height: 34px; font-weight: 600; font-family: 'Exo 2', sans-serif; color: #ff7800; font-style: italic; margin-top: 22px; margin-bottom: 10px; text-decoration: none; }
.inner-pro-box h2 a:hover { color: #306090; }
.prod-desc { padding-bottom: 6px; }
.prod-desc h3 { color: #306090; font-size: 20px; line-height: 28px; font-family: 'Roboto', sans-serif; font-weight: 300; margin-bottom: 0px; }
.prod-desc ul { padding: 0 0 0 4px; color: #306090; }
.prod-desc li { list-style: disc; font-size: 21px; line-height: 28px; }
.prod-desc li a { color: #474747; font-size: 16px; line-height: 28px; font-family: 'Roboto', sans-serif; font-weight: 300; }
.prod-desc li a:hover { color: #ff7800; text-decoration: none; }
.prod-desc .btn-more { background: #306090; padding: 6px 36px; border-radius: 20px; font-size: 15px; font-family: 'Exo 2', sans-serif; margin-bottom: 39px; border: none; margin-top: 8px; }
.prod-desc .btn-more:hover { background: #ff7800; }
.inner-page-text { padding-top: 50px; }
.inner-page-text .primary-text { color: #306090; }
.inner-page-text h2 { color: #306090; font-size:24px; padding-left:0;}
.inner-page-text ul {margin:10px 0px 20px 0; padding:0;}
.inner-page-text li {padding-left:15px; line-height:20px; margin-bottom:10px; list-style:inside;}
.callus { border-top: 1px solid #d9d9d9; padding-top: 34px; padding-bottom: 48px; }
.callus p { color: #306090; font-size: 30px; line-height: 46px; font-family: 'Exo 2', sans-serif; font-weight: 300; }
.callus a { color: #ef6f24; font-size: 36px; line-height: 46px; font-family: 'Exo 2', sans-serif; font-weight: 600; font-style: italic; padding: 0 2px; }
.callus a:hover { color: #306090; text-decoration: none; }
.prod-desc .right-text img { margin: 28px 0px 0 9px; }
.prod-desc .right-text a:hover{opacity:0.7;}
/*-----------Inner Page styles goes here-----------*/

label2.error {font-size:12px; color:#F00; padding-left:5px; margin-top:0; display:block;} 

/*----------- Font Awesome Icons ------------------*/
/* Style all font awesome icons */
.fa {
  padding: 5px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
}

/* Hover effect */
.fa:hover {
  opacity: 0.7;
}

/* Specific color for Facebook */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}
 .grecaptcha-badge {
      display: none !important;
  }

.error {
  color: #F00;
}


/* Temporary Banner Styles */
.temp-banner-div {
  background-color:#ff7800;
  color: white;
  padding: 10px 0px;
}

.temp-banner-text {
  font-size: 28px;
  font-weight: 500;
  margin:0px;
}

@media screen and (max-width:767px) {
  .temp-banner-text {
    font-size: 22px;
  }
  
}