/*#######################################################
#####							Responsive page layout						#####
#######################################################
	
	Set the responsive page layout in this file or leave it black if you don't use.
	
	Use default layout: /css/style.css
	Use custom layout: /css/custom.css
	Use custom colors: /css/color-X.css in our case /css/color-1.css
	
	WE RECOMMENDED TO SET DEFAULT LAYOUT IN THE /CSS/STYLE.CSS FILE, NOT THIS FILE.
	WE RECOMMENDED TO SET CUSTOM LAYOUT IN THE /CSS/CUATOM.CSS FILE, NOT THIS FILE.
	WE RECOMMENDED TO SET RESPONSIVE LAYOUT IN THE /CSS/RESPONSIVE.CSS FILE, NOT THIS FILE.
	
	*/

/*#######################################################
#####										Colors											#####
#######################################################

	If you don't use custom colors it's just a little help for used colors, just scroll to top when you need help.
	
	WE RECOMMENDED TO SET THE PAGE COLORS IN THE /CSS/COLORS/COLOR-X.CSS FILE, NOT THIS FILE.

	Update this lines with you colors:
	
	light: 			#fff			rgba(255,255,255,1)
	semi-dark: 	#eee			rgba(238,238,238,1)
	dark: 			#3d4652		rgba(61,70,82,1)
	color: 			#ff3366		rgba(255,51,102,1)

	*/


/*#######################################################
#####								Default settings								#####
#######################################################*/


/*#######################################################
#####									Page layout										#####
#######################################################*/
@media (min-width: 768px) {
	#custom-bootstrap-menu.navbar-default ul.nav li.dropdown:hover ul.dropdown-menu {
    	display: block;
	}
}

@media (min-width:768px) and (max-width: 1199px){
	#custom-bootstrap-menu.navbar-default .navbar-header img{
		max-width: 90%;
	}
}

@media (max-width: 1199px){
	body{
		margin-bottom: 60px;
	}
	#custom-bootstrap-menu.navbar-default .navbar-brand {
		padding: 8px 10px;
	}
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a{
		padding: 25px 10px;
		font-size:20px;
	}
	#call-back{
		position: fixed;
		bottom:0;
		width: 100%;
		background-color: #eb586f;
		color: #fff;
		text-transform: uppercase;
	}
	#call-back p{
		margin: 0;
		padding: 6px 0;
	}
}

@media (max-width: 767px) {
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
		padding: 20px 15px;
	}
	.dropdown-submenu>.dropdown-menu {
		visibility: visible;
	}
	#dropdown-services{
		background-color: #4aa0d5;
	}
	#dropdown-services ul li, #dropdown-services ul li ul li{
		padding:5px 0;
	}
	.carousel-caption h3 {
		line-height:22px;
		padding: 10px;
		font-size: 18px;
		text-transform:uppercase;
	}
	.carousel .icon-container {
		display: inline-block;
		text-align: center;
		border-radius: 50%;
	}
	#back-to-top {
		bottom: 0;
		right: 0;
		width: 37px;
		height:37px;
		padding-top:10px;
		background: none;
		border-left: 1px solid #fff;
		border-radius: 0;
	}
	#back-to-top:hover{
		background: none;
	}
	.center-center{
		position:relative;
		top:40%;
		left:35%;
	}
}


/*#######################################################
#####										Helpers											#####
#######################################################*/


/*#######################################################
#####						Custom bootstap elements					 	#####
#######################################################*/