.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder{visibility:visible!important;background:#f2f2f2!important;background:rgba(0,0,0,0.06)!important;border:0 none!important;-webkit-box-shadow:inset 0 0 12px 4px #fff;box-shadow:inset 0 0 12px 4px #fff}.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:'!';visibility:hidden}.selectize-control.plugin-drag_drop .ui-sortable-helper{-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.selectize-dropdown-header{position:relative;padding:5px 8px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.selectize-dropdown-header-close{position:absolute;right:8px;top:50%;color:#303030;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px!important}.selectize-dropdown-header-close:hover{color:#000}.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}.selectize-control.plugin-remove_button [data-value]{position:relative;padding-right:24px!important}.selectize-control.plugin-remove_button [data-value] .remove{z-index:1;position:absolute;top:0;right:0;bottom:0;width:17px;text-align:center;font-weight:700;font-size:12px;color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:2px 0 0;border-left:1px solid #0073bb;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.selectize-control.plugin-remove_button [data-value] .remove:hover{background:rgba(0,0,0,0.05)}.selectize-control.plugin-remove_button [data-value].active .remove{border-left-color:#00578d}.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover{background:none}.selectize-control.plugin-remove_button .disabled [data-value] .remove{border-left-color:#aaa}.selectize-control{position:relative}.selectize-dropdown,.selectize-input,.selectize-input input{color:#303030;font-family:inherit;font-size:13px;line-height:18px;-webkit-font-smoothing:inherit}.selectize-input,.selectize-control.single .selectize-input.input-active{background:#fff;cursor:text;display:inline-block}.selectize-input{border:1px solid #d0d0d0;padding:8px;display:inline-block;width:100%;overflow:hidden;position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.selectize-control.multi .selectize-input.has-items{padding:5px 8px 2px}.selectize-input.full{background-color:#fff}.selectize-input.disabled,.selectize-input.disabled *{cursor:default!important}.selectize-input.focus{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);box-shadow:inset 0 1px 2px rgba(0,0,0,0.15)}.selectize-input.dropdown-active{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.selectize-input > *{vertical-align:baseline;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}.selectize-control.multi .selectize-input > div{cursor:pointer;margin:0 3px 3px 0;padding:2px 6px;background:#1da7ee;color:#fff;border:1px solid #0073bb}.selectize-control.multi .selectize-input > div.active{background:#92c836;color:#fff;border:1px solid #00578d}.selectize-control.multi .selectize-input.disabled > div,.selectize-control.multi .selectize-input.disabled > div.active{color:#fff;background:#d2d2d2;border:1px solid #aaa}.selectize-input > input{display:inline-block!important;padding:0!important;min-height:0!important;max-height:none!important;max-width:100%!important;margin:0 1px!important;text-indent:0!important;border:0 none!important;background:none!important;line-height:inherit!important;-webkit-user-select:auto!important;-webkit-box-shadow:none!important;box-shadow:none!important}.selectize-input > input::-ms-clear{display:none}.selectize-input > input:focus{outline:none!important}.selectize-input::after{content:' ';display:block;clear:left}.selectize-input.dropdown-active::before{content:' ';display:block;position:absolute;background:#f0f0f0;height:1px;bottom:0;left:0;right:0}.selectize-dropdown{position:absolute;z-index:10;border:1px solid #d0d0d0;background:#fff;margin:-1px 0 0;border-top:0 none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.selectize-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.selectize-dropdown [data-selectable] .highlight{background:rgba(125,168,208,0.2);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.selectize-dropdown [data-selectable],.selectize-dropdown .optgroup-header{padding:5px 8px}.selectize-dropdown .optgroup:first-child .optgroup-header{border-top:0 none}.selectize-dropdown .optgroup-header{color:#303030;background:#fff;cursor:default}.selectize-dropdown .active{background-color:#f5fafd;color:#495c68}.selectize-dropdown .active.create{color:#495c68}.selectize-dropdown .create{color:rgba(48,48,48,0.5)}.selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:200px}.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input{cursor:pointer}.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input{cursor:text}.selectize-control.single .selectize-input:after{content:' ';display:block;position:absolute;top:50%;right:15px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0;border-color:gray transparent transparent}.selectize-control.single .selectize-input.dropdown-active:after{margin-top:-4px;border-width:0 5px 5px;border-color:transparent transparent gray}.selectize-control.rtl.single .selectize-input:after{left:15px;right:auto}.selectize-control.rtl .selectize-input > input{margin:0 4px 0 -2px !important}.selectize-control .selectize-input.disabled{opacity:.5;background-color:#fafafa}.selectize-control.multi .selectize-input.has-items{padding-left:5px;padding-right:5px}.selectize-control.multi .selectize-input.disabled [data-value]{color:#999;text-shadow:none;background:none;-webkit-box-shadow:none;box-shadow:none}.selectize-control.multi .selectize-input.disabled [data-value],.selectize-control.multi .selectize-input.disabled [data-value] .remove{border-color:#e6e6e6}.selectize-control.multi .selectize-input.disabled [data-value] .remove{background:none}.selectize-control.multi .selectize-input [data-value]{text-shadow:0 1px 0 rgba(0,51,83,0.3);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#1b9dec;background-image:-moz-linear-gradient(top,#1da7ee,#178ee9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#1da7ee),to(#178ee9));background-image:-webkit-linear-gradient(top,#1da7ee,#178ee9);background-image:-o-linear-gradient(top,#1da7ee,#178ee9);background-image:linear-gradient(to bottom,#1da7ee,#178ee9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee',endColorstr='#ff178ee9',GradientType=0);-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03)}.selectize-control.multi .selectize-input [data-value].active{background-color:#0085d4;background-image:-moz-linear-gradient(top,#008fd8,#0075cf);background-image:-webkit-gradient(linear,0 0,0 100%,from(#008fd8),to(#0075cf));background-image:-webkit-linear-gradient(top,#008fd8,#0075cf);background-image:-o-linear-gradient(top,#008fd8,#0075cf);background-image:linear-gradient(to bottom,#008fd8,#0075cf);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8',endColorstr='#ff0075cf',GradientType=0)}.selectize-control.single .selectize-input{-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.8);box-shadow:0 1px 0 rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.8);background-color:#f9f9f9;background-image:-moz-linear-gradient(top,#fefefe,#f2f2f2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#f2f2f2));background-image:-webkit-linear-gradient(top,#fefefe,#f2f2f2);background-image:-o-linear-gradient(top,#fefefe,#f2f2f2);background-image:linear-gradient(to bottom,#fefefe,#f2f2f2);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe',endColorstr='#fff2f2f2',GradientType=0)}.selectize-control.single .selectize-input,.selectize-dropdown.single{border-color:#b8b8b8}.selectize-dropdown .optgroup-header{padding-top:7px;font-weight:700;font-size:.85em}.selectize-dropdown .optgroup{border-top:1px solid #f0f0f0}.selectize-dropdown .optgroup:first-child{border-top:0 none}
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-slider,.slick-list{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-loading .slick-list{background:#fff url('.././ajax-loader.gif') center center no-repeat}@font-face{font-family:'slick';font-weight:400;font-style:normal;src:url('.././fonts/slick.eot');src:url('.././fonts/slick.eot?#iefix') format('embedded-opentype'),url('.././fonts/slick.woff') format('woff'),url('.././fonts/slick.ttf') format('truetype'),url('.././fonts/slick.svg#slick') format('svg')}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;cursor:pointer;color:transparent;border:none;outline:none;background:0 0}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:0 0}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:0 0}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
* {
    box-sizing: border-box;
    outline: none
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.accessButton {

    margin-top: 0px;

}

@media only screen and (max-width: 320px) {
    .accessButton {

        margin-top: 60px;

    }
}

.img_bgr {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.desktop {
    display: none
}

@media only screen and (min-width: 1025px) {
    .desktop {
        display: block
    }
}

.shadow {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2)
}

.clearfix {
    clear: both
}

ul.breadcrumbs {
    color: #897065;
    font-size: 1.2rem;
    margin: 10px 0 36px
}

ul.breadcrumbs li {
    display: inline-block;
    position: relative
}

ul.breadcrumbs li:after {
    content: '>';
    margin: 0 3px 0 6px
}

ul.breadcrumbs li:last-child:after {
    display: none
}

ul.breadcrumbs li a {
    display: inline-block
}

ul.breadcrumbs li a:hover, ul.breadcrumbs li a:active {
    text-decoration: underline
}

html.ie ul.tags li:after {
    display: none
}

ul.tags {
    list-style: none;
    text-transform: uppercase;
    color: #878787;
    font-size: 1.2rem;
    line-height: 12px
}

ul.tags li {
    display: inline;
    padding: 0 !important
}

ul.tags li:before {
    display: none !important
}

ul.tags li:after {
    content: '|';
    margin: 0 1px 0 3px;
    transition: color .15s linear
}

ul.tags li:last-child:after {
    display: none
}

ul.tags a {
    transition: color .15s linear
}

nav.tabs {
    border-bottom: 4px solid #897065
}

nav.tabs ul {
    width: 100%;
    display: table
}

nav.tabs ul li {
    display: table-cell;
    text-align: center;
    color: #897065;
    font-weight: 700;
    text-transform: uppercase
}

nav.tabs ul li a {
    display: block;
    padding: 8px 0
}

nav.tabs ul li a:hover {
    color: #ee534f
}

nav.tabs ul li a.active {
    background-color: #897065;
    color: #fff;
    padding-right: 40px
}

@media only screen and (min-width: 768px) {
    html.ie nav.text_tabs ul li:after {
        display: none
    }
}

nav.text_tabs {
    margin-bottom: 20px
}

nav.text_tabs ul {
    width: 100%
}

@media only screen and (min-width: 768px) {
    nav.text_tabs ul {
        font-size: 1.6rem
    }
}

nav.text_tabs ul li {
    display: block;
    text-align: center;
    color: #ee534f;
    font-weight: 700;
    text-transform: uppercase;
    position: relative
}

@media only screen and (min-width: 768px) {
    nav.text_tabs ul li {
        display: inline-block;
        padding: 0 11px
    }

    nav.text_tabs ul li:after {
        position: absolute;
        right: 0;
        top: 12px;
        width: 2px;
        height: 16px;
        background-color: #ee534f;
        display: block;
        content: ''
    }

    nav.text_tabs ul li:first-child {
        padding-left: 0
    }

    nav.text_tabs ul li:last-child {
        padding-right: 0
    }

    nav.text_tabs ul li:last-child:after {
        display: none
    }
}

@media only screen and (min-width: 960px) {
    nav.text_tabs ul li {
        padding: 0 41px
    }
}

@media only screen and (min-width: 1025px) {
    nav.text_tabs ul li {
        padding: 0 19px
    }
}

nav.text_tabs ul li a {
    display: inline-block;
    padding: 8px 0;
    border-bottom: 4px solid transparent
}

nav.text_tabs ul li a:hover {
    color: #444
}

nav.text_tabs ul li a.active {
    border-bottom: 4px solid #ee534f;
    color: #ee534f
}

.table .row {
    padding: 12px 0
}

@media only screen and (min-width: 768px) {
    .table .row {
        padding: 0
    }
}

.table .header {
    display: none
}

@media only screen and (min-width: 768px) {
    .table .header {
        display: block
    }

    .table .header .cell {
        font-weight: 700 !important
    }
}

.table .header .cell {
    background-color: #e5e6e8;
    text-align: center;
    border-right: 2px solid #fff !important
}

.table.advice .row {
    border-bottom: 2px solid #e5e6e8
}

.table.advice .row .cell:nth-child(1) {
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .table.advice .row .cell {
        float: left;
        border-right: 2px solid #e5e6e8;
        padding: 16px
    }

    .table.advice .row .cell:last-child {
        border: none !important
    }

    .table.advice .row .cell:nth-child(1) {
        width: 50%;
        font-weight: 400
    }

    .table.advice .row .cell:nth-child(2) {
        width: 20%
    }

    .table.advice .row .cell:nth-child(3) {
        width: 30%;
        text-align: center
    }
}

span.label {
    background-color: #444;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    padding: 1px 12px;
    margin-bottom: 14px
}

form.default label {
    width: 100%
}

form.default label a {
    text-decoration: underline;
    font-weight: 700;
    color: #2e72a3;
    display: inline-block;
    padding-left: 10px
}

form.default label.radio, form.default label.checkbox {
    position: relative;
    min-height: 24px;
    display: inline-block;
    max-width: 100%;
    padding-left: 24px;
    overflow: hidden
}

form.default label.radio.checked span:after, form.default label.checkbox.checked span:after {
    display: block
}

form.default label.radio input, form.default label.checkbox input {
    position: absolute;
    top: -200px;
    left: -200px;
    margin: 0;
    height: 10px;
    opacity: 0;
    outline: none;
    border: none
}

form.default label.radio input:checked ~ span:after, form.default label.checkbox input:checked ~ span:after {
    display: block
}

form.default label.radio span, form.default label.checkbox span {
    position: relative;
    cursor: pointer
}

form.default label.radio span:before, form.default label.checkbox span:before {
    width: 10px;
    height: 10px;
    border: 1px solid #878787;
    content: '';
    display: block;
    position: absolute;
    left: -24px;
    top: 1px
}

form.default label.radio span:after, form.default label.checkbox span:after {
    width: 8px;
    height: 8px;
    content: '';
    display: none;
    position: absolute;
    left: -22px;
    top: 3px;
    background-color: #2e72a3;
    background-repeat: no-repeat
}

form.default .low {
    padding: 0 20px;
    font-size: 1rem
}

form.default .low p {
    color: #999
}

@media only screen and (min-width: 768px) {
    .four {
        width: 50%;
        float: left
    }
}

@media only screen and (min-width: 960px) {
    .four {
        width: 25%;
        float: left
    }
}

.wrap {
    width: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .wrap {
        max-width: 680px
    }
}

@media only screen and (min-width: 960px) {
    .wrap {
        max-width: 920px
    }
}

@media only screen and (min-width: 1025px) {
    .wrap {
        max-width: 1000px
    }
}

.wrap.inner {
    padding: 0 14px
}

@media only screen and (min-width: 768px) {
    .wrap.inner {
        padding: 0
    }
}

.grid .right article.advice .content {
    padding: 0
}

.grid .right article.advice .content .inner {
    padding-top: 20px
}

@media only screen and (min-width: 1025px) {
    .grid.grid1 .left {
        width: 75%;
        float: left
    }
}

@media only screen and (min-width: 768px) {
    .grid.grid1 .right {
        clear: both
    }

    .grid.grid1 .right .row {
        width: 50%;
        float: left;
        clear: none
    }
}

@media only screen and (min-width: 768px) {
    .grid.grid1 .right .row.home_advice {
        padding-right: 5px;
        clear: left
    }
}

@media only screen and (min-width: 1025px) {
    .grid.grid1 .right {
        width: 25%;
        float: left;
        clear: none
    }

    .grid.grid1 .right .row {
        width: 100%
    }

    .grid.grid1 .right .row.home_advice {
        padding-right: 0
    }
}

.grid.grid1 .listing .box {
    margin-bottom: 10px
}

@media only screen and (min-width: 960px) {
    .grid.grid1 .col {
        clear: both;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1025px) {
    .grid.grid1 .col {
        width: 50%;
        margin-bottom: 20px;
        float: right;
        padding-right: 10px;
        clear: none
    }

    .grid.grid1 .col:nth-child(2n-1) {
        clear: right
    }
}

@media only screen and (min-width: 1025px) {
    .grid.grid2 .left {
        width: 75%;
        float: left;
        padding-right: 10px
    }
}

@media only screen and (min-width: 1025px) {
    .grid.grid2 .right {
        width: 25%;
        float: left
    }
}

@media only screen and (min-width: 1025px) {
    .grid.grid3 .left {
        width: 75%;
        float: left;
        padding-right: 10px
    }
}

@media only screen and (min-width: 960px) {
    .grid.grid3 .left header.subpage p {
        min-width: calc(33.33333% - 6px)
    }
}

@media only screen and (min-width: 1025px) {
    .grid.grid3 .right {
        width: 25%;
        float: left
    }
}

@media only screen and (min-width: 960px) {
    .grid.grid3 .small {
        width: 33.33333%;
        float: left;
        padding-right: 10px
    }
}

@media only screen and (min-width: 960px) {
    .grid.grid3 .large {
        width: 66.66666%;
        float: right
    }
}

.grid.grid3 .inner3 {
    padding: 10px 20px
}

.grid.grid3 .inner3 p {
    margin-bottom: 0
}

@media only screen and (min-width: 1025px) {
    .grid.grid4 .left {
        padding-right: 0
    }
}

a.area {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    overflow: hidden;
    text-indent: -9999px
}

.box {
    background-color: #fff;
    margin-bottom: 36px;
    clear: both;
    overflow: auto
}

.box.border {
    border-top: 4px solid #ee534f
}

.box.border.brown {
    border-color: #897065
}

.box > .text {
    padding: 20px
}

.box > .toleft {
    text-align: left;
}

.box > .text h1 {
    margin-bottom: 30px
}

.box > .text2 {
    padding: 0 20px
}

.box.small_offset {
    margin-bottom: 10px
}

.box.no_inner {
    padding: 0 !important
}

.box.default {
    padding: 10px 0;
    margin-bottom: 10px
}

header.box_header {
    margin: 0;
    overflow: hidden
}

header.box_header p {
    background-color: #ee534f;
    color: #fff;
    margin: 0;
    padding: 16px 12px;
    font-size: 1.6rem;
    line-height: 16px
}

header.box_header.has_button p {
    display: block;
    float: left;
    width: calc(100% - 90px);
    background-color: #897065;
    padding: 12px 12px 8px;
    font-size: 1.6rem;
    line-height: 16px
}

@media only screen and (min-width: 1200px) {
    header.box_header.has_button p {
        width: calc(100% - 128px)
    }
}

header.box_header.has_button a {
    display: block;
    float: right;
    width: 80px;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 12px;
    font-weight: 600;
    padding: 5px 0 0;
    color: #897065
}

@media only screen and (min-width: 1200px) {
    header.box_header.has_button a {
        width: 128px;
        text-align: center;
        padding-top: 13px
    }
}

header.box_header.has_button a:hover, header.box_header.has_button a:active {
    color: #ee534f
}

header.box_header.red.has_button p {
    background-color: #ee534f;
    width: auto
}

header.box_header.has_back p {
    padding: 6px 12px 6px 6px
}

header.box_header.has_back .btn_back {
    margin-right: 12px
}

header.subpage {
    margin: 0 0 10px;
    overflow: hidden;
    border-bottom: 4px solid #ee534f
}

@media only screen and (min-width: 960px) {
    header.subpage.expand p {
        min-width: calc(33.33333% - 6px)
    }
}

header.subpage.collapsed {
    transition-delay: 200ms;
    margin-bottom: 14px !important
}

header.subpage p {
    background-color: #ee534f;
    color: #fff;
    margin: 0;
    padding: 9px 12px;
    font-size: 1.6rem;
    line-height: 16px;
    width: auto;
    display: inline-block
}

header.subpage.brown {
    border-color: #897065
}

header.subpage.brown p {
    background-color: #897065
}

header.subpage.no_offset {
    margin-bottom: 0
}

@media only screen and (min-width: 1025px) {
    header.subpage.shorten {
        width: calc(100% - 10px)
    }
}

a.underline {
    text-decoration: underline;
    color: #2e72a3;
    font-size: 1.4rem
}

.box_title {
    padding: 0 20px;
    margin-bottom: 14px;
    position: relative;
    font-weight: 700;
    font-size: 1.4rem
}

.box_title .light, .box_title.light {
    font-weight: 400
}

.box_title.contact {
    margin: 10px 0 0
}

.box_title .price {
    display: inline
}

.box_title:before {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #ee534f;
    content: '';
    transition: background .15s linear
}

.box_title.has_tags {
    min-height: 50px;
    margin-bottom: 0
}

.box_title.has_tags p {
    margin: 0
}

@media only screen and (min-width: 768px) {
    .box_title.has_tags p {
        display: block;
        width: 50%;
        float: left
    }

    .box_title.has_tags ul.tags {
        width: 50%;
        float: right;
        text-align: right
    }
}

.box_title.article {
    position: relative
}

.box_title.article p {
    margin-bottom: 0
}

.box_title.article time {
    font-weight: 400;
    text-align: left;
    display: block;
    width: 50%;
    margin-bottom: 14px
}

@media only screen and (min-width: 768px) {
    .box_title.article ul.tags {
        width: 50%;
        float: right;
        text-align: right;
        position: absolute;
        top: 0;
        right: 20px
    }
}

.box_title.offset {
    margin-top: 14px
}

.category_title {
    display: block;
    background-color: #ee534f;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.6rem;
    padding: 12px;
    margin-bottom: 10px
}

.container.patient .category_title {
    font-size: 2.4rem;
    padding: 16px 12px
}

.btn {
    display: inline-block;
    padding: 16px 26px;
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #fff;
    font-weight: 700
}

.btn.icon {
    padding: 16px 26px 16px 12px
}

.btn.blue {
    background-color: #2e72a3
}

.btn.blue:hover, .btn.blue:active {
    background-color: #28648f
}

.btn.brown {
    background-color: #897065
}

.btn.brown:hover, .btn.brown:active {
    background-color: #7a645a
}

.btn.plus {
    width: 100%;
    text-align: center;
    padding: 16px 12px
}

.btn.plus span {
    position: relative
}

.btn.plus span:before {
    margin-right: 10px;
    background-image: url(../../images/plus.svg);
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    content: ''
}

.btn.download {
    width: 100%;
    text-align: center;
    padding: 10px 12px;
    position: relative
}

.btn.download:after {
    margin-left: 10px;
    background-image: url(../../images/download.svg);
    background-size: 100%;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    content: ''
}

.btn.mail {
    width: 100%;
    text-align: center;
    padding: 16px 12px
}

.btn.mail span {
    position: relative
}

.btn.mail span:before {
    margin-right: 10px;
    background-image: url(../../images/mail_white.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    content: ''
}

.btn.select {
    width: 100%;
    text-align: center;
    padding: 16px 12px;
    position: relative
}

.btn.select span:after {
    margin-left: 10px;
    background-image: url(../../images/select_white.svg);
    position: absolute;
    right: 10px;
    background-repeat: no-repeat;
    background-size: 10px;
    width: 20px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    content: ''
}

.btn.chat {
    background-color: #fff;
    color: #ee534f;
    width: 100%;
    text-align: center;
    padding: 16px 0;
    position: relative
}

.btn.chat:before {
    width: 26px;
    height: 26px;
    background-image: url(../../images/chat.svg);
    background-size: 26px;
    background-position: center;
    left: 12px;
    margin-top: -12px
}

.btn.chat:before, .btn.chat:after {
    position: absolute;
    background-repeat: no-repeat;
    display: block;
    top: 50%;
    content: ''
}

.btn.chat:after {
    width: 10px;
    height: 16px;
    background-image: url(../../images/arrow_blue.svg);
    background-size: 20px 16px;
    background-position: -5px center;
    right: 20px;
    margin-top: -8px
}

.btn.chat:hover, .btn.chat:active {
    color: #2e72a3
}

html.no-svg .btn.plus span:before, html.ie .btn.plus span:before {
    background-image: url(../../images/plus.png)
}

html.no-svg .btn.download:after, html.ie .btn.download:after {
    background-image: url(../../images/download.png)
}

html.no-svg .btn.mail span:before, html.ie .btn.mail span:before {
    background-image: url(../../images/mail_white.png)
}

html.no-svg .btn.select span:after, html.ie .btn.select span:after {
    background-image: url(../../images/select_white.png)
}

.inline_btn {
    display: inline-block;
    padding: 12px 30px 12px 16px;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 700;
    color: inherit
}

.inline_btn.blue {
    color: #2e72a3
}

.inline_btn.brown {
    background-color: #897065
}

.inline_btn.aqua:after {
    background-image: url(../../images/arrow_aqua.svg)
}

.inline_btn.blue:after {
    background-image: url(../../images/arrow_blue.svg) !important;
    background-position: center !important
}

html.no-svg .inline_btn.aqua:after, html.ie .inline_btn.aqua:after {
    background-image: url(../../images/arrow_aqua.png) !important
}

html.no-svg .inline_btn.blue:after, html.ie .inline_btn.blue:after {
    background-image: url(../../images/arrow_blue.png) !important
}

span.inline {
    display: inline-block;
    padding: 0 10px
}

span.status, span.strong {
    font-weight: 700
}

span.status.done, span.strong.done {
    color: #559627
}

.btn_back {
    display: inline-block;
    background-color: #999;
    color: #fff;
    position: relative;
    padding: 9px 18px 11px 32px;
    font-size: 1.6rem;
    line-height: 16px;
    text-transform: none;
    font-weight: 400
}

.btn_back:hover, .btn_back:focus {
    background-color: #8c8c8c
}

.btn_back:before {
    position: absolute;
    width: 10px;
    height: 16px;
    background-image: url(../../images/arrow.svg);
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: -10px center;
    display: block;
    left: 12px;
    margin-top: -8px;
    top: 50%;
    content: '';
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.btn_print {
    float: right;
    width: 26px;
    height: 24px;
    background-image: url(../../images/print.svg);
    background-size: 26px
}

.btn_print, .add_btn, .user_btn, .mail_btn {
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.add_btn, .user_btn, .mail_btn {
    color: transparent;
    background-size: 100%;
    background-position: center bottom;
    margin: 0 7px
}

.user_btn, .mail_btn {
    width: 26px;
    height: 26px
}

.add_btn {
    background-image: url(../../images/plus_blue.svg);
    width: 22px;
    height: 22px
}

.user_btn {
    background-image: url(../../images/user_blue.svg)
}

.mail_btn {
    background-image: url(../../images/mail_blue.svg)
}

html.no-svg .add_btn, html.ie .add_btn {
    background-image: url(../../images/plus_blue.png) !important
}

html.no-svg .user_btn, html.ie .user_btn {
    background-image: url(../../images/user_blue.png) !important
}

html.no-svg .mail_btn, html.ie .mail_btn {
    background-image: url(../../images/mail_blue.png) !important
}

.btn_download {
    display: block;
    width: 100%
}

html.no-svg .btn_back:before, html.ie .btn_back:before {
    background-image: url(../../images/arrow_left.png)
}

html.no-svg .btn_print, html.ie .btn_print {
    background-image: url(../../images/print.png)
}

html.no-svg .icon.arrow:after, html.no-svg i.arrow:after, html.ie .icon.arrow:after, html.ie i.arrow:after {
    background-image: url(../../images/arrow.png)
}

.icon, i {
    position: relative
}

.icon.arrow:after, i.arrow:after {
    position: absolute;
    width: 10px;
    height: 16px;
    background-image: url(../../images/arrow.svg);
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: -10px center;
    display: block;
    right: 8px;
    margin-top: -8px;
    top: 50%;
    content: ''
}

.icon.pdf:after, .icon.doc:after, .icon.diagnosis:after, .icon.disorder:after, .icon.wp3:after, .icon.video:after, .icon.vid:after, .icon.advice:after, i.pdf:after, i.doc:after, i.diagnosis:after, i.disorder:after, i.wp3:after, i.video:after, i.vid:after, i.advice:after {
    width: 36px;
    height: 44px;
    background-size: 144px;
    background-repeat: no-repeat;
    background-position: 0 top;
    display: block;
    content: ''
}

.icon.pdf:after, i.pdf:after {
    background-image: url(../../images/pdf.svg)
}

.icon.video:after, .icon.vid:after, i.video:after, i.vid:after {
    background-image: url(../../images/video.svg)
}

.icon.doc:after, i.doc:after {
    background-image: url(../../images/doc.svg)
}

.icon.wp3:after, i.wp3:after {
    background-image: url(../../images/wp3.svg)
}

.icon.diagnosis:after, i.diagnosis:after {
    background-image: url(../../images/diagnosis.svg)
}

.icon.disorder:after, i.disorder:after {
    background-image: url(../../images/disorder.svg)
}

.icon.advice:after, i.advice:after {
    background-image: url(../../images/advice.svg)
}

html.no-svg .icon.pdf:after, html.no-svg i.pdf:after {
    background-image: url(../../images/pdf.png)
}

html.no-svg .icon.video:after, html.no-svg .icon.vid:after, html.no-svg i.video:after, html.no-svg i.vid:after {
    background-image: url(../../images/video.png)
}

html.no-svg .icon.doc:after, html.no-svg i.doc:after {
    background-image: url(../../images/doc.png)
}

html.no-svg .icon.wp3:after, html.no-svg i.wp3:after {
    background-image: url(../../images/wp3.png)
}

html.no-svg .icon.diagnosis:after, html.no-svg i.diagnosis:after {
    background-image: url(../../images/diagnosis.png)
}

html.no-svg .icon.disorder:after, html.no-svg i.disorder:after {
    background-image: url(../../images/disorder.png)
}

html.no-svg .icon.advice:after, html.no-svg i.advice:after {
    background-image: url(../../images/advice.png)
}

i.about_diary, i.about_therapy, i.about_advice, i.about_video, i.about_disorder, i.about_diagnosis {
    display: block;
    width: 64px;
    height: 64px;
    background-size: 64px;
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-bottom: 14px
}

i.about_diary {
    background-image: url(../../images/about/ico_oportalu1.svg)
}

i.about_therapy {
    background-image: url(../../images/about/ico_oportalu5.svg)
}

i.about_advice {
    background-image: url(../../images/about/ico_oportalu6.svg)
}

i.about_video {
    background-image: url(../../images/about/ico_oportalu2.svg)
}

i.about_disorder {
    background-image: url(../../images/about/ico_oportalu3.svg)
}

i.about_diagnosis {
    background-image: url(../../images/about/ico_oportalu4.svg)
}

html.no-svg i.about_diary, html.ie i.about_diary {
    background-image: url(../../images/about/ico_oportalu1.png)
}

html.no-svg i.about_therapy, html.ie i.about_therapy {
    background-image: url(../../images/about/ico_oportalu5.png)
}

html.no-svg i.about_advice, html.ie i.about_advice {
    background-image: url(../../images/about/ico_oportalu6.png)
}

html.no-svg i.about_video, html.ie i.about_video {
    background-image: url(../../images/about/ico_oportalu2.png)
}

html.no-svg i.about_disorder, html.ie i.about_disorder {
    background-image: url(../../images/about/ico_oportalu3.png)
}

html.no-svg i.about_diagnosis, html.ie i.about_diagnosis {
    background-image: url(../../images/about/ico_oportalu4.png)
}

html.no-svg nav.pagination .prev:after {
    background-image: url(../../images/arrow_left.png)
}

html.no-svg nav.pagination .next:after {
    background-image: url(../../images/arrow.png)
}

nav.pagination {
    text-align: center;
    padding: 48px 20px 0;
    position: relative;
    clear: both
}

nav.pagination.offset {
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    nav.pagination {
        padding-top: 10px
    }
}

nav.pagination a {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    background-color: #878787;
    padding: 0 14px;
    color: #fff;
    font-size: 1.6rem;
    margin-bottom: 10px;
    vertical-align: top
}

nav.pagination a.active {
    background-color: #ee534f
}

nav.pagination .prev, nav.pagination .next {
    background-color: #2e72a3;
    display: block;
    width: calc(50% - 25px);
    float: left;
    overflow: hidden;
    position: absolute;
    top: 0;
    text-indent: -9999px
}

nav.pagination .prev:hover, nav.pagination .prev:active, nav.pagination .next:hover, nav.pagination .next:active {
    background-color: #28648f
}

@media only screen and (min-width: 768px) {
    nav.pagination .prev, nav.pagination .next {
        position: relative;
        width: 60px;
        display: inline-block;
        float: none !important
    }
}

nav.pagination .prev:after, nav.pagination .next:after {
    position: absolute;
    width: 10px;
    height: 16px;
    background-image: url(../../images/arrow.svg);
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: -10px center;
    display: block;
    left: 50%;
    top: 11px;
    margin-left: -5px;
    content: ''
}

nav.pagination .prev {
    left: 20px
}

nav.pagination .prev:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media only screen and (min-width: 768px) {
    nav.pagination .prev {
        left: 0
    }
}

nav.pagination .next {
    right: 20px
}

@media only screen and (min-width: 768px) {
    nav.pagination .next {
        right: 0
    }
}

nav.pagination ul {
    clear: both;
    list-style: none;
    display: inline-block;
    width: auto
}

@media only screen and (min-width: 768px) {
    nav.pagination ul {
        clear: none
    }
}

nav.pagination ul li {
    display: inline-block;
    margin: 0 4px;
    vertical-align: top
}

nav.pagination ul li a:hover, nav.pagination ul li a:active {
    background-color: #ee534f
}

html.ie .overlay {
    background: url(../../images/red_alpha.png)
}

.overlay {
    background-color: rgba(239, 83, 80, .85);
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    transition: opacity .1s linear
}

.overlay.in {
    opacity: 1
}

.popup {
    width: 100%;
    position: relative;
    z-index: 1002;
    display: none;
    transition: opacity .1s linear, -webkit-transform .1s linear;
    transition: opacity .1s linear, transform .1s linear;
    opacity: 0;
    padding: 14px
}

@media only screen and (min-width: 768px) {
    .popup {
        padding: 0;
        max-width: 680px;
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -75%);
        transform: translate(-50%, -75%)
    }
}

@media only screen and (min-width: 960px) {
    .popup {
        max-width: 800px
    }
}

.popup.in {
    opacity: 1
}

@media only screen and (min-width: 768px) {
    .popup.in {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.popup .inner {
    background-color: #fff;
    padding: 20px;
    position: relative
}

.popup h1 {
    color: #ee534f;
    margin-bottom: 30px;
    font-size: 1.6rem
}

.popup .trigger_close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    overflow: hidden;
    width: 20px;
    height: 23px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../images/close.svg);
    background-size: 20px;
    text-indent: -9999px;
    transition: opacity .2s linear
}

.popup .trigger_close:hover, .popup .trigger_close:active {
    opacity: .85
}

.popup form .btn {
    width: auto
}

.row {
    clear: both
}

.popup[data-popup='ask_expert'] .col {
    line-height: 38px
}

@media only screen and (min-width: 768px) {
    .popup[data-popup='ask_expert'] .col {
        float: left
    }

    .popup[data-popup='ask_expert'] .col:first-child {
        width: 20%
    }

    .popup[data-popup='ask_expert'] .col:last-child {
        width: 80%
    }
}

.popup[data-popup='ask_expert'] p {
    margin-bottom: 40px
}

.popup[data-popup='ask_expert'] form {
    margin: 0
}

.popup[data-popup='ask_expert'] form textarea {
    min-height: 140px
}

.popup[data-popup='ask_expert'] form select {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600
}

.popup[data-popup='ask_expert'] form .select, .popup[data-popup='ask_expert'] form textarea {
    margin-bottom: 20px
}

.popup[data-popup='login'] .inner, .popup[data-popup='newsletter'] .inner {
    background-image: url(../../images/login_woman.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top
}

@media only screen and (min-width: 768px) {
    .popup[data-popup='login'] .inner, .popup[data-popup='newsletter'] .inner {
        background-size: auto
    }
}

@media only screen and (min-width: 768px) {
    .popup[data-popup='login'] ul.numbers, .popup[data-popup='newsletter'] ul.numbers {
        margin-bottom: 50px;
        margin-top: 30px
    }
}

.popul[data-popup='login'] .half {
    padding-top: 60%
}

@media only screen and (min-width: 768px) {
    .popul[data-popup='login'] .half {
        width: 50%;
        padding-top: 0
    }
}

.popul[data-popup='login'] form {
    overflow: auto
}

@media only screen and (min-width: 960px) {
    .popul[data-popup='login'] form {
        padding: 0 70px
    }
}

.popul[data-popup='login'] form button {
    width: 100%
}

.popul[data-popup='login'] form input, .popul[data-popup='login'] form button {
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .popul[data-popup='login'] form input, .popul[data-popup='login'] form button {
        width: calc(33.33333% - 10px);
        float: left;
        margin: 0 5px
    }
}

.popup[data-popup='newsletter'] .half {
    padding-top: 60%
}

@media only screen and (min-width: 768px) {
    .popup[data-popup='newsletter'] .half {
        padding-top: 0
    }
}

.popup[data-popup='newsletter'] form {
    overflow: auto
}

@media only screen and (min-width: 768px) {
    .popup[data-popup='newsletter'] form {
        text-align: center
    }
}

@media only screen and (min-width: 960px) {
    .popup[data-popup='newsletter'] form {
        padding: 0 70px
    }
}

.popup[data-popup='newsletter'] form button {
    width: 100%
}

.popup[data-popup='newsletter'] form input, .popup[data-popup='newsletter'] form button {
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .popup[data-popup='newsletter'] form input, .popup[data-popup='newsletter'] form button {
        width: calc(33.33333% - 10px);
        display: inline-block;
        margin: 0 5px
    }
}

nav.categories {
    background-position: center top;
    background-image: url(../../images/line.jpg);
    background-size: 100% 1px;
    background-size: calc(100% - 40px) 1px;
    background-repeat: no-repeat;
    margin-bottom: 18px;
    padding: 14px 24px 0;
    overflow: auto
}

nav.categories p.title {
    color: #2e72a3;
    text-transform: uppercase;
    margin: 0 0 7px
}

nav.categories ul {
    list-style: none
}

nav.categories ul li, nav.categories ul li a {
    display: block;
    position: relative
}

nav.categories ul li a {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    padding: 10px 0 10px 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    transition-property: border
}

nav.categories ul li a:before {
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-color: #ee534f;
    content: '';
    z-index: 4
}

nav.categories ul li a:after {
    width: 3px;
    height: calc(100% - 2px);
    position: absolute;
    left: 1px;
    top: 1px;
    display: block;
    background-color: #fff;
    content: '';
    opacity: 0;
    z-index: 5;
    transition: .15s linear
}

nav.categories ul li a:hover, nav.categories ul li a:focus {
    color: #fff;
    background: #ee534f;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(90deg, #ee534f 0%, #ef7766 100%);
    border-color: #ee534f
}

nav.categories ul li a:hover:after, nav.categories ul li a:focus:after {
    opacity: 1
}

nav.categories ul li:hover:before, nav.categories ul li:active:before {
    opacity: 1
}

nav.categories ul li ul {
    padding-left: 30px;
    display: none
}

nav.categories ul li ul li:before {
    width: 8px;
    height: 8px;
    position: absolute;
    display: block;
    top: 50%;
    left: -20px;
    margin-top: -4px;
    background-color: #897065;
    content: ''
}

html.no-svg nav.box_categories a.has_children:before, html.ie nav.box_categories a.has_children:before {
    background-repeat: no-repeat;
    background-image: url(../../images/arrow_blue.png)
}

html.no-svg nav.box_categories a.has_children:after, html.ie nav.box_categories a.has_children:after {
    background-image: url(../../images/arrow.png);
    background-repeat: no-repeat;
    display: none
}

html.no-svg nav.box_categories a.has_children:hover:before, html.no-svg nav.box_categories a.has_children:focus:before, html.ie nav.box_categories a.has_children:hover:before, html.ie nav.box_categories a.has_children:focus:before {
    display: none
}

html.no-svg nav.box_categories a.has_children:hover:after, html.no-svg nav.box_categories a.has_children:focus:after, html.ie nav.box_categories a.has_children:hover:after, html.ie nav.box_categories a.has_children:focus:after {
    display: block
}

html.no-svg nav.box_categories a.back:before, html.ie nav.box_categories a.back:before {
    background-repeat: no-repeat;
    background-image: url(../../images/arrow_left_blue.png)
}

html.no-svg nav.box_categories a.back:after, html.ie nav.box_categories a.back:after {
    background-image: url(../../images/arrow_left.png);
    background-repeat: no-repeat;
    display: none
}

html.no-svg nav.box_categories a.back:hover:before, html.no-svg nav.box_categories a.back:focus:before, html.ie nav.box_categories a.back:hover:before, html.ie nav.box_categories a.back:focus:before {
    display: none
}

html.no-svg nav.box_categories a.back:hover:after, html.no-svg nav.box_categories a.back:focus:after, html.ie nav.box_categories a.back:hover:after, html.ie nav.box_categories a.back:focus:after {
    display: block
}

nav.box_categories {
    position: relative;
    padding: 4px 14px
}

nav.box_categories .nav {
    position: relative;
    margin-bottom: 4px
}

nav.box_categories .slide:first-child ul {
    display: block
}

nav.box_categories .slide ul {
    display: none
}

nav.box_categories a {
    display: block;
    padding: 14px 40px 14px 14px;
    border: 1px solid #c4b7b2;
    border-bottom: none;
    line-height: 16px;
    position: relative
}

nav.box_categories a:hover, nav.box_categories a:active {
    background-color: #f27573;
    color: #fff
}

nav.box_categories a:hover:before, nav.box_categories a:active:before {
    opacity: 0 !important
}

nav.box_categories a:hover:after, nav.box_categories a:active:after {
    opacity: 1 !important
}

nav.box_categories a.active {
    background-color: #ee534f;
    color: #fff
}

nav.box_categories a.active:before {
    opacity: 0 !important
}

nav.box_categories a.active:after {
    opacity: 1 !important
}

nav.box_categories a:before, nav.box_categories a:after {
    transition: opacity .15s linear
}

nav.box_categories a.has_children:before, nav.box_categories a.back:before {
    display: block;
    background-image: url(../../images/arrow_blue.svg);
    width: 10px;
    height: 16px;
    background-size: 10px 16px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    content: ''
}

nav.box_categories a.has_children:after, nav.box_categories a.back:after {
    display: block;
    background-image: url(../../images/arrow.svg);
    width: 10px;
    height: 16px;
    background-size: 20px 16px;
    background-position: -10px center;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    content: '';
    opacity: 0
}

nav.box_categories .back {
    background-color: #eceded;
    padding-right: 12px;
    padding-left: 34px
}

nav.box_categories .back:before, nav.box_categories .back:after {
    right: auto;
    left: 12px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

nav.box_categories .back:hover, nav.box_categories .back:active {
    background-color: #2e72a3
}

nav.box_categories ul {
    list-style: none;
    width: 100%
}

nav.box_categories ul li:last-child a {
    border-bottom: 1px solid #c4b7b2
}

address {
    font-style: normal
}

address p a:hover {
    color: #ee534f
}

.tip_cloud {
    text-align: center;
    color: #fff;
    background-color: #897065;
    background-color: rgba(137, 112, 101, .9);
    position: absolute;
    z-index: 100;
    padding: 6px 10px;
    font-weight: 600;
    font-size: 1.4rem
}

.tip_cloud p {
    margin: 0
}

.tip_cloud ul {
    list-style: none !important
}

.tip_cloud ul li {
    display: inline
}

.tip_cloud:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(137, 112, 101, .9);
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px
}

.tip_cloud.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto
}

.tip_cloud.left:after {
    left: 10px;
    margin: 0
}

.tip_cloud.right:after {
    right: 10px;
    left: auto;
    margin: 0
}

.calendar_wrapper {
    padding: 0 7px;
    min-height: 260px
}

.calendar_wrapper .eventDesc.hidden, .calendar_wrapper .eventsCalendar-list-content, .calendar_wrapper .eventsCalendar-subtitle {
    /*display: none*/
}

html.no-svg .eventsCalendar-slider .prev:after, html.ie .eventsCalendar-slider .prev:after {
    background-image: url(../../images/arrow_left_small.png)
}

html.no-svg .eventsCalendar-slider .next:after, html.ie .eventsCalendar-slider .next:after {
    background-image: url(../../images/arrow_right_small.png)
}

.hidden{
    display: none;
}

.calendar-full{
    padding-right: 10px;
}

.calendar_box{
    width: 50%;
    float: left;
    padding-right: 5px;
}

.calendar_events_box{
    width: 50%;
    float: left;
    padding-left: 5px;
}

.eventsCalendar-subtitle{
    clear: both;
    margin: 0;
    padding: 20px 5px 15px;
}

ul.eventsCalendar-list{
    display: block;
    height: auto;
    left: 0;
    opacity: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.eventsCalendar-list li{
    margin: 0;
    padding: 15px 15px 1px;
    clear: both;
    position: relative;
    background-color: #fff;
    background-position: center bottom;
    background-image: url(../../images/line.jpg);
    background-size: 100% 1px;
    background-size: calc(100% - 40px) 1px;
    background-repeat: no-repeat;
}

.eventsCalendar-list li span.eventTitle{
    clear: both;
    display: block;
    font-weight: bold;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

.eventsCalendar-list li>time{
    font-size: 11px;
    line-height: 13px;
    color: #897065;
}

.eventsCalendar-list li>time small{
    margin-left: 5px;
    font-style: italic;
    font-weight: bold;
}

.eventsCalendar-list .eventDayName{
    color: gray;
    float:right;
}

.eventsCalendar-slider {
    position: relative
}

.eventsCalendar-slider .arrow {
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -9999px;
    background-color: #ee534f;
    position: absolute;
    top: 0
}

.eventsCalendar-slider .arrow:hover, .eventsCalendar-slider .arrow:active {
    opacity: .86
}

.eventsCalendar-slider .arrow:after {
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -9px;
    content: '';
    display: block;
    width: 8px;
    height: 18px;
    background-image: url(../../images/arrow.svg);
    background-size: 16px 12px;
    background-repeat: no-repeat;
    background-position: -8px center
}

.eventsCalendar-slider .arrow.prev {
    left: 0
}

.eventsCalendar-slider .arrow.prev:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    left: 10px
}

.eventsCalendar-slider .arrow.next {
    left: 31px
}

.oldMonth.out {
    position: absolute;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    transition: .3s linear
}

ul.eventsCalendar-daysList {
    list-style: none
}

ul.eventsCalendar-daysList li {
    display: block;
    width: 14.28571%;
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #fafafa;
    outline: 1px solid #fff
}

ul.eventsCalendar-daysList li:hover {
    background-color: #fbfbfb
}

ul.eventsCalendar-daysList li a {
    display: block;
    height: 30px
}

ul.eventsCalendar-daysList li.eventsCalendar-day-header {
    background-color: transparent;
    font-weight: 500
}

ul.eventsCalendar-daysList li.dayWithEvents{
    background-color: #c0b0a0;
    color: #fff
}

ul.eventsCalendar-daysList li.current {
    background-color: #ee534f !important;
    color: #fff
}

ul.eventsCalendar-daysList li.eventsCalendar-empty {
    background-color: transparent
}

ul.eventsCalendar-daysList li.today {
    background-color: #897065;
    color: #fff
}

.eventsCalendar-currentTitle {
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #ee534f;
    text-align: right;
    line-height: 30px;
    font-size: 1.5rem;
    font-weight: 500
}

html {
    font-size: 62.5%;
    height: 100%
}

body {
    height: 100%;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    color: #444;
    font-size: 1.4rem;
    -webkit-font-smoothing: antialiased;
    background: #f2f5fa
}

body.beige {
    background: #f2f5fa url(../../images/pattern.jpg);
    background-attachment: fixed
}

@media only screen and (min-width: 1200px) {
    body {
        background-attachment: fixed
    }
}

a, button {
    text-decoration: none;
    color: inherit;
    transition: .1s linear;
    border: none
}

ul {
    padding: 0;
    margin: 0;
    list-style-position: inside
}

h1, .h1 {
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 600;
    color: inherit;
    margin: 0 0 10px
}

h2, .h2 {
    font-size: 1.4rem;
    line-height: 16px
}

img {
    width: 100%;
    height: auto
}

p {
    margin: 0 0 20px
}

p.lead {
    color: #999;
    font-weight: 600
}

p.strong {
    font-weight: 600 !important
}

p.strong span {
    font-weight: 400 !important
}

p.title {
    color: #ee534f;
    font-weight: 600
}

form input, form textarea {
    border: 1px solid #999
}

form input, form textarea, form select {
    font-size: 1.4rem;
    font-family: 'Roboto', sans-serif;
    color: #444
}

form input.placeholder, form textarea.placeholder, form select.placeholder {
    color: #878787
}

form input:-moz-placeholder, form textarea:-moz-placeholder, form select:-moz-placeholder, form input::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder {
    color: #878787
}

form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, form select::-webkit-input-placeholder {
    color: #878787
}

form input {
    padding: 14px 10px
}

form textarea {
    padding: 14px 8px
}

form .select {
    border: 1px solid #999;
    display: block
}

form select {
    border: none;
    background-color: #fff;
    height: 38px;
    padding: 0 14px !important
}

@media screen and (max-width: 1024px) {
    .container {
        padding-top: 0 !important
    }
}

.container.backward {
    position: fixed;
    z-index: 0;
    width: 100%
}

@media only screen and (min-width: 1025px) {
    .container.backward {
        position: relative
    }
}

header.main .logo, header.patient .logo, .container.login .logo {
    background-color: #878787;
    overflow: hidden;
    text-indent: -9999px;
    display: inline-block;
    width: 140px;
    height: 70px
}

@media only screen and (min-width: 768px) {
    header.main .logo, header.patient .logo, .container.login .logo {
        width: 210px;
        height: 105px
    }
}

header.main {
    background-color: #fff;
    padding: 14px 0;
    overflow: auto
}

header.main.desktop {
    display: none
}

@media only screen and (min-width: 1025px) {
    header.main.desktop {
        display: block
    }
}

header.main.mobile {
    display: block
}

@media only screen and (min-width: 1025px) {
    header.main.mobile {
        display: none
    }
}

header.main.mobile .btn {
    float: right
}

header.main.mobile .trigger_menu {
    position: relative;
    float: right;
    margin-left: 4px
}

header.main .col {
    width: 100%
}

@media only screen and (min-width: 768px) {
    header.main .col:first-child {
        max-width: 240px;
        float: left
    }
}

@media only screen and (min-width: 960px) {
    header.main .col:first-child {
        max-width: 320px
    }
}

@media only screen and (min-width: 768px) {
    header.main .col:last-child {
        max-width: 440px;
        float: right
    }
}

@media only screen and (min-width: 960px) {
    header.main .col:last-child {
        max-width: 520px
    }
}

@media only screen and (min-width: 768px) {
    header.main form {
        text-align: right
    }
}

@media only screen and (min-width: 768px) {
    header.main form [type='text'], header.main form [type='email'], header.main form [type='password'] {
        width: 152px;
        margin-left: 8px;
        margin-bottom: 6px
    }

    header.main form [type='text']:first-child, header.main form [type='email']:first-child, header.main form [type='password']:first-child {
        margin-left: 0
    }
}

@media only screen and (min-width: 960px) {
    header.main form [type='text'], header.main form [type='email'], header.main form [type='password'] {
        width: 192px
    }
}

@media only screen and (min-width: 768px) {
    header.main form .btn {
        width: 112px;
        margin-left: 8px
    }
}

header.main form label {
    float: left;
    display: inline-block;
    width: 204px;
    padding-left: 0;
    margin-bottom: 10px;
    margin-top: 1px;
    text-align: left;
    font-size: 1.2rem
}

header.main form label.checkbox {
    margin-left: 14px
}

header.main form label a {
    color: #444;
    text-decoration: none;
    font-weight: 400;
    padding-left: 0
}

header.main form label a:hover {
    color: #897065
}

header.main form label input {
    width: auto;
    margin: 0 4px 0 0
}

header.main ul {
    display: inline-block;
    list-style: none;
    color: #897065;
    font-size: 1.4rem;
    font-weight: 900
}

header.main ul li {
    display: inline-block;
    background: url(../../images/separator.jpg) center right no-repeat
}

header.main ul li:last-child {
    background: 0 0
}

header.main ul li a {
    display: inline-block;
    padding: 0 12px;
    line-height: 51px;
    position: relative
}

header.main ul li a:hover, header.main ul li a:active, header.main ul li a:focus {
    color: #ee534f
}

header.main ul .contact:before {
    position: absolute;
    left: -22px;
    top: 18px;
    height: 15px;
    width: 25px;
    background-image: url(../../images/mail.svg);
    background-size: 25px 16px;
    display: block;
    content: ''
}

header.main .btn {
    float: right
}

html.ie header.main ul .contact:before {
    background-image: url(../../images/mail.png)
}

header.patient {
    background-color: #fff;
    padding: 14px 0;
    overflow: auto
}

@media only screen and (min-width: 768px) {
    header.patient .col {
        float: left
    }

    header.patient .col:first-child {
        width: 60%
    }

    header.patient .col:last-child {
        width: 40%
    }
}

header.patient h1 {
    color: #ee534f;
    font-size: 1.4rem;
    margin: 0
}

@media only screen and (min-width: 768px) {
    header.patient h1 {
        display: inline-block;
        vertical-align: bottom;
        padding: 0 0 0 14px;
        font-size: 1.6rem;
        position: relative;
        top: -2px
    }
}

header.patient h1 a:hover {
    color: #897065
}

header.patient .logo {
    float: none
}

header.patient .btn {
    margin-top: 20px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    header.patient .btn {
        margin-top: 34px
    }
}

header.patient .user {
    margin: 0
}

header.patient .user span {
    font-weight: 700
}

header.patient .user a {
    color: #897065;
    text-decoration: underline;
    display: inline-block;
    clear: both;
    margin-left: 14px;
    float: right
}

nav.user p {
    margin: 0;
    display: inline-block;
    line-height: 51px
}

nav.user p a:not(.btn) {
    color: #897065;
    text-decoration: underline;
    display: inline-block;
    clear: both;
    margin-left: 14px;
    margin-bottom: 20px
}

nav.user p span {
    font-weight: 700
}

nav.user p .btn {
    padding: 0 14px;
    float: none;
    margin-left: 14px
}

nav.navigation {
    background-color: #ee534f;
    color: #fff;
    width: 100%;
    position: static;
    min-height: 100%;
    display: none;
    padding-top: 51px
}

@media only screen and (min-width: 1025px) {
    nav.navigation {
        padding-top: 0
    }
}

@media screen and (max-width: 1024px) {
    nav.navigation .wrap {
        max-width: none
    }
}

@media only screen and (min-width: 1025px) {
    nav.navigation {
        min-height: 0;
        display: block
    }
}

nav.navigation.show {
    display: block
}

@media only screen and (min-width: 1025px) {
    nav.navigation.stick {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100
    }
}

nav.navigation ul {
    list-style: none;
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 600
}

@media only screen and (min-width: 1025px) {
    nav.navigation ul > li {
        z-index: 9
    }

    nav.navigation ul > li:hover > ul, nav.navigation ul > li.hover > ul, nav.navigation ul > li:active > ul, nav.navigation ul > li:focus > ul, nav.navigation ul > li.visible > ul {
        display: block;
        position: absolute;
        z-index: 10;
        width: 200px;
        top: 68px
    }

    nav.navigation ul > li:hover > ul li, nav.navigation ul > li.hover > ul li, nav.navigation ul > li:active > ul li, nav.navigation ul > li:focus > ul li, nav.navigation ul > li.visible > ul li {
        width: 200px;
        display: block !important;
        border: none;
        border-bottom: 1px solid #f47e7c
    }

    nav.navigation ul > li:hover > ul li:last-child, nav.navigation ul > li.hover > ul li:last-child, nav.navigation ul > li:active > ul li:last-child, nav.navigation ul > li:focus > ul li:last-child, nav.navigation ul > li.visible > ul li:last-child {
        border-bottom: none
    }

    nav.navigation ul > li:hover {
        z-index: 10
    }
}

nav.navigation ul li {
    display: block;
    text-align: center;
    margin: 0;
    position: relative
}

@media only screen and (min-width: 1025px) {
    nav.navigation ul li {
        display: table-cell !important;
        border-left: 1px solid #f47e7c
    }

    nav.navigation ul li:last-child {
        border-right: 1px solid #f47e7c
    }
}

nav.navigation ul li a {
    display: none
}

@media only screen and (min-width: 1025px) {
    nav.navigation ul li a {
        display: block !important;
        font-size: 1.6rem
    }
}

nav.navigation ul li a.in, nav.navigation ul a {
    display: block
}

nav.navigation ul a:hover, nav.navigation ul a:active {
    background-color: #f47e7c
}

nav.navigation ul a.active {
    background-color: #be4546
}

@media only screen and (min-width: 1025px) {
    nav.navigation .inline {
        display: table
    }

    nav.navigation .inline > li > a {
        padding: 26px 0;
        border: none
    }

    nav.navigation .inline > li > a:after {
        display: none
    }
}

nav.navigation a {
    padding: 15.5px 30px;
    border-bottom: 1px solid #f47e7c
}

@media only screen and (min-width: 1025px) {
    nav.navigation a {
        padding: 14px 20px 14px 10px;
        letter-spacing: -.3px;
        line-height: 16px
    }
}

nav.navigation a.has_children:after {
    position: absolute;
    width: 10px;
    height: 16px;
    background-image: url(../../images/arrow.svg);
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: -10px center;
    display: block;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    content: ''
}

@media only screen and (min-width: 1025px) {
    nav.navigation a.has_children:after {
        right: 10px
    }
}

nav.navigation a.parent {
    background-color: #f47e7c !important
}

@media only screen and (min-width: 1025px) {
    nav.navigation [data-level='0'], nav.navigation [data-level='1'], nav.navigation [data-level='2'], nav.navigation [data-level='3'], nav.navigation [data-level='4'] {
        display: none
    }

    nav.navigation [data-level='0'] li, nav.navigation [data-level='1'] li, nav.navigation [data-level='2'] li, nav.navigation [data-level='3'] li, nav.navigation [data-level='4'] li {
        height: auto !important
    }

    nav.navigation [data-level='0'] a, nav.navigation [data-level='1'] a, nav.navigation [data-level='2'] a, nav.navigation [data-level='3'] a, nav.navigation [data-level='4'] a {
        text-align: left;
        border: none;
        position: relative;
        background-color: rgba(239, 83, 80, .95);
        font-size: 1.4rem
    }

    nav.navigation [data-level='0'] a:hover, nav.navigation [data-level='1'] a:hover, nav.navigation [data-level='2'] a:hover, nav.navigation [data-level='3'] a:hover, nav.navigation [data-level='4'] a:hover {
        background-color: #f47e7c
    }
}

@media only screen and (min-width: 1025px) and (max-width:1440px)  {

    nav.navigation #therapy_category  ul a.has_children:after {
        transform: rotate(180deg);
        position: absolute;
        width: 10px;
        height: 16px;
        background-image: url(../../images/arrow.svg);
        background-size: 20px 16px;
        background-repeat: no-repeat;
        background-position: -10px center;
        display: block;
        left: 10px;
        top: 50%;
        margin-top: -10px;
        content: ''
    }

    nav.navigation #therapy_category [data-level] li a {

        text-align: right;
        position: relative;

    }

    nav.navigation #therapy_category ul [data-level]{

        margin-left:-171px;

    }

}

nav.navigation [data-level='0'] {
    padding-top: 1px
}

@media only screen and (min-width: 1025px) {
    nav.navigation [data-level='1'] {
        top: -1px !important;
        margin-left: 201px
    }

    nav.navigation [data-level='1'] li {
        top: 1px
    }
}

@media only screen and (min-width: 1025px) {
    nav.navigation [data-level='2'] {
        top: -1px !important;
        margin-left: 200px
    }

    nav.navigation [data-level='2'] li {
        left: 1px;
        top: 1px
    }
}

@media only screen and (min-width: 1025px) {
    nav.navigation [data-level='3'] {
        top: -1px !important;
        margin-left: 200px
    }

    nav.navigation [data-level='3'] li {
        left: 1px;
        top: 1px
    }
}

@media only screen and (min-width: 1025px) {
    nav.navigation [data-level='4'] {
        top: -1px !important;
        margin-left: 200px
    }

    nav.navigation [data-level='4'] li {
        left: 1px;
        top: 1px
    }
}

@media only screen and (min-width: 1025px) {
    html.ie nav.navigation [data-level='0'] a, html.ie nav.navigation [data-level='1'] a, html.ie nav.navigation [data-level='2'] a, html.ie nav.navigation [data-level='3'] a, html.ie nav.navigation [data-level='4'] a {
        background: url(../../images/red_alpha.png)
    }
}

html.ie nav.navigation a.has_children:after {
    background-image: url(../../images/arrow.png)
}

.trigger_menu {
    position: absolute
}

.trigger_menu, .trigger_back {
    z-index: 1000;
    width: 51px;
    height: 51px;
    top: 0;
    right: 0;
    background-color: #2e72a3;
    overflow: hidden;
    display: block;
    text-indent: -9999px
}

@media only screen and (min-width: 1025px) {
    .trigger_menu, .trigger_back {
        display: none
    }
}

span.nav_level {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 51px;
    font-weight: 600;
    line-height: 51px;
    background-color: #2e72a3;
    z-index: 999;
    display: none;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 0 60px
}

span.nav_level.show {
    display: block
}

@media only screen and (min-width: 1025px) {
    span.nav_level {
        display: none !important
    }
}

.trigger_menu span {
    width: 26px;
    height: 3px;
    background-color: #fff;
    display: block;
    position: absolute;
    left: 12px;
    border-radius: 10px;
    transition: .2s linear
}

.trigger_menu span:nth-child(1) {
    top: 16px;
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0)
}

.trigger_menu span:nth-child(2) {
    top: 24px
}

.trigger_menu span:nth-child(2), .trigger_menu span:nth-child(3) {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0)
}

.trigger_menu span:nth-child(3) {
    top: 32px
}

.trigger_menu.active {
    position: fixed !important;
    z-index: 10000;
    top: 0;
    right: 0
}

.trigger_menu.active span:nth-child(1) {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.trigger_menu.active span:nth-child(2) {
    opacity: 0
}

.trigger_menu.active span:nth-child(3) {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.trigger_back {
    left: 0;
    display: none;
    position: fixed
}

.trigger_back.show {
    display: block
}

.trigger_back:before {
    display: block;
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    left: 18px;
    background-image: url(../../images/arrow.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: -10px center;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

nav.footer {
    background-color: #fff;
    clear: both;
    overflow: auto;
    padding: 30px 0;
    color: #878787;
    display: none
}

@media only screen and (min-width: 1025px) {
    nav.footer {
        display: block
    }
}

nav.footer ul {
    list-style: none
}

nav.footer ul li {
    padding: 2px 0
}

nav.footer ul li:last-child span {
    padding-bottom: 0
}

nav.footer a {
    text-transform: uppercase;
    display: inline-block
}

nav.footer a:hover, nav.footer a:active, nav.footer a.active {
    color: #2e72a3
}

nav.footer a span {
    text-transform: none;
    clear: both;
    display: inline-block;
    padding: 8px 0 26px
}

nav.footer .h1 {
    color: #ee534f;
    font-size: 1.6rem
}

nav.footer .four {
    padding-bottom: 20px;
    padding-top: 20px;
    background-position: center bottom;
    background-image: url(../../images/line.jpg);
    background-size: 100% 1px;
    background-size: calc(100% - 40px) 1px;
    background-repeat: no-repeat
}

nav.footer .four:last-child {
    background: 0 0
}

@media only screen and (min-width: 960px) {
    nav.footer .four {
        background: 0 0;
        padding: 20px 40px;
        background-image: url(../../images/line_vertical.jpg);
        background-repeat: no-repeat;
        background-position: right top;
        min-height: 312px
    }

    nav.footer .four:first-child {
        padding: 20px 0
    }

    nav.footer .four:last-child {
        padding: 20px 0 20px 40px
    }
}

footer {
    background-color: #ee534f;
    color: #fff;
    font-size: 1.2rem;
    padding: 12px 0;
    clear: both;
    overflow: auto
}

footer ul {
    list-style: none;
    margin-top: 10px
}

@media only screen and (min-width: 1025px) {
    footer ul {
        display: none
    }
}

footer ul li {
    display: inline-block;
    padding: 0 10px 0 0
}

@media only screen and (min-width: 768px) {
    footer ul {
        margin-top: 0;
        text-align: right
    }

    footer ul li {
        padding: 0 0 0 10px
    }
}

footer ul a:hover {
    text-decoration: underline
}

@media only screen and (min-width: 768px) {
    footer .col {
        float: left
    }

    footer .col:first-child {
        width: 35%
    }

    footer .col:last-child {
        width: 65%
    }
}

form input, form textarea, form select, form button, form label {
    width: 100%;
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

form textarea {
    resize: none
}

form [type='submit'] {
    cursor: pointer
}

html.no-svg form.search button:after {
    background-image: url(../../images/search.png);
    top: 2px
}

form.search {
    background-color: #ee534f;
    padding: 14px;
    margin: 0 0 10px;
    border: none;
    border-radius: 0;
    position: relative;
    display: none
}

@media only screen and (min-width: 1025px) {
    form.search {
        display: block
    }
}

form.search.results {
    margin-bottom: 0
}

form.search input {
    height: 38px;
    line-height: 38px;
    border: 1px solid #fff;
    background: 0 0;
    padding: 0 42px 0 10px;
    color: #fff;
    font-size: 1.6rem;
    font-style: italic;
    font-weight: 500
}

form.search input.placeholder {
    color: #fff
}

form.search input:-moz-placeholder, form.search input::-moz-placeholder {
    color: #fff
}

form.search input::-webkit-input-placeholder {
    color: #fff
}

form.search button {
    position: absolute;
    width: 38px;
    height: 36px;
    right: 15px;
    top: 15px;
    text-indent: -9999px;
    overflow: hidden;
    background-color: transparent;
    border: none
}

form.search button:after {
    display: block;
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 10px;
    left: 10px;
    background-size: 64px 16px;
    background-position: -16px 0;
    background-image: url(../../images/search.svg)
}

form.search label.checkbox {
    color: #fff;
    min-height: 0;
    padding-top: 8px
}

form.search label.checkbox span {
    font-size: 1.2rem
}

form.search label.checkbox span:before {
    border: 1px solid #fff !important;
    top: 2px
}

form.search label.checkbox span:after {
    top: 4px;
    left: -22px
}

html.ie article.short:before {
    display: none
}

html.ie article.short.icon:hover, html.ie article.short.image:hover, html.ie article.short.vid:hover, html.ie article.short.video:hover, html.ie article.short.event:hover {
    background-color: #ee534f
}

article.short {
    position: relative;
    padding: 20px 0;
    /*clear: both;*/
    background-color: #fff;
    background-position: center bottom;
    background-image: url(../../images/line.jpg);
    background-size: 100% 1px;
    background-size: calc(100% - 40px) 1px;
    background-repeat: no-repeat;
}

article.short p.search_empty_result{
    padding: 50px;
    text-align: center;
    width: 100%;
    font-size: 24px;
}

article.short img{
    width: 80px;
}

article.short:last-child {
    background-image: none
}

@media only screen and (min-width: 960px) {
    article.short {
        width: 100%;
        float: left;
        clear: none
    }
}

@media only screen and (min-width: 1025px) {
    article.short {
        clear: both;
        width: 100%
    }
}

article.short:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: #ee534f;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(90deg, #ee534f 0%, #ef7766 100%);
    content: '';
    display: block;
    opacity: 0;
    transition: opacity .15s linear
}

article.short.no_hover:before {
    display: none !important
}

article.short.no_hover:hover, article.short.no_hover:active {
    color: inherit
}

article.short.no_hover:hover:before, article.short.no_hover:active:before {
    opacity: 0
}

article.short > * {
    z-index: 1
}

article.short header {
    padding: 0 20px;
    margin-bottom: 14px;
    position: relative
}

article.short header:before {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #ee534f;
    content: '';
    transition: background .15s linear
}

article.short .content {
    padding: 0 20px;
    z-index: 1;
    position: relative
}

article.short .inner {
    padding: 0 24px 20px
}

article.short h2, article.short .h2 {
    margin: 0;
    transition: color .15s linear
}

article.short p, article.short time {
    transition: color .15s linear
}

article.short .img, article.short .video, article.short .image {
    position: relative;
    margin-top: 14px
}

article.short .img:before, article.short .video:before, article.short .image:before {
    content: 'WIĘCEJ';
    display: block;
    text-align: center;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 50%;
    color: #fff;
    font-size: 1.6rem;
    line-height: 16px;
    font-weight: 600;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-top: 14px;
    margin-left: -10px !important;
    opacity: 0;
    transition: .15s linear
}

article.short .img:after, article.short .video:after, article.short .image:after {
    display: block;
    background-image: url(../../images/arrow.svg);
    width: 10px;
    height: 16px;
    background-size: 20px 16px;
    background-position: -10px center;
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    opacity: 0;
    margin-left: 32px !important;
    margin-top: -7px !important;
    transition: .15s linear
}

article.short .img img, article.short .video img, article.short .image img {
    display: block;
    transition: opacity .15s linear
}

article.short ul {
    position: relative
}

html.ie article.bgr:before {
    display: none
}

html.ie article.bgr:hover, html.ie article.bgr:active {
    background-color: #ee534f
}

article.bgr:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: #ee534f;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(90deg, #ee534f 0%, #ef7766 100%);
    content: '';
    display: block;
    opacity: 0;
    transition: opacity .15s linear
}

article.bgr:hover, article.bgr:active {
    color: #fff
}

article.bgr:hover:before, article.bgr:active:before {
    opacity: 1
}

article.icon:hover, article.icon:active, article.video:hover, article.video:active, article.event:hover, article.event:active, article.title_image:hover, article.title_image:active, article.related:hover, article.related:active, ul.count li:hover, ul.count li:active {
    color: #fff;
    background: 0 0
}

article.icon:hover i:after, article.icon:active i:after, article.video:hover i:after, article.video:active i:after, article.event:hover i:after, article.event:active i:after, article.title_image:hover i:after, article.title_image:active i:after, article.related:hover i:after, article.related:active i:after, ul.count li:hover i:after, ul.count li:active i:after {
    background-position: -36px center
}

article.icon:hover:before, article.icon:active:before, article.video:hover:before, article.video:active:before, article.event:hover:before, article.event:active:before, article.title_image:hover:before, article.title_image:active:before, article.related:hover:before, article.related:active:before, ul.count li:hover:before, ul.count li:active:before {
    opacity: 1
}

article.icon:hover ul.tags, article.icon:active ul.tags, article.video:hover ul.tags, article.video:active ul.tags, article.event:hover ul.tags, article.event:active ul.tags, article.title_image:hover ul.tags, article.title_image:active ul.tags, article.related:hover ul.tags, article.related:active ul.tags, ul.count li:hover ul.tags, ul.count li:active ul.tags {
    color: #fff
}

article.icon:hover header:before, article.icon:active header:before, article.video:hover header:before, article.video:active header:before, article.event:hover header:before, article.event:active header:before, article.title_image:hover header:before, article.title_image:active header:before, article.related:hover header:before, article.related:active header:before, ul.count li:hover header:before, ul.count li:active header:before {
    background-color: #fff
}

article.icon:hover .img:before, article.icon:hover .video:before, article.icon:hover .img:after, article.icon:hover .video:after, article.icon:active .img:before, article.icon:active .video:before, article.icon:active .img:after, article.icon:active .video:after, article.video:hover .img:before, article.video:hover .video:before, article.video:hover .img:after, article.video:hover .video:after, article.video:active .img:before, article.video:active .video:before, article.video:active .img:after, article.video:active .video:after, article.event:hover .img:before, article.event:hover .video:before, article.event:hover .img:after, article.event:hover .video:after, article.event:active .img:before, article.event:active .video:before, article.event:active .img:after, article.event:active .video:after, article.title_image:hover .img:before, article.title_image:hover .video:before, article.title_image:hover .img:after, article.title_image:hover .video:after, article.title_image:active .img:before, article.title_image:active .video:before, article.title_image:active .img:after, article.title_image:active .video:after, article.related:hover .img:before, article.related:hover .video:before, article.related:hover .img:after, article.related:hover .video:after, article.related:active .img:before, article.related:active .video:before, article.related:active .img:after, article.related:active .video:after, ul.count li:hover .img:before, ul.count li:hover .video:before, ul.count li:hover .img:after, ul.count li:hover .video:after, ul.count li:active .img:before, ul.count li:active .video:before, ul.count li:active .img:after, ul.count li:active .video:after {
    opacity: 1;
    margin: 0
}

article.icon:hover img, article.icon:active img, article.video:hover img, article.video:active img, article.event:hover img, article.event:active img, article.title_image:hover img, article.title_image:active img, article.related:hover img, article.related:active img, ul.count li:hover img, ul.count li:active img {
    opacity: .4
}

article.short.icon header {
    padding-left: 80px
}

article.short.icon header:before {
    height: 24px
}

article.short.icon ul.tags {
    padding-left: 60px
}

article.short.icon i {
    position: absolute;
    left: 24px
}

article.short.icon i.vid, article.short.icon i.video {
    top: -4px !important
}

article.short.video header {
    padding-right: 30%
}

article.short.video header ul.tags {
    position: absolute;
    top: 0;
    right: 20px;
    width: 30%
}

article.short.event time {
    margin-bottom: 14px;
    display: block
}

article.short.event p {
    margin: 0
}

article.related {
    background-position: center bottom;
    background-image: url(../../images/line.jpg);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    margin-bottom: 0;
    overflow: auto
}

article.related:last-child {
    background: 0 0
}

article.related header {
    padding: 20px 20px 0;
    margin-bottom: 20px;
    position: relative
}

article.related header:before {
    position: absolute;
    display: block;
    left: 0;
    top: 20px;
    width: 4px;
    height: 40px;
    background-color: #ee534f;
    content: '';
    transition: background .15s linear
}

article.related header i {
    position: absolute;
    left: 0
}

article.related header h2 {
    margin-top: 0;
    font-weight: 400
}

article.related header .row {
    position: relative;
    padding-left: 50px;
    min-height: 46px
}

article.related header .row h3 {
    font-size: 1.4rem;
    margin: 0 0 4px
}

article.related header .row .tags {
    margin: 0 !important
}

article.related header ul.tags {
    position: absolute;
    right: 24px;
    padding-left: 100px
}

article.related.icon header:before {
    height: 24px !important
}

.search_results {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.search_results article.related {
    background-position: center bottom;
    background-image: url(../../images/line.jpg);
    background-size: 100% 1px;
    background-size: calc(100% - 40px) 1px;
    background-repeat: no-repeat;
    background-size: auto 1px
}

.search_results article.related header {
    margin-bottom: 0
}

.search_results article.related header:before {
    height: 20px
}

.search_results article.advice header {
    padding-left: 0
}

.search_results article.advice header .row {
    padding-left: 24px
}

.search_results article.advice header p {
    padding-top: 14px
}

.search_results .btn {
    margin: 20px 0;
    padding-left: 24px
}

.search_results .btn span.collapse:after {
    position: relative;
    top: 3px;
    margin-left: 14px;
    width: 10px;
    height: 16px;
    background-image: url(../../images/arrow.svg);
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: -10px center;
    display: inline-block;
    content: '';
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.search_results .btn.active span:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 1px
}

.search_results .results_hidden {
    display: none
}

html.ie .search_results .btn span.collapse:after, html.no-svg .search_results .btn span.collapse:after {
    background-image: url(../../images/arrow_down.png);
    background-position: center;
    width: 20px;
    top: 2px
}

html.ie .search_results .btn.active span:after, html.no-svg .search_results .btn.active span:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 2px
}

article.title_image {
    background: 0 0;
    margin: 0;
    padding-bottom: 0
}

article.title_image h1 {
    color: #ee534f
}

article.title_image:hover h1, article.title_image:focus h1 {
    color: #fff
}

article.title_image:hover .btn, article.title_image:focus .btn {
    background-color: #444
}

article.title_image:hover .text, article.title_image:focus .text {
    opacity: 1
}

article.title_image .content:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #ee534f
}

article.title_image .btn {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px
}

article.title_image .text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(239, 83, 80, .8);
    color: #fff;
    padding: 14px 10px 0;
    line-height: 17px;
    opacity: 0;
    transition: .15s linear
}

html.ie article.title_image .text {
    background: url(../../images/red_alpha.png);
    display: none
}

html.ie article.title_image:hover, html.ie article.title_image:focus {
    background-color: #ee534f
}

html.ie article.title_image:hover .text, html.ie article.title_image:focus .text {
    display: block
}

article.log {
    min-height: 96px;
    padding-left: 24px;
    padding-bottom: 20px;
    margin: 0 0 20px;
    clear: both;
    background-image: url(../../images/line.jpg) !important;
    background-size: auto 1px !important;
    background-position: left bottom !important;
    background-repeat: no-repeat !important
}

article.log:last-child {
    margin: 0
}

article.log .before {
    margin-bottom: 10px
}

article.log header {
    margin-bottom: 14px;
    position: relative;
    width: 80%;
    float: left
}

article.log header:before {
    position: absolute;
    display: block;
    left: -24px;
    top: 31px;
    width: 4px;
    height: 20px;
    background-color: #ee534f;
    content: '';
    transition: background .15s linear
}

article.log i {
    float: left;
    position: absolute
}

article.log h2 {
    padding-left: 60px
}

article.log time.added {
    padding-right: 10px
}

article.log time.added:after {
    content: '|';
    position: relative;
    left: 10px
}

article.log time.seen {
    padding-left: 10px;
    color: #559627
}

article.log:hover, article.log:active {
    color: #444
}

article.log:hover i:after, article.log:active i:after {
    background-position: 0 center
}

article.log .btn {
    margin-right: 20px;
    margin-top: 20px;
    text-align: center;
    padding: 12px 20px
}

@media only screen and (min-width: 768px) {
    article.log .btn {
        float: right;
        padding: 12px 0;
        margin-right: 20px;
        width: calc(20% - 20px)
    }
}

article.cta1 {
    color: #fff;
    padding: 20px;
    display: none
}

@media only screen and (min-width: 1025px) {
    article.cta1 {
        display: block
    }
}

article.cta1 .content {
    padding: 12px 20px;
    background-color: #2e72a3
}

article.cta1:before {
    display: none
}

article.cta1 h1, article.cta1 .h1 {
    text-transform: none;
    font-size: 2.4rem;
    line-height: 22px
}

article.cta1 p {
    margin: 0
}

article.cta1 p a {
    text-decoration: underline
}

article.cta1.grey .content {
    background-color: #878787;
    border-bottom: 5px solid #2e72a3
}

article.cta2 {
    min-height: 196px;
    padding-left: 20px;
    padding-right: 20px
}

article.cta2:before {
    display: none
}

@media only screen and (min-width: 960px) {
    article.cta2 {
        width: 100%;
        margin-bottom: 20px
    }
}

article.cta2 img {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0
}

article.cta2 .content {
    padding-right: 164px;
    padding-left: 0;
    padding-bottom: 30px
}

article.cta2 .btn {
    margin-top: 30px;
    width: 50%
}

@media only screen and (min-width: 1025px) {
    article.cta2 .btn {
        width: 75%
    }
}

article.cta2.big .content {
    padding-top: 30px
}

article.no_bottom {
    padding-bottom: 0 !important
}

article.default {
    background-color: #fff;
    margin-bottom: 10px
}

article.default .inner {
    padding: 12px
}

article.facebook {
    padding: 0
}

article.facebook .fb_iframe_widget {
    width: 100% !important;
    height: auto
}

article.facebook iframe, article.facebook span {
    width: 100% !important
}

.home_videos article.video {
    display: none
}

.home_videos article.video:nth-child(1), .home_videos article.video:nth-child(2) {
    display: block
}

@media only screen and (min-width: 1025px) {
    .home_videos article.video {
        display: block
    }
}

.home_therapy article {
    min-height: 90px
}

@media only screen and (min-width: 1025px) {
    .home_therapy article {
        min-height: 0
    }
}

.home_therapy article.image {
    display: none
}

.home_therapy article.image:nth-child(1) {
    display: block
}

@media only screen and (min-width: 1025px) {
    .home_therapy article.image {
        display: block
    }
}

.home_calendar, .home_newsletter {
    display: none
}

@media only screen and (min-width: 1025px) {
    .home_calendar, .home_newsletter {
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .home_exercises_mobile {
        padding-left: 5px
    }
}

@media only screen and (min-width: 1025px) {
    .home_exercises_mobile {
        display: none;
        padding-left: 0
    }
}

.home_facebook {
    display: none
}

@media only screen and (min-width: 1025px) {
    .home_facebook {
        display: block
    }
}

ul.numbers, ul.square {
    font-size: 1.4rem;
    list-style: none;
    padding-top: 8px
}

ul.numbers li, ul.square li {
    padding-left: 32px;
    position: relative;
    line-height: 16px;
    margin-bottom: 14px
}

ul.numbers li:before, ul.square li:before {
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #897065
}

ul.numbers span, ul.square span {
    color: #2e72a3;
    font-weight: 500
}

ul.numbers span.big, ul.square span.big {
    font-size: 2rem;
    font-weight: 700
}

html.ie ul.count li:before {
    display: none
}

html.ie ul.count li:hover {
    background-color: #ee534f
}

html.ie ul.count li i.arrow, html.no-svg ul.count li i.arrow {
    background-image: url(../../images/arrow_aqua.png);
    background-repeat: no-repeat
}

html.ie ul.count li i.arrow:after, html.no-svg ul.count li i.arrow:after {
    display: none
}

html.ie ul.count li:hover i.arrow, html.ie ul.count li:focus i.arrow, html.no-svg ul.count li:hover i.arrow, html.no-svg ul.count li:focus i.arrow {
    background: 0 0
}

html.ie ul.count li:hover i.arrow:after, html.ie ul.count li:focus i.arrow:after, html.no-svg ul.count li:hover i.arrow:after, html.no-svg ul.count li:focus i.arrow:after {
    display: block
}

ul.count {
    font-size: 1.4rem;
    list-style: none
}

ul.count li {
    padding: 18px 24px 18px 40px;
    position: relative;
    line-height: 16px;
    counter-increment: step-counter;
    background-position: center bottom;
    background-image: url(../../images/line.jpg);
    background-size: 100% 1px;
    background-size: calc(100% - 40px) 1px;
    background-repeat: no-repeat
}

ul.count li:hover i.arrow, ul.count li:focus i.arrow, ul.count li:active i.arrow {
    background: 0 0
}

ul.count li:hover i.arrow:after, ul.count li:focus i.arrow:after, ul.count li:active i.arrow:after {
    opacity: 1
}

ul.count li i.arrow {
    width: 10px !important;
    display: block;
    background-image: url(../../images/arrow_aqua.svg);
    height: 16px;
    background-size: 10px 16px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px
}

ul.count li i.arrow:after {
    right: 0;
    opacity: 0;
    background-position: -10px 0
}

ul.count li:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: #ee534f;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(90deg, #ee534f 0%, #ef7766 100%);
    content: '';
    display: block;
    opacity: 0;
    transition: opacity .15s linear
}

ul.count li:after {
    content: counter(step-counter);
    top: 20px;
    left: 12px;
    font-size: 3.2rem;
    font-weight: 700;
    position: absolute;
    color: #897065
}

ul.count li span {
    position: relative;
    z-index: 1
}

ul.count li:hover:after {
    color: #fff
}

ul.count li:last-child {
    background: 0 0
}

article.calendar.alone {
    margin-bottom: 0
}

article.advice {
    position: relative;
    padding: 20px 0 10px
}

article.advice time {
    margin-bottom: 10px;
    display: block
}

article.advice .content {
    position: relative;
    padding: 0 20px
}

article.advice header {
    padding-top: 0
}

article.advice header:before {
    top: 0;
    height: 100%
}

article.advice header .row {
    padding-left: 0;
    min-height: 0
}

article.advice header .row h3 {
    margin: 0
}

article.advice .inner {
    padding: 40px 0 8px 14px;
    width: 100%;
    position: relative;
    z-index: 2
}

article.advice span {
    line-height: 19px
}

article.advice span.first {
    font-size: 1.8rem;
    font-weight: 700;
    display: block
}

article.advice span.second {
    font-size: 1.4rem;
    font-weight: 700;
    display: block
}

article.advice span.third {
    font-size: 1.2rem;
    padding: 7px 0;
    margin-top: 2px;
    background-color: rgba(255, 255, 255, .5);
    width: 100%;
    display: block
}

article.advice span.number {
    color: #2e72a3;
    font-weight: 900;
    font-size: 2.4rem
}

article.advice img {
    position: absolute;
    bottom: 0;
    right: -2px;
    width: auto;
    z-index: 0
}

article.bulletin p {
    margin-bottom: 24px
}

article.bulletin input {
    margin-bottom: 10px
}

article.bulletin .btn {
    display: block
}

article.event_item {
    position: relative;
    background-position: center bottom;
    background-image: url(../../images/line.jpg);
    background-size: 100% 1px;
    background-repeat: no-repeat
}

article.event_item:last-child {
    background: 0 0
}

article.event_item .content {
    padding: 0 20px 20px 24px
}

article.event_item header {
    padding: 20px 20px 0 24px;
    position: relative
}

article.event_item header h3 {
    font-size: 1.6rem;
    line-height: 18px
}

article.event_item header .day {
    float: right;
    color: #999
}

article.event_item p {
    position: relative;
    line-height: 16px
}

article.event_item .res {
    position: relative
}

article.event_item .res i {
    float: left;
    margin-right: 10px
}

article.event_item:hover, article.event_item:active {
    color: #fff
}

article.event_item:hover .res i:after, article.event_item:active .res i:after {
    background-position: -36px center
}

article.event_item:hover header .day, article.event_item:active header .day {
    color: #fff
}

form.register {
    font-size: 1.2rem;
    margin-bottom: 40px
}

form.register .box_title {
    margin-bottom: 20px
}

form.register .inner {
    padding: 0 20px
}

@media only screen and (min-width: 768px) {
    form.register .inner {
        padding: 0 125px
    }
}

@media only screen and (min-width: 960px) {
    form.register .inner {
        padding: 0 245px
    }
}

@media only screen and (min-width: 1025px) {
    form.register .inner {
        padding: 0 155px
    }
}

form.register .inner2 {
    padding: 0 20px;
    overflow: auto
}

@media only screen and (min-width: 768px) {
    form.register .inner2 {
        padding: 0 40px 0 125px
    }
}

@media only screen and (min-width: 960px) {
    form.register .inner2 {
        padding: 0 40px 0 245px
    }
}

@media only screen and (min-width: 1025px) {
    form.register .inner2 {
        padding: 0 60px 0 155px
    }
}

@media only screen and (min-width: 768px) {
    form.register .inner2 .half:first-child {
        width: 220px;
        float: left;
        padding-right: 5px
    }

    form.register .inner2 .half:first-child label {
        width: 100%
    }

    form.register .inner2 .half:first-child label a {
        padding-left: 0
    }
}

form.register .inner3 {
    overflow: auto;
    padding: 0 20px
}

form.register .inner3 .half label {
    margin-bottom: 0
}

form.register .inner3 .half:first-child {
    text-align: right
}

@media only screen and (min-width: 768px) {
    form.register .inner3 .half:first-child {
        padding: 0 5px 0 40px
    }
}

@media only screen and (min-width: 768px) {
    form.register .inner3 .half:last-child {
        padding: 0 105px 0 5px
    }
}

@media only screen and (min-width: 960px) {
    form.register .inner3 .half:last-child {
        padding: 0 225px 0 5px
    }
}

@media only screen and (min-width: 1025px) {
    form.register .inner3 .half:last-child {
        padding: 0 135px 0 5px
    }
}

form.register .half {
    overflow: auto
}

@media only screen and (min-width: 768px) {
    form.register .half input:first-child, form.register .half label:first-child {
        margin-right: 10px
    }
}

@media only screen and (min-width: 768px) {
    form.register .half input, form.register .half label {
        width: calc(50% - 5px);
        float: left
    }
}

form.register input, form.register label {
    margin-bottom: 10px
}

form.register textarea {
    min-height: 100px;
    margin-bottom: 10px
}

form.register button {
    width: auto;
    min-width: 160px;
    margin-bottom: 20px
}

form.register .address {
    margin-top: 12px;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    form.register .pricing .half {
        width: 50%;
        float: left;
        overflow: auto
    }

    form.register .pricing label {
        width: 100%;
        margin-bottom: 0
    }

    form.register .pricing input {
        width: 100%;
        max-width: 220px;
        margin-bottom: 20px
    }
}

form.register .price {
    font-weight: 700;
    padding: 30px 0 10px
}

form.register .price .netto {
    color: #2e72a3
}

form.register .low label {
    width: auto;
    min-width: 60px
}

form.register .confirm .btn {
    margin-bottom: 10px;
    margin-left: 20px
}

form.register .confirm .col {
    width: 100%;
    font-size: 1.4rem
}

form.register .confirm .col:last-child {
    font-weight: 700;
    margin-bottom: 14px
}

@media only screen and (min-width: 768px) {
    form.register .confirm .col {
        float: left
    }

    form.register .confirm .col:first-child {
        width: 30%
    }

    form.register .confirm .col:last-child {
        width: 70%
    }
}

.box.edit_account {
    padding: 40px;
    margin-bottom: 40px
}

.box.edit_account h1 {
    color: #ee534f;
    font-size: 1.6rem
}

.box.edit_account input {
    margin-bottom: 10px
}

.box.edit_account button {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .box.edit_account .half {
        width: 50%;
        float: left
    }

    .box.edit_account .half:first-child {
        padding-right: 20%;
        background-image: url(../../images/line_vertical.jpg);
        background-repeat: no-repeat;
        background-position: right top;
        min-height: 300px
    }

    .box.edit_account .half:last-child {
        padding-left: 40px
    }
}

.box.edit_account .archive_table .row > div:first-child {
    width: 30%;
    float: left;
    text-align: right
}

.box.edit_account .archive_table .row > div:last-child {
    width: 70%;
    float: left;
    padding-left: 20px
}

.box.edit_account p.underline {
    background-position: center bottom;
    background-image: url(../../images/line.jpg);
    background-size: 100% 1px;
    background-size: calc(100% - 40px) 1px;
    background-repeat: no-repeat;
    background-size: auto 1px;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.box.log .inner {
    padding: 0 24px
}

.box.log .inner2 {
    padding: 24px;
    overflow: auto;
    background-image: url(../../images/line.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .box.log .inner2 {
        padding: 30px 24px 10px 40px
    }
}

.box.log textarea {
    max-width: 460px;
    min-height: 150px;
    margin: 40px 0 20px
}

.box.log .btns {
    padding: 0 24px
}

.box.log .btns .btn {
    width: 100%;
    display: block;
    padding: 12px 0;
    text-align: center;
    margin-bottom: 2px
}

@media only screen and (min-width: 768px) {
    .box.log .btns .btn {
        width: auto;
        display: inline-block;
        float: left;
        margin-right: 4px;
        padding: 12px 10px
    }
}

@media only screen and (min-width: 1025px) {
    .box.log .btns .btn {
        padding: 12px 18px
    }
}

@media only screen and (min-width: 768px) {
    .box.log .btns button {
        float: right !important;
        margin: 0 !important;
        padding: 12px 36px 12px 26px !important
    }
}

@media only screen and (min-width: 768px) {
    .box.log .info {
        width: 65%;
        float: left;
        padding-right: 20px
    }
}

.box.log .info h1 {
    color: #ee534f
}

.box.log .info p {
    margin-bottom: 10px;
    overflow: auto;
    display: block
}

.box.log .info p .link a {
    color: #2e72a3;
    text-decoration: underline;
    clear: both;
    display: inline-block
}

@media only screen and (min-width: 1025px) {
    .box.log .info p .link a {
        float: right;
        clear: none
    }
}

.box.log .info p .name {
    font-weight: 700
}

.box.log .info p .email {
    font-weight: 700;
    padding-left: 10px
}

.box.log .info p .email:before {
    content: '|';
    position: relative;
    left: -6px
}

.box.log .actions .btn {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .box.log .actions {
        width: 35%;
        float: left
    }
}

form.doctor_card textarea {
    margin-bottom: 10px;
    min-height: 120px
}

form.doctor_card .col {
    min-height: 1px
}

form.doctor_card img {
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    form.doctor_card .col {
        float: left
    }

    form.doctor_card .col:nth-child(1) {
        width: 15%
    }

    form.doctor_card .col:nth-child(2) {
        width: 65%;
        padding: 0 20px 0 10px
    }

    form.doctor_card .col:nth-child(3) {
        width: 20%
    }
}

form.doctor_card fieldset.working_hours {
    border: none;
    padding: 0;
    display: none
}

form.doctor_card fieldset.working_hours .blue {
    color: #2e72a3;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px 0
}

form.doctor_card fieldset.working_hours .input {
    position: relative;
    margin-bottom: 10px
}

form.doctor_card fieldset.working_hours .input span {
    position: absolute;
    top: 10px;
    left: 12px;
    background-color: #fff
}

form.doctor_card fieldset.working_hours .input input {
    margin: 0;
    text-align: right;
    height: 38px;
    line-height: 38px
}

form.doctor_card label.agree {
    font-size: 1.2rem;
    margin: 20px 0
}

form.doctor_card .btns {
    margin-top: 20px
}

form.doctor_card .btns .btn {
    width: auto;
    padding: 16px 24px
}

form.doctor_card .btns button {
    float: right
}

.box .text img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: block
}

.box .text ul {
    list-style: none;
    margin-bottom: 20px
}

.box .text ul li {
    position: relative;
    padding-left: 14px;
    line-height: 22px
}

.box .text ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #897065
}

.box .text ul li ul {
    margin-top: 4px
}

.box .text p a {
    text-decoration: underline;
    color: #2e72a3
}

html.no-svg section.related .trigger_collapse span:after, html.ie section.related .trigger_collapse span:after {
    background-repeat: no-repeat;
    background-image: url(../../images/arrow_down.png);
    width: 20px;
    height: 11px;
    background-size: 20px;
    background-position: center;
    top: 1px
}

html.no-svg section.related .trigger_collapse.active span:after, html.ie section.related .trigger_collapse.active span:after {
    top: 1px
}

section.related p.title {
    color: #ee534f;
    font-weight: 600;
    padding: 10px 0 10px 10px;
    margin: 0
}

section.related article {
    min-height: 82px
}

section.related article header:before {
    height: 20px
}

section.related .trigger_collapse {
    display: block;
    background-color: #2e72a3;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.6rem;
    padding: 12px
}

section.related .trigger_collapse span:after {
    position: relative;
    top: 3px;
    margin-left: 14px;
    width: 10px;
    height: 16px;
    background-image: url(../../images/arrow.svg);
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: -10px center;
    display: inline-block;
    content: '';
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

section.related .trigger_collapse.active span:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 1px
}

section.related .content {
    display: none
}

@media only screen and (min-width: 768px) {
    section.related .three {
        width: 33.33333%;
        float: left;
        border-right: 1px solid #c4b7b2
    }

    section.related .three:last-child {
        border: none
    }
}

section.doctor {
    position: relative;
    overflow: auto;
    padding: 10px 0;
    margin-bottom: 20px
}

section.doctor.small_offset {
    padding: 0 20px
}

section.doctor.small_offset:before, section.doctor.small_offset:after {
    display: none
}

section.doctor:before, section.doctor:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    background-image: url(../../images/line.jpg);
    background-position: center;
    background-size: auto 1px;
    background-repeat: no-repeat;
    width: 100%;
    height: 1px
}

section.doctor:before {
    top: 0
}

section.doctor:after {
    bottom: 0
}

section.doctor img {
    width: 20% !important;
    margin: 0 !important;
    float: left
}

section.doctor .content {
    width: 80%;
    float: left;
    padding: 56px 0 0 20px
}

section.doctor h1 {
    color: #ee534f;
    margin: 0 !important
}

section.doctor p {
    margin: 0
}

.box.related .text {
    padding-bottom: 10px
}

.box.related p.title {
    margin: 0 !important
}

@media only screen and (min-width: 768px) {
    .box.cta_login .two {
        width: 50%;
        float: left;
        min-height: 312px
    }

    .box.cta_login .two:first-child {
        padding-right: 30px;
        background-image: url(../../images/line_vertical.jpg);
        background-repeat: no-repeat;
        background-position: right top
    }

    .box.cta_login .two:last-child {
        padding-left: 30px
    }
}

.box.cta_login .btn {
    margin-bottom: 20px
}

.box.cta_login form {
    padding-top: 44px
}

.box.cta_login form a {
    font-size: 1.2rem;
    font-weight: 500
}

.box.cta_login form input {
    margin-bottom: 10px
}

.box.cta_login form button {
    width: auto;
    margin-top: 22px
}

.box.cta_login p.strong, .box.cta_login ul.numbers li {
    margin-bottom: 0
}

section.about {
    padding: 20px 0
}

section.about .inner {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    section.about .inner {
        padding: 0 30px
    }
}

section.about h1 {
    color: #ee534f;
    position: relative;
    padding-bottom: 10px
}

section.about h1:after {
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 22px;
    display: block;
    content: '';
    background-color: #2e72a3
}

section.about p {
    line-height: 16px
}

section.about .three {
    margin-bottom: 20px;
    overflow: auto;
}

section.about .three a{
   font-weight:bold;
}

@media only screen and (min-width: 960px) {
    section.about .three {
        width: 33.33333%;
        float: left;
        padding: 10px 20px 0
    }
}

section.about .border {
    overflow: auto;
    border-left: 4px solid #ee534f
}

.border_top {
    background-position: center top;
    background-image: url(../../images/line.jpg);
    background-size: 312px 1px;
    background-repeat: no-repeat;
    padding-top: 20px
}

article.about {
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
    min-height: 340px;
    padding-bottom: 20px;
    position: relative
}

article.about img.bgr {
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    article.about img.bgr {
        float: right;
        width: 50%;
        position: absolute;
        right: 0
    }
}

@media only screen and (min-width: 960px) {
    article.about img.bgr {
        width: auto
    }
}

article.about ul li {
    line-height: 20px;
    margin-bottom: 0
}

article.about h2 {
    position: relative;
    padding-left: 24px;
    padding-top: 20px;
    margin: 0
}

article.about h2:before {
    position: absolute;
    display: block;
    left: 0;
    top: 20px;
    width: 4px;
    height: 20px;
    background-color: #ee534f;
    content: '';
    transition: background .15s linear
}

article.about .inner {
    padding: 20px 20px 0
}

@media only screen and (min-width: 768px) {
    article.about .inner {
        position: relative;
        z-index: 1;
        padding: 20px 44% 0 24px
    }

    article.about .inner.clearfix {
        padding-right: 24px
    }
}

@media only screen and (min-width: 960px) {
    article.about .inner.clearfix {
        margin-top: 48px
    }
}

.search_filters ul {
    list-style: none
}

.search_filters ul li {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 12px
}

.search_filters ul li .checkbox {
    padding-top: 10px
}

.search_filters ul li .checkbox i {
    float: left;
    display: inline-block;
    top: -10px
}

.search_filters ul li .checkbox span {
    padding: 0 0 0 10px;
    position: static
}

.search_filters ul li .checkbox span:before {
    top: 14px;
    left: 0
}

.search_filters ul li .checkbox span:after {
    top: 16px;
    left: 2px
}

.search_filters .two {
    padding: 20px 20px 0
}

@media only screen and (min-width: 768px) {
    .search_filters .two {
        width: 50%;
        float: left
    }

    .search_filters .two:first-child {
        background-position: right center;
        background-image: url(../../images/line_vertical.jpg);
        background-size: 1px auto;
        background-repeat: no-repeat
    }

    .search_filters .two:first-child ul {
        padding-left: 60px
    }

    .search_filters .two:last-child {
        padding-left: 40px
    }
}

ul.results li {
    display: block;
    clear: both
}

ul.results li span {
    display: block;
    width: 50%;
    float: left
}

@media only screen and (min-width: 768px) {
    ul.results li span {
        min-height: 54px
    }
}

ul.results li span:first-child {
    text-align: right;
    line-height: 38px
}

ul.results li span:last-child {
    color: #2e72a3;
    font-size: 2.4rem;
    padding-left: 20px
}

section.check_filters {
    padding: 0 14px
}

section.check_filters label {
    padding: 10px 0
}

section.check_filters label span:before {
    top: 4px !important
}

section.check_filters label span:after {
    top: 6px !important
}

article.chat {
    background-image: url(../../images/bgr_chat.jpg);
    background-size: cover;
    background-position: center top;
    border-bottom: 4px solid #ee534f;
    min-height: 204px;
    overflow: auto;
    color: #fff
}

article.chat .text {
    width: 65%;
    float: right;
    padding: 40px 24px;
    text-transform: uppercase;
    font-size: 1.7rem;
    line-height: 18px;
    font-weight: 600
}

article.chat .btns {
    padding: 0 14px
}

@media only screen and (min-width: 768px) {
    form.contact .two {
        width: 50%;
        float: left
    }

    form.contact .two:first-child {
        padding-right: 5px
    }

    form.contact .two:last-child {
        padding-left: 5px
    }
}

form.contact input {
    margin-bottom: 10px
}

form.contact textarea {
    min-height: 190px
}

form.contact button {
    width: auto;
    min-width: 160px;
    margin-top: 10px
}

.container.login .wrap {
    position: relative
}

.container.login .logo {
    z-index: 10;
    position: absolute;
    top: 24px
}

.container.login img.bgr {
    z-index: 0
}

@media only screen and (min-width: 768px) {
    .container.login img.bgr {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto
    }
}

.container.login .text {
    position: relative;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .container.login .text {
        width: 50%;
        padding: 240px 0 0
    }
}

.container.login .form {
    position: relative;
    z-index: 1;
    margin: 20px 0
}

@media only screen and (min-width: 960px) {
    .container.login .form {
        padding: 0 120px
    }
}

.container.login h1 {
    color: #ee534f;
    margin-bottom: 30px
}

.container.login input {
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .container.login form input, .container.login form button {
        margin-top: 10px
    }

    @media only screen and (min-width: 768px) {
        .container.login form input, .container.login form button {
            width: calc(33.33333% - 10px);
            float: left;
            margin: 0 5px
        }
    }
}

.container.patient {
    background-size: 150%;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 20px !important
}

@media only screen and (min-width: 768px) {
    .container.patient {
        background-image: url(../../images/bgr_patient.jpg)
    }
}

@media only screen and (min-width: 1025px) {
    .container.patient {
        background-attachment: fixed;
        background-size: auto
    }
}

.container.patient header.subpage p {
    min-width: 210px
}

.container.patient .box:last-child {
    margin-bottom: 60px !important
}

.container.patient article {
    background-size: auto 1px;
    background-position: 20% bottom
}

.container.patient .half_height {
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .container.patient .half_height {
        height: 28px;
        margin-bottom: 0
    }
}

article.note {
    padding: 14px 0 0
}

article.note .text {
    padding: 4px 20px 0
}

article.note p {
    margin-bottom: 12px
}

article.intro {
    border-left: 4px solid #ee534f;
    overflow: hidden;
    padding: 20px
}

article.intro p {
    font-size: 1.6rem
}

article.intro .title {
    color: #444;
    text-transform: none;
    font-size: 2.4rem;
    margin-top: 0
}

article.intro .end {
    color: #ee534f;
    font-weight: 700;
    margin: 0 0 10px
}

form.note textarea {
    min-height: 140px;
    margin-bottom: 10px
}

form.note button {
    width: auto;
    display: inline-block;
    min-width: 150px
}

html.no-svg section.scenario_preview .thumbnails .thumb img, html.ie section.scenario_preview .thumbnails .thumb img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border: none
}

section.scenario_preview {
    background-position: center bottom;
    background-image: url(../../images/line.jpg);
    background-size: auto 1px;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    margin-bottom: 30px;
    overflow: auto
}

section.scenario_preview .preview {
    width: 27%;
    float: left;
    padding-right: 14px
}

section.scenario_preview .preview .thumb {
    border: 1px solid #878787
}

section.scenario_preview .preview img {
    display: block
}

section.scenario_preview .thumbnails {
    width: 73%;
    float: left
}

section.scenario_preview .thumbnails .thumb {
    display: block;
    width: 46%;
    padding-bottom: 46%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    cursor: pointer;
    height: 0;
    position: relative;
    border: 1px solid #878787;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    section.scenario_preview .thumbnails .thumb {
        width: 18%;
        padding-bottom: 18%;
        margin-right: 2%;
        margin-bottom: 2%
    }
}

section.scenario_preview .thumbnails .thumb.active, section.scenario_preview .thumbnails .thumb:hover {
    border-color: #ee534f
}

section.scenario_preview .thumbnails .thumb img {
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

section.scenario_preview .btns {
    clear: both;
    text-align: right;
    float: none;
    display: block;
    width: 100%;
    padding-top: 30px
}

section.scenario_preview .btns .btn.download {
    float: left;
    width: auto;
    display: inline-block;
    min-width: 150px
}

section.scenario_preview .btns .add_btn {
    color: transparent;
    margin-top: 7px
}

section.scenario_preview .btns .mail_btn {
    color: transparent;
    margin-top: 7px;
    position: relative;
    top: -2px
}

section.scenario_listing .three {
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
    section.scenario_listing .three {
        width: 33.33333%;
        float: left
    }

    section.scenario_listing .three:nth-child(1) {
        padding-right: 20px
    }

    section.scenario_listing .three:nth-child(2) {
        padding: 0 10px
    }

    section.scenario_listing .three:nth-child(3) {
        padding-left: 20px
    }

    section.scenario_listing .three:nth-child(3n+1){
        clear: both;
    }
}

section.scenario_listing .title {
    color: #444;
    margin-bottom: 14px
}

section.scenario_listing .thumb {
    text-align: center
}

section.scenario_listing img {
    width: auto;
    max-width: 100%;
    border: 1px solid #878787;
    display: inline-block;
    margin-bottom: 10px
}

section.scenario_listing .download {
    margin-bottom: 14px
}


.speech_known .imageUpload div {

    position: relative;
    top: 0px;
    overflow: hidden;
    margin: 0px 10px 10px 10px;
    border: 1px solid #999;
    padding: 5px 5px 0 5px;
    text-align: center;
    cursor: pointer;
}

.speech_known .imageUpload div span {

    font-size: 11px;
}

.speech_known .imageUpload div img {

    /*padding: 15px;*/

}

label.imageUpload input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.speech_known .imageUpload div:hover {

    opacity: 0.4;

}

.speech_known input {

    width: 100%;

}

.speech_known textarea {

    width: 100%;
    height: 150px;

}

.speech_known .left_column {

    float: left;
    width: 20%;

}

.speech_known .left_column .avatar {
    width: 100%;
}

.speech_known .center {

    display: inline-block;
    width: 50%;
    padding: 0 20px;

}

.speech_known .right_column {

    float: right;
    width: 30%;

}

.speech_known label.checkbox{
    overflow: visible !important;
}

.speech_known label[for='check1'] span {

    font-size: 14px;

}

.speech_known .header1 {

    color: #3674A7;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.speech_known .office_hours {

    margin: 30px 0 20px 0;
    padding-left:10px;
    position: relative;
}

.speech_known .office_hours input {
    width: 75%;
    float: left;
}

.speech_known .office_hours span{
    width: 15%;
    float: left;
    padding-top: 15px;
}

.speech_known .office_hours span.office_hours_label{
    width: 10%;
    float: left;
    padding-left: 5px;
}

.speech_known .office_hours_field {

    width: 100px;
    height: 30px;
    padding: 0 5px;
    float: left;
}

.speech_known .office_hours input:-moz-placeholder {

    color: grey;

}

.speech_known .office_hours_div_active {

    border: 1px solid #999;
    width: 130px;
    height: 30px;
    margin-bottom: 10px;
    padding: 0 3px;
    float: left;
}

.speech_known .not_active {

    width: 130px;
    margin: 0;
    float: left;
}

.speech_known .office_hours_field_active {

    width: 55px;
    height: 20px;
    border: none;
    margin: 5px 0 0 0.5px;
    padding: 0 10px;
}

.speech_known label[for='check2'] {
    margin: 10px 0 10px 0;
}

.speech_known label[for='check2'] span {

    font-size: 12px;
    line-height: 0.5cm;

}

.speech_known .button {

    display: inline-block;
    text-align: center;
    width: 100%;
}

.speech_known .button a {

    margin-right: 40px;
    width: 25%;
}

.speech_known .button button{
    margin-left: 40px;
    width: 25%;
}

.speech_known .button input{
    margin-left: 40px;
    width: 25%;
}

.speech_known label.checkbox_isvisible {
    margin: 20px 0;
    padding-left: 3px;
    display: block;
}

.speech_known .checkbox_isvisible input{
    width: 20px;
}

@media only screen and (max-width: 767px) {

    .speech_known{
        text-align: center;
    }

    .speech_known .left_column {
        width: 100%;
    }

    .speech_known .left_column .avatar{
        width: 100px;
    }

    .speech_known .center {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .speech_known .center input, .speech_known .center textarea{
        width: 100%;
    }

    .speech_known .right_column
    {
        float:left;
        width: 100%;
        margin-top: 20px;
    }

    /*.speech_known .right_column label.checkbox{*/
        /*overflow: visible !important;*/
    /*}*/

    .speech_known .right_column .office_hours{
        padding: 0 10px 0 10px;
    }

    .speech_known .right_column .office_hours span{
        float: left;
        padding-top: 15px;
        width: 20%;
    }

    .speech_known .right_column input{
        width: 80%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

form.speech_known_search {
    background-color: #ee534f;
    padding: 14px;
    margin: 0 0 10px;
    border: none;
    border-radius: 0;
    color: #FFFFFF;
    text-align: center;
}

form.speech_known_search input {
    height: 38px;
    line-height: 38px;
    border: 1px solid #fff;
    background: 0 0;
    padding: 0 42px 0 10px;
    color: #ffffff;
    font-size: 1.6rem;
    font-style: italic;
    font-weight: 500;
    width: 35%;
    margin: 0 10px 0 0;

}

#speech_known_search {

    text-align: center;
    color: white;
    padding: 25px;
}

#speech_known_search h1 {

    margin-bottom: 15px;

}

#speech_known_search input {

    width: 35%;
    margin-right: 10px;
}

#speech_known_search button {

    width: 5%;
    height: 38px;
    border: 1px solid white;
    top: 62px;
    right: 70px;
}

.speech_known_record {

    padding-left: 0px;

}

.speech_known_record .col{
    padding: 0 15px;
}

article.speech_known_record:before{
    content: '';
    display: none;
}

.speech_known_record .data {

    display: table;
    line-height: 1em;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}

.speech_known_record .data .one {

    display: table-cell;
    padding-right: 10px;
    text-align: right;
    width: 175px;
}

.speech_known_record .data .two {

    display: table-cell;
    font-weight: bold;
    padding-left: 10px;
    width: 200px;
}

.speech_known_record .data .row {

    display: table-row;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 768px) {
    .speech_known_record .data {

        padding-left: 40px;
        float: left;
        line-height: 1em;
        margin-top: 60px;
        width: 70%;
    }

    .speech_known_record .data .one {

        text-align: left;
        float: left;
        width: 130px;
        text-align: right;
    }

    .speech_known_record .data .two {

        float: left;
        font-weight: bold;
        width: 200px;
        text-align: left;
    }

    .speech_known_record .data .row {

        clear: both;
    }
}

.speech_known_record .data p {

    margin-left: 20px;

}

.speech_known_record .officehours {

    float: left;
    padding: 2em;
    position: relative;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width: 768px) {

    .speech_known_record .officehours{
        float: right;
        padding-right: 2em;
        top: -80px;
        position: relative;
        width: 30%;
    }
}

.speech_known_record .officehours .header h1 {

    color: #EF4F57;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
}

.speech_known_record .officehours .container_days{

    margin-top:30px;

}


.speech_known_record .officehours .day {

    border: 1px solid #9A9A9A;
    padding: 8px;
    margin-bottom: 8px;
    width: 140px;
    margin-left: auto;
    margin-right: auto;
}

.speech_known_record .officehours .header h1{
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .speech_known_record .officehours .day {

        border: 1px solid #9A9A9A;
        padding: 8px;
        margin-bottom: 8px;
        width: 140px;
    }
}

.speech_known_record .officehours .day .day_name {

    color: grey;
    margin: 0 5px;
}

.speech_known_record header {

    height: 80px;
    width: 100%;
    margin: 0;
}

.speech_known_record header div {

    text-align: center;
    width: 100%;
}

.speech_known_record header .name {

    color: #EE534F;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

@media only screen and (min-width: 768px) {

    .speech_known_record header {

        height: 80px;
        width: 60%;
        margin: 0;
    }

    .speech_known_record header div {

        padding-left: 40px;
        float: left;
        width: 130px;
    }

    .speech_known_record header .name {

        color: #EE534F;
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        left: 10px;
        top: 65px;
        position: relative;
        text-align: left;
        width: 200px;
    }

}

#message .article {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: white;
    text-align: center;
    padding: 30px;
    font-size: 1em;
    border-radius: 6px;
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 80%;
    overflow: auto;
    width: 40%;
    min-width: 680px;
    min-height: 600px;
}

#message .article img.close {
    top: 0;
    right: 0;
    position: absolute;
    cursor: pointer;
    margin: 5px;
    width: 20px;
}

.message_info_alert{
    background-color: #ee534f;
    padding: 20px;
    color: white;
    font-size: 1.2em;
    border-radius: 5px;
    opacity: 0.8;
}

.add_event_calendar input, textarea{
    margin-bottom: 10px;
}

.add_event_calendar div{
    width: 50%;
    padding: 25px;
    float: left;
}

.fm-width-100 {
    width: 100% !important;
}

.terms-agreement-info{
    font-size:12px;
}

.openx_zone img {
    margin: 0 auto;
    display: block;
}
/* Slider */
.slick-slider
{
	position: relative;

	display: block;

	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list
{
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;

	display: block;
}
.slick-track:before,
.slick-track:after
{
	display: table;

	content: '';
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img
{
	display: block;
}
.slick-slide.slick-loading img
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;

	height: auto;

	border: 1px solid transparent;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('.././ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('.././fonts/slick.eot');
    src: url('.././fonts/slick.eot?#iefix') format('embedded-opentype'), url('.././fonts/slick.woff') format('woff'), url('.././fonts/slick.ttf') format('truetype'), url('.././fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

a img {
    border: none;
}

a {
    cursor: pointer;
}

ul.form_error {
    color: #ee534f;
    list-style-type: none;
}

video {
    width: 100%;
    padding: 10px;
}

img, img.toggle {
    width: auto;
}

article.short .img img, article.short .video img {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    header.main form [type='text'], header.main form #email, header.main form [type='password'] {
        width: 152px;
        margin-left: 8px;
        margin-bottom: 6px;
    }

    header.main form [type='text']:first-child, header.main form #email:first-child, header.main form [type='password']:first-child {
        margin-left: 0;
    }
}

@media only screen and (min-width: 960px) {
    header.main form [type='text'], header.main form #email, header.main form [type='password'] {
        width: 192px;
    }
}

@media only screen and (min-width: 1025px) {
    .grid.grid1 .col {
        float: left;
    }

    .grid.grid1 .col:nth-child(2n-1) {
        clear: left;
    }
}

@media only screen and (min-width: 768px) {
    form.register .half input[type='text'], form.register .half input[type='email'], form.register .half input[type='password'], form.register .half label {
        width: calc(50% - 5px);
        float: left;
    }
}

form.register input[type='text'], form.register input[type='email'], form.register input[type='password'], form.register label {
    margin-bottom: 10px;
}

header.main .logo, header.patient .logo, .container.login .logo {
    background-color: white;
    text-indent: 0;
    overflow: visible;
}

@media only screen and (min-width: 768px) {
    header.main .logo {
        width: 260px;
        height: 105px;
    }
}

header.main .logo img {
    width: 100%;
}

header.main .text-right {
    float: inherit;
}

span.status {
    color: #ee534f;
}

div.lead {
    color: #999;
    font-weight: 600;
}

form.default label.radio input, form.default label.checkbox input {
    visibility: visible;
}

.zaburzenia-box {
    width: 100%;
    margin-bottom: 20px;
    float: right;
    clear: none;
    overflow: hidden;
    margin-right: 6px;
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    .zaburzenia-box {
        width: 49%;
    }
}

.pagination a.active {
    background-color: #be4546;
}

.pagination a.disabled {
    cursor: not-allowed;
}

header.main ul.ul-top li a {
    padding: 0 10px;
    line-height: 85px;
}

header.main p {
    margin: -20px 0;
    padding-top: 20px;
}

header.main .ul-top ul.ul-top {
    float: right;
}

header.main ul.ul-top .contact:before {
    top: 35px;
}

header ul.tags {
    width: 60% !important;
}

#message img.loading {
    position: fixed;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 9999;
}

#message #background {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: silver;
    opacity: .3;
    filter: alpha(opacity=30);
}

#message .alert {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: white;
    text-align: center;
    padding: 30px;
    font-size: 20px;
    border-radius: 6px;
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 80%;
    overflow: auto;
}

#message .alert img.close {
    top: 0;
    right: 0;
    position: absolute;
    cursor: pointer;
    margin: 5px;
    width: 20px;
}

.text p img {
    display: inline-block !important;
}

.price {
    margin-left: 30px;
}

.footer .logo img {
    padding: 10px;
}

.my-account .box textarea {
    max-width: inherit;
    margin: 0;
}

section.scenario_listing .three {
    padding: 2px !important;
    margin: 0 !important;
}

section.scenario_listing .title {
    min-height: 70px;
    margin: 0;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-20 {
    padding-top: 20px;
}

.archive_table {
    margin: 30px 0;
}

.float-left {
    float: left;
}

.img-author {
    width: 140px;
    margin: 10px;
}

table {
    width: 100%;
    text-align: center;
}

table thead {
    background-color: #e5e6e8;
    text-align: center;
    border-right: 2px solid #fff !important;
}

table td, table th {
    padding: 8px;
    font-weight: normal;
}

table tbody td {
    margin: 0;
    border-right: 2px solid #e5e6e8;
    border-bottom: 2px solid #e5e6e8;
}

table tbody {
    border-collapse: collapse;
    border-spacing: 0;
    border-right: 2px solid #e5e6e8;
}

.red {
    color: #ee534f;
}

tbody tr:hover {
    background-color: silver;
}

th.sort-header::-moz-selection {
    background: transparent;
}

th.sort-header::selection {
    background: transparent;
}

th.sort-header {
    cursor: pointer;
}

th.sort-header::-moz-selection,
th.sort-header::selection {
    background: transparent;
}

table th.sort-header:after {
    content: '';
    float: right;
    margin-top: 7px;
    border-width: 0 4px 4px;
    border-style: solid;
    border-color: #404040 transparent;
    visibility: hidden;
}

table th.sort-header:hover:after {
    visibility: visible;
}

table th.sort-up:after,
table th.sort-down:after,
table th.sort-down:hover:after {
    visibility: visible;
    opacity: 0.4;
}

table th.sort-up:after {
    border-bottom: none;
    border-width: 4px 4px 0;
}

.float-right {
    float: right;
}

@media only screen and (min-width: 1025px) {
    nav.navigation ul > li:hover > ul li, nav.navigation ul > li.hover > ul li, nav.navigation ul > li:active > ul li, nav.navigation ul > li:focus > ul li, nav.navigation ul > li.visible > ul li {
        width: 170px;
    }

    nav.navigation [data-level] {
        margin-left: 170px;
    }

    nav.navigation [data-level='1'] {
        margin-left: 171px;
    }

}

nav.navigation [data-level='0'] {
    padding-top: 1px;
    margin-left: 0;
    top: initial !important;
}

nav.navigation [data-level] a {
    background: rgb(239, 83, 80);
}

@media print {
    header.main.desktop div.wrap.inner, nav.navigation, .right {
        display: none !important;
    }
}

a[rel^=prettyPhoto] {
    display: inline-block;
    margin: 2px;
}

a[rel^=prettyPhoto] img {
    border: 1px solid silver;
}

a[rel^=prettyPhoto] img:hover {
    border: 1px solid black;
}

.btns form {
    display: inline-block;
}

.btns form button, .row.actions button {
    background-color: white;
}

form.default label.radio input, form.default label.checkbox input {
    top: inherit;
    left: inherit;
}

.link {
    text-decoration: underline;
    color: #ee534f;
}

.link:hover {
    color: #be4546;
}

article.log header {
    width: 60%;
}

#noticeSubscribers .alert {
    position: fixed;
    top: 45%;
    left: 50%;
    background-color: white;
    text-align: center;
    padding: 0px;
    font-size: 20px;
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    overflow: auto;
    width: auto;
    margin-bottom:30px;

}



#noticeSubscribers #background {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: black;
    opacity: .7;
    overflow:hidden;
    /*-webkit-filter: blur(5px);*/
    /*-moz-filter: blur(5px);*/
    /*-o-filter: blur(5px);*/
    /*-ms-filter: blur(5px);*/
    /*filter: blur(5px);*/
}

#noticeSubscribers .header {

    background-color: #EE534F;
    width: 100%;
    height: 60px;
    text-align: left;
    color: white;
    padding: 20px 35px;
    font-weight: 800;

}

#noticeSubscribers .content {

    padding: 35px;
    font-weight: 500;
    text-align: left;
    line-height: 0.8cm;
    color: black;
}

#noticeSubscribers .list h3 {

    color: #E95057;
    font-size: 20px;
    font-weight: 700;
    margin:10px 0;
}

#noticeSubscribers .list ul li {

    color: black;
    font-size: 16px;
    list-style: none;
    padding-left: 1em;
    text-indent: -.7em;
    line-height: 0.6cm;
}

#noticeSubscribers .list ul li:before {

    color: black;
    font-size: 20px;
    content: "• ";
    color: red;

}

#noticeSubscribers .button {

    background-color: #EE534F;
    color: white;
    padding:8px;
    margin:50px auto 0 auto;
    width:350px;
    text-align:center;
    text-transform: uppercase;
}

#noticeSubscribers .alert img.close {
    top: 0;
    right: 0;
    position: absolute;
    cursor: pointer;
    margin: 5px;
    width: 20px;
}


.blbody {

    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);


}



@media only screen and (max-width: 768px) {

    #noticeSubscribers .alert {
        position: fixed;
        top: 45%;
        left: 50%;
        text-align: center;
        font-size: 14px;
        overflow: auto;
        width: 90%;

    }

    #noticeSubscribers .header {

        background-color: #EE534F;
        width: 100%;
        height: 7%;
        padding: 20px 10px;
        font-weight: 800;
    }

    #noticeSubscribers .content {

        padding: 12px;
        font-weight: 400;
        line-height: 0.8cm;
        color: black;
    }

    #noticeSubscribers .list h3 {
        color: #E95057;
        font-size: 15px;
        font-weight: bold;
        margin:10px 0;
    }

    #noticeSubscribers .list ul li {

        color: black;
        font-size: 13px;
        list-style: none;
        padding-left: 1em;
        text-indent: -.7em;
        line-height: 0.6cm;
    }

    #noticeSubscribers .list ul li:before {

        color: black;
        font-size: 20px;
        content: "• ";
        color: red;

    }

    #noticeSubscribers .button {
        font-size:14px;
        padding:8px;
        margin:15px auto 0 auto;
        width:180px;
        font-weight: bold;
    }



    @media only screen and (width: 320px){

        #noticeSubscribers .alert {
            top: 50%;
            font-size: 12px;
            width: 90%;
            height: 96%;
        }

        #noticeSubscribers .header {


            padding: 12px 10px;

        }


        #noticeSubscribers .list h3 {

            font-size: 12px;
            font-weight: bold;
        }

        #noticeSubscribers .content {
            font-size: 12px;
            padding: 12px;
            font-weight: 400;
            line-height: 0.6cm;

        }


        #noticeSubscribers .list ul li {

            font-size: 11px;

        }


    }

    @media only screen and (min-width: 320px ) and (max-width: 768px){

        #noticeSubscribers .alert {

            font-size: 13px;
            width: 90%;

        }

        #noticeSubscribers .list h3 {

            font-size: 13px;
            font-weight: bold;
        }

        #noticeSubscribers .list ul li {

            font-size: 11px;

        }


    }


}
.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    background-color: #897065;
    color: #fff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #ee534f;
    box-shadow: inset 0 1px 3px #ee3043;
    border-radius: 3px;
}

.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: #ee534f;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}