@import url(../fonts/din-regular/font.css);

h1,h2,h3,h4{
  font-weight: 700;
}

body {
  font-family: 'dinregularwebfont' !important;
  font-weight: normal;
  font-style: normal;
  color: #292929;
  background: url(../img/bg-image.jpg) 0 0 repeat;
}

a {
  color: #1bb1dc;
  transition: 0.5s;
}

a:hover,
a:active,
a:focus {
  color: #0a98c0;
  outline: none;
  text-decoration: none;
}

p {
  margin: 0 0 10px 0;
  font-size: 16px;
}

/*-----Font Color Classes-----*/

.color-white{ color: #fff; }
.color-sky{ color: #77a5d8; }
.color-blue{ color: #227bbb; }
.color-light-gray{ color: rgb(181, 181, 181); }
.color-light-green{ color: #23aba5; }
.color-green{ color: #649d0a; }
.color-red{ color: #9d1e0f; }
.color-pain{ color: #c81f3f; }

.top-5{ margin-top: 5px !important; }
.top-13{ margin-top: 13px !important; }
.top-18{ margin-top: 18px !important; }

/*-----Font Size Classees-----*/
.font-12{ font-size: 12px; line-height: 18px; }
.font-14{ font-size: 14px; line-height: 18px; }
.font-18{ font-size: 18px; line-height: 20px; }
.font-20{ font-size: 20px; line-height: 20px; }
.font-24{ font-size: 24px; }
.font-28{ font-size: 28px; line-height: 28px; }
.font-30{ font-size: 30px; line-height: 30px; }
.font-36{ font-size: 36px; line-height: 42px; }
.font-50{ font-size: 50px; line-height: 52px; }
.font-60{ font-size: 60px; line-height: 60px; }
.font-72{ font-size: 72px; line-height: 66px; }
.font-100{ font-size: 100px; line-height: 100px; }

.font-28 p{ line-height: 28px; }
.font-30 p{ line-height: 36px; }

/*-----Font Weight Classees-----*/
.font-light{ font-weight: 300; font-style: normal; }
.font-semi-bold{ font-weight: 600; font-style: normal; }
.font-bold{ font-weight: 700; font-style: normal; }

/*----Margin Classes----*/
.margin-0{ margin: 0px !important; }
.margin-none{ margin: 0px !important; }
.margin-bottom-10{ margin-bottom: 10px; }
.margin-bottom-25{ margin-bottom: 25px; }
.margin-bottom-50{ margin-bottom: 50px; }
.margin-bottom-75{ margin-bottom: 75px; }
.margin-bottom-100{ margin-bottom: 100px; }
.margin-bottom-minus-50{ margin-bottom: -50px; }
.margin-bottom-minus-75{ margin-bottom: -75px; }
.margin-bottom-minus-100{ margin-bottom: -100px; }

.margin-top-10{ margin-top: 10px; }
.margin-top-25{ margin-top: 25px; }
.margin-top-50{ margin-top: 50px; }

.margin-top-bottom-10{ margin-top: 10px; margin-bottom: 10px; }
.margin-top-bottom-15{ margin-top: 15px; margin-bottom: 15px; }
.margin-top-bottom-20{ margin-top: 20px; margin-bottom: 20px; }

/*----Padding Classes----*/
.padding-0{ padding: 0px; }
.padding-none{ padding: 0px; }
.padding-25{ padding: 25px; }
.padding-top-5{ padding-top: 5px; }
.padding-top-10{ padding-top: 10px; }
.padding-top-15{ padding-top: 15px; }
.padding-top-20{ padding-top: 20px; }
.padding-top-25{ padding-top: 25px; }
.padding-top-50{ padding-top: 50px; }
.padding-bottom-15{ padding-bottom: 15px; }
.padding-bottom-20{ padding-bottom: 20px; }
.padding-bottom-25{ padding-bottom: 25px; }
.padding-bottom-50{ padding-bottom: 50px; }
.padding-right-100{ padding-right: 100px; }

.padding-top-bottom-25{ padding-top: 25px; padding-bottom: 25px; }
.padding-top-bottom-50{ padding-top: 50px; padding-bottom: 50px; }

.padding-left-right-25{ padding-left: 25px; padding-right: 25px; }
.padding-left-right-50{ padding-left: 50px; padding-right: 50px; }


/*Min Height*/
.min-height-75{ min-height: 75px; }

/*-----Border Classes-----*/
.border-bottom-white{ border-bottom: #ffffff solid 1px; }
.border-right-white{ border-right: #ffffff solid 1px; }
.border-none{ border: none !important; }

/*-----Background Classes-----*/
.bg-yellow{
  background: #fdd304;
}
.bg-gray{
  background: #dbdad8;
}
.bg-light-green{
  background: #5ecbc9;
}
.bg-dark-green{
  background: #23aba5;
}

.header-pain{ background: url(../img/header_pain.jpg) center top no-repeat; }
.header-parasiticides{ background: url(../img/header_main.jpg) center top no-repeat; }
#header{ padding: 0 2.5%; background-size: cover; min-height: 350px; position: relative; }
#header:before{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; /*background: transparent linear-gradient(90deg, #0067B1 0%, #62BB46 100%) 0% 0% no-repeat padding-box; content: ""; opacity: 0.80;*/ }
.logo-cover{ position: relative; z-index: 10; }
#header .logo{ display: inline-block; padding-top: 25px; padding-right: 15px; position: relative; z-index: 10; }
.header-content{ width: 100%; position: absolute; bottom: 10%; left: 0%; z-index: 10; }
.header-content h1{ font-size: 42px; text-transform: uppercase; }
.header-content *{ color: #ffffff; }
.btn-previous{ color: #ffffff; z-index: 10; }
.btn-previous:hover, .btn-previous:focus{ color: #ffffff; }

.width-90{ padding: 0 5%; }
.width-80{ padding: 0 10%; }

#header .width-90{ padding: 0 10%; }

#content{ width: 100%; padding: 50px 10%; }
#content p{ margin-bottom: 20px; }
#content h2{ margin-bottom: 30px; text-transform: uppercase; }
.btn-normal a{ width: auto; padding: 8px 70px; display: inline-block; overflow: hidden; color: #292929; border: #1bb1dc solid 1px; font-size: 16px; font-weight: 500; }
.btn-normal a.active{ background: transparent linear-gradient(90deg, #0067B1 0%, #62BB46 100%) 0% 0% no-repeat; color: #ffffff; }
.btn-normal a:hover{ background: transparent linear-gradient(90deg, #0067B1 0%, #62BB46 100%) 0% 0% no-repeat; color: #ffffff; }
.btn-normal-pain a{ width: auto; padding: 8px 70px; display: inline-block; overflow: hidden; color: #292929; border: #c81f3f solid 1px; font-size: 16px; font-weight: 500; }
.btn-normal-pain a.active{ background: transparent linear-gradient(90deg, #c81f3f 0%, #dc7a8c 100%) 0% 0% no-repeat; color: #ffffff; }
.btn-normal-pain a:hover{ background: transparent linear-gradient(90deg, #c81f3f 0%, #dc7a8c 100%) 0% 0% no-repeat; color: #ffffff; }

.btn-border a{ width: 100%; padding: 8px 20px; display: inline-block; overflow: hidden; color: #6F6F6F; border: #1bb1dc solid 1px; font-size: 16px; font-weight: 500; }
.btn-border a.active{ background: transparent linear-gradient(90deg, #0067B1 0%, #62BB46 100%) 0% 0% no-repeat; color: #ffffff; }
.btn-border a:hover{ background: transparent linear-gradient(90deg, #0067B1 0%, #62BB46 100%) 0% 0% no-repeat; color: #ffffff; }

.btn-border input[type='submit']{ width: 100%; padding: 8px 50px; display: inline-block; overflow: hidden; color: #6F6F6F; border: #1bb1dc solid 1px; font-size: 16px; font-weight: 500; background: none; }
.btn-border input[type='submit'].active{ background: transparent linear-gradient(90deg, #0067B1 0%, #62BB46 100%) 0% 0% no-repeat; color: #ffffff; }
.btn-border input[type='submit']:hover{ background: transparent linear-gradient(90deg, #0067B1 0%, #62BB46 100%) 0% 0% no-repeat; color: #ffffff; }

.btn-submit input[type='submit']{ width: auto; padding: 8px 70px; display: inline-block; overflow: hidden; color: #292929; border: #1bb1dc solid 1px; font-size: 16px; font-weight: 500; background: none; }
.btn-submit input[type='submit'].active{ background: transparent linear-gradient(90deg, #0067B1 0%, #62BB46 100%) 0% 0% no-repeat; color: #ffffff; }
.btn-submit input[type='submit']:hover{ background: transparent linear-gradient(90deg, #0067B1 0%, #62BB46 100%) 0% 0% no-repeat; color: #ffffff; }
.btn-submit-pain input[type='submit']{ width: auto; padding: 8px 70px; display: inline-block; overflow: hidden; color: #292929; border: #c81f3f solid 1px; font-size: 16px; font-weight: 500; background: none; }
.btn-submit-pain input[type='submit']:hover{ background: transparent linear-gradient(90deg, #c81f3f 0%, #dc7a8c 100%) 0% 0% no-repeat; color: #ffffff; border: #c81f3f solid 1px; }

.width-600{ max-width: 600px; margin: auto; }
.width-750{ max-width: 750px; margin: auto; }
.width-800{ max-width: 800px; margin: auto; }

.design-checkbox{ position: relative; padding-bottom: 15px; }
.design-checkbox-cover{ display: inline-block; position: absolute; }
.design-checkbox label{ padding-left: 40px; font-size: 14px; font-weight: 500; }
.design-checkbox-cover > span{ width: 20px; margin-right: 5px; height: 20px; display: inline-block; border: #0067B1 solid 1px; vertical-align: middle; }
.design-checkbox-cover input[type='checkbox']{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; opacity: 0; }
.design-checkbox-cover input[type='checkbox']:hover{ cursor: pointer; }
.design-checkbox-cover input[type='checkbox']:checked ~ span{ background: #000000 0% 0% no-repeat; }

span.er-message{ font-size: 14px; font-weight: 500; color: #62BB46; }
div.errElement *{ font-size: 14px; font-weight: 500; color: #62BB46; }
div.errElement label{ margin-right: 20px; font-size: 14px; color: #62BB46; }

.design-checkbox span.er-message{ font-weight: bold; }

.allSelectBoxCover .offer-left{ max-width: 350px; margin-right: 50px; text-align: center; }
.allSelectBoxCover select{ max-width: 350px; text-align: center; padding: 10px 35px 10px 10px; }
.allSelectBoxCover .selectDivCover{ max-width: 380px; }
.selectdiv{ position: relative; }
.selectdiv:after {
  content: '\f0d7';
  font: normal normal normal 30px/1 FontAwesome;
  color: #cccccc;
  right: 12px;
  top: 6px;
  padding: 0px 0px 0px 8px;
  position: absolute;
  pointer-events: none;
}
.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-word-break: normal;
  word-break: normal;
}

.input-cover.selectDivCover .selectdiv select{ width: 100%; padding: 7px 35px 7px 10px; }

.border-bottom{ border-bottom: #ccc solid 1px; }

#footer{ width: 100%; padding: 35px 10% 15px; }
#footer .footer-menus{ margin-top: -4px; }
#footer .footer-menus a{ display: inline-block; font-size: 14px; line-height: 18px; margin-bottom: 10px; color: #62BB46; }
#footer .footer-menus-pain{ margin-top: -4px; }
#footer .footer-menus-pain a{ display: inline-block; font-size: 14px; line-height: 18px; margin-bottom: 10px; color: #000000; }
.footer-separator { color: #62BB46; }
.footer-separator-pain { color: #000000; }

label{ font-weight: bold; color: #777; }
.errorColor{ color: #62BB46; }
.errorColor label{ color: #62BB46; }

.selectBoxError{ margin-top: 10px; display: inline-block; }
.selectBoxError label{ color: #62BB46; }

.row.divDisabled{ opacity: 0.25; }

.btn-select-submit{ float: left; margin-right: 25px; }

.input-cover{ width: 100%; padding-bottom: 15px; }
.input-cover input{ width: 100%; border: #b8b8b8 solid 1px; padding: 8px 10px; }

#ui-datepicker-div .ui-widget-header{ background: #0067b1 !important; border: #0067b1 solid 1px !important; color: #ffffff !important; }
.ui-state-default, .ui-widget-content .ui-state-default{ background: none !important; border: 0 !important; text-align: center !important; }
.ui-state-active, .ui-widget-content .ui-state-active{ background: #0067b1 !important; color: #ffffff !important; }

.step-info { margin-bottom: 25px; padding-bottom: 25px; border-bottom: #ccc solid 1px; }
.p-margin-0 p{ margin-bottom: 0px !important; }

.max-width-700{ max-width: 700px; }
.max-width-800{ max-width: 800px; }

.rebate-status{ width: 100%; padding-top: 50px; display: inline-block; }
.rebate-info{ max-width: 800px; }
.rebate-info h2{ color: #227bbb; }
.rebate-info h3{ margin-bottom: 20px; color: #227bbb; }
.quotes{ padding-left: 35px; border-left: #ccc solid 2px; }
.quotes h4{ color: #227bbb; }
.quotes h5{ font-weight: bold; color: #227bbb; }

.relative{ position: relative; }

.product_selector { border: 1px solid #0e97d8; padding: 10px; max-width: 300px;}
/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/

@media (min-width: 991px) {
}

@media (min-width: 1170px) {
  #header.home-screen{ min-height: 500px; }
  #header.home-screen .header-content{ bottom: auto; top: 60%; transform: translateY(-50%); }
}

@media only screen and (min-width: 1024px) and (max-width: 1159px){
}

@media (min-width: 768px) {
  .language-selector{ width: auto; padding: 5px 15px; position: absolute; top: 45%; right: 0px; z-index: 15; }
  .language-selector a{ color: rgba(255,255,255,0.5); padding: 0 5px; line-height: 15px; }
  .language-selector a.active{ color: rgba(255,255,255,0.9); }
  .language-selector a:first-child{ float: left; border-right: rgba(255,255,255,0.5) solid 1px; }
  .language-selector a:last-child{ float: right; }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
  #content{ padding: 50px 5%; }
  .col-sm-6{ max-width: 50%; flex: 0 0 50%; }
  #footer{ padding-left: 5%; padding-right: 5%; }
  .header-content h1{ font-size: 40px; }

  .btn-submit input[type='submit']{ width: 48%; }
  .btn-border a{ text-align: center; padding: 8px 15px; }

  .allSelectBoxCover .offer-left{ margin-right: 0px; }
  .allSelectBoxCover .selectDivCover{ max-width: 50%; }
  .allSelectBoxCover select{ max-width: 100%; }
  .btn-normal a{ width: 50%; padding: 8px 15px; text-align: center; }
}

@media (max-width: 767px) {
  #content{ padding: 30px 5%; }
  #footer{ padding-left: 5%; padding-right: 5%; }
  #header .width-90{ padding-left: 5%; padding-right: 5%; }
  .width-90.header-fr h1{font-size: 17px;}
  .width-90.header-fr p{font-size: 15px; line-height: 20px;}
  #content .width-90{ padding-left: 0%; padding-right: 0%; }
  .header-content{ bottom: 5%; }
  .header-content h1{ font-size: 24px; }
  #content h1{ font-size: 24px; }
  h2{ font-size: 24px; }
  .btn-normal a{ width: 48%; padding: 8px 10px; text-align: center; }

  #header .logo{ padding-top: 5px; }

  .language-selector{ width: 100%; padding: 15px 15px 5px; overflow: hidden; position: relative; z-index: 15; }
  .language-selector a{ color: rgba(255,255,255,0.5); }
  .language-selector a.active{ color: rgba(255,255,255,0.9); }
  .language-selector a:first-child{ float: left; }
  .language-selector a:last-child{ float: right; }
}

@media (max-width: 639px) {
  .btn-normal a{ width: 100%; }
  .allSelectBoxCover .offer-left{ margin-right: 0px; }
  .allSelectBoxCover select{ max-width: 100%; }
  .allSelectBoxCover .selectDivCover{ margin-bottom: 35px; }
  .btn-submit input[type='submit']{ width: 100%; padding: 8px 10px; text-align: center; margin-right: 0px; }
}

@media (max-width: 479px) {
}

@media (max-width: 329px) {
}

@media (max-width: 1024px) {
}

@media (min-width: 1025px) {
}

@media only screen and (min-width: 1024px) and (max-width: 1030px){
}

@media (max-width: 1023px) {
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
}