/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: ALLSTREM*/
/* Version: 1.0 Initial Release*/
/* Build Date: 12-10-2015*/
/* Author: ITW*/
/* Website: 
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - FONTS */
/* 02 - LOADER */


/*-------------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - FONTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?14233253');
  src: url('../fonts/fontello.eot?14233253#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?14233253') format('woff'),
       url('../fonts/fontello.ttf?14233253') format('truetype'),
       url('../fonts/fontello.svg?14233253#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa{font-family: "fontello"; display: inline-block;  font-size: inherit; font-size-adjust: none; font-stretch: normal;  font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; transform: translate(0px, 0px);}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - LOADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#loader-wrapper{position:fixed; left:0px; top:0px; width:100%; height:100%; z-index: 11; overflow:hidden; background:#fff;}
#loader-wrapper.act{background:none;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - RESET STYLES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
body *{-webkit-text-size-adjust:none;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
input[type="text"], input[type="submit"], textarea{font-family: "Helvetica", "Arial", sans-serif; font-weight: 400; -webkit-appearance: none; border-radius: 0;}
select{font-family: "Helvetica", "Arial", sans-serif; font-weight: 400; border-radius: 0;}
a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;}
body{font-family: "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 14px; line-height: 1; color: #777777; min-width: 980px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*table*/
.table-view{height: 100%; width: 100%; display: table;}
.row-view{display: table-row;}
.cell-view{display: table-cell; vertical-align: middle; height: inherit;}
.group{display: table-row-group;}
table{width: 100%; border-collapse: collapse; border-spacing: 0;}
/*buttons*/

/*nopadding class*/
.nopadding {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}
/*content wrapper*/
#content-wrapper{padding-top: 0px; position: relative; overflow: hidden; width: 100%;}
.center{position: relative; width: 990px; margin: 0px auto;}
/*typography*/
.h1{font-size: 45px; line-height: 45px;}
.h1 span{color: #f57f20;}
.h1 b{font-weight: bold;}
.h2{font-size: 34px; font-weight: bold;}
.h2-s{font-size: 30px; line-height: 32px; font-weight: bold;}
.h2-l{font-size: 40px; line-height: 40px; font-weight: bold;}
.h2-l span{color: #f57f20;}
.h3-l{font-size: 24px; line-height: 26px; font-weight: bold;}
.h3{font-size: 20px; line-height: 22px; font-weight: bold;}
.h4{font-size: 18px; line-height: 20px; font-weight: bold;}
.h5{font-size: 17px; line-height: 19px; font-weight: bold;}
.h6{font-size: 16px; line-height: 18px; font-weight: bold;}
article{position: relative; width: 100%;}
.accordion-in article{float: left;}
article h2, .h3-l, .h6, .h3{padding-bottom: 20px;}
article p a, article ul a{color: #f57f20;}
article p a:hover, article ul a:hover, article ol a:hover{text-decoration: underline;}
article p b{font-weight: bold; color: #000;}
ul{padding-left: 15px; padding-bottom: 20px;}
ol{padding-left: 25px; padding-bottom: 20px;}
object{padding-bottom: 20px;}
.smaller{font-size: 11px; line-height: 16px;}
.small{font-size: 12px; line-height: 16px;}
.small-l{font-size: 12px; line-height: 20px;}
.small-x{font-size: 13px; line-height: 20px;}
.normall{font-size: 14px; line-height: 18px;}
.normall-l{font-size: 14px; line-height: 20px;}
.normall-x{font-size: 18px; line-height: 22px;}
.normall-16{font-size: 16px; line-height: 20px;}
.normall-x b, .normall b, .normall-l{font-weight: bold;}
.big{font-size: 22px; line-height: 24px;}
.grei-444444{color:#444444;}
.grei-333333{color:#333333;}
.grei-666666{color:#666666;}
.orange{color: #f57f20;}
.black{color: #000;}
.blu{color: #66b0df;}

.no-padding{padding: 0px !important;}
.no-margin{margin: 0px !important;}

.m-bot-10{margin-bottom: 10px;}

/*buttons*/
.button{position: relative; display: inline-block;}
.button .fa{position: relative; float: left; color: #fff; font-size: 12px; width: 30px; height: 30px; line-height: 30px; background: #c3c3c3; border-radius: 50px; text-align: center; box-shadow: inset 0px 0px 4px rgba(0,0,0,0.3); text-shadow:0px 0px 5px rgba(0,0,0,0.4);}
.button span{position: relative; float: left; height: 30px; line-height: 30px; color: #666666; padding-left: 6px; font-weight: bold;}
.button img{position: relative; float: left;}
.button:hover .fa{background: #f57f20;}
.button:hover span{color: #f57f20;}
.button-big{position: relative; display: inline-block; background:#f57f20; font-size: 14px; font-weight: bold; color: #fff; padding: 5px 15px; border-radius: 7px; box-shadow: 0px 1px 2px rgba(0,0,0,0.2);}
.button-big:hover{background: #000;}
.button-big.button-small{font-size: 13px; font-weight: normal;}

/*buttons*/

.table-type-1{display: inline-block; width: 100%; padding-bottom: 20px;}
.table-type-1 table{border-bottom:1px solid #fff; }
.table-type-1 th:last-child, .table-type-1 td:last-child{border-right:1px solid #fff;}
.table-type-1 th, .table-type-1 td{border-top:1px solid #fff; border-left:1px solid #fff; padding: 15px 0px;}
.table-type-1 th{background: #cfcfcf; color: #666666; font-size: 13px; text-align: center;}
.table-type-1 th b{color: #000; font-size: 18px; font-weight: bold; display: block;}
.table-type-1 th span{display: block;}
.table-type-1 .th1{background: #666666; color: #fff; font-weight: bold; font-size: 13px; text-align: center;}
.table-type-1 .th1 b{font-size: 24px; padding: 0px 3px;}
.table-type-1 .th2{background:#fff;}
.table-type-1 .th2 td{padding: 15px 12px;}
.table-type-1 .w-45{width:48%; position: relative; float: left;}
.table-type-1 .w-45:last-child{float: right;}
.table-type-1 .w-45 th{color:#000000; font-size: 17px; text-align: left; padding-left: 10px;}
.table-type-1 .w-45 th b{display: inline-block;}
.table-type-1 .w-45 th span{font-size: 14px; display: inline-block;}
.table-type-1 .w-45 .th2 p{color: #000; font-size: 19px; font-weight: bold; width: 155px; white-space: nowrap; letter-spacing: -0.8px; padding-top: 5px;}
.table-type-1 .w-45 .th2 p span{color: #746666; font-size: 12px; padding-left: 2px;}
.table-type-1 .w-45 .th2 a{float: right;}
.table-type-1 .w-45 .th2 td{vertical-align: top; padding-bottom: 0px;}
.table-type-1 .w-45 .th2:last-child td{padding-top: 0px; padding-bottom: 0px;}
.table-type-1 .w-45.w-100{width: 100%;}
.table-type-1 .w-45.w-100 .th2 p{width: auto; color: #666666; letter-spacing: 0px; float: right; display: inline; padding-right: 15px;}
.table-type-1 .w-45.w-100 .th2 td{padding-top: 15px; vertical-align: middle;}

.table-type-2{display: inline-block; width: 100%; padding-bottom: 20px; text-align: left;}
.table-type-2 th{color: #333; font-size: 15px; font-weight: bold; background: #dddddd;}
.table-type-2 table{border-bottom:1px solid #bbbbbb; }
.table-type-2 th:last-child, .table-type-2 td:last-child{border-right:1px solid #bbbbbb;}
.table-type-2 th, .table-type-2 td{border-top:1px solid #bbbbbb; border-left:1px solid #bbbbbb; padding:10px;}
.table-type-2 tr:nth-child(odd) td{background: #eeeeee;}
.table-type-2 tr:nth-child(even) td{background: #ffffff;}
.table-type-2 tr:hover td{background: #000; color: #fff;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
header{position: relative; float: left; width: 100%; z-index: 10;}
#logo{position: relative; float: left; margin-top: 5px; margin-bottom: 18px;}
#logo-titel{position: relative; float: left; font-size: 10px; color: #222222; font-weight: bold; line-height: 12px; margin-top: 33px; margin-left: 16px;}
#logo-titel b{color: #f57f20; font-size: 12px;}
.header-right{position: relative; float: right;}
.header-right-top{position: relative; float: right; margin-top: 9px;}
.header-top-linck{position: relative; float: right;}
.header-top-linck a{position: relative; float: left; color: #888888; font-size: 12px; padding: 5px 9px;}
.header-top-linck a b{font-weight: bold;}
.header-top-linck a:after{position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #c0c0c0; content: "";}
.header-top-linck a:last-child:after{display: none;}
.header-top-linck a:hover, .header-top-linck a.active{color: #f57f20;}
.header-right-bottom{position: relative; float: right; clear: both; margin-top: 16px;}
.header-right-bottom .header-top-linck a:last-child:after{display: block;}
.follow{position: relative; float: right; margin-right: 9px;}
.follow a{position: relative; float: left; color: #5e5e5e; font-size: 17px; margin-left: 9px; width: 22px; height: 22px; line-height: 25px; text-align: center;}
.follow a:nth-child(1):hover{background:#0a6695; color: #fff;}
.follow a:nth-child(2):hover{background:#97e5e7; color: #fff;}
.follow a:nth-child(3):hover{background:#ff3737; color: #fff;}
.follow a:nth-child(4):hover{background:#4060ad; color: #fff;}
.follow a:nth-child(5):hover{background:#ff8d1a; color: #fff;}
nav{position:relative; clear: both; width: 100%; height: 44px; background: #333333; box-shadow:inset 0px 7px 10px rgba(0,0,0,0.5);}
nav:after{position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; content: ""; box-shadow:inset 0px -7px 10px rgba(0,0,0,0.5);}
nav ul{position: relative; z-index: 1;}
nav ul li{list-style: none; position: relative; float: left;}
nav ul li a{position: relative; float: left; color: #fff; height: 44px; line-height: 44px; font-size: 12px; font-weight: bold; margin-right: 35px; padding-right: 18px;}
nav ul li.sub-meny a:after{position: absolute; right: 0px; top:50%; margin-top: -2px; width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid #fff; content: "";}
nav ul li a:hover, nav ul li a.active{color: #f57f20;}
nav ul li a:hover:after, nav ul li a.active:after{border-top: 5px solid #f57f20;}
nav ul li.sub-meny ul{position: absolute; left: -15px; padding-top: 10px; z-index: -1;}
nav ul li:hover.sub-meny ul{padding-top: 54px;}
nav ul li.sub-meny ul:before{position: absolute; left: -2500px; top: 0px;  width: 10000px; min-height: 0px; background: rgba(0,0,0,0.8); content: ""; opacity: 0;}
nav ul li.sub-meny ul li{clear: both;}
nav ul li.sub-meny ul li a{width: 310px; padding: 0px 5px; font-size: 0px; line-height: 0px; height: 0px; border-bottom:0px solid #888888; opacity: 0;}
nav ul li.sub-meny ul li a:after{display: none;}
nav ul li.sub-meny:hover ul:before{min-height: 214px; opacity: 1;}
nav ul li.sub-meny:hover ul li a{border-bottom:1px solid #888888; height: 30px; line-height: 31px; font-size: 14px; opacity: 1;}
.search{position: absolute; right: 0px; top: 0px; margin-top: 10px; z-index: 1;}
.search div{position: absolute; top: 0px; right: 0px;}
.search input[type="text"]{position: relative; float: left; background: #fff; border: 0px; height: 22px; line-height: 22px; width: 130px; padding-left: 5px; padding-right: 25px; font-size: 13px; font-style: italic; color: #000;}
.fr-lg .search input[type="text"]{width: 150px;}
.search input[type="submit"]{position: absolute; left: 0px; top: 0px; background: none; border: 0px; cursor: pointer;}
.search i{color: #989898; padding-right: 5px; padding-top: 4px;}
.search:hover i{color: #f57f20;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
footer{position: relative; float: left; width: 100%; background: #e3e3e3; padding-top: 15px;}
.footer-top{position: relative; float: left; width: 100%; border-top:2px solid #eeeeee; padding-top: 30px; padding-bottom: 30px;}
.footer-top-thumbs{position: relative; float: left; padding-left: 20px; width: 144px;}
.footer-top-thumbs:last-child{border-left:2px solid #eeeeee;}
.footer-top-thumbs a{position: relative; float: left; clear: both; color: #666666; font-size: 12px; padding-bottom: 7px;}
.footer-top-thumbs a:nth-child(1){font-weight: bold; padding-bottom: 27px;}
.footer-top-thumbs a:last-child{padding-bottom: 5px;}
.footer-top-thumbs a:hover{color: #f57f20;}
.footer-bottom{position: relative; float: left; width: 100%; border-top:2px solid #eeeeee; padding-top: 15px; padding-bottom: 50px;}
.copy{position: relative; float: left; color: #666666; font-size: 13px; line-height: 20px;}
.footer-bottom .follow{margin-right: 0px;}
.footer-bottom .follow a{background: #fefefe; width: 23px; height: 23px;}

.footer-news{position: relative; float: left; width: 100%; background: #e3e3e3; padding-top: 45px;}
.footer-news-thumbs{position: relative; float: left; width: 320px; margin-right: 15px;}
.footer-news-thumbs img {float: left;}
.footer-news-thumbs:last-child{margin-right: 0px;}
.footer-news-thumbs .titel{position: relative; float: left; width: 100%; background: #2d2d2d; color: #fff; padding: 10px; box-sizing: border-box; font-size: 12px; font-weight:bold;}
.footer-news-thumbs article{background:#fff; padding:8px; box-sizing: border-box; min-height:236px; padding-bottom: 60px;}
.footer-news-thumbs article img{padding: 10px 7px; box-shadow:0px 0px 2px rgba(0,0,0,0.5); margin-right: 8px;}
.footer-news-thumbs article p, .footer-news-thumbs article h3{padding-right: 10px;}
.footer-news-thumbs article .button{border-top:1px solid #dddddd; width: 304px; margin-top: 20px; padding-top: 7px; position: absolute; left: 0px; bottom:8px; margin: 0px 8px;}
.footer-news-thumbs article a{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.footer-news-thumbs article:hover .button .fa{background: #f57f20;}
.footer-news-thumbs article:hover .button span{color: #f57f20;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - HOME */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.home-baner{position: relative; float: left; width: 100%;}
.home-baner-top{position: relative; float: left; width: 100%;}
.home-baner-top-thumbs{position: relative; float: left; width: 100%;}
.home-baner-top-thumbs article{width: 610px; padding-left: 30px; color: #808080;}
.home-baner-top-thumbs article .h1{padding-bottom: 8px;}
.home-baner-top-thumbs article p{padding-bottom: 12px;}
.home-baner-top-thumbs img{position: relative; float: right; height: 330px; margin-right: 80px;}
.home-baner-bottom{position: relative; float: left; width: 100%; background: #a9a9a9; text-align: center;}
.home-baner-bottom a{position: relative; display: inline-block; color: #fff; font-size: 12px; line-height: 18px; padding: 7px; margin: 0px 10px; width: 125px;}
.home-baner-bottom a:hover, .home-baner-bottom a.active{background: #222222; color: #f57f20;}
.home-baner .pagination{display: none;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - PRODUCTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.products{position: relative; float: left; width: 100%; background: #e3e3e3;}
.products .titel{position: relative; float: left; color: #333333; width: 100%; background: #c7c7c7; border-bottom:1px solid #ffffff; padding: 15px 0px;}
.products .titel .sub-titel{position: relative; float: left; width: 100%; font-size: 12px; line-height: 18px; color: #333333; font-weight: bold;}
.products-conteiner{position: relative; float: left; width: 100%; padding-top: 30px;}
.products-conteiner-left{position: relative; float: left; width: 580px; margin-bottom: 15px; color: #666666;}
.products-conteiner-left article img{width: 100%;}
.products-conteiner-left article p, .products-conteiner-left article .h4{padding-bottom: 20px;}
.products-conteiner-left article .h4.pad-b-5{padding-bottom: 5px;}
.products-conteiner-left article .line{width: 100%; height: 1px; background: #888888; display: block;}
.products-conteiner-left .h2-l{padding-bottom: 20px;}
.products-conteiner-right{position: relative; float: left; margin-left: 80px; margin-bottom: 35px; width: 300px; background:#fff; box-shadow: 0 0 12px #666666; padding: 15px; min-height: 510px;}
.products-conteiner-right-d{position: relative; float: left; margin-left: 80px; margin-bottom: 35px; width: 300px;}
.products-conteiner-right-thumbs{position: relative; float: left; width: 100%; display: none;}
.products-conteiner-right-thumbs.active{display: block;}
.products-conteiner-right-thumbs .products-conteiner-right-thumbs-h2{position: relative; float: left; width: 100%; font-size: 40px; line-height: 40px; color: #333333; font-weight: bold;}
.products-conteiner-right-thumbs .products-conteiner-right-thumbs-h2 b{color: #f57f20;}
.products-conteiner-right-thumbs .products-conteiner-right-thumbs-h3{position: relative; float: left; width: 100%; font-size: 30px; line-height: 30px; color: #666666; font-weight: bold; padding-top: 5px;}
.products-conteiner-right-in{position: relative; float: left; width: 100%; overflow: auto; overflow-x: hidden; height: 455px; padding-right: 15px;}
.products-conteiner-right .h3{position: relative; float: left; width:100%; color: #f57f20; line-height: 20px; border-bottom:2px solid #e3e3e3; padding-bottom: 5px; margin-bottom: 7px;}
.products-conteiner-right span{position: relative; display: block; color: #000; font-size:17px;}
.products-conteiner-right a{position: relative; float: left; width:100%; margin-top: 13px; border-bottom:1px solid #dddddd; padding-bottom: 9px;}
.products-conteiner-right a span{position: relative; float: left; width: 100%; box-sizing: border-box; padding-right: 40px; color: #666666; font-size: 13px; padding-left: 10px;}
.products-conteiner-right a b{font-weight: bold; position: relative; display: block; color: #333333; font-size: 14px;}
.products-conteiner-right a .fa{position: absolute; right: 0px; top: 0px; color: #fff; font-size: 12px; width: 30px; height: 30px; line-height: 30px; background: #c3c3c3; border-radius: 50px; text-align: center; box-shadow: inset 0px 0px 4px rgba(0,0,0,0.3); text-shadow:0px 0px 5px rgba(0,0,0,0.4);}
.products-conteiner-right a:hover .fa{background: #f57f20;}
.products-conteiner-right a:hover b{color: #f57f20;}
.product-meny{position: relative; float: left; width: 100%;}
.product-meny div{position: relative; float: left; width: 100%; color: #f57f20; font-size: 18px; line-height: 20px; font-weight: bold; padding: 8px 0px; cursor: pointer;}
.product-meny div:after{position: absolute; left: 0px; bottom: 0px; background: url(../img/withe-pix.png) repeat-x; width: 100%; height: 1px; content: "";}
.product-meny span{position: relative; padding-right: 18px; background: url(../img/arrow.png) no-repeat scroll 0px 2px; height: 8px;}
.product-meny div:hover span, .product-meny div.active span{padding-right: 12px;}
.product-funcions{position: absolute; right: 0px; top: 0px;}
.product-funcions div{position: relative; float: left; cursor: pointer; margin-left: 15px;}
.product-funcions div span{position: relative; float: left; color: #666666; font-weight: bold; line-height: 31px; font-size: 12px; padding-right: 4px;}
.product-funcions div:hover span{color: #f57f20;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - PRODUCTS-DETAIL-TYPE-1 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.products-detail-meny{position: relative; float: left; width: 100%;top: 16px;}
.products-detail-meny a{position: relative; float: left; font-size: 13px; line-height: 29px; height: 29px; font-weight: bold; padding: 0px 27px; color: #fff; border:1px solid #fff; margin-right: 1px;}
.products-detail-meny a:hover, .products-detail-meny a.active{color: #000; background: #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.get-a-quote{position: relative; float: left; width: 100%; background: #f57f20; padding: 15px 10px; box-sizing: border-box;}
.get-a-quote-titel{position: relative; float: left; width: 100%; color: #fff; font-size: 18px; line-height: 20px; font-weight: bold;}
.get-a-quote-titel span{color: #000;}
.get-a-quote-text{position: relative; float: left; color: #fff; font-size: 16px; font-weight: bold; height: 27px; line-height: 27px;}
.get-a-quote-text a{color: #fff;}
.get-a-quote form{position: relative; float: left; margin-top: 10px;}
.get-a-quote form input[type="text"]{position: relative; float: left; border: 1px solid #a9a9a9; height: 25px; line-height: 25px; color: #000; font-size: 12px; padding: 0px 10px; width: 200px; font-style: italic;}
.get-a-quote form input[type="submit"]{position: relative; float:left; border:0px; background:#333333; font-size: 13px; color: #fff; padding: 6px 15px; border-radius: 7px; box-shadow: 0px 1px 2px rgba(255,255,255,0.8); margin-left: 2px; margin-right: 5px; cursor: pointer;}
.get-a-quote form input[type="submit"]:hover{background: #000;}
.product-detail-type-1 .products-conteiner-right-d .get-a-quote form input[type="text"]{width:170px;}
.product-detail-type-1 .products-conteiner-right-d .get-a-quote .get-a-quote-text{padding-top: 5px;}
.product-detail-type-1 .cell-view{vertical-align: top;}

.related-resources{position: relative; float: left; width: 100%; background: #eeeeee; padding: 15px 5px; box-sizing: border-box; margin-top: 30px;}
.related-resources.top-z{margin-top: 0px;}
.related-resources-titel{position: relative; float: left; width: 100%; color: #333333; font-size: 14px; font-weight: bold; padding-left: 8px;box-sizing: border-box;}
.related-resources-thumbs{position: relative; float: left; width: 100%; border-top:1px solid #d3d3d3; margin-top: 10px;}
.related-resources-thumbs a{position: relative; display: block; color:#f57f20; font-weight: bold; text-decoration: underline; padding: 0px 7px; line-height: 18px; margin-top: 10px;}
.related-resources-thumbs a:hover{color:#000;}
.related-resources-thumbs p{padding: 0px 7px; color: #666666; line-height: 18px;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - PRODUCTS-DETAIL-TYPE-2 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.products-conteiner-left-1{position: relative; float: left; width: 300px; margin-right: 35px;}
.products-conteiner-left-1-in{position:relative; float: left; width: 100%; background: #fff; box-shadow: 0 0 12px #666666; padding: 20px 15px; box-sizing: border-box; min-height: 470px; margin-bottom: 25px;}
.product-detail-type-2 .products-conteiner-left{width: 655px;}
.product-detail-type-2 .products-conteiner-left-in{display: table; width: 100%;}
.product-detail-type-2 .products-conteiner-left .products-conteiner-left-in-left{display: table-cell; vertical-align: top;}
.product-detail-type-2 .products-conteiner-left .products-conteiner-left-in-left-in{position: relative; float: left; width: 100%;}
.product-detail-type-2 .products-conteiner-left .products-conteiner-left-in-right{width: 220px; display: table-cell; vertical-align: top;}
.product-detail-type-2 .products-conteiner-left .products-conteiner-left-in-right-in{position:relative; float: left; width: 220px; margin-left: 33px;}
.products-conteiner-left-1-in h2{padding-bottom: 20px;}
.products-conteiner-left-1-in p, .products-conteiner-left-1-in ul{color: #666666; padding-bottom: 20px; font-weight: bold;}
.grei-line{position: relative; float: left; width: 100%; height: 1px; background: #dddddd; display: block;}
.lincks-list{position: relative; float: left; width: 100%;}
.lincks-list div{position: relative; float: left; width: 100%;}
.lincks-list span{position: relative; float: left; color: #dddddd; font-size: 36px; line-height: 40px; padding-right: 12px; border-right: 1px solid #dddddd; margin-right: 8px; margin-top: 8px; margin-bottom: 8px; font-weight: bold;}
.lincks-list a{position: relative; float: left; color:#F57F20; font-size: 16px; font-weight: bold; padding-top: 18px;max-width: 208px;}
.lincks-list a:hover{color: #000;}

.products-conteiner-left-in-right-in .get-a-quote form input[type="text"]{width: 178px;}
.products-conteiner-left-in-right-in .get-a-quote form input[type="submit"]{margin-top: 10px;}

.info-block{position: relative; float: left; width: 100%; background: url(../img/box-blue-hatch.png) repeat; padding: 25px 13px; box-sizing: border-box; margin-top: 10px;}
.info-thumbs{position: relative; float: left; width: 100%; padding-bottom: 12px; margin-bottom: 10px;}
.info-thumbs:last-child{margin-bottom: 0px;}
.info-thumbs:after{position: absolute; left: 0px; bottom: 0px; content: ""; width: 15px; border-bottom: 1px solid #333333;}
.info-titel{position: relative; float: left; width: 100%; font-size: 30px; line-height: 32px; color: #fff; font-weight: bold; padding-bottom: 7px;}
.info-sub-titel{position: relative; float: left; width: 100%; font-size: 16px; color: #000; font-weight: bold; padding-bottom: 5px;}
.info-text{position: relative; float: left; width: 100%; color: #333333; font-size: 12px; font-weight: bold;}

.accordion{position: relative; float: left; width: 100%;}
.accordion-thumbs{position: relative; float: left; width: 100%; border-bottom:1px solid #fff;}
.accordion-titel{position: relative; float: left; width: 100%; color: rgb(96, 96, 96); font-size: 14px; line-height: 18px; font-weight: bold; padding-left: 15px; padding-top: 13px; padding-bottom: 13px; box-sizing: border-box; cursor: pointer;}
.accordion-titel:before{position: absolute; left: 0px; top: 50%; margin-top: -2px; content: ""; width: 0; height: 0; border-top: 2px solid transparent; border-left: 3px solid #666666; border-bottom: 2px solid transparent;}
.accordion-titel:after{position: absolute; right: 0px; top: 14px; content: "+"; color: #666666; font-size: 18px; font-weight: bold;}
.accordion-in{position: relative; float: left; width: 100%; display: none;}
.accordion-thumbs.active1 .accordion-in{display: block;}
.accordion-thumbs:hover .accordion-titel:before, .accordion-thumbs.active .accordion-titel:before{border-left: 2px solid transparent; border-right: 2px solid transparent; border-top: 5px solid #666666; border-bottom: 0px solid transparent;}
.accordion-thumbs:hover .accordion-titel:after, .accordion-thumbs.active .accordion-titel:after{opacity: 0;}
.accordion-thumbs:hover .accordion-titel, .accordion-thumbs.active .accordion-titel{color: #000;}

.donwlod-pdf{background: url(../img/gray-ball-download.png) no-repeat; padding-left:37px; padding-bottom: 12px; display: block; margin-bottom: 20px; color: inherit; text-decoration: underline !important; line-height: 33px;}
.donwlod-pdf:hover{color: #f57f20;}

.resources{position: relative; float: left; width: 100%;}
.resources-thumbs{position: relative; float: left; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #fff; margin-top: 10px;}
.resources-thumbs:last-child{border: 0px;}
.resources-thumbs img{position: absolute; left: 0px; top: 0px; width: 37px; padding-right: 10px;}
.resources-thumbs span{position: relative; float: left; padding-left: 47px; font-size: 13px; line-height: 20px; color: #666666;}
.resources-thumbs span b{font-weight: bold;}
.resources-thumbs:hover span b{color:#000;}

.product-detail-type-1.product-detail-type-2 .products-conteiner-left{width: auto;}
.product-detail-type-1.product-detail-type-2 object{width: 100%;}
.product-detail-type-1.product-detail-type-2 .products-conteiner-right-r{position: relative; float: left; margin-left: 80px; width: 300px;}
.product-detail-type-1.product-detail-type-2 .products-conteiner-right-r.plus{margin-left: 33px; width: 220px;}
.product-detail-type-1.product-detail-type-2 .get-a-quote.plus form input[type="text"]{width:170px;}
.product-detail-type-1.product-detail-type-2 .get-a-quote.plus .get-a-quote-text{padding-top: 5px;}
.product-detail-type-1.product-detail-type-2 .get-a-quote.plus1 form input[type="text"]{width: 178px;}
.product-detail-type-1.product-detail-type-2 .get-a-quote.plus1 form input[type="submit"]{margin-top: 10px;}
.product-detail-type-1.product-detail-type-2 .table-view{display: none;}
.product-detail-type-1.product-detail-type-2 .table-view.active{display: block;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - PARTNERS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.meet_our_partners{position: relative; float: left; width: 100%;}
.meet_our_partners_titel{position: relative; float: left; width: 100%; color: #f57f20;  border-bottom:2px solid #fff; padding-bottom: 5px; padding-top: 8px; font-weight: bold; font-size: 18px;}
.meet_our_partners_on{position: relative; float: left; width: 100%;}
.meet_our_partners_row{position: relative; float: left; width: 100%;}
.meet_our_partners_thumbs{position: relative; float: left; width: 155px; margin-left: 4px; margin-right: 4px; margin-top: 10px;}
.meet_our_partners_thumbs img{position: relative; float: left;}
.meet_our_partners_thumbs span{position: relative; float: left; width: 100%; font-size: 11px; color: #666666; font-weight: bold; text-align: center; margin-top: 10px; white-space: nowrap;}
.meet_our_partners_thumbs:after{position: absolute; left: 0px; top: 0px; width: 100%; box-sizing: border-box; border:2px solid #f57f20; height: 110px; content: ""; opacity: 0;}
.meet_our_partners_thumbs:hover:after{opacity: 1;}
.meet_our_partners_thumbs:hover span{color: #f57f20;}
.boder-partner{position: relative; float: left; width: 100%; border:1px solid #dddddd; box-sizing: border-box; text-align: center; padding: 20px 0px;}

.partner-form{position: relative; float: left; width: 100%;}
.partner-form-thumbs{position: relative; float: left; width: 100%; padding-bottom: 20px;}
.partner-form-thumbs span{position: relative; float: left; width: 100%; font-weight: bold; color: #666666; font-size: 11px; padding-bottom: 5px;}
.partner-form-thumbs input[type="text"], .partner-form-thumbs input[type="email"], .partner-form-thumbs input[type="number"]{position: relative; float: left; border: 1px solid #a9a9a9; height: 25px; line-height: 25px; padding: 0px 10px; color: #000; font-size: 12px; clear: both; width: 350px;}
.partner-form-thumbs input[type="submit"]{position: relative; float: left; border: 0px; background: #ebebeb; border: 1px solid #949494; padding: 5px 5px; clear: both; cursor: pointer; margin-top: 10px;}
.partner-form-thumbs textarea{position: relative; float: left; border: 1px solid #a9a9a9; height: 100px; line-height: 25px; padding: 0px 10px; color: #000; font-size: 12px; clear: both; width: 350px;}
.partner-form-thumbs label{position: relative; float: left; font-size: 12px; color: #666666; padding-left: 10px; line-height: 27px;}
.partner-form-thumbs select{position: relative; float: left; border: 1px solid #a9a9a9; padding: 5px 10px; color: #000; font-size: 12px; clear: both; width: 372px; margin: 0px;}
.partner-form-thumbs input[type="checkbox"]{position: relative; float: left; border:1px solid #b2b2b2; border-radius: 2px; opacity: 1; margin-top: 6px;}
.checkbox-wrap{position: relative; float: left; width: 33%;}
.checkbox-wrap.width100{width: 100%;}
.checkbox-wrap.width100 input[type="text"]{clear: none; margin-left: 10px;}
.partner-form-thumbs label{padding-left: 8px;}
.partner-form-thumbs input[type="submit"]:hover{background: #000; color: #fff;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - NEWS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.news-block-t{padding-top: 0px;}
.news-block{position: relative; float: left; width: 100%;}
.sort{position: relative; float:left; width: 100%; border-bottom:1px solid #dddddd; padding: 10px 0px;}
.sort span{position: relative; float: left; color:#666666; font-size: 12px; line-height: 20px; padding-right: 10px;}
.news-block-content{position: relative; float: left; width: 100%; margin-bottom: 40px;}
.news-block-content-titel{position: relative; float: left; color: #000; font-size:16px; font-weight: bold; margin-top: 30px;}
.num-slider{position: relative; float: right;}
.num-slider-text{position: relative; float: right; margin-top: 15px; margin-bottom: 12px;}
.num-slider-text span{position: relative; float: left; color: #666666; font-size: 12px; padding-left: 5px;}
.num-slider-text b{position: relative; float: left; color: #666666; font-size: 16px; font-weight: bold; margin-top: -3px;}
.num-slider-text b b{padding: 0px 5px; margin-top: 0px;}
.num-slider-slider-text{position: relative; float: right; color: #666666; font-size: 11px; padding-right: 20px;}
.num-slider .slider{position: relative; float: right; width: 130px; clear: both; height: 4px; border: 0px; background: #e3ddd8;}
.num-slider .slider .ui-slider-handle.ui-state-default.ui-corner-all{height: 18px; width: 9px; padding: 0px; border-radius: 0px; border: 1px solid #9d968e; top: -8px;}
.num-slider .slider .ui-slider-handle.ui-state-default.ui-corner-all:before{position: absolute ; left: 2px; top: 7px; width: 5px; height: 1px; background: #9d968e; content: "";}
.num-slider .slider .ui-slider-handle.ui-state-default.ui-corner-all:after{position: absolute ; left: 2px; top: 10px; width: 5px; height: 1px; background: #9d968e; content: "";}
.news-block-wrap{position: relative; float: left; width: 100%; margin-left: -5px; min-height: 400px; padding-bottom: 40px;}
.news-block-wrap-in{width: 1000px;}
.news-block-thumbs{position: relative; float: left; width: 303px; height: 190px; background: #fff; padding: 20px 10px; padding-bottom: 10px; margin-top: 10px; margin-left: 5px; margin-right: 5px; box-shadow: 0 0 12px #666666;}
.news-block-thumbs-titel{position: relative; float: left; width: 100%; padding-right: 45px; box-sizing: border-box; color: #000; font-size: 14px; font-weight: bold; line-height: 16px; height: 47px; overflow: hidden;}
.news-block-thumbs-titel img{position: absolute; top: 0px; right: 0px;}
.news-block-thumbs-titel:hover{color: #f57f20;}
.news-block-thumbs-text{position: relative; float: left; width: 100%; height: 87px; overflow: hidden; font-size: 11px; line-height: 16px; color: #666; padding-top: 5px;}
.news-block-thumbs .separator{position: relative; float: left; color: #666; font-size: 11px;}
.news-block-thumbs .button{position: relative; float: left; clear: both; font-size: 11px;}
.news-block-thumbs .line{position: relative; float: left; width: 100%; height: 1px; background: #dddddd; margin-bottom: 9px;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - OFFERS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.ebook-block{position: relative; float: left; width: 100%; background: #fafafa; margin-top: 20px; padding: 4px 0px; padding-right: 10px;box-sizing: border-box;}
.ebook-block a{position: relative; float: left; padding-right: 10px;}
.ebook-block img{position: relative; float: left;}
.ebook-block span{position: relative; color: #000; font-size: 13px; line-height: 22px;}
.ebook-block span b{color: #f57f20; font-weight: bold;}
.ebook-block span a{display: block; color: #000; text-decoration: underline; float: none; padding: 0px;}
.ebook-block span a:hover{text-decoration: none;}

.offers-r-col .cell-view{padding-top: 30px;}
.offers-r-col .products-conteiner-left-1{margin-left: 43px; top: -40px;}
.offers-r-col .products-conteiner-left-1 .products-conteiner-left-1-in{width: 335px;}
.offers-r-col .products-conteiner-left-1 .products-conteiner-left-1-in img{width: 100%; margin-bottom: 30px;}
.offers-r-col .products-conteiner-left-1 .products-conteiner-left-1-in p{font-weight: normal;}
.offers-r-col .products-conteiner-left-1-in form input[type="text"]{position: relative; float: left; border: 1px solid #a9a9a9; height: 25px; line-height: 25px; padding: 0px 10px; color: #000; font-size: 12px; clear: both; width: 100%; box-sizing: border-box; margin-bottom: 10px;}
.offers-r-col .products-conteiner-left-1-in form textarea{position: relative; float: left; border: 1px solid #a9a9a9; height: 100px; line-height: 25px; padding: 0px 10px; color: #000; font-size: 12px; clear: both; width: 100%; box-sizing: border-box; margin-bottom: 10px;}
.offers-r-col .products-conteiner-left-1-in form select{position: relative; float: left; width: 100%; padding: 4px 0px;}
.checkbox-wr{position: relative; float: left; width: 100%; margin-top: 10px;}
body .contact-thumbs input[type="submit"].orange-submit, .offers-r-col .products-conteiner-left-1-in form input[type="submit"]{position: relative; float: left; border: 0px; background: #f57f20; border: 1px solid #f57f20; padding: 5px 10px; clear: both; cursor: pointer; margin-top: 10px; border-radius: 5px; color: #fff;}
body .contact-thumbs input[type="submit"].orange-submit:hover, .offers-r-col .products-conteiner-left-1-in form input[type="submit"]:hover{background: #000; color: #fff; border: 1px solid #000;}
.submit-wrap{position: relative; float: left; width: 100%; margin-top: 10px; margin-bottom: 20px;}
.submit-wrap label{position: relative; float: left; padding-left: 10px; padding-top: 15px;}
.offers-baner{position: relative; float: left; width: 100%; background: #f57f20; padding: 20px 10px; box-sizing: border-box;}
.offers-baner span{position: relative; float: left; width: 60%; color: #fff; font-size: 18px; line-height: 22px;}
.offers-baner h2{position: relative; float: left; width: 60%; color: #000; font-size: 28px;}
.offers-baner h2 b{font-weight: bold; display: block;}
.offers-baner p{position: relative; float: left; width: 60%; color: #fff; font-size: 16px; line-height: 22px; padding-top: 5px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - RESOURCES - DETAIL */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.resources-detail .normall-size{width: auto;}
.resources-thumbs{border:0px; margin-bottom: 20px;}
.resources-detail .resources-thumbs b{color: #000000 !important;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 14 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.about-linck-d{position: relative; float: left; width: 100%; color: #f57f20; font-size: 18px;}
.about-linck-d b{font-weight: bold;}
.about-linck-d:hover{color: #000;}
.about-line{position: relative; float: left; width: 100%; height: 1px; background: #fff; margin-top: 18px;}
.about-us-page .meet_our_partners_thumbs{width: 150px; margin-left: 7px; margin-right: 6px; margin-bottom: 10px;}
.about-us-page .meet_our_partners_row{margin-bottom: 20px;}
.about-us-page .meet_our_partners_thumbs:after{border: 2px solid #fff; opacity: 1;}
.about-us-page .meet_our_partners_thumbs:hover:after{border: 2px solid #f57f20;}
.about-us-page .meet_our_partners_thumbs.active:after{border: 2px solid #f57f20;}
.about-us-page .meet_our_partners_thumbs span{position: relative; float: left; width: 100%; white-space: normal; text-align: left; font-weight: normal; line-height: 20px;}
.about-us-page .meet_our_partners_thumbs span b{font-weight: bold; display: block;}
.products-conteiner-left-1-in-about{position: relative; float: left; width: 100%; display: none;}
.products-conteiner-left-1-in-about.active{display: block;}
.products-conteiner-left-1-in-about-people{position: relative; float: left; width: 100%;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 15 - SUPORT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.suport-thumbs-left{position: relative; float: left; width: 100%; display: none;}
.suport-thumbs-left.active{display: block;}
.suport-thumbs-left article{min-height: 385px;}
.talck-us{position: relative; float: left; width: 100%; background: url(../img/gray-ball-talk.png) no-repeat; height: 33px; line-height: 33px; color: #666666; font-size: 11px; font-weight: bold; padding-left: 40px; margin-top: 10px;}
.talck-us:hover{color: #f57f20;}
.product-meny-suport a{color: #f57f20;}
.suport-r form{position: relative; float: left; width: 100%;}
.suport-r form select{position: relative; float: left; width: 100%;}
.suport-r form input[type="submit"]{position: relative; float: left; background: #333333; border-radius: 5px; padding: 8px 14px; border: 0px; cursor: pointer; font-size: 12px; font-weight: bold; color: #fff; margin-top: 20px;}
.suport-r form input[type="submit"]:hover{background: #f57f20;}
.wh-line{position: relative; float: left; width: 100%; height: 1px; background: #fff; margin: 20px 0px;}
.wh-line1{position: relative; float: left; width: 100%; height: 1px; background: #fff; margin-bottom: 20px;}
.wh-line2{position: relative;display: block; width: 100%; height: 1px; background: #fff; margin-bottom: 5px;}
.suport-r-linck{position: relative; float: left; color: #777777; font-size: 12px; font-weight: bold; background: url(../img/arrow.png) no-repeat scroll 0px 50%; padding-left: 10px; background-size: 5px 8px;}
.suport-r-linck:hover{color: #f57f20;}
.suport-r-linck-t{position: relative; float: left; width: 100%;}
.suport-r-linck-t b{position: relative; float: left; font-size: 18px; color: #000; font-weight: bold;}
.suport-r-linck-t b span{color: #f57f20; background: url(../img/arrow-big.png) no-repeat scroll 0px 2px; padding-left: 10px;}
.suport-r-linck-t i{position: relative; float: left; font-style: normal; font-size: 12px; line-height: 16px; font-weight: bold; color: #777777;}
.suport-r-linck-t i span{color: #f57f20;}
.suport-r-linck-t:hover b{color: #f57f20;}
.suport-r-linck-t:hover b span{padding-left: 15px;}
.suport-r-linck-t:hover i{color: #000;}
.suport-r-linck-t:hover i span{color: #000;}

.suport-thumbs-left form span{position: relative; float: left; width: 100%; font-size: 11px; color: #666666; font-weight: bold; padding-top: 5px;}
.suport-thumbs-left form span b{color: #f57f20;}
.suport-thumbs-left form input[type="text"]{position: relative; float: left; border: 1px solid #a9a9a9; height: 25px; line-height: 25px; padding: 0px 10px; color: #000; font-size: 12px; clear: both; width: 100%; box-sizing: border-box;}
.suport-thumbs-left form input[type="submit"]{position: relative; float: left; background: #333333; border-radius: 5px; padding: 8px 14px; border: 0px; cursor: pointer; font-size: 12px; font-weight: bold; color: #fff; margin-top: 20px;}
.suport-thumbs-left form input[type="submit"]:hover{background: #f57f20;}
.suport-thumbs-left form input[type="reset"]{position: relative; float: left; background: #999999; border-radius: 5px; padding: 8px 14px; border: 0px; cursor: pointer; font-size: 12px; font-weight: bold; color: #fff; margin-top: 20px; margin-left: 10px;}
.suport-thumbs-left form input[type="reset"]:hover{background: #f57f20;}

.support-numbers{position: relative; float: left; width: 100%;}
.support-numbers-thumbs{position: relative; float: left; width: 100%; border-bottom:1px solid #fff; padding-bottom: 12px; padding-top: 12px; cursor: pointer;}
.support-numbers-thumbs span{position: relative; float: left; color: #fff; font-size: 46px; font-weight: bold;}
.support-numbers-thumbs div{position: relative; float: left; font-size: 16px; color: #f57f20; font-weight: bold; padding-left: 15px; padding-top: 7px;}
.support-numbers-thumbs div b{color:#000; display: block;}
.support-numbers-thumbs:hover span, .support-numbers-thumbs.active span{color: #f57f20;}
.support-numbers-thumbs:hover div, .support-numbers-thumbs.active div{padding-left: 10px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 15 - SOLUTIONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.solution-l a img{position: relative; float: left; padding-right: 10px;}
.solution-l a span{float: none;}
.solution-elements{position: relative; float: left; width: 100%; border-bottom: 1px solid #fff;}
.solution-elements h3{position: relative; float: left; width:100%; padding-bottom: 10px;}
.solution-elements-thumbs{position: relative; float: left; color: #666666; font-size: 12px; width: 100px; margin-right: 10px; border-top:1px solid #fff; padding-top: 5px; margin-bottom: 20px; cursor: pointer;}
.solution-elements-thumbs:hover,.solution-elements-thumbs.active{color: #f57f20;}
.solution-left-thumbs .button{font-size: 11px; margin-top: 5px;}
.solution-left-thumbs article{height: 392px; overflow: auto;}
.solution-left-thumbs{display: none;}
.solution-left-thumbs.active{display: block;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 16 - CONTACT US */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.contact-us-page{position: relative; float: left; width: 100%; margin: 0px; padding: 0px;}
.contact-us-page span{position: relative; float: left; width: 100%; font-weight: normal; margin-top: 5px;}
.contact-thumbs{position: relative; float: left; width: 50%; padding-right: 10px; box-sizing: border-box;}

.contact-thumbs input[type="text"], .contact-thumbs input[type="email"], .contact-thumbs input[type="number"]{width: 100%; box-sizing: border-box;}
.contact-thumbs select{width: 100%; box-sizing: border-box; padding: 3px 10px 4px 10px;}
.contact-thumbs textarea{width: 100%; box-sizing: border-box;}
.contact-thumbs-full{position: relative; float: left; width: 100%; margin-top: 10px;}
.contact-thumbs-full label{width: 80%; line-height: 18px; padding-top: 5px;}
.contact-thumbs input{position: relative; float: left;}
.contact-thumbs label{position: relative; float: left;}
.contact-thumbs-radio{width: auto; margin-top: 10px;}
.contact-thumbs-radio label{line-height: 20px;}
.submit-first-step .button-big.button-small, .contact-thumbs input[type="submit"]{position: relative; float: left; background: #333333; border-radius: 5px; padding: 8px 14px; border: 0px; cursor: pointer; font-size: 12px; font-weight: bold; color: #fff; margin-top: 5px;}
.submit-first-step .button-big.button-small:hover, .contact-thumbs input[type="submit"]:hover{background: #f57f20;}
.checked-yes{display: none;}
.checked-yes span span{color: #f57f20; width: auto; float: none; font-weight: bold; display: inline-block; margin-left: 2px; font-size: 14px;}
.checked-yes span span:before{position: absolute; left: 0px; bottom:23px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #333333; content: ""; display: none;}
.en-lg .checked-yes span span:after{content: "You can locate your account number in the top right corner of your monthly Allstream invoice.";}
.fr-lg .checked-yes span span:after{content: "Votre numéro de compte se trouve dans le coin supérieur droit de votre facture mensuelle d’Allstream.";}
.checked-yes span span:after{position:absolute; left: -100px; bottom: 33px; background: #333333; width: 200px; padding: 5px; color: #fff;  font-size: 11px; text-align: center; display: none;}
.checked-yes span:hover span:before{display: block;}
.checked-yes span:hover span:after{display: block;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 17 - SITE MAP */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.site-map-thumbs{position: relative; float: left; width: 215px; padding-bottom: 20px;}
.site-map-linck{position: relative; float: left; width: 100%; color: #666666; font-size: 12px;}
.site-map-linck:hover{color: #f57f20;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 18 - POPUP */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.popup{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; display: none;}
.popup-in{position: absolute; left: 50%; top: 40px; margin-left: -360px; width: 700px; padding: 20px 10px; background: #cccccc;}
.closebox{position: absolute; right: -15px; top: -15px; cursor: pointer;}
.closebox:hover{transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9);}
.popup-in form{padding-bottom: 20px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 19 - JOB POSTING PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.job-table tr td.td-center {text-align: center; line-height: 1.3; vertical-align: middle;}
.job-table tr td.td-left {padding: 0 10px; line-height: 1.3; vertical-align: middle;}
.job-table .closed-row {background: #666; color: #fff;}
.job-table td a {color: grey;}
.job-table .closed-row {display: none;}
.job-table .closed-row a { color: #fff;}
.job-table td.td-id {width: 90px !important;}
.job-table tr:hover {background: #000; color: #fff; }
.job-table tr:hover a {color: #fff;}
.job-table td a:hover { color: #f57f20; }

/*  ==============
	CSS ANIMATIONS
	==============  */
	.class{-moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none; -ms-transition:none;}
	.class, closebox, .site-map-linck, .solution-elements-thumbs, .support-numbers-thumbs div, .support-numbers-thumbs span, .suport-r-linck-t b span, .suport-r-linck-t b, .suport-r-linck-t i, .suport-r-linck-t i span, .suport-r-linck, .suport-r form input[type="submit"], .talck-us, .about-linck-d, .offers-r-col .products-conteiner-left-1-in form input[type="submit"], .news-block-thumbs-titel, .header-top-linck a, .follow a, nav ul li a, nav ul li a:after, .footer-top-thumbs a, .home-baner-bottom a, .product-meny span, .product-funcions div span, .products-detail-meny a, .table-type-2 tr td, .get-a-quote form input[type="submit"], .related-resources-thumbs a, .lincks-list a, .accordion-thumbs .accordion-titel:before, .accordion-thumbs .accordion-titel:after, .accordion-thumbs .accordion-titel, .donwlod-pdf, .resources-thumbs span b, .meet_our_partners_thumbs span, .meet_our_partners_thumbs:after{-moz-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out;}
	.class, nav ul li.sub-meny ul:before, .job-table tr, .job-table td a, nav ul li.sub-meny ul li a, .search i, .button .fa, .button span, .button-big, .products-conteiner-right a .fa, .products-conteiner-right a b{-moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out;}
	.class{-moz-transition:all 500ms ease-out; -o-transition:all 500ms ease-out; -webkit-transition:all 500ms ease-out; transition:all 500ms ease-out; -ms-transition:all 500ms ease-out;}
	.class{-moz-transition:all 700ms ease-out; -o-transition:all 700ms ease-out; -webkit-transition:all 700ms ease-out; transition:all 700ms ease-out; -ms-transition:all 700ms ease-out;}
	.class{-moz-transition:all 1000ms ease-out; -o-transition:all 1000ms ease-out; -webkit-transition:all 1000ms ease-out; transition:all 1000ms ease-out; -ms-transition:all 1000ms ease-out;}
    .class{-moz-transition:all 2000ms ease-out; -o-transition:all 2000ms ease-out; -webkit-transition:all 2000ms ease-out; transition:all 2000ms ease-out; -ms-transition:all 2000ms ease-out;}
	
	/*transition delay*/
	.class{transition-delay: 150ms; -moz-transition-delay: 150ms; -webkit-transition-delay: 150ms; -ms-transition-delay: 150ms;}
    .class{transition-delay: 250ms; -moz-transition-delay: 250ms; -webkit-transition-delay: 250ms; -ms-transition-delay: 250ms;}
    .class{transition-delay: 350ms; -moz-transition-delay: 350ms; -webkit-transition-delay: 350ms; -ms-transition-delay: 350ms;}
    .class{transition-delay: 450ms; -moz-transition-delay: 450ms; -webkit-transition-delay: 450ms; -ms-transition-delay: 450ms;}

    .class{transition-delay: 300ms; -moz-transition-delay: 300ms; -webkit-transition-delay: 300ms; -ms-transition-delay: 300ms;}
    .class{transition-delay: 700ms; -moz-transition-delay: 700ms; -webkit-transition-delay: 700ms; -ms-transition-delay: 700ms;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FR */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.fr-lg nav ul li a{margin-right: 27px;}
.fr-lg .home-baner-bottom a{width: 140px;}
.fr-lg .footer-news-thumbs article{min-height: 255px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* RW */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 989px) {
	nav ul li a {margin-right: 15px;}
	.header-right {margin-right: 10px;}
	.products-conteiner .center {box-sizing: border-box;width: 100%;padding-left: 30px;padding-right: 30px;}
	.products-conteiner-right {margin-left: 10px;}
	.titel .center {width: 100%;padding-left: 30px;padding-right: 30px;box-sizing: border-box;position: relative;}
	.product-funcions {right: 30px;}
	.product-detail-type-1.product-detail-type-2 .products-conteiner-right-r {margin-left: 40px;}
	.news-block-thumbs {width: 284px;}
	.sub-menu{display: none;}
	.footer-bottom {box-sizing: border-box;padding-left: 30px;padding-right: 30px;}
}