body{font: 16px/24px 'Lato', sans-serif}
ol,ul{list-style:none;margin:0 0 1em 0;padding:0}
img{ max-width: 100%; height: auto; }
a{text-decoration: none; color: #333; font-weight: 600;}
a:hover{color: #DB002F!important;}

h1,h2{text-transform: uppercase;}
h1{font-size: 1.7em; color: #333; line-height:1.2em; width:70%;}
h2{font-size: 1em; color: #888}
h3{font-size:.9em; color: #ccc; text-transform: uppercase; }
h4{margin: 0 0 0 0; font-weight: 400; text-transform: uppercase}
h5{font-weight: 600; font-size: 1em}

p{color: #888; }

.head-menu ul li a{text-transform: uppercase}

footer{width: 100%; background:#1D1D1D; padding: 50px 0;}
.footer-links ul li a{color: #ccc; text-transform: uppercase; line-height: 1.9em; font-weight: 300}
.footer-links span{color: #888; text-transform: uppercase}
.footer-links ul, .social-links ul{border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px;}
.social-links span{color: #888; text-transform: uppercase}

footer .social-links { text-align: right;}
footer .social-links ul li a{ position:relative; float:right; width:42px; height:42px; margin:4px; cursor:pointer; list-style-type: none}
footer .gg a { background:url('../images/social/google.png') no-repeat top left; }
footer .gg a:hover { background:url('../images/social/google-h.png') no-repeat top left; }
footer .fb a { background:url('../images/social/facebook.png') no-repeat top left; }
footer .fb a:hover { background:url('../images/social/facebook-h.png') no-repeat top left; }
footer .tw a { background:url('../images/social/twitter.png') no-repeat top left; }
footer .tw a:hover { background:url('../images/social/twitter-h.png') no-repeat top left; }
footer .in a { background:url('../images/social/in.png') no-repeat top left; }
footer .in a:hover { background:url('../images/social/in-h.png') no-repeat top left; }
footer .vm a { background:url('../images/social/vimeo.png') no-repeat top left; }
footer .vm a:hover { background:url('../images/social/vimeo-h.png') no-repeat top left; }
footer .yt a { background:url('../images/social/yt.png') no-repeat top left; }
footer .yt a:hover { background:url('../images/social/yt-h.png') no-repeat top left; }

div.logo-nav .company-nav ul li a{text-transform: uppercase; color: #888; font-size: .8em }
div.content .company-nav{margin-bottom: 35px; margin-top: 10px;}
div.content .company-nav ul li,div.logo-nav .company-nav ul li{display: inline; list-style-type: none; }
div.content .company-nav ul li a{text-transform: uppercase; margin-right: 5px; color: #333; font-weight:600}
div.logo-nav .company-nav ul li:nth-child(2):before {margin: 0 5px;content: '|'; color: #888; font-weight: 300}
div.logo-nav .company-nav ul li:nth-child(2):after {margin: 0 5px;content: '|'; color: #888; font-weight: 300}
div.content .company-nav ul li:nth-child(2):before{margin: 0 10px; content: '|'; color: #888; font-weight: 300}
div.content .company-nav ul li:nth-child(2):after{margin: 0 10px; content: '|'; color: #888; font-weight: 300}
div.content .col-dt-9 ul li{list-style-type: circle; color: #888}

#header{background: #000; padding: 20px 0 15px 0; margin: 0 0 30px 0}
#header nav{text-align: center;}
#header nav ul li{display: inline}
#header nav ul li a:before{content: '|'; padding: 0 10px;}
#header nav ul li:nth-of-type(1) a:before {content: ''}
#header nav ul li a{color: #fff; font-size: .9em; text-transform: uppercase}

.pdf-file{padding: .8em 0 .8em 3em; background: url(../images/icons/filetype_PDF.svg) no-repeat 0 0 ; display: block; line-height: 1em}

/*HEAD[slider,aside]*/
.head{margin-top: 25px}
.head aside nav ul li{padding:25px 25px;background: url(../images/patterns/geometric_pattern.png); margin-bottom: 2px }
.head aside nav ul li a{  color: #fff; text-transform: uppercase; font-size: .9em;}

/*SLIDERS*/
.royalSlider { width: 100%; height: 479px;}
.rsContent .text{ font-size: 1.5em; position: absolute; top: 15%; left:10%; text-transform: uppercase; width: 60%;text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);line-height:1.2em;}
.rsContent .text strong{font-weight: 800;display: block; font-size: 1.3em; line-height: 1.2em}

div.content .company-nav{border-bottom: 1px solid #ccc; padding: 19px 0 10px; }
.content .news h2{border-bottom: 1px solid #ccc; padding: 22px 0 18px;border-top: 2px solid #ccc; }
div.content{margin-bottom: 30px }
.bodycontent ul{ list-style-type: circle; margin-left: 20px; color: #888}
.bodycontent{padding: 0}
.linked-docs-image{ margin-right: 10px }
.bodycontent .col-12{padding: 0}
.bodycontent .col-12 h1{margin: 0 0 30px 0;}

/*CREDENTIALS*/
.logo_credentials{margin:10px;}

/*HOME*/
.applications{padding: 0}
.applications .image{padding: 0}
.applications .image{}
.applications .excerpt h1{margin-top: 0}
div.col-group.applications{ border-bottom: 1px solid #ccc; padding-bottom: 30px;margin-bottom: 30px }

.case-studies{padding: 0}
.case-studies .image{padding: 0}
.case-studies .excerpt{padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-bottom: 30px;line-height: 1em }
.case-studies .excerpt{padding-left: 0}
.case-studies .excerpt a{font-size: .8em}

/*BREADCRUMB*/
.crumbs{border-bottom: 1px solid #ccc; padding: 35px 0 21px; text-transform:uppercase;color:#ccc; margin-bottom:2em;}
.crumbs a{text-decoration:none;color:#888; border-bottom:4px solid #ddd;}
.crumbs em{margin:0 .5em;color:#ccc;}

/*TABLES*/

caption{
	font-weight: 800;
	color: #444;
	text-transform: uppercase;
	text-align: left;
	padding: 30px 0 20px 0;}

table{width: 100%;
	  border-top: 2px solid #333;
	  margin-bottom: 40px;

}

td{	height: 47px;
	vertical-align: middle;
	padding: 1em;
	}

tr:nth-child(even){background: #F5F5F5;}

legend{
	text-transform: uppercase;
	font-weight: 800;
	color: #444;
	border-bottom: 2px solid #333;
	padding-bottom: 20px;
	margin-bottom: 20px;
	width: 100%;
}

thead{font-weight: 600; text-transform: uppercase}


/*MEDIA QUERIES*/

/*DEFAULT TEMPLATE*/


@media(max-width:992px){
    .news{margin: 50px 0 }
    .case-studies .image{padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-bottom: 30px;line-height: 1em }
    .case-studies .excerpt{border: none;}
}

.tinynav { display: none }

/*STYLES FOR MOBILE*/
@media screen and (max-width:768px){
    div.content .company-nav ul li{display: block; margin-left: 20px; line-height: 3em}

    .tinynav { display: block }
    #nav { display: none }
    div.content .company-nav ul{display: none}
    .tinynav{width: 100%}


    .applications .image{ border-bottom: none; padding-bottom: 0px;margin-bottom: 20px }

    .case-studies .image{padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-bottom: 30px;line-height: 1em }
    .case-studies .excerpt{border: none}
		div.royalSlider{display:none}
aside nav ul{display:none}
    .tinynav{width: 100%; margin: 1em 0;}
		.lang-nav{margin: .9em 0;}
   }

@media all and (max-width: 1200px) and (min-width: 993px){
.rsContent .text{ top:5%; left:5%; }
  /*body{background-color: #900;}*/
}
@media all and (max-width: 992px) and (min-width: 768px){
.rsContent .text{ font-size: .9em; top:5%; left:5%; }
    /*body{background-color: #900;}*/
}