/* ==========================================================================
   TABLE OF CONTENTS
   
   01. Theme Base Settings
   02. Theme Colours
   03. Typography
   04. Main Navigation Styles
   05. General Layout
   06. Block Elements
   07. Lists
   08. Tables
   09. Forms
   10. Paging and Comments
   11. Buttons
   12. Columns
   13. Toggles
   14. Message Boxes
   15. Masthead
   16. Floating Foot
   17. Team
   18. Footer Styles
   19. Author's custom styles
   20. Media Queries
   21. Fonts
   22. Helper classes
   23. Print styles
   
   ========================================================================== */




/* ==========================================================================
   01. Theme Base Settings
   ========================================================================== */
   
body { font-size: 1em; line-height: 1.4; padding: 0 0 4em; overflow-y: scroll; overflow-x: hidden;}
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
img { vertical-align: middle; border: none; }
a{ text-decoration: none; cursor: pointer; }
ol, ul{ margin: 0; padding: 0; }
body {font: 16px/28px 'Source Sans Pro', sans-serif; }
.wrapper { width: 1200px; margin: 0 auto; padding: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



/* ==========================================================================
   02. Theme Colours
   ========================================================================== */
body{
	background: #fff;
}

.main table th, .main table tr:nth-child(2n+2), .introContainer, ul.comments .odd,
.customNavigation a.btn{
	background: #f5f5f5;
}

body, .main table tr:nth-child(2n+2), .main-content a, aside a{
	color: #000000;
}
.header-container {
	background: #000000;
}

nav .nav a, #menu-icon, a.btn, input[type=button], input[type=submit], .header-container .nav > li:after, button, .imgMeta.title a{
	color: #fff;
}

.logo a,
.logo a:hover{
	color: #7fa1bc;	
} 

.nav a:hover{
	color: #7fa1bc;
}

.main-content a:hover, aside a:hover,  .accordion-btn:hover, .toggle-btn:hover, .accordion-btn.active, .toggle-btn.active, .breadcrumbs a:hover, .imgMeta.title a:hover, .imgMeta.title a.category:hover, .main-content .comments h5 a, .customNavigation a.btn:hover{
	color: #1b75bc;
}

.footer-container a:hover{
	color: #4fbff1;
}

cite, .highlight, .main ul li:before, .more:before, ol > li:before, ul.pagination li a.active, .breadcrumbs span:before, .rate, h1 span, h2, span, .imgMeta.title a.category{
	color: #1b75bc;
}

#menu-icon{
    	background: #004767;
}

.main-container .wrapper, .boxed input[type=text], .boxed input[type=search],  .boxed input[type=email], .boxed input[type=password], .boxed textarea, .boxed input[type=tel],  .boxed input[type=range], .boxed input[type=url], .textSep *{
	background: #ffffff;
}

.footer-container, .footer-container a{
	color: #ffffff;
}

h1, h2, h3, h4, h5, h6, strong, label, legend, .main table th,  .accordion-btn, .toggle-btn, pre, .main-content h1 a, .main-content  h2 a, .main-content  h3 a, .main-content h4 a, .main-content h5 a, .main-content h6 a, .ratings .btn{
	color: #000000;
}

.main-container .wrapper, hr, .main table, .main table th, .main table td, fieldset, input[type=text], input[type=search],  input[type=email], input[type=password], textarea, input[type=tel],  input[type=range], input[type=url], .image-wrap, .ratings, ul.paging, .introContainer ul, .introContainer ul li, .floating-foot .fourth, .textSep, .border, ul.pagination{
	border-color: #e4e4e4!important;
}

input[type=text], input[type=search],  input[type=email], input[type=password], textarea, input[type=tel],  input[type=range], input[type=url], .highlight, .boxed, ul.accordion li .accordion-btn, ul.toggle li .toggle-btn, .ratings .btn, ul.sitemap li a, .customNavigation a.btn:hover{
	background: #f5f5f5;
}

.btn, input[type=button], input[type=submit], button{
	background: #1b75bc;
}

.btn:hover, input[type=button]:hover, input[type=submit]:hover, button:hover, .customNavigation .btn:hover{
	background: #004767;
}

.breadcrumbs a, .date, caption, .wp-caption, .ratings em, .meta, .meta a, .position,
.customNavigation a.btn{
	color: #808285;
}



.customNavigation a.btn{
	font-size: 12px;
}

/* ==========================================================================
   03. Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6, p{
	word-wrap: break-word;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	text-decoration: none!important;
} 
p{
	margin-bottom: 1em;
	margin-top: 0;
}  
h1, h2, h3, h4, h5, h6{ 
	font-weight: 600;
	line-height: 120%;
	letter-spacing: 0px;
	margin: 25px 0 .5em;
}
h1, h2, h3{
	font-weight: 300;	
}
h1{
	font-size: 28px;
}
h2{
	font-size: 24px;
	margin-top: 15px;
}
h3{
	font-size: 20px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 16px;
	letter-spacing: 0px;
	position: relative;
}
strong, b, legend{
	font-weight: 600;
}
em{ 
	font-style: italic;
}
.lead{
	font-size: 22px;
}
blockquote{
	padding-left: 15px;
	border-left: 3px solid #edecea;
	font-family: 'RobotoLight';
	font-size: 16px;
	margin-bottom: 1.5em;
}
caption, .wp-caption{
	font-style: italic;
	padding-left: 10px;
	border-left: 0px solid #edecea;
	display: block;
	font-size: 14px;
}
.highlight{
	position: relative;
	margin-right: 0;
	margin-left: 0;
	display: inline-block;
	padding: 0 .4em;
}
.main-content a{
	text-decoration: underline;
}
.main-content h1:first-child, aside h3:first-child,  aside .boxed:first-child h4:first-child  {
	margin-top: .25em;
}
	
   
   
   

/* ==========================================================================
   04. Main Navigation Styles
   ========================================================================== */
.header-container{
	margin-bottom: 1em;
	padding: .3em 0;
}
.header-container .wrapper{
	padding-right: 0;
	padding-left: 0;
}
.logo{
	display: inline-block;
	float: left;
	font-weight: regular;
	font-size: 15px;
	padding-top: 5px;
}  
.logo span{
	width: 116px;
	display: inline-block;
	padding-right: 5px;
	position: relative;
	top: -2px;
} 
.logo img{
	max-width: 100%;
	height: auto;
}
.header-container .wrapper{
	padding-top: 0em;
	padding-bottom: 0em;
}   
.header-container nav{
	float: right;
}
.header-container .nav li{
	float: left;
	position: relative;
	margin: 0 .4em;
}
.header-container .nav > li:after{
	content: "";
	font-family: 'FontAwesome';
	font-size: 12px;
	padding-right: 15px;
	position: relative;
	top: -2px;
}
.header-container .nav > li{
	border-right: 1px solid #364454;
	margin-top: .3em;
	margin-bottom: .3em;
}
.header-container .nav > li a{
	padding-right: .3em;
	padding-left: .3em;
}
.header-container .nav > li:last-child{
	border: none;
}
.header-container .nav > li:last-child:after{
	padding-right: 0;
}
.header-container ul.nav > li > a{
	padding-top: 0em;
	padding-bottom: 0em;
	display: inline-block;
}
#nav ul li:last-child {
	padding-bottom: 1em;
}
.nav a{
	white-space: nowrap;
	-webkit-transition: all 50ms ease-in-out;
	-moz-transition: all 50ms ease-in-out;
	-ms-transition: all 50ms ease-in-out;
	-o-transition: all 50ms ease-in-out;
	transition: all 50ms ease-in-out;
	padding: 0.3em 1em 0.5em;
	font-size: 15px;
}
.nav-parent a{
	-webkit-transition: all 0ms ease-in-out;
	-moz-transition: all 0ms ease-in-out;
	-ms-transition: all 0ms ease-in-out;
	-o-transition: all 0ms ease-in-out;
	transition: all 0ms ease-in-out;
}

#menu-icon {
	display: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
#menu-icon span{
	width: 25px;
	height: 20px;
	display: inline-block;
	padding-right: 10px;
	position: relative;
	top: -2px;
}
#menu-icon span img{
	max-width: 100%;	
}
nav #nav{
	margin-top: 0px;
}
#nav ul {
	position: absolute;
	display: none;
	min-width: 160px;
	z-index: 10000;
	margin-top: 0;
	margin-left: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px;
}
#nav ul li {
	float: none;
	margin: 0;
	position: relative;
	padding: .1em 0.4em;
}
#nav ul li a{
	padding-left: .9em;
	padding-top: .25em;
	padding-right: .9em;
	padding-bottom: .5em;
}
#nav ul.sub-menu li:last-child a{
    padding-bottom: .75em;
}
#nav li:hover > ul, #nav li.nav-parent.hover ul {
	display: block; 
}
#nav li:hover ul ul{
	display: none!important;
	position: absolute;
	left: 100%;
	top: 0;
	margin-left: 0;
	-webkit-border-radius: 0px 0px 2px 0px;
	border-radius: 0px 0px 2px 0px;
	background: #181d29;
}
#nav li:hover ul ul:before{
	border:7px solid;
	content:"";
	display: block;
	position: absolute;
	border-color:#22293a #181d29 #22293a #22293a;
	left:-14px;
	top:12px; /* you can adjust */
}
#nav ul li:hover ul {
	display: block!important;
}
.nav .flag{
	width: 24px;
	display: inline-block;
	padding-right: 8px;
}
.nav .flag img{
	width: 100%;
	margin-top: -2px;
}
.nav a:hover .flag img{
	box-shadow: none;
}


/* Breadcrumbs */
.breadcrumbs.wrapper{
	font-size: 14px;
	padding: 0;
	margin-bottom: .5em;
}
.breadcrumbs span:before{
	content: "";
	font-family: 'FontAwesome';
	padding-right: 10px;
}
.breadcrumbs a:after{
	content: "";
	font-family: 'FontAwesome';
	padding-right: 6px;
	padding-left: 4px;
}
.breadcrumbs a:last-child:after{
	display: none;
}





/* ==========================================================================
   05. General Layout
   ========================================================================== */

.wrapper{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}   
.main-container .wrapper{
	border-style: solid;
	border-width: 0px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-bottom: 3em;
}
.boxed{
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: .75em;
	margin-bottom: 1em;
}
.boxed a{
	text-decoration: none;
}
.boxed p:first-child{
	margin-top: 0;
}
img{
	max-width: 100%;
	height: auto;
}
.main-content img{
	margin-bottom: .5em;	
}
.image-wrap{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
	display: block;
	padding: 1em;
	text-align: center;
	margin-bottom: .5em;
}
a:hover img{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, .35);
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, .35);
}

/* Base Search */
.boxed.base-search{
	padding-right: 130px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.boxed.base-search button{
	position: absolute;
	right: 12px;
	width: 110px;
	top: 4px;
	padding: 14px 0;
}
.boxed.base-search input{
	margin-bottom: 0;
}
.base-boxes .third{
	width: 32%;
	margin-right: 2%;
}
.base-boxes .third h3{
	margin-top: 0.5em;
}


/* Result Listing */
.result.first .result-title h4, .result.first .meta{
	margin-top: 1em;
}
.result-title h4, .meta{
	margin-top: 0em;
}
.meta{
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase; 
	margin-top: -1em;	
}


/* Ratings */
.ratings{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em 0;
	border-style: solid;
	border-width: 1px;
	border-left: none;
	border-right: none;
	margin-top: 3em;
	margin-bottom: 2em;
}
.rate-btns{
	text-align: right;	
}
.main ul.related{
	margin-bottom: 2em;
}





/* ==========================================================================
   06. Block Elements
   ========================================================================== */
hr { 
	display: block; 
	height: 1px; 
	border: 0; 
	border-top-style: solid; 
	border-top-width: 1px; 
	padding: 0; 
	margin: 2.5em 0; 
}
.textSep{
	border-top-style: solid; 
	border-top-width: 1px; 
	padding: 0; 
	margin: 3em 0;
	position: relative; 
}
.textSep *{
	position: absolute;
	top: -40px;
	padding-right: 1em;
}
pre{
	font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
	margin-bottom:10px;
	overflow:auto;
	width:auto;
	padding: 0 1em;
	background-color:#fff;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 51%, #eef3f9 51%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#ffffff), color-stop(51%,#eef3f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#eef3f9 51%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#eef3f9 51%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#eef3f9 51%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 51%,#eef3f9 51%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef3f9',GradientType=0 );
	background-size: 100% 60px;
	line-height: 30px;
    border-radius: 2px;
    border: 1px solid #e1e4e9;
}
iframe{
	margin-top: .5em;
	margin-bottom: 0em;
	width: 100%;
	border: none;
}
.fluid-width-video-wrapper{
	margin-bottom: 2em;
	background-color: #ffffff;
	margin-top: 0em;
}
.fluid-width-video-wrapper iframe{
	width: 100%;
	padding: 0;
	margin: 0;
}
blockquote{
	margin-right: 0;
	margin-left: 0;
}
cite{
	display: block;
	text-transform: uppercase;
	margin-top: 1em;
	font: normal 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}




/* ==========================================================================
  07. Lists
   ========================================================================== */   
.main ul, .main ol{
	margin-bottom: 12px;
}
.main ul li > ul, .main ol li > ol{
	margin-bottom: 0;
}
.main ul li.parent{
	padding-bottom: 0;
}   
.main ul li, .more, .feature-link{
	list-style-type: none;
	padding-top: 3px;
	padding-bottom: 3px;
	position: relative;
	padding-left: 22px;
}
.more, .feature-link{
	text-decoration: none;
}
.feature-link{
	padding-left: 0;
}
.main ul li{
	padding-left: 18px;
}
.more:before{
	content: "";
	font-family: 'FontAwesome';
	font-size: 16px;
	top: 5px;
	position: absolute;
}
.more:before{
	left: 3px;	
}
.feature-link:after{
 	right: -22px;
 }
.main ul li:before{
	content: "-";
	font-size: 1rem;
	left: 4px;
	top: 4px;
	position: absolute;
}
.main ul ol, .main ul ul, .main ol ol, .main ol ul{
	margin-left: 20px;
}
.main ol{
	margin-left: 22px;
}
.main ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
.main ol > li {
    position:relative; /* Create a positioning context */
    list-style:none; 
	margin: 0 0 0 1.75em;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.main ol > li:before {
    content:counter(li) "."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:1.5em;
    margin-right:8px;
    padding:4px;
    text-align:center;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}
li ol,li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

.list-bordered li{
    border-bottom: 1px solid #e4e4e4;
}

.list-bordered li:last-child{
    border: none;
}



/* ============= Sitemap ===============*/  
ul.sitemap{
	display: table;
	width: 100%;
}
ul.sitemap li{
	display: table-cell;
	padding-left: 0;
	padding: 1px;
}
ul.sitemap li a{
	display: block;
	padding: 1em;
}
ul.sitemap li:before{
	display: none;
}
ul.sitemap li ul{
	margin-left: 1em;
}
ul.sitemap li ul li{
	display: block;
	padding-left: 18px;
}
ul.sitemap li ul li:before{
	content: "";
	font-family: 'FontAwesome';
	font-size: 16px;
	left: 3px;
	top: 6px;
	position: absolute;
	display: block;
}
ul.sitemap li ul li a{
	background: transparent;
	padding: .2em;
}






/* ==========================================================================
   08. Tables
   ========================================================================== */
.main table{
	border-style: solid;
	border-width: 1px;	
	text-align: left;
	width: 100%;
	background: #ffffff;
	margin-bottom: 1.5em;
}
.main table th{
	padding: .5em;
	border-style: solid;
	border-width: 1px;
	vertical-align: top;	
}
.main table td{
	padding: .5em;
	border-style: solid;
	border-width: 1px;	
	vertical-align: top;	
}





/* ==========================================================================
   09. Forms
   ========================================================================== */
form{
	margin-top: 3em;
}
fieldset{
	padding: 1em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 1em;
}
fieldset fieldset{
	background: #ffffff;
}
label{
	font-weight: normal;
	padding-right: 1em;
	display: block;
}
input[type=text], input[type=search], input[type=email], input[type=password], textarea, input[type=tel],  input[type=range], input[type=url]{
 	border-style: solid;
 	border-width: 1px;
	padding: 14px 2%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	outline: none;
	margin-bottom: 1em;
	resize: none;
	display: block;
	width: 100%;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
textarea{
	min-height: 160px;
}
select{
	margin-bottom: 1em;
}





/* ==========================================================================
  10. Paging and Comments
   ========================================================================== */ 
ul.pagination{
	text-align: center;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 2em;
	margin-top: 2em;
}
ul.pagination a{
	text-decoration: none;
	font-weight: 600;
}
ul.pagination li:before, ul.paging li:before{
	display: none;
}
ul.pagination li, ul.paging li{
	padding-left: 0;
	display: inline;
	font-size: 18px;
	padding: .3em;
	cursor: pointer;
}
ul.pagination .left a, ul.pagination .right a, ul.paging a span{
	font-family: 'FontAwesome';
	text-decoration: none;
	font-weight: normal;
}
ul.pagination .left:hover, ul.pagination .right:hover{
	/* see theme colours */
}
ul.paging{
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 2em;
	margin-top: 2em;
}
ul.paging a{
	font-size: 18px;
	text-decoration: none;
}




/* ============= Comments ===============*/
ul.comments li{
	line-height: 20px;
	padding: 0em;
}
ul.comments li div{
	padding: 1em 2%;
}
ul.comments li li div{
	padding-left: 4%;
}
ul.comments li li li div{
	padding-left: 6%;
}
ul.comments li li li li div{
	padding-left: 8%;
}
ul.comments li > ul{
	margin: 0;
}
ul.comments .odd{

} 
ul.comments li:before{
	display: none;
}
ul.comments h5, ul.comments h6{
	display: inline;
	font-size: 18px;
	letter-spacing: 0;
}
ul.comments h6{
	color: #b1b4ba;
	font-size: 14px;
	margin-left: 1em;
}
ul.comments li p{
	margin-top: .5em;
	margin-bottom: .5em;
}
.comments h5, .comments h6{
	font-weight: normal;
}




/* ==========================================================================
   11. Buttons
   ========================================================================== */
a.btn, input[type=button], input[type=submit], button{
	border: none;
	font-weight: normal;
	font-size: 16px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: .4em 1.8em;
	white-space: nowrap;
	display: inline-block;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	margin-bottom: .5em;
	margin-top: .5em;
	cursor: pointer;
	text-decoration: none;
}
input[type=button], input[type=submit]{
	padding: .6em 1.8em;
}
a.btn:hover{
	color: #fff;
}
a.small-btn, input[type=button].small-btn, input[type=submit].small-btn{
	font-size: 14px;
	padding: .4em 1.2em;
}
a.xsmall-btn, input[type=button].xsmall-btn, input[type=submit].xsmall-btn{
	font-size: 12px;
	padding: .2em 1em;
}
a.btn [class^="icon-"],
a.btn [class*=" icon-"]{
	padding-right: 5px;
	padding-left: 5px;
}
.white-btn{
	background: #ffffff;
	border-style: solid;
	border-width: 1px;
}





/* ==========================================================================
   12. Columns
   ========================================================================== */
.full{
	width: 100%;
	float: none;
} 
.half{
	width: 48%;
	margin-right: 4%;
	float: left;
}
.third{
	width: 30%;
	margin-right: 5%;
	float: left;
}
.fourth{
	width: 22%;
	margin-right: 4%;
	float: left;
}
.fifth{
	width: 18%;
	margin-right: 2.5%;
	float: left;
}
.two-thirds{
	width: 65%;
	margin-right: 5%;
	float: left;
}
.three-fourths{
	width: 74%;
	margin-right: 4%;
	float: left;
}
.two-fifths{
	width: 36%;
	margin-right: 3%;
	float: left;
}
.three-fifths{
	width: 61%;
	margin-right: 2%;
	float: left;
}
.four-fifths{
	width: 78%;
	margin-right: 4%;
	float: left;
}
.left{
	float: left;
}
.right{
	float: right;
}






/* ==========================================================================
   13. Toggles
   ========================================================================== */
.toggle-btn { 
	text-decoration:none; 
	display:block;
}
.toggle-content{ 
	display:none;
}
.toggle-content.active{
	display: block;
}
ul.toggle li {
	position:relative;
	overflow:hidden;
	padding: 0;
}
ul.toggle li .toggle-btn{
	padding: 10px 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	margin-top: 10px;
	font-weight: 600;
}
ul.toggle li .toggle-btn:before{
	content: "";
	font-family: 'FontAwesome';
	font-size: 16px;
	float: right;
}
ul.toggle li .toggle-btn.active:before{
	content: "";
}
ul.toggle li:before{
	display: none;
}
ul.toggle{
	margin-bottom: 1.5em;
	padding: 0;
}

/* =======  ACCORDION =========== */
.accordion-btn { 
	text-decoration:none; 
	display:block;
}
.accordion-content{ 
	display:none;
}
.accordion-content.active{
	display: block;
}
ul.accordion li {
	position:relative;
	overflow:hidden;
	padding: 0;
}
ul.accordion li .accordion-btn{
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	margin-top: 10px;
	font-weight: 600;
}
ul.accordion li .accordion-btn:before{
	content: "";
	font-family: 'FontAwesome';
	font-size: 10px;
	float: right;
}
ul.accordion li .accordion-btn.active:before{
	content: "";
}
ul.accordion li:before{
	display: none;
}
ul.accordion{
	margin-bottom: 1.5em;
	padding: 0;
}





/* ==========================================================================
   14. Message Boxes
   ========================================================================== */
.message{
	border-width: 1px;
	border-style: solid;
	display: block;
	padding: .5em 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 1em;
}
.message.success{
	border-color: #a2e29d;
	background: #e2f5e4;
}
.message.info{
	border-color: #7bb8e2;
	background: #d2e4f1;
}
.message.error{
	border-color: #fc604a;
	background: #ffd4ce;
}
.message.notice{
	border-color: #fcc84a;
	background: #fffcce;
}




/* ==========================================================================
   15. Masthead
   ========================================================================== */
.imgContainer{
	position: relative;
}
.imgContainer img{
	padding-bottom: 0!important;
	margin-bottom: 0!important;
}
.imgMeta{
	position: absolute;
	background: #121212;
	background-color: rgba(0, 0, 0, .75);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	padding: .5em 1em;
}
.imgMeta a{
	text-decoration: none;
}
.imgMeta.feature{
	right: 0px;
	top: 25px;
	font-size: 18px;
	font-weight: 600;
}
.imgMeta.title{
	bottom: 0px;
	left: 0;
	font-size: 22px;
	font-weight: 600;
}
.imgMeta.title a.category{
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
}
.introContainer{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 1em;
	padding-left: 1em;
}
.introContainer .three-fourths a{
	font-weight: 600;
}
.introContainer ul{
	border-top-style: solid;
	border-top-width: 1px;
	margin-top: 1.75em;
}
.introContainer ul li{
	padding: 3px 0 5px 0px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.introContainer ul li:before{
	display: none;
}   
   


/* ==========================================================================
   16. Floating Foot
   ========================================================================== */
.floating-foot {
	font-size: 15px;
	line-height: 26px;
}   
.floating-foot h3{
	margin-top: .5em;
}
.floating-foot .fourth{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right-style: solid;
	border-right-width: 1px;
	float: left;
	margin-right: 2.5%;
	padding-right: 2%;
	width: 23%;
} 
.floating-foot .fourth.last{
	border: none;
}
.spotThumb{
	margin-top: .55em;
	margin-right: .5em;
	margin-bottom: 0em!important;
}  
   



/* ==========================================================================
   17. Team Styles
   ========================================================================== */
.third.collapse h4{
	margin-top: .5em;
}
.third.collapse{
	margin-top: 1.5em;
}   
.position{
	font-size: .9rem;
	font-style: normal;
	margin-bottom: 1.5em;
	margin-top: -.5em;
}
   
      


/* ==========================================================================
   18. Sidebar Styles
   ========================================================================== */
.fourth .panel-default ul{
    margin-bottom: 0;
}

.fourth .panel-default ul.menu > li{
    border-top: 1px solid #e4e4e4;
    padding: .35em 0em;
}

.fourth .panel-default ul.menu > li:first-child{
    border: none;
    padding-top: 0;
}

.fourth .panel-default ul li:before{
    display: none;
}

.fourth .panel-default ul.menu a{
    display: block;
}

.fourth .panel-default ul li ul{
    padding-top: 0;
    padding-left: 1em;
}

.fourth .panel-default ul li ul li{
    border: none;
    padding: .35em 0em;
    position: relative;
}

.fourth .panel-default ul ul li:before{
    content: "-";
    position: absolute;
    left: -.75rem;
    font-size: 1rem;
    display: block;
    color: #ccc;
}

.fourth .panel-default ul li.current-menu-item > a{
    color: #1b75bc;
}




/* ==========================================================================
   18. Footer Styles
   ========================================================================== */
.footer-widgets{
    background: #ffffff;
    border-top: 1px solid #e1e4e9;
    font-size: .85rem;  
    line-height: 1.5; 
}

.footer-widgets .widget{
    padding-top: 2em;
    padding-bottom: 2em;
}

.footer-widgets,
.footer-widgets a{
    color: #000;
}

.footer-widgets a:hover,
.footer-widgets a:hover *{
    color: #1b75bc;
}

@media (min-width: 768px){
    .footer-widgets .logo-col{
        position: relative;
    }
    
    .footer-widgets .logo-col:after {
        border-right: 1px solid #e4e4e4;
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        display: block;
    }    
}

@media (max-width: 768px){
    .footer-widgets .row div[class*=col-] {
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 1em;
        padding-top: 1em;
    }    
}

.footer-widgets h4{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.1rem;
    font-weight: 500;
}

.footer-widgets h5{
    margin-top: 0;
    font-size: 14px;
}

.footer-widgets .logo {
    padding-top: .5em;
    padding-bottom: 1em;
    display: block;
    float: none;
}

.footer-widgets .logo img {
    max-width: 158px;
    margin-top: 0;
}

.footer-widgets ul li {
    padding-bottom: .5em;
}

.footer-widgets ul.list-bordered li:first-child {
    padding-bottom: 1em;
    margin-bottom: .75em;
}

.footer-widgets ul.list-bordered li:first-child p{
    margin-bottom: 0;
}

.footer-container{
	font-size: 14px;
} 
.footer-container a{
	font-weight: regular;
}  
footer ul li{
	list-style-type: none;
	float: left;
	padding: 0 .6em 0 0;
} 
footer ul li:after{
	content: "/";
	padding-left: .6em;
}
footer ul li:last-child{
	padding-right: 0;
} 
footer ul li:last-child:after{
	display: none;
} 
footer p{
	margin-top: 0;
}
#scrollUp {
  bottom: 20px;
  right: 20px;
  padding: 6px 16px;
  background: #111;
  color: #fff;
  background-color: rgba(0, 0, 0, .7);
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 11px;
}
   
   
   
   

/* ==========================================================================
   19. Author's custom styles
   ========================================================================== */

/* Icon Font Examples for Preview only */
.icon{
	width: 75px;
	display: inline-block;
}
.icon-thirds li{
	padding-left: 0!important;
	display: inline-block;
	width: 32%!important;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
}
.icon-thirds li:before{
	display: none;
}
.icon-thirds li:hover em:before{
	-moz-transform: scale(2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.icon-thirds li em:before{
	padding-right: 10px;
	font-size: 16px;
}
.column-example div{
	min-height: 1em;
	background: #efefef;
	margin-bottom: 1em;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	text-align: center;
}
.column-example div:hover{
	background: #ff6666;
}














/* ==========================================================================
   20. Media Queries
   ========================================================================== */
@media only screen and (max-width: 1140px) { 
	.wrapper{
		width: 94%;
	}
}


@media only screen and (max-width: 768px) { 
	.wrapper{
		width: 100%;
		border: none;
	}
	.header-container{
		margin-bottom: 0em;
	}
	.header-container .wrapper, .breadcrumbs.wrapper{
		padding-right: 1.5em;
		padding-left: 1.5em;
	}
	.breadcrumbs.wrapper{
		padding-top: .4em;
	}
	.logo{
		padding-top: 3px;
	}
	#nav{ 
		display: none;
		top: 33px!important;
	}
	#nav-wrap {
		position: relative;
		padding-bottom: .1em;
	}
	#nav li.nav-parent{
		padding-bottom: 0;
	}
	#menu-icon {
		display: inline-block;
		cursor: pointer;
		padding: 3px 10px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	#menu-icon.active{
		-webkit-border-radius: 2px 2px 0px 0px;
		border-radius: 2px 2px 0px 0px;
	}
	nav #nav{
		margin-top: 0;
	}
	#nav {
		clear: both;
		position: absolute;
		top: 45px;
		min-width: 160px;
		z-index: 10000;
		padding: 5px;
		display: none; 
		right: 0px;
		-webkit-border-radius: 2px 0px 2px 2px;
		border-radius: 2px 0px 2px 2px;
	}
	#nav li {
		clear: both;
		float: none;
	}
	#nav a, #nav ul a {
		background: none;
		display: inline;
		padding: 0;
		border: none;
	}
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
		-webkit-box-shadow:  none;
		box-shadow:  none;
	}
	#nav ul li a{
		padding-left: 0;
	}
	#nav li{
		padding: .2em 0!important;
	}
	#nav ul{
		padding: 0!important;
	}
	#nav li > ul li{
		padding-left: 12px!important;
	}
	#nav li > ul li:before{
		content: "";
		font-family: 'FontAwesome';
		font-size: 12px;
		color: #fff;
		position: relative;
		left: -8px;
	}
	#nav li > ul li:last-child{
		padding-bottom: 0!important;
	}
	#nav li:hover ul ul{
		display: block!important;
		position: relative;
		left: 0;
		background: transparent;
	}
	#nav li:hover ul ul:before{
		display: none;
	}
	.header-container .nav > li{
		margin: 0;
	}
	.header-container .nav > li:after{
		display: none;
	}
	.full, .half, .third, .fourth, .fifth, .two-thirds, .three-fourths, .two-fifths, .three-fifths, .four-fifths, .icon-thirds li, .base-boxes .third, .floating-foot .fourth{
		width: 100%;
		float: none;
	}
	.left, .right{
		float: none;
	}
	.comments .right{
		float: right;
	}  
	.footer-container{
		text-align: center;
	}
	.footer-container ul{
		display: inline-block;
	}
	.footer-container ul li{
		float: none;
		display: inline-block;
	}
	ul.accordion{
		margin-bottom: 0;
	}
	.result-title h4, .meta{
		margin: 0;	
	}
	.result-title h4{
		margin-top: 1em;	
	}
	.rate-btns{
		text-align: left;
	}
	ul.sitemap{
		display: inline;
		width: 100%;
	}
	ul.sitemap li{
		display: block;
		padding-left: 0;
		padding: 1px;
	}
	.floating-foot .fourth{
		border-right: none;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		padding-bottom: 1em;
		margin-bottom: 2em;
	}
	.floating-foot .fourth.last{
		padding: 0;
		margin: 0;
	}
	.third.collapse{
		float: left;
		width: 47.5%;
	}
	.third.collapse.last{
		margin-right: 5%!important;
	}
	.third.collapse:nth-child(2n+2){
		margin-right: 0!important;
	}
	
}


@media only screen and (max-width: 480px) { 
	.header-container .wrapper{
		padding-right: 1.5em;
		padding-left: 1.5em;
		text-align: center;
	}
	.logo{
		float: none;
		display: inline-block;
		padding-bottom: 10px;
	}
	#nav-wrap {
		float: none;
		padding-bottom: 10px;
	}
	#menu-icon{
		width: 90%;
		padding-right: 0;
		padding-left: 0;
	}
	#nav {
	    border-radius: 2px 0 2px 2px;
	    clear: both;
	    display: none;
	    width: 90%;
	    position: absolute;
	    left: 5%;
	    padding-right: 0;
	    padding-left: 0;
	    top: 45px;
	    z-index: 10000;
	}
	#nav li > ul li:before{
		display: none;
	}
	.breadcrumbs.wrapper, .imgMeta.feature{
		display: none;
	}
	
	/* Base Seach */
	.boxed.base-search{
		padding-right: .75em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
	}
	.boxed.base-search button{
		position: relative;
		left: 0;
		width: 100%;
		padding: 14px 0;
	}
	
	.third.collapse{
		width: 100%;
		float: none;
	}
	.third.collapse img{
		width: 100%;
	}
}







/* ==========================================================================
   21. Fonts
   ========================================================================== */
@font-face {
    font-family: 'RobotoLight';
    src: url('../font/Roboto-Light-webfont.eot');
    src: url('../font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Light-webfont.woff') format('woff'),
         url('../font/Roboto-Light-webfont.ttf') format('truetype'),
         url('../font/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}






/* ==========================================================================
   22. Helper classes
   ========================================================================== */

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.last{ margin-right: 0!important; padding-right: 0!important;  }
.first{ margin-left: 0!important; padding-left: 0!important;}
.tableless, .tableless th, .tableless tr, .tableless td{
	background: none!important;
	border: none!important;
	padding: 0px!important;
}
.centered{ text-align: center!important; }
.top-margin-x6{ margin-top: 6em; }
.top-margin-x4{ margin-top: 4em; }
.vertical-spacer{ height: 200px; clear: both; }
.border{ border-width: 1px; border-style: solid; }






/* ==========================================================================
   23. Print styles
   ========================================================================== */

@media print {
* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important;}
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")";}
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
img { max-width: 100% !important; page-break-inside: avoid; }

@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}