/* ============================== Responsive Small Desktop ============================== */
@media only screen and (max-width: 1366px){
    .inner-nav ul li {margin-left: 25px;}
}
/* ============================== Responsive Tablet Landscape ============================== */
@media only screen and (max-width: 1024px){
    .page-section {padding: 120px 0;}
    .page-section, .home-section, .small-section {background-attachment: scroll;}
    .owl-pagination {bottom: 25px;}
}
@media only screen and (max-width: 992px){
    .blog-item-date {border: none;}
    .widget-posts li:last-child a {margin-bottom: 30px;}
    .widget-posts li:last-child {padding: 20px 0 0 0; border-bottom: none;}
}
/* ============================== Responsive Tablet Portrait ============================== */
@media only screen and (max-width: 768px){
    .page-section {padding: 80px 0;}
    .small-section {padding: 50px 0;}
    .small-title {font-size: 18px;}
    .owl-pagination {bottom: 17px;}
    .blog-item {margin-bottom: 50px;}
    .blog-item-date {top: 0; left: -100px;}
    .blog-item-title {font-size: 20px;}
    .blog-item-title .small {font-size: 15px;}
    .blog-item-body {font-size: 14px;}
    .blog-media {margin-bottom: 15px;}
    .blog-item-body .small {font-size: 13px;}
    #map-canvas {height: 300px;} -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
    .text-justify {text-align: left !important;}
}
@media only screen and (max-width: 767px){
    .hs-line-11 {font-size: 24px;}
    .blog-item-date {width: auto; position: relative; top: auto; left: auto; padding: 0; text-align: left;}
    .date-num {display: inline !important; margin: 0 5px 10px 0;}
    blockquote p {font-size: 20px;}
    .text-justify {text-align: left !important;}
    blockquote footer {margin-top: 0; font-size: 12px;}
    .cf-left-col, .cf-right-col {width: auto; margin-right: 0; float: none;}
    .big-icon {width: 60px; height: 60px; line-height: 56px; font-size: 24px; margin-bottom: 0;}
    .blog-slide-info {padding: 10px;}
    .blog-slide-title {font-size: 12px;}
    .blog-slide-data {display: none;}
    .text-mobile {font-size: 110%; line-height: 1.2;}
}
/* ============================== Responsive Phone ============================== */
@media only screen and (max-width: 480px){
    .btn-mod.btn-large {padding: 8px 15px; font-size: 13px;}
    .form input[type="text"].input-lg, .form input[type="email"].input-lg, .form input[type="number"].input-lg, .form input[type="url"].input-lg, .form input[type="search"].input-lg, .form input[type="tel"].input-lg, .form input[type="password"].input-lg, .form input[type="date"].input-lg, .form input[type="color"].input-lg, .form select.input-lg {height: 38px;}
    .scroll-down {bottom: 10px; height: 34px; line-height: 34px;}
    .scroll-down-icon {width: 22px; margin-left: -11px;}
    .scroll-down span {display: none;}
    .nav-bar-compact {top: 0; left: 0;}
    .page-section {padding: 60px 0;}
    .small-section {padding: 30px 0;}
    .owl-pagination {bottom: 10px;}
    .owl-prev, .owl-next {display: none;}
    .owl-page {padding-left: 8px; padding-right: 8px;}
    .blog-container {margin-top: 30px; margin-bottom: 30px;}
    .blog-item-title {font-size: 16px;}
    .blog-item-q p {font-size: 16px;}
    .separ-space {display: block; height: 10px;}
    .bot-menu-item {font-size: 16px;}
    #map-canvas {height: 300px;}
    .fixed-height-small {min-height: 300px;}
    .fixed-height-medium {min-height: 350px;}
    .fixed-height-large {min-height: 400px;}
    .nav-logo-wrap {float: left; margin-right: 0;}
    .nav-logo-wrap .logo img {max-width: 100%;}
    .nav-logo-wrap .logo {max-width: 240px;}
    .fixed-height-small {min-height: 200px;}
    .hs-line-4 {font-size: 20px;}
    .hs-line-11 {font-size: 30px; letter-spacing: 0; margin-top: 75px; line-height: 1.2;}
    .zoomi {animation: none !important; transition: none !important; background-position: top center;}
    .product-title h1 {font-size: 30px; line-height: 1.2; padding-bottom: 15px;}
    #logo_home {width: 300px; height: 153px; text-align: center; margin: 0 auto;}
}
/* ============================== Responsive IOS Background Fix ============================== */
.mobile .page-section, .mobile .home-section, .mobile .small-section {background-attachment: scroll;}
/* ................................ Core Owl Carousel CSS File v1.3.3 ................................ */
.owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel {display: none; position: relative; width: 100%; -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper {display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer {overflow: hidden; position: relative; width: 100%; z-index: 5;}
.owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
.owl-carousel .owl-item {float: left;}
.owl-controls .owl-page, .owl-controls .owl-buttons div {cursor: pointer;}
.owl-controls {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing {cursor: url('grabbing.png') 8 8, move;}
.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
/* ................................ Owl Carousel CSS3 Transitions v1.3.2 ................................ */
.owl-origin {-webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px;}
.owl-fade-out {z-index: 10; -webkit-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;}
.owl-fade-in {-webkit-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease;}
.owl-backSlide-out {-webkit-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;}
.owl-backSlide-in {-webkit-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;}
.owl-goDown-out {-webkit-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both;}
.owl-goDown-in {-webkit-animation: goDown .6s ease both; animation: goDown .6s ease both;}
.owl-fadeUp-in {-webkit-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both;}
.owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both;}
@-webkit-keyframes empty {
  0% {opacity: 1;}
}
@keyframes empty {
  0% {opacity: 1;}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
@-webkit-keyframes backSlideOut {
  25% {opacity: .5; -webkit-transform: translateZ(-500px);}
  75% {opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%);}
  100% {opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%);}
}
@keyframes backSlideOut {
  25% {opacity: .5; transform: translateZ(-500px);}
  75% {opacity: .5; transform: translateZ(-500px) translateX(-200%);}
  100% {opacity: .5; transform: translateZ(-500px) translateX(-200%);}
}
@-webkit-keyframes backSlideIn {
  0%, 25% {opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%);}
  75% {opacity: .5; -webkit-transform: translateZ(-500px);}
  100% {opacity: 1; -webkit-transform: translateZ(0) translateX(0);}
}
@keyframes backSlideIn {
  0%, 25% {opacity: .5; transform: translateZ(-500px) translateX(200%);}
  75% {opacity: .5; transform: translateZ(-500px);}
  100% {opacity: 1; transform: translateZ(0) translateX(0);}
}
@-webkit-keyframes scaleToFade {
  to {opacity: 0; -webkit-transform: scale(.8);}
}
@keyframes scaleToFade {
  to {opacity: 0; transform: scale(.8);}
}
@-webkit-keyframes goDown {
  from {-webkit-transform: translateY(-100%);}
}
@keyframes goDown {
  from {transform: translateY(-100%);}
}
@-webkit-keyframes scaleUpFrom {
  from {opacity: 0; -webkit-transform: scale(1.5);}
}
@keyframes scaleUpFrom {
  from {opacity: 0; transform: scale(1.5);}
}
@-webkit-keyframes scaleUpTo {
  to {opacity: 0; -webkit-transform: scale(1.5);}
}
@keyframes scaleUpTo {
  to {opacity: 0; transform: scale(1.5);}
}
/* ................................ TOASTR v2.1.3 ................................ */
.toast-title {font-weight: bold;}
.toast-message {-ms-word-wrap: break-word; word-wrap: break-word;}
.toast-message a, .toast-message label {color: #FFFFFF;}
.toast-message a:hover {color: #CCCCCC; text-decoration: none;}
.toast-close-button {position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; line-height: 1;}
.toast-close-button:hover, .toast-close-button:focus {color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4;}
.rtl .toast-close-button {left: -0.3em; float: left; right: 0.3em;}
button.toast-close-button {padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none;}
.toast-top-center {top: 0; right: 0; width: 100%;}
.toast-bottom-center {bottom: 0; right: 0; width: 100%;}
.toast-top-full-width {top: 0; right: 0; width: 100%;}
.toast-bottom-full-width {bottom: 0; right: 0; width: 100%;}
.toast-top-left {top: 12px; left: 12px;}
.toast-top-right {top: 12px; right: 12px;}
.toast-bottom-right {right: 12px; bottom: 12px;}
.toast-bottom-left {bottom: 12px; left: 12px;}
#toast-container {position: fixed; z-index: 999999; pointer-events: none;}
#toast-container * {box-sizing: border-box;}
#toast-container > div {position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; box-shadow: 0 0 12px #999999; color: #FFFFFF; opacity: 0.8;}
#toast-container > div.rtl {direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center;}
#toast-container > div:hover {box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer;}
#toast-container > .toast-info {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;}
#toast-container > .toast-error {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;}
#toast-container > .toast-success {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;}
#toast-container > .toast-warning {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;}
#toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {width: 300px; margin-left: auto; margin-right: auto;}
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {width: 96%; margin-left: auto; margin-right: auto;}
.toast {background-color: #030303;}
.toast-success {background-color: #51A351;}
.toast-error {background-color: #BD362F;}
.toast-info {background-color: #2F96B4;}
.toast-warning {background-color: #F89406;}
.toast-progress {position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4;}
@media all and (max-width: 240px){
  #toast-container > div {padding: 8px 8px 8px 50px; width: 11em;}
  #toast-container > div.rtl {padding: 8px 50px 8px 8px;}
  #toast-container .toast-close-button {right: -0.2em; top: -0.2em;}
  #toast-container .rtl .toast-close-button {left: -0.2em; right: 0.2em;}
}
@media all and (min-width: 241px) and (max-width: 480px){
  #toast-container > div {padding: 8px 8px 8px 50px; width: 18em;}
  #toast-container > div.rtl {padding: 8px 50px 8px 8px;}
  #toast-container .toast-close-button {right: -0.2em; top: -0.2em;}
  #toast-container .rtl .toast-close-button {left: -0.2em; right: 0.2em;}
}
@media all and (min-width: 481px) and (max-width: 768px){
  #toast-container > div {padding: 15px 15px 15px 50px; width: 25em;}
  #toast-container > div.rtl {padding: 15px 50px 15px 15px;}
}