@charset "UTF-8";
/*------------------------------------------------------------------- /
Theme Name: Focuz  Multipurpose HTML Template
Theme URI: http://codexcoder.com/
Author: CodexCoder
Author URI: http://codexcoder.com/
Description: Focuz is a multi page html template
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: html, template, Focuz

--------------------------------------------------------------------- */
/* Table of contents ---------------------------------------------------------------------- / 1 - Import Google Font 2 - Global Styles 2.1 - Resets  2.2 - Headings 2.3 - Buttons 2.4 - Stripe Title  2.5 - Striped Section 2.6 - Section Description 2.7 - Icon 2.8 - Circle 2.9 - Paginagnion 2.10 - Slider Pagination 2.11 - Slider Navigator  2.12 - Social Buttons 2.13 - Form Elements  2.13.1 - Form Control 2.13.2 - Checkbox Button 2.13.3 - Radio Button 2.14 - Callout Action 2.15 - Progress Bar 2.15.1 - Progress V2 2.15.2 - Progress V3 2.16 - Accordion 2.17 - Tabs 2.17.1 - Tabs V1  2.17.2 - Tabs V2 2.18 - Features List 2.19 - Mock-up 2.20 - Team Member 2.21 - Widget  2.21.1 - About Us  2.21.2 - Recent Post 2.21.3 - Twitter Feeds  2.21.4 - Newslater   2.21.5 - Footer Widget 2.21.6 - Caterogry 2.21.7 - Recent Projects 2.21.8 - Tag Cloud  2.21.9 - Recent Posts 2.21.10 - Calendar 2.21.11 - Text Widget 3 - Main Navigation  3.1 - Header 3.2 - Logo 3.3 - Primary Menu 3.4 - Mega Menu 3.5 - Top Search 3.6 - Top Cart 3.7 - Top Fix Menu 4 - Portfolio Section 4.1 - Portfolio V2 4.2 - Portfolio V3 4.3 - Portfolio V4 5 - Features 6 - Service 7 - Operation 8 - Pricing 9 - Client Testimonial  10 - Clients Logo Carousel 11 - Clients Review Carousel  12 - Company Facts	 13 - Blog Post Container 14 - latest work  15 - Project  16 - Footer Section 17 - Pages	 17.1 - Blog Page 17.1.1 - Post Comment 17.2 - About Us Page 17.3 - Faq Page 17.4 - Contact Page 17.5 - Portfolio Page 17.6 - Shop Page 17.6.1 - Hero Banner  17.6.2 - Product Single 17.6.3 - Product Carousel  17.6.4 - Circle Skills Items 17.6.5 - Product Images Slide 17.6.6 - Product Content Area 17.6.7 - Product Order Cart 17.6.8 - Product Share 17.6.9 - Shop Widget 17.6.10 - Single Product Tabs 17.7 - Shppoing Cart Page 17.7.1 - Cart Head 17.7.2 - Cart Widget 17.7.3 - Column Styles 17.7.4 - Client review   ---------------------------------------------------------------------- */
/* 1 - Import Google Font
------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,500,500italic,700,700italic,900,900italic);
/* 1 - Import Google Font End 
------------------------------------------------------------------------*/
/* 2 - Global Styles
---------------------------------------------------------------------- */
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: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }

.box-layout .focuz-main-slider > .master-slider { margin: 0 !important; clear: both; }

a { font-size: 16px; color: #FE7200; -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 { color: #888; text-decoration: none; }

p { color: #777777; font-size: 0.875rem; line-height: 24px; }

hr { border-color: #e4e4e4; }

#citas { color: #78C000; }

#telpie { color: #f300ff; font-size: 22px; font-weight: 700; }

#mailpie { color: #FFF; font-size: 22px; font-weight: 700; }

#direccionpie { color: #FFF; font-size: 16px; font-weight: 700; }

img { max-width: 100%; height: auto; }

.boxer-container img { max-width: inherit; }

.inline { display: inline-block; }

.overlay { background-color: rgba(0, 0, 0, 0.8); }

.text-upc { text-transform: uppercase; }

.text-cap { text-transform: capitalize; }

.dropcap { color: #ffffff; 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.jpg); background-repeat: repeat; color: #FFF; }

.polygon-bg1 { background-image: url(../images/slider/bg2.jpg); background-repeat: repeat; color: #FFF; }

.parallax-bg { background-attachment: fixed; background-size: cover; }

.relative { position: relative; }

.dark-bg { background: #FE7200 !important; }

.white-bg { background: #ffffff !important; }

.blue-bg { background: #333 !important; }

/* 2.1 - Resets 
------------------------------------------- */
.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; }

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

/* 2.1 - Resets End
------------------------------------------- */
/* 2.2 - Headings
------------------------------------------- */
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; }

h5 { font-size: 1em; }

h6 { font-size: 1em; }

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: #666; }

h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span { color: #FE7200; }

h1 > em, h2 > em, h3 > em, h4 > em, h5 > em, h6 > em { color: #00a1cb; font-weight: 300; }

/* 2.2 - Headings End
------------------------------------------- */
/* 2.3 - Buttons
------------------------------------------- */
.btn { color: #bbb; 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: #ffffff; 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: white; color: #00A1CB; line-height: 25px; }

.btn .badge { border-radius: 15px; }

.btn.active, .bg-btn { font-size: 28px; color: #ffffff; border-color: #b700ff; border-radius: 10px; background: #b700ff; }

.bg-btn:hover { color: #ffffff; }

.bg-btn.btn:focus { color: #ffffff; }

.sm-btn { padding: 0 15px; min-height: 36px; line-height: 30px; }

a.sm-btn { line-height: 34px; }

.md-btn { padding: 0 15px; min-height: 60px; line-height: 38px; }

.full-btn { margin: 5px 0; /*width: 50%;*/ max-width: 100%; }

.nav-btn.rbtn { padding: 0; width: 36px; border-color: #00a1cb; }

.md-btn:hover, .sm-btn:hover, .nav-btn:hover { border-color: #7EA306; background: #7EA306; color: #ffffff; }

.btn-container { padding-top: 30px; }

.btn-container .btn { background-color: #5dc400; text-transform: uppercase; font-size: 18px; color: #ffffff; font-weight: 600; border-radius: 14px; }

.btn a:hover, .btn-container .btn:hover { background-color: #107000; color: #ffffff; }

.btn a { width: 100%; display: inline-block; }

.btn-black { background: #000000; border-color: #000000; }

.btn-black:hover { color: #ffffff; }

/* 2.3 - Buttons End
------------------------------------------- */
/* 2.4 - Stripe Title 
------------------------------------------- */
.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; }

.mozilla .stripe-over:after, .mozilla .stripe-over:before, .mozilla .stripe-full:after, .mozilla .stripe-full:before, .mozilla .stripe-bfixw:after, .mozilla .stripe-bfixw:before { /*bottom: -19px; */ }

.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: #FE7200; }

.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: 0px; bottom: 0px; }

.special-stripe:after, .special-stripe:before { bottom: 0px !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; }

/* 2.4 - Stripe Title End
------------------------------------------- */
/* 2.5 - Striped Section
------------------------------------------- */
.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: #E47F22; font-size: 24px; line-height: 56px; text-align: center; top: -35px; background: #ffffff; border: 5px solid #dedede; }

/* 2.5 - Striped Section End 
------------------------------------------- */
/* 2.6 - Section Description
------------------------------------------- */
.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; }

/* 2.6- Section Description End
------------------------------------------- */
/* 2.7 - Icon
------------------------------------------- */
.icon { color: #3964CB; 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: 0px solid transparent; font-size: 3.125rem; }

.icon.icon-left { float: left; }

.icon.inv { background: #00a1cb; color: #ffffff; }

/* 2.7 - Icon End
------------------------------------------- */
/* 2.8 - Circle
------------------------------------------- */
.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 #ffffff; border-left-color: transparent; z-index: -1; }

.arrow-circle .arrow { color: #E47F22; background: #ffffff; 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: #ffffff; }

.arrow-circle .arrow:before { content: ""; position: absolute; top: 0; left: -5px; width: 15px; height: 30px; border-right: 11px solid #ffffff; border-radius: 0 18px 18px 0; z-index: -1; }

/* 2.8 - Circle End
------------------------------------------- */
/* 2.9 - Paginagnion
------------------------------------------- */
.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: #ffffff; border-color: #00a1cb; background: #00a1cb; }

/* 2.9- Paginagnion End 
------------------------------------------- */
/* 2.10 - Slider Pagination 
---------------------------------------------*/
.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: #ffffff; 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; }

/* 2.10 - Slider Pagination End
---------------------------------------------*/
/* 2.11 - Slider Navigator 
---------------------------------------------*/
.polygon-bg .prev, .polygon-bg .next { border-color: #ffffff; color: #ffffff; }

.polygon-bg .prev:hover, .polygon-bg .next:hover { background: #ffffff; 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, 0.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: white; }

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

/* 2.11 - Slider Navigator End
---------------------------------------------*/
/* 2.12 - Social Buttons
------------------------------------------- */
.social-icons ul { padding: 0px; }

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

/* 2.12 - Social Buttons End 
------------------------------------------- */
/* 2.13 - Form Elements 
---------------------------------------------*/
/* 2.13.1 - Form Control
-------------------------------*/
.form-control { min-height: 50px; margin: 0 0 20px 0; border: 4px solid #2ca800; -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: 120px; }

.form-control:focus { border: 2px solid #00a1cb; }

.form-control, .form-control:focus { border-radius: 10px; 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;*/ }

/* 2.13.1 - Form Control End
-------------------------------*/
/* 2.13.2 - Checkbox Button
-------------------------------*/
.checkbox-btn + label { font-weight: normal; 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; }

/* 2.13.2 - Checkbox Button End
-------------------------------*/
/* 2.13.3 - Radio Button
-------------------------------*/
.radio-btn + label { cursor: pointer; font-weight: normal; 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; }

/* 2.13.3 - Radio Button End
-------------------------------*/
/* 2.13 - Form Elements End
---------------------------------------------*/
/* 2.14 - Callout Action
---------------------------------------------*/
.callout-action h2 { font-size: 40px; color: #333; }

.callout-action .action-links a { color: #4d148c; font-size: 24px; font-weight: 500; }

.callout-action .action-links a:hover { color: #7f35d2; }

.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: 0px; right: 0px; }

.callout-action .action-description { color: #777777; font-weight: 600; font-size: 21px; }

.callout-action .btn.purchase { font-size: 18px; border-color: #E47F22; background-color: #FE7200; color: #FFF; margin-top: 30px; margin-bottom: 80px; }

.callout-action .btn.purchase:hover { font-size: 18px; border-color: #43c600; background-color: #43c600; 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: #ffffff; margin-top: 10px; }

.dark-bg .callout-content .purchase { background: #ffffff; color: #2d2d2d; }

.dark-bg .callout-content .purchase:hover { background: #00a1cb; color: #ffffff; }

.blue-bg .callout-content .callout-title { color: #ffffff; margin-top: 10px; }

.blue-bg .callout-content .btn { font-size: 18px; border-color: #3964CB; background: #3964CB; color: #ffffff; }

.blue-bg .callout-content .btn:hover { border-color: #ffffff; background: #ffffff; color: #3964CB; }

/* 2.14 - Callout Action End
---------------------------------------------*/
/* 2.15 - Progress Bar
---------------------------------------------*/
.progress.v1 { height: 40px; background: #ebebeb; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 10px; }

.progress.v1 .progress-bar.default-bar { background-color: #FE7200; }

.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 0px 20px 20px; border-color: #ebebeb #ebebeb #ebebeb #E47F22; }

/* 2.15.1 - Progress V2
----------------------------*/
/* 2.15.1 - Progress V2 End
----------------------------*/
/* 2.15.2 - Progress V3
----------------------------*/
.progress.v3 { height: 10px; width: 58%; margin-top: 14px; }

.progress.v3 .progress-bar.default-bar { background-color: #00a1cb; }

.progress-bg { background: #ffffff; height: 40px; border: 1px solid #dddddd; margin-bottom: 10px; display: block; padding-right: 50px; position: relative; }

.progress-name { background: #000000; color: #ffffff; 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 #000000; z-index: 1; left: -1px; right: -1px; top: -1px; bottom: 0; }

.progress-count { position: absolute; right: 0px; bottom: 0px; border-left: 1px solid #ddd; display: block; height: 38px; line-height: 37px; font-size: 13px; width: 10%; text-align: center; }

/* 2.15.2 - Progress V3 End
----------------------------*/
/* 2.15 - Progress Bar End
---------------------------------------------*/
/* 2.16 - Accordion
---------------------------------------------*/
.panel-group .panel, .panel { border-radius: 0; margin-bottom: 10px; }

.panel-title { font-size: 0.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: #888; }

.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: #777777; font-size: 0.875rem; line-height: 24px; }

.panel-body .panel { margin-bottom: 10px; -webkit-box-shadow: none; box-shadow: none; }

/* 2.16 - Accordion End
---------------------------------------------*/
/* 2.17 - Tabs
---------------------------------------------*/
.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; }

/* 2.17.1 - Tabs V1 
----------------------------*/
.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: #ffffff; 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: #ffffff; background: #00a1cb; border-color: #00a1cb; }

.tv1 .nav-tabs > li.active > a { border-bottom-color: #ffffff; }

.tv1 .tab-content { border: 1px solid #dedede; border-top: none; padding: 35px 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; }

/* 2.17.1 - Tabs V1 End
----------------------------*/
/* 2.17.2 - Tabs V2
----------------------------*/
.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*/
.polygon-bg .tv2 .nav-tabs > li > a { border-color: #2d2d2d; }

.polygon-bg .tv2 .nav-tabs > li > a:hover { border-color: #00a1cb; color: #ffffff; }

.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: #ffffff; 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; }

/* 2.17.2 - Tabs V2 End
----------------------------*/
/* 2.17 - Tabs End 
---------------------------------------------*/
/* 2.18 - Features List
---------------------------------------------*/
.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: #3964CB; 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; }

/* 2.18 - Features List End
---------------------------------------------*/
/* 2.19 - Mock-up
---------------------------------------------*/
.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; }

/* 2.19 - Mock-up End
---------------------------------------------*/
/* 2.20 - Team Member
---------------------------------------------*/
.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); }

.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: #ffffff; display: inline-block; line-height: 30px; text-align: center; min-width: 30px; }

.team-member .social-icons a:hover { background: #1c1c1c; color: #ffffff; }

.team-member .name-container { margin-top: -50px; }

.team-member .member-name { position: relative; background: white; display: inline-block; line-height: 40px; padding: 0px 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: #aaaaaa; }

.team-member .member-designation, .team-member .member-email, .team-member .member-phone { color: #00a1cb; }

.team-member .member-contact { padding-top: 10px; color: #aaaaaa; }

.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 #ffffff; }

.team-member.v2 .name-container { margin-top: 0; }

.team-member.v2 .member-name { position: inherit; font-size: 24px; padding-top: 15%; color: #ffffff; }

.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: #777777; }

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

/* 2.20 - Team Member End
---------------------------------------------*/
/* 2.21 - Widget 
---------------------------------------------*/
.widget .stripe-full { padding-top: 35px; margin-bottom: 45px; }

.widget { padding-bottom: 50px; }

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

/* 2.21.1 - About Us 
-------------------------------*/
.widget_about_us .contact-info { padding-left: 0; padding-top: 10px; }

.widget_about_us .contact-info > li { color: #777777; font-size: 0.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: #777777; }

.widget_about_us .contact-info a:hover { color: #00a1cb; }

/* 2.21.1 - About Us End
-------------------------------*/
/* 2.21.2 - Recent Post
-------------------------------*/
.widget .recentposts { padding-left: 0; }

.widget .recentposts > li { font-size: 0.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: #ffffff; 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: #aaa; display: block; }

.widget .author, .widget .author a, .widget .entry-date { font-style: italic; font-size: 0.75rem; color: #606060; }

.widget .author a:hover, .widget .recentposts > li .entry-title a:hover { color: #E47F22; }

/* 2.21.2 - Recent Post End
-------------------------------*/
/* 2.21.3 - Twitter Feeds 
-------------------------------*/
.widget .twitter-feeds { padding-left: 0; }

.widget .twitter-feeds > li { list-style: none; padding-left: 40px; position: relative; }

.widget .twitter-feeds > li { font-size: 0.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: #777777; 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: #777777; }

.sidebar-widgets .widget .twitter-feeds > li > .tweet > a { color: #2d2d2d; }

/* 2.21.3 - Twitter Feeds End
-------------------------------*/
/* 2.21.4 - Newslater 
-------------------------------*/
.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: #ffffff; font-size: 14px; font-weight: 700; right: 0; top: 0; height: 40px; border: none !important; outline: none !important; padding: 10px 15px; background: #3964CB; }

.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: #ffffff; color: #2d2d2d; }

/* 2.21.4 - Newslater End
-------------------------------*/
/* 2.21.5 - Footer Widget
-------------------------------*/
.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: #ffffff; }

.footer-widget, .footer-widget p { color: #cccccc; }

/* 2.21.5 - Footer Widget End
-------------------------------*/
/* 2.21.6 - Caterogry
-------------------------------*/
.widget_categories li { border-bottom: 1px solid #ebebeb; }

.widget_categories li a { color: #606060; display: block; padding: 18px 0; font-weight: 700; }

.widget_categories li a:before { content: ""; width: 12px; height: 12px; display: inline-block; border: 2px solid #00a1cb; margin-right: 10px; }

.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_categories li:hover a:before, .widget_categories li:hover .badge { background: #00a1cb; }

.widget_recent_projects li { display: inline-block; margin-right: -4px; padding-right: 0; overflow: hidden; margin-bottom: -6px; }

/* 2.21.6 - Caterogry End
-------------------------------*/
/* 2.21.7 - Recent Projects 
-------------------------------*/
.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; }

/* 2.21.7 - Recent Projects End
-------------------------------*/
/* 2.21.8 - Tag Cloud 
-------------------------------*/
.tagcloud a { padding: 8px 11px; display: inline-block; border: 1px solid #dedede; margin: 0 5px 8px 0; }

.tagcloud a:hover { background: #00a1cb; color: #ffffff; border: 1px solid transparent; }

/* 2.21.8 - Tag Cloud End
-------------------------------*/
/* 2.21.9 - Recent Posts
-------------------------------*/
.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; }

/* 2.21.9 - Recent Posts End
-------------------------------*/
/* 2.21.10 - Calendar
-------------------------------*/
#wp-calendar { width: 100%; }

#wp-calendar caption { border: 1px solid #dddddd; 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 #dddddd; 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: #ffffff; }

td#prev, td#next { text-align: center; }

/* 2.21.10 - Calendar End
-------------------------------*/
/* 2.21.11 - Text Widget
------------------------------*/
.widget_text .textwidget { color: #777777; 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; }

/* 2.21.11 - Text Widget End
------------------------------*/
/* 2.21 - Widget End
---------------------------------------------*/
/* 2 - Global Styles End
---------------------------------------------------------------------- */
/* 3 - Main Navigation 
---------------------------------------------------------------------- */
/* 3.1 - Header
---------------------------------------------*/
#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 #eee; 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; }

/* 3.1 - Header End
---------------------------------------------*/
/* 3.2 - Logo
---------------------------------------------*/
#logo { width: 175px; position: relative; top: 20px; float: left; }

#logo a { color: #00a1cb; display: block; }

#logo img { display: block; width: 100%; }

/* 3.2 - Logo End
---------------------------------------------*/
/* 3.3 - Primary Menu
---------------------------------------------*/
#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: #aaaaaa; 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-weight: bold;*/ font-size: 1em; /* text-transform: uppercase;*/ 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: #FE7200; }

#primary-menu > ul > li.current > a:after { position: absolute; content: ''; left: 15px; right: 15px; bottom: -5px; background: #E47F22; 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: 220px; background-color: #ffffff; box-shadow: 0px 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: #777777 !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; }

/* 3.3 - Primary Menu End
---------------------------------------------*/
/* 3.4 - Mega Menu
---------------------------------------------*/
#primary-menu ul li .mega-menu-content { width: 400px; }

#primary-menu ul li.mega-menu .mega-menu-content { margin: 0 15px; width: 1170px; 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: 0px; }

#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: 0px; }

#primary-menu ul li .mega-menu-content > ul > li.mega-menu-title > a { font-size: 13px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase !important; margin-bottom: 15px; color: #444444 !important; padding: 0; height: auto !important; line-height: 1.3 !important; }

#primary-menu .mega-menu-content .menu-contact { color: #777777; 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: #ffffff !important; padding-left: 0 !important; }

#primary-menu .mega-menu-content .carousel-indicators li { border: 1px solid #ffffff; }

/* 3.4 - Mega Menu End
---------------------------------------------*/
/* 3.5 - Top Search
---------------------------------------------*/
#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: #ffffff; }

#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: #333333; 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: #555555; text-transform: uppercase; opacity: 1; }

#top-search form input:-ms-input-placeholder { color: #555555; text-transform: uppercase; }

#top-search form input::-webkit-input-placeholder { color: #555555; text-transform: uppercase; }

#primary-menu .container #top-search form input, .sticky-header #top-search form input { border: none !important; }

/* 3.5 - Top Search End
---------------------------------------------*/
/* 3.6 - Top Cart
---------------------------------------------*/
#top-cart { margin-right: 0; }

#top-cart > a > span { position: absolute; top: -5px; right: -4px; background-color: #2d2d2d; border-radius: 50%; color: #ffffff; 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: #ffffff; box-shadow: 0px 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 #eeeeee; }

.top-cart-title h4 { margin-bottom: 0; font-size: 15px; font-weight: bold; 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 #eeeeee; -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: #999999; font-size: 12px !important; line-height: 20px; }

.top-cart-item-desc span.top-cart-item-quantity { position: absolute; color: #444444; display: block; font-size: 12px !important; right: 0; top: 2px; }

.top-cart-action { padding: 15px; border-top: 1px solid #eeeeee; }

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

/* 3.6 - Top Cart End
---------------------------------------------*/
/* 3.7 - Top Fix Menu
---------------------------------------------*/
.navbar-fixed-top #logo { height: 80px; margin-top: 9px; }

.navbar-fixed-top #logo a { line-height: 80px; }

.navbar-fixed-top #primary-menu > ul > li > a { height: 92px; line-height: 92px; }

.navbar-fixed-top #top-search, .navbar-fixed-top #top-cart { margin-top: 15px; }

.navbar-fixed-top #top-cart .top-cart-content { top: 55px; }

.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: 70px; }

/* 3.7 - Top Fix Menu End
---------------------------------------------*/
/* 3 - Main Navigation End
------------------------------------------------------------------------*/
/* 4 - Portfolio Section
------------------------------------------------------------------------*/
.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; }

.portfolio-item figure img { 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: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.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: 0px; }

.portfolio-item figure:after { background-color: #E47F22; content: ""; display: inline-block; height: 100%; width: 100%; position: absolute; top: 100%; left: 0; z-index: 1; }

.portfolio-item figure:hover:after { background-color: #E47F22; -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: #E47F22; 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: #ffffff; border-radius: 100%; border: 1px solid #ffffff; 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: #ffffff; }

.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: 0.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: #ffffff; 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: #ffffff; border-color: #00a1cb; background: #00a1cb; }

/* 4.1 - Portfolio V2
---------------------------------------------*/
.portfolio-item.v2 .item { padding: 0 15px 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: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

.portfolio-item.v2 figure .item-title { padding-top: 40px; }

.portfolio-item.v2 figure .item-category { color: #aaaaaa; }

.portfolio-item.v2 figure:hover .item-description { margin-top: inherit; top: inherit; border-bottom: 2px solid #00a1cb; -webkit-transition: border 0s ease; -moz-transition: border 0s ease; -ms-transition: border 0s ease; -o-transition: border 0s ease; transition: border 0s ease; }

.portfolio-item.v2 figure:hover .item-title, .portfolio-item.v2 figure:hover .item-category { color: #ffffff; }

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

/* 4.1 - Portfolio V2 End
---------------------------------------------*/
/* 4.2 - Portfolio V3
---------------------------------------------*/
.portfolio-item.v3 { padding-top: 40px; }

.portfolio-item.v3 .col-sm-6 { max-width: 450px; margin: auto; }

/* 4.2 - Portfolio V3 End
---------------------------------------------*/
/* 4.3 - Portfolio V4
---------------------------------------------*/
.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 #ffffff; top: 15px; left: 15px; right: 15px; bottom: 15px; width: auto; height: auto; z-index: 2; }

.portfolio-item.v4 figure .item-link:after { background: #ffffff; 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: #ffffff; 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; }

/* 4.3 - Portfolio V3 End
---------------------------------------------*/
/* 4 - Portfolio Section End
------------------------------------------------------------------------*/
/* 5 - Features
---------------------------------------------------------------------- */
.item-container { padding-top: 30px; }

.item-container:hover .icon { background: #00a1cb; border-color: #00a1cb; color: #ffffff; }

.item-container:hover .icon.inv { color: #00a1cb; background: transparent; }

.item-container:hover .icon.icon-big { background: inherit; border-color: transparent; color: #3964CB; }

.item-container .feature-text { margin-left: 90px; }

.item-container .feature-text .btn { margin: 15px 5px 20px 0; }

.item-container.v2 { border: 6px solid #FF7700; margin-top: 35px; padding: 40px 30px 30px 30px; }

.item-container.v2:hover, .item-container.v2 .icon { border-color: #FE7200; background: #FE7200; color: #ffffff; }

.item-container.v2:hover .stripe-bfixw:before, .item-container.v2:hover .stripe-bfixw:after { border-color: #ffffff; }

.item-container.v2:hover .sub-title, .item-container.v2:hover p { color: #ffffff; }

.item-container.v2 .sub-title { color: #aaaaaa; font-size: 0.75rem; }

.item-container.v2:hover .icon { background: #ffffff; color: #E47F22; }

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

/* 5 - Features End
---------------------------------------------------------------------- */
/* 6 - Service
---------------------------------------------------------------------- */
.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: #aaaaaa; font-size: 0.75rem; margin-bottom: 15px; }

.item-container.service .texts { color: #777777; }

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

/* 6 - Service End
---------------------------------------------------------------------- */
/* 7 - Operation
---------------------------------------------------------------------- */
.operation-title { margin-top: 30px; }

.operation-title a { color: #ffffff; }

.operation-title a:hover { color: #00a1cb; }

.operation-title + p { color: #777777; }

.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: #E47F22; }

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

/* 7 - Operation End
---------------------------------------------------------------------- */
/* 8 - Pricing
---------------------------------------------------------------------- */
.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: #ffffff; height: 112px; width: 112px; left: 50%; top: -55px; margin-left: -56px; padding: 10px; }

.price-item .inner { background: #1c1c1c; color: #ffffff; 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: 0.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: 0.875rem; padding-top: 6px; padding-bottom: 10px; }

.price-item .item-description li { padding: 6px 10px; line-height: 24px; }

.price-item .btn { border: 0px solid transparent; color: #ffffff; 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: #ffffff; 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: #ffffff; 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: #ffffff; 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: #ffffff; }

.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: #ffffff; }

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

/* 8 - Pricing End
---------------------------------------------------------------------- */
/* 9 - Client Testimonial 
---------------------------------------------------------------------- */
.testimonial-item { position: relative; margin-top: 70px; }

.testimonial-item .client-img { border-radius: 5px; position: absolute; left: 50%; width: 60px; height: 60px; background: #fff; margin-top: -30px; margin-left: -30px; padding: 5px; }

.testimonial-item .testimonial-txt { border: 5px solid #dedede; padding: 45px 25px 5px 25px; border-radius: 10px; }

.testimonial-item .client-company { color: #aaaaaa; font-size: 0.99rem; }

.testimonial-item .client-company:before, .testimonial-item .client-company:after { content: " - "; }

.testimonial-item .testimonial-footer { padding-top: 8px; }

.testimonial-item .client-rating { color: #ffb100; padding-top: 8px; font-size:17px; }

/* 9 - Client Testimonial End
---------------------------------------------------------------------- */
/* 10 - Clients Logo Carousel 
---------------------------------------------------------------------- */
.logo-carousel .item { width: 100%; height: 100px; padding: 0px 10px; }

.logo-carousel .item .item-content { width: 100%; height: 100%; }

.logo-carousel .item .item-content a {display: inline-block; width: 100%; height: 100%; text-align: center; }

.logo-carousel .item .item-content a img { position: relative; top: 50%; opacity: 1.0; -webkit-backface-visibility: hidden; transform: translateY(-50%); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.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 #292929; background: #292929; }

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

/* 10 - Clients Logo Carousel  End
---------------------------------------------------------------------- */
/* 11 - Clients Review Carousel 
---------------------------------------------------------------------- */
.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.jpg); }

.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: 0px; }

/* 11 - Clients Review Carousel  End
---------------------------------------------------------------------- */
/* 12 - Company Facts  
---------------------------------------------------------------------- */
.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; }

/* 12 - Company Facts  End 
---------------------------------------------------------------------- */
/* 13 - Blog Post Container
---------------------------------------------------------------------- */
.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, 0.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: white; }

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: #aaaaaa; font-size: 0.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: #ffffff; 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: #777777; }

.entry-content .btn-container { padding-top: 12px; }

.post-slider-btn { position: absolute; top: 18px; width: 100px; background: #ffffff; 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: 0px 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: #ffffff; border-top: 2px solid #00a1cb; color: #2d2d2d; line-height: 40px; font-size: 14px; font-weight: bold; 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: #ffffff; 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; }

/* 13 - Blog Post Container End
---------------------------------------------------------------------- */
/* 14 - latest work 
---------------------------------------------------------------------- */
.latest-work .share-box { clear: both; display: inline-block; width: 100%; padding: 40px 0; }

.latest-work .share-title { color: #ffffff; }

.dark-bg .share-title { color: #ffffff; }

.dark-bg p { color: #aaaaaa; }

.share-box.v2.black a { background: #000000; color: #ffffff; 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; }

/* 14 - latest work End
---------------------------------------------------------------------- */
/* 15 - Project 
---------------------------------------------------------------------- */
.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: #777777; font-size: 14px; }

/* 15 - Project  End
---------------------------------------------------------------------- */
/* 16 - Footer Section
---------------------------------------------------------------------- */
.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 Comon Top */
.footer-top-common { background-color: #070707; padding: 15px 0 5px 0; border-top: 1px solid #232323; }

.footer-top-common .social-icons { margin-top: 5px; }

.footer-container { background: #1c1c1c; border-top: 2px solid #E47F22; 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: #ffffff; 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: #E47F22; }

/* 16 - Footer Section End
----------------------------------------------------------------------*/
/* 17 - Pages
---------------------------------------------------------------------- */
/* 17.1 - Blog Page
---------------------------------------------*/
.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: #ffffff; }

.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: #ffffff; 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: #ffffff; 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: #ffffff; 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: #ffffff; }

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

.blog-page .post-content-box .project-like { margin-top: 59px; color: #00a1cb; }

.blog-page .share-box.dark-bg { color: #ffffff; }

/* 17.1.1 - Post Comment
---------------------------*/
.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: #aaaaaa; 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%; }

/* 17.1.1 - Post Comment End
---------------------------*/
/* 17.1 - Blog Page End
---------------------------------------------*/
/* 17.2 - About Us Page
---------------------------------------------*/
.li-square { list-style: none; padding-left: 0; }

.li-square li { color: #606060; display: block; font-size: 13px; font-weight: 700; margin-bottom: 12px; }

.li-square li:before { content: ""; width: 12px; height: 12px; display: inline-block; border: 2px solid #888; margin-right: 10px; }

.li-square li:hover { color: #444; }

.li-square li:hover:before { background: #E47F22; }

.about-description p { margin-bottom: 25px; }

.about-page .tv1 .nav-tabs > li:first-child { margin-left: 0px; }

.callout-content.dark-bg .callout-title { margin-top: 7px; color: #ffffff; }

.hire-me { background: #ffffff; color: #606060; }

.v2 .testimonial-item .testimonial-txt { border: 0; border-bottom: 0; }

.v2 .testimonial-item .testimonial-footer { text-align: center; }

.about-description .designation { color: #aaaaaa; margin-left: 5px; }

/* 17.2 - About Us Page End
---------------------------------------------*/
/* 17.3 - Faq Page
---------------------------------------------*/
.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; }

/* 17.3 - Faq Page End
---------------------------------------------*/
/* 17.4 - Contact Page
---------------------------------------------*/
.google-map-container { width: 100%; height: 200px; }

.google-map-container img { max-width: inherit; height: inherit; }

.contact .item-container.v2:hover a { color: #ffffff; }

.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 30px 40px; background: #ffffff; position: absolute; top: 40px; }

.contact.v2 .form-control { margin-bottom: 10px; }

/*Error */
.error { display: none; padding: 10px; margin: 0 0 5px 0; 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; }

/* 17.4 - Contact Page End
---------------------------------------------*/
/* 17.5 - Portfolio Page
---------------------------------------------*/
.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; } }

/* 17.5 - Portfolio Page End
---------------------------------------------*/
/* 17.6 - Shop Page
---------------------------------------------*/
/* Global Class 02. Colors */
.highlighted { color: #FE7200; }

/* Global Class 03. Background, overlay and pattern */
.overlay-effects { position: absolute; width: 100%; height: 100%; background-color: rgba(5, 5, 15, 0.8); top: 0px; }

.overlay-effectsfedex { position: absolute; width: 100%; height: 100%; background-color: #ffbf00; top: 0px; }

.box-patternfedex { background-repeat: repeat; background-attachment: fixed; background-position: center; }

.box-pattern { background-image: url(../images/pattern/box.png); background-repeat: repeat; background-attachment: fixed; background-position: center; }

/* Global Class 04. Middle Text Overlay */
.display-table-middle { display: table; margin: 0 auto; height: 100%; }

.inside-content { display: table-cell; vertical-align: middle; }

/* Margins */
.margin-minus-15 { margin-left: -15px; margin-right: -15px; }

/*Form Element*/
.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; }

/* 17.6.1 - Hero Banner 
---------------------------*/
.hero-banner { position: relative; }

.hero-banner-bg { /*background-image: url('../../images/banner/portfolio.jpg');*/ 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: 0px; }

.caption-content .caption-title { font-size: 56px; font-weight: 700; margin: 0px; }

/*About Social Button*/
.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 #ffffff; line-height: 28px; }

.hero-banner .share-box.v2.black a:hover { border: 1px solid #00a1cb; }

/* Overlay Effects */
/* Next Section Button */
.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; }

/* Next Section Button Margin */
.inside-content .next-btn { margin-top: 60px; }

/* Page Header */
.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: 40px 0; }

.page-title { font-size: 51px; font-weight: 700; }

.page-description { font-size: 33px; font-weight: 500; }

/* Site Breadcrumbs */
.site-breadcrumb { position: relative; z-index: 3; bottom: -5px; border-top: 2px solid #00a1cb; }

.site-breadcrumb .breadcrumb { background-color: #FFF; border-radius: 0px; margin-bottom: 0px; 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; }

/* 17.6.1 - Hero Banner End
---------------------------*/
/* 17.6.2 - Product Single
---------------------------*/
.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; overflow: hidden; }

.product-item .product-image:before { content: ""; width: 100%; height: 100%; position: absolute; border: 3px solid #eaeaea; z-index: 5; pointer-events: none; }

.product-item .product-image .quick-view { display: block; position: absolute; width: 100%; height: 100%; border: 4px solid transparent; top: -100%; background-color: rgba(0, 0, 0, 0.6); }

.product-item .product-image:hover .quick-view { top: 0px; }

.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: #FE7200; font-size: 12px; }

.product-item .product-price { font-size: 30px; font-weight: 800; position: absolute; right: 0px; top: 0px; }

.product-action a { display: inline-block; border: 1px solid #dedede; width: 40px; height: 40px; border-radius: 5px; position: relative; color: #606060; font-size: 14px; line-height: 25px; margin: 2px; }

.product-action a:hover { color: #00a1cb; }

.product-action a.add-to-cart { font-size: 20px; width: auto; background-color: #b700ff; border-color: #b700ff; color: #FFF; padding-left: 31px; padding-right: 31px; }

.product-action a.add-to-cart:hover { color: #FFF; background-color: #50AB00; border-color: #50AB00; }

.product-action a:before { font-family: FontAwesome; }

.product-action a span { display: none; }

.product-category-group .product-category { border: 1px solid #dedede; border-radius: 0px; 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: 0px 15px; line-height: 40px; }

.product-category-group .product-category .parent-cat-name:after { content: "\f0d8"; font-family: FontAwesome; position: absolute; right: 0px; 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; }

/* 17.6.2 - Product Single End
---------------------------*/
/* 17.6.3 - Product Carousel 
---------------------------*/
.product-carousel { position: relative; }

.product-carousel .item-caption h2, .product-carousel .item-caption p { margin: 0px; padding: 0px; }

.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: #bbbbbb; border-radius: 0px; }

.product-carousel-indicators li, .product-carousel-indicators li.active { border: 1px solid #FFF; width: 15px; height: 15px; margin: 0px; padding: 0; }

.product-carousel-indicators li.active { background-color: #00a1cb; }

/* 17.6.3 - Product Carousel End
---------------------------*/
/* 17.6.4 - Circle Skills Items
---------------------------*/
.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: 0px 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: 0px; width: 100%; text-align: center; font-size: 16px; }

/* 17.6.4 - Circle Skills Items End
---------------------------*/
/* 17.6.5 - Product Images Slide
---------------------------*/
.flexslider.product-images, .flexslider.product-image-thumbs { border-radius: 0px; box-shadow: none; border: 1px solid #bfbfbf; margin-bottom: 20px; border-radius: 0px; 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: 0.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: 0px; }

.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: 0px; 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; }

/* 17.6.5 - Product Images Slide End
---------------------------*/
/* 17.6.6 - Product Content Area
---------------------------*/
.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: #E47F22; }

.product-single-head .product-review { font-size: 13px; font-style: italic; }

/* Product Details */
.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: #777777; font-size: 14px; margin: 5px 0; }

.product-meta-items .meta-item > span { display: inline-block; margin-right: 15px; color: #606060; font-weight: 700; }

/* Product Customize */
.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%; }

/* 17.6.6 - Product Content Area End
---------------------------*/
/* 17.6.7 - Product Order Cart
---------------------------*/
.product-quantity { overflow: hidden; border: 1px solid #dedede; margin-bottom: 20px; height: 37px; float: left; position: relative; }

.product-quantity button { border: 0px; background: transparent; color: #606060; padding: 10px 15px; position: absolute; top: 0px; }

.product-quantity button.minus { border-right: 1px solid #dedede; left: 0px; }

.product-quantity button.plus { border-left: 1px solid #dedede; right: 0px; }

.product-quantity input { padding: 6px 0px; border: 0px; 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: 0px; }

.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 0px; 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; }

/* 17.6.7 - Product Order Cart End
---------------------------*/
/* 17.6.8 - Product Share
---------------------------*/
.product-share { position: relative; }

.product-share .social-icons { position: absolute; right: 0px; top: 0px; background: #FFF; padding-left: 10px; }

/* Social Icons */
.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; }

.soical-icon-list li > a i { left: 50%; margin-left: -6px; }

/* 17.6.8 - Product Share End
---------------------------*/
/* 17.6.9 - Shop Widget
---------------------------*/
/* Search Widget */
.search-widget-form .search-form { position: relative; }

.search-widget-form .search-form .search-field { border: 0px; border-bottom: 2px solid #dedede; padding: 10px 0px; width: 100%; font-size: 13px; color: #aaaaaa; }

.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: 0px; border: 0px; background-color: transparent; }

.search-widget-form .search-form .search-submit:before { content: "\f002"; font-family: FontAwesome; color: #aaaaaa; font-size: 16px; }

.search-widget-form .search-form .search-submit span { display: none; }

/* Shot Buttons */
.sort-by-size .sort-btn { width: 40px; height: 40px; padding: 0px; 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; }

/* Taglist */
.tag-list { padding: 0px; }

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

/* 17.6.9 - Shop Widget End
---------------------------*/
/* 17.6.10 - Single Product Tabs
---------------------------*/
.product-description .nav-tabs { border-color: #dedede; }

.product-description .nav-tabs > li > a { border-radius: 0px; 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: 0px; }

.product-description .tab-content { border: 1px solid #dedede; border-top: 0px; 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; }

/* 17.6.10 - Single Product Tabs End
---------------------------*/
/* 17.6 - Shop Page End
---------------------------------------------*/
/* 17.7 - Shppoing Cart Page
---------------------------------------------*/
/* Shppoing Cart Page */
.shopping-cart-items { overflow: hidden; }

.shopping-cart-items .shop_table { width: 100%; }

/* 17.7.1 - Cart Head
---------------------------*/
.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: #777777; 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 0px; }

.shopping-cart-items .shop_table tr > td.actions { padding: 10px 0px; }

.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: 0px; }

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

/* 17.7.1 - Cart Head End
---------------------------*/
/* 17.7.2 - Cart Widget
---------------------------*/
.widget_calculate_shipping .shipping_calculator .calc_shipping { width: 100%; margin: 0; border-width: 0px; 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 0px; }

.widget_cart_totals_pricing .cart_totals table tbody tr td { color: #777777; padding: 10px 0px; text-align: right; }

.widget_cart_totals_pricing .cart_totals table tbody tr.order-total { border-bottom: 0px; }

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

/* 17.7.2 - Cart Widget End
---------------------------*/
/* 17.7.3 - Column Styles
---------------------------*/
.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%; } }

/* 17.7.3 - Column Styles End
---------------------------*/
/* 17.7.4 - Client review
---------------------------*/
.client-review-item { text-align: center; }

.client-review-carousel.carousel-head { width: 300px; margin: 0 auto; }

.client-review-item .client-review-content { color: #ffffff; font-size: 14px; margin: 25px 50px 10px 50px; }

.client-review-item .client-review-content i { color: #00a1cb; padding: 0 7px; }

.client-review-item .client-review-info .client-review-name { color: #ffffff; 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: #AAAAAA; font-family: 'Roboto', sans-serif; font-style: italic; padding-left: 5px; }

.client-review-item .client-review-info .client-review-star { color: #ffffff; 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; }

/* 17.7.4 - Client review End
---------------------------*/
/* 17.7 - Shppoing Cart Page End
---------------------------------------------*/
/* 17 - Pages End
---------------------------------------------------------------------- */
/* 18 - BUTTONS CSS RESPONSIVE
---------------------------------------------------------------------- */
div.btn-down { width: 100%; display: flex; justify-content: space-around; position: fixed; bottom: 0; left: 0; z-index: 100; }

@media screen and (min-width: 769px) { div.btn-down { display: none; } }

.btn-side-whats { position: fixed; top: 230px; right: 5px; z-index: 100; }

.btn-side-whats a { display: block; }

.btn-side-whats a img { display: block; width: 55px; }

.btn-side-phone { position: fixed; top: 170px; right: 5px; z-index: 100; }

.btn-side-phone a { display: block; }

.btn-side-phone a img { display: block; width: 55px; }

.btn-side-message { position: fixed; top: 110px; right: 5px; z-index: 100; }

.btn-side-message img { display: block; width: 55px; }

div.btn-side { position: fixed; top: 110px; right: 0; z-index: 100; }

div.btn-down div.wrap-btn span { display: block; padding: 10px 0; color: white; font-size: 1.7rem; text-align: center; }

div.btn-side div.wrap-btn-side { width: 197px; position: relative; right: -145px; display: flex; cursor: pointer; }

div.btn-side div.wrap-btn-side span { /*width: 50px;*/ flex-grow: 1; padding: 0 10px; }

div.btn-side div.wrap-btn-side span::before { display: block; line-height: 50px; font-size: 1.7rem; text-align: center; color: white; }

div.btn-side div.wrap-btn-side span.text { color: white; line-height: 50px; }

div.wrap-btn { -webkit-flex-grow: 1; /* Safari 6.1+ */ -webkit-flex-shrink: 1; /* Safari 6.1+ */ flex-grow: 1; flex-shrink: 1; }

div.wrap-btn-facebook { background-color: #3b5998; }

div.wrap-btn-message { background-color: #009900; }

div.wrap-btn-call { background-color: #ff7300; }

div.wrap-btn-message-side, div.wrap-btn-call-side { background-color: #009900; border: 1px solid green; margin-bottom: 3px; border-radius: 5px 0 0 5px; position: relative; }

div.wrap-form-side { /*display: none;*/ box-sizing: border-box; width: 90%; max-width: 350px; padding: 20px; box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.4); position: fixed; top: 170px; right: -400px; background-color: white; z-index: 1000; }

div.wrap-form-side h3 { font-size: 1.25rem; text-align: center; font-weight: 700; margin: 0; margin-bottom: 10px; }

div.wrap-form-side p { color: #009900; font-size: 1.25rem; text-align: center; font-weight: 700; }

div.wrap-form-side #send_message { display: block; margin: 0 auto; }

.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev { z-index: 50; }

/* ==== PUP-UP BUEN FIN ==== */
div.popup-buenfin { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 2000; display: flex; justify-content: center; align-items: center; display: none; }

div.img-buenfin { width: 90%; height: auto; position: relative; }

@media screen and (min-width: 768px) { div.img-buenfin { width: auto; padding: 20px; } }

div.img-buenfin img { display: block; max-width: 100%; margin: 0 auto; }

div.img-buenfin span.close-popup { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; color: white; font-size: 30px; border: 2px solid red; background-color: red; border-radius: 3px; position: absolute; top: -20px; right: 20px; cursor: pointer; }

/* ==== PUP-UP FORM  ==== */
div.wrap-popup-form { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2000; justify-content: center; align-items: center; display: none; }

div.back-popover { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; }

div.popup-form { width: 95%; padding: 35px; background: white; border-radius: 15px; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.5); position: relative; }

@media screen and (min-width: 768px) { div.popup-form { width: 500px; } }

div.popup-form h2 { font-size: 35px; text-align: center; margin-bottom: 20px; }

div.popup-form h3 { font-size: 18px; text-align: center; margin-bottom: 20px; }

div.popup-form span.close-popup-form { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; font-size: 35px; line-height: 25px; color: white; padding: 5px; border: 3px solid red; border-radius: 25px; background-color: red; position: absolute; top: -10px; right: 0; z-index: 50; cursor: pointer; }

@media screen and (min-width: 768px) { div.popup-form span.close-popup-form { position: absolute; top: -40px; right: 0; } }

.form-control-popup { border-radius:10px; display: block; width: 100%; min-height: 50px; margin: 0 0 20px 0; padding-left: 10px; border: 4px solid #04CB00; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }

.bg-btn-popup { display: table; margin: 0 auto; margin-bottom: 20px; font-size: 25px; color: white; border: 0; border-radius: 10px; background: #b7128c; opacity: 1; }

.bg-btn-popup:hover { color: white; opacity: .8; }

/* ==== PUP-UP CATÁLOGO  ==== */
div.wrap-popup-catalogo { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2000; justify-content: center; align-items: center; display: none; }

div.popup-catalogo { width: 95%; padding: 10px; background: white; border-radius: 5px; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.3); position: relative; }

@media screen and (min-width: 768px) { div.popup-catalogo { width: 500px; } }

div.popup-catalogo h2 { font-size: 25px; text-align: center; margin-bottom: 20px; }

div.popup-catalogo h3 { font-size: 18px; text-align: center; margin-bottom: 20px; }

div.popup-catalogo span.close-popup-catalogo { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; font-size: 25px; line-height: 25px; color: white; padding: 5px; border: 3px solid red; border-radius: 3px; background-color: red; position: absolute; top: -10px; right: 0; z-index: 50; cursor: pointer; }

@media screen and (min-width: 768px) { div.popup-catalogo span.close-popup-catalogo { position: absolute; top: -40px; right: 0; } }

#textoverde { color: #2ca800; font-weight: 500; }

#textogris { font-size: 18px; padding-bottom: 20px; color: #5f5f5f; font-weight: 600; }

#bverde { padding-bottom: 20px; font-weight: 500; color: #04CB00; font-size: 20px; }

#telefonograndeverde { margin-top: 55px; color: #2ca800; font-weight: 800; font-size: 38px; }

#ssl { padding-top: 20px; padding-bottom: 30px; }



/* ===== ///// IMAGES BANNER BUTTONS STYLES ///// ===== */

.images-banner {
  background-color: #000;
}
.images-banner__container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.wrap-images__left {
  width: 100%;
  height: auto;
  background-color: aqua;
}
.wrap-images__left img {
  display: block;
  width: 100%;
}
.wrap-images__right {
  width: 100%;
  height: auto;
  background-color: beige;
}
.wrap-images__right img {
  display: block;
  width: 100%;
}
.wrap-images__link {
  display: block;
}

@media screen and (min-width: 768px) {
  .wrap-images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .wrap-images__left {
    width: 50%;
    height: auto;
    background-color: aqua;
  }
  .wrap-images__left img {
    display: block;
    width: 100%;
  }
  .wrap-images__right {
    width: 50%;
    height: auto;
    background-color: beige;
  }
  .wrap-images__right img {
    display: block;
    width: 100%;
  }
}

/* ===== ///// SLIDE REVIEWS GOOGLE ///// ===== */

.slide-google {
  position: relative;
}
.slide-google .tns-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  width: 100%;
  padding: 0 0.5rem;
  top: 45%;
  left: 0;
  z-index: 2;
}
.slide-google .tns-controls [data-controls=prev] {
  display: block;
  outline: none;
  border: none;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: default;
}
.slide-google .tns-controls [data-controls=prev]:focus, .slide-google .tns-controls [data-controls=prev]:active, .slide-google .tns-controls [data-controls=prev]:visted {
  outline: none !important;
}
.slide-google .tns-controls [data-controls=prev]::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/arrow-left.svg") no-repeat center;
}
.slide-google .tns-controls [data-controls=next] {
  display: block;
  outline: none;
  border: none;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: default;
}
.slide-google .tns-controls [data-controls=next]:focus, .slide-google .tns-controls [data-controls=next]:active, .slide-google .tns-controls [data-controls=next]:visted {
  outline: none !important;
}
.slide-google .tns-controls [data-controls=next]::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/arrow-right.svg") no-repeat center;
}

.slide-reviews {
  background-color: #E1E1E1;
  padding: 1.5rem 0;
}
.slide-reviews__card {
  min-height: 229px;
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.card-review__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}
.card-review__avatar {
  width: 50px;
  margin-right: 1rem;
}
.card-review__avatar img {
  display: block;
  width: 100%;
  height: auto;
}
.card-review__name-info .name-user {
  font-size: 1.25rem;
  margin: 0;
  margin-bottom: 0.5rem;
}
.card-review__name-info .time-post {
  font-size: 0.875rem;
  color: #bcbcbc;
}
.card-review__rate {
  margin-bottom: 1rem;
}
.card-review__rate .stars {
  width: 120px;
  margin-bottom: 0.5rem;
}
.card-review__rate .stars img {
  display: block;
  width: 100%;
  height: auto;
}
.card-review__rate .post {
  width: 100%;
  min-height: 56px;
}
.card-review__rate .post p {
  width: 100%;
  max-height: 56px;
  line-height: 1rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.card-review__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-review__footer .logo-google {
  width: 30px;
  margin-right: 0.5rem;
}
.card-review__footer .logo-google img {
  display: block;
  width: 100%;
  height: auto;
}
.card-review__footer .link-google {
  font-size: 0.875rem;
  text-decoration: none;
}