@charset "utf-8";
/* CSS Document */

/* reset
*******************************************************************/
/* bootstrap reset
*******************************************************************/
/* general
*******************************************************************/
/* header
*******************************************************************/
/* main content
*******************************************************************/
/* footer
*******************************************************************/
/* button style
*******************************************************************/
/* text style
*******************************************************************/
/* select style
*******************************************************************/


/* reset
*******************************************************************/
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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
object { outline:none; display:block;}
* { outline:0px !important; }

/* general
*******************************************************************/
html { position:relative; min-height: 100%; -webkit-font-smoothing: antialiased;}
body { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.2em; font-weight:400; color:#000;
background: #051828; /* Old browsers */
background: -moz-linear-gradient(left,  #051828 0%, #024273 35%, #01508b 50%, #024273 65%, #051828 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#051828), color-stop(35%,#024273), color-stop(50%,#01508b), color-stop(65%,#024273), color-stop(100%,#051828)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #051828 0%,#024273 35%,#01508b 50%,#024273 65%,#051828 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #051828 0%,#024273 35%,#01508b 50%,#024273 65%,#051828 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #051828 0%,#024273 35%,#01508b 50%,#024273 65%,#051828 100%); /* IE10+ */
background: linear-gradient(to right,  #051828 0%,#024273 35%,#01508b 50%,#024273 65%,#051828 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#051828', endColorstr='#051828',GradientType=1 ); /* IE6-9 */

}
a:hover{text-decoration:none;}
img.img-thumbnail{border:0 !important;}

.transition { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.transition-opacity { -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;}
.transition-border { -webkit-transition: border 0.2s ease-out; -moz-transition: border 0.2s ease-out; -o-transition: border 0.2s ease-out; -ms-transition: border 0.2s ease-out; transition: border 0.2s ease-out;}


.border-0 { border:0 !important;}

.margin-top-0 { margin-top:0px !important;}
.margin-top-5 { margin-top:5px !important;}
.margin-top-10 { margin-top:10px !important;}
.margin-top-15 { margin-top:15px !important;}
.margin-top-20 { margin-top:20px !important;}
.margin-top-30 { margin-top:30px !important;}
.margin-top-40 { margin-top:40px !important;}
.margin-top-50 { margin-top:50px !important;}
.margin-top-80 { margin-top:80px !important;}

.margin-bottom-0 { margin-bottom:0px !important;}
.margin-bottom-5 { margin-bottom:5px !important;}
.margin-bottom-10 { margin-bottom:10px !important;}
.margin-bottom-15 { margin-bottom:15px !important;}
.margin-bottom-20 { margin-bottom:20px !important;}
.margin-bottom-30 { margin-bottom:30px !important;}
.margin-bottom-40 { margin-bottom:40px !important;}
.margin-bottom-50 { margin-bottom:50px !important;}
.margin-bottom-80 { margin-bottom:80px !important;}

.margin-right-5-less { margin-right:-5px !important;}
.margin-right-0 { margin-right:0px !important;}
.margin-right-5 { margin-right:5px !important;}
.margin-right-10 { margin-right:10px !important;}
.margin-right-15 { margin-right:15px !important;}
.margin-right-20 { margin-right:20px !important;}
.margin-right-30 { margin-right:30px !important;}
.margin-right-40 { margin-right:40px !important;}
.margin-right-50 { margin-right:50px !important;}

.margin-left-5-less { margin-left:-5px !important;}
.margin-left-0 { margin-left:0px !important;}
.margin-left-5 { margin-left:5px !important;}
.margin-left-10 { margin-left:10px !important;}
.margin-left-15 { margin-left:15px !important;}
.margin-left-20 { margin-left:20px !important;}
.margin-left-30 { margin-left:30px !important;}
.margin-left-40 { margin-left:40px !important;}
.margin-left-50 { margin-left:50px !important;}
.margin-left-120 { margin-left:120px !important;}
.margin-left-130 { margin-left:130px !important;}

.padding-top-0 { padding-top:0px !important;}
.padding-top-5 { padding-top:5px !important;}
.padding-top-10 { padding-top:10px !important;}
.padding-top-15 { padding-top:15px !important;}
.padding-top-20 { padding-top:20px !important;}
.padding-top-30 { padding-top:30px !important;}

.padding-bottom-0 { padding-bottom:0px !important;}
.padding-bottom-10 { padding-bottom:10px !important;}
.padding-bottom-15 { padding-bottom:15px !important;}
.padding-bottom-20 { padding-bottom:20px !important;}
.padding-bottom-30 { padding-bottom:30px !important;}
.padding-bottom-40 { padding-bottom:40px !important;}
.padding-bottom-50 { padding-bottom:50px !important;}

.padding-right-0 { padding-right:0px !important;}
.padding-right-5 { padding-right:5px !important;}
.padding-right-10 { padding-right:10px !important;}
.padding-right-20 { padding-right:20px !important;}
.padding-right-40 { padding-right:40px !important;}
.padding-right-50 { padding-right:50px !important;}
.padding-right-90 { padding-right:90px !important;}

.padding-left-0 { padding-left:0px !important;}
.padding-left-5 { padding-left:5px !important;}
.padding-left-10 { padding-left:10px !important;}
.padding-left-20 { padding-left:20px !important;}
.padding-left-50 { padding-left:50px !important;}
.padding-left-90 { padding-left:90px !important;}

.relative { position: relative;}

.borderLeft { border-left:1px solid #f2f2f2;}

.font11 { font-size:11px !important}
.font12 { font-size:12px !important}
.font13 { font-size:13px !important}
.font16 { font-size:16px !important}
.font18 { font-size:18px !important}
.font20 { font-size:20px !important}
.font22 { font-size:22px !important}
.font24 { font-size:24px !important}
.font26 { font-size:26px !important}
.font28 { font-size:28px !important}

.nowrap { white-space: nowrap;}

.white { color:#FFF;}
.red { color:#e30613;}
.teal { color:#1fbba5;}
.blue { color:#024e87 !important;}
.green { color:#2c9a4e;}
.grey { color:#a5a5a5;}

.bg_lightLightGrey { background-color:#fafafa; }
.bg_lightGrey { background-color:#f3f3f3; }

.btn { position:relative;}
.btn input[type=file] {font-size:400px; height:auto; width:auto; left:inherit; top:0; right:0; position:absolute; cursor:pointer; }



.width-100 { width:100%;}
img.width-100 { height:auto;}

.static { position:static !important;}
.estraPopupContainer { position:fixed; z-index:1052; top:0; right:0; left:0; bottom:0; background:rgba(255,255,255,0.5);}
.estraPopupContainer .estraPopup { display:block; text-align:center; max-width:90%; width:500px; height:auto; padding:20px; background:#FFF; position:absolute; position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%); border:1px solid #c9c9c9; box-shadow:2px 2px 4px -3px #c9c9c9; color:#8b8b8b; }

hr.strong { border-color:#009f4e;}

table td { vertical-align:middle;}

.form-control { border-radius: 0;}

/* bootstrap enhancement
*******************************************************************/
.row.gutter-xs { margin-left: -6px; margin-right: -6px; }
.row.gutter-xs > [class^="col-"],
.row.gutter-xs > [class^=" col-"]  { padding-left: 6px; padding-right: 6px;}

.row.gutter-sm { margin-left: -10px; margin-right: -10px; }
.row.gutter-sm > [class^="col-"],
.row.gutter-sm > [class^=" col-"]  { padding-left: 10px; padding-right: 10px;}

.row.gutter-lg { margin-left: -20px; margin-right: -20px; }
.row.gutter-lg > [class^="col-"],
.row.gutter-lg > [class^=" col-"]  { padding-left: 20px; padding-right: 20px;}


/* header
*******************************************************************/
/* header { position: fixed; top: 0; width: 100%; z-index: 12; box-shadow: 0 180px 79px -60px #051d47 inset; padding-bottom: 40px;} */
header { position: fixed; top: 0; width: 100%; z-index: 12; box-shadow: 0 180px 59px -60px /* #051d47 */#12354d inset; padding-bottom: 20px;}

header .navbar-header { float:left;  }
header .navbar-header .navbar-brand { height: 121px; line-height: 83px; }
header .navbar-header .navbar-brand img { display:inline-block; vertical-align: middle;}

header .navbar-wrapper  { }
header .navbar-wrapper .navbar-collapse { background: rgba(0,25,47,0.7)}
header .navbar-wrapper .navbar-collapse .navbar-nav { float: none; text-align: center;}
header .navbar-wrapper .navbar-collapse .navbar-nav > li { text-align: left; display: inline-block; float: none;}
header .navbar-wrapper .navbar-collapse .navbar-nav > li > a { color: #fff; font-weight: 600; text-transform: uppercase;padding-left:13px;padding-right:13px;}
header .navbar-wrapper .navbar-collapse .navbar-nav > li > a .caret { margin-left: 4px;}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {background: #01508b;}
header .navbar-wrapper .navbar-collapse .navbar-nav > li > a:focus,
header .navbar-wrapper .navbar-collapse .navbar-nav > li > a:hover { background: #01508b;}
header .navbar-wrapper .navbar-nav .open .dropdown-menu { background: #fff;}
header .navbar-wrapper .navbar-collapse .dropdown-menu { box-shadow: none; border: 0; border-radius:0; border-bottom: 4px solid #01508b; padding: 10px; }
header .navbar-wrapper .navbar-collapse .dropdown-menu > li { margin-bottom: 1px;}
header .navbar-wrapper .navbar-collapse .dropdown-menu > li > a { padding: 5px 10px 4px; border-bottom: 1px solid #eeeeee;}
header .navbar-wrapper .navbar-collapse .dropdown-menu > li:last-child > a { border-bottom-color: #fff;}
header .navbar-wrapper .navbar-collapse .dropdown-menu > li > a:focus,
header .navbar-wrapper .navbar-collapse .dropdown-menu > li > a:hover { background: #01508b; color: #fff; border-bottom-color:#01508b }

header .countrySelect { color: #c3c3c3; border-left: 1px solid #536481; margin: 20px 0;}
header .countrySelect strong { display:block; font-weight: 400; font-size: 13px; line-height: 1.4em; margin-bottom: 12px; }
header .countrySelect .select-wrapper { margin-bottom: 0;}

header .navbar-form { margin: 20px 0 0; padding: 0; border: 0; box-shadow:none;}
header .navbar-form .search { position: relative;}

header .navbar-form .search .form-control { border-radius: 0; background: none; height: 30px; width:100%;}
header .navbar-form .search .btn { background: none; position: absolute; color: #fff; top: 0; right: 0; padding: 4px 11px;}
header .lang { margin-bottom: 31px; color: #fff; }
header .lang a { color: #fff; font-size: 13px;}
header .lang li { display: inline-block;}
header .lang li a { color: #fff; font-weight: 300;}
header .lang li.active a { font-weight: 600;}


/* searchBar
*******************************************************************/

/* baners - main
*******************************************************************/

.homeBaners { position:relative; clear:both;; }
.homeBaners.swiper-container { margin-bottom: 20px;}
.homeBaners .baner { position:relative; width:100%; height:497px; background-position: center -50px;  overflow:hidden; box-shadow: 0 -100px 79px -60px #051828 inset; background-repeat:no-repeat;}
.homeBaners.swiper-container .baner { height:707px; background-position:center top; }
.homeBaners.danger .baner  { height: 607px; background-position:center -100px;}
.homeBaners.danger .baner .info { color: #fff; margin: 270px 0 0 40%;}
.homeBaners.danger .baner .info h2 { font-size: 24px; color: #fff; margin-bottom: 36px;}
.homeBaners.danger .baner .info strong { font-size: 18px; font-weight: 400; margin-bottom: 10px; display: block;}
.homeBaners.danger .baner .info ol { font-size: 15px; margin-left: 20px;}
.homeBaners.danger .baner .info ol li { display: list-item; list-style: decimal; margin-bottom: 6px;}
.homeBaners .baner .container { height:550px;}

.homeBaners .banersnav { position:absolute; width:100%; top:50%; z-index:101; margin-top:-20px; pointer-events: none; }
.homeBaners .banersnav a { font-size:24px; color:#000; text-decoration:none; pointer-events: auto; position:relative; padding:8px; }
.homeBaners .banersnav a.glyphicon-chevron-left { float:left; margin-left:30px; width:30px;}
.homeBaners .banersnav a.glyphicon-chevron-right { float:right; margin-right:30px; width:30px;}

.homeBaners .baner .caption { padding:80px 0 0; }

.homeBaners .baner .caption.show .main_title { opacity:1 !important; margin-top:220px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; }
.homeBaners .baner .caption.show .lead { opacity:1 !important; margin-bottom:0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transition-delay: .4s; transition-delay: .4s;  }
.homeBaners .baner .caption.show .btn {  opacity:1 !important; margin-bottom:0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transition-delay: .8s; transition-delay: .8s;  }

.homeBaners .baner .caption .main_title { clear:both; text-align:center; color:#fff; line-height:1.2em; font-weight:400; position:relativ; opacity:0; z-index:1; margin:500px auto 0; font-size: 23px; background: rgba(242, 0, 1, 0.67); padding: 11px 20px 12px; width: 60%;}
.homeBaners .baner .caption .lead { clear:both; margin-left:160px; float:left; text-align:left; color:#000; line-height:1.2em; font-weight:400; position:relative; opacity:0; z-index:1; margin-bottom:35px; }
.homeBaners .baner .caption .btn { clear:both; margin-left:160px; opacity:0; }


.homeBaners .pager { position:absolute; top:-260px; z-index:10; width: 200px; left: 50%; margin-left: -100px; text-align: center;  }
.homeBaners .pager .swiper-pagination-bullet-active { background:#ffffff; width: 14px; height: 14px; border-radius: 50%;}
.homeBaners .pager .swiper-pagination-bullet { background:#ffffff; margin:0 4px; cursor:pointer; width: 14px; height: 14px; border-radius: 50%;}
.homeBaners .swiper-button-next { top:-380px;}
.homeBaners .swiper-button-prev { top:-380px;}

.homeBaners .boxes { background: #051828; color: #fff; overflow: hidden; margin-top: -200px; position: relative; z-index: 3; text-align: center;}
.homeBaners .boxes .infoBox { text-align: center; margin-top: 24px; margin-bottom: 14px; border-right: 1px solid #828c94; height: 200px;}
.homeBaners .boxes .infoBox:last-child { border-right: 0;}
.homeBaners .boxes .infoBox strong { font-size: 14px; font-weight: 600; display: block; height: 40px; line-height: 38px;}
.homeBaners .boxes .infoBox strong .mid { line-height: 1.2em; display:inline-block; vertical-align: middle; }
.homeBaners .boxes .infoBox small { font-size: 12px; font-weight: 300; display: block;}
.homeBaners .boxes .infoBox [class^="ico-"] { background-image: url('../images/icoSet.png'); height: 100px; width: 150px; margin: 0 auto; display: block;}
.homeBaners .boxes .infoBox .ico-1 { background-position: 0 0;}
.homeBaners .boxes .infoBox .ico-2 { background-position: -150px 0;}
.homeBaners .boxes .infoBox .ico-3 { background-position: -300px 0;}
.homeBaners .boxes .infoBox .ico-4 { background-position: 0 -100px;}
.homeBaners .boxes .infoBox .ico-5 { background-position: -150px -100px;}
.homeBaners .boxes .infoBox .ico-6 { background-position: -300px -100px;}

.toggleBtn { text-align: center; color: #fff; margin: 15px 0 25px; display: inline-block; cursor: pointer;}
.toggleBtn .glyphicon { margin-right: 10px;}

/* breadcrumb
*******************************************************************/
.breadcrumb { height: 70px; background: rgba(255,255,255,0.9); border-radius: 0; margin: 0; margin-top: 90px; position: relative; z-index: 11; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height: 58px;}
.breadcrumb li { color: #818181; font-size: 13px; display: inline;}
.breadcrumb li a { color: #818181; font-size: 13px;}


/* main container
*******************************************************************/

.mainContainer .container .content { background-color: #fff; background-repeat: no-repeat; background-position: top center; padding-bottom: 50px; padding-top: 35px;}
.mainContainer .container .content .site-header { padding: 0 0 20px; font-size: 28px; font-weight: 300; color: #024e87; border-bottom: 2px solid #024e87; line-height: 1.6em;}
.mainContainer .container .content .site-header small { display: block; font-size: 20px; font-weight: 300; color: #2f2f2f;}
.mainContainer .container .content .site-header small b { font-weight: 600;}
.mainContainer .container .content .lead { color: #024e87; font-size: 19px; font-weight: 400; }

.mainContainer .container .content h1 {font-size: 28px; color: #024e87; font-weight: 300; margin-bottom: 20px;}
.mainContainer .container .content h2 {font-size: 22px; color: #024e87; font-weight: 400; margin-bottom: 20px;}

.mainContainer .container .content .form { background: #f2f2f2; padding: 26px; margin-bottom: 10px !important;}
.mainContainer .container .content .form .header { display: block; text-align: center; font-size: 19px; color: #014e86; font-weight: 400; margin-bottom: 30px; }
.mainContainer .container .content .form .control-label { font-weight: 400; }
.mainContainer .container .content .form .form-group .form-group .control-label { text-align: left;}

.mainContainer .container .content .form .form-group + .header { margin-top: 60px;}
.mainContainer .container .content .form .send-btn { margin: 20px 0; font-size: 18px; color: #014e86;}
.mainContainer .container .content .form .send-btn i { border-radius: 50%; display: inline-block; width: 32px; height: 32px; border: 3px solid #014e86; line-height: 25px; padding: 0 0 0 1px; margin: 0 5px 0 0; font-size: 19px; }

.mainContainer .container .content .form-info { border: 3px solid #014e86; border-radius: 6px; padding: 90px 26px 60px; text-align: center; }
.mainContainer .container .content .form-info h2 { font-size: 33px; margin-bottom: 40px;}
.mainContainer .container .content .form-info p { color: #014e86; line-height: 1.3em; margin-bottom: 40px;}

.mainContainer .container .content .text { padding-bottom: 30px; line-height: 1.6em;}
.mainContainer .container .content .text p { margin-bottom: 20px; color: #818181;}
.mainContainer .container .content .text p b { color: #202020;}
.mainContainer .container .content .text p a { color: #014d87;}
.mainContainer .container .content .text .table-responsive { margin: 20px 0 40px;}
.mainContainer .container .content .text .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #e5edf3;}
.mainContainer .container .content .text .table tr > td,
.mainContainer .container .content .text .table tr > th { border: 0; color: #818181;}
.mainContainer .container .content .text .table tr > th { background-color: #245888; color: #fff; font-weight: 300; padding: 14px 8px;}
.mainContainer .container .content .text .table tr > td b { color: #000000; font-weight: 400;}

.mainContainer .container .content .text .time-info { text-align: center; margin-bottom: 100px;}
.mainContainer .container .content .text .time-info .time { display: inline-block;}
.mainContainer .container .content .text .time-info .hours { color: #245888; font-weight: 300; font-size: 32px; position: relative; margin-bottom: 20px; }
.mainContainer .container .content .text .time-info .hours:after { content: ""; height: 0; border-bottom: 2px solid #245888; position: absolute; bottom: -10px;}
.mainContainer .container .content .text .time-info .hours:before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: #245888; position: absolute; bottom: -15px;}
.mainContainer .container .content .text .time-info .hours small { font-size: 18px; position: relative; top: -10px;}
.mainContainer .container .content .text .time-info .am { float: left; text-align: left; }
.mainContainer .container .content .text .time-info .am .hours:after { left: 0;}
.mainContainer .container .content .text .time-info .am .hours:before { }
.mainContainer .container .content .text .time-info .pm { float: right; text-align: left; }
.mainContainer .container .content .text .time-info .pm .hours:after { right: 0;}
.mainContainer .container .content .text .time-info .pm .hours:before { } 
.mainContainer .container .content .text .time-info  strong { color: #245888; font-weight: 300; font-size: 20px;}

.mainContainer .container .content .text .fancyList { background: #f4f4f4; color: #818181; padding: 20px; margin-bottom: 30px;}
.mainContainer .container .content .text .fancyList i { color: #245888; font-size: 22px; position: relative; top: 3px; margin: 0 5px 0 -30px;}
.mainContainer .container .content .text .fancyList strong { font-weight: 600; margin-bottom: 8px; display: block;}
.mainContainer .container .content .text .fancyList li { padding-left: 30px; line-height: 1.3em;}


.mainContainer .container .content fieldset.tradeBox { margin-bottom: 140px;}
.mainContainer .container .content fieldset.tradeBox legend { color: #245888;}
/* .mainContainer .container .content fieldset.tradeBox .circleSet:before { background: #c3c3c3; }
.mainContainer .container .content fieldset.tradeBox .circleSet:after { background: #c3c3c3; } */



.mainContainer .container .content .newsList { padding-bottom: 30px;}
.mainContainer .container .content .newsList .media-left { padding-right: 30px;}
.mainContainer .container .content .newsList .media-body:after { content: ""; width: 50px; height: 2px;; border-bottom:2px solid #024e87; display: block; margin: 20px 0 10px;}
.mainContainer .container .content .newsList .img { width: 200px; height: 110px; overflow: hidden; display:block;}
.mainContainer .container .content .newsList .img img { display: block; margin-left: -100px;}
.mainContainer .container .content .newsList .date { color: #c0c0c0; font-size: 12px; line-height: 1em; margin: -1px 0 8px; display: block;}
.mainContainer .container .content .newsList .more { color: #024e87;}
.mainContainer .container .content .newsList h4 { font-size: 20px; color: #024e87;}
.mainContainer .container .content .newsList p { color: #818181; font-size: 14px; line-height: 1.6em; margin-bottom: 6px;}

.mainContainer .container .content .resultList { padding-bottom: 30px;}
.mainContainer .container .content .resultList .media-body:after { content: ""; width: 50px; height: 2px;; border-bottom:2px solid #024e87; display: block; margin: 20px 0 10px;}
.mainContainer .container .content .resultList .more { color: #024e87;}
.mainContainer .container .content .resultList h4 { font-size: 20px; color: #024e87;}
.mainContainer .container .content .resultList p { color: #818181; font-size: 14px; line-height: 1.6em; margin-bottom: 6px;}
.mainContainer .container .content .resultList p b {color: #111111;}

.mainContainer .container .content .benefitsList { padding-bottom: 30px;}
.mainContainer .container .content .benefitsList .media { background: #f4f4f4; }
.mainContainer .container .content .benefitsList .media .media-body { padding: 20px; }
.mainContainer .container .content .benefitsList .media .media-left { background: #245888; width: 190px; text-align: center; padding: 0; line-height: 124px;}
.mainContainer .container .content .benefitsList .media .media-left [class^="ico-"] { background-image: url('../images/icoSet.png'); height: 100px; width: 150px; margin: 0 auto; display: inline-block; vertical-align: middle;}
.mainContainer .container .content .benefitsList .media .media-left .ico-1 { background-position: 0 0;}
.mainContainer .container .content .benefitsList .media .media-left .ico-2 { background-position: -150px 0;}
.mainContainer .container .content .benefitsList .media .media-left .ico-3 { background-position: -300px 0;}
.mainContainer .container .content .benefitsList .media .media-left .ico-4 { background-position: 0 -100px;}
.mainContainer .container .content .benefitsList .media .media-left .ico-5 { background-position: -150px -100px;}
.mainContainer .container .content .benefitsList .media .media-left .ico-6 { background-position: -300px -100px;}


.mainContainer .container .content .benefitsList h4 { font-size: 20px; color: #024e87;}
.mainContainer .container .content .benefitsList p { color: #818181; font-size: 14px; line-height: 1.6em; margin-bottom: 6px;}

.imgBox { width: 100%; display: block; margin-bottom: 30px; position: relative; background-size: cover; background-position: top center; color: #fff; height: 280px; }
.imgBox .box-body { position:absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; text-align: center; padding: 30px 10px; box-shadow: 0 100px 90px -20px #051828 inset, 0 -120px 100px -80px #051828 inset;  }
.imgBox:hover .box-body { box-shadow: 0 70px 90px -20px #051828 inset, 0 -90px 100px -80px #051828 inset; }
.imgBox .box-body strong { display: block; font-size: 26px; font-weight: 400; line-height: 1.4em; }
.imgBox:hover .box-body strong { color: #fff;}
.imgBox .box-body .btn-more, .imgBox .box-body .btn-pre { position: absolute; bottom: 16px; text-align: center; margin-left: -53px; color: #fff;}
.imgBox .box-body .btn.btn-more.btn-sm i { border-color: #fff;}

/* pagination  
*******************************************************************/
.pagination {}
.pagination > li { display: inline-block;}
.pagination > li > a[aria-label] { background: none; color: #5a5a5a;}
.pagination > li > span[aria-label] { background: none; color: #cbcbcb;}
.pagination > li > a,
.pagination > li > span {border: 0; background: #b0b0b0; color: #fff;}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover { background: #024e87;}

/* home fields 
*******************************************************************/

fieldset { border:1px solid #c3c3c3; margin-bottom: 30px; margin-top: 10px; }
fieldset legend { width: auto; display: inline-block; color: #fff; padding: 0 20px; font-size: 28px; font-weight: 300;  }
fieldset.offerBox { text-align: center; padding: 30px 20px 20px 20px; min-height: 316px;}
fieldset.offerBox .box { text-align: center; height: 210px; display: block; padding: 15px; position: relative; line-height: 340px; margin-bottom: 20px; background-position: center center; box-shadow: 0 80px 90px -20px #051828 inset, 0 -100px 100px -80px #051828 inset; }
fieldset.offerBox .box .title { color: #fff; display: block; font-size: 20px; line-height: 1.2em; font-weight: 300; position: absolute; left: 14px; right: 15px; top: 15px;;}
fieldset.offerBox .box .title b { font-weight: 600;}
fieldset.offerBox .box .more { bottom: 15px; color: #fff; font-size: 16px; font-weight: 600;  }
fieldset.offerBox .box .more i { border-radius: 50%; display: inline-block; width: 26px; height: 26px; border: 2px solid #fff; line-height: 20px; padding: 0 0 0 1px; margin: 0 5px 0 0; }
fieldset.offerBox .box .img {}
fieldset.offerBox .box .img img { width: 100%; height: auto;}
fieldset.offerBox .toggleBtn { margin: 0;}


fieldset.calcBox { background:url('../images/calcBG.png') bottom center no-repeat; min-height: 300px; color: #fff; text-align: center; position: relative; min-height: 316px;}
fieldset.calcBox .more { bottom: 15px; color: #fff; font-size: 26px; font-weight: 300; position: absolute; bottom: 20px; left: 10px; right: 10px; line-height: 1.4em; }
fieldset.calcBox .more:hover { text-decoration: none;}
fieldset.calcBox .more i { border-radius: 50%; display: inline-block; width: 30px; height: 30px; border: 3px solid #fff; line-height: 24px; padding: 0 0 0 1px; margin: 0 5px 0 0; font-size: 15px; }

fieldset.newsBox { text-align: center; padding: 30px 20px;}
fieldset.newsBox .img { display: block; height: 158px; overflow: hidden; margin-bottom: 20px; }
fieldset.newsBox .img img { width: 100%; height: auto;}
fieldset.newsBox .title { color: #fff; font-size: 18px; font-weight: 400; padding: 0 15px; margin-bottom: 10px; display: block; text-align: left; line-height: 1.2em;} 
fieldset.newsBox .data { color: #b7b7b7; font-size: 14px; padding: 0 15px; display: block; text-align: left; margin-bottom: 30px;}
fieldset.newsBox .toggleBtn { margin: 0;}

fieldset.tradeBox { padding-bottom: 0; border-bottom:0; padding: 30px 0 0;}
fieldset.tradeBox .circle { background: #245888; color: #fff; font-size: 13px; width: 157px; height: 157px; border-radius: 50%; display: inline-block; text-align: center; line-height: 157px;}
/* fieldset.tradeBox .circle .mid { line-height: 1.2em; display: inline-block; vertical-align: middle;} */
fieldset.tradeBox .circle .mid { line-height: 1.2em; display: inline-block;}
fieldset.tradeBox .circle .mid div { margin-top:15px;}
fieldset.tradeBox .circle .title { display: block; height: 35px; line-height: 55px; padding: 10px 20px; }
fieldset.tradeBox [class^="ico-"] { background-image: url('../images/icoSet.png'); height: 50px; width: 100px; margin: 0 auto; display: inline-block; }
fieldset.tradeBox .ico-1 { background-position: 0 -200px;}
fieldset.tradeBox .ico-2 { background-position: -100px -200px;}
fieldset.tradeBox .ico-3 { background-position: -200px -200px;}
fieldset.tradeBox .ico-4 { background-position: -300px -200px;}
fieldset.tradeBox .ico-5 { background-position: -400px -200px;}
fieldset.tradeBox .ico-6 { background-position: -500px -200px;}
fieldset.tradeBox .circleSet { vertical-align: bottom; margin: 0 30px; position: relative; top: 78px; margin-top: -78px;}

fieldset.tradeBox .circleSet > [class^="col-"],
fieldset.tradeBox .circleSet > [class^=" col-"]  { padding-left: 6px; padding-right: 6px; text-align: center;}

fieldset.tradeBox .circleSet:before { content: ""; position: absolute; height: 1px; width: 30px; background: #fff; right: -30px; top: 78px; }
fieldset.tradeBox .circleSet:after { content: ""; position: absolute; height: 1px; width: 30px; background: #fff; left: -30px; top: 78px; }

.valueBox { padding-bottom: 0; border-bottom:0; padding: 30px 0 0; overflow: hidden;}
.valueBox .circle { background: #e5edf3; font-size: 13px; width: 147px; height: 147px; border-radius: 50%; display: inline-block; text-align: center; line-height: 147px; margin-bottom: 15px;}
.valueBox .circle .mid { line-height: 1.2em; display: inline-block; vertical-align: middle;}
.valueBox .title { display: block; line-height: 1.2em; padding: 0 20px; color: #245888; font-style: italic; margin-bottom: 30px; }
.valueBox .title strong { display: block; margin-bottom: 6px; font-style: normal;}
.valueBox [class^="ico-"] { background-image: url('../images/icoSet.png'); height: 50px; width: 100px; margin: 0 auto; display: inline-block; }
.valueBox .ico-1 { background-position: 0 -350px;}
.valueBox .ico-2 { background-position: -100px -350px;}
.valueBox .ico-3 { background-position: -200px -350px;}
.valueBox .ico-4 { background-position: -300px -350px;}
.valueBox .ico-5 { background-position: -400px -350px;}
.valueBox .circleSet { vertical-align: bottom; margin: 0; position: relative;  }

.valueBox .circleSet > [class^="col-"],
.valueBox .circleSet > [class^=" col-"]  { padding-left: 6px; padding-right: 6px; text-align: center;}


.assetsBox { padding-bottom: 0; border-bottom:0; padding: 0 0; overflow: hidden;}
.assetsBox .circle { background: #e5edf3; font-size: 13px; width: 66px; height: 66px; border-radius: 50%; display: inline-block; text-align: center; line-height: 66px; margin-bottom: 15px;}
.assetsBox .circle .mid { line-height: 1.2em; display: inline-block; vertical-align: middle;}
.assetsBox .title { display: block; line-height: 1.2em; font-size: 11px; padding: 0 2px; color: #245888; margin-bottom: 30px; }
.assetsBox [class^="ico-"] { background-image: url('../images/icoSet.png'); height: 50px; width: 50px; margin: 0 auto; display: inline-block; }
.assetsBox .ico-1 { background-position: 0 -400px;}
.assetsBox .ico-2 { background-position: -50px -400px;}
.assetsBox .ico-3 { background-position: -100px -400px;}
.assetsBox .circleSet { vertical-align: bottom; margin: 0; position: relative;  }

.assetsBox .circleSet > [class^="col-"],
.assetsBox .circleSet > [class^=" col-"]  { padding-left: 6px; padding-right: 6px; text-align: center;}


.wizard { padding: 20px 0;}
.wizard .steps { text-align: center;}
.wizard .steps li { display: inline-block;  margin: 0px 40px; text-align: left; position: relative; z-index: 1;}
.wizard .steps li b { display: block; margin-bottom: 5px; color: #014e87;}
.wizard .steps li .arrow { display: block; width: 200px; height: 150px; background-image: url('../images/icoSet2.png'); background-position: -500px -450px; line-height: 42px; padding: 10px 20px 90px 15px; font-size: 20px; color: #014e87;  }
.wizard .steps li.active .arrow { background-position: -500px -300px; color: #fff;}
.wizard .steps li.active:before { content: ""; position: absolute; background-image: url('../images/icoSet2.png'); background-position: -500px 0px; width: 150px; height: 100px; z-index: -1; }
.wizard.store .steps li.active:before { background-position: -600px -150px;}
.wizard .steps li.step_1.active:before { top: -30px; right: -50px; transform:rotate(349deg); -webkit-transform:rotate(349deg); -moz-transform:rotate(349deg); -o-transform:rotate(349deg); }
.wizard .steps li.step_2.active:before { top: -40px; right: -50px; transform:rotate(3deg); -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); }
.wizard .steps li.step_3.active:before { top: -10px; right: -50px; transform:rotate(7deg); -webkit-transform:rotate(7deg); -moz-transform:rotate(7deg); -o-transform:rotate(7deg); }
.wizard.store .steps li.step_1.active:before { top: -40px; right: -60px; }
.wizard.store .steps li.step_2.active:before { top: -50px; right: -60px; }
.wizard.store .steps li.step_3.active:before { top: -20px; right: -60px; }
.wizard .steps li .arrow .mid { line-height: 1.2em; display: inline-block; vertical-align: middle;margin: -5px;}


.services-box { border: 1px solid #c4c4c4;}
.services-box .img { height: 310px; display: block; padding: 15px; position: relative; box-shadow: 0 80px 90px -20px #051828 inset, 0 -100px 100px -80px #051828 inset; }
.services-box .img .title { color: #fff; display: inline-block; font-size: 20px; line-height: 50px; font-weight: 300; }
.services-box .img .title .mid { line-height: 1.2em; display: inline-block; vertical-align: middle;}
.services-box .img  [class^="ico-"] { background-image: url('../images/icoSet.png'); height: 50px; width: 100px; margin: 0 10px 0 0; float: left; }
.services-box .img .ico-1 { background-position: 0 -450px;}
.services-box .img .ico-2 { background-position: -100px -450px;}
.services-box .img .ico-3 { background-position: -200px -450px;}
.services-box .img .ico-4 { background-position: -300px -450px;}


.services-box .services-body { padding: 20px; color: #444444;}
.services-box .services-body h3 { font-weight: 300; font-size: 18px; color: #024e87; margin-bottom: 15px; }
.services-box .services-body .greyBox { background: #f4f4f4; padding: 15px 20px; margin: 10px 0 20px; color: #818181;}
.services-box .services-body .greyBox strong { }
.services-box .services-body .greyBox ul { margin: 5px 0 5px 16px;}
.services-box .services-body .greyBox ul li { margin-bottom: 5px;}
.services-box .services-body .greyBox ul li:before { content: "\25AA"; font-size: 30px; line-height: 0; color: #024e87; position: relative; top: 5px; margin: 0 8px 0 0;}

.contactBox { background-color: #04243d; overflow: hidden; font-weight: 300; padding: 20px 0; color: #fff; line-height: 1.6em; margin-bottom: 30px; height: 260px;}
.contactBox .logo { margin-bottom: 50px;}
.contactBox .logo + address { margin-left: 90px;}
.contactBox .logo + address + .mailUs { margin-left: 90px;}
.contactBox ul { margin-left: 15px;}
.contactBox ul li { font-size: 16px; font-weight: 300; margin-bottom: 10px; list-style-type: disc;}
.contactBox ul li b { font-weight: 600;}

.contactBox address strong { font-size: 20px; font-weight: 600; margin-bottom: 25px; display: block;}

.contactBox .mailUs { margin: 10px 0; font-size: 16px;}
.contactBox .mailUs .icon-mail { font-size: 50px; float:left; margin-right: 10px; }
.contactBox .mailUs a {color: #fff; font-size: 14px; font-weight: 600;}


.wordMap { background: url(../images/wordMap.png) no-repeat top center; }
.wordMap .dotSet { height: 763px; position: relative;}
.wordMap .dotSet .dot { width: 10px; height: 10px; border-radius: 50%; background: #fff; display: block; position: absolute; cursor: pointer;}
.wordMap .dotSet .dot:hover { background: #e2b98d;}
.wordMap .popover { border-radius: 0; box-shadow:none; border: 0; background: #245888; padding: 0; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.wordMap .popover .arrow { display: none;}
.wordMap .popover .popover-content { background: #245888; padding: 24px 22px 36px;}
.wordMap .popover .popover-content .dotAddress { font-size: 21px; font-weight: 300; color: #fffeff;}
.wordMap .popover .popover-content .dotAddress strong { font-weight: 400; color: #fff;}
.wordMap .popover .popover-content .dotAddress p { font-size: 15px; margin-top: 20px; font-weight: 400;}
.wordMap .popover .popover-content .dotAddress p span { color: #d6e4f1; font-weight: 300;}

/* 404 error page
*******************************************************************/


/* footer
*******************************************************************/
footer { color: #fff; margin-bottom: 40px; font-size: 12px;}
footer nav { background: #051828; padding: 40px 20px 20px 20px; width: 100%; float: left; margin-bottom: 20px;}
footer nav ul { display: table; width: 100%;}
footer nav ul li { display: table-cell; margin: 0 0 8px 0; padding-right: 16px; /* padding-right: 20px; */ }
footer nav > ul > li:last-child{padding-right: 0px;}
footer nav > ul > li:first-child{padding-left: 10px;}
footer nav ul li a { color: #fff; white-space: normal;}
footer nav > ul > li { }
footer nav > ul > li  > a  { white-space: nowrap; font-size: 16px; display: block; margin-bottom: 30px;}
footer nav ul li li { float: none; margin-left: 0px; display: block;}
footer  h6 { font-size: 16px; margin-bottom: 4px;}

footer [class^="ico-"] { background-image: url('../images/icoSet.png'); height: 100px; width: 100px; margin: 0 auto; display: inline-block; }
footer .ico-1 { background-position: 0 -250px;}
footer .ico-2 { background-position: -100px -250px;}
footer .ico-3 { background-position: -200px -250px;}
footer .ico-4 { background-position: -300px -250px;}

/* text style
*******************************************************************/


/* treeview style
*******************************************************************/


/* select style
*******************************************************************/

select.customselect { display:none;}

.select-wrapper { position:relative; margin:0 0 16px;}
.select-wrapper .select-open .selected,
.select-wrapper .select-close { display:block; padding:7px 25px 6px 12px; border:0px; width:100%; margin:0; height:30px; font-size:12px; font-weight:normal; color:#dedede; line-height:14px; cursor:pointer; position:relative; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; border:1px solid #bbbabc; }
.select-wrapper .select-open .selected { background:none; border:1px solid #bbbabc; border-bottom:0;}
.select-wrapper .select-close:after,
.select-wrapper .select-open .selected:after { content: "\e113"; font-family: 'Glyphicons Halflings'; color:#ffffff; -webkit-font-smoothing: antialiased;  font-style: normal; font-weight: normal; font-size:10px; line-height: 1; -moz-osx-font-smoothing: grayscale; position:absolute; top:10px; right:10px; }
.select-wrapper .select-close:after { content: "\e114"; }

.select-wrapper .select-open { position:absolute; top:0; left:0; max-width:100%; right:0;}	
.select-wrapper .select-open ul { width:100%; float:left; background:#fff; margin:-1px 0 0; padding:0; list-style:none; border-radius:0; overflow:hidden; max-height:200px; overflow-y:auto; padding-bottom:6px;}	
.select-wrapper .select-open ul li {width:100%; float:left; margin:0; position:relative;}
.select-wrapper .select-open ul li a { width:100%; float:left; margin:0; padding:7px 12px 5px; font-size:12px; font-weight:normal; color:#0e294f; line-height:1.4em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }	
.select-wrapper .select-open ul li a:hover { color:#0e294f; text-decoration:none;}
.select-wrapper .select-open ul li .value { display:none;}
footer a { color:#fff; text-decoration:none;}
footer a:hover { color:#23527c; }
.formInfo { font-size: 28px; font-weight: 300; text-align: center; line-height: 1.4em; color: #575757; margin-bottom: 50px;}
.formHeader { font-weight: 400; margin-bottom: 10px !important; margin-top: 20px !important; display: block; font-size: 19px; color: #818181; }

.form-group:last-child { margin-bottom: 0 !important;}
.form-group .select-wrapper { position:relative; margin:0;}
.form-group .select-wrapper .select-open .selected,
.form-group .select-wrapper .select-close { display:block; padding:7px 25px 6px 12px; border:0px; width:100%; margin:0; height:30px; font-size:14px; font-weight:normal; color:#555; background: #fff; line-height:14px; cursor:pointer; position:relative; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; border:1px solid #ccc; }
.form-group .select-wrapper .select-open .selected { background:none; border:1px solid #bbbabc; border-bottom:0;}
.form-group .select-wrapper .select-close:after,
.form-group .select-wrapper .select-open .selected:after { content: "\e113"; font-family: 'Glyphicons Halflings'; color:#024e87; -webkit-font-smoothing: antialiased;  font-style: normal; font-weight: normal; font-size:10px; line-height: 1; -moz-osx-font-smoothing: grayscale; position:absolute; top:10px; right:10px; }
.form-group .select-wrapper .select-close:after { content: "\e114"; }

.form-group .select-wrapper .select-open { position:absolute; top:0; left:0; max-width:100%; right:0; }	
.form-group .select-wrapper .select-open ul { width:100%; float:left; background:#fff; margin:-1px 0 0; padding:0; list-style:none; border-radius:0; overflow:hidden; max-height:200px; overflow-y:auto; padding-bottom:6px; border:1px solid #ccc;}	
.form-group .select-wrapper .select-open ul li {width:100%; float:left; margin:0; position:relative;}
.form-group .select-wrapper .select-open ul li a { width:100%; float:left; margin:0; padding:7px 12px 5px; font-size:14px; font-weight:normal; color:#0e294f; line-height:1.4em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }	
.form-group .select-wrapper .select-open ul li a:hover { color:#0e294f; text-decoration:none;}
.form-group .select-wrapper .select-open ul li .value { display:none;}

.form-control { height: 30px; padding:4px 12px; box-shadow: none; font-size: 14px; color:#004e89}
.form-inline .form-group { margin-left: 0; margin-right: 0;}

.nstSlider { width: 100%; height: 7px; border-radius: 0; background: #c8c8c8; top: 12px;}
.nstSlider .leftGrip { white-space: nowrap; width: 90px; font-size: 12px; text-align: center; border-radius: 0; background: #014e87; line-height: 1em; color: #fff; padding: 3px 0 5px; height: 24px; top: -9px;}
.nstSlider .leftGrip:after,
.nstSlider .leftGrip:before {
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #80a7c3;
  font-size: 13px;
}

.nstSlider .leftGrip:before {  content: "\e257"; margin-right: 6px;}
.nstSlider .leftGrip:after {  content: "\e258"; margin-left: 6px;}

.checkbox { padding-top: 5px !important;}
.checkbox label { padding-left:30px !important; line-height:1.2em; color:#226796; font-size:14px; font-weight:600; }
.checkbox label input[type="checkbox"] { opacity: 0; margin:0; position: absolute !important;}
.checkbox label input[type="checkbox"] + .checkbox-helper { background: inherit; float: left; height: 18px; margin: 0 0 0 -30px; position: relative; top: 0px; width: 18px; border: 1px solid #cbcbcb; padding:0; color:#014e87; font-size:12px; background: #fff;}
.checkbox label input[type="checkbox"] + .checkbox-helper { position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.checkbox label input[type="checkbox"] + .checkbox-helper:after {  }
.checkbox label input[type="checkbox"]:checked + .checkbox-helper:after { content: "\e013"; width:17px; line-height:16px; text-align:center; display:inline-block; position: relative; left: -1px; font-size: 11px; }


.radio label { padding-left:27px; line-height:1.2em;}
.radio label input[type="radio"] { left: 0px; opacity: 0; position: absolute; width: 100%; z-index: 1; margin:0;}
.radio label input[type="radio"] + .radio-helper { background: inherit; float: left; height: 17px; margin: 0 0 0 -27px; min-height: 17px; position: relative; top: 0px; width: 17px; border: 1px solid #bebdbf; padding:0; border-radius:50%;}
.radio label input[type="radio"] + .radio-helper:after {  }
.radio label input[type="radio"]:checked + .radio-helper:after { content:""; width:7px; height:7px; border-radius:50%; background:#014e87; top:4px; left:4px; position:absolute;}
.radio label i { vertical-align: top;}

i[class^="icon-"] { background-image: url('../images/icoSet2.png'); height: 20px; width: 20px; display: inline-block;}
i[class^="icon-"].mid { vertical-align: middle;}
i.icon-karton { background-position: -450px -100px; height: 20px; width: 50px;}
i.icon-luzem { background-position: -750px -100px; height: 20px; width: 100px;}
i.icon-skrzynia { background-position: -550px -100px; height: 20px; width: 50px;}
i.icon-opakowanie { background-position: -600px -100px; height: 20px; width: 50px;}
i.icon-paleta { background-position: -650px -100px; height: 20px; width: 50px;}
i.icon-plastic { background-position: -700px -100px; height: 20px; width: 50px;}

i.icon-moon { background-position: -450px -119px; height: 27px; width: 28px; position: relative; top: -4px;}
i.icon-sun { background-position: -500px -119px; height: 27px; width: 28px; position: relative; top: -4px;}

.priceDetails { background: #f2f2f2; }
.priceDetails table { width: 100%;}
.priceDetails table td { padding: 15px;}
.priceDetails table th { padding: 20px 15px; font-weight: 400;}
.priceDetails table td .showMore { padding: 15px; color: #fff; display: block;}
.priceDetails .bgGrey { background-color: #e9e9e9;}
.priceDetails .bgDarkGrey { background-color: #e0e0e0;}
.priceDetails .bgBlue { background-color: #014e87; color: #fff;}
/* modal
*******************************************************************/


/* btn
*******************************************************************/


.btn.btn-more, .btn.btn-pre { color: #014e86;}
.btn.btn-more i { border-radius: 50%; display: inline-block; width: 26px; height: 26px; border: 3px solid #014e86; line-height: 20px; padding: 0 ; margin: 0 5px 0 0; font-size: 14px; }
.btn.btn-more.btn-sm i { width: 20px; height: 20px; border: 2px solid #014e86; line-height: 17px; font-size: 12px;}

.btn.btn-more.btn-lg, .btn.btn-pre.btn-lg { margin: 10px 0; font-size: 18px; color: #014e86; background: none}
.btn.btn-more.btn-lg i { border-radius: 50%; display: inline-block; width: 32px; height: 32px; border: 3px solid #014e86; line-height: 25px; padding: 0 0 0 1px; margin: 0 5px 0 0; font-size: 19px; }


header .navbar-wrapper .navbar-collapse .navbar-nav > li.active{background:#01508b;}

.cookie-info {
    background-color: #000000;
    box-shadow: 0 0 5px #000000;
    color: #FFFFFF;
    font-family: arial;
    font-size: 11px;
    padding: 5px;
    position: fixed;
    text-align: center;
    z-index: 999;
	width:100%;
	opacity:0.7;
	bottom:0px;
}
.cookie-info div{
    display:inline-block;
}
.cookie-info div:last-child {
	font-size:24px;
	font-weight:bold;
}
.cookie-info a {
	text-decoration:none;
	color:#FFFFFF;
	margin-left:60px;
}
.cookie-info a:hover {
	color:#999999;
}
.cookie-info span{
	font-size:13px;
}


.certificate.btn-more {
    font-size: 14px;
}
.certificate.btn-more::before {
    height: 24px;
    line-height: 19px;
    width: 24px;
}




/* poprawki pod RWD
*******************************************************************/
.boxes-tablet{
	display:none;
}
.boxes-smartfon{
	display:none;
}
#kodPocztowy, #kodPocztowy1, #kodPocztowy2{
	display: inline-block !important;
}
.submitted-buttons{
	overflow:hidden;
}
.lp-offer > div > div > div:first-child {
    text-align: left !important;
}
	.dropdown .down{
		display:none;
	} 
@media (max-width: 560px) {
	.homeBaners .baner .caption.show .main_title{
		margin-top:140px;
	}
	.homeBaners.swiper-container.swiper-container-horizontal{
		margin-top:150px !important;		
	}
	.form-content{
		padding: 20px !important;
		margin: 10px 30px !important;
	}
}
@media (max-width: 991px) {
	.boxes-desktop{
	display:none;
	}
	.boxes-smartfon{
		display:block;
	}
	.homeBaners.swiper-container .baner{
		background-position: center center !important;
	    background-repeat: no-repeat !important;
	    background-size: 150% auto !important;
	}
}
@media (max-width: 767px) {
	.boxes-smartfon{
	display:none;
	}
	.boxes-tablet{
		display:block;
	}
	
	.homeBaners > .baner > div > img{
		padding-top: 370px !important;
	}
	
	.logisticsMap{
	    margin-left: -110px;
	    overflow: visible;
	    transform: scale(0.7);
	    width: 670px;
	}
	
	
	.navbar-collapse.in {
	    overflow-y: visible;
	}
	.navbar-collapse.in a:first-child{
	   padding:20px 5px !important;
	}
	
	.navbar-collapse.in > ul ul{
	    width:100%;
	}
	.dropdown .down{
		display:inline-block;
		float:right;
		margin-top: -50px;
	} 
	.dropdown .down i{
   		margin-top: -7px;
	} 
	.dropdown-toggle .caret{
		display:none;
	}
}

@media (max-width: 540px) {
	.logisticsMap{
	    margin-left: -140px;
	    transform: scale(0.6);
	}	
}
@media (max-width: 465px) {
	.logisticsMap{
	    margin-left: -180px;
	    transform: scale(0.5);
	}	
}
@media (max-width: 390px) {
	.logisticsMap{
	    margin-left: -210px;
	    transform: scale(0.4);
	}	
}
@media (max-width: 560px) {
	.boxes-tablet{
	display:none;
	}
	.boxes-smartfon{
		display:block;
	}
	.lp-main{
		width:100%;
		overflow:hidden;
	}
	.lp-main img{
		width:200% !important;
	}
	.mainContainer .container .content .benefitsList .media .media-left {
	    display: inline-block !important;
	    width: 100% !important;
	}
	.divCalcBox{
		overflow:hidden;
	}
	.calcBox{
		width: 100% !important;
		overflow: hidden;
	}
	.divCalcBox .calcBox .bx-wrapper{
		max-width:300px !important;
	}
}
@media (max-width: 640px) {
	table.atuty-rozwiazan-cat-lc td {
    	min-height: 0 !important;
    	height: auto !important;
	}
	table.atuty-rozwiazan-cat-lc td:nth-child(2) {
    	text-align:center !important;
	}
}
@media (max-width: 760px) {
	fieldset.tradeBox ul li{
		
	}
}
.tablesaw-stack tbody tr {
    border-bottom: 0 !important;
}
.tablesaw tbody tr {
    border-bottom: 0 !important;
}