/* =========================================
            Gim Tim PROJECT 
   ========================================*/


   /* Fonts Face */

   @font-face {
      font-family: 'Linotte-SemiBold';
      src: url('../fonts/Linotte-SemiBold.eot'); 
      src: url('../fonts/Linotte-SemiBold.eot?#iefix') format('embedded-opentype'), 
           url('../fonts/Linotte-SemiBold.woff') format('woff'), 
           url('../fonts/Linotte-SemiBold.ttf')  format('truetype'), 
           url('../fonts/Linotte-SemiBold.svg#svgFontName') format('svg'); 
    }

   @font-face {
      font-family: 'Poppins-Light';
      src: url('../fonts/Poppins-Light.eot'); 
      src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), 
           url('../fonts/Poppins-Light.woff') format('woff'), 
           url('../fonts/Poppins-Light.ttf')  format('truetype'), 
           url('../fonts/Poppins-Light.svg#svgFontName') format('svg'); 
    }

   @font-face {
      font-family: 'Poppins-Regular';
      src: url('../fonts/Poppins-Regular.eot'); 
      src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), 
           url('../fonts/Poppins-Regular.woff') format('woff'), 
           url('../fonts/Poppins-Regular.ttf')  format('truetype'), 
           url('../fonts/Poppins-Regular.svg#svgFontName') format('svg'); 
    }

   @font-face {
      font-family: 'Poppins-Medium';
      src: url('../fonts/Poppins-Medium.eot'); 
      src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), 
           url('../fonts/Poppins-Medium.woff') format('woff'), 
           url('../fonts/Poppins-Medium.ttf')  format('truetype'), 
           url('../fonts/Poppins-Medium.svg#svgFontName') format('svg'); 
    }

   @font-face {
      font-family: 'Poppins-SemiBold';
      src: url('../fonts/Poppins-SemiBold.eot'); 
      src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), 
           url('../fonts/Poppins-SemiBold.woff') format('woff'), 
           url('../fonts/Poppins-SemiBold.ttf')  format('truetype'), 
           url('../fonts/Poppins-SemiBold.svg#svgFontName') format('svg'); 
    }


    /* font-family: 'Linotte-SemiBold'  |   font-family: 'Poppins-Medium'   |   font-family: 'Poppins-Regular'   |   font-family: 'Poppins-Regular'*/



    /*  Common Css */

    h1,h2,h3,h4,h5,h6,p { margin: 0; }
    a { text-decoration: none; }
    .button { display: inline-block; margin-right: 15px; border: 1px solid #fff; padding: 18px 60px; border-radius: 3px; font-family: 'Poppins-Medium'; text-transform: uppercase; color: #fff; letter-spacing: 2px; text-decoration: none; transition: all 0.3s ease; position: relative; }
    .button:hover { background: #f06a21; border-color: #f06a21; transition: all 0.3s ease-in-out; }

    body::-webkit-scrollbar { width: 5px; }
    body::-webkit-scrollbar-track { background: #f1f1f1; }
    body::-webkit-scrollbar-thumb { background: #f06a21; border-radius: 10px; }
    body::-webkit-scrollbar-thumb:hover { background: #f06a21; border-radius: 30px;}


    /* Header Css */

    header.header { position: absolute; width: 100%; z-index: 10; top: 35px;}
    .logo-section { float: left; width: 30%; }
    .logo-section img { transition: all 0.5s ease; }
    .menu-section { width: 70%; float: left; }
    .menu-section nav.navbar.navbar-default { background: transparent; border: 0; margin: 30px auto; min-height: auto;}
    .menu-section .navbar-default .navbar-collapse { border: 0; padding: 0; text-align: right;}
    .menu-section .navbar-default .navbar-collapse ul { display: inline-block; float: none; }
    .menu-section .navbar-default .navbar-collapse ul li { float: none; display: inline-block; margin-left: 44px;}
    .menu-section .navbar-default .navbar-collapse ul li a { background: transparent; box-shadow: none; color: #fff; text-transform: uppercase; font-size: 14px; padding: 0; transition: all 0.3s ease; }

    .menu-section .navbar-default .navbar-collapse ul li a:hover, 
    .menu-section .navbar-default .navbar-collapse ul li.active a:hover, 
    .menu-section .navbar-default .navbar-collapse ul li.active a { background: transparent; color: #f06a21; border-bottom: 2px solid #f06a21; padding-bottom: 0px; transition: all 0.3s ease-in-out; }

    header.header.header_full { height: 85px; width: 100%; transition: all 0.5s; }
    header.header.header-stiky { height: 70px; position: fixed; top: 0; width: 100%; transition: all 0.5s; background: rgba(0,0,0, 0.8); z-index: 1000; }

    header.header.header-stiky .logo-section img { width: 170px; margin: 9px 0; transition: all 0.5s ease-in-out; }
    header.header.header-stiky .menu-section nav.navbar.navbar-default { margin: 23px auto; }


    /* Section 1 Css */
 
    .section1 { display: inline-block; width: 100%; float: left; background: #f2f2f2; }
    .left_panel { max-width: 110px; float: left; background: #f2f2f2; height: 100vh; position: relative; z-index: 100; width: 100%; text-align: center;}
    .call_number { display: none; position: absolute; width: 0px; background: #f06a21; color: #fff; left: 48px; padding: 0px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; padding-left: 15px; border-radius: 50px; transition: all 0.5s ease; height: 0;}
    .left_phone { margin-top: 35px; }
    .phone_icon { display: inline-block; padding: 2px; background: #f06a21; color: #fff; border-radius: 50px; position: relative;z-index: 10;}
    .phone_icon i { transform: rotate(90deg); }
    .left_phone p a { display: inline-block; }
    .left_phone p a:hover .call_number { width: 150px; transition: all 0.5s ease-in-out; display: inline-block; height: 26px; padding: 3px; }

    .left_social { margin-top: 185px; }
    .left_social ul { padding-left: 0; }
    .left_social ul li { list-style: none; margin-bottom: 40px; }
    .left_scroll a span { color: #3e4731; text-transform: uppercase; display: inline-block; width: 100%; margin-top: 70px; transform: rotate(90deg); letter-spacing: 1px; font-family: 'Linotte-SemiBold'; }
    .left_scroll a { display: inline-block; }

    .homeslider-content { display: inline-block; width: 100%; position: relative; float: left; }
    .homeslider-text { position: absolute; top: 50%; left: 31%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 650px; width: 100%; }
    .homeslider-text h4 { color: #fff; text-transform: uppercase; font-size: 18px; font-family: 'Poppins-Medium'; letter-spacing: 3px; position: relative; }
    .homeslider-text h4:before { content: ''; position: absolute; top: -17px; width: 8px; height: 2px; left: 0; background: #fff; }
    .homeslider-text h4:after { content: ''; position: absolute; top: -17px; width: 60px; height: 2px; left: 12px; background: #fff; }
    .homeslider-text h2 { color: #fff; font-size: 52px; font-family: 'Poppins-Medium'; margin: 40px 0;}
    .homeslider-text p { color: #fff; font-size: 18px; font-family: 'Poppins-Light'; line-height: 24px; }
    .slider_btn { display: inline-block; width: 100%; margin-top: 70px; }
    .slider_btn a { display: inline-block; margin-right: 15px; border: 1px solid #fff; padding: 18px 60px; border-radius: 3px; font-family: 'Poppins-Medium'; text-transform: uppercase; color: #fff; letter-spacing: 2px; text-decoration: none; transition: all 0.3s ease; position: relative;}
    .slider_btn a:hover { background: #f06a21; border-color: #f06a21; transition: all 0.3s ease-in-out; }
    /*.slider_btn a:before { content: ''; position: absolute; top: 0; height: 100%; width: 100%; left: 0; background: #f06a21; transform: scale(0); transition: all 0.3s ease;}
    .slider_btn a:hover:before { transform: scale(1); transition: all 0.3s ease-in-out; }*/

    .slider_section #main_slider .owl-dots { position: absolute; bottom: 40px; width: 100%; }
    .slider_section #main_slider .owl-dots .owl-dot span { background: transparent; border: 2px solid #ffffffab; }
    .slider_section #main_slider .owl-dots .owl-dot.active span { background: #fff; width: 14px; height: 14px; position: relative; top: 2px; }
    #main_slider .homeslider-img img { height: 100vh; }



    /* Section 2 Css */

    .section2 { display: inline-block; width: 100%; background: #f2f2f2; padding: 60px 0; float: left;}
    .homeabout-right, .homeabout-left { width: 50%; }
    .homeabout-img img { width: 100%; }
    .homeabout-contect { width: 90%; }
    .homeabout-contect h4 { color: #838383; text-transform: uppercase; font-size: 16px; font-family: 'Poppins-Regular'; letter-spacing: 2px; position: relative; }
    .homeabout-contect h4:before { content: ''; position: absolute; top: -17px; width: 8px; height: 2px; left: 0; background: #f06a21; }
    .homeabout-contect h4:after { content: ''; position: absolute; top: -17px; width: 60px; height: 2px; left: 12px; background: #f06a21; }
    .homeabout-contect h2 { color: #3b3b3b; font-family: 'Poppins-Semibold'; font-size: 36px; margin-top: 25px; margin-bottom: 40px; }
    .homeabout-contect p { color: #3b3b3b; font-size: 14px; font-family: 'Poppins-Regular'; line-height: 28px; margin-bottom: 45px;}
    .homeabout-contect a.button { color: #7b86a3; border-color: #7b86a3; text-decoration: none; padding: 18px 45px; }
    .homeabout-contect a.button:hover { color: #fff; border-color: #f06a21; }



    /* Section 3 Css */

    .section3 { display: inline-block; width: 100%; float: left; padding: 130px 0; }
    .our-project-title {text-align: center;}
    .our-project-title h2 { color: #3b3b3b; text-transform: uppercase; font-size: 36px; font-family: 'Poppins-Semibold'; position: relative; }
    .our-project-title h2:before { content: ''; position: absolute; top: -17px; width: 8px; height: 2px; left: 48.3%; background: #f06a21; }
    .our-project-title h2:after { content: ''; position: absolute; top: -17px; width: 60px; height: 2px; left: 49%; background: #f06a21; }
    .our-project-title p { max-width: 680px; margin: 0 auto; font-size: 14px; line-height: 24px; font-family: 'Poppins-Regular'; margin-top: 40px; }
    .project-image { display: inline-block; width: 100%; overflow: hidden; }
    #our_projects.owl-carousel .owl-item .project-image img { min-height: 400px; max-height: 400px; object-fit: cover; border-radius: 10px; transform-origin: top; transition: all 0.5s ease; }
    #our_projects.owl-carousel .owl-item .project-image img:hover { transform: scale(1.1); transition: all 0.5s ease-in-out; }
    .our-project-slider { display: inline-block; width: 100%; float: left; margin-top: 90px; }
    .project-name-sec { display: inline-block; width: 100%; text-align: center; margin-top: 30px; }
    .project-name-sec h2 { font-size: 24px; font-family: 'Poppins-Semibold'; margin-bottom: 10px; color: #3b3b3b; }
    .project-name-sec p { font-size: 14px; font-family: 'Poppins-Regular'; line-height: 20px; }
    .our-project-slider .owl-nav { margin-top: 60px; }
    .our-project-slider .owl-nav .owl-prev i, .our-project-slider .owl-nav .owl-next i { display: none; }
    .our-project-slider .owl-nav .owl-prev, .our-project-slider .owl-nav .owl-next { position: relative; background: transparent; margin: 0 15px;}
    .our-project-slider .owl-nav .owl-prev:hover, .our-project-slider .owl-nav .owl-next:hover { background: transparent; }
    .our-project-slider .owl-nav .owl-prev:before, .our-project-slider .owl-nav .owl-next:before { position: absolute; content: ''; width: 34px; height: 20px; }
    .our-project-slider .owl-nav .owl-prev:before { content: ''; background: url('../images/left_arrow.png') no-repeat center; }
    .our-project-slider .owl-nav .owl-next:before { content: ''; background: url('../images/right_arrow.png') no-repeat center; }
    .our-project-slider .owl-nav .owl-prev:hover:before { content: ''; background: url('../images/hover_arrow_left.png'); }
    .our-project-slider .owl-nav .owl-next:hover:before { content: ''; background: url('../images/hover_arrow_right.png'); }



    /* Section 4 Css */

    .section4 { display: inline-block; width: 100%; background: #f2f2f2; padding: 100px 0 180px; float: left; }
    .homework-left { width: 58%; }
    .homework-right { width: 42%; }
    .homework-img img { width: 100%; }
    .homework-contect { display: inline-block; width: 90%; }
    .homework-contect h2 { font-size: 42px; font-family: 'Poppins-Semibold'; color: #363636; margin-bottom: 25px; position: relative; }
    .homework-contect h2:before { content: ''; position: absolute; top: -25px; width: 8px; height: 2px; left: 0; background: #f06a21; }
    .homework-contect h2:after { content: ''; position: absolute; top: -25px; width: 60px; height: 2px; left: 12px; background: #f06a21; }
    .homework-contect p { font-size: 16px; color: #797979; font-family: 'Poppins-Regular'; line-height: 28px; }
    .homework-contect ul { padding: 0; display: inline-block; width: 100%; margin-top: 50px; }
    .homework-contect ul li { display: inline-block; width: 100%; margin-bottom: 25px;}
    .homework-contect ul li .work_icons { width: 7%; float: left; min-height: 40px; background: #f06a21; border-radius: 7px; position: relative; }
    .homework-contect ul li .work_icons img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
    .homework-contect ul li .work_content { width: 90%; float: left; margin-left: 3%; }
    .homework-contect ul li .work_content h3 { color: #363636; font-family: 'Poppins-Semibold'; font-size: 18px; line-height: 28px; margin-top: -5px; margin-bottom: 5px; }
    .homework-img { padding-top: 50px; }



    /* Footer Css */

    .footer-main { display: inline-block; width: 100%; background: #161918; }
    .footer-bottom-main { display: inline-block; width: 100%; background: #101211; float: left; padding: 20px 0;}
    .news-letter-main { display: inline-block; width: 100%; background: #fff; padding: 50px; margin-top: -80px; border-radius: 10px; text-align: center; padding-top: 80px; }
    .news-letter-content { display: inline-block; }
    .news-letter-content h2 { font-size: 42px; font-family: 'Poppins-Semibold'; color: #363636; margin-bottom: 30px; position: relative; display: inline-block; }
    .news-letter-content h2:before { content: ''; position: absolute; top: -25px; width: 8px; height: 2px; left: 100px; background: #f06a21; }
    .news-letter-content h2:after { content: ''; position: absolute; top: -25px; width: 60px; height: 2px; left: 112px; background: #f06a21; }
    .field.newsletter input { font-size: 14px; font-family: 'Poppins-Light'; line-height: 40px; min-width: 425px; width: 100%; padding: 10px 20px; border-radius: 5px; border: 1px solid #c9c9c9; }
    .field.newsletter { display: inline-block; width: 100%; position: relative; }
    .field.newsletter .actions button.action.subscribe.btn { position: absolute; top: 0; right: 0; background: #f06a21; color: #fff; text-transform: uppercase; font-size: 14px; font-family: 'Poppins-Semibold'; padding: 20px 45px; border-top-left-radius: 0; border-bottom-left-radius: 0; letter-spacing: 1px; }
    .footer-top-main { display: inline-block; width: 100%; padding: 60px 0 20px; }
    .footer-clm-main { display: inline-block; width: 100%; }
    .footer-single-clm { width: 33.33%; float: left; }
    .footer-title h3 { color: #fff; font-size: 18px; font-family: 'Poppins-Medium'; margin-bottom: 25px; }
    .footer-single-clm ul { padding: 0; }
    .footer-single-clm ul li { display: inline-block; width: 100%; margin-bottom: 20px; }
    .footer-single-clm ul li .add-icon { width: 35px; float: left; }
    .footer-single-clm ul li a { color: #fff; font-size: 14px; font-family: 'Poppins-Regular'; opacity: 80%; text-decoration: none; }
    .footer-single-clm ul li a:hover { color: #f06a21; }
    .footer-single-clm .social-icons ul li { width: auto; margin-right: 25px; }
    .footer-single-clm .social-icons ul li a { opacity: 1; }
    address.copyright { margin: 0 auto; color: #c2c2c2; font-size: 12px; font-family: 'Poppins-Regular'; line-height: 28px; display: inline-block; }
    .footer-bottom-left { float: left; width: 50%; }
    .footer-bottom-right { float: left; width: 50%; text-align: right; }
    .footer-bottom-right .bottom-to-top a { color: #848484; text-decoration: none;}
    .footer-bottom-right .bottom-to-top a span { margin-right: 3px; }



    /* Mobile Header */

    .mobile-header { display: none; width: 100%; padding: 0 20px; position: relative; }
    .mobile-menu { float: right; }
    .mobile-menu span.toggle_icon { color: #fff; font-size: 30px; }
    .mobile-menu ul.nav.navbar-nav { position: absolute; top: 100%; left: 0; width: 100%; background: #000; display: none; margin: 0 auto; }



    /* Responsive Css Start */

      @media only screen and (max-width: 1366px) {
          #our_projects.owl-carousel .owl-item .project-image img { min-height: 300px; }
          .left_panel { max-width: 80px; }
          .left_scroll a { width: 100%; display: inline-block; }
          .left_scroll a span { width: 120px; position: relative; left: -20px; }
          .left_social { margin-top: 100px; }
          .homeslider-text h2 { margin: 30px 0; font-size: 44px; }
          .slider_btn { margin-top: 50px; }
          .call_number { left: 30px; }
      }

      @media only screen and (max-width: 1280px) {
          .logo-section { text-align: center; }
          header.header.header-stiky .logo-section { text-align: left; }
      }

      @media only screen and (max-width: 1199px) {
          /*.left_panel { max-width: 100%; width: 100%; height: auto;}
          .slider_section { display: inline-block; width: 100%; }
          .left_panel_call { display: inline-block; width: 100%; padding: 10px 0; }
          .left_phone, .left_social, .left_scroll { width: 33%; float: left; margin: 0 auto; }*/

          .left_panel { display: none; }
          .homeslider-text { left: 38%; }
          #our_projects.owl-carousel .owl-item .project-image img { min-height: 260px; }

      }

      @media only screen and (max-width: 1024px) {
          #our_projects.owl-carousel .owl-item .project-image img { min-height: 220px; }
          .project-name-sec h2 { font-size: 20px; }
      }


      @media only screen and (max-width: 999px) {
          #our_projects.owl-carousel .owl-item .project-image img { min-height: 370px; }
      }

      @media only screen and (max-width: 991px) {
        .desktop-header { display: none; }
        .mobile-header { display: inline-block; padding: 20px;}
        .logo-section img { width: 180px; }
        .logo-section { text-align: left; }
        header.header.header_full { top: 0px; }
        .mobile-menu ul.nav.navbar-nav li { width: 100%; }
        .mobile-menu ul.nav.navbar-nav li a { padding: 10px 35px; color: #fff; text-transform: uppercase; border-bottom: 1px solid #2a312f; }
        .mobile-menu span.toggle_icon { position: relative; top: 8px; }
        header.header.header-stiky .mobile-menu span.toggle_icon { top: 15px; }
        header.header.header-stiky .mobile-header { padding: 0 20px; }
        .homeslider-text { text-align: center; left: 50%; padding: 0 15px; }
        .homeslider-text h4:after, .homeslider-text h4:before { display: none; }
        .homeslider-text h2 { font-size: 32px; margin: 10px 0; }
        .homeslider-text h4 { font-size: 15px; }
        .slider_btn { margin-top: 20px; }
        .slider_btn a { padding: 14px 50px; }
      }

      @media only screen and (max-width: 768px) {
          #our_projects.owl-carousel .owl-item .project-image img { min-height: 300px; }
          .homeslider-text h4 { font-size: 15px; }
          .homeslider-text h2 { font-size: 28px; }
          .homeslider-text p { width: 80%; margin: 0 auto; font-size: 15px; }
      }

      @media only screen and (max-width: 767px) {
        .homeabout-right, .homeabout-left, .homework-left, .homework-right { width: 100%; }
        .homeabout-left, .homework-left { margin-top: 50px; }
        .homeabout-contect, .homework-contect { width: 100%; }
        .footer-single-clm { width: 100%; }
        .footer-single-clm ul li .add-icon { margin-right: 15px; float: none; }
        .footer-single-clm { text-align: center; }
        .footer-bottom-right, .footer-bottom-left { width: 100%; text-align: center; }
      }

      @media screen (min-device-width: 730px) and (max-device-width: 740px) {
        .slider_btn { margin-top: 10px; }
        .homeslider-text h2 { font-size: 35px; margin: 10px 0; }

      }

      @media only screen and (max-width: 639px) {
          #our_projects.owl-carousel .owl-item .project-image img { min-height: 250px; }
          /*.slider_btn a { width: 100%; margin: 0 auto 10px; padding: 10px 60px; }*/
          .slider_btn { margin-top: 10px; }
          .homeslider-text p { font-size: 13px; line-height: normal; width: 100%; }
          .homeslider-text h2 { font-size: 24px; margin: 15px 0; }
          .homeslider-text h4 { font-size: 13px; }
          .homeabout-contect h2 { font-size: 30px; margin-bottom: 25px;}
          .homework-contect h2 { font-size: 32px; }
          .homework-contect ul li .work_icons { width: 10% }
          .homework-contect ul li .work_content { width: 80%; }
          .field.newsletter .actions button.action.subscribe.btn { width: 100%; position: relative; margin-top: 5px; border-radius: 5px; }
          .field.newsletter input { min-width: auto; }
          .news-letter-content { width: 100%; }
          .news-letter-main { padding: 50px 20px; }
          .news-letter-content h2 { font-size: 36px; }
          .footer-single-clm { width: 100%; margin-bottom: 20px;}          
          .section4 { padding: 50px 0 100px; }
          .homeslider-text { top: 55%; }
          .slider_section #main_slider .owl-dots { bottom: 15px; }



      }

      @media only screen and (max-width: 479px) {
        /*.news-letter-content { width: 100%; }*/
        .our-project-title h2:before { left: 43%; }
        .our-project-title h2:after { left: 46%; }
        .our-project-title h2 { font-size: 30px; }
        .slider_btn a { width: 100%; margin: 0 auto 10px; }

      }

      @media only screen and (max-width: 420px) {
        .homework-contect ul li .work_content { width: 85%; }
        .homework-contect ul li .work_icons { width: 12%; }
      }
    









/* =========================================
            Gim Tim PROJECT End
   ========================================*/