/*** Global Styles ***/


/*** Preload ***/


/*** Scroll ***/


/*** MENU ***/


/*** SLIDER ***/


/*** HOME ***/


/*** Animation monitor ***/


/*** Percentage ***/


/*** TEAM ***/


/*** PAGE ABOUT ***/


/*** PRICING TABLE ***/


/*** second price table ***/


/*** third price table ***/


/*** PAGE SERVICES ***/


/*** PAGE FAQ ***/


/*** PAGE BLOG ***/


/*** PAGE CONTACT ***/


/*** PAGE HOME 2 ***/


/*** PAGE HOME 3 ***/


/*** PAGE HOME 4 ***/


/*** PAGE HOME 5 ***/


/*** PAGE ABOUT 2 ***/


/*** PAGE ABOUT 3 ***/


/*** PAGE ABOUT 4 ***/


/*** PAGE MEET TEAM ***/


/*** PAGE SHOPPING GENERAL OBJECT ***/


/*** PAGE SHOPPING DRESSES ***/


/*** PAGE SINGLE PRODUCT ***/


/*** PAGE SINGLE PRODUCT DRESSES ***/


/*** PAGE CART PRODUCT ***/


/*** Footer Styles ***/


/*** Footer-2 ***/


/*** Footer-3 ***/


/*** Footer-4 ***/


/*** PAGE 404 NOT FOUND ***/


/* Global Styles */

@font-face {
    font-family: 'sfns_displayregular';
    src: url('./fonts/sfns-system-san-francisco-display.eot');
    src: url('./fonts/sfns-system-san-francisco-display.eot?#iefix') format('embedded-opentype'), url('./fonts/sfns-system-san-francisco-display.woff2') format('woff2'), url('./fonts/sfns-system-san-francisco-display.woff') format('woff'), url('./fonts/sfns-system-san-francisco-display.ttf') format('truetype'), url('./fonts/sfns-system-san-francisco-display.svg#sfns_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sf_ui_displaymedium';
    src: url('./fonts/sfuidisplay-medium.eot');
    src: url('./fonts/sfuidisplay-medium.eot?#iefix') format('embedded-opentype'), url('./fonts/sfuidisplay-medium.woff2') format('woff2'), url('./fonts/sfuidisplay-medium.woff') format('woff'), url('./fonts/sfuidisplay-medium.ttf') format('truetype'), url('./fonts/sfuidisplay-medium.svg#sf_ui_displaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    height: 100%;
    background: #fcfcfc;
}

html * {
    outline: 0 !important;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: "helvetica";
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #232323;
    letter-spacing: 0.04em;
    background-color: #FCFCFC;
}

h1 {
    font-family: "helvetica";
    font-weight: 700;
    font-size: 26px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

h2 {
    /*font-family: "helvetica";
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
	padding-bottom: 6px;
	margin-top: 0;*/
}

h2 span {
    padding: 3px 0px;
    color: #333;
}

img {
    max-width: 100%;
}

h3 {
    font-family: "helvetica";
    font-weight: 400;
}

h3,
.h3 {
    font-size: 20px;
}

h4 {
    font-family: "helvetica";
    font-weight: 700;
}

.btn {
    border-radius: 1px;
}

.wrapper {
    position: relative;
    width: 100%;
    height: auto;
}

.reveal-animation {
    top: 0;
    left: 0;
}


/*Scroll*/

.dropdown-prod-cart-scroll {
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
}

ul.scroll-menu {
    position: relative;
    display: inherit !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: auto;
    max-height: 500px;
    margin: 0;
    border-left: none;
    border-right: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

::-webkit-scrollbar {
    width: 12px;
}

@media screen and (max-width: 767px) {
    body {
        font-family: "helvetica";
    }
     ::-webkit-scrollbar {
        width: 0px;
    }
}


/* ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} */


/********/


/* General button style (reset) */

.btn {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    letter-spacing: 0.04em;
}

.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


/* Button 1e */

.btn-primary {
    overflow: hidden;
    z-index: 999;
}

.btn-primary:after {
    width: 100%;
    height: 48%;
    top: 50%;
    left: 50%;
    background: #16a7a7;
    /*#16a7a7;*/
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-primary:hover {
    background: #0dc1c1;
    border: 1px solid #09b1b9;
}

.btn-primary:hover:after {
    height: 400%;
    opacity: 1;
}


/********/

.sub-title {
    margin-bottom: 40px;
}

.section-title span {
    font-weight: 300;
    color: #0bb7b7;
}

a {
    color: #0bb7b7;
}

a:hover,
a:focus {
    color: #0bb7b7;
    text-decoration: underline;
}

p {
    color: #616161;
}

p.personal-phrase {
    margin-left: 20px;
    font-style: italic;
    color: #7e7e7e;
}

p.personal-phrase i.fa-quote-right {
    margin-left: 10px;
    color: #0bb7b7;
}

p.personal-phrase i.fa-quote-left {
    color: #0bb7b7;
    margin-right: 5px;
}

.dropdown {
    cursor: pointer;
}

.btn-primary {
    background: #0dc1c1;
    border: 1px solid #09b1b9;
    color: #fff!important;
    -webkit-box-shadow: inset 0 1px 0 #0fc8c8;
    -moz-box-shadow: inset 0 1px 0 #0fc8c8;
    box-shadow: inset 0 1px 0 #0fc8c8;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}


/*.btn-primary:hover {
    background: #16a7a7;  
    border: 1px solid #09b1b9; 
}*/

.btn-lg,
.btn-group-lg>.btn {
    border-radius: 0px;
}


/****************  MENU    ************/

.navbar-brand {
    font-weight: 700;
    padding: 1px 15px;
}

.navbar-inverse {
    background-image: none;
    background-color: #fff;
    height: 70px;
    border-bottom: 3px solid #0dc1c1;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .2);
    float: left;
    background-image: linear-gradient(to right, #418fde, #1c73cb 96%) !important;
    height: 90px !important;
}

.navbar-inverse .navbar-nav>li>a {
    color: #212121;
    text-shadow: 0 0 0 #333;
    /*text-transform: uppercase;*/
    /*letter-spacing: 1px;*/
    font-weight: 300;
    font-family: sans-serif;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #0dc1c1;
}

.navbar-header {
    margin-top: 9px;
}

.navbar-collapse {
    position: relative;
    margin-top: 10px;
}

ul.menu-items li.menu-item {
    /*display: inline-block;
	border-right: 1px solid #ccc;
	padding: 0px 20px 20px 20px;
	min-width: 200px;*/
    /*  optional borrar */
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    margin: 0px 0px 1px 10px;
    /*  optional aparecer */
    ;
}

ul.menu-items li.menu-item:last-child {
    border-right: 0px solid #ccc;
    /*margin-top: 30px;*/
}

.navbar-nav>li>.dropdown-menu {
    padding: 0;
    /*margin-top: 10px;*/
    border-radius: 0px;
    /*border-top: blue 1px solid;*/
    max-height: 35rem;
}

.dropdown-menu li a {
    /*font-size : 12px;*/
    font-size: 11px;
}

.navbar-nav .vertical-li {
    right: -40px;
}

.vertical-li li {
    border-bottom: 1px solid #ddd;
    padding: 7px 0;
}

.vertical-li li:last-child {
    border-bottom: 0px solid #ddd;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-image: none;
    background-color: #fff;
}

.megamenu {
    width: 100%;
    left: 0;
    right: 0;
    padding-bottom: 0px;
}

.mega-sub-menu {
    padding-left: 1px;
}

.mega-sub-menu li {
    list-style-type: none;
    font-size: 11px;
    /*margin-bottom: 10px;*/
    font-family: "sfns_displayregular";
    line-height: 16px;
}

.mega-sub-menu li a {
    color: #31333e;
    text-decoration: none;
}

.angula-megamenu-title {
    margin-bottom: 20px;
    /*text-transform: uppercase;*/
    margin-top: 30px;
    /*font-size: 12px;*/
    font-size: 13px;
    font-weight: 700;
    white-space: normal;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    color: white !important;
    background-color: #418FDE;
    font-weight: bold !important;
    background-image: none;
    box-shadow: none;
}

.mega-sub-menu li i {
    color: #0dc1c1;
    margin-right: 8px;
}

.menu-large {
    position: static !important;
}

.menu-adwertising .discount {
    position: absolute;
    z-index: 9999;
}

.menu-adwertising {
    cursor: default;
}

.menu-text-monitor {
    position: relative;
}

.menu-text-monitor i {
    font-size: 16px;
    margin-right: 5px;
    color: #0bb7b7;
}

.menu-text-monitor p:first-child {
    font-size: 16px;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
    color: #111;
}

.menu-text-monitor p {
    font-size: 13px;
    font-weight: 400;
}

.hero-image {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
}

.hero-imacretina-1 {
    background-repeat: no-repeat;
    background-size: 200px 142px;
    background-image: url("../img/monitor1.jpg");
    -webkit-animation: hero-imacretina-1-anim 15s 0s ease-in-out forwards infinite;
    animation: hero-imacretina-1-anim 15s 0s ease-in-out forwards infinite;
    opacity: 1;
    width: 200px;
    height: 142px;
    margin-left: 30px;
    margin-top: 30px;
}

.hero-imacretina-2 {
    background-repeat: no-repeat;
    background-size: 200px 142px;
    background-image: url("../img/monitor2.jpg");
    -webkit-animation: hero-imacretina-2-anim 15s 0s ease-in-out forwards infinite;
    animation: hero-imacretina-2-anim 15s 0s ease-in-out forwards infinite;
    width: 200px;
    height: 142px;
    margin-left: 30px;
    margin-top: 30px;
}

.hero-imacretina-3 {
    background-repeat: no-repeat;
    background-size: 200px 142px;
    background-image: url("../img/monitor3.jpg");
    -webkit-animation: hero-imacretina-3-anim 15s 0s ease-in-out forwards infinite;
    animation: hero-imacretina-3-anim 15s 0s ease-in-out forwards infinite;
    width: 200px;
    height: 142px;
    margin-left: 30px;
    margin-top: 30px;
}

@-webkit-keyframes hero-imacretina-1-anim {
    0%,
    30%,
    96%,
    100% {
        opacity: 1;
    }
    34%,
    92% {
        opacity: 0;
    }
}

@keyframes hero-imacretina-1-anim {
    0%,
    30%,
    96%,
    100% {
        opacity: 1;
    }
    34%,
    92% {
        opacity: 0;
    }
}

@-webkit-keyframes hero-imacretina-2-anim {
    0%,
    28%,
    64%,
    100% {
        opacity: 0;
    }
    32%,
    62% {
        opacity: 1;
    }
}

@keyframes hero-imacretina-2-anim {
    0%,
    28%,
    64%,
    100% {
        opacity: 0;
    }
    32%,
    62% {
        opacity: 1;
    }
}

@-webkit-keyframes hero-imacretina-3-anim {
    0%,
    60%,
    98%,
    100% {
        opacity: 0;
    }
    64%,
    94% {
        opacity: 1;
    }
}

@keyframes hero-imacretina-3-anim {
    0%,
    60%,
    98%,
    100% {
        opacity: 0;
    }
    64%,
    94% {
        opacity: 1;
    }
}


/****************  MENU 2   ************/

#menu2.navbar-inverse {
    background-image: none;
    background-color: #fff;
    height: 70px;
    border-bottom: 0px solid #11c1c1;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .2);
    float: left;
}

#menu2 .navbar-nav>li>.dropdown-menu {
    padding: 0;
    margin-top: 7px;
    border-radius: 0px;
    border-top: 3px solid #11c1c1;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    background: #1d2026;
}

#menu2 .vertical-li li {
    background: #1d2026;
    border-bottom: 1px solid #262c33;
}

#menu2 .vertical-li li:hover {
    background: #262a30;
}

#menu2 .vertical-li li:hover a {
    color: #11c1c1;
}

#menu2 .dropdown-menu>li>a {
    color: #b7bdc2;
}

#menu2 ul.menu-items li.menu-item {
    border-right: 1px solid #262a30;
}

#menu2 .dropdown-menu>li>a:hover,
#menu2 .dropdown-menu>li>a:focus {}

#menu2 .dropdown-menu li a:hover {
    background-color: transparent;
}

#menu2 .mega-sub-menu li a {
    color: #b7bdc2;
}

#menu2 .angula-megamenu-title {
    color: #fff;
}

#menu2 .mega-sub-menu {
    padding-left: 0px;
}

#menu2 .mega-sub-menu li {
    margin-bottom: 0px;
    padding: 7px 0 7px 5px;
}

#menu2 .mega-sub-menu li:hover {
    background: #262a30;
}

#menu2 .menu-text-monitor p:first-child {
    color: #fff;
}

#menu2 .menu-text-monitor p {
    color: #fff;
}

#menu2 .mega-sub-menu li:hover a {
    color: #11c1c1;
}

#menu2 .hero-imacretina-1 {
    background-image: url("../img/monitor1.png");
}

#menu2 .hero-imacretina-2 {
    background-image: url("../img/monitor2.png");
}

#menu2 .hero-imacretina-3 {
    background-image: url("../img/monitor3.png");
}


/*Cart*/

.content-count-cart-header {
    /* float: right; */
    position: relative;
    z-index: 99999;
    padding-left: 15px;
    padding-right: 10px;
}

.content-count-cart-header i {
    color: #21252b;
    padding: 5px;
    font-size: 16px;
    border-radius: 100px;
    margin: 20px 12px 0 20px;
}

.content-count-cart-header a {
    color: #000;
    font-size: 14px;
    padding: 12px 12px 12px 0;
    position: relative;
    width: 75px;
}

.number-prod-cart {
    position: absolute;
    margin-top: -35px;
    margin-left: 40px;
    background: #0bb7b7;
    border-radius: 100%;
    padding: 2px 9px;
    color: #fff;
    font-size: 13px;
}


/** Header Cart **/

.dropdown-menu.dropdown-prod-cart {
    border-radius: 5px;
    padding: 7px 15px;
    width: 280px;
    left: -207px;
    margin-top: 15px;
    /*border: 1px solid #000;*/
}

.dropdown-prod-cart ul {
    padding: 0;
    font-size: 12px;
}

.dropdown-prod-cart li {
    list-style-type: none;
    border-bottom: 0px solid #ddd;
    cursor: default;
}

.dropdown-prod-cart li p {
    margin: 10px 0 0 0;
    color: #333;
}

.minitotal-prod {
    padding: 0;
}

.mc-name {
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #cdcdcd;
}

.minicart-img {
    padding: 0;
}

.minicart-data {
    padding-left: auto;
    padding-right: 0;
}

.separator {
    clear: both;
    width: 100%;
    border-top: 5px solid #ececec;
    margin: 10px 0;
    height: 1px;
    overflow: hidden;
}

#cartInfo {
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 1.1em;
    margin-bottom: 10px;
}

.minucart-price {
    font-size: 13px;
    font-weight: 700;
    color: #333;
}

#goToCheckOut :hover {
    background-color: #999999;
}

#goToCheckOut {
    background-color: #418FDE;
    color: #ffffff;
    clear: both;
    display: block;
    width: 100%;
    padding: 7px 0;
    font-size: 13px;
    text-align: center;
    /*letter-spacing: 0.12em;*/
    border-radius: 30px;
    margin-bottom: 10px;
}

#goToCheckOut:hover {
    text-decoration: none;
}


/****************  PORFOLIO    ************/

.img-home-portfolio,
.img-customer,
.portfolio-item {
    margin-bottom: 30px;
}

.overlay {
    display: block;
    position: absolute;
    z-index: 20;
    background: rgba(13, 193, 193, 0.6);
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.img-prt .img {
    position: relative;
    width: 100%;
}

.effect-5 .img img {
    display: block;
    max-width: 100%;
    height: auto;
}

a.close-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    width: 45px;
    height: 45px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 45px;
    text-align: center;
    background-color: #000;
    cursor: pointer;
}

a.close-overlay.hidden {
    display: none;
}

.effect-5 a.expand {
    display: block;
    position: absolute;
    z-index: 100;
    width: 60px;
    height: 60px;
    border: solid 5px #fff;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 50px;
    font-weight: 700;
    font-size: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.effect-5 .overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    margin: 10px;
}

.effect-5 .overlay a.expand {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.effect-5 .img-prt.hover .overlay {
    opacity: 1;
}

.effect-5 .img-prt.hover .overlay a.expand {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.tab-pane {
    margin-top: 15px;
}


/**** SLIDER ******/

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'codropsicons';
    src: url('fonts/codropsicons/codropsicons.eot');
    src: url('fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), url('fonts/codropsicons/codropsicons.woff') format('woff'), url('fonts/codropsicons/codropsicons.ttf') format('truetype'), url('fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}


/* Header */

.codrops-header {
    z-index: 1000;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    max-width: 600px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.md-button.md-default-theme {
    border-radius: 100%;
}

.codrops-header h1 {
    margin: 0;
    font-weight: 200;
    font-size: 40px;
    line-height: 1;
}

.codrops-header h1 span {
    display: block;
    padding: 20px 0;
    font-size: 18px;
    line-height: 22px;
    opacity: 1;
    font-weight: 400;
}


/* To Navigation Style */

.codrops-top {
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.69em;
    line-height: 2.2;
    position: relative;
    z-index: 2000;
}

.codrops-top a {
    display: inline-block;
    padding: 0.3em 0.7em;
    text-decoration: none;
    letter-spacing: 1px;
    margin: 5px;
    width: 165px;
    color: #212121;
}

.codrops-top span.right {
    float: right;
}

.codrops-top span.right a {
    display: block;
    float: left;
}

.codrops-icon:before {
    margin: 0 4px;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'codropsicons';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
    content: "\e001";
}

.codrops-icon-prev:before {
    content: "\e004";
}


/* Demo Buttons Style */

.codrops-demos {
    padding-top: 2em;
    font-size: 0.8em;
}

.codrops-demos.home3 {
    padding-bottom: 5px;
}

.codrops-demos a {
    display: inline-block;
    margin: 0.8em;
    padding: 51px 28px;
    outline: none;
    border: 1px solid #ccc;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #212121;
    background: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    border-radius: 100%;
    box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.codrops-demos a:nth-child(2) {
    padding: 51px 33px;
}

.codrops-demos a:nth-child(3) {
    padding: 51px 45px;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
    color: #212121;
    border-color: rgba(12, 199, 199, 0.3);
    box-shadow: inset 0 0 0 7px rgba(12, 199, 199, 0.3);
}

.buttondemoBasicUsage {
    /** From vulcanized demo **/
}

.buttondemoBasicUsage section {
    background: #f7f7f7;
    border-radius: 3px;
    text-align: center;
    margin: 1em;
    position: relative !important;
    padding-bottom: 10px;
}

.buttondemoBasicUsage md-content {
    margin-right: 7px;
}

.buttondemoBasicUsage section .md-button:not(.md-fab) {
    min-width: 10em;
}

.buttondemoBasicUsage section .md-button {
    display: block;
    margin: 1em;
    line-height: 25px;
}

@media screen and (max-width: 25em) {
    .codrops-icon span {
        display: none;
    }
}


/*img{
  margin:auto;
  width: 100%;
}*/

#slides_control {
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -200px;
}

.slide-txt {
    font-family: 'Open sans', sans-serif;
    font-weight: 700;
    font-size: 130px;
    color: #ccc;
}

.second-tt {
    margin-top: 120px;
}

.carousel-caption {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    top: 30%;
}

.carousel-caption.caption-cc-0 p.slide-txt,
.carousel-caption.caption-cc-2 p.slide-txt {
    color: #ccc;
}

.carousel-caption.caption-cc-2 {
    top: 15%;
}

.arrow {
    position: absolute;
    z-index: 1002;
    display: block;
    top: 50%;
    margin-top: -35px;
    width: 36px;
    height: 71px;
    outline: none;
    cursor: pointer;
    background: no-repeat;
}

.arrow.prev {
    opacity: 0.2;
    left: 20px;
    background-image: url(../img/paddle_prev_999.png);
    transition: 0.2s linear all;
}

.arrow.next {
    opacity: 0.2;
    right: 20px;
    background-image: url(../img/paddle_next_999.png);
    transition: 0.2s linear all;
}

.arrow.prev:hover {
    opacity: 1;
    background-image: url(../img/paddle_prev_fff.png);
}

.arrow.next:hover {
    opacity: 1;
    background-image: url(../img/paddle_next_fff.png);
}


/************************* HOME *******************/

.home {
    background-image: url(../img/sos.png);
    background-repeat: repeat !important;
    width: 100%;
}

.home-info-desc {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    margin: 5px 0 0 5px;
    width: 32.8%;
    padding: 20px 15px 25px 15px;
}

.banner-info .icn-con {
    margin-top: 20px;
    width: 14%;
    font-size: 30px;
    color: #0dc1c1;
}

h2.home-middle-parallax {
    border-bottom: 0px;
}

.banner-info h3 {
    font-size: 20px;
    font-weight: 400;
}


/* Page Sections */

.section,
.section-colored {
    padding: 80px 0;
}

.section-colored hr {
    width: 100px;
    height: 1px;
    background-color: #0dc1c1;
    border-color: #0dc1c1;
}

.section-ground {
    background-image: url(../img/hexagon.png);
    background-repeat: repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.section-colored {
    background-color: #21252b;
    position: relative;
    color: #fff;
    /* change this to change the background color of a colored section */
}

.section-colored p {
    font-weight: 400;
    color: #ccc;
}

.sidebar {
    margin-top: 40px;
}

.sidebar ul {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #cccccc;
}

ul.list-desc {
    list-style-type: none;
    padding-left: 0px;
}

ul.list-desc li {
    line-height: 20px;
    padding: 5px 0;
    background: #f9f9f9;
    border: 1px solid #eee;
    margin-bottom: 2px;
}

ul.list-desc li i {
    color: #0dc1c1;
    margin-left: 10px;
    margin-right: 10px;
}

.section-images {
    padding-top: 80px;
}

#soundcloud_widget {
    margin-top: 20px;
    border: 0px;
    width: 100%;
    height: 120px;
}


/*****   CLIENTS    *****/

ul.clients {
    list-style-type: none;
    display: inline-block;
    margin-top: 0;
}

ul.clients li {
    margin-right: 10px;
    display: inline-block;
    width: 18%;
}

ul.clients li img {
    width: 100%;
}

.tooltip-inner {
    max-width: 200px;
    padding: 10px 14px;
    color: #eee;
    text-align: center;
    text-decoration: none;
    background-color: #212121;
    border-radius: 3px;
    font-family: 'Open sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #212121;
}

.img-shadow img {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    border-radius: 2px;
}

.parallax .container {
    position: relative;
    height: 100%;
}

.parallax {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    background-position: 50% 134px;
    background-position: 0 0 !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    padding: 80px 0;
}

.black-shadow {
    background: rgba(30, 35, 41, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#clients .section-title {
    color: #fff;
    margin-top: 0px;
}

#clients .sub-title {
    color: #fff;
}


/**** Animation monitor *****/

.animation {
    display: inline-block;
    position: relative;
    width: 460px;
    height: 340px;
    margin: 0 auto;
    vertical-align: middle;
}

.animation .device {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    background: #111;
    -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.animation .device .phone-home-button,
.animation .device .tablet-home-button {
    position: absolute;
    border-radius: 50%;
    background: #444;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.animation .device .phone-home-button {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    right: 11px;
    top: 50%;
}

.animation .device .tablet-home-button {
    width: 12px;
    height: 12px;
    margin-left: -6px;
    bottom: 7px;
    left: 50%;
}

.animation .device .screen-stand {
    position: absolute;
    width: 100%;
    margin-left: -10px;
    margin-top: -1px;
    top: 60%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.animation .device .screen-stand .leg {
    position: absolute;
    width: 12px;
    height: 16px;
    left: 50%;
    top: 0;
    margin-left: -6px;
    background: #111;
}

.animation .device .screen-stand .foot {
    position: absolute;
    width: 120px;
    height: 4px;
    left: 50%;
    top: 15px;
    margin-left: -60px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #111;
}

.animation .device .display {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #34495e;
    z-index: 3;
}

.animation .device .display div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%;
    white-space: nowrap;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.animation .device .display div div {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -14px;
    font-size: 1.1em;
    text-align: center;
    color: #fff;
}

.animation .device .display div div em {
    font-weight: bold;
}

.animation .device .display .slide1 {
    background: #34495e;
}

.animation .device .display .slide2 {
    background: #16a085;
}

.animation .device .display .slide3 {
    background: #3498db;
}

.animation[data-animation-step="1"] .device {
    width: 70%;
    height: 60%;
    padding: 10px;
    border-radius: 4px;
}

.animation[data-animation-step="1"] .device .slide1 {
    left: 0%;
}

.animation[data-animation-step="1"] .device .screen-stand {
    opacity: 1;
    top: 100%;
}

.animation[data-animation-step="2"] .device {
    width: 45%;
    height: 72%;
    padding: 24px;
    border-radius: 10px;
}

.animation[data-animation-step="2"] .device .slide1 {
    left: -100%;
}

.animation[data-animation-step="2"] .device .slide2 {
    left: 0%;
}

.animation[data-animation-step="2"] .device .tablet-home-button {
    opacity: 1;
}

.animation[data-animation-step="3"] .device {
    width: 54%;
    height: 38%;
    padding: 10px 36px;
    border-radius: 6px;
}

.animation[data-animation-step="3"] .device .slide1,
.animation[data-animation-step="3"] .device .slide2 {
    left: -100%;
}

.animation[data-animation-step="3"] .device .slide3 {
    left: 0%;
}

.animation[data-animation-step="3"] .device .phone-home-button {
    opacity: 1;
}


/***Percentage***/

.skillbar {
    position: relative;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    background: #eee;
    height: 35px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
}

.skillbar-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    background: #6adcfa;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.skillbar-title span {
    display: block;
    background: rgba(0, 0, 0, 0.1);
    padding: 0 20px;
    font-weight: 300;
    height: 35px;
    line-height: 35px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.skillbar-bar {
    height: 35px;
    width: 0px;
    background: #6adcfa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.skill-bar-percent {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    color: rgba(0, 0, 0, 0.4);
}

.digital-photo {
    width: 80%;
}

.fill {
    width: 100%;
    height: 700px;
    background-position: top center;
    background-size: cover;
}


/******INFO COMPANY ****/

#infoCompany.section {
    padding: 80px 0 0 0;
}


/***** TEAM *****/

.team-img {
    width: 100%;
    float: left;
    border: 15px solid #eee;
}

.team-img img {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.team p {
    font-weight: 700;
    margin-top: 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #212121;
    float: left;
}


/*-----------------*/


/***** Hera *****/


/*-----------------*/

figure.effect-hera {
    background: #000;
}

figure.effect-hera:hover img {
    opacity: 0.3;
}

figure.effect-hera h2 {
    font-size: 158.75%;
}

figure.effect-hera h2,
figure.effect-hera p {
    position: absolute;
    top: 34%;
    left: 50%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
}

figure.effect-hera figcaption::before {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 130px;
    height: 130px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
}

figure.effect-hera p {
    width: 100px;
    text-transform: none;
    font-size: 121%;
    line-height: 2;
}

figure.effect-hera p a {
    color: #fff;
    margin-right: 5px;
    float: left;
}

figure.effect-hera p a:last-child {
    margin-right: 0px;
}

figure.effect-hera p a:hover,
figure.effect-hera p a:focus {
    opacity: 0.6;
}

figure.effect-hera p a i {
    opacity: 0;
    border-radius: 100%;
    padding: 6px 7px;
    background: rgba(255, 255, 255, 0.7);
    color: #333;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-hera p a i.fa-facebook,
figure.effect-hera p a i.fa-google {
    padding: 6px 9px;
}

figure.effect-hera p a:first-child i {
    -webkit-transform: translate3d(-60px, -60px, 0);
    transform: translate3d(-60px, -60px, 0);
}

figure.effect-hera p a:nth-child(2) i {
    -webkit-transform: translate3d(60px, -60px, 0);
    transform: translate3d(60px, -60px, 0);
}

figure.effect-hera p a:nth-child(3) i {
    -webkit-transform: translate3d(-60px, 60px, 0);
    transform: translate3d(-60px, 60px, 0);
}

figure.effect-hera p a:nth-child(4) i {
    -webkit-transform: translate3d(60px, 60px, 0);
    transform: translate3d(60px, 60px, 0);
}

figure.effect-hera:hover figcaption::before {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
}

figure.effect-hera:hover h2 {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}

figure.effect-hera:hover p i:empty {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /* just because it's stronger than nth-child */
    opacity: 1;
}


/* Social Icons Material Design */

.md-fab i {
    color: #fff;
    padding: 0px;
    text-align: center;
}

.md-button.md-default-theme.md-raised,
.md-button.md-default-theme.md-fab {
    background-color: #0bb7b7;
}

.md-button.md-fab {
    width: 36px;
    height: 36px;
}

.md-button.md-default-theme.md-fab:not([disabled]):hover {
    background-color: #0bb7b7;
}

md-tooltip {
    font-size: 13px;
    font-family: 'Open sans', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    border-radius: 2px;
    left: -17px !important;
}

.twitter-link md-tooltip {
    left: -8px !important;
}

md-content {
    width: 40px;
    height: 90px;
    padding: 3px 0 0 0;
    text-align: center;
    border: 0px solid #333;
    z-index: 90;
    position: static;
    margin: 0 auto;
}

.md-button.md-fab,
.md-button.md-raised:not([disabled]),
.md-shadow-bottom-z-1 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .26);
}

md-tooltip.md-show {
    transition: all 0.4s cubic-bezier(0.25, 1, 0.25, 1);
    pointer-events: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


/* Social Icons Styles */

.about2-team .list-inline>li.tooltip-social {
    position: relative;
    padding-right: 0;
    padding-left: 6px;
}

.list-social-icons {
    margin-bottom: 45px;
    margin-top: 20px;
}

.tooltip-social a {
    text-decoration: none;
    border-radius: 2px;
    color: #fff;
    padding: 5px 0;
}

.tooltip-social a i {
    background: #0bb7b7;
    padding: 8px 9px;
}

.tooltip-social a i.fa-facebook {
    padding: 8px 11px;
}

.facebook-link a i.fa-facebook:hover {
    background: #3b5998;
}

.linkedin-link a i.fa-linkedin:hover {
    background: #007fb1;
}

.twitter-link a i.fa-twitter:hover {
    background: #39a9e0;
}

.google-plus-link a i.fa-google-plus:hover {
    background: #d14836;
}


/* Service Page Styles */

.service-icon {
    font-size: 50px;
}


/* 404 Page Styles */

.error-404 {
    font-size: 8em;
}


/* Pricing Page Styles */

.price {
    font-size: 4em;
}

.price-cents {
    vertical-align: super;
    font-size: 50%;
}

.price-month {
    font-size: 35%;
    font-style: italic;
}

.top-well {
    background-image: url(../img/pw_maze_black.png);
    background-repeat: repeat !important;
    width: 100%;
    margin-bottom: 0px;
    padding: 50px 0px 50px 0px;
    margin-bottom: 0px;
    color: #fff;
}

.well {
    margin-bottom: 0px;
    padding: 100px 0px 90px 0px;
    margin-bottom: 0px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border: 0px;
    border-bottom: 0px solid #333;
    border-radius: 1px;
}

.effect-cover {
    background-image: url(../img/hoffman.png);
    background-repeat: repeat !important;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.3;
}

.city-bg {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    width: 100%;
    position: relative;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.city-bg p {
    color: rgba(255, 255, 255, 0.9);
}

.city-bg h4 {
    margin-top: 0px;
}


/********************************************************************************************
 PAGE ABOUT                                                                                                 
*********************************************************************************************/

.about-top-img {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 450px;
    position: relative;
}

.about-content-icon span {
    color: #fff;
    text-align: center;
    font-size: 40px;
    padding: 30px 26px;
    background: #0bb7b7;
    border-radius: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.color-txt {
    color: #0bb7b7;
}

.about-content-icon {
    width: 100%;
    text-align: center;
    margin-top: 120px;
}

.about-top-title {
    text-align: center;
    font-family: 'Open sans', sans-serif;
    font-weight: 400;
    font-size: 32px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 60px;
}

h2.t-title-office {
    margin-top: 0;
}

.effect-over {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.breadcrumb-color {
    background-color: #f5f5f5;
    padding: 17px 0px;
    margin-bottom: 80px;
    border-bottom: 1px solid #e6eaea;
}

.breadcrumb {
    border-radius: 2px;
    padding: 0;
    margin-bottom: 0;
    text-align: left;
}

.breadcrumb ol {
    margin-bottom: 0;
}

.breadcrumb>li {
    font-size: 13px;
    font-weight: 600;
}

.about-generic h3 {
    text-transform: uppercase;
}

.about-generic .job-title {
    margin: 10px;
    position: absolute;
    top: 0;
    background: #0bb7b7;
    padding: 5px 10px;
    color: #fff;
}

.about-generic .job-desc {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 20px;
}

.about-generic.horizontal h3 {
    margin-top: 0px;
}


/********************************************************************************************
 PRICING TABLE                                                                                                 
*********************************************************************************************/

.panel-body {
    background: #262c32!important;
    border-color: #32383f!important;
    color: #fff;
    padding: 25px 25px 25px 25px;
}

.panel-default>.panel-heading {
    background: #32383f;
    color: #fff;
    border-bottom: 0px;
}

.pi-italic {
    font-style: italic;
    color: #ccc;
    padding: 15px 5px 0 5px;
}

.list-group-item {
    padding: 15px 15px;
}

.panel-select {
    background: #0bb7b7!important;
}

.panel-heading-select {
    background: #09a8a8!important;
}

.panel-select p {
    color: #fff;
}

.panel-selected {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
}


/*** second price table ***/

.second-price {
    margin-top: 100px;
}

.second-price .panel-default>.panel-heading {
    border-radius: 1px;
    padding: 16px 15px;
}

.second-price .panel>.list-group .list-group-item {
    background: #32383f;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-weight: 300;
}


/*** third price table ***/

.third-price .panel {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.third-price {
    margin-top: 100px;
}

.third-price .panel-default>.panel-heading {
    border-radius: 1px;
    padding: 16px 15px;
    background: #fff;
    color: #32383f;
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase;
}

.third-price .panel>.list-group .list-group-item {
    background: #fff;
    color: #32383f;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: 400;
}

.third-price .pi-italic {
    color: #333;
}

.third-price .panel-body {
    background: #fff !important;
    color: #0bb7b7;
}

.third-price .panel-body p {
    font-size: 13px;
}

.third-price .panel-title {
    border-radius: 100%;
    border: 3px solid #0bb7b7;
    padding: 32px 0;
    width: 45%;
    text-align: center;
    margin: 0 auto;
}

.third-price .panel-title {
    font-size: 32px;
}


/********************************************************************************************
 PAGE SERVICES                                                                                                 
*********************************************************************************************/

.services-top-img {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 450px;
    position: relative;
}

.services-top-img .effect-over {
    background: rgba(0, 0, 0, 0.3);
}

.last-inf-dt {
    margin-bottom: 80px;
}

.info-tabs {
    padding: 30px;
}

.tab-content>.tab-pane {
    margin: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.services-tabs {
    margin-top: 80px;
}

.page-header {
    margin: 80px 0 20px;
}

.tabs-nm {
    font-size: 16px;
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border-top: 3px solid #0bb7b7;
    color: #212121;
}

.nav-tabs.nav-justified>li>a {
    color: #636363;
}

.servtabs-img {
    float: left;
    margin-right: 20px;
    position: relative;
}

.servtabs-txt h3 {
    margin-top: 0;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
}

.clearfix:after {
    content: "";
    clear: both;
    display: table;
}

.img-people-s {
    margin: 0 auto 0px auto;
}


/*top box*/

.services-box {
    MARGIN-TOP: 80px;
}

.services-box .img {
    width: 45%;
    padding: 0;
    margin: 0px;
    float: left;
}

.services-box .text {
    position: relative;
    width: 55%;
    padding: 40px;
    margin: 0 0 0 0;
    float: left;
    background-color: #262c32;
    z-index: 15;
    min-height: 250px;
    transition: all 0.3s ease-out 0s;
}

.services-box h4.white {
    color: #fff;
    text-transform: uppercase;
}

.services-box p {
    color: #fff;
}

.services-box .text .line {
    width: 100%;
    height: 1px;
    padding: 0;
    margin: 0 0 20px 0;
    float: left;
    background-color: #fff;
}

.services-box.active .text {
    background-color: #0dd3d3;
}

.services-box:hover .text .line,
.services-box.active .text .line {
    background-color: #fff;
}

.services-box-black {
    background: #262c32;
    color: #fff;
    float: left;
    padding: 20px;
}

.services-box-black p {
    color: #f6f6f6;
    margin-bottom: 30px;
}

.services-box-black h3 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}


/********************************************************************************************
 PAGE FAQ                                                                                                
*********************************************************************************************/

.faq-top-img {
    background-color: #111;
    width: 100%;
    height: 450px;
    position: relative;
}

.effect-over-hand {
    background-image: url(../img/texture/swirl_pattern.png);
    background-repeat: repeat !important;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.3;
}

.faq-top-img h1 {
    font-size: 66px;
    text-align: center;
    margin-top: 20%;
    color: #fff;
}

.faq-title {
    margin-bottom: 60px;
    font-weight: 300;
    text-transform: none;
    line-height: 35px;
}

.faq-accordion .panel-default>.panel-heading {
    background: #333;
    color: #fff;
    padding: 15px 15px;
    border-radius: 1px;
}

.faq-accordion .panel-body {
    background: #fff!important;
    color: #32383f;
    border-color: #fff!important;
}

.panel-heading a i.pull-right {
    background: #0bb7b7;
    border: 1px solid #09b1b9;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 7px 7px 5px 7px;
    margin-right: 15px;
    margin-top: -4px;
    font-size: 11px;
    float: left !important;
    -webkit-box-shadow: inset 0 1px 0 #0fc8c8;
    -moz-box-shadow: inset 0 1px 0 #0fc8c8;
    box-shadow: inset 0 1px 0 #0fc8c8;
}

.faq-accordion h4 {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.faq-accordion h4 a {
    text-decoration: none;
    border: 0px;
    text-transform: uppercase;
    font-size: 13px;
}


/********************************************************************************************
    PAGE BLOG                                                                                                 
*********************************************************************************************/

.blog-top-img {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 450px;
    position: relative;
}

.blog-date {
    font-size: 11px;
}

.blog-ico span {
    font-size: 30px;
}

.blog-row-prod:first-child {
    padding: 0px 0 80px 0;
}

.blog-row-prod {
    padding: 80px 0;
}

.blog-info-prod {
    /*box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    background: #f4f4f4;*/
    padding: 30px 20px;
}

.blog-info-prod h3 {
    margin-top: 0;
    padding: 0 0 0px 0;
    margin-bottom: 3px;
}

.blog-info-prod h3 a {
    color: #7a7a7a;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
}

.blog-desc-prod {
    padding: 10px 0;
}

.blog-author {
    font-style: italic;
    opacity: 0.6;
}

.blog-info-prod:hover .blog-author {
    opacity: 1;
}


/********************************************************************************************
    PAGE BLOG POST                                                                                              
*********************************************************************************************/

.blog-post-right-col .well {
    background-image: none;
    margin-bottom: 40px;
    border-radius: 2px;
}

.blog-post-right-col .well h4 {
    text-transform: uppercase;
}


/********************************************************************************************
    PAGE CONTACT                                                                                                 
*********************************************************************************************/

.breadcrumb-contact {
    margin-top: -6px;
}

.form-control {
    background: #f2f2f2;
    border-color: #dde1e1;
    padding: 8px 11px 9px;
    height: 44px;
    color: #333;
    font-size: 13px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .055);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .055);
}

#contact-form {
    margin-top: 40px;
}

#contact-form label {
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
}

input::-webkit-input-placeholder {
    color: #dddddd;
}

input:-moz-placeholder {
    color: #dddddd;
}

input::-moz-placeholder {
    color: #dddddd;
}

input:-ms-input-placeholder {
    color: #dddddd;
}

.contact-sub-txt {
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    line-height: 24px;
}

.form-group {
    margin-bottom: 30px;
}

.form-control {
    border-radius: 1px;
}

.contact-title {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.contact-details p {
    margin-bottom: 20px;
}

.bt-contact-submit {
    padding: 10px 25px
}

#contact-form .success {
    display: none;
}

#contact-form .error {
    display: none;
}


/********************************************************************************************
    PAGE HOME 2                                                                                                 
*********************************************************************************************/

#clients-home2 .section-title {
    color: #fff;
    margin-top: 0px;
}

#clients-home2 .sub-title {
    color: #fff;
}

#clients-home2 .team-img {
    width: 100%;
    float: left;
    border: 15px solid rgba(255, 255, 255, 0.2);
    margin-top: 20px;
}

#clients-home2 .team p {
    font-weight: 700;
    margin-top: 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
}

#clients-home2 .team p.sub-title {
    margin-top: 0px;
    font-weight: 400;
    text-transform: none;
    font-size: 13px;
}

.banner-info-home2 .number {
    font-size: 32px;
}

.home2-sub-txt {
    color: #ccc;
}


/*Effect Hover Clients*/

.view {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.view .mask,
.view .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view img {
    display: block;
    position: relative;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0;
}

.view p {
    font-size: 13px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center;
    font-weight: 400;
}

.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
}

.view a.info:hover {
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}

.view-second img {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.view .tooltip-social a i.fa-facebook {
    padding: 8px 11px;
}

.view-second .mask {
    background-color: rgba(0, 0, 0, 0.7);
    width: 285px;
    padding: 60px;
    height: 390px;
    /* -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    filter: alpha(opacity=0);
    opacity: 1;
    -webkit-transform: translate(265px, 150px) rotate(45deg);
    -moz-transform: translate(265px, 150px) rotate(45deg);
    -o-transform: translate(265px, 150px) rotate(45deg);
    -ms-transform: translate(265px, 145px) rotate(45deg);
    transform: translate(265px, 145px) rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-second h2 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    -webkit-transform: translate(200px, -200px);
    -moz-transform: translate(200px, -200px);
    -o-transform: translate(200px, -200px);
    -ms-transform: translate(200px, -200px);
    transform: translate(200px, -200px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-second ul {
    -webkit-transform: translate(200px, -200px);
    -moz-transform: translate(200px, -200px);
    -o-transform: translate(200px, -200px);
    -ms-transform: translate(200px, -200px);
    transform: translate(200px, -200px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-second ul li i {
    border-radius: 100%;
}

.view-second p {
    -webkit-transform: translate(-200px, 200px);
    -moz-transform: translate(-200px, 200px);
    -o-transform: translate(-200px, 200px);
    -ms-transform: translate(-200px, 200px);
    transform: translate(-200px, 200px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-second a.info {
    -webkit-transform: translate(0px, 100px);
    -moz-transform: translate(0px, 100px);
    -o-transform: translate(0px, 100px);
    -ms-transform: translate(0px, 100px);
    transform: translate(0px, 100px);
    -webkit-transition: all 0.2s 0.1s ease-in-out;
    -moz-transition: all 0.2s 0.1s ease-in-out;
    -o-transition: all 0.2s 0.1s ease-in-out;
    -ms-transition: all 0.2s 0.1s ease-in-out;
    transition: all 0.2s 0.1s ease-in-out;
}

.view-second:hover .mask {
    /* -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate(-60px, -62px) rotate(45deg);
    -moz-transform: translate(-60px, -62px) rotate(45deg);
    -o-transform: translate(-60px, -62px) rotate(45deg);
    -ms-transform: translate(-60px, -62px) rotate(45deg);
    transform: translate(-60px, -62px) rotate(45deg);
}

.view-second:hover ul {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.view-second:hover p {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.view-second:hover a.info {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
}


/*End */

.home-percentage {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.home-percentage .fact-icon {
    background: #fff;
    border-radius: 100%;
    padding: 40px 3px 40px 3px;
    width: 61%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    margin: 0 auto;
}

.home-percentage .fact-icon span {
    font-size: 70px;
}

.wave {
    background-image: url(../img/wave.png);
    background-repeat: repeat !important;
    width: 100%;
}

.home2-city-bg {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    width: 100%;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.row-box {
    padding: 25px 15px 20px 15px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.home2-city-bg .well {
    background: rgba(0, 0, 0, 0.6);
}

.home2-city-bg p {
    color: rgba(255, 255, 255, 1);
}

.home2-city-bg h4 {
    margin-top: 0px;
}

.flexslider-attachments .flex-control-nav {
    position: relative;
    margin-top: 10px;
}

.flexslider .flex-control-thumbs {
    position: relative;
}

.flex-control-nav li,
.flex-control-thumbs li {
    float: none;
    display: inline-block;
}

.flexslider .flex-control-nav {
    bottom: 0;
    width: 100%;
    text-align: center;
}

.flex-direction-nav a i {
    margin-top: 12px;
}

.flex-control-thumbs li {
    width: 12%;
    margin: 0 10px 0 0;
}

#infoCompany-home2 {
    padding: 80px 0 80px 0;
}

.info-comp-desc h2 {
    border-bottom: 1px solid #e0dede;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 5px;
}

.content-bt-buy {
    width: 100%;
    text-align: left;
    margin-top: 30px;
}

.info-comp-desc ul {
    padding: 10px 0 30px 0px;
    border-bottom: 1px solid #e0dede;
}

.info-comp-desc ul li {
    list-style-type: none;
    line-height: 31px;
}

.info-comp-desc ul li i {
    margin-right: 8px;
    color: #747474;
}

.angula-li-ic.fa {
    text-decoration: inherit;
}

.txt-inf-tp {
    color: #0bb7b7;
}


/********************************************************************************************
    PAGE HOME 3                                                                                                 
*********************************************************************************************/

.home3-percentage {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.home3-percentage .fact-icon {
    background: #0bb7b7;
    border-radius: 2px;
    padding: 40px 3px 40px 3px;
    width: 61%;
    border: 1px solid #00b1c1;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    margin: 0 auto;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.home3-percentage .fact-icon:hover {
    border-radius: 10px;
}

.home3-percentage .fact-icon span {
    font-size: 70px;
    color: #fff;
}

.home3-percentage .fact-icon.fact-icon-color2 {
    background: #00a5b6;
    border: 1px solid #00a5b6;
}

.banner-info .home3-percentage h3 {
    font-size: 16px;
}

.home3-percentage .fact-icon.fact-icon-color3 {
    background: #0299a9;
    border: 1px solid #00759b;
}

.home3-percentage .fact-icon.fact-icon-color4 {
    background: #00759b;
    border: 1px solid #005c84;
}

.home3-city-bg {
    background-color: #0bb7b7;
    width: 100%;
    position: relative;
}

.home3-city-bg p {
    color: rgba(255, 255, 255, 1);
}

.home3-city-bg h4 {
    margin-top: 0px;
}

.home3-effect-cover {
    background-image: url(../img/texture/swirl_pattern.png);
    background-repeat: repeat !important;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.3;
}

.home3-well {
    margin-bottom: 0px;
    padding: 100px 20px 90px 20px;
    margin-bottom: 0px;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    border: 0px;
    border-bottom: 0px solid #333;
}

.home3-advert {
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.bt-serv {
    width: 100%;
    float: left;
}

.home3-city-bg .txt-circle-content.first-ic {
    margin: 60px 0 0px 0;
}

.home3-city-bg .txt-circle-content {
    margin: 35px 0 0px 0;
    float: left;
}

.home3-city-bg .txt-circle-content h3 {
    margin-top: 10px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.home3-city-bg .fact-icon {
    background: #fff;
    border-radius: 100%;
    padding: 27px 3px 27px 3px;
    margin-right: 20px;
    width: 29%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #333;
    text-align: center;
    float: left;
}

.home3-city-bg .fact-icon span {
    font-size: 45px;
}

.circle-content {
    float: left;
    position: relative;
}

#clients-home3 .team-img {
    width: 100%;
    float: left;
    margin-top: 20px;
    border: 0px solid #eee;
}

#clients-home3.parallax-texture {
    height: 550px;
    background-image: url(../img/texture/sativa.png);
    background-repeat: repeat !important;
    background-attachment: fixed;
    width: 100%;
    text-align: center;
    position: relative;
}

#clients-home3 .black-shadow {
    background: rgba(30, 35, 41, 0.5);
}

#clients-home3 .section-title {
    color: #fff;
    margin-top: 60px;
}

#clients-home3 .sub-title {
    color: #fff;
}

#clients-home3 .team p {
    font-weight: 700;
    margin-top: 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
}

#clients-home3 .team p.sub-title {
    margin-top: 0px;
    font-weight: 400;
    text-transform: none;
    font-size: 13px;
}

#clients-home3 .view {
    background: #000;
}

#clients-home3 .view:hover img {
    opacity: 0.3;
}


/*Portfolio*/


/* Filter */

.filter {
    margin: 0 auto 30px auto;
    color: #777;
    text-align: center;
    padding: 0;
}

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

.filter li:last-child:after {
    content: "";
}

.filter li {
    padding: 5px 15px;
    color: #8e8e8e;
    text-decoration: none;
    border: 1px solid #dedede;
}

.filter li:hover,
.current li {
    background: #07ccd4;
    color: #fff;
    border: 1px solid #07ccd4;
}

.filter li:hover {
    cursor: pointer;
}

.filter .active {
    color: #fff;
    border: 1px solid #07ccd4;
    background: #07ccd4;
}

#product .title {
    color: #333;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
}

.nav-pills>li>a.btn-lg {
    border-radius: 2px;
    padding: 6px 12px;
}

.my-gallery-animation-home3.ng-enter,
.my-gallery-animation-home3.ng-leave {
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
}

.my-gallery-animation-home3.ng-leave.ng-leave-active,
.my-gallery-animation-home3.ng-enter {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
}

.my-gallery-animation-home3.ng-enter.ng-enter-active,
.my-gallery-animation-home3.ng-leave {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
}

.section-images {
    padding-top: 80px;
}

.second-boxfriends {
    margin-top: 60px;
}

.home3-bt-footer-bg {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    width: 100%;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 80px 0 0 0;
}

.home3-bt-footer-bg .well {
    background: rgba(0, 0, 0, 0.8);
}

.testimonial-title-right {
    text-align: right;
    padding-right: 40px;
    padding-left: 0;
    border-right: 1px solid #ccc;
}

.home3-bt-footer-bg .section-title {
    font-size: 40px;
}

.home3-bt-footer-bg .sub-title {
    color: #fff;
}

.home3-bt-footer-bg .owl-carousel .owl-item {
    border: 0px;
}

.home3-bt-footer-bg .testimon-desc p {
    font-size: 22px;
    color: #fff;
}


/********************************************************************************************
    PAGE HOME 4                                                                                                 
*********************************************************************************************/

.slide-banner {
    background-color: rgba(11, 183, 183, 0.7);
    width: 100%;
    bottom: 0px;
    padding: 50px 20px 50px 20px;
    bottom: 0px;
    color: #fff;
    bottom: 0px;
    position: absolute;
    z-index: 999;
}

.slide-banner .btn-primary {
    margin-top: 20px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px 36px;
    color: #212121!important;
    text-transform: uppercase;
    -webkit-box-shadow: inset 0 0 0 #0fc8c8;
    -moz-box-shadow: inset 0 0 0 #0fc8c8;
    box-shadow: inset 0 0 0 #0fc8c8;
}

.slide-banner .btn-primary:hover {
    color: #fff!important;
    border: 1px solid #0fc8c8;
}

.slide-banner .btn-primary .fa-power-off {
    margin-right: 10px;
}

.slide-banner h3 {
    font-size: 30px;
    font-weight: 300;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.home4-percentage {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.home4-percentage .fact-icon {
    background: #0bb7b7;
    border-radius: 2px;
    border-color: #0299a9 #0bb7b7 #0bb7b7 #0bb7b7;
    border-style: solid;
    border-width: 60px 60px 60px 60px;
    height: 0px;
    width: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    margin: 0 auto;
}

.home4-percentage .fact-icon span {
    font-size: 40px;
    color: #fff;
    margin-top: -20px;
    position: relative;
    margin-left: -20px;
}

.home4-percentage .fact-icon.fact-icon-color2 {
    border-color: #0bb7b7 #0bb7b7 #0bb7b7 #0299a9;
}

.home4-percentage .fact-icon.fact-icon-color3 {
    border-color: #0bb7b7 #0299a9 #0bb7b7 #0bb7b7;
}

.home4-percentage .fact-icon.fact-icon-color4 {
    border-color: #0bb7b7 #0bb7b7 #0299a9 #0bb7b7;
}


/*Portfolio*/

.home4-portfolio .activegrid ul li {
    padding: 0px;
    border-right: 0px solid #ccc;
    width: 33.3333%;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 30px;
}

.home4-portfolio .activegrid ul li {
    padding: 25px;
    margin: 0px 0 0;
    display: inline-block;
    min-height: 350px;
    vertical-align: top;
    border-right: 0px solid #ccc;
}

.home4-portfolio .activegrid ul {
    padding: 0;
}

.home4-portfolio .activegrid ul li img {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 1;
    margin: 0;
}

.home4-portfolio .img_holder {
    position: relative;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
}

.home4-portfolio .img_holder .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    padding: 0;
    text-align: center;
    margin: 0px;
    z-index: 10;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    background: url(../img/transparent_bg.png) 0 0 repeat;
}

.home4-portfolio ul li:hover .overlay {
    opacity: 1;
}

.home4-portfolio .img_holder .overlay a.icon {
    width: 60px;
    height: 60px;
    padding: 15px 18px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
    border-radius: 100%;
    background-color: #07ccd4;
}

.home4-portfolio .img_holder .overlay a.icon:hover {
    color: #272727;
    background-color: #fff;
}

.home4-portfolio .img_holder .overlay a i {
    text-align: center;
    margin-top: 3px;
}

.c-loc {
    width: 100%;
    margin-top: 150px;
    margin-bottom: 50px;
}

.home4-portfolio .img_holder .title {
    padding: 7px 12px;
    color: #111;
    background: #fff;
}

.lents-images-zoom {
    position: absolute;
    z-index: 999;
    margin-top: -40%;
    width: 100%;
    text-align: center;
    opacity: 0;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lents-images-zoom i {
    padding: 20px;
    border-radius: 100%;
    background: #0bb7b7;
    border: 1px solid #0299a9;
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}

.lents-images-zoom i:hover {
    background: #0299a9;
    border: 1px solid #0bb7b7;
}

#product .lents-images-zoom .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}


/**Team**/

#clients-home4 .team-img {
    width: 100%;
    float: left;
    margin-top: 20px;
    border: 10px solid #fff;
    border-radius: 0;
}

#clients-home4 .team-img .content {
    margin-top: 30px;
}

#clients-home4 .team-img .content p:first-child {
    color: #212121;
}

#clients-home4.parallax-texture {
    height: auto;
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: repeat !important;
    background-attachment: fixed;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    position: relative;
    padding: 80px 0 80px 0;
}

#clients-home4 .black-shadow {
    background: rgba(30, 35, 41, 0.5);
}

#clients-home4 .section-title {
    color: #fff;
    margin-top: 0px;
}

#clients-home4 .sub-title {
    color: #fff;
}

#clients-home4 .team p {
    font-weight: 400;
    margin-top: 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
}

#clients-home4 .team p.sub-title {
    margin-top: 0px;
    font-weight: 400;
    text-transform: none;
    font-size: 13px;
}

#clients-home4 .view {
    background: #ccc;
}

#clients-home4 .view:hover img {
    opacity: 0.3;
}

.content-contact-phone {
    margin: 0 auto;
    width: 450px;
    text-align: center;
}

.content-contact-phone span {
    font-size: 30px;
    margin-bottom: 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.content-contact-phone h4 {
    font-size: 42px;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.content-contact-phone p {
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.home4-city-bg {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    width: 100%;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.home4-city-bg .well {
    padding: 80px 20px 90px 20px;
}

.home4-city-bg .row-box {
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
    border-top: 0px solid #0bb7b7;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 0px solid #fff;
}

.home4-city-bg .well {
    background: rgba(0, 0, 0, 0.5);
}

.home4-city-bg p {
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
}

.home4-city-bg h4 {
    margin-top: 0px;
}


/*Portfolio Animation*/

.my-gallery-animation.ng-enter,
.my-gallery-animation.ng-leave {
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
}

.my-gallery-animation.ng-leave.ng-leave-active,
.my-gallery-animation.ng-enter {
    -webkit-transform: rotateX(-180deg) translatez(30px);
    -moz-transform: rotateX(-180deg) translatez(30px);
    -ms-transform: rotateX(-180deg) translatez(30px);
    -o-transform: rotateX(-180deg) translatez(30px);
    transform: rotateX(-180deg) translatez(30px);
    opacity: 0;
    height: 0px;
}

.my-gallery-animation.ng-enter.ng-enter-active,
.my-gallery-animation.ng-leave {
    -webkit-transform: rotateX(0deg) translatez(30px);
    -moz-transform: rotateX(0deg) translatez(30px);
    -ms-transform: rotateX(0deg) translatez(30px);
    -o-transform: rotateX(0deg) translatez(30px);
    transform: rotateX(0deg) translatez(30px);
    opacity: 1;
    height: 30px;
}


/*Testimonial*/

#infoCompany-home4 {
    padding: 80px 0 80px 0;
}

#infoCompany-home4 .owl-carousel .owl-item {
    padding: 0px 20px;
    border: 0px solid #ccc;
}

#infoCompany-home4 .owl-carousel .owl-item .item {
    padding: 40px 20px;
    border: 0px solid #ccc;
    float: left;
}

#infoCompany-home4 .testimon-desc p {
    font-size: 18px;
    color: #fff;
}

#infoCompany-home4 .testimon-desc p.nm-name {
    font-size: 14px;
    color: #fff;
}

#infoCompany-home4 .testimon-desc p span {
    color: #07ccd4;
}

#infoCompany-home4 .testimon-desc {
    padding: 10px 0 10px 40px
}

#infoCompany-home4 .owl-theme .owl-controls .owl-page span {
    border-radius: 0;
    width: 20px;
    height: 5px;
}

#infoCompany-home4 #owl-demo .item img {
    border-radius: 0;
}

.arrow_box {
    position: relative;
    background: #262c32;
    border: 0px solid #ccc;
}

.arrow_box:after,
.arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #262c32;
    border-width: 30px;
    margin-top: -30px;
}

.arrow_box:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #333;
    border-width: 31px;
    margin-top: -31px;
}


/********************************************************************************************
    PAGE HOME 5                                                                                                 
*********************************************************************************************/

.home5-percentage {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.home5-percentage .fact-icon {
    width: 120px;
    height: 120px;
    border: 1px #E6E6E6 solid;
    border-radius: 50%;
    background-color: #F0F0F0;
    box-shadow: inset 0 0 0 3px #fff;
    color: #B3B3B3;
    margin: -60px auto 0 auto;
    text-align: center;
    line-height: 135px;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.home5-percentage .fact-icon span {
    font-size: 40px;
    color: #B3B3B3;
    text-align: center;
    position: relative;
    margin-left: 1px;
}

.home5-percentage .angula-box-5 {
    position: relative;
    border-top: 1px #ECECEC solid;
    text-align: center;
    padding: 0 15px 15px;
    border: 1px #E6E6E6 solid;
    width: 100%;
}

.home5-percentage .angula-box-5:hover .fact-icon {
    background: #0bb7b7;
    color: #fff;
}

.home5-percentage .angula-box-5:hover .fact-icon span {
    color: #fff;
}

.home5-percentage .angula-box-5 p {
    overflow: hidden;
    border-bottom: 1px #eee solid;
    padding-bottom: 25px !important;
}

.home5-percentage .angula-box-5 a.btn {
    margin: 15px auto 0;
}


/*Portfolio*/

.home5-portfolio .activegrid ul li {
    padding: 0px;
    border-right: 0px solid #ccc;
    width: 24.98%;
    position: relative;
    overflow: hidden;
    background: #000;
    margin-left: 0;
    display: inline-block;
    vertical-align: top;
}

.home5-portfolio .activegrid ul {
    padding: 0;
}

.home5-portfolio .activegrid ul li img {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 1;
    margin: 0;
    border: 1px solid #fff;
}

.home5-portfolio .activegrid ul li:hover img {
    opacity: 0.3;
}

.home5-portfolio .activegrid ul li:hover .lents-images-zoom {
    opacity: 1;
}


/*Parallax 88*/

.home5-city-bg {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    width: 100%;
    position: relative;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.home5-city-bg p {
    color: rgba(255, 255, 255, 1);
}

.home5-city-bg h4 {
    margin-top: 0px;
}

.home5-well {
    margin-bottom: 0px;
    padding: 100px 0px 90px 0px;
    background: rgba(0, 0, 0, 0.7);
    margin-bottom: 0px;
    color: #fff;
    border: 0px;
    border-bottom: 0px solid #333;
}

.home5-advert p {
    font-size: 26px;
    font-weight: 300;
    color: #fff;
    line-height: 30px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    margin-top: 25px;
}

.home5-advert p span {
    font-size: 20px;
    margin-right: 10px;
}

.home5-city-bg .txt-circle-content.first-ic {
    margin: 60px 0 0px 0;
}

.home5-city-bg .txt-circle-content {
    margin: 35px 0 0px 0;
    float: left;
}

.home5-city-bg .txt-circle-content h3 {
    margin-top: 10px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.home5-city-bg .fact-icon {
    background: #fff;
    border-radius: 100%;
    padding: 27px 3px 27px 3px;
    margin-right: 20px;
    width: 29%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #333;
    text-align: center;
    float: left;
}

.home5-city-bg .fact-icon span {
    font-size: 45px;
}

.effectopacity {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/arrow-bg-1.png);
    background-repeat: repeat-y;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-animation: animate-effectopacity 4s forwards linear;
    -moz-animation: animate-effectopacity 4s forwards linear;
    -o-animation: animate-effectopacity 4s forwards linear;
    -ms-animation: animate-effectopacity 4s forwards linear;
    animation: animate-effectopacity 4s forwards linear;
}

@-webkit-keyframes animate-effectopacity {
    from {
        background-position: 0 400px, 0 100px;
    }
    to {
        background-position: 0 1850px, 0 600px;
    }
}

@-moz-keyframes animate-effectopacity {
    from {
        background-position: 0 -400px, 0 100px;
    }
    to {
        background-position: 0 1850px, 0 600px;
    }
}

@-ms-keyframes animate-effectopacity {
    from {
        background-position: 0 -400px, 0 100px;
    }
    to {
        background-position: 0 1850px, 0 600px;
    }
}

@-o-keyframes animate-effectopacity {
    from {
        background-position: 0 -400px, 0 100px;
    }
    to {
        background-position: 0 1850px, 0 600px;
    }
}

@keyframes animate-effectopacity {
    from {
        background-position: 0 -400px, 0 100px;
    }
    to {
        background-position: 0 1850px, 0 600px;
    }
}

.lents-images-zoom {
    position: absolute;
    z-index: 999;
    margin-top: -40%;
    width: 100%;
    text-align: center;
    opacity: 0;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lents-images-zoom i {
    padding: 20px;
    border-radius: 100%;
    background: #0bb7b7;
    border: 1px solid #0299a9;
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}

.lents-images-zoom i:hover {
    background: #0299a9;
    border: 1px solid #0bb7b7;
}

#product .lents-images-zoom .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}


/**Percentage**/

.home5-percentage-count .fact-icon {
    padding: 40px 3px 40px 3px;
    margin: 0 auto;
    font-size: 60px;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.banner-info .number {
    font-size: 62px;
}

.home5-percentage-count .fact-number h3 {
    background: #fff;
    padding: 20px 20px;
}

.home5-percentage-count .fact-number .number {
    padding: 20px 20px;
    margin-top: 0;
    color: #fff;
    font-weight: 700;
}

#iphone-home5.parallax-texture {
    padding: 100px 0 120px 0;
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: repeat !important;
    background-attachment: fixed;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    position: relative;
}

.iphone-desc ul {
    margin-top: 40px;
}

.iphone-desc ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0);
    padding: 30px;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 0px;
    list-style-type: none;
}

.iphone-desc ul li:hover {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.1);
}

.iphone-desc ul li p {
    color: #fff;
    text-align: left;
}

.iphone-desc ul li p span {
    font-size: 30px;
    margin-right: 15px;
}

#percentage-home5.parallax-texture {
    padding: 150px 0 200px 0;
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: repeat !important;
    background-attachment: fixed;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    position: relative;
}

.content-contact-phone {
    margin: 0 auto;
    width: 450px;
    text-align: center;
}

.content-contact-phone span {
    font-size: 30px;
    margin-bottom: 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.content-contact-phone h4 {
    font-size: 42px;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.content-contact-phone p {
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.home5-city-bg-bottom {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    width: 100%;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.home5-city-bg-bottom .well {
    padding: 70px 0px 90px 0px;
}

.home5-city-bg-bottom .row-box {
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
    border-top: 0px solid #0bb7b7;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 0px solid #fff;
}

.home5-city-bg-bottom .well {
    background: rgba(0, 0, 0, 0.4);
}

.home5-city-bg-bottom i {
    font-size: 45px;
    border: 2px solid #fff;
    padding: 25px 30px;
    border-radius: 100%;
    margin-bottom: 30px;
}

.home5-city-bg-bottom p {
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
}

.home5-city-bg-bottom h4 {
    margin-top: 0px;
}


/*monitor Animation*/

.hero-index-1 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../img/monitor1.jpg");
    -webkit-animation: hero-imacretina-1-anim 15s 0s ease-in-out forwards infinite;
    animation: hero-imacretina-1-anim 15s 0s ease-in-out forwards infinite;
    opacity: 1;
    width: 450px;
    height: 319px;
    margin-left: 30px;
    margin-top: 30px;
}

.hero-index-2 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../img/monitor2.jpg");
    -webkit-animation: hero-imacretina-2-anim 15s 0s ease-in-out forwards infinite;
    animation: hero-imacretina-2-anim 15s 0s ease-in-out forwards infinite;
    width: 450px;
    height: 319px;
    margin-left: 30px;
    margin-top: 30px;
}

.hero-index-3 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../img/monitor3.jpg");
    -webkit-animation: hero-imacretina-3-anim 15s 0s ease-in-out forwards infinite;
    animation: hero-imacretina-3-anim 15s 0s ease-in-out forwards infinite;
    width: 450px;
    height: 319px;
    margin-left: 30px;
    margin-top: 30px;
}


/*Portfolio Animation*/

.my-gallery-animation-home5.ng-enter,
.my-gallery-animation-home5.ng-leave {
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
}

.my-gallery-animation-home5.ng-leave.ng-leave-active,
.my-gallery-animation-home5.ng-enter {
    -webkit-transform: rotateX(-180deg) translatez(30px);
    -moz-transform: rotateX(-180deg) translatez(30px);
    -ms-transform: rotateX(-180deg) translatez(30px);
    -o-transform: rotateX(-180deg) translatez(30px);
    transform: rotateX(-180deg) translatez(30px);
    opacity: 0;
}

.my-gallery-animation-home5.ng-enter.ng-enter-active,
.my-gallery-animation-home5.ng-leave {
    -webkit-transform: rotateX(0deg) translatez(30px);
    -moz-transform: rotateX(0deg) translatez(30px);
    -ms-transform: rotateX(0deg) translatez(30px);
    -o-transform: rotateX(0deg) translatez(30px);
    transform: rotateX(0deg) translatez(30px);
    opacity: 1;
}


/*Latest Blog*/

#latest-blog-index {
    padding: 80px 0 80px 0;
}

.latest-blog-content {
    border: 1px solid #e4e4e4;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
}

#latest-blog-index .blog-l-txt {
    padding: 30px;
    position: relative;
    float: left;
}

#latest-blog-index .blog-l-txt h3 {
    text-transform: uppercase;
    font-weight: 400;
}

.latest-blog-content .img_holder {
    position: relative;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
}

.latest-blog-content .img_holder .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    padding: 0;
    text-align: center;
    margin: 0px;
    z-index: 10;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    background: url(../img/transparent_bg.png) 0 0 repeat;
}

#latest-blog-index .latest-blog-content:hover .overlay {
    opacity: 1;
}

.latest-blog-content .img_holder .overlay a.icon {
    width: 60px;
    height: 60px;
    padding: 15px;
    margin: 72px 0 0 150px;
    color: #fff;
    float: left;
    font-size: 20px;
    border-radius: 100%;
    background-color: #07ccd4;
}

.latest-blog-content .img_holder .overlay a.icon:hover {
    color: #272727;
    background-color: #fff;
}

.latest-blog-content .img_holder .overlay a i {
    text-align: center;
    margin-top: 3px;
}

.latest-blog-content .onsaleblog {
    position: absolute;
    z-index: 1000;
    top: 0;
    right: -20px;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
}

.latest-blog-content .onsaleblog span {
    z-index: 10;
    color: #FFF;
    font-size: 1.36rem;
    line-height: 0.875rem;
    letter-spacing: 1px;
    background: #07ccd4;
    padding: 12px 6px;
}

.latest-blog-content .onsaleblog span i {
    padding: 0 7px 0 0;
}

.home5-city-bg-bottom .well {
    background: rgba(0, 0, 0, 0.8);
}

.home5-city-bg-bottom .well {
    padding: 30px 0px 40px 0px;
}

.home5-city-bg-bottom ul.clients {
    width: 100%;
    padding: 0;
}

.home5-city-bg-bottom ul.clients li {
    width: 18%;
}


/********************************************************************************************
    PAGE ABOUT 2                                                                                                 
*********************************************************************************************/

.about2-top-title .color-txt {
    color: #0bb7b7;
    text-align: center;
    font-family: 'Open sans', sans-serif;
    font-weight: 700;
    font-size: 38px;
    text-transform: uppercase;
}

.about2-top-title {
    color: #fff;
    font-size: 78px;
    font-weight: 700;
    text-align: center;
    margin-top: 180px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    letter-spacing: 3px;
}

.about2-team h3 {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}

.about2-top-img {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 450px;
    position: relative;
}

.effect-about2-over {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.about-pg-2 .flex-direction-nav a {
    top: 42%;
}

.about2-percentage .skillbar-title,
.about2-percentage .skillbar-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}


/********************************************************************************************
    PAGE ABOUT 3                                                                                                 
*********************************************************************************************/

.about3-top-img {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 450px;
    position: relative;
    background-position: bottom center;
}

.about3-top-title {
    text-align: center;
    font-family: 'Open sans', sans-serif;
    font-weight: 300;
    font-size: 38px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 180px;
    color: #0bb7b7;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    letter-spacing: 3px;
}

.about3-top-title .color-txt {
    font-weight: 700;
    font-size: 78px;
    color: #fff;
}

.about3-team-desc h3 {
    padding-top: 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

.about3-team-desc {
    padding: 0px 20px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.about3-team .list-social-icons {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0px;
    padding-bottom: 30px;
}

.about3-skill md-progress-linear.md-default-theme.md-warn .md-bar {
    background-color: #0bb7b7;
}

.about3-skill md-progress-linear.md-default-theme[md-mode=buffer].md-warn .md-bar1 {
    background-color: #B2DFDB;
}

.about3-skill md-progress-linear.md-default-theme[md-mode=buffer].md-warn .md-dashed:before {
    background: radial-gradient(#B2DFDB 0%, #B2DFDB 16%, transparent 42%);
}

.about3-skill p {
    margin: 20px 0 0 0;
}

.material-percentage {
    text-align: right;
    float: right;
}


/********************************************************************************************
    PAGE ABOUT 4                                                                                                 
*********************************************************************************************/

.about4-top-img {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 450px;
    position: relative;
}

.about4-top-img .effect-over {
    background: rgba(0, 0, 0, 0.3);
}

.about4-top-title .color-txt {
    color: #2be2e2;
}

.buy-angula a {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    border-radius: 30px;
    padding: 12px 35px;
    text-transform: uppercase;
}

.buy-angula {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.about4-top-title {
    text-align: center;
    font-family: 'Open sans', sans-serif;
    font-weight: 300;
    font-size: 38px;
    text-transform: none;
    color: #fff;
    margin-top: 150px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    line-height: 24px;
}

.about4-top-title.about4-top-second {
    margin-top: 30px;
}

.about4-top-title span {
    color: #fff;
}

.about4-top-title span:last-child {
    margin-right: 0px;
}

.about4-top-subtitle {
    text-align: center;
    font-family: 'Open sans', sans-serif;
    font-weight: 700;
    font-size: 78px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 120px;
    color: #ffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    letter-spacing: 10px;
}

.about-pg-4 {
    margin-bottom: 80px;
}

.about-pg-4 ul li i {
    color: #fff;
    padding: 2px 6px;
    background: #0bb7b7;
    border-radius: 100%;
    margin-right: 10px;
}

.about-pg-4 ul {
    padding: 0;
}

.about-pg-4 ul li {
    list-style-type: none;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.about-pg-4 ul li:first-child {
    list-style-type: none;
    padding: 0px 0 10px 0;
}

.about-pg-4 ul li:last-child {
    border-bottom: 0px solid #eee;
}


/********************************************************************************************
    PAGE MEET TEAM                                                                                                 
*********************************************************************************************/

.breadcrumb-color.meet-team {
    margin-bottom: 0px;
}

.meet-team {
    text-align: center;
}

.meet-team p {
    text-transform: uppercase;
}

.meet-team h3 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.box-purchase {
    border-left: 3px solid #0bb7b7;
    padding: 28px 28px 27px 31px;
    background-color: #f6f6f6;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    float: left;
    width: 100%;
    margin-top: 80px;
}

.box-purchase .big-txt-purchase {
    font-size: 24px;
    font-weight: 300;
}

.box-purchase .btn-lg {
    padding: 10px 24px;
}


/********************************************************************************************
    PAGE SHOPPING GENERAL OBJECT                                                                                           
*********************************************************************************************/

.search-query {
    padding: 4px;
    margin-bottom: 10px;
}

.shop-slide-img_sound {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 450px;
    position: relative;
}


/*.shop-banner.box-purchase {
	border-left: 1px solid #0bb7b7;
	padding: 32px 28px 0px 0px;
	background-color: #212121;
	border-right: 1px solid #212121;
    border-top: 1px solid #212121;
    border-bottom: 1px solid #212121;
    float: left;
    width: 100%;
    margin-top: 80px;   
}
.shop-banner .skillbar{
	background: #212121;
	height: 3px;
	margin-bottom: 50px;
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.shop-banner .skillbar p {
	font-size: 20px;
	font-family: 'Open sans', sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}
.shop-banner .skillbar p span{
	font-weight: 700;
}
.shop-banner .big-txt-purchase {
	font-size: 230px;
    font-weight: 700;
    padding-left: 50px;
}
.ball-percent span.value-perc{
	padding: 15px 10px;
	font-size: 16px;
	background: #0bb7b7;
	border-radius:100%;
	box-shadow: inset 0 0 0 3px #212121;
	border: 1px #0bb7b7 solid;
}
.shop-discount1 {
	margin-left: 640px;
	margin-top:-12px;
	position: absolute;
	color: #fff;
}
.shop-discount2 {
	margin-left: 770px;
	margin-top:-12px;
	position: absolute;
	color: #fff;
}

.shop-banner.box-purchase p.big-txt-purchase {
	color:#fff;
	margin: 20px 0 -30px 0;
}
.shop-banner .sp-ski {
	padding-left: 0;
}
.shop-banner .skillbar-bar {
	height: 1px;
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background: #0bb7b7;
}*/

.shopping-top-title {
    text-align: center;
    font-family: 'Open sans', sans-serif;
    font-weight: 700;
    font-size: 78px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 55px;
}

.shopping-topsub-title {
    text-align: center;
    font-family: 'Open sans', sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 150px;
}

.shop-title-store {
    margin-top: 80px;
}

.shop-top-img {
    padding: 0;
    margin-top: 40px;
}

.shop-top-img img {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.shop-top-img figure {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.shop-top-img .col-md-6 {
    padding-bottom: 30px;
}


/*icon number single-product in the cart*/

.number-prodsingle-cart {
    position: absolute;
    z-index: 1000;
    top: 36px;
    left: 36px;
    background-color: #E74C3C;
    padding: 5px;
    color: #fff;
    border-radius: 3px;
}


/*icon sale triangle*/

.onsale {
    position: absolute;
    z-index: 1000;
    top: 36px;
    right: 36px;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
}

.onsale span {
    z-index: 10;
    color: #FFF;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 1.36rem;
    line-height: 0.875rem;
    right: 2px;
    top: 14px;
    letter-spacing: 1px;
}

.onsale:after {
    content: '';
    position: absolute;
    border-top: 60px solid #E74C3C;
    border-right: 0;
    border-left: 60px solid transparent;
    right: 0;
    z-index: 2;
}


/*end icon sale*/

.shop-prod .shop-img {
    margin: 0 auto 10px auto;
    width: 100%;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 70px 0;
    background: #fff;
    position: relative;
}

.shop-prod ul.nav-pills li {
    padding: 25px;
    margin: 0px 0 0;
    display: inline-block;
    min-height: 350px;
    vertical-align: top;
    border-right: 0px solid #ccc;
}

.shop-prod .shop-img.show-up img {
    box-shadow: 0 20px 22px #888;
}

.shop-prod ul.nav-pills li:hover img {
    box-shadow: 0 20px 22px #888;
}

.shop-prod ul.nav-pills li.show-up {
    box-shadow: 0 20px 22px #888;
}

.shop-prod ul.nav-pills li img {
    box-shadow: 0 2px 2px #888;
    margin-bottom: 0px;
    -webkit-transition: all 0.6s ease-out;
    /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: all 0.6s ease-out;
    /* Firefox 4-15 */
    -o-transition: all 0.6s ease-out;
    /* Opera 10.50�12.00 */
    transition: all 0.6s ease-out;
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.onsale-prod {
    position: absolute;
    z-index: 1000;
    top: 15px;
    right: 5px;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
}

.onsale-prod span {
    z-index: 10;
    color: #FFF;
    font-size: 1.36rem;
    line-height: 0.875rem;
    letter-spacing: 1px;
    background: #E74C3C;
    padding: 12px 6px;
    border-radius: 100%;
}

.shop-img .fade {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    filter: alpha(opacity=0);
}

.shop-img .fade:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.bt-content-shop {
    padding: 0;
}

.bt-content-shop i {
    margin-right: 10px;
}

.shop-prod ul.nav-pills li {
    margin-bottom: 40px;
    border-right: 0px solid #ccc;
}

#product {
    padding: 0;
}

.shop-price {
    margin-top: 0px;
    font-size: 14px;
    margin-bottom: 1px;
    text-align: right;
    color: #0bb7b7;
}

.bt12-detail-shop {
    margin-bottom: 20px;
    padding: 0;
}

.bt-detail-shop {
    border-bottom: 1px solid #ccc;
    padding: 0;
    width: 100%;
    float: left;
}

.bt-detail-shop a.title {
    float: left;
}

.store-cart-footer {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.store-down-bottom {
    text-align: right;
}

.store-down-bottom ul li {
    display: inline-block;
}

.store-down-bottom ul {
    margin-bottom: 0;
    padding: 0 10px 0 0;
}


/*Filter Shop*/

.content-store .filter {
    margin: 0;
    color: #777;
    text-align: left;
    padding: 0;
    float: left;
}


/*End*/

.content-count-cart {
    margin-bottom: 10px;
}

.content-store {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #ccc;
    text-align: right;
    padding-bottom: 0px;
}

.content-store i {
    background: #21252b;
    color: #fff;
    padding: 12px 12px 13px 12px;
    font-size: 18px;
    border-radius: 1px;
    margin-right: 10px;
}

.content-store a {
    color: #fff;
    font-size: 14px;
    padding: 12px 12px 12px 0;
    background: #0bb7b7;
}

.btn-primary:disabled,
.btn-primary[disabled] {
    letter-spacing: 0.04em;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background: #0dc1c1;
    border: 1px solid #09b1b9;
}

.number-page {
    padding: 0 10px;
}

.my-shop-animation.ng-enter,
.my-shop-animation.ng-leave {
    -webkit-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
}

.my-shop-animation.ng-leave.ng-leave-active,
.my-shop-animation.ng-enter {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.my-shop-animation.ng-enter.ng-enter-active,
.my-shop-animation.ng-leave {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/*.shop-img p {
	position:absolute;
	padding: 10px;
	background-color: #21252b;
	color: #fff;
	top: 0;
}
.shop-img p i {
	margin-right: 5px;
}*/


/*-----------------------------------------*/


/***** Effect hover images Layla *****/


/*-----------------------------------------*/

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Anchor will cover the whole item by default */


/* For some effects it will show as a button */

.grid figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
    font-size: 25px;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
    color: #ddd;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

figure.effect-layla {
    background: #0bb7b7;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
    position: absolute;
    content: '';
    opacity: 0;
}

figure.effect-layla figcaption::before {
    top: 50px;
    right: 30px;
    bottom: 50px;
    left: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
    top: 30px;
    right: 50px;
    bottom: 30px;
    left: 50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

figure.effect-layla h2 {
    padding-top: 26%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    border-bottom: 0px;
}

figure.effect-layla p {
    padding: 0.5em 2em;
    text-transform: none;
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

figure.effect-layla h2 {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
    opacity: 0.7;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}


/********************************************************************************************
    PAGE SHOPPING DRESSES                                                                                         
*********************************************************************************************/

.shop-slide-img {
    background-image: url('http://placehold.it/1920x1080');
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 450px;
    position: relative;
}

.shop-dresses #product .title {
    color: #333;
    font-size: 14px;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
}

.shop-dresses #product .subtitle {
    color: #6e6e6e;
    width: 100%;
}

.shop-dresses .itemPreview:hover {
    background-position: -30px center;
}

.shop-dresses .itemPreview {
    position: absolute;
    width: 30px;
    height: 16px;
    overflow: hidden;
    left: 10px;
    bottom: 10px;
    padding: 10px 0;
    text-indent: -1000px;
    background-image: url("../img/store/eye_off_on.png");
    background-repeat: no-repeat;
    background-position: 0 center;
    cursor: pointer;
}

.shop-dresses .shop-price {
    margin-top: 0px;
    font-size: 14px;
    margin-bottom: 1px;
    text-align: left;
    color: #6e6e6e;
}

.shop-dresses .bt-detail-shop {
    border-bottom: 0px solid #ccc;
    letter-spacing: 0.1em
}

.shop-prod.shop-dresses .shop-img {
    background: #f7f7f7;
    margin: 0 auto 40px auto;
    width: 100%;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 70px 0;
    position: relative;
}

.shop-dresses .number-prodsingle-cart {
    background-color: #111;
}

.shop-dresses .onsale:after {
    border-top: 60px solid #111;
}

.shop-prod.shop-dresses .shop-img {
    margin: 0 auto 10px auto;
}

.filter-dresses {
    margin: 0 auto 30px auto;
    color: #777;
    text-align: center;
    padding: 0;
}

.filter-dresses li {
    display: inline-block;
    list-style: none;
    margin-right: 5px;
}

.filter-dresses li:last-child:after {
    content: "";
}

.filter-dresses li {
    padding: 5px 15px;
    color: #8e8e8e;
    text-decoration: none;
    border-bottom: 1px solid #dedede;
}

.filter-dresses li:hover,
.current li {
    color: #111;
    border-bottom: 1px solid #111;
    cursor: pointer;
}

.filter li:hover {
    cursor: pointer;
}

.filter-dresses .active {
    color: #111;
    border-bottom: 1px solid #111;
}

.content-store.shop-dresses {
    border: 0px;
    margin-top: 30px;
}

.shop-dress-size span {
    color: #6e6e6e;
    margin-right: 5px;
}


/********************************************************************************************
    PAGE SINGLE PRODUCT                                                                                                
*********************************************************************************************/

.shop-banner-details {
    position: relative;
    padding: 0 0 50px 0;
    background: #111;
}

.shop-banner-back {
    background-image: url('../img/slider_old.jpg');
    background-size: contain;
}

.effect-over-dresses {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#single-prod-top {
    margin-top: 60px;
}

.product-top-title {
    text-align: left;
    font-family: 'Open sans', sans-serif;
    font-weight: 700;
    font-size: 48px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 40px;
}

.product-topsub-title {
    text-align: left;
    font-family: 'Open sans', sans-serif;
    font-weight: 300;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 80px;
}

#single-prod-top .pp-cont-det {
    padding: 25px;
    margin: 0px 0 0;
    margin-left: -25px;
}

.details-single-img {
    margin: 0 0 40px 0;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 70px 0;
    background: #fff;
}

.details-single-img.dresses-single-b {
    background: #f7f7f7;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.details-single-img img {
    box-shadow: 0 2px 2px #888;
}

.det-info-prod {
    padding-top: 25px;
}

#product_sound .single-prod-info {
    height: 40px;
}

#product_sound .det-sound a {
    color: #6e6e6e;
    text-decoration: none;
}

.single-prod-info {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 0px;
    margin-bottom: 20px;
}

#product_sound .det-sound {
    float: left;
    margin-top: 6px;
}

.single-prod-info .shop-price {
    margin-top: 0px;
    font-size: 18px;
    margin-bottom: 0px;
    text-align: right;
    float: right;
    color: #111;
    font-weight: 600;
}

.single-prod-info .product-name-title {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #111;
    font-weight: 600;
}


/*Da Togliere*/

.details-material {
    margin-top: 20px;
}

.details-material ul {
    padding: 0;
}

.details-material li {
    list-style-type: none;
    margin-bottom: 10px;
}

.details-material li i {
    margin-right: 10px;
    color: #aaa;
}

.single-prod-button {
    margin-top: 30px;
}

.color-prod a {
    padding: 2px 14px;
    margin-right: 10px;
    border: 1px solid #f6f6f6;
}


/********************************************************************************************
    PAGE SINGLE PRODUCT DRESSES                                                                                               
*********************************************************************************************/

#product_dresses .single-prod-info .product-name-title {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #111;
    font-weight: 600;
}

#product_dresses .det-dres {
    float: left;
}

#product_dresses .det-dres a {
    color: #6e6e6e;
    text-decoration: none;
}

#product_dresses .shop-price {
    margin-top: 0px;
    font-size: 18px;
    margin-bottom: 0px;
    text-align: right;
    float: right;
    color: #111;
    font-weight: 600;
}

.btn-primary.bt-back {
    background: #313131;
    border: 1px solid #333;
    -webkit-box-shadow: inset 0 0px 0 #0fc8c8;
    -moz-box-shadow: inset 0 0px 0 #0fc8c8;
    box-shadow: inset 0 0px 0 #0fc8c8;
}

.btn-primary.bt-back:after {
    background: #313131;
    border: 1px solid #333;
}

#product_dresses .single-prod-info {
    height: 40px;
}

.details-material_dresses {
    margin-top: 20px;
}

.details-material_dresses ul {
    padding: 0;
}

.details-material_dresses li {
    list-style-type: none;
    margin-bottom: 10px;
}

.details-material_dresses li i {
    margin-right: 10px;
    color: #aaa;
}

.details-material_dresses .size-prod,
.details-material_dresses .color-prod {
    width: 100%;
    float: left;
}

.details-material_dresses .size-prod {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
}

.details-material_dresses ul {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

#product_dresses md-radio-button.md-default-theme.md-checked .md-off {
    border-color: #111;
}

#product_dresses md-radio-button.md-default-theme .md-on {
    background-color: #111;
}

#product_dresses .md-switch-thumb,
.radio-size md-radio-button {
    margin: 0px;
    float: left;
}

#product_dresses .md-switch-thumb,
.radio-color md-radio-button {
    margin: 0px;
    float: left;
}

#product_dresses md-radio-group {
    border: 0px dotted transparent;
}

.size-prod p,
.color-prod p {
    text-transform: uppercase;
}

.content-chose-dress {
    margin-bottom: 60px;
}

.content-chose-dress h3 {
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
}

.content-chose-dress #owl-demo .item img {
    width: 100%;
    height: 100%;
}

.content-chose-dress p {
    margin: 0;
    /*text-transform: uppercase;*/
    color: #2e2e2e;
    font-size: 12px !important;
}

.content-chose-dress .subtitle {
    color: #6e6e6e;
    text-decoration: none;
}


/********************************************************************************************
    PAGE CART PRODUCT                                                                                               
*********************************************************************************************/

.shoppingpack img {
    padding-top: 40px;
    width: 60%;
}

.content-table-cart {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 80px;
}

.cart-prod-img {
    width: 30%;
    text-align: center;
}

.cart-prod-img p {
    text-transform: uppercase;
}

.tab-top-txt p {
    text-transform: uppercase;
    margin: 0;
    font-weight: 600;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 15px 0px 15px 0;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.ic-remove i {
    color: #111;
}

.cart-quantity input {
    height: 31px;
}

.cart-total p {
    color: #111;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.cart-txt-shop {
    margin-bottom: 30px;
}

.text-info {
    color: #6e6e6e;
}

.btn-primary.bt-plus-prod {
    height: 31px;
    width: 26px;
}

.btn.bt-minus-prod {
    height: 31px;
    background: #313131;
    border: 1px solid #6e6e6e;
    color: #fff;
    width: 26px;
}

.quantity-prod {
    width: 60px;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}

.input-append input {
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
    height: 31px;
    text-align: center;
    vertical-align: middle;
}

.total-items {
    color: #333;
    font-size: 16px;
    float: left;
}

.t-table {
    color: #333;
    font-size: 16px;
}

#cart .title-cart-table td {
    border-top: 0px solid #ddd;
    padding: 0;
}

.bt-tourn-back {
    float: right;
    margin-top: 3px;
}

.bt-tourn-back a {
    color: #333;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
}

.bt-tourn-back i {
    font-size: 16px;
    margin-right: 5px;
    color: #000;
}

.btn-payment {
    float: right;
}

.btn-payment .checkout {
    margin-top: -6px;
    margin-right: 10px;
}

.btn-primary.cart-clear-all {
    background: #313131;
    border: 1px solid #313131;
    -webkit-box-shadow: inset 0 0px 0 #0fc8c8;
    -moz-box-shadow: inset 0 0px 0 #0fc8c8;
    box-shadow: inset 0 0px 0 #0fc8c8;
}

.btn-primary.cart-clear-all:after {
    background: #313131;
    border: 1px solid #333;
}

.btn-primary.cart-clear-all:hover {
    background: #313131;
    border: 1px solid #333;
}

.table .btn-checkout-prod {
    padding: 40px 0px 15px 0;
}


/********************************************************************************************
 Footer Styles                                                                                                 
*********************************************************************************************/

.row-footer {
    margin-right: 0;
    margin-left: 0;
}

.number {
    font-size: 26px;
    margin-top: 20px;
    color: #212121;
    font-weight: 300;
}

.fact-number h3 {
    font-size: 16px;
    font-weight: 700;
}

.uppercase {
    text-transform: uppercase;
}

footer {
    background-color: #192E5A;
    border-top: 1px solid #2e343a;
    margin-top: 0px;
    position: relative;
}

@media (max-width: 767px) {
    footer {
        background-color: #FFF;
        border-top: none;
    }
    .triangulo-equilatero-bottom-g {
        position: absolute;
        bottom: 40px;
        right: 0;
        width: 30px !important;
    }
    .triangulo-equilatero-bottom-g label {
        display: none;
    }
}

footer .top-footer-in {}

@media (min-width:320px) {
    footer .top-footer-in {
        padding: 30px 40px;
    }
}

@media (min-width:768px) {
    footer .top-footer-in {
        padding: 80px 0;
    }
}

@media (min-width:1200px) {
    footer .top-footer-in {
        padding: 80px 0;
    }
}

ul.footer-menu li {
    list-style-type: none;
}

footer h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

.info-footer {
    background: #0f2450;
    padding: 20px 0;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 300;
    font-size: 14px;
    text-align: center;
}

.info-footer .ic-fo {
    margin-right: 10px;
    font-size: 18px;
}

ul.footer-menu {
    padding: 0;
}

@media (max-width:425px) {
    /*ul.footer-menu{
    display: none;
    overflow: hidden;
    transition: 0.5s;
  }*/
    footer h4:before {
        display: none;
        margin-right: 7px;
        color: #fff;
        content: "\f107";
        font-family: FontAwesome;
    }
    .show-footer-menu {
        display: block !important;
    }
}

ul.footer-menu li {
    padding: 5px 0;
}

ul.footer-menu li a {
    color: #ccc;
    font-size: 13px;
}

.footer-menu a:before {
    display: inline-block;
    margin-right: 7px;
    color: #fff;
    content: "\f105";
    font-family: FontAwesome;
}


/******* footer tags *******/

footer .tags a {
    display: block;
    float: left;
    margin: 3px;
    padding: 8px 6px;
    background: #2a3037;
    color: #C4C4C4;
    font-size: 11px;
    text-decoration: none;
}

footer .tags a:hover {
    background: #0dc1c1;
    color: #fff;
}


/********************************************************************************************
 Footer-2 Sponsor Styles                                                                                                 
*********************************************************************************************/

footer#footer_sponsor .top-footer-in {
    padding: 20px 0 80px 0;
}

#footer_clients {
    margin-bottom: 30px;
}

#footer_sponsor ul.clients {
    margin-top: 20px;
}

#footer_sponsor ul.clients li {
    opacity: 0.2;
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
}

#footer_sponsor ul.clients li:hover {
    opacity: 1;
}


/********************************************************************************************
 Footer-3 Two Color                                                                                                
*********************************************************************************************/

.twocolor .logofooter img {
    margin-top: -10px;
}

.twocolor p {
    color: #eee;
    font-weight: 300;
}

.twocolor p i {
    background: #282d33;
    color: #0bb7b7;
    padding: 7px;
    font-size: 16px;
    border-radius: 2px;
    margin-right: 10px;
}

.twocolor p i.fa-phone {
    padding: 7px 9px;
}


/********************************************************************************************
 Footer-4 Two Color                                                                                                
*********************************************************************************************/

.footer-bacground {
    background-image: url(../img/texture/kindajean.png);
    background-repeat: repeat !important;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.1;
}

.map-back {
    background: url(../img/map.png) no-repeat 0 50px;
}

footer .tags-img a {
    display: block;
    float: left;
    margin: 3px 3px 3px 0;
    border: 3px solid #000;
    background: #2a3037;
    text-decoration: none;
}

footer .tags-img a:hover {
    border: 3px solid #0bb7b7;
}


/********************************************************************************************
 Footer-4 Two Color                                                                                                
*********************************************************************************************/

.twocolor4 p {
    color: #eee;
    font-weight: 300;
}

.twocolor4 .logofooter4 img {
    margin-top: -10px;
}

.twocolor4 p i {
    background: #0bb7b7;
    color: #fff;
    padding: 7px;
    font-size: 16px;
    border-radius: 2px;
    margin-right: 10px;
}

.twocolor4 p i.fa-phone {
    padding: 7px 9px;
}

footer .tags4 a {
    display: block;
    float: left;
    margin: 5px 5px 5px 0;
    padding: 4px 10px;
    border: 1px solid #2a3037;
    color: #C4C4C4;
    font-size: 11px;
    text-decoration: none;
    border-radius: 30px;
}

footer .tags4 a:hover {
    background: #0dc1c1;
    color: #fff;
}


/********************************************************************************************
  PAGE 404 NOT FOUND                                                                                               
*********************************************************************************************/

.page-nofound .error-404 {
    font-size: 220px;
    text-align: center;
    font-weight: 700;
    font-family: Open sans;
    color: #f4f4f4;
    margin-bottom: 60px;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

@font-face {
    font-family: 'et-line';
    src: url('fonts/et-line.eot');
    src: url('fonts/et-line.eot?#iefix') format('embedded-opentype'), url('fonts/et-line.woff') format('woff'), url('fonts/et-line.ttf') format('truetype'), url('fonts/et-line.svg#et-line') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Use the following CSS code if you want to use data attributes for inserting your icons */

[data-icon]:before {
    font-family: 'et-line';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}


/* Use the following CSS code if you want to have a class per icon */


/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/

.icon-mobile,
.icon-laptop,
.icon-desktop,
.icon-tablet,
.icon-phone,
.icon-document,
.icon-documents,
.icon-search,
.icon-clipboard,
.icon-newspaper,
.icon-notebook,
.icon-book-open,
.icon-browser,
.icon-calendar,
.icon-presentation,
.icon-picture,
.icon-pictures,
.icon-video,
.icon-camera,
.icon-printer,
.icon-toolbox,
.icon-briefcase,
.icon-wallet,
.icon-gift,
.icon-bargraph,
.icon-grid,
.icon-expand,
.icon-focus,
.icon-edit,
.icon-adjustments,
.icon-ribbon,
.icon-hourglass,
.icon-lock,
.icon-megaphone,
.icon-shield,
.icon-trophy,
.icon-flag,
.icon-map,
.icon-puzzle,
.icon-basket,
.icon-envelope,
.icon-streetsign,
.icon-telescope,
.icon-gears,
.icon-key,
.icon-paperclip,
.icon-attachment,
.icon-pricetags,
.icon-lightbulb,
.icon-layers,
.icon-pencil,
.icon-tools,
.icon-tools-2,
.icon-scissors,
.icon-paintbrush,
.icon-magnifying-glass,
.icon-circle-compass,
.icon-linegraph,
.icon-mic,
.icon-strategy,
.icon-beaker,
.icon-caution,
.icon-recycle,
.icon-anchor,
.icon-profile-male,
.icon-profile-female,
.icon-bike,
.icon-wine,
.icon-hotairballoon,
.icon-globe,
.icon-genius,
.icon-map-pin,
.icon-dial,
.icon-chat,
.icon-heart,
.icon-cloud,
.icon-upload,
.icon-download,
.icon-target,
.icon-hazardous,
.icon-piechart,
.icon-speedometer,
.icon-global,
.icon-compass,
.icon-lifesaver,
.icon-clock,
.icon-aperture,
.icon-quote,
.icon-scope,
.icon-alarmclock,
.icon-refresh,
.icon-happy,
.icon-sad,
.icon-facebook,
.icon-twitter,
.icon-googleplus,
.icon-rss,
.icon-tumblr,
.icon-linkedin,
.icon-dribbble {
    font-family: 'et-line';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

.icon-mobile:before {
    content: "\e000";
}

.icon-laptop:before {
    content: "\e001";
}

.icon-desktop:before {
    content: "\e002";
}

.icon-tablet:before {
    content: "\e003";
}

.icon-phone:before {
    content: "\e004";
}

.icon-document:before {
    content: "\e005";
}

.icon-documents:before {
    content: "\e006";
}

.icon-search:before {
    content: "\e007";
}

.icon-clipboard:before {
    content: "\e008";
}

.icon-newspaper:before {
    content: "\e009";
}

.icon-notebook:before {
    content: "\e00a";
}

.icon-book-open:before {
    content: "\e00b";
}

.icon-browser:before {
    content: "\e00c";
}

.icon-calendar:before {
    content: "\e00d";
}

.icon-presentation:before {
    content: "\e00e";
}

.icon-picture:before {
    content: "\e00f";
}

.icon-pictures:before {
    content: "\e010";
}

.icon-video:before {
    content: "\e011";
}

.icon-camera:before {
    content: "\e012";
}

.icon-printer:before {
    content: "\e013";
}

.icon-toolbox:before {
    content: "\e014";
}

.icon-briefcase:before {
    content: "\e015";
}

.icon-wallet:before {
    content: "\e016";
}

.icon-gift:before {
    content: "\e017";
}

.icon-bargraph:before {
    content: "\e018";
}

.icon-grid:before {
    content: "\e019";
}

.icon-expand:before {
    content: "\e01a";
}

.icon-focus:before {
    content: "\e01b";
}

.icon-edit:before {
    content: "\e01c";
}

.icon-adjustments:before {
    content: "\e01d";
}

.icon-ribbon:before {
    content: "\e01e";
}

.icon-hourglass:before {
    content: "\e01f";
}

.icon-lock:before {
    content: "\e020";
}

.icon-megaphone:before {
    content: "\e021";
}

.icon-shield:before {
    content: "\e022";
}

.icon-trophy:before {
    content: "\e023";
}

.icon-flag:before {
    content: "\e024";
}

.icon-map:before {
    content: "\e025";
}

.icon-puzzle:before {
    content: "\e026";
}

.icon-basket:before {
    content: "\e027";
}

.icon-envelope:before {
    content: "\e028";
}

.icon-streetsign:before {
    content: "\e029";
}

.icon-telescope:before {
    content: "\e02a";
}

.icon-gears:before {
    content: "\e02b";
}

.icon-key:before {
    content: "\e02c";
}

.icon-paperclip:before {
    content: "\e02d";
}

.icon-attachment:before {
    content: "\e02e";
}

.icon-pricetags:before {
    content: "\e02f";
}

.icon-lightbulb:before {
    content: "\e030";
}

.icon-layers:before {
    content: "\e031";
}

.icon-pencil:before {
    content: "\e032";
}

.icon-tools:before {
    content: "\e033";
}

.icon-tools-2:before {
    content: "\e034";
}

.icon-scissors:before {
    content: "\e035";
}

.icon-paintbrush:before {
    content: "\e036";
}

.icon-magnifying-glass:before {
    content: "\e037";
}

.icon-circle-compass:before {
    content: "\e038";
}

.icon-linegraph:before {
    content: "\e039";
}

.icon-mic:before {
    content: "\e03a";
}

.icon-strategy:before {
    content: "\e03b";
}

.icon-beaker:before {
    content: "\e03c";
}

.icon-caution:before {
    content: "\e03d";
}

.icon-recycle:before {
    content: "\e03e";
}

.icon-anchor:before {
    content: "\e03f";
}

.icon-profile-male:before {
    content: "\e040";
}

.icon-profile-female:before {
    content: "\e041";
}

.icon-bike:before {
    content: "\e042";
}

.icon-wine:before {
    content: "\e043";
}

.icon-hotairballoon:before {
    content: "\e044";
}

.icon-globe:before {
    content: "\e045";
}

.icon-genius:before {
    content: "\e046";
}

.icon-map-pin:before {
    content: "\e047";
}

.icon-dial:before {
    content: "\e048";
}

.icon-chat:before {
    content: "\e049";
}

.icon-heart:before {
    content: "\e04a";
}

.icon-cloud:before {
    content: "\e04b";
}

.icon-upload:before {
    content: "\e04c";
}

.icon-download:before {
    content: "\e04d";
}

.icon-target:before {
    content: "\e04e";
}

.icon-hazardous:before {
    content: "\e04f";
}

.icon-piechart:before {
    content: "\e050";
}

.icon-speedometer:before {
    content: "\e051";
}

.icon-global:before {
    content: "\e052";
}

.icon-compass:before {
    content: "\e053";
}

.icon-lifesaver:before {
    content: "\e054";
}

.icon-clock:before {
    content: "\e055";
}

.icon-aperture:before {
    content: "\e056";
}

.icon-quote:before {
    content: "\e057";
}

.icon-scope:before {
    content: "\e058";
}

.icon-alarmclock:before {
    content: "\e059";
}

.icon-refresh:before {
    content: "\e05a";
}

.icon-happy:before {
    content: "\e05b";
}

.icon-sad:before {
    content: "\e05c";
}

.icon-facebook:before {
    content: "\e05d";
}

.icon-twitter:before {
    content: "\e05e";
}

.icon-googleplus:before {
    content: "\e05f";
}

.icon-rss:before {
    content: "\e060";
}

.icon-tumblr:before {
    content: "\e061";
}

.icon-linkedin:before {
    content: "\e062";
}

.icon-dribbble:before {
    content: "\e063";
}


/*Pannel Preview*/

.content-lateral-box {}

.box-lateral {
    width: 200px;
    height: 300px;
    position: fixed;
    float: left;
    background: #262c32;
    z-index: 9999;
    display: none;
}

.box-lateral h3 {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 30px;
}

.box-lateral select {
    margin-left: 30px;
    color: #333;
    background: #f4f4f4;
    border-radius: 3px;
    padding: 3px 2px;
}

#btnlateral {
    position: fixed;
    z-index: 99999;
    margin-left: 0px;
    border: 1px solid #32383f;
    padding: 8px 20px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    background: #32383f;
    margin-top: 300px;
}

.box-lateral select>option {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}

.dropdown-menu>li>a {
    padding: 3px 0 0 !important;
    font-size: 11px !important;
}

.farma-content-header .dropdown-menu>li>a {
    padding: 5px 30px !important;
    font-size: 11px !important;
    color: white !important;
}

.farma-content-header .dropdown-menu>li>ul>li>a {
    padding: 5px 50px !important;
    font-size: 11px !important;
    color: white !important;
}

.farma-content-header .dropdown-menu>li>ul :last-child {
    border-bottom: none !important;
}

@media (min-width:768px) {
    .im-chat {
        right: 5% !important;
    }
}

@media (min-width:1200px) {
    .im-chat {
        right: 5% !important;
    }
}

.copy_sinpro {
    text-align: center;
}

.copy_sinpro h4 {
    color: #343434;
    font-weight: bold;
    margin: 0;
    margin-bottom: 7px;
    font-size: 14px;
}

.copy_sinpro p {
    font-size: 11px;
    color: #343434;
    font-weight: normal;
    margin: 0;
    margin-bottom: 20px;
    line-height: 14px;
}

#popup_inicio,
#popup_registro {
    display: block !important;
    opacity: 0;
    height: 0;
    /*transition: 0.5s;*/
}

.show-popup {
    opacity: 1 !important;
    height: 100% !important;
}

.caption-banner {
    position: absolute;
    font-family: "sf_ui_displaymedium";
    font-size: 60px;
    font-weight: 900;
    line-height: 1.05;
    color: #ffffff;
    left: 40px;
    bottom: 40px;
    width: 466px;
    height: 126px;
    overflow: hidden;
    text-transform: uppercase;
}

@media (max-width:425px) {
    .item.cont-items-movil {
        display: inline-block !important;
        width: 40%;
        height: 230px;
    }
    .item.cont-items-movil .farma-item-outstanding-owl {
        width: 100%;
        height: 100%;
        float: left;
        margin-bottom: 15px;
    }
    .item.cont-items-movil .farma-item-outstanding-owl .farma-item-outstanding-img {
        margin: 0;
        float: left;
    }
    .item.cont-items-movil .farma-item-outstanding-owl .farma-item-outstanding-info {
        float: left;
        width: 90%;
        position: inherit;
    }
    /*.item.cont-items-movil .farma-item-outstanding-owl .farma-item-outstanding-info label.farma-item-outstanding-name{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 30px;
    line-height: 21px;
  }*/
    /*.item.cont-items-movil .farma-item-outstanding-owl .farma-item-outstanding-info label.farma-item-outstanding-price{
    font-weight: bold;
  }*/
    .farma-item-dont-stock-card {
        top: 30% !important;
    }
    .farma-item-card-offer {
        position: absolute !important;
        top: 30% !important;
    }
}

.twocolor .logofooter {}

@media (min-width:320px) {
    .logofooter {
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }
}

@media (min-width:768px) {
    .logofooter {
        display: inline;
        text-align: initial;
        margin-bottom: 0;
    }
}

@media (min-width:1200px) {
    .logofooter {
        display: inline;
        text-align: initial;
        margin-bottom: 0;
    }
}

.twocolor .logofooter img {}

@media (min-width:320px) {
    .twocolor .logofooter img {
        height: 30px;
    }
}

@media (min-width:768px) {
    .twocolor .logofooter img {
        height: 50px;
    }
}

@media (min-width:1200px) {
    .twocolor .logofooter img {
        height: 50px;
    }
}

@media (min-width:768px) {
    .im-chat-header {
        width: 100%;
    }
}

@media (min-width:1200px) {
    .im-chat-header {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .no-padding-mobile {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0px !important;
    }
    .padding-mobile {
        padding-left: 15px;
        padding-right: 15px;
    }
    .header-blue {
        width: 100%;
        height: 44px;
        background: linear-gradient(to right, #418fde, #1c73cb);
        color: #FFF;
        text-align: center;
        position: relative;
    }
    .header-blue a {
        position: relative;
        left: 0;
    }
    .header-blue .back-button,
    .header-blue .close-button {
        position: absolute;
        width: 44px;
        height: 44px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .header-blue .back-button {
        background-image: url(../img/back-arrow-white.svg);
    }
    .header-blue .close-button {
        background-image: url(../img/close-button-white.svg);
    }
    .header-blue h2 {
        color: #FFF;
        line-height: 44px;
        font-size: 15px;
        border-bottom: none;
        /*font-family: Roboto;*/
        font-weight: 500;
    }
    .policies {
        background-color: #f9f9f9;
        font-size: 13px;
        /*font-family: Roboto;*/
        color: #343434;
        margin-top: 15px;
    }
    .policies p {
        line-height: 18px;
        font-weight: 300;
    }
    .im-chat {
        z-index: 1 !important;
    }
}

@media (min-width: 768px) {
    .show-mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .hide-mobile {
        display: none;
    }
}


/**
  * Se agrega desde el código de Venezuela
  * TVV-660
  **/


/*City*/

.content-count-city-header {
    float: right;
    position: relative;
    z-index: 99999;
}

.content-count-city-header i {
    color: #21252b;
    padding: 5px;
    border-radius: 100px;
    margin: 20px 12px 0 20px;
}

.content-count-city-header a {
    color: #000;
    padding: 12px 12px 12px 0;
    position: relative;
}

#mapAddress {
    height: 345px;
    width: 100%;
}

.farma-item-outstanding-price.iva {
    color: #9b9b9b!important;
    font-size: 12px!important;
}

.farma-item-outstanding-name.short_description,
.farma-item-outstanding-name.short_title {
    display: -webkit-box;
    max-width: 100%;
    height: 28px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.farma-item-outstanding-price.base {
    font-weight: bold!important;
    color: black!important;
}

.farma-item-outstanding-price.fullprice {
    font-size: 12px!important;
    color: #418fde!important;
}

.farma-info-price-product-d.base {
    font-weight: bold!important;
    color: black!important;
    font-size: 14px!important;
}

.farma-info-price-product-d.fullprice {
    font-size: 13px!important;
    color: #418fde!important;
}

.farma-info-price-product-d.iva {
    color: #9b9b9b!important;
    font-size: 13px!important;
}

.farma-info-price-product-c.base {
    font-weight: bold!important;
    color: black!important;
    font-size: 13px!important;
}

.farma-info-price-product-c.fullprice {
    font-size: 11px!important;
    color: #418fde!important;
}

.farma-info-price-product-c.iva {
    color: #9b9b9b!important;
    font-size: 11px!important;
}

.margin_search_prod {
    width: 55%!important;
    height: max-content!important;
    margin-left: 9%;
    margin-top: 13px;
}

.triangulo-disponibilidad {
    text-align: center;
}

.triangulo-equilatero-bottom {
    height: 30px;
    background-image: url(../img/gota-dcto-g.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-position-x: left;
    background-size: 20px 20px;
    display: inline-block;
    text-align: center;
    padding-top: 6px;
    margin-top: 11px;
    /*width: 140px;*/
    padding-left: 28px;
}

.triangulo-equilatero-bottom.y {
    background-image: url(../img/gota-dcto-y2.png);
}

.triangulo-equilatero-bottom.g {
    background-image: url(../img/gota-dcto-g.png);
}

.triangulo-equilatero-bottom.r {
    background-image: url(../img/gota-dcto-g.png);
}

.triangulo-equilatero-bottom-y {
    width: 180px;
    height: 30px;
    background-image: url(../img/gota-dcto-y2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: right;
    position: absolute;
    background-position-x: left;
    background-size: 20px 20px;
}

.triangulo-equilatero-bottom-g {
    height: 30px;
    background-image: url(../img/gota-dcto-g.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-position-x: left;
    background-size: 20px 20px;
    display: inline-block;
    text-align: left;
    padding-top: 6px;
    /* margin-top: 9px; */
    width: 140px;
    padding-left: 0;
}

.triangulo-equilatero-bottom-r {
    width: 180px;
    height: 30px;
    background-image: url(../img/gota-dcto-rr.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: right;
    position: absolute;
    background-position-x: left;
    background-size: 20px 20px;
}

.triangulo-equilatero-bottom-g label,
.triangulo-equilatero-bottom-r label,
.triangulo-equilatero-bottom-y label {
    position: absolute!important;
    padding-left: 25px!important;
    padding-top: 0px!important;
    color: gray!important;
    font-size: inherit!important;
    width: 300px;
}

.triangulo-equilatero-bottom-r label {
    padding-top: 6px!important;
}