@charset "UTF-8";
/* CSS Document */
.preloader-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0; 
  bottom: 0;
  background: rgba(255,255,255,1);
  z-index : 10; 
}

.percentage {
  z-index: 100;
  border: 1px solid #ccc;
  text-align:center;
  color: #000;
  line-height: 30px;
  font-size : 15px;
}

.loader,
.percentage{
  height: 30px;
  max-width: 500px; 
  border: 6px solid #69AF23;
  border-radius: 10px;
  font-weight: 300;
  position: absolute; 
  top: 0; 
  bottom: 0; 
  left: 0; 
  right: 0;
  margin : auto; 
}
.loader:after,
.percentage:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.trackbar {
  width: 100%;
  height: 100%;border-radius: 20px;color: #fff;
  text-align: center;line-height: 30px;position: relative;opacity: 0.99;
}
.trackbar:after{ content:""; position:absolute; right:-170px; top:-50px; width:150px; height:150px; background:url(../images/load_2.png) no-repeat;}
.trackbar:before{ content:""; position:absolute; left:-80px; top:-20px; width:80px; height:80px; background:url(../images/load_1.png) no-repeat;}
.loadbar {width: 0%;height: 100%;background:#fcb040;position: absolute;top: 0;left: 0;animation: flicker 5s infinite;overflow: hidden;}
.glow {width:0%;height:0%;position:absolute;bottom:-5px;animation: animation 5s infinite;}

@keyframes animation {
  10% {
    opacity: 0.9;
  }
  30% {
    opacity: 0.86;
  }
  60% {
    opacity: 0.8;
  }
  80% {
    opacity: 0.75;
  }
}

@font-face {
    font-family: 'bud_easymedium';
    src: url('../fonts/budem___-webfont.woff2') format('woff2'),
         url('../fonts/budem___-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'dk_colporteur_fatregular';
    src: url('../font/dk_colporteur_fat-webfont.woff2') format('woff2'),
         url('../font/dk_colporteur_fat-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bud_easynormal';
    src: url('../fonts/buden___-webfont.woff2') format('woff2'),
         url('../fonts/buden___-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.hameid-loader-overlay {width: 100%;height: 100%;background: url('../images/loader.gif') center no-repeat #FFF;z-index: 99999;position: fixed;}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }


/*COMMON CSS HERE*/
html,body{ width:100%; height:100%; margin:0px; padding:0px; overflow:hidden;font-family:'bud_easymedium'; letter-spacing:4px;}
ul,li{ list-style:none; margin:0px; padding:0px;}


.lSSlideWrapper{overflow:inherit !important;}
.lightSlider{overflow:inherit !important;}
section{ width:100%; float:left;}

/*HEADER STYLE HERE*/
.menu{ z-index:7;}
a{cursor:pointer;}

.h_a:before{content:"";width:100px; height:50px; background:url(../images/icon1.png) center center no-repeat; position:absolute; top:-4px; left:-80px;}
.h_a:after{content:"";width:100px; height:50px; background:url(../images/icon2.png) center center no-repeat; position:absolute; top:-4px; right:-100px;}

.h_b:before{content:"";width:100px; height:50px; background:url(../images/icon3.png) center center no-repeat; position:absolute; top:-4px; left:-20px;}
.h_b:after{content:"";width:100px; height:50px; background:url(../images/icon4.png) center center no-repeat; position:absolute; top:-4px; right:-20px;}

.h_c:before{content:"";width:120px; height:50px; background:url(../images/icon5.png) center center no-repeat; position:absolute; top:-4px; left:-90px;}
.h_c:after{content:"";width:120px; height:50px; background:url(../images/icon6.png) center center no-repeat; position:absolute; top:-4px; right:-90px;}

.circle{width:100px; height:100px; position:absolute; left:26px; top:12px; z-index:10;}
.circle1{background:rgba(67, 183, 73, 0.682353); border-radius:100%; display:none;}
.playnow_btn1{ position:absolute; z-index:5; left:0px; top:0px; width:100%; height:100%; cursor:pointer;}
.soundonoff{ position:absolute; left:10px; bottom:0px; z-index:13;}
#video3{width:100% !important; height:100%;}
.h_1{ position:relative; width:200px; margin:30px auto;}
.home{ width:100%; height:100%; background:#333;  float:left; position:relative;}
.blackshade{ height:13%; float:left; background:#000; width:100%; position:relative;   z-index:2;}
.b_top{ top:0px;}
.b_bot{ bottom:0px;}
.hm{ position:absolute; z-index:3;}
.hm img{ height:50px;}
.hm_1{ top:5px; left:0px;}
.hm_2{ top:5px; right:0px;}
.hm_3{ bottom:2px; left:0px;}
.hm_4{ bottom:2px; right:0px;}
.container{width:100%; float:left; position:relative; height:100%;}
.homeVideoContainer{ width:100%; height:74%; float:left; position:relative; background:#000;}
.h_content{ width:100%; text-align:center; position:absolute; top:50%;}
.h_content span{ width:100%; float:left; text-transform:capitalize; font-size:40px; color:#fff; font-weight:bold; letter-spacing:4px;}

.leftover{background:rgba(13,17,21,0); cursor:pointer; transition:1s ease; position:absolute; z-index:5; width:50%; height:100%; left:0px;}
.leftover:hover{background:rgba(13,17,21,0);}
.rightover{background:rgba(13,17,21,0); transition:1s ease;cursor:pointer; position:absolute; z-index:4; width:50%; height:100%; right:0px;}
.rightover:hover{background:rgba(13,17,21,0);}


.logo1{ width:216px; height:216px; background:#fff; border-radius:100%; margin:7px;}
.logo {height: 100px;background-color: #f6bb00;background-image:
    linear-gradient(
      to right, 
      #f6bb00 50%,
      #cc0179 50%

    );
}
.wid100{width:100% !important;}
.width0{width:0px !important;}
.logomove{left:100% !important; margin-left:0px !important;}
.logomove1{left:-260px !important; margin-left:0px !important;}
.rotate{ -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);}
/*VIDEO LEFT*/
.videoLeft{ width:50%; overflow:hidden; transition:1s ease; height:100%; z-index:1; float:left;   position:relative;}
.videoLeft img {max-width: none;opacity:.5;width:100%;height: 100%;
	/*-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;*/
}

/*.videoLeft:hover img {opacity: 0.4;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}*/
.hometxtLeft{ list-style:none; position:absolute; width:100%; text-align:center; top:50%; margin-top:-40px; left:0px;}
.hometxtLeft li{ font-size:42px;padding:4px; margin:2px;color:#fff; font-weight:bold;}

#video1,#video2{width:100%; height:100%; position:absolute; left:0px; z-index:8; background:#000;}


/*VIDEO RIGHT*/
.videoRight{width:50%;overflow:hidden; transition:1s ease; height:100%; z-index:1;  float:left;position:relative;}
.videoRight img {max-width: none;opacity:.5;width:100%;height: 100%;
	/*-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;*/
}

/*.videoRight:hover img {opacity: 0.4;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}*/
.hometxtRight{width:100%; text-align:center; list-style:none; position:absolute; top:50%; margin-top:-40px; left:0px;}
.hometxtRight li{ font-size:42px;  padding:4px; margin:2px;color:#fff; font-weight:bold;}

.videoA{ position:fixed; top:0px; left:0px; width:100%; z-index:7}
.videoB{ position:absolute; top:0px; left:0px; z-index:5;}
.black_bg{ position:absolute; z-index:6; top:0px; left:0px;}

.txt1{ font-size:53px; font-weight:bold; color:#fff; }
 header{ position:fixed; top:0px; z-index:6; width:100%; height:80px; background:#000;}
.logo{width:300px; height:300px; text-align:center; transition:1s ease; border-radius:100%; z-index:5; position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-150px;}

.logo1{width:300px; height:300px; text-align:center; transition:1s ease; border-radius:100%; z-index:6; background:#fff; position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-150px;}
.logo1 img{width:200px; margin-top:50px;}
.logotop{width:100px !important; height:100px !important; left:170px !important; top:170px !important;}
.logotop img{width:70px !important; height:70px !important; margin-top:15px;}
.close_v{ position:absolute; z-index:10; top:60px; right:40px; cursor:pointer;}

/*HEADER COLOR*/
header{ transition:1s ease; text-align:center;}
header h2{color:#fff;}
.hed_p1{ background:#000;}
.hed_p2{ background:#43b749;}
.hed_p3{ background:#000;}
.hed_p4{ background:#000;}


/*LOADER STYLE HERE*/

.no-js #loader {display: none;}
.js #loader {display:block; position:absolute;left: 100px;top: 0;}
.se-pre-con {position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;background:#fff url(../images/loader.gif) center no-repeat;}

.plyBtn{position: absolute;z-index: 6;
    cursor: pointer;
    padding: 5px 40px;
    background: #e0b728;
    border-radius: 18px;
    box-shadow: 1px 1px 1px #333;
    color: #000 !important;
    font-size: 15px;
    font-family:Arial;
    font-weight: bold; 
    border:2px solid; border-color:rgba(255,255,255, 0); transition:1s ease; letter-spacing:2px;}

.plyBtn:hover{border-color:rgba(224,183,40,1); background:#fff;}
.v_1_btn{bottom:10px; right:20%; position:absolute; z-index:6; cursor:pointer;}
.v_2_btn{bottom:10px; left:20%;position:absolute; z-index:6; cursor:pointer; transition:1s ease;}
.v_2_btn img{transition:1s ease; height:60px;}
.v_2_btn img:hover{ height:70px;}

.v_1_btn img{transition:1s ease; height:60px;}
.v_1_btn img:hover{ height:70px;}

/*TEXT ROTATOR*/
.cbp-qtrotator {position: absolute;margin: 3em auto 5em auto;text-align:center;width: 100%;top:50%;margin-top:-90px;z-index:6;}
.cbp-qtprogress{opacity:0 !important}
.cbp-qtrotator .cbp-qtcontent {position: absolute; min-height: 200px;padding: 2em 0;top: 0;z-index: 6;opacity: 0;width: 100%;}
.no-js .cbp-qtrotator .cbp-qtcontent {border-bottom: none;}
.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {position: relative; z-index: 6;pointer-events: auto;opacity: 1;}
.cbp-qtrotator  p {font-size: 3em;color: #fff;font-weight: 800;margin: 0.4em 0 1em;}
.cbp-qtrotator .cbp-qtcontent img {float: right;margin-left: 3em;}

/* Example for media query */
@media screen and (max-width: 30.6em) { 

	.cbp-qtrotator {
		font-size: 70%;
	}

	.cbp-qtrotator img {
		width: 80px;
	}

}


/*TEXT ROTATOR END HERE*/

/*PAGE 2 STYLE HERE*/
h3{ font-size:32px; color:#fff; text-align:center; padding:0px 0px; text-transform:capitalize; width:100%; float:left;}
.page2{ background:#ec1a65; position:relative;}
.p_abs{ position:absolute;}
.abt_1{ top:-100px; left:-400px;}
.abt_2{ top:100px; left:60%;}
.abt_3{ top:0px; right:0px;}
.abt_4{ bottom:0px; left:100px;}
.abt_5{ bottom:-250px; left:0px;}
.abt_6{ bottom:-200px; right:100px;}
.abt_7{ bottom:200px; right:150px;}
.abt_content{ width:50%; margin:13% 5%; float:left; height:300px; padding-right:20px; overflow:auto; position:relative; z-index:5;}
.abt_content p{ font-size:18px; color:#fff; text-align:center;}
.Commonbtn{ padding:10px 30px; color:#000 !important;background:#fcec50; text-transform:uppercase; border-radius:0px; font-family:Arial; letter-spacing:2px;}

.m_g{ position:absolute; left:10px; top:10px;}
.tv_c{position:absolute; left:10px; top:10px;}
.web_film{position:absolute; left:10px; top:10px;}

/*PAGE 3 STYLE START HERE*/
.page3{ background:#00b1c3; position:relative;}
.wf100{ width:100%; float:left;}
.imgGrp{ width:74%; margin:1% 13%; float:left;}
.imgGrp li{ margin:0px; padding:0px; width:33.3%; float:left; text-align:center; margin-top:100px; position:relative;}
.imgGrp li span{width:100%; float:left; text-align:center; color:#fff; font-size:22px; font-weight:bold;}
.imgGrp li img{width:70%; max-width:500px;}

.transition {-webkit-transform: scale(1.6); -moz-transform: scale(1.6);-o-transform: scale(1.6);transform: scale(1.6);}


.m60{ margin-top:80px;}
.page3_4{ bottom:-150px; left:0px;}
.page3_4 img{width:150px;}
.page3_5{bottom:-100px; right:20px;}
.page3_5 img{width:250px;}
.page3_content{ width:60%; margin:130px auto 0px auto; text-align:center;  max-width:800px;}
.page3_content p{color:#fff; font-size:22px; font-weight:100 !important;}
.page3_content p strong{ font-size:28px !important;font-weight:100 !important;}
/*PAGE 3 STYLE END HERE*/

#content-slider{height:auto !important;}
/*PAGE 4 STYLE START HERE*/
.page4{ background:#000; position:relative;}
.tbg{position:absolute; top:0px; left:0px; z-index:2;}
.slider_thumb{ width:100%; float:left; height:450px; background:url(../images/tbg.png); position:relative; overflow:hidden;}
.slider_thumb_left{ width:28%; float:left; padding:18% 0px 0px 2%;  position:absolute; z-index:3; left:0px;}
.slider_thumb_left ul li{color:#fff; font-size:13px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; text-align:justify;}
.slider_thumb_right{ width:74%; float:left; margin-top:170px; position:relative; z-index:1; margin-left:26%;}
.slider_thumb_right ul li{text-align:center; position:relative;}
.slider_thumb_right ul li img{width:100%; transition:1s ease;}
.content-slider li span{ position:absolute; font-family:Arial; letter-spacing:1px; color:#fff; font-size:16px; z-index:2; bottom:40px; left:10px;}

.videoiframe{ position:absolute; z-index:8; width:100%; background:#000; height:100%;}
.videoiframe iframe{width:100%; height:100%;}
.video_frame_close{ position:absolute; z-index:9; right:70px; top:130px;}

.playbtn{width:75px; height:75px; opacity:.5; cursor:pointer; background:url(../images/play.png) no-repeat; position:absolute; z-index:2; top:50%; left:50%; margin-left:-37px; margin-top:-37px;}

.slider_thumb_left #pg1 li{ margin-top:10px;}
 .slider_thumb_left #pg2 li{ font-size:32px; text-transform:uppercase;   font-family: 'bud_easymedium';letter-spacing:2px; font-weight:bold; margin-top:40px;}
.playnow_btn{ padding:6px 20px; background:#ce0505; transition:1s ease; border:2px solid #ce0505; font-family:Arial;
               letter-spacing:2px; color:#fff; border-radius:18px; font-size:14px; color:#fff !important; margin-top:40px; float:left;}

.playnow_btn:hover{ border:2px solid #fff; background:#f6bb00;}
.slider_list{ width:100%; float:left; margin:10px 0px; margin-top:0px; z-index:4;  background:#000;}
.slider_list ul{ margin:0px; padding:0px; width:100%; float:left; }
.slider_list ul li{ float:left; margin:0px;  cursor:pointer; opacity:1;padding:20px 0px 20px 0px;position:relative;}
.slider_list ul li:hover{opacity:1;width:340px !important;}
.slider_list ul li span{display:none;}
.slider_list ul li img{ width:100%; z-index:1; border:4px solid #000;}
.slider_list{ position:relative;}

.slider_list1{ width:100%; float:left; margin:10px 0px; margin-top:0px; z-index:4;  background:#000;}
.slider_list1 ul{ margin:0px; padding:0px; width:100%; float:left; }
.slider_list1 ul li{ float:left; margin:0px;  cursor:pointer; opacity:1;padding:20px 0px 20px 0px;position:relative;}
.slider_list1 ul li:hover{opacity:1;width:340px !important;}
.slider_list1 ul li span{display:none;}
.slider_list1 ul li img{ width:100%; z-index:1; border:4px solid #000;}
.slider_list1{ position:relative;}


.leftArrow{width:20px; height:30px; padding-top:5px;transition:1s ease; cursor:pointer; text-align:center; position:absolute; top:50%; left:0px; background:#ce0505; z-index:2;}
.leftArrow img{height:20px;}
.leftArrow:hover{background:#000;}
.rightArrow{width:20px; height:30px;padding-top:5px; transition:1s ease; cursor:pointer; text-align:center; position:absolute; top:50%; right:0px; background:#ce0505;z-index:2;}
.rightArrow img{height:20px;}
.rightArrow:hover{background:#000;}
/*PAGE 4 STYLE END HERE*/


/*PAGE 5 STYLE START HERE*/
.page5{ background:#ec1666; position:relative;}

/*PAGE 6 STYLE START HERE*/
.page6{ background:#499af5; position:relative;}
.agencybg{ background:url(/images/agency_bg.jpg) no-repeat;}
.agencybg1{ width:100%; height:273px; background:url(../images/agency_bg1.png) repeat-x;  background-size:cover; position:absolute; bottom:-100px; z-index:1;}
.agencybg1 img{width:100%;}

.cloudGrp{width:100%; float:left; position:relative; margin:8% 0px 5% 0px; z-index:2;}
.cloud { position:absolute; top:40px; left:20%; display:none;}
.cloud1{ float:left; width:200px; height:200px;  position:relative;}
.cloud1 a{ padding:5px; border-radius:6px; background:#fff; position:absolute;}

.cloud2{ float:left; width:100px; height:200px; position:relative;}
.cloud2 a{ padding:5px; border-radius:6px; background:#fff; position:absolute; }

.c_1{ margin:-50px 30px;}
.c_2{ margin:0px 30px 10px;}
.c_3{ margin:-20px 30px 0px;}
.c_4{ margin:-40px 30px 0px;}
.c_5{ margin:-50px 30px 0px;}
.c_6{ margin:0px 30px 0px;}
.c_7{ margin:-50px 30px 0px;}
.c_8{ margin:0px 30px 0px;}
.c_9{ margin:0px 30px 0px;}
.c_10{ margin:0px 30px 0px;}


.ca1{ right:0px; top:155px;}
.ca2{ left:5px; top:80px;}
.ca3{ right:5px; top:155px;}
.ca4{ left:5px; top:80px;}
.ca5{ right:10px; top:155px;}
.ca6{ left:5px; top:80px;}
.ca7{ right:0px; top:155px;}
.ca8{ left:10px; top:78px;}
.ca9{ right:5px; top:155px;}
.ca10{ left:0px; top:80px;}




/*PAGE 7 STYLE HERE*/
.page7{ background:#f5b92b; position:relative;}
.team{width:100%; float:left; margin:5% 0px;}


/*PAGE 8 STYLE HERE*/
.page8{ background:#05c9c7; position:relative;}
.contact{width:100%; float:left; margin:10% 0px;}
.contact_left{ float:left; width:50%; text-align:center;}
.contact_left img{width:80%; max-width:500px;}
.contact_right{float:left; width:50%;}
.contact_right p{color:#000;letter-spacing:2px; margin:7px 0px; font-size:18px;font-family: 'bud_easymedium';}
.contact_right h4{color:#fff; font-size:30px;letter-spacing:2px; padding:0px; margin:100px 0px 20px 0px; font-family: 'bud_easymedium';}
.add_area { width:100%; float:left; margin:20px 0px;font-family: 'bud_easymedium';}
.formarea{ width:100%; float:left; font-family:Arial; width:300px;}
.formarea input[type=text],input[type=email],input[type=number]{ padding:6px; background:#fff; color:#000; font-size:12px; margin:5px 0px; width:100%; border:0px;}
.formarea textarea{padding:6px; background:#fff;color:#000;width:100%; font-size:12px; margin:5px 0px; min-height:100px;}
.formarea input[type=submit]{padding:6px 20px; background:#ce0505; transition:1s ease; border:2px solid #ce0505; 
                              font-family:Arial; letter-spacing:2px; color:#fff; border-radius:18px; 
                              font-size:14px; color:#fff !important; margin-top:10px; float:left; }
.formarea input[type=submit]:hover{background:#f6bb00; border:2px solid #fff;}



@-moz-keyframes spin {
    0% { -moz-transform: rotate(0deg); }
    40% { -moz-transform: rotate(5deg); }
    80% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(5deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    40% { -webkit-transform: rotate(2deg); }
    70% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-2deg); }
}
@keyframes spin {
    0% {transform: rotate(0deg); }
    40% {transform: rotate(2deg); }
    70% {transform: rotate(0deg); }
    100% {transform: rotate(-2deg); }
}


.clientpanel{width:100%; background:#fff; padding:5px 5%; overflow:hidden;  height:70px; z-index:10; position:absolute; left:0px; bottom:0px;}
.clientpanel img{ float:left; margin-right:30px;}
.mar15{margin-top:15px;}
.mar5{margin-top:5px;}
.clientimg{width:5000px; float:left; animation: clientani 30s infinite linear;}
.clientanimation{  animation: clientani 20s infinite linear;}
.cloudGrp{width:3000px; float:left; transition:1s ease;animation: agencyani 10s infinite linear;}

@-moz-keyframes agencyani {
    0% { margin-left:0px; }
    100% { margin-left:-900px; }
}
@-webkit-keyframes agencyani {
    0% { margin-left:0px; }
    100% {margin-left:-900px; }
}
@keyframes agencyani {
    0% {margin-left:0px; }
    100% {margin-left:-900px; }
}


@-moz-keyframes clientani {
    0% { margin-left:-3000px; }
    100% { margin-left:-0px; }
}
@-webkit-keyframes clientani {
      0% { margin-left:-3000px; }
    100% { margin-left:-0px; }
}
@keyframes clientani {
    0% { margin-left:-3000px; }
    100% { margin-left:-0px; }
}

.clientContainer{width:100%; float:left;}
.clientContainer ul{ width:100%; float:left; overflow:hidden; padding:0px 0px 0px 50px;  -webkit-animation: 20s infinite linear;}
.clientContainer ul li{ float:left; margin:0px 0px;width:70px;  }
.logo_box{width:100px; height:100px; padding:5px; background:#fff; margin-top:-10px; margin-left:-30px;}
.logo_box img{width:100%;}
.clientContent{width:100%; float:left; margin:5% 0px;}
.clientContent p{color:#fff; font-size:14px;}
.mouseLeftMove{width:200px; height:400px; position:absolute; top:100px; left:0px; z-index:3;}
.mouseRightMove{width:200px; height:400px; position:absolute; top:100px; right:0px; z-index:3;}

#a1{margin-top:-100px;}
#a2{margin-top:-200px;}
#a3{margin-top:-100px;}
#a4{margin-top:-200px;}
#a5{margin-top:-100px;}
#a6{margin-top:-200px;}
#a7{margin-top:-100px;}
#a8{margin-top:-200px;}
#a9{margin-top:-100px;}
#a10{margin-top:-200px;}



/*PAGE 5 STYLE END HERE*/


#style-4::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color:rgba(255,255,255,.2);
}
#style-4::-webkit-scrollbar{
	width: 10px;
	background-color: #F5F5F5;
}
#style-4::-webkit-scrollbar-thumb{
	background-color: #d11759;
}