body.v-al-a{    font-family: 'GothamBook'; font-size:24px;}
.v-al-a h1{    font-family: 'GothamBlack';}
.v-al-a h1, .v-al-a h2, .v-al-a h3, .v-al-a h4{text-transform:uppercase;}
.v-al-a ul{padding:0;}
.v-al-a ul li{list-style:none;}
	
		/* banner start */
.v-al-a section.main-banner{padding-top:100px; padding-bottom:55px; background:url(../portfolio/voice-alarm-mobile/images/main-banner.jpg) no-repeat; background-position:center; background-size:cover; position:relative;}
.v-al-a section.main-banner .logo{display:inline-block; }
.v-al-a section.main-banner .logo img{display:inline-block; max-width:100%; }
.v-al-a section.main-banner p{font-size:15px; color:#828282; margin-top:45px;}
.v-al-a section.main-banner h3{font-size:25px; color:#f7941e; margin-top:23px; font-family: 'GothamBlack'; letter-spacing:2px;}
.v-al-a section.main-banner .bottom{ margin-top:84px; display:inline-block;}
.v-al-a section.main-banner .bottom .clock-section{display:table;}
.v-al-a section.main-banner .bottom .clock-section .clock{display:table-cell;}
.v-al-a section.main-banner .bottom .clock-section .clock-dec{display:table-cell; vertical-align:bottom; font-size:15px; color:#3f3f3f; letter-spacing:1.5px; line-height:1.2;}
.v-al-a section.main-banner .rotate-title{transform: rotate(-90deg); position:absolute; right: -245px; top: 340px;}
.v-al-a section.main-banner .rotate-title h4{font-size:25px; color:#3f3f3f;  font-family: 'GothamBlack'; letter-spacing:2px;}
		/* banner end */
	 
		/* section one start */
.v-al-a .section-heading{width:100%; position:relative; margin-bottom:50px; }
.v-al-a .section-heading:before{content:""; position:absolute; background-image:url(../portfolio/voice-alarm-mobile/images/heading-01.png);background-repeat:no-repeat; height:150px; width:100%; z-index:-1; margin:0 auto; background-position-x:center; left:0; right:0; top:-25px;}
.v-al-a .section-heading p{color:#828282; font-size:15px; line-height:1.5;} 
.v-al-a .section-heading p + p{margin-top:20px;}
.v-al-a section.section-one {padding-top:90px;}
.v-al-a section.section-one .port-image{display:inline-block; width:100%; margin-top:20px;}
		/* section one end */
	
	
		/* section two start */
.v-al-a section.section-two .section-heading:before{background-image:url(../portfolio/voice-alarm-mobile/images/heading-02.png);background-repeat:no-repeat; }
.v-al-a section.section-two {padding-top:100px;}
.v-al-a section.section-two .port-image{background-image:url(../portfolio/voice-alarm-mobile/images/linerbg_02.png); background-position:center; background-size:cover; margin-top:56px; padding-top:16px;}
.v-al-a section.section-two .port-image img{margin:0 auto;}
		/* section two end */
	
		
		/* section three start */
.v-al-a section.section-three .section-heading:before{background-image:url(../portfolio/voice-alarm-mobile/images/heading-03.png);background-repeat:no-repeat; top:-22px;}
.v-al-a section.section-three {padding-top:120px; margin-bottom:80px;}
.v-al-a section.section-three .port-image{background-image:url(../portfolio/voice-alarm-mobile/images/linerbg_02.png); background-position:center; background-size:cover; margin-top:56px; padding-top:16px;}
.v-al-a section.section-three .port-image img{margin:0 auto;}
.v-al-a section.section-three h3{font-size:25px; color:#fcb040; font-family: 'GothamMedium'; margin-bottom:0;}
.v-al-a section.section-three .bottom{margin-top:90px; }
.v-al-a section.section-three .app-image{position:relative;}
.v-al-a section.section-three .app-image:before{position:absolute; border:2px solid #e1e1e1; content:""; top:-30px; bottom:0; left:0; right:0; z-index:-1;}
.v-al-a section.section-three .app-image img{width:92%; position:relative;}
.v-al-a section.section-three .col-md-4:nth-child(2) .app-image{margin-top:175px;}
	/* for border */
.v-al-a section.section-three .col-md-4:nth-child(1) .app-image:before{right:20px;}
.v-al-a section.section-three .col-md-4:nth-child(2) .app-image:before{right:5px; left:5px;}
.v-al-a section.section-three .col-md-4:nth-child(3) .app-image:before{left:20px;}
	/* for image */
.v-al-a section.section-three .col-md-4:nth-child(1) .app-image img{left:40px;}
.v-al-a section.section-three .col-md-4:nth-child(3) .app-image img{right:40px;}
		/* section three end */
		
		
		/* section four start */
.v-al-a section.section-four {padding-top:20px;}
.v-al-a section.section-four .section-heading:before{background-image:url(../portfolio/voice-alarm-mobile/images/heading-04.png);background-repeat:no-repeat; top:-22px;}
.v-al-a section.section-four .bottom{margin-top:290px;}
.v-al-a section.section-four .app-image img{max-width:100%; width:100%;}
.v-al-a section.section-four h3{margin-top:0;}
.v-al-a section.section-four .app-image:before{bottom:10px;}
.v-al-a section.section-four .col-md-4:nth-child(2) .app-image{margin-top:0;}
.v-al-a section.section-four .col-md-4:nth-child(2) .app-image:before{border:none;}
.v-al-a section.section-four .col-md-4:nth-child(2) .app-image img{width:100%;transform: scale(1.5); z-index:9;}
		/* section four end */
	
	
		/* section five start */
		/* section four start */
.v-al-a section.section-five {padding-top:20px;}
.v-al-a section.section-five .section-heading{height:150px; margin-bottom:0; top:70px;}
.v-al-a section.section-five .section-heading:before{background-image:url(../portfolio/voice-alarm-mobile/images/heading-05.png);background-repeat:no-repeat; top:0;}
.v-al-a section.section-five .bottom{width:100%; margin-top:105px;}
.v-al-a section.section-five h3{font-family: 'GothamMedium'; color:#fcb040; font-size:24px; margin-top:0; margin-bottom:40px;}
.v-al-a section.section-five h3.gotham{ font-family: 'GothamBook'; color:#727272; font-size:24px; margin-top:0; margin-bottom:0; float:left; margin-top:18px;}
.v-al-a section.section-five  ul{display:inline-block; margin-bottom:0; margin-left:180px;}
.v-al-a section.section-five  ul li{display:inline-block;}
.v-al-a section.section-five  ul li +li{margin-left:115px;}

.v-al-a section.section-five .colors {display:inline-block; margin-top:70px;}
.v-al-a section.section-five .colors h3{margin-top:0; margin-bottom:0; }
.v-al-a section.section-five .colors ul{padding-left:110px;}
		/* section five end */
		
		/* section six start */
.v-al-a section.section-six .section-heading:before{background-image:url(../portfolio/voice-alarm-mobile/images/heading-06.png);background-repeat:no-repeat;}
.v-al-a section.section-six .app-image img{width:auto;}
.v-al-a section.section-three .col-md-4:nth-child(2) .app-image img{width:100%; }
.v-al-a section.section-six .col-md-4:nth-child(1) .app-image, .v-al-a section.section-six .col-md-4:nth-child(3) .app-image{top:225px;}
.v-al-a section.section-six .col-md-4:nth-child(1) .app-image{left:0;}
.v-al-a section.section-six .col-md-4:nth-child(1) .app-image{right:0;}
.v-al-a section.section-six .col-md-4:nth-child(2) .app-image{margin-top:0;}
.v-al-a section.section-six .col-md-4:nth-child(1) .app-image:before{border:none;}
.v-al-a section.section-six .col-md-4:nth-child(3) .app-image:before{border:none;}
.v-al-a section.section-six .bottom{margin-top:240px; background-image:url(../portfolio/voice-alarm-mobile/images/voice-player-bg.png); background-repeat:no-repeat; background-position-x:center; background-size:cover; background-position-y:-75px;}
		/* section six end */
		
		/* footer start */
.v-al-a footer.vcafooter{position:relative;}
.v-al-a footer.vcafooter:before{content:""; position:absolute; background-color:#fcb040; bottom:0; left:0; right:0; top:40%;}
.v-al-a footer.vcafooter h1{font-size:160px; opacity: 0.04;}
.v-al-a footer.vcafooter .icon {position:relative; margin-bottom:-135px; z-index:9;}
		/* footer end */
		
		
		
		
		/* Media quaries start */
@media (min-width:1300px){
.v-al-a section.main-banner .rotate-title{ right: -300px;}	
	
}		
@media (min-width:1600px){
.v-al-a section.main-banner .rotate-title{ right: -360px;}	
	
}		
		
@media (min-width:1900px){
.v-al-a section.main-banner .rotate-title{ right: -390px;}	
	
}		
		
@media(max-width:1205px){
	
.v-al-a footer.vcafooter h1{font-size:136px;}
.v-al-a footer.vcafooter .icon{margin-bottom: -110px;}
	
}
@media(max-width:1199px){
.v-al-a section.main-banner{background-position-x:84%;}
.v-al-a section.main-banner .rotate-title{right:-240px;}
.v-al-a section.section-five ul li +li{margin-left:90px;}
.v-al-a section.section-six .bottom{background-position-y:-25px; }
.v-al-a footer.vcafooter h1{font-size:120px;}

}
@media(max-width:1099px){
.v-al-a section.section-six .bottom{background-position-y:0;}
}	
		/* Media quaries start */
@media(max-width:991px){
.v-al-a section.section-five ul li +li{margin-left:19px;}
.v-al-a section.main-banner .rotate-title h4{font-size:18px;}
.v-al-a section.section-three h3{font-size:16px;}
.v-al-a section.section-three .col-md-4:nth-child(3) .app-image img{right:30px;}
.v-al-a section.section-three .col-md-4:nth-child(1) .app-image img{left:30px;}
.v-al-a section.section-three .app-image img{width:100%;}
.v-al-a section.section-three .bottom .app-image img{max-width:100%}
.v-al-a section.section-six .col-md-4:nth-child(1) .app-image, .v-al-a section.section-six .col-md-4:nth-child(3) .app-image{top:260px;}
.v-al-a section.section-three .col-md-4:nth-child(3) .app-image img{right:0;}
.v-al-a section.section-three .col-md-4:nth-child(1) .app-image img{left:0;}
.v-al-a section.section-six .bottom{background-position-y:-65px;}
.v-al-a section.section-four .bottom  .col-md-4:nth-child(1) .app-image img{left:30px;}
.v-al-a section.section-four .bottom  .col-md-4:nth-child(3) .app-image img{right:30px;}
.v-al-a section.section-three .col-md-4:nth-child(1) .app-image:before{right:0;}
.v-al-a section.section-three .col-md-4:nth-child(3) .app-image:before{left:0;}
.v-al-a section.section-three .col-md-4:nth-child(2) .app-image:before{left:0; right:0;}
.v-al-a footer.vcafooter h1{font-size:96px;}
.v-al-a footer.vcafooter .icon{    margin-bottom: -86px}
}		
@media(max-width:900px){
.v-al-a section.main-banner .rotate-title{right:-110px; top:270px;}
.v-al-a section.main-banner .rotate-title h4{margin:0;}
}
@media(max-width:767px){
.v-al-a section.section-six .bottom .row{display:table; margin:0 auto;}
.v-al-a section.section-six .bottom .row .col-xs-2{display:table-cell; float:none; vertical-align:middle;}
.v-al-a section.section-six .bottom .row .col-xs-8{display:table-cell; float:none; vertical-align:middle;}
.v-al-a section.main-banner .rotate-title{transform:rotate(0deg); left:15px; right:0; top:20px; right:15px;}
.v-al-a section.section-three h3{font-size:24px;}
.v-al-a section.section-six .col-md-4:nth-child(1) .app-image, section.section-six .col-md-4:nth-child(3) .app-image{top:inherit;}
.v-al-a section.section-three .bottom .app-image img{width:auto;}
.v-al-a section.section-three .col-md-4:nth-child(2) .app-image img{width:auto;}
.v-al-a section.section-three .col-md-4:nth-child(2) .app-image{ margin-top:90px;} 
.v-al-a section.section-three .col-md-4:nth-child(3) .app-image{margin-top:90px;}  
.v-al-a section.section-four .bottom .col-md-4:nth-child(1) .app-image img{left:0;}
.v-al-a section.section-four .col-md-4:nth-child(2) .app-image img{width:65%;}
.v-al-a section.section-four .bottom{margin-top:150px;}
.v-al-a section.section-four .col-md-4:nth-child(2) .app-image{margin-top:235px;}
.v-al-a section.section-four .col-md-4:nth-child(3) .app-image{margin-top:250px;}
.v-al-a section.section-four .bottom .col-md-4:nth-child(3) .app-image img{right:0;}
.v-al-a section.section-five h3.gotham{width:100%; text-align:center;}
.v-al-a section.section-five ul{text-align:center; width:100%; margin:50px 0 0 0;}
.v-al-a section.section-five .colors{width:100%;}
.v-al-a .app-image{display:inline-block; margin:0 auto;}
.v-al-a section.section-five .colors h3{text-align:center;}
.v-al-a section.section-five .colors ul{margin:50px 0 0 0; padding:0;}
.v-al-a section.section-six .bottom{margin-top:85px; background-position-y:25px;}

.v-al-a section.section-six .col-md-4:nth-child(3) .app-image{margin-top:0 !important; }
.v-al-a footer.vcafooter h1{font-size:60px;}
.v-al-a footer.vcafooter:before{top:66%;}
}
@media(max-width:480px){
.v-al-a section.main-banner{padding-top:30px;}
.v-al-a section.main-banner .logo{width:100%; text-align:center;}
.v-al-a section.main-banner .bottom{width:100%;}
.v-al-a section.main-banner .bottom .clock-section{display:block;}
.v-al-a section.main-banner .rotate-title h4{text-align:center;}
.v-al-a section.main-banner .bottom .clock-section .clock, section.main-banner .bottom .clock-section .clock-dec{display:block; width:100%; text-align:center;}
.v-al-a section.section-four .col-md-4:nth-child(2) .app-image{margin-top:160px;}
.v-al-a section.section-four .col-md-4:nth-child(3) .app-image{margin-top:160px;}
.v-al-a section.section-three .bottom{margin-top:30px;}
.v-al-a section.section-four .bottom{margin-top:140px;}
.v-al-a section.section-four{padding-top:60px;}
.v-al-a section.section-five h3{text-align:center;}
.v-al-a section.section-five ul li{width:100%; text-align:center;}
.v-al-a section.section-five ul li + li{margin-left:0; margin-top:30px;}
.v-al-a section.section-six{margin-bottom:30px;}
.v-al-a section.section-six .bottom{margin-top:85px;}
.v-al-a section.section-three h3{font-size:18px;}
.v-al-a footer.vcafooter h1{font-size:38px;}
.v-al-a footer.vcafooter .icon{margin-bottom:-40px;}
.v-al-a footer.vcafooter .icon img{width:50%;}
}




		/* Media quaries end */