Revonzy Mini Shell

/*------ Home -------------------------------------------------*/
.fullheight-carousel-holder , .fullheight-carousel {
	 height:100%;
	 background:#fff;
	 width:100%;
	 overflow:hidden;
}
.fullheight-carousel .item , .carousel-item{
	 width:100%;
	 height:100%;
	 float:left;
	 overflow:hidden;
	 position:relative;
}
.fullheight-carousel .item {
	padding:3px;
}
.media-container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.video-mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
.fullheight-carousel-holder .customNavigation {
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-41px;
	width:82px;
	height:40px;
	z-index:5;
}
.fullheight-carousel-holder .customNavigation a {
	width:40px;
	height:40px;
	background:#fff;
	margin-right:1px;
	float:left;
	line-height:40px;
	color:#000;
	cursor:pointer;
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}
.fullheight-carousel-holder .customNavigation a:hover {
	-webkit-transform: scale(0.9);
	-moz-transform:scale(0.9);
	transform: scale(0.9);
}
.carousel-link-holder {
	position:absolute;
	top:44%;
	width:100%;
	left:0;
	z-index:3;
}
.carousel-link-holder h3 {
	text-transform:uppercase;
	font-size:20px;
}
.carousel-link-holder h3 a {
	color:#fff;
	position:relative;
}
.carousel-link-holder h3 a:before , .carousel-link-holder h3 a:after {
	content:'';
	position:absolute;
	bottom:-10px;
	height:1px;
	background:#fff;
	width:0;
}
.carousel-link-holder h3 a:before {
	left:50%;
}
.carousel-link-holder h3 a:after {
	right:50%;
}
.carousel-link-holder h3 a:hover:before , .carousel-link-holder h3 a:hover:after {
	width:30%;
}
.carousel-decor {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
}
.carousel-item .bg , .carousel-item  .overlay , .carousel-link-holder h3 a:before , .carousel-link-holder h3 a:after , .swiper-nav   {
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}
.gallery-item a, .content-nav a{color:#000;}

.p-t-0{padding-top: 0 !important;}
.p-t-5{padding-top: 5px !important;}
.p-t-15{padding-top: 15px !important;}
.p-t-30{padding-top: 30px !important;}
.p-t-70{padding-top: 70px !important;}

.p-b-0{padding-bottom: 0 !important;}
.p-b-5{padding-bottom: 5 !important;}
.p-b-10{padding-bottom: 10 !important;}
.p-b-15{padding-bottom: 15 !important;}
.p-b-20{padding-bottom: 20 !important;}
.p-b-25{padding-bottom: 25 !important;}
.p-b-30{padding-bottom: 30 !important;}

.p-r-0{padding-right: 0;}
.p-l-0{padding-left: 0;}

.m-t-50{margin-top: 50px;}
.m-t-30{margin-top: 30px;}

.m-b-0{margin-bottom: 0px !important;}
.m-b-5{margin-bottom: 5px !important;}
.m-b-10{margin-bottom: 10px !important;}
.m-b-15{margin-bottom: 15px !important;}
.m-b-20{margin-bottom: 20px !important;}
.m-b-25{margin-bottom: 25px !important;}
.m-b-30{margin-bottom: 30px !important;}
.m-b-35{margin-bottom: 35px !important;}
.m-b-40{margin-bottom: 40px !important;}
.m-b-45{margin-bottom: 45px !important;}
.m-b-50{margin-bottom: 50px !important;}

.servicesList li{padding: 10px 0 10px 10px; background: #f6f6f6; margin-right: 5px; border-left: 5px solid #ffd7ae; margin-bottom: 5px; transition: all 0.5s ease-in;}
.servicesList li:hover{padding: 10px 0 10px 15px; background: #f6f6f6; margin-right: 5px; border-left: 5px solid #ffd7ae; margin-bottom: 5px; transition: all 0.5s ease-out;}

.carousel-caption{
	left:10% !important;
	text-align: left !important;
	line-height: .8;
	font-size: 31pt;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.59);
}
.carousel-caption span{
	font-size: 18pt;
}

.sec-sub-title p{
    line-height: 1.5 !important;
    font-size: 25px !important;
}


@media only screen and (max-width:1366px) and (min-width:1024px) {
   
   #sg-carousel{height:auto !important;}
   #sg-carousel .carousel-inner .item
    {
       width:100% !important;
       height:550px !important; 
       text-align:center !important;
    }
	.carousel-caption {
        width:100%;        
        left: 10% !important;    
    }
}

@media(max-width:1024px) {
   #sg-carousel{height:auto !important;}
   #sg-carousel .carousel-inner .item
    {
       width:1024px !important;
       height:550px !important; 
       text-align:center !important;
    }
	.carousel-caption {
        width:100%;        
        left: 10% !important;        
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#sg-carousel{height:auto !important; margin-top: 68px;}
	#sg-carousel .carousel-inner .item
    {
       width:1024px !important;
       height:auto !important; 
       text-align:center !important;
    }
	.carousel-caption {
        width:100%;        
        left: 0 !important;        
	    font-size: 21pt;
	}
	.carousel-caption span{
		font-size: 14pt;
	}
    
}

@media only screen and (min-width:500px) and (max-width:767px){
#sg-carousel{height:auto !important; margin-top: 68px;}
  #sg-carousel .carousel-inner .item
    {
       height:auto !important; 
       text-align:center !important;
    }
    
	.carousel-caption {
        width:100%;        
        left: 0 !important;
    	font-size: 21pt;
	}
	.carousel-caption span{
		font-size: 14pt;
	}
   
}

@media only screen and (min-width:321px) and (max-width:499px) {
	#sg-carousel{height:auto !important; margin-top: 68px;}
	#sg-carousel .carousel-inner .item
    {
       width:100% !important;
       height:auto !important; 
       text-align:center !important;
    }
    .carousel-caption {
        width:100%;
        bottom: 5%;
        left: 3% !important;        
        right: 2% !important;
        text-align: left;        
    	font-size: 21pt;
	}
	.carousel-caption span{
		font-size: 14pt;
	}
}

@media only screen and (min-width:360px) and (max-width:640px) {
	#sg-carousel{height:auto !important; margin-top: 68px;}
	#sg-carousel .carousel-inner .item
    {
       width:100% !important;
       height:auto !important; 
       text-align:center !important;
    }
    #sg-carousel .carousel-control.left, #sg-carousel .carousel-control.right {
    top: 20% !important;
}
  .carousel-caption {
        width:100%;
        top: auto !important;
        bottom: 5%;
        left: 0 !important;        
        right: auto  !important;
        text-align: left !important;        
    	font-size: 21pt;
	}
	.carousel-caption span{
		font-size: 14pt;
	}
}