@import "https://fonts.googleapis.com/css?family=Oswald:300,400,700";
 @import "https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,500,500italic,700,700italic,900,900italic";
 html,
 body {
     font-family: 'Roboto', sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size: 16px;
     z-index: 0
 }
 
 .box-layout {
     max-width: 1200px;
     margin: auto;
     clear: both;
     box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1)
 }
 
 .box-layout .focuz-main-slider>.master-slider {
     margin: 0!important;
     clear: both
 }
 
 a {
     color: #00a1cb;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 a:focus {
     outline: none;
     outline-offset: 0;
     text-decoration: none
 }
 
 a:hover {
     text-decoration: none
 }
 
 p {
     color: #333;
     font-size: 14px;
     line-height: 24px;
     font-weight: 500px
 }
 
 hr {
     border-color: #e4e4e4
 }
 
 img {
     max-width: 100%;
     height: auto
 }
 
 .boxer-container img {
     max-width: inherit
 }
 
 .inline {
     display: inline-block
 }
 
 .overlay {
     background-color: rgba(0, 0, 0, .8)
 }
 
 .text-upc {
     text-transform: uppercase
 }
 
 .text-cap {
     text-transform: capitalize
 }
 
 .dropcap {
     color: #fff;
     background: #00a1cb;
     display: block;
     font-family: "Roboto", sans-serif;
     font-size: 42px;
     font-weight: 700;
     line-height: 60px;
     text-align: center;
     height: 60px;
     width: 50px;
     float: left;
     margin-top: 6px;
     margin-right: 10px
 }
 
 .alert {
     overflow: hidden;
     border-radius: 0
 }
 
 .progress {
     border-radius: 0
 }
 
 .section-padding {
     padding: 50px 0
 }
 
 section+hr,
 .section-padding+hr {
     margin: 0
 }
 
 .polygon-bg {
     background-image: url(../images/polygon-bg.html);
     background-repeat: repeat;
     color: #FFF
 }
 
 .parallax-bg {
     background-attachment: fixed;
     background-size: cover
 }
 
 .relative {
     position: relative
 }
 
 .dark-bg {
     background: #1c1c1c!important
 }
 
 .white-bg {
     background: #fff!important
 }
 
 .blue-bg {
     background: #00a1cb!important
 }
 
 .top-header {
     background: #00a1cb
 }
 
 .top-header ul {
     padding: 0
 }
 
 .top-header ul li {
     display: inline-block;
     list-style: none;
     border-left: 0 solid #323437
 }
 
 .top-header ul li:last-child {
     border-right: 0 solid #323437
 }
 
 .top-header ul li a .fa {
     color: #fff;
     font-size: 14px
 }
 
 .top-header ul li a {
     color: #fff;
     font-weight: 300;
     padding: 0 13px;
     font-size: 12px;
     letter-spacing: 1px;
     line-height: 30px
 }
 
 .top-header ul li a:hover,
 .top-header ul li a:hover .fa {
     color: #c2c1c1
 }
 
 .top-social ul li {
     float: left
 }
 
 .top-info ul li {
     float: right
 }
 
 .top-info ul li a .fa {
     margin-right: 7px
 }
 
 .no-border,
 .no-border-ab:after,
 .no-border-ab:before {
     border: none!important
 }
 
 .no-after:after,
 .no-before:before {
     content: none!important
 }
 
 .no-border-l {
     border-left: none!important
 }
 
 .no-border-r {
     border-right: none!important
 }
 
 .no-border-t {
     border-top: none!important
 }
 
 .no-border-b {
     border-bottom: none!important
 }
 
 .border2px {
     border-width: 2px!important
 }
 
 .border1px {
     border-width: 1px!important
 }
 
 .m0 {
     margin: 0!important
 }
 
 .lm0 {
     margin-left: 0!important
 }
 
 .rm0 {
     margin-right: 0!important
 }
 
 .tm0 {
     margin-top: 0!important
 }
 
 .bm0 {
     margin-bottom: 0!important
 }
 
 .bm50 {
     margin-bottom: 50px!important
 }
 
 .tm50 {
     margin-top: 50px!important
 }
 
 .bm30 {
     margin-bottom: 30px!important
 }
 
 .tm30 {
     margin-top: 30px!important
 }
 
 .tm20 {
     margin-top: 20px!important
 }
 
 .tm10 {
     margin-top: 10px!important
 }
 
 .mauto {
     margin-left: auto!important;
     margin-right: auto!important
 }
 
 .lm-15 {
     margin-left: -15px!important
 }
 
 .p0 {
     padding: 0!important
 }
 
 .lp0 {
     padding-left: 0!important
 }
 
 .rp0 {
     padding-right: 0!important
 }
 
 .tp0 {
     padding-top: 0!important
 }
 
 .bp0 {
     padding-bottom: 0!important
 }
 
 .lrp15 {
     padding-left: 15px!important;
     padding-right: 15px!important
 }
 
 .lrp30 {
     padding-left: 30px!important;
     padding-right: 30px!important
 }
 
 .p15 {
     padding: 15px
 }
 
 .p30 {
     padding: 30px
 }
 
 .pt50,
 .tp50 {
     padding-top: 50px!important
 }
 
 .tp40 {
     padding-top: 40px!important
 }
 
 .tp20 {
     padding-top: 20px!important
 }
 
 @media (max-width: 992px) {
     .md-bm30 {
         margin-bottom: 30px!important
     }
     .md-bm50 {
         margin-bottom: 50px!important
     }
     .md-no-pull {
         float: none!important
     }
     .md-hide {
         display: none!important
     }
 }
 
 @media (max-width: 768px) {
     .sm-bm30 {
         margin-bottom: 30px!important
     }
     .sm-bm50 {
         margin-bottom: 50px!important
     }
     .sm-no-pull {
         float: none!important
     }
     .sm-hide {
         display: none!important
     }
 }
 
 @media (max-width: 480px) {
     .xs-full {
         width: 100%!important
     }
     .xs-bm30 {
         margin-bottom: 30px!important
     }
     .xs-bm50 {
         margin-bottom: 50px!important
     }
     .xs-no-pull {
         float: none!important
     }
     .xs-hide {
         display: none!important
     }
 }
 
 .mf-width {
     max-width: 100%!important
 }
 
 .f-width {
     width: 100%!important
 }
 
 .dtable {
     display: table
 }
 
 .dblock {
     display: block
 }
 
 .dinline {
     display: inline
 }
 
 .diblock {
     display: inline-block
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     text-transform: uppercase
 }
 
 h1 {
     font-size: 2.125em
 }
 
 h2 {
     font-size: 1.75em
 }
 
 h3 {
     font-size: 1.375em
 }
 
 h4 {
     font-size: 1.125em
 }
 
 .widget h4 {
     color: #f60;
     letter-spacing: 2px
 }
 
 .stripe-full h4 {
     color: #333
 }
 
 h5 {
     font-size: 1em
 }
 
 h6 {
     font-size: .875em
 }
 
 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
     color: #2d2d2d
 }
 
 h1 a:hover,
 h2 a:hover,
 h3 a:hover,
 h4 a:hover,
 h5 a:hover,
 h6 a:hover {
     color: #00a1cb
 }
 
 h1>span,
 h2>span,
 h3>span,
 h4>span,
 h5>span,
 h6>span {
     color: #00a1cb
 }
 
 h1>em,
 h2>em,
 h3>em,
 h4>em,
 h5>em,
 h6>em {
     color: #00a1cb;
     font-weight: 300
 }
 
 .btn {
     color: #00a1cb;
     background-color: transparent;
     border: 1px solid #dedede;
     font-weight: 700;
     border-radius: 0;
     margin: 5px
 }
 
 .btn:hover,
 .btn:focus,
 .btn.focus {
     color: #00a1cb
 }
 
 .filter-btn.btn {
     margin: 5px 2px;
     font-size: 12px;
     font-family: "Roboto", sans-serif
 }
 
 .filter-btn {
     background: #fff;
     text-transform: uppercase
 }
 
 .btn,
 .btn .badge {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .btn:active,
 .btn.active {
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .btn:active:focus,
 .btn.active:focus,
 .btn.focus,
 .btn:active.focus,
 .btn.active.focus,
 .btn:active,
 .btn:hover,
 .btn:focus,
 .btn.focus {
     outline: none;
     outline-offset: 0
 }
 
 .rbtn {
     border-radius: 25px
 }
 
 .btn.has-badge {
     padding-left: 25px;
     padding-right: 25px
 }
 
 .btn.has-badge .badge {
     display: none;
     padding: 0
 }
 
 .btn.has-badge.active {
     padding-left: 10px;
     padding-right: 5px
 }
 
 .btn.has-badge.active .badge {
     margin-left: 5px;
     height: 25px;
     min-width: 25px;
     display: inline-block;
     background: #fff;
     color: #00A1CB;
     line-height: 25px
 }
 
 .btn .badge {
     border-radius: 15px
 }
 
 .btn.active,
 .bg-btn {
     color: #fff;
     border-color: #00a1cb;
     background: #00a1cb
 }
 
 .bg-btn:hover {
     color: #fff
 }
 
 .bg-btn.btn:focus {
     color: #fff
 }
 
 .sm-btn {
     padding: 0 15px;
     min-height: 36px;
     line-height: 30px
 }
 
 a.sm-btn {
     line-height: 34px
 }
 
 .md-btn {
     padding: 0 15px;
     min-height: 40px;
     line-height: 38px
 }
 
 .full-btn {
     margin: 5px 0;
     width: 100%;
     max-width: 100%
 }
 
 .nav-btn.rbtn {
     padding: 0;
     width: 36px;
     border-color: #00a1cb
 }
 
 .md-btn:hover,
 .sm-btn:hover,
 .nav-btn:hover {
     border-color: #00a1cb;
     background: #00a1cb;
     color: #fff
 }
 
 .btn-container {
     padding-top: 30px
 }
 
 .btn-container .btn {
     color: #606060
 }
 
 .btn a:hover,
 .btn-container .btn:hover {
     color: #fff
 }
 
 .btn a {
     width: 100%;
     display: inline-block
 }
 
 .btn-black {
     background: #000;
     border-color: #000
 }
 
 .btn-black:hover {
     color: #fff
 }
 
 .stripe-full,
 .stripe-bfixw {
     position: relative;
     margin-bottom: 30px
 }
 
 .stripe-over:after,
 .stripe-over:before,
 .stripe-full:after,
 .stripe-full:before,
 .stripe-bfixw:after,
 .stripe-bfixw:before {
     content: "";
     position: absolute;
     bottom: -18px
 }
 
 .stripe-full.stripe-1:after {
     height: 0;
     border: 0
 }
 
 .stripe-bfixw:after,
 .stripe-bfixw:before {
     left: 50%;
     width: 50px;
     margin-left: -25px
 }
 
 .stripe-over:after,
 .stripe-over:before,
 .stripe-full:after,
 .stripe-full:before {
     left: 0;
     width: 100%
 }
 
 .stripe-over:after,
 .stripe-full:after,
 .stripe-bfixw:after {
     height: 5px;
     border-top: 1px solid #dedede;
     border-bottom: 1px solid #dedede
 }
 
 .stripe-over:before,
 .stripe-full:before,
 .stripe-bfixw:before {
     height: 3px;
     border-top: 1px solid #dedede
 }
 
 .stripe-over {
     display: inline-block;
     position: relative;
     margin-bottom: 0
 }
 
 .stripe-over:after,
 .stripe-over:before {
     bottom: -22px;
     z-index: 2
 }
 
 .stripe-blue:after,
 .stripe-blue:before {
     border-color: #00a1cb
 }
 
 .title-container {
     overflow: hidden
 }
 
 .striped-title {
     display: inline-block;
     position: relative;
     z-index: 0
 }
 
 .striped-title:after,
 .striped-title:before,
 .stripe-t-left:after,
 .stripe-t-left:before,
 .stripe-t-right:after,
 .stripe-t-right:before,
 .stripe-t-back:after,
 .stripe-t-back:before {
     content: "";
     position: absolute;
     top: 50%;
     margin-top: -3px
 }
 
 .stripe-t-back:after,
 .stripe-t-back:before {
     left: 0;
     right: 0;
     z-index: -1
 }
 
 .stripe-t-left:after,
 .stripe-t-left:before {
     width: 1100px;
     right: 100%;
     margin-right: 40px
 }
 
 .stripe-t-right:after,
 .stripe-t-right:before {
     width: 1100px;
     left: 100%;
     margin-left: 40px
 }
 
 .for-widget .stripe-t-right:after,
 .for-widget .stripe-t-right:before {
     margin-left: 10px
 }
 
 .stripe-t-left:after,
 .stripe-t-right:after,
 .stripe-t-back:after {
     height: 5px;
     border-top: 1px solid #dedede;
     border-bottom: 1px solid #dedede
 }
 
 .stripe-t-left:before,
 .stripe-t-right:before,
 .stripe-t-back:before {
     height: 3px;
     border-bottom: 1px solid #dedede
 }
 
 .striped-title:after,
 .striped-title:before {
     top: 4px;
     bottom: 2px;
     width: 11px;
     border-left: 4px solid #dedede;
     border-right: 4px solid #dedede
 }
 
 .striped-title:after {
     right: -25px
 }
 
 .striped-title:before {
     left: -25px
 }
 
 .special-stripe {
     min-width: 50px;
     margin: 0;
     bottom: 0
 }
 
 .special-stripe:after,
 .special-stripe:before {
     bottom: 0!important
 }
 
 .polygon-bg .stripe-t-left:before,
 .polygon-bg .stripe-t-right:before,
 .polygon-bg .stripe-t-back:before,
 .polygon-bg .stripe-t-left:after,
 .polygon-bg .stripe-t-right:after,
 .polygon-bg .stripe-t-back:after,
 .polygon-bg .striped-title:after,
 .polygon-bg .striped-title:before {
     border-color: #292929
 }
 
 .mozilla h5.stripe-over:after,
 .mozilla h5.stripe-over:before,
 h6.stripe-over:after,
 h6.stripe-over:before {
     bottom: -23px
 }
 
 .striped-title.no-border-ab .stripe-t-left:after,
 .striped-title.no-border-ab .stripe-t-left:before {
     margin-right: 15px
 }
 
 .striped-title.no-border-ab .stripe-t-right:after,
 .striped-title.no-border-ab .stripe-t-right:before {
     margin-left: 15px
 }
 
 .striped-section {
     margin-top: 55px;
     position: relative;
     border-top: 5px solid #dedede;
     border-bottom: 5px solid #dedede;
     z-index: 0
 }
 
 .striped-section:before,
 .striped-section:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 1px;
     left: 0;
     background: #bfbfbf;
     z-index: 1
 }
 
 .striped-section:before {
     top: -5px
 }
 
 .striped-section:after {
     bottom: -5px
 }
 
 .striped-icon {
     display: none
 }
 
 .striped-section .striped-icon,
 .striped-section .striped-icon:after {
     position: absolute;
     display: block;
     border-radius: 100%;
     width: 66px;
     height: 66px;
     left: 50%;
     margin-left: -33px;
     z-index: 2
 }
 
 .striped-section .striped-icon:after {
     content: "";
     top: -5px;
     border: 1px solid #bfbfbf
 }
 
 .striped-section .striped-icon {
     color: #00a1cb;
     font-size: 24px;
     line-height: 56px;
     text-align: center;
     top: -35px;
     background: #fff;
     border: 5px solid #dedede
 }
 
 .section-description {
     color: #606060;
     font-weight: 300;
     font-size: 1em;
     font-family: 'Oswald', sans-serif;
     text-transform: uppercase;
     text-align: center
 }
 
 .polygon-bg .section-description {
     color: #777
 }
 
 .icon {
     color: #00a1cb;
     font-size: 1.5rem;
     width: 70px;
     height: 70px;
     /* border: 1px solid #dedede; */
     line-height: 68px;
     margin-bottom: 25px;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .icon.icon-big {
     color: #2d2d2d;
     border: 0 solid transparent;
     font-size: 3.125rem
 }
 
 .icon.icon-left {
     float: left
 }
 
 .icon.inv {
     background: #00a1cb;
     color: #fff
 }
 
 .circle {
     border-radius: 100%
 }
 
 .arrow-circle {
     position: relative;
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     background: #292929;
     width: 80px;
     height: 80px;
     border-radius: 100%;
     line-height: 80px;
     font-size: 24px;
     z-index: 0
 }
 
 .arrow-circle:after {
     content: "";
     position: absolute;
     right: -38px;
     top: 25px;
     height: 30px;
     width: 30px;
     border: 15px solid #fff;
     border-left-color: transparent;
     z-index: -1
 }
 
 .arrow-circle .arrow {
     color: #00a1cb;
     background: #fff;
     font-size: 14px;
     position: absolute;
     top: 25px;
     height: 30px;
     width: 32px;
     right: -45px;
     line-height: 30px;
     z-index: 1;
     padding-left: 7px
 }
 
 .arrow-circle .arrow:after {
     content: "";
     position: absolute;
     right: -30px;
     top: 0;
     height: 30px;
     width: 30px;
     border: 15px solid transparent;
     border-left-color: #fff
 }
 
 .arrow-circle .arrow:before {
     content: "";
     position: absolute;
     top: 0;
     left: -5px;
     width: 15px;
     height: 30px;
     border-right: 11px solid #fff;
     border-radius: 0 18px 18px 0;
     z-index: -1
 }
 
 .pagination>li:first-child>a,
 .pagination>li:first-child>span,
 .pagination>li:last-child>a,
 .pagination>li:last-child>span {
     border-radius: 0
 }
 
 .pagination>li>a,
 .pagination>li>span {
     color: #606060;
     margin: 5px;
     height: 40px;
     line-height: 36px;
     min-width: 40px;
     padding: 0;
     text-align: center
 }
 
 .pagination>li>.current:hover,
 .pagination>li>.current,
 .pagination>li>a:hover {
     color: #fff;
     border-color: #00a1cb;
     background: #00a1cb
 }
 
 .owl-controls {
     text-align: center;
     margin-top: 45px
 }
 
 .owl-page {
     background-color: transparent;
     border: 1px solid #00a1cb;
     border-radius: 0;
     display: inline-block;
     width: 15px;
     height: 15px;
     margin: 0 2px
 }
 
 .owl-page.active {
     background-color: #00a1cb;
     border: 1px solid #00a1cb
 }
 
 .carousel-indicators .active,
 .carousel-indicators li {
     border-radius: 0;
     border-color: #00a1cb;
     height: 15px;
     width: 15px;
     margin: 2px
 }
 
 .post .carousel-indicators .active,
 .post .carousel-indicators li {
     border-color: #fff;
     background: rgba(255, 255, 255, 0.4)
 }
 
 .carousel-indicators .active,
 .post .carousel-indicators .active {
     background: #00a1cb
 }
 
 .post .carousel-indicators {
     bottom: 0;
     margin-bottom: 4px
 }
 
 .v2 .post .carousel-indicators {
     opacity: 0
 }
 
 .v2 .post:hover .carousel-indicators {
     opacity: 1
 }
 
 .polygon-bg .prev,
 .polygon-bg .next {
     border-color: #fff;
     color: #fff
 }
 
 .polygon-bg .prev:hover,
 .polygon-bg .next:hover {
     background: #fff;
     color: #00a1cb
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next,
 .focuz-main-slider .ms-skin-default .ms-nav-prev {
     background: rgba(255, 255, 255, .8);
     width: 50px;
     height: 50px;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next:hover,
 .focuz-main-slider .ms-skin-default .ms-nav-prev:hover {
     background: rgba(255, 255, 255, 1)
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next {
     right: 0
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-prev {
     left: 0
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next:before,
 .focuz-main-slider .ms-skin-default .ms-nav-prev:before {
     position: absolute;
     color: #00a1cb;
     top: 17px;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next:before {
     content: "\f178";
     right: 17px
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-prev:before {
     content: "\f177";
     left: 17px
 }
 
 .social-icons ul {
     padding: 0
 }
 
 .social-icons ul>li {
     display: inline-block;
     margin-bottom: 3px
 }
 
 .social-icons ul>li>a .icon-content {
     font-size: 15px;
     font-family: 'Oswald', sans-serif;
     font-weight: 300;
     color: #2d2d2d;
     height: 32px;
     width: 32px;
     background-color: #FFF;
     padding: 5.5px 10px;
     text-transform: uppercase;
     text-align: center;
     overflow: hidden;
     -webkit-transition: all .4s;
     -moz-transition: all .4s;
     -ms-transition: all .4s;
     -o-transition: all .4s;
     transition: all .4s
 }
 
 .social-icons ul>li>a .icon-content:before {
     font-family: FontAwesome;
     font-size: 16px;
     padding-right: 15px
 }
 
 .social-icons ul>li>a:hover .icon-content {
     width: 125px;
     background-color: #00a1cb;
     color: #FFF
 }
 
 .form-control {
     min-height: 40px;
     margin: 0 0 20px;
     border: 2px solid #e6e6e6;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 textarea.form-control {
     min-height: 100px
 }
 
 .form-control:focus {
     border: 2px solid #00a1cb
 }
 
 .form-control,
 .form-control:focus {
     border-radius: 0;
     outline-style: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none
 }
 
 .contact-form .form-control {
     border-top: none;
     border-left: none;
     border-right: none
 }
 
 .checkbox-btn+label {
     font-weight: 400;
     cursor: pointer;
     position: relative;
     padding-left: 25px;
     z-index: 0
 }
 
 input[type="checkbox"].checkbox-btn {
     display: none
 }
 
 input[type="checkbox"].checkbox-btn+label:after {
     content: "";
     position: absolute;
     top: 3px;
     left: 0;
     width: 15px;
     height: 15px;
     border: 2px solid #e6e6e6;
     z-index: 1
 }
 
 input[type="checkbox"].checkbox-btn+label:before {
     content: "";
     position: absolute;
     top: -7px;
     left: 4px;
     color: #afacac;
     z-index: 2;
     font-size: 20px
 }
 
 .checkbox-btn.checkbox-lg+label {
     padding-left: 35px;
     line-height: 35px
 }
 
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:after {
     width: 25px;
     height: 25px
 }
 
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:before {
     top: -8px;
     left: 8px;
     font-size: 30px
 }
 
 input[type="checkbox"].checkbox-btn:checked+label:before {
     content: "\2713";
     color: #00a1cb
 }
 
 input[type="checkbox"].checkbox-btn:checked+label:after {
     border-color: #00a1cb
 }
 
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:after,
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .radio-btn+label {
     cursor: pointer;
     font-weight: 400;
     position: relative;
     padding-left: 25px;
     z-index: 0
 }
 
 input[type="radio"].radio-btn {
     display: none
 }
 
 input[type="radio"].radio-btn+label:after {
     content: "";
     position: absolute;
     border-radius: 100%;
     top: 3px;
     left: 0;
     width: 15px;
     height: 15px;
     border: 2px solid #e6e6e6;
     z-index: 1
 }
 
 input[type="radio"].radio-btn+label:before {
     content: "";
     border-radius: 100%;
     background: transparent;
     position: absolute;
     width: 7px;
     height: 7px;
     top: 7px;
     left: 4px;
     color: #afacac;
     z-index: 2
 }
 
 .radio-btn.radio-lg+label {
     padding-left: 35px;
     line-height: 35px
 }
 
 input[type="radio"].radio-btn.radio-lg+label:after {
     width: 25px;
     height: 25px
 }
 
 input[type="radio"].radio-btn.radio-lg+label:before {
     width: 15px;
     height: 15px;
     top: 8px;
     left: 5px
 }
 
 input[type="radio"].radio-btn:checked+label:before {
     background: #00a1cb
 }
 
 input[type="radio"].radio-btn:checked+label:after {
     border-color: #00a1cb
 }
 
 input[type="radio"].radio-btn.radio-lg+label:after,
 input[type="radio"].radio-btn.radio-lg+label:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .callout-action h2 {
     font-size: 22px
 }
 
 .callout-action .action-links a {
     color: #606060;
     font-size: 14px;
     font-weight: 500
 }
 
 .callout-action .action-links a:hover {
     color: #00a1cb
 }
 
 .callout-action .action-links span.or {
     font-family: 'Oswald', sans-serif;
     width: 40px;
     height: 40px;
     font-size: 16px;
     font-weight: 800;
     text-transform: uppercase;
     text-align: center;
     display: inline-block;
     border: 1px solid #FFF;
     border-radius: 50%;
     line-height: 37px;
     margin: 15px
 }
 
 .callout-action .callout-background {
     position: relative;
     top: 0;
     right: 0
 }
 
 .callout-action .action-description {
     color: #777;
     font-weight: 600;
     text-transform: capitalize
 }
 
 .callout-action .btn.purchase {
     color: #fff;
     margin-top: 30px;
     margin-bottom: 80px
 }
 
 .callout-action.top-part {
     position: relative;
     border-top: 4px solid #2d2d2d;
     z-index: 0
 }
 
 .callout-action.top-part:after {
     content: "";
     position: absolute;
     bottom: -5px;
     left: 0;
     right: 0;
     height: 1px;
     width: 100%;
     background: #bfbfbf;
     display: inherit;
     z-index: 1
 }
 
 .dark-bg .callout-content .callout-title {
     color: #fff;
     margin-top: 10px
 }
 
 .dark-bg .callout-content .purchase {
     background: #fff;
     color: #2d2d2d
 }
 
 .dark-bg .callout-content .purchase:hover {
     background: #00a1cb;
     color: #fff
 }
 
 .blue-bg .callout-content .callout-title {
     color: #fff;
     margin-top: 10px
 }
 
 .blue-bg .callout-content .btn {
     background: #00a1cb;
     color: #fff
 }
 
 .blue-bg .callout-content .btn:hover {
     background: #fff;
     color: #00a1cb
 }
 
 .progress.v1 {
     height: 40px;
     background: #ebebeb;
     -webkit-box-shadow: none;
     box-shadow: none;
     margin-bottom: 10px
 }
 
 .progress.v1 .progress-bar.default-bar {
     background-color: #00a1cb
 }
 
 .progress.v1 .progress-bar {
     text-align: left;
     font-size: 13px;
     font-weight: 400;
     line-height: 38px;
     padding-left: 15px;
     position: relative
 }
 
 .progress.v1 .progress-bar:before {
     content: "";
     top: 0;
     right: 0;
     width: 20px;
     height: 40px;
     position: absolute;
     border-style: solid;
     border-width: 20px 0 20px 20px;
     border-color: #ebebeb #ebebeb #ebebeb #00a1cb
 }
 
 .progress.v3 {
     height: 10px;
     width: 58%;
     margin-top: 14px
 }
 
 .progress.v3 .progress-bar.default-bar {
     background-color: #00a1cb
 }
 
 .progress-bg {
     background: #fff;
     height: 40px;
     border: 1px solid #ddd;
     margin-bottom: 10px;
     display: block;
     padding-right: 50px;
     position: relative
 }
 
 .progress-name {
     background: #000;
     color: #fff;
     padding: 10px 3px;
     float: left;
     margin-right: 15px;
     font-size: 13px;
     text-transform: uppercase;
     width: 35%;
     text-align: center;
     position: relative;
     z-index: 0
 }
 
 .progress-name:after {
     content: "";
     position: absolute;
     border: 1px solid #000;
     z-index: 1;
     left: -1px;
     right: -1px;
     top: -1px;
     bottom: 0
 }
 
 .progress-count {
     position: absolute;
     right: 0;
     bottom: 0;
     border-left: 1px solid #ddd;
     display: block;
     height: 38px;
     line-height: 37px;
     font-size: 13px;
     width: 10%;
     text-align: center
 }
 
 .panel-group .panel,
 .panel {
     border-radius: 0;
     margin-bottom: 10px
 }
 
 .panel-title {
     font-size: .8125rem;
     font-weight: 700;
     font-family: 'Roboto', sans-serif;
     text-transform: inherit
 }
 
 .panel-title a {
     color: #606060;
     min-height: 40px;
     display: inline-block;
     position: relative;
     padding-left: 15px;
     padding-right: 40px;
     line-height: 30px;
     padding-top: 5px;
     width: 100%
 }
 
 .panel-title a[class^="fa-"] {
     padding-left: 40px
 }
 
 .panel-title a:after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     width: 40px;
     text-align: center;
     line-height: 38px;
     border-left: 1px solid #dedede;
     font-family: FontAwesome;
     content: "\f0d8"
 }
 
 .panel-title a,
 .panel-title a.collapsed:hover {
     color: #00a1cb
 }
 
 .panel-title a.collapsed {
     color: #606060
 }
 
 .panel-title a.collapsed:after {
     position: absolute;
     top: 0;
     right: 0;
     font-family: FontAwesome;
     content: "\f0d7"
 }
 
 .panel-title a[class^="fa-"]:before {
     position: absolute;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 1rem;
     width: 40px;
     text-align: center;
     height: 43px;
     left: 0;
     top: 0;
     line-height: 40px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .panel-default>.panel-heading {
     background-color: transparent;
     padding: 0
 }
 
 .panel-body p,
 .panel-body {
     color: #777;
     font-size: .875rem;
     line-height: 24px
 }
 
 .panel-body .panel {
     margin-bottom: 10px;
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .tab-content table {
     font-size: 14px
 }
 
 .tab-content .commentlist {
     padding-left: 0
 }
 
 .tab-content .comment-content {
     margin-left: 95px
 }
 
 .tab-content .comment-author span {
     font-size: 14px;
     padding-left: 15px
 }
 
 .tv1 .nav-tabs>li:first-child {
     margin-left: 35px
 }
 
 .tv1 .nav-tabs>li>a {
     border-radius: 0;
     border: 1px solid #dedede;
     color: #606060;
     font-family: "Roboto", sans-serif;
     font-size: 13px;
     font-weight: 700;
     margin-right: 5px
 }
 
 .tv1 .nav-tabs>li.active>a {
     color: #00a1cb;
     background: #fff;
     position: relative
 }
 
 .tv1 .nav-tabs>li.active>a:before {
     content: "";
     position: absolute;
     left: -1px;
     right: -1px;
     top: -1px;
     height: 2px;
     background-color: #00a1cb
 }
 
 .tv1 .nav-tabs>li>a:hover {
     color: #fff;
     background: #00a1cb;
     border-color: #00a1cb
 }
 
 .tv1 .nav-tabs>li.active>a {
     border-bottom-color: #fff
 }
 
 .tv1 .tab-content {
     border: 1px solid #dedede;
     border-top: none;
     padding: 35px;
     overflow: hidden
 }
 
 .tv1 .tab-content .tab-image {
     padding-top: 2px
 }
 
 .tv1 .tab-content .tab-image.pull-right {
     padding-left: 30px
 }
 
 .tv1 .tab-pane p:last-child {
     margin-bottom: 0
 }
 
 .tv2 .nav-tabs {
     border-bottom: 0
 }
 
 .tv2 .nav-tabs>li {
     margin-bottom: 20px
 }
 
 .tv2 .nav-tabs>li>a {
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     background: transparent;
     border: 5px solid #dedede;
     color: #606060;
     width: 130px;
     height: 130px;
     border-radius: 50%;
     text-align: center;
     line-height: 102px;
     margin: 0 60px
 }
 
 .tv2 .nav-tabs>li.active>a,
 .tv2 .nav-tabs>li.active>a:hover,
 .tv2 .nav-tabs>li.active>a:focus {
     color: #00a1cb;
     background-color: transparent;
     border: 5px solid #00a1cb
 }
 
 .tv2 .nav-tabs>li>a:hover {
     color: #00a1cb;
     border-color: #00a1cb
 }
 
 .tv2 .tab-content>.tab-pane {
     text-align: center
 }
 
 .tv2 .stripe-left:before,
 .tv2 .stripe-right:after {
     content: "";
     position: absolute;
     border-top: 1px solid #dedede;
     border-bottom: 1px solid #dedede;
     width: 50px;
     top: 64px;
     height: 5px
 }
 
 .tv2 .stripe-left:after,
 .tv2 .stripe-right:before {
     content: "";
     position: absolute;
     border-bottom: 1px solid #dedede;
     width: 50px;
     top: 64px;
     height: 3px
 }
 
 .tv2 .stripe-right:after,
 .tv2 .stripe-right:before {
     right: 0
 }
 
 .polygon-bg .tv2 .nav-tabs>li>a {
     border-color: #2d2d2d
 }
 
 .polygon-bg .tv2 .nav-tabs>li>a:hover {
     border-color: #00a1cb;
     color: #fff
 }
 
 .polygon-bg .tv2 .nav-tabs>li.active>a,
 .polygon-bg .tv2 .nav-tabs>li.active>a:hover,
 .polygon-bg .tv2 .nav-tabs>li.active>a:focus {
     color: #fff;
     border-color: #00a1cb
 }
 
 .polygon-bg .tv2 .stripe-left:after,
 .polygon-bg .tv2 .stripe-right:before,
 .polygon-bg .tv2 .stripe-left:before,
 .polygon-bg .tv2 .stripe-right:after {
     border-color: #2d2d2d
 }
 
 .features-list {
     padding-left: 0
 }
 
 .features-list li {
     font-family: 'Roboto', sans-serif;
     font-size: 13px;
     position: relative;
     list-style: none;
     float: left;
     width: 50%;
     padding: 5px 0 5px 25px;
     line-height: 24px
 }
 
 .features-list li:before {
     position: absolute;
     top: 10px;
     left: 0;
     content: "\f046";
     color: #00a1cb;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 18px;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .pc-mockup-box {
     display: table;
     position: relative;
     padding-bottom: 25px
 }
 
 .pc-mockup-box .screenshot-slider {
     position: absolute;
     top: 6%;
     left: 12.5%;
     right: 12.5%
 }
 
 .pc-mockup-box .screenshot-slider img {
     max-width: inherit;
     width: 100%
 }
 
 .pc-mockup-box .screenshot-slider .carousel-indicators {
     bottom: -85px
 }
 
 .team-member {
     position: relative;
     z-index: 0
 }
 
 .team-member .member-img-box {
     position: relative;
     border: 1px solid #bfbfbf;
     background: #dedede;
     padding: 4px
 }
 
 .team-member .member-img-box:before {
     content: "";
     top: 4px;
     left: 4px;
     right: 4px;
     bottom: 4px;
     position: absolute;
     background: rgba(0, 161, 203, 0.0)
 }
 
 .team-member:hover .member-img-box:before {
     background: rgba(0, 161, 203, 0.7)
 }
 
 .team-member .member-img-box img {
     width: 100%
 }
 
 .team-member .social-icons {
     top: 50%;
     left: 0;
     right: 0;
     margin-top: -15px;
     position: absolute;
     opacity: 0
 }
 
 .team-member:hover .social-icons {
     opacity: 1
 }
 
 .team-member .social-icons a {
     color: #1c1c1c;
     background: #fff;
     display: inline-block;
     line-height: 30px;
     text-align: center;
     min-width: 30px
 }
 
 .team-member .social-icons a:hover {
     background: #1c1c1c;
     color: #fff
 }
 
 .team-member .name-container {
     margin-top: -50px
 }
 
 .team-member .member-name {
     position: relative;
     background: #fff;
     display: inline-block;
     line-height: 40px;
     padding: 0 15px
 }
 
 .team-member:hover .member-name {
     z-index: -1
 }
 
 .team-member .member-name:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 2px;
     background: #00a1cb
 }
 
 .team-member .member-description {
     font-family: "Roboto", sans-serif;
     font-weight: 500;
     font-size: 14px
 }
 
 .team-member .mail-icon,
 .team-member .phone-icon {
     padding-right: 10px;
     color: #aaa
 }
 
 .team-member .member-designation,
 .team-member .member-email,
 .team-member .member-phone {
     color: #00a1cb
 }
 
 .team-member .member-contact {
     padding-top: 10px;
     color: #aaa
 }
 
 .team-member .member-name,
 .team-member .social-icons,
 .team-member .social-icons a,
 .team-member .member-img-box:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .team-member.v2 {
     position: relative
 }
 
 .team-member.v2 .member-img-box {
     padding: 0;
     border: none
 }
 
 .team-member.v2 .member-img-box:before {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0
 }
 
 .team-member.v2:hover .member-img-box:before {
     background: #1c1c1c
 }
 
 .team-member.v2 .member-name {
     background: inherit;
     position: inherit
 }
 
 .team-member.v2 .member-details {
     position: absolute;
     top: 20px;
     left: 20px;
     right: 20px;
     bottom: 20px;
     border: 1px solid #fff
 }
 
 .team-member.v2 .name-container {
     margin-top: 0
 }
 
 .team-member.v2 .member-name {
     position: inherit;
     font-size: 24px;
     padding-top: 15%;
     color: #fff
 }
 
 .team-member.v2 .member-name:before {
     background: transparent
 }
 
 .team-member.v2 .social-icons {
     position: relative;
     top: inherit;
     bottom: inherit;
     margin-top: 0;
     opacity: 1
 }
 
 .team-member.v2 .member-designation,
 .team-member.v2 .member-email,
 .team-member.v2 .member-phone,
 .team-member.v2 .member-contact,
 .team-member.v2 .mail-icon,
 .team-member.v2 .phone-icon {
     color: #777
 }
 
 .team-member.v2 .social-icons a:hover {
     background-color: #00a1cb
 }
 
 .team-member.v2 .stripe-over:before,
 .team-member.v2 .stripe-full:before,
 .team-member.v2 .stripe-bfixw:before,
 .team-member.v2 .stripe-over:after,
 .team-member.v2 .stripe-full:after,
 .team-member.v2 .stripe-bfixw:after {
     border-color: #292929
 }
 
 .team-member.v2 .member-details {
     opacity: 0;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .team-member.v2:hover .member-details {
     opacity: 1
 }
 
 @media screen and (max-width: 1360px) {
     .team-member.v2 .member-name {
         padding-top: 5%
     }
 }
 
 .widget .stripe-full {
     padding-top: 3px;
     margin-bottom: 25px
 }
 
 .widget {
     padding-bottom: 20px
 }
 
 .widget .stripe-full:after,
 .widget .stripe-full:before {
     bottom: -10px
 }
 
 .widget .stripe-over:after,
 .widget .stripe-over:before {
     bottom: -14px
 }
 
 .mozilla .blog-page .widget .stripe-over:after,
 .mozilla .blog-page .widget .stripe-over:before {
     bottom: -13px
 }
 
 .widget p {
     line-height: 24px
 }
 
 .widget ul {
     list-style: none;
     padding-left: 0
 }
 
 .widget_about_us .contact-info {
     padding-left: 0;
     padding-top: 10px
 }
 
 .widget_about_us .contact-info>li {
     color: #777;
     font-size: .875em;
     list-style: none;
     position: relative;
     line-height: 28px;
     padding-left: 30px
 }
 
 .widget_about_us .contact-info>li:before {
     position: absolute;
     top: 8px;
     left: 0;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .widget_about_us .contact-info a {
     color: #777
 }
 
 .widget_about_us .contact-info a:hover {
     color: #00a1cb
 }
 
 .widget .flinks>li {
     font-size: .85em;
     padding-bottom: 10px;
     list-style-type: disc;
     list-style-position: inside
 }
 
 .widget .flinks>li a {
     color: #777
 }
 
 .widget .flinks>li a:hover {
     color: #00a1cb
 }
 
 .widget .recentposts {
     padding-left: 0
 }
 
 .widget .recentposts>li {
     font-size: .85em;
     list-style: none;
     overflow: hidden;
     padding-bottom: 20px
 }
 
 .widget .recentposts>li>.rp-img {
     float: left;
     width: 80px;
     height: 80px;
     margin-right: 15px;
     position: relative
 }
 
 .widget .recentposts>li>.rp-img a:before,
 .widget .recentposts>li>.rp-img a:after {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .widget .recentposts>li>.rp-img a:before {
     content: "";
     background-color: rgba(0, 161, 203, 0.8);
     z-index: 1
 }
 
 .widget .recentposts>li>.rp-img a:after {
     color: #fff;
     content: "\f002";
     font: normal normal normal 14px/1 FontAwesome;
     text-align: center;
     font-size: inherit;
     line-height: 80px;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     z-index: 2
 }
 
 .widget .recentposts>li>.rp-img a:hover:before,
 .widget .recentposts>li>.rp-img a:hover:after {
     opacity: 1
 }
 
 .widget .recentposts>li>.rp-txt {
     margin-left: 95px;
     padding-top: 15px;
     line-height: 25px
 }
 
 .widget .recentposts>li>.rp-txt,
 .widget .recentposts>li .entry-title a {
     color: #777;
     display: block
 }
 
 .widget .author,
 .widget .author a,
 .widget .entry-date {
     font-style: italic;
     font-size: .75rem;
     color: #606060
 }
 
 .widget .author a:hover,
 .widget .recentposts>li .entry-title a:hover {
     color: #00a1cb
 }
 
 .widget .twitter-feeds {
     padding-left: 0
 }
 
 .widget .twitter-feeds>li {
     list-style: none;
     padding-left: 40px;
     position: relative;
     font-size: .875rem;
     padding-bottom: 20px;
     line-height: 25px;
     overflow: hidden
 }
 
 .widget .twitter-feeds>li:before {
     position: absolute;
     left: 0;
     top: 5px;
     content: "\f099";
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 1.5rem;
     text-rendering: auto
 }
 
 .widget .twitter-feeds>li>.tweet {
     overflow: hidden
 }
 
 .widget .twitter-feeds>li>.tweet>a {
     color: #777;
     display: block
 }
 
 .widget .twitter-feeds>li>.tweet>a:hover {
     color: #00a1cb
 }
 
 .widget .twitter-feeds>li>.tweet>.tweet-time {
     color: #606060;
     display: inline-block;
     float: right;
     position: relative;
     font-style: italic
 }
 
 .widget .twitter-feeds>li>.tweet>.tweet-time:after {
     position: absolute;
     content: "";
     top: 15px;
     right: 100%;
     height: 1px;
     width: 1000px;
     margin-right: 10px;
     background-color: #292929
 }
 
 .sidebar-widgets .tweet {
     color: #777
 }
 
 .sidebar-widgets .widget .twitter-feeds>li>.tweet>a {
     color: #2d2d2d
 }
 
 .widget_newslatter .subscirbe-form {
     position: relative
 }
 
 input#subscibe_email:focus {
     color: #606060;
     background: #1a1a1a
 }
 
 .widget_newslatter .subscirbe-form input[type="text"] {
     width: 100%;
     background: #1c1c1c;
     border: none!important;
     outline: none!important;
     padding: 10px 15px;
     font-size: .75rem;
     height: 40px;
     font-style: italic
 }
 
 .widget_newslatter .subscirbe-form input[type="submit"] {
     position: absolute;
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     right: 0;
     top: 0;
     height: 40px;
     border: none!important;
     outline: none!important;
     padding: 10px 15px;
     background: #00a1cb
 }
 
 .widget_newslatter .subscirbe-form .subscibe-btn {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .widget_newslatter .subscirbe-form .subscibe-btn:hover {
     background: #fff;
     color: #2d2d2d
 }
 
 .callout-content.section-padding {
     padding-top: 30px
 }
 
 .footer-widget-container .stripe-full:before,
 .footer-widget-container .stripe-bfixw:before {
     border-top: 1px solid #292929
 }
 
 .footer-widget-container .stripe-full:after,
 .footer-widget-container .stripe-bfixw:after {
     border-top: 1px solid #292929;
     border-bottom: 1px solid #292929
 }
 
 .footer-widget .widget-title {
     color: #fff
 }
 
 .footer-widget,
 .footer-widget p {
     color: #ccc
 }
 
 .widget_categories li {
     border-bottom: 1px solid #ebebeb
 }
 
 .widget_categories li a {
     color: #606060;
     display: block;
     padding: 10px;
     font-weight: 700
 }
 
 .widget_categories li a:before {
     width: 12px;
     height: 12px;
     display: inline-block;
     margin-right: 10px;
     content: "\f058";
     font: normal normal normal 14px/1 FontAwesome;
     color: #00a1cb
 }
 
 .widget_categories .badge {
     width: 50px;
     line-height: 25px;
     margin-top: -5px
 }
 
 .widget_categories li a:before,
 .widget_categories .badge {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .widget_categories li:hover a {
     color: #00a1cb
 }
 
 .widget_recent_projects li {
     display: inline-block;
     margin-right: -4px;
     padding-right: 0;
     overflow: hidden;
     margin-bottom: -6px
 }
 
 .widget_recent_projects a {
     display: block
 }
 
 .widget_recent_projects .recentposts>li {
     padding-bottom: 0
 }
 
 .widget_recent_projects .recentposts>li>.rp-img {
     width: auto;
     height: 92px;
     margin-right: 0
 }
 
 .widget_recent_projects .recentposts>li>.rp-img a:after {
     content: "\f0c1";
     line-height: 95px
 }
 
 .tagcloud a {
     padding: 8px 11px;
     display: inline-block;
     border: 1px solid #dedede;
     margin: 0 5px 8px 0
 }
 
 .tagcloud a:hover {
     background: #00a1cb;
     color: #fff;
     border: 1px solid transparent
 }
 
 .widget_recent_posts .comments-link {
     display: block;
     font-size: 12px
 }
 
 .widget_recent_posts .comments-link a {
     color: #606060
 }
 
 .widget_recent_posts .comments-link a:hover,
 .sidebar-widgets .widget .twitter-feeds>li>.tweet>a:hover {
     color: #00a1cb
 }
 
 .sidebar-widgets .widget .recentposts>li>.rp-txt {
     padding-top: 3px
 }
 
 #wp-calendar {
     width: 100%
 }
 
 #wp-calendar caption {
     border: 1px solid #ddd;
     text-align: center;
     margin-bottom: 18px;
     text-transform: uppercase;
     font-weight: 700
 }
 
 #wp-calendar tbody td,
 #wp-calendar thead th {
     text-align: center
 }
 
 #wp-calendar table,
 #wp-calendar th,
 #wp-calendar td {
     border: 1px solid #ddd;
     line-height: 40px
 }
 
 #wp-calendar td a {
     font-weight: 900;
     display: block
 }
 
 #wp-calendar tbody td {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 #wp-calendar td a:hover {
     background: #00a1cb;
     color: #fff
 }
 
 td#prev,
 td#next {
     text-align: center
 }
 
 .widget_text .textwidget {
     color: #777;
     font-size: 14px;
     line-height: 24px
 }
 
 .widget_text .textwidget ol,
 .widget_text .textwidget ul {
     list-style: inherit;
     padding-left: 20px
 }
 
 .widget_text .textwidget img {
     margin: 15px 0
 }
 
 #header {
     min-height: 120px
 }
 
 #header,
 #top-menu-container,
 #header-wrap {
     -webkit-transition: all .35s ease;
     -moz-transition: all .35s ease;
     -ms-transition: all .35s ease;
     -o-transition: all .35s ease;
     transition: all .35s ease
 }
 
 #header-wrap {
     position: relative;
     background: #f8f8f8;
     border-top: 3px solid #00a1cb;
     border-bottom: 5px solid #dedede;
     width: 100%;
     margin: 0
 }
 
 #header-wrap:after {
     content: "";
     position: absolute;
     background: #bfbfbf;
     left: 0;
     bottom: -1px;
     height: 1px;
     width: 100%
 }
 
 #header-wrap .container {
     position: relative
 }
 
 #top-menu-container.navbar-fixed-top {
     top: -130px
 }
 
 #top-menu-container.fix-menu {
     top: 0
 }
 
 #logo {
     position: relative;
     float: left;
     height: 120px
 }
 
 #logo a {
     color: #00a1cb;
     display: block;
     line-height: 120px
 }
 
 #logo img {
     display: inline;
     max-width: 100%
 }
 
 #primary-menu {
     float: right
 }
 
 #primary-menu-trigger,
 #page-submenu-trigger {
     position: absolute;
     top: 50%;
     pointer-events: none;
     cursor: pointer;
     font-size: 14px;
     line-height: 50px;
     text-align: center;
     margin-top: -25px;
     width: 50px;
     height: 50px;
     opacity: 0;
     -webkit-transition: opacity .3s ease;
     -o-transition: opacity .3s ease;
     transition: opacity .3s ease
 }
 
 #primary-menu ul {
     list-style: none;
     margin: 0;
     padding: 0
 }
 
 #primary-menu>ul {
     float: left
 }
 
 #primary-menu ul li {
     position: relative;
     float: left;
     margin-left: 2px
 }
 
 #primary-menu>ul>li.sub-menu {
     padding-right: 10px
 }
 
 #primary-menu>ul>li.sub-menu>a>div:after,
 #primary-menu>ul>li.sub-menu li.sub-menu:after {
     position: relative;
     color: #aaa;
     content: "\f103";
     font-size: 14px;
     font-family: FontAwesome;
     font-weight: 400;
     text-rendering: auto;
     top: 0;
     left: 5px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 #primary-menu>ul>li.sub-menu li.sub-menu:after {
     position: absolute;
     content: "\f101";
     left: 100%;
     top: 10px;
     margin-left: -25px
 }
 
 #primary-menu>ul>li.sub-menu.mega-menu li.sub-menu:after {
     display: none
 }
 
 #primary-menu>ul>li.sub-menu.sfHover>a>div:after,
 #primary-menu>ul>li.sub-menu.sfHover li.sub-menu.sfHover:after {
     color: #00a1cb
 }
 
 #primary-menu ul li.mega-menu {
     position: inherit
 }
 
 #primary-menu ul li:first-child {
     margin-left: 0
 }
 
 #primary-menu ul li a {
     display: block;
     height: 120px;
     line-height: 120px;
     padding: 0 15px;
     color: #2d2d2d;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: .8px;
     font-family: 'Oswald', sans-serif;
     -webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
     -o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
     transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease
 }
 
 #primary-menu ul li i {
     position: relative;
     font-size: 14px!important;
     top: 1px;
     line-height: 99px;
     width: 14px;
     text-align: center;
     margin-right: 6px;
     -webkit-transition: line-height .4s ease;
     -o-transition: line-height .4s ease;
     transition: line-height .4s ease
 }
 
 #primary-menu>ul>li:hover a,
 #primary-menu>ul>li.current a {
     color: #00a1cb
 }
 
 #primary-menu>ul>li.current>a:after {
     position: absolute;
     content: '';
     left: 15px;
     right: 15px;
     bottom: -5px;
     background: #00a1cb;
     height: 5px;
     z-index: 1
 }
 
 #primary-menu>ul>li.sub-menu.current>a:after {
     right: 33px
 }
 
 #primary-menu li:hover>ul {
     display: block
 }
 
 #primary-menu ul ul,
 #primary-menu ul li .mega-menu-content {
     display: none;
     position: absolute;
     width: 230px;
     background-color: #fff;
     box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
     border-top: 5px solid #00a1cb;
     height: auto;
     top: 120px;
     left: 0;
     margin: 0;
     z-index: 9999
 }
 
 #primary-menu ul ul ul {
     top: -5px!important;
     left: 220px
 }
 
 #primary-menu ul ul li {
     float: none;
     margin: 0;
     border-bottom: 1px solid #e4e4e4
 }
 
 #primary-menu ul ul li:first-child {
     border-top: 0
 }
 
 #primary-menu ul ul li:last-child {
     border-bottom: 0
 }
 
 #primary-menu ul ul a {
     border: 0!important;
     color: #777!important;
     font-family: 'Roboto', sans-serif;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 0;
     line-height: 42px!important;
     height: auto;
     padding-top: 0!important;
     padding-bottom: 0!important;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     text-transform: capitalize
 }
 
 #primary-menu ul ul li:hover>a {
     background-color: #F9F9F9;
     color: #00a1cb!important;
     padding-left: 18px
 }
 
 #primary-menu ul ul i {
     line-height: inherit;
     padding-right: 10px
 }
 
 #primary-menu ul li .mega-menu-content {
     width: 400px
 }
 
 #primary-menu ul li.mega-menu .mega-menu-content {
     margin: 0 15px;
     width: 670px;
     left: 500px;
     top: 120px
 }
 
 #primary-menu ul li .mega-menu-content ul {
     position: relative;
     top: 0;
     display: block;
     min-width: inherit
 }
 
 #primary-menu ul li .mega-menu-content>ul {
     float: left
 }
 
 #primary-menu ul li .mega-menu-content ul {
     display: block!important;
     opacity: 1!important;
     top: 0;
     left: 0
 }
 
 #primary-menu ul li .mega-menu-content.col-2>ul,
 #primary-menu ul li .mega-menu-content.col-3>ul,
 #primary-menu ul li .mega-menu-content.col-4>ul,
 #primary-menu ul li .mega-menu-content.col-5>ul {
     width: 50%;
     margin: 0;
     border-left: 1px solid #F2F2F2
 }
 
 #primary-menu ul li .mega-menu-content.col-3>ul {
     width: 33.33%
 }
 
 #primary-menu ul li .mega-menu-content.col-4>ul {
     width: 25%
 }
 
 #primary-menu ul li .mega-menu-content.col-5>ul {
     width: 20%
 }
 
 #primary-menu ul li .mega-menu-content>ul:first-child {
     border-left: 0
 }
 
 #primary-menu ul li .mega-menu-content ul a {
     height: auto;
     line-height: 42px
 }
 
 #primary-menu ul li .mega-menu-content ul {
     width: 100%;
     border: 0;
     box-shadow: none;
     background-color: transparent
 }
 
 #primary-menu ul li .mega-menu-content>ul {
     padding: 30px 20px
 }
 
 #primary-menu ul li .mega-menu-content ul a {
     padding: 0
 }
 
 #primary-menu ul li .mega-menu-content ul a:hover {
     padding-left: 12px
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title.sub-menu>a,
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title.sub-menu:hover>a {
     background: none
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title {
     margin-top: 20px
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title:first-child {
     margin: 0
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title>a {
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase!important;
     margin-bottom: 15px;
     color: #444!important;
     padding: 0;
     height: auto!important;
     line-height: 1.3!important
 }
 
 #primary-menu .mega-menu-content .menu-contact {
     color: #777;
     padding-top: 10px
 }
 
 #primary-menu .mega-menu-content .menu-contact li {
     position: relative;
     padding: 8px 0 8px 20px;
     border: none;
     font-size: 13px
 }
 
 #primary-menu .mega-menu-content .menu-contact li i {
     position: absolute;
     top: 8px;
     left: 0
 }
 
 #primary-menu .mega-menu-content .menu-img {
     padding: 8px 0
 }
 
 #primary-menu .mega-menu-content .menu-img a:hover {
     padding-left: 0
 }
 
 #primary-menu .mega-menu-content a.btn {
     border: 1px solid #ddd!important
 }
 
 #primary-menu .mega-menu-content a.btn:hover {
     border-color: #00a1cb!important;
     color: #fff!important;
     padding-left: 0!important
 }
 
 #primary-menu .mega-menu-content .carousel-indicators li {
     border: 1px solid #fff
 }
 
 #top-search,
 #top-cart {
     float: right;
     margin: 40px 0 0 10px
 }
 
 #top-cart {
     position: relative
 }
 
 #top-search a.hd-icons,
 #top-cart a.hd-icons {
     display: block;
     position: relative;
     border: 1px solid #00a1cb;
     width: 36px;
     height: 36px;
     font-size: 14px;
     line-height: 27px;
     text-align: center;
     border-radius: 50%;
     color: #00a1cb;
     -webkit-transition: color .3s ease-in-out;
     -o-transition: color .3s ease-in-out;
     transition: color .3s ease-in-out
 }
 
 #top-search a.hd-icons:hover,
 #top-cart a.hd-icons:hover {
     background: #00a1cb;
     color: #fff
 }
 
 #top-cart a.hd-icons i {
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -8px;
     margin-left: -8px
 }
 
 #top-search a {
     z-index: 11
 }
 
 #top-cart a:hover {
     color: #00a1cb
 }
 
 #top-search a i {
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -8px;
     margin-left: -5px;
     -webkit-transition: opacity .3s ease;
     -o-transition: opacity .3s ease;
     transition: opacity .3s ease
 }
 
 #top-search form {
     opacity: 0;
     z-index: -2;
     position: absolute;
     width: 100%!important;
     height: 100%!important;
     margin: 0;
     top: 0;
     left: 0;
     -webkit-transition: opacity .3s ease-in-out;
     -o-transition: opacity .3s ease-in-out;
     transition: opacity .3s ease-in-out
 }
 
 body.top-search-open #top-search form {
     opacity: 1;
     z-index: 10
 }
 
 #top-search form input {
     background-color: #f8f8f8;
     box-shadow: none!important;
     border-radius: 0;
     border: 0;
     color: #333;
     font-weight: 700;
     font-size: 32px;
     letter-spacing: 2px;
     outline: 0!important;
     height: 100%;
     margin-top: 0!important;
     padding: 10px 80px 10px 20px
 }
 
 #top-search form input::-moz-placeholder {
     color: #555;
     text-transform: uppercase;
     opacity: 1
 }
 
 #top-search form input:-ms-input-placeholder {
     color: #555;
     text-transform: uppercase
 }
 
 #top-search form input::-webkit-input-placeholder {
     color: #555;
     text-transform: uppercase
 }
 
 #primary-menu .container #top-search form input,
 .sticky-header #top-search form input {
     border: none!important
 }
 
 #top-cart {
     margin-right: 0
 }
 
 #top-cart>a>span {
     position: absolute;
     top: -5px;
     right: -4px;
     background-color: #2d2d2d;
     border-radius: 50%;
     color: #fff;
     font-size: 10px;
     line-height: 16px;
     text-align: center;
     display: block;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     width: 16px;
     height: 16px
 }
 
 #top-cart .top-cart-content {
     position: absolute;
     top: 80px;
     right: 0;
     left: auto;
     width: 280px;
     background-color: #fff;
     box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.07);
     border-top: 5px solid #00a1cb;
     margin: -10000px 0 0;
     -webkit-transition: opacity .5s ease, top .4s ease;
     -o-transition: opacity .5s ease, top .4s ease;
     transition: opacity .5s ease, top .4s ease;
     opacity: 0;
     z-index: -2
 }
 
 #top-cart.top-cart-open .top-cart-content {
     opacity: 1;
     z-index: 11;
     margin-top: 0
 }
 
 .top-cart-title {
     padding: 12px 15px;
     border-bottom: 1px solid #eee
 }
 
 .top-cart-title h4 {
     margin-bottom: 0;
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px
 }
 
 .top-cart-items {
     padding: 15px
 }
 
 .top-cart-item {
     padding-top: 15px;
     margin-top: 15px;
     border-top: 1px solid #F5F5F5
 }
 
 .top-cart-item:first-child {
     padding-top: 0;
     margin-top: 0;
     border-top: 0
 }
 
 .top-cart-item-image {
     float: left;
     margin-right: 15px;
     width: 48px!important;
     height: 48px!important;
     border: 2px solid #eee;
     -webkit-transition: border-color .2s linear;
     -moz-transition: border-color .2s linear;
     -ms-transition: border-color .2s linear;
     -o-transition: border-color .2s linear;
     transition: border-color .2s linear
 }
 
 .top-cart-item-image a,
 .top-cart-item-image img {
     display: block;
     width: 44px!important;
     height: 44px!important
 }
 
 .top-cart-item-image:hover {
     border-color: #00a1cb
 }
 
 .top-cart-item-desc {
     position: relative;
     overflow: hidden
 }
 
 .top-cart-item-desc a {
     text-align: left!important;
     font-size: 13px!important;
     width: auto!important;
     height: auto!important;
     font-weight: 600
 }
 
 .top-cart-item-desc a:hover {
     color: #00a1cb!important
 }
 
 .top-cart-item-desc span.top-cart-item-price {
     display: block;
     color: #999;
     font-size: 12px!important;
     line-height: 20px
 }
 
 .top-cart-item-desc span.top-cart-item-quantity {
     position: absolute;
     color: #444;
     display: block;
     font-size: 12px!important;
     right: 0;
     top: 2px
 }
 
 .top-cart-action {
     padding: 15px;
     border-top: 1px solid #eee
 }
 
 .top-cart-action span.top-checkout-price {
     color: #00a1cb
 }
 
 body.top-search-open #top-search a i.fa-search,
 #top-search a i.fa-close {
     opacity: 0
 }
 
 body.top-search-open #top-search a i.fa-close {
     opacity: 1;
     z-index: 11
 }
 
 .navbar-fixed-top #logo {
     height: 102px
 }
 
 .navbar-fixed-top #logo a {
     line-height: 102px
 }
 
 .navbar-fixed-top #primary-menu>ul>li>a {
     height: 102px;
     line-height: 102px
 }
 
 .navbar-fixed-top #primary-menu ul ul,
 .navbar-fixed-top #primary-menu ul li .mega-menu-content,
 .navbar-fixed-top #primary-menu ul li.mega-menu .mega-menu-content {
     top: 102px
 }
 
 .overflow-yscroll .isotope-masonry-items {
     width: 1920px
 }
 
 .portfolioFilter {
     text-align: center;
     margin-bottom: 60px
 }
 
 .portfolio-item figure {
     position: relative;
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
     overflow: hidden;
     z-index: 0
 }
 
 .portfolio-item.border-style {
     border: 1px solid #bfbfbf;
     background: #dedede;
     padding: 4px
 }
 
 .portfolio-item figure img {
     max-width: 100%;
     height: auto;
     vertical-align: middle;
     width: 100%;
     max-width: inherit;
     border: transparent;
     -webkit-transition: -webkit-transform .3s ease;
     -moz-transition: -moz-transform .3s ease;
     -ms-transition: -ms-transform .3s ease;
     -o-transition: -o-transform .3s ease;
     transition: transform .3s ease
 }
 
 .portfolio-item .item-w2 {
     background: #ED9393;
     width: 60%
 }
 
 .portfolio-item .item-h2 {
     background: #7CB744;
     height: 680px
 }
 
 .portfolio-item .item-h3 {
     background: #38B5E5
 }
 
 .portfolio-item,
 .isotope .isotope-item {
     -webkit-transition-duration: .8s;
     -moz-transition-duration: .8s;
     -ms-transition-duration: .8s;
     -o-transition-duration: .8s;
     transition-duration: .8s;
     -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
 }
 
 .portfolioFilter {
     clear: both;
     margin: auto;
     padding-bottom: 15px;
     text-align: center;
     width: auto
 }
 
 .portfolioFilter a,
 .portfolio-item,
 .portfolio-item figure:after,
 .portfolio-item figure:before,
 .portfolio-item figure .item-description,
 .portfolio-item figure .item-title,
 .portfolio-item figure .item-category,
 .portfolio-item figure .item-link,
 .portfolio-item figure .item-link:after,
 figure .item-link a,
 figure .item-link a:after,
 figure .item-link a:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .portfolio-item,
 .portfolio-item .item {
     padding: 0
 }
 
 .portfolio-item figure:after {
     background-color: rgba(0, 161, 203, 0.71);
     content: "";
     display: inline-block;
     height: 100%;
     width: 100%;
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1
 }
 
 .portfolio-item figure:hover:after {
     background-color: rgba(0, 161, 203, 0.71);
     -webkit-animation: portfolioOverlay .5s;
     -moz-animation: portfolioOverlay .5s;
     -ms-animation: portfolioOverlay .5s;
     -o-animation: portfolioOverlay .5s;
     animation: portfolioOverlay .5s;
     top: 52%;
     left: 0
 }
 
 .portfolio-item figure .item-link:after {
     content: "";
     background-color: rgba(0, 161, 203, 0.71);
     border-radius: 20px 20px 0 0;
     position: absolute;
     width: 90px;
     height: 20px;
     top: 100%;
     left: 50%;
     margin-left: -45px;
     z-index: 2
 }
 
 .portfolio-item figure:hover .item-link:after {
     top: 52%;
     margin-top: -20px
 }
 
 figure .item-link a {
     position: absolute;
     color: #fff;
     border-radius: 100%;
     border: 1px solid #fff;
     display: inline-block;
     line-height: 28px;
     font-size: 12px;
     width: 30px;
     height: 30px;
     top: 100%;
     left: 50%;
     text-align: center;
     z-index: 3
 }
 
 figure:hover .item-link a {
     top: 52%;
     margin-top: -10px
 }
 
 figure .item-link a.project-link {
     margin-left: -34px;
     -webkit-transition-delay: .25s;
     -moz-transition-delay: .25s;
     -ms-transition-delay: .25s;
     -o-transition-delay: .25s;
     transition-delay: .25s
 }
 
 figure .item-link a.zoom-link {
     margin-left: 5px;
     -webkit-transition-delay: .35s;
     -moz-transition-delay: .35s;
     -ms-transition-delay: .35s;
     -o-transition-delay: .35s;
     transition-delay: .35s
 }
 
 figure .item-link a:hover {
     top: 52%;
     color: #00a1cb;
     background: #fff
 }
 
 .portfolio-item figure .item-description {
     position: absolute;
     width: 100%;
     height: 120px;
     top: 52%;
     margin-top: 80px;
     left: -20%;
     z-index: 2;
     padding: 0 15px;
     -webkit-transition-delay: .25s;
     -moz-transition-delay: .25s;
     -ms-transition-delay: .25s;
     -o-transition-delay: .25s;
     transition-delay: .25s
 }
 
 .portfolio-item figure:hover .item-description {
     margin-top: 20px;
     left: 0
 }
 
 .portfolio-item figure .item-title {
     font-size: 1.125em;
     bottom: 75px;
     -webkit-transition-delay: .45s;
     -moz-transition-delay: .45s;
     -ms-transition-delay: .45s;
     -o-transition-delay: .45s;
     transition-delay: .45s
 }
 
 .portfolio-item figure .item-category {
     font-size: .75em;
     display: inline-block;
     bottom: 55px;
     -webkit-transition-delay: .55s;
     -moz-transition-delay: .55s;
     -ms-transition-delay: .55s;
     -o-transition-delay: .55s;
     transition-delay: .55s
 }
 
 .portfolio-item figure .item-title,
 .portfolio-item figure .item-category {
     position: absolute;
     color: #fff;
     text-align: center;
     left: -100%;
     width: 100%
 }
 
 .portfolio-item figure:hover .item-title,
 .portfolio-item figure:hover .item-category {
     left: 0
 }
 
 .portfolio-item figure .item-title {
     font-size: 1em;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 20px;
     margin-bottom: 5px
 }
 
 .portfolio-item figure .item-category .numbers:before {
     content: " - "
 }
 
 .isotope-filters .btn {
     color: #2d2d2d
 }
 
 .isotope-filters .btn.active,
 .isotope-filters .btn:hover,
 .isotope-filters .bg-btn {
     color: #fff;
     border-color: #00a1cb;
     background: #00a1cb
 }
 
 .portfolio-item.v2 .item {
     padding: 0 15px 15px
 }
 
 .portfolio-item.v2 figure {
     height: auto
 }
 
 .portfolio-item.v2 figure .item-description {
     border-bottom: 2px solid #dedede;
     margin-top: 0
 }
 
 .portfolio-item.v2 figure .item-description,
 .portfolio-item.v2 figure .item-title,
 .portfolio-item.v2 figure .item-category {
     position: inherit;
     top: inherit;
     left: inherit;
     right: inherit;
     bottom: inherit
 }
 
 .portfolio-item.v2 figure .item-title,
 .portfolio-item.v2 figure .item-category {
     color: inherit;
     margin-top: 0;
     -webkit-transition-delay: 0;
     -moz-transition-delay: 0;
     -ms-transition-delay: 0;
     -o-transition-delay: 0;
     transition-delay: 0
 }
 
 .portfolio-item.v2 figure .item-title {
     padding-top: 40px
 }
 
 .portfolio-item.v2 figure .item-category {
     color: #aaa
 }
 
 .portfolio-item.v2 figure:hover .item-description {
     margin-top: inherit;
     top: inherit;
     border-bottom: 2px solid #00a1cb;
     -webkit-transition: border 0 ease;
     -moz-transition: border 0 ease;
     -ms-transition: border 0 ease;
     -o-transition: border 0 ease;
     transition: border 0 ease
 }
 
 .portfolio-item.v2 figure:hover .item-title,
 .portfolio-item.v2 figure:hover .item-category {
     color: #fff
 }
 
 .portfolio-item.v2 figure:hover:after {
     background: #00a1cb;
     top: 100%;
     margin-top: -120px
 }
 
 .portfolio-item.v2 figure:hover .item-link:after {
     background: #00a1cb;
     top: 100%;
     margin-top: -140px
 }
 
 .v2 figure:hover .item-link a {
     top: 100%;
     margin-top: -130px
 }
 
 .portfolio-item.v3 {
     padding-top: 40px
 }
 
 .portfolio-item.v3 .col-sm-6 {
     max-width: 450px;
     margin: auto
 }
 
 .portfolio-item.v4 figure:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     -webkit-transition-delay: .25s;
     -moz-transition-delay: .25s;
     -ms-transition-delay: .25s;
     -o-transition-delay: .25s;
     transition-delay: .25s
 }
 
 .portfolio-item.v4 figure:after {
     top: 50%;
     left: 50%;
     right: 50%;
     bottom: 50%;
     width: 0;
     height: 0
 }
 
 .portfolio-item.v4 figure:hover:after {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%
 }
 
 .portfolio-item.v4 figure:hover:before {
     border: 1px solid #fff;
     top: 15px;
     left: 15px;
     right: 15px;
     bottom: 15px;
     width: auto;
     height: auto;
     z-index: 2
 }
 
 .portfolio-item.v4 figure .item-link:after {
     background: #fff;
     height: 50px;
     border-radius: 25px
 }
 
 .portfolio-item.v4 figure:hover .item-link a {
     border-color: #00a1cb;
     color: #00a1cb;
     margin-top: -35px
 }
 
 .portfolio-item.v4 figure .item-link a:hover {
     color: #fff;
     background: #00a1cb
 }
 
 .portfolio-item.v4 figure .item-link a.project-link {
     margin-left: -33px
 }
 
 .portfolio-item.v4 figure .item-link:after {
     top: 52%;
     opacity: 0
 }
 
 .portfolio-item.v4 figure:hover .item-link:after {
     opacity: 1;
     margin-top: -45px
 }
 
 .item-container {
     padding-top: 30px
 }
 
 .item-container:hover .icon {
     background: #00a1cb;
     border-color: #00a1cb;
     color: #fff
 }
 
 .item-container:hover .icon.inv {
     color: #00a1cb;
     background: transparent
 }
 
 .item-container:hover .icon.icon-big {
     background: inherit;
     border-color: transparent;
     color: #00a1cb
 }
 
 .item-container .feature-text {
     margin-left: 90px
 }
 
 .item-container .feature-text .btn {
     margin: 15px 5px 20px 0
 }
 
 .item-container.v2 {
     border: 1px solid #dedede;
     margin-top: 35px;
     padding: 40px 30px 30px
 }
 
 .item-container.v2:hover,
 .item-container.v2 .icon {
     background: #00a1cb;
     border-color: #00a1cb;
     color: #fff
 }
 
 .item-container.v2:hover .stripe-bfixw:before,
 .item-container.v2:hover .stripe-bfixw:after {
     border-color: #fff
 }
 
 .item-container.v2:hover .sub-title,
 .item-container.v2:hover p {
     color: #fff
 }
 
 .item-container.v2 .sub-title {
     color: #aaa;
     font-size: .75rem
 }
 
 .item-container.v2:hover .icon {
     background: #fff;
     color: #00a1cb
 }
 
 .item-container.v3 .feature-text {
     margin-left: 0
 }
 
 .item-container.v3 .icon {
     border-radius: 100%;
     line-height: 48px;
     font-size: 1rem;
     margin-bottom: 10px;
     width: 50px;
     height: 50px
 }
 
 .btn.read-more.no-border:hover {
     color: #2d2d2d
 }
 
 .item-container.service .icon {
     width: 40px;
     float: left;
     font-size: 1em;
     margin-top: 10px
 }
 
 .item-container.service .icon.v2 {
     border-width: 2px;
     border-radius: 25px;
     height: 60px;
     line-height: 56px
 }
 
 .item-container.service .service-text {
     margin-left: 60px
 }
 
 .item-container.service .sub-title {
     color: #aaa;
     font-size: .75rem;
     margin-bottom: 15px
 }
 
 .item-container.service .texts {
     color: #777
 }
 
 .item-container.service .feature-title {
     margin-bottom: 5px
 }
 
 .item-container.service .feature-title a {
     color: #2d2d2d;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .item-container.service .feature-title:hover a {
     color: #00a1cb
 }
 
 .item-container.service.v4 .feature-text {
     margin-left: 0
 }
 
 .item-container.service.v4 .icon {
     width: 70px;
     border-color: #00a1cb;
     font-size: 20px
 }
 
 .item-container.service.v4 .service-text {
     margin-left: 100px
 }
 
 .operation-title {
     margin-top: 30px
 }
 
 .operation-title a {
     color: #fff
 }
 
 .operation-title a:hover {
     color: #00a1cb
 }
 
 .operation-title+p {
     color: #777
 }
 
 .item-container .arrow-circle,
 .item-container .arrow-circle span {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .item-container:hover .arrow-circle {
     background: #00a1cb
 }
 
 .item-container .arrow-circle .hover-icon {
     font-size: 0
 }
 
 .item-container:hover .arrow-circle .hover-icon {
     font-size: inherit
 }
 
 .item-container:hover .arrow-circle .number {
     font-size: 0
 }
 
 .operation .arrow-circle {
     margin-top: 20px
 }
 
 .price-item {
     position: relative;
     margin-top: 85px;
     border-top: 1px solid #dedede;
     padding-top: 80px;
     margin-bottom: 10px;
     z-index: 0
 }
 
 .price-item:after {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     content: "";
     position: absolute;
     border-left: 1px solid #dedede;
     border-right: 1px solid #dedede;
     z-index: -1
 }
 
 .price-item .price-box {
     position: absolute;
     border: 1px solid #dedede;
     background: #fff;
     height: 112px;
     width: 112px;
     left: 50%;
     top: -55px;
     margin-left: -56px;
     padding: 10px
 }
 
 .price-item .inner {
     background: #1c1c1c;
     color: #fff;
     width: 100%;
     height: 100%;
     padding-top: 20px
 }
 
 .price-item .inner,
 .price-item:hover .featured,
 .price-item .stripe-over {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .price-item .inner .currency,
 .price-item .inner .price-number {
     font-family: 'Oswald', sans-serif;
     font-size: 1.375rem;
     font-weight: 700
 }
 
 .price-item .inner .duration {
     display: inline-block;
     font-size: .8125rem;
     width: 100%;
     text-align: center
 }
 
 .price-item .featured+.stripe-over {
     padding-left: 20px;
     padding-right: 20px
 }
 
 .price-item .featured.left {
     margin-right: -20px
 }
 
 .price-item .featured.right {
     margin-left: -20px
 }
 
 .price-item:hover .inner {
     background: #00a1cb
 }
 
 .price-item:hover .featured,
 .price-item:hover .stripe-over {
     color: #00a1cb
 }
 
 .price-item .item-description {
     list-style: none;
     padding-left: 0;
     font-size: .875rem;
     padding-top: 6px;
     padding-bottom: 10px
 }
 
 .price-item .item-description li {
     padding: 6px 10px;
     line-height: 24px
 }
 
 .price-item .btn {
     border: 0 solid transparent;
     color: #fff;
     background: #1c1c1c
 }
 
 .price-item .btn:hover {
     background: #00a1cb
 }
 
 .price-item.v2 {
     background-color: #1c1c1c;
     margin-top: 35px;
     padding-top: 20px
 }
 
 .price-item.v2 .stripe-over {
     color: #fff;
     padding-bottom: 15px
 }
 
 .price-item.v2:hover .stripe-over:after,
 .price-item.v2:hover .stripe-over:before,
 .price-item.v2:hover .stripe-over:before,
 .price-item.v2:hover .stripe-full:before,
 .price-item.v2:hover .stripe-bfixw:before {
     border-color: #dedede
 }
 
 .price-item.v2 .stripe-over:after,
 .price-item.v2 .stripe-over:before {
     bottom: -18px
 }
 
 .price-item.v2 .btn {
     background: #00a1cb;
     text-transform: uppercase
 }
 
 .price-item.v2 .price-box {
     background: #fff;
     position: inherit;
     height: 90px;
     width: 90px;
     left: inherit;
     top: inherit;
     margin-left: inherit;
     margin-bottom: 15px;
     border-color: transparent;
     border-radius: 100%
 }
 
 .price-item.v2 .inner {
     background: transparent;
     border-radius: 100%;
     color: #2d2d2d;
     padding: 0;
     padding-top: 8px
 }
 
 .price-item.v2 .featured,
 .price-item.v2 .item-description {
     color: #fff;
     text-transform: uppercase
 }
 
 .price-item.v2 .item-description {
     font-family: "Oswald", sans-serif;
     font-weight: 300
 }
 
 .price-item.v2 .stripe-full {
     margin-bottom: 50px
 }
 
 .price-item.v2:hover {
     background: #fff
 }
 
 .price-item.v2:hover .featured,
 .price-item.v2:hover .stripe-over,
 .price-item.v2:hover .item-description {
     color: #2d2d2d
 }
 
 .price-item.v2:hover .price-box {
     background: #00a1cb
 }
 
 .price-item.v2:hover .inner {
     color: #fff
 }
 
 .price-item.v2:hover .btn:hover {
     background: #1c1c1c
 }
 
 .price-item.v2 .stripe-over:after,
 .price-item.v2 .stripe-over:before,
 .price-item.v2 .stripe-over:before,
 .price-item.v2 .stripe-full:before,
 .price-item.v2 .stripe-bfixw:before {
     border-color: #292929;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .price-item.v2,
 .price-item.v2 .featured,
 .price-item.v2 .stripe-over,
 .price-item.v2 .item-description,
 .price-item.v2 .btn {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .testimonial-item {
     position: relative;
     margin-top: 70px
 }
 
 .testimonial-item .client-img {
     position: absolute;
     left: 50%;
     width: 60px;
     height: 60px;
     background: #dedede;
     margin-top: -30px;
     margin-left: -30px;
     padding: 5px
 }
 
 .testimonial-item .testimonial-txt {
     border: 1px solid #dedede;
     border-bottom: 2px solid #00a1cb;
     padding: 45px 25px 5px
 }
 
 .testimonial-item .client-company {
     color: #aaa;
     font-size: .6875rem
 }
 
 .testimonial-item .client-company:before,
 .testimonial-item .client-company:after {
     content: " - "
 }
 
 .testimonial-item .testimonial-footer {
     padding-top: 8px
 }
 
 .testimonial-item .client-rating {
     color: #00a1cb;
     padding-top: 8px
 }
 
 .logo-carousel .item {
     width: 100%;
     height: 100px;
     padding: 0 10px
 }
 
 .logo-carousel .item .item-content {
     width: 100%;
     height: 100%
 }
 
 .logo-carousel .item .item-content a {
     border: 1px solid #dedede;
     display: inline-block;
     width: 100%;
     height: 100%;
     text-align: center
 }
 
 .logo-carousel .item .item-content a img {
     position: relative;
     top: 50%;
     opacity: .99;
     -webkit-backface-visibility: hidden;
     transform: translateY(-50%);
     -webkit-filter: grayscale(100%);
     -webkit-transition: opacity .2s ease;
     -moz-transition: opacity .2s ease;
     -o-transition: opacity .2s ease;
     transition: opacity .2s ease
 }
 
 .logo-carousel .item .item-content a:hover {
     border: 1px solid #606060
 }
 
 .logo-carousel .item .item-content a:hover img {
     -webkit-filter: grayscale(0%);
     opacity: 1
 }
 
 .polygon-bg .logo-carousel .item .item-content a {
     border: 1px solid rgba(41, 41, 41, 0.6);
     background: rgba(41, 41, 41, 0.6)
 }
 
 .polygon-bg .logo-carousel .item .item-content a:hover {
     border: 1px solid rgba(41, 41, 41, 1);
     background: rgba(41, 41, 41, 1)
 }
 
 .logo-carousel-v2 {
     background: rgba(41, 41, 41, 0.6)
 }
 
 .polygon-bg .logo-carousel-v2 .logo-carousel .item .item-content a {
     border: 1px solid rgba(41, 41, 41, 0);
     background: rgba(41, 41, 41, 0)
 }
 
 .client-review-carousel {
     max-width: 100%;
     overflow: hidden;
     margin: 25px auto;
     position: relative
 }
 
 .client-review-carousel .ms-slide-info {
     position: inherit!important
 }
 
 .client-review-carousel .client-review-slider {
     max-width: 350px;
     margin: 0 auto!important;
     overflow: hidden
 }
 
 .client-review-carousel .ms-view {
     overflow: visible;
     background-color: transparent
 }
 
 .client-review-carousel .client-review-nav {
     height: 20px;
     width: 100%;
     position: absolute;
     top: 50%;
     margin-top: -10px
 }
 
 .client-review-carousel .client-review-nav .ms-nav-prev:before,
 .client-review-carousel .client-review-nav .ms-nav-next:before {
     content: '\f104';
     font: normal normal normal 14px/1 FontAwesome;
     display: inline-block;
     position: absolute;
     font-size: 25px;
     left: -30px;
     -webkit-transition: .15s all ease;
     -moz-transition: .15s all ease;
     -ms-transition: .15s all ease;
     -o-transition: .15s all ease;
     transition: .15s all ease
 }
 
 .client-review-carousel .client-review-nav .ms-nav-next:before {
     content: '\f105';
     left: auto;
     right: -30px
 }
 
 .client-review-carousel:hover .client-review-nav .ms-nav-prev:before {
     left: 25px
 }
 
 .client-review-carousel:hover .client-review-nav .ms-nav-next:before {
     right: 25px
 }
 
 .client-review-carousel .client-review-nav .ms-nav-prev:hover:before,
 .client-review-carousel .client-review-nav .ms-nav-next:hover:before {
     color: #00a1cb;
     cursor: pointer
 }
 
 .client-review-carousel .client-review-container {
     width: 100%;
     min-height: 150px
 }
 
 .clients-head .polygon-bg {
     background: url(../../images/client/clients-head.html)
 }
 
 .quote-icon {
     position: relative;
     width: 50px;
     height: 20px;
     display: inline-block
 }
 
 .quote-left,
 .quote-right {
     font-size: 36px;
     position: absolute
 }
 
 .quote-left {
     left: 15px
 }
 
 .quote-right {
     left: 0
 }
 
 .fact-item {
     padding-top: 35px
 }
 
 .fact-item .fact-count {
     color: #2d2d2d;
     font-family: "Oswald", sans-serif;
     font-size: 4.375rem;
     font-weight: 700;
     line-height: 70px
 }
 
 .fact-item .fact-details {
     font-weight: 500;
     font-family: "Roboto", sans-serif
 }
 
 .fact-item .fact-icon {
     font-size: 50px;
     color: #00a1cb
 }
 
 .post-container .item {
     padding: 0 15px
 }
 
 article.post .post-thumbnail {
     padding: 5px;
     background: #dedede;
     border: 1px solid #bfbfbf;
     position: relative
 }
 
 article.post .post-thumbnail .item {
     padding: inherit
 }
 
 article.post .post-thumbnail .slide-nav {
     opacity: 0;
     color: #00a1cb;
     width: 50px;
     height: 50px;
     top: 50%;
     margin-top: -25px;
     position: absolute;
     background: rgba(255, 255, 255, .7);
     z-index: 2;
     display: inline-block;
     text-align: center;
     line-height: 50px
 }
 
 article.post:hover .post-thumbnail .slide-nav {
     opacity: 1
 }
 
 article.post .post-thumbnail .slide-nav:hover {
     background: rgba(255, 255, 255, 1)
 }
 
 article.post .post-thumbnail .slide-nav.left {
     left: -6px
 }
 
 article.post .post-thumbnail .slide-nav.right {
     right: -6px
 }
 
 article.post .post-thumbnail img {
     width: 100%
 }
 
 article.post .carousel-indicators .active,
 article.post .carousel-indicators li {
     border-radius: 0;
     width: 14px;
     height: 14px;
     margin: 2px
 }
 
 article.post .entry-title {
     font-size: 1.125rem;
     margin-top: 30px;
     margin-bottom: 14px
 }
 
 article.post .entry-title a {
     color: #2d2d2d
 }
 
 article.post .entry-title a:hover {
     color: #00a1cb
 }
 
 article.post .entry-meta {
     position: relative;
     padding-bottom: 85px
 }
 
 article.post .category a,
 article.post .comments-link a {
     color: #aaa;
     font-size: .875em
 }
 
 article.post .comments-link a {
     margin-left: 10px
 }
 
 article.post .category a:hover,
 article.post .comments-link a:hover {
     color: #00a1cb
 }
 
 article.post .post-format,
 article.post .entry-date {
     position: absolute;
     display: inline-block;
     border-radius: 100%;
     border: 1px solid #00a1cb;
     height: 52px;
     width: 52px;
     left: 50%;
     bottom: 15px;
     text-align: center
 }
 
 article.post .post-format {
     color: #00a1cb;
     margin-left: -45px;
     line-height: 48px;
     font-size: 20px
 }
 
 article.post .entry-date {
     font-size: 12px;
     color: #fff;
     margin-right: -45px;
     background-color: #00a1cb;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 article.post .entry-date time {
     display: inline-block;
     padding-top: 7px;
     line-height: 16px
 }
 
 article.post .entry-content p {
     color: #777
 }
 
 .entry-content .btn-container {
     padding-top: 12px
 }
 
 .post-slider-btn {
     position: absolute;
     top: 18px;
     width: 100px;
     background: #fff;
     right: 0
 }
 
 .v2 .post-slider-btn {
     position: inherit;
     width: 100%;
     padding-bottom: 40px
 }
 
 .post-slider-btn .next,
 .post-slider-btn .prev {
     height: 30px;
     min-height: 30px;
     width: 30px;
     line-height: 16px;
     margin-right: 0
 }
 
 .v2 article.post .entry-meta {
     position: inherit
 }
 
 .v2 article.post .post-content-box {
     position: relative
 }
 
 .v2 article.post .entry-date {
     bottom: inherit;
     top: -70px;
     left: 0;
     width: 100%;
     border: 0 solid transparent;
     background: transparent;
     height: auto;
     border-radius: 0;
     opacity: 1
 }
 
 .v2 article.post:hover .entry-date {
     opacity: 0
 }
 
 .v2 article.post .entry-date time {
     background: #fff;
     border-top: 2px solid #00a1cb;
     color: #2d2d2d;
     line-height: 40px;
     font-size: 14px;
     font-weight: 700;
     display: inline-block;
     padding: 0 20px
 }
 
 .v2 article.post .entry-meta {
     padding-bottom: 0
 }
 
 .timeline-style .single-post {
     position: relative;
     padding-bottom: 30px;
     z-index: 0
 }
 
 .timeline-style .single-post:before {
     content: "";
     position: absolute;
     top: -10px;
     width: 20px;
     height: 1px;
     background: #dedede;
     z-index: 2
 }
 
 .timeline-style .single-post.left-side:before {
     right: -14.5px
 }
 
 .timeline-style .single-post.right-side:before {
     left: -14.5px
 }
 
 .timeline-style .single-post:after {
     content: "";
     position: absolute;
     top: -10px;
     bottom: -40px;
     width: 1px;
     background: #dedede;
     z-index: 2
 }
 
 .timeline-style .single-post.left-side:after {
     right: -15px
 }
 
 .timeline-style .single-post.right-side:after {
     left: -16px
 }
 
 .loca-more-container {
     position: relative;
     z-index: 0
 }
 
 .loca-more-container:before {
     content: "";
     position: absolute;
     top: -15px;
     left: 0;
     right: 0;
     border-top: 1px solid #dedede
 }
 
 .loca-more-container:after {
     content: "";
     position: absolute;
     top: -15px;
     left: 50%;
     margin-left: -1px;
     height: 120px;
     width: 1px;
     background: #dedede;
     z-index: -1
 }
 
 .loca-more-container .load-more {
     background-color: #2d2d2d;
     border-radius: 100%;
     color: #fff;
     display: inline-block;
     font-family: "Oswald", sans-serif;
     font-size: 13px;
     font-weight: 300;
     line-height: 17px;
     width: 70px;
     height: 70px;
     padding: 18px 10px;
     text-transform: uppercase
 }
 
 .latest-work .share-box {
     clear: both;
     display: inline-block;
     width: 100%;
     padding: 40px 0
 }
 
 .latest-work .share-title {
     color: #fff
 }
 
 .dark-bg .share-title {
     color: #fff
 }
 
 .dark-bg p {
     color: #aaa
 }
 
 .share-box.v2.black a {
     background: #000;
     color: #fff;
     width: 30px;
     height: 30px;
     display: inline-block;
     text-align: center;
     line-height: 30px
 }
 
 .hero-banner .share-box.v2.black a {
     background: transparent
 }
 
 .hero-banner .share-box.v2.black a:hover,
 .share-box.v2.black a:hover {
     background: #00a1cb
 }
 
 .share-box.v2.black {
     margin-top: 5px;
     background: #fff;
     z-index: 55;
     position: absolute;
     right: 0;
     padding-left: 10px;
     padding-right: 15px
 }
 
 .project-description p,
 p.project-description {
     margin-bottom: 25px
 }
 
 .stripe-full .project-like {
     color: #00a1cb;
     position: absolute;
     right: 0;
     top: 0
 }
 
 .project-meta {
     padding-left: 0
 }
 
 .project-meta li {
     color: #606060;
     list-style: none;
     padding: 10px 0;
     border-bottom: 1px solid #ebebeb;
     overflow: hidden
 }
 
 .project-meta li:last-child {
     border-bottom: none
 }
 
 .project-meta li:first-child {
     padding-top: 0
 }
 
 .project-meta .meta-icon,
 .project-meta .meta-icon {
     color: #606060;
     font-size: 14px;
     padding-right: 5px
 }
 
 .project-meta .meta-text {
     color: #777;
     font-size: 14px
 }
 
 .site-footer {
     background: #202020;
     border-top: 5px solid #dedede;
     position: relative;
     z-index: 0
 }
 
 .site-footer:before {
     position: absolute;
     content: "";
     top: -5px;
     left: 0;
     right: 0;
     height: 1px;
     width: 100%;
     background: #bfbfbf;
     display: inherit;
     z-index: 1
 }
 
 .fw-top-stripe {
     margin-top: 5px;
     border-bottom: 1px solid #292929
 }
 
 .fwt-stripe-inner {
     max-width: 1170px;
     margin: auto;
     height: 5px;
     margin-bottom: -3px;
     border-top: 1px solid #292929;
     border-bottom: 1px solid #292929
 }
 
 .footer-top-common {
     background-color: #1c1c1c;
     padding: 15px 0 5px;
     border-top: 1px solid #232323
 }
 
 .footer-top-common .social-icons {
     margin-top: 5px
 }
 
 .footer-container {
     background: #1c1c1c;
     border-top: 2px solid #00a1cb;
     min-height: 80px;
     max-width: 1200px;
     margin: auto;
     padding-top: 30px
 }
 
 .footer-menu li {
     float: left;
     list-style: none
 }
 
 .copyrights,
 .footer-menu li {
     font-size: 14px
 }
 
 .copyrights,
 .copyrights a,
 .footer-menu li a {
     color: #fff;
     display: inline-block
 }
 
 .footer-menu li a {
     padding: 0 15px;
     border-right: 1px solid #292929
 }
 
 .footer-menu li:last-child a {
     border: none
 }
 
 .copyrights a:hover,
 .footer-menu li a:hover {
     color: #00a1cb
 }
 
 .blog-page .pagination {
     margin-top: 50px
 }
 
 .blog-page.left-sidebar .pagination {
     margin-right: 10px
 }
 
 .blog-page.right-sidebar .pagination {
     margin-left: 15px
 }
 
 .social-icons .big-icon {
     display: inline-block;
     width: 88px;
     height: 120px;
     border: 1px solid #dedede;
     text-align: center
 }
 
 .big-icon .icon {
     font-size: 30px;
     border: none;
     display: block;
     width: auto;
     height: auto;
     margin-bottom: 0;
     line-height: 62px
 }
 
 .big-icon .count {
     display: block;
     font-size: 14px
 }
 
 .big-icon .count-name {
     display: block;
     font-size: 13px;
     font-weight: 700
 }
 
 .big-icon .count,
 .big-icon .count-name {
     color: #606060
 }
 
 .big-icon:hover {
     background: #00a1cb;
     border: 1px solid transparent
 }
 
 .big-icon:hover .icon,
 .big-icon:hover .count,
 .big-icon:hover .count-name {
     color: #fff
 }
 
 .blog-timeline .entry-meta.top-meta {
     z-index: 9
 }
 
 .blog-timeline .entry-meta.top-meta:before {
     content: "";
     border-bottom: 1px solid #ddd;
     position: absolute;
     width: 100%;
     top: -10px;
     display: block;
     z-index: -9
 }
 
 .blog-timeline article.post .post-format {
     background: #fff;
     z-index: -8
 }
 
 .blog-timeline article.post .entry-meta {
     padding-bottom: 30px
 }
 
 .classic-02 .post-thumbnail.striped-section .striped-icon {
     top: inherit;
     bottom: -33px;
     left: inherit;
     right: 20px;
     line-height: inherit
 }
 
 .classic-02 article.post .entry-meta.left-meta .post-format,
 article.post .entry-meta.left-meta .entry-date {
     bottom: inherit
 }
 
 .classic-02 article.post .entry-meta.left-meta .entry-date {
     left: 30px;
     right: inherit
 }
 
 .classic-02 article.post .entry-meta.left-meta .post-format {
     bottom: -67px;
     right: inherit;
     left: 75px
 }
 
 .blog-page audio,
 .blog-page video {
     width: 100%
 }
 
 .quote-post {
     background: #fff;
     padding: 20px
 }
 
 .quote-post:before {
     content: "\f10d";
     color: #00a1cb;
     display: inline-block;
     font: normal normal normal 30px/1 FontAwesome;
     float: left;
     display: block;
     overflow: hidden;
     margin-right: 15px
 }
 
 .quote-content,
 .post-thumbnail .tweet {
     display: block;
     overflow: hidden
 }
 
 .quote-name p {
     color: #00a1cb;
     font-style: italic;
     font-weight: 700
 }
 
 .post-thumbnail .twitter-feeds:before {
     content: "\f099";
     color: #fff;
     display: inline-block;
     font: normal normal normal 30px/1 FontAwesome;
     float: left;
     display: block;
     overflow: hidden;
     margin-right: 15px
 }
 
 .post-thumbnail .twitter-feeds {
     background: #00a1cb;
     padding: 20px
 }
 
 .post-thumbnail .tweet p,
 .post-thumbnail .tweet a {
     color: #fff;
     font-size: 14px
 }
 
 .post-thumbnail .tweet-time p {
     font-size: 12px;
     font-style: italic
 }
 
 .post-thumbnail .share-box {
     padding: 40px 0
 }
 
 .post-thumbnail .share-box a {
     color: #fff
 }
 
 .post-thumbnail .share-box a:hover {
     color: #00a1cb
 }
 
 .blog-timeline.classic-02.blog-rows article.post .entry-meta.left-meta .entry-date {
     left: 10px
 }
 
 .blog-timeline.classic-02.blog-rows article.post .entry-meta.left-meta .post-format {
     left: 55px
 }
 
 .blog-page .post-content-box .project-like {
     margin-top: 58px;
     margin-top: 59px;
     color: #00a1cb
 }
 
 .blog-page .share-box.dark-bg {
     color: #fff
 }
 
 .comment-area ol {
     padding-left: 0;
     list-style: none
 }
 
 .comment-area .comment-author {
     display: block;
     overflow: hidden;
     margin-right: 30px
 }
 
 .comment-area .comment-body-right {
     display: block;
     overflow: hidden
 }
 
 .comment-metadata .fn {
     display: block
 }
 
 .comment-metadata .fn a,
 .reply a {
     font-size: 14px;
     color: #2d2d2d
 }
 
 .comment-metadata .fn a:hover,
 .reply a:hover {
     color: #00a1cb
 }
 
 .comment-metadata time {
     font-size: 12px;
     color: #aaa;
     font-style: italic
 }
 
 .comment-area .reply a {
     font-weight: 700
 }
 
 .comment-content {
     margin-top: 15px
 }
 
 .comment-area .children {
     margin: 30px 0 30px 100px
 }
 
 .comment-area .left-form {
     width: 45%
 }
 
 .comment-area .right-form {
     width: 50%
 }
 
 .li-square {
     list-style: none;
     padding-left: 0
 }
 
 .li-square li {
     color: #333;
     display: block;
     font-size: 14px;
     font-weight: 400;
     margin-bottom: 12px;
     margin-left: 20px
 }
 
 .li-square li:before {
     width: 12px;
     height: 12px;
     display: inline-block;
     margin-right: 10px;
     content: "\f00c";
     font: normal normal normal 14px/1 FontAwesome;
     color: #00a1cb
 }
 
 .li-square li:hover {
     color: #00a1cb
 }
 
 .about-description p {
     margin-bottom: 25px
 }
 
 .about-page .tv1 .nav-tabs>li:first-child {
     margin-left: 0
 }
 
 .callout-content.dark-bg .callout-title {
     margin-top: 7px;
     color: #fff
 }
 
 .hire-me {
     background: #fff;
     color: #606060
 }
 
 .v2 .testimonial-item .testimonial-txt {
     border: 0;
     border-bottom: 0
 }
 
 .v2 .testimonial-item .testimonial-footer {
     text-align: center
 }
 
 .about-description .designation {
     color: #aaa;
     margin-left: 5px
 }
 
 .circle-or {
     font-size: 16px;
     font-weight: 700;
     color: #00a1cb;
     text-transform: uppercase;
     width: 40px;
     height: 40px;
     border: 1px solid #00a1cb;
     border-radius: 50%;
     display: block;
     text-align: center;
     line-height: 37px;
     margin: 8px auto
 }
 
 .google-map-container {
     width: 100%;
     height: 200px
 }
 
 .google-map-container img {
     max-width: inherit;
     height: inherit
 }
 
 .contact .item-container.v2:hover a {
     color: #fff
 }
 
 .contact .form-control {
     margin-bottom: 22px
 }
 
 .contact.v2 .google-map-container {
     width: 100%;
     height: 500px
 }
 
 .contact.v2 .map-container {
     position: relative
 }
 
 .contact.v2 .contact-form {
     width: 370px;
     padding: 20px;
     background: #fff;
     position: absolute;
     top: 30px
 }
 
 .contact.v2 .form-control {
     margin-bottom: 0
 }
 
 .error {
     display: none;
     padding: 10px;
     margin: 0 0 5px;
     color: #D8000C;
     font-size: 12px;
     background-color: #FFBABA
 }
 
 .success {
     display: none;
     padding: 10px;
     color: #044406;
     font-size: 12px;
     background-color: #B7FBB9
 }
 
 .error img,
 .success img {
     margin-right: 10px
 }
 
 .portfolio-images.border-style {
     border: 1px solid #bfbfbf;
     background: #dedede;
     padding: 4px
 }
 
 .portfolio-images.border-style-top {
     border-top: 1px solid #bfbfbf;
     background: #dedede;
     padding-top: 4px
 }
 
 .portfolio-row-3 .col-md-6 {
     position: relative
 }
 
 .portfolio-row-3 .left-img-full,
 .portfolio-row-3 .right-img-full {
     width: 100%;
     position: absolute;
     top: 0;
     display: table
 }
 
 .portfolio-row-3 .left-img-full {
     right: 15px
 }
 
 .portfolio-row-3 .right-img-full {
     left: 15px
 }
 
 @media (max-width: 1200px) {
     .portfolio-row-3 .left-img-full,
     .portfolio-row-3 .right-img-full {
         position: inherit;
         left: inherit;
         right: inherit;
         top: inherit;
         display: inline-block
     }
 }
 
 .highlighted {
     color: #00a1cb
 }
 
 .overlay-effects {
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     top: 0
 }
 
 .box-pattern {
     background-image: url(../images/pattern/box.html);
     background-repeat: repeat;
     background-attachment: fixed;
     background-position: center
 }
 
 .display-table-middle {
     display: table;
     margin: 0 auto;
     height: 100%
 }
 
 .inside-content {
     display: table-cell;
     vertical-align: middle
 }
 
 .margin-minus-15 {
     margin-left: -15px;
     margin-right: -15px
 }
 
 .special-select {
     overflow: hidden;
     border: 1px solid #dedede;
     position: relative
 }
 
 .special-select.min-width {
     min-width: 250px
 }
 
 .special-select:after {
     content: "\f107";
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     width: 40px;
     height: 100%;
     top: 0;
     right: 0;
     text-align: center;
     line-height: 40px;
     border-left: 1px solid #dedede;
     pointer-events: none
 }
 
 .special-select select {
     background: transparent;
     padding: 8px;
     width: 110%;
     border-color: transparent;
     font-size: 14px
 }
 
 .special-select select:hover {
     cursor: pointer
 }
 
 .special-select select:focus {
     outline-color: transparent
 }
 
 .section-head {
     margin-bottom: 30px
 }
 
 .hero-banner {
     position: relative
 }
 
 .hero-banner-bg {
     background-attachment: fixed;
     background-size: cover
 }
 
 .hero-image {
     max-width: 100%
 }
 
 .hero-banner .hero-caption {
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     color: #FFF
 }
 
 .caption-content .caption-subtext {
     font-size: 16px;
     font-weight: 300;
     margin: 0
 }
 
 .caption-content .caption-title {
     font-size: 56px;
     font-weight: 700;
     margin: 0
 }
 
 .hero-banner .share-box.v2.black {
     background: inherit;
     position: inherit;
     right: inherit;
     text-align: center
 }
 
 .hero-banner .share-box.v2.black a {
     border: 1px solid #fff;
     line-height: 28px
 }
 
 .hero-banner .share-box.v2.black a:hover {
     border: 1px solid #00a1cb
 }
 
 .next-btn {
     display: block;
     display: table;
     margin: 0 auto
 }
 
 .next-btn .next-section {
     background: transparent;
     border: 1px solid #00a1cb;
     border-radius: 50%;
     display: block;
     cursor: pointer;
     position: relative;
     width: 60px;
     height: 60px;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .next-btn .next-section:focus {
     outline: none
 }
 
 .next-btn .next-section span {
     display: none
 }
 
 .next-btn .next-section:before {
     content: "\f103";
     font-family: FontAwesome;
     font-size: 20px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -7px;
     margin-top: -13px;
     color: #00a1cb
 }
 
 .next-btn .next-section:hover {
     border-color: #FFF
 }
 
 .next-btn .next-section:hover:before {
     color: #FFF
 }
 
 .inside-content .next-btn {
     margin-top: 60px
 }
 
 .site-page-header {
     position: relative;
     color: #FFF;
     border-bottom: 5px solid #dedede
 }
 
 .site-page-header:after {
     content: "";
     width: 100%;
     height: 1px;
     background-color: #bfbfbf;
     position: absolute;
     bottom: -5px
 }
 
 .site-page-header .page-header-content {
     position: relative;
     padding: 86px 0;
     width: 100%
 }
 
 .page-title {
     font-size: 34px;
     font-weight: 700
 }
 
 .page-description {
     font-size: 22px;
     font-weight: 300
 }
 
 .site-breadcrumb {
     position: relative;
     z-index: 3;
     bottom: -5px;
     border-top: 2px solid #00a1cb;
     width: 100%;
     text-align: center
 }
 
 .site-breadcrumb .breadcrumb {
     background-color: #FFF;
     border-radius: 0;
     margin-bottom: 0;
     font-size: 14px
 }
 
 .site-breadcrumb .breadcrumb>li>a {
     color: #606060
 }
 
 .site-breadcrumb .breadcrumb>li.active {
     color: #00a1cb
 }
 
 .site-breadcrumb .breadcrumb>li+li:before {
     content: "\f138";
     font-family: FontAwesome;
     color: #606060
 }
 
 .product-item {
     margin-bottom: 60px;
     position: relative
 }
 
 .owl-wrapper .product-item {
     margin: 0 15px
 }
 
 .product-item .sale-badge {
     width: 105px;
     height: 105px;
     background-color: #00a1cb;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     position: absolute;
     top: -50px;
     right: -50px;
     z-index: 3
 }
 
 .product-item .sale-badge span {
     position: absolute;
     bottom: 5px;
     left: 38px;
     right: auto;
     font-size: 16px;
     font-family: 'Oswald', sans-serif;
     color: #FFF
 }
 
 .product-item .product-image {
     position: relative;
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid #bfbfbf;
     overflow: hidden;
     border: 4px solid #dedede;
     text-align: center
 }
 
 .product-item .product-image:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 5;
     pointer-events: none
 }
 
 .product-item .product-image .quick-view {
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     top: -100%;
     background-color: rgba(0, 0, 0, 0.60)
 }
 
 .product-item .product-image:hover .quick-view {
     top: 0
 }
 
 .product-image .quick-view span {
     display: none
 }
 
 .product-image .quick-view:before {
     content: "\f00e";
     font-family: FontAwesome;
     font-size: 50px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -35px;
     margin-left: -22px;
     color: #FFF
 }
 
 .product-image .quick-view:hover:before {
     top: 50%;
     left: 50%
 }
 
 .product-item .product-image .thumb img {
     width: 100%
 }
 
 .product-item .product-title,
 .product-item .product-rating {
     width: 180px
 }
 
 .product-item .product-title {
     font-size: 18px
 }
 
 .product-item .product-rating {
     color: #00a1cb;
     font-size: 12px
 }
 
 .product-item .product-price {
     font-size: 30px;
     font-weight: 800;
     position: absolute;
     right: 0;
     top: 0
 }
 
 .product-action a {
     display: inline-block;
     border: 1px solid #dedede;
     width: 40px;
     height: 40px;
     border-radius: 0;
     position: relative;
     color: #606060;
     font-size: 14px;
     line-height: 25px;
     margin: 2px
 }
 
 .product-action a:hover {
     color: #00a1cb
 }
 
 .product-action a.add-to-cart {
     width: auto;
     border-color: #00a1cb;
     color: #00a1cb;
     padding-left: 31px;
     padding-right: 31px
 }
 
 .product-action a.add-to-cart:hover {
     color: #FFF;
     background: #00a1cb
 }
 
 .product-action a:before {
     font-family: FontAwesome
 }
 
 .product-action a span {
     display: none
 }
 
 .product-category-group .product-category {
     border: 1px solid #dedede;
     border-radius: 0;
     border-bottom: 1px solid #dedede;
     margin-bottom: 10px;
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .product-category-group .product-category .parent-cat-name {
     color: #606060;
     font-size: 13px;
     font-weight: 700;
     line-height: 25px;
     position: relative;
     display: inline-block;
     width: 100%;
     padding: 0 15px;
     line-height: 40px
 }
 
 .product-category-group .product-category .parent-cat-name:after {
     content: "\f0d8";
     font-family: FontAwesome;
     position: absolute;
     right: 0;
     width: 40px;
     text-align: center;
     border-left: 1px solid #DEDEDE
 }
 
 .product-category-group .product-category .parent-cat-name.collapsed:after {
     content: "\f0d7"
 }
 
 .product-category-group .product-category .product-category-content {
     border-top: 1px solid #dedede
 }
 
 .product-category-group .product-category .sub-cat-items {
     padding: 20px
 }
 
 .product-category-group .product-category .sub-cat-items li {
     list-style: none
 }
 
 .product-category-group .product-category .sub-cat-items li a {
     display: inline-block;
     font-size: 13px;
     color: #606060;
     font-weight: 700
 }
 
 .product-category-group .product-category .sub-cat-items li a:hover {
     color: #00a1cb
 }
 
 .product-category-group .product-category .sub-cat-items li a:before {
     content: "";
     width: 9px;
     height: 9px;
     display: inline-block;
     border: 1px solid #00a1cb;
     margin-right: 10px
 }
 
 .product-category-group .product-category .sub-cat-items li a:hover:before {
     border: 1px solid #00a1cb;
     background-color: #00a1cb
 }
 
 .product-carousel {
     position: relative
 }
 
 .product-carousel .item-caption h2,
 .product-carousel .item-caption p {
     margin: 0;
     padding: 0
 }
 
 .product-carousel .item-caption {
     background-color: #1c1c1c;
     padding: 10px;
     text-align: center;
     color: #FFF
 }
 
 .product-carousel .item-caption p {
     font-size: 14px;
     font-weight: 300;
     font-family: 'Oswald', sans-serif;
     color: #FFF;
     text-transform: uppercase
 }
 
 .product-carousel-indicators {
     bottom: 70px
 }
 
 .product-carousel-indicators li {
     display: inline-block;
     background-color: #bbb;
     border-radius: 0
 }
 
 .product-carousel-indicators li,
 .product-carousel-indicators li.active {
     border: 1px solid #FFF;
     width: 15px;
     height: 15px;
     margin: 0;
     padding: 0
 }
 
 .product-carousel-indicators li.active {
     background-color: #00a1cb
 }
 
 .circle-skill-items {
     overflow: hidden;
     text-align: center
 }
 
 .circle-skill-items .skill-item {
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     text-transform: uppercase;
     display: inline-block;
     margin: 0 10px
 }
 
 .circle-skill-items .skill-item .skill-percent {
     width: 60px;
     height: 60px;
     border: 1px solid #dedede;
     border-radius: 50%;
     text-align: center;
     font-size: 24px;
     line-height: 60px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -30px;
     margin-left: -30px
 }
 
 .polygon-bg .circle-skill-items .skill-item .skill-percent {
     border: 1px solid #292929
 }
 
 .circle-skill-items .skill-item .skill-name {
     position: absolute;
     bottom: 0;
     width: 100%;
     text-align: center;
     font-size: 16px
 }
 
 .flexslider.product-images,
 .flexslider.product-image-thumbs {
     border-radius: 0;
     box-shadow: none;
     border: 1px solid #bfbfbf;
     margin-bottom: 20px;
     border-radius: 0;
     background-color: #dedede
 }
 
 .flexslider.product-image-thumbs .flex-viewport {
     padding: 0 42.5px
 }
 
 .flexslider.product-image-thumbs:before,
 .flexslider.product-images:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     border: 4px solid #dedede;
     z-index: 5;
     pointer-events: none
 }
 
 .flexslider.product-image-thumbs .slides>li {
     position: relative;
     padding: 2.5px;
     overflow: hidden;
     opacity: .65
 }
 
 .flexslider.product-image-thumbs .slides>li.flex-active-slide {
     opacity: 1
 }
 
 .flexslider.product-image-thumbs .slides>li:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     background-color: rgba(0, 161, 203, 0.8);
     top: -100%
 }
 
 .flexslider.product-image-thumbs .slides>li:after {
     content: "\f00e";
     font: normal normal normal 20px/1 FontAwesome;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -10px;
     margin-left: -10px;
     color: #FFF;
     left: -100%
 }
 
 .flexslider.product-image-thumbs .slides>li:hover {
     cursor: pointer
 }
 
 .flexslider.product-image-thumbs .slides>li:hover:before {
     top: 0
 }
 
 .flexslider.product-image-thumbs .slides>li:hover:after {
     left: 50%
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li {
     position: absolute;
     height: 100%;
     top: 0;
     background-color: #1c1c1c
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li:last-child {
     left: auto;
     right: 0
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li:hover {
     background-color: #00a1cb
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li a {
     position: relative;
     opacity: 1;
     filter: alpha(opacity=1);
     top: 50%;
     left: 0;
     color: #FFF;
     text-shadow: none;
     height: 30px;
     margin: -15px 0 0;
     text-align: center
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav .flex-disabled {
     opacity: 1!important;
     filter: alpha(opacity=1);
     cursor: pointer
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li a:before {
     font-size: 24px
 }
 
 .product-single-head .product-title {
     margin: 0;
     margin-bottom: 15px
 }
 
 .product-single-head .product-price {
     font-size: 30px;
     font-weight: 700;
     font-family: 'Oswald', sans-serif;
     text-align: right
 }
 
 .product-single-head .product-rating {
     text-align: right;
     color: #00a1cb
 }
 
 .product-single-head .product-review {
     font-size: 13px;
     font-style: italic
 }
 
 .product-details {
     padding-top: 10px
 }
 
 .product-details h3 {
     margin-top: 0;
     margin-bottom: 20px;
     font-size: 18px
 }
 
 .product-meta-items {
     padding: 0
 }
 
 .product-meta-items .meta-item {
     list-style-type: none;
     color: #777;
     font-size: 14px;
     margin: 5px 0
 }
 
 .product-meta-items .meta-item>span {
     display: inline-block;
     text-transform: uppercase;
     margin-right: 15px;
     color: #606060;
     font-weight: 700
 }
 
 .product-customize>div {
     display: inline-block;
     width: 48.4%
 }
 
 .product-content .product-customize>div {
     margin-top: 7px
 }
 
 .product-customize>div:first-child {
     margin-right: 2%
 }
 
 .product-quantity {
     overflow: hidden;
     border: 1px solid #dedede;
     margin-bottom: 20px;
     height: 37px;
     float: left;
     position: relative
 }
 
 .product-quantity button {
     border: 0;
     background: transparent;
     color: #606060;
     padding: 10px 15px;
     position: absolute;
     top: 0
 }
 
 .product-quantity button.minus {
     border-right: 1px solid #dedede;
     left: 0
 }
 
 .product-quantity button.plus {
     border-left: 1px solid #dedede;
     right: 0
 }
 
 .product-quantity input {
     padding: 6px 0;
     border: 0;
     background-color: transparent;
     width: 100%;
     text-align: center
 }
 
 .product-quantity input:focus,
 .product-quantity button:focus {
     outline: none
 }
 
 .product-quantity button {
     font: normal normal normal 14px/1 FontAwesome
 }
 
 .product-quantity input:last-child {
     border-right: 0
 }
 
 .product-adding-cart .product-quantity {
     width: 25%
 }
 
 .product-order-action {
     float: left;
     width: 75%
 }
 
 .product-order-action button {
     margin: 0;
     margin-left: 15px;
     width: auto;
     border-color: #1c1c1c;
     color: #FFF;
     background: #1c1c1c;
     padding: 7px 0;
     text-align: center;
     width: 38%
 }
 
 .product-order-action button:last-child {
     width: 50%
 }
 
 .product-order-action button:hover {
     color: #FFF;
     background-color: #00a1cb;
     border-color: #00a1cb
 }
 
 .product-order-action button>i {
     margin-left: 10px
 }
 
 .product-share {
     position: relative
 }
 
 .product-share .social-icons {
     position: absolute;
     right: 0;
     top: 0;
     background: #FFF;
     padding-left: 10px
 }
 
 .soical-icon-list li>a {
     display: inline-block;
     width: 32px;
     height: 32px;
     background-color: #1c1c1c;
     color: #FFF;
     position: relative;
     overflow: hidden
 }
 
 .soical-icon-list li>a:hover {
     background-color: #00a1cb
 }
 
 .soical-icon-list li>a i {
     font-size: 16px;
     position: absolute;
     top: 50%;
     margin-top: -8px;
     left: 50%;
     margin-left: -6px
 }
 
 .search-widget-form .search-form {
     position: relative
 }
 
 .search-widget-form .search-form .search-field {
     border: 0;
     border-bottom: 2px solid #dedede;
     padding: 10px 0;
     width: 100%;
     font-size: 13px;
     color: #aaa
 }
 
 .search-widget-form .search-form .search-field:focus,
 .search-widget-form .search-form .search-field:active {
     outline-color: transparent
 }
 
 .search-widget-form .search-form .search-submit {
     position: absolute;
     top: 10px;
     right: 0;
     border: 0;
     background-color: transparent
 }
 
 .search-widget-form .search-form .search-submit:before {
     content: "\f002";
     font-family: FontAwesome;
     color: #aaa;
     font-size: 16px
 }
 
 .search-widget-form .search-form .search-submit span {
     display: none
 }
 
 .sort-by-size .sort-btn {
     width: 40px;
     height: 40px;
     padding: 0;
     text-align: center;
     font-size: 14px;
     font-weight: 700;
     line-height: 37px;
     margin: 10px 3px
 }
 
 .sort-by-size .sort-btn:hover {
     background: #00a1cb;
     color: #FFF;
     border-color: #00a1cb
 }
 
 .tag-list {
     padding: 0
 }
 
 .tag-list li {
     display: inline-block
 }
 
 .tag-list li a {
     margin: 5px 2px
 }
 
 .tag-list li a:hover {
     background: #00a1cb;
     color: #FFF;
     border-color: #00a1cb
 }
 
 .product-description .nav-tabs {
     border-color: #dedede
 }
 
 .product-description .nav-tabs>li>a {
     border-radius: 0;
     font-size: 13px;
     font-weight: 700;
     border-color: #dedede;
     margin-right: 5px
 }
 
 .product-description .nav-tabs>li.active>a {
     border-bottom-color: transparent;
     position: relative
 }
 
 .product-description .nav-tabs>li.active>a:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 2px;
     background: #00a1cb;
     top: -1px;
     left: 0
 }
 
 .product-description .tab-content {
     border: 1px solid #dedede;
     border-top: 0;
     padding: 30px
 }
 
 #reviews .commentlist {
     list-style: none
 }
 
 #reviews .commentlist .comment-meta .comment-author {
     float: left;
     margin-right: 20px
 }
 
 #reviews .commentlist .comment-meta .comment-author img {
     border-radius: 50%;
     border: 1px solid #dedede
 }
 
 .shopping-cart-items {
     overflow: hidden
 }
 
 .shopping-cart-items .shop_table {
     width: 100%
 }
 
 .shopping-cart-items .shop_table thead tr th {
     font-size: 13px;
     font-weight: 700;
     text-transform: uppercase;
     font-family: 'Robot', sans-serif;
     color: #606060;
     text-align: center
 }
 
 .table-effects th {
     padding-bottom: 20px
 }
 
 .table-effects {
     overflow: hidden
 }
 
 .table-effects.stripe-full:before {
     bottom: auto;
     top: 26px
 }
 
 .table-effects.stripe-full:after {
     top: 24px;
     bottom: auto
 }
 
 .shopping-cart-items .shop_table .cart-product-thumbnail .product-image {
     position: relative;
     display: inline-block;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid #bfbfbf;
     overflow: hidden
 }
 
 .shopping-cart-items .shop_table .cart-product-thumbnail .product-image:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     border: 4px solid #dedede;
     z-index: 5;
     pointer-events: none
 }
 
 .shopping-cart-items .shop_table .cart-product-details h2 {
     font-size: 16px;
     font-weight: 700
 }
 
 .shopping-cart-items .shop_table .cart-product-details .product-rating {
     color: #00a1cb;
     font-size: 14px;
     margin-bottom: 10px
 }
 
 .shopping-cart-items .shop_table .cart-product-details .product-size,
 .shopping-cart-items .shop_table .cart-product-details .product-color {
     color: #606060;
     font-size: 14px;
     font-weight: 700
 }
 
 .shopping-cart-items .shop_table .cart-product-details .product-size span,
 .shopping-cart-items .shop_table .cart-product-details .product-color span {
     color: #777;
     font-weight: 500;
     padding-left: 10px
 }
 
 .shopping-cart-items .shop_table .cart-product-price div,
 .shopping-cart-items .shop_table .cart-product-subtotal div {
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 700;
     text-align: center
 }
 
 .shopping-cart-items .shop_table .cart-product-quantity .product-quantity {
     width: 100%
 }
 
 .shopping-cart-items .shop_table .cart-product-quantity .product-quantity button {
     padding: 10px
 }
 
 .shopping-cart-items .shop_table .cart-product-removal>a.product-removal {
     border: 1px solid #DEDEDE;
     display: block;
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 28px;
     color: #606060
 }
 
 .shopping-cart-items .shop_table .cart-product-removal>a.product-removal:hover {
     background: #00a1cb;
     color: #FFF
 }
 
 .shopping-cart-items .shop_table .cart_item {
     border-bottom: 1px solid #DDD
 }
 
 .shopping-cart-items .shop_table .cart_item>td {
     padding: 20px 0
 }
 
 .shopping-cart-items .shop_table tr>td.actions {
     padding: 10px 0
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon {
     width: 300px
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon input,
 .shopping-cart-items .shop_table tr>td .cart-next-step input {
     padding: 10px 20px;
     width: 200px;
     float: left;
     min-height: 40px
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon input.button,
 .shopping-cart-items .shop_table tr>td .cart-next-step input {
     background: #1c1c1c;
     color: #FFF;
     margin-left: 5px;
     width: 90px;
     float: left;
     border: 0
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon input.button:hover,
 .shopping-cart-items .shop_table tr>td .cart-next-step input:hover {
     background: #00a1cb
 }
 
 .shopping-cart-items .shop_table tr>td .cart-next-step {
     width: auto;
     float: right
 }
 
 .shopping-cart-items .shop_table tr>td .cart-next-step input {
     float: left;
     width: auto
 }
 
 .shopping-cart-items .shop_table tr>td .cart-next-step input:first-child {
     margin-right: 10px
 }
 
 .shipping-calculator-form .form-control {
     min-height: 40px
 }
 
 .widget_calculate_shipping .shipping_calculator .calc_shipping {
     width: 100%;
     margin: 0;
     border-width: 0;
     background: #1c1c1c;
     color: #FFF;
     height: 40px
 }
 
 .widget_calculate_shipping .shipping_calculator .calc_shipping:hover {
     background: #00a1cb
 }
 
 .widget_cart_totals_pricing .cart_totals table {
     width: 100%
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr {
     border-bottom: 1px solid #e4e4e4;
     font-size: 14px;
     text-transform: uppercase
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr th {
     color: #606060;
     padding: 10px 0
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr td {
     color: #777;
     padding: 10px 0;
     text-align: right
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr.order-total {
     border-bottom: 0
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr.order-total th,
 .widget_cart_totals_pricing .cart_totals table tbody tr.order-total td {
     color: #00a1cb
 }
 
 .portfolio-column-2 .item {
     width: 50%;
     float: left
 }
 
 .portfolio-column-3 .item {
     width: 33.333333333%;
     float: left
 }
 
 .portfolio-column-4 .item {
     width: 25%;
     float: left
 }
 
 .portfolio-column-5 .item {
     width: 20%;
     float: left
 }
 
 @media (max-width: 750px) {
     .portfolio-column-2 .item,
     .portfolio-column-3 .item,
     .portfolio-column-4 .item,
     .portfolio-column-5 .item {
         width: 50%
     }
 }
 
 @media (max-width: 400px) {
     .portfolio-column-2 .item,
     .portfolio-column-3 .item,
     .portfolio-column-4 .item,
     .portfolio-column-5 .item {
         width: 100%
     }
 }
 
 .client-review-item {
     text-align: center
 }
 
 .client-review-carousel.carousel-head {
     width: 300px;
     margin: 0 auto
 }
 
 .client-review-item .client-review-content {
     color: #fff;
     font-size: 14px;
     margin: 25px 50px 10px
 }
 
 .client-review-item .client-review-content i {
     color: #00a1cb;
     padding: 0 7px
 }
 
 .client-review-item .client-review-info .client-review-name {
     color: #fff;
     font-family: 'Oswald', sans-serif;
     font-weight: 400;
     font-size: 14px;
     margin-bottom: 15px
 }
 
 .client-review-item .client-review-info .client-review-name small {
     color: #AAA;
     font-family: 'Roboto', sans-serif;
     font-style: italic;
     padding-left: 5px
 }
 
 .client-review-item .client-review-info .client-review-star {
     color: #fff;
     font-size: 12px
 }
 
 .client-review-item img.client-img {
     width: 40px;
     height: 40px
 }
 
 .client-review-item.slick-active img.client-img {
     width: 50px;
     height: 50px
 }
 
 .client-review-item.slick-active.slick-center img.client-img {
     width: 60px;
     height: 60px
 }
 
 .icn {
     width: 45px;
     height: 45px;
     text-indent: 60px;
     width: 220px
 }
 
 .staficon0 {
     background-image: url(../../images/staficon0.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon1 {
     background-image: url(../../images/staficon1.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon2 {
     background-image: url(../../images/staficon2.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon3 {
     background-image: url(../../images/staficon3.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon4 {
     background-image: url(../../images/staficon4.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon5 {
     background-image: url(../../images/staficon5.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon6 {
     background-image: url(../../images/staficon6.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon1 {
     background-image: url(../../images/hricon1.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon2 {
     background-image: url(../../images/hricon2.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon3 {
     background-image: url(../../images/hricon3.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon4 {
     background-image: url(../../images/hricon4.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 @import "https://fonts.googleapis.com/css?family=Oswald:300,400,700";
 @import "https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,500,500italic,700,700italic,900,900italic";
 html,
 body {
     font-family: 'Roboto', sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size: 16px;
     z-index: 0
 }
 
 .box-layout {
     max-width: 1200px;
     margin: auto;
     clear: both;
     box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1)
 }
 
 .box-layout .focuz-main-slider>.master-slider {
     margin: 0!important;
     clear: both
 }
 
 a {
     color: #00a1cb;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 a:focus {
     outline: none;
     outline-offset: 0;
     text-decoration: none
 }
 
 a:hover {
     text-decoration: none
 }
 
 p {
     color: #333;
     font-size: 14px;
     line-height: 24px;
     font-weight: 500px
 }
 
 hr {
     border-color: #e4e4e4
 }
 
 img {
     max-width: 100%;
     height: auto
 }
 
 .boxer-container img {
     max-width: inherit
 }
 
 .inline {
     display: inline-block
 }
 
 .overlay {
     background-color: rgba(0, 0, 0, .8)
 }
 
 .text-upc {
     text-transform: uppercase
 }
 
 .text-cap {
     text-transform: capitalize
 }
 
 .dropcap {
     color: #fff;
     background: #00a1cb;
     display: block;
     font-family: "Roboto", sans-serif;
     font-size: 42px;
     font-weight: 700;
     line-height: 60px;
     text-align: center;
     height: 60px;
     width: 50px;
     float: left;
     margin-top: 6px;
     margin-right: 10px
 }
 
 .alert {
     overflow: hidden;
     border-radius: 0
 }
 
 .progress {
     border-radius: 0
 }
 
 .section-padding {
     padding: 50px 0
 }
 
 section+hr,
 .section-padding+hr {
     margin: 0
 }
 
 .polygon-bg {
     background-image: url(../images/polygon-bg.html);
     background-repeat: repeat;
     color: #FFF
 }
 
 .parallax-bg {
     background-attachment: fixed;
     background-size: cover
 }
 
 .relative {
     position: relative
 }
 
 .dark-bg {
     background: #1c1c1c!important
 }
 
 .white-bg {
     background: #fff!important
 }
 
 .blue-bg {
     background: #00a1cb!important
 }
 
 .top-header {
     background: #00a1cb
 }
 
 .top-header ul {
     padding: 0
 }
 
 .top-header ul li {
     display: inline-block;
     list-style: none;
     border-left: 0 solid #323437
 }
 
 .top-header ul li:last-child {
     border-right: 0 solid #323437
 }
 
 .top-header ul li a .fa {
     color: #fff;
     font-size: 14px
 }
 
 .top-header ul li a {
     color: #fff;
     font-weight: 300;
     padding: 0 13px;
     font-size: 12px;
     letter-spacing: 1px;
     line-height: 30px
 }
 
 .top-header ul li a:hover,
 .top-header ul li a:hover .fa {
     color: #c2c1c1
 }
 
 .top-social ul li {
     float: left
 }
 
 .top-info ul li {
     float: right
 }
 
 .top-info ul li a .fa {
     margin-right: 7px
 }
 
 .no-border,
 .no-border-ab:after,
 .no-border-ab:before {
     border: none!important
 }
 
 .no-after:after,
 .no-before:before {
     content: none!important
 }
 
 .no-border-l {
     border-left: none!important
 }
 
 .no-border-r {
     border-right: none!important
 }
 
 .no-border-t {
     border-top: none!important
 }
 
 .no-border-b {
     border-bottom: none!important
 }
 
 .border2px {
     border-width: 2px!important
 }
 
 .border1px {
     border-width: 1px!important
 }
 
 .m0 {
     margin: 0!important
 }
 
 .lm0 {
     margin-left: 0!important
 }
 
 .rm0 {
     margin-right: 0!important
 }
 
 .tm0 {
     margin-top: 0!important
 }
 
 .bm0 {
     margin-bottom: 0!important
 }
 
 .bm50 {
     margin-bottom: 50px!important
 }
 
 .tm50 {
     margin-top: 50px!important
 }
 
 .bm30 {
     margin-bottom: 30px!important
 }
 
 .tm30 {
     margin-top: 30px!important
 }
 
 .tm20 {
     margin-top: 20px!important
 }
 
 .tm10 {
     margin-top: 10px!important
 }
 
 .mauto {
     margin-left: auto!important;
     margin-right: auto!important
 }
 
 .lm-15 {
     margin-left: -15px!important
 }
 
 .p0 {
     padding: 0!important
 }
 
 .lp0 {
     padding-left: 0!important
 }
 
 .rp0 {
     padding-right: 0!important
 }
 
 .tp0 {
     padding-top: 0!important
 }
 
 .bp0 {
     padding-bottom: 0!important
 }
 
 .lrp15 {
     padding-left: 15px!important;
     padding-right: 15px!important
 }
 
 .lrp30 {
     padding-left: 30px!important;
     padding-right: 30px!important
 }
 
 .p15 {
     padding: 15px
 }
 
 .p30 {
     padding: 30px
 }
 
 .pt50,
 .tp50 {
     padding-top: 50px!important
 }
 
 .tp40 {
     padding-top: 40px!important
 }
 
 .tp20 {
     padding-top: 20px!important
 }
 
 @media (max-width: 992px) {
     .md-bm30 {
         margin-bottom: 30px!important
     }
     .md-bm50 {
         margin-bottom: 50px!important
     }
     .md-no-pull {
         float: none!important
     }
     .md-hide {
         display: none!important
     }
 }
 
 @media (max-width: 768px) {
     .sm-bm30 {
         margin-bottom: 30px!important
     }
     .sm-bm50 {
         margin-bottom: 50px!important
     }
     .sm-no-pull {
         float: none!important
     }
     .sm-hide {
         display: none!important
     }
 }
 
 @media (max-width: 480px) {
     .xs-full {
         width: 100%!important
     }
     .xs-bm30 {
         margin-bottom: 30px!important
     }
     .xs-bm50 {
         margin-bottom: 50px!important
     }
     .xs-no-pull {
         float: none!important
     }
     .xs-hide {
         display: none!important
     }
 }
 
 .mf-width {
     max-width: 100%!important
 }
 
 .f-width {
     width: 100%!important
 }
 
 .dtable {
     display: table
 }
 
 .dblock {
     display: block
 }
 
 .dinline {
     display: inline
 }
 
 .diblock {
     display: inline-block
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     text-transform: uppercase
 }
 
 h1 {
     font-size: 2.125em
 }
 
 h2 {
     font-size: 1.75em
 }
 
 h3 {
     font-size: 1.375em
 }
 
 h4 {
     font-size: 1.125em
 }
 
 .widget h4 {
     color: #f60;
     letter-spacing: 2px
 }
 
 .stripe-full h4 {
     color: #333
 }
 
 h5 {
     font-size: 1em
 }
 
 h6 {
     font-size: .875em
 }
 
 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
     color: #2d2d2d
 }
 
 h1 a:hover,
 h2 a:hover,
 h3 a:hover,
 h4 a:hover,
 h5 a:hover,
 h6 a:hover {
     color: #00a1cb
 }
 
 h1>span,
 h2>span,
 h3>span,
 h4>span,
 h5>span,
 h6>span {
     color: #00a1cb
 }
 
 h1>em,
 h2>em,
 h3>em,
 h4>em,
 h5>em,
 h6>em {
     color: #00a1cb;
     font-weight: 300
 }
 
 .btn {
     color: #00a1cb;
     background-color: transparent;
     border: 1px solid #dedede;
     font-weight: 700;
     border-radius: 0;
     margin: 5px
 }
 
 .btn:hover,
 .btn:focus,
 .btn.focus {
     color: #00a1cb
 }
 
 .filter-btn.btn {
     margin: 5px 2px;
     font-size: 12px;
     font-family: "Roboto", sans-serif
 }
 
 .filter-btn {
     background: #fff;
     text-transform: uppercase
 }
 
 .btn,
 .btn .badge {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .btn:active,
 .btn.active {
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .btn:active:focus,
 .btn.active:focus,
 .btn.focus,
 .btn:active.focus,
 .btn.active.focus,
 .btn:active,
 .btn:hover,
 .btn:focus,
 .btn.focus {
     outline: none;
     outline-offset: 0
 }
 
 .rbtn {
     border-radius: 25px
 }
 
 .btn.has-badge {
     padding-left: 25px;
     padding-right: 25px
 }
 
 .btn.has-badge .badge {
     display: none;
     padding: 0
 }
 
 .btn.has-badge.active {
     padding-left: 10px;
     padding-right: 5px
 }
 
 .btn.has-badge.active .badge {
     margin-left: 5px;
     height: 25px;
     min-width: 25px;
     display: inline-block;
     background: #fff;
     color: #00A1CB;
     line-height: 25px
 }
 
 .btn .badge {
     border-radius: 15px
 }
 
 .btn.active,
 .bg-btn {
     color: #fff;
     border-color: #00a1cb;
     background: #00a1cb
 }
 
 .bg-btn:hover {
     color: #fff
 }
 
 .bg-btn.btn:focus {
     color: #fff
 }
 
 .sm-btn {
     padding: 0 15px;
     min-height: 36px;
     line-height: 30px
 }
 
 a.sm-btn {
     line-height: 34px
 }
 
 .md-btn {
     padding: 0 15px;
     min-height: 40px;
     line-height: 38px
 }
 
 .full-btn {
     margin: 5px 0;
     width: 100%;
     max-width: 100%
 }
 
 .nav-btn.rbtn {
     padding: 0;
     width: 36px;
     border-color: #00a1cb
 }
 
 .md-btn:hover,
 .sm-btn:hover,
 .nav-btn:hover {
     border-color: #00a1cb;
     background: #00a1cb;
     color: #fff
 }
 
 .btn-container {
     padding-top: 30px
 }
 
 .btn-container .btn {
     color: #606060
 }
 
 .btn a:hover,
 .btn-container .btn:hover {
     color: #fff
 }
 
 .btn a {
     width: 100%;
     display: inline-block
 }
 
 .btn-black {
     background: #000;
     border-color: #000
 }
 
 .btn-black:hover {
     color: #fff
 }
 
 .stripe-full,
 .stripe-bfixw {
     position: relative;
     margin-bottom: 30px
 }
 
 .stripe-over:after,
 .stripe-over:before,
 .stripe-full:after,
 .stripe-full:before,
 .stripe-bfixw:after,
 .stripe-bfixw:before {
     content: "";
     position: absolute;
     bottom: -18px
 }
 
 .stripe-full.stripe-1:after {
     height: 0;
     border: 0
 }
 
 .stripe-bfixw:after,
 .stripe-bfixw:before {
     left: 50%;
     width: 50px;
     margin-left: -25px
 }
 
 .stripe-over:after,
 .stripe-over:before,
 .stripe-full:after,
 .stripe-full:before {
     left: 0;
     width: 100%
 }
 
 .stripe-over:after,
 .stripe-full:after,
 .stripe-bfixw:after {
     height: 5px;
     border-top: 1px solid #dedede;
     border-bottom: 1px solid #dedede
 }
 
 .stripe-over:before,
 .stripe-full:before,
 .stripe-bfixw:before {
     height: 3px;
     border-top: 1px solid #dedede
 }
 
 .stripe-over {
     display: inline-block;
     position: relative;
     margin-bottom: 0
 }
 
 .stripe-over:after,
 .stripe-over:before {
     bottom: -22px;
     z-index: 2
 }
 
 .stripe-blue:after,
 .stripe-blue:before {
     border-color: #00a1cb
 }
 
 .title-container {
     overflow: hidden
 }
 
 .striped-title {
     display: inline-block;
     position: relative;
     z-index: 0
 }
 
 .striped-title:after,
 .striped-title:before,
 .stripe-t-left:after,
 .stripe-t-left:before,
 .stripe-t-right:after,
 .stripe-t-right:before,
 .stripe-t-back:after,
 .stripe-t-back:before {
     content: "";
     position: absolute;
     top: 50%;
     margin-top: -3px
 }
 
 .stripe-t-back:after,
 .stripe-t-back:before {
     left: 0;
     right: 0;
     z-index: -1
 }
 
 .stripe-t-left:after,
 .stripe-t-left:before {
     width: 1100px;
     right: 100%;
     margin-right: 40px
 }
 
 .stripe-t-right:after,
 .stripe-t-right:before {
     width: 1100px;
     left: 100%;
     margin-left: 40px
 }
 
 .for-widget .stripe-t-right:after,
 .for-widget .stripe-t-right:before {
     margin-left: 10px
 }
 
 .stripe-t-left:after,
 .stripe-t-right:after,
 .stripe-t-back:after {
     height: 5px;
     border-top: 1px solid #dedede;
     border-bottom: 1px solid #dedede
 }
 
 .stripe-t-left:before,
 .stripe-t-right:before,
 .stripe-t-back:before {
     height: 3px;
     border-bottom: 1px solid #dedede
 }
 
 .striped-title:after,
 .striped-title:before {
     top: 4px;
     bottom: 2px;
     width: 11px;
     border-left: 4px solid #dedede;
     border-right: 4px solid #dedede
 }
 
 .striped-title:after {
     right: -25px
 }
 
 .striped-title:before {
     left: -25px
 }
 
 .special-stripe {
     min-width: 50px;
     margin: 0;
     bottom: 0
 }
 
 .special-stripe:after,
 .special-stripe:before {
     bottom: 0!important
 }
 
 .polygon-bg .stripe-t-left:before,
 .polygon-bg .stripe-t-right:before,
 .polygon-bg .stripe-t-back:before,
 .polygon-bg .stripe-t-left:after,
 .polygon-bg .stripe-t-right:after,
 .polygon-bg .stripe-t-back:after,
 .polygon-bg .striped-title:after,
 .polygon-bg .striped-title:before {
     border-color: #292929
 }
 
 .mozilla h5.stripe-over:after,
 .mozilla h5.stripe-over:before,
 h6.stripe-over:after,
 h6.stripe-over:before {
     bottom: -23px
 }
 
 .striped-title.no-border-ab .stripe-t-left:after,
 .striped-title.no-border-ab .stripe-t-left:before {
     margin-right: 15px
 }
 
 .striped-title.no-border-ab .stripe-t-right:after,
 .striped-title.no-border-ab .stripe-t-right:before {
     margin-left: 15px
 }
 
 .striped-section {
     margin-top: 55px;
     position: relative;
     border-top: 5px solid #dedede;
     border-bottom: 5px solid #dedede;
     z-index: 0
 }
 
 .striped-section:before,
 .striped-section:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 1px;
     left: 0;
     background: #bfbfbf;
     z-index: 1
 }
 
 .striped-section:before {
     top: -5px
 }
 
 .striped-section:after {
     bottom: -5px
 }
 
 .striped-icon {
     display: none
 }
 
 .striped-section .striped-icon,
 .striped-section .striped-icon:after {
     position: absolute;
     display: block;
     border-radius: 100%;
     width: 66px;
     height: 66px;
     left: 50%;
     margin-left: -33px;
     z-index: 2
 }
 
 .striped-section .striped-icon:after {
     content: "";
     top: -5px;
     border: 1px solid #bfbfbf
 }
 
 .striped-section .striped-icon {
     color: #00a1cb;
     font-size: 24px;
     line-height: 56px;
     text-align: center;
     top: -35px;
     background: #fff;
     border: 5px solid #dedede
 }
 
 .section-description {
     color: #606060;
     font-weight: 300;
     font-size: 1em;
     font-family: 'Oswald', sans-serif;
     text-transform: uppercase;
     text-align: center
 }
 
 .polygon-bg .section-description {
     color: #777
 }
 
 .icon {
     color: #00a1cb;
     font-size: 1.5rem;
     width: 70px;
     height: 70px;
     /* border: 1px solid #dedede; */
     line-height: 68px;
     margin-bottom: 25px;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .icon.icon-big {
     color: #2d2d2d;
     border: 0 solid transparent;
     font-size: 3.125rem
 }
 
 .icon.icon-left {
     float: left
 }
 
 .icon.inv {
     background: #00a1cb;
     color: #fff
 }
 
 .circle {
     border-radius: 100%
 }
 
 .arrow-circle {
     position: relative;
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     background: #292929;
     width: 80px;
     height: 80px;
     border-radius: 100%;
     line-height: 80px;
     font-size: 24px;
     z-index: 0
 }
 
 .arrow-circle:after {
     content: "";
     position: absolute;
     right: -38px;
     top: 25px;
     height: 30px;
     width: 30px;
     border: 15px solid #fff;
     border-left-color: transparent;
     z-index: -1
 }
 
 .arrow-circle .arrow {
     color: #00a1cb;
     background: #fff;
     font-size: 14px;
     position: absolute;
     top: 25px;
     height: 30px;
     width: 32px;
     right: -45px;
     line-height: 30px;
     z-index: 1;
     padding-left: 7px
 }
 
 .arrow-circle .arrow:after {
     content: "";
     position: absolute;
     right: -30px;
     top: 0;
     height: 30px;
     width: 30px;
     border: 15px solid transparent;
     border-left-color: #fff
 }
 
 .arrow-circle .arrow:before {
     content: "";
     position: absolute;
     top: 0;
     left: -5px;
     width: 15px;
     height: 30px;
     border-right: 11px solid #fff;
     border-radius: 0 18px 18px 0;
     z-index: -1
 }
 
 .pagination>li:first-child>a,
 .pagination>li:first-child>span,
 .pagination>li:last-child>a,
 .pagination>li:last-child>span {
     border-radius: 0
 }
 
 .pagination>li>a,
 .pagination>li>span {
     color: #606060;
     margin: 5px;
     height: 40px;
     line-height: 36px;
     min-width: 40px;
     padding: 0;
     text-align: center
 }
 
 .pagination>li>.current:hover,
 .pagination>li>.current,
 .pagination>li>a:hover {
     color: #fff;
     border-color: #00a1cb;
     background: #00a1cb
 }
 
 .owl-controls {
     text-align: center;
     margin-top: 45px
 }
 
 .owl-page {
     background-color: transparent;
     border: 1px solid #00a1cb;
     border-radius: 0;
     display: inline-block;
     width: 15px;
     height: 15px;
     margin: 0 2px
 }
 
 .owl-page.active {
     background-color: #00a1cb;
     border: 1px solid #00a1cb
 }
 
 .carousel-indicators .active,
 .carousel-indicators li {
     border-radius: 0;
     border-color: #00a1cb;
     height: 15px;
     width: 15px;
     margin: 2px
 }
 
 .post .carousel-indicators .active,
 .post .carousel-indicators li {
     border-color: #fff;
     background: rgba(255, 255, 255, 0.4)
 }
 
 .carousel-indicators .active,
 .post .carousel-indicators .active {
     background: #00a1cb
 }
 
 .post .carousel-indicators {
     bottom: 0;
     margin-bottom: 4px
 }
 
 .v2 .post .carousel-indicators {
     opacity: 0
 }
 
 .v2 .post:hover .carousel-indicators {
     opacity: 1
 }
 
 .polygon-bg .prev,
 .polygon-bg .next {
     border-color: #fff;
     color: #fff
 }
 
 .polygon-bg .prev:hover,
 .polygon-bg .next:hover {
     background: #fff;
     color: #00a1cb
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next,
 .focuz-main-slider .ms-skin-default .ms-nav-prev {
     background: rgba(255, 255, 255, .8);
     width: 50px;
     height: 50px;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next:hover,
 .focuz-main-slider .ms-skin-default .ms-nav-prev:hover {
     background: rgba(255, 255, 255, 1)
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next {
     right: 0
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-prev {
     left: 0
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next:before,
 .focuz-main-slider .ms-skin-default .ms-nav-prev:before {
     position: absolute;
     color: #00a1cb;
     top: 17px;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next:before {
     content: "\f178";
     right: 17px
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-prev:before {
     content: "\f177";
     left: 17px
 }
 
 .social-icons ul {
     padding: 0
 }
 
 .social-icons ul>li {
     display: inline-block;
     margin-bottom: 3px
 }
 
 .social-icons ul>li>a .icon-content {
     font-size: 15px;
     font-family: 'Oswald', sans-serif;
     font-weight: 300;
     color: #2d2d2d;
     height: 32px;
     width: 32px;
     background-color: #FFF;
     padding: 5.5px 10px;
     text-transform: uppercase;
     text-align: center;
     overflow: hidden;
     -webkit-transition: all .4s;
     -moz-transition: all .4s;
     -ms-transition: all .4s;
     -o-transition: all .4s;
     transition: all .4s
 }
 
 .social-icons ul>li>a .icon-content:before {
     font-family: FontAwesome;
     font-size: 16px;
     padding-right: 15px
 }
 
 .social-icons ul>li>a:hover .icon-content {
     width: 125px;
     background-color: #00a1cb;
     color: #FFF
 }
 
 .form-control {
     min-height: 40px;
     margin: 0 0 20px;
     border: 2px solid #e6e6e6;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 textarea.form-control {
     min-height: 100px
 }
 
 .form-control:focus {
     border: 2px solid #00a1cb
 }
 
 .form-control,
 .form-control:focus {
     border-radius: 0;
     outline-style: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none
 }
 
 .contact-form .form-control {
     border-top: none;
     border-left: none;
     border-right: none
 }
 
 .checkbox-btn+label {
     font-weight: 400;
     cursor: pointer;
     position: relative;
     padding-left: 25px;
     z-index: 0
 }
 
 input[type="checkbox"].checkbox-btn {
     display: none
 }
 
 input[type="checkbox"].checkbox-btn+label:after {
     content: "";
     position: absolute;
     top: 3px;
     left: 0;
     width: 15px;
     height: 15px;
     border: 2px solid #e6e6e6;
     z-index: 1
 }
 
 input[type="checkbox"].checkbox-btn+label:before {
     content: "";
     position: absolute;
     top: -7px;
     left: 4px;
     color: #afacac;
     z-index: 2;
     font-size: 20px
 }
 
 .checkbox-btn.checkbox-lg+label {
     padding-left: 35px;
     line-height: 35px
 }
 
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:after {
     width: 25px;
     height: 25px
 }
 
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:before {
     top: -8px;
     left: 8px;
     font-size: 30px
 }
 
 input[type="checkbox"].checkbox-btn:checked+label:before {
     content: "\2713";
     color: #00a1cb
 }
 
 input[type="checkbox"].checkbox-btn:checked+label:after {
     border-color: #00a1cb
 }
 
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:after,
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .radio-btn+label {
     cursor: pointer;
     font-weight: 400;
     position: relative;
     padding-left: 25px;
     z-index: 0
 }
 
 input[type="radio"].radio-btn {
     display: none
 }
 
 input[type="radio"].radio-btn+label:after {
     content: "";
     position: absolute;
     border-radius: 100%;
     top: 3px;
     left: 0;
     width: 15px;
     height: 15px;
     border: 2px solid #e6e6e6;
     z-index: 1
 }
 
 input[type="radio"].radio-btn+label:before {
     content: "";
     border-radius: 100%;
     background: transparent;
     position: absolute;
     width: 7px;
     height: 7px;
     top: 7px;
     left: 4px;
     color: #afacac;
     z-index: 2
 }
 
 .radio-btn.radio-lg+label {
     padding-left: 35px;
     line-height: 35px
 }
 
 input[type="radio"].radio-btn.radio-lg+label:after {
     width: 25px;
     height: 25px
 }
 
 input[type="radio"].radio-btn.radio-lg+label:before {
     width: 15px;
     height: 15px;
     top: 8px;
     left: 5px
 }
 
 input[type="radio"].radio-btn:checked+label:before {
     background: #00a1cb
 }
 
 input[type="radio"].radio-btn:checked+label:after {
     border-color: #00a1cb
 }
 
 input[type="radio"].radio-btn.radio-lg+label:after,
 input[type="radio"].radio-btn.radio-lg+label:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .callout-action h2 {
     font-size: 22px
 }
 
 .callout-action .action-links a {
     color: #606060;
     font-size: 14px;
     font-weight: 500
 }
 
 .callout-action .action-links a:hover {
     color: #00a1cb
 }
 
 .callout-action .action-links span.or {
     font-family: 'Oswald', sans-serif;
     width: 40px;
     height: 40px;
     font-size: 16px;
     font-weight: 800;
     text-transform: uppercase;
     text-align: center;
     display: inline-block;
     border: 1px solid #FFF;
     border-radius: 50%;
     line-height: 37px;
     margin: 15px
 }
 
 .callout-action .callout-background {
     position: relative;
     top: 0;
     right: 0
 }
 
 .callout-action .action-description {
     color: #777;
     font-weight: 600;
     text-transform: capitalize
 }
 
 .callout-action .btn.purchase {
     color: #fff;
     margin-top: 30px;
     margin-bottom: 80px
 }
 
 .callout-action.top-part {
     position: relative;
     border-top: 4px solid #2d2d2d;
     z-index: 0
 }
 
 .callout-action.top-part:after {
     content: "";
     position: absolute;
     bottom: -5px;
     left: 0;
     right: 0;
     height: 1px;
     width: 100%;
     background: #bfbfbf;
     display: inherit;
     z-index: 1
 }
 
 .dark-bg .callout-content .callout-title {
     color: #fff;
     margin-top: 10px
 }
 
 .dark-bg .callout-content .purchase {
     background: #fff;
     color: #2d2d2d
 }
 
 .dark-bg .callout-content .purchase:hover {
     background: #00a1cb;
     color: #fff
 }
 
 .blue-bg .callout-content .callout-title {
     color: #fff;
     margin-top: 10px
 }
 
 .blue-bg .callout-content .btn {
     background: #00a1cb;
     color: #fff
 }
 
 .blue-bg .callout-content .btn:hover {
     background: #fff;
     color: #00a1cb
 }
 
 .progress.v1 {
     height: 40px;
     background: #ebebeb;
     -webkit-box-shadow: none;
     box-shadow: none;
     margin-bottom: 10px
 }
 
 .progress.v1 .progress-bar.default-bar {
     background-color: #00a1cb
 }
 
 .progress.v1 .progress-bar {
     text-align: left;
     font-size: 13px;
     font-weight: 400;
     line-height: 38px;
     padding-left: 15px;
     position: relative
 }
 
 .progress.v1 .progress-bar:before {
     content: "";
     top: 0;
     right: 0;
     width: 20px;
     height: 40px;
     position: absolute;
     border-style: solid;
     border-width: 20px 0 20px 20px;
     border-color: #ebebeb #ebebeb #ebebeb #00a1cb
 }
 
 .progress.v3 {
     height: 10px;
     width: 58%;
     margin-top: 14px
 }
 
 .progress.v3 .progress-bar.default-bar {
     background-color: #00a1cb
 }
 
 .progress-bg {
     background: #fff;
     height: 40px;
     border: 1px solid #ddd;
     margin-bottom: 10px;
     display: block;
     padding-right: 50px;
     position: relative
 }
 
 .progress-name {
     background: #000;
     color: #fff;
     padding: 10px 3px;
     float: left;
     margin-right: 15px;
     font-size: 13px;
     text-transform: uppercase;
     width: 35%;
     text-align: center;
     position: relative;
     z-index: 0
 }
 
 .progress-name:after {
     content: "";
     position: absolute;
     border: 1px solid #000;
     z-index: 1;
     left: -1px;
     right: -1px;
     top: -1px;
     bottom: 0
 }
 
 .progress-count {
     position: absolute;
     right: 0;
     bottom: 0;
     border-left: 1px solid #ddd;
     display: block;
     height: 38px;
     line-height: 37px;
     font-size: 13px;
     width: 10%;
     text-align: center
 }
 
 .panel-group .panel,
 .panel {
     border-radius: 0;
     margin-bottom: 10px
 }
 
 .panel-title {
     font-size: .8125rem;
     font-weight: 700;
     font-family: 'Roboto', sans-serif;
     text-transform: inherit
 }
 
 .panel-title a {
     color: #606060;
     min-height: 40px;
     display: inline-block;
     position: relative;
     padding-left: 15px;
     padding-right: 40px;
     line-height: 30px;
     padding-top: 5px;
     width: 100%
 }
 
 .panel-title a[class^="fa-"] {
     padding-left: 40px
 }
 
 .panel-title a:after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     width: 40px;
     text-align: center;
     line-height: 38px;
     border-left: 1px solid #dedede;
     font-family: FontAwesome;
     content: "\f0d8"
 }
 
 .panel-title a,
 .panel-title a.collapsed:hover {
     color: #00a1cb
 }
 
 .panel-title a.collapsed {
     color: #606060
 }
 
 .panel-title a.collapsed:after {
     position: absolute;
     top: 0;
     right: 0;
     font-family: FontAwesome;
     content: "\f0d7"
 }
 
 .panel-title a[class^="fa-"]:before {
     position: absolute;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 1rem;
     width: 40px;
     text-align: center;
     height: 43px;
     left: 0;
     top: 0;
     line-height: 40px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .panel-default>.panel-heading {
     background-color: transparent;
     padding: 0
 }
 
 .panel-body p,
 .panel-body {
     color: #777;
     font-size: .875rem;
     line-height: 24px
 }
 
 .panel-body .panel {
     margin-bottom: 10px;
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .tab-content table {
     font-size: 14px
 }
 
 .tab-content .commentlist {
     padding-left: 0
 }
 
 .tab-content .comment-content {
     margin-left: 95px
 }
 
 .tab-content .comment-author span {
     font-size: 14px;
     padding-left: 15px
 }
 
 .tv1 .nav-tabs>li:first-child {
     margin-left: 35px
 }
 
 .tv1 .nav-tabs>li>a {
     border-radius: 0;
     border: 1px solid #dedede;
     color: #606060;
     font-family: "Roboto", sans-serif;
     font-size: 13px;
     font-weight: 700;
     margin-right: 5px
 }
 
 .tv1 .nav-tabs>li.active>a {
     color: #00a1cb;
     background: #fff;
     position: relative
 }
 
 .tv1 .nav-tabs>li.active>a:before {
     content: "";
     position: absolute;
     left: -1px;
     right: -1px;
     top: -1px;
     height: 2px;
     background-color: #00a1cb
 }
 
 .tv1 .nav-tabs>li>a:hover {
     color: #fff;
     background: #00a1cb;
     border-color: #00a1cb
 }
 
 .tv1 .nav-tabs>li.active>a {
     border-bottom-color: #fff
 }
 
 .tv1 .tab-content {
     border: 1px solid #dedede;
     border-top: none;
     padding: 35px;
     overflow: hidden
 }
 
 .tv1 .tab-content .tab-image {
     padding-top: 2px
 }
 
 .tv1 .tab-content .tab-image.pull-right {
     padding-left: 30px
 }
 
 .tv1 .tab-pane p:last-child {
     margin-bottom: 0
 }
 
 .tv2 .nav-tabs {
     border-bottom: 0
 }
 
 .tv2 .nav-tabs>li {
     margin-bottom: 20px
 }
 
 .tv2 .nav-tabs>li>a {
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     background: transparent;
     border: 5px solid #dedede;
     color: #606060;
     width: 130px;
     height: 130px;
     border-radius: 50%;
     text-align: center;
     line-height: 102px;
     margin: 0 60px
 }
 
 .tv2 .nav-tabs>li.active>a,
 .tv2 .nav-tabs>li.active>a:hover,
 .tv2 .nav-tabs>li.active>a:focus {
     color: #00a1cb;
     background-color: transparent;
     border: 5px solid #00a1cb
 }
 
 .tv2 .nav-tabs>li>a:hover {
     color: #00a1cb;
     border-color: #00a1cb
 }
 
 .tv2 .tab-content>.tab-pane {
     text-align: center
 }
 
 .tv2 .stripe-left:before,
 .tv2 .stripe-right:after {
     content: "";
     position: absolute;
     border-top: 1px solid #dedede;
     border-bottom: 1px solid #dedede;
     width: 50px;
     top: 64px;
     height: 5px
 }
 
 .tv2 .stripe-left:after,
 .tv2 .stripe-right:before {
     content: "";
     position: absolute;
     border-bottom: 1px solid #dedede;
     width: 50px;
     top: 64px;
     height: 3px
 }
 
 .tv2 .stripe-right:after,
 .tv2 .stripe-right:before {
     right: 0
 }
 
 .polygon-bg .tv2 .nav-tabs>li>a {
     border-color: #2d2d2d
 }
 
 .polygon-bg .tv2 .nav-tabs>li>a:hover {
     border-color: #00a1cb;
     color: #fff
 }
 
 .polygon-bg .tv2 .nav-tabs>li.active>a,
 .polygon-bg .tv2 .nav-tabs>li.active>a:hover,
 .polygon-bg .tv2 .nav-tabs>li.active>a:focus {
     color: #fff;
     border-color: #00a1cb
 }
 
 .polygon-bg .tv2 .stripe-left:after,
 .polygon-bg .tv2 .stripe-right:before,
 .polygon-bg .tv2 .stripe-left:before,
 .polygon-bg .tv2 .stripe-right:after {
     border-color: #2d2d2d
 }
 
 .features-list {
     padding-left: 0
 }
 
 .features-list li {
     font-family: 'Roboto', sans-serif;
     font-size: 13px;
     position: relative;
     list-style: none;
     float: left;
     width: 50%;
     padding: 5px 0 5px 25px;
     line-height: 24px
 }
 
 .features-list li:before {
     position: absolute;
     top: 10px;
     left: 0;
     content: "\f046";
     color: #00a1cb;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 18px;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .pc-mockup-box {
     display: table;
     position: relative;
     padding-bottom: 25px
 }
 
 .pc-mockup-box .screenshot-slider {
     position: absolute;
     top: 6%;
     left: 12.5%;
     right: 12.5%
 }
 
 .pc-mockup-box .screenshot-slider img {
     max-width: inherit;
     width: 100%
 }
 
 .pc-mockup-box .screenshot-slider .carousel-indicators {
     bottom: -85px
 }
 
 .team-member {
     position: relative;
     z-index: 0
 }
 
 .team-member .member-img-box {
     position: relative;
     border: 1px solid #bfbfbf;
     background: #dedede;
     padding: 4px
 }
 
 .team-member .member-img-box:before {
     content: "";
     top: 4px;
     left: 4px;
     right: 4px;
     bottom: 4px;
     position: absolute;
     background: rgba(0, 161, 203, 0.0)
 }
 
 .team-member:hover .member-img-box:before {
     background: rgba(0, 161, 203, 0.7)
 }
 
 .team-member .member-img-box img {
     width: 100%
 }
 
 .team-member .social-icons {
     top: 50%;
     left: 0;
     right: 0;
     margin-top: -15px;
     position: absolute;
     opacity: 0
 }
 
 .team-member:hover .social-icons {
     opacity: 1
 }
 
 .team-member .social-icons a {
     color: #1c1c1c;
     background: #fff;
     display: inline-block;
     line-height: 30px;
     text-align: center;
     min-width: 30px
 }
 
 .team-member .social-icons a:hover {
     background: #1c1c1c;
     color: #fff
 }
 
 .team-member .name-container {
     margin-top: -50px
 }
 
 .team-member .member-name {
     position: relative;
     background: #fff;
     display: inline-block;
     line-height: 40px;
     padding: 0 15px
 }
 
 .team-member:hover .member-name {
     z-index: -1
 }
 
 .team-member .member-name:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 2px;
     background: #00a1cb
 }
 
 .team-member .member-description {
     font-family: "Roboto", sans-serif;
     font-weight: 500;
     font-size: 14px
 }
 
 .team-member .mail-icon,
 .team-member .phone-icon {
     padding-right: 10px;
     color: #aaa
 }
 
 .team-member .member-designation,
 .team-member .member-email,
 .team-member .member-phone {
     color: #00a1cb
 }
 
 .team-member .member-contact {
     padding-top: 10px;
     color: #aaa
 }
 
 .team-member .member-name,
 .team-member .social-icons,
 .team-member .social-icons a,
 .team-member .member-img-box:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .team-member.v2 {
     position: relative
 }
 
 .team-member.v2 .member-img-box {
     padding: 0;
     border: none
 }
 
 .team-member.v2 .member-img-box:before {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0
 }
 
 .team-member.v2:hover .member-img-box:before {
     background: #1c1c1c
 }
 
 .team-member.v2 .member-name {
     background: inherit;
     position: inherit
 }
 
 .team-member.v2 .member-details {
     position: absolute;
     top: 20px;
     left: 20px;
     right: 20px;
     bottom: 20px;
     border: 1px solid #fff
 }
 
 .team-member.v2 .name-container {
     margin-top: 0
 }
 
 .team-member.v2 .member-name {
     position: inherit;
     font-size: 24px;
     padding-top: 15%;
     color: #fff
 }
 
 .team-member.v2 .member-name:before {
     background: transparent
 }
 
 .team-member.v2 .social-icons {
     position: relative;
     top: inherit;
     bottom: inherit;
     margin-top: 0;
     opacity: 1
 }
 
 .team-member.v2 .member-designation,
 .team-member.v2 .member-email,
 .team-member.v2 .member-phone,
 .team-member.v2 .member-contact,
 .team-member.v2 .mail-icon,
 .team-member.v2 .phone-icon {
     color: #777
 }
 
 .team-member.v2 .social-icons a:hover {
     background-color: #00a1cb
 }
 
 .team-member.v2 .stripe-over:before,
 .team-member.v2 .stripe-full:before,
 .team-member.v2 .stripe-bfixw:before,
 .team-member.v2 .stripe-over:after,
 .team-member.v2 .stripe-full:after,
 .team-member.v2 .stripe-bfixw:after {
     border-color: #292929
 }
 
 .team-member.v2 .member-details {
     opacity: 0;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .team-member.v2:hover .member-details {
     opacity: 1
 }
 
 @media screen and (max-width: 1360px) {
     .team-member.v2 .member-name {
         padding-top: 5%
     }
 }
 
 .widget .stripe-full {
     padding-top: 3px;
     margin-bottom: 25px
 }
 
 .widget {
     padding-bottom: 20px
 }
 
 .widget .stripe-full:after,
 .widget .stripe-full:before {
     bottom: -10px
 }
 
 .widget .stripe-over:after,
 .widget .stripe-over:before {
     bottom: -14px
 }
 
 .mozilla .blog-page .widget .stripe-over:after,
 .mozilla .blog-page .widget .stripe-over:before {
     bottom: -13px
 }
 
 .widget p {
     line-height: 24px
 }
 
 .widget ul {
     list-style: none;
     padding-left: 0
 }
 
 .widget_about_us .contact-info {
     padding-left: 0;
     padding-top: 10px
 }
 
 .widget_about_us .contact-info>li {
     color: #777;
     font-size: .875em;
     list-style: none;
     position: relative;
     line-height: 28px;
     padding-left: 30px
 }
 
 .widget_about_us .contact-info>li:before {
     position: absolute;
     top: 8px;
     left: 0;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .widget_about_us .contact-info a {
     color: #777
 }
 
 .widget_about_us .contact-info a:hover {
     color: #00a1cb
 }
 
 .widget .flinks>li {
     font-size: .85em;
     padding-bottom: 10px;
     list-style-type: disc;
     list-style-position: inside
 }
 
 .widget .flinks>li a {
     color: #777
 }
 
 .widget .flinks>li a:hover {
     color: #00a1cb
 }
 
 .widget .recentposts {
     padding-left: 0
 }
 
 .widget .recentposts>li {
     font-size: .85em;
     list-style: none;
     overflow: hidden;
     padding-bottom: 20px
 }
 
 .widget .recentposts>li>.rp-img {
     float: left;
     width: 80px;
     height: 80px;
     margin-right: 15px;
     position: relative
 }
 
 .widget .recentposts>li>.rp-img a:before,
 .widget .recentposts>li>.rp-img a:after {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .widget .recentposts>li>.rp-img a:before {
     content: "";
     background-color: rgba(0, 161, 203, 0.8);
     z-index: 1
 }
 
 .widget .recentposts>li>.rp-img a:after {
     color: #fff;
     content: "\f002";
     font: normal normal normal 14px/1 FontAwesome;
     text-align: center;
     font-size: inherit;
     line-height: 80px;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     z-index: 2
 }
 
 .widget .recentposts>li>.rp-img a:hover:before,
 .widget .recentposts>li>.rp-img a:hover:after {
     opacity: 1
 }
 
 .widget .recentposts>li>.rp-txt {
     margin-left: 95px;
     padding-top: 15px;
     line-height: 25px
 }
 
 .widget .recentposts>li>.rp-txt,
 .widget .recentposts>li .entry-title a {
     color: #777;
     display: block
 }
 
 .widget .author,
 .widget .author a,
 .widget .entry-date {
     font-style: italic;
     font-size: .75rem;
     color: #606060
 }
 
 .widget .author a:hover,
 .widget .recentposts>li .entry-title a:hover {
     color: #00a1cb
 }
 
 .widget .twitter-feeds {
     padding-left: 0
 }
 
 .widget .twitter-feeds>li {
     list-style: none;
     padding-left: 40px;
     position: relative;
     font-size: .875rem;
     padding-bottom: 20px;
     line-height: 25px;
     overflow: hidden
 }
 
 .widget .twitter-feeds>li:before {
     position: absolute;
     left: 0;
     top: 5px;
     content: "\f099";
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 1.5rem;
     text-rendering: auto
 }
 
 .widget .twitter-feeds>li>.tweet {
     overflow: hidden
 }
 
 .widget .twitter-feeds>li>.tweet>a {
     color: #777;
     display: block
 }
 
 .widget .twitter-feeds>li>.tweet>a:hover {
     color: #00a1cb
 }
 
 .widget .twitter-feeds>li>.tweet>.tweet-time {
     color: #606060;
     display: inline-block;
     float: right;
     position: relative;
     font-style: italic
 }
 
 .widget .twitter-feeds>li>.tweet>.tweet-time:after {
     position: absolute;
     content: "";
     top: 15px;
     right: 100%;
     height: 1px;
     width: 1000px;
     margin-right: 10px;
     background-color: #292929
 }
 
 .sidebar-widgets .tweet {
     color: #777
 }
 
 .sidebar-widgets .widget .twitter-feeds>li>.tweet>a {
     color: #2d2d2d
 }
 
 .widget_newslatter .subscirbe-form {
     position: relative
 }
 
 input#subscibe_email:focus {
     color: #606060;
     background: #1a1a1a
 }
 
 .widget_newslatter .subscirbe-form input[type="text"] {
     width: 100%;
     background: #1c1c1c;
     border: none!important;
     outline: none!important;
     padding: 10px 15px;
     font-size: .75rem;
     height: 40px;
     font-style: italic
 }
 
 .widget_newslatter .subscirbe-form input[type="submit"] {
     position: absolute;
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     right: 0;
     top: 0;
     height: 40px;
     border: none!important;
     outline: none!important;
     padding: 10px 15px;
     background: #00a1cb
 }
 
 .widget_newslatter .subscirbe-form .subscibe-btn {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .widget_newslatter .subscirbe-form .subscibe-btn:hover {
     background: #fff;
     color: #2d2d2d
 }
 
 .callout-content.section-padding {
     padding-top: 30px
 }
 
 .footer-widget-container .stripe-full:before,
 .footer-widget-container .stripe-bfixw:before {
     border-top: 1px solid #292929
 }
 
 .footer-widget-container .stripe-full:after,
 .footer-widget-container .stripe-bfixw:after {
     border-top: 1px solid #292929;
     border-bottom: 1px solid #292929
 }
 
 .footer-widget .widget-title {
     color: #fff
 }
 
 .footer-widget,
 .footer-widget p {
     color: #ccc
 }
 
 .widget_categories li {
     border-bottom: 1px solid #ebebeb
 }
 
 .widget_categories li a {
     color: #606060;
     display: block;
     padding: 10px;
     font-weight: 700
 }
 
 .widget_categories li a:before {
     width: 12px;
     height: 12px;
     display: inline-block;
     margin-right: 10px;
     content: "\f058";
     font: normal normal normal 14px/1 FontAwesome;
     color: #00a1cb
 }
 
 .widget_categories .badge {
     width: 50px;
     line-height: 25px;
     margin-top: -5px
 }
 
 .widget_categories li a:before,
 .widget_categories .badge {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .widget_categories li:hover a {
     color: #00a1cb
 }
 
 .widget_recent_projects li {
     display: inline-block;
     margin-right: -4px;
     padding-right: 0;
     overflow: hidden;
     margin-bottom: -6px
 }
 
 .widget_recent_projects a {
     display: block
 }
 
 .widget_recent_projects .recentposts>li {
     padding-bottom: 0
 }
 
 .widget_recent_projects .recentposts>li>.rp-img {
     width: auto;
     height: 92px;
     margin-right: 0
 }
 
 .widget_recent_projects .recentposts>li>.rp-img a:after {
     content: "\f0c1";
     line-height: 95px
 }
 
 .tagcloud a {
     padding: 8px 11px;
     display: inline-block;
     border: 1px solid #dedede;
     margin: 0 5px 8px 0
 }
 
 .tagcloud a:hover {
     background: #00a1cb;
     color: #fff;
     border: 1px solid transparent
 }
 
 .widget_recent_posts .comments-link {
     display: block;
     font-size: 12px
 }
 
 .widget_recent_posts .comments-link a {
     color: #606060
 }
 
 .widget_recent_posts .comments-link a:hover,
 .sidebar-widgets .widget .twitter-feeds>li>.tweet>a:hover {
     color: #00a1cb
 }
 
 .sidebar-widgets .widget .recentposts>li>.rp-txt {
     padding-top: 3px
 }
 
 #wp-calendar {
     width: 100%
 }
 
 #wp-calendar caption {
     border: 1px solid #ddd;
     text-align: center;
     margin-bottom: 18px;
     text-transform: uppercase;
     font-weight: 700
 }
 
 #wp-calendar tbody td,
 #wp-calendar thead th {
     text-align: center
 }
 
 #wp-calendar table,
 #wp-calendar th,
 #wp-calendar td {
     border: 1px solid #ddd;
     line-height: 40px
 }
 
 #wp-calendar td a {
     font-weight: 900;
     display: block
 }
 
 #wp-calendar tbody td {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 #wp-calendar td a:hover {
     background: #00a1cb;
     color: #fff
 }
 
 td#prev,
 td#next {
     text-align: center
 }
 
 .widget_text .textwidget {
     color: #777;
     font-size: 14px;
     line-height: 24px
 }
 
 .widget_text .textwidget ol,
 .widget_text .textwidget ul {
     list-style: inherit;
     padding-left: 20px
 }
 
 .widget_text .textwidget img {
     margin: 15px 0
 }
 
 #header {
     min-height: 120px
 }
 
 #header,
 #top-menu-container,
 #header-wrap {
     -webkit-transition: all .35s ease;
     -moz-transition: all .35s ease;
     -ms-transition: all .35s ease;
     -o-transition: all .35s ease;
     transition: all .35s ease
 }
 
 #header-wrap {
     position: relative;
     background: #f8f8f8;
     border-top: 3px solid #00a1cb;
     border-bottom: 5px solid #dedede;
     width: 100%;
     margin: 0
 }
 
 #header-wrap:after {
     content: "";
     position: absolute;
     background: #bfbfbf;
     left: 0;
     bottom: -1px;
     height: 1px;
     width: 100%
 }
 
 #header-wrap .container {
     position: relative
 }
 
 #top-menu-container.navbar-fixed-top {
     top: -130px
 }
 
 #top-menu-container.fix-menu {
     top: 0
 }
 
 #logo {
     position: relative;
     float: left;
     height: 120px
 }
 
 #logo a {
     color: #00a1cb;
     display: block;
     line-height: 120px
 }
 
 #logo img {
     display: inline;
     max-width: 100%
 }
 
 #primary-menu {
     float: right
 }
 
 #primary-menu-trigger,
 #page-submenu-trigger {
     position: absolute;
     top: 50%;
     pointer-events: none;
     cursor: pointer;
     font-size: 14px;
     line-height: 50px;
     text-align: center;
     margin-top: -25px;
     width: 50px;
     height: 50px;
     opacity: 0;
     -webkit-transition: opacity .3s ease;
     -o-transition: opacity .3s ease;
     transition: opacity .3s ease
 }
 
 #primary-menu ul {
     list-style: none;
     margin: 0;
     padding: 0
 }
 
 #primary-menu>ul {
     float: left
 }
 
 #primary-menu ul li {
     position: relative;
     float: left;
     margin-left: 2px
 }
 
 #primary-menu>ul>li.sub-menu {
     padding-right: 10px
 }
 
 #primary-menu>ul>li.sub-menu>a>div:after,
 #primary-menu>ul>li.sub-menu li.sub-menu:after {
     position: relative;
     color: #aaa;
     content: "\f103";
     font-size: 14px;
     font-family: FontAwesome;
     font-weight: 400;
     text-rendering: auto;
     top: 0;
     left: 5px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 #primary-menu>ul>li.sub-menu li.sub-menu:after {
     position: absolute;
     content: "\f101";
     left: 100%;
     top: 10px;
     margin-left: -25px
 }
 
 #primary-menu>ul>li.sub-menu.mega-menu li.sub-menu:after {
     display: none
 }
 
 #primary-menu>ul>li.sub-menu.sfHover>a>div:after,
 #primary-menu>ul>li.sub-menu.sfHover li.sub-menu.sfHover:after {
     color: #00a1cb
 }
 
 #primary-menu ul li.mega-menu {
     position: inherit
 }
 
 #primary-menu ul li:first-child {
     margin-left: 0
 }
 
 #primary-menu ul li a {
     display: block;
     height: 120px;
     line-height: 120px;
     padding: 0 15px;
     color: #2d2d2d;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: .8px;
     font-family: 'Oswald', sans-serif;
     -webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
     -o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
     transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease
 }
 
 #primary-menu ul li i {
     position: relative;
     font-size: 14px!important;
     top: 1px;
     line-height: 99px;
     width: 14px;
     text-align: center;
     margin-right: 6px;
     -webkit-transition: line-height .4s ease;
     -o-transition: line-height .4s ease;
     transition: line-height .4s ease
 }
 
 #primary-menu>ul>li:hover a,
 #primary-menu>ul>li.current a {
     color: #00a1cb
 }
 
 #primary-menu>ul>li.current>a:after {
     position: absolute;
     content: '';
     left: 15px;
     right: 15px;
     bottom: -5px;
     background: #00a1cb;
     height: 5px;
     z-index: 1
 }
 
 #primary-menu>ul>li.sub-menu.current>a:after {
     right: 33px
 }
 
 #primary-menu li:hover>ul {
     display: block
 }
 
 #primary-menu ul ul,
 #primary-menu ul li .mega-menu-content {
     display: none;
     position: absolute;
     width: 230px;
     background-color: #fff;
     box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
     border-top: 5px solid #00a1cb;
     height: auto;
     top: 120px;
     left: 0;
     margin: 0;
     z-index: 9999
 }
 
 #primary-menu ul ul ul {
     top: -5px!important;
     left: 220px
 }
 
 #primary-menu ul ul li {
     float: none;
     margin: 0;
     border-bottom: 1px solid #e4e4e4
 }
 
 #primary-menu ul ul li:first-child {
     border-top: 0
 }
 
 #primary-menu ul ul li:last-child {
     border-bottom: 0
 }
 
 #primary-menu ul ul a {
     border: 0!important;
     color: #777!important;
     font-family: 'Roboto', sans-serif;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 0;
     line-height: 42px!important;
     height: auto;
     padding-top: 0!important;
     padding-bottom: 0!important;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     text-transform: capitalize
 }
 
 #primary-menu ul ul li:hover>a {
     background-color: #F9F9F9;
     color: #00a1cb!important;
     padding-left: 18px
 }
 
 #primary-menu ul ul i {
     line-height: inherit;
     padding-right: 10px
 }
 
 #primary-menu ul li .mega-menu-content {
     width: 400px
 }
 
 #primary-menu ul li.mega-menu .mega-menu-content {
     margin: 0 15px;
     width: 670px;
     left: 500px;
     top: 120px
 }
 
 #primary-menu ul li .mega-menu-content ul {
     position: relative;
     top: 0;
     display: block;
     min-width: inherit
 }
 
 #primary-menu ul li .mega-menu-content>ul {
     float: left
 }
 
 #primary-menu ul li .mega-menu-content ul {
     display: block!important;
     opacity: 1!important;
     top: 0;
     left: 0
 }
 
 #primary-menu ul li .mega-menu-content.col-2>ul,
 #primary-menu ul li .mega-menu-content.col-3>ul,
 #primary-menu ul li .mega-menu-content.col-4>ul,
 #primary-menu ul li .mega-menu-content.col-5>ul {
     width: 50%;
     margin: 0;
     border-left: 1px solid #F2F2F2
 }
 
 #primary-menu ul li .mega-menu-content.col-3>ul {
     width: 33.33%
 }
 
 #primary-menu ul li .mega-menu-content.col-4>ul {
     width: 25%
 }
 
 #primary-menu ul li .mega-menu-content.col-5>ul {
     width: 20%
 }
 
 #primary-menu ul li .mega-menu-content>ul:first-child {
     border-left: 0
 }
 
 #primary-menu ul li .mega-menu-content ul a {
     height: auto;
     line-height: 42px
 }
 
 #primary-menu ul li .mega-menu-content ul {
     width: 100%;
     border: 0;
     box-shadow: none;
     background-color: transparent
 }
 
 #primary-menu ul li .mega-menu-content>ul {
     padding: 30px 20px
 }
 
 #primary-menu ul li .mega-menu-content ul a {
     padding: 0
 }
 
 #primary-menu ul li .mega-menu-content ul a:hover {
     padding-left: 12px
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title.sub-menu>a,
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title.sub-menu:hover>a {
     background: none
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title {
     margin-top: 20px
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title:first-child {
     margin: 0
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title>a {
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase!important;
     margin-bottom: 15px;
     color: #444!important;
     padding: 0;
     height: auto!important;
     line-height: 1.3!important
 }
 
 #primary-menu .mega-menu-content .menu-contact {
     color: #777;
     padding-top: 10px
 }
 
 #primary-menu .mega-menu-content .menu-contact li {
     position: relative;
     padding: 8px 0 8px 20px;
     border: none;
     font-size: 13px
 }
 
 #primary-menu .mega-menu-content .menu-contact li i {
     position: absolute;
     top: 8px;
     left: 0
 }
 
 #primary-menu .mega-menu-content .menu-img {
     padding: 8px 0
 }
 
 #primary-menu .mega-menu-content .menu-img a:hover {
     padding-left: 0
 }
 
 #primary-menu .mega-menu-content a.btn {
     border: 1px solid #ddd!important
 }
 
 #primary-menu .mega-menu-content a.btn:hover {
     border-color: #00a1cb!important;
     color: #fff!important;
     padding-left: 0!important
 }
 
 #primary-menu .mega-menu-content .carousel-indicators li {
     border: 1px solid #fff
 }
 
 #top-search,
 #top-cart {
     float: right;
     margin: 40px 0 0 10px
 }
 
 #top-cart {
     position: relative
 }
 
 #top-search a.hd-icons,
 #top-cart a.hd-icons {
     display: block;
     position: relative;
     border: 1px solid #00a1cb;
     width: 36px;
     height: 36px;
     font-size: 14px;
     line-height: 27px;
     text-align: center;
     border-radius: 50%;
     color: #00a1cb;
     -webkit-transition: color .3s ease-in-out;
     -o-transition: color .3s ease-in-out;
     transition: color .3s ease-in-out
 }
 
 #top-search a.hd-icons:hover,
 #top-cart a.hd-icons:hover {
     background: #00a1cb;
     color: #fff
 }
 
 #top-cart a.hd-icons i {
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -8px;
     margin-left: -8px
 }
 
 #top-search a {
     z-index: 11
 }
 
 #top-cart a:hover {
     color: #00a1cb
 }
 
 #top-search a i {
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -8px;
     margin-left: -5px;
     -webkit-transition: opacity .3s ease;
     -o-transition: opacity .3s ease;
     transition: opacity .3s ease
 }
 
 #top-search form {
     opacity: 0;
     z-index: -2;
     position: absolute;
     width: 100%!important;
     height: 100%!important;
     margin: 0;
     top: 0;
     left: 0;
     -webkit-transition: opacity .3s ease-in-out;
     -o-transition: opacity .3s ease-in-out;
     transition: opacity .3s ease-in-out
 }
 
 body.top-search-open #top-search form {
     opacity: 1;
     z-index: 10
 }
 
 #top-search form input {
     background-color: #f8f8f8;
     box-shadow: none!important;
     border-radius: 0;
     border: 0;
     color: #333;
     font-weight: 700;
     font-size: 32px;
     letter-spacing: 2px;
     outline: 0!important;
     height: 100%;
     margin-top: 0!important;
     padding: 10px 80px 10px 20px
 }
 
 #top-search form input::-moz-placeholder {
     color: #555;
     text-transform: uppercase;
     opacity: 1
 }
 
 #top-search form input:-ms-input-placeholder {
     color: #555;
     text-transform: uppercase
 }
 
 #top-search form input::-webkit-input-placeholder {
     color: #555;
     text-transform: uppercase
 }
 
 #primary-menu .container #top-search form input,
 .sticky-header #top-search form input {
     border: none!important
 }
 
 #top-cart {
     margin-right: 0
 }
 
 #top-cart>a>span {
     position: absolute;
     top: -5px;
     right: -4px;
     background-color: #2d2d2d;
     border-radius: 50%;
     color: #fff;
     font-size: 10px;
     line-height: 16px;
     text-align: center;
     display: block;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     width: 16px;
     height: 16px
 }
 
 #top-cart .top-cart-content {
     position: absolute;
     top: 80px;
     right: 0;
     left: auto;
     width: 280px;
     background-color: #fff;
     box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.07);
     border-top: 5px solid #00a1cb;
     margin: -10000px 0 0;
     -webkit-transition: opacity .5s ease, top .4s ease;
     -o-transition: opacity .5s ease, top .4s ease;
     transition: opacity .5s ease, top .4s ease;
     opacity: 0;
     z-index: -2
 }
 
 #top-cart.top-cart-open .top-cart-content {
     opacity: 1;
     z-index: 11;
     margin-top: 0
 }
 
 .top-cart-title {
     padding: 12px 15px;
     border-bottom: 1px solid #eee
 }
 
 .top-cart-title h4 {
     margin-bottom: 0;
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px
 }
 
 .top-cart-items {
     padding: 15px
 }
 
 .top-cart-item {
     padding-top: 15px;
     margin-top: 15px;
     border-top: 1px solid #F5F5F5
 }
 
 .top-cart-item:first-child {
     padding-top: 0;
     margin-top: 0;
     border-top: 0
 }
 
 .top-cart-item-image {
     float: left;
     margin-right: 15px;
     width: 48px!important;
     height: 48px!important;
     border: 2px solid #eee;
     -webkit-transition: border-color .2s linear;
     -moz-transition: border-color .2s linear;
     -ms-transition: border-color .2s linear;
     -o-transition: border-color .2s linear;
     transition: border-color .2s linear
 }
 
 .top-cart-item-image a,
 .top-cart-item-image img {
     display: block;
     width: 44px!important;
     height: 44px!important
 }
 
 .top-cart-item-image:hover {
     border-color: #00a1cb
 }
 
 .top-cart-item-desc {
     position: relative;
     overflow: hidden
 }
 
 .top-cart-item-desc a {
     text-align: left!important;
     font-size: 13px!important;
     width: auto!important;
     height: auto!important;
     font-weight: 600
 }
 
 .top-cart-item-desc a:hover {
     color: #00a1cb!important
 }
 
 .top-cart-item-desc span.top-cart-item-price {
     display: block;
     color: #999;
     font-size: 12px!important;
     line-height: 20px
 }
 
 .top-cart-item-desc span.top-cart-item-quantity {
     position: absolute;
     color: #444;
     display: block;
     font-size: 12px!important;
     right: 0;
     top: 2px
 }
 
 .top-cart-action {
     padding: 15px;
     border-top: 1px solid #eee
 }
 
 .top-cart-action span.top-checkout-price {
     color: #00a1cb
 }
 
 body.top-search-open #top-search a i.fa-search,
 #top-search a i.fa-close {
     opacity: 0
 }
 
 body.top-search-open #top-search a i.fa-close {
     opacity: 1;
     z-index: 11
 }
 
 .navbar-fixed-top #logo {
     height: 102px
 }
 
 .navbar-fixed-top #logo a {
     line-height: 102px
 }
 
 .navbar-fixed-top #primary-menu>ul>li>a {
     height: 102px;
     line-height: 102px
 }
 
 .navbar-fixed-top #primary-menu ul ul,
 .navbar-fixed-top #primary-menu ul li .mega-menu-content,
 .navbar-fixed-top #primary-menu ul li.mega-menu .mega-menu-content {
     top: 102px
 }
 
 .overflow-yscroll .isotope-masonry-items {
     width: 1920px
 }
 
 .portfolioFilter {
     text-align: center;
     margin-bottom: 60px
 }
 
 .portfolio-item figure {
     position: relative;
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
     overflow: hidden;
     z-index: 0
 }
 
 .portfolio-item.border-style {
     border: 1px solid #bfbfbf;
     background: #dedede;
     padding: 4px
 }
 
 .portfolio-item figure img {
     max-width: 100%;
     height: auto;
     vertical-align: middle;
     width: 100%;
     max-width: inherit;
     border: transparent;
     -webkit-transition: -webkit-transform .3s ease;
     -moz-transition: -moz-transform .3s ease;
     -ms-transition: -ms-transform .3s ease;
     -o-transition: -o-transform .3s ease;
     transition: transform .3s ease
 }
 
 .portfolio-item .item-w2 {
     background: #ED9393;
     width: 60%
 }
 
 .portfolio-item .item-h2 {
     background: #7CB744;
     height: 680px
 }
 
 .portfolio-item .item-h3 {
     background: #38B5E5
 }
 
 .portfolio-item,
 .isotope .isotope-item {
     -webkit-transition-duration: .8s;
     -moz-transition-duration: .8s;
     -ms-transition-duration: .8s;
     -o-transition-duration: .8s;
     transition-duration: .8s;
     -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
 }
 
 .portfolioFilter {
     clear: both;
     margin: auto;
     padding-bottom: 15px;
     text-align: center;
     width: auto
 }
 
 .portfolioFilter a,
 .portfolio-item,
 .portfolio-item figure:after,
 .portfolio-item figure:before,
 .portfolio-item figure .item-description,
 .portfolio-item figure .item-title,
 .portfolio-item figure .item-category,
 .portfolio-item figure .item-link,
 .portfolio-item figure .item-link:after,
 figure .item-link a,
 figure .item-link a:after,
 figure .item-link a:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .portfolio-item,
 .portfolio-item .item {
     padding: 0
 }
 
 .portfolio-item figure:after {
     background-color: rgba(0, 161, 203, 0.71);
     content: "";
     display: inline-block;
     height: 100%;
     width: 100%;
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1
 }
 
 .portfolio-item figure:hover:after {
     background-color: rgba(0, 161, 203, 0.71);
     -webkit-animation: portfolioOverlay .5s;
     -moz-animation: portfolioOverlay .5s;
     -ms-animation: portfolioOverlay .5s;
     -o-animation: portfolioOverlay .5s;
     animation: portfolioOverlay .5s;
     top: 52%;
     left: 0
 }
 
 .portfolio-item figure .item-link:after {
     content: "";
     background-color: rgba(0, 161, 203, 0.71);
     border-radius: 20px 20px 0 0;
     position: absolute;
     width: 90px;
     height: 20px;
     top: 100%;
     left: 50%;
     margin-left: -45px;
     z-index: 2
 }
 
 .portfolio-item figure:hover .item-link:after {
     top: 52%;
     margin-top: -20px
 }
 
 figure .item-link a {
     position: absolute;
     color: #fff;
     border-radius: 100%;
     border: 1px solid #fff;
     display: inline-block;
     line-height: 28px;
     font-size: 12px;
     width: 30px;
     height: 30px;
     top: 100%;
     left: 50%;
     text-align: center;
     z-index: 3
 }
 
 figure:hover .item-link a {
     top: 52%;
     margin-top: -10px
 }
 
 figure .item-link a.project-link {
     margin-left: -34px;
     -webkit-transition-delay: .25s;
     -moz-transition-delay: .25s;
     -ms-transition-delay: .25s;
     -o-transition-delay: .25s;
     transition-delay: .25s
 }
 
 figure .item-link a.zoom-link {
     margin-left: 5px;
     -webkit-transition-delay: .35s;
     -moz-transition-delay: .35s;
     -ms-transition-delay: .35s;
     -o-transition-delay: .35s;
     transition-delay: .35s
 }
 
 figure .item-link a:hover {
     top: 52%;
     color: #00a1cb;
     background: #fff
 }
 
 .portfolio-item figure .item-description {
     position: absolute;
     width: 100%;
     height: 120px;
     top: 52%;
     margin-top: 80px;
     left: -20%;
     z-index: 2;
     padding: 0 15px;
     -webkit-transition-delay: .25s;
     -moz-transition-delay: .25s;
     -ms-transition-delay: .25s;
     -o-transition-delay: .25s;
     transition-delay: .25s
 }
 
 .portfolio-item figure:hover .item-description {
     margin-top: 20px;
     left: 0
 }
 
 .portfolio-item figure .item-title {
     font-size: 1.125em;
     bottom: 75px;
     -webkit-transition-delay: .45s;
     -moz-transition-delay: .45s;
     -ms-transition-delay: .45s;
     -o-transition-delay: .45s;
     transition-delay: .45s
 }
 
 .portfolio-item figure .item-category {
     font-size: .75em;
     display: inline-block;
     bottom: 55px;
     -webkit-transition-delay: .55s;
     -moz-transition-delay: .55s;
     -ms-transition-delay: .55s;
     -o-transition-delay: .55s;
     transition-delay: .55s
 }
 
 .portfolio-item figure .item-title,
 .portfolio-item figure .item-category {
     position: absolute;
     color: #fff;
     text-align: center;
     left: -100%;
     width: 100%
 }
 
 .portfolio-item figure:hover .item-title,
 .portfolio-item figure:hover .item-category {
     left: 0
 }
 
 .portfolio-item figure .item-title {
     font-size: 1em;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 20px;
     margin-bottom: 5px
 }
 
 .portfolio-item figure .item-category .numbers:before {
     content: " - "
 }
 
 .isotope-filters .btn {
     color: #2d2d2d
 }
 
 .isotope-filters .btn.active,
 .isotope-filters .btn:hover,
 .isotope-filters .bg-btn {
     color: #fff;
     border-color: #00a1cb;
     background: #00a1cb
 }
 
 .portfolio-item.v2 .item {
     padding: 0 15px 15px
 }
 
 .portfolio-item.v2 figure {
     height: auto
 }
 
 .portfolio-item.v2 figure .item-description {
     border-bottom: 2px solid #dedede;
     margin-top: 0
 }
 
 .portfolio-item.v2 figure .item-description,
 .portfolio-item.v2 figure .item-title,
 .portfolio-item.v2 figure .item-category {
     position: inherit;
     top: inherit;
     left: inherit;
     right: inherit;
     bottom: inherit
 }
 
 .portfolio-item.v2 figure .item-title,
 .portfolio-item.v2 figure .item-category {
     color: inherit;
     margin-top: 0;
     -webkit-transition-delay: 0;
     -moz-transition-delay: 0;
     -ms-transition-delay: 0;
     -o-transition-delay: 0;
     transition-delay: 0
 }
 
 .portfolio-item.v2 figure .item-title {
     padding-top: 40px
 }
 
 .portfolio-item.v2 figure .item-category {
     color: #aaa
 }
 
 .portfolio-item.v2 figure:hover .item-description {
     margin-top: inherit;
     top: inherit;
     border-bottom: 2px solid #00a1cb;
     -webkit-transition: border 0 ease;
     -moz-transition: border 0 ease;
     -ms-transition: border 0 ease;
     -o-transition: border 0 ease;
     transition: border 0 ease
 }
 
 .portfolio-item.v2 figure:hover .item-title,
 .portfolio-item.v2 figure:hover .item-category {
     color: #fff
 }
 
 .portfolio-item.v2 figure:hover:after {
     background: #00a1cb;
     top: 100%;
     margin-top: -120px
 }
 
 .portfolio-item.v2 figure:hover .item-link:after {
     background: #00a1cb;
     top: 100%;
     margin-top: -140px
 }
 
 .v2 figure:hover .item-link a {
     top: 100%;
     margin-top: -130px
 }
 
 .portfolio-item.v3 {
     padding-top: 40px
 }
 
 .portfolio-item.v3 .col-sm-6 {
     max-width: 450px;
     margin: auto
 }
 
 .portfolio-item.v4 figure:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     -webkit-transition-delay: .25s;
     -moz-transition-delay: .25s;
     -ms-transition-delay: .25s;
     -o-transition-delay: .25s;
     transition-delay: .25s
 }
 
 .portfolio-item.v4 figure:after {
     top: 50%;
     left: 50%;
     right: 50%;
     bottom: 50%;
     width: 0;
     height: 0
 }
 
 .portfolio-item.v4 figure:hover:after {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%
 }
 
 .portfolio-item.v4 figure:hover:before {
     border: 1px solid #fff;
     top: 15px;
     left: 15px;
     right: 15px;
     bottom: 15px;
     width: auto;
     height: auto;
     z-index: 2
 }
 
 .portfolio-item.v4 figure .item-link:after {
     background: #fff;
     height: 50px;
     border-radius: 25px
 }
 
 .portfolio-item.v4 figure:hover .item-link a {
     border-color: #00a1cb;
     color: #00a1cb;
     margin-top: -35px
 }
 
 .portfolio-item.v4 figure .item-link a:hover {
     color: #fff;
     background: #00a1cb
 }
 
 .portfolio-item.v4 figure .item-link a.project-link {
     margin-left: -33px
 }
 
 .portfolio-item.v4 figure .item-link:after {
     top: 52%;
     opacity: 0
 }
 
 .portfolio-item.v4 figure:hover .item-link:after {
     opacity: 1;
     margin-top: -45px
 }
 
 .item-container {
     padding-top: 30px
 }
 
 .item-container:hover .icon {
     background: #00a1cb;
     border-color: #00a1cb;
     color: #fff
 }
 
 .item-container:hover .icon.inv {
     color: #00a1cb;
     background: transparent
 }
 
 .item-container:hover .icon.icon-big {
     background: inherit;
     border-color: transparent;
     color: #00a1cb
 }
 
 .item-container .feature-text {
     margin-left: 90px
 }
 
 .item-container .feature-text .btn {
     margin: 15px 5px 20px 0
 }
 
 .item-container.v2 {
     border: 1px solid #dedede;
     margin-top: 35px;
     padding: 40px 30px 30px
 }
 
 .item-container.v2:hover,
 .item-container.v2 .icon {
     background: #00a1cb;
     border-color: #00a1cb;
     color: #fff
 }
 
 .item-container.v2:hover .stripe-bfixw:before,
 .item-container.v2:hover .stripe-bfixw:after {
     border-color: #fff
 }
 
 .item-container.v2:hover .sub-title,
 .item-container.v2:hover p {
     color: #fff
 }
 
 .item-container.v2 .sub-title {
     color: #aaa;
     font-size: .75rem
 }
 
 .item-container.v2:hover .icon {
     background: #fff;
     color: #00a1cb
 }
 
 .item-container.v3 .feature-text {
     margin-left: 0
 }
 
 .item-container.v3 .icon {
     border-radius: 100%;
     line-height: 48px;
     font-size: 1rem;
     margin-bottom: 10px;
     width: 50px;
     height: 50px
 }
 
 .btn.read-more.no-border:hover {
     color: #2d2d2d
 }
 
 .item-container.service .icon {
     width: 40px;
     float: left;
     font-size: 1em;
     margin-top: 10px
 }
 
 .item-container.service .icon.v2 {
     border-width: 2px;
     border-radius: 25px;
     height: 60px;
     line-height: 56px
 }
 
 .item-container.service .service-text {
     margin-left: 60px
 }
 
 .item-container.service .sub-title {
     color: #aaa;
     font-size: .75rem;
     margin-bottom: 15px
 }
 
 .item-container.service .texts {
     color: #777
 }
 
 .item-container.service .feature-title {
     margin-bottom: 5px
 }
 
 .item-container.service .feature-title a {
     color: #2d2d2d;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .item-container.service .feature-title:hover a {
     color: #00a1cb
 }
 
 .item-container.service.v4 .feature-text {
     margin-left: 0
 }
 
 .item-container.service.v4 .icon {
     width: 70px;
     border-color: #00a1cb;
     font-size: 20px
 }
 
 .item-container.service.v4 .service-text {
     margin-left: 100px
 }
 
 .operation-title {
     margin-top: 30px
 }
 
 .operation-title a {
     color: #fff
 }
 
 .operation-title a:hover {
     color: #00a1cb
 }
 
 .operation-title+p {
     color: #777
 }
 
 .item-container .arrow-circle,
 .item-container .arrow-circle span {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .item-container:hover .arrow-circle {
     background: #00a1cb
 }
 
 .item-container .arrow-circle .hover-icon {
     font-size: 0
 }
 
 .item-container:hover .arrow-circle .hover-icon {
     font-size: inherit
 }
 
 .item-container:hover .arrow-circle .number {
     font-size: 0
 }
 
 .operation .arrow-circle {
     margin-top: 20px
 }
 
 .price-item {
     position: relative;
     margin-top: 85px;
     border-top: 1px solid #dedede;
     padding-top: 80px;
     margin-bottom: 10px;
     z-index: 0
 }
 
 .price-item:after {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     content: "";
     position: absolute;
     border-left: 1px solid #dedede;
     border-right: 1px solid #dedede;
     z-index: -1
 }
 
 .price-item .price-box {
     position: absolute;
     border: 1px solid #dedede;
     background: #fff;
     height: 112px;
     width: 112px;
     left: 50%;
     top: -55px;
     margin-left: -56px;
     padding: 10px
 }
 
 .price-item .inner {
     background: #1c1c1c;
     color: #fff;
     width: 100%;
     height: 100%;
     padding-top: 20px
 }
 
 .price-item .inner,
 .price-item:hover .featured,
 .price-item .stripe-over {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .price-item .inner .currency,
 .price-item .inner .price-number {
     font-family: 'Oswald', sans-serif;
     font-size: 1.375rem;
     font-weight: 700
 }
 
 .price-item .inner .duration {
     display: inline-block;
     font-size: .8125rem;
     width: 100%;
     text-align: center
 }
 
 .price-item .featured+.stripe-over {
     padding-left: 20px;
     padding-right: 20px
 }
 
 .price-item .featured.left {
     margin-right: -20px
 }
 
 .price-item .featured.right {
     margin-left: -20px
 }
 
 .price-item:hover .inner {
     background: #00a1cb
 }
 
 .price-item:hover .featured,
 .price-item:hover .stripe-over {
     color: #00a1cb
 }
 
 .price-item .item-description {
     list-style: none;
     padding-left: 0;
     font-size: .875rem;
     padding-top: 6px;
     padding-bottom: 10px
 }
 
 .price-item .item-description li {
     padding: 6px 10px;
     line-height: 24px
 }
 
 .price-item .btn {
     border: 0 solid transparent;
     color: #fff;
     background: #1c1c1c
 }
 
 .price-item .btn:hover {
     background: #00a1cb
 }
 
 .price-item.v2 {
     background-color: #1c1c1c;
     margin-top: 35px;
     padding-top: 20px
 }
 
 .price-item.v2 .stripe-over {
     color: #fff;
     padding-bottom: 15px
 }
 
 .price-item.v2:hover .stripe-over:after,
 .price-item.v2:hover .stripe-over:before,
 .price-item.v2:hover .stripe-over:before,
 .price-item.v2:hover .stripe-full:before,
 .price-item.v2:hover .stripe-bfixw:before {
     border-color: #dedede
 }
 
 .price-item.v2 .stripe-over:after,
 .price-item.v2 .stripe-over:before {
     bottom: -18px
 }
 
 .price-item.v2 .btn {
     background: #00a1cb;
     text-transform: uppercase
 }
 
 .price-item.v2 .price-box {
     background: #fff;
     position: inherit;
     height: 90px;
     width: 90px;
     left: inherit;
     top: inherit;
     margin-left: inherit;
     margin-bottom: 15px;
     border-color: transparent;
     border-radius: 100%
 }
 
 .price-item.v2 .inner {
     background: transparent;
     border-radius: 100%;
     color: #2d2d2d;
     padding: 0;
     padding-top: 8px
 }
 
 .price-item.v2 .featured,
 .price-item.v2 .item-description {
     color: #fff;
     text-transform: uppercase
 }
 
 .price-item.v2 .item-description {
     font-family: "Oswald", sans-serif;
     font-weight: 300
 }
 
 .price-item.v2 .stripe-full {
     margin-bottom: 50px
 }
 
 .price-item.v2:hover {
     background: #fff
 }
 
 .price-item.v2:hover .featured,
 .price-item.v2:hover .stripe-over,
 .price-item.v2:hover .item-description {
     color: #2d2d2d
 }
 
 .price-item.v2:hover .price-box {
     background: #00a1cb
 }
 
 .price-item.v2:hover .inner {
     color: #fff
 }
 
 .price-item.v2:hover .btn:hover {
     background: #1c1c1c
 }
 
 .price-item.v2 .stripe-over:after,
 .price-item.v2 .stripe-over:before,
 .price-item.v2 .stripe-over:before,
 .price-item.v2 .stripe-full:before,
 .price-item.v2 .stripe-bfixw:before {
     border-color: #292929;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .price-item.v2,
 .price-item.v2 .featured,
 .price-item.v2 .stripe-over,
 .price-item.v2 .item-description,
 .price-item.v2 .btn {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .testimonial-item {
     position: relative;
     margin-top: 70px
 }
 
 .testimonial-item .client-img {
     position: absolute;
     left: 50%;
     width: 60px;
     height: 60px;
     background: #dedede;
     margin-top: -30px;
     margin-left: -30px;
     padding: 5px
 }
 
 .testimonial-item .testimonial-txt {
     border: 1px solid #dedede;
     border-bottom: 2px solid #00a1cb;
     padding: 45px 25px 5px
 }
 
 .testimonial-item .client-company {
     color: #aaa;
     font-size: .6875rem
 }
 
 .testimonial-item .client-company:before,
 .testimonial-item .client-company:after {
     content: " - "
 }
 
 .testimonial-item .testimonial-footer {
     padding-top: 8px
 }
 
 .testimonial-item .client-rating {
     color: #00a1cb;
     padding-top: 8px
 }
 
 .logo-carousel .item {
     width: 100%;
     height: 100px;
     padding: 0 10px
 }
 
 .logo-carousel .item .item-content {
     width: 100%;
     height: 100%
 }
 
 .logo-carousel .item .item-content a {
     border: 1px solid #dedede;
     display: inline-block;
     width: 100%;
     height: 100%;
     text-align: center
 }
 
 .logo-carousel .item .item-content a img {
     position: relative;
     top: 50%;
     opacity: .99;
     -webkit-backface-visibility: hidden;
     transform: translateY(-50%);
     -webkit-filter: grayscale(100%);
     -webkit-transition: opacity .2s ease;
     -moz-transition: opacity .2s ease;
     -o-transition: opacity .2s ease;
     transition: opacity .2s ease
 }
 
 .logo-carousel .item .item-content a:hover {
     border: 1px solid #606060
 }
 
 .logo-carousel .item .item-content a:hover img {
     -webkit-filter: grayscale(0%);
     opacity: 1
 }
 
 .polygon-bg .logo-carousel .item .item-content a {
     border: 1px solid rgba(41, 41, 41, 0.6);
     background: rgba(41, 41, 41, 0.6)
 }
 
 .polygon-bg .logo-carousel .item .item-content a:hover {
     border: 1px solid rgba(41, 41, 41, 1);
     background: rgba(41, 41, 41, 1)
 }
 
 .logo-carousel-v2 {
     background: rgba(41, 41, 41, 0.6)
 }
 
 .polygon-bg .logo-carousel-v2 .logo-carousel .item .item-content a {
     border: 1px solid rgba(41, 41, 41, 0);
     background: rgba(41, 41, 41, 0)
 }
 
 .client-review-carousel {
     max-width: 100%;
     overflow: hidden;
     margin: 25px auto;
     position: relative
 }
 
 .client-review-carousel .ms-slide-info {
     position: inherit!important
 }
 
 .client-review-carousel .client-review-slider {
     max-width: 350px;
     margin: 0 auto!important;
     overflow: hidden
 }
 
 .client-review-carousel .ms-view {
     overflow: visible;
     background-color: transparent
 }
 
 .client-review-carousel .client-review-nav {
     height: 20px;
     width: 100%;
     position: absolute;
     top: 50%;
     margin-top: -10px
 }
 
 .client-review-carousel .client-review-nav .ms-nav-prev:before,
 .client-review-carousel .client-review-nav .ms-nav-next:before {
     content: '\f104';
     font: normal normal normal 14px/1 FontAwesome;
     display: inline-block;
     position: absolute;
     font-size: 25px;
     left: -30px;
     -webkit-transition: .15s all ease;
     -moz-transition: .15s all ease;
     -ms-transition: .15s all ease;
     -o-transition: .15s all ease;
     transition: .15s all ease
 }
 
 .client-review-carousel .client-review-nav .ms-nav-next:before {
     content: '\f105';
     left: auto;
     right: -30px
 }
 
 .client-review-carousel:hover .client-review-nav .ms-nav-prev:before {
     left: 25px
 }
 
 .client-review-carousel:hover .client-review-nav .ms-nav-next:before {
     right: 25px
 }
 
 .client-review-carousel .client-review-nav .ms-nav-prev:hover:before,
 .client-review-carousel .client-review-nav .ms-nav-next:hover:before {
     color: #00a1cb;
     cursor: pointer
 }
 
 .client-review-carousel .client-review-container {
     width: 100%;
     min-height: 150px
 }
 
 .clients-head .polygon-bg {
     background: url(../../images/client/clients-head.html)
 }
 
 .quote-icon {
     position: relative;
     width: 50px;
     height: 20px;
     display: inline-block
 }
 
 .quote-left,
 .quote-right {
     font-size: 36px;
     position: absolute
 }
 
 .quote-left {
     left: 15px
 }
 
 .quote-right {
     left: 0
 }
 
 .fact-item {
     padding-top: 35px
 }
 
 .fact-item .fact-count {
     color: #2d2d2d;
     font-family: "Oswald", sans-serif;
     font-size: 4.375rem;
     font-weight: 700;
     line-height: 70px
 }
 
 .fact-item .fact-details {
     font-weight: 500;
     font-family: "Roboto", sans-serif
 }
 
 .fact-item .fact-icon {
     font-size: 50px;
     color: #00a1cb
 }
 
 .post-container .item {
     padding: 0 15px
 }
 
 article.post .post-thumbnail {
     padding: 5px;
     background: #dedede;
     border: 1px solid #bfbfbf;
     position: relative
 }
 
 article.post .post-thumbnail .item {
     padding: inherit
 }
 
 article.post .post-thumbnail .slide-nav {
     opacity: 0;
     color: #00a1cb;
     width: 50px;
     height: 50px;
     top: 50%;
     margin-top: -25px;
     position: absolute;
     background: rgba(255, 255, 255, .7);
     z-index: 2;
     display: inline-block;
     text-align: center;
     line-height: 50px
 }
 
 article.post:hover .post-thumbnail .slide-nav {
     opacity: 1
 }
 
 article.post .post-thumbnail .slide-nav:hover {
     background: rgba(255, 255, 255, 1)
 }
 
 article.post .post-thumbnail .slide-nav.left {
     left: -6px
 }
 
 article.post .post-thumbnail .slide-nav.right {
     right: -6px
 }
 
 article.post .post-thumbnail img {
     width: 100%
 }
 
 article.post .carousel-indicators .active,
 article.post .carousel-indicators li {
     border-radius: 0;
     width: 14px;
     height: 14px;
     margin: 2px
 }
 
 article.post .entry-title {
     font-size: 1.125rem;
     margin-top: 30px;
     margin-bottom: 14px
 }
 
 article.post .entry-title a {
     color: #2d2d2d
 }
 
 article.post .entry-title a:hover {
     color: #00a1cb
 }
 
 article.post .entry-meta {
     position: relative;
     padding-bottom: 85px
 }
 
 article.post .category a,
 article.post .comments-link a {
     color: #aaa;
     font-size: .875em
 }
 
 article.post .comments-link a {
     margin-left: 10px
 }
 
 article.post .category a:hover,
 article.post .comments-link a:hover {
     color: #00a1cb
 }
 
 article.post .post-format,
 article.post .entry-date {
     position: absolute;
     display: inline-block;
     border-radius: 100%;
     border: 1px solid #00a1cb;
     height: 52px;
     width: 52px;
     left: 50%;
     bottom: 15px;
     text-align: center
 }
 
 article.post .post-format {
     color: #00a1cb;
     margin-left: -45px;
     line-height: 48px;
     font-size: 20px
 }
 
 article.post .entry-date {
     font-size: 12px;
     color: #fff;
     margin-right: -45px;
     background-color: #00a1cb;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 article.post .entry-date time {
     display: inline-block;
     padding-top: 7px;
     line-height: 16px
 }
 
 article.post .entry-content p {
     color: #777
 }
 
 .entry-content .btn-container {
     padding-top: 12px
 }
 
 .post-slider-btn {
     position: absolute;
     top: 18px;
     width: 100px;
     background: #fff;
     right: 0
 }
 
 .v2 .post-slider-btn {
     position: inherit;
     width: 100%;
     padding-bottom: 40px
 }
 
 .post-slider-btn .next,
 .post-slider-btn .prev {
     height: 30px;
     min-height: 30px;
     width: 30px;
     line-height: 16px;
     margin-right: 0
 }
 
 .v2 article.post .entry-meta {
     position: inherit
 }
 
 .v2 article.post .post-content-box {
     position: relative
 }
 
 .v2 article.post .entry-date {
     bottom: inherit;
     top: -70px;
     left: 0;
     width: 100%;
     border: 0 solid transparent;
     background: transparent;
     height: auto;
     border-radius: 0;
     opacity: 1
 }
 
 .v2 article.post:hover .entry-date {
     opacity: 0
 }
 
 .v2 article.post .entry-date time {
     background: #fff;
     border-top: 2px solid #00a1cb;
     color: #2d2d2d;
     line-height: 40px;
     font-size: 14px;
     font-weight: 700;
     display: inline-block;
     padding: 0 20px
 }
 
 .v2 article.post .entry-meta {
     padding-bottom: 0
 }
 
 .timeline-style .single-post {
     position: relative;
     padding-bottom: 30px;
     z-index: 0
 }
 
 .timeline-style .single-post:before {
     content: "";
     position: absolute;
     top: -10px;
     width: 20px;
     height: 1px;
     background: #dedede;
     z-index: 2
 }
 
 .timeline-style .single-post.left-side:before {
     right: -14.5px
 }
 
 .timeline-style .single-post.right-side:before {
     left: -14.5px
 }
 
 .timeline-style .single-post:after {
     content: "";
     position: absolute;
     top: -10px;
     bottom: -40px;
     width: 1px;
     background: #dedede;
     z-index: 2
 }
 
 .timeline-style .single-post.left-side:after {
     right: -15px
 }
 
 .timeline-style .single-post.right-side:after {
     left: -16px
 }
 
 .loca-more-container {
     position: relative;
     z-index: 0
 }
 
 .loca-more-container:before {
     content: "";
     position: absolute;
     top: -15px;
     left: 0;
     right: 0;
     border-top: 1px solid #dedede
 }
 
 .loca-more-container:after {
     content: "";
     position: absolute;
     top: -15px;
     left: 50%;
     margin-left: -1px;
     height: 120px;
     width: 1px;
     background: #dedede;
     z-index: -1
 }
 
 .loca-more-container .load-more {
     background-color: #2d2d2d;
     border-radius: 100%;
     color: #fff;
     display: inline-block;
     font-family: "Oswald", sans-serif;
     font-size: 13px;
     font-weight: 300;
     line-height: 17px;
     width: 70px;
     height: 70px;
     padding: 18px 10px;
     text-transform: uppercase
 }
 
 .latest-work .share-box {
     clear: both;
     display: inline-block;
     width: 100%;
     padding: 40px 0
 }
 
 .latest-work .share-title {
     color: #fff
 }
 
 .dark-bg .share-title {
     color: #fff
 }
 
 .dark-bg p {
     color: #aaa
 }
 
 .share-box.v2.black a {
     background: #000;
     color: #fff;
     width: 30px;
     height: 30px;
     display: inline-block;
     text-align: center;
     line-height: 30px
 }
 
 .hero-banner .share-box.v2.black a {
     background: transparent
 }
 
 .hero-banner .share-box.v2.black a:hover,
 .share-box.v2.black a:hover {
     background: #00a1cb
 }
 
 .share-box.v2.black {
     margin-top: 5px;
     background: #fff;
     z-index: 55;
     position: absolute;
     right: 0;
     padding-left: 10px;
     padding-right: 15px
 }
 
 .project-description p,
 p.project-description {
     margin-bottom: 25px
 }
 
 .stripe-full .project-like {
     color: #00a1cb;
     position: absolute;
     right: 0;
     top: 0
 }
 
 .project-meta {
     padding-left: 0
 }
 
 .project-meta li {
     color: #606060;
     list-style: none;
     padding: 10px 0;
     border-bottom: 1px solid #ebebeb;
     overflow: hidden
 }
 
 .project-meta li:last-child {
     border-bottom: none
 }
 
 .project-meta li:first-child {
     padding-top: 0
 }
 
 .project-meta .meta-icon,
 .project-meta .meta-icon {
     color: #606060;
     font-size: 14px;
     padding-right: 5px
 }
 
 .project-meta .meta-text {
     color: #777;
     font-size: 14px
 }
 
 .site-footer {
     background: #202020;
     border-top: 5px solid #dedede;
     position: relative;
     z-index: 0
 }
 
 .site-footer:before {
     position: absolute;
     content: "";
     top: -5px;
     left: 0;
     right: 0;
     height: 1px;
     width: 100%;
     background: #bfbfbf;
     display: inherit;
     z-index: 1
 }
 
 .fw-top-stripe {
     margin-top: 5px;
     border-bottom: 1px solid #292929
 }
 
 .fwt-stripe-inner {
     max-width: 1170px;
     margin: auto;
     height: 5px;
     margin-bottom: -3px;
     border-top: 1px solid #292929;
     border-bottom: 1px solid #292929
 }
 
 .footer-top-common {
     background-color: #1c1c1c;
     padding: 15px 0 5px;
     border-top: 1px solid #232323
 }
 
 .footer-top-common .social-icons {
     margin-top: 5px
 }
 
 .footer-container {
     background: #1c1c1c;
     border-top: 2px solid #00a1cb;
     min-height: 80px;
     max-width: 1200px;
     margin: auto;
     padding-top: 30px
 }
 
 .footer-menu li {
     float: left;
     list-style: none
 }
 
 .copyrights,
 .footer-menu li {
     font-size: 14px
 }
 
 .copyrights,
 .copyrights a,
 .footer-menu li a {
     color: #fff;
     display: inline-block
 }
 
 .footer-menu li a {
     padding: 0 15px;
     border-right: 1px solid #292929
 }
 
 .footer-menu li:last-child a {
     border: none
 }
 
 .copyrights a:hover,
 .footer-menu li a:hover {
     color: #00a1cb
 }
 
 .blog-page .pagination {
     margin-top: 50px
 }
 
 .blog-page.left-sidebar .pagination {
     margin-right: 10px
 }
 
 .blog-page.right-sidebar .pagination {
     margin-left: 15px
 }
 
 .social-icons .big-icon {
     display: inline-block;
     width: 88px;
     height: 120px;
     border: 1px solid #dedede;
     text-align: center
 }
 
 .big-icon .icon {
     font-size: 30px;
     border: none;
     display: block;
     width: auto;
     height: auto;
     margin-bottom: 0;
     line-height: 62px
 }
 
 .big-icon .count {
     display: block;
     font-size: 14px
 }
 
 .big-icon .count-name {
     display: block;
     font-size: 13px;
     font-weight: 700
 }
 
 .big-icon .count,
 .big-icon .count-name {
     color: #606060
 }
 
 .big-icon:hover {
     background: #00a1cb;
     border: 1px solid transparent
 }
 
 .big-icon:hover .icon,
 .big-icon:hover .count,
 .big-icon:hover .count-name {
     color: #fff
 }
 
 .blog-timeline .entry-meta.top-meta {
     z-index: 9
 }
 
 .blog-timeline .entry-meta.top-meta:before {
     content: "";
     border-bottom: 1px solid #ddd;
     position: absolute;
     width: 100%;
     top: -10px;
     display: block;
     z-index: -9
 }
 
 .blog-timeline article.post .post-format {
     background: #fff;
     z-index: -8
 }
 
 .blog-timeline article.post .entry-meta {
     padding-bottom: 30px
 }
 
 .classic-02 .post-thumbnail.striped-section .striped-icon {
     top: inherit;
     bottom: -33px;
     left: inherit;
     right: 20px;
     line-height: inherit
 }
 
 .classic-02 article.post .entry-meta.left-meta .post-format,
 article.post .entry-meta.left-meta .entry-date {
     bottom: inherit
 }
 
 .classic-02 article.post .entry-meta.left-meta .entry-date {
     left: 30px;
     right: inherit
 }
 
 .classic-02 article.post .entry-meta.left-meta .post-format {
     bottom: -67px;
     right: inherit;
     left: 75px
 }
 
 .blog-page audio,
 .blog-page video {
     width: 100%
 }
 
 .quote-post {
     background: #fff;
     padding: 20px
 }
 
 .quote-post:before {
     content: "\f10d";
     color: #00a1cb;
     display: inline-block;
     font: normal normal normal 30px/1 FontAwesome;
     float: left;
     display: block;
     overflow: hidden;
     margin-right: 15px
 }
 
 .quote-content,
 .post-thumbnail .tweet {
     display: block;
     overflow: hidden
 }
 
 .quote-name p {
     color: #00a1cb;
     font-style: italic;
     font-weight: 700
 }
 
 .post-thumbnail .twitter-feeds:before {
     content: "\f099";
     color: #fff;
     display: inline-block;
     font: normal normal normal 30px/1 FontAwesome;
     float: left;
     display: block;
     overflow: hidden;
     margin-right: 15px
 }
 
 .post-thumbnail .twitter-feeds {
     background: #00a1cb;
     padding: 20px
 }
 
 .post-thumbnail .tweet p,
 .post-thumbnail .tweet a {
     color: #fff;
     font-size: 14px
 }
 
 .post-thumbnail .tweet-time p {
     font-size: 12px;
     font-style: italic
 }
 
 .post-thumbnail .share-box {
     padding: 40px 0
 }
 
 .post-thumbnail .share-box a {
     color: #fff
 }
 
 .post-thumbnail .share-box a:hover {
     color: #00a1cb
 }
 
 .blog-timeline.classic-02.blog-rows article.post .entry-meta.left-meta .entry-date {
     left: 10px
 }
 
 .blog-timeline.classic-02.blog-rows article.post .entry-meta.left-meta .post-format {
     left: 55px
 }
 
 .blog-page .post-content-box .project-like {
     margin-top: 58px;
     margin-top: 59px;
     color: #00a1cb
 }
 
 .blog-page .share-box.dark-bg {
     color: #fff
 }
 
 .comment-area ol {
     padding-left: 0;
     list-style: none
 }
 
 .comment-area .comment-author {
     display: block;
     overflow: hidden;
     margin-right: 30px
 }
 
 .comment-area .comment-body-right {
     display: block;
     overflow: hidden
 }
 
 .comment-metadata .fn {
     display: block
 }
 
 .comment-metadata .fn a,
 .reply a {
     font-size: 14px;
     color: #2d2d2d
 }
 
 .comment-metadata .fn a:hover,
 .reply a:hover {
     color: #00a1cb
 }
 
 .comment-metadata time {
     font-size: 12px;
     color: #aaa;
     font-style: italic
 }
 
 .comment-area .reply a {
     font-weight: 700
 }
 
 .comment-content {
     margin-top: 15px
 }
 
 .comment-area .children {
     margin: 30px 0 30px 100px
 }
 
 .comment-area .left-form {
     width: 45%
 }
 
 .comment-area .right-form {
     width: 50%
 }
 
 .li-square {
     list-style: none;
     padding-left: 0
 }
 
 .li-square li {
     color: #333;
     display: block;
     font-size: 14px;
     font-weight: 400;
     margin-bottom: 12px;
     margin-left: 20px
 }
 
 .li-square li:before {
     width: 12px;
     height: 12px;
     display: inline-block;
     margin-right: 10px;
     content: "\f00c";
     font: normal normal normal 14px/1 FontAwesome;
     color: #00a1cb
 }
 
 .li-square li:hover {
     color: #00a1cb
 }
 
 .about-description p {
     margin-bottom: 25px
 }
 
 .about-page .tv1 .nav-tabs>li:first-child {
     margin-left: 0
 }
 
 .callout-content.dark-bg .callout-title {
     margin-top: 7px;
     color: #fff
 }
 
 .hire-me {
     background: #fff;
     color: #606060
 }
 
 .v2 .testimonial-item .testimonial-txt {
     border: 0;
     border-bottom: 0
 }
 
 .v2 .testimonial-item .testimonial-footer {
     text-align: center
 }
 
 .about-description .designation {
     color: #aaa;
     margin-left: 5px
 }
 
 .circle-or {
     font-size: 16px;
     font-weight: 700;
     color: #00a1cb;
     text-transform: uppercase;
     width: 40px;
     height: 40px;
     border: 1px solid #00a1cb;
     border-radius: 50%;
     display: block;
     text-align: center;
     line-height: 37px;
     margin: 8px auto
 }
 
 .google-map-container {
     width: 100%;
     height: 200px
 }
 
 .google-map-container img {
     max-width: inherit;
     height: inherit
 }
 
 .contact .item-container.v2:hover a {
     color: #fff
 }
 
 .contact .form-control {
     margin-bottom: 22px
 }
 
 .contact.v2 .google-map-container {
     width: 100%;
     height: 500px
 }
 
 .contact.v2 .map-container {
     position: relative
 }
 
 .contact.v2 .contact-form {
     width: 370px;
     padding: 20px;
     background: #fff;
     position: absolute;
     top: 30px
 }
 
 .contact.v2 .form-control {
     margin-bottom: 0
 }
 
 .error {
     display: none;
     padding: 10px;
     margin: 0 0 5px;
     color: #D8000C;
     font-size: 12px;
     background-color: #FFBABA
 }
 
 .success {
     display: none;
     padding: 10px;
     color: #044406;
     font-size: 12px;
     background-color: #B7FBB9
 }
 
 .error img,
 .success img {
     margin-right: 10px
 }
 
 .portfolio-images.border-style {
     border: 1px solid #bfbfbf;
     background: #dedede;
     padding: 4px
 }
 
 .portfolio-images.border-style-top {
     border-top: 1px solid #bfbfbf;
     background: #dedede;
     padding-top: 4px
 }
 
 .portfolio-row-3 .col-md-6 {
     position: relative
 }
 
 .portfolio-row-3 .left-img-full,
 .portfolio-row-3 .right-img-full {
     width: 100%;
     position: absolute;
     top: 0;
     display: table
 }
 
 .portfolio-row-3 .left-img-full {
     right: 15px
 }
 
 .portfolio-row-3 .right-img-full {
     left: 15px
 }
 
 @media (max-width: 1200px) {
     .portfolio-row-3 .left-img-full,
     .portfolio-row-3 .right-img-full {
         position: inherit;
         left: inherit;
         right: inherit;
         top: inherit;
         display: inline-block
     }
 }
 
 .highlighted {
     color: #00a1cb
 }
 
 .overlay-effects {
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     top: 0
 }
 
 .box-pattern {
     background-image: url(../images/pattern/box.html);
     background-repeat: repeat;
     background-attachment: fixed;
     background-position: center
 }
 
 .display-table-middle {
     display: table;
     margin: 0 auto;
     height: 100%
 }
 
 .inside-content {
     display: table-cell;
     vertical-align: middle
 }
 
 .margin-minus-15 {
     margin-left: -15px;
     margin-right: -15px
 }
 
 .special-select {
     overflow: hidden;
     border: 1px solid #dedede;
     position: relative
 }
 
 .special-select.min-width {
     min-width: 250px
 }
 
 .special-select:after {
     content: "\f107";
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     width: 40px;
     height: 100%;
     top: 0;
     right: 0;
     text-align: center;
     line-height: 40px;
     border-left: 1px solid #dedede;
     pointer-events: none
 }
 
 .special-select select {
     background: transparent;
     padding: 8px;
     width: 110%;
     border-color: transparent;
     font-size: 14px
 }
 
 .special-select select:hover {
     cursor: pointer
 }
 
 .special-select select:focus {
     outline-color: transparent
 }
 
 .section-head {
     margin-bottom: 30px
 }
 
 .hero-banner {
     position: relative
 }
 
 .hero-banner-bg {
     background-attachment: fixed;
     background-size: cover
 }
 
 .hero-image {
     max-width: 100%
 }
 
 .hero-banner .hero-caption {
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     color: #FFF
 }
 
 .caption-content .caption-subtext {
     font-size: 16px;
     font-weight: 300;
     margin: 0
 }
 
 .caption-content .caption-title {
     font-size: 56px;
     font-weight: 700;
     margin: 0
 }
 
 .hero-banner .share-box.v2.black {
     background: inherit;
     position: inherit;
     right: inherit;
     text-align: center
 }
 
 .hero-banner .share-box.v2.black a {
     border: 1px solid #fff;
     line-height: 28px
 }
 
 .hero-banner .share-box.v2.black a:hover {
     border: 1px solid #00a1cb
 }
 
 .next-btn {
     display: block;
     display: table;
     margin: 0 auto
 }
 
 .next-btn .next-section {
     background: transparent;
     border: 1px solid #00a1cb;
     border-radius: 50%;
     display: block;
     cursor: pointer;
     position: relative;
     width: 60px;
     height: 60px;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .next-btn .next-section:focus {
     outline: none
 }
 
 .next-btn .next-section span {
     display: none
 }
 
 .next-btn .next-section:before {
     content: "\f103";
     font-family: FontAwesome;
     font-size: 20px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -7px;
     margin-top: -13px;
     color: #00a1cb
 }
 
 .next-btn .next-section:hover {
     border-color: #FFF
 }
 
 .next-btn .next-section:hover:before {
     color: #FFF
 }
 
 .inside-content .next-btn {
     margin-top: 60px
 }
 
 .site-page-header {
     position: relative;
     color: #FFF;
     border-bottom: 5px solid #dedede
 }
 
 .site-page-header:after {
     content: "";
     width: 100%;
     height: 1px;
     background-color: #bfbfbf;
     position: absolute;
     bottom: -5px
 }
 
 .site-page-header .page-header-content {
     position: relative;
     padding: 86px 0;
     width: 100%
 }
 
 .page-title {
     font-size: 34px;
     font-weight: 700
 }
 
 .page-description {
     font-size: 22px;
     font-weight: 300
 }
 
 .site-breadcrumb {
     position: relative;
     z-index: 3;
     bottom: -5px;
     border-top: 2px solid #00a1cb;
     width: 100%;
     text-align: center
 }
 
 .site-breadcrumb .breadcrumb {
     background-color: #FFF;
     border-radius: 0;
     margin-bottom: 0;
     font-size: 14px
 }
 
 .site-breadcrumb .breadcrumb>li>a {
     color: #606060
 }
 
 .site-breadcrumb .breadcrumb>li.active {
     color: #00a1cb
 }
 
 .site-breadcrumb .breadcrumb>li+li:before {
     content: "\f138";
     font-family: FontAwesome;
     color: #606060
 }
 
 .product-item {
     margin-bottom: 60px;
     position: relative
 }
 
 .owl-wrapper .product-item {
     margin: 0 15px
 }
 
 .product-item .sale-badge {
     width: 105px;
     height: 105px;
     background-color: #00a1cb;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     position: absolute;
     top: -50px;
     right: -50px;
     z-index: 3
 }
 
 .product-item .sale-badge span {
     position: absolute;
     bottom: 5px;
     left: 38px;
     right: auto;
     font-size: 16px;
     font-family: 'Oswald', sans-serif;
     color: #FFF
 }
 
 .product-item .product-image {
     position: relative;
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid #bfbfbf;
     overflow: hidden;
     border: 4px solid #dedede;
     text-align: center
 }
 
 .product-item .product-image:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 5;
     pointer-events: none
 }
 
 .product-item .product-image .quick-view {
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     top: -100%;
     background-color: rgba(0, 0, 0, 0.60)
 }
 
 .product-item .product-image:hover .quick-view {
     top: 0
 }
 
 .product-image .quick-view span {
     display: none
 }
 
 .product-image .quick-view:before {
     content: "\f00e";
     font-family: FontAwesome;
     font-size: 50px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -35px;
     margin-left: -22px;
     color: #FFF
 }
 
 .product-image .quick-view:hover:before {
     top: 50%;
     left: 50%
 }
 
 .product-item .product-image .thumb img {
     width: 100%
 }
 
 .product-item .product-title,
 .product-item .product-rating {
     width: 180px
 }
 
 .product-item .product-title {
     font-size: 18px
 }
 
 .product-item .product-rating {
     color: #00a1cb;
     font-size: 12px
 }
 
 .product-item .product-price {
     font-size: 30px;
     font-weight: 800;
     position: absolute;
     right: 0;
     top: 0
 }
 
 .product-action a {
     display: inline-block;
     border: 1px solid #dedede;
     width: 40px;
     height: 40px;
     border-radius: 0;
     position: relative;
     color: #606060;
     font-size: 14px;
     line-height: 25px;
     margin: 2px
 }
 
 .product-action a:hover {
     color: #00a1cb
 }
 
 .product-action a.add-to-cart {
     width: auto;
     border-color: #00a1cb;
     color: #00a1cb;
     padding-left: 31px;
     padding-right: 31px
 }
 
 .product-action a.add-to-cart:hover {
     color: #FFF;
     background: #00a1cb
 }
 
 .product-action a:before {
     font-family: FontAwesome
 }
 
 .product-action a span {
     display: none
 }
 
 .product-category-group .product-category {
     border: 1px solid #dedede;
     border-radius: 0;
     border-bottom: 1px solid #dedede;
     margin-bottom: 10px;
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .product-category-group .product-category .parent-cat-name {
     color: #606060;
     font-size: 13px;
     font-weight: 700;
     line-height: 25px;
     position: relative;
     display: inline-block;
     width: 100%;
     padding: 0 15px;
     line-height: 40px
 }
 
 .product-category-group .product-category .parent-cat-name:after {
     content: "\f0d8";
     font-family: FontAwesome;
     position: absolute;
     right: 0;
     width: 40px;
     text-align: center;
     border-left: 1px solid #DEDEDE
 }
 
 .product-category-group .product-category .parent-cat-name.collapsed:after {
     content: "\f0d7"
 }
 
 .product-category-group .product-category .product-category-content {
     border-top: 1px solid #dedede
 }
 
 .product-category-group .product-category .sub-cat-items {
     padding: 20px
 }
 
 .product-category-group .product-category .sub-cat-items li {
     list-style: none
 }
 
 .product-category-group .product-category .sub-cat-items li a {
     display: inline-block;
     font-size: 13px;
     color: #606060;
     font-weight: 700
 }
 
 .product-category-group .product-category .sub-cat-items li a:hover {
     color: #00a1cb
 }
 
 .product-category-group .product-category .sub-cat-items li a:before {
     content: "";
     width: 9px;
     height: 9px;
     display: inline-block;
     border: 1px solid #00a1cb;
     margin-right: 10px
 }
 
 .product-category-group .product-category .sub-cat-items li a:hover:before {
     border: 1px solid #00a1cb;
     background-color: #00a1cb
 }
 
 .product-carousel {
     position: relative
 }
 
 .product-carousel .item-caption h2,
 .product-carousel .item-caption p {
     margin: 0;
     padding: 0
 }
 
 .product-carousel .item-caption {
     background-color: #1c1c1c;
     padding: 10px;
     text-align: center;
     color: #FFF
 }
 
 .product-carousel .item-caption p {
     font-size: 14px;
     font-weight: 300;
     font-family: 'Oswald', sans-serif;
     color: #FFF;
     text-transform: uppercase
 }
 
 .product-carousel-indicators {
     bottom: 70px
 }
 
 .product-carousel-indicators li {
     display: inline-block;
     background-color: #bbb;
     border-radius: 0
 }
 
 .product-carousel-indicators li,
 .product-carousel-indicators li.active {
     border: 1px solid #FFF;
     width: 15px;
     height: 15px;
     margin: 0;
     padding: 0
 }
 
 .product-carousel-indicators li.active {
     background-color: #00a1cb
 }
 
 .circle-skill-items {
     overflow: hidden;
     text-align: center
 }
 
 .circle-skill-items .skill-item {
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     text-transform: uppercase;
     display: inline-block;
     margin: 0 10px
 }
 
 .circle-skill-items .skill-item .skill-percent {
     width: 60px;
     height: 60px;
     border: 1px solid #dedede;
     border-radius: 50%;
     text-align: center;
     font-size: 24px;
     line-height: 60px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -30px;
     margin-left: -30px
 }
 
 .polygon-bg .circle-skill-items .skill-item .skill-percent {
     border: 1px solid #292929
 }
 
 .circle-skill-items .skill-item .skill-name {
     position: absolute;
     bottom: 0;
     width: 100%;
     text-align: center;
     font-size: 16px
 }
 
 .flexslider.product-images,
 .flexslider.product-image-thumbs {
     border-radius: 0;
     box-shadow: none;
     border: 1px solid #bfbfbf;
     margin-bottom: 20px;
     border-radius: 0;
     background-color: #dedede
 }
 
 .flexslider.product-image-thumbs .flex-viewport {
     padding: 0 42.5px
 }
 
 .flexslider.product-image-thumbs:before,
 .flexslider.product-images:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     border: 4px solid #dedede;
     z-index: 5;
     pointer-events: none
 }
 
 .flexslider.product-image-thumbs .slides>li {
     position: relative;
     padding: 2.5px;
     overflow: hidden;
     opacity: .65
 }
 
 .flexslider.product-image-thumbs .slides>li.flex-active-slide {
     opacity: 1
 }
 
 .flexslider.product-image-thumbs .slides>li:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     background-color: rgba(0, 161, 203, 0.8);
     top: -100%
 }
 
 .flexslider.product-image-thumbs .slides>li:after {
     content: "\f00e";
     font: normal normal normal 20px/1 FontAwesome;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -10px;
     margin-left: -10px;
     color: #FFF;
     left: -100%
 }
 
 .flexslider.product-image-thumbs .slides>li:hover {
     cursor: pointer
 }
 
 .flexslider.product-image-thumbs .slides>li:hover:before {
     top: 0
 }
 
 .flexslider.product-image-thumbs .slides>li:hover:after {
     left: 50%
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li {
     position: absolute;
     height: 100%;
     top: 0;
     background-color: #1c1c1c
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li:last-child {
     left: auto;
     right: 0
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li:hover {
     background-color: #00a1cb
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li a {
     position: relative;
     opacity: 1;
     filter: alpha(opacity=1);
     top: 50%;
     left: 0;
     color: #FFF;
     text-shadow: none;
     height: 30px;
     margin: -15px 0 0;
     text-align: center
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav .flex-disabled {
     opacity: 1!important;
     filter: alpha(opacity=1);
     cursor: pointer
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li a:before {
     font-size: 24px
 }
 
 .product-single-head .product-title {
     margin: 0;
     margin-bottom: 15px
 }
 
 .product-single-head .product-price {
     font-size: 30px;
     font-weight: 700;
     font-family: 'Oswald', sans-serif;
     text-align: right
 }
 
 .product-single-head .product-rating {
     text-align: right;
     color: #00a1cb
 }
 
 .product-single-head .product-review {
     font-size: 13px;
     font-style: italic
 }
 
 .product-details {
     padding-top: 10px
 }
 
 .product-details h3 {
     margin-top: 0;
     margin-bottom: 20px;
     font-size: 18px
 }
 
 .product-meta-items {
     padding: 0
 }
 
 .product-meta-items .meta-item {
     list-style-type: none;
     color: #777;
     font-size: 14px;
     margin: 5px 0
 }
 
 .product-meta-items .meta-item>span {
     display: inline-block;
     text-transform: uppercase;
     margin-right: 15px;
     color: #606060;
     font-weight: 700
 }
 
 .product-customize>div {
     display: inline-block;
     width: 48.4%
 }
 
 .product-content .product-customize>div {
     margin-top: 7px
 }
 
 .product-customize>div:first-child {
     margin-right: 2%
 }
 
 .product-quantity {
     overflow: hidden;
     border: 1px solid #dedede;
     margin-bottom: 20px;
     height: 37px;
     float: left;
     position: relative
 }
 
 .product-quantity button {
     border: 0;
     background: transparent;
     color: #606060;
     padding: 10px 15px;
     position: absolute;
     top: 0
 }
 
 .product-quantity button.minus {
     border-right: 1px solid #dedede;
     left: 0
 }
 
 .product-quantity button.plus {
     border-left: 1px solid #dedede;
     right: 0
 }
 
 .product-quantity input {
     padding: 6px 0;
     border: 0;
     background-color: transparent;
     width: 100%;
     text-align: center
 }
 
 .product-quantity input:focus,
 .product-quantity button:focus {
     outline: none
 }
 
 .product-quantity button {
     font: normal normal normal 14px/1 FontAwesome
 }
 
 .product-quantity input:last-child {
     border-right: 0
 }
 
 .product-adding-cart .product-quantity {
     width: 25%
 }
 
 .product-order-action {
     float: left;
     width: 75%
 }
 
 .product-order-action button {
     margin: 0;
     margin-left: 15px;
     width: auto;
     border-color: #1c1c1c;
     color: #FFF;
     background: #1c1c1c;
     padding: 7px 0;
     text-align: center;
     width: 38%
 }
 
 .product-order-action button:last-child {
     width: 50%
 }
 
 .product-order-action button:hover {
     color: #FFF;
     background-color: #00a1cb;
     border-color: #00a1cb
 }
 
 .product-order-action button>i {
     margin-left: 10px
 }
 
 .product-share {
     position: relative
 }
 
 .product-share .social-icons {
     position: absolute;
     right: 0;
     top: 0;
     background: #FFF;
     padding-left: 10px
 }
 
 .soical-icon-list li>a {
     display: inline-block;
     width: 32px;
     height: 32px;
     background-color: #1c1c1c;
     color: #FFF;
     position: relative;
     overflow: hidden
 }
 
 .soical-icon-list li>a:hover {
     background-color: #00a1cb
 }
 
 .soical-icon-list li>a i {
     font-size: 16px;
     position: absolute;
     top: 50%;
     margin-top: -8px;
     left: 50%;
     margin-left: -6px
 }
 
 .search-widget-form .search-form {
     position: relative
 }
 
 .search-widget-form .search-form .search-field {
     border: 0;
     border-bottom: 2px solid #dedede;
     padding: 10px 0;
     width: 100%;
     font-size: 13px;
     color: #aaa
 }
 
 .search-widget-form .search-form .search-field:focus,
 .search-widget-form .search-form .search-field:active {
     outline-color: transparent
 }
 
 .search-widget-form .search-form .search-submit {
     position: absolute;
     top: 10px;
     right: 0;
     border: 0;
     background-color: transparent
 }
 
 .search-widget-form .search-form .search-submit:before {
     content: "\f002";
     font-family: FontAwesome;
     color: #aaa;
     font-size: 16px
 }
 
 .search-widget-form .search-form .search-submit span {
     display: none
 }
 
 .sort-by-size .sort-btn {
     width: 40px;
     height: 40px;
     padding: 0;
     text-align: center;
     font-size: 14px;
     font-weight: 700;
     line-height: 37px;
     margin: 10px 3px
 }
 
 .sort-by-size .sort-btn:hover {
     background: #00a1cb;
     color: #FFF;
     border-color: #00a1cb
 }
 
 .tag-list {
     padding: 0
 }
 
 .tag-list li {
     display: inline-block
 }
 
 .tag-list li a {
     margin: 5px 2px
 }
 
 .tag-list li a:hover {
     background: #00a1cb;
     color: #FFF;
     border-color: #00a1cb
 }
 
 .product-description .nav-tabs {
     border-color: #dedede
 }
 
 .product-description .nav-tabs>li>a {
     border-radius: 0;
     font-size: 13px;
     font-weight: 700;
     border-color: #dedede;
     margin-right: 5px
 }
 
 .product-description .nav-tabs>li.active>a {
     border-bottom-color: transparent;
     position: relative
 }
 
 .product-description .nav-tabs>li.active>a:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 2px;
     background: #00a1cb;
     top: -1px;
     left: 0
 }
 
 .product-description .tab-content {
     border: 1px solid #dedede;
     border-top: 0;
     padding: 30px
 }
 
 #reviews .commentlist {
     list-style: none
 }
 
 #reviews .commentlist .comment-meta .comment-author {
     float: left;
     margin-right: 20px
 }
 
 #reviews .commentlist .comment-meta .comment-author img {
     border-radius: 50%;
     border: 1px solid #dedede
 }
 
 .shopping-cart-items {
     overflow: hidden
 }
 
 .shopping-cart-items .shop_table {
     width: 100%
 }
 
 .shopping-cart-items .shop_table thead tr th {
     font-size: 13px;
     font-weight: 700;
     text-transform: uppercase;
     font-family: 'Robot', sans-serif;
     color: #606060;
     text-align: center
 }
 
 .table-effects th {
     padding-bottom: 20px
 }
 
 .table-effects {
     overflow: hidden
 }
 
 .table-effects.stripe-full:before {
     bottom: auto;
     top: 26px
 }
 
 .table-effects.stripe-full:after {
     top: 24px;
     bottom: auto
 }
 
 .shopping-cart-items .shop_table .cart-product-thumbnail .product-image {
     position: relative;
     display: inline-block;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid #bfbfbf;
     overflow: hidden
 }
 
 .shopping-cart-items .shop_table .cart-product-thumbnail .product-image:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     border: 4px solid #dedede;
     z-index: 5;
     pointer-events: none
 }
 
 .shopping-cart-items .shop_table .cart-product-details h2 {
     font-size: 16px;
     font-weight: 700
 }
 
 .shopping-cart-items .shop_table .cart-product-details .product-rating {
     color: #00a1cb;
     font-size: 14px;
     margin-bottom: 10px
 }
 
 .shopping-cart-items .shop_table .cart-product-details .product-size,
 .shopping-cart-items .shop_table .cart-product-details .product-color {
     color: #606060;
     font-size: 14px;
     font-weight: 700
 }
 
 .shopping-cart-items .shop_table .cart-product-details .product-size span,
 .shopping-cart-items .shop_table .cart-product-details .product-color span {
     color: #777;
     font-weight: 500;
     padding-left: 10px
 }
 
 .shopping-cart-items .shop_table .cart-product-price div,
 .shopping-cart-items .shop_table .cart-product-subtotal div {
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 700;
     text-align: center
 }
 
 .shopping-cart-items .shop_table .cart-product-quantity .product-quantity {
     width: 100%
 }
 
 .shopping-cart-items .shop_table .cart-product-quantity .product-quantity button {
     padding: 10px
 }
 
 .shopping-cart-items .shop_table .cart-product-removal>a.product-removal {
     border: 1px solid #DEDEDE;
     display: block;
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 28px;
     color: #606060
 }
 
 .shopping-cart-items .shop_table .cart-product-removal>a.product-removal:hover {
     background: #00a1cb;
     color: #FFF
 }
 
 .shopping-cart-items .shop_table .cart_item {
     border-bottom: 1px solid #DDD
 }
 
 .shopping-cart-items .shop_table .cart_item>td {
     padding: 20px 0
 }
 
 .shopping-cart-items .shop_table tr>td.actions {
     padding: 10px 0
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon {
     width: 300px
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon input,
 .shopping-cart-items .shop_table tr>td .cart-next-step input {
     padding: 10px 20px;
     width: 200px;
     float: left;
     min-height: 40px
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon input.button,
 .shopping-cart-items .shop_table tr>td .cart-next-step input {
     background: #1c1c1c;
     color: #FFF;
     margin-left: 5px;
     width: 90px;
     float: left;
     border: 0
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon input.button:hover,
 .shopping-cart-items .shop_table tr>td .cart-next-step input:hover {
     background: #00a1cb
 }
 
 .shopping-cart-items .shop_table tr>td .cart-next-step {
     width: auto;
     float: right
 }
 
 .shopping-cart-items .shop_table tr>td .cart-next-step input {
     float: left;
     width: auto
 }
 
 .shopping-cart-items .shop_table tr>td .cart-next-step input:first-child {
     margin-right: 10px
 }
 
 .shipping-calculator-form .form-control {
     min-height: 40px
 }
 
 .widget_calculate_shipping .shipping_calculator .calc_shipping {
     width: 100%;
     margin: 0;
     border-width: 0;
     background: #1c1c1c;
     color: #FFF;
     height: 40px
 }
 
 .widget_calculate_shipping .shipping_calculator .calc_shipping:hover {
     background: #00a1cb
 }
 
 .widget_cart_totals_pricing .cart_totals table {
     width: 100%
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr {
     border-bottom: 1px solid #e4e4e4;
     font-size: 14px;
     text-transform: uppercase
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr th {
     color: #606060;
     padding: 10px 0
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr td {
     color: #777;
     padding: 10px 0;
     text-align: right
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr.order-total {
     border-bottom: 0
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr.order-total th,
 .widget_cart_totals_pricing .cart_totals table tbody tr.order-total td {
     color: #00a1cb
 }
 
 .portfolio-column-2 .item {
     width: 50%;
     float: left
 }
 
 .portfolio-column-3 .item {
     width: 33.333333333%;
     float: left
 }
 
 .portfolio-column-4 .item {
     width: 25%;
     float: left
 }
 
 .portfolio-column-5 .item {
     width: 20%;
     float: left
 }
 
 @media (max-width: 750px) {
     .portfolio-column-2 .item,
     .portfolio-column-3 .item,
     .portfolio-column-4 .item,
     .portfolio-column-5 .item {
         width: 50%
     }
 }
 
 @media (max-width: 400px) {
     .portfolio-column-2 .item,
     .portfolio-column-3 .item,
     .portfolio-column-4 .item,
     .portfolio-column-5 .item {
         width: 100%
     }
 }
 
 .client-review-item {
     text-align: center
 }
 
 .client-review-carousel.carousel-head {
     width: 300px;
     margin: 0 auto
 }
 
 .client-review-item .client-review-content {
     color: #fff;
     font-size: 14px;
     margin: 25px 50px 10px
 }
 
 .client-review-item .client-review-content i {
     color: #00a1cb;
     padding: 0 7px
 }
 
 .client-review-item .client-review-info .client-review-name {
     color: #fff;
     font-family: 'Oswald', sans-serif;
     font-weight: 400;
     font-size: 14px;
     margin-bottom: 15px
 }
 
 .client-review-item .client-review-info .client-review-name small {
     color: #AAA;
     font-family: 'Roboto', sans-serif;
     font-style: italic;
     padding-left: 5px
 }
 
 .client-review-item .client-review-info .client-review-star {
     color: #fff;
     font-size: 12px
 }
 
 .client-review-item img.client-img {
     width: 40px;
     height: 40px
 }
 
 .client-review-item.slick-active img.client-img {
     width: 50px;
     height: 50px
 }
 
 .client-review-item.slick-active.slick-center img.client-img {
     width: 60px;
     height: 60px
 }
 
 .icn {
     width: 45px;
     height: 45px;
     text-indent: 60px;
     width: 220px
 }
 
 .staficon0 {
     background-image: url(../../images/staficon0.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon1 {
     background-image: url(../../images/staficon1.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon2 {
     background-image: url(../../images/staficon2.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon3 {
     background-image: url(../../images/staficon3.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon4 {
     background-image: url(../../images/staficon4.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon5 {
     background-image: url(../../images/staficon5.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon6 {
     background-image: url(../../images/staficon6.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon1 {
     background-image: url(../../images/hricon1.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon2 {
     background-image: url(../../images/hricon2.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon3 {
     background-image: url(../../images/hricon3.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon4 {
     background-image: url(../../images/hricon4.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 @import "https://fonts.googleapis.com/css?family=Oswald:300,400,700";
 @import "https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,500,500italic,700,700italic,900,900italic";
 html,
 body {
     font-family: 'Roboto', sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size: 16px;
     z-index: 0
 }
 
 .box-layout {
     max-width: 1200px;
     margin: auto;
     clear: both;
     box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1)
 }
 
 .box-layout .focuz-main-slider>.master-slider {
     margin: 0!important;
     clear: both
 }
 
 a {
     color: #00a1cb;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 a:focus {
     outline: none;
     outline-offset: 0;
     text-decoration: none
 }
 
 a:hover {
     text-decoration: none
 }
 
 p {
     color: #333;
     font-size: 14px;
     line-height: 24px;
     font-weight: 500px
 }
 
 hr {
     border-color: #e4e4e4
 }
 
 img {
     max-width: 100%;
     height: auto
 }
 
 .boxer-container img {
     max-width: inherit
 }
 
 .inline {
     display: inline-block
 }
 
 .overlay {
     background-color: rgba(0, 0, 0, .8)
 }
 
 .text-upc {
     text-transform: uppercase
 }
 
 .text-cap {
     text-transform: capitalize
 }
 
 .dropcap {
     color: #fff;
     background: #00a1cb;
     display: block;
     font-family: "Roboto", sans-serif;
     font-size: 42px;
     font-weight: 700;
     line-height: 60px;
     text-align: center;
     height: 60px;
     width: 50px;
     float: left;
     margin-top: 6px;
     margin-right: 10px
 }
 
 .alert {
     overflow: hidden;
     border-radius: 0
 }
 
 .progress {
     border-radius: 0
 }
 
 .section-padding {
     padding: 50px 0
 }
 
 section+hr,
 .section-padding+hr {
     margin: 0
 }
 
 .polygon-bg {
     background-image: url(../images/polygon-bg.html);
     background-repeat: repeat;
     color: #FFF
 }
 
 .parallax-bg {
     background-attachment: fixed;
     background-size: cover
 }
 
 .relative {
     position: relative
 }
 
 .dark-bg {
     background: #1c1c1c!important
 }
 
 .white-bg {
     background: #fff!important
 }
 
 .blue-bg {
     background: #00a1cb!important
 }
 
 .top-header {
     background: #00a1cb
 }
 
 .top-header ul {
     padding: 0
 }
 
 .top-header ul li {
     display: inline-block;
     list-style: none;
     border-left: 0 solid #323437
 }
 
 .top-header ul li:last-child {
     border-right: 0 solid #323437
 }
 
 .top-header ul li a .fa {
     color: #fff;
     font-size: 14px
 }
 
 .top-header ul li a {
     color: #fff;
     font-weight: 300;
     padding: 0 13px;
     font-size: 12px;
     letter-spacing: 1px;
     line-height: 30px
 }
 
 .top-header ul li a:hover,
 .top-header ul li a:hover .fa {
     color: #c2c1c1
 }
 
 .top-social ul li {
     float: left
 }
 
 .top-info ul li {
     float: right
 }
 
 .top-info ul li a .fa {
     margin-right: 7px
 }
 
 .no-border,
 .no-border-ab:after,
 .no-border-ab:before {
     border: none!important
 }
 
 .no-after:after,
 .no-before:before {
     content: none!important
 }
 
 .no-border-l {
     border-left: none!important
 }
 
 .no-border-r {
     border-right: none!important
 }
 
 .no-border-t {
     border-top: none!important
 }
 
 .no-border-b {
     border-bottom: none!important
 }
 
 .border2px {
     border-width: 2px!important
 }
 
 .border1px {
     border-width: 1px!important
 }
 
 .m0 {
     margin: 0!important
 }
 
 .lm0 {
     margin-left: 0!important
 }
 
 .rm0 {
     margin-right: 0!important
 }
 
 .tm0 {
     margin-top: 0!important
 }
 
 .bm0 {
     margin-bottom: 0!important
 }
 
 .bm50 {
     margin-bottom: 50px!important
 }
 
 .tm50 {
     margin-top: 50px!important
 }
 
 .bm30 {
     margin-bottom: 30px!important
 }
 
 .tm30 {
     margin-top: 30px!important
 }
 
 .tm20 {
     margin-top: 20px!important
 }
 
 .tm10 {
     margin-top: 10px!important
 }
 
 .mauto {
     margin-left: auto!important;
     margin-right: auto!important
 }
 
 .lm-15 {
     margin-left: -15px!important
 }
 
 .p0 {
     padding: 0!important
 }
 
 .lp0 {
     padding-left: 0!important
 }
 
 .rp0 {
     padding-right: 0!important
 }
 
 .tp0 {
     padding-top: 0!important
 }
 
 .bp0 {
     padding-bottom: 0!important
 }
 
 .lrp15 {
     padding-left: 15px!important;
     padding-right: 15px!important
 }
 
 .lrp30 {
     padding-left: 30px!important;
     padding-right: 30px!important
 }
 
 .p15 {
     padding: 15px
 }
 
 .p30 {
     padding: 30px
 }
 
 .pt50,
 .tp50 {
     padding-top: 50px!important
 }
 
 .tp40 {
     padding-top: 40px!important
 }
 
 .tp20 {
     padding-top: 20px!important
 }
 
 @media (max-width: 992px) {
     .md-bm30 {
         margin-bottom: 30px!important
     }
     .md-bm50 {
         margin-bottom: 50px!important
     }
     .md-no-pull {
         float: none!important
     }
     .md-hide {
         display: none!important
     }
 }
 
 @media (max-width: 768px) {
     .sm-bm30 {
         margin-bottom: 30px!important
     }
     .sm-bm50 {
         margin-bottom: 50px!important
     }
     .sm-no-pull {
         float: none!important
     }
     .sm-hide {
         display: none!important
     }
 }
 
 @media (max-width: 480px) {
     .xs-full {
         width: 100%!important
     }
     .xs-bm30 {
         margin-bottom: 30px!important
     }
     .xs-bm50 {
         margin-bottom: 50px!important
     }
     .xs-no-pull {
         float: none!important
     }
     .xs-hide {
         display: none!important
     }
 }
 
 .mf-width {
     max-width: 100%!important
 }
 
 .f-width {
     width: 100%!important
 }
 
 .dtable {
     display: table
 }
 
 .dblock {
     display: block
 }
 
 .dinline {
     display: inline
 }
 
 .diblock {
     display: inline-block
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     text-transform: uppercase
 }
 
 h1 {
     font-size: 2.125em
 }
 
 h2 {
     font-size: 1.75em
 }
 
 h3 {
     font-size: 1.375em
 }
 
 h4 {
     font-size: 1.125em
 }
 
 .widget h4 {
     color: #f60;
     letter-spacing: 2px
 }
 
 .stripe-full h4 {
     color: #333
 }
 
 h5 {
     font-size: 1em
 }
 
 h6 {
     font-size: .875em
 }
 
 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
     color: #2d2d2d
 }
 
 h1 a:hover,
 h2 a:hover,
 h3 a:hover,
 h4 a:hover,
 h5 a:hover,
 h6 a:hover {
     color: #00a1cb
 }
 
 h1>span,
 h2>span,
 h3>span,
 h4>span,
 h5>span,
 h6>span {
     color: #00a1cb
 }
 
 h1>em,
 h2>em,
 h3>em,
 h4>em,
 h5>em,
 h6>em {
     color: #00a1cb;
     font-weight: 300
 }
 
 .btn {
     color: #00a1cb;
     background-color: transparent;
     border: 1px solid #dedede;
     font-weight: 700;
     border-radius: 0;
     margin: 5px
 }
 
 .btn:hover,
 .btn:focus,
 .btn.focus {
     color: #00a1cb
 }
 
 .filter-btn.btn {
     margin: 5px 2px;
     font-size: 12px;
     font-family: "Roboto", sans-serif
 }
 
 .filter-btn {
     background: #fff;
     text-transform: uppercase
 }
 
 .btn,
 .btn .badge {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .btn:active,
 .btn.active {
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .btn:active:focus,
 .btn.active:focus,
 .btn.focus,
 .btn:active.focus,
 .btn.active.focus,
 .btn:active,
 .btn:hover,
 .btn:focus,
 .btn.focus {
     outline: none;
     outline-offset: 0
 }
 
 .rbtn {
     border-radius: 25px
 }
 
 .btn.has-badge {
     padding-left: 25px;
     padding-right: 25px
 }
 
 .btn.has-badge .badge {
     display: none;
     padding: 0
 }
 
 .btn.has-badge.active {
     padding-left: 10px;
     padding-right: 5px
 }
 
 .btn.has-badge.active .badge {
     margin-left: 5px;
     height: 25px;
     min-width: 25px;
     display: inline-block;
     background: #fff;
     color: #00A1CB;
     line-height: 25px
 }
 
 .btn .badge {
     border-radius: 15px
 }
 
 .btn.active,
 .bg-btn {
     color: #fff;
     border-color: #00a1cb;
     background: #00a1cb
 }
 
 .bg-btn:hover {
     color: #fff
 }
 
 .bg-btn.btn:focus {
     color: #fff
 }
 
 .sm-btn {
     padding: 0 15px;
     min-height: 36px;
     line-height: 30px
 }
 
 a.sm-btn {
     line-height: 34px
 }
 
 .md-btn {
     padding: 0 15px;
     min-height: 40px;
     line-height: 38px
 }
 
 .full-btn {
     margin: 5px 0;
     width: 100%;
     max-width: 100%
 }
 
 .nav-btn.rbtn {
     padding: 0;
     width: 36px;
     border-color: #00a1cb
 }
 
 .md-btn:hover,
 .sm-btn:hover,
 .nav-btn:hover {
     border-color: #00a1cb;
     background: #00a1cb;
     color: #fff
 }
 
 .btn-container {
     padding-top: 30px
 }
 
 .btn-container .btn {
     color: #606060
 }
 
 .btn a:hover,
 .btn-container .btn:hover {
     color: #fff
 }
 
 .btn a {
     width: 100%;
     display: inline-block
 }
 
 .btn-black {
     background: #000;
     border-color: #000
 }
 
 .btn-black:hover {
     color: #fff
 }
 
 .stripe-full,
 .stripe-bfixw {
     position: relative;
     margin-bottom: 30px
 }
 
 .stripe-over:after,
 .stripe-over:before,
 .stripe-full:after,
 .stripe-full:before,
 .stripe-bfixw:after,
 .stripe-bfixw:before {
     content: "";
     position: absolute;
     bottom: -18px
 }
 
 .stripe-full.stripe-1:after {
     height: 0;
     border: 0
 }
 
 .stripe-bfixw:after,
 .stripe-bfixw:before {
     left: 50%;
     width: 50px;
     margin-left: -25px
 }
 
 .stripe-over:after,
 .stripe-over:before,
 .stripe-full:after,
 .stripe-full:before {
     left: 0;
     width: 100%
 }
 
 .stripe-over:after,
 .stripe-full:after,
 .stripe-bfixw:after {
     height: 5px;
     border-top: 1px solid #dedede;
     border-bottom: 1px solid #dedede
 }
 
 .stripe-over:before,
 .stripe-full:before,
 .stripe-bfixw:before {
     height: 3px;
     border-top: 1px solid #dedede
 }
 
 .stripe-over {
     display: inline-block;
     position: relative;
     margin-bottom: 0
 }
 
 .stripe-over:after,
 .stripe-over:before {
     bottom: -22px;
     z-index: 2
 }
 
 .stripe-blue:after,
 .stripe-blue:before {
     border-color: #00a1cb
 }
 
 .title-container {
     overflow: hidden
 }
 
 .striped-title {
     display: inline-block;
     position: relative;
     z-index: 0
 }
 
 .striped-title:after,
 .striped-title:before,
 .stripe-t-left:after,
 .stripe-t-left:before,
 .stripe-t-right:after,
 .stripe-t-right:before,
 .stripe-t-back:after,
 .stripe-t-back:before {
     content: "";
     position: absolute;
     top: 50%;
     margin-top: -3px
 }
 
 .stripe-t-back:after,
 .stripe-t-back:before {
     left: 0;
     right: 0;
     z-index: -1
 }
 
 .stripe-t-left:after,
 .stripe-t-left:before {
     width: 1100px;
     right: 100%;
     margin-right: 40px
 }
 
 .stripe-t-right:after,
 .stripe-t-right:before {
     width: 1100px;
     left: 100%;
     margin-left: 40px
 }
 
 .for-widget .stripe-t-right:after,
 .for-widget .stripe-t-right:before {
     margin-left: 10px
 }
 
 .stripe-t-left:after,
 .stripe-t-right:after,
 .stripe-t-back:after {
     height: 5px;
     border-top: 1px solid #dedede;
     border-bottom: 1px solid #dedede
 }
 
 .stripe-t-left:before,
 .stripe-t-right:before,
 .stripe-t-back:before {
     height: 3px;
     border-bottom: 1px solid #dedede
 }
 
 .striped-title:after,
 .striped-title:before {
     top: 4px;
     bottom: 2px;
     width: 11px;
     border-left: 4px solid #dedede;
     border-right: 4px solid #dedede
 }
 
 .striped-title:after {
     right: -25px
 }
 
 .striped-title:before {
     left: -25px
 }
 
 .special-stripe {
     min-width: 50px;
     margin: 0;
     bottom: 0
 }
 
 .special-stripe:after,
 .special-stripe:before {
     bottom: 0!important
 }
 
 .polygon-bg .stripe-t-left:before,
 .polygon-bg .stripe-t-right:before,
 .polygon-bg .stripe-t-back:before,
 .polygon-bg .stripe-t-left:after,
 .polygon-bg .stripe-t-right:after,
 .polygon-bg .stripe-t-back:after,
 .polygon-bg .striped-title:after,
 .polygon-bg .striped-title:before {
     border-color: #292929
 }
 
 .mozilla h5.stripe-over:after,
 .mozilla h5.stripe-over:before,
 h6.stripe-over:after,
 h6.stripe-over:before {
     bottom: -23px
 }
 
 .striped-title.no-border-ab .stripe-t-left:after,
 .striped-title.no-border-ab .stripe-t-left:before {
     margin-right: 15px
 }
 
 .striped-title.no-border-ab .stripe-t-right:after,
 .striped-title.no-border-ab .stripe-t-right:before {
     margin-left: 15px
 }
 
 .striped-section {
     margin-top: 55px;
     position: relative;
     border-top: 5px solid #dedede;
     border-bottom: 5px solid #dedede;
     z-index: 0
 }
 
 .striped-section:before,
 .striped-section:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 1px;
     left: 0;
     background: #bfbfbf;
     z-index: 1
 }
 
 .striped-section:before {
     top: -5px
 }
 
 .striped-section:after {
     bottom: -5px
 }
 
 .striped-icon {
     display: none
 }
 
 .striped-section .striped-icon,
 .striped-section .striped-icon:after {
     position: absolute;
     display: block;
     border-radius: 100%;
     width: 66px;
     height: 66px;
     left: 50%;
     margin-left: -33px;
     z-index: 2
 }
 
 .striped-section .striped-icon:after {
     content: "";
     top: -5px;
     border: 1px solid #bfbfbf
 }
 
 .striped-section .striped-icon {
     color: #00a1cb;
     font-size: 24px;
     line-height: 56px;
     text-align: center;
     top: -35px;
     background: #fff;
     border: 5px solid #dedede
 }
 
 .section-description {
     color: #606060;
     font-weight: 300;
     font-size: 1em;
     font-family: 'Oswald', sans-serif;
     text-transform: uppercase;
     text-align: center
 }
 
 .polygon-bg .section-description {
     color: #777
 }
 
 .icon {
     color: #00a1cb;
     font-size: 1.5rem;
     width: 70px;
     height: 70px;
     /* border: 1px solid #dedede; */
     line-height: 68px;
     margin-bottom: 25px;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .icon.icon-big {
     color: #2d2d2d;
     border: 0 solid transparent;
     font-size: 3.125rem
 }
 
 .icon.icon-left {
     float: left
 }
 
 .icon.inv {
     background: #00a1cb;
     color: #fff
 }
 
 .circle {
     border-radius: 100%
 }
 
 .arrow-circle {
     position: relative;
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     background: #292929;
     width: 80px;
     height: 80px;
     border-radius: 100%;
     line-height: 80px;
     font-size: 24px;
     z-index: 0
 }
 
 .arrow-circle:after {
     content: "";
     position: absolute;
     right: -38px;
     top: 25px;
     height: 30px;
     width: 30px;
     border: 15px solid #fff;
     border-left-color: transparent;
     z-index: -1
 }
 
 .arrow-circle .arrow {
     color: #00a1cb;
     background: #fff;
     font-size: 14px;
     position: absolute;
     top: 25px;
     height: 30px;
     width: 32px;
     right: -45px;
     line-height: 30px;
     z-index: 1;
     padding-left: 7px
 }
 
 .arrow-circle .arrow:after {
     content: "";
     position: absolute;
     right: -30px;
     top: 0;
     height: 30px;
     width: 30px;
     border: 15px solid transparent;
     border-left-color: #fff
 }
 
 .arrow-circle .arrow:before {
     content: "";
     position: absolute;
     top: 0;
     left: -5px;
     width: 15px;
     height: 30px;
     border-right: 11px solid #fff;
     border-radius: 0 18px 18px 0;
     z-index: -1
 }
 
 .pagination>li:first-child>a,
 .pagination>li:first-child>span,
 .pagination>li:last-child>a,
 .pagination>li:last-child>span {
     border-radius: 0
 }
 
 .pagination>li>a,
 .pagination>li>span {
     color: #606060;
     margin: 5px;
     height: 40px;
     line-height: 36px;
     min-width: 40px;
     padding: 0;
     text-align: center
 }
 
 .pagination>li>.current:hover,
 .pagination>li>.current,
 .pagination>li>a:hover {
     color: #fff;
     border-color: #00a1cb;
     background: #00a1cb
 }
 
 .owl-controls {
     text-align: center;
     margin-top: 45px
 }
 
 .owl-page {
     background-color: transparent;
     border: 1px solid #00a1cb;
     border-radius: 0;
     display: inline-block;
     width: 15px;
     height: 15px;
     margin: 0 2px
 }
 
 .owl-page.active {
     background-color: #00a1cb;
     border: 1px solid #00a1cb
 }
 
 .carousel-indicators .active,
 .carousel-indicators li {
     border-radius: 0;
     border-color: #00a1cb;
     height: 15px;
     width: 15px;
     margin: 2px
 }
 
 .post .carousel-indicators .active,
 .post .carousel-indicators li {
     border-color: #fff;
     background: rgba(255, 255, 255, 0.4)
 }
 
 .carousel-indicators .active,
 .post .carousel-indicators .active {
     background: #00a1cb
 }
 
 .post .carousel-indicators {
     bottom: 0;
     margin-bottom: 4px
 }
 
 .v2 .post .carousel-indicators {
     opacity: 0
 }
 
 .v2 .post:hover .carousel-indicators {
     opacity: 1
 }
 
 .polygon-bg .prev,
 .polygon-bg .next {
     border-color: #fff;
     color: #fff
 }
 
 .polygon-bg .prev:hover,
 .polygon-bg .next:hover {
     background: #fff;
     color: #00a1cb
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next,
 .focuz-main-slider .ms-skin-default .ms-nav-prev {
     background: rgba(255, 255, 255, .8);
     width: 50px;
     height: 50px;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next:hover,
 .focuz-main-slider .ms-skin-default .ms-nav-prev:hover {
     background: rgba(255, 255, 255, 1)
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next {
     right: 0
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-prev {
     left: 0
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next:before,
 .focuz-main-slider .ms-skin-default .ms-nav-prev:before {
     position: absolute;
     color: #00a1cb;
     top: 17px;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next:before {
     content: "\f178";
     right: 17px
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-prev:before {
     content: "\f177";
     left: 17px
 }
 
 .social-icons ul {
     padding: 0
 }
 
 .social-icons ul>li {
     display: inline-block;
     margin-bottom: 3px
 }
 
 .social-icons ul>li>a .icon-content {
     font-size: 15px;
     font-family: 'Oswald', sans-serif;
     font-weight: 300;
     color: #2d2d2d;
     height: 32px;
     width: 32px;
     background-color: #FFF;
     padding: 5.5px 10px;
     text-transform: uppercase;
     text-align: center;
     overflow: hidden;
     -webkit-transition: all .4s;
     -moz-transition: all .4s;
     -ms-transition: all .4s;
     -o-transition: all .4s;
     transition: all .4s
 }
 
 .social-icons ul>li>a .icon-content:before {
     font-family: FontAwesome;
     font-size: 16px;
     padding-right: 15px
 }
 
 .social-icons ul>li>a:hover .icon-content {
     width: 125px;
     background-color: #00a1cb;
     color: #FFF
 }
 
 .form-control {
     min-height: 40px;
     margin: 0 0 20px;
     border: 2px solid #e6e6e6;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 textarea.form-control {
     min-height: 100px
 }
 
 .form-control:focus {
     border: 2px solid #00a1cb
 }
 
 .form-control,
 .form-control:focus {
     border-radius: 0;
     outline-style: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none
 }
 
 .contact-form .form-control {
     border-top: none;
     border-left: none;
     border-right: none
 }
 
 .checkbox-btn+label {
     font-weight: 400;
     cursor: pointer;
     position: relative;
     padding-left: 25px;
     z-index: 0
 }
 
 input[type="checkbox"].checkbox-btn {
     display: none
 }
 
 input[type="checkbox"].checkbox-btn+label:after {
     content: "";
     position: absolute;
     top: 3px;
     left: 0;
     width: 15px;
     height: 15px;
     border: 2px solid #e6e6e6;
     z-index: 1
 }
 
 input[type="checkbox"].checkbox-btn+label:before {
     content: "";
     position: absolute;
     top: -7px;
     left: 4px;
     color: #afacac;
     z-index: 2;
     font-size: 20px
 }
 
 .checkbox-btn.checkbox-lg+label {
     padding-left: 35px;
     line-height: 35px
 }
 
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:after {
     width: 25px;
     height: 25px
 }
 
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:before {
     top: -8px;
     left: 8px;
     font-size: 30px
 }
 
 input[type="checkbox"].checkbox-btn:checked+label:before {
     content: "\2713";
     color: #00a1cb
 }
 
 input[type="checkbox"].checkbox-btn:checked+label:after {
     border-color: #00a1cb
 }
 
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:after,
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .radio-btn+label {
     cursor: pointer;
     font-weight: 400;
     position: relative;
     padding-left: 25px;
     z-index: 0
 }
 
 input[type="radio"].radio-btn {
     display: none
 }
 
 input[type="radio"].radio-btn+label:after {
     content: "";
     position: absolute;
     border-radius: 100%;
     top: 3px;
     left: 0;
     width: 15px;
     height: 15px;
     border: 2px solid #e6e6e6;
     z-index: 1
 }
 
 input[type="radio"].radio-btn+label:before {
     content: "";
     border-radius: 100%;
     background: transparent;
     position: absolute;
     width: 7px;
     height: 7px;
     top: 7px;
     left: 4px;
     color: #afacac;
     z-index: 2
 }
 
 .radio-btn.radio-lg+label {
     padding-left: 35px;
     line-height: 35px
 }
 
 input[type="radio"].radio-btn.radio-lg+label:after {
     width: 25px;
     height: 25px
 }
 
 input[type="radio"].radio-btn.radio-lg+label:before {
     width: 15px;
     height: 15px;
     top: 8px;
     left: 5px
 }
 
 input[type="radio"].radio-btn:checked+label:before {
     background: #00a1cb
 }
 
 input[type="radio"].radio-btn:checked+label:after {
     border-color: #00a1cb
 }
 
 input[type="radio"].radio-btn.radio-lg+label:after,
 input[type="radio"].radio-btn.radio-lg+label:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .callout-action h2 {
     font-size: 22px
 }
 
 .callout-action .action-links a {
     color: #606060;
     font-size: 14px;
     font-weight: 500
 }
 
 .callout-action .action-links a:hover {
     color: #00a1cb
 }
 
 .callout-action .action-links span.or {
     font-family: 'Oswald', sans-serif;
     width: 40px;
     height: 40px;
     font-size: 16px;
     font-weight: 800;
     text-transform: uppercase;
     text-align: center;
     display: inline-block;
     border: 1px solid #FFF;
     border-radius: 50%;
     line-height: 37px;
     margin: 15px
 }
 
 .callout-action .callout-background {
     position: relative;
     top: 0;
     right: 0
 }
 
 .callout-action .action-description {
     color: #777;
     font-weight: 600;
     text-transform: capitalize
 }
 
 .callout-action .btn.purchase {
     color: #fff;
     margin-top: 30px;
     margin-bottom: 80px
 }
 
 .callout-action.top-part {
     position: relative;
     border-top: 4px solid #2d2d2d;
     z-index: 0
 }
 
 .callout-action.top-part:after {
     content: "";
     position: absolute;
     bottom: -5px;
     left: 0;
     right: 0;
     height: 1px;
     width: 100%;
     background: #bfbfbf;
     display: inherit;
     z-index: 1
 }
 
 .dark-bg .callout-content .callout-title {
     color: #fff;
     margin-top: 10px
 }
 
 .dark-bg .callout-content .purchase {
     background: #fff;
     color: #2d2d2d
 }
 
 .dark-bg .callout-content .purchase:hover {
     background: #00a1cb;
     color: #fff
 }
 
 .blue-bg .callout-content .callout-title {
     color: #fff;
     margin-top: 10px
 }
 
 .blue-bg .callout-content .btn {
     background: #00a1cb;
     color: #fff
 }
 
 .blue-bg .callout-content .btn:hover {
     background: #fff;
     color: #00a1cb
 }
 
 .progress.v1 {
     height: 40px;
     background: #ebebeb;
     -webkit-box-shadow: none;
     box-shadow: none;
     margin-bottom: 10px
 }
 
 .progress.v1 .progress-bar.default-bar {
     background-color: #00a1cb
 }
 
 .progress.v1 .progress-bar {
     text-align: left;
     font-size: 13px;
     font-weight: 400;
     line-height: 38px;
     padding-left: 15px;
     position: relative
 }
 
 .progress.v1 .progress-bar:before {
     content: "";
     top: 0;
     right: 0;
     width: 20px;
     height: 40px;
     position: absolute;
     border-style: solid;
     border-width: 20px 0 20px 20px;
     border-color: #ebebeb #ebebeb #ebebeb #00a1cb
 }
 
 .progress.v3 {
     height: 10px;
     width: 58%;
     margin-top: 14px
 }
 
 .progress.v3 .progress-bar.default-bar {
     background-color: #00a1cb
 }
 
 .progress-bg {
     background: #fff;
     height: 40px;
     border: 1px solid #ddd;
     margin-bottom: 10px;
     display: block;
     padding-right: 50px;
     position: relative
 }
 
 .progress-name {
     background: #000;
     color: #fff;
     padding: 10px 3px;
     float: left;
     margin-right: 15px;
     font-size: 13px;
     text-transform: uppercase;
     width: 35%;
     text-align: center;
     position: relative;
     z-index: 0
 }
 
 .progress-name:after {
     content: "";
     position: absolute;
     border: 1px solid #000;
     z-index: 1;
     left: -1px;
     right: -1px;
     top: -1px;
     bottom: 0
 }
 
 .progress-count {
     position: absolute;
     right: 0;
     bottom: 0;
     border-left: 1px solid #ddd;
     display: block;
     height: 38px;
     line-height: 37px;
     font-size: 13px;
     width: 10%;
     text-align: center
 }
 
 .panel-group .panel,
 .panel {
     border-radius: 0;
     margin-bottom: 10px
 }
 
 .panel-title {
     font-size: .8125rem;
     font-weight: 700;
     font-family: 'Roboto', sans-serif;
     text-transform: inherit
 }
 
 .panel-title a {
     color: #606060;
     min-height: 40px;
     display: inline-block;
     position: relative;
     padding-left: 15px;
     padding-right: 40px;
     line-height: 30px;
     padding-top: 5px;
     width: 100%
 }
 
 .panel-title a[class^="fa-"] {
     padding-left: 40px
 }
 
 .panel-title a:after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     width: 40px;
     text-align: center;
     line-height: 38px;
     border-left: 1px solid #dedede;
     font-family: FontAwesome;
     content: "\f0d8"
 }
 
 .panel-title a,
 .panel-title a.collapsed:hover {
     color: #00a1cb
 }
 
 .panel-title a.collapsed {
     color: #606060
 }
 
 .panel-title a.collapsed:after {
     position: absolute;
     top: 0;
     right: 0;
     font-family: FontAwesome;
     content: "\f0d7"
 }
 
 .panel-title a[class^="fa-"]:before {
     position: absolute;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 1rem;
     width: 40px;
     text-align: center;
     height: 43px;
     left: 0;
     top: 0;
     line-height: 40px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .panel-default>.panel-heading {
     background-color: transparent;
     padding: 0
 }
 
 .panel-body p,
 .panel-body {
     color: #777;
     font-size: .875rem;
     line-height: 24px
 }
 
 .panel-body .panel {
     margin-bottom: 10px;
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .tab-content table {
     font-size: 14px
 }
 
 .tab-content .commentlist {
     padding-left: 0
 }
 
 .tab-content .comment-content {
     margin-left: 95px
 }
 
 .tab-content .comment-author span {
     font-size: 14px;
     padding-left: 15px
 }
 
 .tv1 .nav-tabs>li:first-child {
     margin-left: 35px
 }
 
 .tv1 .nav-tabs>li>a {
     border-radius: 0;
     border: 1px solid #dedede;
     color: #606060;
     font-family: "Roboto", sans-serif;
     font-size: 13px;
     font-weight: 700;
     margin-right: 5px
 }
 
 .tv1 .nav-tabs>li.active>a {
     color: #00a1cb;
     background: #fff;
     position: relative
 }
 
 .tv1 .nav-tabs>li.active>a:before {
     content: "";
     position: absolute;
     left: -1px;
     right: -1px;
     top: -1px;
     height: 2px;
     background-color: #00a1cb
 }
 
 .tv1 .nav-tabs>li>a:hover {
     color: #fff;
     background: #00a1cb;
     border-color: #00a1cb
 }
 
 .tv1 .nav-tabs>li.active>a {
     border-bottom-color: #fff
 }
 
 .tv1 .tab-content {
     border: 1px solid #dedede;
     border-top: none;
     padding: 35px;
     overflow: hidden
 }
 
 .tv1 .tab-content .tab-image {
     padding-top: 2px
 }
 
 .tv1 .tab-content .tab-image.pull-right {
     padding-left: 30px
 }
 
 .tv1 .tab-pane p:last-child {
     margin-bottom: 0
 }
 
 .tv2 .nav-tabs {
     border-bottom: 0
 }
 
 .tv2 .nav-tabs>li {
     margin-bottom: 20px
 }
 
 .tv2 .nav-tabs>li>a {
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     background: transparent;
     border: 5px solid #dedede;
     color: #606060;
     width: 130px;
     height: 130px;
     border-radius: 50%;
     text-align: center;
     line-height: 102px;
     margin: 0 60px
 }
 
 .tv2 .nav-tabs>li.active>a,
 .tv2 .nav-tabs>li.active>a:hover,
 .tv2 .nav-tabs>li.active>a:focus {
     color: #00a1cb;
     background-color: transparent;
     border: 5px solid #00a1cb
 }
 
 .tv2 .nav-tabs>li>a:hover {
     color: #00a1cb;
     border-color: #00a1cb
 }
 
 .tv2 .tab-content>.tab-pane {
     text-align: center
 }
 
 .tv2 .stripe-left:before,
 .tv2 .stripe-right:after {
     content: "";
     position: absolute;
     border-top: 1px solid #dedede;
     border-bottom: 1px solid #dedede;
     width: 50px;
     top: 64px;
     height: 5px
 }
 
 .tv2 .stripe-left:after,
 .tv2 .stripe-right:before {
     content: "";
     position: absolute;
     border-bottom: 1px solid #dedede;
     width: 50px;
     top: 64px;
     height: 3px
 }
 
 .tv2 .stripe-right:after,
 .tv2 .stripe-right:before {
     right: 0
 }
 
 .polygon-bg .tv2 .nav-tabs>li>a {
     border-color: #2d2d2d
 }
 
 .polygon-bg .tv2 .nav-tabs>li>a:hover {
     border-color: #00a1cb;
     color: #fff
 }
 
 .polygon-bg .tv2 .nav-tabs>li.active>a,
 .polygon-bg .tv2 .nav-tabs>li.active>a:hover,
 .polygon-bg .tv2 .nav-tabs>li.active>a:focus {
     color: #fff;
     border-color: #00a1cb
 }
 
 .polygon-bg .tv2 .stripe-left:after,
 .polygon-bg .tv2 .stripe-right:before,
 .polygon-bg .tv2 .stripe-left:before,
 .polygon-bg .tv2 .stripe-right:after {
     border-color: #2d2d2d
 }
 
 .features-list {
     padding-left: 0
 }
 
 .features-list li {
     font-family: 'Roboto', sans-serif;
     font-size: 13px;
     position: relative;
     list-style: none;
     float: left;
     width: 50%;
     padding: 5px 0 5px 25px;
     line-height: 24px
 }
 
 .features-list li:before {
     position: absolute;
     top: 10px;
     left: 0;
     content: "\f046";
     color: #00a1cb;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 18px;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .pc-mockup-box {
     display: table;
     position: relative;
     padding-bottom: 25px
 }
 
 .pc-mockup-box .screenshot-slider {
     position: absolute;
     top: 6%;
     left: 12.5%;
     right: 12.5%
 }
 
 .pc-mockup-box .screenshot-slider img {
     max-width: inherit;
     width: 100%
 }
 
 .pc-mockup-box .screenshot-slider .carousel-indicators {
     bottom: -85px
 }
 
 .team-member {
     position: relative;
     z-index: 0
 }
 
 .team-member .member-img-box {
     position: relative;
     border: 1px solid #bfbfbf;
     background: #dedede;
     padding: 4px
 }
 
 .team-member .member-img-box:before {
     content: "";
     top: 4px;
     left: 4px;
     right: 4px;
     bottom: 4px;
     position: absolute;
     background: rgba(0, 161, 203, 0.0)
 }
 
 .team-member:hover .member-img-box:before {
     background: rgba(0, 161, 203, 0.7)
 }
 
 .team-member .member-img-box img {
     width: 100%
 }
 
 .team-member .social-icons {
     top: 50%;
     left: 0;
     right: 0;
     margin-top: -15px;
     position: absolute;
     opacity: 0
 }
 
 .team-member:hover .social-icons {
     opacity: 1
 }
 
 .team-member .social-icons a {
     color: #1c1c1c;
     background: #fff;
     display: inline-block;
     line-height: 30px;
     text-align: center;
     min-width: 30px
 }
 
 .team-member .social-icons a:hover {
     background: #1c1c1c;
     color: #fff
 }
 
 .team-member .name-container {
     margin-top: -50px
 }
 
 .team-member .member-name {
     position: relative;
     background: #fff;
     display: inline-block;
     line-height: 40px;
     padding: 0 15px
 }
 
 .team-member:hover .member-name {
     z-index: -1
 }
 
 .team-member .member-name:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 2px;
     background: #00a1cb
 }
 
 .team-member .member-description {
     font-family: "Roboto", sans-serif;
     font-weight: 500;
     font-size: 14px
 }
 
 .team-member .mail-icon,
 .team-member .phone-icon {
     padding-right: 10px;
     color: #aaa
 }
 
 .team-member .member-designation,
 .team-member .member-email,
 .team-member .member-phone {
     color: #00a1cb
 }
 
 .team-member .member-contact {
     padding-top: 10px;
     color: #aaa
 }
 
 .team-member .member-name,
 .team-member .social-icons,
 .team-member .social-icons a,
 .team-member .member-img-box:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .team-member.v2 {
     position: relative
 }
 
 .team-member.v2 .member-img-box {
     padding: 0;
     border: none
 }
 
 .team-member.v2 .member-img-box:before {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0
 }
 
 .team-member.v2:hover .member-img-box:before {
     background: #1c1c1c
 }
 
 .team-member.v2 .member-name {
     background: inherit;
     position: inherit
 }
 
 .team-member.v2 .member-details {
     position: absolute;
     top: 20px;
     left: 20px;
     right: 20px;
     bottom: 20px;
     border: 1px solid #fff
 }
 
 .team-member.v2 .name-container {
     margin-top: 0
 }
 
 .team-member.v2 .member-name {
     position: inherit;
     font-size: 24px;
     padding-top: 15%;
     color: #fff
 }
 
 .team-member.v2 .member-name:before {
     background: transparent
 }
 
 .team-member.v2 .social-icons {
     position: relative;
     top: inherit;
     bottom: inherit;
     margin-top: 0;
     opacity: 1
 }
 
 .team-member.v2 .member-designation,
 .team-member.v2 .member-email,
 .team-member.v2 .member-phone,
 .team-member.v2 .member-contact,
 .team-member.v2 .mail-icon,
 .team-member.v2 .phone-icon {
     color: #777
 }
 
 .team-member.v2 .social-icons a:hover {
     background-color: #00a1cb
 }
 
 .team-member.v2 .stripe-over:before,
 .team-member.v2 .stripe-full:before,
 .team-member.v2 .stripe-bfixw:before,
 .team-member.v2 .stripe-over:after,
 .team-member.v2 .stripe-full:after,
 .team-member.v2 .stripe-bfixw:after {
     border-color: #292929
 }
 
 .team-member.v2 .member-details {
     opacity: 0;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .team-member.v2:hover .member-details {
     opacity: 1
 }
 
 @media screen and (max-width: 1360px) {
     .team-member.v2 .member-name {
         padding-top: 5%
     }
 }
 
 .widget .stripe-full {
     padding-top: 3px;
     margin-bottom: 25px
 }
 
 .widget {
     padding-bottom: 20px
 }
 
 .widget .stripe-full:after,
 .widget .stripe-full:before {
     bottom: -10px
 }
 
 .widget .stripe-over:after,
 .widget .stripe-over:before {
     bottom: -14px
 }
 
 .mozilla .blog-page .widget .stripe-over:after,
 .mozilla .blog-page .widget .stripe-over:before {
     bottom: -13px
 }
 
 .widget p {
     line-height: 24px
 }
 
 .widget ul {
     list-style: none;
     padding-left: 0
 }
 
 .widget_about_us .contact-info {
     padding-left: 0;
     padding-top: 10px
 }
 
 .widget_about_us .contact-info>li {
     color: #777;
     font-size: .875em;
     list-style: none;
     position: relative;
     line-height: 28px;
     padding-left: 30px
 }
 
 .widget_about_us .contact-info>li:before {
     position: absolute;
     top: 8px;
     left: 0;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .widget_about_us .contact-info a {
     color: #777
 }
 
 .widget_about_us .contact-info a:hover {
     color: #00a1cb
 }
 
 .widget .flinks>li {
     font-size: .85em;
     padding-bottom: 10px;
     list-style-type: disc;
     list-style-position: inside
 }
 
 .widget .flinks>li a {
     color: #777
 }
 
 .widget .flinks>li a:hover {
     color: #00a1cb
 }
 
 .widget .recentposts {
     padding-left: 0
 }
 
 .widget .recentposts>li {
     font-size: .85em;
     list-style: none;
     overflow: hidden;
     padding-bottom: 20px
 }
 
 .widget .recentposts>li>.rp-img {
     float: left;
     width: 80px;
     height: 80px;
     margin-right: 15px;
     position: relative
 }
 
 .widget .recentposts>li>.rp-img a:before,
 .widget .recentposts>li>.rp-img a:after {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .widget .recentposts>li>.rp-img a:before {
     content: "";
     background-color: rgba(0, 161, 203, 0.8);
     z-index: 1
 }
 
 .widget .recentposts>li>.rp-img a:after {
     color: #fff;
     content: "\f002";
     font: normal normal normal 14px/1 FontAwesome;
     text-align: center;
     font-size: inherit;
     line-height: 80px;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     z-index: 2
 }
 
 .widget .recentposts>li>.rp-img a:hover:before,
 .widget .recentposts>li>.rp-img a:hover:after {
     opacity: 1
 }
 
 .widget .recentposts>li>.rp-txt {
     margin-left: 95px;
     padding-top: 15px;
     line-height: 25px
 }
 
 .widget .recentposts>li>.rp-txt,
 .widget .recentposts>li .entry-title a {
     color: #777;
     display: block
 }
 
 .widget .author,
 .widget .author a,
 .widget .entry-date {
     font-style: italic;
     font-size: .75rem;
     color: #606060
 }
 
 .widget .author a:hover,
 .widget .recentposts>li .entry-title a:hover {
     color: #00a1cb
 }
 
 .widget .twitter-feeds {
     padding-left: 0
 }
 
 .widget .twitter-feeds>li {
     list-style: none;
     padding-left: 40px;
     position: relative;
     font-size: .875rem;
     padding-bottom: 20px;
     line-height: 25px;
     overflow: hidden
 }
 
 .widget .twitter-feeds>li:before {
     position: absolute;
     left: 0;
     top: 5px;
     content: "\f099";
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 1.5rem;
     text-rendering: auto
 }
 
 .widget .twitter-feeds>li>.tweet {
     overflow: hidden
 }
 
 .widget .twitter-feeds>li>.tweet>a {
     color: #777;
     display: block
 }
 
 .widget .twitter-feeds>li>.tweet>a:hover {
     color: #00a1cb
 }
 
 .widget .twitter-feeds>li>.tweet>.tweet-time {
     color: #606060;
     display: inline-block;
     float: right;
     position: relative;
     font-style: italic
 }
 
 .widget .twitter-feeds>li>.tweet>.tweet-time:after {
     position: absolute;
     content: "";
     top: 15px;
     right: 100%;
     height: 1px;
     width: 1000px;
     margin-right: 10px;
     background-color: #292929
 }
 
 .sidebar-widgets .tweet {
     color: #777
 }
 
 .sidebar-widgets .widget .twitter-feeds>li>.tweet>a {
     color: #2d2d2d
 }
 
 .widget_newslatter .subscirbe-form {
     position: relative
 }
 
 input#subscibe_email:focus {
     color: #606060;
     background: #1a1a1a
 }
 
 .widget_newslatter .subscirbe-form input[type="text"] {
     width: 100%;
     background: #1c1c1c;
     border: none!important;
     outline: none!important;
     padding: 10px 15px;
     font-size: .75rem;
     height: 40px;
     font-style: italic
 }
 
 .widget_newslatter .subscirbe-form input[type="submit"] {
     position: absolute;
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     right: 0;
     top: 0;
     height: 40px;
     border: none!important;
     outline: none!important;
     padding: 10px 15px;
     background: #00a1cb
 }
 
 .widget_newslatter .subscirbe-form .subscibe-btn {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .widget_newslatter .subscirbe-form .subscibe-btn:hover {
     background: #fff;
     color: #2d2d2d
 }
 
 .callout-content.section-padding {
     padding-top: 30px
 }
 
 .footer-widget-container .stripe-full:before,
 .footer-widget-container .stripe-bfixw:before {
     border-top: 1px solid #292929
 }
 
 .footer-widget-container .stripe-full:after,
 .footer-widget-container .stripe-bfixw:after {
     border-top: 1px solid #292929;
     border-bottom: 1px solid #292929
 }
 
 .footer-widget .widget-title {
     color: #fff
 }
 
 .footer-widget,
 .footer-widget p {
     color: #ccc
 }
 
 .widget_categories li {
     border-bottom: 1px solid #ebebeb
 }
 
 .widget_categories li a {
     color: #606060;
     display: block;
     padding: 10px;
     font-weight: 700
 }
 
 .widget_categories li a:before {
     width: 12px;
     height: 12px;
     display: inline-block;
     margin-right: 10px;
     content: "\f058";
     font: normal normal normal 14px/1 FontAwesome;
     color: #00a1cb
 }
 
 .widget_categories .badge {
     width: 50px;
     line-height: 25px;
     margin-top: -5px
 }
 
 .widget_categories li a:before,
 .widget_categories .badge {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .widget_categories li:hover a {
     color: #00a1cb
 }
 
 .widget_recent_projects li {
     display: inline-block;
     margin-right: -4px;
     padding-right: 0;
     overflow: hidden;
     margin-bottom: -6px
 }
 
 .widget_recent_projects a {
     display: block
 }
 
 .widget_recent_projects .recentposts>li {
     padding-bottom: 0
 }
 
 .widget_recent_projects .recentposts>li>.rp-img {
     width: auto;
     height: 92px;
     margin-right: 0
 }
 
 .widget_recent_projects .recentposts>li>.rp-img a:after {
     content: "\f0c1";
     line-height: 95px
 }
 
 .tagcloud a {
     padding: 8px 11px;
     display: inline-block;
     border: 1px solid #dedede;
     margin: 0 5px 8px 0
 }
 
 .tagcloud a:hover {
     background: #00a1cb;
     color: #fff;
     border: 1px solid transparent
 }
 
 .widget_recent_posts .comments-link {
     display: block;
     font-size: 12px
 }
 
 .widget_recent_posts .comments-link a {
     color: #606060
 }
 
 .widget_recent_posts .comments-link a:hover,
 .sidebar-widgets .widget .twitter-feeds>li>.tweet>a:hover {
     color: #00a1cb
 }
 
 .sidebar-widgets .widget .recentposts>li>.rp-txt {
     padding-top: 3px
 }
 
 #wp-calendar {
     width: 100%
 }
 
 #wp-calendar caption {
     border: 1px solid #ddd;
     text-align: center;
     margin-bottom: 18px;
     text-transform: uppercase;
     font-weight: 700
 }
 
 #wp-calendar tbody td,
 #wp-calendar thead th {
     text-align: center
 }
 
 #wp-calendar table,
 #wp-calendar th,
 #wp-calendar td {
     border: 1px solid #ddd;
     line-height: 40px
 }
 
 #wp-calendar td a {
     font-weight: 900;
     display: block
 }
 
 #wp-calendar tbody td {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 #wp-calendar td a:hover {
     background: #00a1cb;
     color: #fff
 }
 
 td#prev,
 td#next {
     text-align: center
 }
 
 .widget_text .textwidget {
     color: #777;
     font-size: 14px;
     line-height: 24px
 }
 
 .widget_text .textwidget ol,
 .widget_text .textwidget ul {
     list-style: inherit;
     padding-left: 20px
 }
 
 .widget_text .textwidget img {
     margin: 15px 0
 }
 
 #header {
     min-height: 120px
 }
 
 #header,
 #top-menu-container,
 #header-wrap {
     -webkit-transition: all .35s ease;
     -moz-transition: all .35s ease;
     -ms-transition: all .35s ease;
     -o-transition: all .35s ease;
     transition: all .35s ease
 }
 
 #header-wrap {
     position: relative;
     background: #f8f8f8;
     border-top: 3px solid #00a1cb;
     border-bottom: 5px solid #dedede;
     width: 100%;
     margin: 0
 }
 
 #header-wrap:after {
     content: "";
     position: absolute;
     background: #bfbfbf;
     left: 0;
     bottom: -1px;
     height: 1px;
     width: 100%
 }
 
 #header-wrap .container {
     position: relative
 }
 
 #top-menu-container.navbar-fixed-top {
     top: -130px
 }
 
 #top-menu-container.fix-menu {
     top: 0
 }
 
 #logo {
     position: relative;
     float: left;
     height: 120px
 }
 
 #logo a {
     color: #00a1cb;
     display: block;
     line-height: 120px
 }
 
 #logo img {
     display: inline;
     max-width: 100%
 }
 
 #primary-menu {
     float: right
 }
 
 #primary-menu-trigger,
 #page-submenu-trigger {
     position: absolute;
     top: 50%;
     pointer-events: none;
     cursor: pointer;
     font-size: 14px;
     line-height: 50px;
     text-align: center;
     margin-top: -25px;
     width: 50px;
     height: 50px;
     opacity: 0;
     -webkit-transition: opacity .3s ease;
     -o-transition: opacity .3s ease;
     transition: opacity .3s ease
 }
 
 #primary-menu ul {
     list-style: none;
     margin: 0;
     padding: 0
 }
 
 #primary-menu>ul {
     float: left
 }
 
 #primary-menu ul li {
     position: relative;
     float: left;
     margin-left: 2px
 }
 
 #primary-menu>ul>li.sub-menu {
     padding-right: 10px
 }
 
 #primary-menu>ul>li.sub-menu>a>div:after,
 #primary-menu>ul>li.sub-menu li.sub-menu:after {
     position: relative;
     color: #aaa;
     content: "\f103";
     font-size: 14px;
     font-family: FontAwesome;
     font-weight: 400;
     text-rendering: auto;
     top: 0;
     left: 5px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 #primary-menu>ul>li.sub-menu li.sub-menu:after {
     position: absolute;
     content: "\f101";
     left: 100%;
     top: 10px;
     margin-left: -25px
 }
 
 #primary-menu>ul>li.sub-menu.mega-menu li.sub-menu:after {
     display: none
 }
 
 #primary-menu>ul>li.sub-menu.sfHover>a>div:after,
 #primary-menu>ul>li.sub-menu.sfHover li.sub-menu.sfHover:after {
     color: #00a1cb
 }
 
 #primary-menu ul li.mega-menu {
     position: inherit
 }
 
 #primary-menu ul li:first-child {
     margin-left: 0
 }
 
 #primary-menu ul li a {
     display: block;
     height: 120px;
     line-height: 120px;
     padding: 0 15px;
     color: #2d2d2d;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: .8px;
     font-family: 'Oswald', sans-serif;
     -webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
     -o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
     transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease
 }
 
 #primary-menu ul li i {
     position: relative;
     font-size: 14px!important;
     top: 1px;
     line-height: 99px;
     width: 14px;
     text-align: center;
     margin-right: 6px;
     -webkit-transition: line-height .4s ease;
     -o-transition: line-height .4s ease;
     transition: line-height .4s ease
 }
 
 #primary-menu>ul>li:hover a,
 #primary-menu>ul>li.current a {
     color: #00a1cb
 }
 
 #primary-menu>ul>li.current>a:after {
     position: absolute;
     content: '';
     left: 15px;
     right: 15px;
     bottom: -5px;
     background: #00a1cb;
     height: 5px;
     z-index: 1
 }
 
 #primary-menu>ul>li.sub-menu.current>a:after {
     right: 33px
 }
 
 #primary-menu li:hover>ul {
     display: block
 }
 
 #primary-menu ul ul,
 #primary-menu ul li .mega-menu-content {
     display: none;
     position: absolute;
     width: 230px;
     background-color: #fff;
     box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
     border-top: 5px solid #00a1cb;
     height: auto;
     top: 120px;
     left: 0;
     margin: 0;
     z-index: 9999
 }
 
 #primary-menu ul ul ul {
     top: -5px!important;
     left: 220px
 }
 
 #primary-menu ul ul li {
     float: none;
     margin: 0;
     border-bottom: 1px solid #e4e4e4
 }
 
 #primary-menu ul ul li:first-child {
     border-top: 0
 }
 
 #primary-menu ul ul li:last-child {
     border-bottom: 0
 }
 
 #primary-menu ul ul a {
     border: 0!important;
     color: #777!important;
     font-family: 'Roboto', sans-serif;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 0;
     line-height: 42px!important;
     height: auto;
     padding-top: 0!important;
     padding-bottom: 0!important;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     text-transform: capitalize
 }
 
 #primary-menu ul ul li:hover>a {
     background-color: #F9F9F9;
     color: #00a1cb!important;
     padding-left: 18px
 }
 
 #primary-menu ul ul i {
     line-height: inherit;
     padding-right: 10px
 }
 
 #primary-menu ul li .mega-menu-content {
     width: 400px
 }
 
 #primary-menu ul li.mega-menu .mega-menu-content {
     margin: 0 15px;
     width: 670px;
     left: 500px;
     top: 120px
 }
 
 #primary-menu ul li .mega-menu-content ul {
     position: relative;
     top: 0;
     display: block;
     min-width: inherit
 }
 
 #primary-menu ul li .mega-menu-content>ul {
     float: left
 }
 
 #primary-menu ul li .mega-menu-content ul {
     display: block!important;
     opacity: 1!important;
     top: 0;
     left: 0
 }
 
 #primary-menu ul li .mega-menu-content.col-2>ul,
 #primary-menu ul li .mega-menu-content.col-3>ul,
 #primary-menu ul li .mega-menu-content.col-4>ul,
 #primary-menu ul li .mega-menu-content.col-5>ul {
     width: 50%;
     margin: 0;
     border-left: 1px solid #F2F2F2
 }
 
 #primary-menu ul li .mega-menu-content.col-3>ul {
     width: 33.33%
 }
 
 #primary-menu ul li .mega-menu-content.col-4>ul {
     width: 25%
 }
 
 #primary-menu ul li .mega-menu-content.col-5>ul {
     width: 20%
 }
 
 #primary-menu ul li .mega-menu-content>ul:first-child {
     border-left: 0
 }
 
 #primary-menu ul li .mega-menu-content ul a {
     height: auto;
     line-height: 42px
 }
 
 #primary-menu ul li .mega-menu-content ul {
     width: 100%;
     border: 0;
     box-shadow: none;
     background-color: transparent
 }
 
 #primary-menu ul li .mega-menu-content>ul {
     padding: 30px 20px
 }
 
 #primary-menu ul li .mega-menu-content ul a {
     padding: 0
 }
 
 #primary-menu ul li .mega-menu-content ul a:hover {
     padding-left: 12px
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title.sub-menu>a,
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title.sub-menu:hover>a {
     background: none
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title {
     margin-top: 20px
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title:first-child {
     margin: 0
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title>a {
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase!important;
     margin-bottom: 15px;
     color: #444!important;
     padding: 0;
     height: auto!important;
     line-height: 1.3!important
 }
 
 #primary-menu .mega-menu-content .menu-contact {
     color: #777;
     padding-top: 10px
 }
 
 #primary-menu .mega-menu-content .menu-contact li {
     position: relative;
     padding: 8px 0 8px 20px;
     border: none;
     font-size: 13px
 }
 
 #primary-menu .mega-menu-content .menu-contact li i {
     position: absolute;
     top: 8px;
     left: 0
 }
 
 #primary-menu .mega-menu-content .menu-img {
     padding: 8px 0
 }
 
 #primary-menu .mega-menu-content .menu-img a:hover {
     padding-left: 0
 }
 
 #primary-menu .mega-menu-content a.btn {
     border: 1px solid #ddd!important
 }
 
 #primary-menu .mega-menu-content a.btn:hover {
     border-color: #00a1cb!important;
     color: #fff!important;
     padding-left: 0!important
 }
 
 #primary-menu .mega-menu-content .carousel-indicators li {
     border: 1px solid #fff
 }
 
 #top-search,
 #top-cart {
     float: right;
     margin: 40px 0 0 10px
 }
 
 #top-cart {
     position: relative
 }
 
 #top-search a.hd-icons,
 #top-cart a.hd-icons {
     display: block;
     position: relative;
     border: 1px solid #00a1cb;
     width: 36px;
     height: 36px;
     font-size: 14px;
     line-height: 27px;
     text-align: center;
     border-radius: 50%;
     color: #00a1cb;
     -webkit-transition: color .3s ease-in-out;
     -o-transition: color .3s ease-in-out;
     transition: color .3s ease-in-out
 }
 
 #top-search a.hd-icons:hover,
 #top-cart a.hd-icons:hover {
     background: #00a1cb;
     color: #fff
 }
 
 #top-cart a.hd-icons i {
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -8px;
     margin-left: -8px
 }
 
 #top-search a {
     z-index: 11
 }
 
 #top-cart a:hover {
     color: #00a1cb
 }
 
 #top-search a i {
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -8px;
     margin-left: -5px;
     -webkit-transition: opacity .3s ease;
     -o-transition: opacity .3s ease;
     transition: opacity .3s ease
 }
 
 #top-search form {
     opacity: 0;
     z-index: -2;
     position: absolute;
     width: 100%!important;
     height: 100%!important;
     margin: 0;
     top: 0;
     left: 0;
     -webkit-transition: opacity .3s ease-in-out;
     -o-transition: opacity .3s ease-in-out;
     transition: opacity .3s ease-in-out
 }
 
 body.top-search-open #top-search form {
     opacity: 1;
     z-index: 10
 }
 
 #top-search form input {
     background-color: #f8f8f8;
     box-shadow: none!important;
     border-radius: 0;
     border: 0;
     color: #333;
     font-weight: 700;
     font-size: 32px;
     letter-spacing: 2px;
     outline: 0!important;
     height: 100%;
     margin-top: 0!important;
     padding: 10px 80px 10px 20px
 }
 
 #top-search form input::-moz-placeholder {
     color: #555;
     text-transform: uppercase;
     opacity: 1
 }
 
 #top-search form input:-ms-input-placeholder {
     color: #555;
     text-transform: uppercase
 }
 
 #top-search form input::-webkit-input-placeholder {
     color: #555;
     text-transform: uppercase
 }
 
 #primary-menu .container #top-search form input,
 .sticky-header #top-search form input {
     border: none!important
 }
 
 #top-cart {
     margin-right: 0
 }
 
 #top-cart>a>span {
     position: absolute;
     top: -5px;
     right: -4px;
     background-color: #2d2d2d;
     border-radius: 50%;
     color: #fff;
     font-size: 10px;
     line-height: 16px;
     text-align: center;
     display: block;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     width: 16px;
     height: 16px
 }
 
 #top-cart .top-cart-content {
     position: absolute;
     top: 80px;
     right: 0;
     left: auto;
     width: 280px;
     background-color: #fff;
     box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.07);
     border-top: 5px solid #00a1cb;
     margin: -10000px 0 0;
     -webkit-transition: opacity .5s ease, top .4s ease;
     -o-transition: opacity .5s ease, top .4s ease;
     transition: opacity .5s ease, top .4s ease;
     opacity: 0;
     z-index: -2
 }
 
 #top-cart.top-cart-open .top-cart-content {
     opacity: 1;
     z-index: 11;
     margin-top: 0
 }
 
 .top-cart-title {
     padding: 12px 15px;
     border-bottom: 1px solid #eee
 }
 
 .top-cart-title h4 {
     margin-bottom: 0;
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px
 }
 
 .top-cart-items {
     padding: 15px
 }
 
 .top-cart-item {
     padding-top: 15px;
     margin-top: 15px;
     border-top: 1px solid #F5F5F5
 }
 
 .top-cart-item:first-child {
     padding-top: 0;
     margin-top: 0;
     border-top: 0
 }
 
 .top-cart-item-image {
     float: left;
     margin-right: 15px;
     width: 48px!important;
     height: 48px!important;
     border: 2px solid #eee;
     -webkit-transition: border-color .2s linear;
     -moz-transition: border-color .2s linear;
     -ms-transition: border-color .2s linear;
     -o-transition: border-color .2s linear;
     transition: border-color .2s linear
 }
 
 .top-cart-item-image a,
 .top-cart-item-image img {
     display: block;
     width: 44px!important;
     height: 44px!important
 }
 
 .top-cart-item-image:hover {
     border-color: #00a1cb
 }
 
 .top-cart-item-desc {
     position: relative;
     overflow: hidden
 }
 
 .top-cart-item-desc a {
     text-align: left!important;
     font-size: 13px!important;
     width: auto!important;
     height: auto!important;
     font-weight: 600
 }
 
 .top-cart-item-desc a:hover {
     color: #00a1cb!important
 }
 
 .top-cart-item-desc span.top-cart-item-price {
     display: block;
     color: #999;
     font-size: 12px!important;
     line-height: 20px
 }
 
 .top-cart-item-desc span.top-cart-item-quantity {
     position: absolute;
     color: #444;
     display: block;
     font-size: 12px!important;
     right: 0;
     top: 2px
 }
 
 .top-cart-action {
     padding: 15px;
     border-top: 1px solid #eee
 }
 
 .top-cart-action span.top-checkout-price {
     color: #00a1cb
 }
 
 body.top-search-open #top-search a i.fa-search,
 #top-search a i.fa-close {
     opacity: 0
 }
 
 body.top-search-open #top-search a i.fa-close {
     opacity: 1;
     z-index: 11
 }
 
 .navbar-fixed-top #logo {
     height: 102px
 }
 
 .navbar-fixed-top #logo a {
     line-height: 102px
 }
 
 .navbar-fixed-top #primary-menu>ul>li>a {
     height: 102px;
     line-height: 102px
 }
 
 .navbar-fixed-top #primary-menu ul ul,
 .navbar-fixed-top #primary-menu ul li .mega-menu-content,
 .navbar-fixed-top #primary-menu ul li.mega-menu .mega-menu-content {
     top: 102px
 }
 
 .overflow-yscroll .isotope-masonry-items {
     width: 1920px
 }
 
 .portfolioFilter {
     text-align: center;
     margin-bottom: 60px
 }
 
 .portfolio-item figure {
     position: relative;
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
     overflow: hidden;
     z-index: 0
 }
 
 .portfolio-item.border-style {
     border: 1px solid #bfbfbf;
     background: #dedede;
     padding: 4px
 }
 
 .portfolio-item figure img {
     max-width: 100%;
     height: auto;
     vertical-align: middle;
     width: 100%;
     max-width: inherit;
     border: transparent;
     -webkit-transition: -webkit-transform .3s ease;
     -moz-transition: -moz-transform .3s ease;
     -ms-transition: -ms-transform .3s ease;
     -o-transition: -o-transform .3s ease;
     transition: transform .3s ease
 }
 
 .portfolio-item .item-w2 {
     background: #ED9393;
     width: 60%
 }
 
 .portfolio-item .item-h2 {
     background: #7CB744;
     height: 680px
 }
 
 .portfolio-item .item-h3 {
     background: #38B5E5
 }
 
 .portfolio-item,
 .isotope .isotope-item {
     -webkit-transition-duration: .8s;
     -moz-transition-duration: .8s;
     -ms-transition-duration: .8s;
     -o-transition-duration: .8s;
     transition-duration: .8s;
     -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
 }
 
 .portfolioFilter {
     clear: both;
     margin: auto;
     padding-bottom: 15px;
     text-align: center;
     width: auto
 }
 
 .portfolioFilter a,
 .portfolio-item,
 .portfolio-item figure:after,
 .portfolio-item figure:before,
 .portfolio-item figure .item-description,
 .portfolio-item figure .item-title,
 .portfolio-item figure .item-category,
 .portfolio-item figure .item-link,
 .portfolio-item figure .item-link:after,
 figure .item-link a,
 figure .item-link a:after,
 figure .item-link a:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .portfolio-item,
 .portfolio-item .item {
     padding: 0
 }
 
 .portfolio-item figure:after {
     background-color: rgba(0, 161, 203, 0.71);
     content: "";
     display: inline-block;
     height: 100%;
     width: 100%;
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1
 }
 
 .portfolio-item figure:hover:after {
     background-color: rgba(0, 161, 203, 0.71);
     -webkit-animation: portfolioOverlay .5s;
     -moz-animation: portfolioOverlay .5s;
     -ms-animation: portfolioOverlay .5s;
     -o-animation: portfolioOverlay .5s;
     animation: portfolioOverlay .5s;
     top: 52%;
     left: 0
 }
 
 .portfolio-item figure .item-link:after {
     content: "";
     background-color: rgba(0, 161, 203, 0.71);
     border-radius: 20px 20px 0 0;
     position: absolute;
     width: 90px;
     height: 20px;
     top: 100%;
     left: 50%;
     margin-left: -45px;
     z-index: 2
 }
 
 .portfolio-item figure:hover .item-link:after {
     top: 52%;
     margin-top: -20px
 }
 
 figure .item-link a {
     position: absolute;
     color: #fff;
     border-radius: 100%;
     border: 1px solid #fff;
     display: inline-block;
     line-height: 28px;
     font-size: 12px;
     width: 30px;
     height: 30px;
     top: 100%;
     left: 50%;
     text-align: center;
     z-index: 3
 }
 
 figure:hover .item-link a {
     top: 52%;
     margin-top: -10px
 }
 
 figure .item-link a.project-link {
     margin-left: -34px;
     -webkit-transition-delay: .25s;
     -moz-transition-delay: .25s;
     -ms-transition-delay: .25s;
     -o-transition-delay: .25s;
     transition-delay: .25s
 }
 
 figure .item-link a.zoom-link {
     margin-left: 5px;
     -webkit-transition-delay: .35s;
     -moz-transition-delay: .35s;
     -ms-transition-delay: .35s;
     -o-transition-delay: .35s;
     transition-delay: .35s
 }
 
 figure .item-link a:hover {
     top: 52%;
     color: #00a1cb;
     background: #fff
 }
 
 .portfolio-item figure .item-description {
     position: absolute;
     width: 100%;
     height: 120px;
     top: 52%;
     margin-top: 80px;
     left: -20%;
     z-index: 2;
     padding: 0 15px;
     -webkit-transition-delay: .25s;
     -moz-transition-delay: .25s;
     -ms-transition-delay: .25s;
     -o-transition-delay: .25s;
     transition-delay: .25s
 }
 
 .portfolio-item figure:hover .item-description {
     margin-top: 20px;
     left: 0
 }
 
 .portfolio-item figure .item-title {
     font-size: 1.125em;
     bottom: 75px;
     -webkit-transition-delay: .45s;
     -moz-transition-delay: .45s;
     -ms-transition-delay: .45s;
     -o-transition-delay: .45s;
     transition-delay: .45s
 }
 
 .portfolio-item figure .item-category {
     font-size: .75em;
     display: inline-block;
     bottom: 55px;
     -webkit-transition-delay: .55s;
     -moz-transition-delay: .55s;
     -ms-transition-delay: .55s;
     -o-transition-delay: .55s;
     transition-delay: .55s
 }
 
 .portfolio-item figure .item-title,
 .portfolio-item figure .item-category {
     position: absolute;
     color: #fff;
     text-align: center;
     left: -100%;
     width: 100%
 }
 
 .portfolio-item figure:hover .item-title,
 .portfolio-item figure:hover .item-category {
     left: 0
 }
 
 .portfolio-item figure .item-title {
     font-size: 1em;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 20px;
     margin-bottom: 5px
 }
 
 .portfolio-item figure .item-category .numbers:before {
     content: " - "
 }
 
 .isotope-filters .btn {
     color: #2d2d2d
 }
 
 .isotope-filters .btn.active,
 .isotope-filters .btn:hover,
 .isotope-filters .bg-btn {
     color: #fff;
     border-color: #00a1cb;
     background: #00a1cb
 }
 
 .portfolio-item.v2 .item {
     padding: 0 15px 15px
 }
 
 .portfolio-item.v2 figure {
     height: auto
 }
 
 .portfolio-item.v2 figure .item-description {
     border-bottom: 2px solid #dedede;
     margin-top: 0
 }
 
 .portfolio-item.v2 figure .item-description,
 .portfolio-item.v2 figure .item-title,
 .portfolio-item.v2 figure .item-category {
     position: inherit;
     top: inherit;
     left: inherit;
     right: inherit;
     bottom: inherit
 }
 
 .portfolio-item.v2 figure .item-title,
 .portfolio-item.v2 figure .item-category {
     color: inherit;
     margin-top: 0;
     -webkit-transition-delay: 0;
     -moz-transition-delay: 0;
     -ms-transition-delay: 0;
     -o-transition-delay: 0;
     transition-delay: 0
 }
 
 .portfolio-item.v2 figure .item-title {
     padding-top: 40px
 }
 
 .portfolio-item.v2 figure .item-category {
     color: #aaa
 }
 
 .portfolio-item.v2 figure:hover .item-description {
     margin-top: inherit;
     top: inherit;
     border-bottom: 2px solid #00a1cb;
     -webkit-transition: border 0 ease;
     -moz-transition: border 0 ease;
     -ms-transition: border 0 ease;
     -o-transition: border 0 ease;
     transition: border 0 ease
 }
 
 .portfolio-item.v2 figure:hover .item-title,
 .portfolio-item.v2 figure:hover .item-category {
     color: #fff
 }
 
 .portfolio-item.v2 figure:hover:after {
     background: #00a1cb;
     top: 100%;
     margin-top: -120px
 }
 
 .portfolio-item.v2 figure:hover .item-link:after {
     background: #00a1cb;
     top: 100%;
     margin-top: -140px
 }
 
 .v2 figure:hover .item-link a {
     top: 100%;
     margin-top: -130px
 }
 
 .portfolio-item.v3 {
     padding-top: 40px
 }
 
 .portfolio-item.v3 .col-sm-6 {
     max-width: 450px;
     margin: auto
 }
 
 .portfolio-item.v4 figure:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     -webkit-transition-delay: .25s;
     -moz-transition-delay: .25s;
     -ms-transition-delay: .25s;
     -o-transition-delay: .25s;
     transition-delay: .25s
 }
 
 .portfolio-item.v4 figure:after {
     top: 50%;
     left: 50%;
     right: 50%;
     bottom: 50%;
     width: 0;
     height: 0
 }
 
 .portfolio-item.v4 figure:hover:after {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%
 }
 
 .portfolio-item.v4 figure:hover:before {
     border: 1px solid #fff;
     top: 15px;
     left: 15px;
     right: 15px;
     bottom: 15px;
     width: auto;
     height: auto;
     z-index: 2
 }
 
 .portfolio-item.v4 figure .item-link:after {
     background: #fff;
     height: 50px;
     border-radius: 25px
 }
 
 .portfolio-item.v4 figure:hover .item-link a {
     border-color: #00a1cb;
     color: #00a1cb;
     margin-top: -35px
 }
 
 .portfolio-item.v4 figure .item-link a:hover {
     color: #fff;
     background: #00a1cb
 }
 
 .portfolio-item.v4 figure .item-link a.project-link {
     margin-left: -33px
 }
 
 .portfolio-item.v4 figure .item-link:after {
     top: 52%;
     opacity: 0
 }
 
 .portfolio-item.v4 figure:hover .item-link:after {
     opacity: 1;
     margin-top: -45px
 }
 
 .item-container {
     padding-top: 30px
 }
 
 .item-container:hover .icon {
     background: #00a1cb;
     border-color: #00a1cb;
     color: #fff
 }
 
 .item-container:hover .icon.inv {
     color: #00a1cb;
     background: transparent
 }
 
 .item-container:hover .icon.icon-big {
     background: inherit;
     border-color: transparent;
     color: #00a1cb
 }
 
 .item-container .feature-text {
     margin-left: 90px
 }
 
 .item-container .feature-text .btn {
     margin: 15px 5px 20px 0
 }
 
 .item-container.v2 {
     border: 1px solid #dedede;
     margin-top: 35px;
     padding: 40px 30px 30px
 }
 
 .item-container.v2:hover,
 .item-container.v2 .icon {
     background: #00a1cb;
     border-color: #00a1cb;
     color: #fff
 }
 
 .item-container.v2:hover .stripe-bfixw:before,
 .item-container.v2:hover .stripe-bfixw:after {
     border-color: #fff
 }
 
 .item-container.v2:hover .sub-title,
 .item-container.v2:hover p {
     color: #fff
 }
 
 .item-container.v2 .sub-title {
     color: #aaa;
     font-size: .75rem
 }
 
 .item-container.v2:hover .icon {
     background: #fff;
     color: #00a1cb
 }
 
 .item-container.v3 .feature-text {
     margin-left: 0
 }
 
 .item-container.v3 .icon {
     border-radius: 100%;
     line-height: 48px;
     font-size: 1rem;
     margin-bottom: 10px;
     width: 50px;
     height: 50px
 }
 
 .btn.read-more.no-border:hover {
     color: #2d2d2d
 }
 
 .item-container.service .icon {
     width: 40px;
     float: left;
     font-size: 1em;
     margin-top: 10px
 }
 
 .item-container.service .icon.v2 {
     border-width: 2px;
     border-radius: 25px;
     height: 60px;
     line-height: 56px
 }
 
 .item-container.service .service-text {
     margin-left: 60px
 }
 
 .item-container.service .sub-title {
     color: #aaa;
     font-size: .75rem;
     margin-bottom: 15px
 }
 
 .item-container.service .texts {
     color: #777
 }
 
 .item-container.service .feature-title {
     margin-bottom: 5px
 }
 
 .item-container.service .feature-title a {
     color: #2d2d2d;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .item-container.service .feature-title:hover a {
     color: #00a1cb
 }
 
 .item-container.service.v4 .feature-text {
     margin-left: 0
 }
 
 .item-container.service.v4 .icon {
     width: 70px;
     border-color: #00a1cb;
     font-size: 20px
 }
 
 .item-container.service.v4 .service-text {
     margin-left: 100px
 }
 
 .operation-title {
     margin-top: 30px
 }
 
 .operation-title a {
     color: #fff
 }
 
 .operation-title a:hover {
     color: #00a1cb
 }
 
 .operation-title+p {
     color: #777
 }
 
 .item-container .arrow-circle,
 .item-container .arrow-circle span {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .item-container:hover .arrow-circle {
     background: #00a1cb
 }
 
 .item-container .arrow-circle .hover-icon {
     font-size: 0
 }
 
 .item-container:hover .arrow-circle .hover-icon {
     font-size: inherit
 }
 
 .item-container:hover .arrow-circle .number {
     font-size: 0
 }
 
 .operation .arrow-circle {
     margin-top: 20px
 }
 
 .price-item {
     position: relative;
     margin-top: 85px;
     border-top: 1px solid #dedede;
     padding-top: 80px;
     margin-bottom: 10px;
     z-index: 0
 }
 
 .price-item:after {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     content: "";
     position: absolute;
     border-left: 1px solid #dedede;
     border-right: 1px solid #dedede;
     z-index: -1
 }
 
 .price-item .price-box {
     position: absolute;
     border: 1px solid #dedede;
     background: #fff;
     height: 112px;
     width: 112px;
     left: 50%;
     top: -55px;
     margin-left: -56px;
     padding: 10px
 }
 
 .price-item .inner {
     background: #1c1c1c;
     color: #fff;
     width: 100%;
     height: 100%;
     padding-top: 20px
 }
 
 .price-item .inner,
 .price-item:hover .featured,
 .price-item .stripe-over {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .price-item .inner .currency,
 .price-item .inner .price-number {
     font-family: 'Oswald', sans-serif;
     font-size: 1.375rem;
     font-weight: 700
 }
 
 .price-item .inner .duration {
     display: inline-block;
     font-size: .8125rem;
     width: 100%;
     text-align: center
 }
 
 .price-item .featured+.stripe-over {
     padding-left: 20px;
     padding-right: 20px
 }
 
 .price-item .featured.left {
     margin-right: -20px
 }
 
 .price-item .featured.right {
     margin-left: -20px
 }
 
 .price-item:hover .inner {
     background: #00a1cb
 }
 
 .price-item:hover .featured,
 .price-item:hover .stripe-over {
     color: #00a1cb
 }
 
 .price-item .item-description {
     list-style: none;
     padding-left: 0;
     font-size: .875rem;
     padding-top: 6px;
     padding-bottom: 10px
 }
 
 .price-item .item-description li {
     padding: 6px 10px;
     line-height: 24px
 }
 
 .price-item .btn {
     border: 0 solid transparent;
     color: #fff;
     background: #1c1c1c
 }
 
 .price-item .btn:hover {
     background: #00a1cb
 }
 
 .price-item.v2 {
     background-color: #1c1c1c;
     margin-top: 35px;
     padding-top: 20px
 }
 
 .price-item.v2 .stripe-over {
     color: #fff;
     padding-bottom: 15px
 }
 
 .price-item.v2:hover .stripe-over:after,
 .price-item.v2:hover .stripe-over:before,
 .price-item.v2:hover .stripe-over:before,
 .price-item.v2:hover .stripe-full:before,
 .price-item.v2:hover .stripe-bfixw:before {
     border-color: #dedede
 }
 
 .price-item.v2 .stripe-over:after,
 .price-item.v2 .stripe-over:before {
     bottom: -18px
 }
 
 .price-item.v2 .btn {
     background: #00a1cb;
     text-transform: uppercase
 }
 
 .price-item.v2 .price-box {
     background: #fff;
     position: inherit;
     height: 90px;
     width: 90px;
     left: inherit;
     top: inherit;
     margin-left: inherit;
     margin-bottom: 15px;
     border-color: transparent;
     border-radius: 100%
 }
 
 .price-item.v2 .inner {
     background: transparent;
     border-radius: 100%;
     color: #2d2d2d;
     padding: 0;
     padding-top: 8px
 }
 
 .price-item.v2 .featured,
 .price-item.v2 .item-description {
     color: #fff;
     text-transform: uppercase
 }
 
 .price-item.v2 .item-description {
     font-family: "Oswald", sans-serif;
     font-weight: 300
 }
 
 .price-item.v2 .stripe-full {
     margin-bottom: 50px
 }
 
 .price-item.v2:hover {
     background: #fff
 }
 
 .price-item.v2:hover .featured,
 .price-item.v2:hover .stripe-over,
 .price-item.v2:hover .item-description {
     color: #2d2d2d
 }
 
 .price-item.v2:hover .price-box {
     background: #00a1cb
 }
 
 .price-item.v2:hover .inner {
     color: #fff
 }
 
 .price-item.v2:hover .btn:hover {
     background: #1c1c1c
 }
 
 .price-item.v2 .stripe-over:after,
 .price-item.v2 .stripe-over:before,
 .price-item.v2 .stripe-over:before,
 .price-item.v2 .stripe-full:before,
 .price-item.v2 .stripe-bfixw:before {
     border-color: #292929;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .price-item.v2,
 .price-item.v2 .featured,
 .price-item.v2 .stripe-over,
 .price-item.v2 .item-description,
 .price-item.v2 .btn {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .testimonial-item {
     position: relative;
     margin-top: 70px
 }
 
 .testimonial-item .client-img {
     position: absolute;
     left: 50%;
     width: 60px;
     height: 60px;
     background: #dedede;
     margin-top: -30px;
     margin-left: -30px;
     padding: 5px
 }
 
 .testimonial-item .testimonial-txt {
     border: 1px solid #dedede;
     border-bottom: 2px solid #00a1cb;
     padding: 45px 25px 5px
 }
 
 .testimonial-item .client-company {
     color: #aaa;
     font-size: .6875rem
 }
 
 .testimonial-item .client-company:before,
 .testimonial-item .client-company:after {
     content: " - "
 }
 
 .testimonial-item .testimonial-footer {
     padding-top: 8px
 }
 
 .testimonial-item .client-rating {
     color: #00a1cb;
     padding-top: 8px
 }
 
 .logo-carousel .item {
     width: 100%;
     height: 100px;
     padding: 0 10px
 }
 
 .logo-carousel .item .item-content {
     width: 100%;
     height: 100%
 }
 
 .logo-carousel .item .item-content a {
     border: 1px solid #dedede;
     display: inline-block;
     width: 100%;
     height: 100%;
     text-align: center
 }
 
 .logo-carousel .item .item-content a img {
     position: relative;
     top: 50%;
     opacity: .99;
     -webkit-backface-visibility: hidden;
     transform: translateY(-50%);
     -webkit-filter: grayscale(100%);
     -webkit-transition: opacity .2s ease;
     -moz-transition: opacity .2s ease;
     -o-transition: opacity .2s ease;
     transition: opacity .2s ease
 }
 
 .logo-carousel .item .item-content a:hover {
     border: 1px solid #606060
 }
 
 .logo-carousel .item .item-content a:hover img {
     -webkit-filter: grayscale(0%);
     opacity: 1
 }
 
 .polygon-bg .logo-carousel .item .item-content a {
     border: 1px solid rgba(41, 41, 41, 0.6);
     background: rgba(41, 41, 41, 0.6)
 }
 
 .polygon-bg .logo-carousel .item .item-content a:hover {
     border: 1px solid rgba(41, 41, 41, 1);
     background: rgba(41, 41, 41, 1)
 }
 
 .logo-carousel-v2 {
     background: rgba(41, 41, 41, 0.6)
 }
 
 .polygon-bg .logo-carousel-v2 .logo-carousel .item .item-content a {
     border: 1px solid rgba(41, 41, 41, 0);
     background: rgba(41, 41, 41, 0)
 }
 
 .client-review-carousel {
     max-width: 100%;
     overflow: hidden;
     margin: 25px auto;
     position: relative
 }
 
 .client-review-carousel .ms-slide-info {
     position: inherit!important
 }
 
 .client-review-carousel .client-review-slider {
     max-width: 350px;
     margin: 0 auto!important;
     overflow: hidden
 }
 
 .client-review-carousel .ms-view {
     overflow: visible;
     background-color: transparent
 }
 
 .client-review-carousel .client-review-nav {
     height: 20px;
     width: 100%;
     position: absolute;
     top: 50%;
     margin-top: -10px
 }
 
 .client-review-carousel .client-review-nav .ms-nav-prev:before,
 .client-review-carousel .client-review-nav .ms-nav-next:before {
     content: '\f104';
     font: normal normal normal 14px/1 FontAwesome;
     display: inline-block;
     position: absolute;
     font-size: 25px;
     left: -30px;
     -webkit-transition: .15s all ease;
     -moz-transition: .15s all ease;
     -ms-transition: .15s all ease;
     -o-transition: .15s all ease;
     transition: .15s all ease
 }
 
 .client-review-carousel .client-review-nav .ms-nav-next:before {
     content: '\f105';
     left: auto;
     right: -30px
 }
 
 .client-review-carousel:hover .client-review-nav .ms-nav-prev:before {
     left: 25px
 }
 
 .client-review-carousel:hover .client-review-nav .ms-nav-next:before {
     right: 25px
 }
 
 .client-review-carousel .client-review-nav .ms-nav-prev:hover:before,
 .client-review-carousel .client-review-nav .ms-nav-next:hover:before {
     color: #00a1cb;
     cursor: pointer
 }
 
 .client-review-carousel .client-review-container {
     width: 100%;
     min-height: 150px
 }
 
 .clients-head .polygon-bg {
     background: url(../../images/client/clients-head.html)
 }
 
 .quote-icon {
     position: relative;
     width: 50px;
     height: 20px;
     display: inline-block
 }
 
 .quote-left,
 .quote-right {
     font-size: 36px;
     position: absolute
 }
 
 .quote-left {
     left: 15px
 }
 
 .quote-right {
     left: 0
 }
 
 .fact-item {
     padding-top: 35px
 }
 
 .fact-item .fact-count {
     color: #2d2d2d;
     font-family: "Oswald", sans-serif;
     font-size: 4.375rem;
     font-weight: 700;
     line-height: 70px
 }
 
 .fact-item .fact-details {
     font-weight: 500;
     font-family: "Roboto", sans-serif
 }
 
 .fact-item .fact-icon {
     font-size: 50px;
     color: #00a1cb
 }
 
 .post-container .item {
     padding: 0 15px
 }
 
 article.post .post-thumbnail {
     padding: 5px;
     background: #dedede;
     border: 1px solid #bfbfbf;
     position: relative
 }
 
 article.post .post-thumbnail .item {
     padding: inherit
 }
 
 article.post .post-thumbnail .slide-nav {
     opacity: 0;
     color: #00a1cb;
     width: 50px;
     height: 50px;
     top: 50%;
     margin-top: -25px;
     position: absolute;
     background: rgba(255, 255, 255, .7);
     z-index: 2;
     display: inline-block;
     text-align: center;
     line-height: 50px
 }
 
 article.post:hover .post-thumbnail .slide-nav {
     opacity: 1
 }
 
 article.post .post-thumbnail .slide-nav:hover {
     background: rgba(255, 255, 255, 1)
 }
 
 article.post .post-thumbnail .slide-nav.left {
     left: -6px
 }
 
 article.post .post-thumbnail .slide-nav.right {
     right: -6px
 }
 
 article.post .post-thumbnail img {
     width: 100%
 }
 
 article.post .carousel-indicators .active,
 article.post .carousel-indicators li {
     border-radius: 0;
     width: 14px;
     height: 14px;
     margin: 2px
 }
 
 article.post .entry-title {
     font-size: 1.125rem;
     margin-top: 30px;
     margin-bottom: 14px
 }
 
 article.post .entry-title a {
     color: #2d2d2d
 }
 
 article.post .entry-title a:hover {
     color: #00a1cb
 }
 
 article.post .entry-meta {
     position: relative;
     padding-bottom: 85px
 }
 
 article.post .category a,
 article.post .comments-link a {
     color: #aaa;
     font-size: .875em
 }
 
 article.post .comments-link a {
     margin-left: 10px
 }
 
 article.post .category a:hover,
 article.post .comments-link a:hover {
     color: #00a1cb
 }
 
 article.post .post-format,
 article.post .entry-date {
     position: absolute;
     display: inline-block;
     border-radius: 100%;
     border: 1px solid #00a1cb;
     height: 52px;
     width: 52px;
     left: 50%;
     bottom: 15px;
     text-align: center
 }
 
 article.post .post-format {
     color: #00a1cb;
     margin-left: -45px;
     line-height: 48px;
     font-size: 20px
 }
 
 article.post .entry-date {
     font-size: 12px;
     color: #fff;
     margin-right: -45px;
     background-color: #00a1cb;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 article.post .entry-date time {
     display: inline-block;
     padding-top: 7px;
     line-height: 16px
 }
 
 article.post .entry-content p {
     color: #777
 }
 
 .entry-content .btn-container {
     padding-top: 12px
 }
 
 .post-slider-btn {
     position: absolute;
     top: 18px;
     width: 100px;
     background: #fff;
     right: 0
 }
 
 .v2 .post-slider-btn {
     position: inherit;
     width: 100%;
     padding-bottom: 40px
 }
 
 .post-slider-btn .next,
 .post-slider-btn .prev {
     height: 30px;
     min-height: 30px;
     width: 30px;
     line-height: 16px;
     margin-right: 0
 }
 
 .v2 article.post .entry-meta {
     position: inherit
 }
 
 .v2 article.post .post-content-box {
     position: relative
 }
 
 .v2 article.post .entry-date {
     bottom: inherit;
     top: -70px;
     left: 0;
     width: 100%;
     border: 0 solid transparent;
     background: transparent;
     height: auto;
     border-radius: 0;
     opacity: 1
 }
 
 .v2 article.post:hover .entry-date {
     opacity: 0
 }
 
 .v2 article.post .entry-date time {
     background: #fff;
     border-top: 2px solid #00a1cb;
     color: #2d2d2d;
     line-height: 40px;
     font-size: 14px;
     font-weight: 700;
     display: inline-block;
     padding: 0 20px
 }
 
 .v2 article.post .entry-meta {
     padding-bottom: 0
 }
 
 .timeline-style .single-post {
     position: relative;
     padding-bottom: 30px;
     z-index: 0
 }
 
 .timeline-style .single-post:before {
     content: "";
     position: absolute;
     top: -10px;
     width: 20px;
     height: 1px;
     background: #dedede;
     z-index: 2
 }
 
 .timeline-style .single-post.left-side:before {
     right: -14.5px
 }
 
 .timeline-style .single-post.right-side:before {
     left: -14.5px
 }
 
 .timeline-style .single-post:after {
     content: "";
     position: absolute;
     top: -10px;
     bottom: -40px;
     width: 1px;
     background: #dedede;
     z-index: 2
 }
 
 .timeline-style .single-post.left-side:after {
     right: -15px
 }
 
 .timeline-style .single-post.right-side:after {
     left: -16px
 }
 
 .loca-more-container {
     position: relative;
     z-index: 0
 }
 
 .loca-more-container:before {
     content: "";
     position: absolute;
     top: -15px;
     left: 0;
     right: 0;
     border-top: 1px solid #dedede
 }
 
 .loca-more-container:after {
     content: "";
     position: absolute;
     top: -15px;
     left: 50%;
     margin-left: -1px;
     height: 120px;
     width: 1px;
     background: #dedede;
     z-index: -1
 }
 
 .loca-more-container .load-more {
     background-color: #2d2d2d;
     border-radius: 100%;
     color: #fff;
     display: inline-block;
     font-family: "Oswald", sans-serif;
     font-size: 13px;
     font-weight: 300;
     line-height: 17px;
     width: 70px;
     height: 70px;
     padding: 18px 10px;
     text-transform: uppercase
 }
 
 .latest-work .share-box {
     clear: both;
     display: inline-block;
     width: 100%;
     padding: 40px 0
 }
 
 .latest-work .share-title {
     color: #fff
 }
 
 .dark-bg .share-title {
     color: #fff
 }
 
 .dark-bg p {
     color: #aaa
 }
 
 .share-box.v2.black a {
     background: #000;
     color: #fff;
     width: 30px;
     height: 30px;
     display: inline-block;
     text-align: center;
     line-height: 30px
 }
 
 .hero-banner .share-box.v2.black a {
     background: transparent
 }
 
 .hero-banner .share-box.v2.black a:hover,
 .share-box.v2.black a:hover {
     background: #00a1cb
 }
 
 .share-box.v2.black {
     margin-top: 5px;
     background: #fff;
     z-index: 55;
     position: absolute;
     right: 0;
     padding-left: 10px;
     padding-right: 15px
 }
 
 .project-description p,
 p.project-description {
     margin-bottom: 25px
 }
 
 .stripe-full .project-like {
     color: #00a1cb;
     position: absolute;
     right: 0;
     top: 0
 }
 
 .project-meta {
     padding-left: 0
 }
 
 .project-meta li {
     color: #606060;
     list-style: none;
     padding: 10px 0;
     border-bottom: 1px solid #ebebeb;
     overflow: hidden
 }
 
 .project-meta li:last-child {
     border-bottom: none
 }
 
 .project-meta li:first-child {
     padding-top: 0
 }
 
 .project-meta .meta-icon,
 .project-meta .meta-icon {
     color: #606060;
     font-size: 14px;
     padding-right: 5px
 }
 
 .project-meta .meta-text {
     color: #777;
     font-size: 14px
 }
 
 .site-footer {
     background: #202020;
     border-top: 5px solid #dedede;
     position: relative;
     z-index: 0
 }
 
 .site-footer:before {
     position: absolute;
     content: "";
     top: -5px;
     left: 0;
     right: 0;
     height: 1px;
     width: 100%;
     background: #bfbfbf;
     display: inherit;
     z-index: 1
 }
 
 .fw-top-stripe {
     margin-top: 5px;
     border-bottom: 1px solid #292929
 }
 
 .fwt-stripe-inner {
     max-width: 1170px;
     margin: auto;
     height: 5px;
     margin-bottom: -3px;
     border-top: 1px solid #292929;
     border-bottom: 1px solid #292929
 }
 
 .footer-top-common {
     background-color: #1c1c1c;
     padding: 15px 0 5px;
     border-top: 1px solid #232323
 }
 
 .footer-top-common .social-icons {
     margin-top: 5px
 }
 
 .footer-container {
     background: #1c1c1c;
     border-top: 2px solid #00a1cb;
     min-height: 80px;
     max-width: 1200px;
     margin: auto;
     padding-top: 30px
 }
 
 .footer-menu li {
     float: left;
     list-style: none
 }
 
 .copyrights,
 .footer-menu li {
     font-size: 14px
 }
 
 .copyrights,
 .copyrights a,
 .footer-menu li a {
     color: #fff;
     display: inline-block
 }
 
 .footer-menu li a {
     padding: 0 15px;
     border-right: 1px solid #292929
 }
 
 .footer-menu li:last-child a {
     border: none
 }
 
 .copyrights a:hover,
 .footer-menu li a:hover {
     color: #00a1cb
 }
 
 .blog-page .pagination {
     margin-top: 50px
 }
 
 .blog-page.left-sidebar .pagination {
     margin-right: 10px
 }
 
 .blog-page.right-sidebar .pagination {
     margin-left: 15px
 }
 
 .social-icons .big-icon {
     display: inline-block;
     width: 88px;
     height: 120px;
     border: 1px solid #dedede;
     text-align: center
 }
 
 .big-icon .icon {
     font-size: 30px;
     border: none;
     display: block;
     width: auto;
     height: auto;
     margin-bottom: 0;
     line-height: 62px
 }
 
 .big-icon .count {
     display: block;
     font-size: 14px
 }
 
 .big-icon .count-name {
     display: block;
     font-size: 13px;
     font-weight: 700
 }
 
 .big-icon .count,
 .big-icon .count-name {
     color: #606060
 }
 
 .big-icon:hover {
     background: #00a1cb;
     border: 1px solid transparent
 }
 
 .big-icon:hover .icon,
 .big-icon:hover .count,
 .big-icon:hover .count-name {
     color: #fff
 }
 
 .blog-timeline .entry-meta.top-meta {
     z-index: 9
 }
 
 .blog-timeline .entry-meta.top-meta:before {
     content: "";
     border-bottom: 1px solid #ddd;
     position: absolute;
     width: 100%;
     top: -10px;
     display: block;
     z-index: -9
 }
 
 .blog-timeline article.post .post-format {
     background: #fff;
     z-index: -8
 }
 
 .blog-timeline article.post .entry-meta {
     padding-bottom: 30px
 }
 
 .classic-02 .post-thumbnail.striped-section .striped-icon {
     top: inherit;
     bottom: -33px;
     left: inherit;
     right: 20px;
     line-height: inherit
 }
 
 .classic-02 article.post .entry-meta.left-meta .post-format,
 article.post .entry-meta.left-meta .entry-date {
     bottom: inherit
 }
 
 .classic-02 article.post .entry-meta.left-meta .entry-date {
     left: 30px;
     right: inherit
 }
 
 .classic-02 article.post .entry-meta.left-meta .post-format {
     bottom: -67px;
     right: inherit;
     left: 75px
 }
 
 .blog-page audio,
 .blog-page video {
     width: 100%
 }
 
 .quote-post {
     background: #fff;
     padding: 20px
 }
 
 .quote-post:before {
     content: "\f10d";
     color: #00a1cb;
     display: inline-block;
     font: normal normal normal 30px/1 FontAwesome;
     float: left;
     display: block;
     overflow: hidden;
     margin-right: 15px
 }
 
 .quote-content,
 .post-thumbnail .tweet {
     display: block;
     overflow: hidden
 }
 
 .quote-name p {
     color: #00a1cb;
     font-style: italic;
     font-weight: 700
 }
 
 .post-thumbnail .twitter-feeds:before {
     content: "\f099";
     color: #fff;
     display: inline-block;
     font: normal normal normal 30px/1 FontAwesome;
     float: left;
     display: block;
     overflow: hidden;
     margin-right: 15px
 }
 
 .post-thumbnail .twitter-feeds {
     background: #00a1cb;
     padding: 20px
 }
 
 .post-thumbnail .tweet p,
 .post-thumbnail .tweet a {
     color: #fff;
     font-size: 14px
 }
 
 .post-thumbnail .tweet-time p {
     font-size: 12px;
     font-style: italic
 }
 
 .post-thumbnail .share-box {
     padding: 40px 0
 }
 
 .post-thumbnail .share-box a {
     color: #fff
 }
 
 .post-thumbnail .share-box a:hover {
     color: #00a1cb
 }
 
 .blog-timeline.classic-02.blog-rows article.post .entry-meta.left-meta .entry-date {
     left: 10px
 }
 
 .blog-timeline.classic-02.blog-rows article.post .entry-meta.left-meta .post-format {
     left: 55px
 }
 
 .blog-page .post-content-box .project-like {
     margin-top: 58px;
     margin-top: 59px;
     color: #00a1cb
 }
 
 .blog-page .share-box.dark-bg {
     color: #fff
 }
 
 .comment-area ol {
     padding-left: 0;
     list-style: none
 }
 
 .comment-area .comment-author {
     display: block;
     overflow: hidden;
     margin-right: 30px
 }
 
 .comment-area .comment-body-right {
     display: block;
     overflow: hidden
 }
 
 .comment-metadata .fn {
     display: block
 }
 
 .comment-metadata .fn a,
 .reply a {
     font-size: 14px;
     color: #2d2d2d
 }
 
 .comment-metadata .fn a:hover,
 .reply a:hover {
     color: #00a1cb
 }
 
 .comment-metadata time {
     font-size: 12px;
     color: #aaa;
     font-style: italic
 }
 
 .comment-area .reply a {
     font-weight: 700
 }
 
 .comment-content {
     margin-top: 15px
 }
 
 .comment-area .children {
     margin: 30px 0 30px 100px
 }
 
 .comment-area .left-form {
     width: 45%
 }
 
 .comment-area .right-form {
     width: 50%
 }
 
 .li-square {
     list-style: none;
     padding-left: 0
 }
 
 .li-square li {
     color: #333;
     display: block;
     font-size: 14px;
     font-weight: 400;
     margin-bottom: 12px;
     margin-left: 20px
 }
 
 .li-square li:before {
     width: 12px;
     height: 12px;
     display: inline-block;
     margin-right: 10px;
     content: "\f00c";
     font: normal normal normal 14px/1 FontAwesome;
     color: #00a1cb
 }
 
 .li-square li:hover {
     color: #00a1cb
 }
 
 .about-description p {
     margin-bottom: 25px
 }
 
 .about-page .tv1 .nav-tabs>li:first-child {
     margin-left: 0
 }
 
 .callout-content.dark-bg .callout-title {
     margin-top: 7px;
     color: #fff
 }
 
 .hire-me {
     background: #fff;
     color: #606060
 }
 
 .v2 .testimonial-item .testimonial-txt {
     border: 0;
     border-bottom: 0
 }
 
 .v2 .testimonial-item .testimonial-footer {
     text-align: center
 }
 
 .about-description .designation {
     color: #aaa;
     margin-left: 5px
 }
 
 .circle-or {
     font-size: 16px;
     font-weight: 700;
     color: #00a1cb;
     text-transform: uppercase;
     width: 40px;
     height: 40px;
     border: 1px solid #00a1cb;
     border-radius: 50%;
     display: block;
     text-align: center;
     line-height: 37px;
     margin: 8px auto
 }
 
 .google-map-container {
     width: 100%;
     height: 200px
 }
 
 .google-map-container img {
     max-width: inherit;
     height: inherit
 }
 
 .contact .item-container.v2:hover a {
     color: #fff
 }
 
 .contact .form-control {
     margin-bottom: 22px
 }
 
 .contact.v2 .google-map-container {
     width: 100%;
     height: 500px
 }
 
 .contact.v2 .map-container {
     position: relative
 }
 
 .contact.v2 .contact-form {
     width: 370px;
     padding: 20px;
     background: #fff;
     position: absolute;
     top: 30px
 }
 
 .contact.v2 .form-control {
     margin-bottom: 0
 }
 
 .error {
     display: none;
     padding: 10px;
     margin: 0 0 5px;
     color: #D8000C;
     font-size: 12px;
     background-color: #FFBABA
 }
 
 .success {
     display: none;
     padding: 10px;
     color: #044406;
     font-size: 12px;
     background-color: #B7FBB9
 }
 
 .error img,
 .success img {
     margin-right: 10px
 }
 
 .portfolio-images.border-style {
     border: 1px solid #bfbfbf;
     background: #dedede;
     padding: 4px
 }
 
 .portfolio-images.border-style-top {
     border-top: 1px solid #bfbfbf;
     background: #dedede;
     padding-top: 4px
 }
 
 .portfolio-row-3 .col-md-6 {
     position: relative
 }
 
 .portfolio-row-3 .left-img-full,
 .portfolio-row-3 .right-img-full {
     width: 100%;
     position: absolute;
     top: 0;
     display: table
 }
 
 .portfolio-row-3 .left-img-full {
     right: 15px
 }
 
 .portfolio-row-3 .right-img-full {
     left: 15px
 }
 
 @media (max-width: 1200px) {
     .portfolio-row-3 .left-img-full,
     .portfolio-row-3 .right-img-full {
         position: inherit;
         left: inherit;
         right: inherit;
         top: inherit;
         display: inline-block
     }
 }
 
 .highlighted {
     color: #00a1cb
 }
 
 .overlay-effects {
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     top: 0
 }
 
 .box-pattern {
     background-image: url(../images/pattern/box.html);
     background-repeat: repeat;
     background-attachment: fixed;
     background-position: center
 }
 
 .display-table-middle {
     display: table;
     margin: 0 auto;
     height: 100%
 }
 
 .inside-content {
     display: table-cell;
     vertical-align: middle
 }
 
 .margin-minus-15 {
     margin-left: -15px;
     margin-right: -15px
 }
 
 .special-select {
     overflow: hidden;
     border: 1px solid #dedede;
     position: relative
 }
 
 .special-select.min-width {
     min-width: 250px
 }
 
 .special-select:after {
     content: "\f107";
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     width: 40px;
     height: 100%;
     top: 0;
     right: 0;
     text-align: center;
     line-height: 40px;
     border-left: 1px solid #dedede;
     pointer-events: none
 }
 
 .special-select select {
     background: transparent;
     padding: 8px;
     width: 110%;
     border-color: transparent;
     font-size: 14px
 }
 
 .special-select select:hover {
     cursor: pointer
 }
 
 .special-select select:focus {
     outline-color: transparent
 }
 
 .section-head {
     margin-bottom: 30px
 }
 
 .hero-banner {
     position: relative
 }
 
 .hero-banner-bg {
     background-attachment: fixed;
     background-size: cover
 }
 
 .hero-image {
     max-width: 100%
 }
 
 .hero-banner .hero-caption {
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     color: #FFF
 }
 
 .caption-content .caption-subtext {
     font-size: 16px;
     font-weight: 300;
     margin: 0
 }
 
 .caption-content .caption-title {
     font-size: 56px;
     font-weight: 700;
     margin: 0
 }
 
 .hero-banner .share-box.v2.black {
     background: inherit;
     position: inherit;
     right: inherit;
     text-align: center
 }
 
 .hero-banner .share-box.v2.black a {
     border: 1px solid #fff;
     line-height: 28px
 }
 
 .hero-banner .share-box.v2.black a:hover {
     border: 1px solid #00a1cb
 }
 
 .next-btn {
     display: block;
     display: table;
     margin: 0 auto
 }
 
 .next-btn .next-section {
     background: transparent;
     border: 1px solid #00a1cb;
     border-radius: 50%;
     display: block;
     cursor: pointer;
     position: relative;
     width: 60px;
     height: 60px;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .next-btn .next-section:focus {
     outline: none
 }
 
 .next-btn .next-section span {
     display: none
 }
 
 .next-btn .next-section:before {
     content: "\f103";
     font-family: FontAwesome;
     font-size: 20px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -7px;
     margin-top: -13px;
     color: #00a1cb
 }
 
 .next-btn .next-section:hover {
     border-color: #FFF
 }
 
 .next-btn .next-section:hover:before {
     color: #FFF
 }
 
 .inside-content .next-btn {
     margin-top: 60px
 }
 
 .site-page-header {
     position: relative;
     color: #FFF;
     border-bottom: 5px solid #dedede
 }
 
 .site-page-header:after {
     content: "";
     width: 100%;
     height: 1px;
     background-color: #bfbfbf;
     position: absolute;
     bottom: -5px
 }
 
 .site-page-header .page-header-content {
     position: relative;
     padding: 86px 0;
     width: 100%
 }
 
 .page-title {
     font-size: 34px;
     font-weight: 700
 }
 
 .page-description {
     font-size: 22px;
     font-weight: 300
 }
 
 .site-breadcrumb {
     position: relative;
     z-index: 3;
     bottom: -5px;
     border-top: 2px solid #00a1cb;
     width: 100%;
     text-align: center
 }
 
 .site-breadcrumb .breadcrumb {
     background-color: #FFF;
     border-radius: 0;
     margin-bottom: 0;
     font-size: 14px
 }
 
 .site-breadcrumb .breadcrumb>li>a {
     color: #606060
 }
 
 .site-breadcrumb .breadcrumb>li.active {
     color: #00a1cb
 }
 
 .site-breadcrumb .breadcrumb>li+li:before {
     content: "\f138";
     font-family: FontAwesome;
     color: #606060
 }
 
 .product-item {
     margin-bottom: 60px;
     position: relative
 }
 
 .owl-wrapper .product-item {
     margin: 0 15px
 }
 
 .product-item .sale-badge {
     width: 105px;
     height: 105px;
     background-color: #00a1cb;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     position: absolute;
     top: -50px;
     right: -50px;
     z-index: 3
 }
 
 .product-item .sale-badge span {
     position: absolute;
     bottom: 5px;
     left: 38px;
     right: auto;
     font-size: 16px;
     font-family: 'Oswald', sans-serif;
     color: #FFF
 }
 
 .product-item .product-image {
     position: relative;
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid #bfbfbf;
     overflow: hidden;
     border: 4px solid #dedede;
     text-align: center
 }
 
 .product-item .product-image:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 5;
     pointer-events: none
 }
 
 .product-item .product-image .quick-view {
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     top: -100%;
     background-color: rgba(0, 0, 0, 0.60)
 }
 
 .product-item .product-image:hover .quick-view {
     top: 0
 }
 
 .product-image .quick-view span {
     display: none
 }
 
 .product-image .quick-view:before {
     content: "\f00e";
     font-family: FontAwesome;
     font-size: 50px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -35px;
     margin-left: -22px;
     color: #FFF
 }
 
 .product-image .quick-view:hover:before {
     top: 50%;
     left: 50%
 }
 
 .product-item .product-image .thumb img {
     width: 100%
 }
 
 .product-item .product-title,
 .product-item .product-rating {
     width: 180px
 }
 
 .product-item .product-title {
     font-size: 18px
 }
 
 .product-item .product-rating {
     color: #00a1cb;
     font-size: 12px
 }
 
 .product-item .product-price {
     font-size: 30px;
     font-weight: 800;
     position: absolute;
     right: 0;
     top: 0
 }
 
 .product-action a {
     display: inline-block;
     border: 1px solid #dedede;
     width: 40px;
     height: 40px;
     border-radius: 0;
     position: relative;
     color: #606060;
     font-size: 14px;
     line-height: 25px;
     margin: 2px
 }
 
 .product-action a:hover {
     color: #00a1cb
 }
 
 .product-action a.add-to-cart {
     width: auto;
     border-color: #00a1cb;
     color: #00a1cb;
     padding-left: 31px;
     padding-right: 31px
 }
 
 .product-action a.add-to-cart:hover {
     color: #FFF;
     background: #00a1cb
 }
 
 .product-action a:before {
     font-family: FontAwesome
 }
 
 .product-action a span {
     display: none
 }
 
 .product-category-group .product-category {
     border: 1px solid #dedede;
     border-radius: 0;
     border-bottom: 1px solid #dedede;
     margin-bottom: 10px;
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .product-category-group .product-category .parent-cat-name {
     color: #606060;
     font-size: 13px;
     font-weight: 700;
     line-height: 25px;
     position: relative;
     display: inline-block;
     width: 100%;
     padding: 0 15px;
     line-height: 40px
 }
 
 .product-category-group .product-category .parent-cat-name:after {
     content: "\f0d8";
     font-family: FontAwesome;
     position: absolute;
     right: 0;
     width: 40px;
     text-align: center;
     border-left: 1px solid #DEDEDE
 }
 
 .product-category-group .product-category .parent-cat-name.collapsed:after {
     content: "\f0d7"
 }
 
 .product-category-group .product-category .product-category-content {
     border-top: 1px solid #dedede
 }
 
 .product-category-group .product-category .sub-cat-items {
     padding: 20px
 }
 
 .product-category-group .product-category .sub-cat-items li {
     list-style: none
 }
 
 .product-category-group .product-category .sub-cat-items li a {
     display: inline-block;
     font-size: 13px;
     color: #606060;
     font-weight: 700
 }
 
 .product-category-group .product-category .sub-cat-items li a:hover {
     color: #00a1cb
 }
 
 .product-category-group .product-category .sub-cat-items li a:before {
     content: "";
     width: 9px;
     height: 9px;
     display: inline-block;
     border: 1px solid #00a1cb;
     margin-right: 10px
 }
 
 .product-category-group .product-category .sub-cat-items li a:hover:before {
     border: 1px solid #00a1cb;
     background-color: #00a1cb
 }
 
 .product-carousel {
     position: relative
 }
 
 .product-carousel .item-caption h2,
 .product-carousel .item-caption p {
     margin: 0;
     padding: 0
 }
 
 .product-carousel .item-caption {
     background-color: #1c1c1c;
     padding: 10px;
     text-align: center;
     color: #FFF
 }
 
 .product-carousel .item-caption p {
     font-size: 14px;
     font-weight: 300;
     font-family: 'Oswald', sans-serif;
     color: #FFF;
     text-transform: uppercase
 }
 
 .product-carousel-indicators {
     bottom: 70px
 }
 
 .product-carousel-indicators li {
     display: inline-block;
     background-color: #bbb;
     border-radius: 0
 }
 
 .product-carousel-indicators li,
 .product-carousel-indicators li.active {
     border: 1px solid #FFF;
     width: 15px;
     height: 15px;
     margin: 0;
     padding: 0
 }
 
 .product-carousel-indicators li.active {
     background-color: #00a1cb
 }
 
 .circle-skill-items {
     overflow: hidden;
     text-align: center
 }
 
 .circle-skill-items .skill-item {
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     text-transform: uppercase;
     display: inline-block;
     margin: 0 10px
 }
 
 .circle-skill-items .skill-item .skill-percent {
     width: 60px;
     height: 60px;
     border: 1px solid #dedede;
     border-radius: 50%;
     text-align: center;
     font-size: 24px;
     line-height: 60px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -30px;
     margin-left: -30px
 }
 
 .polygon-bg .circle-skill-items .skill-item .skill-percent {
     border: 1px solid #292929
 }
 
 .circle-skill-items .skill-item .skill-name {
     position: absolute;
     bottom: 0;
     width: 100%;
     text-align: center;
     font-size: 16px
 }
 
 .flexslider.product-images,
 .flexslider.product-image-thumbs {
     border-radius: 0;
     box-shadow: none;
     border: 1px solid #bfbfbf;
     margin-bottom: 20px;
     border-radius: 0;
     background-color: #dedede
 }
 
 .flexslider.product-image-thumbs .flex-viewport {
     padding: 0 42.5px
 }
 
 .flexslider.product-image-thumbs:before,
 .flexslider.product-images:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     border: 4px solid #dedede;
     z-index: 5;
     pointer-events: none
 }
 
 .flexslider.product-image-thumbs .slides>li {
     position: relative;
     padding: 2.5px;
     overflow: hidden;
     opacity: .65
 }
 
 .flexslider.product-image-thumbs .slides>li.flex-active-slide {
     opacity: 1
 }
 
 .flexslider.product-image-thumbs .slides>li:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     background-color: rgba(0, 161, 203, 0.8);
     top: -100%
 }
 
 .flexslider.product-image-thumbs .slides>li:after {
     content: "\f00e";
     font: normal normal normal 20px/1 FontAwesome;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -10px;
     margin-left: -10px;
     color: #FFF;
     left: -100%
 }
 
 .flexslider.product-image-thumbs .slides>li:hover {
     cursor: pointer
 }
 
 .flexslider.product-image-thumbs .slides>li:hover:before {
     top: 0
 }
 
 .flexslider.product-image-thumbs .slides>li:hover:after {
     left: 50%
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li {
     position: absolute;
     height: 100%;
     top: 0;
     background-color: #1c1c1c
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li:last-child {
     left: auto;
     right: 0
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li:hover {
     background-color: #00a1cb
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li a {
     position: relative;
     opacity: 1;
     filter: alpha(opacity=1);
     top: 50%;
     left: 0;
     color: #FFF;
     text-shadow: none;
     height: 30px;
     margin: -15px 0 0;
     text-align: center
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav .flex-disabled {
     opacity: 1!important;
     filter: alpha(opacity=1);
     cursor: pointer
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li a:before {
     font-size: 24px
 }
 
 .product-single-head .product-title {
     margin: 0;
     margin-bottom: 15px
 }
 
 .product-single-head .product-price {
     font-size: 30px;
     font-weight: 700;
     font-family: 'Oswald', sans-serif;
     text-align: right
 }
 
 .product-single-head .product-rating {
     text-align: right;
     color: #00a1cb
 }
 
 .product-single-head .product-review {
     font-size: 13px;
     font-style: italic
 }
 
 .product-details {
     padding-top: 10px
 }
 
 .product-details h3 {
     margin-top: 0;
     margin-bottom: 20px;
     font-size: 18px
 }
 
 .product-meta-items {
     padding: 0
 }
 
 .product-meta-items .meta-item {
     list-style-type: none;
     color: #777;
     font-size: 14px;
     margin: 5px 0
 }
 
 .product-meta-items .meta-item>span {
     display: inline-block;
     text-transform: uppercase;
     margin-right: 15px;
     color: #606060;
     font-weight: 700
 }
 
 .product-customize>div {
     display: inline-block;
     width: 48.4%
 }
 
 .product-content .product-customize>div {
     margin-top: 7px
 }
 
 .product-customize>div:first-child {
     margin-right: 2%
 }
 
 .product-quantity {
     overflow: hidden;
     border: 1px solid #dedede;
     margin-bottom: 20px;
     height: 37px;
     float: left;
     position: relative
 }
 
 .product-quantity button {
     border: 0;
     background: transparent;
     color: #606060;
     padding: 10px 15px;
     position: absolute;
     top: 0
 }
 
 .product-quantity button.minus {
     border-right: 1px solid #dedede;
     left: 0
 }
 
 .product-quantity button.plus {
     border-left: 1px solid #dedede;
     right: 0
 }
 
 .product-quantity input {
     padding: 6px 0;
     border: 0;
     background-color: transparent;
     width: 100%;
     text-align: center
 }
 
 .product-quantity input:focus,
 .product-quantity button:focus {
     outline: none
 }
 
 .product-quantity button {
     font: normal normal normal 14px/1 FontAwesome
 }
 
 .product-quantity input:last-child {
     border-right: 0
 }
 
 .product-adding-cart .product-quantity {
     width: 25%
 }
 
 .product-order-action {
     float: left;
     width: 75%
 }
 
 .product-order-action button {
     margin: 0;
     margin-left: 15px;
     width: auto;
     border-color: #1c1c1c;
     color: #FFF;
     background: #1c1c1c;
     padding: 7px 0;
     text-align: center;
     width: 38%
 }
 
 .product-order-action button:last-child {
     width: 50%
 }
 
 .product-order-action button:hover {
     color: #FFF;
     background-color: #00a1cb;
     border-color: #00a1cb
 }
 
 .product-order-action button>i {
     margin-left: 10px
 }
 
 .product-share {
     position: relative
 }
 
 .product-share .social-icons {
     position: absolute;
     right: 0;
     top: 0;
     background: #FFF;
     padding-left: 10px
 }
 
 .soical-icon-list li>a {
     display: inline-block;
     width: 32px;
     height: 32px;
     background-color: #1c1c1c;
     color: #FFF;
     position: relative;
     overflow: hidden
 }
 
 .soical-icon-list li>a:hover {
     background-color: #00a1cb
 }
 
 .soical-icon-list li>a i {
     font-size: 16px;
     position: absolute;
     top: 50%;
     margin-top: -8px;
     left: 50%;
     margin-left: -6px
 }
 
 .search-widget-form .search-form {
     position: relative
 }
 
 .search-widget-form .search-form .search-field {
     border: 0;
     border-bottom: 2px solid #dedede;
     padding: 10px 0;
     width: 100%;
     font-size: 13px;
     color: #aaa
 }
 
 .search-widget-form .search-form .search-field:focus,
 .search-widget-form .search-form .search-field:active {
     outline-color: transparent
 }
 
 .search-widget-form .search-form .search-submit {
     position: absolute;
     top: 10px;
     right: 0;
     border: 0;
     background-color: transparent
 }
 
 .search-widget-form .search-form .search-submit:before {
     content: "\f002";
     font-family: FontAwesome;
     color: #aaa;
     font-size: 16px
 }
 
 .search-widget-form .search-form .search-submit span {
     display: none
 }
 
 .sort-by-size .sort-btn {
     width: 40px;
     height: 40px;
     padding: 0;
     text-align: center;
     font-size: 14px;
     font-weight: 700;
     line-height: 37px;
     margin: 10px 3px
 }
 
 .sort-by-size .sort-btn:hover {
     background: #00a1cb;
     color: #FFF;
     border-color: #00a1cb
 }
 
 .tag-list {
     padding: 0
 }
 
 .tag-list li {
     display: inline-block
 }
 
 .tag-list li a {
     margin: 5px 2px
 }
 
 .tag-list li a:hover {
     background: #00a1cb;
     color: #FFF;
     border-color: #00a1cb
 }
 
 .product-description .nav-tabs {
     border-color: #dedede
 }
 
 .product-description .nav-tabs>li>a {
     border-radius: 0;
     font-size: 13px;
     font-weight: 700;
     border-color: #dedede;
     margin-right: 5px
 }
 
 .product-description .nav-tabs>li.active>a {
     border-bottom-color: transparent;
     position: relative
 }
 
 .product-description .nav-tabs>li.active>a:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 2px;
     background: #00a1cb;
     top: -1px;
     left: 0
 }
 
 .product-description .tab-content {
     border: 1px solid #dedede;
     border-top: 0;
     padding: 30px
 }
 
 #reviews .commentlist {
     list-style: none
 }
 
 #reviews .commentlist .comment-meta .comment-author {
     float: left;
     margin-right: 20px
 }
 
 #reviews .commentlist .comment-meta .comment-author img {
     border-radius: 50%;
     border: 1px solid #dedede
 }
 
 .shopping-cart-items {
     overflow: hidden
 }
 
 .shopping-cart-items .shop_table {
     width: 100%
 }
 
 .shopping-cart-items .shop_table thead tr th {
     font-size: 13px;
     font-weight: 700;
     text-transform: uppercase;
     font-family: 'Robot', sans-serif;
     color: #606060;
     text-align: center
 }
 
 .table-effects th {
     padding-bottom: 20px
 }
 
 .table-effects {
     overflow: hidden
 }
 
 .table-effects.stripe-full:before {
     bottom: auto;
     top: 26px
 }
 
 .table-effects.stripe-full:after {
     top: 24px;
     bottom: auto
 }
 
 .shopping-cart-items .shop_table .cart-product-thumbnail .product-image {
     position: relative;
     display: inline-block;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid #bfbfbf;
     overflow: hidden
 }
 
 .shopping-cart-items .shop_table .cart-product-thumbnail .product-image:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     border: 4px solid #dedede;
     z-index: 5;
     pointer-events: none
 }
 
 .shopping-cart-items .shop_table .cart-product-details h2 {
     font-size: 16px;
     font-weight: 700
 }
 
 .shopping-cart-items .shop_table .cart-product-details .product-rating {
     color: #00a1cb;
     font-size: 14px;
     margin-bottom: 10px
 }
 
 .shopping-cart-items .shop_table .cart-product-details .product-size,
 .shopping-cart-items .shop_table .cart-product-details .product-color {
     color: #606060;
     font-size: 14px;
     font-weight: 700
 }
 
 .shopping-cart-items .shop_table .cart-product-details .product-size span,
 .shopping-cart-items .shop_table .cart-product-details .product-color span {
     color: #777;
     font-weight: 500;
     padding-left: 10px
 }
 
 .shopping-cart-items .shop_table .cart-product-price div,
 .shopping-cart-items .shop_table .cart-product-subtotal div {
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 700;
     text-align: center
 }
 
 .shopping-cart-items .shop_table .cart-product-quantity .product-quantity {
     width: 100%
 }
 
 .shopping-cart-items .shop_table .cart-product-quantity .product-quantity button {
     padding: 10px
 }
 
 .shopping-cart-items .shop_table .cart-product-removal>a.product-removal {
     border: 1px solid #DEDEDE;
     display: block;
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 28px;
     color: #606060
 }
 
 .shopping-cart-items .shop_table .cart-product-removal>a.product-removal:hover {
     background: #00a1cb;
     color: #FFF
 }
 
 .shopping-cart-items .shop_table .cart_item {
     border-bottom: 1px solid #DDD
 }
 
 .shopping-cart-items .shop_table .cart_item>td {
     padding: 20px 0
 }
 
 .shopping-cart-items .shop_table tr>td.actions {
     padding: 10px 0
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon {
     width: 300px
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon input,
 .shopping-cart-items .shop_table tr>td .cart-next-step input {
     padding: 10px 20px;
     width: 200px;
     float: left;
     min-height: 40px
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon input.button,
 .shopping-cart-items .shop_table tr>td .cart-next-step input {
     background: #1c1c1c;
     color: #FFF;
     margin-left: 5px;
     width: 90px;
     float: left;
     border: 0
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon input.button:hover,
 .shopping-cart-items .shop_table tr>td .cart-next-step input:hover {
     background: #00a1cb
 }
 
 .shopping-cart-items .shop_table tr>td .cart-next-step {
     width: auto;
     float: right
 }
 
 .shopping-cart-items .shop_table tr>td .cart-next-step input {
     float: left;
     width: auto
 }
 
 .shopping-cart-items .shop_table tr>td .cart-next-step input:first-child {
     margin-right: 10px
 }
 
 .shipping-calculator-form .form-control {
     min-height: 40px
 }
 
 .widget_calculate_shipping .shipping_calculator .calc_shipping {
     width: 100%;
     margin: 0;
     border-width: 0;
     background: #1c1c1c;
     color: #FFF;
     height: 40px
 }
 
 .widget_calculate_shipping .shipping_calculator .calc_shipping:hover {
     background: #00a1cb
 }
 
 .widget_cart_totals_pricing .cart_totals table {
     width: 100%
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr {
     border-bottom: 1px solid #e4e4e4;
     font-size: 14px;
     text-transform: uppercase
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr th {
     color: #606060;
     padding: 10px 0
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr td {
     color: #777;
     padding: 10px 0;
     text-align: right
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr.order-total {
     border-bottom: 0
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr.order-total th,
 .widget_cart_totals_pricing .cart_totals table tbody tr.order-total td {
     color: #00a1cb
 }
 
 .portfolio-column-2 .item {
     width: 50%;
     float: left
 }
 
 .portfolio-column-3 .item {
     width: 33.333333333%;
     float: left
 }
 
 .portfolio-column-4 .item {
     width: 25%;
     float: left
 }
 
 .portfolio-column-5 .item {
     width: 20%;
     float: left
 }
 
 @media (max-width: 750px) {
     .portfolio-column-2 .item,
     .portfolio-column-3 .item,
     .portfolio-column-4 .item,
     .portfolio-column-5 .item {
         width: 50%
     }
 }
 
 @media (max-width: 400px) {
     .portfolio-column-2 .item,
     .portfolio-column-3 .item,
     .portfolio-column-4 .item,
     .portfolio-column-5 .item {
         width: 100%
     }
 }
 
 .client-review-item {
     text-align: center
 }
 
 .client-review-carousel.carousel-head {
     width: 300px;
     margin: 0 auto
 }
 
 .client-review-item .client-review-content {
     color: #fff;
     font-size: 14px;
     margin: 25px 50px 10px
 }
 
 .client-review-item .client-review-content i {
     color: #00a1cb;
     padding: 0 7px
 }
 
 .client-review-item .client-review-info .client-review-name {
     color: #fff;
     font-family: 'Oswald', sans-serif;
     font-weight: 400;
     font-size: 14px;
     margin-bottom: 15px
 }
 
 .client-review-item .client-review-info .client-review-name small {
     color: #AAA;
     font-family: 'Roboto', sans-serif;
     font-style: italic;
     padding-left: 5px
 }
 
 .client-review-item .client-review-info .client-review-star {
     color: #fff;
     font-size: 12px
 }
 
 .client-review-item img.client-img {
     width: 40px;
     height: 40px
 }
 
 .client-review-item.slick-active img.client-img {
     width: 50px;
     height: 50px
 }
 
 .client-review-item.slick-active.slick-center img.client-img {
     width: 60px;
     height: 60px
 }
 
 .icn {
     width: 45px;
     height: 45px;
     text-indent: 60px;
     width: 220px
 }
 
 .staficon0 {
     background-image: url(../../images/staficon0.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon1 {
     background-image: url(../../images/staficon1.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon2 {
     background-image: url(../../images/staficon2.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon3 {
     background-image: url(../../images/staficon3.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon4 {
     background-image: url(../../images/staficon4.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon5 {
     background-image: url(../../images/staficon5.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon6 {
     background-image: url(../../images/staficon6.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon1 {
     background-image: url(../../images/hricon1.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon2 {
     background-image: url(../../images/hricon2.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon3 {
     background-image: url(../../images/hricon3.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon4 {
     background-image: url(../../images/hricon4.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 @import "https://fonts.googleapis.com/css?family=Oswald:300,400,700";
 @import "https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,500,500italic,700,700italic,900,900italic";
 html,
 body {
     font-family: 'Roboto', sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size: 16px;
     z-index: 0
 }
 
 .box-layout {
     max-width: 1200px;
     margin: auto;
     clear: both;
     box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1)
 }
 
 .box-layout .focuz-main-slider>.master-slider {
     margin: 0!important;
     clear: both
 }
 
 a {
     color: #00a1cb;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 a:focus {
     outline: none;
     outline-offset: 0;
     text-decoration: none
 }
 
 a:hover {
     text-decoration: none
 }
 
 p {
     color: #333;
     font-size: 14px;
     line-height: 24px;
     font-weight: 500px
 }
 
 hr {
     border-color: #e4e4e4
 }
 
 img {
     max-width: 100%;
     height: auto
 }
 
 .boxer-container img {
     max-width: inherit
 }
 
 .inline {
     display: inline-block
 }
 
 .overlay {
     background-color: rgba(0, 0, 0, .8)
 }
 
 .text-upc {
     text-transform: uppercase
 }
 
 .text-cap {
     text-transform: capitalize
 }
 
 .dropcap {
     color: #fff;
     background: #00a1cb;
     display: block;
     font-family: "Roboto", sans-serif;
     font-size: 42px;
     font-weight: 700;
     line-height: 60px;
     text-align: center;
     height: 60px;
     width: 50px;
     float: left;
     margin-top: 6px;
     margin-right: 10px
 }
 
 .alert {
     overflow: hidden;
     border-radius: 0
 }
 
 .progress {
     border-radius: 0
 }
 
 .section-padding {
     padding: 50px 0
 }
 
 section+hr,
 .section-padding+hr {
     margin: 0
 }
 
 .polygon-bg {
     background-image: url(../images/polygon-bg.html);
     background-repeat: repeat;
     color: #FFF
 }
 
 .parallax-bg {
     background-attachment: fixed;
     background-size: cover
 }
 
 .relative {
     position: relative
 }
 
 .dark-bg {
     background: #1c1c1c!important
 }
 
 .white-bg {
     background: #fff!important
 }
 
 .blue-bg {
     background: #00a1cb!important
 }
 
 .top-header {
     background: #00a1cb
 }
 
 .top-header ul {
     padding: 0
 }
 
 .top-header ul li {
     display: inline-block;
     list-style: none;
     border-left: 0 solid #323437
 }
 
 .top-header ul li:last-child {
     border-right: 0 solid #323437
 }
 
 .top-header ul li a .fa {
     color: #fff;
     font-size: 14px
 }
 
 .top-header ul li a {
     color: #fff;
     font-weight: 300;
     padding: 0 13px;
     font-size: 12px;
     letter-spacing: 1px;
     line-height: 30px
 }
 
 .top-header ul li a:hover,
 .top-header ul li a:hover .fa {
     color: #c2c1c1
 }
 
 .top-social ul li {
     float: left
 }
 
 .top-info ul li {
     float: right
 }
 
 .top-info ul li a .fa {
     margin-right: 7px
 }
 
 .no-border,
 .no-border-ab:after,
 .no-border-ab:before {
     border: none!important
 }
 
 .no-after:after,
 .no-before:before {
     content: none!important
 }
 
 .no-border-l {
     border-left: none!important
 }
 
 .no-border-r {
     border-right: none!important
 }
 
 .no-border-t {
     border-top: none!important
 }
 
 .no-border-b {
     border-bottom: none!important
 }
 
 .border2px {
     border-width: 2px!important
 }
 
 .border1px {
     border-width: 1px!important
 }
 
 .m0 {
     margin: 0!important
 }
 
 .lm0 {
     margin-left: 0!important
 }
 
 .rm0 {
     margin-right: 0!important
 }
 
 .tm0 {
     margin-top: 0!important
 }
 
 .bm0 {
     margin-bottom: 0!important
 }
 
 .bm50 {
     margin-bottom: 50px!important
 }
 
 .tm50 {
     margin-top: 50px!important
 }
 
 .bm30 {
     margin-bottom: 30px!important
 }
 
 .tm30 {
     margin-top: 30px!important
 }
 
 .tm20 {
     margin-top: 20px!important
 }
 
 .tm10 {
     margin-top: 10px!important
 }
 
 .mauto {
     margin-left: auto!important;
     margin-right: auto!important
 }
 
 .lm-15 {
     margin-left: -15px!important
 }
 
 .p0 {
     padding: 0!important
 }
 
 .lp0 {
     padding-left: 0!important
 }
 
 .rp0 {
     padding-right: 0!important
 }
 
 .tp0 {
     padding-top: 0!important
 }
 
 .bp0 {
     padding-bottom: 0!important
 }
 
 .lrp15 {
     padding-left: 15px!important;
     padding-right: 15px!important
 }
 
 .lrp30 {
     padding-left: 30px!important;
     padding-right: 30px!important
 }
 
 .p15 {
     padding: 15px
 }
 
 .p30 {
     padding: 30px
 }
 
 .pt50,
 .tp50 {
     padding-top: 50px!important
 }
 
 .tp40 {
     padding-top: 40px!important
 }
 
 .tp20 {
     padding-top: 20px!important
 }
 
 @media (max-width: 992px) {
     .md-bm30 {
         margin-bottom: 30px!important
     }
     .md-bm50 {
         margin-bottom: 50px!important
     }
     .md-no-pull {
         float: none!important
     }
     .md-hide {
         display: none!important
     }
 }
 
 @media (max-width: 768px) {
     .sm-bm30 {
         margin-bottom: 30px!important
     }
     .sm-bm50 {
         margin-bottom: 50px!important
     }
     .sm-no-pull {
         float: none!important
     }
     .sm-hide {
         display: none!important
     }
 }
 
 @media (max-width: 480px) {
     .xs-full {
         width: 100%!important
     }
     .xs-bm30 {
         margin-bottom: 30px!important
     }
     .xs-bm50 {
         margin-bottom: 50px!important
     }
     .xs-no-pull {
         float: none!important
     }
     .xs-hide {
         display: none!important
     }
 }
 
 .mf-width {
     max-width: 100%!important
 }
 
 .f-width {
     width: 100%!important
 }
 
 .dtable {
     display: table
 }
 
 .dblock {
     display: block
 }
 
 .dinline {
     display: inline
 }
 
 .diblock {
     display: inline-block
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     text-transform: uppercase
 }
 
 h1 {
     font-size: 2.125em
 }
 
 h2 {
     font-size: 1.75em
 }
 
 h3 {
     font-size: 1.375em
 }
 
 h4 {
     font-size: 1.125em
 }
 
 .widget h4 {
     color: #f60;
     letter-spacing: 2px
 }
 
 .stripe-full h4 {
     color: #333
 }
 
 h5 {
     font-size: 1em
 }
 
 h6 {
     font-size: .875em
 }
 
 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
     color: #2d2d2d
 }
 
 h1 a:hover,
 h2 a:hover,
 h3 a:hover,
 h4 a:hover,
 h5 a:hover,
 h6 a:hover {
     color: #00a1cb
 }
 
 h1>span,
 h2>span,
 h3>span,
 h4>span,
 h5>span,
 h6>span {
     color: #00a1cb
 }
 
 h1>em,
 h2>em,
 h3>em,
 h4>em,
 h5>em,
 h6>em {
     color: #00a1cb;
     font-weight: 300
 }
 
 .btn {
     color: #00a1cb;
     background-color: transparent;
     border: 1px solid #dedede;
     font-weight: 700;
     border-radius: 0;
     margin: 5px
 }
 
 .btn:hover,
 .btn:focus,
 .btn.focus {
     color: #00a1cb
 }
 
 .filter-btn.btn {
     margin: 5px 2px;
     font-size: 12px;
     font-family: "Roboto", sans-serif
 }
 
 .filter-btn {
     background: #fff;
     text-transform: uppercase
 }
 
 .btn,
 .btn .badge {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .btn:active,
 .btn.active {
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .btn:active:focus,
 .btn.active:focus,
 .btn.focus,
 .btn:active.focus,
 .btn.active.focus,
 .btn:active,
 .btn:hover,
 .btn:focus,
 .btn.focus {
     outline: none;
     outline-offset: 0
 }
 
 .rbtn {
     border-radius: 25px
 }
 
 .btn.has-badge {
     padding-left: 25px;
     padding-right: 25px
 }
 
 .btn.has-badge .badge {
     display: none;
     padding: 0
 }
 
 .btn.has-badge.active {
     padding-left: 10px;
     padding-right: 5px
 }
 
 .btn.has-badge.active .badge {
     margin-left: 5px;
     height: 25px;
     min-width: 25px;
     display: inline-block;
     background: #fff;
     color: #00A1CB;
     line-height: 25px
 }
 
 .btn .badge {
     border-radius: 15px
 }
 
 .btn.active,
 .bg-btn {
     color: #fff;
     border-color: #00a1cb;
     background: #00a1cb
 }
 
 .bg-btn:hover {
     color: #fff
 }
 
 .bg-btn.btn:focus {
     color: #fff
 }
 
 .sm-btn {
     padding: 0 15px;
     min-height: 36px;
     line-height: 30px
 }
 
 a.sm-btn {
     line-height: 34px
 }
 
 .md-btn {
     padding: 0 15px;
     min-height: 40px;
     line-height: 38px
 }
 
 .full-btn {
     margin: 5px 0;
     width: 100%;
     max-width: 100%
 }
 
 .nav-btn.rbtn {
     padding: 0;
     width: 36px;
     border-color: #00a1cb
 }
 
 .md-btn:hover,
 .sm-btn:hover,
 .nav-btn:hover {
     border-color: #00a1cb;
     background: #00a1cb;
     color: #fff
 }
 
 .btn-container {
     padding-top: 30px
 }
 
 .btn-container .btn {
     color: #606060
 }
 
 .btn a:hover,
 .btn-container .btn:hover {
     color: #fff
 }
 
 .btn a {
     width: 100%;
     display: inline-block
 }
 
 .btn-black {
     background: #000;
     border-color: #000
 }
 
 .btn-black:hover {
     color: #fff
 }
 
 .stripe-full,
 .stripe-bfixw {
     position: relative;
     margin-bottom: 30px
 }
 
 .stripe-over:after,
 .stripe-over:before,
 .stripe-full:after,
 .stripe-full:before,
 .stripe-bfixw:after,
 .stripe-bfixw:before {
     content: "";
     position: absolute;
     bottom: -18px
 }
 
 .stripe-full.stripe-1:after {
     height: 0;
     border: 0
 }
 
 .stripe-bfixw:after,
 .stripe-bfixw:before {
     left: 50%;
     width: 50px;
     margin-left: -25px
 }
 
 .stripe-over:after,
 .stripe-over:before,
 .stripe-full:after,
 .stripe-full:before {
     left: 0;
     width: 100%
 }
 
 .stripe-over:after,
 .stripe-full:after,
 .stripe-bfixw:after {
     height: 5px;
     border-top: 1px solid #dedede;
     border-bottom: 1px solid #dedede
 }
 
 .stripe-over:before,
 .stripe-full:before,
 .stripe-bfixw:before {
     height: 3px;
     border-top: 1px solid #dedede
 }
 
 .stripe-over {
     display: inline-block;
     position: relative;
     margin-bottom: 0
 }
 
 .stripe-over:after,
 .stripe-over:before {
     bottom: -22px;
     z-index: 2
 }
 
 .stripe-blue:after,
 .stripe-blue:before {
     border-color: #00a1cb
 }
 
 .title-container {
     overflow: hidden
 }
 
 .striped-title {
     display: inline-block;
     position: relative;
     z-index: 0
 }
 
 .striped-title:after,
 .striped-title:before,
 .stripe-t-left:after,
 .stripe-t-left:before,
 .stripe-t-right:after,
 .stripe-t-right:before,
 .stripe-t-back:after,
 .stripe-t-back:before {
     content: "";
     position: absolute;
     top: 50%;
     margin-top: -3px
 }
 
 .stripe-t-back:after,
 .stripe-t-back:before {
     left: 0;
     right: 0;
     z-index: -1
 }
 
 .stripe-t-left:after,
 .stripe-t-left:before {
     width: 1100px;
     right: 100%;
     margin-right: 40px
 }
 
 .stripe-t-right:after,
 .stripe-t-right:before {
     width: 1100px;
     left: 100%;
     margin-left: 40px
 }
 
 .for-widget .stripe-t-right:after,
 .for-widget .stripe-t-right:before {
     margin-left: 10px
 }
 
 .stripe-t-left:after,
 .stripe-t-right:after,
 .stripe-t-back:after {
     height: 5px;
     border-top: 1px solid #dedede;
     border-bottom: 1px solid #dedede
 }
 
 .stripe-t-left:before,
 .stripe-t-right:before,
 .stripe-t-back:before {
     height: 3px;
     border-bottom: 1px solid #dedede
 }
 
 .striped-title:after,
 .striped-title:before {
     top: 4px;
     bottom: 2px;
     width: 11px;
     border-left: 4px solid #dedede;
     border-right: 4px solid #dedede
 }
 
 .striped-title:after {
     right: -25px
 }
 
 .striped-title:before {
     left: -25px
 }
 
 .special-stripe {
     min-width: 50px;
     margin: 0;
     bottom: 0
 }
 
 .special-stripe:after,
 .special-stripe:before {
     bottom: 0!important
 }
 
 .polygon-bg .stripe-t-left:before,
 .polygon-bg .stripe-t-right:before,
 .polygon-bg .stripe-t-back:before,
 .polygon-bg .stripe-t-left:after,
 .polygon-bg .stripe-t-right:after,
 .polygon-bg .stripe-t-back:after,
 .polygon-bg .striped-title:after,
 .polygon-bg .striped-title:before {
     border-color: #292929
 }
 
 .mozilla h5.stripe-over:after,
 .mozilla h5.stripe-over:before,
 h6.stripe-over:after,
 h6.stripe-over:before {
     bottom: -23px
 }
 
 .striped-title.no-border-ab .stripe-t-left:after,
 .striped-title.no-border-ab .stripe-t-left:before {
     margin-right: 15px
 }
 
 .striped-title.no-border-ab .stripe-t-right:after,
 .striped-title.no-border-ab .stripe-t-right:before {
     margin-left: 15px
 }
 
 .striped-section {
     margin-top: 55px;
     position: relative;
     border-top: 5px solid #dedede;
     border-bottom: 5px solid #dedede;
     z-index: 0
 }
 
 .striped-section:before,
 .striped-section:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 1px;
     left: 0;
     background: #bfbfbf;
     z-index: 1
 }
 
 .striped-section:before {
     top: -5px
 }
 
 .striped-section:after {
     bottom: -5px
 }
 
 .striped-icon {
     display: none
 }
 
 .striped-section .striped-icon,
 .striped-section .striped-icon:after {
     position: absolute;
     display: block;
     border-radius: 100%;
     width: 66px;
     height: 66px;
     left: 50%;
     margin-left: -33px;
     z-index: 2
 }
 
 .striped-section .striped-icon:after {
     content: "";
     top: -5px;
     border: 1px solid #bfbfbf
 }
 
 .striped-section .striped-icon {
     color: #00a1cb;
     font-size: 24px;
     line-height: 56px;
     text-align: center;
     top: -35px;
     background: #fff;
     border: 5px solid #dedede
 }
 
 .section-description {
     color: #606060;
     font-weight: 300;
     font-size: 1em;
     font-family: 'Oswald', sans-serif;
     text-transform: uppercase;
     text-align: center
 }
 
 .polygon-bg .section-description {
     color: #777
 }
 
 .icon {
     color: #00a1cb;
     font-size: 1.5rem;
     width: 70px;
     height: 70px;
     /* border: 1px solid #dedede; */
     line-height: 68px;
     margin-bottom: 25px;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .icon.icon-big {
     color: #2d2d2d;
     border: 0 solid transparent;
     font-size: 3.125rem
 }
 
 .icon.icon-left {
     float: left
 }
 
 .icon.inv {
     background: #00a1cb;
     color: #fff
 }
 
 .circle {
     border-radius: 100%
 }
 
 .arrow-circle {
     position: relative;
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     background: #292929;
     width: 80px;
     height: 80px;
     border-radius: 100%;
     line-height: 80px;
     font-size: 24px;
     z-index: 0
 }
 
 .arrow-circle:after {
     content: "";
     position: absolute;
     right: -38px;
     top: 25px;
     height: 30px;
     width: 30px;
     border: 15px solid #fff;
     border-left-color: transparent;
     z-index: -1
 }
 
 .arrow-circle .arrow {
     color: #00a1cb;
     background: #fff;
     font-size: 14px;
     position: absolute;
     top: 25px;
     height: 30px;
     width: 32px;
     right: -45px;
     line-height: 30px;
     z-index: 1;
     padding-left: 7px
 }
 
 .arrow-circle .arrow:after {
     content: "";
     position: absolute;
     right: -30px;
     top: 0;
     height: 30px;
     width: 30px;
     border: 15px solid transparent;
     border-left-color: #fff
 }
 
 .arrow-circle .arrow:before {
     content: "";
     position: absolute;
     top: 0;
     left: -5px;
     width: 15px;
     height: 30px;
     border-right: 11px solid #fff;
     border-radius: 0 18px 18px 0;
     z-index: -1
 }
 
 .pagination>li:first-child>a,
 .pagination>li:first-child>span,
 .pagination>li:last-child>a,
 .pagination>li:last-child>span {
     border-radius: 0
 }
 
 .pagination>li>a,
 .pagination>li>span {
     color: #606060;
     margin: 5px;
     height: 40px;
     line-height: 36px;
     min-width: 40px;
     padding: 0;
     text-align: center
 }
 
 .pagination>li>.current:hover,
 .pagination>li>.current,
 .pagination>li>a:hover {
     color: #fff;
     border-color: #00a1cb;
     background: #00a1cb
 }
 
 .owl-controls {
     text-align: center;
     margin-top: 45px
 }
 
 .owl-page {
     background-color: transparent;
     border: 1px solid #00a1cb;
     border-radius: 0;
     display: inline-block;
     width: 15px;
     height: 15px;
     margin: 0 2px
 }
 
 .owl-page.active {
     background-color: #00a1cb;
     border: 1px solid #00a1cb
 }
 
 .carousel-indicators .active,
 .carousel-indicators li {
     border-radius: 0;
     border-color: #00a1cb;
     height: 15px;
     width: 15px;
     margin: 2px
 }
 
 .post .carousel-indicators .active,
 .post .carousel-indicators li {
     border-color: #fff;
     background: rgba(255, 255, 255, 0.4)
 }
 
 .carousel-indicators .active,
 .post .carousel-indicators .active {
     background: #00a1cb
 }
 
 .post .carousel-indicators {
     bottom: 0;
     margin-bottom: 4px
 }
 
 .v2 .post .carousel-indicators {
     opacity: 0
 }
 
 .v2 .post:hover .carousel-indicators {
     opacity: 1
 }
 
 .polygon-bg .prev,
 .polygon-bg .next {
     border-color: #fff;
     color: #fff
 }
 
 .polygon-bg .prev:hover,
 .polygon-bg .next:hover {
     background: #fff;
     color: #00a1cb
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next,
 .focuz-main-slider .ms-skin-default .ms-nav-prev {
     background: rgba(255, 255, 255, .8);
     width: 50px;
     height: 50px;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next:hover,
 .focuz-main-slider .ms-skin-default .ms-nav-prev:hover {
     background: rgba(255, 255, 255, 1)
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next {
     right: 0
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-prev {
     left: 0
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next:before,
 .focuz-main-slider .ms-skin-default .ms-nav-prev:before {
     position: absolute;
     color: #00a1cb;
     top: 17px;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-next:before {
     content: "\f178";
     right: 17px
 }
 
 .focuz-main-slider .ms-skin-default .ms-nav-prev:before {
     content: "\f177";
     left: 17px
 }
 
 .social-icons ul {
     padding: 0
 }
 
 .social-icons ul>li {
     display: inline-block;
     margin-bottom: 3px
 }
 
 .social-icons ul>li>a .icon-content {
     font-size: 15px;
     font-family: 'Oswald', sans-serif;
     font-weight: 300;
     color: #2d2d2d;
     height: 32px;
     width: 32px;
     background-color: #FFF;
     padding: 5.5px 10px;
     text-transform: uppercase;
     text-align: center;
     overflow: hidden;
     -webkit-transition: all .4s;
     -moz-transition: all .4s;
     -ms-transition: all .4s;
     -o-transition: all .4s;
     transition: all .4s
 }
 
 .social-icons ul>li>a .icon-content:before {
     font-family: FontAwesome;
     font-size: 16px;
     padding-right: 15px
 }
 
 .social-icons ul>li>a:hover .icon-content {
     width: 125px;
     background-color: #00a1cb;
     color: #FFF
 }
 
 .form-control {
     min-height: 40px;
     margin: 0 0 20px;
     border: 2px solid #e6e6e6;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 textarea.form-control {
     min-height: 100px
 }
 
 .form-control:focus {
     border: 2px solid #00a1cb
 }
 
 .form-control,
 .form-control:focus {
     border-radius: 0;
     outline-style: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none
 }
 
 .contact-form .form-control {
     border-top: none;
     border-left: none;
     border-right: none
 }
 
 .checkbox-btn+label {
     font-weight: 400;
     cursor: pointer;
     position: relative;
     padding-left: 25px;
     z-index: 0
 }
 
 input[type="checkbox"].checkbox-btn {
     display: none
 }
 
 input[type="checkbox"].checkbox-btn+label:after {
     content: "";
     position: absolute;
     top: 3px;
     left: 0;
     width: 15px;
     height: 15px;
     border: 2px solid #e6e6e6;
     z-index: 1
 }
 
 input[type="checkbox"].checkbox-btn+label:before {
     content: "";
     position: absolute;
     top: -7px;
     left: 4px;
     color: #afacac;
     z-index: 2;
     font-size: 20px
 }
 
 .checkbox-btn.checkbox-lg+label {
     padding-left: 35px;
     line-height: 35px
 }
 
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:after {
     width: 25px;
     height: 25px
 }
 
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:before {
     top: -8px;
     left: 8px;
     font-size: 30px
 }
 
 input[type="checkbox"].checkbox-btn:checked+label:before {
     content: "\2713";
     color: #00a1cb
 }
 
 input[type="checkbox"].checkbox-btn:checked+label:after {
     border-color: #00a1cb
 }
 
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:after,
 input[type="checkbox"].checkbox-btn.checkbox-lg+label:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .radio-btn+label {
     cursor: pointer;
     font-weight: 400;
     position: relative;
     padding-left: 25px;
     z-index: 0
 }
 
 input[type="radio"].radio-btn {
     display: none
 }
 
 input[type="radio"].radio-btn+label:after {
     content: "";
     position: absolute;
     border-radius: 100%;
     top: 3px;
     left: 0;
     width: 15px;
     height: 15px;
     border: 2px solid #e6e6e6;
     z-index: 1
 }
 
 input[type="radio"].radio-btn+label:before {
     content: "";
     border-radius: 100%;
     background: transparent;
     position: absolute;
     width: 7px;
     height: 7px;
     top: 7px;
     left: 4px;
     color: #afacac;
     z-index: 2
 }
 
 .radio-btn.radio-lg+label {
     padding-left: 35px;
     line-height: 35px
 }
 
 input[type="radio"].radio-btn.radio-lg+label:after {
     width: 25px;
     height: 25px
 }
 
 input[type="radio"].radio-btn.radio-lg+label:before {
     width: 15px;
     height: 15px;
     top: 8px;
     left: 5px
 }
 
 input[type="radio"].radio-btn:checked+label:before {
     background: #00a1cb
 }
 
 input[type="radio"].radio-btn:checked+label:after {
     border-color: #00a1cb
 }
 
 input[type="radio"].radio-btn.radio-lg+label:after,
 input[type="radio"].radio-btn.radio-lg+label:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .callout-action h2 {
     font-size: 22px
 }
 
 .callout-action .action-links a {
     color: #606060;
     font-size: 14px;
     font-weight: 500
 }
 
 .callout-action .action-links a:hover {
     color: #00a1cb
 }
 
 .callout-action .action-links span.or {
     font-family: 'Oswald', sans-serif;
     width: 40px;
     height: 40px;
     font-size: 16px;
     font-weight: 800;
     text-transform: uppercase;
     text-align: center;
     display: inline-block;
     border: 1px solid #FFF;
     border-radius: 50%;
     line-height: 37px;
     margin: 15px
 }
 
 .callout-action .callout-background {
     position: relative;
     top: 0;
     right: 0
 }
 
 .callout-action .action-description {
     color: #777;
     font-weight: 600;
     text-transform: capitalize
 }
 
 .callout-action .btn.purchase {
     color: #fff;
     margin-top: 30px;
     margin-bottom: 80px
 }
 
 .callout-action.top-part {
     position: relative;
     border-top: 4px solid #2d2d2d;
     z-index: 0
 }
 
 .callout-action.top-part:after {
     content: "";
     position: absolute;
     bottom: -5px;
     left: 0;
     right: 0;
     height: 1px;
     width: 100%;
     background: #bfbfbf;
     display: inherit;
     z-index: 1
 }
 
 .dark-bg .callout-content .callout-title {
     color: #fff;
     margin-top: 10px
 }
 
 .dark-bg .callout-content .purchase {
     background: #fff;
     color: #2d2d2d
 }
 
 .dark-bg .callout-content .purchase:hover {
     background: #00a1cb;
     color: #fff
 }
 
 .blue-bg .callout-content .callout-title {
     color: #fff;
     margin-top: 10px
 }
 
 .blue-bg .callout-content .btn {
     background: #00a1cb;
     color: #fff
 }
 
 .blue-bg .callout-content .btn:hover {
     background: #fff;
     color: #00a1cb
 }
 
 .progress.v1 {
     height: 40px;
     background: #ebebeb;
     -webkit-box-shadow: none;
     box-shadow: none;
     margin-bottom: 10px
 }
 
 .progress.v1 .progress-bar.default-bar {
     background-color: #00a1cb
 }
 
 .progress.v1 .progress-bar {
     text-align: left;
     font-size: 13px;
     font-weight: 400;
     line-height: 38px;
     padding-left: 15px;
     position: relative
 }
 
 .progress.v1 .progress-bar:before {
     content: "";
     top: 0;
     right: 0;
     width: 20px;
     height: 40px;
     position: absolute;
     border-style: solid;
     border-width: 20px 0 20px 20px;
     border-color: #ebebeb #ebebeb #ebebeb #00a1cb
 }
 
 .progress.v3 {
     height: 10px;
     width: 58%;
     margin-top: 14px
 }
 
 .progress.v3 .progress-bar.default-bar {
     background-color: #00a1cb
 }
 
 .progress-bg {
     background: #fff;
     height: 40px;
     border: 1px solid #ddd;
     margin-bottom: 10px;
     display: block;
     padding-right: 50px;
     position: relative
 }
 
 .progress-name {
     background: #000;
     color: #fff;
     padding: 10px 3px;
     float: left;
     margin-right: 15px;
     font-size: 13px;
     text-transform: uppercase;
     width: 35%;
     text-align: center;
     position: relative;
     z-index: 0
 }
 
 .progress-name:after {
     content: "";
     position: absolute;
     border: 1px solid #000;
     z-index: 1;
     left: -1px;
     right: -1px;
     top: -1px;
     bottom: 0
 }
 
 .progress-count {
     position: absolute;
     right: 0;
     bottom: 0;
     border-left: 1px solid #ddd;
     display: block;
     height: 38px;
     line-height: 37px;
     font-size: 13px;
     width: 10%;
     text-align: center
 }
 
 .panel-group .panel,
 .panel {
     border-radius: 0;
     margin-bottom: 10px
 }
 
 .panel-title {
     font-size: .8125rem;
     font-weight: 700;
     font-family: 'Roboto', sans-serif;
     text-transform: inherit
 }
 
 .panel-title a {
     color: #606060;
     min-height: 40px;
     display: inline-block;
     position: relative;
     padding-left: 15px;
     padding-right: 40px;
     line-height: 30px;
     padding-top: 5px;
     width: 100%
 }
 
 .panel-title a[class^="fa-"] {
     padding-left: 40px
 }
 
 .panel-title a:after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     width: 40px;
     text-align: center;
     line-height: 38px;
     border-left: 1px solid #dedede;
     font-family: FontAwesome;
     content: "\f0d8"
 }
 
 .panel-title a,
 .panel-title a.collapsed:hover {
     color: #00a1cb
 }
 
 .panel-title a.collapsed {
     color: #606060
 }
 
 .panel-title a.collapsed:after {
     position: absolute;
     top: 0;
     right: 0;
     font-family: FontAwesome;
     content: "\f0d7"
 }
 
 .panel-title a[class^="fa-"]:before {
     position: absolute;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 1rem;
     width: 40px;
     text-align: center;
     height: 43px;
     left: 0;
     top: 0;
     line-height: 40px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .panel-default>.panel-heading {
     background-color: transparent;
     padding: 0
 }
 
 .panel-body p,
 .panel-body {
     color: #777;
     font-size: .875rem;
     line-height: 24px
 }
 
 .panel-body .panel {
     margin-bottom: 10px;
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .tab-content table {
     font-size: 14px
 }
 
 .tab-content .commentlist {
     padding-left: 0
 }
 
 .tab-content .comment-content {
     margin-left: 95px
 }
 
 .tab-content .comment-author span {
     font-size: 14px;
     padding-left: 15px
 }
 
 .tv1 .nav-tabs>li:first-child {
     margin-left: 35px
 }
 
 .tv1 .nav-tabs>li>a {
     border-radius: 0;
     border: 1px solid #dedede;
     color: #606060;
     font-family: "Roboto", sans-serif;
     font-size: 13px;
     font-weight: 700;
     margin-right: 5px
 }
 
 .tv1 .nav-tabs>li.active>a {
     color: #00a1cb;
     background: #fff;
     position: relative
 }
 
 .tv1 .nav-tabs>li.active>a:before {
     content: "";
     position: absolute;
     left: -1px;
     right: -1px;
     top: -1px;
     height: 2px;
     background-color: #00a1cb
 }
 
 .tv1 .nav-tabs>li>a:hover {
     color: #fff;
     background: #00a1cb;
     border-color: #00a1cb
 }
 
 .tv1 .nav-tabs>li.active>a {
     border-bottom-color: #fff
 }
 
 .tv1 .tab-content {
     border: 1px solid #dedede;
     border-top: none;
     padding: 35px;
     overflow: hidden
 }
 
 .tv1 .tab-content .tab-image {
     padding-top: 2px
 }
 
 .tv1 .tab-content .tab-image.pull-right {
     padding-left: 30px
 }
 
 .tv1 .tab-pane p:last-child {
     margin-bottom: 0
 }
 
 .tv2 .nav-tabs {
     border-bottom: 0
 }
 
 .tv2 .nav-tabs>li {
     margin-bottom: 20px
 }
 
 .tv2 .nav-tabs>li>a {
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     background: transparent;
     border: 5px solid #dedede;
     color: #606060;
     width: 130px;
     height: 130px;
     border-radius: 50%;
     text-align: center;
     line-height: 102px;
     margin: 0 60px
 }
 
 .tv2 .nav-tabs>li.active>a,
 .tv2 .nav-tabs>li.active>a:hover,
 .tv2 .nav-tabs>li.active>a:focus {
     color: #00a1cb;
     background-color: transparent;
     border: 5px solid #00a1cb
 }
 
 .tv2 .nav-tabs>li>a:hover {
     color: #00a1cb;
     border-color: #00a1cb
 }
 
 .tv2 .tab-content>.tab-pane {
     text-align: center
 }
 
 .tv2 .stripe-left:before,
 .tv2 .stripe-right:after {
     content: "";
     position: absolute;
     border-top: 1px solid #dedede;
     border-bottom: 1px solid #dedede;
     width: 50px;
     top: 64px;
     height: 5px
 }
 
 .tv2 .stripe-left:after,
 .tv2 .stripe-right:before {
     content: "";
     position: absolute;
     border-bottom: 1px solid #dedede;
     width: 50px;
     top: 64px;
     height: 3px
 }
 
 .tv2 .stripe-right:after,
 .tv2 .stripe-right:before {
     right: 0
 }
 
 .polygon-bg .tv2 .nav-tabs>li>a {
     border-color: #2d2d2d
 }
 
 .polygon-bg .tv2 .nav-tabs>li>a:hover {
     border-color: #00a1cb;
     color: #fff
 }
 
 .polygon-bg .tv2 .nav-tabs>li.active>a,
 .polygon-bg .tv2 .nav-tabs>li.active>a:hover,
 .polygon-bg .tv2 .nav-tabs>li.active>a:focus {
     color: #fff;
     border-color: #00a1cb
 }
 
 .polygon-bg .tv2 .stripe-left:after,
 .polygon-bg .tv2 .stripe-right:before,
 .polygon-bg .tv2 .stripe-left:before,
 .polygon-bg .tv2 .stripe-right:after {
     border-color: #2d2d2d
 }
 
 .features-list {
     padding-left: 0
 }
 
 .features-list li {
     font-family: 'Roboto', sans-serif;
     font-size: 13px;
     position: relative;
     list-style: none;
     float: left;
     width: 50%;
     padding: 5px 0 5px 25px;
     line-height: 24px
 }
 
 .features-list li:before {
     position: absolute;
     top: 10px;
     left: 0;
     content: "\f046";
     color: #00a1cb;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 18px;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .pc-mockup-box {
     display: table;
     position: relative;
     padding-bottom: 25px
 }
 
 .pc-mockup-box .screenshot-slider {
     position: absolute;
     top: 6%;
     left: 12.5%;
     right: 12.5%
 }
 
 .pc-mockup-box .screenshot-slider img {
     max-width: inherit;
     width: 100%
 }
 
 .pc-mockup-box .screenshot-slider .carousel-indicators {
     bottom: -85px
 }
 
 .team-member {
     position: relative;
     z-index: 0
 }
 
 .team-member .member-img-box {
     position: relative;
     border: 1px solid #bfbfbf;
     background: #dedede;
     padding: 4px
 }
 
 .team-member .member-img-box:before {
     content: "";
     top: 4px;
     left: 4px;
     right: 4px;
     bottom: 4px;
     position: absolute;
     background: rgba(0, 161, 203, 0.0)
 }
 
 .team-member:hover .member-img-box:before {
     background: rgba(0, 161, 203, 0.7)
 }
 
 .team-member .member-img-box img {
     width: 100%
 }
 
 .team-member .social-icons {
     top: 50%;
     left: 0;
     right: 0;
     margin-top: -15px;
     position: absolute;
     opacity: 0
 }
 
 .team-member:hover .social-icons {
     opacity: 1
 }
 
 .team-member .social-icons a {
     color: #1c1c1c;
     background: #fff;
     display: inline-block;
     line-height: 30px;
     text-align: center;
     min-width: 30px
 }
 
 .team-member .social-icons a:hover {
     background: #1c1c1c;
     color: #fff
 }
 
 .team-member .name-container {
     margin-top: -50px
 }
 
 .team-member .member-name {
     position: relative;
     background: #fff;
     display: inline-block;
     line-height: 40px;
     padding: 0 15px
 }
 
 .team-member:hover .member-name {
     z-index: -1
 }
 
 .team-member .member-name:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 2px;
     background: #00a1cb
 }
 
 .team-member .member-description {
     font-family: "Roboto", sans-serif;
     font-weight: 500;
     font-size: 14px
 }
 
 .team-member .mail-icon,
 .team-member .phone-icon {
     padding-right: 10px;
     color: #aaa
 }
 
 .team-member .member-designation,
 .team-member .member-email,
 .team-member .member-phone {
     color: #00a1cb
 }
 
 .team-member .member-contact {
     padding-top: 10px;
     color: #aaa
 }
 
 .team-member .member-name,
 .team-member .social-icons,
 .team-member .social-icons a,
 .team-member .member-img-box:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .team-member.v2 {
     position: relative
 }
 
 .team-member.v2 .member-img-box {
     padding: 0;
     border: none
 }
 
 .team-member.v2 .member-img-box:before {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0
 }
 
 .team-member.v2:hover .member-img-box:before {
     background: #1c1c1c
 }
 
 .team-member.v2 .member-name {
     background: inherit;
     position: inherit
 }
 
 .team-member.v2 .member-details {
     position: absolute;
     top: 20px;
     left: 20px;
     right: 20px;
     bottom: 20px;
     border: 1px solid #fff
 }
 
 .team-member.v2 .name-container {
     margin-top: 0
 }
 
 .team-member.v2 .member-name {
     position: inherit;
     font-size: 24px;
     padding-top: 15%;
     color: #fff
 }
 
 .team-member.v2 .member-name:before {
     background: transparent
 }
 
 .team-member.v2 .social-icons {
     position: relative;
     top: inherit;
     bottom: inherit;
     margin-top: 0;
     opacity: 1
 }
 
 .team-member.v2 .member-designation,
 .team-member.v2 .member-email,
 .team-member.v2 .member-phone,
 .team-member.v2 .member-contact,
 .team-member.v2 .mail-icon,
 .team-member.v2 .phone-icon {
     color: #777
 }
 
 .team-member.v2 .social-icons a:hover {
     background-color: #00a1cb
 }
 
 .team-member.v2 .stripe-over:before,
 .team-member.v2 .stripe-full:before,
 .team-member.v2 .stripe-bfixw:before,
 .team-member.v2 .stripe-over:after,
 .team-member.v2 .stripe-full:after,
 .team-member.v2 .stripe-bfixw:after {
     border-color: #292929
 }
 
 .team-member.v2 .member-details {
     opacity: 0;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .team-member.v2:hover .member-details {
     opacity: 1
 }
 
 @media screen and (max-width: 1360px) {
     .team-member.v2 .member-name {
         padding-top: 5%
     }
 }
 
 .widget .stripe-full {
     padding-top: 3px;
     margin-bottom: 25px
 }
 
 .widget {
     padding-bottom: 20px
 }
 
 .widget .stripe-full:after,
 .widget .stripe-full:before {
     bottom: -10px
 }
 
 .widget .stripe-over:after,
 .widget .stripe-over:before {
     bottom: -14px
 }
 
 .mozilla .blog-page .widget .stripe-over:after,
 .mozilla .blog-page .widget .stripe-over:before {
     bottom: -13px
 }
 
 .widget p {
     line-height: 24px
 }
 
 .widget ul {
     list-style: none;
     padding-left: 0
 }
 
 .widget_about_us .contact-info {
     padding-left: 0;
     padding-top: 10px
 }
 
 .widget_about_us .contact-info>li {
     color: #777;
     font-size: .875em;
     list-style: none;
     position: relative;
     line-height: 28px;
     padding-left: 30px
 }
 
 .widget_about_us .contact-info>li:before {
     position: absolute;
     top: 8px;
     left: 0;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .widget_about_us .contact-info a {
     color: #777
 }
 
 .widget_about_us .contact-info a:hover {
     color: #00a1cb
 }
 
 .widget .flinks>li {
     font-size: .85em;
     padding-bottom: 10px;
     list-style-type: disc;
     list-style-position: inside
 }
 
 .widget .flinks>li a {
     color: #777
 }
 
 .widget .flinks>li a:hover {
     color: #00a1cb
 }
 
 .widget .recentposts {
     padding-left: 0
 }
 
 .widget .recentposts>li {
     font-size: .85em;
     list-style: none;
     overflow: hidden;
     padding-bottom: 20px
 }
 
 .widget .recentposts>li>.rp-img {
     float: left;
     width: 80px;
     height: 80px;
     margin-right: 15px;
     position: relative
 }
 
 .widget .recentposts>li>.rp-img a:before,
 .widget .recentposts>li>.rp-img a:after {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .widget .recentposts>li>.rp-img a:before {
     content: "";
     background-color: rgba(0, 161, 203, 0.8);
     z-index: 1
 }
 
 .widget .recentposts>li>.rp-img a:after {
     color: #fff;
     content: "\f002";
     font: normal normal normal 14px/1 FontAwesome;
     text-align: center;
     font-size: inherit;
     line-height: 80px;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     z-index: 2
 }
 
 .widget .recentposts>li>.rp-img a:hover:before,
 .widget .recentposts>li>.rp-img a:hover:after {
     opacity: 1
 }
 
 .widget .recentposts>li>.rp-txt {
     margin-left: 95px;
     padding-top: 15px;
     line-height: 25px
 }
 
 .widget .recentposts>li>.rp-txt,
 .widget .recentposts>li .entry-title a {
     color: #777;
     display: block
 }
 
 .widget .author,
 .widget .author a,
 .widget .entry-date {
     font-style: italic;
     font-size: .75rem;
     color: #606060
 }
 
 .widget .author a:hover,
 .widget .recentposts>li .entry-title a:hover {
     color: #00a1cb
 }
 
 .widget .twitter-feeds {
     padding-left: 0
 }
 
 .widget .twitter-feeds>li {
     list-style: none;
     padding-left: 40px;
     position: relative;
     font-size: .875rem;
     padding-bottom: 20px;
     line-height: 25px;
     overflow: hidden
 }
 
 .widget .twitter-feeds>li:before {
     position: absolute;
     left: 0;
     top: 5px;
     content: "\f099";
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 1.5rem;
     text-rendering: auto
 }
 
 .widget .twitter-feeds>li>.tweet {
     overflow: hidden
 }
 
 .widget .twitter-feeds>li>.tweet>a {
     color: #777;
     display: block
 }
 
 .widget .twitter-feeds>li>.tweet>a:hover {
     color: #00a1cb
 }
 
 .widget .twitter-feeds>li>.tweet>.tweet-time {
     color: #606060;
     display: inline-block;
     float: right;
     position: relative;
     font-style: italic
 }
 
 .widget .twitter-feeds>li>.tweet>.tweet-time:after {
     position: absolute;
     content: "";
     top: 15px;
     right: 100%;
     height: 1px;
     width: 1000px;
     margin-right: 10px;
     background-color: #292929
 }
 
 .sidebar-widgets .tweet {
     color: #777
 }
 
 .sidebar-widgets .widget .twitter-feeds>li>.tweet>a {
     color: #2d2d2d
 }
 
 .widget_newslatter .subscirbe-form {
     position: relative
 }
 
 input#subscibe_email:focus {
     color: #606060;
     background: #1a1a1a
 }
 
 .widget_newslatter .subscirbe-form input[type="text"] {
     width: 100%;
     background: #1c1c1c;
     border: none!important;
     outline: none!important;
     padding: 10px 15px;
     font-size: .75rem;
     height: 40px;
     font-style: italic
 }
 
 .widget_newslatter .subscirbe-form input[type="submit"] {
     position: absolute;
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     right: 0;
     top: 0;
     height: 40px;
     border: none!important;
     outline: none!important;
     padding: 10px 15px;
     background: #00a1cb
 }
 
 .widget_newslatter .subscirbe-form .subscibe-btn {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .widget_newslatter .subscirbe-form .subscibe-btn:hover {
     background: #fff;
     color: #2d2d2d
 }
 
 .callout-content.section-padding {
     padding-top: 30px
 }
 
 .footer-widget-container .stripe-full:before,
 .footer-widget-container .stripe-bfixw:before {
     border-top: 1px solid #292929
 }
 
 .footer-widget-container .stripe-full:after,
 .footer-widget-container .stripe-bfixw:after {
     border-top: 1px solid #292929;
     border-bottom: 1px solid #292929
 }
 
 .footer-widget .widget-title {
     color: #fff
 }
 
 .footer-widget,
 .footer-widget p {
     color: #ccc
 }
 
 .widget_categories li {
     border-bottom: 1px solid #ebebeb
 }
 
 .widget_categories li a {
     color: #606060;
     display: block;
     padding: 10px;
     font-weight: 700
 }
 
 .widget_categories li a:before {
     width: 12px;
     height: 12px;
     display: inline-block;
     margin-right: 10px;
     content: "\f058";
     font: normal normal normal 14px/1 FontAwesome;
     color: #00a1cb
 }
 
 .widget_categories .badge {
     width: 50px;
     line-height: 25px;
     margin-top: -5px
 }
 
 .widget_categories li a:before,
 .widget_categories .badge {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .widget_categories li:hover a {
     color: #00a1cb
 }
 
 .widget_recent_projects li {
     display: inline-block;
     margin-right: -4px;
     padding-right: 0;
     overflow: hidden;
     margin-bottom: -6px
 }
 
 .widget_recent_projects a {
     display: block
 }
 
 .widget_recent_projects .recentposts>li {
     padding-bottom: 0
 }
 
 .widget_recent_projects .recentposts>li>.rp-img {
     width: auto;
     height: 92px;
     margin-right: 0
 }
 
 .widget_recent_projects .recentposts>li>.rp-img a:after {
     content: "\f0c1";
     line-height: 95px
 }
 
 .tagcloud a {
     padding: 8px 11px;
     display: inline-block;
     border: 1px solid #dedede;
     margin: 0 5px 8px 0
 }
 
 .tagcloud a:hover {
     background: #00a1cb;
     color: #fff;
     border: 1px solid transparent
 }
 
 .widget_recent_posts .comments-link {
     display: block;
     font-size: 12px
 }
 
 .widget_recent_posts .comments-link a {
     color: #606060
 }
 
 .widget_recent_posts .comments-link a:hover,
 .sidebar-widgets .widget .twitter-feeds>li>.tweet>a:hover {
     color: #00a1cb
 }
 
 .sidebar-widgets .widget .recentposts>li>.rp-txt {
     padding-top: 3px
 }
 
 #wp-calendar {
     width: 100%
 }
 
 #wp-calendar caption {
     border: 1px solid #ddd;
     text-align: center;
     margin-bottom: 18px;
     text-transform: uppercase;
     font-weight: 700
 }
 
 #wp-calendar tbody td,
 #wp-calendar thead th {
     text-align: center
 }
 
 #wp-calendar table,
 #wp-calendar th,
 #wp-calendar td {
     border: 1px solid #ddd;
     line-height: 40px
 }
 
 #wp-calendar td a {
     font-weight: 900;
     display: block
 }
 
 #wp-calendar tbody td {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 #wp-calendar td a:hover {
     background: #00a1cb;
     color: #fff
 }
 
 td#prev,
 td#next {
     text-align: center
 }
 
 .widget_text .textwidget {
     color: #777;
     font-size: 14px;
     line-height: 24px
 }
 
 .widget_text .textwidget ol,
 .widget_text .textwidget ul {
     list-style: inherit;
     padding-left: 20px
 }
 
 .widget_text .textwidget img {
     margin: 15px 0
 }
 
 #header {
     min-height: 120px
 }
 
 #header,
 #top-menu-container,
 #header-wrap {
     -webkit-transition: all .35s ease;
     -moz-transition: all .35s ease;
     -ms-transition: all .35s ease;
     -o-transition: all .35s ease;
     transition: all .35s ease
 }
 
 #header-wrap {
     position: relative;
     background: #f8f8f8;
     border-top: 3px solid #00a1cb;
     border-bottom: 5px solid #dedede;
     width: 100%;
     margin: 0
 }
 
 #header-wrap:after {
     content: "";
     position: absolute;
     background: #bfbfbf;
     left: 0;
     bottom: -1px;
     height: 1px;
     width: 100%
 }
 
 #header-wrap .container {
     position: relative
 }
 
 #top-menu-container.navbar-fixed-top {
     top: -130px
 }
 
 #top-menu-container.fix-menu {
     top: 0
 }
 
 #logo {
     position: relative;
     float: left;
     height: 120px
 }
 
 #logo a {
     color: #00a1cb;
     display: block;
     line-height: 120px
 }
 
 #logo img {
     display: inline;
     max-width: 100%
 }
 
 #primary-menu {
     float: right
 }
 
 #primary-menu-trigger,
 #page-submenu-trigger {
     position: absolute;
     top: 50%;
     pointer-events: none;
     cursor: pointer;
     font-size: 14px;
     line-height: 50px;
     text-align: center;
     margin-top: -25px;
     width: 50px;
     height: 50px;
     opacity: 0;
     -webkit-transition: opacity .3s ease;
     -o-transition: opacity .3s ease;
     transition: opacity .3s ease
 }
 
 #primary-menu ul {
     list-style: none;
     margin: 0;
     padding: 0
 }
 
 #primary-menu>ul {
     float: left
 }
 
 #primary-menu ul li {
     position: relative;
     float: left;
     margin-left: 2px
 }
 
 #primary-menu>ul>li.sub-menu {
     padding-right: 10px
 }
 
 #primary-menu>ul>li.sub-menu>a>div:after,
 #primary-menu>ul>li.sub-menu li.sub-menu:after {
     position: relative;
     color: #aaa;
     content: "\f103";
     font-size: 14px;
     font-family: FontAwesome;
     font-weight: 400;
     text-rendering: auto;
     top: 0;
     left: 5px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 #primary-menu>ul>li.sub-menu li.sub-menu:after {
     position: absolute;
     content: "\f101";
     left: 100%;
     top: 10px;
     margin-left: -25px
 }
 
 #primary-menu>ul>li.sub-menu.mega-menu li.sub-menu:after {
     display: none
 }
 
 #primary-menu>ul>li.sub-menu.sfHover>a>div:after,
 #primary-menu>ul>li.sub-menu.sfHover li.sub-menu.sfHover:after {
     color: #00a1cb
 }
 
 #primary-menu ul li.mega-menu {
     position: inherit
 }
 
 #primary-menu ul li:first-child {
     margin-left: 0
 }
 
 #primary-menu ul li a {
     display: block;
     height: 120px;
     line-height: 120px;
     padding: 0 15px;
     color: #2d2d2d;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: .8px;
     font-family: 'Oswald', sans-serif;
     -webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
     -o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
     transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease
 }
 
 #primary-menu ul li i {
     position: relative;
     font-size: 14px!important;
     top: 1px;
     line-height: 99px;
     width: 14px;
     text-align: center;
     margin-right: 6px;
     -webkit-transition: line-height .4s ease;
     -o-transition: line-height .4s ease;
     transition: line-height .4s ease
 }
 
 #primary-menu>ul>li:hover a,
 #primary-menu>ul>li.current a {
     color: #00a1cb
 }
 
 #primary-menu>ul>li.current>a:after {
     position: absolute;
     content: '';
     left: 15px;
     right: 15px;
     bottom: -5px;
     background: #00a1cb;
     height: 5px;
     z-index: 1
 }
 
 #primary-menu>ul>li.sub-menu.current>a:after {
     right: 33px
 }
 
 #primary-menu li:hover>ul {
     display: block
 }
 
 #primary-menu ul ul,
 #primary-menu ul li .mega-menu-content {
     display: none;
     position: absolute;
     width: 230px;
     background-color: #fff;
     box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
     border-top: 5px solid #00a1cb;
     height: auto;
     top: 120px;
     left: 0;
     margin: 0;
     z-index: 9999
 }
 
 #primary-menu ul ul ul {
     top: -5px!important;
     left: 220px
 }
 
 #primary-menu ul ul li {
     float: none;
     margin: 0;
     border-bottom: 1px solid #e4e4e4
 }
 
 #primary-menu ul ul li:first-child {
     border-top: 0
 }
 
 #primary-menu ul ul li:last-child {
     border-bottom: 0
 }
 
 #primary-menu ul ul a {
     border: 0!important;
     color: #777!important;
     font-family: 'Roboto', sans-serif;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 0;
     line-height: 42px!important;
     height: auto;
     padding-top: 0!important;
     padding-bottom: 0!important;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     text-transform: capitalize
 }
 
 #primary-menu ul ul li:hover>a {
     background-color: #F9F9F9;
     color: #00a1cb!important;
     padding-left: 18px
 }
 
 #primary-menu ul ul i {
     line-height: inherit;
     padding-right: 10px
 }
 
 #primary-menu ul li .mega-menu-content {
     width: 400px
 }
 
 #primary-menu ul li.mega-menu .mega-menu-content {
     margin: 0 15px;
     width: 670px;
     left: 500px;
     top: 120px
 }
 
 #primary-menu ul li .mega-menu-content ul {
     position: relative;
     top: 0;
     display: block;
     min-width: inherit
 }
 
 #primary-menu ul li .mega-menu-content>ul {
     float: left
 }
 
 #primary-menu ul li .mega-menu-content ul {
     display: block!important;
     opacity: 1!important;
     top: 0;
     left: 0
 }
 
 #primary-menu ul li .mega-menu-content.col-2>ul,
 #primary-menu ul li .mega-menu-content.col-3>ul,
 #primary-menu ul li .mega-menu-content.col-4>ul,
 #primary-menu ul li .mega-menu-content.col-5>ul {
     width: 50%;
     margin: 0;
     border-left: 1px solid #F2F2F2
 }
 
 #primary-menu ul li .mega-menu-content.col-3>ul {
     width: 33.33%
 }
 
 #primary-menu ul li .mega-menu-content.col-4>ul {
     width: 25%
 }
 
 #primary-menu ul li .mega-menu-content.col-5>ul {
     width: 20%
 }
 
 #primary-menu ul li .mega-menu-content>ul:first-child {
     border-left: 0
 }
 
 #primary-menu ul li .mega-menu-content ul a {
     height: auto;
     line-height: 42px
 }
 
 #primary-menu ul li .mega-menu-content ul {
     width: 100%;
     border: 0;
     box-shadow: none;
     background-color: transparent
 }
 
 #primary-menu ul li .mega-menu-content>ul {
     padding: 30px 20px
 }
 
 #primary-menu ul li .mega-menu-content ul a {
     padding: 0
 }
 
 #primary-menu ul li .mega-menu-content ul a:hover {
     padding-left: 12px
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title.sub-menu>a,
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title.sub-menu:hover>a {
     background: none
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title {
     margin-top: 20px
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title:first-child {
     margin: 0
 }
 
 #primary-menu ul li .mega-menu-content>ul>li.mega-menu-title>a {
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase!important;
     margin-bottom: 15px;
     color: #444!important;
     padding: 0;
     height: auto!important;
     line-height: 1.3!important
 }
 
 #primary-menu .mega-menu-content .menu-contact {
     color: #777;
     padding-top: 10px
 }
 
 #primary-menu .mega-menu-content .menu-contact li {
     position: relative;
     padding: 8px 0 8px 20px;
     border: none;
     font-size: 13px
 }
 
 #primary-menu .mega-menu-content .menu-contact li i {
     position: absolute;
     top: 8px;
     left: 0
 }
 
 #primary-menu .mega-menu-content .menu-img {
     padding: 8px 0
 }
 
 #primary-menu .mega-menu-content .menu-img a:hover {
     padding-left: 0
 }
 
 #primary-menu .mega-menu-content a.btn {
     border: 1px solid #ddd!important
 }
 
 #primary-menu .mega-menu-content a.btn:hover {
     border-color: #00a1cb!important;
     color: #fff!important;
     padding-left: 0!important
 }
 
 #primary-menu .mega-menu-content .carousel-indicators li {
     border: 1px solid #fff
 }
 
 #top-search,
 #top-cart {
     float: right;
     margin: 40px 0 0 10px
 }
 
 #top-cart {
     position: relative
 }
 
 #top-search a.hd-icons,
 #top-cart a.hd-icons {
     display: block;
     position: relative;
     border: 1px solid #00a1cb;
     width: 36px;
     height: 36px;
     font-size: 14px;
     line-height: 27px;
     text-align: center;
     border-radius: 50%;
     color: #00a1cb;
     -webkit-transition: color .3s ease-in-out;
     -o-transition: color .3s ease-in-out;
     transition: color .3s ease-in-out
 }
 
 #top-search a.hd-icons:hover,
 #top-cart a.hd-icons:hover {
     background: #00a1cb;
     color: #fff
 }
 
 #top-cart a.hd-icons i {
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -8px;
     margin-left: -8px
 }
 
 #top-search a {
     z-index: 11
 }
 
 #top-cart a:hover {
     color: #00a1cb
 }
 
 #top-search a i {
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -8px;
     margin-left: -5px;
     -webkit-transition: opacity .3s ease;
     -o-transition: opacity .3s ease;
     transition: opacity .3s ease
 }
 
 #top-search form {
     opacity: 0;
     z-index: -2;
     position: absolute;
     width: 100%!important;
     height: 100%!important;
     margin: 0;
     top: 0;
     left: 0;
     -webkit-transition: opacity .3s ease-in-out;
     -o-transition: opacity .3s ease-in-out;
     transition: opacity .3s ease-in-out
 }
 
 body.top-search-open #top-search form {
     opacity: 1;
     z-index: 10
 }
 
 #top-search form input {
     background-color: #f8f8f8;
     box-shadow: none!important;
     border-radius: 0;
     border: 0;
     color: #333;
     font-weight: 700;
     font-size: 32px;
     letter-spacing: 2px;
     outline: 0!important;
     height: 100%;
     margin-top: 0!important;
     padding: 10px 80px 10px 20px
 }
 
 #top-search form input::-moz-placeholder {
     color: #555;
     text-transform: uppercase;
     opacity: 1
 }
 
 #top-search form input:-ms-input-placeholder {
     color: #555;
     text-transform: uppercase
 }
 
 #top-search form input::-webkit-input-placeholder {
     color: #555;
     text-transform: uppercase
 }
 
 #primary-menu .container #top-search form input,
 .sticky-header #top-search form input {
     border: none!important
 }
 
 #top-cart {
     margin-right: 0
 }
 
 #top-cart>a>span {
     position: absolute;
     top: -5px;
     right: -4px;
     background-color: #2d2d2d;
     border-radius: 50%;
     color: #fff;
     font-size: 10px;
     line-height: 16px;
     text-align: center;
     display: block;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     width: 16px;
     height: 16px
 }
 
 #top-cart .top-cart-content {
     position: absolute;
     top: 80px;
     right: 0;
     left: auto;
     width: 280px;
     background-color: #fff;
     box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.07);
     border-top: 5px solid #00a1cb;
     margin: -10000px 0 0;
     -webkit-transition: opacity .5s ease, top .4s ease;
     -o-transition: opacity .5s ease, top .4s ease;
     transition: opacity .5s ease, top .4s ease;
     opacity: 0;
     z-index: -2
 }
 
 #top-cart.top-cart-open .top-cart-content {
     opacity: 1;
     z-index: 11;
     margin-top: 0
 }
 
 .top-cart-title {
     padding: 12px 15px;
     border-bottom: 1px solid #eee
 }
 
 .top-cart-title h4 {
     margin-bottom: 0;
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px
 }
 
 .top-cart-items {
     padding: 15px
 }
 
 .top-cart-item {
     padding-top: 15px;
     margin-top: 15px;
     border-top: 1px solid #F5F5F5
 }
 
 .top-cart-item:first-child {
     padding-top: 0;
     margin-top: 0;
     border-top: 0
 }
 
 .top-cart-item-image {
     float: left;
     margin-right: 15px;
     width: 48px!important;
     height: 48px!important;
     border: 2px solid #eee;
     -webkit-transition: border-color .2s linear;
     -moz-transition: border-color .2s linear;
     -ms-transition: border-color .2s linear;
     -o-transition: border-color .2s linear;
     transition: border-color .2s linear
 }
 
 .top-cart-item-image a,
 .top-cart-item-image img {
     display: block;
     width: 44px!important;
     height: 44px!important
 }
 
 .top-cart-item-image:hover {
     border-color: #00a1cb
 }
 
 .top-cart-item-desc {
     position: relative;
     overflow: hidden
 }
 
 .top-cart-item-desc a {
     text-align: left!important;
     font-size: 13px!important;
     width: auto!important;
     height: auto!important;
     font-weight: 600
 }
 
 .top-cart-item-desc a:hover {
     color: #00a1cb!important
 }
 
 .top-cart-item-desc span.top-cart-item-price {
     display: block;
     color: #999;
     font-size: 12px!important;
     line-height: 20px
 }
 
 .top-cart-item-desc span.top-cart-item-quantity {
     position: absolute;
     color: #444;
     display: block;
     font-size: 12px!important;
     right: 0;
     top: 2px
 }
 
 .top-cart-action {
     padding: 15px;
     border-top: 1px solid #eee
 }
 
 .top-cart-action span.top-checkout-price {
     color: #00a1cb
 }
 
 body.top-search-open #top-search a i.fa-search,
 #top-search a i.fa-close {
     opacity: 0
 }
 
 body.top-search-open #top-search a i.fa-close {
     opacity: 1;
     z-index: 11
 }
 
 .navbar-fixed-top #logo {
     height: 102px
 }
 
 .navbar-fixed-top #logo a {
     line-height: 102px
 }
 
 .navbar-fixed-top #primary-menu>ul>li>a {
     height: 102px;
     line-height: 102px
 }
 
 .navbar-fixed-top #primary-menu ul ul,
 .navbar-fixed-top #primary-menu ul li .mega-menu-content,
 .navbar-fixed-top #primary-menu ul li.mega-menu .mega-menu-content {
     top: 102px
 }
 
 .overflow-yscroll .isotope-masonry-items {
     width: 1920px
 }
 
 .portfolioFilter {
     text-align: center;
     margin-bottom: 60px
 }
 
 .portfolio-item figure {
     position: relative;
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
     overflow: hidden;
     z-index: 0
 }
 
 .portfolio-item.border-style {
     border: 1px solid #bfbfbf;
     background: #dedede;
     padding: 4px
 }
 
 .portfolio-item figure img {
     max-width: 100%;
     height: auto;
     vertical-align: middle;
     width: 100%;
     max-width: inherit;
     border: transparent;
     -webkit-transition: -webkit-transform .3s ease;
     -moz-transition: -moz-transform .3s ease;
     -ms-transition: -ms-transform .3s ease;
     -o-transition: -o-transform .3s ease;
     transition: transform .3s ease
 }
 
 .portfolio-item .item-w2 {
     background: #ED9393;
     width: 60%
 }
 
 .portfolio-item .item-h2 {
     background: #7CB744;
     height: 680px
 }
 
 .portfolio-item .item-h3 {
     background: #38B5E5
 }
 
 .portfolio-item,
 .isotope .isotope-item {
     -webkit-transition-duration: .8s;
     -moz-transition-duration: .8s;
     -ms-transition-duration: .8s;
     -o-transition-duration: .8s;
     transition-duration: .8s;
     -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
 }
 
 .portfolioFilter {
     clear: both;
     margin: auto;
     padding-bottom: 15px;
     text-align: center;
     width: auto
 }
 
 .portfolioFilter a,
 .portfolio-item,
 .portfolio-item figure:after,
 .portfolio-item figure:before,
 .portfolio-item figure .item-description,
 .portfolio-item figure .item-title,
 .portfolio-item figure .item-category,
 .portfolio-item figure .item-link,
 .portfolio-item figure .item-link:after,
 figure .item-link a,
 figure .item-link a:after,
 figure .item-link a:before {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .portfolio-item,
 .portfolio-item .item {
     padding: 0
 }
 
 .portfolio-item figure:after {
     background-color: rgba(0, 161, 203, 0.71);
     content: "";
     display: inline-block;
     height: 100%;
     width: 100%;
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1
 }
 
 .portfolio-item figure:hover:after {
     background-color: rgba(0, 161, 203, 0.71);
     -webkit-animation: portfolioOverlay .5s;
     -moz-animation: portfolioOverlay .5s;
     -ms-animation: portfolioOverlay .5s;
     -o-animation: portfolioOverlay .5s;
     animation: portfolioOverlay .5s;
     top: 52%;
     left: 0
 }
 
 .portfolio-item figure .item-link:after {
     content: "";
     background-color: rgba(0, 161, 203, 0.71);
     border-radius: 20px 20px 0 0;
     position: absolute;
     width: 90px;
     height: 20px;
     top: 100%;
     left: 50%;
     margin-left: -45px;
     z-index: 2
 }
 
 .portfolio-item figure:hover .item-link:after {
     top: 52%;
     margin-top: -20px
 }
 
 figure .item-link a {
     position: absolute;
     color: #fff;
     border-radius: 100%;
     border: 1px solid #fff;
     display: inline-block;
     line-height: 28px;
     font-size: 12px;
     width: 30px;
     height: 30px;
     top: 100%;
     left: 50%;
     text-align: center;
     z-index: 3
 }
 
 figure:hover .item-link a {
     top: 52%;
     margin-top: -10px
 }
 
 figure .item-link a.project-link {
     margin-left: -34px;
     -webkit-transition-delay: .25s;
     -moz-transition-delay: .25s;
     -ms-transition-delay: .25s;
     -o-transition-delay: .25s;
     transition-delay: .25s
 }
 
 figure .item-link a.zoom-link {
     margin-left: 5px;
     -webkit-transition-delay: .35s;
     -moz-transition-delay: .35s;
     -ms-transition-delay: .35s;
     -o-transition-delay: .35s;
     transition-delay: .35s
 }
 
 figure .item-link a:hover {
     top: 52%;
     color: #00a1cb;
     background: #fff
 }
 
 .portfolio-item figure .item-description {
     position: absolute;
     width: 100%;
     height: 120px;
     top: 52%;
     margin-top: 80px;
     left: -20%;
     z-index: 2;
     padding: 0 15px;
     -webkit-transition-delay: .25s;
     -moz-transition-delay: .25s;
     -ms-transition-delay: .25s;
     -o-transition-delay: .25s;
     transition-delay: .25s
 }
 
 .portfolio-item figure:hover .item-description {
     margin-top: 20px;
     left: 0
 }
 
 .portfolio-item figure .item-title {
     font-size: 1.125em;
     bottom: 75px;
     -webkit-transition-delay: .45s;
     -moz-transition-delay: .45s;
     -ms-transition-delay: .45s;
     -o-transition-delay: .45s;
     transition-delay: .45s
 }
 
 .portfolio-item figure .item-category {
     font-size: .75em;
     display: inline-block;
     bottom: 55px;
     -webkit-transition-delay: .55s;
     -moz-transition-delay: .55s;
     -ms-transition-delay: .55s;
     -o-transition-delay: .55s;
     transition-delay: .55s
 }
 
 .portfolio-item figure .item-title,
 .portfolio-item figure .item-category {
     position: absolute;
     color: #fff;
     text-align: center;
     left: -100%;
     width: 100%
 }
 
 .portfolio-item figure:hover .item-title,
 .portfolio-item figure:hover .item-category {
     left: 0
 }
 
 .portfolio-item figure .item-title {
     font-size: 1em;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 20px;
     margin-bottom: 5px
 }
 
 .portfolio-item figure .item-category .numbers:before {
     content: " - "
 }
 
 .isotope-filters .btn {
     color: #2d2d2d
 }
 
 .isotope-filters .btn.active,
 .isotope-filters .btn:hover,
 .isotope-filters .bg-btn {
     color: #fff;
     border-color: #00a1cb;
     background: #00a1cb
 }
 
 .portfolio-item.v2 .item {
     padding: 0 15px 15px
 }
 
 .portfolio-item.v2 figure {
     height: auto
 }
 
 .portfolio-item.v2 figure .item-description {
     border-bottom: 2px solid #dedede;
     margin-top: 0
 }
 
 .portfolio-item.v2 figure .item-description,
 .portfolio-item.v2 figure .item-title,
 .portfolio-item.v2 figure .item-category {
     position: inherit;
     top: inherit;
     left: inherit;
     right: inherit;
     bottom: inherit
 }
 
 .portfolio-item.v2 figure .item-title,
 .portfolio-item.v2 figure .item-category {
     color: inherit;
     margin-top: 0;
     -webkit-transition-delay: 0;
     -moz-transition-delay: 0;
     -ms-transition-delay: 0;
     -o-transition-delay: 0;
     transition-delay: 0
 }
 
 .portfolio-item.v2 figure .item-title {
     padding-top: 40px
 }
 
 .portfolio-item.v2 figure .item-category {
     color: #aaa
 }
 
 .portfolio-item.v2 figure:hover .item-description {
     margin-top: inherit;
     top: inherit;
     border-bottom: 2px solid #00a1cb;
     -webkit-transition: border 0 ease;
     -moz-transition: border 0 ease;
     -ms-transition: border 0 ease;
     -o-transition: border 0 ease;
     transition: border 0 ease
 }
 
 .portfolio-item.v2 figure:hover .item-title,
 .portfolio-item.v2 figure:hover .item-category {
     color: #fff
 }
 
 .portfolio-item.v2 figure:hover:after {
     background: #00a1cb;
     top: 100%;
     margin-top: -120px
 }
 
 .portfolio-item.v2 figure:hover .item-link:after {
     background: #00a1cb;
     top: 100%;
     margin-top: -140px
 }
 
 .v2 figure:hover .item-link a {
     top: 100%;
     margin-top: -130px
 }
 
 .portfolio-item.v3 {
     padding-top: 40px
 }
 
 .portfolio-item.v3 .col-sm-6 {
     max-width: 450px;
     margin: auto
 }
 
 .portfolio-item.v4 figure:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     -webkit-transition-delay: .25s;
     -moz-transition-delay: .25s;
     -ms-transition-delay: .25s;
     -o-transition-delay: .25s;
     transition-delay: .25s
 }
 
 .portfolio-item.v4 figure:after {
     top: 50%;
     left: 50%;
     right: 50%;
     bottom: 50%;
     width: 0;
     height: 0
 }
 
 .portfolio-item.v4 figure:hover:after {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%
 }
 
 .portfolio-item.v4 figure:hover:before {
     border: 1px solid #fff;
     top: 15px;
     left: 15px;
     right: 15px;
     bottom: 15px;
     width: auto;
     height: auto;
     z-index: 2
 }
 
 .portfolio-item.v4 figure .item-link:after {
     background: #fff;
     height: 50px;
     border-radius: 25px
 }
 
 .portfolio-item.v4 figure:hover .item-link a {
     border-color: #00a1cb;
     color: #00a1cb;
     margin-top: -35px
 }
 
 .portfolio-item.v4 figure .item-link a:hover {
     color: #fff;
     background: #00a1cb
 }
 
 .portfolio-item.v4 figure .item-link a.project-link {
     margin-left: -33px
 }
 
 .portfolio-item.v4 figure .item-link:after {
     top: 52%;
     opacity: 0
 }
 
 .portfolio-item.v4 figure:hover .item-link:after {
     opacity: 1;
     margin-top: -45px
 }
 
 .item-container {
     padding-top: 30px
 }
 
 .item-container:hover .icon {
     background: #00a1cb;
     border-color: #00a1cb;
     color: #fff
 }
 
 .item-container:hover .icon.inv {
     color: #00a1cb;
     background: transparent
 }
 
 .item-container:hover .icon.icon-big {
     background: inherit;
     border-color: transparent;
     color: #00a1cb
 }
 
 .item-container .feature-text {
     margin-left: 90px
 }
 
 .item-container .feature-text .btn {
     margin: 15px 5px 20px 0
 }
 
 .item-container.v2 {
     border: 1px solid #dedede;
     margin-top: 35px;
     padding: 40px 30px 30px
 }
 
 .item-container.v2:hover,
 .item-container.v2 .icon {
     background: #00a1cb;
     border-color: #00a1cb;
     color: #fff
 }
 
 .item-container.v2:hover .stripe-bfixw:before,
 .item-container.v2:hover .stripe-bfixw:after {
     border-color: #fff
 }
 
 .item-container.v2:hover .sub-title,
 .item-container.v2:hover p {
     color: #fff
 }
 
 .item-container.v2 .sub-title {
     color: #aaa;
     font-size: .75rem
 }
 
 .item-container.v2:hover .icon {
     background: #fff;
     color: #00a1cb
 }
 
 .item-container.v3 .feature-text {
     margin-left: 0
 }
 
 .item-container.v3 .icon {
     border-radius: 100%;
     line-height: 48px;
     font-size: 1rem;
     margin-bottom: 10px;
     width: 50px;
     height: 50px
 }
 
 .btn.read-more.no-border:hover {
     color: #2d2d2d
 }
 
 .item-container.service .icon {
     width: 40px;
     float: left;
     font-size: 1em;
     margin-top: 10px
 }
 
 .item-container.service .icon.v2 {
     border-width: 2px;
     border-radius: 25px;
     height: 60px;
     line-height: 56px
 }
 
 .item-container.service .service-text {
     margin-left: 60px
 }
 
 .item-container.service .sub-title {
     color: #aaa;
     font-size: .75rem;
     margin-bottom: 15px
 }
 
 .item-container.service .texts {
     color: #777
 }
 
 .item-container.service .feature-title {
     margin-bottom: 5px
 }
 
 .item-container.service .feature-title a {
     color: #2d2d2d;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .item-container.service .feature-title:hover a {
     color: #00a1cb
 }
 
 .item-container.service.v4 .feature-text {
     margin-left: 0
 }
 
 .item-container.service.v4 .icon {
     width: 70px;
     border-color: #00a1cb;
     font-size: 20px
 }
 
 .item-container.service.v4 .service-text {
     margin-left: 100px
 }
 
 .operation-title {
     margin-top: 30px
 }
 
 .operation-title a {
     color: #fff
 }
 
 .operation-title a:hover {
     color: #00a1cb
 }
 
 .operation-title+p {
     color: #777
 }
 
 .item-container .arrow-circle,
 .item-container .arrow-circle span {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .item-container:hover .arrow-circle {
     background: #00a1cb
 }
 
 .item-container .arrow-circle .hover-icon {
     font-size: 0
 }
 
 .item-container:hover .arrow-circle .hover-icon {
     font-size: inherit
 }
 
 .item-container:hover .arrow-circle .number {
     font-size: 0
 }
 
 .operation .arrow-circle {
     margin-top: 20px
 }
 
 .price-item {
     position: relative;
     margin-top: 85px;
     border-top: 1px solid #dedede;
     padding-top: 80px;
     margin-bottom: 10px;
     z-index: 0
 }
 
 .price-item:after {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     content: "";
     position: absolute;
     border-left: 1px solid #dedede;
     border-right: 1px solid #dedede;
     z-index: -1
 }
 
 .price-item .price-box {
     position: absolute;
     border: 1px solid #dedede;
     background: #fff;
     height: 112px;
     width: 112px;
     left: 50%;
     top: -55px;
     margin-left: -56px;
     padding: 10px
 }
 
 .price-item .inner {
     background: #1c1c1c;
     color: #fff;
     width: 100%;
     height: 100%;
     padding-top: 20px
 }
 
 .price-item .inner,
 .price-item:hover .featured,
 .price-item .stripe-over {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .price-item .inner .currency,
 .price-item .inner .price-number {
     font-family: 'Oswald', sans-serif;
     font-size: 1.375rem;
     font-weight: 700
 }
 
 .price-item .inner .duration {
     display: inline-block;
     font-size: .8125rem;
     width: 100%;
     text-align: center
 }
 
 .price-item .featured+.stripe-over {
     padding-left: 20px;
     padding-right: 20px
 }
 
 .price-item .featured.left {
     margin-right: -20px
 }
 
 .price-item .featured.right {
     margin-left: -20px
 }
 
 .price-item:hover .inner {
     background: #00a1cb
 }
 
 .price-item:hover .featured,
 .price-item:hover .stripe-over {
     color: #00a1cb
 }
 
 .price-item .item-description {
     list-style: none;
     padding-left: 0;
     font-size: .875rem;
     padding-top: 6px;
     padding-bottom: 10px
 }
 
 .price-item .item-description li {
     padding: 6px 10px;
     line-height: 24px
 }
 
 .price-item .btn {
     border: 0 solid transparent;
     color: #fff;
     background: #1c1c1c
 }
 
 .price-item .btn:hover {
     background: #00a1cb
 }
 
 .price-item.v2 {
     background-color: #1c1c1c;
     margin-top: 35px;
     padding-top: 20px
 }
 
 .price-item.v2 .stripe-over {
     color: #fff;
     padding-bottom: 15px
 }
 
 .price-item.v2:hover .stripe-over:after,
 .price-item.v2:hover .stripe-over:before,
 .price-item.v2:hover .stripe-over:before,
 .price-item.v2:hover .stripe-full:before,
 .price-item.v2:hover .stripe-bfixw:before {
     border-color: #dedede
 }
 
 .price-item.v2 .stripe-over:after,
 .price-item.v2 .stripe-over:before {
     bottom: -18px
 }
 
 .price-item.v2 .btn {
     background: #00a1cb;
     text-transform: uppercase
 }
 
 .price-item.v2 .price-box {
     background: #fff;
     position: inherit;
     height: 90px;
     width: 90px;
     left: inherit;
     top: inherit;
     margin-left: inherit;
     margin-bottom: 15px;
     border-color: transparent;
     border-radius: 100%
 }
 
 .price-item.v2 .inner {
     background: transparent;
     border-radius: 100%;
     color: #2d2d2d;
     padding: 0;
     padding-top: 8px
 }
 
 .price-item.v2 .featured,
 .price-item.v2 .item-description {
     color: #fff;
     text-transform: uppercase
 }
 
 .price-item.v2 .item-description {
     font-family: "Oswald", sans-serif;
     font-weight: 300
 }
 
 .price-item.v2 .stripe-full {
     margin-bottom: 50px
 }
 
 .price-item.v2:hover {
     background: #fff
 }
 
 .price-item.v2:hover .featured,
 .price-item.v2:hover .stripe-over,
 .price-item.v2:hover .item-description {
     color: #2d2d2d
 }
 
 .price-item.v2:hover .price-box {
     background: #00a1cb
 }
 
 .price-item.v2:hover .inner {
     color: #fff
 }
 
 .price-item.v2:hover .btn:hover {
     background: #1c1c1c
 }
 
 .price-item.v2 .stripe-over:after,
 .price-item.v2 .stripe-over:before,
 .price-item.v2 .stripe-over:before,
 .price-item.v2 .stripe-full:before,
 .price-item.v2 .stripe-bfixw:before {
     border-color: #292929;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .price-item.v2,
 .price-item.v2 .featured,
 .price-item.v2 .stripe-over,
 .price-item.v2 .item-description,
 .price-item.v2 .btn {
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .testimonial-item {
     position: relative;
     margin-top: 70px
 }
 
 .testimonial-item .client-img {
     position: absolute;
     left: 50%;
     width: 60px;
     height: 60px;
     background: #dedede;
     margin-top: -30px;
     margin-left: -30px;
     padding: 5px
 }
 
 .testimonial-item .testimonial-txt {
     border: 1px solid #dedede;
     border-bottom: 2px solid #00a1cb;
     padding: 45px 25px 5px
 }
 
 .testimonial-item .client-company {
     color: #aaa;
     font-size: .6875rem
 }
 
 .testimonial-item .client-company:before,
 .testimonial-item .client-company:after {
     content: " - "
 }
 
 .testimonial-item .testimonial-footer {
     padding-top: 8px
 }
 
 .testimonial-item .client-rating {
     color: #00a1cb;
     padding-top: 8px
 }
 
 .logo-carousel .item {
     width: 100%;
     height: 100px;
     padding: 0 10px
 }
 
 .logo-carousel .item .item-content {
     width: 100%;
     height: 100%
 }
 
 .logo-carousel .item .item-content a {
     border: 1px solid #dedede;
     display: inline-block;
     width: 100%;
     height: 100%;
     text-align: center
 }
 
 .logo-carousel .item .item-content a img {
     position: relative;
     top: 50%;
     opacity: .99;
     -webkit-backface-visibility: hidden;
     transform: translateY(-50%);
     -webkit-filter: grayscale(100%);
     -webkit-transition: opacity .2s ease;
     -moz-transition: opacity .2s ease;
     -o-transition: opacity .2s ease;
     transition: opacity .2s ease
 }
 
 .logo-carousel .item .item-content a:hover {
     border: 1px solid #606060
 }
 
 .logo-carousel .item .item-content a:hover img {
     -webkit-filter: grayscale(0%);
     opacity: 1
 }
 
 .polygon-bg .logo-carousel .item .item-content a {
     border: 1px solid rgba(41, 41, 41, 0.6);
     background: rgba(41, 41, 41, 0.6)
 }
 
 .polygon-bg .logo-carousel .item .item-content a:hover {
     border: 1px solid rgba(41, 41, 41, 1);
     background: rgba(41, 41, 41, 1)
 }
 
 .logo-carousel-v2 {
     background: rgba(41, 41, 41, 0.6)
 }
 
 .polygon-bg .logo-carousel-v2 .logo-carousel .item .item-content a {
     border: 1px solid rgba(41, 41, 41, 0);
     background: rgba(41, 41, 41, 0)
 }
 
 .client-review-carousel {
     max-width: 100%;
     overflow: hidden;
     margin: 25px auto;
     position: relative
 }
 
 .client-review-carousel .ms-slide-info {
     position: inherit!important
 }
 
 .client-review-carousel .client-review-slider {
     max-width: 350px;
     margin: 0 auto!important;
     overflow: hidden
 }
 
 .client-review-carousel .ms-view {
     overflow: visible;
     background-color: transparent
 }
 
 .client-review-carousel .client-review-nav {
     height: 20px;
     width: 100%;
     position: absolute;
     top: 50%;
     margin-top: -10px
 }
 
 .client-review-carousel .client-review-nav .ms-nav-prev:before,
 .client-review-carousel .client-review-nav .ms-nav-next:before {
     content: '\f104';
     font: normal normal normal 14px/1 FontAwesome;
     display: inline-block;
     position: absolute;
     font-size: 25px;
     left: -30px;
     -webkit-transition: .15s all ease;
     -moz-transition: .15s all ease;
     -ms-transition: .15s all ease;
     -o-transition: .15s all ease;
     transition: .15s all ease
 }
 
 .client-review-carousel .client-review-nav .ms-nav-next:before {
     content: '\f105';
     left: auto;
     right: -30px
 }
 
 .client-review-carousel:hover .client-review-nav .ms-nav-prev:before {
     left: 25px
 }
 
 .client-review-carousel:hover .client-review-nav .ms-nav-next:before {
     right: 25px
 }
 
 .client-review-carousel .client-review-nav .ms-nav-prev:hover:before,
 .client-review-carousel .client-review-nav .ms-nav-next:hover:before {
     color: #00a1cb;
     cursor: pointer
 }
 
 .client-review-carousel .client-review-container {
     width: 100%;
     min-height: 150px
 }
 
 .clients-head .polygon-bg {
     background: url(../../images/client/clients-head.html)
 }
 
 .quote-icon {
     position: relative;
     width: 50px;
     height: 20px;
     display: inline-block
 }
 
 .quote-left,
 .quote-right {
     font-size: 36px;
     position: absolute
 }
 
 .quote-left {
     left: 15px
 }
 
 .quote-right {
     left: 0
 }
 
 .fact-item {
     padding-top: 35px
 }
 
 .fact-item .fact-count {
     color: #2d2d2d;
     font-family: "Oswald", sans-serif;
     font-size: 4.375rem;
     font-weight: 700;
     line-height: 70px
 }
 
 .fact-item .fact-details {
     font-weight: 500;
     font-family: "Roboto", sans-serif
 }
 
 .fact-item .fact-icon {
     font-size: 50px;
     color: #00a1cb
 }
 
 .post-container .item {
     padding: 0 15px
 }
 
 article.post .post-thumbnail {
     padding: 5px;
     background: #dedede;
     border: 1px solid #bfbfbf;
     position: relative
 }
 
 article.post .post-thumbnail .item {
     padding: inherit
 }
 
 article.post .post-thumbnail .slide-nav {
     opacity: 0;
     color: #00a1cb;
     width: 50px;
     height: 50px;
     top: 50%;
     margin-top: -25px;
     position: absolute;
     background: rgba(255, 255, 255, .7);
     z-index: 2;
     display: inline-block;
     text-align: center;
     line-height: 50px
 }
 
 article.post:hover .post-thumbnail .slide-nav {
     opacity: 1
 }
 
 article.post .post-thumbnail .slide-nav:hover {
     background: rgba(255, 255, 255, 1)
 }
 
 article.post .post-thumbnail .slide-nav.left {
     left: -6px
 }
 
 article.post .post-thumbnail .slide-nav.right {
     right: -6px
 }
 
 article.post .post-thumbnail img {
     width: 100%
 }
 
 article.post .carousel-indicators .active,
 article.post .carousel-indicators li {
     border-radius: 0;
     width: 14px;
     height: 14px;
     margin: 2px
 }
 
 article.post .entry-title {
     font-size: 1.125rem;
     margin-top: 30px;
     margin-bottom: 14px
 }
 
 article.post .entry-title a {
     color: #2d2d2d
 }
 
 article.post .entry-title a:hover {
     color: #00a1cb
 }
 
 article.post .entry-meta {
     position: relative;
     padding-bottom: 85px
 }
 
 article.post .category a,
 article.post .comments-link a {
     color: #aaa;
     font-size: .875em
 }
 
 article.post .comments-link a {
     margin-left: 10px
 }
 
 article.post .category a:hover,
 article.post .comments-link a:hover {
     color: #00a1cb
 }
 
 article.post .post-format,
 article.post .entry-date {
     position: absolute;
     display: inline-block;
     border-radius: 100%;
     border: 1px solid #00a1cb;
     height: 52px;
     width: 52px;
     left: 50%;
     bottom: 15px;
     text-align: center
 }
 
 article.post .post-format {
     color: #00a1cb;
     margin-left: -45px;
     line-height: 48px;
     font-size: 20px
 }
 
 article.post .entry-date {
     font-size: 12px;
     color: #fff;
     margin-right: -45px;
     background-color: #00a1cb;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 article.post .entry-date time {
     display: inline-block;
     padding-top: 7px;
     line-height: 16px
 }
 
 article.post .entry-content p {
     color: #777
 }
 
 .entry-content .btn-container {
     padding-top: 12px
 }
 
 .post-slider-btn {
     position: absolute;
     top: 18px;
     width: 100px;
     background: #fff;
     right: 0
 }
 
 .v2 .post-slider-btn {
     position: inherit;
     width: 100%;
     padding-bottom: 40px
 }
 
 .post-slider-btn .next,
 .post-slider-btn .prev {
     height: 30px;
     min-height: 30px;
     width: 30px;
     line-height: 16px;
     margin-right: 0
 }
 
 .v2 article.post .entry-meta {
     position: inherit
 }
 
 .v2 article.post .post-content-box {
     position: relative
 }
 
 .v2 article.post .entry-date {
     bottom: inherit;
     top: -70px;
     left: 0;
     width: 100%;
     border: 0 solid transparent;
     background: transparent;
     height: auto;
     border-radius: 0;
     opacity: 1
 }
 
 .v2 article.post:hover .entry-date {
     opacity: 0
 }
 
 .v2 article.post .entry-date time {
     background: #fff;
     border-top: 2px solid #00a1cb;
     color: #2d2d2d;
     line-height: 40px;
     font-size: 14px;
     font-weight: 700;
     display: inline-block;
     padding: 0 20px
 }
 
 .v2 article.post .entry-meta {
     padding-bottom: 0
 }
 
 .timeline-style .single-post {
     position: relative;
     padding-bottom: 30px;
     z-index: 0
 }
 
 .timeline-style .single-post:before {
     content: "";
     position: absolute;
     top: -10px;
     width: 20px;
     height: 1px;
     background: #dedede;
     z-index: 2
 }
 
 .timeline-style .single-post.left-side:before {
     right: -14.5px
 }
 
 .timeline-style .single-post.right-side:before {
     left: -14.5px
 }
 
 .timeline-style .single-post:after {
     content: "";
     position: absolute;
     top: -10px;
     bottom: -40px;
     width: 1px;
     background: #dedede;
     z-index: 2
 }
 
 .timeline-style .single-post.left-side:after {
     right: -15px
 }
 
 .timeline-style .single-post.right-side:after {
     left: -16px
 }
 
 .loca-more-container {
     position: relative;
     z-index: 0
 }
 
 .loca-more-container:before {
     content: "";
     position: absolute;
     top: -15px;
     left: 0;
     right: 0;
     border-top: 1px solid #dedede
 }
 
 .loca-more-container:after {
     content: "";
     position: absolute;
     top: -15px;
     left: 50%;
     margin-left: -1px;
     height: 120px;
     width: 1px;
     background: #dedede;
     z-index: -1
 }
 
 .loca-more-container .load-more {
     background-color: #2d2d2d;
     border-radius: 100%;
     color: #fff;
     display: inline-block;
     font-family: "Oswald", sans-serif;
     font-size: 13px;
     font-weight: 300;
     line-height: 17px;
     width: 70px;
     height: 70px;
     padding: 18px 10px;
     text-transform: uppercase
 }
 
 .latest-work .share-box {
     clear: both;
     display: inline-block;
     width: 100%;
     padding: 40px 0
 }
 
 .latest-work .share-title {
     color: #fff
 }
 
 .dark-bg .share-title {
     color: #fff
 }
 
 .dark-bg p {
     color: #aaa
 }
 
 .share-box.v2.black a {
     background: #000;
     color: #fff;
     width: 30px;
     height: 30px;
     display: inline-block;
     text-align: center;
     line-height: 30px
 }
 
 .hero-banner .share-box.v2.black a {
     background: transparent
 }
 
 .hero-banner .share-box.v2.black a:hover,
 .share-box.v2.black a:hover {
     background: #00a1cb
 }
 
 .share-box.v2.black {
     margin-top: 5px;
     background: #fff;
     z-index: 55;
     position: absolute;
     right: 0;
     padding-left: 10px;
     padding-right: 15px
 }
 
 .project-description p,
 p.project-description {
     margin-bottom: 25px
 }
 
 .stripe-full .project-like {
     color: #00a1cb;
     position: absolute;
     right: 0;
     top: 0
 }
 
 .project-meta {
     padding-left: 0
 }
 
 .project-meta li {
     color: #606060;
     list-style: none;
     padding: 10px 0;
     border-bottom: 1px solid #ebebeb;
     overflow: hidden
 }
 
 .project-meta li:last-child {
     border-bottom: none
 }
 
 .project-meta li:first-child {
     padding-top: 0
 }
 
 .project-meta .meta-icon,
 .project-meta .meta-icon {
     color: #606060;
     font-size: 14px;
     padding-right: 5px
 }
 
 .project-meta .meta-text {
     color: #777;
     font-size: 14px
 }
 
 .site-footer {
     background: #202020;
     border-top: 5px solid #dedede;
     position: relative;
     z-index: 0
 }
 
 .site-footer:before {
     position: absolute;
     content: "";
     top: -5px;
     left: 0;
     right: 0;
     height: 1px;
     width: 100%;
     background: #bfbfbf;
     display: inherit;
     z-index: 1
 }
 
 .fw-top-stripe {
     margin-top: 5px;
     border-bottom: 1px solid #292929
 }
 
 .fwt-stripe-inner {
     max-width: 1170px;
     margin: auto;
     height: 5px;
     margin-bottom: -3px;
     border-top: 1px solid #292929;
     border-bottom: 1px solid #292929
 }
 
 .footer-top-common {
     background-color: #1c1c1c;
     padding: 15px 0 5px;
     border-top: 1px solid #232323
 }
 
 .footer-top-common .social-icons {
     margin-top: 5px
 }
 
 .footer-container {
     background: #1c1c1c;
     border-top: 2px solid #00a1cb;
     min-height: 80px;
     max-width: 1200px;
     margin: auto;
     padding-top: 30px
 }
 
 .footer-menu li {
     float: left;
     list-style: none
 }
 
 .copyrights,
 .footer-menu li {
     font-size: 14px
 }
 
 .copyrights,
 .copyrights a,
 .footer-menu li a {
     color: #fff;
     display: inline-block
 }
 
 .footer-menu li a {
     padding: 0 15px;
     border-right: 1px solid #292929
 }
 
 .footer-menu li:last-child a {
     border: none
 }
 
 .copyrights a:hover,
 .footer-menu li a:hover {
     color: #00a1cb
 }
 
 .blog-page .pagination {
     margin-top: 50px
 }
 
 .blog-page.left-sidebar .pagination {
     margin-right: 10px
 }
 
 .blog-page.right-sidebar .pagination {
     margin-left: 15px
 }
 
 .social-icons .big-icon {
     display: inline-block;
     width: 88px;
     height: 120px;
     border: 1px solid #dedede;
     text-align: center
 }
 
 .big-icon .icon {
     font-size: 30px;
     border: none;
     display: block;
     width: auto;
     height: auto;
     margin-bottom: 0;
     line-height: 62px
 }
 
 .big-icon .count {
     display: block;
     font-size: 14px
 }
 
 .big-icon .count-name {
     display: block;
     font-size: 13px;
     font-weight: 700
 }
 
 .big-icon .count,
 .big-icon .count-name {
     color: #606060
 }
 
 .big-icon:hover {
     background: #00a1cb;
     border: 1px solid transparent
 }
 
 .big-icon:hover .icon,
 .big-icon:hover .count,
 .big-icon:hover .count-name {
     color: #fff
 }
 
 .blog-timeline .entry-meta.top-meta {
     z-index: 9
 }
 
 .blog-timeline .entry-meta.top-meta:before {
     content: "";
     border-bottom: 1px solid #ddd;
     position: absolute;
     width: 100%;
     top: -10px;
     display: block;
     z-index: -9
 }
 
 .blog-timeline article.post .post-format {
     background: #fff;
     z-index: -8
 }
 
 .blog-timeline article.post .entry-meta {
     padding-bottom: 30px
 }
 
 .classic-02 .post-thumbnail.striped-section .striped-icon {
     top: inherit;
     bottom: -33px;
     left: inherit;
     right: 20px;
     line-height: inherit
 }
 
 .classic-02 article.post .entry-meta.left-meta .post-format,
 article.post .entry-meta.left-meta .entry-date {
     bottom: inherit
 }
 
 .classic-02 article.post .entry-meta.left-meta .entry-date {
     left: 30px;
     right: inherit
 }
 
 .classic-02 article.post .entry-meta.left-meta .post-format {
     bottom: -67px;
     right: inherit;
     left: 75px
 }
 
 .blog-page audio,
 .blog-page video {
     width: 100%
 }
 
 .quote-post {
     background: #fff;
     padding: 20px
 }
 
 .quote-post:before {
     content: "\f10d";
     color: #00a1cb;
     display: inline-block;
     font: normal normal normal 30px/1 FontAwesome;
     float: left;
     display: block;
     overflow: hidden;
     margin-right: 15px
 }
 
 .quote-content,
 .post-thumbnail .tweet {
     display: block;
     overflow: hidden
 }
 
 .quote-name p {
     color: #00a1cb;
     font-style: italic;
     font-weight: 700
 }
 
 .post-thumbnail .twitter-feeds:before {
     content: "\f099";
     color: #fff;
     display: inline-block;
     font: normal normal normal 30px/1 FontAwesome;
     float: left;
     display: block;
     overflow: hidden;
     margin-right: 15px
 }
 
 .post-thumbnail .twitter-feeds {
     background: #00a1cb;
     padding: 20px
 }
 
 .post-thumbnail .tweet p,
 .post-thumbnail .tweet a {
     color: #fff;
     font-size: 14px
 }
 
 .post-thumbnail .tweet-time p {
     font-size: 12px;
     font-style: italic
 }
 
 .post-thumbnail .share-box {
     padding: 40px 0
 }
 
 .post-thumbnail .share-box a {
     color: #fff
 }
 
 .post-thumbnail .share-box a:hover {
     color: #00a1cb
 }
 
 .blog-timeline.classic-02.blog-rows article.post .entry-meta.left-meta .entry-date {
     left: 10px
 }
 
 .blog-timeline.classic-02.blog-rows article.post .entry-meta.left-meta .post-format {
     left: 55px
 }
 
 .blog-page .post-content-box .project-like {
     margin-top: 58px;
     margin-top: 59px;
     color: #00a1cb
 }
 
 .blog-page .share-box.dark-bg {
     color: #fff
 }
 
 .comment-area ol {
     padding-left: 0;
     list-style: none
 }
 
 .comment-area .comment-author {
     display: block;
     overflow: hidden;
     margin-right: 30px
 }
 
 .comment-area .comment-body-right {
     display: block;
     overflow: hidden
 }
 
 .comment-metadata .fn {
     display: block
 }
 
 .comment-metadata .fn a,
 .reply a {
     font-size: 14px;
     color: #2d2d2d
 }
 
 .comment-metadata .fn a:hover,
 .reply a:hover {
     color: #00a1cb
 }
 
 .comment-metadata time {
     font-size: 12px;
     color: #aaa;
     font-style: italic
 }
 
 .comment-area .reply a {
     font-weight: 700
 }
 
 .comment-content {
     margin-top: 15px
 }
 
 .comment-area .children {
     margin: 30px 0 30px 100px
 }
 
 .comment-area .left-form {
     width: 45%
 }
 
 .comment-area .right-form {
     width: 50%
 }
 
 .li-square {
     list-style: none;
     padding-left: 0
 }
 
 .li-square li {
     color: #333;
     display: block;
     font-size: 14px;
     font-weight: 400;
     margin-bottom: 12px;
     margin-left: 20px
 }
 
 .li-square li:before {
     width: 12px;
     height: 12px;
     display: inline-block;
     margin-right: 10px;
     content: "\f00c";
     font: normal normal normal 14px/1 FontAwesome;
     color: #00a1cb
 }
 
 .li-square li:hover {
     color: #00a1cb
 }
 
 .about-description p {
     margin-bottom: 25px
 }
 
 .about-page .tv1 .nav-tabs>li:first-child {
     margin-left: 0
 }
 
 .callout-content.dark-bg .callout-title {
     margin-top: 7px;
     color: #fff
 }
 
 .hire-me {
     background: #fff;
     color: #606060
 }
 
 .v2 .testimonial-item .testimonial-txt {
     border: 0;
     border-bottom: 0
 }
 
 .v2 .testimonial-item .testimonial-footer {
     text-align: center
 }
 
 .about-description .designation {
     color: #aaa;
     margin-left: 5px
 }
 
 .circle-or {
     font-size: 16px;
     font-weight: 700;
     color: #00a1cb;
     text-transform: uppercase;
     width: 40px;
     height: 40px;
     border: 1px solid #00a1cb;
     border-radius: 50%;
     display: block;
     text-align: center;
     line-height: 37px;
     margin: 8px auto
 }
 
 .google-map-container {
     width: 100%;
     height: 200px
 }
 
 .google-map-container img {
     max-width: inherit;
     height: inherit
 }
 
 .contact .item-container.v2:hover a {
     color: #fff
 }
 
 .contact .form-control {
     margin-bottom: 22px
 }
 
 .contact.v2 .google-map-container {
     width: 100%;
     height: 500px
 }
 
 .contact.v2 .map-container {
     position: relative
 }
 
 .contact.v2 .contact-form {
     width: 370px;
     padding: 20px;
     background: #fff;
     position: absolute;
     top: 30px
 }
 
 .contact.v2 .form-control {
     margin-bottom: 0
 }
 
 .error {
     display: none;
     padding: 10px;
     margin: 0 0 5px;
     color: #D8000C;
     font-size: 12px;
     background-color: #FFBABA
 }
 
 .success {
     display: none;
     padding: 10px;
     color: #044406;
     font-size: 12px;
     background-color: #B7FBB9
 }
 
 .error img,
 .success img {
     margin-right: 10px
 }
 
 .portfolio-images.border-style {
     border: 1px solid #bfbfbf;
     background: #dedede;
     padding: 4px
 }
 
 .portfolio-images.border-style-top {
     border-top: 1px solid #bfbfbf;
     background: #dedede;
     padding-top: 4px
 }
 
 .portfolio-row-3 .col-md-6 {
     position: relative
 }
 
 .portfolio-row-3 .left-img-full,
 .portfolio-row-3 .right-img-full {
     width: 100%;
     position: absolute;
     top: 0;
     display: table
 }
 
 .portfolio-row-3 .left-img-full {
     right: 15px
 }
 
 .portfolio-row-3 .right-img-full {
     left: 15px
 }
 
 @media (max-width: 1200px) {
     .portfolio-row-3 .left-img-full,
     .portfolio-row-3 .right-img-full {
         position: inherit;
         left: inherit;
         right: inherit;
         top: inherit;
         display: inline-block
     }
 }
 
 .highlighted {
     color: #00a1cb
 }
 
 .overlay-effects {
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     top: 0
 }
 
 .box-pattern {
     background-image: url(../images/pattern/box.html);
     background-repeat: repeat;
     background-attachment: fixed;
     background-position: center
 }
 
 .display-table-middle {
     display: table;
     margin: 0 auto;
     height: 100%
 }
 
 .inside-content {
     display: table-cell;
     vertical-align: middle
 }
 
 .margin-minus-15 {
     margin-left: -15px;
     margin-right: -15px
 }
 
 .special-select {
     overflow: hidden;
     border: 1px solid #dedede;
     position: relative
 }
 
 .special-select.min-width {
     min-width: 250px
 }
 
 .special-select:after {
     content: "\f107";
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     width: 40px;
     height: 100%;
     top: 0;
     right: 0;
     text-align: center;
     line-height: 40px;
     border-left: 1px solid #dedede;
     pointer-events: none
 }
 
 .special-select select {
     background: transparent;
     padding: 8px;
     width: 110%;
     border-color: transparent;
     font-size: 14px
 }
 
 .special-select select:hover {
     cursor: pointer
 }
 
 .special-select select:focus {
     outline-color: transparent
 }
 
 .section-head {
     margin-bottom: 30px
 }
 
 .hero-banner {
     position: relative
 }
 
 .hero-banner-bg {
     background-attachment: fixed;
     background-size: cover
 }
 
 .hero-image {
     max-width: 100%
 }
 
 .hero-banner .hero-caption {
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     color: #FFF
 }
 
 .caption-content .caption-subtext {
     font-size: 16px;
     font-weight: 300;
     margin: 0
 }
 
 .caption-content .caption-title {
     font-size: 56px;
     font-weight: 700;
     margin: 0
 }
 
 .hero-banner .share-box.v2.black {
     background: inherit;
     position: inherit;
     right: inherit;
     text-align: center
 }
 
 .hero-banner .share-box.v2.black a {
     border: 1px solid #fff;
     line-height: 28px
 }
 
 .hero-banner .share-box.v2.black a:hover {
     border: 1px solid #00a1cb
 }
 
 .next-btn {
     display: block;
     display: table;
     margin: 0 auto
 }
 
 .next-btn .next-section {
     background: transparent;
     border: 1px solid #00a1cb;
     border-radius: 50%;
     display: block;
     cursor: pointer;
     position: relative;
     width: 60px;
     height: 60px;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease
 }
 
 .next-btn .next-section:focus {
     outline: none
 }
 
 .next-btn .next-section span {
     display: none
 }
 
 .next-btn .next-section:before {
     content: "\f103";
     font-family: FontAwesome;
     font-size: 20px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -7px;
     margin-top: -13px;
     color: #00a1cb
 }
 
 .next-btn .next-section:hover {
     border-color: #FFF
 }
 
 .next-btn .next-section:hover:before {
     color: #FFF
 }
 
 .inside-content .next-btn {
     margin-top: 60px
 }
 
 .site-page-header {
     position: relative;
     color: #FFF;
     border-bottom: 5px solid #dedede
 }
 
 .site-page-header:after {
     content: "";
     width: 100%;
     height: 1px;
     background-color: #bfbfbf;
     position: absolute;
     bottom: -5px
 }
 
 .site-page-header .page-header-content {
     position: relative;
     padding: 86px 0;
     width: 100%
 }
 
 .page-title {
     font-size: 34px;
     font-weight: 700
 }
 
 .page-description {
     font-size: 22px;
     font-weight: 300
 }
 
 .site-breadcrumb {
     position: relative;
     z-index: 3;
     bottom: -5px;
     border-top: 2px solid #00a1cb;
     width: 100%;
     text-align: center
 }
 
 .site-breadcrumb .breadcrumb {
     background-color: #FFF;
     border-radius: 0;
     margin-bottom: 0;
     font-size: 14px
 }
 
 .site-breadcrumb .breadcrumb>li>a {
     color: #606060
 }
 
 .site-breadcrumb .breadcrumb>li.active {
     color: #00a1cb
 }
 
 .site-breadcrumb .breadcrumb>li+li:before {
     content: "\f138";
     font-family: FontAwesome;
     color: #606060
 }
 
 .product-item {
     margin-bottom: 60px;
     position: relative
 }
 
 .owl-wrapper .product-item {
     margin: 0 15px
 }
 
 .product-item .sale-badge {
     width: 105px;
     height: 105px;
     background-color: #00a1cb;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     position: absolute;
     top: -50px;
     right: -50px;
     z-index: 3
 }
 
 .product-item .sale-badge span {
     position: absolute;
     bottom: 5px;
     left: 38px;
     right: auto;
     font-size: 16px;
     font-family: 'Oswald', sans-serif;
     color: #FFF
 }
 
 .product-item .product-image {
     position: relative;
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid #bfbfbf;
     overflow: hidden;
     border: 4px solid #dedede;
     text-align: center
 }
 
 .product-item .product-image:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 5;
     pointer-events: none
 }
 
 .product-item .product-image .quick-view {
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     top: -100%;
     background-color: rgba(0, 0, 0, 0.60)
 }
 
 .product-item .product-image:hover .quick-view {
     top: 0
 }
 
 .product-image .quick-view span {
     display: none
 }
 
 .product-image .quick-view:before {
     content: "\f00e";
     font-family: FontAwesome;
     font-size: 50px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -35px;
     margin-left: -22px;
     color: #FFF
 }
 
 .product-image .quick-view:hover:before {
     top: 50%;
     left: 50%
 }
 
 .product-item .product-image .thumb img {
     width: 100%
 }
 
 .product-item .product-title,
 .product-item .product-rating {
     width: 180px
 }
 
 .product-item .product-title {
     font-size: 18px
 }
 
 .product-item .product-rating {
     color: #00a1cb;
     font-size: 12px
 }
 
 .product-item .product-price {
     font-size: 30px;
     font-weight: 800;
     position: absolute;
     right: 0;
     top: 0
 }
 
 .product-action a {
     display: inline-block;
     border: 1px solid #dedede;
     width: 40px;
     height: 40px;
     border-radius: 0;
     position: relative;
     color: #606060;
     font-size: 14px;
     line-height: 25px;
     margin: 2px
 }
 
 .product-action a:hover {
     color: #00a1cb
 }
 
 .product-action a.add-to-cart {
     width: auto;
     border-color: #00a1cb;
     color: #00a1cb;
     padding-left: 31px;
     padding-right: 31px
 }
 
 .product-action a.add-to-cart:hover {
     color: #FFF;
     background: #00a1cb
 }
 
 .product-action a:before {
     font-family: FontAwesome
 }
 
 .product-action a span {
     display: none
 }
 
 .product-category-group .product-category {
     border: 1px solid #dedede;
     border-radius: 0;
     border-bottom: 1px solid #dedede;
     margin-bottom: 10px;
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .product-category-group .product-category .parent-cat-name {
     color: #606060;
     font-size: 13px;
     font-weight: 700;
     line-height: 25px;
     position: relative;
     display: inline-block;
     width: 100%;
     padding: 0 15px;
     line-height: 40px
 }
 
 .product-category-group .product-category .parent-cat-name:after {
     content: "\f0d8";
     font-family: FontAwesome;
     position: absolute;
     right: 0;
     width: 40px;
     text-align: center;
     border-left: 1px solid #DEDEDE
 }
 
 .product-category-group .product-category .parent-cat-name.collapsed:after {
     content: "\f0d7"
 }
 
 .product-category-group .product-category .product-category-content {
     border-top: 1px solid #dedede
 }
 
 .product-category-group .product-category .sub-cat-items {
     padding: 20px
 }
 
 .product-category-group .product-category .sub-cat-items li {
     list-style: none
 }
 
 .product-category-group .product-category .sub-cat-items li a {
     display: inline-block;
     font-size: 13px;
     color: #606060;
     font-weight: 700
 }
 
 .product-category-group .product-category .sub-cat-items li a:hover {
     color: #00a1cb
 }
 
 .product-category-group .product-category .sub-cat-items li a:before {
     content: "";
     width: 9px;
     height: 9px;
     display: inline-block;
     border: 1px solid #00a1cb;
     margin-right: 10px
 }
 
 .product-category-group .product-category .sub-cat-items li a:hover:before {
     border: 1px solid #00a1cb;
     background-color: #00a1cb
 }
 
 .product-carousel {
     position: relative
 }
 
 .product-carousel .item-caption h2,
 .product-carousel .item-caption p {
     margin: 0;
     padding: 0
 }
 
 .product-carousel .item-caption {
     background-color: #1c1c1c;
     padding: 10px;
     text-align: center;
     color: #FFF
 }
 
 .product-carousel .item-caption p {
     font-size: 14px;
     font-weight: 300;
     font-family: 'Oswald', sans-serif;
     color: #FFF;
     text-transform: uppercase
 }
 
 .product-carousel-indicators {
     bottom: 70px
 }
 
 .product-carousel-indicators li {
     display: inline-block;
     background-color: #bbb;
     border-radius: 0
 }
 
 .product-carousel-indicators li,
 .product-carousel-indicators li.active {
     border: 1px solid #FFF;
     width: 15px;
     height: 15px;
     margin: 0;
     padding: 0
 }
 
 .product-carousel-indicators li.active {
     background-color: #00a1cb
 }
 
 .circle-skill-items {
     overflow: hidden;
     text-align: center
 }
 
 .circle-skill-items .skill-item {
     font-family: 'Oswald', sans-serif;
     font-weight: 700;
     text-transform: uppercase;
     display: inline-block;
     margin: 0 10px
 }
 
 .circle-skill-items .skill-item .skill-percent {
     width: 60px;
     height: 60px;
     border: 1px solid #dedede;
     border-radius: 50%;
     text-align: center;
     font-size: 24px;
     line-height: 60px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -30px;
     margin-left: -30px
 }
 
 .polygon-bg .circle-skill-items .skill-item .skill-percent {
     border: 1px solid #292929
 }
 
 .circle-skill-items .skill-item .skill-name {
     position: absolute;
     bottom: 0;
     width: 100%;
     text-align: center;
     font-size: 16px
 }
 
 .flexslider.product-images,
 .flexslider.product-image-thumbs {
     border-radius: 0;
     box-shadow: none;
     border: 1px solid #bfbfbf;
     margin-bottom: 20px;
     border-radius: 0;
     background-color: #dedede
 }
 
 .flexslider.product-image-thumbs .flex-viewport {
     padding: 0 42.5px
 }
 
 .flexslider.product-image-thumbs:before,
 .flexslider.product-images:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     border: 4px solid #dedede;
     z-index: 5;
     pointer-events: none
 }
 
 .flexslider.product-image-thumbs .slides>li {
     position: relative;
     padding: 2.5px;
     overflow: hidden;
     opacity: .65
 }
 
 .flexslider.product-image-thumbs .slides>li.flex-active-slide {
     opacity: 1
 }
 
 .flexslider.product-image-thumbs .slides>li:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     background-color: rgba(0, 161, 203, 0.8);
     top: -100%
 }
 
 .flexslider.product-image-thumbs .slides>li:after {
     content: "\f00e";
     font: normal normal normal 20px/1 FontAwesome;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -10px;
     margin-left: -10px;
     color: #FFF;
     left: -100%
 }
 
 .flexslider.product-image-thumbs .slides>li:hover {
     cursor: pointer
 }
 
 .flexslider.product-image-thumbs .slides>li:hover:before {
     top: 0
 }
 
 .flexslider.product-image-thumbs .slides>li:hover:after {
     left: 50%
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li {
     position: absolute;
     height: 100%;
     top: 0;
     background-color: #1c1c1c
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li:last-child {
     left: auto;
     right: 0
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li:hover {
     background-color: #00a1cb
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li a {
     position: relative;
     opacity: 1;
     filter: alpha(opacity=1);
     top: 50%;
     left: 0;
     color: #FFF;
     text-shadow: none;
     height: 30px;
     margin: -15px 0 0;
     text-align: center
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav .flex-disabled {
     opacity: 1!important;
     filter: alpha(opacity=1);
     cursor: pointer
 }
 
 .flexslider.product-image-thumbs .flex-direction-nav li a:before {
     font-size: 24px
 }
 
 .product-single-head .product-title {
     margin: 0;
     margin-bottom: 15px
 }
 
 .product-single-head .product-price {
     font-size: 30px;
     font-weight: 700;
     font-family: 'Oswald', sans-serif;
     text-align: right
 }
 
 .product-single-head .product-rating {
     text-align: right;
     color: #00a1cb
 }
 
 .product-single-head .product-review {
     font-size: 13px;
     font-style: italic
 }
 
 .product-details {
     padding-top: 10px
 }
 
 .product-details h3 {
     margin-top: 0;
     margin-bottom: 20px;
     font-size: 18px
 }
 
 .product-meta-items {
     padding: 0
 }
 
 .product-meta-items .meta-item {
     list-style-type: none;
     color: #777;
     font-size: 14px;
     margin: 5px 0
 }
 
 .product-meta-items .meta-item>span {
     display: inline-block;
     text-transform: uppercase;
     margin-right: 15px;
     color: #606060;
     font-weight: 700
 }
 
 .product-customize>div {
     display: inline-block;
     width: 48.4%
 }
 
 .product-content .product-customize>div {
     margin-top: 7px
 }
 
 .product-customize>div:first-child {
     margin-right: 2%
 }
 
 .product-quantity {
     overflow: hidden;
     border: 1px solid #dedede;
     margin-bottom: 20px;
     height: 37px;
     float: left;
     position: relative
 }
 
 .product-quantity button {
     border: 0;
     background: transparent;
     color: #606060;
     padding: 10px 15px;
     position: absolute;
     top: 0
 }
 
 .product-quantity button.minus {
     border-right: 1px solid #dedede;
     left: 0
 }
 
 .product-quantity button.plus {
     border-left: 1px solid #dedede;
     right: 0
 }
 
 .product-quantity input {
     padding: 6px 0;
     border: 0;
     background-color: transparent;
     width: 100%;
     text-align: center
 }
 
 .product-quantity input:focus,
 .product-quantity button:focus {
     outline: none
 }
 
 .product-quantity button {
     font: normal normal normal 14px/1 FontAwesome
 }
 
 .product-quantity input:last-child {
     border-right: 0
 }
 
 .product-adding-cart .product-quantity {
     width: 25%
 }
 
 .product-order-action {
     float: left;
     width: 75%
 }
 
 .product-order-action button {
     margin: 0;
     margin-left: 15px;
     width: auto;
     border-color: #1c1c1c;
     color: #FFF;
     background: #1c1c1c;
     padding: 7px 0;
     text-align: center;
     width: 38%
 }
 
 .product-order-action button:last-child {
     width: 50%
 }
 
 .product-order-action button:hover {
     color: #FFF;
     background-color: #00a1cb;
     border-color: #00a1cb
 }
 
 .product-order-action button>i {
     margin-left: 10px
 }
 
 .product-share {
     position: relative
 }
 
 .product-share .social-icons {
     position: absolute;
     right: 0;
     top: 0;
     background: #FFF;
     padding-left: 10px
 }
 
 .soical-icon-list li>a {
     display: inline-block;
     width: 32px;
     height: 32px;
     background-color: #1c1c1c;
     color: #FFF;
     position: relative;
     overflow: hidden
 }
 
 .soical-icon-list li>a:hover {
     background-color: #00a1cb
 }
 
 .soical-icon-list li>a i {
     font-size: 16px;
     position: absolute;
     top: 50%;
     margin-top: -8px;
     left: 50%;
     margin-left: -6px
 }
 
 .search-widget-form .search-form {
     position: relative
 }
 
 .search-widget-form .search-form .search-field {
     border: 0;
     border-bottom: 2px solid #dedede;
     padding: 10px 0;
     width: 100%;
     font-size: 13px;
     color: #aaa
 }
 
 .search-widget-form .search-form .search-field:focus,
 .search-widget-form .search-form .search-field:active {
     outline-color: transparent
 }
 
 .search-widget-form .search-form .search-submit {
     position: absolute;
     top: 10px;
     right: 0;
     border: 0;
     background-color: transparent
 }
 
 .search-widget-form .search-form .search-submit:before {
     content: "\f002";
     font-family: FontAwesome;
     color: #aaa;
     font-size: 16px
 }
 
 .search-widget-form .search-form .search-submit span {
     display: none
 }
 
 .sort-by-size .sort-btn {
     width: 40px;
     height: 40px;
     padding: 0;
     text-align: center;
     font-size: 14px;
     font-weight: 700;
     line-height: 37px;
     margin: 10px 3px
 }
 
 .sort-by-size .sort-btn:hover {
     background: #00a1cb;
     color: #FFF;
     border-color: #00a1cb
 }
 
 .tag-list {
     padding: 0
 }
 
 .tag-list li {
     display: inline-block
 }
 
 .tag-list li a {
     margin: 5px 2px
 }
 
 .tag-list li a:hover {
     background: #00a1cb;
     color: #FFF;
     border-color: #00a1cb
 }
 
 .product-description .nav-tabs {
     border-color: #dedede
 }
 
 .product-description .nav-tabs>li>a {
     border-radius: 0;
     font-size: 13px;
     font-weight: 700;
     border-color: #dedede;
     margin-right: 5px
 }
 
 .product-description .nav-tabs>li.active>a {
     border-bottom-color: transparent;
     position: relative
 }
 
 .product-description .nav-tabs>li.active>a:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 2px;
     background: #00a1cb;
     top: -1px;
     left: 0
 }
 
 .product-description .tab-content {
     border: 1px solid #dedede;
     border-top: 0;
     padding: 30px
 }
 
 #reviews .commentlist {
     list-style: none
 }
 
 #reviews .commentlist .comment-meta .comment-author {
     float: left;
     margin-right: 20px
 }
 
 #reviews .commentlist .comment-meta .comment-author img {
     border-radius: 50%;
     border: 1px solid #dedede
 }
 
 .shopping-cart-items {
     overflow: hidden
 }
 
 .shopping-cart-items .shop_table {
     width: 100%
 }
 
 .shopping-cart-items .shop_table thead tr th {
     font-size: 13px;
     font-weight: 700;
     text-transform: uppercase;
     font-family: 'Robot', sans-serif;
     color: #606060;
     text-align: center
 }
 
 .table-effects th {
     padding-bottom: 20px
 }
 
 .table-effects {
     overflow: hidden
 }
 
 .table-effects.stripe-full:before {
     bottom: auto;
     top: 26px
 }
 
 .table-effects.stripe-full:after {
     top: 24px;
     bottom: auto
 }
 
 .shopping-cart-items .shop_table .cart-product-thumbnail .product-image {
     position: relative;
     display: inline-block;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid #bfbfbf;
     overflow: hidden
 }
 
 .shopping-cart-items .shop_table .cart-product-thumbnail .product-image:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     border: 4px solid #dedede;
     z-index: 5;
     pointer-events: none
 }
 
 .shopping-cart-items .shop_table .cart-product-details h2 {
     font-size: 16px;
     font-weight: 700
 }
 
 .shopping-cart-items .shop_table .cart-product-details .product-rating {
     color: #00a1cb;
     font-size: 14px;
     margin-bottom: 10px
 }
 
 .shopping-cart-items .shop_table .cart-product-details .product-size,
 .shopping-cart-items .shop_table .cart-product-details .product-color {
     color: #606060;
     font-size: 14px;
     font-weight: 700
 }
 
 .shopping-cart-items .shop_table .cart-product-details .product-size span,
 .shopping-cart-items .shop_table .cart-product-details .product-color span {
     color: #777;
     font-weight: 500;
     padding-left: 10px
 }
 
 .shopping-cart-items .shop_table .cart-product-price div,
 .shopping-cart-items .shop_table .cart-product-subtotal div {
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 700;
     text-align: center
 }
 
 .shopping-cart-items .shop_table .cart-product-quantity .product-quantity {
     width: 100%
 }
 
 .shopping-cart-items .shop_table .cart-product-quantity .product-quantity button {
     padding: 10px
 }
 
 .shopping-cart-items .shop_table .cart-product-removal>a.product-removal {
     border: 1px solid #DEDEDE;
     display: block;
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 28px;
     color: #606060
 }
 
 .shopping-cart-items .shop_table .cart-product-removal>a.product-removal:hover {
     background: #00a1cb;
     color: #FFF
 }
 
 .shopping-cart-items .shop_table .cart_item {
     border-bottom: 1px solid #DDD
 }
 
 .shopping-cart-items .shop_table .cart_item>td {
     padding: 20px 0
 }
 
 .shopping-cart-items .shop_table tr>td.actions {
     padding: 10px 0
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon {
     width: 300px
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon input,
 .shopping-cart-items .shop_table tr>td .cart-next-step input {
     padding: 10px 20px;
     width: 200px;
     float: left;
     min-height: 40px
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon input.button,
 .shopping-cart-items .shop_table tr>td .cart-next-step input {
     background: #1c1c1c;
     color: #FFF;
     margin-left: 5px;
     width: 90px;
     float: left;
     border: 0
 }
 
 .shopping-cart-items .shop_table tr>td.actions .coupon input.button:hover,
 .shopping-cart-items .shop_table tr>td .cart-next-step input:hover {
     background: #00a1cb
 }
 
 .shopping-cart-items .shop_table tr>td .cart-next-step {
     width: auto;
     float: right
 }
 
 .shopping-cart-items .shop_table tr>td .cart-next-step input {
     float: left;
     width: auto
 }
 
 .shopping-cart-items .shop_table tr>td .cart-next-step input:first-child {
     margin-right: 10px
 }
 
 .shipping-calculator-form .form-control {
     min-height: 40px
 }
 
 .widget_calculate_shipping .shipping_calculator .calc_shipping {
     width: 100%;
     margin: 0;
     border-width: 0;
     background: #1c1c1c;
     color: #FFF;
     height: 40px
 }
 
 .widget_calculate_shipping .shipping_calculator .calc_shipping:hover {
     background: #00a1cb
 }
 
 .widget_cart_totals_pricing .cart_totals table {
     width: 100%
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr {
     border-bottom: 1px solid #e4e4e4;
     font-size: 14px;
     text-transform: uppercase
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr th {
     color: #606060;
     padding: 10px 0
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr td {
     color: #777;
     padding: 10px 0;
     text-align: right
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr.order-total {
     border-bottom: 0
 }
 
 .widget_cart_totals_pricing .cart_totals table tbody tr.order-total th,
 .widget_cart_totals_pricing .cart_totals table tbody tr.order-total td {
     color: #00a1cb
 }
 
 .portfolio-column-2 .item {
     width: 50%;
     float: left
 }
 
 .portfolio-column-3 .item {
     width: 33.333333333%;
     float: left
 }
 
 .portfolio-column-4 .item {
     width: 25%;
     float: left
 }
 
 .portfolio-column-5 .item {
     width: 20%;
     float: left
 }
 
 @media (max-width: 750px) {
     .portfolio-column-2 .item,
     .portfolio-column-3 .item,
     .portfolio-column-4 .item,
     .portfolio-column-5 .item {
         width: 50%
     }
 }
 
 @media (max-width: 400px) {
     .portfolio-column-2 .item,
     .portfolio-column-3 .item,
     .portfolio-column-4 .item,
     .portfolio-column-5 .item {
         width: 100%
     }
 }
 
 .client-review-item {
     text-align: center
 }
 
 .client-review-carousel.carousel-head {
     width: 300px;
     margin: 0 auto
 }
 
 .client-review-item .client-review-content {
     color: #fff;
     font-size: 14px;
     margin: 25px 50px 10px
 }
 
 .client-review-item .client-review-content i {
     color: #00a1cb;
     padding: 0 7px
 }
 
 .client-review-item .client-review-info .client-review-name {
     color: #fff;
     font-family: 'Oswald', sans-serif;
     font-weight: 400;
     font-size: 14px;
     margin-bottom: 15px
 }
 
 .client-review-item .client-review-info .client-review-name small {
     color: #AAA;
     font-family: 'Roboto', sans-serif;
     font-style: italic;
     padding-left: 5px
 }
 
 .client-review-item .client-review-info .client-review-star {
     color: #fff;
     font-size: 12px
 }
 
 .client-review-item img.client-img {
     width: 40px;
     height: 40px
 }
 
 .client-review-item.slick-active img.client-img {
     width: 50px;
     height: 50px
 }
 
 .client-review-item.slick-active.slick-center img.client-img {
     width: 60px;
     height: 60px
 }
 
 .icn {
     width: 45px;
     height: 45px;
     text-indent: 60px;
     width: 220px
 }
 
 .staficon0 {
     background-image: url(../../images/staficon0.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon1 {
     background-image: url(../../images/staficon1.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon2 {
     background-image: url(../../images/staficon2.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon3 {
     background-image: url(../../images/staficon3.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon4 {
     background-image: url(../../images/staficon4.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon5 {
     background-image: url(../../images/staficon5.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .staficon6 {
     background-image: url(../../images/staficon6.jpg);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon1 {
     background-image: url(../../images/hricon1.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon2 {
     background-image: url(../../images/hricon2.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon3 {
     background-image: url(../../images/hricon3.html);
     background-repeat: no-repeat;
     background-position: left
 }
 
 .hricon4 {
     background-image: url(../../images/hricon4.html);
     background-repeat: no-repeat;
     background-position: left
 }