@import 'pages.css?v=20200611';
@import 'toolbox_content.css';
@import '../js/fancybox/jquery.fancybox.css?v=2.1.5';
@import '../js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.7';
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);

body {
   color:#000000;
   background:#d7d7d7;
   font: 62.5%  Arial, Helvetica;
 }


/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}
/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
img { border: none; }


/* Clear Floats
--------------------------------------------------------------------------*/

.clearfix,ul.list-clear li{display:inline-block;}
.clearfix,ul.list-clear li{display: block;}

.clearfix:after,
ul.list-clear li:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}


.right{float: right !important;}
.left{float:left !important;}
.clear{clear: both;}


/* General Form Styles
-------------------------------------------------------------------------*/
input, textarea, select { outline:none;}
fieldset br{ clear:both;}
fieldset{ border:none;}



input.textbox, select.textbox, textarea{
  height: 47px;
  background:#FFF;
  border:1px solid #aaaaaa;
  padding:15px 12px;
  font: 14px Arial;
  margin: 0 0 10px 0;
}

input.textbox, select.textbox{
  width:100%;
}

textarea{
  width:100%;
  height:150px;
}

select{
  border:1px solid #cecece;
  border-radius: 5px;
  background:#FFF;
  height: 40px;
}

fieldset{
  margin: 0 0 20px 0;
}


/* General Link Styles
--------------------------------------------------------------------------*/
a:link, a:visited {
  color:#32353c;
text-decoration: none;}

a:hover{ color:#32353c;
 text-decoration:none;}


img.right{
  margin-left:15px;
  margin-bottom:15px;
}

img.left{
  margin-right:15px;
  margin-bottom:15px;
}

img.border{
  border:1px solid #FFF;
}

hr{
  background:#81d928;
  height: 3px;
  border:none;
  width:52px;
  margin: 15px 0;
}

hr.center{
  margin-left:auto;
  margin-right: auto;
}

.btn{
  background:#E4002B;
  color:#FFF;
  text-transform: uppercase;
  font-size:20px;
  text-align: center;
  padding:20px 50px;
  font-weight:bold;
  border:none;
}

.text-alt{
  font-family: 'Oswald',Arial;
}




.text-center{
  text-align: center;
}

.text-upper{
  text-transform: uppercase;
}

.text-left{
  text-align: left !important;
}

.text-bold{
  font-weight:bold;
}

.text-italic{
  font-style: italic;
}

.text-right{
  text-align: right;
}

.text-highlight{
  color:#E4002B;
}
.text-highlight a, .text-highlight a.visited {
  color:#E4002B;
}
.icon{
  float:left;
  margin-right:10px;
  text-indent: -999px;
  overflow: hidden;
  display: block;
  background-image: url('../images/ui/icons.png');
}

.icon-video{
  width:19px;
  height: 18px;
  background-position: 0 0;
}

.icon-photo{
  width:25px;
  height: 24px;
  background-position: -50px 0;
}

.icon-fyuse{
  width:17px;
  height: 31px;
  background-position: -100px 0;
}

.icon-find{
  width:14px;
  height:19px;
  background-position: 0 -50px;
}

.icon-download{
  width:21px;
  height:20px;
  background-position: -50px -50px;
}

/*-------------------------------------------------------------------------
                        PAGE STYLES
*-------------------------------------------------------------------------*/
.container{
  width:1024px;
  margin:0 auto;
  position: relative;
}

/*-------------------------------------------------------------------------
                        HEADER
*-------------------------------------------------------------------------*/
.header{
  position: relative;
  z-index: 100;
}

.header-top{
  background:url('../images/ui/bg_header.png') no-repeat center top;
  height: 101px;
  position: relative;
  text-align: center;
  padding:11px 0 0 0;
}


.list-social{
  position: absolute;
  right:0;
  top:15px;
  list-style: none;
}

.list-social li{
  float:left;
}

.list-social li a{
  background:url('../images/ui/social_links.png') no-repeat top left;
  height: 38px;
  text-indent: -999px;
  overflow:hidden;
  width:38px;
  display: block;
  margin-left:5px;
}

.list-social li a.link-twitter:hover{
  background-position: 0 -38px;
}

.list-social li a.link-facebook{
  background-position: -38px 0;
}

.list-social li a.link-facebook:hover{
  background-position: -38px -38px;
}

.list-social li a.link-instagram{
  background-position: -76px 0;
}

.list-social li a.link-instagram:hover{
  background-position: -76px -38px;
}

.list-social li a.link-youtube{
  background-position: -115px 0;
}

.list-social li a.link-youtube:hover{
  background-position: -115px -38px;
}

.header .logo{
  margin:0 auto;
}

.header-banner{
  background: url('../images/header.jpg') no-repeat center top;
  height: 241px;
  color:#FFF;
}

.header-banner .title{
  padding:95px 0 0 0;
  font-size:46px;
  text-transform:  uppercase;
  font-weight:bold;
  text-shadow: 5px 2px 12px rgba(0, 0, 0, 1);
}

.nav, .mobile-nav {
  background:#2a2a2a;
}

.main-nav{
  position: relative;
  color:#a5a5a5;
  font-size:14px;
}

.main-nav > li{
  float:left;
}

.main-nav.mobile{ height:520px; }
.main-nav.mobile > li{
  display:inline-block;
  height:50px;
  width:100%;
}

.main-nav > li > a{
  display: block;
  float:left;
  height: 65px;
  padding:25px 15px;
  text-transform: uppercase;
  color:#c4c4c4;
}

.main-nav > li > a:hover, .main-nav > li > a.active,
.main-nav > li:hover > a{
  color:#E4002B;
  background:#FFF;
}

#main-nav > li:hover .dropdown{
  display: block;
}

.main-nav .dropdown{
  position: absolute;
  width:100%;
  background:#FFF;
  top:65px;
  left:0;
  min-height: 190px;
  padding:20px 10px 0 10px;
  color:#000;
  display: none;
  z-index:10;
}

.main-nav .dropdown .btn-viewmore{
  background:url('../images/ui/btn_dd_more.png') no-repeat top left;
  width:134px;
  height: 32px;
  display: block;
  text-indent: -999px;
  overflow: hidden;
  margin: 0 auto;
}

.main-nav .dropdown .dropdown-image{
  position: absolute;
  bottom:2px;
  left: 220px;
  z-index: 0
}

.main-nav .dropdown .sub-nav,
.main-nav .dropdown .text,
.main-nav .dropdown .list-wheel-cat{
  position: relative;
  z-index: 1;
}


.main-nav .dropdown .sub-nav{
  width:240px;
  float:left;
  background:#ebebeb;
  padding:10px 0;
  font-size:12px;
  margin: 0 0 10px 0;
}

.main-nav .dropdown .sub-nav a{
  padding:8px 25px;
  display: block;
  float:none;
  width:240px;
}

.main-nav .dropdown .sub-nav a:hover,
.main-nav .dropdown .sub-nav a.active{
  background:#fff;
  color:#c90000;
}

.main-nav .dropdown .text{
  width:320px;
  float:left;
  margin: 0 0 0 20px;
}


.main-nav .dropdown .text p{
  font-size:12px;
}

.main-nav .dropdown .list-wheel-cat{
  float:left;
  width:400px;
  color:#E4002B;
  font-size:12px;
  text-transform: uppercase;
  font-weight: bold;
  margin:  15px 0 0 20px;
}

.main-nav .dropdown .list-wheel-cat li{
  width:125px;
  float:left;
  text-align: center;
  border-right:1px solid #b7b7b7;
}

.main-nav .dropdown .list-wheel-cat li:last-child{
  border:none;
  padding-top:20px;
  text-align: center;
  width:100%;
  float:none;
  clear:both;
}

.main-nav .dropdown .list-wheel-cat li img{
  display: block;
  margin:10px 0 5px 10px;
}

.main-nav .dropdown .list-wheel-cat a{
  color:#E4002B;
}

/*-------------------------------------------------------------------------
                        CONTENT
*-------------------------------------------------------------------------*/
.content{
  padding:20px 0;
}

.content .subtitle{
  font-size:21px;
  text-transform: uppercase;
  font-weight:bold;
  margin: 0 0 15px 0;
}



.content p{
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 15px 0;
}

.content .heading-5,
.content .heading-4,
.content .heading-3,
.content .heading-2,
.content .heading-1{margin-bottom:15px;}

.content .heading-5{font-size:15px;}
.content .heading-4{font-size:16px;}
.content .heading-3{font-size:17px;}
.content .heading-2{font-size:18px;}
.content .heading-1{font-size:19px;}

hr{
  background:#FFF;
  border:none;
  height: 2px;
  display: block;
  width:100%;
}


hr:before{
  content:"";
  display:block;
  border-top:1px solid #b1b1b1
}


.main-content{
  float:left;
}

.sidebar{
  float:left;
}


.note{
  background:#E4002B;
  color:#FFF;
  font-size:13px;
  padding:10px 160px 5px 160px;
  text-align: center;
  margin: 0 0 15px 0;
  clear:both;
}

.note.alt{
  background:#363636;
  padding: 10px 80px 5px 80px;
}

.note p{
  font-size:13px;
  line-height: 15px;
}

.highlight{
  margin-bottom:20px;
  background:#f5f5f5;
  color:#363636;
  padding:10px;
  padding-top:20px;
  border:1px solid #ffffff;
  border-width: 1px 1px 0 1px;
  border-bottom:5px solid #E4002B;
  box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
}

.highlight .title{
  color:#E4002B;
  font-size:21px;
  text-transform: uppercase;
  font-weight:bold;
  margin-bottom:10px;
}

.highlight p{
  font-size:13px;
  margin-bottom:10px;
}

/* pagination */

.pagination ul{
  float:right;
}
.pagination li{
  float:left;
}
.pagination a{
  display: block;
  float:left;
  padding:7px 10px;
  color:#FFF;
  font-size:15px;
  border-radius:5px;
  margin: 0 0 0 10px;
  background:#7e7d7d;
}
.pagination a:hover,
.pagination a.active{
  background:#E4002B;
}

/* grid triggered by masonry js */
.grid{
  margin: 0 0 20px 0;
  width:101%;
}



.grid-item{
  margin:0 0px 10px 0;
}

.grid-wrapper{
  margin-right:10px;
  position: relative;
}

.grid-item .overlay{
  position: absolute;
  width:100%;
  height: 98%;
  background:rgba(0,0,0,0);
  z-index: 1;
}

.grid-item a:hover .overlay{
  background:rgba(255, 0, 0, 0.7);
}

.grid-wrapper img{
  display: block;
}

.grid-item .icon{
  position: absolute;
  bottom:10px;
  right:0;
  z-index: 2;
}

.grid-wrapper .more{
  width:30px;
  height: 30px;
  font-size:16px;
  font-weight:bold;
  text-align: center;
  background:#E4002B;
  color:#FFF;
  position: absolute;
  z-index: 2;
  bottom:0;
  right:0;
  padding:7px 0 0 0;
}

/*-------------------------------------------------------------------------
                        FOOTER
*-------------------------------------------------------------------------*/
.footer{
  border-top:9px solid #000;

}

.footer-top{
  background:#2f2f2f;
  color:#5b5b5b;
  font:12px 'Open Sans',Arial;
  padding:50px 0 50px 0;
}

.footer-top .contact{
  width:230px;
  float:left;
  margin: 0 35px 0 0;
}

.footer-top h4{
  color:#979797;
  text-transform: uppercase;
  font-size:14px;
  margin: 0 0 5px 0;
}

.footer-top a{
  color:#5b5b5b;
}

.footer-top a:hover{
  color:#ccc;
}

.footer-top  p,
.footer-top ul{
  font-size:14px;
  margin: 0 0 20px 0;
}

.footer-top  .col{
  width:150px;
  float:left;
}

.footer-top ul li{
  margin: 0 0 5px 0; font-size:12px;
}

.footer-bottom{
  height: 144px;
  padding:32px 0 0 0;
  color:#000000;
  background:url('../images/ui/bg_footer.png') repeat-y center top;
}

.footer-bottom p{
  font-size:8px Arial;
  float:left;
}

.footer-bottom p a{
  color:#000;
  font-weight:bold;
  text-transform: uppercase;
}
.footer-bottom p a:hover{
	color: #de0000;
}

.footer-bottom .logo{
  position: absolute;
  width:64px;
  height: 56px;
  display: block;
  left:50%;
  top:-10px;
  text-indent: -999px;
  overflow: hidden;
  background:url('../images/ui/logo_rs.png') no-repeat top left;
}

.footer-bottom a.logo-footer {
	text-align: center;
	margin: 0px auto 10px auto;
	display: block;
	width:52px;
	height:49px;
	font-size:0;
	background: url('../images/ui/DigMo_logo.png') no-repeat top left;
	overflow:hidden;
  -webkit-transition:background-position 0s ease;
	-moz-transition:background-position 0s ease;
	-o-transition:background-position 0s ease;
	transition:background-position 0s ease;
}
.footer-bottom a.logo-footer:hover {
	background: url('../images/ui/DigMo_logo.png') no-repeat 0 -49px;
}

  .main-nav li.drop{
     position: relative;
  }

 .main-nav li.drop .dropdown{
    width:260px;
    min-height:0px;
 }
 .main-nav.mobile li.drop .dropdown, 
 .main-nav.mobile li.drop .dropdown .sub-nav,
 .main-nav.mobile li.drop .dropdown .sub-nav a{
	width:100%;
}