@import url('https://fonts.googleapis.com/css?family=Lato');
body {margin:0; font-family: 'Lato', sans-serif;size:14pt;}
h3 {line-height: 2.5rem;}
.btn-round {border-radius: 2em; padding:0.8rem 1.8rem;}
img {width:100%;}
.font-btn {font-weight:300; letter-spacing: 1px;}
.btn-blue:hover{background-color: #15c8fe; color:#ffffff;}
.btn-blue:active{background-color: #15c8fe;}
.btn-blue {background-color: #008aff; color:#ffffff; -webkit-appearance:none!important;}
.pxy-6 {padding:4rem!important;}
.space-ctrl {padding:4rem 12rem!important;}
.error-red  {
    color: red;
}
/*font-color*/

/*header*/
header {position: relative;}
.isnav-bg {background-color: #008aff!important; padding: 10px 10px; position:fixed; width:100%; z-index:99;}
.islogo {padding-left:10px; height:auto; width:120px;}
ul li.nav-islinks a {color:#ffffff!important; font-weight:500!important; letter-spacing:1px;}
a.nav-link:hover {padding-bottom: 3px; border-bottom: 5px solid #ffffff;}
a.nav-link:active {padding-bottom: 3px; border-bottom: 5px solid #ffffff;}
a.nav-link:visited {padding-bottom: 3px; border-bottom: 5px solid #ffffff;}
.navbar-toggler {background:none; border-color:rgba(0, 0, 0, 0)!important;}
.navbar-span-icon {color:#ffffff;}
.msc-icon-nav {width: 50px; padding: 0 10px;}


/* Section - Block */
/**************************/
.contactus-icon {}
.block {background: white; padding: 50px 0; width:100%; margin:0 auto; text-align:justify; height:750px; position:relative;}
.block-gray {background: #f2f2f2;padding: 60px;}
.content-wrap {position:absolute; z-index:2;}
.content-txt-wrap {width:90%; margin:0 auto;}
.section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}
.txt-overflow {height:250px; overflow: hidden; text-overflow: ellipsis; }
.message-us {width: 70%!important; margin:0 0 15px 0;}


/* Sec-contact us */
/**************************/
.location-wrap {width:100%; display:block;}
.contact-left-wrap {float:left; }
.contact-right-wrap {float:left; }
.contactus-icon {float:left; width:35px; }
.address-wrap {float:left; width:85%; padding:10px;}
.contact-left-wrap h5 {text-align: left;}
.contact-left-wrap p {text-align: left;}
.contact-right-wrap h3 {font-weight: 700;}
.contact-right-wrap h5 {font-weight:300;padding:15px 0;}
.form-submit {float:left; display: block; width: 200px!important;}
.contact-us-form .form-group {padding: 10px 10px 10px 0;}
.contact-right-wrap {padding-left:50px;}



/*worktgt*/
.bg-work {background-color: #f1f1f1;}
.work-content {line-height: 22pt;}
.work-headline {padding:20px 0 5px 0; letter-spacing: 1.5px;}
.btn-support {padding:50px 10px;}

/*footer*/
footer {background-color:#232323;}
.social-icons {width:42px; height: 42px; margin:0 10px;}
.social-icons:hover {opacity: 0.5;}
.copyright-txt {color:#a4a4a4; font-size: 11pt;}
.msc-icon {width:80px; float:right;}
.f-left {width:50%}
.f-right {width:50%; float:right;}
.footer-keywords {font-size:8pt; color:#a4a4a4; width:350px; display: block;}



/* Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
    h1 {font-size: 1.8em; line-height: normal;}
    h3 {font-size: 1.2em; line-height: normal; line-height: 2rem;}
    h4 {font-size: 1.4em; line-height: normal;}
    .py-5 {padding:2rem 1rem!important;}
    .px-5 {padding:1rem!important;}
    section.sec1 {background-size: 200%; height:280px;}
    .banner-content {padding:3rem 1rem!important;}
    .banner-headline {padding:1rem!important;}
    .pxy-6 {padding:2rem!important;}
    .flex-fill-3 {width:50%;}
    .specialfeatures {height: 200px; background-size: 200%;}
    .space-ctrl {padding:40px 20px!important;}
    
    /*Header Navbar*/
    .navbar-responsive {padding-left:10px!important;}
    .isnav-bg {position: fixed; width: 100%; z-index: 99;}
    
    .contact-right-wrap {padding:50px 30px;}
    .content-txt-wrap {width:100%;}
    .contact-headline {font-size:21pt;}
    
    /*footer*/
    .msc-icon {width:50px;}
    .nfeatures-50 {width:100%;}
    .copyright-txt {font-size:8pt;}
    .footer-keywords {display: none;}
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 769px) { 
    
    .mobile-listing-rebate {margin-left: 20px; padding: 0!important;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { ... }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }