@charset "UTF-8";
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; }

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: 12px; font-weight: 400; line-height: 14px; margin: 40px 0px 5px 0; display: block; border-top: 1px solid #eee; padding-top: 10px; }

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; }

ul, li, nav { font: inherit; vertical-align: baseline; margin: 0; padding: 0; list-style: none; }

.content_2 { height: 580px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; }

.content_3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* ========================================================================================= */
/* ==================================== DarkBlue var(--global-theme-color) =================================== */
/* ========================================================================================= */
.btn-primary { background: var(--global-theme-color); }

.btn-primary:hover { background: var(--global-theme-color); }

a { color: var(--global-theme-color); }

.icon_menu { background: #fff !important; color: var(--global-theme-color); }

.icon_menu_active, .icon_menu_hover { background: var(--global-theme-color) !important; color: #fff !important; transition-property: background-color; transition-duration: 0.3s; transition-timing-function: linear; }

.mCSB_dragger_bar { background: var(--global-theme-color) !important; }

#style-2::-webkit-scrollbar-thumb { background-color: var(--global-theme-color); }

.span-info { color: var(--global-theme-color); }

#contactform .submit:hover, #comment_form .submit:hover { webkit-filter: brightness(98%) !important; }

#profile .col-md-5 h2, #profile .col-md-5 h4, #resume .col-md-6 p, #resume .col-md-6 span.duration { color: var(--global-theme-color); }

#resume .resume-left ul li h5 { border-bottom: 1px solid var(--global-theme-color); }

.attributes span.glyphicon, .attributes h6 { color: var(--global-theme-color); }

.blog-article a.read_m:hover { border: 1px solid var(--global-theme-color); background-color: var(--global-theme-color); }

.border-list { border: 1px solid var(--global-theme-color); }

.content-post h1 { color: var(--global-theme-color); }

a.readmore:hover, a.readmore:focus, a.readmore:active { border: 1px solid var(--global-theme-color); background-color: var(--global-theme-color); }

.border-list { border: 1px solid var(--global-theme-color); }

.content-post h1 { color: var(--global-theme-color); }

a.readmore:hover, a.readmore:focus, a.readmore:active { border: 1px solid var(--global-theme-color); background-color: var(--global-theme-color); }

.ch-info-prof { background: rgba(76, 173, 252, 0.6); }

#profile .col-md-6 h1 { color: var(--global-theme-color); }

.download:hover span, .download:focus span { background: var(--global-theme-color); }

.download span::before { color: var(--global-theme-color); }

.download span, .ch-info .ch-info-back { background: var(--global-theme-color); }

@media screen and (max-width: 540px) { .content-inner { border-top: 5px solid var(--global-theme-color); } }
.post_content { font-family: Georgia, Serif; font-style: bold; color: #000; margin: 0 0 16px 0; }

#contactform .submit, #comment_form .submit { background-color: var(--global-theme-color); }

#profile .about i.glyphicon, #profile .about label { color: var(--global-theme-color); }

#section-title, #categories_sidebar ul.categories li a:hover { background: var(--global-theme-color); }

#tags .tags_sidebar .tags-list li { border: 1px solid var(--global-theme-color); color: var(--global-theme-color); }

#tags .tags_sidebar .tags-list li a { color: var(--global-theme-color); }

#tags .tags_sidebar .tags-list li:hover { background: var(--global-theme-color); }

h2.resp-accordion:hover .hi-icon, .no-touch .hi-icon-effect-5 .hi-icon:hover { border: 1px solid var(--global-theme-color) !important; }

@media only screen and (max-width: 800px) { .icon_menu_active, .icon_menu_hover { background: #fff !important; color: var(--global-theme-color) !important; transition-property: background-color; transition-duration: 0.3s; transition-timing-function: linear; }
  h2.resp-accordion { background: var(--global-theme-color) !important; }
  h2.resp-accordion:hover { background: rgba(59, 89, 152, 0.8) !important; }
  h2.resp-tab-active { background: rgba(59, 89, 152, 0.8) !important; } }
.title_content:after, .icon_content { background: var(--global-theme-color); }

.text_content { color: var(--global-theme-color); }

.panel-default > .panel-heading { color: #fff; background-color: var(--global-theme-color); }

.nbs-flexisel-inner { border: 5px solid var(--global-theme-color); }

.modal-header { background: var(--global-theme-color); }

.skillbar-title, .skillbar-bar { background: rgba(59, 89, 152, 0.8); }

.portfolio .label-bg, #filters li span.active { background: var(--global-theme-color); }

.portfolio .label-bg, #filters li span:hover { background: var(--global-theme-color); -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }

#sidebar-right .search-blog i, #sidebar-left .search-blog i { background: var(--global-theme-color); }

.icon-switcher { color: var(--global-theme-color) !important; }

.resp-tabs-list li { background: var(--global-theme-color); color: #fff; }

#services .pack-service .service-icon i { border: 3px solid var(--global-theme-color); color: var(--global-theme-color); background: #fff; }

#services .pack-service:hover .service-icon i { background: var(--global-theme-color); }

.widget-profil { background: var(--global-theme-color-transparent); padding-right: 15px; }

.widget-profil .head-image { border: 10px solid var(--profile-circle-color); }

.widget-profil .circle-img { border: 10px solid var(--profile-circle-color); }

.widget-profil h1 { color: var(--profile-text-color); }

.widget-profil h4 { color: var(--profile-text-color); }

.widget-profil h6 { color: var(--profile-text-color); }

.widget-profil p { color: var(--profile-text-color) !important; text-align: center; }

.widget-profil #profile_desc { padding-right: 15px; border-bottom: 1px solid var(--profile-text-color); border-top: 1px solid var(--profile-text-color); }

#profile_social a:hover { color: var(--global-theme-color); }

#profile_social a { background-color: var(--global-theme-color); }

#blog .post_media { border-top: 5px solid var(--global-theme-color); }

#blog .post_media .post-format-icon { background: var(--global-theme-color); }

.reference span { color: var(--global-theme-color); }

#portfolio .view-first a.open-imag:hover, #portfolio .view-first a.external:hover { color: #fff; background: var(--global-theme-color); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.resp-tabs-container h1 { font-size: 26px; color: var(--global-theme-color); text-transform: inherit; margin-top: 0; margin-bottom: 15px; padding-top: 10px; padding-left: 30px; border-bottom: 1px solid #e6e6e6; }

.resp-tabs-container h3 { font-size: 18px; color: var(--global-theme-color); text-transform: inherit; margin-top: 0; margin-bottom: 15px; padding-top: 10px; padding-left: 30px; border-bottom: 1px solid #e6e6e6; }

.resp-tabs-container h1:not(.h-bloc) { background: none; }

#tabs_sidebar .tab-content ul { list-style: none; margin: 0; padding: 0; }

#tabs_sidebar .tab-content ul li { clear: left; border-bottom: 1px dotted #c1c1c1; padding: 10px 0; display: block; width: 100%; }

#tabs_sidebar .tab-content ul li:last-child { border-bottom: none; }

#tabs_sidebar .tab-content ul li img { width: 50px; height: 40px; }

.icon_menu { font-size: 22px; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; display: inline-block; cursor: pointer; margin: 0; width: 42px !important; height: 42px !important; text-align: center; position: relative; z-index: 2; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; line-height: 43px; }

#verticalTab { z-index: 1; height: 100%; background: #fff; }

l.resp-tabs-list, p { margin: 0; padding: 0; }

.resp-tabs-list li { font-size: 13px; display: inline-block; padding: 13px 15px; margin: 0; list-style: none; cursor: pointer; float: left; }

.resp-tabs-container { padding: 0; background-color: #fff; clear: left; }

h2.resp-accordion { font-size: 15px; text-transform: uppercase; color: #fff; padding: 0.32em 0em 0.32em 0.70em; margin: 0; list-style: none; cursor: pointer; background: #303030; border-bottom: 1px solid rgba(255, 255, 255, 0.1); line-height: 0px; cursor: pointer; padding: 5px; display: none; }

.resp-tab-content { display: none; }

.resp-tab-active { border-bottom: none; margin-bottom: -1px !important; padding: 12px 14px 14px 14px !important; }

.resp-tab-active { border-bottom: none; background-color: #fff; }

.resp-content-active, .resp-accordion-active { display: block; }

.resp-tab-content { border: 1px solid #ccc; }

h2.resp-accordion { font-size: 17px; margin: 0; padding: 10px 15px; }

h2.resp-tab-active { border-bottom: 1px solid #ccc !important; margin-bottom: 0 !important; padding: 10px 15px !important; }

h2.resp-tab-title:last-child { border-bottom: 12px solid #ccc !important; background: blue; }

/*-----------------------------------*/
/*-----------Vertical tabs-----------*/
/*-----------------------------------*/
.resp-vtabs ul.resp-tabs-list { float: left; width: 9%; margin-bottom: 10px; }

.resp-vtabs .resp-tabs-list li { display: block; padding: 17px !important; margin: 0; cursor: pointer; float: left; text-align: center; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); }

.resp-vtabs .resp-tabs-list li:first-child { border-top: none; }

.resp-vtabs .resp-tabs-list li:last-child { border-bottom: none; }

.resp-vtabs .resp-tabs-container { padding: 0; background-color: #f4f4f4; float: left; width: 88%; height: 580px; clear: none; margin-left: 13px; }

.resp-vtabs .resp-tab-content { border: none; }

.resp-vtabs li.resp-tab-active { border-right: none; color: #fff; position: relative; z-index: 1; padding: 17px !important; background: #fff; }

.resp-tabs-list li:hover { -webkit-transition: all .6s ease-in; -moz-transition: all .6s ease-in; -o-transition: all .6s ease-in; transition: all .6s ease-in; background: #fff; }

.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1; }

h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797; }

/*-----------------------------------*/
/*---------Accordion styles----------*/
/*-----------------------------------*/
.resp-easy-accordion h2.resp-accordion { display: block; }

.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }

.resp-jfit { width: 100%; margin: 0; }

.resp-tab-content-active { display: block; }

h2.resp-accordion:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 800px) { ul.resp-tabs-list { display: none; }
  h2.resp-accordion { display: block; }
  .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; padding: 15px; }
  .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
  .resp-accordion-closed { display: none !important; }
  .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
  .scrollbar { height: 100% !important; overflow-y: hidden !important; }
  .contact-form .main-heading { margin-top: 45px; }
  .tiltle_contacts { margin-bottom: 0 !important; }
  .wrapper { position: relative !important; margin: 15px auto !important; }
  .flexy_content { clear: both; }
  .resp-vtabs .resp-tabs-container { margin-left: 0 !important; }
  ul.about li span.value { margin-right: 30px; }
  .tite-list-resp { position: relative; top: -3px; left: 10px; }
  .widget-profil #profile_desc { border-top: 0 !important; border-bottom: 0 !important; } }
.tite-list { padding-left: 5px !important; font-size: 13px; position: relative; top: -6px; display: none; }

.icon-list { font-size: 40px !important; left: 15px !important; text-align: center !important; position: relative; top: 2px; }

p { font-size: 14px; line-height: 22px; text-align: left; margin: 0; font-style: italic; color: #666 !important; font-family: Georgia, 'Lato', sans-serif; }

.active-hi-icon { background: #04B2E8 !important; border: 1px solid #04B2E8 !important; }

.resp-tabs-list li:hover .hi-icon, .no-touch .hi-icon-effect-5 .hi-icon:hover { background: #04B2E8; border: 1px solid #04B2E8 !important; }

h2.resp-accordion:hover .hi-icon, .no-touch .hi-icon-effect-5 .hi-icon:hover { background: #04B2E8; }

h2.resp-accordion:hover { background: #282828; }

#profile .about i.glyphicon { margin-right: 3px; }

#profile .profile-r { padding-right: 0; }

#profile .cycle-slideshow { margin-top: 19px; margin-bottom: 20px; width: 348px; height: 456px; }

#profile .cycle-slideshow img { width: 100%; }

.bottom-p .panel-body { padding: 15px; color: #999 !important; font-size: 14px; font-family: 'Lato', sans-serif; }

.bottom-p .panel-group .panel { border-radius: 0px; }

.bottom-p .panel-heading { border-top-right-radius: 0px; border-top-left-radius: 0px; }

ul.about li span.value { width: 220px; text-align: left; float: right; }

ul.about li { margin: 0; color: #717171; display: block; font-size: 13px; border-bottom: 1px solid #e6e6e6; }

ul.about li:last-child { border-bottom: none; }

ul.about { margin-bottom: 30px; }

#profile .bottom-p { margin-top: 20px; }

#profile .bottom-p p { border-left: 0; }

#profile .bottom-p h3 { margin-top: 60px; margin-bottom: 20px; }

/** style profile 3 **/
.ch-grid-prof { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; }

.ch-grid-prof:after, .ch-item-prof:before { content: ''; display: table; }

.ch-grid-prof:after { clear: both; }

.ch-grid-prof li { width: 220px; height: 220px; display: inline-block; margin: 20px; }

.ch-items-prof { width: 150px; height: 150px; border-radius: 50%; overflow: hidden; position: relative; cursor: default; box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1); transition: all 0.4s ease-in-out; margin: 0 auto; margin-bottom: 10px; }

.ch-info-prof { position: absolute; width: inherit; height: inherit; border-radius: 50%; overflow: hidden; opacity: 0; transition: all 0.4s ease-in-out; transform: scale(0); }

.ch-info-prof h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 25px; margin: 0 auto; padding: 50px 0 0 0; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); line-height: 22px; border: none; }

.ch-info-prof p { color: #fff; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); opacity: 0; transition: all 1s ease-in-out 0.4s; }

.ch-info-prof p a { display: block; color: rgba(255, 255, 255, 0.7); font-style: normal; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; }

.ch-info-prof p a:hover { color: rgba(255, 242, 34, 0.8); }

.ch-items-prof:hover { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); }

.ch-items-prof:hover .ch-info-prof { transform: scale(1); opacity: 1; }

.ch-items-prof:hover .ch-info-prof p { opacity: 1; }

.widget-profil { height: 580px; float: right; padding-right: 15px; }

.widget-profil .circle { display: block; width: 150px; height: 150px; margin: 1em auto; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 99em; -moz-border-radius: 99em; border-radius: 99em; }

.widget-profil .circle-img { display: block; width: 150px; height: 150px; margin: 1em auto; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 99em; -moz-border-radius: 99em; border-radius: 99em; background-image: url("http://placehold.it/150x150"); margin-top: 25px; margin-bottom: 7px; }

.widget-profil h1 { font-size: 40px; line-height: 60px; text-align: center; font-weight: 400; }

.widget-profil h4 { text-align: center; font-size: 15px; margin-top: 0px; }

.widget-profil h6 { text-align: center; font-size: 14px; font-weight: 400; }

.widget-profil p { border-left: 0px; }

.widget-profil #profile_desc { padding-top: 15px; padding-bottom: 15px; padding-right: 15px; text-align: center; }

.widget-profil #profile_info { padding-bottom: 15px; padding-right: 15px; }

.widget-profil #profile_social { padding-top: 15px; }

#profile_social a { width: 45px; height: 45px; line-height: 45px; margin: 0px 0px 0px 5px; padding: 0; border-width: 1px; border-style: solid; text-align: center; font-size: 24px; float: left; display: block; color: #fff; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }

#profile_social a:hover { background-color: #fff; }

.widget-profil .image-holder { position: relative; margin: 15px auto; width: 150px; height: 150px; }

.widget-profil .head-image { position: absolute; top: 0; left: 0; width: 150px; height: 150px; }

.widget-profil .head-image { z-index: 0; }

.widget-profil .front { z-index: 1; }

@media only screen and (min-width: 1200px) { .widget-profil #profile_social a { width: 45px; height: 45px; line-height: 45px; font-size: 24px; }
  .widget-profil h1 { font-size: 25px; line-height: 60px; } }
@media only screen and (max-width: 1199px) { .widget-profil #profile_social a { width: 34px; height: 34px; line-height: 34px; font-size: 20px; }
  .widget-profil h1 { font-size: 24px; line-height: 50px; } }
@media only screen and (max-width: 260px) { .widget-profil h1 { font-size: 25px !important; line-height: 39px !important; }
  .widget-profil h4 { font-size: 13px !important; }
  .widget-profil { height: 265px !important; margin-bottom: 20px; float: none; }
  #profile_social { display: none; }
  #profile_desc { display: none; } }
@media only screen and (max-width: 766px) { .widget-profil { height: 285px !important; margin-bottom: 20px; float: none; }
  #profile_social { display: none; }
  #profile_desc { display: none; }
  .widget-profil h1 { font-size: 22px !important; line-height: 39px !important; }
  .widget-profil h4 { font-size: 13px !important; } }
@media only screen and (min-width: 766px) and (max-width: 800px) { .widget-profil { height: 210px !important; margin-bottom: 20px; float: none; }
  #profile_social { display: none; } }
@media only screen and (min-width: 550px) and (max-width: 991px) { #profile .cycle-slideshow { margin-left: auto !important; margin-right: auto !important; } }
@media only screen and (min-width: 800px) and (max-width: 991px) { .widget-profil { height: 210px !important; margin-bottom: 20px; float: none; }
  #profile_social { display: none; }
  #profile_desc { border-bottom: 0 !important; } }
.post_content { width: 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: center; background: rgba(255, 255, 255, 0.8); padding: 15px; margin-left: 35px; margin-bottom: 25px; padding-top: 0; color: var(--global-theme-color); }

.mainauthor { color: var(--global-theme-color); }

/*--------------------------------------------------
----------------------- Press ------------------
---------------------------------------------------*/
.blog-card { display: flex; flex-direction: column; margin: 1rem auto; box-shadow: 0 5px 7px 2px rgba(0, 0, 0, 0.6); margin-bottom: 1.6%; background: #dee2dc; line-height: 1.4; font-family: sans-serif; border-radius: 5px; overflow: hidden; z-index: 0; }

.blog-card a { color: var(--global-text-color); }

.blog-card a:hover { color: var(--global-theme-color); }

.blog-card:hover .description h2 { color: var(--global-theme-color); }

.blog-card:hover .photo { transform: scale(1.3) rotate(3deg); }

.blog-card .meta { position: relative; z-index: 0; height: 200px; }

.blog-card .photo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; transition: transform 0.2s; }

.blog-card .details, .blog-card .details ul { margin: auto; padding: 0; list-style: none; }

.blog-card .details { position: absolute; top: 0; bottom: 0; left: -100%; margin: auto; transition: left 0.2s; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 10px; width: 100%; font-size: 0.9rem; }

.blog-card .details a { -webkit-text-decoration: dotted underline; text-decoration: dotted underline; }

.blog-card .details ul li { display: inline-block; }

.blog-card .details .author:before { font-family: FontAwesome; margin-right: 10px; content: ""; }

.blog-card .details .date:before { font-family: FontAwesome; margin-right: 10px; content: ""; }

.blog-card .details .tags ul:before { font-family: FontAwesome; content: ""; margin-right: 10px; }

.blog-card .details .tags li { margin-right: 2px; }

.blog-card .details .tags li:first-child { margin-left: -4px; }

.blog-card .description { padding: 1rem; background: #fff; position: relative; z-index: 1; }

.blog-card .description h2, .blog-card .description h3 { font-family: Georgia "Palatino Linotype", "Book Antiqua", Palatino, sans-serif; font-size: 1.5rem; color: inherit; }

.blog-card .description h1 { line-height: 1; margin: 0; font-size: 1.7rem; }

.blog-card .description .read-more { text-align: right; }

.blog-card .description .read-more a { color: var(--global-theme-color); display: inline-block; margin-left: 5px; position: relative; }

.blog-card .description .read-more a:after { content: ""; font-family: FontAwesome; margin-left: -10px; opacity: 0; vertical-align: middle; transition: margin 0.3s, opacity 0.3s; }

.blog-card .description .read-more a:hover:after { margin-left: 5px; opacity: 1; }

.blog-card p { position: relative; margin: 1rem 0 0; }

.blog-card p:first-of-type { margin-top: 1.25rem; }

.blog-card p:first-of-type:before { content: ""; position: absolute; height: 5px; background: var(--global-theme-color); width: 55px; top: -0.75rem; border-radius: 3px; }

.blog-card:hover .details { left: 0%; }

@media (min-width: 640px) { .blog-card { flex-direction: row; max-width: 700px; }
  .blog-card .meta { flex-basis: 40%; height: auto; }
  .blog-card .description { flex-basis: 60%; }
  .blog-card .description:before { transform: skewX(-3deg); content: ""; background: #fff; width: 30px; position: absolute; left: -10px; top: 0; bottom: 0; z-index: -1; }
  .blog-card.alt { flex-direction: row-reverse; }
  .blog-card.alt .description:before { left: inherit; right: -10px; transform: skew(3deg); }
  .blog-card.alt .details { padding-left: 25px; } }
/*--------------------------------------------------
----------------------- Portfolio ------------------
---------------------------------------------------*/
#portfolio .view { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 31%; margin: 1%; float: left; overflow: hidden; position: relative; text-align: center; }

#portfolio .view .mask, .view .content { width: 300px; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0; }

#portfolio .view img { display: block; position: relative; }

#portfolio .view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 8px; border-bottom: 1px solid #eee; margin: 15px 15px 0 15px; }

#portfolio .view p { font-family: 'Lato', sans-serif; font-size: 12px; position: relative; color: #fff !important; padding: 8px 20px 8px; text-align: center; }

#portfolio .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 qpx #000; }

#portfolio .view a.info:hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }

#portfolio .view-first img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }

#portfolio .view-first .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; width: 100%; height: 100%; }

#portfolio .view-first h2 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#portfolio .view-first p { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }

#portfolio .view-first:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

#portfolio .view-first a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#portfolio .view-first:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

#portfolio .view-first:hover h2, #portfolio .view-first:hover p, #portfolio .view-first:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

#portfolio .view-first:hover p { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; }

#portfolio .view-first:hover a.info { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; }

.container-portfolio { width: 100%; margin: 0 auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

#filters { margin: 1%; padding: 0; list-style: none; display: inline-block; }

#filters li { float: left; text-align: center; }

#filters li span { display: block; padding: 5px 20px; text-decoration: none; color: #fff; cursor: pointer; background: #577285; margin: 2px; }

#filters li span.active { color: #fff; }

#portfoliolist .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 31%; margin: 1%; display: none; float: left; overflow: hidden; }

.portfolio-wrapper { overflow: hidden; position: relative !important; background: #666; cursor: pointer; }

.portfolio img { max-width: 100%; position: relative; }

.portfolio .label { position: absolute; width: 100%; height: 40px; bottom: -40px; display: block !important; }

.portfolio .label-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.portfolio .label-text { color: #fff; position: relative; z-index: 500; padding: 5px 8px; font-weight: 300; }

.portfolio .text-title { display: block; font-size: 13px; margin: 1px; color: #fff; text-transform: capitalize; }

#fancybox-title { margin-left: 10px !important; width: 380px !important; bottom: 10px !important; display: block !important; }

@media only screen and (max-width: 767px) { #portfoliolist .portfolio { width: 48%; margin: 1%; }
  .widget-profil, .flexy_content { margin-left: 10px; margin-right: 10px; } }
@media only screen and (max-width: 550px) { #filters li { width: 100%; }
  #profile .cycle-slideshow { display: none; } }
/* #Clearing */
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.row:after, .clearfix:after { clear: both; }

.row, .clearfix { zoom: 1; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/******************************************************************************* Variables used throughout the theme. To adjust anything, simply edit the variables below and rebuild the theme. *****************************************************************************/
/******************************************************************************* Themes *****************************************************************************/
:root { --global-bg-color: #ffffff; --global-text-color: #5A4D4C; --global-theme-color: #328daa; --global-theme-color-transparent: rgba(50, 141, 170, 0.45); --global-hover-color: #0294A5; --global-footer-bg-color: #424242; --global-footer-text-color: {$grey-color-light}; --global-footer-link-color: #ffffff; --global-icon-color: #424242; --profile-text-color: #B9e5f3; --profile-circle-color: rgba(142, 211, 244, 0.5); }
:root .fa-sun { display: none; }
:root .fa-moon { padding-left: 10px; padding-top: 12px; display: block; }

html[data-theme='dark'] { --global-bg-color: #424242; --global-text-color: #e8e8e8; --global-theme-color: #2698BA; --global-hover-color: #7bcce4; --global-footer-bg-color: #e8e8e8; --global-footer-text-color: #424242; --global-footer-link-color: #000000; --global-icon-color: navajowhite; }
html[data-theme='dark'] .fa-sun { padding-left: 10px; padding-top: 12px; display: block; }
html[data-theme='dark'] .fa-moon { display: none; }

/****************************************************************************** Content *****************************************************************************/
body { padding-bottom: 70px; color: var(--global-text-color); font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; background-image: url(../images/bg5.png); }

body.fixed-top-nav { padding-top: 56px; }

body.sticky-bottom-footer { padding-bottom: 0; }

.container { max-width: 1000px; }

.profile img { width: 100%; }

/****************************************************************************** Publications *****************************************************************************/
/*****************************************************************************
* Projects
*****************************************************************************/
/******************************************************************************* Styles for the base elements of the theme. *****************************************************************************/
p, h1, h2, h3, h4, h5, h6, em, div, span, strong { color: var(--global-text-color); }

a, table.table a { color: var(--global-theme-color); }
a:hover, table.table a:hover { color: var(--global-theme-color); text-decoration: underline; }
a:hover:after, table.table a:hover:after { width: 100%; }

.equation { margin-bottom: 1rem; text-align: center; }

.caption { font-size: 0.875rem; margin-top: 0.75rem; margin-bottom: 1.5rem; text-align: center; }

.profile { margin-left: 1rem; width: 100%; }
.profile .address { margin-bottom: 5px; margin-top: 5px; font-family: monospace; font-size: 1.2rem; }
.profile .address p { display: inline-block; margin: 0; }

@media (min-width: 576px) { .profile { width: 30%; }
  .profile .address p { display: block; } }
.post-description { margin-bottom: 2rem; font-size: 0.875rem; }
.post-description a { color: inherit; }
.post-description a:hover { color: var(--global-theme-color); text-decoration: none; }

.navbar { box-shadow: none; border-bottom: 1px solid #e8e8e8; opacity: 0.95; background-color: var(--global-bg-color); }

.navbar.navbar-light a:hover { text-decoration: none; }
.navbar.navbar-light .navbar-brand { color: var(--global-text-color); }
.navbar.navbar-light .navbar-nav .nav-item .nav-link { color: var(--global-text-color); }
.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover { color: var(--global-hover-color); }
.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link { background-color: inherit; font-weight: bolder; color: var(--global-theme-color); }
.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover { color: var(--global-hover-color); }
.navbar.navbar-light .contact-icon { font-size: 2rem; }
.navbar.navbar-light .contact-icon a:hover { color: var(--global-hover-color); }

.navbar-toggler .icon-bar { display: block; width: 22px; height: 2px; background-color: var(--global-icon-color); border-radius: 1px; margin-bottom: 4px; transition: all 0.2s; }
.navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; }
.navbar-toggler .middle-bar { opacity: 0; }
.navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; }

.navbar-toggler.collapsed .top-bar { transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar { opacity: 1; }
.navbar-toggler.collapsed .bottom-bar { transform: rotate(0); }

.news table td { font-size: 1rem; color: var(--global-text-color); }

.news table th { color: var(--global-text-color); }

.news h6 { font-size: 19px; color: var(--global-theme-color); }

.social { text-align: center; }
.social .contact-icon { font-size: 4rem; }
.social .contact-icon a { color: var(--global-icon-color); }
.social .contact-icon a:hover { color: var(--global-theme-color); }
.social .contact-note { font-size: 0.8rem; }

footer.fixed-bottom { background-color: var(--global-footer-bg-color); font-size: 0.75rem; }
footer.fixed-bottom .container { color: var(--global-footer-text-color); padding-top: 9px; padding-bottom: 8px; }
footer.fixed-bottom a { color: var(--global-footer-link-color); }
footer.fixed-bottom a:hover { color: pink; text-decoration: none; }

footer.sticky-bottom { border-top: 1px solid #e8e8e8; padding-top: 40px; padding-bottom: 40px; font-size: 0.9rem; }

.header-bar { border-bottom: 1px solid #e8e8e8; text-align: center; padding-top: 2rem; padding-bottom: 5rem; }
.header-bar h1 { color: var(--global-theme-color); font-size: 5rem; }

.post-list { margin: 0; margin-bottom: 40px; padding: 0; }
.post-list li { border-bottom: 1px solid #e8e8e8; list-style: none; padding-top: 2rem; padding-bottom: 2rem; }
.post-list li .post-meta { color: #828282; font-size: 0.875rem; margin-bottom: 0; }
.post-list li a { color: var(--global-text-color); text-decoration: none; }
.post-list li a:hover { color: var(--global-theme-color); }

.pagination .page-item .page-link { color: var(--global-text-color); }
.pagination .page-item .page-link:hover { color: #000000; }
.pagination .page-item.active .page-link { background-color: var(--global-theme-color); }
.pagination .page-item.active .page-link:hover { background-color: var(--global-theme-color); }

.distill a:hover { border-bottom-color: var(--global-theme-color); text-decoration: none; }

.projects .grid-item { width: 250px; margin-bottom: 10px; }
.projects .grid-item a { color: black; text-decoration: none; }
.projects .grid-item a:hover { color: var(--global-theme-color); }
.projects .card img { width: 100%; }

.publications { margin-top: 0.8rem; }
.publications h1 { color: var(--global-theme-color); font-size: 2rem; text-align: center; margin-top: 1em; margin-bottom: 1em; }
.publications h2 { margin-bottom: 1rem; }
.publications h2 span { font-size: 1.5rem; }
.publications h2.year { color: #e8e8e8; border-top: 1px solid #e8e8e8; padding-top: 1rem; margin-top: 2rem; margin-bottom: -2rem; text-align: right; }
.publications ol.bibliography { list-style: none; padding: 0; margin-top: 0; }
.publications ol.bibliography li { margin-bottom: 1rem; }
.publications ol.bibliography li .abbr { height: 2rem; margin-bottom: 0.5rem; }
.publications ol.bibliography li .abbr abbr { display: inline-block; background-color: var(--global-theme-color); padding-left: 1rem; padding-right: 1rem; }
.publications ol.bibliography li .abbr abbr a { color: white; }
.publications ol.bibliography li .abbr abbr a:hover { text-decoration: none; }
.publications ol.bibliography li .abbr .award { color: var(--global-theme-color) !important; border: 1px solid var(--global-theme-color); }
.publications ol.bibliography li .title { font-weight: bolder; }
.publications ol.bibliography li .author a { border-bottom: 1px dashed var(--global-theme-color); }
.publications ol.bibliography li .author a:hover { border-bottom-style: solid; text-decoration: none; }
.publications ol.bibliography li .author > em { border-bottom: 1px solid; font-style: normal; }
.publications ol.bibliography li .links a.btn { color: var(--global-text-color); border: 1px solid var(--global-text-color); padding-left: 1rem; padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem; }
.publications ol.bibliography li .links a.btn:hover { color: var(--global-theme-color); border-color: var(--global-theme-color); }
.publications ol.bibliography li .hidden { font-size: 0.875rem; max-height: 0px; overflow: hidden; text-align: justify; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -ms-transition: 0.15s ease; -o-transition: 0.15s ease; transition: all 0.15s ease; }
.publications ol.bibliography li .hidden p { line-height: 1.4em; margin: 10px; }
.publications ol.bibliography li .hidden pre { font-size: 1em; line-height: 1.4em; padding: 10px; }
.publications ol.bibliography li .hidden.open { max-height: 100em; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -ms-transition: 0.15s ease; -o-transition: 0.15s ease; transition: all 0.15s ease; }
.publications ol.bibliography li div.abstract.hidden { border: dashed 1px var(--global-bg-color); }
.publications ol.bibliography li div.abstract.hidden.open { border-color: var(--global-text-color); }

code { color: var(--global-theme-color); }

html.transition, html.transition *, html.transition *:before, html.transition *:after { transition: all 750ms !important; transition-delay: 0 !important; }