/***** Tablet.css for COTIQU *****/
body {
	padding: 0;
}
a,
a:hover {
	-webkit-transition: all .15s linear;
	transition: all .15s linear;
}




/***** Type *****/
h1 {
	font-size: 43px;
}
h2 {
	font-size: 30px;
}




/***** Header *****/
header {
	height: 80px;
	margin: 0;
	border-color: #e8e8e9;
}
#logo {
	top: 18px;
}





/***** Nav *****/
#icon-menu {
	display: none;
}
nav {
	display: block;
	position: absolute;
	right: 0;
	top: 19px;
	width: 70%;
}
nav ul {
	float: right;
	width: auto;
}
nav li {
	float: left;
	width: auto;
	border: none;
	margin: 0 0 0 22px;
}
nav li ul {
	display: none;
}
nav .selected a,
.servicesPage .nav2 a,
.newsPage .nav3 a,
.clientsPage .nav4 a,
.homePage .nav1 a,
.aboutPage .nav5 a,
.contactPage .nav6 a,
.partnersPage .nav7 a {
	color: #0083da;
}




/***** Home *****/
#services {
	overflow: hidden;
}
#services h2 {
	margin-bottom: 34px;
}
#services .serviceBox {
	background: #f1f1f1;
	padding: 20px 20px 22px 20px;
	float: left;
	width: 47%;
	margin: 0 6% 34px 0;
	height: 205px;
}
#services .serviceBox:nth-child(2n+1) {
	margin-right: 0;
}
.serviceBox h3 {
	margin-bottom: 15px;
}
.serviceBox p {
	margin-bottom: 19px;
}
#news {
	overflow: hidden;
}
#news h2 {
	margin-bottom: 34px;
}
#news .newsBox {
	background: #f1f1f1;
	float: left;
	width: 47%;
	margin: 0 6% 12px 0;
	clear: none;
}
#news .newsBox:nth-child(3) {
	margin-right: 0;
}
.newsBox img {
	width: 40%;
}
#clients {
	padding-bottom: 46px;
}
.featuredQuote {
	width: 70%;
	margin: 0 auto;
	text-align: center;
}





/***** slider *****/
#sliderWrapper {
	height: 300px;
	margin: 0px 0px 32px 0;
	background: #000;
}
#sliderWrapper li {
	height: 300px;
}
#sliderWrapper li a { 
	height: 300px;
	background-size: auto 300px;
}
#sliderWrapper ol.dots {
	margin-left: -310px;
	bottom: 20px;
}
.ribbon {
	background: rgba(3,168,255,0.9);
	height: 150px;
	position: absolute;
	width: 100%;
	top: 75px;
}
#sliderWrapper h1,
#sliderWrapper .title {
	margin: 85px 0 0 0;
	position: relative;
	z-index: 1;
	padding: 0 20px;
}




/***** Page *****/
#content {
	overflow: hidden;
}
article {
	padding: 20px 2% 0 0;
	float:left;
	width: 65%;
	border-right: 1px solid #e8e8e9;
	border-bottom: 0;
}
aside {
	float: right;
	width: 30%;
	padding: 20px 0;
}
aside h2 {
	margin-bottom: 20px;
	font-size: 30px;
}
aside h3 {
	font-size: 19px;
}
aside p {
	font-size: 14px;
}
aside .serviceBox h3 {
	margin: 0;
}
aside .box {
	border: none;
	padding: 0;
}
aside .newsBox {
	background: #f1f1f1;
}
aside .newsBox img {
	width: 25%;
	margin: 0 6px 0 0;
}
aside .newsBox h3 {
	margin: 0;
	padding: 8px 3px 0 0;
	font-size: 17px;
	line-height: 1.1;
}
.intro {
	margin-top: -5px;
}
.servicesThumb img {
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}




/***** News List *****/
article .newsBox p {
	display: block;
}
article .newsBox h3 {
	line-height: 1.2;
	margin: -5px 0 10px 0;
	font-style: normal;
} 
.newsBox em {
	font-style: normal;
	font-family: 'Roboto', 'Helvetica Neue', Arial;
	color: #666;
	display: block;
	font-weight: 300;
	font-size: 13px;
	margin-bottom:8px;
}
.newsBox img {
	max-width: 150px;
}




/***** Contact *****/
textarea {
	max-width: 90%;
}




/***** Footer *****/
footer #col3,
#footerSub ul {
	display: block;
}
footer {
	padding: 34px 0 0 0;
}
footer .wrapper {
	padding: 0 2.5% 24px 2.5%;
}
#col1 {
	float: left;
	width: 26%;
}
#col2 {
	float: right;
	width: 70%;
}
#col3 {
	clear: both;
	border-top: 1px solid #51698d;
	padding-top: 24px;
}
#footerSub {
	text-align: left;
	overflow: hidden;
	font-size: 12px;
}
#footerSub ul {
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	list-style-type: none;
}
#footerSub li {
	float: left;
	width: auto;
	margin: 0 12px 0 0;
}
#footerSub a {
	text-decoration: none;
}
#footerSub em {
	font-family: 'Roboto', 'Helvetica Neue', Arial;
	font-style: normal;
}
#footerSub p {
	float: right;
	width: auto;
	text-align: right;
}



