@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.html') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'muliregular';
    src: url('../fonts/muli-regular-webfont.eot');
    src: url('../fonts/muli-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/muli-regular-webfont.html') format('woff'),
         url('../fonts/muli-regular-webfont.ttf') format('truetype'),
         url('../fonts/muli-regular-webfont.svg#muliregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'segoe_uiregular';
    src: url('../fonts/segoiui/segoeui_1-webfont.eot');
    src: url('../fonts/segoiui/segoeui_1-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/segoiui/segoeui_1-webfont.html') format('woff'),
         url('../fonts/segoiui/segoeui_1-webfont.ttf') format('truetype'),
         url('../fonts/segoiui/segoeui_1-webfont.svg#segoe_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
	margin: 0;
	padding: 0;
	overflow-x:hidden;
	font-family: 'muliregular';
	
  scrollbar-base-color: #C0C0C0;
  scrollbar-base-color: #C0C0C0;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #EBEBEB;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;

}
img{
	border: 0;
}
*:focus
{
    outline:none;
}
/*styling carasouel*/

    .example-desc {
        margin:3px 0;
        padding:5px;	
      }

      #carousel {
        width:960px;
	margin:8px 0 0 0;
        height:300px;
        position:relative;
        clear:both;
        overflow:hidden;


      }
	 
      #carousel img {
        visibility:hidden; /* hide images until carousel can handle them */
        cursor:pointer; /* otherwise it's not as obvious items can be clicked */

      }

      .split-left {
        width:450px;
        float:left;
      }
      .split-right {
        width:400px;
        float:left;
        margin-left:10px;
      }
      #callback-output {
        height:250px;
        overflow:scroll;
      }
      textarea#newoptions {
        width:430px;
      }



/*styling for header*/
.header{
position:fixed;
width:100%;
z-index:9999;
top:0;	
height:90px;
background:#0033cc;	
}
.container
{
	
	margin:0 auto;
	width:1000px;
	height:auto;
	position:relative;	
}
#logo{
	position:relative;	
	height:66px;
	width:200px;
	float:left;	
	margin:0px 0px 10px 0;	

}
.logo_Styling{
	position:relative;
	height:66px;
	width:200px;
	  top: 3px;
	margin:0px 0px 10px 0;	
}
#nav{
	position:relative;
	width:800px;
	float:right;	
	margin:26px 0 0 0;
	left: 29px;
}
#nav ul{
	padding:10px 0 0 95px;	
}
#nav ul li{
	text-decoration:none;
	display:inline;
	font-family: 'BebasNeueRegular';
	font-size:21px;
	color:#fff;
	padding: 5px 9px 0 8px;
	cursor:pointer;
}
#nav ul li a{
color:#fff;
text-decoration:none;
/*padding:2px 5px 2px 5px;*/
letter-spacing:0px;
}
#nav ul li a.active{
border-bottom:10px solid #ff3333;
bottom:0;
padding: 0px 4px 22px 4px;
}
.clear{
clear:both;	
}
#nav ul li a:hover
{
    color:#000;
}
/*styling for home*/
#home{
	background:#fff 50% 0 no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#about{
	background:50% 0 no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#people{
	background:url(../images/Team/team_bg.png) 0 no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}
#works{
	
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}
#contact
{
   background:url(../images/about/about_bg6.jpg) 50% 25% no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}
.people_header{
position:relative;

margin: 79px 0 0 102px;

}
.people_header ul{
width:100px;
margin:5px 0 0 10px;	
	display:inline;
}
.people_header ul li{
text-decoration:none;
color:#ee1c24;
	font-family: 'BebasNeueRegular';
	font-size:24px;
	display:inline;
	padding:5px 12px 8px 10px;
	/*border-right:2px solid #727272;*/

}
.people_header ul li a{
text-decoration:none;
color:#727272;
cursor:pointer;
}
.people_header ul li a:hover{
text-decoration:none;
color:#ee1c24;
}
.people_header ul li a.active2{
text-decoration:none;
color:#ee1c24;
}
.people_header ul li.last{
border:none;	
}
.people_header ul li span{
color:	#727272
}

.work_title{
color:#636466;
font-size:25px;
text-align:center;	
font-family: 'BebasNeueRegular';
margin:80px 0 0 0;
}

.work_block
{
    position:relative;
    margin: 4% 0 0 0;
   
}

.work_image_Album
{
    position:relative;
    float:left;
   width:100%;
    border:3px solid #c8c8c8;
    margin:0 5px 8px 5px;
    cursor:pointer;
}
.work_image
{
    position:relative;
    float:left;
    width:20%;
    border:3px solid #c8c8c8;
    margin:0 5px 8px 5px;
    cursor:pointer;
}
.work_image_Album .imgAlbum
{
    width:100%;
}
.work_image img
{
     width:100%;
}
.work_image_Album:hover
{
    position:relative;
    float:left;
   width:100%;
    border:3px solid #ee1c24;
    margin:0 5px 8px 5px;
    cursor:pointer;
}
.btnalbumstyle
{
    position:absolute;
    top:0;
    left:0;
    padding: 0% 0% 92% 98%;
    cursor:pointer;
    opacity: 0;
}


.work_prev{
position:relative;

margin:0 auto;	
background:url(../images/Work/prev.png) no-repeat;
height:39px;
width:54px;
right:108px;
}
.work_next{
position:relative;
background:url(../images/Work/next.png) no-repeat;
height:39px;
width:54px;
left: 35px;
bottom: 39px;
margin:0 auto;		
}
.work_prev:hover{
background:url(../images/Work/prev_hover.png) no-repeat;
height:39px;
width:54px;
}
.work_next:hover{
background:url(../images/Work/next_hover.png) no-repeat;
height:39px;
width:54px;
}
.contact_page
{
    position:relative;
    margin:90px 0 0 0;
}
.contact_text
{
position: relative;
background: url(../images/Contact/contact_text_bg.png) no-repeat;
width: 660px;
height: 109px;
/*margin: 0 0px 0 118px; */
}
.contact_content
{
    color:#fff;
   font-family: 'muliregular';
font-style:italic;
    padding:8px 20px 8px 20px;
}
.contact_content p
{
    padding:10px 0 0 0;
}
.contact_content span
{
    font-size:26px;
    font-style:italic;
}
.contact_details
{
    position:relative;
    background:url(../images/Contact/contact_bottom_bg.png) repeat-y;
    width:660px;
    height:auto;
    min-height:370px;
    margin:20px 0px 0 118px;
}
.contact_left
{
    position:relative;
  width: 245px;
    float:left;
   color:#fff;
   padding:25px 0 0 20px;
   font-family: 'muliregular';
    
}
.contact_left span
{
      font-size:22px;
}
.contact_left p
{
    font-size:14px;
    padding:5px 0 0 0;
    line-height:15px;
}
.contact_numbers
{
     font-size:22px;
     padding:15px 0 0 0;
}
.contact_numbers p
{
    font-size:12px;
    padding:5px 0 0 0;
    line-height:17px;
}
.number_content p
{
    line-height:22px;
}
.number_content span
{
   padding: 0 0 0 65px;
   font-size: 14px;
}
.number_content a
{
    color:#fff;
    text-decoration:none;
}
.number_content p a:hover
{
    color:#e81d30;
}
.number_bold
{
    color:#06b0ed;
    font-size:18px;
}
.contact_icons
{
    position:relative;
    margin:25px 0 0 25px;

}
.contact_socialicon
{
    padding:0 10px 0 0;
    cursor:pointer;
}
.contact_right
{
    position:relative;
    width: 320px;
float: right;
margin: 25px 0 0 0;
}
.feedback_title
{
    font-size:20px;
   font-family: 'muliregular';
   padding:0 0 8px 0;
}

.inputstyle
{
    position:relative;
    float:left;
	width:212px;
	height:20px;
	margin:0 0 15px 0px;
	border:1px solid #fff;
	background:transparent;

}
.inputstyle_captcha
{
     position:relative;
    float:left;
	width:223px;
	height:27px;
	margin:0 0 15px 0px;
	border:1px solid #fff;
	background:transparent;
	color:#ef1c25;
	font-weight:bold;

}
.submit
{
background: #fff;
color: #000;
border: 0;
position: relative;
float: right;
margin: 0 111px 0 0;
font-size:16px;
cursor:pointer;
font-family: 'muliregular';
}

.submit:hover{
background:#000;
color:#fff;	
}

.textareastyle
{
	width:213px;
	height:65px;
	margin:0 0 10px 0px;
	border:1px solid #fff;
	background:transparent;
	 font-family: 'muliregular';
	 float:left;
	 padding:3px 5px 4px;
	color:#979797;
}
.social_img
{
    background:url(../images/Contact/facebook.png) no-repeat;
}
.social_img:hover
{
      background:url(../images/Contact/facebook_hover.png) no-repeat;
}
.about_text
{
    background:url(../images/about/about_text_bg.png) no-repeat;
    width:650px;
    height:350px;
    margin:0px 0 0 115px;
}
.about_tilte
{
    font-size:25px;
  font-family: 'BebasNeueRegular';
  margin:117px 0 0 117px;
  font-weight:bold;
  letter-spacing:2px;
}
.about_text p
{
    font-size:14px;
    font-family: 'muliregular';
    padding:15px;
    text-align:justify;
    line-height:21px;
    color:#fff;
}

/*horizontal scroll*/

.about_submenu
{
    position:absolute;
    margin:55px 0 0 0;
    width:1000px;
    z-index:2;
    left:50%;
    margin-left:-400px;
}

.about_submenu ul 
{
    background:#000;
    width:400px;
    padding:10px 10px;
}

.about_submenu ul li
{
    display:inline;
    
}
.about_submenu ul li
{
    display:inline;
}

.about_submenu ul li a
{
     color:#9a9a9a;
     font-family: 'BebasNeueRegular';
     font-size:17px;
     text-decoration:none;
     padding: 0px 4px 8px 4px;
}
.about_submenu ul li a:hover
{
    color:#fff;
    padding: 0px 4px 8px 4px;
}

.about_submenu li a.active1{
border-bottom:4px solid #e81d30;
bottom:0;
color:#fff;
padding: 0px 4px 8px 4px;
}


.about_title
{
    font-family: 'BebasNeueRegular';
     font-size:40px;
     color:#0033cc;
}
.about_title span
{
    color:#4062d6;
}
.about_image
{
    background:url(../images/about/about_bg.jpg) 50% 25% no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

.about_image1
{
    background:url(../images/about/about_bg2.jpg) 50% 50% no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

.about_image2
{
    background:url(../images/about/about_bg3.jpg) 50% 50% no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}
.about_image3
{
    background:url(../images/about/about_bg4.jpg) 50% 50% no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}


.about_image4
{
    background:url(../images/about/about_bg5.jpg) 50% 50% no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}


.about_image5
{
    background:url(../images/about/about_bg6.jpg) 50% 50% no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}


.about_block
{
    position:relative;
    width:880px;
    height:auto;
    margin:0 0 0 100px;
    padding-top:50px;
}
.about_block p
{
    font-size:12px;
    color:#616161;
    text-align:justify;
    top:40px;
    position:relative;
    line-height:21px;
}
.clear_abouttitle
{
    position:relative;
    padding-top:90px;
}
.vision_text
{
    font-size:13px;
    color:#616161;
    text-align:justify;
    margin-bottom:15px;
    margin-top:15px;
}
.vision_text span
{
    color:#ee1c24;
    font-weight:bold;
}
.vision_text ul li
{
     list-style-image:url(../images/about/bullet.png);
    font-size:13px;
    color:#616262;
    position:relative;
    margin:0 0 0 20px;
    
}
.why_image
{
    background:url(../images/about/whyus_back.jpg) 50% 50% no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}


.why_block
{
    position:relative;
    float:left;
    width:406px;
    height:auto;
    margin:50px 0 0 100px;
    padding-top:80px;
}
.why_block ul li
{
    list-style-image:url(../images/about/bullet.png);
    font-size:14px;
    color:#616262;
    position:relative;
    margin:5px 0 0 20px;
    top:10px;
  
}
.service_image
{
    background:url(../images/about/service_back.jpg) 20% 0 no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

.service_block
{
    position:relative;
    float:right;
    width:406px;
    height:auto;
    margin:80px 0 0 0;
    padding-top:80px;
}
.service_block p
{
    font-size:13px;
    color:#000;
    position:relative;
    text-align:justify;
    margin:5px 0 0 0;
}
.strength_image
{
    background:url(../images/about/strength_back.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}

.strength_block
{
    position:relative;
    float:left;
    width:350px;
    height:auto;
    margin:50px 0 0 100px;
    padding-top:80px;
}
.strength_block p
{
    font-size:13px;
    color:#000;
    position:relative;
    text-align:left;
    margin:5px 0 0 0;
    width:250px;
}
.quality_image
{
    background:url(../images/about/quality_back.jpg) 50% 30% no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
    
}

.quality_block
{
    position:relative;
    float:left;
    width:300px;
    height:auto;
    margin:50px 0 0 100px;
    padding-top:80px;
}
.quality_block p
{
    font-size:13px;
    color:#616262;
    position:relative;
    text-align:left;
    margin:5px 0 0 0;
}

.quality_block ul li
{
    list-style-image:url(../images/about/bullet.png);
    font-size:14px;
    color:#616262;
    position:relative;
    margin:5px 0 0 20px;
    top:10px;
}



#wrapper {
	width:100%;
	height:100%;
	position:relative;
	top:0;left:0;
	overflow:hidden;
	
}

	#mask {
		width:1000%;
		height:100%;
		
	}

	.item {
		width:10%;
		height:100%;
		float:left;
		
	}
	
	.content {
		width:100%;
		height:100%;
		margin:0 auto;
		background-color:#f0f0f0;
		position:relative;
		z-index:1;
	
	}
	
	/*.selected {
		background:#fff;
		font-weight:700;
	}*/

	.clear {
		clear:both;
	}

/**/

/*infradiv starte here*/
#infra
{
    background:url(../images/infra/infraback.jpg) 0 no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
}
.infra_block
{
    position:relative;
    margin:100px 0 0 110px;
    width:550px;
}
.infra_block p
{
    position:relative;
    font-size:14px;
    color:#2f2f2f;
    font-weight:bold;
}
.infra_block_title
{
     font-family: 'BebasNeueRegular';
     font-size:25px;
     color:#ee1c24;
     position:relative;
     margin:15px 0;
}

#iraccordion1 {
	list-style: none;
	padding: 0 0 0 0;
	width: auto;
}
#iraccordion1 div {
	display: block;
	font-size:14px;
	margin: 1px;
	cursor: pointer;
	padding: 5 5 5 15px;
	list-style: circle;
	color:#2f2f2f;
	background:url(../images/arrow.png) no-repeat center left;
	
}
#iraccordion1 div span{
	position:relative;
	margin:0 0 0 12px;
	font-weight:bold;
	font-size:14px;

}


#iraccordion1 div:hover{
	display: block;
	font-size:14px;
	margin: 1px;
	cursor: pointer;
	padding: 5 5 5 15px;
	list-style: circle;
	color:#e81d30;
	background:url(../images/arrow-down.png) no-repeat center left;
	
}


#iraccordion1 ul {
	list-style: none;
	padding: 0 0 0 0;
	
}

#iraccordion1 ul{
	display: none;
}

#iraccordion1 li{
	position:relative;
	  padding: 7px 0 1px 0;
	background:url(../images/line.html) no-repeat bottom left;
	/*border-bottom:1px solid #616262;*/
}

#iraccordion1 ul li {
	font-size:13px;
	cursor: auto;
	padding: 1px 0 1px 0;
	margin:0 0 0 20px;
	background:none;
	list-style-image:url(../images/infra/bullet.png);
	color:#2f2f2f;
	border:none;
	
}

#iraccordion1 a {
	text-decoration: none;
	color:#000;
}
#iraccordion1 a:hover {
	text-decoration: none;
	color:#000;
}








/**/
.line-one{
	  width: 565px; float:right;
	
	}

.line-one ul{
	
list-style:none;
	}
	
	
	.line-one ul li{
	
	  display: block;
  font-size: 14px;
  margin: 1px;

  padding: 5px 5px 5px 15px;
  list-style: circle;
  font-weight:bold;
  color: #2f2f2f;
  background: url(../images/arrow.png) no-repeat center left;
	}
	
	
	

/**/
.team_div_title
{
     font-family: 'BebasNeueRegular';
     font-size:22px;
     letter-spacing:1px;
     position:relative;
     color:#000;
     margin:0 auto;
     width:600px;
     padding-top:20px;
}
.team_div_title span
{
     color:#ee1c24;
}
.team_div_image
{
    position:relative;
    margin:0 0 0 50px;
}
/**/

/**/
.footer
{
    background:#f1f1f1;
     height: 39px;
  padding-top: 8px;
    position:fixed;
    z-index:999;
    bottom:0;
    width:100%;

}

.footer_text
{

  text-align:center;
    font-size:12px;
    color:#003300;
    margin:2px 10px 0 0;
}
.footer_text a
{
    text-decoration:none;
    color:#003300;
}
.footer_text a:hover
{
    text-decoration:none;
    color:#003300;
}
.Category_Contineer
{
    position:relative;
    float:left;
    
}
.Album_Contineer
{
    width:100%;
    position:relative;
   float:left; 
    
}
.Gallery_Contineer
{
    width:100%;
    position:relative;
    float:left;
    margin: 1% 0 0 2%;
}
#Cat_Laisting
{
  margin:0px 0px 0px 18px;
  padding:0;
}
.CategoryLi
{
font-family: 'BebasNeueRegular';
background: #fff;
border-bottom:1px solid #636466;
padding: 0 10% 5% 0%;

}
.ButtonStyle
{
    border:none;
    cursor:pointer;
    color: #636466;
    background-color:#fff;
    letter-spacing:2px;
     font-family: 'BebasNeueRegular';
        font-size:16px;
        text-align: left;
        margin:5% 0 0 0;
}
.ButtonStyle:hover
{
    color:Red;
}
.Cat_Active
{
    color:Red;
}
.AlbumName_Contineer
{
    width: 100%;
    text-align:center;
   
}
.AlbumName
{
     font-family: 'segoe_uiregular';
     color: #636466;
}
.Album_ContineerInner
{ 
    width:29%;
    position:relative;
   margin: 0% 0% 2% 2%;
    cursor:pointer;
    float: left;
    
   
}
.TreeContinerr
{  
 position: relative;
float: left;
width: 500px; 
margin:0 0 0 2%;   
}
.treenavigationstyle
{
    color:#636466;
position: relative;
margin: 0% 0% 0% 0%;
border:none;
background-color:#fff;
width: auto;
font-size: 17px;
 font-family: 'segoe_uiregular';
float: left;

}
.treenavigationstyle:hover
{
    color:Red;
    cursor:pointer;
}
.treenavigationstyle_Album
{    
  color:#636466;
  position: relative;
  margin: 0% 0% 0% 0%;
  border:none;
background-color:#fff;
width: auto;
font-size: 17px;
 font-family: 'segoe_uiregular';
float: left;
}
.icon_tree
{
   color:#636466;
  position: relative;
  margin: 0% 0% 0% 0%;
  border:none;
background-color:#fff;
width: auto;
font-size: 20px;
 font-family: 'segoe_uiregular';
float: left;  
}
.treenavigationstyle_Album:hover
{
    color:Red;
    cursor:pointer;
}
.nocategoryfound
{
    color:#636466;
    font-size: 20px;
    font-family: 'BebasNeueRegular';
    margin:0 auto;
    width:380px;
}
.noalbumfound
{
    color:#636466;
    font-size: 20px;
    font-family: 'BebasNeueRegular';
    margin:0 auto;
    width:330px;
}
.scroll
{
    width:75%;
    max-height:700px;
    overflow:auto;
    overflow-x:hidden;
}
/**/
 @media only screen 
and (min-width : 1024px) and (max-width : 1279px)
{
 #logo
{
	position:relative;	
	height:100px;
	width:180px;
	float:left;	
	right:-5%;
}
.Album_Contineer
{
    width:100%;
}
.Gallery_Contineer
{
  width:100%;
}
.AlbumName_Contineer
{
    width: 208px; 
}
.Category_Contineer
{
   width: 15%;
margin: 0 0 0 8%;   
}
.scroll
{
    width:50%; 
    max-height:450px;
    overflow-x:hidden;
}
}

 @media only screen 
and (min-width : 1280px) and (max-width : 1365px)
{
 #logo
{
	position:relative;	
	height:100px;
	width:180px;
	float:left;	

}
.Album_Contineer
{
    width:100%;
}
.Gallery_Contineer
{
  width:100%;
}
.AlbumName_Contineer
{
    width: 208px; 
}
.Category_Contineer
{
   width: 15%;
margin: 0 0 0 8%;   
}
.scroll
{
   max-height:550px;
    width:55%; 
    overflow-x:hidden;
}
}


 @media only screen 
and (min-width : 1366px) and (max-width : 1599px)
{
 #logo
{
	position:relative;	
	
	float:left;	
	right:-5%;
	  top: 14px;
}
.Album_Contineer
{
    width:100%;
}
.Gallery_Contineer
{
  width:100%;
}
.AlbumName_Contineer
{
    width: 208px; 
}
.Category_Contineer
{
   width: 15%;
    margin: 0 0 0 7%;   
}
.scroll
{
   max-height:450px;
    width:55%; 
    overflow-x:hidden;
}
}

@media only screen 
and (min-width : 1600px) and (max-width : 1919px)
{
 #logo
{
	position:relative;	
	
	float:left;	

}
.Album_Contineer
{
    width:100%;
}
.Gallery_Contineer
{
  width:100%;
}
.AlbumName_Contineer
{
    width: 208px; 
}
.Category_Contineer
{
   width: 15%;
margin: 0 0 0 7%;   
}
.scroll
{
   max-height:600px;
    width:65%; 
    overflow-x:hidden;
}
}



div.scroll::-webkit-scrollbar
{
    width: 5px !important;
}
::-webkit-scrollbar-track {
    
}
::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
    background: #ef1c25 !important;
}

 


scroll scrollbarbutton {visibility: collapse !important;}*/
@-moz-document url-prefix(http://),url-prefix(https://) {

scrollbar {
   -moz-appearance: none !important;
   background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
   -moz-appearance: none !important;
   background-color: rgb(0,0,255) !important;
}
thumb:hover,scrollbarbutton:hover {

   -moz-appearance: none !important;

   background-color: rgb(255,0,0) !important;
}
scrollbarbutton {

   display: none !important;

}
scrollbar[orient="vertical"] {

  min-width: 15px !important;
}

}