/*
Theme Name:         SYNCHRON
Theme URI:          
Description:        
Version:            
Author:             
Author URI:         
Tags: 				
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Vollkorn:400,700);

body,html {
	font-family: 'Vollkorn', serif;
	font-weight:500;
    font-size: 16px;
    line-height: 22px;
	color:#333333;
	-webkit-font-smoothing: antialiased;
	background-color:#ffffff;
}

.spacing1 { margin-bottom:1px; }
.spacing5 { margin-bottom:5px; }
.spacing8 { margin-bottom:8px; }
.spacing10 { margin-bottom:10px; }
.spacing15 { margin-bottom:15px; }
.spacing20 { margin-bottom:20px; }
.spacing25 { margin-bottom:25px; }
.spacing30 { margin-bottom:30px; }
.spacing35 { margin-bottom:35px; }
.spacing40 { margin-bottom:40px; }
.spacing50 { margin-bottom:50px; }
.spacing60 { margin-bottom:60px; }
.spacing70 { margin-bottom:70px; }
.spacing-1 { margin-bottom:-1px; }
.spacing-5 { margin-bottom:-5px; }
.spacing-10 { margin-bottom:-10px; }
.spacing-15 { margin-bottom:-15px; }
.spacing-20 { margin-bottom:-20px; }
.spacing-25 { margin-bottom:-25px; }
.spacing-30 { margin-bottom:-30px; }
.spacing-35 { margin-bottom:-35px; }
.spacing-40 { margin-bottom:-40px; }
.spacing-50 { margin-bottom:-50px; }
.spacing-60 { margin-bottom:-60px; }

.padding20 { padding:20px; }
.padding1020 { padding:7px 20px 20px 20px; }
.padding20b { padding:20px 0; display:block;}

.color1 { color:#999999; }
.color2 { color:#3399cc; } 

.black-title {color:#333333;font-weight:700;}
a { transition: all 0.3s linear; text-decoration:none; outline: none; }
a:hover { transition: all 0.3s linear; text-decoration:none; outline: none; }

.img-thumb {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.navbar { border:none; border-radius:0px; background:#022149; padding:20px 0; margin-bottom:0;}
.navbar-inverse { border-color:none; border:none; }
.navbar-brand { padding:0 0 0 15px; }
.navbar-inverse .navbar-brand { color: #99ccff; }
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus { color: #ffffff; }
.navbar-inverse .navbar-nav > li > a { font-family: 'Roboto', sans-serif; color:#3399cc; transition: all 0.3s linear; text-transform:uppercase; font-weight:700; z-index:99999;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus { color:#ffffff; background-color:transparent; transition: all 0.3s linear; }
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus { color:#ffffff; background-color:transparent; transition: all 0.3s linear; }
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus { color:#ffffff; background-color:transparent; transition: all 0.3s linear; }

.bg-grey{ background-color:#e5e5e5;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-top:1px solid #cccccc; }
.bottom-head-bg { background:url(../img/header-bcg.png) center bottom no-repeat;position:relative;z-index:99;height:59px;margin-bottom:-20px;margin-top:-39px;}

#topcarousel {border-bottom: 4px solid #3399cc;}
#topcarousel .item img {width:100%;}

.borderles {border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;margin-top:-10px;padding-top:10px;min-height:150px;}

ul.footer-list { margin-left:0px; padding-left:0; }
ul.footer-list li { list-style: none; margin-left:20px; margin-right:20px; line-height:2em; border-bottom:1px dashed #cccccc;}
ul.footer-list li a { color:#333333; }
ul.footer-list li a:hover { color:#022149; }

footer {background-color:#f4f4f4;padding-top:20px;padding-bottom:10px;}
footer a {color:#333333;}


hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 2px solid #ccc;
}

hr.dashed{
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 2px dashed #ccc;
}
.btn-mybuttonone { font-size:16px;font-family: 'Roboto', sans-serif; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;color: #ffffff; background-color:#3399cc; border:none; padding:7px 15px 7px 15px; cursor:pointer; font-weight:700; }
.btn-mybuttonone:hover, .btn-mybuttonone:focus, .btn-mybuttonone:active, .btn-mybuttonone.active, .open .dropdown-toggle.btn-mybuttonone { color: #ffffff; background-color:#2b769c; border:none; cursor:pointer; }

.home span {font-weight:700;line-height:14px;}

.blue-menu {background:#3399cc;}
ul.menu-blue {margin-left:-40px;font-size:15px !important;}
ul.menu-blue li {
  display: block; 
  position: relative;
  float: left;
}
ul.menu-blue li a { 
 	display: block;
 	text-decoration: none;
 	color: #c7e3fe; 
 	padding:  5px 10px 10px 10px;
 	margin-left: 1px;
 	white-space: nowrap;
	font-family: 'Roboto', sans-serif; 
	outline: none;
 }
ul.menu-blue li a:hover, ul.menu-blue li.active a { 
color: #ffffff; 
}
ul.menu-blue li a:hover:after, ul.menu-blue li.active:after {
  content: "";
  position: absolute;
  top: 35px; 
  left: 50%; 
  margin-left: -15px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #3399cc; 
}

.menu-blue2 {display:table;text-align:center;margin:5px 0 10px 0;}
.menu-blue2 a { color:#c7e3fe;padding:10px 15px;font-family: 'Roboto', sans-serif;  }
.menu-blue2 a:hover, .menu-blue2 a.active{ color:#fff; }


.gridlist ul { margin-left:0px; padding-left:0; }
.gridlist ul li { list-style: none; margin-left:20px; margin-right:20px; line-height:2em; border-bottom:1px dashed #cccccc;}
.gridlist ul li a { color:#333333; }
.gridlist ul li a:hover { color:#022149; }
