/* font facekit */

 

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

 
@font-face {

    font-family: 'Toshiba Sans';

    src: url('../fonts/ToshibaSans-Medium.woff2') format('woff2'),

        url('../fonts/ToshibaSans-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Toshiba Sans';

    src: url('../fonts/ToshibaSans-Bold.woff2') format('woff2'),

        url('../fonts/ToshibaSans-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Toshiba Sans';

    src: url('../fonts/ToshibaSans-Regular.woff2') format('woff2'),

        url('../fonts/ToshibaSans-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}





@font-face {

    font-family: 'Bebas Neue Regular';

    font-style: normal;

    font-weight: normal;

    src: local('Bebas Neue Regular'), url('../fonts/BebasNeue Regular.woff') format('woff');

    }





    @font-face {

    font-family: 'Bebas Neue Regular';

    font-style: normal;

    font-weight: normal;

    src: local('Bebas Neue Regular'), url('../fonts/BebasNeue.woff') format('woff');

    }


    @font-face {

    font-family: 'Bebas Neue Book';

    font-style: normal;

    font-weight: normal;

    src: local('Bebas Neue Book'), url('../fonts/BebasNeue Book.woff') format('woff');

    }





    @font-face {

    font-family: 'Bebas Neue Thin';

    font-style: normal;

    font-weight: normal;

    src: local('Bebas Neue Thin'), url('../fonts/BebasNeue Thin.woff') format('woff');

    }





    @font-face {

    font-family: 'Bebas Neue Light';

    font-style: normal;

    font-weight: normal;

    src: local('Bebas Neue Light'), url('../fonts/BebasNeue Light.woff') format('woff');

    }





    @font-face {

    font-family: 'Bebas Neue Bold';

    font-style: normal;

    font-weight: normal;

    src: local('Bebas Neue Bold'), url('../fonts/BebasNeue Bold.woff') format('woff');

    }







    @font-face {

        font-family: 'Helvetica Neue';

        src: url('../fonts/HelveticaNeue-BoldCondObl.eot');

        src: url('../fonts/HelveticaNeue-BoldCondObl.eot?#iefix') format('embedded-opentype'),

            url('../fonts/HelveticaNeue-BoldCondObl.woff2') format('woff2'),

            url('../fonts/HelveticaNeue-BoldCondObl.woff') format('woff'),

            url('../fonts/HelveticaNeue-BoldCondObl.ttf') format('truetype'),

            url('../fonts/HelveticaNeue-BoldCondObl.svg#HelveticaNeue-BoldCondObl') format('svg');

        font-weight: bold;

        font-style: italic;

        font-display: swap;

    }



    @font-face {

        font-family: 'Helvetica Neue';

        src: url('../fonts/HelveticaNeue-Condensed.eot');

        src: url('../fonts/HelveticaNeue-Condensed.eot?#iefix') format('embedded-opentype'),

            url('../fonts/HelveticaNeue-Condensed.woff2') format('woff2'),

            url('../fonts/HelveticaNeue-Condensed.woff') format('woff'),

            url('../fonts/HelveticaNeue-Condensed.ttf') format('truetype'),

            url('../fonts/HelveticaNeue-Condensed.svg#HelveticaNeue-Condensed') format('svg');

        font-weight: normal;

        font-style: normal;

        font-display: swap;

    }






/* parallax section */



.reply-button p

{

    background-image: url(../images/reply-wow.png);

   width: 42px !important;

    height: 67px !important;

    background-size: contain;

    background-repeat: no-repeat;

    background-size: 100%;

    float: left;

    background-position: bottom;

    position: absolute;

    bottom: -200px;
    right: 0px;

    cursor: pointer;

}



.reply-button p {

    float: left;

    width: auto;

    font-size: 16px;

    color: #00365e;

    text-transform: capitalize;

    font-weight: 500;

    padding-bottom: 0px;

}





.parallax-outer {

    float: left;

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    height: 100%;

    background-image: url(../images/parallax-grad-bg.png);

    padding: 120px 0 0px;

}

.parallax-outer .parallax-inner {

	max-width: 1300px;

	margin: 0 auto;

	display: table;

	padding: 0 18px 50px;
    position: relative;
    top:-40px;

}




.parallax-images-section {

    float: right;

    width: 100%;

    position: relative;

}



.parallax-images-section .arrow-section {

    float: left;

    width: 330px;

    background-size: 100%;

    background-repeat: no-repeat;

    background-position: left bottom;

    height: 298px;

    background-image: url(../images/parallax-arrow2.png);

    position: relative;

    top: 185px;

    left: 10px;

}



.arrowleft-img {

    content: '';

    position: absolute;

    float: left;

    width: 224px;

    background-size: 100%;

    background-repeat: no-repeat;

    background-position: center;

    height: 100%;

    top: -35px;

    /*transform: rotate(355deg);
    -moz-transform: rotate(355deg);
    -o-transform: rotate(355deg);
    -ms-transform: rotate(355deg);
    -webkit-transform: rotate(355deg);*/

    left: 129px;

}



.recycle-part img.reload-right {

    position: relative;

    right: 0px;

}



.recycle-part img.reload-left {

    position: absolute;

    left: -2px;

}



.parallax-images-section .arrowright-img

{

    content: '';

    position: absolute;

    float: left;

    width: 240px;

    top: 55px;

    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);

    left: 43px;

}

.arrow-section.arrow-right-part::before {

    content: none;

}



.parallax-images-section .arrow-section-right {

    float: left;

    width: 340px;

    background-size: 100%;

    background-repeat: no-repeat;

    background-position: left bottom;

    height: 345px;

    background-image: url(../images/parallax-arrow2.png);

    position: relative;

    position: relative;

    top: -9px;

    left: -65px;

}



.arrow-shape-img {

    position: relative;

    float: left;

    width: auto;

    z-index: 9;

}



.arrow-section .arrow-shape {

    float: left;

    width: auto;

    position: absolute;

    top: 135px;

    left: 60px;

    overflow: hidden;

    z-index: 999;

}



.arrow-shape-img img {

    width: 110px;

    height: auto;

    object-fit: contain;

}



.arrow-shape-img .arrow-inner-img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    display: flex;

    flex-wrap: wrap;

    justify-content: center

}

.arrow-inner-img img {

    width: 35px;

    height: auto;

    object-fit: contain;

}



.arrow-inner-img p {

    color: #fff;

    font-size: 12px;

    line-height: 14px;

    font-weight: normal;

    padding-top: 11px;

    margin: 0;

    font-family: 'Toshiba Sans';

    text-align: center;

}



.arrow-shape .arrow-shape-content {

    float: left;

    width: 185px;

    margin-left: 56px;

    padding-top: 70px;

    padding-left: 10px;

    position: relative;

}



.arrow-shape .arrow-shape-content::before {

    content: '';

    background: #00365E;

    width: 2px;

    height: 100%;

    position: absolute;

    top: -1px;

    left: 0;

    border-radius: 30px;

}



.arrow-shape-content h3 {

    margin: 0;

    font-size: 18px;

    font-family: 'Toshiba Sans';

    font-weight: bold;

    color: #00365E;

}



.arrow-shape-content p {

    font-family: 'Toshiba Sans';

    color: #00365E;

    font-weight: 500;

    line-height: 18px;

    padding-top: 6px;

    margin: 0;

    width: 160px;

    font-size: 14px;

}



.arrow-shape .arrow-shape-content {

    float: left;

    width: 185px;

    margin-left: 53px;

    padding-top: 20px;

    padding-left: 15px;

    position: relative;

}



.arrow-section .arrow-shape.layer-two {

    top: -223px;

    left: 133px;

}



.arrow-shape.layer-two .arrow-shape-content {

    padding-top: 0;

    padding-left: 15px;

    padding-bottom: 150px;

    margin-left: 66px;

    width: 200px;

}

.arrow-shape.layer-two .arrow-shape-content::before { top: 1px; }

.arrow-shape.layer-two .arrow-shape-img img { width: 135px; }

.arrow-shape.layer-two .arrow-inner-img img { width: 42px; }

.arrow-shape.layer-two .arrow-inner-img p { font-size: 15px; line-height: 16px; padding-top: 6px; padding-bottom: 13px; }



.parallax-images-section .arrow-section.arrow-right-part { background-image: none; top: 20px; left: 0; }

.arrow-shape.layer-three { top: 0; }



.arrow-shape.layer-three .arrow-shape-img img { width: 147px; }

.arrow-shape.layer-three .arrow-inner-img img {  width: 50px; }

.arrow-shape.layer-three p { font-size: 17px; padding-bottom: 20px; line-height: 18px; }

.arrow-shape.layer-three .arrow-shape-content { padding-top: 0; padding-bottom: 0px; margin-left: 73px; }

.arrow-shape.layer-three .arrow-shape-content p { font-size: 15px;  width: 233px; }

.arrow-shape.layer-three .arrow-shape-content { width: 250px; }

.arrow-section .arrow-shape.layer-three {

    top: -86px;

    left: 72px;

}

.arrow-shape.layer-three .arrow-shape-content::before { top: 1px; }

.arrow-section .arrow-shape.layer-four { left: 260px; top: 57px;    z-index: 0; }

.arrow-shape.layer-four .arrow-inner-img img {

    width: 48px;

}

.arrow-shape.layer-four .arrow-inner-img p {

    font-size: 12px;

    padding: 7px 0 2px;

}



.arrow-shape.layer-four .arrow-shape-content {

    padding-top: 60px;

}



.parallax-images-section .parallax-center-text {

    position: absolute;

    bottom: 66px;

    left: 7px;

    float: left;

    width: 200px;

    z-index: 999;

}



.parallax-center-text h3 {

	margin: 0;

    font-size: 20px;

    color: #000;

    text-align: center;

    line-height: 26px;

    font-family: 'Toshiba Sans';

    font-weight: bold;

    text-shadow: 1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px 5px #fff;

}



.arrow-box-content {

    position: absolute;

    width: 130px;

    border: 1px solid #00365E;

    padding: 5px;

}



.arrow-box-content.layer-five

{

    bottom: 183px;

    right: -227px;

}



.arrow-box-content.layer-six

{

    position: absolute;

    bottom: 151px;

    right: -177px;

}



.arrow-box-content h3 {

    margin: 0;

    font-size: 19px;

    font-family: 'Toshiba Sans';

    font-weight: 500;

    color: #00365E;

}



.arrow-box-content p {

    margin: 0;

    font-size: 16px;

    font-family: 'Toshiba Sans';

    font-weight: 500;

    color: #00365E;

}



.arrow-box-content.layer-five {     bottom: -22px; left: -33px; width: 104px;  text-align: center; }

.arrow-box-content.layer-five h3 { margin: 0; font-size: 18px;font-weight: bold; }

.arrow-box-content.layer-five p { margin: 3px 0 0; font-size: 18px;  line-height: 21px; font-weight: 500; }





.arrow-shape .recycle-part p {

    margin: 0;

    font-size: 13px;

    text-transform: capitalize;

    text-align: left;

    width: 100%;

    font-family: 'Toshiba Sans';

    padding: 0 0 0 10px;

    text-shadow: 1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px 5px #fff;

    font-weight: 500;

}

.recycle-part img {

    max-width: 100%;

    width: 100%;

    object-fit: contain;

}

.recycle-part.layer-eight {

    float: left;

    width: 60px;

    z-index: 999;

    position: relative;

    top: 75px;

    left: -4px;

}



.layer-four .arrow-shape-img img {

    width: 107px;

}




                .parallax-outer {

                    width: 100%;

                    min-height: 100vh;

                    display: flex;

                    justify-content: center;

                    align-items: center;

                    overflow: hidden;
                    padding-top: 0px;
                    height: 625px;
                    background-image: none;

                }

                







                  .parallax-start {

                    padding: 199px 0;

                    background: #ccc;

                     width: 100%;

                    height: 100vh;

                    float: left;

                }



                .parallax-end

                {

                    padding: 200px 0;

                    background:#222222;

                    width: 100%;

                    float: left;

                    height: 100vh;

                }



                .arrowleft-img img {

                    max-width: 100%;

                }

                .arrowright-img img {

                    max-width: 100%;

                }


                .layer-one .arrow-inner-img img { height: 26px;  }

                .arrow-shape.layer-two .arrow-inner-img img {  width: 42px; height: 42px; }

                .layer-three .arrow-inner-img img {  height: 56px; }

                .arrow-shape.layer-four .arrow-inner-img img { height: 32px; }



/* IE11 */
@media all and (-ms-high-contrast:none)
     {
   
     *::-ms-backdrop, .video-grid-out{ display: flex; } 

    *::-ms-backdrop, .video-grid .video-images::before {background: #000; opacity: 0.2; }

    *::-ms-backdrop, .header_block .mainlogo img {padding: 22px 0 0; min-height: 0; }

    *::-ms-backdrop, .header_block .sublogo img {padding: 24px 0 0; min-height: 0; }

    *::-ms-backdrop, .header_block  { height: 64px;}    

    *::-ms-backdrop, .footer_block .footer_logo { display: block; }

    *::-ms-backdrop, .arrow-shape.layer-three p { margin-left:-10px; }
    *::-ms-backdrop, .arrow-shape.layer-two .arrow-inner-img p{ margin-left:-10px; }


}


/* style changes */
.arrow-box-content.layer-five h3 {
    text-transform: capitalize;
}
.arrow-shape-content h3
{
	text-transform: capitalize;
}
.layer-six p
{
	line-height: initial;
	margin-bottom:0px !important;
}
.arrow-box-content.layer-five p
{
	margin-bottom:0px !important;
}

@media screen and (max-width:1200px)
{
	.parallax-outer {
    width: 100%;
    min-height: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding-top: 0px;
    height: 640px;
}
}


.cent_ali
{
	text-align:center;
}