/* =============================================
-----  2. Elements / Bootstrap Overwrite   -----
==============================================*/
/* --------------------------------------
    2.1 Dropdown menu
------------------------ */
.dropdown-menu {}
.angle { margin:0 0 0 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
.angle:before,
.side-menu .navbar-nav .angle:before { content: "\f107"; }
/* --------------------------------------
    2.2 Buttons
------------------------ */
.btn.min-width { min-width: 140px; text-align: center !important; }
.btn.min-width-md { min-width: 160px; text-align: center !important; }
.btn.min-width-lg { min-width: 180px; text-align: center !important; }
.btn.min-width-xlg { min-width: 200px; text-align: center !important; }
.btn { padding: 9px 16px; font-size: 14px; transition:color 0.2s ease, background 0.45s ease, border 0.4s ease-in-out; -webkit-transition:color 0.2s ease, background 0.45s ease, border 0.4s ease-in-out; }
.btn.btn-lg,
.btn-group-lg > .btn { padding: 10px 16px; font-size: 16px; line-height: 1.5; }
.btn.btn-sm,
.btn-group-sm > .btn { padding: 7px 10px; font-size: 12px; }
.btn.btn-xs,
.btn-group-xs > .btn { padding: 2px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn.btn-border { border-width:2px; padding: 8px 15px; background-color: transparent; }
.btn.btn-border.btn-sm { padding: 6px 9px; }
.btn.btn-border.btn-lg { padding: 9px 15px; }
.btn.btn-border.btn-xs { padding: 1px 4px; }
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus { outline: none; }
.btn-hidden { display: none !important; }
.btn-custom,
.btn-custom:hover,
.btn-custom:focus,
.btn-custom.focus,
.btn-custom:active,
.btn-custom.active,
.open > .dropdown-toggle.btn-custom,
.btn-custom2,
.btn-custom2:hover,
.btn-custom2:focus,
.btn-custom2.focus,
.btn-custom2:active,
.btn-custom2.active,
.open > .dropdown-toggle.btn-custom2,
.btn-custom3,
.btn-custom3:hover,
.btn-custom3:focus,
.btn-custom3.focus,
.btn-custom3:active,
.btn-custom3.active,
.open > .dropdown-toggle.btn-custom3 { color: #fff; }
.btn-dark { color: #eaeaea; background-color: #3e3e3e; border-color: #3e3e3e; }
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark { color: #f0f0f0; background-color: #2a2a2a; border-color: #2a2a2a; }
.btn-gray { color: #505050; background-color: #eaeaea; border-color: #eaeaea; }
.btn-gray:hover,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray { color: #4a4a4a; background-color: #e1e1e1; border-color: #e1e1e1; }
.btn-white { color: #4a4a4a; background-color: #fff; border-color: #fff; }
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white { color: #000; background-color: #f1f1f1; border-color: #f1f1f1; }
.btn.btn-border.btn-default { color:#aeaeae; border-color:#aeaeae; }
.btn.btn-border.btn-default:hover,
.btn.btn-border.btn-default:focus { color:#505050; border-color:#adadad; background-color: #e6e6e6; }
.btn.btn-border.btn-primary { color:#337ab7; }
.btn.btn-border.btn-primary:hover,
.btn.btn-border.btn-primary:focus { color:#fff; border-color:#204d74; background-color: #286090; }
.btn.btn-border.btn-success { color:#4caf50; }
.btn.btn-border.btn-success:hover,
.btn.btn-border.btn-success:focus { color:#fff; border-color:#327334; background-color: #3d8b40; }
.btn.btn-border.btn-warning { color:#ffc107; }
.btn.btn-border.btn-warning:hover,
.btn.btn-border.btn-warning:focus { color:#fff; border-color:#af8300; background-color: #d39e00; }
.btn.btn-border.btn-danger { color:#ea1c0d; }
.btn.btn-border.btn-danger:hover,
.btn.btn-border.btn-danger:focus { color:#fff; border-color:#c8180b; background-color: #ea1c0d; }
.btn.btn-border.btn-info { color:#2196f3; }
.btn.btn-border.btn-info:hover,
.btn.btn-border.btn-info:focus { color:#fff; border-color:#0a68b4; background-color: #0c7cd5; }
.btn.btn-border.btn-custom:hover,
.btn.btn-border.btn-custom:focus,
.btn.btn-border.btn-custom2:hover,
.btn.btn-border.btn-custom2:focus,
.btn.btn-border.btn-custom3:hover,
.btn.btn-border.btn-custom3:focus { color:#fff; }
.btn.btn-border.btn-dark { color:#2a2a2a; }
.btn.btn-border.btn-dark:hover,
.btn.btn-border.btn-dark:focus { color:#f1f1f1; border-color:#1a1a1a; background-color:#2a2a2a; }
.btn.btn-border.btn-gray { color:#505050; border-color:#eaeaea; }
.btn.btn-border.btn-gray:hover,
.btn.btn-border.btn-gray:focus { color:#505050; border-color:#eaeaea; background-color:#eaeaea; }
.btn.btn-border.btn-white { color:#fff; background: transparent; border-color:white; }
.btn.btn-border.btn-white:hover,
.btn.btn-border.btn-white:focus,
.btn.btn-border.btn-white.v2:hover,
.btn.btn-border.btn-white.v2:focus { color:#fff; }
.btn.no-radius { border-radius:0 !important; }
.btn.radius-lg { border-radius:12px !important; }
.btn.radius-lger { border-radius:24px !important; }
.btn-group > .btn + .btn { border-left: 1px solid rgba(0, 0, 0, .07); }
/* --------------------------------------
    2.3 Forms
------------------------ */
textarea.form-control { height:auto } /* премахнат !important, върни ако има нужда*/
.form-control { height: 40px; padding: 9px 16px; box-shadow:none; -webkit-box-shadow:none; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; border: 1px solid #eaeaea; color:inherit; font-size:14px; }
.form-control.border-bottom { border-radius:0 !important; border-left:none; border-right:none; border-top:none; }
.form-control:focus { border-color: #dadada; -webkit-box-shadow: 0 0 8px rgba(0,0,0, 0.22); box-shadow: 0 0 8px rgba(0,0,0, 0.22); }
.form-control.border-bottom:focus { box-shadow:none; -webkit-box-shadow:none; }
.form-control::-moz-placeholder { color: #6a6a6a; }
.form-control:-ms-input-placeholder { color: #6a6a6a; }
.form-control::-webkit-input-placeholder { color: #6a6a6a; }
.form-group,
.form-control,
.input-group,
.normal-selectbox,
.large-selectbox{ margin-bottom: 25px; }
.form-group .input-group { margin-bottom:0; }
.form-group .form-control { margin-bottom:0; }
.helper-group a { color:#e53935; font-size:12px; line-height: 1; }
.helper-group a:hover { color:#c62828; }
label.input-desc { font-size:14px; font-weight: 700; font-family: 'Open Sans', Verdana; text-transform: uppercase; margin-bottom:7px; }
.input-sm { font-size: 12px; }
.input-sm,
.form-group-sm .form-control,
.form-group-sm .form-control-static { height: 34px; padding: 7px 12px; }
select.input-sm,
select.form-group-sm .form-control { height: 34px; line-height: 34px; }
.input-lg,
.form-group-lg .form-control,
.form-group-lg .form-control-static { height: 46px; padding: 10px 18px; }
.input-lg { font-size: 16px; line-height: 1.5; }
select.input-lg,
select.form-group-lg .form-control { height: 46px; line-height: 46px; }
.form-control-feedback { width: 40px; height: 40px; line-height: 40px; }
.input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; }
.input-sm + .form-control-feedback { width: 34px; height: 34px; line-height: 34px; }
.input-group-btn > .btn + .btn { border-left:1px solid rgba(0, 0, 0, .05); }
.input-group-btn:last-child > .btn, 
.input-group-btn:last-child > .btn-group { margin-left:0; }
.bootstrap-touchspin .input-group-btn:last-child > .btn, 
.bootstrap-touchspin .input-group-btn:last-child > .btn-group { margin-left:-1px; }
/* input groups*/
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 18px; font-size:16px; line-height: 1.5; }
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; font-size:16px; line-height: 1.5; }
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn { height: 34px; padding: 7px 12px; }
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn { height: 34px; line-height: 34px; }
/* input group addons */
.input-group-addon { padding: 8px 16px; font-size: 14px; color: #6a6a6a; background-color: transparent; border: 1px solid #eaeaea; font-weight: 400; }
.input-group-addon.input-sm { padding: 7px 12px; }
.input-group-addon.input-lg { padding: 9.5px 18px; font-size:16px; }
/* Textarea Input Group */
textarea.form-control { padding-top:12px; }
.textarea-container { position: relative; width:100%; padding-top:39px; }
.textarea-container .input-group-addon { position: absolute; top:0; left:0; width:100%; padding:12px 16px; z-index:90; border-radius: 4px 4px 0 0; text-align: left; }
.textarea-container .input-group-addon:first-child { border-right:1px solid #e4e2e2; }
.textarea-container textarea.form-control { border-radius: 0 0 4px 4px !important; }
/* Checkboxed and Radios */
input[type="radio"],
input[type="checkbox"] { margin-top:6px; }
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { margin-left:-22px; }
.radio label,
.checkbox label,
.radio-inline, 
.checkbox-inline { padding-left:22px; }
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline { margin-left:15px; }
/* Custom checkbox and radio */
.radio label.custom-radio-wrapper, 
.checkbox label.custom-checkbox-wrapper { padding-left:0; }
.radio-inline.custom-radio-wrapper, 
.checkbox-inline.custom-checkbox-wrapper { padding-left:0; }
.radio-inline.custom-radio-wrapper+.radio-inline.custom-radio-wrapper, 
.checkbox-inline.custom-checkbox-wrapper+.checkbox-inline.custom-checkbox-wrapper { margin-left:30px; }
.input-group-addon.custom-checkbox-wrapper,
.input-group-addon.custom-radio-wrapper { line-height: 0; }
.custom-checkbox-container,
.custom-radio-container { display:inline-block; width:14px; height:14px; border:1px solid #505050; position: relative; margin-right:10px; border-radius: 2px; }
.white .custom-checkbox-container,
.white .custom-radio-container { border-color: #fff; }
.input-group-addon .custom-checkbox-container,
.input-group-addon .custom-radio-container { margin-right:0; }
.custom-radio-container { 
    border-radius: 50px; }
.custom-checkbox-container input[type="checkbox"],
.custom-radio-container input[type="radio"] { display:block; opacity:0; filter:alpha(opacity=0); width:100%; height:100%; margin:0; padding:0; position: absolute; left:0; top:0; z-index:10; }
.custom-checkbox-container .custom-checkbox-icon { position:absolute; z-index:9; width:10px; height: 10px; left:50%; top:50%; margin-top:-5px; margin-left:-5px; color:#505050; opacity:0; filter:alpha(opacity=0); border-radius: 0; font: 15px/1 FontAwesome; }
.white .custom-checkbox-container .custom-checkbox-icon { color:#fff; }
.custom-checkbox-container .custom-checkbox-icon:before { content:"\f00c"; position: absolute; top:-3px; left:0; }
.disabled .custom-checkbox-container .custom-checkbox-icon  { background-image: none; }
.custom-radio-container .custom-radio-icon { position:absolute; z-index:9; display: block; opacity:0; filter:alpha(opacity=0); width:10px; height:10px; left:50%; top:50%; margin-top:-5px; margin-left:-5px; background-color: #505050; border-radius: 50%; }
.disabled .custom-radio-container .custom-radio-icon { background-color: transparent; }
.custom-checkbox-container input[type="checkbox"]:checked + .custom-checkbox-icon,
.custom-radio-container input[type="radio"]:checked + .custom-radio-icon { opacity:1; filter:alpha(opacity=100); }
.disabled .custom-checkbox-container input[type="checkbox"]:checked + .custom-checkbox-icon { background-color: transparent; }
.custom-checkbox-wrapper *,
.custom-radio-wrapper * { vertical-align: middle; }
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control { background-color: #f1f1f1; }
.form-control.no-radius,
.input-group.no-radius .form-control,
.input-group.no-radius .input-group-addon,
.input-border-bottom.form-control,
.input-group.input-border-bottom .form-control,
.input-group.input-border-bottom .input-group-addon { border-radius:0 !important; }
.input-border-bottom.form-control,
.input-group.input-border-bottom .form-control { border-left:none !important; border-right:none !important; border-top:none !important; transition:border 0.45s ease; -webkit-transition:border 0.45s ease; background-color: transparent; }
.input-group.input-border-bottom .input-group-addon:first-child { border-right: 1px solid #eaeaea; border-top:none !important; border-left:none !important; }
.input-group.input-border-bottom .input-group-addon:last-child { border-left:1px solid #eaeaea; border-top:none !important; border-right:none !important; }
.input-border-bottom.form-control:focus,
.input-group.input-border-bottom .form-control:focus { box-shadow: none !important; -webkit-box-shadow:none !important; }
.input-border-bottom.form-control { transition: padding 0.45s; -webkit-transition: padding 0.45s; }
.input-border-bottom.form-control:focus { padding-left:0; }
.form-control.dark.input-border-bottom { background-color: transparent; color:#505050; }
.form-control.dark.input-border-bottom::-moz-placeholder { color:#505050; }
.form-control.dark.input-border-bottom:-ms-input-placeholder { color:#505050; }
.form-control.dark.input-border-bottom::-webkit-input-placeholder { color:#505050; }
.form-control.dark.input-border-bottom::placeholder { color:#505050; }
/* Dark input */
.form-control.dark { border-color:#1a1a1a; background-color: #505050; color:#c7c7c7; }
.form-control.dark::-moz-placeholder { color:#c7c7c7; }
.form-control.dark:-ms-input-placeholder { color:#c7c7c7; }
.form-control.dark::-webkit-input-placeholder { color:#c7c7c7; }
.form-control.dark::placeholder { color:#c7c7c7; }
.form-control.dark:focus { border-color: #000; -webkit-box-shadow: 0 0 8px rgba(0,0,0, 0.52); box-shadow: 0 0 8px rgba(0,0,0, 0.52); }
/* White input - perfect with background images */
.form-control.white { border-color:#fff; background-color: transparent; color:#fff; }
.form-control.white::-moz-placeholder { color:#fff; }
.form-control.white:-ms-input-placeholder { color:#fff; }
.form-control.white::-webkit-input-placeholder { color:#fff; }
.form-control.dark::placeholder { color:#fff; }
.form-control.white:focus { border-color: #e0e0e0; -webkit-box-shadow: 0 0 8px rgba(255,255,255, 0.8); box-shadow: 0 0 8px rgba(255,255,255, 0.8); }

/*
 *  Bootstrap TouchSpin - v3.0.1
 *  A mobile and touch friendly input spinner component for Bootstrap 3.
 *  http://www.virtuosoft.eu/code/bootstrap-touchspin/
 *
 *  Made by István Ujj-Mészáros
 *  Under Apache License v2.0 License
 */
.bootstrap-touchspin .form-control.vertical-spinner { border-radius: 4px 0 0 4px !important; }
.bootstrap-touchspin .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; }
.bootstrap-touchspin .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding:9.5px 12px; margin-left: -1px; position: relative; }
.bootstrap-touchspin .btn.btn-default { border-color:#eaeaea; }
.bootstrap-touchspin .input-group-btn-vertical > .btn.btn-default:hover,
.bootstrap-touchspin .input-group-btn-vertical > .btn.btn-default:focus { border-color:#dadada; }
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; border-top-right-radius: 4px; }
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { margin-top: -2px; border-radius: 0; border-bottom-right-radius: 4px; }
.bootstrap-touchspin-up.btn,
.bootstrap-touchspin-down.btn { padding:9px 12px; border-radius:0 4px 4px 0; min-width: 36px; text-align: center; }
.bootstrap-touchspin-down.btn { margin-right: -1px !important ; border-radius: 4px 0 0 4px; }
.bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: 5px; left: 50%; margin-left:-4.5px; font-size: 9px; font-weight: normal; }
.form-datetime .input-group-addon,
.form-date .input-group-addon,
.form-time .input-group-addon { cursor: pointer; }
.has-feedback label~.form-control-feedback { top:26px; }
/* -------------------------------------------
    2.4 Tabs ( see: elements-tabs.html )
--------- */
.nav-tabs,
.nav-pills{ margin-bottom:20px; }
.nav-tabs { border-bottom: 1px solid #eaeaea; }
.nav-tabs.nav-tabs-inverse { border-bottom:none; border-top:1px solid #eaeaea; }
.nav-tabs.nav-tabs-inverse > li { margin-bottom: 0; margin-top:-1px; }
.nav-tabs > li > a,
.nav-pills > li > a { color:#606060; transition: background 0.35s ease, color 0.04s; -webkit-transition: background 0.35s ease, color 0.04s; }
.nav-tabs.no-radius > li > a,
.nav-pills.no-radius > li > a { border-radius: 0 !important; }
.nav-tabs > li > a { margin-right: -1px; }
.nav-tabs.nav-tabs-inverse > li > a { border-radius: 0 0 4px 4px; }
.nav-pills > li > a > i,
.nav-tabs > li > a > i { margin-right:10px; }
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus { border-color: transparent; background-color: #f3f3f3; }
.nav-tabs > li > a:hover { border-color:#eaeaea; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { color: #505050; background-color: #fff; border: 1px solid #eaeaea; border-top-width:4px; margin-top:-3px; border-bottom-color: transparent; }
.nav-tabs.nav-tabs-inverse > li.active > a,
.nav-tabs.nav-tabs-inverse > li.active > a:hover,
.nav-tabs.nav-tabs-inverse > li.active > a:focus { border-top-width:0; margin-top:0; border-bottom-width:4px; margin-bottom:-3px; border-top-color:transparent; border-bottom-color: #eaeaea; }
@media (max-width: 767px){ .nav-tabs > li > a > i,
    .nav-pills > li > a > i{ display:none; }
    /* Prevent text Overflow for nav-tabs */
    .nav-tabs > li > a,
    .nav-pills > li > a  { max-width:80px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
}
@media (min-width: 768px){ .vertical-tab  { display:table; }
    .vertical-tab .nav-tabs,
    .vertical-tab .nav-pils,
    .vertical-tab .tab-content { display:table-cell; }
    .vertical-tab .nav-tabs > li,
    .vertical-tab .nav-pills > li { float:none; white-space: nowrap; }
    .vertical-tab.left .tab-content { padding-left:25px; }
    .vertical-tab.right .tab-content { padding-right:25px; }
    .vertical-tab .nav-tabs { margin-bottom:0; border:none; }
    .vertical-tab.left .nav-tabs { border-right:1px solid #eaeaea; }
    .vertical-tab.right .nav-tabs.nav-tabs-inverse { border-left:1px solid #eaeaea; }
    .vertical-tab.left .nav-tabs > li { margin:0; margin-right:-1px; }
    .vertical-tab.right .nav-tabs.nav-tabs-inverse > li { margin:0; margin-left:-1px; }
    .vertical-tab .nav-tabs > li > a,
    .vertical-tab .nav-tabs.nav-tabs-inverse > li > a  { margin: 0; }
    .vertical-tab.left .nav-tabs > li > a { border-radius: 4px 0 0 4px; }
    .vertical-tab.right .nav-tabs.nav-tabs-inverse > li > a { border-radius: 0 4px 4px 0; }
    .vertical-tab.left .nav-tabs > li.active > a,
    .vertical-tab.left .nav-tabs > li.active > a:hover,
    .vertical-tab.left .nav-tabs > li.active > a:focus { border: 1px solid #eaeaea; border-left-width:4px; margin-left:-3px; margin-top:0; border-right-color: transparent; }
    .vertical-tab.right .nav-tabs.nav-tabs-inverse > li.active > a,
    .vertical-tab.right .nav-tabs.nav-tabs-inverse > li.active > a:hover,
    .vertical-tab.right .nav-tabs.nav-tabs-inverse > li.active > a:focus { border: 1px solid #eaeaea; border-right-width:4px; margin-right:-3px; margin-bottom:0; margin-top:0; border-left-color: transparent; }
    /* Nav Pills*/
    .vertical-tab .nav-pills > li { margin-bottom:3px; }
    .vertical-tab .nav-pills > li + li { margin-left: 0; }
}
/* Nav pills - pills tab */
.nav-pills > li + li { margin-left: 3px; }
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { color: #fff; }
.nav-pills.nav-tabs-lava > li + li { margin-left: 0; }
.nav-pills.nav-tabs-lava > li > a:hover,
.nav-pills.nav-tabs-lava > li > a:focus,
.nav-pills.nav-tabs-border > li > a:hover,
.nav-pills.nav-tabs-border > li > a:focus { border-color: transparent; background-color: transparent; }
.nav-pills.nav-tabs-lava > li.active > a,
.nav-pills.nav-tabs-lava > li.active > a:hover,
.nav-pills.nav-tabs-lava > li.active > a:focus { color: inherit; background-color: transparent; }
.nav-pills.nav-tabs-border > li.active > a,
.nav-pills.nav-tabs-border > li.active > a:hover,
.nav-pills.nav-tabs-border > li.active > a:focus { background-color: transparent; }
.nav-pills.nav-tabs-lava .lavalamp-object { background-color: #eaeaea; border-radius:4px; }
.nav-pills.nav-tabs-border .lavalamp-object { height:2px !important; top:auto !important; bottom:0 !important; border-radius:4px; }
.nav-pills.nav-tabs-lava.no-radius .lavalamp-object { border-radius:0 !important; }
/* -------------------------------------------------
    2.5 Progress Bars ( see: elements-progressbars.html )
*/
.progress { margin-bottom: 20px; background-color: #eaeaea; border-radius: 0; box-shadow:none; -webkit-box-shadow:none; overflow:visible; }
.progress-bar { 
    text-align: right; padding-right:15px; box-shadow:none; -webkit-box-shadow:none; position: relative; }
.progress.progress-sm { height: 10px; }
.progress.progress-sm .progress-bar { font-size:7px; line-height: 10px; padding-right:8px; }
.progress.progress-xs { height: 4px; }
.progress.progress-xs .progress-bar { font-size:0; line-height: 5px; }
.progress.progress-lg { height: 30px; }
.progress.progress-lg .progress-bar { font-size:15px; line-height: 30px; padding-right:20px; }
.progress-bar-dark,
.progress-bar-dark .progress-tooltip { background-color: #505050; }
.progress-bar-gray,
.progress-bar-gray .progress-tooltip { color:#505050; background-color: #d7d7d7; }
.progress-text,
.progress-tooltip { display:none; font-weight: 700; }
.progress-tooltip { position: absolute; right:-5px; bottom:100%; padding:2px 8px; color: #fff; font-size:12px; line-height: 1.4; margin-bottom:7px; border-radius: 4px; }
.progress-tooltip:after { content:''; width: 0; height: 0; position: absolute; left:50%; margin-left:-6px; top:100%; border-style: solid; border-width: 6px 6px 0 6px; border-color: #505050 transparent transparent transparent; }
.progress-bar-dark .progress-tooltip:after { border-top-color: #505050; }
.progress-bar-gray .progress-tooltip:after { border-top-color: #d7d7d7; }
.progress-title { margin-bottom:10px; font:700 14px/1 'Open Sans', Verdana, sans-serif; }
.circle-progress-container  { text-align: center; margin-bottom: 50px; }
.circle-progress-container .progress-title { margin-bottom:20px; }
.circle-progress-container .circle-progress + .progress-title { margin-top:20px; }
.circle-progress { margin-bottom:15px; }
/* --------------------------------------------
    2.6 Lists ( see: elements-lists.html )
*/
/* Predefined List style types */
.list-style { padding-left:20px; }
.list-style.list-disc { list-style-type: disc; }
.list-style.list-circle { list-style-type: circle; }
.list-style.list-square { list-style-type: square; }
.list-style.list-decimal { list-style-type: decimal; }
.list-style.list-lower-alpha { list-style-type: lower-alpha; }
.list-style.list-upper-alpha { list-style-type: upper-alpha; }
.list-style.list-lower-roman { list-style-type: lower-roman; }
.list-style.list-upper-roman { list-style-type: upper-roman; }
.fa-ul > li { margin-bottom:10px; }
.fa-ul { margin-left:20px; }
.fa-li { top:.2785714em; }
.list-group { margin-bottom: 20px; }
.list-group-item { padding: 10px 15px; }
a.list-group-item { color: #505050; }
a.list-group-item .list-group-item-heading { color: #303030; margin-bottom:10px; }
a.list-group-item:hover,
a.list-group-item:focus { background-color: #f4f4f4; }
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text { color: #fff; }
/* --------------------------------------------
    2.7 Icons ( see: elements-icons.html )
*/
.icon-show-container { padding:10px; background-color: #f1f1f1; text-align: center; margin-bottom:20px; transition: all 0.4s ease; transition: all 0.4s ease; }
.icon-show-container:hover { background-color: #e1e1e1; }
/* --------------------------------------------
    2.8 Collapses ( see: elements-collapses.html )
*/
.panel { margin-bottom: 20px; background-color: transparent; }
.panel-body { padding:15px 20px; }
.panel-heading { padding:0; position: relative; transition:background 0.45s ease; -webkit-transition:background 0.45s ease; }
.panel-group.no-radius .panel,
.panel-group.no-radius .panel-heading { border-radius: 0 !important; }
.panel-heading a { display: block; padding: 15px 20px; }
.panel-title { font-size: 15px; }
.panel-icon { position: absolute; right:20px; top:50%; display: inline-block; font-family:FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size:18px; margin-top: -9px; color:#303030 !important; }
.panel-icon:before { content:'\f106'; }
.collapsed .panel-icon:before { content:'\f107'; }
/* Default Color */
.panel-default { border-color: #eaeaea; }
.panel-default > .panel-heading { color: #505050; background-color: #f9f9f9; border-color: #d7d7d7; }
.panel-default > .panel-heading:hover { background-color: #f2f2f2; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #eaeaea; }
.panel-group .panel-heading + .panel-collapse > .panel-body, 
.panel-group .panel-heading + .panel-collapse > .list-group { border-top-color: #eaeaea; }
/* Custom Color */
.panel-custom > .panel-heading { color: #f1f1f1; }
/* Primary (Blue) add hover state */
.panel-primary > .panel-heading:hover { background-color: #286090; }
/* Inverse (Dark)*/
.panel-inverse { border-color: #1a1a1a; }
.panel-inverse > .panel-heading { color: #bebebe; background-color: #2a2a2a; border-color: #1a1a1a; }
.panel-inverse > .panel-heading:hover { background-color: #1a1a1a; }
.panel-inverse > .panel-heading + .panel-collapse > .panel-body { border-top-color: #1a1a1a; }
.panel-inverse .panel-icon { color:#eaeaea !important; }
.panel-primary .panel-title a,
.panel-custom .panel-title a { color:#f5f5f5; }
.panel-primary .panel-icon,
.panel-custom .panel-icon { color:#f1f1f1 !important; }
.panel-custom .panel-title a:hover,
.panel-primary .panel-title a:hover,
.panel-custom .panel-title a:focus,
.panel-primary .panel-title a:focus { color:#fff; }
.panel-inverse .panel-title a { color:#eaeaea; }
.panel-inverse .panel-title a:hover,
.panel-inverse .panel-title a:focus { color:#f1f1f1; }
/* Panel Bordered */
.panel-bordered,
.panel-border-tb { border-color: #eaeaea; }
.panel-bordered > .panel-heading,
.panel-border-tb > .panel-heading { border-color: #eaeaea; }
.panel-bordered > .panel-heading + .panel-collapse > .panel-body,
.panel-der-tb > .panel-heading + .panel-collapse > .panel-body { border-top-color: #eaeaea; }
.panel-border-tb > .panel-heading { border-radius: 0; }
.panel-border-tb.panel { border-radius: 0; box-shadow:none; -webkit-box-shadow:none; border-left:none; border-right:none; }
/* --------------------------------------------
    2.9 Grid ( see: elements-grids.html )
*/
.row-showcase div[class^="col"],
.row-showcase div[class*=' col'] { background-color: #f1f1f1; padding-top:30px; padding-bottom:30px; border:1px solid #fff; text-align: center; transition:background 0.5s ease; -webkit-transition:background 0.5s ease; }
.row-showcase div[class^="col"]:hover,
.row-showcase div[class*=' col']:hover { background-color: #eaeaea; }
/* --------------------------------------------
    2.10 Tooltips (see: elements-more.html)
----- */
.tooltip { z-index:900; font: 13px/1.4 'Open Sans', Verdana, sans-serif; }
.tooltip.in { filter: alpha(opacity=94); opacity: .94; }
.tooltip.top { padding: 8px 0; }
.tooltip.right { padding: 0 8px; }
.tooltip.bottom { padding: 8px 0; }
.tooltip.left { padding: 0 8px; }
.tooltip-inner { padding: 3px 10px; color: #fff; border-radius:0; white-space: nowrap; }
.tooltip.top .tooltip-arrow { margin-left: -5px; border-width: 0 10px 10px 0; }
.tooltip.right .tooltip-arrow { margin-top: -7.5px; border-width: 0 0 10px 10px; }
.tooltip.left .tooltip-arrow { margin-top: -7.5px; border-width: 10px 0 0 10px; }
.tooltip.bottom .tooltip-arrow { margin-left: -5px; border-width: 0 0 10px 10px; }
/* --------------------------------------------
    2.11 Popover (see: elements-more.html)
----- */
.popover { box-shadow:none; -webkit-box-shadow:none; z-index: 900; border: 1px solid transparent; background-color: #f6f6f6; border-radius:0; padding:0; font-family: inherit; min-width: 270px; }
.popover-title { padding: 10px 14px 9px; margin: 0; font:700 14px/1 'Open Sans', Verdana; color:#f1f1f1; border-bottom: 1px solid transparent; border-radius: 0; box-shadow:none; -webkit-box-shadow:none; }
.popover-content { padding: 9px 14px; }
.popover.top > .arrow:after { border-top-color: #f6f6f6; }
.popover.right > .arrow:after { border-right-color: #f6f6f6; }
.popover.left > .arrow:after { border-left-color: #f6f6f6; }
/* ----------------------------------------------
    2.12 Bootstrap slider (see: elements-more.html)
*/
.carousel-inner > .item { padding:0; margin:0; }
.carousel-inner > .item > a { display: block; }
.carousel-control { position: absolute; top: 50%; left: 0; margin-top:-20px; width: 36px; height:40px; font-size: 20px; line-height: 38px; color: #fff; text-align: center; text-shadow: none; filter: alpha(opacity=100); opacity: 1; border:1px solid #fff; transition: background 0.35s ease, border 0.35s ease; -webkit-transition: background 0.35s ease, border 0.35s ease; }
.carousel-control.left { left:20px; background-image:none; }
.carousel-control.right { right: 20px; left: auto; background-image:none; }
.carousel-control:hover,
.carousel-control:focus { filter: alpha(opacity=100); opacity: 1; }
.carousel-caption { font-size:16px; text-shadow:none; }
.carousel-indicators li { margin:0 4px; }
/* --------------------------------------------
    2.13 Maps (see: elements-maps.html)
-------- */
.map-show { width:100%; height:300px; }
@media (min-width: 768px) { .map-show { height:500px; }
}
.map-show.small { height:400px; }
/* You can Delete this code if you don't use vector world map see (elements-maps.hmtl) */

/*!
 * jQVMap Version 1.0 
 *
 * http://jqvmap.com
 *
 * Copyright 2012, Peter Schmalfeldt <manifestinteractive@gmail.com>
 * Licensed under the MIT license.
 *
 * Fork Me @ https://github.com/manifestinteractive/jqvmap
 */ 
.jqvmap-label { position: absolute; display: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #292929; color: white; font-family: 'Open Sans', sans-serif, Verdana; font-size: smaller; padding: 2px 6px; }
.jqvmap-zoomin, .jqvmap-zoomout { position: absolute; left: 10px; border-radius:3px; background: #000000; padding: 0; color: white; width: 16px; height: 16px; cursor: pointer; font-size:14px; line-height: 16px; text-align: center; }
.jqvmap-zoomin { top: 10px; }
.jqvmap-zoomout{ top: 30px; }
.jqvmap-region { cursor: pointer; }
.jqvmap-ajax_response{ width: 100%; height: 500px; }
/* ----------------------------------------------
    2.14 Counters (see: elements-counters.html)
--- */
.count-container { margin-bottom:50px; }
.count-container.smallest { margin-bottom: 40px; }
.count { display:inline-block; font:700 36px/1 'Open Sans', Verdana, sans-serif; margin-bottom:30px; }
.count-container.smaller .count { font-size:32px; margin-bottom:20px; }
.count-container.smallest .count { font-size:24px; margin-bottom:16px; }
.count,
.count-container h3 { position: relative; z-index:5; }
.count-container.smallest h3:last-child { margin-bottom: 0; }
.count-container h3 > span { font-weight: 500; }
@media (max-width: 480px) { .count-container.col-xs-6,
    .col-xss-12 { float:none; width:100%; }
    .hidden-xss { display:none !important; }
}
.count-icon-bg { font-size:42px; line-height: 1; display:block; position: absolute; left:30%; top:-20px; color: #f1f1f1; z-index:1; }
.count-container.smaller .count-icon-bg{ font-size:32px; top:0; }
@media (min-width: 768px) { .count-icon-bg { font-size:48px; left:45%; top:-10px; }
    .count-container.smaller .count-icon-bg { font-size:38px; }
}
.count-icon { font-size:36px; line-height: 1; display:block; margin-bottom:20px; color:#4a4a4a; }
.count-container.smallest .count-icon { font-size:32px; margin-bottom:18px; }
.count-box { position: relative; border:2px solid #eaeaea; padding-top:25px; padding-bottom:25px; }
.count-box .count-icon { margin-bottom:15px; }
.count-box .count { margin-bottom:20px; }
.count-box h3 { margin-bottom:0; }
.count-box-icon { padding-top:60px; padding-bottom:30px; }
.count-box-icon .count-icon { display:inline-block; position: absolute; top:-36px; left:50%; width:90px; height: 72px; line-height: 72px; margin-left:-45px; border:2px solid #eaeaea; background-color: #fff; }
.counter-group { position: relative; padding:15px 0; overflow: hidden; }
.counter-group:before,
.counter-group:after { content:''; display:block; background-color: #eaeaea; position: absolute; }
.counter-group:before { width:2px; left:50%; margin-left:-1px; top:0; bottom:0; }
.counter-group:after { height:2px; left:15px; right:15px; top:50%; margin-top:-1px; }
.counter-group > .row:last-child .count-container { margin-top:50px; margin-bottom:0; }
@media (max-width: 480px) { .counter-group:before,
    .counter-group:after { display:none; }
    .counter-group > .row:last-child .count-container { margin-top:0; margin-bottom:50px; }
}
/* ----------------------------------------------
    2.15 Services (see: elements-services.html)
--- */
.service { display: block; position: relative; margin-bottom: 40px; }
@media (min-width: 768px) { .service { margin-bottom:50px; }
    .service.service-hover-bg { margin-bottom: 30px; }
}
.service.reverse { text-align: right; }
.service-icon { min-width:60px; display: block; float:left; font-size:32px; line-height: 1; }
.service.reverse .service-icon { float:right; }
.service-content { margin-left:60px; }
.service.reverse .service-content { margin-left:0; margin-right:60px; }
.service-title { font-size:15px; line-height: 1.4; margin-bottom:10px; }
.service-subtitle { font-size:12px; font-weight: normal; line-height: 1.2; margin-bottom:10px; }
.service.vertical .service-icon { float:none; margin-bottom:25px; }
.service.vertical .service-content { margin-left:0; }
.service.vertical.reverse .service-content{ margin-right:0; }
.service.vertical .service-title.title-underblock { margin-bottom:18px; }
.service-box { padding:25px 15px; border:2px solid #eaeaea; }
.bg-gray .service-box { border-color:#d6d6d6; }
.service-box p { margin-bottom: 0; }
.service-hover { overflow: hidden; }
.service-hover-bg { transition: background 0.4s cubic-bezier(.17,.83,.29,.04), border 0.4s cubic-bezier(.17,.83,.29,.04); -webkit-transition: background 0.4s cubic-bezier(.17,.83,.29,.04), border 0.4s cubic-bezier(.17,.83,.29,.04); }
.service-hover-bg:hover,
.service-hover-bg:hover .first-color,
.service-hover-bg:hover .second-color,
.service-hover-bg:hover .third-color,
.service-hover-bg:hover .service-title,
.service-hover-bg.custom2:hover { color:#fff; }
.service-hover-bg.dark:hover { background-color: #2a2a2a; border-color:#1a1a1a; color:#fff; }
.service-hover-bg.dark:hover .title-underblock.custom:after,
.service-hover-bg.dark:hover .title-underblock.gray:after,
.service-hover-bg.dark:hover .title-underblock.dark:after  { background-color: #1a1a1a; }
.service-group .service-hover-bg { padding:25px 15px; }
.service-group .service-hover-bg p { margin-bottom: 5px; }
@media (min-width: 768px) { .service-group .service { margin-bottom:80px; }
    .service-group .service:before,
    .service-group .service:after { content:''; display:block; position: absolute; background-color: #eaeaea; }
    .service-group .service:before { height:2px; left:0; right:0; bottom:-40px; }
    .service-group .service:after { width:2px; top:0; bottom:0; right:-16px; }
    .service-group .row:last-child .service:before { display: none; }
    .service-group .col-sm-4:last-child .service:after { display: none; }
    .service-group .service-hover { overflow: visible; }
}
/* --------------------------------------------------
    2.16 Pagination (Bootstrap Pagination Overwrite)
--- */
.pagination-container { padding-top:30px; border-top:1px solid #eaeaea; }
.pagination { margin: 0 ; border-radius: 0; }
.pagination > li > a,
.pagination > li > span { padding: 6px 11px; color: #777; background-color: #ffffff; border: 1px solid #eaeaea; margin-left: 4px; border-radius:0; transition: all 0.45s ease; -webkit-transition: all 0.45s ease; min-width: 34px; text-align: center; }
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-radius:0; }
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-radius:0; }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #505050; background-color: #f1f1f1; border-color: #d7d7d7; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { color: #ffffff; }
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #eaeaea; cursor: not-allowed; }
/* -------------------------------------
    2.17 Bootstrap Modal
----------------- */
.modal { z-index:9200; }
.modal-header { padding:22px 20px; position: relative; border-bottom: none; }
.modal-header .close { font-family: 'Open Sans', Verdana; position: absolute; right:-1px; top:0; height:100%; font-size:24px; width:42px; background: rgba(0,0,0, 0.2); color:#fff; text-align: center; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; opacity:0.4; }
.modal-header .close:hover,
.modal-header .close:focus { opacity: 0.9; }
.modal-header,
.modal-footer { background-color: #2a2a2a; color:#eaeaea; }
.modal-header h2,
.modal-header h3,
.modal-header h4 { color:#eaeaea; }
.modal.light .modal-header { border-bottom:1px solid #eaeaea; }
.modal.light .modal-header,
.modal.light .modal-footer { background-color: transparent; color:#303030; }
.modal.light .modal-header h2,
.modal.light .modal-header h3,
.modal.light .modal-header h4 { color:#303030; }
.modal.light .modal-header .close { background-color: transparent; color:#303030; }
.modal-body { padding: 30px 20px; }
.modal-body .form-group:last-child,
.modal-body .form-group:last-child .form-control { margin-bottom:5px; }
.modal-footer { padding:15px 20px; }
.modal-footer.text-center { text-align: center; }
.modal-footer.text-left { text-align: left; }
.modal-content { background-color: #fafafa; border: 1px solid #2a2a2a; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; }
.modal .input-group:last-child { margin-bottom: 0; }
/* -----------------------------------------
    2.18 Dividers (elements-dividers.html)
-- */
.divider { width:100%; margin:40px 0; position: relative; }
.divider > span { background-color: #fff; display:block; display:inline-block; position: absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); font-size:1.2em; width: 48px; height:48px; line-height: 46px; border:1px solid #eaeaea; text-align: center; border-radius: 50%; }
.bg-dark .divider > span { background-color: #2a2a2a; }
.bg-lightgray .divider > span { background-color: #f2f2f2; }
.bg-lightergray .divider > span { background-color: #fafafa; }
.bg-gray .divider > span  { background-color: #e5e5e5; border-color:#d0d0d0; }
.divider.line { border-bottom:1px solid #eaeaea; }
.divider.line.double { border-top:1px solid #eaeaea; padding:4px 0; border-bottom:1px solid #eaeaea; }
.divider.bg-divider { padding:5px 0; background-color: #eaeaea; }
.bg-gray .divider.bg-divider  { background-color: #d3d3d3; }
.divider.pattern-square { padding:5px 0; background-color:#eaeaea; background-image: linear-gradient(white 2px, transparent 2px),
        linear-gradient(90deg, white 2px, transparent 2px),
        linear-gradient(rgba(255,255,255,.7) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.7) 1px, transparent 1px); background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px; background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px
}
/* ----------------------------------------
    2.19 Team Members
--------------------- */
@media (max-width: 520px) { .team-member-container { float:none; width:100%; }
}
.team-member { position: relative; margin-bottom: 50px; }
.team-member.boxed-member { background-color: #f4f4f4; padding-bottom: 18px; }
.team-member.boxed-member.white { background-color: #fff; }
.team-member figure { position: relative; margin-bottom: 25px; position: relative; }
.team-member figure > a { display: block; }
.team-member img { display: block; width:100%; height:auto; }
.team-member h3 { font-size:18px; margin-bottom: 6px; letter-spacing: 0.5px; }
.team-member .member-desc { font-size:15px; font-weight: 500; margin-bottom: 10px; }
.team-member .member-desc.one_row { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-member .member-desc > span { font-style: italic; font-weight: 400; }
.team-member figcaption { transition: all 0.4s ease; -webkit-transition: all 0.4s ease; position: absolute; bottom:0; left:0; right:0; padding:50px 0 5px; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.team-member .social-icon { font-size:16px; color:#fff; }
.team-member .social-icons.dark .social-icon { color:#5a5a5a; }
.team-member .member-meta { transition: all 0.4s ease; -webkit-transition: all 0.4s ease; position: absolute; top:0; left:0; right:0; padding:30px 20px 30px; background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.team-member .member-meta h3,
.team-member .member-meta .member-desc { color:#fff; }
.animate-hover-member { overflow: hidden; }
.animate-hover-member.team-member figure,
.team-member-circle figure { margin-bottom: 0; }
.animate-hover-member.team-member .member-meta,
.animate-hover-member.team-member figcaption { opacity: 0; }
.animate-hover-member.team-member .member-meta { transform:translateY(-120px); -webkit-transform:translateY(-120px); -ms-transform:translateY(-120px); }
.animate-hover-member.team-member figcaption { transform:translateY(90px); -webkit-transform:translateY(90px); -ms-transform:translateY(90px); }
.animate-hover-member.team-member:hover .member-meta,
.animate-hover-member.team-member:hover figcaption { transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); opacity:1; }
.team-member.team-animate-social figcaption { opacity:0; overflow: hidden; }
.team-member.team-animate-social .social-icon { transition: all 0.4s ease, color 0.05s linear; -webkit-transition: all 0.4s ease, color 0.05s linear; }
.team-member.team-animate-social .social-icon { transform:translateY(90px); -webkit-transform:translateY(90px); -ms-transform:translateY(90px); }
.team-member.team-animate-social .social-icon:nth-child(2) { transition-delay:0.1s; }
.team-member.team-animate-social .social-icon:nth-child(3) { transition-delay:0.2s; }
.team-member.team-animate-social .social-icon:nth-child(4) { transition-delay:0.3s; }
.team-member.team-animate-social .social-icon:nth-child(5) { transition-delay:0.4s; }
.team-member.team-animate-social .social-icon:nth-child(6) { transition-delay:0.5s; }
.team-member.team-animate-social:hover figcaption { opacity:1; }
.team-member.team-animate-social .social-icon:hover { transition-delay:0s !important; }
.team-member.team-animate-social:hover .social-icon { transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); }
.team-member-circle { overflow: hidden; }
.team-member-circle,
.team-member-circle figure,
.team-member-circle img { border-radius: 500px; }
.team-member-circle.circle-center .member-meta { bottom:0; background-color: rgba(0,0,0, 0.42); background-image: none; }
.team-member-circle.circle-center .social-icon { margin-bottom: 0; }
.team-member-circle.circle-center .member-meta { visibility: hidden; opacity:0; border-radius: 500px; }
.team-member-circle.circle-center:hover .member-meta { opacity:1; visibility: visible; }
.team-member-circle.circle-center.circle-rotateIn { overflow: visible; }
.team-member-circle.circle-center.circle-rotateIn .member-meta { transform:translateX(-50%) rotateZ(-360deg); -webkit-transform:translateX(-50%) rotateZ(-360deg); -ms-transform:translateX(-50%) rotateZ(-360deg); }
.team-member-circle.circle-center.circle-rotateIn:hover .member-meta { transform:translateX(0) rotateZ(0); -webkit-transform:translateX(0) rotateZ(0); -ms-transform:translateX(0) rotateZ(0); }
.team-member-box { padding:15px 15px 10px; background: #f6f6f6; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
.team-member-box:hover { box-shadow:0 3px 12px rgba(0,0,0, 0.18); -webkit-box-shadow:0 3px 12px rgba(0,0,0, 0.18); }
.team-member-box img { transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; }
.team-member-box.dark { background-color: #2a2a2a; }
.team-member-box.dark h3,
.team-member-box.dark .member-desc,
.team-member-box.dark .social-icon,
.team-member-box.dark .social-icons.dark .social-icon { color:#bebebe; }
.team-member-box.custom h3,
.team-member-box.custom .member-desc,
.team-member-box.custom .social-icon,
.team-member-box.custom .social-icons.dark .social-icon,
.team-member-box.custom2 h3,
.team-member-box.custom2 .member-desc,
.team-member-box.custom2 .social-icon,
.team-member-box.custom2 .social-icons.dark .social-icon { color:#eaeaea; }
.team-member-box:hover img { transform:scale(0.8); -webkit-transform:scale(0.8); -ms-transform:scale(0.8); }
/* -----------------------------------------
    2.20 Labels
----------------------------- */
.label { display: inline-block; padding: 0 10px; font:600 10px/1.6 'Open Sans', Verdana; color: #fff; text-align: center; border-radius: 0; text-transform: uppercase; vertical-align: middle; }
.label-popular { background-color: #e02a40; }
.label-new { background-color: #28a1e0; }
.label-category { background-color: #e53935; }
/* --------------------------------------------------
    2.21 Callouts (see:elements-callouts.html)
------- */
.callout { position: relative; margin-bottom: 60px; padding:30px 25px; background-color: #f1f1f1; overflow: hidden; }
.boxed .callout .container,
.boxed-long .callout .container { width:100% !important; }
.callout.lighter { background-color: #f8f8f8; }
.callout.no-margin { margin:0 !important; }
.callout.large { padding:40px 30px; }
.callout.larger { padding:50px 30px; }
.callout.largest { padding:70px 30px; }
.callout.radius4x { border-radius:4px; }
.callout.radius8x { border-radius:8px; }
.callout.radius12x { border-radius:12px; }
.callout.no-padding-bt { padding-bottom: 0 !important
}
.callout.bordered { background-color: transparent !important; border:3px solid #f1f1f1; }
.callout.no-bg { background-color: transparent !important; }
.callout.white { background-color: #fff !important; }
.callout.no-border-top { border-top:none !important; }
.callout.bordered.fullwidth { border-left:none; border-right:none; }
.callout.callout-vertical { text-align: center; padding:35px 25px; }
.callout.callout-vertical.larger { padding:50px 30px; }
.callout.callout-vertical.largest { padding:70px 30px; }
.callout:after { content:''; position: absolute; left:0; top:0; bottom:0; display: block; width:3px; }
.callout.no-border:after,
.callout.bordered:after,
.callout.callout-vertical.no-border:after { display: none; }
.callout.callout-vertical:after { width:auto; bottom:auto; left:0; top:0; right:0; height:3px; }
.callout-icon { position: absolute; left:30px; top:50%; z-index: 0; line-height: 1; font-size: 6em; color:#fff;  transform:rotate(10deg) translateY(-50%); -webkit-transform:rotate(10deg) translateY(-50%); -ms-transform:rotate(10deg) translateY(-50%); }
.callout-icon.reverse { left:auto; right:30px; transform:rotate(-10deg) translateY(-50%); -webkit-transform:rotate(-10deg) translateY(-50%); -ms-transform:rotate(-10deg) translateY(-50%); }
.bordered .callout-icon  { color:#eaeaea; }
.callout-wrapper { display: table; width:100%; position: relative; z-index: 1; }
.callout-left,
.callout-right { display: table-cell; vertical-align: middle; }
.callout-title { margin-bottom:8px; font-size: 20px; line-height: 1.4; }
.callout-vertical .callout-title { margin-bottom: 13px; }
.callout-desc { font-size: 16px; line-height: 1.5; }
.callout-vertical .callout-desc { max-width: 800px; margin:0 auto 25px; }
/* fix for auto inline-block margin */
.callout-action { font-size: 0; }
.callout-action .btn + .btn { margin-left:10px; }
.callout-action form { max-width:420px; margin:0 auto; }
/* Color Schemes - Dark */
.callout.dark { background-color: #2a2a2a; border-color:#2a2a2a; }
.callout.dark:not(.bordered) { color:#9a9a9a; }
.callout.dark:not(.bordered) .callout-title { color:#bebebe; }
.callout.dark .callout-icon { color:#4e4e4e; }
/* Color Schemes - Custom*/
.callout.custom:not(.bordered) { color:#e1e1e1; }
.callout.custom:not(.bordered) .callout-title { color:#eaeaea; }
@media (min-width: 768px) { .callout-left { padding-right: 25px; }
    .callout-left *:last-child,
    .callout-right *:last-child { margin-bottom: 0; }
    .callout-right { text-align: right; }
    .callout-right.text-left { text-align: left; }
}
@media (max-width: 767px) { .callout { text-align: center; }
    .callout-wrapper,
    .callout-left,
    .callout-right { display: block; }
    .callout-desc { font-size: 15px; }
    .callout-left + .callout-right .callout-title { margin-top:20px; }
    .callout-left + .callout-right .callout-desc { margin-bottom: 0; }
    .callout-action .min-width.btn { min-width: 0; }
}