/* ...CUSTOM RESET... */
*:focus, *:active {outline: 0;}
html {}
ul {list-style: none; margin: 0; padding: 0;}

body {
    font-family: "Open sans", sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    color: #2f2f2f;
}
h1,h2,h3,h4,h5,h6 {font-family: "Roboto"; font-weight: 300; margin: 0;}
a {
    color: #1583bc;
    transition: 0.1s all linear;
    -webkit-transition: 0.1s all linear;
    -moz-transition: 0.1s all linear;
    -ms-transition: 0.1s all linear;
}
a:hover, a:focus, a:active {text-decoration: none;}


/* HEADER */
.main-header{width: 100%; overflow: hidden; font-family: 'Open Sans', sans-serif; position: absolute; top: 0px; z-index: 1000;}
.header-wraper{max-width: 1477px; overflow: hidden; margin: 0 auto; background: none; padding: 10px 10px;}
.header-contact{float: right; padding: 15px 0;}
.contact-box{float: left; font-size: 13px; color: #282828; margin-left: 20px; border-left: 1px solid #919191; padding-left: 20px;}
.contact-box a{color: #282828; text-decoration: none;}
.contact-box i{font-size: 15px!important; margin-right: 7px;}
.no-line-box{border: none;}
.navbar{display: block; overflow: hidden; padding: 0px;}
.navbar .brand{float: left;}
.nav-custom-right{float: right;}
.navbar-toggler{float: right;}
.breaker{display: none;}
.navbar-nav{font-size: 15px; margin-right: 50px; font-weight: 900;}
.nav-item{margin: 0 25px;}
.navbar-light .navbar-nav .nav-link{color: rgba(00, 00, 00, 1)!important;}
.btn-search{background: #fff; border: 1px solid #ccc; border-right: none; color: #ffd21c; cursor: pointer; padding: 5px 0px 5px 7px; font-size: 18px; outline: none; border-radius: 4px 1px 1px 4px;}
.search-text{outline: none; border: 1px solid #ccc; border-left: none; padding: 5px 7px; border-radius: 1px 4px 4px 1px;}
.navbar-light .navbar-toggler{border: none; outline: none; margin: 20px 0 0 0;}
.navbar-light .navbar-toggler i{color: #000; font-size: 20px;}
.mobile-head-contact{display: none;}

/*SLIDER MAIN*/
/*FLEX*/
.flexslider .slides img {width: auto;}
.flex-control-nav {bottom: 30px; display: none;}
.flex-direction-nav {display: none;}
.flex-control-paging li a{background: rgba(255,255,255,0); border: 2px solid #fff; padding: 7px;}
.flex-control-paging li a.flex-active{background: rgba(255,255,255,1);}
.flexslider:hover .flex-next, .flexslider:hover .flex-prev{background: #000; opacity: 0.3;}
/*MAIN*/
.slider-main {height: 700px; width: 100%; overflow: hidden; background: #555; position: relative;}
.slider-main .slider-main-room {}
.slider-main .slider-main-room ul.slides {}
.slider-main .slider-main-room ul.slides li {z-index: 90;}
.slider-main .slider-main-room ul.slides li .slide-room {height: 700px; padding: 163px 60px 40px 60px;}
.slider-main .slider-main-room ul.slides li .slider-text {width: 580px; float: left; margin-left: 50px; text-align: center;}
.slider-main .slider-main-room ul.slides li .slider-text h2 {font-family: "Open sans"; font-size: 39px; font-weight: 300; color: #000;}
.slider-main .slider-main-room ul.slides li .slider-text h1 {font-family: "Roboto"; font-size: 53px; font-weight: 700; color: #ffd21c; text-transform: uppercase; letter-spacing: 3px; text-shadow: 1px 1px 3px #828080; /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */}
.slider-main .slider-main-room ul.slides li .slider-text h3 {font-family: "Open sans"; font-size: 21px; font-weight: 300; color: #000;}
.slider-main .slider-main-room ul.slides li .slider-text a.slider-button {padding: 10px 20px; margin-top: 20px; display: inline-block; font-family: "Roboto Condensed"; font-size: 21px; font-weight: bold; color: #fff; text-transform: uppercase; border-radius: 2px; text-shadow: 0px 1px 2px rgba(44, 39, 1, 0.18); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.09); border: 1px solid #433e64;}
.slider-main .slider-main-room ul.slides li .slider-image-room {float: left;}
.slider-main .slider-main-room ul.slides li img.slider-image {}
/*SLIDE TECHNOLOGY*/
.slider-main .slider-main-room ul.slides li .slide-tech {background: url(../images/slider/slide-tech/slide-tech-bg.jpg) center center repeat-x;}
.slider-main .slider-main-room ul.slides li .slide-tech .slide-inner {width: 1200px; margin: 0 auto;}
.slider-main .slider-main-room ul.slides li .slide-tech .slide-inner .slider-text {margin: 60px 150px 0 0;}
.slider-main .slider-main-room ul.slides li .slide-tech .slide-inner .slider-text h2 {color: #161515;}
.slider-main .slider-main-room ul.slides li .slide-tech .slide-inner .slider-text h3 {color: #111111;}
.slider-main .slider-main-room ul.slides li .slide-tech .slide-inner .slider-text .separator {background: #9b9b9b;}
.slider-main .slider-main-room ul.slides li .slide-tech .slide-inner img {margin-top: 25px;}
/*SLIDE WEBSITE*/
.slider-main .slider-main-room ul.slides li .slide-website {background: url(../images/slider/slide-website/slide-website-bg.jpg) left center repeat-x;}
.slider-main .slider-main-room ul.slides li .slide-website .slide-inner {width: 1200px; margin: 0 auto;}
.slider-main .slider-main-room ul.slides li .slide-website .slide-inner .slider-text {margin: 15px 150px 0 0;}
.slider-main .slider-main-room ul.slides li .slide-website .slide-inner .slider-text h2 {}
.slider-main .slider-main-room ul.slides li .slide-website .slide-inner .slider-text h3 {}
.slider-main .slider-main-room ul.slides li .slide-website .slide-inner .slider-text .separator {background: #3e4950;}
.slider-main .slider-main-room ul.slides li .slide-website .slide-inner img {width: 600px;}
/*SLIDE ERP*/
.slider-main .slider-main-room ul.slides li .slide-erp {background: radial-gradient(#b5d7fe, #54a2d0)}
.slider-main .slider-main-room ul.slides li .slide-erp .slide-inner {width: 1200px; margin: 0 auto;}
.slider-main .slider-main-room ul.slides li .slide-erp .slide-inner .slider-text {margin: 145px 160px 0 0;}
.slider-main .slider-main-room ul.slides li .slide-erp .slide-inner .slider-text h2 {}
.slider-main .slider-main-room ul.slides li .slide-erp .slide-inner .slider-text h3 {}
.slider-main .slider-main-room ul.slides li .slide-erp .slide-inner .slider-text .separator {background: #a791bb;}
.slider-main .slider-main-room ul.slides li .slide-erp .slide-inner img {position: relative; top: -30px;}


.fix-padd-section{padding: 50px 0; overflow: hidden; background: #f5f5f5; font-family: "Open sans"; font-size: 18px; font-weight: 300; line-height: 1.6em;}
.fix-padd-section h1{font-family: "Open sans"; font-size: 30px; font-weight: 700; color: #000; text-transform: uppercase; margin: 13px 0;}
.fix-padd-section span.yellow-thick-line{width: 80px; height: 7px; background: #ffcc00; overflow: hidden; clear: both; display: block; float: left; margin-top: 20px;}

.objectve-container{max-width: 1477px; overflow: hidden; margin: 0 auto; background: none; text-align: center;}
.objectve-container span.yellow-thick-line{margin: auto; float: none;}
.objectve-container p{width: 70%; margin: auto; margin-top: 20px;}

.white-bg{background: #fff;}

.about-us-container{max-width: 1477px; overflow: hidden; margin: auto; padding: 0 10px;}
.about-us-container span.yellow-thick-line{margin-top: 3px;}
.about-us-container .about-title{margin: 55px 0 0 0; float: left;}
.about-us-container .about-title-avatar{float: left; margin-left: 12px;}
.about-us-container p{margin-top: 35px; width: 83%; float: left;}
.about-left-cotent img{float: right}
.about-left-left-content-img2,
.about-left-left-content-img3{display: none;}
.about-title-box-mobile{display: none; text-align: center;}

.yellow-bg{background: #ffcc00;}

.categories-container{max-width: 1477px; overflow: hidden; margin: 0 auto; background: none; text-align: center; color: #1f1f1f;}
.categories-container span.yellow-thick-line{margin: auto; float: none; background: #1f1f1f;}
.categories-container .category-list{max-width: 1477px; overflow: hidden; text-align: center; margin: 0 auto;}
.categories-container .category-list .cat-listing{margin: 25px 0;}
.categories-container .category-list .cat-listing img{width: 60px;}
.categories-container .category-list .cat-listing h4{font-family: "Open sans"; font-size: 15px; font-weight: 700; color: #1f1f1f; text-transform: uppercase; margin-top: 20px;}

.why-us-container{max-width: 1477px; overflow: hidden; margin: auto; padding: 0 10px; text-align: center;}
.why-us-container h1{margin-bottom: 0px;}
.why-us-container label{font-family: "Open sans"; font-size: 17px; font-weight: 400; color: #818181; text-transform: uppercase; margin: 0 0 13px 0;}
.why-us-container span.yellow-thick-line{margin: auto; float: none;}
.why-us-container p{width: 90%; margin: auto; margin-top: 20px;}

.what-we-do-container{max-width: 1477px; overflow: hidden; margin: auto; padding: 0 10px;}
.what-we-do-container span.yellow-thick-line{margin-top: 3px;}
.what-we-do-container .what-we-do-title{margin: 55px 0 0 0; float: left;}
.what-we-do-container .what-we-do-title-avatar{float: left; margin-left: 12px;}
.what-we-do-container p{margin-top: 20px; width: 92%; float: left;}
.what-we-do-left-cotent img{width: 100%; float: right;}
.what-we-do-left-cotent-img2{display: none;}
.what-we-do-title-box-mobile{display: none; text-align: center;}
.what-to-do-listing{max-width: 1455px; margin: 0 auto; padding: 0 10px;}
.what-to-do-list{background: url('../images/thin-f5.jpg') repeat-x #fff; margin: 20px 15px; float: left; overflow: hidden;}
.what-to-do-list p{margin-top: 10px; font-size: 18px;}

.services-container{max-width: 1477px; overflow: hidden; margin: auto; padding: 0 10px; text-align: center;}
.services-container span.yellow-thick-line{float: none; margin: auto; margin-top: 3px;}
.services-container .services-listing{margin-top: 20px; padding: 0 20px;}
.services-container .services-title{margin: 55px 0 0 0; float: left;}
.services-container .services-title-avatar{float: left; margin-left: 12px;}
.services-container .services-list{overflow: hidden; background: #f5f5f5; margin: 20px 15px; padding: 20px;}
.services-container .services-list img{width: 80%;}
.services-container .services-list .services-breaker{overflow: hidden; margin-top: 30px;}
.services-container .services-list .services-breaker label{font-size: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}

.brands-container{max-width: 1477px; overflow: hidden; margin: 0 auto; background: none; text-align: center;}
.brands-container h1{margin-top: 0;}
.brands-container span.yellow-thick-line{margin: auto; float: none;}
.brands-container .clients-room{margin-top: 40px;}
.brands-container .clients-room img { margin: 0 20px; opacity: 0.7; width: 50%;}
.brands-container .clients-room img:hover {opacity: 1;}
.vew-all-brands{font-size: 14px; color: #16adec;}
/*CAROUSEL*/
.owl-prev {position: absolute; background: url('../images/icons/left-arrow.png') center center no-repeat; text-indent: -9999px; width: 10px; height: 14px; left: -10px; top: 30%;}
.owl-prev:hover {background: url('../images/icons/left-arrow-active.png') center center no-repeat;}
.owl-next {position: absolute; background: url('../images/icons/right-arrow.png') center center no-repeat; text-indent: -9999px; width: 10px; height: 14px; right: -10px; top: 30%;}
.owl-next:hover {background: url('../images/icons/right-arrow-active.png') center center no-repeat;}

/* Brand */
.brands-banner{background: url('../images/brand-banner.jpg') center center no-repeat; background-size: cover;}
.brands-page-container{max-width: 1477px; overflow: hidden; margin: 0 auto; background: none; text-align: center; padding: 80px 0;}
.brands-page-container h5{background: #1f1f1f; color: #fff; display: inline-block; font-family: "Open sans"; font-size: 17px; text-transform: uppercase; letter-spacing: 0.2em; padding: 0px 0px 1px 6px; margin-bottom: 20px; position: relative; left: -2px;}
.brands-page-container legend{display: block; font-weight: 800; font-family: "Open sans"; font-size: 62px; letter-spacing: 4px; height: auto; color: #1e1e1e; text-align: center;}

.fix-brands-box{width: 100%; overflow: hidden; padding-top: 50px;}
.fix-brands-box .brands-heading{text-align: center; width: 100%;}
.fix-brands-box .brands-heading img{margin-bottom: 25px; width: 85px;}
.fix-brands-box .brands-heading h6{color: #1e1e1e; background: #ffcc00; font-weight: 700; font-family: "Open sans"; font-size: 18px; letter-spacing: 1px; display: inline-block; padding: 7px 15px; text-transform: uppercase;}
.fix-brands-box .brands-logos-container{background: url('../images/dot-dot.png') center center no-repeat; background-size: cover;}
.fix-brands-box .brands-logos{max-width: 1477px; overflow: hidden; margin: 0 auto; padding: 25px 0; text-align: center; display: table;}
.fix-brands-box .brands-logos ul{overflow: hidden; display: table-cell; vertical-align: middle;}
.fix-brands-box .brands-logos ul li{text-align: center; float: left; position: relative; margin: 25px; background: #fff; border: 1px solid #ededed;}
.fix-brands-box .brands-logos ul li:before,
.fix-brands-box .brands-logos ul li:after{z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);}
.fix-brands-box .brands-logos ul li:after{-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto;}
.fix-brands-box .brands-logos ul li a{display: block; padding: 20px 30px;}
.fix-brands-box .brands-logos ul li img{width: 140px;}
.fix-brands-box .brands-logos ul li span{font-weight: 600; font-family: "Open sans"; font-size: 15px; color: #2f2f2f; text-transform: uppercase; display: none}

.brand-lower-container{max-width: 1477px; overflow: hidden; margin: 0 auto; background: none; display: table; text-align: center;}
.brand-lower-container ul{overflow: hidden; display: table-cell; vertical-align: middle;}
.brand-lower-container ul li{display: inline-block; background: #f6f6f6; margin: 2px 0;}
.brand-lower-container ul li:nth-child(even){background: #ececec;}
.brand-lower-container ul li a{display: block; padding: 25px 7px; -webkit-filter: grayscale(1); filter: grayscale(1);}
.brand-lower-container ul li a:hover{-webkit-filter: grayscale(0); filter: grayscale(0);}
.brand-lower-container ul li a img{width: 120px; opacity: 0.7;}
.brand-lower-container ul li a:hover .brand-lower-container ul li a img{opacity: 1;}

/* Contact us */
.other-page-header{position: relative; padding: 0 0 10px 0;}
.contact-banner{padding: 15px 0; background: url('../images/banner-contact.jpg') center center no-repeat; background-size: cover;}
.contact-container{max-width: 1250px; overflow: hidden; margin: 0 auto;}
.contact-container h1{font-family: "Roboto"; font-size: 50px; font-weight: 700; color: #fff; text-shadow: 0px 2px 4px #6a6a6a; margin-top: 60px;}
.contact-container h3{font-family: "Open sans"; font-size: 22px; font-weight: 300; color: #2b2b2b;}
.contact-container img{float: right; margin-right: 20px;}

.contact-middle{padding: 120px 0; background: url('../images/map-opac.png') center center no-repeat; background-size: auto;}
.contact-box-form{max-width: 1477px; overflow: hidden; margin: 0 auto; background: none;}
.contact-box-form .contact-form{max-width: 435px; width: 100%; height: 445px; float: left; background: #ffcc00; color: #2d2d2d; padding: 0 15px; margin-left: 20px;}
.contact-box-form .contact-form .small-black-line{width: 60px; height: 10px; background: #2d2d2d;}
.contact-box-form .contact-form h1{font-family: "Open sans"; font-size: 25px; font-weight: 700; margin: 15px 0 30px;}
.contact-box-form .contact-form ul{font-size: 16px;}
.contact-box-form .contact-form ul li{margin: 20px 0; display: block; overflow: hidden;}
.contact-box-form .contact-form ul li i.fas{float: left; margin-right: 25px; margin-top: 5px;}
.contact-box-form .contact-form ul li span{font-family: "Open sans"; float: left; width: 83%; line-height: 1.3em;}
.contact-box-form .contact-form ul li a{color: #2d2d2d;}
.map-container{overflow: hidden;}
.map-container img{width: 100%;}
.map-container .map2{display: none;}

.no-padding-bot{padding-bottom: 0;}

/* Footer */
.black-bg{background: #303030;}
.footer-container{max-width: 1477px; overflow: hidden; margin: 0 auto; background: none; color: #fff; font-size: 15px;}
.footer-container a{display: block; margin-left: 40px;}
.footer-container ul{margin-top: 20px;}
.footer-container ul li{margin: 6px 0; display: block; overflow: hidden;}
.footer-container ul li span{float: left; width: 83%;}
.footer-container .footer-title-links{overflow: hidden; padding: 35px 0 0 30px;}
.footer-container .footer-title-links h2{text-transform: uppercase; font-family: "Open sans"; font-size: 20px; font-weight: 600;}
.footer-container ul li a{display: block; margin-left: 0; color: #fff;}
.footer-container ul li i{padding: 10px;}
.footer-container ul li i.fas{float: left; margin-right: 13px; margin-top: 5px; padding: 0;}
.footer-container .footer-social-links ul li a{float: left;}


.footer-credit{background: #000; font-family: "Open sans"; font-size: 12px; font-weight: 300; text-align: center; padding: 12px 20px; color: #fff;}
.footer-credit p{margin-bottom: 0; line-height: 1.3em;}

/* media query */
@media only screen and (max-width: 1388px){
    .fix-brands-box .brands-logos ul li{float: none; display: inline-block;}
    .about-us-container p{width: 90%;}
    /* .about-left-left-content-img1{display: none;}
    .about-left-left-content-img2{display: block;}     */
    .what-we-do-left-cotent-img1{display: none;}
    .what-we-do-left-cotent-img2{display: block; width: auto;}
}

@media only screen and (max-width: 1290px){
    .about-title-box-mobile{display: block; width: 100%; text-align: center;}
    .about-us-container span.yellow-thick-line{display: inline-block; float: none;}
    .about-us-container p{margin-top: 60px; width: 100%;}
    .about-title-box-desktop{display: none;}
    .about-left-left-content-img1{width: 100%;} 
    /* .about-left-left-content-img3{display: block; width: 100%;}  */
}

@media only screen and (max-width: 1199px) {
    .footer-container{text-align: center;}
    .footer-container a{margin: 0;}
    .footer-container ul li i.fas, .footer-container ul li span{width: 100%; float: none; display: block;}
    .footer-container .footer-title-links{padding-left: 0;}
    .footer-container .footer-social-links ul li a{display: inline-block; float: none;}
    
    /* .about-left-left-content-img2{display: block; width: 100%;}
    .about-left-left-content-img3{display: none;} */
    
    .what-we-do-title-box-mobile{display: block; width: 100%; text-align: center;}
    .what-we-do-title-box-mobile span.yellow-thick-line{display: inline-block; float: none; margin-bottom: 25px;}
    .what-we-do-title-box-desktop{display: none;}
    .what-we-do-left-cotent-img1{display: block;}
    .what-we-do-left-cotent-img2{display: none;;}
}

@media only screen and (max-width: 1086px) {
    .about-us-container p{margin-top: 30px;}
    .about-left-left-content-img1{width: 117%;} 
    
}

@media only screen and (max-width: 1022px) {
    .categories-container .category-list{padding: 0 15px;}
}

@media only screen and (max-width: 991px) {
    .breaker{display: block; overflow: hidden; clear: both;}
    .nav-custom-right{width: 100%; text-align: center;}
    .navbar-nav{display: block; width: 100%; overflow: hidden;}
    .navbar-collapse{background: #fff; margin-top: 15px;}
    .form-inline{display: block; overflow: hidden; max-width: 300px; margin: auto;}
    .form-inline .btn-search{float: left;}
    .form-inline input{float: left; width: 90%;}
    .header-contact{display: none;}
    .contact-box{padding: 0 0 0 15px; margin: 0; text-align: left;}
    .mobile-head-contact{display: block; width: 100%; margin: auto; overflow: hidden; float: none;}
    .no-line-box{margin-left: 0; text-align: right; padding: 0 15px 0 0;}
    .about-us-container .about-title-box-mobile span.yellow-thick-line{float: none; margin: auto;}
    .about-us-container .col-md-6{flex: 0 0 100%; max-width: 100%;}
    .about-us-container p{width: 90%; margin: auto; float: none; text-align: center; padding: 20px 0;}
    .about-us-container .about-left-cotent{text-align: center;}
    .about-us-container .about-left-cotent img{margin-top: 10px; width: 60%; float: none; margin: auto;}

    .what-we-do-container .what-we-do-title-box-mobile{display: block;}
    .what-we-do-title-box-desktop{display: none;}
    .what-we-do-container .what-we-do-title-box-mobile span.yellow-thick-line{float: none; margin: auto;}
    .what-we-do-container .col-md-6{flex: 0 0 100%; max-width: 100%; margin-bottom: 10px;}
    .what-we-do-container p{width: 90%; margin: auto; float: none; text-align: center; padding: 20px 0;}
    .what-we-do-container .what-we-do-left-cotent img{margin: auto; margin-top: 10px; margin-bottom: 20px; width: 80%; float: none;}
    .what-to-do-list{margin: 10px 20px;}
    
    .services-container .breaker-hider{display: none;}
    .services-container .services-list{margin-top: 10px;}
    .services-container .services-list img{float: left; width: 20%;}
    .services-container .services-list .services-breaker{float: left; width: 78%; text-align: left; margin-top: 0; padding: 0 0 0 20px;}
    .services-container .services-list .services-breaker label{margin-bottom: 10px;}
    .services-container .services-list .services-breaker br{display: none;}
    
}

@media(max-width: 767px){
    .services-container .services-list img{width: 38%;}
    .services-container .services-list .services-breaker{width: 60%;}

    /* contact us */
    .contact-container{text-align: center;}
    .contact-container img{float: none; margin: 40px 0;}
    .contact-box-form{padding: 0 20px;}
    .contact-box-form .contact-form{margin: 0 auto; float: none;}

    .map-container .map1{display: none;}
    .map-container .map2{display: block;}
}

@media(max-width: 680px){
    .objectve-container p{width: 93%;}

    .about-us-container p{width: 100%;}
    .about-us-container .about-left-cotent img{width: 100%; float: none;}

    .what-we-do-container p{width: 100%;}
    .what-we-do-container .what-we-do-left-cotent img{width: 100%; float: none;}
}

@media(max-width: 571px){
    .services-container .breaker-hider{display: block;}
    .services-container .services-list img{width: 100%;}
    .services-container .services-list .services-breaker{overflow: hidden; margin-top: 30px; width: 100%; float: none; text-align: center;}
    .services-container .services-list .services-breaker label{font-size: 27px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
}

@media(max-width: 420px){
    .contact-container img{width: 100%;}
}


/*MAIN SLIDER*/
@media(max-width: 1199px) {
    .slider-main {height: auto;}
    .slider-main .flex-control-nav {bottom: 10px!important;}
    .slider-main .slider-main-room ul.slides {}
    .slider-main .slider-main-room ul.slides li .slide-room {padding: 40px;}
    .slider-main .slider-main-room ul.slides li .slide-inner {width: 100%!important;}
    .slider-main .slider-main-room ul.slides li .slider-text {margin: 0; width: 50%;}
    .slider-main .slider-main-room ul.slides li .slider-text h2 {font-size: 34px;}
    .slider-main .slider-main-room ul.slides li .slider-text h3 {font-size: 14px;}
    .slider-main .slider-main-room ul.slides li .slider-image-room {width: 49%!important; padding: 0 0 0 5%;}
    /*SLIDE TECH*/
    .slider-main .slider-main-room ul.slides li .slide-tech .slide-inner .slider-text {margin: 130px 0 0 0;}
    .slider-main .slider-main-room ul.slides li .slide-tech .slide-inner img {margin-top: 55px; padding: 7%;}
    /*SLIDE WEBSITES*/
    .slider-main .slider-main-room ul.slides li .slide-website .slide-inner .slider-text {margin: 90px 0 0 0;}
    .slider-main .slider-main-room ul.slides li .slide-website .slide-inner img {margin-top: 100px;}
    /*SLIDE ERP*/
    .slider-main .slider-main-room ul.slides li .slide-erp .slide-inner .slider-text {margin: 270px 0 0 0;}
    .slider-main .slider-main-room ul.slides li .slide-erp .slide-inner img {margin-top: 100px;}
    /*SLIDE GOV*/
    .slider-main .slider-main-room ul.slides li .slide-gov .slide-inner .slider-text {margin: 90px 0 0 0;}
    .slider-main .slider-main-room ul.slides li .slide-gov .slide-inner img {margin-top: 100px;}
    /*SLIDE EDU*/
    .slider-main .slider-main-room ul.slides li .slide-edu .slide-inner .slider-text {margin: 90px 0 0 0;}
    .slider-main .slider-main-room ul.slides li .slide-edu .slide-inner img {margin-top: 100px;}
}
@media(max-width: 991px) {
    .slider-main {height: 440px;}
    .slider-main .slider-main-room ul.slides li .slide-room {height: 440px;}
    .slider-main .slider-main-room ul.slides li .slider-text h2 {font-size: 26px;}
    .slider-main .slider-main-room ul.slides li .slider-text a.slider-button {text-align: center; line-height: 1.2em;}
    .slider-main .slider-main-room ul.slides li .slider-image-room {padding: 0 0 0 9%;}
    .slider-main .slider-main-room ul.slides li .slider-text a.slider-button {width: 100%; margin-bottom: 0!important;}
    /*SLIDE TECH*/
    .slider-main .slider-main-room ul.slides li .slide-tech .slide-inner .slider-text {margin: 80px 0 0 0;}
    /*SLIDE WEBSITE*/
    .slider-main .slider-main-room ul.slides li .slide-website .slide-inner .slider-text {margin: 50px 0 0 0;}
    .slider-main .slider-main-room ul.slides li .slide-website .slider-text a.slider-button {font-size: 18px!important;}
    /*SLIDE ERP*/
    .slider-main .slider-main-room ul.slides li .slide-erp .slide-inner .slider-text {margin: 125px 0 0 0;}
    /*SLIDE GOV*/
    .slider-main .slider-main-room ul.slides li .slide-gov .slide-inner .slider-text {margin: 50px 0 0 0;}
    /*SLIDE EDU*/
    .slider-main .slider-main-room ul.slides li .slide-edu .slide-inner .slider-text {margin: 50px 0 0 0;}
}
@media(max-width: 767px) {
    .slider-main .flex-control-nav {bottom: 10px!important}
    .slider-main {height: 380px;}
    .slider-main .slider-main-room ul.slides li .slide-room {height: 380px;}
    .slider-main .slider-main-room ul.slides {}
    .slider-main .slider-main-room ul.slides li img.slider-image {display: none;}
    .slider-main .slider-main-room ul.slides li .slider-text {width: 100%; text-align: center;}
    .slider-main .slider-main-room ul.slides li .slider-text h2 {font-size: 22px;}
    .slider-main .slider-main-room ul.slides li .slider-text .separator {display: none;}
    .flex-direction-nav a {display: none!important;}
    /*SLIDE WEBSITE*/
    .slider-main .slider-main-room ul.slides li .slide-website .slider-text a.slider-button {font-size: 14px!important;}
    /*SLIDE ERP*/
    .slider-main .slider-main-room ul.slides li .slide-erp .slide-inner .slider-text {margin: 100px 0 0 0;}
    /*SLIDE GOV*/
    .slider-main .slider-main-room ul.slides li .slide-gov .slide-inner .slider-text {margin: 40px 0 0 0;}
    /*SLIDE EDU*/
    .slider-main .slider-main-room ul.slides li .slide-edu .slide-inner .slider-text {margin: 40px 0 0 0;}
}

/*<script>
            function initMap() {
                var locationRio = {lat: 25.0977779, lng: 55.1564655};
                var map = new google.maps.Map(document.getElementById('map'), {
                zoom: 17,
                center: locationRio,
                gestureHandling: 'cooperative'
                });
                var marker = new google.maps.Marker({
                position: locationRio,
                map: map,
                title: 'Hello World!'
                });
            }
        </script>
        <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBH0nkx4zJd6BzQW09tXIBdcSbo57EEyJM&callback=initMap"></script>*/