/*-------------------------------------------------------------- # General --------------------------------------------------------------*/
 body {
     background: #fff;
     color: #54667a;
     font-family: "Open Sans", sans-serif;
     line-height: 24px;
     font-size: 14px;
}
 a {
     color: #1dc8cd;
     transition: 0.5s;
}
 a:hover, a:active, a:focus {
     color: #1dc9ce;
     outline: none;
     text-decoration: none;
}
 p {
     padding: 0;
     margin: 0 0 30px 0;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: "Open Sans", sans-serif;
     font-weight: 400;
     margin: 0 0 20px 0;
     padding: 0;
}
/* Back to top button */
 .back-to-top {
     position: fixed;
     display: none;
     background: #bc2537;
     color: #fff;
     padding: 2px 20px 8px 20px;
     font-size: 16px;
     border-radius: 4px 4px 0 0;
     right: 15px;
     bottom: 0;
     transition: none;
	 z-index: 1;
}
 .back-to-top:focus {
     background: #bc2537;
     color: #fff;
     outline: none;
}
 .back-to-top:hover {
     background: #1dc8cd;
     color: #fff;
}
/*-------------------------------------------------------------- # Header --------------------------------------------------------------*/



 #header {
	 background-color: #fff;
     padding: 10px 0;
     height: 92px;
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     transition: all 0.5s;
     z-index: 997;
}
 #header #logo {
     float: left;
}
 #header #logo h1 {
     font-size: 26px;
     margin: -4px 0 0 0;
     padding: 0;
     line-height: 1;
     display: inline-block;
     font-family: "Open Sans", sans-serif;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
}
 #header #logo h1 a, #header #logo h1 a:hover {
     color: #fff;
}
 #header #logo img {
     padding: 0;
     margin: 0;
     max-width: 200px;
}
 @media (max-width: 768px) {
     #header #logo h1 {
         font-size: 28px;
         margin-top: 0;
    }
     #header #logo img {
         max-width: 100px;
    }
}
 #header.header-fixed {
     background: #ffffff;
     padding: 20px 0;
     height: 72px;
     transition: all 0.5s;
}
 #header.header-fixed #logo img {
     max-width: 80px;
}
 #header.header-fixed .nav-menu a {
     padding-top: 4px;
     padding-bottom: 4px;
}
/*-------------------------------------------------------------- # Intro Section --------------------------------------------------------------*/
.text-white {
color: #fff;
}

#intro .4dasy h5 {
    color: #fff700;
    font-size: 20px;
    text-align: center;
    background: #000;
    width: fit-content;
    margin: auto;
    padding: 10px;
    position: relative;
    top: -20px;
    border-radius: 6px;
}

 #intro {
     background: transparent none repeat scroll 0 0;
     height: 100vh;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 99;
}
 #intro .intro-text {
     padding-top: 9rem;
     text-align: left;
     vertical-align: top;
}
 @media (max-width: 992px) {
     #intro .intro-text {
         padding-left: 0!important;
         padding-right: 0!important 
    }
}
 #intro h2 {
     color: #fff;
     text-align: center;
     font-size: 35px;
     font-weight: 800;
     line-height: 40px;
     margin: 30px 0 10px;
     text-transform: uppercase;
}
 #intro p {
     color: #fff;
     margin-bottom: 20px;
     font-size: 14px;
}
 #intro .btn-get-started {
     font-family: "Open Sans", sans-serif;
     font-weight: 300;
     font-size: 14px;
     letter-spacing: 0px;
     display: inline-block;
     padding: 8px 18px;
     border-radius: 50px;
     transition: 0.5s;
     margin: 10px 10px 10px 0px;
     border: 1px solid #fff;
     color: #fff;
     text-transform: uppercase;
}
 #intro .btn-get-started:hover {
     color: #1dc8cd;
     background: #fff;
}
 #intro .product-screens {
     position: relative;
     left: 0;
     right: 0;
     top: 25%;
     overflow: hidden;
     padding-top: 30px;
     text-align: left;
     width: 100%;
     background: rgba(255, 255, 255, 0.2);
}
 #intro .product-screens img {
     box-shadow: 0px -2px 19px 4px rgba(0, 0, 0, 0.29);
}
 @media (max-width: 768px) {
     #intro h2 {
         font-size: 18px;
         line-height: 30px;
    }
     #intro p {
         font-size: 14px;
         line-height: 24px;
         margin-bottom: 20px;
    }
}
 @media (max-width:992px) {
     #intro .product-screens {
         top: 15%;
    }
     .section--main__canvas {
         position: relative!important 
    }
     #intro .intro-text{
         padding-top: 7rem
    }
}
/*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/
/* Nav Menu Essentials */
 .nav-menu, .nav-menu * {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .nav-menu ul {
     position: absolute;
     display: none;
     top: 100%;
     left: -98px;
     z-index: 99;
     width: 583px;
}
 .nav-menu li {
     position: relative;
     white-space: nowrap;
}
 .nav-menu>li {
     float: left;
}
 .nav-menu li:hover>ul, .nav-menu li.sfHover>ul {
     display: block;
}
 .nav-menu ul ul {
     top: 0;
     left: 100%;
}
 .nav-menu ul li {
     min-width: 180px;
}
/* Nav Menu Arrows */
 .sf-arrows .sf-with-ul {
     padding-right: 30px;
}
 .sf-arrows .sf-with-ul:after {
     content: "\f107";
     position: absolute;
     right: 15px;
     font-family: FontAwesome;
     font-style: normal;
     font-weight: normal;
}
 .sf-arrows ul .sf-with-ul:after {
     content: "\f105";
}
/* Nav Meu Container */
 #nav-menu-container {
     float: right;
     margin: 0;
}
 @media (max-width: 768px) {
     #nav-menu-container {
         display: none;
    }
}
/* Nav Meu Styling */
 .nav-menu a {
     padding: 20px 10px;
     text-decoration: none;
     display: inline-block;
     color: #333;
     font-family: "Open Sans", sans-serif;
     font-weight: 700;
     font-size: 14px;
     outline: none;
     text-transform: uppercase;
}
 .nav-menu>li {
     margin-left: 10px;
}
 .nav-menu ul {
    margin: 4px 0 0 0;
    padding: 10px;
    background: #fff;
}
 .nav-menu ul li {
     transition: 0.3s;
}
 .nav-menu ul li a {
     padding: 10px;
     color: #333;
     transition: 0.3s;
     display: block;
     font-weight: 700;
    font-size: 14px;
     text-transform: none;
      text-transform: uppercase;
}
 .nav-menu ul li:hover>a {
     color: #1dc8cd;
}
 .nav-menu ul ul {
     margin: 0;
}
/* Mobile Nav Toggle */
 #mobile-nav-toggle {
     position: fixed;
     right: 0;
     top: 0;
     z-index: 999;
     margin: 20px 20px 0 0;
     border: 0;
     background: none;
     font-size: 24px;
     display: none;
     transition: all 0.4s;
     outline: none;
     cursor: pointer;
}
 #mobile-nav-toggle i {
     color: #101010;
}
 @media (max-width: 768px) {
     #mobile-nav-toggle {
         display: inline;
    }
}
/* Mobile Nav Styling */
 #mobile-nav {
     position: fixed;
     top: 0;
     padding-top: 18px;
     bottom: 0;
     z-index: 998;
     background: rgba(52, 59, 64, 0.9);
     left: -260px;
     width: 260px;
     overflow-y: auto;
     transition: 0.4s;
}
 #mobile-nav ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 #mobile-nav ul li {
     position: relative;
}
 #mobile-nav ul li a {
     color: #fff;
     font-size: 16px;
     overflow: hidden;
     padding: 10px 22px 10px 15px;
     position: relative;
     text-decoration: none;
     width: 100%;
     display: block;
     outline: none;
}
 #mobile-nav ul li a:hover {
     color: #fff;
}
 #mobile-nav ul li li {
     padding-left: 30px;
}
 #mobile-nav ul .menu-has-children i {
     position: absolute;
     right: 0;
     z-index: 99;
     padding: 15px;
     cursor: pointer;
     color: #fff;
}
 #mobile-nav ul .menu-has-children i.fa-chevron-up {
     color: #1dc8cd;
}
 #mobile-nav ul .menu-item-active {
     color: #1dc8cd;
}
 #mobile-body-overly {
     width: 100%;
     height: 100%;
     z-index: 997;
     top: 0;
     left: 0;
     position: fixed;
     background: rgba(52, 59, 64, 0.9);
     display: none;
}
/* Mobile Nav body classes */
 body.mobile-nav-active {
     overflow: hidden;
}
 body.mobile-nav-active #mobile-nav {
     left: 0;
}
 body.mobile-nav-active #mobile-nav-toggle {
     color: #fff;
}
/*-------------------------------------------------------------- # Sections --------------------------------------------------------------*/
/* Sections Header --------------------------------*/
 .section-header .section-title {
     color: #3574df;
     font-size: 30px;
     font-weight: 700;
     text-align: center;
     text-transform: uppercase;
}
 .section-header .section-description {
     text-align: center;
     padding-bottom: 40px;
     color: #777;
     font-style: italic;
}
 .section-header .section-divider {
     display: block;
     width: 60px;
     height: 3px;
     background: #1dc8cd;
     background-image: -o-linear-gradient(157deg, #ED355B 0%, #1F65DB 100%);
     background-image: linear-gradient(293deg, #ED355B 0%, #1F65DB 100%);
     margin: 0 auto;
     margin-bottom: 20px;
}
/* Section with background --------------------------------*/
 .section-bg {
     background: #eff5f5;
}
/* Call To Action Section --------------------------------*/
 #call-to-action {
    padding: 40px 0 40px;
    position: relative;
    background: #fff;
    overflow: hidden;
}
 #call-to-action::before{
     
     background-size: contain;
     position: absolute;
     content:"";
     width: 100%;
    min-height: 200px;
     top:0;
    opacity: 0.056 
}
 #call-to-action .cta-title {
     color: #fff;
     font-size: 28px;
     font-weight: 700;
}
 #call-to-action .cta-text {
     color: #fff;
}
 @media (min-width: 769px) {
     #call-to-action .cta-btn-container {
         display: flex;
         align-items: center;
         justify-content: flex-end;
    }
}
 #call-to-action .cta-btn {
 background: #bd2433;
    border: 2px solid #bd2433;
     font-family: "Open Sans", sans-serif;
     font-weight: 700;
     font-size: 16px;
     display: inline-block;
     padding: 8px 30px;
     border-radius: 25px;
     transition: background 0.5s;
     margin: 10px;
     border: 2px solid #fff;
     color: #fff;
}
 #call-to-action .cta-btn:hover {
     background: #1dc8cd;
     border: 2px solid #1dc8cd;
}
/* More Features Section --------------------------------*/
 #more-features {
     padding: 60px 0 60px 0;
}
 #more-features .box {
     padding: 40px;
     margin-bottom: 30px;
     box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
     background: #fff;
     transition: 0.4s;
}
 #more-features .icon {
     float: left;
}
 #more-features .icon i {
     color: #666666;
     font-size: 80px;
     transition: 0.5s;
     line-height: 0;
}
 #more-features .icon i:before {
     background: #1dc8cd;
     background: linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%);
     background-clip: border-box;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 #more-features h4 {
     margin-left: 100px;
     font-weight: 700;
     margin-bottom: 15px;
     font-size: 18px;
}
 #more-features h4 a {
     color: #111;
}
 #more-features p {
     font-size: 14px;
     margin-left: 100px;
     margin-bottom: 0;
     line-height: 24px;
}
 @media (max-width: 767px) {
     #more-features .box {
         margin-bottom: 20px;
    }
     #more-features .icon {
         float: none;
         text-align: center;
         padding-bottom: 15px;
    }
     #more-features h4, #more-features p {
         margin-left: 0;
         text-align: center;
    }
}
/* Clients Section --------------------------------*/
 #clients {
     padding: 30px 0;
     background: #fff;
}
 #clients img {
     max-width: 100%;
     opacity: 0.5;
     transition: 0.3s;
     padding: 15px 0;
}
 #clients img:hover {
     opacity: 1;
}
/* Pricing Section --------------------------------*/
 #pricing {
     padding: 60px 0 60px 0;
}
 #pricing .box {
     padding: 40px;
     margin-bottom: 30px;
     box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
     background: #fff;
     text-align: center;
}
 #pricing h3 {
     font-weight: 400;
     margin-bottom: 15px;
     font-size: 28px;
}
 #pricing h4 {
     font-size: 46px;
     color: #1dc8cd;
     font-weight: 300;
}
 #pricing h4 sup {
     font-size: 20px;
     top: -20px;
}
 #pricing h4 span {
     color: #bababa;
     font-size: 20px;
}
 #pricing ul {
     padding: 0;
     list-style: none;
     color: #999;
     text-align: left;
     line-height: 20px;
}
 #pricing ul li {
     padding-bottom: 12px;
}
 #pricing ul i {
     color: #1dc8cd;
     font-size: 18px;
     padding-right: 4px;
}
 #pricing .get-started-btn {
     background: #515e61;
     display: inline-block;
     padding: 6px 30px;
     border-radius: 20px;
     color: #fff;
     transition: none;
     font-size: 14px;
     font-weight: 400;
     font-family: "Montserrat", sans-serif;
}
 #pricing .featured {
     border: 2px solid #1dc8cd;
}
 #pricing .featured .get-started-btn {
     background: linear-gradient(45deg, #1de099, #1dc8cd);
}
/* Frequently Asked Questions Section --------------------------------*/
 #faq {
     padding: 60px 0;
}
 #faq #faq-list {
     padding: 0;
     list-style: none;
}
 #faq #faq-list li {
     border-bottom: 1px solid #ddd;
}
 #faq #faq-list a {
     padding: 18px 0;
     display: block;
     position: relative;
     font-family: "Montserrat", sans-serif;
     font-size: 22px;
     line-height: 1;
     font-weight: 300;
     padding-right: 20px;
}
 #faq #faq-list i {
     font-size: 24px;
     position: absolute;
     right: 0;
     top: 16px;
}
 #faq #faq-list p {
     margin-bottom: 20px;
}
 @media (max-width: 768px) {
     #faq #faq-list a {
         font-size: 18px;
    }
     #faq #faq-list i {
         top: 13px;
    }
}
 #faq #faq-list a.collapse {
     color: #1dc8cd;
}
 #faq #faq-list a.collapsed {
     color: #000;
}
 #faq #faq-list a.collapsed i::before {
     content: "\f2c7" !important;
}
/* Our Team Section --------------------------------*/
 #team {
     padding: 60px 0;
}
 #team .member {
     text-align: center;
     margin-bottom: 20px;
}
 #team .member .pic {
     margin-bottom: 15px;
     overflow: hidden;
     height: 260px;
}
 #team .member .pic img {
     max-width: 100%;
}
 #team .member h4 {
     font-weight: 700;
     margin-bottom: 2px;
     font-size: 18px;
}
 #team .member span {
     font-style: italic;
     display: block;
     font-size: 13px;
}
 #team .member .social {
     margin-top: 15px;
}
 #team .member .social a {
     color: #b3b3b3;
}
 #team .member .social a:hover {
     color: #1dc8cd;
}
 #team .member .social i {
     font-size: 18px;
     margin: 0 2px;
}
/* Gallery Section --------------------------------*/
 #gallery {
     background: #fff;
     padding: 60px 0 0 0;
}
 #gallery .container-fluid {
     padding: 0px;
}
 #gallery .gallery-overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     -webkit-transition: all ease-in-out 0.4s;
     transition: all ease-in-out 0.4s;
}
 #gallery .gallery-item {
     overflow: hidden;
     position: relative;
     padding: 0;
     vertical-align: middle;
     text-align: center;
}
 #gallery .gallery-item img {
     -webkit-transition: all ease-in-out 0.4s;
     transition: all ease-in-out 0.4s;
     width: 100%;
}
 #gallery .gallery-item:hover img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
 #gallery .gallery-item:hover .gallery-overlay {
     opacity: 1;
     background: rgba(0, 0, 0, 0.7);
}
/* Contact Section --------------------------------*/
 #contact {
}
 #contact .contact-about h3 {
     font-size: 36px;
     margin: 0 0 10px 0;
     padding: 0;
     line-height: 1;
     font-family: "Montserrat", sans-serif;
     font-weight: 300;
     letter-spacing: 3px;
     text-transform: uppercase;
     color: #1dc8cd;
}
 #contact .contact-about p {
     font-size: 14px;
     line-height: 24px;
     font-family: "Montserrat", sans-serif;
     color: #888;
}
 #contact .social-links {
     padding-bottom: 20px;
}
 #contact .info {
     color: #333333;
}
 #contact .info i {
     font-size: 32px;
     color: #c1c0c0;
     float: left;
     line-height: 1;
}
 #contact .info p {
    
     line-height: 28px;
     font-size: 14px;
     margin-bottom: 20px;
}
 #contact .form #sendmessage {
     color: #1dc8cd;
     border: 1px solid #1dc8cd;
     display: none;
     text-align: center;
     padding: 15px;
     font-weight: 600;
     margin-bottom: 15px;
}
 #contact .form #errormessage {
     color: red;
     display: none;
     border: 1px solid red;
     text-align: center;
     padding: 15px;
     font-weight: 600;
     margin-bottom: 15px;
}
 #contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {
     display: block;
}
 #contact .form .validation {
     color: red;
     display: none;
     margin: 0 0 20px;
     font-weight: 400;
     font-size: 13px;
}
 #contact .form input, #contact .form textarea {
     border-radius: 0;
     box-shadow: none;
     font-size: 14px;
}
 #contact .form button[type="submit"] {
     background: linear-gradient(45deg, #1de099, #1dc8cd);
     border: 0;
     border-radius: 20px;
     padding: 8px 30px;
     color: #fff;
}
 #contact .form button[type="submit"]:hover {
     cursor: pointer;
}
/*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/
 #footer {
     background: #fff;
     box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
     padding: 30px 0;
     color: #333;
     font-size: 14px;
}
 #footer .credits {
     font-size: 13px;
     color: #888;
}
 #footer .footer-links a {
     color: #666;
     padding-left: 15px;
}
 #footer .footer-links a:first-child {
     padding-left: 0;
}
 #footer .footer-links a:hover {
     color: #1dc8cd;
}
/*-----------------------------------------*/
 .form-control {
     font-size: 14px;
	 text-transform:  capitalize;
}
 .btn-bg-r {
     background: #e9094d;
     font-size: 14px;
     border-color: #e9094d;
     color: #fff;
     border-radius: 5px;
     min-width: 130px;  
}
 .btn-bg-r:hover {
     background: #51b8f2;
     font-size: 14px;
     border-color: #51b8f2;
     color: #fff;
}
 .btn-bg-b {
     background: #51b8f2;
     font-size: 14px;
     border-color: #51b8f2;
     color: #fff;
     border-radius: 100px;
     min-width: 130px 
}
 .btn-bg-b:hover {
     background: #e9094d;
     border-color: #e9094d;
     color: #fff;
}
 .b-imgbox {
    border-radius: 27px !important;
    margin: auto;
    width: 100%;
}
 .price-b {
     background: #e9094d;
     display: inline-block;
     min-width: 100px;
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     padding: 5px 15px;
     border-radius: 100px;
     margin-top: 10px;
}
 .btn-bdr {
     border: 2px solid #51b8f2;
     border-radius: 100px;
     color: #51b8f2;
     font-weight: 600;
     max-width: 70%;
     text-transform: uppercase;
     width: 100%;
     font-size: 16px;
     padding: 10px 20px 
}
 .btn-bdr:hover {
     background: #51b8f2;
     color: #fff;
}
 .fw-200 {
     font-weight: 200;
}
 .fw-700 {
     font-weight: 700;
}
 @media only screen and ( min-width: 1024px) {
     .container {
         max-width: 1130px;
    }
}
/*-------services-sec-------*/
 .services-sec {
     margin-top: -100px;
     position: relative;
     z-index: 99;
     padding-bottom: 60px;
}
 .services-sec .service-img {
     background: #fff none repeat scroll 0 0;
     border-radius: 30px;
     box-shadow: 5px 5px 5px #51b8f2;
     display: inline-block;
     height: 130px;
     line-height: 130px;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     width: 130px;
     margin-left: 10px;
}
 .services-sec .service-img img {
     transform: rotate(-545deg);
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     max-width: 100%;
}
 .service-title h3 {
     color: #54667a;
     display: block;
     font-size: 14px;
     font-weight: 700;
     line-height: 24px;
     margin-top: 30px;
     text-transform: uppercase;
}
 .sec-full {
     float: left;
     width: 100%;
}
/* About Us Section --------------------------------*/
 #about-sec {
     background-image: -o-linear-gradient(157deg, #ED355B 0%, #1F65DB 100%);
     background-image: linear-gradient(293deg, #ED355B 0%, #1F65DB 100%);
     position: relative;
}
 #about-sec::before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: url("../img/earfon.png") center center no-repeat 
}
 #about-sec p, #about-sec h3, #about-sec h5, #about-sec h6 {
     color: #fff 
}
 .about-wrap {
     margin: 40px 0;
     padding: 20px 0 
}
 .about-wrap::first-child {
     border-right: 1px solid #fff;
     display: block;
}
 #about-sec .bdr {
     border-right: 1px solid #fff;
}
/*--------Product type section----------*/
 #producttype {
     padding: 40px 0;
}
 #producttype .pbox-outer {
     background-image: -o-linear-gradient(157deg, #ED355B 0%, #1F65DB 100%);
     background-image: linear-gradient(293deg, #ED355B 0%, #1F65DB 100%);
     padding: 3px;
     border-radius: 10px;
     margin-bottom: 20px 
}
 #producttype .pbox-outer .pbox-wrap {
     background: #fff;
     border-radius: 8px;
     padding: 30px 20px;
}
 #producttype .pbox-outer:hover .pbox-wrap {
}
/*--------Testimonials---------*/
 #testimoni-sec {
     background: url("../img/testi-bg.jpg") 0 0 no-repeat;
     background-size: cover 
}
 .testimoni-wrap {
     background: rgba(255, 255, 255, 0.9);
     padding: 30px;
     border-left: 5px solid #e9094d;
     min-height: 360px;
}
 .testimoni-wrap h4{
     color: #54667a;
}
 .testimoni-wrap h5{
     font-size: 14px;
    color: #666!important;
     font-weight: 700
}
 .testimoni-wrap p{
    color: #878787;
}
 .testimoni-wrap .carousel {
     min-height: 200px;
}
 .testimoni-wrap .carousel-indicators {
     bottom: -30px;
}
 .testimoni-wrap .carousel-indicators li{
     background: rgba(233,9,77, 0.4)
}
 .testimoni-wrap .carousel-indicators li.active {
     background: rgba(233,9,77, 0.9)
}
 .testimoni-wrap .carousel-item::before{
     position: absolute;
     top:12px;
     left:0;
     content: "\f10d";
     font-family: 'FontAwesome';
     color: #54667a;
     font-size: 22px;
}
/*========Brand Box=========*/
 .brand-wrap {
     background: url("../img/brand-bg.png") center center no-repeat 
}
 .brandli {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .brandli li {
     border: 1px solid #ddd;
     display: inline-block;
     margin: 0 -2px;
     width: 50%;
}
/*--====Newsletter===---*/
 .newsletter-wrap {
     background-image: -o-linear-gradient(157deg, #ED355B 0%, #1F65DB 100%);
     background-image: linear-gradient(293deg, #ED355B 0%, #1F65DB 100%);
}
 .newsletter-wrap .form-control {
     background: transparent url("../img/nl-bg.png") center center no-repeat;
     background-size: contain;
     border-width: 0 0 1px 0;
     border-radius: 0;
     border-color: #0b2139;
     color: #fff 
}
 .newsletter-wrap input[type="submit"] {
     background: #0b2139;
     color: #fff;
}
 .newsletter-wrap .form-control::-moz-placeholder {
     color: #fff;
     opacity: 0.8;
}
/*-===========Download Broucher========-*/
 h4.h4title {
    color: #bc2432;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 100px;
}
/*-------------------============Footer css================---------------------*/
 #footer-main{
     background: #0b2139;
}
 #footer-main .foot-story-wrap{
     color: #fff 
}
 #footer-main .foot-title{
     font-size: 16px;
     font-weight: 700;
     color: #51b8f2;
     text-transform: uppercase;
}
 .foot-logo img{
     max-width: 200px;
}
 .item-wrap ul{
    padding:0;
     margin:0 ;
     list-style: none
}
 .item-wrap ul li{
     display: block;
     position: relative;
     padding-left: 20px;
}
 .item-wrap ul li a{
     display: block;
     padding: 2px 0;
     color: #fff;
}
 .item-wrap ul li:hover a{
     color: #51b8f2
}
 .item-wrap ul li::before{
     position: absolute;
     left:0;
     top:0;
     content:"\f105";
     font-family: 'FontAwesome';
     color: #51b8f2
}
 .copyright{
     color: #fff;
}
 hr{
     background: #0f345e;
}
 .social-links a {
     font-size: 18px;
     display: inline-block;
     background: transparent;
     color: #1dc8cd;
     line-height: 1;
     padding: 8px 0;
     margin-right: 4px;
     border-radius: 50%;
     text-align: center;
     width: 36px;
     height: 36px;
     transition: 0.3s;
     border: 1px solid #1dc8cd;
}
 .social-links a:hover {
     background: #1dc8cd;
     color: #fff;
}
 @media only screen and ( min-width: 320px) and ( max-width: 992px){
     #about-sec .bdr {
         border-bottom: 1px solid #fff;
         border-right: 0 solid #fff;
         margin: 0 !important;
         padding: 50px 0 !important;
    }
}
 @media only screen and ( max-width: 767px){
     .newsletter-wrap .input-group .form-control, .newsletter-wrap .input-group .input-group-btn, .newsletter-wrap .input-group .input-group-btn .btn {
         width: 100%;
    }
     .newsletter-wrap .input-group .input-group-btn{
         margin-top: 2px;
    }
	.copyright{ text-align: center; }
	.social-links {
    display: block;
    margin-bottom: 15px;
    text-align: center;
}
}