body{
    font-size:15px;
    color:#424247;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
a img{
    border:0px;
}
a{
    transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
    outline: 0;
}
a,ul,li{
    text-decoration:none;
}
a:hover, a:focus{text-decoration: none;}
img{max-width: 100%;}
/*h1,h2,h3,h4,h5,h6{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700}*/
h2 {
    color: #1c1c1c;
    font-size: 36px;
    font-weight: 700;
}
.btn_sub {
    background: #b57084;box-sizing: border-box;color: #f8dde5;border: 1px solid #4777f4;letter-spacing: 0.2px;cursor: pointer;display: inline-block;font-size: 16px;font-family: 'Roboto', sans-serif;position: relative;border-radius: 5px;
    margin: 10px 0; padding: 0 40px 0 25px; line-height: 53px;text-align: center;height: 53px;font-weight: 700;transition: all ease 0.4s;-moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s;-o-transition: all ease 0.4s;-ms-transition: all ease 0.4s;}
    .btn_sub img{margin: -5px 20px 0 0;}
    .btn_sub i{font-size: 16px;margin-right: 5px;}
    .btn_sub:hover{background: #4777f4;color: #fff;transition: all ease 0.4s;-moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s;-o-transition: all ease 0.4s;-ms-transition: all ease 0.4s;}
    .btn_sub:hover:after{width: 15px;transition: all ease 0.4s;-moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s;-o-transition: all ease 0.4s;-ms-transition: all ease 0.4s;}
    .btn_sub:focus{color: #fff;}

    /*general style*/
    .cms{padding: 40px 0;;width: 100%;float: left;}
    p{color: #4a4a4a;line-height: 30px;font-size: 16px;margin: 0 0 20px;font-weight: 300;}
    bold, strong{font-weight: 700;}
    a{color: #e00100;}
    a:hover{color: #000;}

    input[type="text"], textarea, select {
        background: #ffffff;
        border: 1px solid #ccc;
        box-sizing: border-box;
        color: #1c1c1c;
        display: inline-block;
        float: left;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        height: 41px;
        margin: 15px 0 0;
        outline: medium none;
        padding: 10px 12px;
        width: 100%;
    }
    button.btn_sub{padding: 10px 18px;}

    textarea {height: 150px;}
    label {color: #555;font-size: 14px;font-weight: normal;letter-spacing: 0.5px;margin: 0 0 3px;}
    .title_tag {display: block; margin: 0 0 20px; text-align: center;}
    .title_tag h2{font-size: 60px;color: #333333;font-weight: 700;margin: 0 0 40px;font-family: 'Roboto', sans-serif;}

    section {width: 100%;float: left;overflow-x: hidden;}
    /*general style*/

    .intro_screen {
        animation-delay: 5s;
        animation-duration: 2s;
        animation-fill-mode: forwards;
        animation-iteration-count: 1;
        animation-name: intro_logo;
        background: #3d5b76;
        display: table;
        height: 100%;
        left: 0;
        opacity: 1;
        position: fixed;
        text-align: center;
        top: 0;
        transition: all 0.3s ease-in 0s;
        visibility: visible;
        width: 100%;
        z-index: 99999;
        display: flex;
        align-items: center;
        display: -webkit-flex;
    }
    .intro_screen_midl{max-width: 725px;text-align: left;margin-left: 250px;}
    .intro_screen_midl h2{font-size: 58px;color: #fff;font-weight: 300;}

/*@keyframes intro_logo{
    0%{
        opacity:1;
        visibility: visible;
    }
    100%{
        opacity:0;
        visibility: hidden;
    }
    }*/
    #progress {
        position: fixed;
        z-index: 2147483647;
        top: 0;
        left: -6px;
        width: 0%;
        height: 6px;
        background: #6885a0;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        -moz-transition: width 500ms ease-out,opacity 400ms linear;
        -ms-transition: width 500ms ease-out,opacity 400ms linear;
        -o-transition: width 500ms ease-out,opacity 400ms linear;
        -webkit-transition: width 500ms ease-out,opacity 400ms linear;
        transition: width 500ms ease-out,opacity 400ms linear
    }
    #progress.done {
        opacity: 0;
    }


    /*---- header start ----*/
    header{
        background: #fff;
        width: 100%;
        float: left;
        height:90px;
        transition: all 0.5s ease-in-out 0s;
        position: fixed; 
        z-index: 999;
    }
    header .col-md-12{display: flex;height: 90px;display: -webkit-flex;align-items: center;width: 100%;justify-content: space-between; transition: all 0.5s ease-in-out 0s;}
    header .logo { display: inline-block;padding: 0;float: left;max-width: 281px;    transition: all 0.5s ease-in-out 0s;}
    .nav > li > a:focus, .nav > li > a:hover{background: none;}
    header.sticky {
        height: 80px;
        box-shadow:0px 5px 7px rgba(0,0,0,0.1);
        z-index: 999;
    }
    header.sticky .col-md-12 {
        height: 80px;
        transition: all 0.5s ease-in-out 0s;

    }
    header.sticky .logo {   
        max-width: 200px;
        position: relative;
        top: -5px;
    }
    header .logo {   
        max-width: 200px;
        position: relative;
        top: -5px;
    }
    .mt-100{
        margin-top: 80px;  
        }    /*----header end ----*/

        .content_img .content_img_middle{
            width: calc(100% - 180px);margin: 75px auto;border: 6px solid #b57084;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center; position: relative;
        }
        .content_img .content_img_middle .content_info{max-width: 45%; padding: 75px 70px;}
        .content_img .content_img_middle .content_info h1{font-size: 48px;color: #333333;font-weight: 300;margin: 0 0 55px;}
        .content_img .content_img_middle .content_info h1 span{font-weight: 700;color: #b06e81;}
        .content_img .content_img_middle .content_info p{font-size: 26px;font-weight: 300;color: #000;margin: 0 0 30px;}
        .content_img .content_img_middle .img_tag{margin: -80px -96px 70px 0;}
        .paraImg {height: 100%; position: absolute; width: 100%; left: auto; right: -94px; background-repeat: no-repeat; top: -50px; max-width: 675px; background-position: 330px 0; background-size: cover; background-attachment: fixed;}


        .what_we_do{/*background: #b8cddb;*/text-align: center;padding: 0 0 170px;background-repeat: no-repeat;background-size: cover; background-attachment: fixed; background-image:url('../images/what-we-do-bg-new.jpg');}
        .what_we_do p{font-size: 24px;font-weight: 300;color: #666666;margin: 0 0 20px;max-width: 913px;margin:0 auto;}
        .what_we_do .middle_in{background: #fff;width: 100%;float: left;}
        .what_we_do .img_view{display: flex;justify-content: space-between;margin: 70px auto 60px -60px;width: calc(100% + 120px);}
        .what_we_do .img_view .img_box{width: 33.33%;padding: 0 15px;height: 320px;}
        .what_we_do .img_view .img_box img{width: 100%;height: 100%;object-fit: cover;}

        .what_we_do .text_box{display: flex;justify-content: space-between;width: 100%;padding: 0 80px;text-align: left;margin:0 0 160px;}
        .what_we_do .text_box h3{font-size: 40px;margin: 0;font-weight: 700;}
        .what_we_do .text_box p{font-size: 18px;color: #666;line-height: 27px;margin: 20px 0 0;}
        .what_we_do .text_list{width: 33.33%;padding: 0 15px;}

        .loop_section{overflow: hidden;}
        .loop_section h2{color: #333333;font-family: "Roboto",sans-serif;font-size: 48px;font-weight: 700; margin: 0 0 20px;}

        .loop_section p{color: #666666;font-size: 18px;line-height: 26px;}
        .loop_section .img_tab{width: 100%;float: left;position: relative;padding: 60px 0;}
        .loop_section .img_tab img{width: 100%;float: left;}
        .loop_section .row{display: flex;display: -webkit-flex;align-items: center;margin-top: 70px;margin-bottom: 70px;}
        .loop_section .img_tab::before {z-index: -1;border: 5px solid #7ba5f0;content: "";top: 0; height: 100%; position: absolute; right: 20%;width: 5000px;}
        .loop_section .row:nth-child(even) .img_tab::before{right: inherit;left: 20%;}


        /*** footer ***/
        footer{width: 100%;float: left;background-size: cover !important;background: #3d5c7a;padding: 25px 0;}
        footer .copy_right{width: 100%;float: left;}
        footer .copy_right{text-align: center;}
        footer .copy_right p{margin: 0;font-size: 16px;display: inline-block;color: #fff; font-weight: normal;float: left;text-align: left;width: 50%;}
        footer .copy_right p a{font-weight: normal;color: #fff;}
        footer .copy_right ul{list-style: none;padding: 0;margin: 0;float: left;text-align: right;width: 50%;line-height: 30px;}
        footer .copy_right ul li{display: inline-block;font-size: 16px;margin-left: 45px;}
        footer .copy_right ul li a{color: #fff;}
        /*dealers start */

        .our_value{background: #d1dede;}
        .our_value .img_view .img_box{height: 240px;}
        .content_img_middle .title_tag{text-align: left;}
        .other_page_main .content_img_middle .img_tag{margin: 0 -96px 0px 0;}
        .content_img_middle.our_value_top{margin: 65px auto 160px;}
        .content_img_middle.our_value_top .img_tag{margin-bottom: -60px;margin-top: -60px;}

        .content_img .content_img_middle.community_top{border-color: #487b7b; margin-top: 60px;}
        .content_img .content_img_middle.community_top strong{color: #487b7b;}

        .customers_say{margin: 20px 0 160px;}
        .customers_say #customers_say{margin: 60px 0 0;}
        .customers_say .owl-nav .owl-prev, .customers_say .owl-nav .owl-next {
            background: transparent;border-radius: 50%;color: #cfcfcf;display: inline-block;border: 1px solid #cfcfcf;font-size: 16px;height: 40px;
            line-height: 40px; margin: 0; padding: 0;position: absolute; top: 50%;transform: translateY(-50%);width: 40px;}
            .customers_say .owl-nav .owl-prev {left: -75px;}
            .customers_say .owl-nav .owl-next {right: -75px;}
            .customers_say .owl-nav .owl-prev:hover, .customers_say .owl-nav .owl-next:hover{background: #4777f4;border-color: #4777f4;}
            .customers_say .owl-carousel .owl-stage{display: flex;display: -webkit-flex;}
            .customers_say .owl-carousel .owl-stage .item,.customers_say .owl-carousel .owl-stage .customers_box{height: 100%;}

            .customers_box{width: 100%;float: left;background: #f4f5ff;padding: 30px;text-align: center;margin-top: 60px;}
            .customers_box .img_tag { margin-top: -90px;}
            .customers_box .img_tag img{float: none;display: inline-block;object-fit: cover;height: 150px;width: 118px;border-radius: 50%;border: 6px solid #fff;}
            .customers_box h3{color: #333333;font-size: 22px;font-weight: 700;margin: 20px 0;}
            /*.customers_box .owner{display: block;color: #666666;font-size: 16px;margin: 0 0 10px;min-height: 45px;}*/
            .customers_box .owner {
                display: block;
                color: #666666;
                font-size: 18px;
                margin: 10px 0 10px;
                min-height: 45px;
                font-weight: 600;
            }
            .customers_box .quotes_icon{display: inline-block;height: 47px;width: 47px;background: #eeb39a;border-radius: 50%;text-align: center;line-height: 47px;margin: 0 0 30px;}
            .customers_box .quotes_icon img{width: auto;display: inline-block;}
            .customers_box p{color: #666666;font-size: 24px;font-weight: 300;}

            .our_team{background: #fdef98;padding: 0 0 170px;}
            .our_team .middle_in{background: #fff;width: 100%;float: left;padding: 0 85px 170px ;text-align: center;}
            .our_team .middle_in p {color: #666666;font-size: 24px;font-weight: 300;}
            .our_team .middle_in .title_tag h2{margin: 0 0 50px;}
            .logo_section{width: 100%;float: left;margin-top: 80px;}
            .logo_section ul{list-style: none;padding: 0;margin: 0;}
            .logo_section ul li{display: inline-block;padding: 0 35px;}

            .partners_logo{width: 100%;float: left;margin: 20px 0 0;}
            .partners_logo ul{list-style: none;padding: 0;margin: 0;}
            .partners_logo ul li{display: inline-block;padding: 20px 20px 20px 0;width: 50%;margin: 0 -2px;}

            .content_img .content_img_middle.service_top{border-color: #695c79;}
            .how_can_help{background: #dee8fb;padding: 0 0 170px;}
            .how_can_help .middle_in{background: #fff;width: 100%;float: left;padding: 0 220px 90px ;text-align: center;}
            .how_can_help .middle_in p {color: #666666;font-size: 24px;font-weight: 300;}
            .services_type{width: 100%;float: left;margin: 20px 0 0;}
            .services_type ul{list-style: none;padding: 0;margin: 0;}
            .services_type ul li{display: inline-block;padding: 0 25px;width: 25%;margin: 35px -2px;vertical-align: top;}
            .services_type ul li .icon{
                min-height: 165px;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                transform: scale(1);
                transition: all ease 0.5s;
            }
            .services_type ul li:hover .icon {
                transform: scale(0.9);
            }
            .services_type ul li h4{color: #333333;font-size: 20px;font-weight: 700;}
            .services_type ul li h4 a{color: #333;}
            .services_type ul li h4:hover a{color: #b57083;}

            .cisco_section {padding: 110px 0 180px 0;}
            .cisco_section .cisco_middle{padding: 50px 50px 0px 50px;margin: 0 auto;border: 6px solid #7ba5f0;width: calc(100% - 180px);float: none;}
            .cisco_section .cisco_middle p{color: #666666;font-size: 24px;font-weight: 300;max-width: 1165px;margin: 0 auto;text-align: center;}
            .cisco_section .middle_in{width: 100%;float: left;margin: 60px 0 0;}
            .cisco_section .cisco_box{width: 40%;background: #dee8fb;border:1px solid #cfcfcf;padding: 40px;text-align: left;float: left;margin-left: 8%;}
            .cisco_section .cisco_box h3{color:#6d6eba;font-size:36px;font-weight: 800;margin:0 0 35px;min-height: 118px;}
            .cisco_section .cisco_box p{text-align: left;}
            .cisco_section .middle_in .col-md-9{display: flex;display: -webkit-flex; margin-bottom: -70px;}


            .banner_vedio .banner-video-wrp{
                width: 100%;
                float: left;
            }
            section.banner_vedio {
                position: relative;
                overflow:hidden;            
                width: 100%;
                float: left;
                margin-bottom: 30px;
            }
            section.banner_vedio iframe#vidbg {
                float: left;
                width: 100%;
            }
            .banner_vedio .intro_screen_midl{
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
            }
            section.banner_vedio:before {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                width: 100%;
                height: 100%;
                background: #3d5b76;
                opacity: 0.45;
                bottom: 0;
                left: 0;
                margin: 0 auto;
            }
            .banner_vedio .mobile_vedio{
                display: none;
            }

            /*====*/

            
            .banner {
              position: relative;
              overflow: hidden;
              background-color: #000;
              color: #fff;
              height: 160px;
              width: 100%;
          }

          .banner__background {
              position: absolute;
              top: 0;
              bottom: 0;
              right: 0;
              left: 0;
              width: 100%;
              height: 100%;
          }

          .banner__content {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              width: 100%;
              height: 100%;
          }

          .no-autoplay .video-player {
              display: none;
          }

          .autoplay .video-placeholder {
              display: none;
          }

          .video-placeholder {
              width: 100%;
              height: 100%;
              background-size: cover;
              background-repeat: no-repeat;
          }

          .video-player {
              border: none;
              width: 100%;
              height: 100%;
          }

          .video-player--banner {
              position: absolute;
              /* (240 - 160) / 2 = 40 */
              top: -40px;
              left: -50%;
              width: 200%;
              height: 240px;
          }

          .center-box {}

          .center-box:before {
              content: "";
              display: inline-block;
              height: 100%;
              vertical-align: middle;
              margin-right: -.25em;
          }

          .center-box__body {
              vertical-align: middle;
              display: inline-block;
              width: 100%;
          }

          .txt-title {
              font-family: Arial, sans-serif;
              font-size: 37px;
              font-weight: bold;
              text-transform: uppercase;
              text-align: center;
              margin: 0;
              line-height: 1;
              padding: 20px;
          }

          @media (min-width: 320px) {
              .banner {
                height: 240px;
            }
            .video-player--banner {
                /* (360 - 240) / 2 = 60 */
                top: -60px;
                height: 360px;
            }
        }

        @media (min-width: 480px) {
          .banner {
            height: 320px;
        }
        .video-player--banner {
            /* (480 - 320) / 2 = 80 */
            top: -80px;
            height: 480px;
        }
    }

    @media (min-width: 768px) {
      .banner {
        height: 480px;
    }
    .video-player--banner {
        /* (720 - 480) / 2 = 120 */
        top: -120px;
        height: 720px;
    }
}

@media (min-width: 992px) {
  .banner {
    height: 640px;
}
.video-player--banner {
    /* (960 - 640) / 2 = 160 */
    top: -160px;
    height: 960px;
}
}

@media (min-width: 1200px) {
  .banner {
    height: 800px;
}
.video-player--banner {
    /* (1200 - 800) / 2 = 200 */
    top: -200px;
    height: 1200px;
}
}

@media (min-width: 2000px) {
  .video-player--banner {
    /* (1600 - 800) / 2 = 400 */
    top: -400px;
    height: 1600px;
}
}

.contact-wrpr {
    max-width: 600px;
    margin: 30px auto;
    padding: 20px;
}
button.btn.btn-sumit.hvr-sweep-to-right{
    background: #b57084;
    box-sizing: border-box;
    color: #f8dde5;
    border: 1px solid #4777f4;
    letter-spacing: 0.2px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    border-radius: 5px;
    margin: 10px 0;
    padding: 0 30px;
    line-height: 53px;
    text-align: center;
    height: 53px;
    font-weight: 700;
    transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    width: auto !important;
}

button.btn.btn-sumit.hvr-sweep-to-right:hover {
    background: #4777f4;
    color: #fff;
    transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
}

.contact-wrpr  input ,.contact-wrpr textarea,.contact-wrpr select {
 margin: 0 !important;
 height: 45px !important;
 border-radius: 5px;
 padding: 10px 15px !important;
 border: 1px solid #b57084 !important;
 box-shadow: none !important;
 font-weight: 300;
 color: #666666;
 font-size: 16px;
}
.contact-wrpr textarea{
    height: auto !important;
}
.custom-contact-employment .img_tag.wow.fadeInLeft {
	margin-left: -96px;
}

.custom-change-contact .content_img_middle.our_value_top {
	margin: 235px auto 160px;
}
.custom-change-contact .content_img_middle.our_value_top .img_tag {	
	position: absolute;
	width: 400px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	top: -230px;
	z-index: 99;
}
.content_img.other_page_main.mt-100.custom-change-contact .content_img_middle.our_value_top {
	border: none;
	padding-bottom: 60px;
}
.custom-change-contact .content_img_middle.our_value_top {
	margin: 235px auto 160px;
}
.custom-change-contact .content_img_middle .content_info {
    max-width: 48%;
    padding: 45px 40px 500px 40px;
    border: 6px solid #b57084;
    margin: 5px;
}
.cus-contact .content_img .content_img_middle .content_info {
	max-width: 48%;
	padding: 45px 40px 500px 45px;
}
.middle_in_custom .contact-wrpr {
	max-width: 600px;
	margin: 30px auto;
	padding: 20px;
	margin-top: -600px;
	position: relative;
	background: #fff;
}
.custom-change-contact .content_info.wow.fadeInRight {
	padding-bottom: 472px;
}
.content_info.wow.fadeInRight {
	border: 6px solid #7ba5f0;
}
button.btn.btn-sumit.hvr-sweep-to-right {
	display: table;
	margin: 10px auto;
}
section.content_img.other_page_main.mt-100.custom-change-contact {
    overflow: hidden;
}
.src-video{
  height: auto; 
}
.src-video #myVideo{
  float: left;
  width: 100%;
}
.thankyou .content_img_middle .title_tag {	
	width: 500px;
	text-align: center;
}
