/*
	StyleSheet For Responsive Bootstrap Carousel

	Item Name: Responsive Bootstrap Carousel
	Item URL: 
	Description: Different Types of Bootstrap Carousel
	Author: SZThemes
	Author URI: http://codecanyon.net/user/sz_themes
	Version: 1.0


								Content List
  -----------------------------------------------------------------------------------

	NAME ----------------------------------------LINE NUMBER--------------------- #

	RANGE SLIDES CAROUSEL -----------------------55------------------------------ 01

	RESPONSIVE ----------------------------------162----------------------------- 02	

	COLORS --------------------------------------208----------------------------- 03	


	[ Note: Line Numbers Are According To Notepad++ ]


  ------------------------------------------------------------------


							Fonts Styles
  ------------------------------------------------------------------

	  'Raleway', sans-serif ---------------------------------- 01
	            FontAwesome ---------------------------------- 02

  ------------------------------------------------------------------


							Color Codes
  ------------------------------------------------------------------

	NAME    ------------------------RGB-------------------------- #

	#ffffff -------------------rgb(255, 255, 255)---------------- 01
	#171717 -------------------rgb(23, 23, 23)------------------- 02
	#feb600 -------------------rgb(254, 182, 0)------------------ 03 	Replace Also This Color To Change Whole Color Scheme
	#fee299 -------------------rgb(254, 226, 153)---------------- 04 	Replace Also This Color To Change Whole Color Scheme
	

*/


/*==========================================================================================================================================

														RANGE SLIDES CAROUSEL

==========================================================================================================================================*/


.range_slides_carousel_wrapper {
	
	padding: 50px;
	overflow: hidden;
	font-family: 'Raleway', sans-serif;

}

.carousel-inner {

	border-radius: 5px;

}

/*========== CONTROL INDICATORS ==========*/

.range_slides_carousel_indicators {

	bottom: 0px;
	padding-top: 3px;
	padding-bottom: 2px;

}

.range_slides_carousel_indicators li {

	border: none;

}

.range_slides_carousel_indicators .active {

	width: 10px;
	margin: 1px;
	height: 10px;
	border: none;

}

/*========== LEFT/RIGHT CONTROL ==========*/

.range_slides_carousel_control_left,
.range_slides_carousel_control_right {

	top: 35%;
	z-index: 2;
	opacity: 0;
	width: 55px;
	height: 55px;
	border: none;
	text-align: center;

	-webkit-transition: all ease-in-out 0.3s; /* Chrome, Safari, Opera */
            transition: all ease-in-out 0.3s; /* Standard syntax */

}

.range_slides_carousel_wrapper:hover .range_slides_carousel_control_left,
.range_slides_carousel_wrapper:hover .range_slides_carousel_control_right {

	opacity: 1;

}

.range_slides_carousel_control_icons {

	opacity: 0.8;
	line-height: 55px;
	font-size: 35px !important;
	font-weight: normal !important;

}

.range_slides_carousel_control_left {

	left: 1% !important;

}

.range_slides_carousel_control_right {

	right: 1% !important;

}

/*========== SLIDES IMAGES ==========*/

.range_slides_item_image {

	padding: 0px;

}

.range_slides_item_image img {

	width: 100%;

}


/*==========================================================================================================================================

															RESPONSIVE

==========================================================================================================================================*/


/*==================================================  MEDIA 767px  ==================================================*/


@media only screen and (max-width: 600px) {

	.range_slides_carousel_wrapper {

		padding: 10px;

	}

	/*========== CONTROL INDICATORS ==========*/

	.range_slides_carousel_indicators {

		display: none;

	}
	
	/*========== LEFT/RIGHT CONTROL ==========*/

	.range_slides_carousel_control_left,
	.range_slides_carousel_control_right {

		width: 25px;
		height: 25px;

	}

	.range_slides_carousel_control_icons {

		line-height: 20px;
		font-size: 16px !important;

	}

}


/*==========================================================================================================================================

															COLORS (BLUE)

==========================================================================================================================================*/


.range_slides_carousel_wrapper {
	
	background: #feb600;

}

.carousel-inner {

	border: 4px solid #ffffff;

}

/*========== CONTROL INDICATORS ==========*/

.range_slides_carousel_indicators li {

	background: #171717;

}

.range_slides_carousel_indicators .active {

	background: #fee299;

}

/*========== SLIDES IMAGES ==========*/

.range_slides_item_image img {

	border-right: 4px solid #ffffff;

}

/*========== LEFT/RIGHT CONTROL ==========*/

.range_slides_carousel_control_left,
.range_slides_carousel_control_left:hover,
.range_slides_carousel_control_left:active,
.range_slides_carousel_control_left:focus,
.range_slides_carousel_control_right,
.range_slides_carousel_control_right:hover,
.range_slides_carousel_control_right:active,
.range_slides_carousel_control_right:focus {

	background: transparent !important;

}

@media only screen and (max-width: 600px) {


	/*========== SLIDES IMAGES ==========*/

	.range_slides_item_image img {

		border-right: 2px solid #ffffff;

	}

	.carousel-inner {

		border: 2px solid #ffffff;

	}

}

/*================================================================  END  ================================================================*/