/*
 * BASE STRUCTURE
 */

@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700,400italic,700italic,900&subset=latin,latin-ext);

html, body{ width: 100%; height:100%; } 


body {
  color: #3f3f3f;
  font-family: 'Titillium Web', Verdana, sans-serif;
  font-size: 16px;
}

.clear{ clear: both; }
.disnone{ display: none; }
.tleft{ text-align: left; }
.tcenter{ text-align: center; }
.tright{ text-align: right; }
.res{ max-width: 100%; }
.tnowrap{ white-space:nowrap; }

.fleft{ float: left; }
.fright{ float: right; }



.prel{ position:relative; }

.pa5{ padding:5px; }
.pat5{ padding-top:5px; }
.pab5{ padding-bottom:5px; }
.patb5{ padding-top:5px; padding-bottom:5px; }
.ma5{ margin:5px; }
.mat5{ margin-top:5px; }
.mab5{ margin-bottom:5px; }
.matb5{ margin-top:5px; margin-bottom:5px; }

.pa10{ padding:10px; }
.pat10{ padding-top:10px; }
.pab10{ padding-bottom:10px; }
.patb10{ padding-top:10px; padding-bottom:10px; }
.ma10{ margin:10px; }
.mat10{ margin-top:10px; }
.mab10{ margin-bottom:10px; }
.matb10{ margin-top:10px; margin-bottom:10px; }

.pa15{ padding:15px; }
.pat15{ padding-top:15px; }
.par15{ padding-right:15px; }
.pab15{ padding-bottom:15px; }
.pal15{ padding-left:15px; }
.patb15{ padding-top:15px; padding-bottom:15px; }
.palr15{ padding-left:15px; padding-right:15px; }
.ma15{ margin:15px; }
.mat15{ margin-top:15px; }
.mar15{ margin-right:15px; }
.mab15{ margin-bottom:15px; }
.mal15{ margin-left:15px; }
.matb15{ margin-top:15px; margin-bottom:15px; }
.malr15{ margin-left:15px; margin-right:15px; }

.pa20{ padding:20px; }
.pat20{ padding-top:20px; }
.par20{ padding-right:20px; }
.pab20{ padding-bottom:20px; }
.pal20{ padding-left:20px; }
.patb20{ padding-top:20px; padding-bottom:20px; }
.palr20{ padding-left:20px; padding-right:20px; }
.ma20{ margin:20px; }
.mat20{ margin-top:20px; }
.mar20{ margin-right:20px; }
.mab20{ margin-bottom:20px; }
.mal20{ margin-left:20px; }
.matb20{ margin-top:20px; margin-bottom:20px; }
.malr20{ margin-left:20px; margin-right:20px; }

.pa30{ padding:30px; }
.pat30{ padding-top:30px; }
.par30{ padding-right:30px; }
.pab30{ padding-bottom:30px; }
.pal30{ padding-left:30px; }
.patb30{ padding-top:30px; padding-bottom:30px; }
.palr30{ padding-left:30px; padding-right:30px; }
.ma30{ margin:30px; }
.mat30{ margin-top:30px; }
.mar30{ margin-right:30px; }
.mab30{ margin-bottom:30px; }
.mal30{ margin-left:30px; }
.matb30{ margin-top:30px; margin-bottom:30px; }
.malr30{ margin-left:30px; margin-right:30px; }

.pa40{ padding:40px; }
.pat40{ padding-top:40px; }
.par40{ padding-right:40px; }
.pab40{ padding-bottom:40px; }
.pal40{ padding-left:40px; }
.patb40{ padding-top:40px; padding-bottom:40px; }
.palr40{ padding-left:40px; padding-right:40px; }
.ma40{ margin:40px; }
.mat40{ margin-top:40px; }
.mar40{ margin-right:40px; }
.mab40{ margin-bottom:40px; }
.mal40{ margin-left:40px; }
.matb40{ margin-top:40px; margin-bottom:40px; }
.malr40{ margin-left:40px; margin-right:40px; }

@media (max-width: 767px) {
    .xs-text-center{ text-align: center; }

    .xs-pa5{ padding:5px; }
    .xs-pat5{ padding-top:5px; }
    .xs-pab5{ padding-bottom:5px; }
    .xs-patb5{ padding-top:5px; padding-bottom:5px; }
    .xs-ma5{ margin:5px; }
    .xs-mat5{ margin-top:5px; }
    .xs-mab5{ margin-bottom:5px; }
    .xs-matb5{ margin-top:5px; margin-bottom:5px; }

    .xs-pa10{ padding:10px; }
    .xs-pat10{ padding-top:10px; }
    .xs-pab10{ padding-bottom:10px; }
    .xs-patb10{ padding-top:10px; padding-bottom:10px; }
    .xs-ma10{ margin:10px; }
    .xs-mat10{ margin-top:10px; }
    .xs-mab10{ margin-bottom:10px; }
    .xs-matb10{ margin-top:10px; margin-bottom:10px; }

    .xs-pa15{ padding:15px; }
    .xs-pat15{ padding-top:15px; }
    .xs-par15{ padding-right:15px; }
    .xs-pab15{ padding-bottom:15px; }
    .xs-pal15{ padding-left:15px; }
    .xs-patb15{ padding-top:15px; padding-bottom:15px; }
    .xs-palr15{ padding-left:15px; padding-right:15px; }
    .xs-ma15{ margin:15px; }
    .xs-mat15{ margin-top:15px; }
    .xs-mar15{ margin-right:15px; }
    .xs-mab15{ margin-bottom:15px; }
    .xs-mal15{ margin-left:15px; }
    .xs-matb15{ margin-top:15px; margin-bottom:15px; }
    .xs-malr15{ margin-left:15px; margin-right:15px; }

    .xs-pa30{ padding:30px; }
    .xs-pat30{ padding-top:30px; }
    .xs-par30{ padding-right:30px; }
    .xs-pab30{ padding-bottom:30px; }
    .xs-pal30{ padding-left:30px; }
    .xs-patb30{ padding-top:30px; padding-bottom:30px; }
    .xs-palr30{ padding-left:30px; padding-right:30px; }
    .xs-ma30{ margin:30px; }
    .xs-mat30{ margin-top:30px; }
    .xs-mar30{ margin-right:30px; }
    .xs-mab30{ margin-bottom:30px; }
    .xs-mal30{ margin-left:30px; }
    .xs-matb30{ margin-top:30px; margin-bottom:30px; }
    .xs-malr30{ margin-left:30px; margin-right:30px; }

}

.color-black{ color:#000; }

.minh80{ min-height:80px; }
.minh100{ min-height:100px; }
.minh150{ min-height:150px; }
.minh200{ min-height:200px; }

.w25{ width:25%; }
.w50{ width:50%; }
.w98{ width:98%; }
.w99{ width:99%; }
.w100{ width:100%; }
.w100i{ width:100% !important; }
.wmax100{ max-width:100%; width: auto !important; }

.fixed{ position:fixed; bottom:0; width:100%; background-color:#455a64; }
.overme { width: 100%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; color: red; }
.ahref, .ahrefblank{ cursor:pointer; }

.fs14{ font-size:14px; }
.fs15{ font-size:15px; }
.fs16, .f16{ font-size:16px; }
.fs17{ font-size:17px; }
.fs18{ font-size:18px; }
.fs20{ font-size:20px; }
.fs24{ font-size:24px; }

.hfs15{ font-size: 15px; font-weight: bold; }







.padt10{ padding-top: 10px; }
.padt0{ padding-top: 0; }
.padl0{ padding-left: 0; }
.padr0{ padding-right: 0; }
.padb0{ padding-bottom: 0; }

.padt15{ padding-top: 15px; }
.padl15{ padding-left: 15px; }
.padr15{ padding-right: 15px !important; }
.padtb15{ padding-top: 15px; padding-bottom: 15px; }
.padb15{ padding-bottom: 15px; }

.dtab{ display: table; }
.dtabc{ display: table-cell; vertical-align: middle; }

.btnmore{ display:block; padding: 15px; background-color: #DA4A52; width: 100%; color: #FFF !important; margin: 15px 0; }
.btnmore:hover{ color: #FFF; }

.txt_sha{ text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.18); }
.box_sha{ -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.2); }

.bggrad, .bggrad2{ background: transparent url(../gfx/bggrad.png) no-repeat left bottom; }

a, a:link, a:hover, a:visited, a:active{ text-decoration: none; outline: none; color: #000; }
a:hover{ text-decoration: none; outline: none; color: #DA4A52; }
h1, h2, h3, h4, h5, h6{ font-family: 'Titillium Web', Verdana, sans-serif; font-weight: normal; }
h2{ font-weight: bold; font-size: 30px; color: #DA4A52; margin:10px 0; padding:0; }
h3{ font-size: 24px; }
h5{ font-size: 24px; }


label{ font-weight: normal; margin-top: 10px; }
input, textarea{ display: block; width: 100%; border: 1px solid rgba(180,180,180,0.65); padding: 15px 10px; background: rgba(150,150,150,0.15); }
textarea{ min-height: 148px; resize: vertical; }


.alertbox { margin-bottom: 20px;color:#fff; }
.positive, .negative { border: 2px solid; padding: 1em; text-align: center;color:#fff; }
.positive { border-color: #139136; background-color: #139136;}
.negative { border-color: #f51616; background-color:#f51616;}
.textwrapper ul, .textwrapper ol { margin: 1em 0 1em 20px; }
.textwrapper ul li { list-style: disc; }
.textwrapper ol li { list-style: decimal; }


.styled {
    background: rgba(150,150,150,0.15) url("../gfx/select_arrow.png") no-repeat scroll right center;
    box-sizing: border-box;
    color: #FFF;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
    height: 55px;
    border: 1px solid rgba(180,180,180,0.65);
    margin: 0;
    padding: 0;
}
.styled.error {
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2), 0 -10px 0 -5px #ff1744 inset;
}
.styled span {
    display: block;
    overflow: hidden;
    padding: 15px 10px;
    width: 100%;
    margin: 0;
}
.styled ul {
    display: none;
    left: 0;
    list-style: outside none none;
    position: absolute;
    top: 53px;
    width: 100%;
    z-index: 9999;
    padding: 0;
}
.styled ul li {
    background-color: rgba(20,25,28,1);
    margin-top: 0px;
    border-bottom: solid 1px #DFDFDF;
    padding: 13px 18px;
}
.styled ul li:hover {
    background-color: rgba(31,36,39,1);
}
.radios {
    padding: 8px 0 4px;
    transition: all 0.5s ease-in-out 0s;
}
.radios.error {
    box-shadow: 0 -10px 0 -5px #ff1744 inset;
}
.radios label {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
    margin-right: 15px;
    padding-left: 27px;
    position: relative;
}
.radios input[type="radio"] {
    display: none;
}
.radios label:before {
    background: none repeat scroll 0 0 #fff;
    border: 5px solid #fff;
    border-radius: 20px;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    top: 2px;
    width: 20px;
}
.radios input[type="radio"]:checked + label:before {
    background: none repeat scroll 0 0 #ff1744;
}
.checks {
    padding: 0;
}
.checks label {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin-right: 15px;
    padding-left: 22px;
    position: relative;
}
.checks input[type="checkbox"] {
    display: none;
}
.checks label:before {
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    height: 15px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    top: 1px;
    width: 15px;
}
.checks input[type="checkbox"]:checked + label:before {
    content: "";
}





/***Accordion Menu [Start]***/
#accordion-menu{ margin: 0; padding: 0; }
#accordion-menu .bggrad{ padding: 15px 0; }
#accordion-menu .bggrad2{ padding: 15px 0 0 0; }
#accordion-menu .open {
  cursor: pointer;
  display: block;
  margin: 0 15px;
}
#accordion-menu .bggrad2 .open{ margin-bottom: 15px; }
#accordion-menu i{ transition-duration: 0.3s; transition-timing-function: swing; }
#accordion-menu .open-selected i{
  transform: rotate(90deg); -webkit-transform: rotate(90deg);
}
/***Accordion Menu [End]***/







.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }
.out-gutter{ padding-right:15px; padding-left:15px; }
.out-gutter > [class*='col-'] { padding-right:0; padding-left:0; }

.maxw{ max-width: 970px; }

/* 
 * DEFAULT BACKGROUND 
 */
.bgimage{ background: transparent url(../gfx/bg.jpg) no-repeat center center; background-size: cover; }

#fullpage{ width: 100%; height: 100%; }

.breadcrumb, .breadcrumb a{ margin: 20px 0 10px 0; padding: 0; font-size: 14px; color: #3a484c; background:none; }
.breadcrumb > li + li:before{ color: #D73740; content: '» '; }
.breadcrumb li:last-child{ color: #888; }

/*
  TOP
*/

#btnmob i{
  transition-duration: 0.3s;
  transition-timing-function: swing;
  position: absolute;
  display: block;
  top: 14px;
  left: 16px;
}
#btnmob i:nth-child(1) { color: rgba(255,255,255,1); transform: rotate(0deg); -webkit-transform: rotate(0deg); }
#btnmob i:nth-child(2) { color: rgba(255,255,255,0); transform: rotate(90deg); -webkit-transform: rotate(90deg); }
#btnmob.open i:nth-child(1) { color: rgba(255,255,255,0); transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
#btnmob.open i:nth-child(2) { color: rgba(255,255,255,1); transform: rotate(0deg); -webkit-transform: rotate(0deg); }

#btnmob{ position: fixed; top:0; right:0; z-index:2011; cursor: pointer; width: 50px; height:50px; text-align:center; padding-top: 15px; font-size:21px; background-color:rgba(0,0,0,0.7); color:#FFF; }
#boxmob{ opacity:0.6; position: fixed; width:100%; height:100%; top:0; left:100%; z-index:2010; transition-duration: 0.5s; transition-timing-function: swing; overflow-x: visible; overflow-y: auto; }
.boxmobact{ left:0 !important; background-color: rgba(255,255,255,0.80); opacity:1 !important; }
#navm{ margin: 51px 0 0 0; }
#navm ul{ list-style-type: none; margin: 0; padding:0; }
#navm ul li{ padding:0; margin: 1px 0 0 0; }
#navm ul li a{ display: block; color: #FFF; padding: 14px 20px; background-color: rgba(0,0,0,0.7); }
#navm ul li a:hover, #navm ul .active a{ background: #C43C42; }

#index .headermain{ min-height: 100%; }
.headermain{ position: relative; }
.headermain .homeslider { background: #FFF; height: 100%; position: relative; top: 0; width: 100%; z-index: 1; }
.headermain .homeslider { position:absolute; top:0; width: 100%; height: 100%; background: #fff; z-index: 1; }
.headermain .homeslider .item, .homeslider .owl-item, .homeslider .owl-wrapper, .homeslider .owl-wrapper-outer{ height: 100%; }
.headermain .homeslider .item{ position:relative; }
.headermain .homeslider .imgbg{ width:100%; height:100%; background-position: center bottom, center center; background-repeat: repeat-x, no-repeat; background-size: auto, cover; }
.headermain .mnu{ position: absolute; top: 50%; margin-top: -100px; z-index: 30; width: 100%; }

.headermain .mnu.mnufixed{ position: fixed; top:0; margin:0; }

.owl-stage-outer, .owl-carousel .owl-stage{ height:100%; }


.navbox{ position:relative; color: #FFF; margin: 0 15px; /*height: 184px;*/ }
.navbox:before{ display:block; content:''; width:2000px; height:calc(100% - 30px); position:absolute; top:15px; left:-2015px; background-color:rgba(215,55,64,0.9); }
.navbox > .row{ padding-top: 15px; padding-bottom:15px; }
.navbox a{ color: #FFF; }
.navbox .logo h1{ position:relative; display: flex; width: 100%; height:100%; text-align: center; padding: 0 15px 0 15px; margin:0; }
.navbox .logo h1 a{ display: block; background: transparent url(../gfx/logo_r.png) no-repeat center right; background-size: contain; width:100%; max-width:125px; min-height: 110px; overflow:hidden; text-indent: -9999px; margin: 0 auto; }
.navbox .mainmnu{ padding-left: 30px; padding-right:30px; }
.navbox .bg1{ background-color:rgba(215,55,64,0.9); }
.navbox .bg2{ background-color:rgba(29,36,38,0.8); }
.navbox .bg1, .navbox .bg2{ height:155px; }

.navbox h2{ color:#FFF; font-weight:bold; border-bottom: solid 1px #FFF; padding-bottom: 25px; margin-top:20px; margin-bottom:20px; }
.navbox nav > ul{ padding:5px 0 0 0; margin: 0; }
.navbox nav > ul li{ list-style-type:none; display: inline-block; padding:0; margin: 0; font-size: 18px; padding-right: 20px; }
.navbox nav > ul li:last-child{ padding-right: 0; }

#navmain > ul li:first-child{ display:none; }
#navmain > ul li:last-child{ float:right; }

.subpmnu{ background: #DFDFDF url(../gfx/bg-subp.jpg) no-repeat center center; background-size: cover; padding: 100px 0; }

.navboxsub{ position:relative; background-color:rgba(215,55,64,0.9); color: #FFF; height: 117px; }
.navboxsub > .row{  }
.navboxsub a{ color: #FFF; }
.navboxsub .logo h1{ position:relative; display: block; text-align: center; padding: 0 15px 0 15px; }
.navboxsub .logo h1 a{ display: block; background: transparent url(../gfx/logo_r.png) no-repeat center center; background-size: contain; width:100%; max-width:100px; min-height: 80px; overflow:hidden; text-indent: -9999px; margin: 0 auto; }
.navboxsub nav ul{ padding:0; margin: 0; float: right; text-align: right; }
.navboxsub nav ul li{ list-style-type:none; display: inline-block; padding:0; margin: 0; font-size: 18px; padding-right: 14px; }
.navboxsub nav ul li:last-child{ padding-right: 15px; }

.amore{ display: block; width: 200px; left: calc(50% - 100px); position: absolute; bottom: 20px; z-index: 2000; text-align: center; color: rgba(215, 55, 64, 0.5) !important; font-size: 28px }
.amore:hover{ color: rgba(215, 55, 64, 0.9) !important; }

@media (min-width: 768px) {
  .navboxsubbg { background-color:rgba(215,55,64,0.9); }
  .navboxsubbg .navboxsub{ background: none; }
}

.navboxsub nav ul li a{ display: inline-block; border-top: solid 4px transparent; padding: 45px 0 20px 0; }
.navboxsub nav ul .active a{ border-top-color: #FFF; }
.navboxsub nav ul li a:hover{ border-top-color: rgba(255,255,255,0.5); }


.owl-theme .owl-controls {
    text-align: center;
    margin-top: 10px;
    position: absolute;
    z-index: 2222;
    top: 30px;
    width: 100%;
}
.owl-theme .owl-controls .owl-page span { background: rgba(215, 55, 64, 0.9); }

/*
  OFFER
*/

.offermain{ min-height: 460px; position:relative; color: #FFF; margin-top: 10px; padding-left:15px; background: #A81E1E url(../gfx/bg-offermain.jpg) no-repeat center center; background-size: cover; }
.offermain h5{ color: #FFF; font-size: 240px; font-weight: bold; padding:0; margin: 0; }
.offermain p{ font-size: 36px; max-width: 400px; font-weight: bold; margin: -15px 0 0 10px; line-height: 1.25; }
.offermain a{ display:block; position: absolute; right: 0; background: #FFF; color: #A81E1E; padding: 8px 30px; bottom: 30px; }

@media (max-width: 768px) {
  #offer .pagenam h2{ display: none; }
}

/*
  BOXOFFER
*/
.boxoffer{ /* padding-bottom: 15px;*/ }
.boxoffer .bg{ position: relative; background-image: url(../gfx/bg-off.jpg); background-repeat:no-repeat; background-size:cover; color: #FFF; }
.boxoffer .c1{ min-height: 360px; }
.boxoffer .c2{ min-height: 360px; position:relative; }
.boxoffer .c2 .btnmore{ position:absolute; bottom: 30px; left:15px; width:calc(100% - 30px); text-align:center; text-transform:uppercase; }
.boxoffer .c3{ min-height: 360px; position:relative; background-image: url(../gfx/bgredbox.jpg); background-color:rgba(215,55,64,0.9); background-repeat:no-repeat; background-size:cover; background-position:center; background-blend-mode: multiply; }
.boxoffer .c3:before{ display:block; content:''; position:absolute; z-index:1; top:60px; left:0; width:100%; height:60px; background-image: url(../gfx/logo_r.png); background-repeat:no-repeat; background-position:center; }
.boxoffer .c3:after{ display:block; content:attr(data-label); position:absolute; z-index:2; bottom:50px; left:0; width:100%; height:60px; color:#fff; text-align:center; font-family: 'Titillium Web', Verdana, sans-serif; font-weight:900; font-size:52px; }

.offercntbox{ background: #3C4B50 url(../gfx/bg-off.jpg) no-repeat 10px -200px; color: #FFF; margin: 10px 0 30px 0; padding: 30px 0 45px 0; }
.offercntbox ul{ list-style-type:none; margin: 0; padding: 0 5px 0 30px; }
.offercntbox ul li{ padding: 4px 0; margin: 0; font-size: 20px; }
.ofermain-full a, .ofermain-full a:hover, .offercntbox a, .offercntbox a:hover{ color: #FFF; }

.offercnt > .row{ margin-left: 0; margin-right: -15px; }
@media (max-width: 768px) {
  .offercnt > .row { margin-left: -15px; margin-right: -15px; }
}

.offercnt h2, .offercnt h4{ color: #db2727; font-weight: bold; }
.offercnt h2{ margin: 5px 0 0 0; }
.offercnt h4{ margin: 0; font-size: 24px; }

.ofermain-full{ position: absolute !important; z-index: 100; width:calc(100% - 30px); }

.ofermain-full ul{ list-style-type: none; padding: 0; margin: 15px 0 0 0; margin-left: 15px; font-size: 24px; }
.ofermain-full ul p{ display:block; margin: 0 15px 5px 15px; padding: 5px 0; border-bottom: 1px solid #FFF; font-size: 18px; }
.ofermain-full ul ul{ display: none; margin:0 15px; background-color: #D73740; position: absolute; top: 0; z-index: 101; }
.ofermain-full ul ul ul{ display: none; margin:0 15px; background-color: #BE2C35; }
.ofermain-full .open{ display: block !important; }

.ofermain-full > ul{ float:left;
  display: -webkit-flex; /* Safari */
  display:flex;
  -webkit-flex-flow: column wrap; /* Safari 6.1+ */
  flex-flow: column wrap;
}

.ofermain-full ul li a{ display: block; width: 100%; font-size: 24px; }
.ofermain-full ul li a:hover{ opacity: 0.7; }
.ofermain-full ul li ul li a{ font-size: 18px; padding: 4px 0; text-indent: 15px; }
.ofermain-full ul li .active:hover{ opacity:1; }
.ofermain-full ul li .active{ background: transparent url(../gfx/ico-mnu1.png) no-repeat center right; }
.ofermain-full ul li ul li .active{ background: transparent url(../gfx/ico-mnu2.png) no-repeat center right; }

/* MOBILE */
.ofermain-full-m{ position: relative; }
.ofermain-full-m ul{ list-style-type: none; padding: 0; margin: 0; font-size: 22px; width: 100%; height: 100%; min-height: 360px; font-size: 18px; }
.ofermain-full-m ul li{ padding: 10px 5px 10px 30px; }
.ofermain-full-m ul li a{ display: inline-block; padding: 2px 0; margin-bottom: 2px; }
.ofermain-full-m ul li a:hover{ opacity: 0.8; }
.ofermain-full-m ul p{ display:block; margin: 0 15px 5px 15px; padding: 15px 0; border-bottom: 1px solid #FFF; font-size: 18px; cursor: pointer; }
.ofermain-full-m ul ul{ display: none; margin:0; background-color: #D73740; position: absolute; top: 0; left: 0; z-index: 101; }
.ofermain-full-m ul ul ul{ display: none; margin:0; background-color: #BE2C35; }
.ofermain-full-m .open{ display: block !important; margin: 0 !important; }

@media (max-width: 992px) {
  .ofermain-full-m ul, .offercntbox ul li{ font-size: 20px !important; }
}

.ofermain-f1{  }
.ofermain-f1 h5{ margin: 6px 0; }
.ofermain-f1 fieldset{ float: left; width: 50%; padding: 0 15px; }
.ofermain-f1 legend, .ofermain-f2 legend{ display: none; }
.ofermain-f1 .handiform fieldset div, .ofermain-f2 .handiform fieldset div{ margin: 0; padding-top: 0; text-align: left; }
.ofermain-f1 .handiform div,.ofermain-f2 .handiform div{ clear: both; margin: 15px; padding-top: 15px; text-align: right; }
.ofermain-f1 .handiform div button, .ofermain-f2 .handiform div button{ display: inline-block; width: 47.5%; border: 0; padding: 15px; background-color: #D73740; color: #FFF !important; margin-top: 17px; }

.ofermain-f2 fieldset{ float: left; width: 100%; padding: 0 15px; }

.ofermain-box{ padding: 15px 0; overflow: hidden; }

@media (min-width: 768px) {
    .boxoffer .c1 > h5, .boxoffer .c2 > h5{ padding-top:20px; margin-top:0; line-height:1.4; font-weight:700; font-size:24px; }
    .boxoffer .c1 > h5{ margin:0; min-height:60px; padding:20px 0 0 15px; }
    .ofermain-full > ul{ width: 100%; height:270px; }
    .ofermain-full > ul > li{ width: 345px; height:66px; padding-top:20px; }
    .ofermain-full > ul ul{ width: 345px; }
    .ofermain-full ul ul, .ofermain-full ul ul ul{ width: 285px; height: 360px; left: 270px; top:-60px; }
}
@media (min-width: 992px) {
    .boxoffer .c1 > h5, .boxoffer .c2 > h5{ padding-top:20px; margin-top:0; line-height:1.4; font-weight:700; }
    .boxoffer .c1 > h5{ margin:0; min-height:60px; padding:20px 0 0 15px; }
    .ofermain-full > ul{ width: 100%; height:270px; }
    .ofermain-full > ul > li{ width: 299px; height:66px; padding-top:20px; }
    .ofermain-full > ul ul{ width: 299px; }
    .ofermain-full ul ul, .ofermain-full ul ul ul{ width: 285px; height: 360px; left: 270px; top:-60px; }
}
@media (min-width: 1200px) {
  .ofermain-box{ min-height: 360px; }
  .ofermain-full > ul > li{ width: 270px; }
  .ofermain-full > ul ul{ width: 270px; }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .boxoffer .c3{ min-height: 250px; }
  .ofermain-box{ min-height: 360px; }
  .ofermain-full ul{ width: 299px; }
  .ofermain-full ul ul, .ofermain-full ul ul ul{ width: 314px; height: 360px; left: 298px; }
}
@media (min-width: 768px) and (max-width: 992px) {
    .boxoffer .c2{ min-height: 210px; }
    .boxoffer .c3{ min-height: 250px; }
  .ofermain-f1 fieldset{ width: 100%; }
  .ofermain-f1 .handiform div button{ width: 100%; }
  .ofermain-box{ min-height: 540px; }
  /* .ofermain-full ul{ width: 225px; } */
  .ofermain-full ul ul, .ofermain-full ul ul ul{ width: 345px; /* height: 540px; */ left: 345px; }
}


.handiform label > em { opacity: 0; }
.handiform .error > label { color: red; }
.handiform .error > input, .handiform .error > textarea, .handiform .error > select{ border: solid 1px red; }


/*
  BOXOFFER MOBILE
*/
.boxoffermob{ padding: 0; }
.boxoffermob a, .boxoffermob a:link, .boxoffermob a:hover, .boxoffermob a:visited, .boxoffermob a:active{ color: #FFF; }
.boxoffermob h5{ font-size: 21px; }
.boxoffermob .bg{ position: relative; background-image: url(../gfx/bg-off.jpg); background-repeat:no-repeat; background-size:cover; color: #FFF; }
.boxoffermob .linkico{ display: block; position: relative; padding: 10px 0; margin-bottom: 15px; }
.boxoffermob .linkico h5{ padding: 0; }
.boxoffermob .linkico i{ position: absolute; top: 25px; right: 15px; }

/*
  ABOUT
*/
.box2about{ width:100%; overflow:hidden; }


.boxabout{ position:relative; z-index: 20; margin: 40px 0 220px 0; }



/*
  REALISATIONS
*/

.box2realisations{}
.box2realisations .bgrea{ background: #3D4B4E url(../gfx/bg-rea.jpg) no-repeat center center; background-size: auto 100%; color: #FFF; }
.box2realisations .bgrea h2{ color:#fff; }

.boxrealisations{ background: #3D4B4E url(../gfx/bg-rea.jpg) no-repeat center center; background-size: auto 100%; color: #FFF; padding-bottom: 60px; padding-top: 60px; }
.boxrealisations{ position: relative; }
.boxrealisations h2{ position: relative; z-index: 20; color: #FFF; }
.boxrealisations .balu{ position: absolute; z-index: 10; top: -300px; width: 100%; height: 417px; overflow: hidden; }
.boxrealisations .balu .container{ position:relative; height: 417px; }
.boxrealisations .balu .container i{ float: right; display:block; width: 507px; height:100%; margin-right: -200px; background: transparent url(../gfx/balu.png) no-repeat center center; }

.balustrada{ position:relative; padding:60px 30px 60px 30px; text-align:center; }
.balustrada img{ position:relative; z-index:1; }

.realist { margin-bottom: 30px; }
.realist h3, .reagal h3{ color: #db2727; font-size: 18px; font-weight: bold; margin: 10px 0 15px 0; padding: 0; }
.reakat span{ display: block; margin-top: 9px; }
.reakat span:before{ content:'» '; color: #db2727; }

.mainslide .item{ position:relative; }
.mainslide .item .itimg{ height:250px; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; }
@media (min-width: 480px) {
  .mainslide .item .itimg{ height:300px; }
}
@media (min-width: 640px) {
  .mainslide .item .itimg{ height:400px; }
}
@media (min-width: 992px) {
  .mainslide .item .itimg{ height:170px; }
}
@media (min-width: 1200px) {
  .mainslide .item .itimg{ height:200px; }
}


.galleryarea span{ position: absolute; bottom: 0; left: 0; display: block; padding: 0px 6px; background-color: rgba(219,39,39,0.5); color: #FFF; font-size: 0.7em; }
.galleryarea a:hover span{ background-color: rgba(219,39,39,1); }

/*
  BOXRED
*/
.boxred{ margin-top: 20px; }
.boxred .bg{ background: #DB2728 url(../gfx/bg-red.jpg) no-repeat center center; background-size: 100% auto; color: #FFF; padding: 0 15px; }
.boxred i{ display:block; width: 50px; height: 50px; margin: 20px 0 10px 0; }
.boxred .ico-1{ background-image: url(../gfx/ico-1.png); }
.boxred .ico-2{ background-image: url(../gfx/ico-2.png); }
.boxred .ico-3{ background-image: url(../gfx/ico-3.png); }
.boxred .ico-4{ background-image: url(../gfx/ico-4.png); }
.boxred h3{ margin: 10px 0; }
.boxred .bg .row{ position: relative; height: 210px; }
.boxred .bg .bggrad{ height: 100%; padding: 20px 15px 0 15px; }



/*
  BOXLBOG
*/
.boxblog{ padding-bottom: 15px; }
.boxblog .bart{ padding-bottom: 30px; }
.boxblog h2{ font-size: 36px; padding: 15px 0 5px 0; }
.boxblog h3{ font-size: 18px; padding-bottom: 15px; }
.blog h3{ margin: 0 0 15px 0; font-size: 24px; font-weight: bold; }
.blog h3 a, .blog h3 a:hover { color: #3f3f3f; }
.blog .mfoto{ margin-bottom: 15px; }

.blog .item{ margin-bottom: 30px; }



/*
  CONTACT
*/
.contact1{ margin: 30px 0 45px 0; }
.contact1 a{ color: #D73740 !important; }
.contact2 a{ color: #3f3f3f; }
.contact2{ background: #DFDFDF; padding-bottom: 40px; margin-top: 30px; }
.contact2 h3{ font-size: 24px; font-weight: bold; color: #D73740; margin-bottom: 15px; }
.contact2 .small{ margin-top: 15px; }

.conform{}
.conform legend{ display: none; }
.conform fieldset div:nth-child(2){ float: left; width: 47.5%; }
.conform fieldset div:nth-child(3){ float: right; width: 47.5%; }
.conform fieldset div:nth-child(4){ clear: both; }
.conform div button{ display: inline-block; width: 47.5%; border: 0; padding: 15px; background-color: #D73740; color: #FFF !important; margin-top: 30px; margin-left: 52.5%; }

@media (max-width: 1199px) {
  .conform fieldset div:nth-child(2){ float: none; width: 100%; }
  .conform fieldset div:nth-child(3){ float: none; width: 100%; }
}

#handimap_1{ width: 100%; height: 400px; background-color: #666; margin-bottom: 15px; text-align: center; color: #FFF; }


/*
  FOOTER
*/
footer{ width: 100%; padding: 35px 0; margin-top:30px; }
footer .fmnu{ text-align: left; }
footer .fmnu ul{ padding: 0; margin: 0; }
footer .fmnu ul li{ list-style-type: none; display: inline-block; }
footer .fmnu a{ color: #3f3f3f; margin: 0 10px 0 0; }
footer .fmnu ul li:first-child a{ margin-left:0; }
footer .fmnu ul li:last-child{ display:none; }
footer .fmnu ul li p { display: none; }

#contact footer{ margin-top:0 !important; }

/* WIDOK NAJMNIEJSZY FOOTERA */
@media (max-width: 767px) {
  footer .fmnu{ margin-bottom: 20px; }
  footer .fmnu, footer .fcop{ padding-left: 15px; }
}
/* sm */
@media (min-width: 768px) {
  footer .fcop{ text-align:right; }
}



/* 
  SERVICE
*/


.servform legend{ display: none; }
.servform div button{ display: inline-block; width: 47.5%; border: 0; padding: 15px; background-color: #D73740; color: #FFF !important; margin-top: 30px; margin-left: 52.5%; }
.servform .fset0{ width: 47.5%; float: left; }
.servform .fset1{ width: 47.5%; float: right; }

.servcntbg{ background: #3C4B50 url(../gfx/bg-off.jpg) no-repeat right top; color: #FFF; padding-bottom: 40px; }
.servcntbg hr{ border-color: #FFF; border-width: 30px 0 0; margin:40px 0 0 0; }
.servcntbg h3{ font-weight:bold; font-size:36px; }
.servcntbg .sico img{ margin-left: 30px; margin-top: 35px; }
.servcntbg .servform{ margin-top: 20px; padding-right: 15px; }

.servcntbg select{ background: none; border: none; width: 100%; padding: 12px 10px; }
.servcntbg select option{ border: none; }

@media (max-width: 991px) {
  .servcntbg .servform{ padding-right: 0; }
  .offermain h5{ font-size: 192px; }
  .offermain p{ font-size: 29px; max-width: 315px; }
}


/* Large desktop */
@media (min-width: 1200px) {
  .navbox h2{ font-size: 39px; }
  .boxrealisations .balu .container i{ margin-right: 0; }
  .boxoffer .c2{ min-height: 360px; }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 991px) and (max-width: 1199px) {
  .navbox h2{ font-size: 34px; }
  .boxrealisations .balu .container i{ margin-right: 0; }
}
@media (min-width: 991px) {
  .navbox .bg1, .navbox .bg2{ height:165px; }
  .balustrada:before{ content:''; display:block; position:absolute; top:0; left:50%; width:3000px; height:100%; background-color:rgba(60,75,80,1); z-index:0; }
  .box2about .about .cont{ margin-top: 45px; }

  .mainslide .item{ width:calc(33.3333% - 30px); float:left; margin-left: 15px; margin-right: 15px; }
  .box2realisations .reacontent{ padding-left:15px; padding-right:15px; }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 992px) {
  .navbox h2{ font-size: 26px; }
  .navbox .mainmnu{ padding-left:15px; padding-right:15px; }
  
  .boxoffer h5{ font-size: 20px; }
  .boxoffer .c2 h5{ padding-top: 20px; }
  .box2about .about .cont{ margin-right: 45px; }
}
@media (min-width: 768px) {
  #btnmob{ display: none; }
  .boxoffermob{ display:none; }
  .box2about .about{  }
  .box2about .about .cont{ margin-left: 45px; }
}

@media (max-width: 639px) {
  .navboxsub nav ul li{ font-size: 12px; padding-right: 12px; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .servform .fset0{ width: 100%; float: none; }
  .servform .fset1{ width: 100%; float: none; }

  #navmain{ display: none; }
  .navbox{ margin: 0 65px 0 0; }
  .navbox h2{ font-size: 22px; margin-right: 15px; }
  .navbox nav ul li{ padding-right: 5px; }
  
  .navboxsub{ margin-right: 50px; }
  .boxoffer{ display:none; }
  .boxoffermob{ display:block; }
  
  .boxabout{ margin-bottom: 255px; }
  .boxred .bg .row{ height: auto; }
  .boxred .bg{ padding-top: 100px; padding-bottom: 30px; background-position: center -100px; }
  .boxred .bg .bggrad{ background: none;}

}
@media (min-width: 480px) {
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .headermain .mnu{ margin-top: -60px; }
  
  .navboxsub{ height: 90px; }
  .navboxsub .logo h1 a{ background-position: center right; }
  .navboxsub .logo h1{ margin-top: 5px; }
  
  
  .navbox{ position:relative; /*height: 110px;*/ }
  /*.navbox > .row{ padding-top: 0; }*/
  .navbox .logo h1 a{ background-size: contain; background-position: center center; min-height: 70px; }
  .navbox h2{ font-size: 18.2px; margin: 35px 5px 0 0; padding: 0; border: none; }
  .boxrealisations .balu .container i{ margin-right: -230px; }
  
  .offermain{ min-height: 350px; }
  .offermain h5{ font-size: 128px; }
  .offermain p{ font-size: 29px; max-width: 215px; }
}







.handimap{ min-height:400px; }
.map_details{display: none; }

.blog .pagi{ width: auto; margin: 10px auto !important; display: table; width: auto; min-width: 20px; }
.blog .pagi li{ list-style: none; display: inline-block; min-width: 30px; background: #FFF; color: rgba(215,55,64,0.5); padding: 5px 5px 6px 5px; text-align: center; font-weight: bold; font-size: 18px; }
.blog .pagi li a{ color: rgba(215,55,64,1); padding: 2px; }




.scrollmore{
  width: 22px;
  margin: 0 auto;
  text-align: center;
}
.scrollmore span {
  display: block;
  width: 16px;
  height: 16px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 4px solid #DA4A52;
  border-bottom: 4px solid #DA4A52;
  margin: 3px 0px 3px 3px;
}

.unu { margin-top: 6px; }
.unu, .doi, .trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}
.unu {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
}
.doi {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
}
.trei {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
}
.mouse {
height: 30px;
width: 22px;
  border-radius: 10px;
  transform: none;
  border: 1px solid #DA4A52;
  top: 170px;
  background-color:#DA4A52;;
}

.wheel {
  height: 8px;
  width: 4px;
  display: block;
  margin: 5px auto;
  background: #fff;
  position: relative;
}

.wheel {
  -webkit-animation: mouse-wheel 1.2s ease infinite;
  -moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes mouse-wheel
{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel
{
  0% { top: 1px; }
  50% { top: 2px; }
  100% { top: 3px;}
}
@-webkit-keyframes mouse-scroll {
  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}