/*
	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--------------------- #

	PORTFOLIO COLUMNS CAROUSEL ------------------54------------------------------ 01

	RESPONSIVE ----------------------------------167----------------------------- 02	

	COLORS --------------------------------------202----------------------------- 03	


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


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


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

	  'Open Sans', sans-serif -------------------------------- 01
	            FontAwesome ---------------------------------- 02

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


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

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

	#ffffff -------------------rgb(255, 255, 255)---------------- 01
	#000000 -------------------rgb(0, 0, 0)---------------------- 02
	#0dbae8 -------------------rgb(13, 186, 232)----------------- 03 	Replace Also This Color To Change Whole Color Scheme
	#0fabd4 -------------------rgb(15, 171, 212)----------------- 04 	Replace Also This Color To Change Whole Color Scheme

*/


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

														PORTFOLIO COLUMNS CAROUSEL

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


.portfolio_col_carousel_wrapper {

	padding: 25px;
	overflow: hidden;

}

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

.portfolio_col_carousel_control_left,
.portfolio_col_carousel_control_right {

	top: 10px;
	z-index: 2;
	opacity: 1;
	width: 35px;
	height: 35px;
	border: none;
	text-shadow: none;
	text-align: center;

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

}

.portfolio_col_carousel_control_icons {

	line-height: 35px;
	font-size: 20px !important;
	font-weight: normal !important;

}

.portfolio_col_carousel_control_left {

	left: 94% !important;

}

.portfolio_col_carousel_control_right {

	right: 0% !important;

}


/*========== CAPTION ==========*/

/*========== IMAGE ==========*/

.portfolio_col_item_image {

	padding-top: 60px;
	padding-bottom: 25px;

}

.portfolio_col_item_image img {

	width: 100%;

}

/*========== TEXT ==========*/

.portfolio_col_item_caption h2 {

	font-weight: 800;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;

}

.portfolio_col_item_caption p {

	font-weight: 300;
	margin-top: 25px;
	letter-spacing: 1px;
	text-align: justify;
	margin-bottom: 25px;
	font-family: 'Open Sans', sans-serif;

}

.portfolio_col_item_caption a,
.portfolio_col_item_caption a:visited {

	width: 110px;
	height: 42px;
	border: none;
	display: block;
	font-weight: 300;
	line-height: 40px;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;

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

}


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

															RESPONSIVE

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


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


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

	.portfolio_col_carousel_control_left {

		left: 0% !important;

	}

}


/*==================================================  MEDIA 768px - 991px  ==================================================*/


@media (min-width: 768px) and (max-width: 1280px) {

	.portfolio_col_carousel_control_left {

		left: 89% !important;

	}

}


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

															COLORS (BLUE)

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


.portfolio_col_carousel_wrapper {

	background: #232323;

}

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

.portfolio_col_carousel_control_left,
.portfolio_col_carousel_control_left:hover,
.portfolio_col_carousel_control_left:active,
.portfolio_col_carousel_control_left:focus,
.portfolio_col_carousel_control_right,
.portfolio_col_carousel_control_right:hover,
.portfolio_col_carousel_control_right:active,
.portfolio_col_carousel_control_right:focus {

	color: #ffffff;
	background: #0dbae8 !important;

}

/*========== CAPTION ==========*/

.portfolio_col_item_caption {

	color: #ffffff;

}

.portfolio_col_item_caption a,
.portfolio_col_item_caption a:visited {

	color: #ffffff;
	background: #0dbae8;
	border-bottom: 2px solid #0fabd4;
	

}

.portfolio_col_item_caption a:hover,
.portfolio_col_item_caption a:active {

	border: none;
	background: #0fabd4;

}

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