@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);

body {
     font-family: "Trebuchet MS";
     font-size: 15px;
     line-height: 30px;
     font-weight: 300;
     color: #444
}

.header-inner {
     width: 100%;
     position: relative;
     z-index: 999;
     background-color: #fff;
     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
     box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
}

.header-table {
     display: table;
     width: 100%;
     table-layout: fixed
}

.brand, .header-inner .main-nav {
     display: table-cell;
     vertical-align: middle
}

.brand {
     width: 200px;
     height: 80px
}

.main-nav {
     text-align: right;
     white-space: nowrap;
     padding: 0 0 0 30px
}

.sf-menu, .sf-menu * {
     margin: 0;
     padding: 0;
     list-style: none
}

.main-nav .sf-menu li {
     position: relative
}

.main-nav .sf-menu li:hover, .sf-menu li.sfHover {
     -webkit-transition: none;
     transition: none
}

.main-nav .sf-menu li a {
     padding: 41px 16px;
     color: #111;
     font-weight: 400;
     font-size: 17px;
     display: block;
     position: relative
}

.main-nav .sf-menu li.current a {
     color: #fff;
     background: #f60
}

.main-nav .sf-menu li.current ul a {
     background: #fff;
     color: #111
}

.main-nav .sf-menu li ul li.current a {
     color: #f60
}

.main-nav .sf-menu ul {
     background-color: #fff;
     position: absolute;
     z-index: 6000;
     display: none;
     min-width: 12em;
     width: 525px;
     top: 99%;
     left: 0;
     z-index: 99;
     margin: 1px 0;
     padding: 0;
     border-top: solid 2px #f60;
     background-color: #fff;
     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
     box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}

.main-nav .sf-menu>li {
     display: inline-block
}

.main-nav .sf-menu li:hover>ul, .main-nav .sf-menu li.sfHover>ul {
     display: block
}

.main-nav .sf-menu a {
     display: block;
     position: relative
}

.main-nav .sf-menu a:hover {
     color: #f60
}

.main-nav .sf-menu ul li {
     width: 255px;
     background: #fff;
     text-align: left;
     border-bottom: solid 1px #ddd;
     float: left;
     margin-right: 5px
}

.main-nav .sf-menu ul li a {
     padding: 3px 6px !important;
     font-size: 13px
}

.main-nav .sf-menu ul ul {
     top: 0;
     left: 100%
}

.main-nav .sf-menu ul ul li {
     background: #fff;
     border-left: solid 1px #eee
}

.sf-arrows .sf-with-ul {
     padding-right: 2.5em;
     *padding-right: 1em
}

.sf-arrows>li>.sf-with-ul:focus:after, .sf-arrows>li:hover>.sf-with-ul:after, .sf-arrows>.sfHover>.sf-with-ul:after {
     border-top-color: #fff
}

.sf-arrows ul li>.sf-with-ul:focus:after, .sf-arrows ul li:hover>.sf-with-ul:after, .sf-arrows ul .sfHover>.sf-with-ul:after {
     border-left-color: #999
}

.header-inner #mobnav-btn {
     position: absolute;
     width: 25px;
     height: 20px;
     top: 25px;
     right: 15px;
     border: 4px solid #777;
     border-width: 4px 0;
     cursor: pointer
}

.header-inner #mobnav-btn:before {
     content: '';
     position: absolute;
     left: 0;
     width: 100%;
     top: 4px;
     height: 4px;
     background-color: #777
}

.header-inner .mobnav-subarrow {
     display: none
}

@media only screen and (min-width:320px) {
     .big {
          font-size: 13px !important
     }

     .header-inner #mobnav-btn {
          display: block !important
     }

     .big img {
          margin-right: 0px !important
     }

     .big p {
          font-size: 8px !important
     }

     .video-js {
          width: auto !important
     }

     .footer-area-container .site-footer p {
          font-size: 12px !important
     }

     p {
          text-align: justify !important
     }

     .service-box-sa .service-info .desc {
          text-align: justify !important
     }

     .servideo {
          display: none !important
     }

     .serbro {
          margin-left: 0px !important
     }

     .footer-widget p {
          text-align: left !important
     }

     .tickercontainer {
          width: 300px !important
     }

     .main-nav .sf-menu ul {
          border: none;
          width: 225px !important
     }

     .isotopeContainer {
          overflow: visible !important
     }

     .portfolioText {
          width: 100% !important
     }
}

@media only screen and (min-width:480px) {
     .big {
          font-size: 19px !important
     }

     .header-inner #mobnav-btn {
          display: block !important
     }

     .big p {
          font-size: 12px !important
     }

     .video-js {
          width: auto !important
     }

     .footer-area-container .site-footer p {
          font-size: 12px !important
     }

     p {
          text-align: justify !important
     }

     .service-box-sa .service-info .desc {
          text-align: justify !important
     }

     .servideo {
          display: none !important
     }

     .serbro {
          margin-left: 0px !important
     }

     .footer-widget p {
          text-align: left !important
     }

     .tickercontainer {
          width: 460px !important
     }

     .main-nav .sf-menu ul {
          border: none;
          width: 225px !important
     }

     .isotopeContainer {
          overflow: visible !important
     }

     .portfolioText {
          width: 100% !important
     }
}

@media (min-width:1200px) {
     .header-inner #mobnav-btn {
          display: none !important
     }

     .big {
          font-size: 30px !important
     }

     .big p {
          font-size: 16px !important
     }

     .footer-area-container .site-footer p {
          font-size: 15px !important
     }

     .footer-widget p {
          text-align: left !important
     }

     .tickercontainer {
          width: 600px !important
     }

     .isotopeContainer {
          overflow: hidden !important
     }

     .portfolioText {
          width: 100% !important
     }
}

@media (min-width:992px) and (max-width:1199px) {
     .header-inner #mobnav-btn {
          display: none !important
     }

     .brand {
          width: 335px !important
     }

     .big {
          font-size: 18px !important
     }

     .big img {
          margin-right: 0px !important
     }

     .big p {
          font-size: 13px !important
     }

     .main-nav .sf-menu li a {
          padding: 41px 10px !important
     }

     .tickercontainer {
          width: 330px !important
     }

     .isotopeContainer {
          overflow: hidden !important
     }

     .portfolioText {
          width: 100% !important
     }
}

@media (min-width:768px) {
     .servideo {
          display: block !important
     }

     .serbro {
          margin-left: 98px !important
     }

     .footer-area-container .footer-widget {
          min-height: 213px !important;
          margin-bottom: 0px !important
     }

     .footer-area-container .site-footer {
          font-size: 13px !important
     }

     .main-nav .sf-menu ul {
          border-top: solid 2px #ff6600 !important;
          width: 525px !important
     }

     .isotopeContainer {
          overflow: visible !important
     }

     .portfolioText {
          width: 100% !important
     }
}

@media (max-width:768px) {
     .navbar-brand {
          display: block
     }

     .navbar {
          max-height: none
     }

     .main-nav {
          margin-top: 10px;
          height: auto
     }

     .sf-menu>li {
          float: none
     }

     .sf-menu li a {
          padding: 10px 13px;
          font-weight: 400
     }

     .sf-menu li a:hover, .sf-menu li.sfHover a:hover {
          color: #f60
     }

     .sf-menu ul {
          font-size: 14px;
          display: block;
          position: static !important;
          border: 0;
          box-shadow: 0 0 0 0;
          -moz-box-shadow: 0 0 0 0;
          -webkit-box-shadow: 0 0 0 0
     }
}

@media only screen and (max-width:768px) {
     .header-inner #mobnav-btn {
          display: block !important
     }

     .header-table {
          display: block
     }

     .header-inner .main-nav {
          display: block;
          margin: 0
     }

     .mobnav-subarrow {
          display: block !important;
          cursor: pointer;
          position: absolute;
          right: 0;
          top: 0;
          width: 45px;
          height: 42px;
          border-left: 1px solid #e8e8e8;
          text-align: center;
          color: #777
     }

     .mobnav-subarrow .fa {
          margin-top: 14px
     }

     .main-nav {
          text-align: left;
          white-space: nowrap;
          padding: 0
     }

     .sf-menu {
          display: none
     }

     .main-nav .sf-menu {
          margin: 0 -15px
     }

     .main-nav .sf-menu>li {
          font-size: 13px;
          line-height: 27px;
          display: block;
          border-top: 1px solid #e8e8e8
     }

     .main-nav .sf-menu li a {
          color: #111;
          padding: 13px 57px 13px 15px;
          display: block;
          position: relative;
          background-color: transparent !important
     }

     .main-nav .sf-menu ul li {
          width: 100%;
          margin-left: 30px;
          font-size: 13px;
          line-height: 27px;
          font-weight: 400;
          position: relative;
          border: none;
          border-top: 1px solid #e8e8e8
     }

     .sf-menu ul {
          position: static !important;
          display: none !important
     }

     .xpopdrop ul {
          display: table !important;
          clear: both;
          content: " "
     }
}

div.opt {
     margin: 10px;
     background: #eee;
     padding: 5px
}

span.option {
     font-weight: 700
}

span.description {
     margin-left: 10px
}

.button {
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     padding: 6px 34px;
     margin: 5px 0;
     border: solid 1px #d5d3d3;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     background-color: #f60;
     text-transform: uppercase;
     text-align: center;
     display: inline-block;
     -webkit-box-shadow: inset 0 0 0 1px #ebebeb;
     -moz-box-shadow: inset 0 0 0 1px #ebebeb;
     box-shadow: inset 0 0 0 1px #ebebeb
}

.button a {
     color: #f60
}

.btline-title {
     padding-bottom: 17px;
     border-bottom: solid 1px #ddd;
     position: relative;
     margin-bottom: 32px
}

.btline-title:after {
     background: #f60;
     content: " ";
     display: block;
     height: 3px;
     width: 42px;
     position: absolute;
     bottom: -2px;
     z-index: 999
}

.pline-title {
     text-transform: uppercase;
     color: #000;
     margin-bottom: 15px;
     padding: 0 0 27px;
     text-align: center;
     background: url(../images/ptitlebg.png);
     background-repeat: no-repeat;
     background-position: center bottom -2px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
     .pline-title {
          background-position-x: 50%;
          background-position-y: 102%
     }

     ::i-block-chrome, .pline-title {
          background-position-x: 50%;
          background-position-y: 102%
     }
}

.plbottom-line {
     font-size: 14px;
     color: 222;
     text-align: center;
     margin-bottom: 45px
}

.page-header-container {
     background: #f7f7f7;
     border-bottom: 1px solid #ececec
}

.page-header {
     text-align: center;
     padding: 20px 0 20px 0
}

.page-header .pline-title {
     margin-bottom: 6px
}

.page-header .breadcrumbs {
     list-style: none;
     margin: 0;
     padding: 0;
     float: right;
     margin-top: -54px;
     font-size: smaller
}

.page-header .breadcrumbs li {
     display: inline-block;
     text-transform: capitalize
}

.page-header .breadcrumbs li:after {
     content: '>';
     padding: 0 1px 0 5px
}

.page-header .breadcrumbs li:last-child:after {
     content: ''
}

.container-services-sa {
     padding: 33px 0 0 0
}

.service-box-sa {
     margin: 0 0 61px 0
}

.service-box-sa .service-icon {
     float: left;
     background: #fff;
     border-radius: 50%;
     padding: 6px
}

.service-box-sa .service-icon .fa {
     font-size: 42px;
     color: #fff;
     text-align: center;
     background: #f60;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     width: 71px;
     height: 71px;
     display: table-cell;
     vertical-align: middle
}

.service-box-sa .service-info {
     margin-top: 4px;
     margin-left: 98px;
     overflow: hidden;
     *
}

.service-box-sa .service-info .desc {
     margin-top: 21px
}

.container-services-sb {
     background-color: #fff;
     padding: 77px 0 72px 0
}

.service-box-sb {
     margin: 0 0 20px 0;
     text-align: center
}

.service-box-sb .service-icon {
     margin: 0 auto 16px;
     width: 104px;
     height: 104px;
     border: 1px solid #e5e5e5;
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     line-height: 104px;
     text-align: center;
     font-size: 30px;
     color: #f60
}

.service-box-sb .service-info {
     margin-top: 4px;
     overflow: hidden;
     *
}

.service-box-sb .service-info h4 {
     color: #000
}

.service-box-sb .service-info .desc {
     margin-top: 15px
}

.service-box-sb .button {
     margin-top: 27px
}

.container-services-sc {
     background-color: #f7f7f7;
     padding: 61px 0 35px 0;
     border-top: solid 1px #f1f1f1;
     border-bottom: solid 1px #f1f1f1
}

.container-services-sc .plbottom-line {
     margin-bottom: 69px
}

.service-box-sc {
     margin-bottom: 33px
}

.service-box-sc .service-icon {
     float: left;
     position: relative;
     z-index: 0;
     margin-right: 23px
}

.service-box-sc .service-icon .fa {
     position: relative;
     margin-top: 9px;
     line-height: 30px;
     font-size: 30px;
     color: #f60
}

.service-box-sc .service-info {
     position: relative;
     z-index: 1;
     overflow: hidden
}

.service-box-sc .service-info h4 {
     color: #000;
     font-weight: 300
}

.service-box-sc .service-info .desc {
     margin-top: 19px
}

.container-our-team {
     padding: 61px 0 22px 0
}

.team-person {
     margin-bottom: 40px
}

.team-person .team-photo {
     position: relative;
     margin-bottom: 27px;
     overflow: hidden;
     text-align: center
}

.team-person .team-photo img {
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     transition: all 0.4s ease
}

.team-person .team-info {
     text-align: center
}

.team-person .team-info .team-name {
     margin-bottom: 5px;
     color: #000;
     text-transform: uppercase
}

.team-person .team-info .team-role {
     color: #666
}

.half-center-line {
     padding-bottom: 17px;
     border-bottom: solid 1px #ddd;
     position: relative;
     margin-bottom: 16px
}

.half-center-line:after {
     background: #f60;
     content: " ";
     display: block;
     height: 3px;
     width: 50px;
     position: absolute;
     bottom: -2px;
     z-index: 999;
     left: 41%
}

.team-person .et-icon {
     font-size: 24px;
     color: #888;
     padding: 0 5px;
     display: inline-block;
     margin-top: 11px
}

.team-person .team-photo .overlay {
     background: #000
}

.team-person .team-photo .tp-icon {
     width: 100%;
     text-align: center;
     display: block;
     position: absolute;
     color: #fff;
     top: 95%;
     left: 0;
     -webkit-transition: top 0.3s ease;
     -moz-transition: top 0.3s ease;
     -o-transition: top 0.3s ease;
     -ms-transition: top 0.3s ease;
     transition: top 0.3s ease;
     background: #f60;
     padding: 8px;
     font-size: 24px;
     line-height: 24px
}

.team-person .team-photo:hover .overlay {
     opacity: .8;
     filter: alpha(opacity=80);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.team-person .team-photo:hover img {
     transform: scale(1.2);
     -ms-transform: scale(1.2);
     -webkit-transform: scale(1.2)
}

.team-person .team-photo:hover .tp-icon {
     opacity: 1;
     filter: alpha(opacity=100);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     top: 86%
}

.pb-container {
     background-color: #f7f7f7;
     padding: 62px 0 63px 0;
     border-top: solid 1px #f1f1f1;
     border-bottom: solid 1px #f1f1f1
}

.progress-container {
     position: relative;
     margin-bottom: 23px
}

.progress-container .progress-label {
     font-size: 16px;
     color: #000;
     margin-bottom: 7px;
     display: block;
     padding-left: 2px
}

.progress-container .progress {
     background: #e5e5e5;
     margin-bottom: 10px;
     height: 15px
}

.progress-container .progress .progress-rate {
     background: #000;
     position: absolute;
     top: -10px;
     left: 70%;
     padding: 2px 11px;
     color: #fff;
     margin-left: -22px
}

.progress-container .progress .progress-rate:before {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     border: 5px solid #000;
     border-bottom: 0 solid transparent !important;
     border-right: 6px solid transparent !important;
     border-left: 6px solid transparent !important;
     left: 50%;
     bottom: -5px;
     margin-left: -6px
}

.progress-container .progress .progress-bar {
     background: #f60;
     height: 100%;
     display: block;
     width: 50%
}

.alert {
     padding: 21px;
     border: solid 2px #ddd;
     font-size: 14px;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     margin: 0 0 28px 0
}

.alert.alert-info {
     background: #d9edf7;
     border-color: #bce8f1
}

.alert.alert-info .close {
     background: #bce8f1;
     color: #d9edf7
}

.alert.alert-success {
     background: #dff0d8;
     border-color: #d6e9c6
}

.alert.alert-success .close {
     background: #d6e9c6;
     color: #dff0d8
}

.alert.alert-warning {
     background: #fcf8e3;
     border-color: #faebcc
}

.alert.alert-warning .close {
     background: #faebcc;
     color: #fcf8e3
}

.alert.alert-danger {
     background: #f2dede;
     border-color: #ebccd1
}

.alert.alert-danger .close {
     background: #ebccd1;
     color: #f2dede
}

.alert-box-2 {
     padding: 9px 20px;
     font-size: 14px;
     color: #fff;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     margin: 0 0 28px 0
}

.alert-box-2 .alert-icon {
     margin-right: 5px;
     background: #fff !important;
     color: #ffce55;
     font-size: 13px;
     line-height: 19px;
     ;
     text-align: center;
     width: 19px;
     height: 19px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%
}

.alert-box-2 .close {
     font-size: 14px;
     line-height: 12px;
     width: 19px;
     height: 18px;
     margin-top: 5px
}

.alert-box-2.alert-info {
     background: #4fc0e8
}

.alert-box-2.alert-info .close, .alert-box-2.alert-info .alert-icon {
     background: #2f9ac0;
     color: #4fc0e8
}

.alert-box-2.alert-success {
     background: #a0d468
}

.alert-box-2.alert-success .close, .alert-box-2.alert-success .alert-icon {
     background: #81b449;
     color: #a0d468
}

.alert-box-2.alert-warning {
     background: #ffce55
}

.alert-box-2.alert-warning .close, .alert-box-2.alert-warning .alert-icon {
     background: #deb44b;
     color: #ffce55
}

.alert-box-2.alert-danger {
     background: #ed5565
}

.alert-box-2.alert-danger .close, .alert-box-2.alert-danger .alert-icon {
     background: #c63543;
     color: #ed5565
}

.close {
     float: right;
     margin-right: 20px;
     font-size: 18px;
     text-align: center;
     font-family: Helvetica, Arial;
     font-weight: 600;
     line-height: 18px;
     padding: 0;
     width: 28px;
     height: 28px;
     color: #fff;
     background: #ddd;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%
}

button.close {
     cursor: pointer;
     border: 0;
     -webkit-appearance: none
}

.alert-dismissable .close {
     position: relative;
     top: -2px;
     right: -21px;
     color: inherit
}

.pricing-table {
     margin-bottom: 20px
}

.pricing-table ul {
     margin: 0;
     padding: 0;
     position: relative;
     list-style: none;
     font-size: 14px
}

.pricing-table ul li {
     border-top: solid 1px #ddd;
     border-right: solid 1px #ddd;
     border-left: solid 1px #ddd;
     padding: 15px 0;
     text-align: center
}

.pricing-table ul li.plan-name {
     font-size: 18px;
     padding: 17px 0
}

.pricing-table ul li.plan-name.pro-color {
     background: #f60;
     color: #fff;
     border-color: #f60
}

.pricing-table ul li.plan-price {
     font-size: 28px;
     padding: 33px 0
}

.pricing-table ul li.plan-order {
     font-size: 14px;
     padding: 21px 0;
     text-transform: uppercase;
     color: #f60;
     font-weight: 700
}

.pricing-table ul li.plan-order a {
     color: #f60
}

.pricing-table ul li.plan-order a:hover {
     color: #444
}

.pricing-table ul li:first-child {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
     -webkit-border-top-left-radius: 3px;
     -moz-border-top-right-radius: 3px;
     -moz-border-top-left-radius: 3px;
     -webkit-border-top-right-radius: 3px
}

.pricing-table ul li:last-child {
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
     -webkit-border-bottom-left-radius: 3px;
     -moz-border-bottom-right-radius: 3px;
     -moz-border-bottom-left-radius: 3px;
     -webkit-border-bottom-right-radius: 3px;
     border-bottom: solid 1px #ddd
}

.pricing-table ul li:nth-child(even) {
     background: #f7f7f7
}

.pricing-table ul li:nth-child(odd) {
     background: #fff
}

.nav-tabs {
     border-bottom: 1px solid #ddd;
     margin: 0;
     padding-left: 0;
     list-style: none
}

.nav-tabs:before {
     content: " ";
     display: table
}

.nav-tabs:after {
     clear: both
}

.nav-tabs>li {
     display: inline-block;
     margin-bottom: -1px
}

.nav-tabs>li>a {
     margin-right: 2px;
     line-height: 1.42857143;
     border: 1px solid transparent;
     border-radius: 4px 4px 0 0;
     position: relative;
     display: block;
     padding: 10px 22px;
     color: #666
}

.nav-tabs>li>a:hover {
     color: #f60
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
     color: #555;
     background-color: #fff;
     border: 1px solid #ddd;
     border-top: solid 3px #f60;
     border-bottom-color: transparent;
     cursor: default;
     font-weight: 700
}

.tab-content {
     padding: 27px 22px;
     margin-bottom: 20px;
     border-left: solid 1px #ddd;
     border-right: solid 1px #ddd;
     border-bottom: solid 1px #ddd
}

.tab-content>.tab-pane {
     display: none
}

.tab-content>.active {
     display: block
}

.fade {
     opacity: 0;
     -webkit-transition: opacity .15s linear;
     transition: opacity .15s linear
}

.tag-banner-container {
     background-color: #f7f7f7;
     padding: 33px 0 0 0;
     border-top: solid 1px #f1f1f1;
     border-bottom: solid 1px #f1f1f1
}

.tag-banner-info {
     margin-top: 50px
}

.tag-banner-info p {
     margin: 28px 0 35px 0
}

.tag-banner-2-container {
     background-color: #fff;
     padding: 45px 0 79px 0;
     width: 100%;
     height: 100%;
     background: url(../images/tag-banner-h2.jpg) center center no-repeat;
     background-size: cover
}

.tag-banner-2-info {
     margin-top: 50px;
     padding-left: 60px;
     color: #fff
}

.tag-banner-2-info a {
     color: #fff
}

.tag-banner-2-info p {
     margin: 15px 60px 12px 0
}

.wh-container {
     padding: 33px 0 0 0
}

.wh-info {
     margin-top: 85px
}

.wh-info p {
     margin-bottom: 52px
}

.container-about-us {
     padding: 40px 0 40px 0
}

.overlay {
     opacity: 0;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 1;
     text-align: center;
     width: 100%;
     height: 100%;
     -webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
     -moz-transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
     transition: opacity .4s cubic-bezier(.25, .46, .45, .94)
}

.overlay ul {
     display: inline-block;
     vertical-align: middle;
     font-size: 0;
     text-align: center;
     padding: 0;
     margin-top: 50px
}

.overlay li {
     display: block;
     opacity: 0;
     font-size: 16px;
     margin-top: 200%;
     -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
     -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
     transition: all .5s cubic-bezier(.25, .46, .45, .94)
}

.overlay .actions li.project-details {
     margin: 200% auto 0 auto;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     width: 77px;
     height: 77px;
     font-size: 36px
}

.overlay ul li.project-details a .fa {
     font-size: 36px;
     line-height: 77px;
     color: #fff;
     background: #f60;
     width: 77px;
     height: 77px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
     -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
     transition: all .5s cubic-bezier(.25, .46, .45, .94)
}

.overlay .actions li.project-details a .fa:hover {
     background: #000
}

.ocp-container {
     background-color: #f7f7f7;
     padding: 33px 0 40px 0;
     border-top: solid 1px #f1f1f1;
     border-bottom: solid 1px #f1f1f1
}

.portfolio-container {
     padding: 14px 0
}

.port-filter {
     margin: 40px 0 28px 0
}

.port-filter ul {
     margin: 0;
     padding: 0
}

.port-filter ul li {
     display: inline-block;
     list-style: none;
     margin-right: 5px;
     margin-bottom: 20px
}

.port-filter ul li a {
     color: #888;
     padding: 9px 16px !important;
     border: solid 1px #ececec;
     text-align: center;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px
}

.port-filter ul li a:hover {
     color: #f60
}

.port-filter ul li.active a {
     color: #fff;
     background: #f60;
     border-color: #ac3b35
}

.portfolio-container .pagination {
     text-align: center;
     margin: 15px 0 13px 0
}

.modern-portfolio {
     margin: 0 -15px
}

.modern-portfolio .project-item {
     float: left;
     max-width: 100%;
     max-height: 274px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px
}

.col-4-portfolio .project-item {
     width: 270px;
     margin: 15px
}

.modern-portfolio .project-item .project-image {
     position: relative;
     margin-bottom: 15px;
     overflow: hidden;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px
}

.modern-portfolio .project-item .project-image img {
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-transition: transform .5s;
     transition: transform .5s;
     -webkit-transition: -webkit-transform .5s;
     -moz-transition: -moz-transform .5s;
     transition: -webkit-transform .5s, -moz-transform .5s, -o-transform .5s, transform .5s
}

.modern-portfolio .project-item .project-image:hover img {
     -webkit-transform: rotate(45deg) scale(3);
     -moz-transform: rotate(45deg) scale(3);
     -ms-transform: rotate(45deg) scale(3);
     transform: rotate(45deg) scale(3);
     -webkit-transition-duration: 30s;
     -moz-transition-duration: 30s;
     transition-duration: 30s
}

.overlay .actions li.project-title a {
     font-size: 18px;
     display: block;
     color: #f60;
     font-weight: 700;
     text-transform: uppercase;
     margin-top: 21px
}

.modern-portfolio .project-item .project-image:hover .overlay {
     opacity: 1
}

.modern-portfolio .project-item .project-image:hover .overlay li {
     opacity: 1;
     margin-top: 0
}

.occp-container {
     background-color: #fff;
     padding: 61px 0 62px 0
}

.classic-portfolio {
     margin: 0 -15px
}

.classic-portfolio .project-item {
     float: left;
     max-width: 100%
}

.classic-portfolio.col-2-portfolio .project-item {
     width: 570px;
     height: 480px;
     margin: 4px 15px 32px 15px
}

.classic-portfolio.col-2-portfolio .overlay .actions li.project-details {
     margin: 350% auto 0 auto
}

.classic-portfolio.col-2-portfolio .project-item .project-image:hover .overlay li {
     opacity: 1;
     margin-top: 73px !important
}

.classic-portfolio.col-3-portfolio .project-item {
     width: 370px;
     height: 274px;
     margin: 4px 15px 90px 15px
}

.classic-portfolio.col-4-portfolio .project-item {
     width: 270px;
     height: 200px;
     margin: 4px 15px 90px 15px
}

.classic-portfolio.col-4-portfolio .project-item h4 {
     font-size: 16px
}

.classic-portfolio.col-4-portfolio .overlay .actions li.project-details {
     margin: 100% auto 0 auto
}

.classic-portfolio.col-4-portfolio .project-item .project-image:hover .overlay li {
     opacity: 1;
     margin-top: -38px !important
}

.classic-portfolio .project-item .project-image {
     position: relative;
     overflow: hidden
}

.classic-portfolio .project-item .project-image img {
     -webkit-transition: transform .5s;
     transition: transform .5s;
     -webkit-transition: -webkit-transform .5s;
     -moz-transition: -moz-transform .5s;
     transition: -webkit-transform .5s, -moz-transform .5s, -o-transform .5s, transform .5s
}

.classic-portfolio .project-item .project-image:hover img {
     -webkit-transform: rotate(45deg) scale(3);
     -moz-transform: rotate(45deg) scale(3);
     -ms-transform: rotate(45deg) scale(3);
     transform: rotate(45deg) scale(3);
     -webkit-transition-duration: 30s;
     -moz-transition-duration: 30s;
     transition-duration: 30s
}

.classic-portfolio .project-item .project-image:hover .overlay {
     opacity: 1
}

.classic-portfolio .project-item .project-image:hover .overlay li {
     opacity: 1;
     margin-top: 0
}

.classic-portfolio .project-item .project-info h4 {
     margin: 17px 0 2px 0;
     text-transform: uppercase
}

.classic-portfolio .project-item .project-info h4 a {
     color: #000
}

.classic-portfolio .project-item .project-info h4 a:hover {
     color: #f60
}

.classic-portfolio .project-item .project-info .project-cat {
     margin: 0;
     padding: 0;
     list-style: none
}

.classic-portfolio .project-item .project-info .project-cat a {
     color: #555
}

.classic-portfolio .project-item .project-info .project-cat a:hover {
     color: #f60
}

.testimonials-container {
     background-color: #fff;
     padding: 40px 0 40px 0
}

.testimonials-container-2 {
     background-color: #fff;
     padding: 53px 0 32px 0;
     width: 100%;
     height: 100%;
     background: url(../images/bag-and-hands.jpg) center center no-repeat;
     background-size: cover;
     background-attachment: fixed
}

.testimonials-container-2 .testimonials .testimonial, .testimonials-container-2 .pline-title {
     color: #fff
}

.testimonials .testimonial {
     font-size: 16px;
     line-height: 34px;
     color: #333;
     margin-top: 34px;
     text-align: center;
     margin-bottom: 50px
}

.testimonials .testimonial .client {
     margin-top: 46px
}

.testimonials .testimonial .client .client-info, .testimonials .testimonial .client .client-pic {
     display: inline-block;
     vertical-align: middle
}

.testimonials .testimonial .client .client-pic img {
     width: 75px;
     height: 75px -webkit-border-radius:50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     display: block
}

.testimonials .testimonial .client .client-info {
     margin-left: 5px
}

.testimonials .testimonial .client .client-name {
     display: block;
     font-size: 20px;
     font-weight: 700;
     margin-bottom: -7px
}

.testimonials .testimonial .client .client-job {
     font-size: 12px;
     margin-bottom: -7px;
     margin-left: 10px
}

.client-list {
     border: solid 1px #ddd;
     padding: 30px 10px;
     position: relative;
     margin-bottom: 50px
}

.client-logo-list .owl-item {
     text-align: center;
     padding: 0 25px
}

.client-list .client-slide-nav {
     font-size: 14px;
     line-height: 28px;
     color: #ddd;
     text-align: center;
     position: relative;
     width: 100%;
     margin: 0 auto
}

.client-list .client-slide-nav a {
     color: #f4f4f4;
     background: #ddd;
     width: 27px;
     height: 27px;
     border-radius: 50%;
     opacity: 0;
     margin-top: 50px;
     cursor: pointer
}

.client-list .client-slide-nav .prev {
     position: absolute;
     top: 42%;
     margin-left: -16px
}

.client-list .client-slide-nav .next {
     position: absolute;
     top: 42%;
     margin-left: 16px
}

.client-list:hover .client-slide-nav a {
     opacity: .8
}

.facts-boxes-container {
     background-color: #fff;
     padding: 64px 0 74px 0;
     width: 100%;
     height: 100%;
     background: url(../images/factbox-bg.jpg) center center no-repeat;
     background-size: cover;
     background-attachment: fixed
}

.facts-boxes-container .pline-title {
     color: #fff
}

.facts-boxes {
     margin: 60px 0 20px 0
}

.fact-box {
     text-align: center
}

.fact-icon {
     font-size: 90px;
     color: #fff;
     margin-bottom: 22px
}

.fact-count {
     font-size: 48px;
     color: #f60;
     font-weight: 700;
     margin-bottom: 22px
}

.fact-dec {
     font-size: 18px;
     color: #fff;
     margin-bottom: 22px
}

.img-banner-container {
     padding: 79px 0 18px 0
}

.img-banner {
     position: relative;
     margin-bottom: 27px;
     overflow: hidden
}

.img-banner .overlay {
     background: #000
}

.img-banner .tp-icon {
     width: 100%;
     height: 100%;
     text-align: center;
     display: block;
     position: absolute;
     color: #fff;
     top: 45%;
     left: 0;
     -webkit-transition: top 0.3s ease;
     -moz-transition: top 0.3s ease;
     -o-transition: top 0.3s ease;
     -ms-transition: top 0.3s ease;
     transition: top 0.3s ease;
     padding: 15px;
     font-size: 34px;
     line-height: 24px
}

.img-banner:hover .overlay {
     opacity: .5;
     filter: alpha(opacity=50);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.img-banner:hover .tp-icon {
     opacity: 1;
     filter: alpha(opacity=100);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     top: 40%
}

.products-slideshow-container {
     position: relative;
     margin: 20px 0 8px 0
}

.products-slideshow-container .btline-title {
     font-size: 17px;
     text-transform: uppercase;
     color: #333;
     margin-bottom: 45px
}

.products-slideshow-container .products-slideshow-nav {
     position: absolute;
     top: -12px;
     right: 2px
}

.products-slideshow-nav .slide-prev, .products-slideshow-nav .slide-next {
     padding: 4px 12px;
     border: solid 1px #ddd;
     margin: 0 1px;
     font-size: 12px;
     color: #a7a7a7;
     display: inline-block;
     cursor: pointer
}

.products-slideshow-nav .slide-prev:hover, .products-slideshow-nav .slide-next:hover {
     background: #f60;
     border-color: #b23c36;
     color: #fff
}

blockquote {
     padding: 4px 0 4px 23px;
     border-left: 3px solid #f60;
     margin: 35px 0;
     font-style: italic;
     font-size: 13px;
     color: #666
}

.accordion .accordion-panel {
     margin-bottom: 11px
}

.accordion .accordion-panel .accordion-body {
     padding: 20px 5px 12px 19px
}

.accordion .accordion-heading {
     border: solid 1px #ddd;
     padding: 9px 15px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px
}

.accordion .accordion-heading .accordion-title {
     font-size: 13px;
     color: #505050
}

.accordion .accordion-heading .accordion-title a {
     color: #505050
}

.container-contact-details {
     padding: 88px 0 20px 0
}

.container-contact-form {
     padding: 14px 0 20px 0
}

#contact-form {
     padding-top: 4px
}

#contact-form input[type="text"], #contact-form textarea {
     width: 100%;
     display: block;
     margin-bottom: 21px;
     border-radius: 2px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border: 1px solid #ddd;
     height: 32px;
     font-family: inherit;
     font-size: inherit;
     color: #787878;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px
}

#contact-form textarea {
     margin-bottom: 22px;
     height: 60px;
     max-width: 100%
}

#contact-form textarea:focus {
     outline: none
}

select {
     padding: 7px;
     border: 1px solid #ebebeb;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     line-height: 15px;
     font-size: 13px;
     width: 162px;
     margin-bottom: 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px
}

.map-container {
     position: relative;
     padding-bottom: 33%;
     height: 0;
     overflow: hidden
}

.map-container iframe, .map-container object, .map-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
}

.gmap3 {
     margin: 0 auto;
     width: 100%;
     height: 455px
}

.call-action-container {
     background-color: #fff;
     padding: 61px 0 74px 0
}

.call-action {
     margin-top: 11px;
     font-size: 14px;
     line-height: 26px;
     text-align: center
}

.call-action p {
     margin: 0 0 22px
}

.blog-posts {
     padding-top: 40px;
     margin-bottom: 50px
}

.blog-post {
     margin-bottom: 63px
}

.pagination {
     list-style: none;
     text-align: right;
     margin: 20px 0
}

.pagination li {
     display: inline-block;
     padding: 0 3px;
     margin-bottom: 12px
}

.pagination li.total-pages {
     padding: 4px 13px;
     border: 1px solid #ececec;
     border-radius: 2px
}

.pagination li a {
     padding: 8px 13px;
     border: 1px solid #ececec;
     border-radius: 3px
}

.pagination li.active a, .pagination li a:hover {
     padding: 8px 13px;
     background: #f60;
     color: #fff;
     border: 1px solid #b53b35;
     border-radius: 3px
}

.single-blog-post {
     margin-bottom: 0
}

.single-post .post-img {
     position: relative;
     margin-bottom: 36px
}

.single-post .post-info .post-title {
     text-transform: uppercase
}

.single-post .post-info .post-meta span {
     padding: 0 6px;
     border-right: solid 1px #cbcbcb
}

.single-post .post-info .post-meta span:last-child {
     border: none
}

.single-post .post-info .post-content {
     margin-top: 14px
}

.single-post .post-info .post-content p {
     margin-bottom: 15px
}

.single-post .post-info .post-excerpt {
     margin-top: 14px
}

.single-post .post-info .post-excerpt p {
     margin-bottom: 4px
}

.single-post .post-info .post-excerpt .readmore {
     text-align: right;
     display: block;
     color: #f60
}

.single-post .post-info .post-excerpt .readmore:hover {
     color: #000
}

.single-post .post-img:hover .overlay {
     opacity: .9;
     filter: alpha(opacity=90);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}

.single-post .post-img:hover .overlay li {
     opacity: 1;
     margin-top: 55px
}

.single-post-share-box {
     margin-top: 48px !important
}

.share-box {
     padding: 14px 20px;
     border: solid 1px #ddd;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     display: table;
     width: 100%;
     table-layout: fixed;
     font-size: 12px;
     color: #666
}

.share-box span, .share-box .share-box-icons {
     display: table-cell;
     vertical-align: middle
}

.share-box .share-box-icons {
     margin: 0;
     padding: 0;
     list-style: none;
     text-align: right
}

.share-box .share-box-icons li {
     display: inline-block;
     font-size: 13px;
     padding: 0 17px
}

.share-box .share-box-icons li a {
     color: #787878
}

.share-box .share-box-icons li a:hover {
     color: #111
}

.single-post-nav {
     margin-top: 25px !important;
     margin-bottom: 52px !important
}

.single-post-nav li {
     width: 49% !important
}

.single-post-nav li:first-child {
     margin-right: 1.5% !important
}

.nav-btn {
     margin: 0;
     padding: 0;
     list-style-type: none
}

.nav-btn li {
     display: inline-block;
     border: solid 1px #ddd;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     width: 176px;
     height: 51px;
     text-align: center
}

.nav-btn li a {
     padding: 14px 20px;
     line-height: 51px;
     color: #787878
}

.nav-btn li a:hover {
     color: #111
}

.nav-btn li:first-child {
     margin-right: 11px
}

.btline-custom-title {
     text-transform: uppercase;
     font-size: 17px;
     color: #444;
     margin-bottom: 23px
}

.post-author {
     margin-bottom: 55px
}

.post-author img {
     margin: 0 31px 10px 0;
     float: left;
     vertical-align: middle;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px
}

.post-author h5 {
     margin-bottom: 16px;
     padding-top: 4px;
     font-size: 15px
}

.post-author p {
     color: #666
}

.comment-wrap .comment-list {
     margin: 0;
     padding: 0;
     list-style: none
}

.post-comments .comment-list li {
     padding: 28px 0;
     margin-bottom: 9px;
     position: relative;
     list-style: none;
     border-bottom: solid 1px #ddd
}

.post-comments .comment-list li .avatar {
     width: 64px;
     height: 64px;
     float: left;
     margin-right: 26px
}

.post-comments .comment-list li .avatar img {
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px
}

.post-comments .comment-list li .comment-text {
     overflow: hidden;
     color: #666
}

.post-comments .comment-list li .comment-text .comment-head {
     margin-bottom: 9px
}

.post-comments .comment-list li .comment-text .name-n-time {
     float: left;
     display: block;
     color: #333;
     font-size: 14px
}

.post-comments .comment-list ul {
     padding: 0 0 0 55px
}

.post-comments .comment-list ul li {
     border: none;
     padding-bottom: 0;
     margin-bottom: 3px
}

.post-comments .comment-form-warp {
     margin-top: 42px
}

.post-comments .comment-form-warp .btline-title {
     margin-bottom: 37px
}

.post-comments .button {
     padding: 10px 49px;
     margin-bottom: 3px
}

.single-portfolio {
     margin: 90px 0 20px 0
}

.single-port-slide {
     position: relative
}

.single-port-slide .single-port-nav a {
     color: #f4f4f4;
     background: rgba(0, 0, 0, .4);
     width: 48px;
     height: 46px;
     line-height: 46px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     opacity: 1;
     top: 42%;
     text-align: center;
     cursor: pointer;
     position: absolute
}

.single-port-slide .single-port-nav .prev {
     left: 2.2%
}

.single-port-slide .single-port-nav .next {
     right: 2.2%
}

.single-port-slide .single-port-nav a:hover {
     background: rgba(0, 0, 0, .6)
}

.single-port-slide .owl-pagination {
     position: absolute;
     bottom: 27px;
     width: 100%;
     margin: 0 auto
}

.single-port-slide .owl-pagination .owl-page span {
     display: block;
     width: 9px !important;
     height: 9px !important;
     margin: 5px 2px !important;
     ;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     background: #fff;
     border: none
}

.single-port-slide .owl-pagination .owl-page.active span {
     width: 14px !important;
     height: 14px !important;
     background: #fff !important;
     border: none
}

.port-de-title-1 {
     margin: -10px 0 10px 0
}

.port-de-title-1 .btline-title {
     font-size: 17px;
     text-transform: uppercase;
     color: #444
}

.single-port-cont {
     margin-bottom: 40px
}

.single-port-cont p {
     margin-bottom: 15px
}

.port-de-title {
     margin: 40px 0 10px 0
}

.port-de-title .btline-title {
     font-size: 17px;
     text-transform: uppercase;
     color: #444
}

.single-port-details {
     margin: 0;
     padding: 0;
     list-style: none;
     font-size: 12px
}

.single-port-details li {
     padding: 7px 2px;
     border-bottom: solid 1px #ddd
}

.single-port-details li:first-child {
     padding-top: 0
}

.single-port-related {
     margin-top: 50px
}

.single-port-related .btline-title {
     font-size: 17px;
     text-transform: uppercase;
     margin-bottom: 38px
}

.single-product-content {
     margin-bottom: 0;
     position: relative;
     display: block
}

.single-product-images {
     width: 45%;
     float: left
}

.single-product-images .product-images-gallery {
     margin: 10px 0 0 0;
     padding: 0;
     list-style: none
}

.single-product-images .product-images-gallery li {
     display: inline-block;
     margin-right: 7px;
     margin-bottom: 7px
}

.single-product-des {
     width: 53.7%;
     float: right
}

.single-product-des .btline-title {
     margin-bottom: 19px;
     margin-top: 11px;
     padding-bottom: 12px
}

.single-product-des .single-product-cat {
     font-size: 14px;
     margin-bottom: 5px
}

.single-product-des .single-product-price {
     font-size: 18px;
     margin-bottom: 4px
}

.single-product-des .single-product-rating {
     margin-bottom: 14px
}

.single-product-des .single-product-rating .rating {
     font-size: 13px
}

.product-options {
     margin-top: 32px;
     margin-bottom: 27px
}

.single-product-des .product-options h5 {
     font-size: 16px;
     text-transform: uppercase;
     margin-bottom: 12px
}

.single-product-des .product-options select {
     padding: 12px;
     width: 100%;
     margin-bottom: 13px
}

.add-to-cart-warp {
     margin-bottom: 40px
}

.single-product-des .quantity {
     position: relative;
     float: left;
     margin: 0 4px 0 0
}

.single-product-des .quantity .total-quantity {
     margin: 0 -4px;
     padding: 8px 2px;
     text-align: center;
     border: none;
     border-top: solid 1px #ddd;
     border-bottom: solid 1px #ddd;
     width: 36px
}

.single-product-des .quantity .minus, .single-product-des .quantity .plus {
     background: #f7f7f7;
     border: solid 1px #ddd;
     padding: 8px 13px
}

.single-product-des .quantity .minus:focus, .single-product-des .quantity .plus:focus {
     outline: none
}

.single-product-des .quantity .minus:hover, .single-product-des .quantity .plus:hover {
     color: #f60
}

.single-product-des .add-cart-btn {
     margin: 0 0 0 8px;
     font-size: 12px;
     padding: 8px 21px;
     text-transform: none;
     float: left
}

.single-product-des .in-stock {
     float: right
}

.single-product-meta {
     color: #666;
     padding: 19px 0;
     list-style: none;
     margin: 0 0 20px 0;
     border-top: solid 1px #ddd;
     border-bottom: solid 1px #ddd
}

.single-product-meta .meta-name {
     margin-right: 4px;
     font-weight: 700;
     color: #777
}

.product-extra-info {
     margin-top: 19px
}

.product-extra-info .nav-tabs {
     border: 1px solid #ddd;
     padding: 14px 0;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px
}

.product-extra-info .nav-tabs>li a {
     border-right: solid 1px #666;
     line-height: 12px;
     padding: 0 22px;
     border-radius: 0
}

.product-extra-info .nav-tabs>li:last-child a {
     border: none
}

.product-extra-info .nav-tabs>li.active>a, .product-extra-info .nav-tabs>li.active>a:hover, .product-extra-info .nav-tabs>li.active>a:focus {
     color: #f60;
     background-color: #fff;
     border: none;
     cursor: default;
     font-weight: 400;
     border-right: solid 1px #666;
     border-radius: 0
}

.product-extra-info .nav-tabs>li:last-child.active a {
     border: none
}

.product-extra-info .tab-content {
     padding: 23px 0 0 0;
     margin-bottom: 0;
     border: none
}

.related-products {
     margin-top: -6px
}

.related-products .btline-title {
     font-size: 17px;
     text-transform: uppercase;
     padding-bottom: 14px
}

.related-products .products li {
     margin-bottom: 15px
}

.shop-items {
     padding-top: 14px;
     margin-bottom: 50px
}

.shop-item-toolbar {
     border: solid 1px #ddd;
     padding: 8px 14px;
     margin-bottom: 40px;
     display: table;
     width: 100%;
     table-layout: fixed;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px
}

.shop-item-toolbar .item-result-count {
     display: table-cell;
     vertical-align: middle
}

.shop-item-toolbar .items-ordering {
     display: table-cell;
     vertical-align: middle;
     text-align: right
}

.shop-item-toolbar .items-ordering select {
     padding: 9px;
     border: 1px solid #ebebeb;
     line-height: 15px;
     font-size: 12px;
     width: 162px;
     margin-bottom: 0
}

.products {
     margin: 0 -15px;
     padding: 0;
     list-style: none
}

.products li {
     width: 270px;
     float: left;
     margin: 0 15px 51px 15px
}

.products li .product-img {
     position: relative;
     overflow: hidden
}

.products li .product-img a {
     position: relative;
     display: block
}

.products li .product-img .first-image, .products li .product-img .second-image {
     display: block;
     width: 100%;
     height: auto;
     -webkit-transition: all .50s ease-out;
     -moz-transition: all .50s ease-out;
     -ms-transition: all .50s ease-out;
     -o-transition: all .50s ease-out;
     transition: all .50s ease-out
}

.products li .product-img .first-image {
     position: relative;
     left: 0
}

.products li .product-img .second-image {
     position: absolute;
     top: 0;
     left: 100%
}

.products li .product-img:hover .first-image {
     left: -100%
}

.products li .product-img:hover .second-image {
     left: 0
}

.products li .product-desc {
     margin: 22px 0 0 0
}

.products li .product-desc .btline-title {
     margin-bottom: 19px
}

.products li .product-desc h4 a {
     color: #444;
     font-size: 16px
}

.products li .product-desc .product-cat a {
     color: #444;
     font-size: 14px;
     margin-bottom: 6px
}

.products li .product-desc h4 a:hover, .products li .product-desc .product-cat a:hover {
     color: #f60
}

.products li .product-desc .product-price {
     color: #444;
     font-size: 18px;
     margin-bottom: 11px
}

.products li .product-desc .button {
     font-size: 12px;
     font-weight: 700;
     padding: 6px 17px;
     text-transform: none
}

.pagination {
     margin-top: 14px
}

.aling-center {
     text-align: center !important
}

.rating {
     unicode-bidi: bidi-override;
     direction: rtl;
     font-size: 20px
}

.rating span.star {
     font-family: FontAwesome;
     font-weight: 400;
     font-style: normal;
     display: inline-block;
     cursor: pointer
}

.rating span.star:before {
     content: "\f006";
     padding-right: 0;
     color: #444
}

.rating>span:hover:before, .rating>span:hover~span:before {
     content: "\f005";
     padding-right: 0;
     color: #444
}

.widget {
     margin-bottom: 52px;
     font-size: 12px
}

.widget .btline-title {
     font-size: 17px;
     text-transform: uppercase;
     color: #444;
     margin-bottom: 21px
}

.search-widget {
     width: 100%;
     height: 45px;
     background-color: #fff;
     border: 1px solid #ddd;
     position: relative;
     padding: 0 55px 0 18px
}

.search-widget input[type="text"] {
     width: 100%;
     margin-top: 10px;
     color: #A5A2A2;
     border: none
}

.search-widget input[type="submit"] {
     position: absolute;
     right: 10px;
     top: 6px;
     background-color: transparent;
     z-index: 2;
     border: none;
     width: 30px;
     height: 30px;
     cursor: pointer
}

input[type="text"]:focus, input[type="submit"]:focus {
     outline: 0
}

.search-button {
     position: absolute;
     right: 20px;
     top: 14px;
     font-size: 13px;
     z-index: 1;
     color: #444
}

.search-widget input[type="submit"]:hover .search-button {
     color: #f60
}

.widget_recent_entries ul, .widget_categories ul {
     list-style: none;
     margin: 0;
     padding: 0
}

.widget_recent_entries ul li, .widget_categories ul li {
     padding: 6px 0;
     border-bottom: 1px solid #ddd
}

.widget_recent_entries ul li:after, .widget_categories ul li:after {
     content: "\f105";
     font-size: 13px;
     font-family: FontAwesome;
     float: right;
     color: #444
}

.widget_recent_entries ul li a, .widget_categories ul li a {
     color: #444
}

.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover {
     color: #f60
}

.s-product {
     margin: 35px 0 0 0;
     padding: 0;
     list-style: none
}

.s-product li {
     clear: both;
     margin-bottom: 20px;
     display: block;
     overflow: hidden
}

.s-product li .product-thumb {
     float: left;
     width: 72px;
     height: 72px
}

.s-product li .product-meta {
     margin-left: 89px;
     overflow: hidden;
     margin-bottom: 0
}

.s-product li .product-meta h6 {
     font-size: 14px;
     font-weight: 400;
     margin-top: 5px;
     margin-bottom: 4px
}

.s-product li .product-meta .product-price {
     font-size: 13px;
     line-height: 22px
}

.s-product li .product-meta .rating {
     font-size: 12px
}

.filter-price-slider {
     margin: 56px 0 59px 0
}

.ui-slider {
     position: relative;
     text-align: left
}

.ui-slider .ui-slider-handle {
     position: absolute;
     z-index: 2;
     width: 20px;
     height: 20px;
     cursor: default
}

.ui-slider .ui-slider-range {
     position: absolute;
     z-index: 1;
     font-size: .7em;
     display: block;
     border: 0;
     background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
     filter: inherit
}

.ui-slider-horizontal {
     height: 3px
}

.ui-slider-horizontal .ui-slider-handle {
     top: -8px;
     margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
     top: 0;
     height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
     left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
     right: 0
}

.ui-slider-vertical {
     width: .8em;
     height: 100px
}

.ui-slider-vertical .ui-slider-handle {
     left: -.3em;
     margin-left: 0;
     margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
     left: 0;
     width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
     bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
     top: 0
}

.price-range {
     margin: 48px 0 0 0;
     display: table;
     width: 100%;
     table-layout: fixed
}

.price-range .slide-filterbt {
     display: table-cell;
     vertical-align: middle
}

.price-range .slide-filterbt a {
     border: solid 1px #ddd;
     padding: 12px 16px;
     font-size: 13px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px
}

.price-range input {
     display: inline-block;
     margin: 0;
     padding: 0;
     font-size: 14px;
     color: #666;
     border: 0;
     box-shadow: none;
     text-align: right;
     display: table-cell;
     vertical-align: middle
}

.ui-widget-content {
     background: #ddd;
     color: #222
}

.ui-widget-content a {
     color: #222
}

.ui-widget-header {
     background: #f60;
     color: #f60;
     font-weight: 700
}

.ui-widget-header a {
     color: #222
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
     background: url(../images/price-filter-handle.png) no-repeat;
     font-weight: 400;
     color: #555
}

.ui-state-default:focus, .ui-widget-content .ui-state-default:focus, .ui-widget-header .ui-state-default:focus {
     outline: 0
}

.container-404-page {
     padding: 50px 0 90px 0
}

.container-404-page .erroe-title {
     font-size: 164px;
     line-height: 180px;
     color: #222
}

.container-404-page .error-des {
     font-size: 26px;
     padding-left: 15px
}

.container-404-page .error-des-2 {
     font-size: 14px;
     padding-left: 15px
}

.container-404-page .error-nav-menu {
     list-style: none;
     margin: 10px 0 0 0;
     padding: 0;
     padding-left: 15px
}

.container-404-page .error-nav-menu li {
     display: inline-block;
     margin-right: 10px;
     font-size: 14px
}

.container-404-page .error-nav-menu li:after {
     content: "/";
     margin-left: 10px
}

.container-404-page .error-nav-menu li:last-child:after {
     content: " ";
     margin-left: 10px
}

.footer-area-container {
     color: #9b9999;
     background-color: #333;
     padding: 46px 0 5px 0
}

.footer-area-container .footer-widget-title {
     font-size: 18px;
     font-weight: 700;
     color: #f60;
     text-transform: uppercase
}

.footer-area-container .footer-widget-title .small {
     font-size: 18px;
     font-weight: 700;
     color: #CCC;
     text-transform: uppercase
}

.footer-area-container .footer-widget-title .big {
     font-size: 30px;
     color: #f60;
     text-transform: uppercase;
     margin-bottom: 22px;
     font-family: calibri
}

.footer-area-container .fa {
     color: #fefefe;
     margin-right: 6px
}

.footer-area-container a {
     color: gray
}

.footer-area-container .site-footer {
     margin-top: 2px;
     padding: 14px 0 0 0;
     border-top: solid 1px gray
}

.footer-area-container .site-footer .footer-nav {
     list-style: none;
     text-align: right
}

.footer-area-container .site-footer .footer-nav li {
     display: inline-block;
     padding: 0 2px
}

.flickr-thumbs {
     margin: 0;
     padding: 0;
     overflow: hidden
}

.flickr-thumbs li {
     list-style: none;
     float: left;
     margin: 0;
     padding: 4px
}

.flickr-thumbs li img {
     display: block;
     width: 82px;
     height: 82px
}

.flickr-thumbs li a img {
     border: none
}

#cycle {
     margin: 0;
     padding: 0;
     width: 500px;
     height: 333px;
     padding: 3px;
     background: #eee;
     -moz-box-shadow: 0 0 2px #000;
     -webkit-box-shadow: 0 0 2px #000
}

#cycle li {
     position: relative;
     list-style: none;
     margin: 0;
     padding: 3px;
     width: 500px;
     height: 333px;
     overflow: hidden
}

#cycle li div {
     position: absolute;
     bottom: 3px;
     left: 3px;
     padding: 3px;
     width: 494px;
     background: #000;
     color: #fff;
     font-size: 12px;
     opacity: .8
}

@media only screen and (max-width:980px) {
     .classic-portfolio.col-4-portfolio .project-item, .col-3-portfolio .project-item, .classic-portfolio.col-3-portfolio .project-item, .classic-portfolio.col-2-portfolio .project-item {
          max-width: 352px;
          width: 47%;
          margin: 1.5%;
          height: auto
     }

     .modern-portfolio .project-item .project-image {
          margin-bottom: 0
     }

     .single-blog-post {
          margin-bottom: 40px
     }

     .share-box span, .share-box .share-box-icons {
          display: block;
          text-align: center
     }

     .share-box .share-box-icons {
          margin-top: 12px;
          display: block;
          text-align: center
     }

     .share-box .share-box-icons li {
          padding: 0 13px
     }

     .single-post-nav {
          margin-top: 0 !important
     }

     .single-post-nav li, .nav-btn li {
          border-top: none;
          width: 100% !important
     }

     .single-product-des {
          width: 50%;
          float: right
     }

     .products li {
          width: 30.3333333%;
          float: left;
          margin: 0 1.5% 51px 1.5%
     }

     .products .owl-item li {
          width: 220px;
          float: left;
          margin: 0 15px 51px 15px
     }

     .service-box-sb {
          margin: 10px 0 30px 0
     }

     .footer-area-container .footer-widget {
          margin-bottom: 40px
     }

     .footer-area-container .site-footer {
          text-align: center
     }

     .footer-area-container .site-footer .footer-nav {
          text-align: center;
          padding: 0
     }
}

@media only screen and (max-width:360px) {
     .classic-portfolio.col-4-portfolio .project-item, .col-3-portfolio .project-item, .classic-portfolio.col-3-portfolio .project-item, .classic-portfolio.col-2-portfolio .project-item {
          max-width: 350px;
          width: 94%;
          margin: 3%;
          height: auto
     }

     .modern-portfolio .project-item .project-image {
          margin-bottom: 0
     }

     .port-de-title-1 {
          margin-top: 30px
     }

     .single-product-images, .single-product-des {
          width: 100%;
          float: none
     }

     .single-product-des {
          margin-top: 35px
     }

     .single-product-images .product-images-gallery li {
          width: 24%;
          float: left;
          margin: 0 .5% .5% .5%
     }

     .products li {
          width: 90%;
          float: left;
          margin: 0 5% 45px 5%
     }

     .products .owl-item li {
          width: 360px;
          float: left;
          margin: 0 15px 51px 15px
     }
}

.isotope-item {
     z-index: 2
}

.isotope-hidden.isotope-item {
     pointer-events: none;
     z-index: 1
}

.isotope, .isotope .isotope-item {
     -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
     -ms-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     transition-duration: 0.8s
}

.isotope {
     -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
     -ms-transition-property: height, width;
     -o-transition-property: height, width;
     transition-property: height, width
}

.isotope .isotope-item {
     -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property: -moz-transform, opacity;
     -ms-transition-property: -ms-transform, opacity;
     -o-transition-property: -o-transform, opacity;
     transition-property: transform, opacity
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
     -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
     -ms-transition-duration: 0s;
     -o-transition-duration: 0s;
     transition-duration: 0s
}

.owl-carousel .owl-wrapper:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0
}

.owl-carousel {
     display: none;
     position: relative;
     width: 100%;
     -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
     display: none;
     position: relative;
     -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper-outer {
     overflow: hidden;
     position: relative;
     width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
     -webkit-transition: height 500ms ease-in-out;
     -moz-transition: height 500ms ease-in-out;
     -ms-transition: height 500ms ease-in-out;
     -o-transition: height 500ms ease-in-out;
     transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
     float: left
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
     cursor: pointer
}

.owl-controls {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
     cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
     margin-top: 10px;
     text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
     color: #FFF;
     display: inline-block;
     zoom: 1;
     *display: inline;
     margin: 5px;
     padding: 3px 10px;
     font-size: 12px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     background: #869791;
     filter: Alpha(Opacity=50);
     opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
     filter: Alpha(Opacity=100);
     opacity: 1;
     text-decoration: none
}

.owl-theme .owl-controls .owl-page {
     display: inline-block;
     zoom: 1;
     *display: inline
}

.owl-theme .owl-controls .owl-page span {
     display: block;
     width: 14px;
     height: 14px;
     margin: 5px 7px;
     filter: Alpha(Opacity=90);
     opacity: .9;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     border: solid 1px #888
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
     filter: Alpha(Opacity=100);
     opacity: 1;
     background: #f60;
     border-color: #f60
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
     height: auto;
     width: auto;
     color: #FFF;
     padding: 2px 10px;
     font-size: 12px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px
}

.owl-item.loading {
     min-height: 150px;
     background: url(AjaxLoader.gif) no-repeat center center
}

.owl-origin {
     -webkit-perspective: 1200px;
     -webkit-perspective-origin-x: 50%;
     -webkit-perspective-origin-y: 50%;
     -moz-perspective: 1200px;
     -moz-perspective-origin-x: 50%;
     -moz-perspective-origin-y: 50%;
     perspective: 1200px
}

.owl-fade-out {
     z-index: 10;
     -webkit-animation: fadeOut .7s both ease;
     -moz-animation: fadeOut .7s both ease;
     animation: fadeOut .7s both ease
}

.owl-fade-in {
     -webkit-animation: fadeIn .7s both ease;
     -moz-animation: fadeIn .7s both ease;
     animation: fadeIn .7s both ease
}

.owl-backSlide-out {
     -webkit-animation: backSlideOut 1s both ease;
     -moz-animation: backSlideOut 1s both ease;
     animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
     -webkit-animation: backSlideIn 1s both ease;
     -moz-animation: backSlideIn 1s both ease;
     animation: backSlideIn 1s both ease
}

.owl-goDown-out {
     -webkit-animation: scaleToFade .7s ease both;
     -moz-animation: scaleToFade .7s ease both;
     animation: scaleToFade .7s ease both
}

.owl-goDown-in {
     -webkit-animation: goDown .6s ease both;
     -moz-animation: goDown .6s ease both;
     animation: goDown .6s ease both
}

.owl-fadeUp-in {
     -webkit-animation: scaleUpFrom .5s ease both;
     -moz-animation: scaleUpFrom .5s ease both;
     animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
     -webkit-animation: scaleUpTo .5s ease both;
     -moz-animation: scaleUpTo .5s ease both;
     animation: scaleUpTo .5s ease both
}

@-webkit-keyframes empty {
     0% {
          opacity: 1
     }
}

@-moz-keyframes empty {
     0% {
          opacity: 1
     }
}

@keyframes empty {
     0% {
          opacity: 1
     }
}

@-webkit-keyframes fadeIn {
     0% {
          opacity: 0
     }

     100% {
          opacity: 1
     }
}

@-moz-keyframes fadeIn {
     0% {
          opacity: 0
     }

     100% {
          opacity: 1
     }
}

@keyframes fadeIn {
     0% {
          opacity: 0
     }

     100% {
          opacity: 1
     }
}

@-webkit-keyframes fadeOut {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0
     }
}

@-moz-keyframes fadeOut {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0
     }
}

@keyframes fadeOut {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0
     }
}

@-webkit-keyframes backSlideOut {
     25% {
          opacity: .5;
          -webkit-transform: translateZ(-500px)
     }

     75% {
          opacity: .5;
          -webkit-transform: translateZ(-500px) translateX(-200%)
     }

     100% {
          opacity: .5;
          -webkit-transform: translateZ(-500px) translateX(-200%)
     }
}

@-moz-keyframes backSlideOut {
     25% {
          opacity: .5;
          -moz-transform: translateZ(-500px)
     }

     75% {
          opacity: .5;
          -moz-transform: translateZ(-500px) translateX(-200%)
     }

     100% {
          opacity: .5;
          -moz-transform: translateZ(-500px) translateX(-200%)
     }
}

@keyframes backSlideOut {
     25% {
          opacity: .5;
          transform: translateZ(-500px)
     }

     75% {
          opacity: .5;
          transform: translateZ(-500px) translateX(-200%)
     }

     100% {
          opacity: .5;
          transform: translateZ(-500px) translateX(-200%)
     }
}

@-webkit-keyframes backSlideIn {
     0%, 25% {
          opacity: .5;
          -webkit-transform: translateZ(-500px) translateX(200%)
     }

     75% {
          opacity: .5;
          -webkit-transform: translateZ(-500px)
     }

     100% {
          opacity: 1;
          -webkit-transform: translateZ(0) translateX(0)
     }
}

@-moz-keyframes backSlideIn {
     0%, 25% {
          opacity: .5;
          -moz-transform: translateZ(-500px) translateX(200%)
     }

     75% {
          opacity: .5;
          -moz-transform: translateZ(-500px)
     }

     100% {
          opacity: 1;
          -moz-transform: translateZ(0) translateX(0)
     }
}

@keyframes backSlideIn {
     0%, 25% {
          opacity: .5;
          transform: translateZ(-500px) translateX(200%)
     }

     75% {
          opacity: .5;
          transform: translateZ(-500px)
     }

     100% {
          opacity: 1;
          transform: translateZ(0) translateX(0)
     }
}

@-webkit-keyframes scaleToFade {
     to {
          opacity: 0;
          -webkit-transform: scale(.8)
     }
}

@-moz-keyframes scaleToFade {
     to {
          opacity: 0;
          -moz-transform: scale(.8)
     }
}

@keyframes scaleToFade {
     to {
          opacity: 0;
          transform: scale(.8)
     }
}

@-webkit-keyframes goDown {
     from {
          -webkit-transform: translateY(-100%)
     }
}

@-moz-keyframes goDown {
     from {
          -moz-transform: translateY(-100%)
     }
}

@keyframes goDown {
     from {
          transform: translateY(-100%)
     }
}

@-webkit-keyframes scaleUpFrom {
     from {
          opacity: 0;
          -webkit-transform: scale(1.5)
     }
}

@-moz-keyframes scaleUpFrom {
     from {
          opacity: 0;
          -moz-transform: scale(1.5)
     }
}

@keyframes scaleUpFrom {
     from {
          opacity: 0;
          transform: scale(1.5)
     }
}

@-webkit-keyframes scaleUpTo {
     to {
          opacity: 0;
          -webkit-transform: scale(1.5)
     }
}

@-moz-keyframes scaleUpTo {
     to {
          opacity: 0;
          -moz-transform: scale(1.5)
     }
}

@keyframes scaleUpTo {
     to {
          opacity: 0;
          transform: scale(1.5)
     }
}

#colorbox, #cboxOverlay, #cboxWrapper {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 9999;
     overflow: hidden
}

#cboxWrapper {
     max-width: none
}

#cboxOverlay {
     position: fixed;
     width: 100%;
     height: 100%
}

#cboxMiddleLeft, #cboxBottomLeft {
     clear: left
}

#cboxContent {
     position: relative
}

#cboxLoadedContent {
     overflow: auto;
     -webkit-overflow-scrolling: touch
}

#cboxTitle {
     margin: 0
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
     cursor: pointer
}

.cboxPhoto {
     float: left;
     margin: auto;
     border: 0;
     display: block;
     max-width: none;
     -ms-interpolation-mode: bicubic
}

.cboxIframe {
     width: 100%;
     height: 100%;
     display: block;
     border: 0;
     padding: 0;
     margin: 0
}

#colorbox, #cboxContent, #cboxLoadedContent {
     box-sizing: content-box;
     -moz-box-sizing: content-box;
     -webkit-box-sizing: content-box
}

#cboxOverlay {
     background: #000
}

#colorbox {
     outline: 0
}

#cboxContent {
     margin-top: 20px;
     background: #000
}

.cboxIframe {
     background: #fff
}

#cboxError {
     padding: 50px;
     border: 1px solid #ccc
}

#cboxLoadedContent {
     border: 5px solid #000;
     background: #fff
}

#cboxTitle {
     position: absolute;
     top: -20px;
     left: 0;
     color: #ccc
}

#cboxCurrent {
     position: absolute;
     top: -20px;
     right: 0;
     color: #ccc
}

#cboxLoadingGraphic {}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
     border: 0;
     padding: 0;
     margin: 0;
     overflow: visible;
     width: auto;
     background: none
}

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
     outline: 0
}

#cboxSlideshow {
     position: absolute;
     top: -20px;
     right: 90px;
     color: #fff
}

#cboxPrevious {
     position: absolute;
     top: 50%;
     left: 5px;
     margin-top: -32px;
     background: url(../images/colorbox/controls.png) no-repeat top left;
     width: 28px;
     height: 65px;
     text-indent: -9999px
}

#cboxPrevious:hover {
     background-position: bottom left
}

#cboxNext {
     position: absolute;
     top: 50%;
     right: 5px;
     margin-top: -32px;
     background: url(../images/colorbox/controls.png) no-repeat top right;
     width: 28px;
     height: 65px;
     text-indent: -9999px
}

#cboxNext:hover {
     background-position: bottom right
}

#cboxClose {
     position: absolute;
     top: 5px;
     right: 5px;
     display: block;
     background: url(../images/colorbox/controls.png) no-repeat top center;
     width: 38px;
     height: 19px;
     text-indent: -9999px
}

#cboxClose:hover {
     background-position: bottom center
}

#owl-slider .item img {
     display: block;
     width: 100%;
     height: auto
}

.owl-captions {
     position: absolute
}

.text-banner-container {
     background-color: #fff;
     padding: 23px 0 23px 0;
     width: 100%;
     height: 100%;
     background: url(../images/text-banner-bg.jpg) center center no-repeat;
     background-size: cover;
     background-attachment: fixed
}

.text-banner {
     color: #fff
}

.text-banner h2 {
     font-size: 28px;
     font-weight: 400
}

.text-banner .custom-btn {
     color: #fff;
     margin-top: 24px;
     padding: 10px 28px
}

.text-banner a.custom-btn:hover {
     color: #f60
}

.products-bg-container {
     padding: 0 0 6px 0
}

.new-products-bg-container {
     padding: 60px 0 0 0
}

.container-services-shop {
     padding: 5px 0 0 0
}

.container-services-shop .bt-custom-line {
     margin-bottom: 52px;
     font-size: 17px;
     text-transform: uppercase;
     color: #444
}

.c-brand-container {
     padding: 0 0 15px 0
}

.shortcode-list-container {
     padding: 67px 0
}

.shortcode-list-container .hsl1 {
     height: 22px
}

.shortcode-list-container .hsl2 {
     height: 32px
}

.shortcode-list-container .hsl3 {
     height: 34px
}

.shortcode-list-container .hsl4 {
     height: 22px
}

.shortcode-list-container .hsl5 {
     height: 65px
}

.shortcode-list-container2 {
     padding: 27px 0
}

.shortcode-list-container2 .hsl4 {
     height: 22px
}

.shortcode-list-container2 .hsl5 {
     height: 30px
}

.shortcode-list-container2 .hsl40 {
     height: 40px
}

.menu-search-bar {
     position: relative;
     cursor: pointer
}

.search-bar {
     position: absolute;
     right: 8px;
     display: none
}

.search-bar input {
     width: 235px;
     height: 50px;
     padding: 5px 20px;
     border: solid 1px #eee
}

.slider-wrapper {
     position: relative;
     overflow: hidden;
     max-height: 400px
}

.fr-slider {
     position: relative;
     overflow: visible;
     position: relative;
     max-width: 1170px;
     width: 100%;
     margin: 0 auto
}

.fraction-slider {
     position: relative;
     width: 100%;
     height: 100%;
     overflow: visible
}

.fraction-slider .slide {
     display: none;
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 100;
     margin: 0;
     padding: 0;
     outline: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline
}

.fraction-slider .slide-bg {
     background-color: #fff;
     height: auto !important
}

.fraction-slider .fs_obj {
     display: block;
     display: none;
     position: absolute;
     top: 0;
     left: 100%;
     z-index: 7000
}

.fraction-slider .fs_fixed_obj {
     z-index: 6000;
     left: 0
}

.fraction-slider .fs_obj * {
     display: inline-block;
     position: relative;
     top: 0;
     left: 0
}

.slider .slide {
     display: none
}

.fr-slider .fs_loader {
     width: 100%;
     height: 550px;
     z-index: 9999;
     overflow: hidden
}

.fraction-slider .prev, .fraction-slider .next {
     width: 62px;
     height: 62px;
     line-height: 66px;
     text-align: center;
     background-color: #fff;
     position: absolute;
     top: 43%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     opacity: 0;
     font-size: 36px;
     font-weight: 700;
     color: rgba(0, 0, 0, .72);
     cursor: pointer;
     z-index: 9999;
     -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
     -moz-transition: all .2s cubic-bezier(.25, .46, .45, .94);
     transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.fraction-slider .prev:before, .fraction-slider .next:before {
     content: '\f105'
}

.fraction-slider:hover .prev, .fraction-slider:hover .next {
     opacity: .2
}

.direction-nav .aya-next:hover, .direction-nav .aya-prev:hover {
     opacity: 0.8 !important
}

.fraction-slider .prev {
     left: 2%;
     padding-right: 5px
}

.fraction-slider .next {
     right: 2%;
     padding-left: 5px
}

.fraction-slider:hover .prev, .fraction-slider:hover .next {
     display: block
}

.fs-pager-wrapper {
     position: absolute;
     right: 10px;
     bottom: 200px;
     z-index: 9999
}

.fs-pager-wrapper a, .fs-custom-pager-wrapper a {
     display: inline-block;
     margin: 0 5px 0 0;
     cursor: pointer;
     position: relative;
     border: 3px solid rgba(255, 255, 255, .6);
     width: 20px;
     height: 20px;
     float: left;
     border-radius: 50%
}

.fs-pager-wrapper a:hover, .fs-custom-pager-wrapper a:hover {
     background: rgba(255, 255, 255, .6)
}

.fs-pager-wrapper .active, .fs-custom-pager-wrapper .active {
     background: #FFF;
     border-color: #FFF
}

.big {
     font-size: 30px;
     color: #f60;
     text-transform: uppercase;
     margin-bottom: 22px;
     font-family: calibri
}

span {
     vertical-align: bottom;
     margin-right: 4px
}

.logo {
     position: absolute;
     width: 156px;
     height: 133px;
     float: left;
     z-index: 100;
     top: 0
}

.portfolioContent.row {
     margin-bottom: 16px
}

.portfolioDesc p {
     margin-bottom: 5px
}

.portfolioDetails {
     background: url(../images/tiles/separatorDottedVertical.gif) repeat-y 0 1px;
     margin-top: 44px
}

.portfolioDetails h4 {
     color: #777;
     line-height: 12px
}

.portfolioDetails ul {
     margin: 0;
     padding: 0;
     margin-top: 14px
}

.portfolioDetails ul li {
     line-height: 20px
}

.portfolioDetails a {
     background-color: #fff;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     -ms-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out
}

.portfolioDetails a:hover {
     color: #fff
}

.portfolioDetails h4, .portfolioDetails ul {
     margin-left: 20px
}

.gallery .element:hover {
     border-color: #f60
}

.portfolio .element:hover {
     border-top: 5px solid #f60
}

.portfolio .element:hover>.portfolioText {
     background-color: #f60;
     border-color: #f60
}

.isotopeFilters ul>li:hover>a, .isotopeFilters ul>li.selected>a {
     background-color: #f60
}

.isotopeFilters li a:active, .isotopeFilters li a.selected {
     background-color: #f60
}

.gallery .element:hover {
     border-color: #f60
}

.portfolio .element:hover {
     border-top: 5px solid #f60
}

.portfolio .element:hover>.portfolioText {
     background-color: #f60;
     border-color: #f60
}

.isotopeFilters ul>li:hover>a, .isotopeFilters ul>li.selected>a {
     background-color: #f60
}

.isotopeFilters li a:active, .isotopeFilters li a.selected {
     background-color: #f60
}

.isotopeFilters li {
     background: url(../images/arrowDown.png) no-repeat center 22px
}

.portfolio .element:hover>.portfolioText:after {
     background: url(../images/arrowDown.png) no-repeat center bottom
}

.portfolioText {
     background-color: #f8f8f8;
     border: 1px solid #ddd;
     border-top: none;
     float: left;
     text-align: center;
     position: relative;
     padding: 10px;
     z-index: 0;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     -ms-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out
}

.portfolioText p {
     margin-bottom: 2px;
     color: #545454;
     position: relative;
     z-index: 2
}

.portfolioText span {
     font-size: 11px;
     font-style: italic;
     color: #aaa;
     position: relative;
     z-index: 1
}

.portfolio .element.onethird {
     margin-right: 21px
}

.portfolio .element {
     margin-bottom: 15px;
     float: left;
     position: relative;
     border-top: 5px solid #fff;
     cursor: pointer
}

.portfolio .element.onethird .portfolioText:after {
     left: 147px
}

.portfolio .element .portfolioText:after {
     content: '';
     width: 11px;
     height: 7px;
     position: absolute;
     top: 100%;
     left: 50%;
     background: url(../images/arrowDownGrey.png) no-repeat center bottom;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     -ms-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out
}

.portfolio .element .portfolioArrow {
     width: 11px;
     height: 7px;
     float: left
}

.portfolio .element.onethird .portfolioText {
     width: 306px
}

.portfolio .element:hover>.portfolioText {
     background-color: #f60;
     border-color: #f60
}

.bp-p{
     color: #f60;
     margin-left: 70px;
     margin-top: -70px;
}