html{height:100%; width:100%; margin:0; padding:0; }
body{overflow-x:hidden; padding:0; margin:0; font-family:'Open Sans', sans-serif; font-size:14px; line-height:24px; font-weight:400; -webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; height:100%; position:relative; color:#000; background:#fff;}
h1,h2,h3,h4,h5,h6{padding:15px 0;margin:0; line-height:normal; display:block;}

p{font-size:14px; line-height:24px;}
p small{font-size:12px;}

h1{ font-size:36px;}
h1 small{ font-size:30px;}

h2{ font-size:30px;}
h2 small{font-size:24px;}

h3{ font-size:24px;}
h3 small{font-size:18px; }

h4{ font-size:18px;}
h4 small{font-size:14px; }

h5{ font-size:14px;}
h5 small{font-size:12px; }

h6{ font-size:12px;}
h6 small{font-size:10px; }

a{text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}

img{border:0; vertical-align:middle; max-width:100%; height:auto;}

ul,li{margin:0;}

*:focus {outline: 0;}

strong{font-weight:bold;}

em{font-style:italic;}

.fullHeight{min-height:100%;}

.container{width:100%; box-sizing:border-box; padding:0 5%; margin:0 auto; position:relative;}
.container-fixed{max-width:1130px; padding:0 15px; margin:0 auto; position:relative; width:100%; box-sizing:border-box; }

.container-table{display:table; width:100%;}
.container-table.fixed{table-layout:fixed;}
.table-element{display:table-cell;}

.container-table.inverted{direction: rtl;}
.container-table.inverted .table-element{direction: ltr;}

.element-center{text-align:center;}
.element-left{text-align:left;}
.element-right{text-align:right;}
.element-middle{vertical-align:middle;}
.element-top{vertical-align:top;}
.element-bottom{vertical-align:bottom;}

.col-2{width:50%;float:left;box-sizing:border-box; position:relative;}
.col-2:nth-child(2n+1){clear:left;}
.col-2:nth-child(2n+2){clear:right;}

.col-3{width:33.33%;float:left;box-sizing:border-box; position:relative;}
.col-3:nth-child(3n+1){clear:left;}
.col-3:nth-child(3n+3){clear:right;}

.col-4{width:25%;float:left;box-sizing:border-box; position:relative;}
.col-4:nth-child(4n+1){clear:left;}
.col-4:nth-child(4n+4){clear:right;}

.col-5{width:20%;float:left;box-sizing:border-box; position:relative;}
.col-5:nth-child(5n+1){clear:left;}
.col-5:nth-child(5n+5){clear:right;}

.col-6{width:16.66%;float:left;box-sizing:border-box; position:relative;}
.col-6:nth-child(6n+1){clear:left;}
.col-6:nth-child(6n+6){clear:right;}

.clear{clear:both;width:0;height:0; display:block;}
.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.mep{ margin-left:-7.5px; margin-right:-7.5px;}
.lep{ padding-right:7.5px;}
.cep{ padding-left:7.5px; padding-right:7.5px;}
.rep{ padding-left:7.5px;}

.p-topL{padding-top:50px;}
.p-topM{padding-top:25px;}
.p-topS{padding-top:15px;}
.p-botL{padding-bottom:50px;}
.p-botM{padding-bottom:25px;}
.p-botS{padding-bottom:15px;}

.video-wrapper{position:relative; overflow:hidden; background:#000;}
.video-wrapper.local video,
.video-wrapper.youtube iframe{position:absolute; margin: auto;left: 0;right: 0;top: 0;bottom: 0;min-width: 100%;min-height: 100%;}

.bg-image{ background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important;}

.image-text{}
.image-text .image img{ max-width:100%; box-sizing:border-box;}
.image-text .text{}
.image-text.invert{direction: rtl;}
.image-text.invert .image{ direction: ltr;}
.image-text.invert .text{direction: ltr;}
.image-text.full-image .image img{display:none;}
.image-text.full-image .image { min-height:350px;}
.image-text.full-image .text{ box-sizing:border-box;} 

.image-text.invert .lep{ padding-left:7.5px; padding-right:0;}
.image-text.invert .rep{ padding-right:7.5px; padding-left:0;}


.designedBy{ display:inline-block;}
.designedBy p{ display:inline-block;}
.designedBy a{ height: 13px;}
.designedBy a img{max-height: 18px;}


.line{height: 1px;width: 100%;display: block; background:#ccc;}

.truncate{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.shadow{box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);}

.round-borders-container{border-radius:5px; padding:15px; box-sizing:border-box; border:solid 1px #ccc; background:#f5f5f5;}

xmp{background: #fff; border-radius: 5px;border: solid 1px #ccc;margin: 0;padding: 15px;box-sizing: border-box;white-space: pre;font-family: 'Open Sans', sans-serif;}

/*** LIST ***/
.list{padding-left: 15px; list-style-type: none;}
.list li {display: block; margin-bottom: 10px;font-size: 13px;}
.list li:before {content: "\2713";margin-left: -15px;padding-right: 5px; color: #ccc;font-weight: bold;}

/*** BUTTONS ***/
.button{ transition: all .2s ease-in; width: auto;display: inline-block;min-height: 46px;line-height: 46px;padding: 0 30px; box-sizing:border-box; background: #000;color: #fff;font-weight: bold;vertical-align: middle;font-size: 14px; cursor:pointer; border:0; }
.button:hover{text-decoration:none;}

.button.ghost{background:transparent; color:#000; border:solid 1px #000;}

.button.primary{}

.button.secondary{}

.button.small{font-size: 12px;line-height: 32px;height: 32px; min-height:32px;} 
.button.big{padding: 10px 80px;font-size: 18px;} 
.button.round-corners{ border-radius:10px; } 

/*** INPUTBUTTON ***/
.input-button{}
.input-button input{ border-radius:5px 0 0 5px;width: 100%; box-sizing: border-box; border: solid 1px #ccc;}
.input-button .button-wrapper{width:150px;}
.input-button button{ border-radius:0 5px 5px 0; width:100%;}

/*** CHECKBOX ***/
.checkBoxGroup{cursor:pointer; display: inline-block;vertical-align: middle;}
input[type="checkbox"]{ width:15px; height:15px; margin-right: 10px; display:inline-block; position:relative;}
input[type="checkbox"].valid:before{border:solid 1px #00CC00;}
input[type="checkbox"].invalid:before{border:solid 1px #CC0000;}
input[type="checkbox"]:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;border: solid 1px #ccc;cursor: pointer;}
input[type="checkbox"]:after { content: "\2713";color: #00CC00;font-weight: bold;position: absolute;top: -5px;font-size: 20px;left: 0px;width: 20px;line-height: 20px;text-align: center;height: 20px; opacity: 0; height: 0;overflow: hidden;-webkit-transform: scale(.8);-ms-transform: scale(.8);transform: scale(.8);-webkit-transition: scale 250ms cubic-bezier(.24,.22,.015,1.56);transition: all 250ms cubic-bezier(.24,.22,.015,1.56);-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;}
input[type="checkbox"]:checked:after {height: auto;opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
input[type="checkbox"]:checked:before{border: solid 1px #00CC00;}

/*** FILE ***/
input[type="file"]{ border:solid 1px #ccc; height: 46px; position:relative; overflow:hidden; display:block;box-sizing: border-box; font-family:'Open Sans', sans-serif; border-radius:5px; box-shadow:none; -webkit-appearance: none; width:100%;}
label.fileGroup:before{content: '';position: absolute;left: 0;bottom: 0;width: 60px;height: 46px;z-index: 3;cursor:pointer; background:url(http://www.rangali.ro/img/icons/attach.png),#e42d59; background-position:center; background-position-x: 50%; background-position-y: 50%; background-position-x: 50%;background-position-y: 50%; background-repeat:no-repeat; background-size:24px;margin-bottom: 1px;margin-left: 1px;border-radius: 5px 0 0 5px;}
label.fileGroup:after{content: '';position: absolute;right: 0;bottom: 0;background: #fff;width: 100%;height: 44px;z-index: 1;margin-bottom: 1px;margin-right: 1px;border-radius: 5px;}
label.fileGroup{position:relative; display: inline-block;vertical-align: middle;}
label.fileGroup .fileName{position: absolute;z-index: 3;bottom: 0;left: 0;width: 100%;padding-left: 70px;height: 44px;line-height: 46px; display:none;}
label.fileGroup .filePlaceholder{position: absolute;z-index: 2;bottom: 0;left: 0;width: 100%;padding-left: 70px;height: 44px;line-height: 40px;}

/*** REST OF FORM FIELDS ***/
input[type="text"],
input[type="password"],
input[type="submit"],
textarea{overflow: visible; padding:10px; box-sizing:border-box; border:solid 1px #ccc; font-family:'Open Sans', sans-serif; display:block; font-size:12px; line-height:20px; font-weight:400; box-shadow:none; -webkit-appearance: none; height: 46px;}
select{ height:46px; padding:10px; box-sizing:border-box; border:solid 1px #ccc; font-family:'Open Sans', sans-serif; display:block; font-size:12px; line-height:20px; font-weight:400; box-shadow:none;}
textarea{resize: none; height:auto; text-transform: none;}

/*** TOOLTIPS ***/
.tooltip{ cursor:help; border-bottom:dashed 1px; position:relative;}
.tooltip::before,
.tooltip::after{ position:absolute; left:50%; opacity:0; z-index:-100;}

.tooltip::before{border: solid;border-width: 10px 7px 0 7px;border-color: #333 transparent transparent transparent;bottom: 100%;margin-left: -5px;content: ''; }
.tooltip:hover::before{ opacity:1; transform:scale(1); z-index:100;}

.tooltip::after{content: attr(data-tip);background: #333;border-radius: 5px;bottom: 100%;color: #eee;width: 120px;padding: 5px;margin-left: -60px;font-size: 12px;margin-bottom: 7px; }
.tooltip:hover::after{ opacity:1; transform:scale(1); z-index:100;}

/*** JS FORM VALIDATOR CLASSES ***/
input[type="text"].invalid,
input[type="password"].invalid,
textarea.invalid,
select.invalid{border:solid 1px #CC0000;}

input[type="text"].valid,
input[type="password"].valid,
textarea.valid,
select.valid{border:solid 1px #00CC00;}

input[type="file"].invalid{border:solid 1px #CC0000;}
input[type="file"].valid{border:solid 1px #00CC00;}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

.form-group{padding-bottom:20px;}

/*** JS CUSTOMMESSAGE ***/
.customMessage{display:none; position:absolute;z-index: 5;top: 0;left: 0;height: 100%;background: rgba(0,0,0,0.5);color: #000;font-size:14px;font-weight:bold;text-align:center;}
.customMessage .messageWrapper{background: #fff;max-width: 800px;margin: 0 auto;padding: 15px;box-sizing: border-box; position:relative;}
.customMessage .messageWrapper h2{ text-transform:none; font-size:24px; padding:15px; color:inherit;}
.customMessage .closeMessage{display: block;font-size: 40px;font-weight: 100;width: 40px;height: 40px;line-height: 40px; position:absolute; top:0px; right:0; cursor:pointer;}
.customMessage .message{color:#fff;}
.customMessage .message.info {border:2px solid #1f8bef; background:#1f8bef;}
.customMessage .message.error {border:2px solid #ef1f32; background:#ef1f32;}
.customMessage .message.alert {border:2px solid #fea500; background:#fea500;}
.customMessage .message.positive {border:2px solid green; background:green;}
.customMessage .message a{font-weight:bold; text-decoration:underline;}

/*** COOKIE ***/
#notifCookies{text-align:center; border:1px solid #000; background:#eee; padding:5px;bottom: 0;left: 0;width: 100%; z-index:5; box-sizing:border-box;}
#notifCookies a{}
#notifCookies #notifCookiesAccept{ background:#000; color:#fff; cursor:pointer; padding:3px 10px; transition:all 0.2s ease-in;}
#notifCookies #notifCookiesAccept:hover{background:#fc0d1f;}


/*** DESKTOP NAV ***/
.navbar-wrapper{background:#fff;}
.navbar>ul{ display:table; list-style-type:none; padding:0; margin:0; width:100%; table-layout:fixed;}
.navbar>ul>li,
.navbar>ul>li.dropdown{display:table-cell; vertical-align:middle; text-align:center;}
.navbar>ul>li>a{display:block; line-height:14px; font-size:14px; padding:23px 15px; box-sizing:border-box;}


.navbar .dropdown{ position:relative; display:inline-block;}
.navbar .dropdown .dropdown-content{ position:absolute; top:100%; right:0; width:auto; min-width:120px; padding:0; margin:0; list-style-type:none; background:#fff; opacity: 0; height: 0;overflow: hidden;-webkit-transform: scale(.8);-ms-transform: scale(.8);transform: scale(.8);-webkit-transition: scale 250ms cubic-bezier(.24,.22,.015,1.56);transition: all 250ms cubic-bezier(.24,.22,.015,1.56);-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;}
.navbar .dropdown .dropdown-content a{ font-size:14px; color:#000; padding:10px 15px; display:block; white-space: nowrap; transition: all .2s ease-in;}
.navbar .dropdown .dropdown-content a:hover{text-decoration:none; background:rgba(0,0,0,0.1);  color:#ffb500;}
.navbar .dropdown .dropdown-content li{display:block;}
.navbar .dropdown:hover .dropdown-content{height: auto;opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); z-index:1;}




#burgerMenu{ display:none; background:#fff; position:absolute;float:left;top:0;cursor:pointer;padding:23px 20px;z-index:4;text-decoration:none;color:#000;outline:0;-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:all .5s ease-in-out;-ms-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;}
#burgerMenu .menuBar{width:20px;height:2px;background:#000;display:block;margin-top:4px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;content:''}
#burgerMenu .menuBar.top{margin-top: 0px;}
#burgerMenu .menuText{ display:none; text-transform:uppercase;font-size:7px; line-height:7px; margin-top:3px;text-align:center; color:#000;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
@-webkit-keyframes topDo {
	0%{-webkit-transform:translatey(0px)}
	50%{-webkit-transform:translatey(6px)}
	100%{-webkit-transform:translatey(6px) rotate(45deg)}
}
@-moz-keyframes topDo {
	0%{-moz-transform:translatey(0px)}
	50%{-moz-transform:translatey(6px)}
	100%{-moz-transform:translatey(6px) rotate(45deg)}
}
@-ms-keyframes topDo {
	0%{-ms-transform:translatey(0px)}
	50%{-ms-transform:translatey(6px)}
	100%{-ms-transform:translatey(6px) rotate(45deg)}
}
@keyframes topDo {
	0%{transform:translatey(0px)}
	50%{transform:translatey(6px)}
	100%{transform:translatey(6px) rotate(45deg)}
}
#burgerMenu.close .menuBar.top{-webkit-animation-name:topDo;-moz-animation-name:topDo;-ms-animation-name:topDo;animation-name:topDo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
@-webkit-keyframes topUndo {
	0%{-webkit-transform:translatey(6px) rotate(45deg)}
	50%{-webkit-transform:translatey(6px)}
	100%{-webkit-transform:translatey(0px)}
}
@-moz-keyframes topUndo {
	0%{-moz-transform:translatey(6px) rotate(45deg)}
	50%{-moz-transform:translatey(6px)}
	100%{-moz-transform:translatey(0px)}
}
@-ms-keyframes topUndo {
	0%{-ms-transform:translatey(6px) rotate(45deg)}
	50%{-ms-transform:translatey(6px)}
	100%{-ms-transform:translatey(0px)}
}
@keyframes topUndo {
	0%{transform:translatey(6px) rotate(45deg)}
	50%{transform:translatey(6px)}
	100%{transform:translatey(0px)}
}
#burgerMenu.open .menuBar.top{-webkit-animation-name:topUndo;-moz-animation-name:topUndo;-ms-animation-name:topUndo;animation-name:topUndo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
@-webkit-keyframes middleDo {
	0%{-webkit-transform:translatey(0px)}
	50%{-webkit-transform:translatey(0px)}
	100%{-webkit-transform:translatey(0px) rotate(-45deg)}
}
@-moz-keyframes middleDo {
	0%{-moz-transform:translatey(0px)}
	50%{-moz-transform:translatey(0px)}
	100%{-moz-transform:translatey(0px) rotate(-45deg)}
}
@-ms-keyframes middleDo {
	0%{-ms-transform:translatey(0px)}
	50%{-ms-transform:translatey(0px)}
	100%{-ms-transform:translatey(0px) rotate(-45deg)}
}
@keyframes middleDo {
	0%{transform:translatey(0px)}
	50%{transform:translatey(0px)}
	100%{transform:translatey(0px) rotate(-45deg)}
}
#burgerMenu.close .menuBar.middle{-webkit-animation-name:middleDo;-moz-animation-name:middleDo;-ms-animation-name:middleDo;animation-name:middleDo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
@-webkit-keyframes middleUndo {
	100%{-webkit-transform:translatey(0px)}
	50%{-webkit-transform:translatey(0px)}
	0%{-webkit-transform:translatey(0px) rotate(-45deg)}
}
@-moz-keyframes middleUndo {
	100%{-moz-transform:translatey(0px)}
	50%{-moz-transform:translatey(0px)}
	0%{-moz-transform:translatey(0px) rotate(-45deg)}
}
@-ms-keyframes middleUndo {
	100%{-ms-transform:translatey(0px)}
	50%{-ms-transform:translatey(0px)}
	0%{-ms-transform:translatey(0px) rotate(-45deg)}
}
@keyframes middleUndo {
	100%{transform:translatey(0px)}
	50%{transform:translatey(0px)}
	0%{transform:translatey(0px) rotate(-45deg)}
}
#burgerMenu.open .menuBar.middle{-webkit-animation-name:middleUndo;-moz-animation-name:middleUndo;-ms-animation-name:middleUndo;animation-name:middleUndo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
@-webkit-keyframes bottomDo {
	0%{-webkit-transform:translatey(0px)}
	50%{-webkit-transform:translatey(-6px)}
	100%{-webkit-transform:translatey(-6px) rotate(-45deg)}
}
@-moz-keyframes bottomDo {
	0%{-moz-transform:translatey(0px)}
	50%{-moz-transform:translatey(-6px)}
	100%{-moz-transform:translatey(-6px) rotate(-45deg)}
}
@-ms-keyframes bottomDo {
	0%{-ms-transform:translatey(0px)}
	50%{-ms-transform:translatey(-6px)}
	100%{-ms-transform:translatey(-6px) rotate(-45deg)}
}
@keyframes bottomDo {
	0%{transform:translatey(0px)}
	50%{transform:translatey(-6px)}
	100%{transform:translatey(-6px) rotate(-45deg)}
}
#burgerMenu.close .menuBar.bottom{-webkit-animation-name:bottomDo;-moz-animation-name:bottomDo;-ms-animation-name:bottomDo;animation-name:bottomDo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
@-webkit-keyframes bottomUndo {
	0%{-webkit-transform:translatey(-6px) rotate(-45deg)}
	50%{-webkit-transform:translatey(-6px)}
	100%{-webkit-transform:translatey(0px)}
}
@-moz-keyframes bottomUndo {
	0%{-moz-transform:translatey(-6px) rotate(-45deg)}
	50%{-moz-transform:translatey(-6px)}
	100%{-moz-transform:translatey(0px)}
}
@-ms-keyframes bottomUndo {
	0%{-ms-transform:translatey(-6px) rotate(-45deg)}
	50%{-ms-transform:translatey(-6px)}
	100%{-ms-transform:translatey(0px)}
}
@keyframes bottomUndo {
	0%{transform:translatey(-6px) rotate(-45deg)}
	50%{transform:translatey(-6px)}
	100%{transform:translatey(0px)}
}
#burgerMenu.open .menuBar.bottom{-webkit-animation-name:bottomUndo;-moz-animation-name:bottomUndo;-ms-animation-name:bottomUndo;animation-name:bottomUndo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}








#drawer{ float:left;z-index:5;width:250px; overflow:hidden; position:absolute; height:100%; top:0; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); left:-250px; background:#fff;}
#drawer #drawer-wrapper{width:100%; height:100%; padding-right:20px; overflow-y: scroll; background:#f5f5f5;}



#drawer .nav-links{padding:0; margin:0; list-style-type:none;}
#drawer>#drawer-wrapper>.nav-links>li{ display:block; }

#drawer #drawerTop{padding: 18px 0; border-bottom: 1px solid #ccc; width:250px;}
#drawer #drawerTop #logoMobile {width:90%;}
#drawer #drawerTop #phoneMobile{width:20%;}
#drawer #drawerBottom{padding:15px 0; border-top:1px solid #ccc; width:250px;}
#drawer #drawerBottom .footer-lins-cms{margin-top: 10px;}
#drawer #drawerBottom .footer-lins-cms li { display: block; vertical-align: middle; margin-right: 0;}



#drawer>#drawer-wrapper>.nav-links>li>a{text-decoration: none;display: block;padding: 5px 10px;box-sizing: border-box;font-weight: bold; text-transform:uppercase; position:relative; width: 250px;}
#drawer>#drawer-wrapper>.nav-links>li>a .fa{ display:none;}


#drawer>#drawer-wrapper>.nav-links>li.dropdown>a:after {content: '';width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #002E5B;position: absolute;top: 0;bottom: 0px;margin: auto;right: 15px; cursor:pointer;}
#drawer>#drawer-wrapper>.nav-links>li>.dropdown-content{transition: all 250ms; padding: 0;margin: 0;list-style-type: none;box-shadow: none;position: absolute;top: 0;left: 100%;height: 100%; width: 100%;background: #fff;z-index: 2;}


#drawer>#drawer-wrapper>.nav-links>li.showDropdown>.dropdown-content{ left:0;}
#drawer>#drawer-wrapper>.nav-links>li .backToCat{ padding-left:30px !important;background: #002E5B;color: #fff;text-decoration: none;font-weight: bold;display: block;padding: 5px 10px; position:relative;}
#drawer>#drawer-wrapper>.nav-links>li .backToCat::before{  content: '';width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 5px solid #fff;position: absolute;top: 0;bottom: 0px;margin: auto;left: 15px; cursor:pointer;}
#drawer>#drawer-wrapper>.nav-links>li>.dropdown-content li{ display:block;}
#drawer>#drawer-wrapper>.nav-links>li>.dropdown-content li a{ text-decoration:none; padding:5px 10px; box-sizing:border-box; display: block;font-weight: bold; border-bottom:solid 1px #002E5B;}
#drawer>#drawer-wrapper>.nav-links>li>.dropdown-content li a img{ height:40px;}


body{transition: left .2s ease-in;}

body.showFilters{ overflow: hidden; position:fixed;}
	
body.showFilters #hiddenFilters_overlay	{ display:block;background-color: rgba(0,0,0,0.5);}
#hiddenFilters_overlay{position:absolute;z-index: 3;height: 100%;width: 100%;top: 0;display: none;background-color: rgba(0,0,0,0); cursor:pointer; -webkit-transition: all 250ms; transition: all 250ms;}

body.showFilters #sideBar{left:0;}


#burger_overlay{transition: all .2s ease-in; position: fixed;z-index: 3;height: 100%;width: 100%;top: 0;display: none;background-color: rgba(0,0,0,0.5);}
#sidebar-overlay{transition: all .2s ease-in; position: fixed;z-index: 4;height: 100%;width: 100%;top: 0;display: none;background-color: rgba(0,0,0,0.5);}



body.showBurgerMenu #burger_overlay{ display:block;}
body.showBurgerMenu{position:fixed; left:250px;}