/**
 *
 */
 
 
/* Light */

/*body.light #top-portfolio,
body.light #bottom-portfolio {
  background-image: url(../images/pw8.png);
  background-repeat: repeat;
}
body.light #top-wrapper,
body.light #ct-wrapper {
  background-image: url(../images/pw4.png);
  background-repeat: repeat;
}

body.light { color: #999 }
body.light #site-wrapper {
  background-image: url(../images/pw9.png);
  background-repeat: repeat
}*/

body.light hr {border-color: #ccc}

body.light #ct-wrapper h1,
body.light #ct-wrapper h2,
body.light #ct-wrapper h3,
body.light #ct-wrapper h4,
body.light #ct-wrapper h5,
body.light .moduletable #ct-wrapper h3,
body.light #ct-wrapper strong, body.light #ct-wrapper b,
body.light #bottom-portfolio h1,
body.light #bottom-portfolio h2,
body.light #bottom-portfolio h3,
body.light #bottom-portfolio h4,
body.light #bottom-portfolio h5,
body.light .moduletable #bottom-portfolio h3,
body.light #bottom-portfolio strong, body.light #bottom-portfolio b,
body.light #top-portfolio h1,
body.light #top-portfolio h2,
body.light #top-portfolio h3,
body.light #top-portfolio h4,
body.light #top-portfolio h5,
body.light .moduletable #top-portfolio h3,
body.light #top-portfolio strong, body.light #top-portfolio b,
body.light #top-wrapper h1,
body.light #top-wrapper h2,
body.light #top-wrapper h3,
body.light #top-wrapper h4,
body.light #top-wrapper h5,
body.light .moduletable #top-wrapper h3,
body.light #top-wrapper strong, body.light #top-wrapper b,
body.light #main-wrapper h1,
body.light #main-wrapper h2,
body.light #main-wrapper h3,
body.light #main-wrapper h4,
body.light #main-wrapper h5,
body.light .moduletable #main-wrapper h3,
body.light #main-wrapper strong, body.light #main-wrapper b { color: #111}
body.light #main-wrapper pre, body.light #main-wrapper .code, body.light #main-wrapper .contents { background: #fff !important; border-color:#ccc }

body.light #main-wrapper .navbar .nav li.dropdown > .dropdown-toggle:hover .caret, 
body.light #main-wrapper .navbar .nav li.dropdown.open > .dropdown-toggle .caret, 
body.light #main-wrapper .navbar .nav li.dropdown.active > .dropdown-toggle .caret, 
body.light #main-wrapper .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-bottom-color: #555; border-top-color: #555 }

body.light #main-wrapper .popover {
    background-color: #F6F6F6;
    border: 1px solid #CCCCCC;
  box-shadow: 2px 2px 0 1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 2px 0 1px rgba(0,0,0,0.2)
}

body.light .popover-title { color: #111 !important }

body.light #main-wrapper .popover-title {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
}

body.light #main-wrapper .popover.top .arrow:after {
    border-top-color: #F6F6F6;
}
body.light #main-wrapper .popover.right .arrow:after {
    border-right-color: #F6F6F6;
}
body.light #main-wrapper .popover.bottom .arrow:after {
    border-bottom-color: #F6F6F6;
}
body.light #main-wrapper .popover.left .arrow:after {
    border-left-color: #F6F6F6;
}

body.light #top-portfolio a:hover,
body.light #top-portfolio a:focus,
body.light #top-wrapper a:hover,
body.light #top-wrapper a:focus,
body.light #main-wrapper a:hover,
body.light #main-wrapper a:focus { color:#111 }
body.light #main-wrapper p.typo-icon:hover i, 
body.light #main-wrapper p.typo-icon:hover span.icon { color:#111 }
body.light #main-wrapper .nav-list > li > a {background-color: #fff; border-color:#ccc }

body.light #main-wrapper .nav.menu > li:not(.active) > a {background-color:#fff }


body.light #main-wrapper .nav-tabs .open .dropdown-toggle {
    background-color: transparent;
    color: #333;
} 
body.light #main-wrapper .nav-pills .open .dropdown-toggle, 
body.light #main-wrapper .nav > li.dropdown.open.active > a:hover {
    background-color: #ccc;
    border-color: #ccc;
    color: #333
}
body.light #main-wrapper .nav-tabs > li > a  { color: #777 }
body.light #main-wrapper .nav-tabs > .active > a, body.light #main-wrapper .nav-tabs > .active > a:hover {
    color: #333 !important;
}

body.light #main-wrapper  .nav-tabs > .active > a { color: #111 !important; }

body.light #main-wrapper  .nav-tabs > .active > a:hover {
    color: #111 !important;
    background: #fff;
}


body.light #main-wrapper  .nav-tabs { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
body.light #main-wrapper  .tab-content { border-top-color:#ccc }
body.light #main-wrapper  .nav-tabs > li > a { border-right: 1px solid #aaa }


 
body.light #main-wrapper .nav li.dropdown.open .caret, body.light #main-wrapper .nav li.dropdown.open.active .caret, 
body.light #main-wrapper .nav li.dropdown.open a:hover .caret, body.light #main-wrapper .nav li.dropdown.open a:focus .caret {
    border-bottom-color: #333;
    border-top-color: #333;
}

body.light #main-wrapper .nav.nav-list.bs-docs-sidenav { background: transparent}
body.light #main-wrapper .nav > li > a:hover, 
body.light #main-wrapper .nav > li > a:focus {
    background-color: transparent; color: #333
}

body.light #main-wrapper .price-table .column { background-color: #fff; color: #555 }
body.light #main-wrapper .price-table > .column > ul > li:nth-child(2n) { background-color: #f6f6f6 }
body.light #main-wrapper .pricerow { color: #111 }
body.light #main-wrapper .nsNext:hover, 
body.light #main-wrapper .nsPrev:hover {
    color: #fff
}
body.light #main-wrapper .price-table > .column > .header {
  height: 6.8em; vertical-align: middle;
  background: url(../images/pw.png) repeat
}

body.light #main-wrapper .price-table > .column > ul > li:nth-child(2n+1) { background: url(../images/pw8.png) repeat }
body.light #main-wrapper .price-table > .column > ul > li:nth-child(2n) { background: url(../images/pw7.png) repeat }

body.light #main-wrapper .nsNext, body.light #main-wrapper .nsPrev {
    background-color: #fff
}
body.light #main-wrapper .bs-docs-example {
    background-color: transparent;
    border: 1px solid #CCCCCC;
}

body.light #main-wrapper .bs-docs-example:after {
    background-color: #F6F6F6;
    border: 1px solid #CCCCCC;
}

body.light #main-wrapper code {
    background-color: #f6f6f6;
    border: 1px solid #ccc;
}

body.light #main-wrapper .dropdown-menu { background-color: #fff; background-image: none; border: 1px solid rgba(0, 0, 0, 0.2)}
body.light #main-wrapper .dropdown-menu .divider {
    background-color: #ccc;
    border-bottom: 1px solid #ccc;
}
body.light #main-wrapper .dropdown-menu li > a:hover, 
body.light #main-wrapper .dropdown-menu li > a:focus, 
body.light #main-wrapper .dropdown-submenu:hover > a {
    background-color: #eee;
    background-image: none;
}
body.light #main-wrapper .label, body.light #main-wrapper .badge { color: #fff }
body.light #main-wrapper .readmore .btn { }
body.light #main-wrapper .btn {
    background-color: rgb(200,200,200);
    background-color: rgba(255,255,255,0.8);
    background-image: none;
    border: 1px solid #ccc;
  color: #777
}
body.light #main-wrapper .btn .caret {
    border-top: 4px solid #333;
}

body.light #main-wrapper  [id*="tools-carousel"] .btn,
body.light #main-wrapper  [id*="tools-dnp-swiper"] .btn { background-color: #f6f6f6 }

body.light #main-wrapper .btn:hover {
    background-color: #eee; color: #333 !important
}
body.light #main-wrapper .btn.btn-primary:hover,
body.light #main-wrapper .btn.btn-info:hover, 
body.light #main-wrapper .btn.btn-warning:hover,
body.light #main-wrapper .btn.btn-danger:hover,
body.light #main-wrapper .btn.btn-success:hover {
    color: #fff !important
}
body.light #main-wrapper .btn.btn-primary:hover .caret, body.light #main-wrapper .btn.btn-primary:focus .caret,
body.light #main-wrapper .btn.btn-info:hover .caret, body.light #main-wrapper .btn.btn-info:focus .caret,
body.light #main-wrapper .btn.btn-warning:hover .caret, body.light #main-wrapper .btn.btn-warning:focus .caret,
body.light #main-wrapper .btn.btn-danger:hover .caret, body.light #main-wrapper .btn.btn-danger:focus .caret,
body.light #main-wrapper .btn.btn-success:hover .caret, body.light #main-wrapper .btn.btn-success:focus .caret {
    border-top-color: #fff !important
}

body.light #main-wrapper .btn.btn-inverse .caret { border-top-color: #eee }
body.light #main-wrapper .btn.btn-inverse {
    background-color: #555;
    background-image: none;
    border: 1px solid #333;
  color: #eee
}
body.light #main-wrapper .btn.btn-inverse:hover .caret, body.light #main-wrapper .btn.btn-inverse:focus .caret { border-top-color: #333 }
body.light #main-wrapper .btn.btn-inverse:hover,
body.light #main-wrapper .btn.btn-inverse:focus {
    background-color: #fff;
    background-image: none;
    border: 1px solid #999;
  color: #999 !important
}
body.light #main-wrapper dl dt {
    color: #111;
}
body.light #main-wrapper .well {
    background-color: #fff;
    border: 1px solid #CCCCCC;
}
body.light #main-wrapper .nav-header {
    color: #333
}
body.light #main-wrapper .nav-list .divider {
    background-color: #ccc;
    border-bottom: 1px solid #ccc;
}
body.light #main-wrapper .navbar-inner {
    background-color: #EEEEEE;
    background-image: none;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 4px rgba(255, 255, 255, 0.067), 0 0 2px #ccc inset;
}
body.light #main-wrapper .navbar .brand {
    color: #333333;
    text-shadow: 0 1px 0 #FFFFFF;
}
body.light #main-wrapper .navbar .nav > .active > a, body.light #main-wrapper .navbar .nav > .active > a:hover, body.light #main-wrapper .navbar .nav > .active > a:focus {
    background-color: #EEEEEE;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5) inset;
    color: #333333;
    text-shadow: 0 1px 0 #FFFFFF;
}
body.light #main-wrapper .navbar .nav > li > a {
    color: #555; background-color: transparent;
    text-shadow: 0 1px 0 #fff;
}
body.light #main-wrapper .navbar .nav > li > a:hover {
    color: #333; background-color: #f6f6f6;
}
body.light #main-wrapper .navbar .divider-vertical {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
body.light #main-wrapper .navbar-form input[type="text"], 
body.light #main-wrapper .navbar-form input[type="email"], 
body.light #main-wrapper .navbar-form input[type="password"], 
body.light #main-wrapper .navbar-form select {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
}
body.light #main-wrapper .navbar-form input[type="text"]:focus, 
body.light #main-wrapper .navbar-form input[type="email"]:focus, 
body.light #main-wrapper .navbar-form input[type="password"]:focus, 
body.light #main-wrapper .navbar-form select:focus {
    box-shadow: 0 0 2px #FFFFFF; color: #333
}
body.light #main-wrapper input[type="text"], 
body.light #main-wrapper input[type="email"], 
body.light #main-wrapper input[type="password"], 
body.light #main-wrapper textarea {
    background-color: #fff;
    border: 1px solid #ccc;
}
body.light #main-wrapper input[type="text"]:focus, 
body.light #main-wrapper input[type="email"]:focus, 
body.light #main-wrapper input[type="password"]:focus, 
body.light #main-wrapper textarea:focus {
    box-shadow: 0 0 3px #fff; color: #333
}
body.light #main-wrapper .breadcrumb {
    background-color: #eee;
}
body.light #main-wrapper .breadcrumb > .active {
    color: #555;
}
body.light #main-wrapper .breadcrumb > li {
    text-shadow: 0 1px 0 #FFFFFF;
}
body.light #main-wrapper .table {
    border-color: #CCCCCC;
}
body.light #main-wrapper .table-striped tbody > tr:nth-child(2n+1) > td, body.light #main-wrapper .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: rgba(255, 255, 255, 0.5);
}
body.light #main-wrapper .table th, body.light #main-wrapper .table td {border-color:#ccc}
body.light #main-wrapper .hero-unit {
    background-color: #eee;
}
body.light #main-wrapper .table th {
    color: #111;
}
body.light #main-wrapper .table tbody tr.success > td {
    background-color: #DFF0D8;
}
body.light #main-wrapper .table tbody tr.error > td {
    background-color: #F2DEDE;
}
body.light #main-wrapper .table tbody tr.warning > td {
    background-color: #FCF8E3;
}
body.light #main-wrapper .table tbody tr.info > td {
    background-color: #D9EDF7;
}

body.light #main-wrapper .thumbnail {
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(255, 255, 255, 0.55);
}
body.light #main-wrapper .alert {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
  text-shadow: none;
}
body.light #main-wrapper .alert .close {
    color: #555;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
body.light #main-wrapper .alert .close:hover,
body.light #main-wrapper .alert .close:focus {
  color: #333
}
body.light #main-wrapper .alert-danger, body.light #main-wrapper .alert-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
}
body.light #main-wrapper .alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}
body.light #main-wrapper .alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
}
body.light #main-wrapper .progress {
    background-color: #eee;
}
body.light #main-wrapper legend {
    border-bottom: 1px solid #CCCCCC;
    color: #111111;
}

body.light #main-wrapper select {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #999;
}
body.light #main-wrapper .input-append .add-on, body.light #main-wrapper .input-prepend .add-on {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
}
body.light #main-wrapper .uneditable-input, body.light #main-wrapper .uneditable-textarea {
    background-color: #f6f6f6;
    border-color: #ccc;
  color: #aaa
}

body.light #main-wrapper .control-group.warning input, body.light #main-wrapper .control-group.warning select, body.light #main-wrapper .control-group.warning textarea {
    border-color: #C09853;
}
body.light #main-wrapper .control-group.error input, body.light #main-wrapper .control-group.error select, body.light #main-wrapper .control-group.error textarea {
    border-color: #B94A48;
}
body.light #main-wrapper .control-group.info input, body.light #main-wrapper .control-group.info select, body.light #main-wrapper .control-group.info textarea {
    border-color: #3A87AD;
}
body.light #main-wrapper .control-group.success input, body.light #main-wrapper .control-group.success select, body.light #main-wrapper .control-group.success textarea {
    border-color: #468847;
}
body.light #main-wrapper .img-polaroid {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
body.light .modal-header {
    border-bottom: 1px solid #CCCCCC;
}
body.light .modal {
    background-color: #fff !important;
}
body.light .modal-footer {
    background-color: #F6F6F6;
    border-top: 1px solid #CCCCCC;
    box-shadow: 0 1px 0 #CCCCCC inset;
}
body.light .close {
    color: #555;
    text-shadow: 0 1px 0 #fff;
}
body.light .close:hover, body.light .close:focus {
    color: #111;
}
body.light #feedback-wrapper table, body.light #feedback-wrapper td {
    color: #555555;
}
body.light .modal h3 { color: #111 !important }

body.light  #feedback-wrapper .inputbox, body.light #feedback-wrapper input[type="text"], body.light #feedback-wrapper textarea,
body.light  #feedback-wrapper .inputbox:hover, body.light #feedback-wrapper input[type="text"]:hover, body.light #feedback-wrapper textarea:hover,
body.light  #feedback-wrapper .inputbox:focus, body.light #feedback-wrapper input[type="text"]:focus, body.light #feedback-wrapper textarea:focus {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
    color: #333
}

body.light  #feedback-wrapper .button, body.light  #feedback-wrapper .btn, body.light  #feedback-wrapper input.btn { background-color: #f6f6f6; border-color: #ccc; color:#555 }
body.light  #feedback-wrapper .button:hover, body.light  #feedback-wrapper .button:focus, 
body.light  #feedback-wrapper .btn:hover, body.light  #feedback-wrapper .btn:focus, 
body.light  #feedback-wrapper input.btn:hover, body.light  #feedback-wrapper input.btn:focus { background-color: #eee; color:#333 !important }

body.light  #login-wrapper .close:hover, body.light  #feedback-wrapper .close:hover, body.light  #login-wrapper .close:focus, body.light  #feedback-wrapper .close:focus { color:#333 !important }
body.light  #login-wrapper input[type="password"], body.light #login-wrapper input[type="text"] { border: 1px solid #ccc; background-color: #FFFFFF; color: #999 }
body.light  #login-wrapper input[type="password"]:focus, body.light #login-wrapper input[type="text"]:focus { box-shadow: none }
body.light  #login-wrapper a:hover, body.light  #login-wrapper a:hover { color: #333 !important }

body.light  #login-wrapper .input-append .add-on, body.light  #login-wrapper.input-prepend .add-on { background-color: #FFFFFF; border: 1px solid #CCCCCC; }
body.light  #login-wrapper .btn.btn-primary { background-color: #FFFFFF }

body.light #main-wrapper blockquote {
    border-left: 5px solid #ccc;
}
body.light #main-wrapper blockquote.pull-right {
    border-right: 5px solid #ccc; border-left: 0
}
body.light #main-wrapper .navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-bottom-color: #333;
    border-top-color: #333
}
body.light #main-wrapper .pagination ul > li > a, body.light #main-wrapper .pagination ul > li > span {
    background-color: #fff
}
body.light #main-wrapper .pagination ul > li > a,
body.light #main-wrapper .pagination ul > li > span {
    color: #999
}
body.light #main-wrapper .pagination ul > li > a:hover, body.light #main-wrapper .pagination ul > li > a:focus, 
body.light #main-wrapper .pagination ul > .active > a, body.light #main-wrapper .pagination ul > .active > span { color: #555 !important }
body.light #main-wrapper .pagination ul > li > a:hover,body.light #main-wrapper .pagination ul > li > a:focus { color: #333 !important; background-color: #ccc !important }
body.light #main-wrapper .pagination ul > li > span:hover, body.light #main-wrapper .pagination ul > li > span:focus { color: #777 !important }
body.light #main-wrapper .pager li > a {
    background: #EEEEEE;
    border-color: #CCCCCC;
    color: #999999;
}
body.light #main-wrapper .pager li > a:hover, body.light #main-wrapper .pager li > a:focus {
    background-color: #ccc;
    border-color: #aaa;
    color: #333 !important
}
body.light #main-wrapper div.blog div.created span, body.light #main-wrapper div.blog div.published span { color: #111 }

body.light #main-wrapper .btn:hover, 
body.light #main-wrapper .btn:focus, 
body.light #main-wrapper .btn:active, 
body.light #main-wrapper .btn.active, 
body.light #main-wrapper .btn.disabled, 
body.light #main-wrapper .btn[disabled] { background-color: #eee; color: #333 }

body.light #main-wrapper .pagination ul li a.pagenav:hover, 
body.light #main-wrapper ul.pagenav li a:hover, 
body.light #main-wrapper .pagination ul li a.pagenav:focus, 
body.light #main-wrapper ul.pagenav li a:focus {
    background: none repeat scroll 0 0 #F6F6F6 !important;
    color: #333 !important; border-color: #ccc !important;
    text-decoration: none;
}
body.light .mainnav .nav > li.open-root:not(.parent) > a {
    /*border-bottom-color: #fff;*/
}

body.light #main-wrapper ul.menu li a:hover, 
body.light #main-wrapper ul.menu li a:focus { background-image: url(../images/pw7.png) }

body.light #main-wrapper .table-hover tbody tr:hover td, body.light #main-wrapper .table-hover tbody tr:hover th {
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.8);
}

body.light #main-wrapper ul.menu li a:hover, body.light #main-wrapper ul.menu li a:focus { color: #111 }

body.light #main-wrapper .news-meta {    
  color: #333
}

body.light #main-wrapper div.blog div.created,
body.light #main-wrapper div.blog div.published { border-right: 1px solid #ccc }

body.light #main-wrapper .moduletable li.deeper [class^="social-icon-"]:before, 
body.light #main-wrapper .moduletable li.deeper [class*=" social-icon-"]:before { color: #777 }

body.light #main-wrapper .moduletable li.deeper.active [class^="social-icon-"]:before, 
body.light #main-wrapper .moduletable li.deeper.active [class*=" social-icon-"]:before { color: #fff }

body.light #main-wrapper .readmore-image a:hover,
body.light #main-wrapper p.readmore a:hover,
body.light #main-wrapper .readmore-image a:focus,
body.light #main-wrapper p.readmore a:focus { background: #111; color:#fff !important }

body.light #main-wrapper ul.menu li a {
    background-image: url(../images/pw7.png); background-repeat:repeat
}

body.light #main-wrapper ul.menu > li.active > a { background-image: none }
body.light #main-wrapper ul.menu li li.active > a { color: #111 }

body.light #top-portfolio #filter-tools .btn,
body.light #bottom-portfolio #filter-tools .btn { background-image: url(../images/pw4.png); background-repeat:repeat; background-color: #eee }
body.light #top-wrapper .nsNext, body.light #top-wrapper .nsPrev,
body.light #main-wrapper .nsNext, body.light #main-wrapper .nsPrev { background: #fff }

body.light #top-wrapper .nsNext:hover, body.light #top-wrapper .nsPrev:hover,
body.light #main-wrapper .nsNext:hover, body.light #main-wrapper .nsPrev:hover { color: #fff !important }

body.light #ct-wrapper .nsNext, body.light #ct-wrapper .nsPrev { background-image: url(../images/pb1.png) }

body.light #ct-wrapper .nsNext:hover, body.light #ct-wrapper .nsPrev:hover
/*,body.light #ct-wrapper .nsNext:focus, body.light #ct-wrapper .nsPrev:focus*/ { color: #fff }

body.light #ct-wrapper a:hover,
body.light #ct-wrapper a:focus {color:#111}

body.light .alert.specials {
  background-color: rgb(255,255,255) !important; background-color: rgba(255,255,255,0.7) !important;
  color: #555; background-image: none
}

body.light .alert.specials .btn { background-color: #fff }

body.light .progress .right { color:#111 }

h1 small,
h2 small,
h3 small { color: #555 }

body.light input:focus:invalid:focus, body.light textarea:focus:invalid:focus, body.light select:focus:invalid:focus {
    box-shadow: 0 0 6px #F8B9B7;
}