/*====================== Menuicon ====================== */  

.menu-icon{
    position: fixed;
    background: #fff;
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;
    padding: 3px 6px;
    cursor: pointer;
    z-index: +2;
}

.menu-icon span{
    width: 100%;
    height: 4px;
    display: block;
    margin: 4px 0 0 0;
    transition: .5s;
    background: #f16271;
}

.menu-icon p{
    color: #f16271;
    font-family: Teko ;
    font-size: 17px;
    top: 0;
}

.menu-icon.active span{
    position: absolute;
    width: calc(100% - 16px);
    top: calc(50% - 8px);
}

.menu-icon.active span:nth-child(1){
    transform: rotate(45deg);
	margin-left: 2px;
	margin-top: 5px;
}

.menu-icon.active span:nth-child(2){
    transform: rotate(-45deg);
	margin-left: 2px;
	margin-top: 5px;
}

.menu-icon.active p{
    display: none;
}

/*======================== Menu Hover ========================*/

.sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sweep-to-left:hover, .sweep-to-left:focus, .sweep-to-left:active {
  color: white;
}
.sweep-to-left:hover:before, .sweep-to-left:focus:before, .sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.menu1 .sweep-to-left:before{background: #f16170;}
.menu2 .sweep-to-left:before{background: #49b0e4;}
.menu3 .sweep-to-left:before{background: #efc51b;}
.menu4 .sweep-to-left:before{background: #8b66ab;}
.menu5 .sweep-to-left:before{background: #9bc93c;}
.menu6 .sweep-to-left:before{background: #efc51b;}
.menu7 .sweep-to-left:before{background: #f16170;}


/*======================== Social Links Hover ========================*/

/* Sweep To Right */
.sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #efc61b;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sweep-to-right:hover, .sweep-to-right:focus, .sweep-to-right:active {
  color: white;
}
.sweep-to-right:hover:before, .sweep-to-right:focus:before, .sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*Social Links Hover Close*/

/*Common Footer for desktop*/

/*====================== Footer ====================== */

.footer{
	position: relative;
}

.links{
	z-index: +3;
	bottom: 0;
	left: 0;
	right: 0;
}

footer .col-lg-4,.col-md-4{
    padding-right: 0;
    padding-left: 0;
}

/*===============Team Button==============*/

.team .btn-info {
    color: #fff;
    background-color: #9a59b5;
    border-color: transparent;
}

.team .btn{
   /* custom padding: 50px;*/
	border-radius: 0;
}

.team .btn-info:active:focus, .btn-info:active:hover{
	color: #fff;
    background-color: #81469a;
    border-color: transparent;
}

.team .btn-info:hover{
	background-color: #81469a;
}

.team .btn:active{
	box-shadow: none;
}

/*===============Portfolio Button==============*/

.work .btn-info {
    color: #fff;
    background-color: #f1c50e;
    border-color: transparent;
}

.work .btn{
   /* custom padding: 50px;*/
	border-radius: 0;
}

.work .btn-info:active:focus, .btn-info:active:hover{
	color: #fff;
    background-color: #f1b40e;
    border-color: transparent;
}

.work .btn-info:hover{
	background-color: #f1b40e;
}

.work .btn:active{
	box-shadow: none;
}

/*===============Contact Button==============*/

.contact .btn-info {
    color: #fff;
    background-color: #222222;
    border-color: transparent;
}

.contact .btn{
   /* custom padding: 50px;*/
	border-radius: 0;
}

.contact .btn-info:active:focus, .btn-info:active:hover{
	color: #fff;
    background-color: #151515;
    border-color: transparent;
}

.contact .btn-info:hover{
	background-color: #151515;
}

.contact .btn:active{
	box-shadow: none;
}

/*===============Text Formatting Button==============*/

.typo1,.typo2,.typo3{
    font-size: 20px;
    font-weight: 500;
}

.team, .work, .contact{
    text-transform: uppercase;
}

.typo1{
    color: #f2e94e;
}
.typo2{
    color: #2d1e2f;
}
.typo3{
    color: #fb6107;
}

footer .large{
    font-size: 40px;
	line-height: 40px;
    font-weight: 700;
}

/*common footer desktop close*/

@media only screen and (min-width: 1200px){
	/*====================== Sidebar ====================== */

.sidebar{
    position: fixed;
    width: 450px;
    background: #0c1218;
	color: #fff;
    top: 0;
    right: -450px;
    height: 100vh;
    transition: all .5s;
    z-index: +1;
    overflow: hidden;
	padding-left: 90px;
}

.sidebar.active{
    right: 0;
}

.sidebar .menu li a{
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0px;
	transition: all .5s;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.sidebar .menu{
    margin-top: 70px;
    bottom: 0;
}
	
	/* Sidebar Social Icon */

.sidebar .social-icon{
    margin-top: 50px;
}

.sidebar .social-icon li{
    width: 50px;
}

.sidebar .social-icon li a{
    font-size: 20px;
    color: #fff;
}

.sidebar p{
	position: absolute;
	font-size: 13px;
	font-weight: 300;
	margin-top: 70px;
}



 /* for footer */
    div.footer-container {
    	position: relative;
    }

    div.footer-bottom {
    	position: absolute;
    	bottom: 0;
    	height: auto;
    	width: 100%;
    }

    div.footer-bottom .col-lg-4 {
    	padding-right: 0;
    	padding-left: 0;
    }

    span.large {
	    font-size: 2vw;
	    font-weight: bold;
	}
	
}/*close*/


/* Portrait Phones and Smaller */
@media only screen and (max-width:479px){
	
	.navbar-fixed-top{
		position: absolute;
	}
	
	.sidebar{
		position: fixed;
		background: #0c1218;
		color: #fff;
		top: 0;
		width: 300px;
		right: -300px;
		padding-left: 40px;
		height: 100vh;
		transition: all .5s;
		z-index: +1;
		overflow: hidden;
	}
	
	.sidebar.active{
		right: 0;
	}
	
	.sidebar .menu li a{
		font-size: 20px;
		font-weight: 500;
		color: #fff;
		margin-bottom: 5px;
		transition: all .5s;
	}
	
	.nav>li>a:focus, .nav>li>a:hover {
		text-decoration: none;
		background-color: transparent;
	}
	
	.sidebar .menu{
		margin-top: 70px;
		bottom: 0;
	}
	
	/* Sidebar Social Icon */

	.sidebar .social-icon{
		margin-top: 50px;
		margin-left: 10px;
		opacity: 0;
	}
	
	.sidebar .social-icon li{
		width: 40px;
		float: left;
	}
	
	.sidebar .social-icon li a{
		font-size: 20px;
		color: #fff;
		padding: 10px 0;
	}
	
	.sidebar p{
		opacity: 0;
	}
	
	/* Bottom Navigation */
		
	.team .btn, .work .btn, .contact .btn{
		padding: 20px 0;
	}	

	.typo1,.typo2,.typo3{
		font-size: 17px;
		font-weight: 500;
	}
	
	footer .large{
		font-size: 25px;
		line-height: 25px;
		font-weight: 700;
	}
	
	/* Footer Social Buttons */
	
	.social{
		padding-top: 10px;
	}
	
	.social a{
		font-size: 17px;
		text-align: center;
		color: #798897;
	}
	
	.social li{
		padding: 0 10px ;
	}
	
	/* Copyright */
	
	.terms{
		border-top: 1px solid #b2bbc3;
	}
	
	div.col-xs-4{
		width: 100%;
	}

	div.footer-bottom {
		display: none;
	}

	footer.last-footer {
		display: block !important;
	}

	div#section0 {
		display: table;
	    width: 100%;
	    height: 100vh;
	    min-height: 100%;
	}
	
	
}/* Media Query max 479px end */

/* Landscape phones and portrait tablets */
@media (min-width: 480px) and (max-width: 767px){

	.navbar-fixed-top{
		position: absolute;
	}
	
	.sidebar{
		position: fixed;
		background: #0c1218;
		color: #fff;
		top: 0;
		width: 300px;
		right: -300px;
		padding-left: 40px;
		height: 100vh;
		transition: all .5s;
		z-index: +1;
		overflow: hidden;
	}
	
	.sidebar.active{
		right: 0;
	}
	
	.sidebar .menu li a{
		font-size: 15px;
		font-weight: 500;
		color: #fff;
		margin-bottom: 0px;
		transition: all .5s;
	}
	
	.nav>li>a:focus, .nav>li>a:hover {
		text-decoration: none;
		background-color: transparent;
	}
	
	.sidebar .menu{
		margin-top: 40px;
		bottom: 0;
	}
	
	/* Sidebar Social Icon */

	.sidebar .social-icon{
		margin-top: 50px;
		margin-left: 10px;
		opacity: 0;
	}
	
	.sidebar .social-icon li{
		width: 40px;
		float: left;
	}
	
	.sidebar .social-icon li a{
		font-size: 20px;
		color: #fff;
		padding: 10px 0;
	}
	
	.sidebar p{
		opacity: 0;
	}
	
	/* Bottom Navigation */
		
	.team .btn, .work .btn, .contact .btn{
		padding: 20px 0;
	}	

	.typo1,.typo2,.typo3{
		font-size: 17px;
		font-weight: 500;
	}
	
	footer .large{
		font-size: 25px;
		line-height: 25px;
		font-weight: 700;
	}
	
	/* Footer Social Buttons */
	
	.social{
		padding-top: 10px;
	}
	
	.social a{
		font-size: 17px;
		text-align: center;
		color: #798897;
	}
	
	.social li{
		padding: 0 10px ;
	}
	
	/* Copyright */
	
	.terms{
		border-top: 1px solid #b2bbc3;
	}
	
	div.col-xs-4{
		width: 100%;
	}
	
	/* Bottom Navigation */
		
	.team .btn, .work .btn, .contact .btn{
		padding: 20px 0;
	}	

	.typo1,.typo2,.typo3{
		font-size: 11px;
		font-weight: 500;
	}
	
	footer .large{
		font-size: 18px;
		line-height: 25px;
		font-weight: 700;
	}
	
	/* Footer Social Buttons */ 
	
	.social{
		padding-top: 10px;
	}
	
	.social a{
		font-size: 17px;
		text-align: center;
		color: #798897;
	}
	
	.social li{
		padding: 0 10px ;
	}
	
	/* Copyright */
	
	.terms{
		border-top: 1px solid #b2bbc3;
	}

	div.footer-bottom {
		display: none;
	}

	footer.last-footer {
		display: block !important;
	}

	div#section0 {
		display: table;
	    width: 100%;
	    height: 100vh;
	    min-height: 100%;
	}
	
}/*media query min 480 and max 767px end*/

/* Portrait tablets and small desktops */
@media (min-width:768px) and (max-width:991px){
	
.sidebar{
    position: fixed;
    width: 450px;
    background: #0c1218;
	color: #fff;
    top: 0;
    right: -450px;
    height: 100vh;
    transition: all .5s;
    z-index: +1;
    overflow: hidden;
	padding-left: 90px;
}

.sidebar.active{
    right: 0;
}

.sidebar .menu li a{
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0px;
	transition: all .5s;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.sidebar .menu{
    margin-top: 70px;
    bottom: 0;
}
	
	/* Sidebar Social Icon */

.sidebar .social-icon{
    margin-top: 50px;
}

.sidebar .social-icon li{
    width: 50px;
}

.sidebar .social-icon li a{
    font-size: 20px;
    color: #fff;
}

.sidebar p{
	position: absolute;
	font-size: 13px;
	font-weight: 300;
	margin-top: 70px;
}
	
	/* Bottom Navigation */
		
	.team .btn, .work .btn, .contact .btn{
		padding: 20px 0;
	}	

	.typo1,.typo2,.typo3{
		font-size: 15px;
		font-weight: 500;
	}
	
	footer .large{
		font-size: 22px;
		line-height: 25px;
		font-weight: 700;
	}
	
	/* Footer Social Buttons */ 
	
	.social{
		padding-top: 10px;
		background: #fff;
	}
	
	.social a{
		font-size: 17px;
		text-align: center;
		color: #798897;
	}
	
	.social li{
		padding: 0 10px ;
	}
	
	/* Copyright */
	
	.terms{
		border-top: 1px solid #b2bbc3;
		background: #fff;
	}

	div.footer-bottom {
		display: none;
	}

	footer.last-footer {
		display: block !important;
	}

	ol.vertical-carousel-indicators{
		display: none;
	}
	
}/*media query min 768 and max 991px end*/

/* Landscape tabletts and medium desktops */
@media (min-width: 992px) and (max-width: 1199px){
	
	/* Sidebar */
	
.sidebar{
    position: fixed;
    width: 450px;
    background: #0c1218;
	color: #fff;
    top: 0;
    right: -450px;
    height: 100vh;
    transition: all .5s;
    z-index: +1;
    overflow: hidden;
	padding-left: 90px;
}

.sidebar.active{
    right: 0;
}

.sidebar .menu li a{
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0px;
	transition: all .5s;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.sidebar .menu{
    margin-top: 70px;
    bottom: 0;
}
	
	/* Sidebar Social Icon */

.sidebar .social-icon{
    margin-top: 50px;
}

.sidebar .social-icon li{
    width: 50px;
}

.sidebar .social-icon li a{
    font-size: 20px;
    color: #fff;
}

.sidebar p{
	position: absolute;
	font-size: 13px;
	font-weight: 300;
	margin-top: 70px;
}
	/* Bottom Social Links */
	
	.social{
		display: none;
		visibility: hidden;
	}

	.terms{
		display: none;
		visibility: hidden;
	}
	
	/* Bottom Navigation */
		
	.team .btn, .work .btn, .contact .btn{
		padding: 30px 0;
	}
	.typo1,.typo2,.typo3{
		font-size: 20px;
		font-weight: 500;
	}
	footer .large{
		font-size: 30px;
		line-height: 25px;
		font-weight: 700;
	}

	div.footer-bottom {
		display: none;
	}

	footer.last-footer {
		display: block !important;
	}

	ol.vertical-carousel-indicators{
		display: none;
	}
	
}/*media query min 992 and max 1199px end*/


/* new custom  global css */
body {
	/*overflow: scroll;*/
}

div#fullpage{
	overflow: scroll;
	overflow-x: hidden;
}

html,
body, 
#myVerticalCarousel {
        height: 100%;
        margin: 0;
 	}

    .item {
        /*text-align: center;*/
    }

    #a {
        background: blue;
    }

    #b {
        background: #656D77;
    }

     #c {
        background: red;
     }

    #d {
        background: black;
    }

    p, span {
        display: inline-block;
        vertical-align: middle;
    }

    span {
        height: 100%;
    }

    p {
        color: #fff;
       /* font-size: 3em;*/
    }