/*
Theme Name:     Flati The Flat Bootstrap Wordpress Theme Child
Theme URI:      http://themeforest.net/user/spiralpixel
Description:    Child theme for the Flati The Flat Bootstrap Wordpress Theme
Author:         UBL Designs & Spiral Pixel
Author URI:  	  http://themeforest.net/user/spiralpixel
Template:       flati                             
Version:        3.2.0
*/

@import url('../flati/css/theme.css');

/* Input your css below */

/**** LOGO ****/
logo {
 	float:left; 
	margin:0px 0 30px 0;
	webkit-transition:none;  
    -moz-transition:none;  
    -o-transition:none;  
    transition:none;
}
.logo a{
 	float:left; 
	margin:15px 0 0 0;
	webkit-transition:none;  
    -moz-transition:none;  
    -o-transition:none;  
    transition:none;
}


/**** BULLETED LIST ****/
li{	padding:0;
	margin:0;

	list-style-type:circle;
}
#middle ul li { margin-left:20px; list-style-type: square; }
#middle ol li { list-style-type: decimal; }

/* Welcome Text */
.welcome_index {
	width:95%;
	font: 25px/40px 'Lato', sans-serif;
	padding:55px 0 30px;
	font-weight:300; 
	margin:0 auto;
	color:#69767F;
	text-align:center;
}

/* horizontal line */
hr.team-line {  
	height:10px;
	width:360px;
	margin:25px auto 25px auto;
} 

/**** TYPOGRAPHY ****/
h1,h2,h3,h4,h5,h6,h7 { font-weight:300; letter-spacing:-0.25px; }
h1.title {  font-size:40px; line-height:35px; font-weight:700; margin-bottom:35px; text-align:left;}
h1 { font-size: 24px; line-height:40px; }
h2 { font-size: 21px;  line-height:28px; margin-bottom:0px;}
h3 { font-size: 18px; line-height:25px; }
h4 { font-size: 16px; line-height:25px; margin-bottom:10px; }
h5 { font-size: 15px; line-height:22px; margin-bottom:10px; }
h6 { font-size: 14px; line-height:22px; margin-bottom:10px; }
h7 { font-size: 6px; line-height:20px; margin-bottom:10px; }
h1.intro {  line-height:40px; font-weight:300;}
.lead { font-size:18px; line-height:24px; }


#lang_sel_footer ul li {
    display: inline;
    line-height: 14px;
    margin: 0 1px 0 0;
    padding: 0;
    white-space: nowrap;
}


/*** FLAG ***/
nav .iclflag {
 margin-top: 4px; 
}

/*** Menu Wrap ***/
main_menu select { display: none; font-size:12px; }
.menu_wrap { float:right; margin-top:20px; margin-right:-10px; }
.menu_wrap .nav li {
	list-style: none;
	float: left;
	margin: 0;
	position: relative;
}
.menu_wrap .nav > li { 
	padding: 0 0; 
	display: inline-block;
	height:20px;
	margin-top:0px;
}
.menu_wrap .nav li a {
	font-weight:400;
	color: #fff;
	letter-spacing:2px;
	font-size: 13px;
	display: block;
	padding:24px 30px 22px;
	text-align: center;
	text-transform: uppercase;
}
.menu_wrap .nav > li > a:hover, .menu_wrap .nav > li > a:focus { background-color:transparent; color:#2980B9; }
.menu_wrap .nav > li.active > a, .menu_wrap .nav > li.active { background: #2980B9; color:#fff;
	-webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}
.menu_wrap .nav > li.active > a:hover { background: #2980B9; color: #fff; }
.menu_wrap .nav ul {
	background: #fff;
	display: none;
	left:-25px;
	padding:0;
	position:absolute;
	top:80px;
	width:170px;
	z-index:300;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background:#009FDA;
} 
.menu_wrap .nav ul li a {
 	width: 130px;
	border: 0;
	color: #fff; 
	display: block;
	font-size: 13px;
	letter-spacing:0;
	padding: 8px 20px !important;
	text-align: left;
	text-transform: none;
	webkit-transition:all 0.2s ease-in;  
    -moz-transition:all 0.2s ease-in;  
    -o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.menu_wrap .nav > li > ul li a { text-decoration:none;  color: #fff; }
.menu_wrap .nav ul li a span {display:none; }
.menu_wrap .nav > li > ul li > a:hover,
.menu_wrap .nav > li > ul li.sfHover > a,
.menu_wrap .nav > li > ul li.active > a { text-decoration:none;  color: #bbb; }
.menu_wrap .nav ul ul {
	position: absolute;
	display: none;
	width: 170px;
	left: 180px;
	top: 0px;
	height:auto;
	list-style: none;
	z-index: 111;
	padding: 0 0;
	margin: 0;border-radius: 6px;
	border-top:0;
}
.menu_wrap .nav ul ul a{ 
	margin: 0;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/*** Menu Navigation ***/
@media all and (max-width: 1199px) {
	nav#main_menu ul {
		display: none;
	}
	nav#main_menu select {
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	border-radius: 0px;
	box-shadow: 0 none;
	border: 1px solid #999;
	background-color: transparent;
	color: #eee;
	}
}


/*** Wrapper -gin ***/



.wpb_column.vc_col-sm-12 .wpb_wrapper, .vc_row.row {
	width: 940px;
	margin: 0 auto;
}
.wpb_column.vc_col-sm-12 .vc_column-inner {
	padding: 0;
}

@media (min-width: 1200px) {
	.wpb_column.vc_col-sm-12 .wpb_wrapper, .vc_row.row {
		width: 1170px;
	}
}

@media (min-width:768px) and (max-width:979px) {
	.wpb_column.vc_col-sm-12 .wpb_wrapper, .vc_row.row {
		width: 724px;
	}
}

@media (max-width:767px) {
	.wpb_column.vc_col-sm-12 .wpb_wrapper, .vc_row.row {
		width: auto;
	}
	.wpb_column.vc_col-sm-12 .vc_column-inner {
		padding: 0 15px;
	}
}