a.cat{width:100%;display:inline-block;padding:10px;}
a.cat:HOVER{background-color:#000;}
a.catFaded{width:100%;display:inline-block;padding:10px;opacity: .2;}
a.catFaded:HOVER{background-color:#000;opacity: 1;}
.leftset{position:relative;left:-40px;}
.rightset{position:relative;right:40px;}

@media screen {
    /* MOBILE */
    #floating{position:fixed;display:inline-block;}
    
    main{clear:left;width:100%;padding:0;height:auto;overflow:auto;}
    
    section.title{display:block;width:100%;background-image:url('/design/image/hatch.png');padding:0 0 10px 0;}
    .titleHeader{width:100%;height:auto;padding:15px 0;background-image:url('/design/image/titleBackground.jpg');background-position:center;}
    .titleContainer{margin:auto;display:table;}
    .titleLogo{padding:0 10px;display:table-cell;}
    .titleLogo img:HOVER{transition: transform .5s;transform: scale(1.05);}
    .title{display:table-cell;vertical-align: middle;border-left:1px solid #fff;padding:0 25px;}
    
    section.mainContainer{background-color:#fff;overflow:auto;} 
    .mainContent{float:left;width:100%;} 
    article{width:100%;padding:40px 40px 0 40px;}
    article .lead{margin:0 auto;padding-top:40px;font-size:15px;font-weight:bold;line-height: 180%}
    article .text{margin:0 auto;padding-top:40px;font-size:14px;line-height: 150%}
    article .embed{margin:0 auto;padding-top:40px;height:auto;display:block;}
    article .embed table{background-color:#f5f5f5;}
    article .embed td{font-size:13px;border: 1px solid #fff;padding:5px 10px;text-align:center;}
    article .embed td.head{background-color:#0060aa;color:#fff;}
    article .embed td.motoAttribute{background-color:#ddd;text-align:left;}
    article .date{}
    article .imageContainer{width:100%;}
    article .imageContainer img{width:inherit;margin:30px auto 0 auto;}
    article .imageContainer p{padding:10px 0;font-size:12px;font-style:italic;text-align:center;}
    .embed{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
    .embed iframe, .embedobject, .embed embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .chapter{width:100%;margin-bottom:40px;}
    .chapter iframe, .chapter object, .chapter embed{position: absolute; width:100%;}
    .chapterHeader{position:relative;height:40px;background-color:#eee;padding:0;}
    .chapterTitle{position:relative;left:-20px;font-size:17px;height:40px;padding:10px 0 0 0;overflow:hidden;white-space: nowrap;}
    .chapterLead{margin-top:30px;font-size:14px;line-height:150%;}
    .chapterLead b{font-size:15px;font-weight:bold;line-height:150%;}
    .details{margin-top:30px;background-color:rgba(0,0,0,0.3);border-radius:0;padding:0 0 0 5px;}
    .details:HOVER{background-color:#0060aa;}    
    .details:HOVER span{color:#0060aa;}
    .details span{display:inline-block;background-color:#fff;color:rgba(0,0,0,0.3);margin-left:5px;padding:5px 15px;}
    .chapterText{display:none;margin-top:30px;font-size:14px;line-height:150%;}
    .chapterText b{font-size:14px;font-weight:bold;line-height:150%;}
    
    .calculateContainer{width:100%;padding: 30px 0 0 0;}
    .calculateContainer table{width:100%;}
    .calculateContainer td.price{font-size:15px;font-weight:bold;text-align:right;color:#000;white-space:nowrap;}
    .calculateContainer td.faded{opacity:0.2;}
    .calculateContainer td.input{width:60px;text-align: center;}
    .calculateContainer td.variable{font-size: 15px;padding:5px 0;}
    .calculateContainer td.info{padding:0 0 10px 15px;font-size:14px;line-height:140%;font-style:italic;color:#999;}
    .calculateContainer td.line{padding-top:10px;border-bottom:1px solid #ccc;}
    .calculateContainer td.total{width:20%;padding-top:20px;font-size:17px;font-weight:bold;text-align:right;color: #003e96;white-space:nowrap;}    
    .calculateContainer .checkbox {display:none;}
    .calculateContainer .checkbox + label {margin:7px 0 0 0;background-image:url('/design/image/checkboxOff.png');width:30px;height:20px;display: inline-block;position: relative;cursor:pointer;}
    .calculateContainer .checkbox:checked + label {background-image:url('/design/image/checkboxOn.png');}
    .calculateContainer .checkbox:disabled + label {opacity:0.4;cursor:default;}
    .calculateContainer .radio {display:none;}
    .calculateContainer .radio + label {margin:7px 0 0 0;background-image:url('/design/image/radioOff.png');width:20px;height:20px;display: inline-block;position: relative;cursor:pointer;}
    .calculateContainer .radio:checked + label {background-image:url('/design/image/radioOn.png');}
    .calculateContainer .radio:disabled + label {opacity:0.4;cursor:default;}
    
    .listContent{padding:40px 20px;overflow:auto;} 
    .articleBox{float:left;width:100%;padding:20px;min-height:260px;border:1px solid #fff;border-radius:5px;cursor:pointer;}
    .articleBox:HOVER{background-color:#f5f5f5;border-color:#eee;}
    .articleBox .title{padding-bottom:20px;font-size:21px;text-align:center;}
    .articleBox .lead{padding-bottom:20px;font-size:14px;line-height:150%;}
     
    .relatedContent{float:left;width:100%;padding:0 40px;position:relative;}     
    .relatedTitle{font-size:19px;height:40px;padding:10px 0 0 40px;background-color:#eee;}
    .related{position:absolute;top:40px;right:0px;cursor:default;}
    .related:HOVER{background-color:#0060aa;}
    .staffSection{height:auto;display:block;margin:0;overflow:visible;padding:10px 0;}    
    .staffBox{padding:20px;border-radius: 5px;}
    .staffBox img{border-radius: 3px;}
    .staffBox img:HOVER{transition: transform .5s;transform: scale(1.02);}
    .staffBox:HOVER{background-image:url('/design/image/hatchFaded.png');}
    .staffName{margin-top:15px;font-size:17px;font-weight:100;text-align:center;text-transform: uppercase;}
    .staffFirstName{margin-top:2px;font-size:15px;font-weight:100;text-align:center;}
    .staffJob{margin-top:10px;font-size:13px;font-weight:100;text-align:center;color:#1d5199;}    
    
    section.plus{width:100%;height:auto;overflow:auto;}
    .plusContainer{width:100%;height:auto;margin:0 auto;padding:20px 0;background-color:#0060aa;overflow:auto;}
    #plusSzamol{width:100%;height:auto;overflow:auto;padding-bottom:10px;text-align:left;}
    .plusSzamolTitle{margin: 30px auto 20px 60px;font-size: 20px; font-weight: bold; color: #FFF;}
    .plusTitle{margin: 10px auto 30px auto;font-size: 20px; font-weight: bold; color: #FFF; text-align: center;}
    .plusBoxContainer{padding:0 30px;}
    .plusBox{float: left;height: 66px;}
    .plusBoxImage{margin: 0px 10px;cursor: pointer;}
    .plusInfo {margin: 20px 0px 30px 0px;font-size: 12px; font-style: italic; font-weight: normal; color: #FFF;}
    .plusDetail {display: none;overflow: auto;width: 100%; height: auto;text-align: left;background-color: #3380bb;cursor: url('/design/image/close.cur'),pointer;}
    .plusDetailTitle {margin: 20px 40px 0px 40px;font-size: 20px; font-weight: bold; color: #FFF;}
    .plusDetailInfo {margin: 5px 40px 20px 40px;font-size: 14px; font-weight: normal; line-height: 150%; color: #FFF;}    
    .plusImageContainer{padding:0 40px 20px 40px;} 
    .plusImageContainer img{width:100%;}
    
    .boxIcon {float: left;margin: 20px 20px 20px 0px;}
    .boxTitle {float: left;margin: 26px 0px 0px 0px; font-size: 20px; color: #000;text-align: left;}
    .boxImageBox {margin: 0px 40px;}
    .boxImage { max-width: 100%; }
    .boxListTitle {clear: left; margin: 26px 40px 0px 40px;  font-size: 17px; color: #000; text-align: left;}
    .boxListText {clear: left;margin: 5px 40px 0px 40px;font-size: 13px; font-weight: normal; color: #000;text-align: left;}
    .boxText {clear: left; margin: 20px 40px 20px 40px;font-size: 13px; font-weight: normal; color: #000; text-align: left;}
}

@media screen and (min-width: 768px) {
    /* TABLET */     
    
    section.mainContainer{max-width:1360px;margin:0 auto;}
    
    .category{max-width:1360px;}
    
    article .imageContainer img{max-width:75%;}
    article .embed{max-width:75%;}
    .chapterTitle{font-size:19px;}
    .listContent{max-width:1360px;margin:0 auto;}
    
    .articleBox{width:33.33%;}    
    
    .calculateContainer td.total{font-size:19px;}  
       
    .categoryContainer ul li{float:left;width:10%;}
    
}

@media screen and (min-width: 1360px) {
    /* DESKTOP */
    
    .mainContent{width:66.66%}    
    article{width:100%;}
    .relatedContent{width:33.33%;padding-top:40px;}
    
    .plusContainer{width:1360px;}
}