/*
Theme Name: Coupon XL
Theme URI: http://themeforest.net/user/ignitionthemes
Description: Archos Premius One Page HTML Template
Author: ignitionthemes
Author URI: http://themeforest.net/user/ignitionthemes
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
Tags: white
*/
/* TABLE OF CONTENTS

1.      OVERALL
1a.         Main Colors
1b.         Border Styles
2.      HOME SCREEN
2a.         Header
2b.         Navigation
2c.         Navigation Responsive
2d.         Home Slider
3.      SERVICES
4.      ABOUT US
5.      ABOUT US MORE
6.      CORE FEARURES
7.      FUN FACTS
8.      ABILITIES
9.      SKILLS
9a.         Radial Skills
9b.         Progress Skills Bars
9c.         Step Skills Progress Bar
10.     WORKS
11.     BUTTON BREAK
12.     QUOTES
13.     PRICING TABLES
13a.        Mid Section
14.     BACKGROUND VIDEO
15.     MEMBERS
16.     BLOG LATEST
17.     CUSTOMERS
18.     INFORMATIONS
18a.        Info Boxes
19.     CONTACT
20.     SOCIAL
21.     COPYRIGHTS
22.     BLOG LISTING
23.     BLOG SINGLE
23a.        Social Share & Tags
23b.        Author
23c.        Comments
23d.        Comment Form
24.     SIDEBAR
24a.        Widget Search & Text Widget
24b.        Tag Cloud Widget
24c.        Popular Widget
25.     PORTFOLIO
26.     PORTFOLIO SINGLE
27.     BOOTSTRAP MODAL CUSTOMIZATIONS
28.     RESPONSIVENESS


*/
/* BEGIN OF STYLING */
/* 1. OVERALL ******************/
body { 
    font-family: "Roboto";
    margin: 0;
    padding: 0;
    color: #202020;
    background: #EFEFEF;
    overflow-x: hidden;
}
a {
    transition: all 0.2s linear;
    color: #202020;
    text-decoration: none;
}
a:hover {
    transition: all 0.2s linear;
    color: #a2a2a2;
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #202020;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
}
h1 {
    font-size: 52px;
    margin-bottom: 15px;
    line-height: 62px;
}
h2 {
    font-size: 42px;
    margin-bottom: 15px;
    line-height: 52px;
}
h3 {
    font-size: 36px;
    margin-bottom: 15px;
    line-height: 46px;
}
h4 {
    font-size: 28px;
    margin-bottom: 15px;
    line-height: 48px;
}
h5 {
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 32px;
}
h6 {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 28px;
}
p {
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 15px;
}
section {
    position: relative;
    padding: 0 0 80px;
}
.no-margin {
    margin: 0;
}
.no-padding {
    padding: 0;
}
.darken {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
/* 1a. Main Colors */
.btn {
    width: 90px;
}
.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus {
    padding: 5px 5px;
    font-family: "Montserrat";
    font-size: 15px;
    text-transform: uppercase;
    border: 0px solid;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
    -webkit-backface-visibility: hidden;
}
.main-color,
.main-color:hover {
    background-color: #79BEDB; 
    border-color: #79BEDB;
    color: #fff;
}
.transparent {
    background-color: transparent;
}
.btn:after {
    content: "\f105";
    font-family: "FontAwesome";
    color: #fff;
    opacity: 0;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.btn:hover:after {
    margin-left: 15px;
    opacity: 1;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.white-font {
    color: #fff;
}
/* 1b. Border Styles */
.no-border:before {
    content: "";
    display: none;
}
.rotated-border-bottom:before {
    content: "";
    display: block;
    background-color: #fff;
    width: 50%;
    height: 50px;
    position: absolute;
    bottom: -14px;
    left: -1px;
    z-index: 9;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}
.rotated-border-bottom:after {
    content: "";
    display: block;
    background-color: #fff;
    width: 50%;
    height: 50px;
    position: absolute;
    bottom: -14px;
    right: -1px;
    z-index: 9;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.rotated-border-top:before {
    content: "";
    display: block;
    background-color: #fff;
    width: 50.5%;
    height: 60px;
    position: absolute;
    top: -25px;
    background-image: url(img/core_bg_img.png);
    left: 0px;
    z-index: 9;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}
.rotated-border-top:after {
    content: "";
    display: block;
    background-color: #fff;
    width: 50%;
    height: 60px;
    position: absolute;
    top: -25px;
    background-image: url(img/core_bg_img.png);
    right: 0px;
    z-index: 9;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.abilities.rotated-border-top:before,
.abilities.rotated-border-top:after {
    top: -75px;
    height: 100px;
    background-image: none;
}
.abilities.rotated-border-top:after {
    right: -2px;
    width: 50.5%;
}
.button-break.rotated-border-bottom:before,
.button-break.rotated-border-bottom:after {
    bottom: -25px;
    width: 50.5%;
    background-color: #000;
    border: none;
}
.bg-video.rotated-border-top {
    overflow: hidden;
}
.members.rotated-border-top:before,
.members.rotated-border-top:after {
    top: -115px;
    background-image: none;
}
.customers.rotated-border-bottom:before,
.customers.rotated-border-bottom:after {
    bottom: 7px;
    width: 50.3%;
    background-image: url(img/core_bg_img.png);
}
.contact.rotated-border-bottom:before,
.contact.rotated-border-bottom:after {
    width: 50.2%;
    bottom: 3px;
}skills
.copyrights.rotated-border-top:before,
.copyrights.rotated-border-top:after {
    top: -70px;
}
.copyrights {
    overflow: hidden;
}
/* Alternative Border */
.rotated-border-bottom-alt:before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: -23px;
    left: -1px;
    z-index: 9;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}
.rotated-border-bottom-alt:after {
    content: "";
    display: block;
    background-color: #fff;
    width: 20%;
    height: 50px;
    position: absolute;
    bottom: -17px;
    right: -6px;
    z-index: 9;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
.rotated-border-top-alt:before {
    content: "";
    display: block;
    background-color: #fff;
    width: 20%;
    height: 50px;
    position: absolute;
    top: -26px;
    left: -6px;
    z-index: 9;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
.rotated-border-top-alt:after {
    content: "";
    display: block;
    background-color: #fff;
    width: 100%;
    height: 50px;
    position: absolute;
    top: -35px;
    right: -6px;
    z-index: 9;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}
.funfacts.rotated-border-top-alt:before,
.funfacts.rotated-border-top-alt:after {
    background-image: url(img/core_bg_img.png);
    border:none;
}
.abilities.rotated-border-top-alt:before,
.members.rotated-border-top-alt:before,
.pricing.rotated-border-top-alt:before {
    top: -17px;
    width: 100%;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}
.abilities.rotated-border-top-alt:after,
.members.rotated-border-top-alt:after,
.pricing.rotated-border-top-alt:after {
    top: -17px;
    width: 20%;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
.testimonials.rotated-border-top-alt:before,
.testimonials.rotated-border-top-alt:after {
    background-color: #000;
    border: none;
}
.pricing.rotated-border-top-alt:before,
.bg-video.rotated-border-top-alt:before,
.bg-video.rotated-border-top-alt:after,
.pricing.rotated-border-top-alt:after {
    background-image: url(img/core_bg_img.png);
}
.members.rotated-border-top-alt:before,
.members.rotated-border-top-alt:after {
    top: -97px;
}
/* Custom Border Style */
.cst-border {
    border-width: 31px 0px 6px 0;
    -webkit-border-image: url(img/Border.svg) 73 0 6 0 round repeat;
    -moz-border-image: url(img/Border.svg) 73 0 6 0 round repeat;
    -o-border-image: url(img/Border.svg) 73 0 6 0 round repeat;
    border-image: url(img/Border.svg) 73 0 6 0 round repeat;
    border-image-outset: 31px 0 0 0;
    border-bottom: none;
    border-style: solid;
}
.cst-border-alt {
    border-width: 31px 0px 6px 0;
    -webkit-border-image: url(img/Border-0.svg) 73 0 6 0 round repeat;
    -moz-border-image: url(img/Border-0.svg) 73 0 6 0 round repeat;
    -o-border-image: url(img/Border-0.svg) 73 0 6 0 round repeat;
    border-image: url(img/Border-0.svg) 73 0 6 0 round repeat;
    border-image-outset: 31px 0 0 0;
    border-bottom: none;
    border-style: solid;
}
.pricing.cst-border-alt {
    border-width: 42px 0px 6px 0;
    -webkit-border-image: url(img/Border-0.svg) 47 87 6 17 round repeat;
    -moz-border-image: url(img/Border-0.svg) 47 87 6 17 round repeat;
    -o-border-image: url(img/Border-0.svg) 47 87 6 17 round repeat;
    border-image: url(img/Border-0.svg) 47 87 6 17 round repeat;
    border-image-outset: 38px 0 0 0;
    border-bottom: none;
    border-style: solid;
}
.cst-border-black {
    border-width: 41px 0px 0px 0px;
    -webkit-border-image: url(img/Border-1.svg) 72 44 0 61 round repeat;
    -moz-border-image: url(img/Border-1.svg) 72 44 0 61 round repeat;
    -o-border-image: url(img/Border-1.svg) 72 44 0 61 round repeat;
    border-image: url(img/Border-1.svg) 72 44 0 61 round repeat;
    border-image-outset: 4px 0 0 0;
    border-bottom: none;
    border-style: solid;
}
.cst-border-core {
    border-width: 58px 0px 6px 0;
    -webkit-border-image: url(img/Border-2.svg) 76 26 6 27 round repeat;
    -moz-border-image: url(img/Border-2.svg) 76 26 6 27 round repeat;
    -o-border-image: url(img/Border-2.svg) 76 26 6 27 round repeat;
    border-image: url(img/Border-2.svg) 76 26 6 27 round repeat;
    border-image-outset: 10px 0 0 0;
    border-bottom: none;
    border-style: solid;
    top: -5px;
}
.abilities.cst-border {
    border-width: 33px 0px 6px 0;
    -webkit-border-image: url(img/Border.svg) 33 0 6 0 round repeat;
    -moz-border-image: url(img/Border.svg) 33 0 6 0 round repeat;
    -o-border-image: url(img/Border.svg) 33 0 6 0 round repeat;
    border-image: url(img/Border.svg) 33 0 6 0 round repeat;
    border-image-outset: 32px 0 0 0;
    border-style: solid;
}
.copyrights.cst-border-core {
    border-width: 55px 0px 6px 0;
    -webkit-border-image: url(img/Border-2.svg) 99 26 6 27 round repeat;
    -moz-border-image: url(img/Border-2.svg) 99 26 6 27 round repeat;
    -o-border-image: url(img/Border-2.svg) 99 26 6 27 round repeat;
    border-image: url(img/Border-2.svg) 99 26 6 27 round repeat;
    border-image-outset: 12px 0 0 0;
    border-bottom: none;
    border-style: solid;
    top: 0px;
}
.members.cst-border {
    margin-top: 0;
}
.bg-video.cst-border-core span.overlay {
    top: -53px;
}
.bg-video.rotated-border-top .overlay {
    z-index: 0;
}
.bg-video.rotated-border-top:after {
    z-index: 0;
}
.pricing.core-features.rotated-border-top .man-img img {
    position: relative;
    top: 50px;
    z-index: 10;
}
.bg-video.rotated-border-top-alt .overlay {
    z-index: 0;
}
.bg-video.rotated-border-top-alt:after {
    z-index: 0;
}
.pricing.core-features.rotated-border-top-alt .man-img img {
    position: relative;
    top: 36px;
    z-index: 10;
}
.pricing {
    z-index: 5;
}
/* 2. HOME SCREEN ******/
.home-screen {
    height: 100%;
    position: relative;
    padding: 0;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
}
/* 2a. Header */
.top-screen {
    background-color: rgba(63,63,63, 1);
    position: fixed;
    top: 0;
    padding: 20px 0 10px;
    width: 100%;
    z-index: 10;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.top-screen-bg {
    background-color: rgba(62,62,63, 1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.top-screen-desarrollos {
    background-color: rgba(62,62,63, 1);
    position: fixed;
    top: 0;
    padding: 20px 0 10px;
    width: 100%;
    z-index: 10;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
/* Logo */
.logo {
    max-width: 100%;
    height: auto;
}
/* 2b. Navigation */
.navigation {
    padding: 13px 0 15px;
}
.navigation ul {
    margin: 0;
}
.navigation li {
    position: relative;
    margin-right: 10px;
}
.navigation li:nth-last-child(-n+2) {
    margin-right: 0;
}
.navigation li a {
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
}
.navigation li a:hover,
.navigation li a:focus {
    color: #22AAA1;
    text-decoration: none;
}
.navigation li a:after {
    content: "|";
    position: absolute;
    top: -7px;
    right: -10px;
    font-family: "FontAwesome";
    font-size: 20px;
    color: #fff;
}
.navigation li:nth-last-child(-n+2) a:after {
    content: "";
    display: none;
}
.navigation ul > li:hover > ul > li {
    opacity: 1;
}
/* Navigation Submenu*/
.navigation .submenu {
    position: fixed;
    display: none;
    margin-left: 2px;
    padding-top: 15px;
    background-color: transparent;
    text-align: left;
}
.navigation .submenu:before {
    content: "\f0da";
    font-family: "FontAwesome";
    position: absolute;
    top: -5px;
    left: 0.5px;
    font-size: 28px;
    color: #fff;
}
.navigation .submenu li {
    display: block;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
}
.navigation .submenu li:last-child {
    border: none;
}
.navigation .submenu li a:after,
.navigation .submenu li:nth-last-child(-n+3) a:after {
    content: "";
    display: none;
}
.navigation .submenu li a {
    display: block;
    padding: 8px 20px;
    font-family: "Roboto";
    font-size: 13px;
    color: #969696;
    text-transform: capitalize;
}
.navigation .submenu li a:hover {
    background-color: #eaeaea;
    color: #000;
}
/* Menu Showing on Small Screens */
.menu-button {
    display: none;
    font-size: 28px;
    padding: 10px 15px;
    cursor: pointer;
    text-align: right;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
/* 2c. Navigation Responsive ****/
@media screen and (max-width: 770px) {
    .navigation .menu-container {
        padding-right: 15px;
        background-color: #303133;
    }
    .menu-button {
        display: inline-block;
        position: fixed;
        top: 7px;
        right: 0px;
    }
    .menu-container-fade {
        position: absolute;
        left: 0;
        margin-top: 11px;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        background-color: #fff;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
    .menu-container-fade.active {
        opacity: 1;
        visibility: visible;
    }
    .navigation ul:not(.submenu) {
        height: 400px;
        overflow-X: hidden;
    }
    .menu-container-fade ul li {
        width: 100%;
        margin: 10px 0;
    }
    .submenu {
        display: block;
        text-align: center;
    }
    .navigation .submenu li {
        text-align: center;
        border: none;
    }
    .submenu li a {
        border: none;
    }
}
@media screen and (max-width: 770px) {
    .navigation {
        text-align: center;
    }
    .navigation ul {
        padding-bottom: 10px;
        display: block;
    }
    .navigation ul > li {
        float: none;
    }
    .navigation .submenu {
        position: relative;
    }
}
/* 2d. Home Slider */
.bg-image {
    height: 700px;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.bg-image .section-content {
    position: relative;
    z-index: 10;
}
.slide-1 {
    background-image: url('img/1.jpg');
}
.slide-2 {
    background-image: url('img/2.jpg');
}
.slide-3 {
    background-image: url('img/3.jpg');
}
.slide-4 {
    background-image: url('img/4.jpg');
}
.slide-5 {
    background-image: url('img/5.jpg');
}
/*.slide-4 {
    background-image: url('http://placehold.it/2000X2000');
}*/
/* Slider Controls */
.owl-buttons {
    display: none;
}
.owl-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 40px;
}
.owl-theme .owl-pagination .owl-page span {
    background: transparent;
    border: 2px solid #fff;
}
.owl-theme .owl-pagination .owl-page.active span {
    background: #fff;
}
/* Slider Captions */
.slogan.left {
    position:relative;
    top: 450px;
    text-align: right;
}
.slogan.middle {
    position: relative;
    top: 250px;
    text-align: center;
}
.slogan.right {
    position: relative;
    top: 450px;
    text-align: right;
}
.small-slogan {
	margin-left: -20px;
	margin-right: 500px;
    margin-bottom: 0;
    font-family: "Montserrat";
    font-size: 17px;
    font-style: normal;
    color: #fff;
    text-shadow: 5px 3px 21px #000;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
}
.big-slogan {
	margin-right: 500px;
    margin-bottom: 0;
    font-family: "Montserrat";
    font-size: 17px;
    font-style: normal;
    color: #000;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
}
.slogan h3 {
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    text-shadow: 5px 3px 21px #000;
    line-height: 43px;
}
/* White Slogans */
.slogan h3.white-font,
.small-slogan.white-font,
.slogan .btn.white-font {
    color: #fff;
    border-color: #fff;
}
/* Slider Action Buttons */
.slogan .btn {
    margin-top: 40px;
}
.slogan .btn.main-color {
    margin-right: 5px;
}
.slogan .main-color:hover {
    color: #fff;
}
.slogan .transparent,
.slogan .transparent:after {
    border-color: #696969;
    color: #696969;
}
.slogan.middle .transparent:after {
    color: #fff;
}
/* Colors */
.full-white,
.full-white:hover,
.full-white:after {
    border-color: #000;
    color: #000;
}
/* END OF HOME SCREEN ******/

/* 3. SERVICES ******/
.services {
    position: relative;
    margin-top: 10px;
    margin-bottom: 120px;
}
.box {
    position: relative;
    padding: 18px 0 30px;
    border: 2px solid #D9D9D9; /*22AAA1 EL COLOR DE LA PAGINA*/
    text-align: center;
    height: 200px;
    width: 180px;
}
.box-circle {
    display: inline-block;
    margin-top: -10px;
    padding: 50px;
    width: 134px;
    height: 134px;
    background-color: #D9D9D9;
    border-radius: 150px;
    text-align: center;
    -webkit-backface-visibility: hidden;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.box-circle i {
    font-size: 32px;
    color: #686868;
}
.service-box h4 {
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #686868;
    text-transform: uppercase;
    line-height: 20px;
    word-spacing: 5px;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.service-box p {
    padding: 11px;
    position: absolute;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    text-align: center;
    top: 75%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%,-80%);
    -moz-transform: translate(-50%,-80%);
    -ms-transform: translate(-50%,-80%);
    -o-transform: translate(-50%,-80%);
    transform: translate(-50%,-80%);
    color: #686868;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear; 
}
/* On Hover */
.service-box:hover {
    border-color: #20627E; /*TO DO*/
}
.service-box:hover .box-circle {
    background-color: #20627E;
}
.service-box:hover .box-circle i {
    color: #fff;
}
.service-box:hover p {
    visibility: visible;
    opacity: 1;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;

    -webkit-transition-delay: .2s; /* Safari */
    transition-delay: .2s;
}
.service-box:hover h4 {
    visibility: hidden;
    color: #000;

    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);

    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .2s linear;
}
.service-box:hover {
    -webkit-box-shadow: 1px 1px 34px -9px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 1px 34px -9px rgba(0,0,0,0.25);
    box-shadow: 1px 1px 34px -9px rgba(0,0,0,0.25);
}
.service-box:hover .box-circle {
    -webkit-transform: translateY(-85%);
    -moz-transform: translateY(-85%);
    -ms-transform: translateY(-85%);
    -o-transform: translateY(-85%);
    transform: translateY(-85%);

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
/* Fixed Borders */
.static-left-border:before {
    content: "";
    height: 2px;
    width: 18%;
    position: absolute;
    top: 140px;
    left: 0;
    background-color: #eaeaea;
}
.static-right-border:after{
    content: "";
    height: 2px;
    width: 18%;
    position: absolute;
    bottom: 140px;
    right: 0;
    background-color: #eaeaea;
}
/* END OF SERVICES *******/

/* 4. ABOUT US *******/
/* Background Image */
.about-img img {
    width: 100%;
    max-height: 271px;
}
.about-img2 img {
    width: 100%;
    max-height: 363px;
}
/* About Us Right */
/* Slides */
.about-us-right #owl-about .owl-wrapper {
    width: 100%;
}
.about-us-right #owl-about .owl-wrapper .owl-item {
    width: 100%;
}
.about-us .owl-pagination {
    left: 0;
    bottom: -48px;
    margin: 0 0 0;
    padding: 24px 0;
    width: 100%;
    background-color: #fff;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.about-us .owl-page {
    margin: 0 40px;
    background-color: #fff;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.about-us .owl-theme .owl-pagination .owl-page span {
    margin: 2px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 3px solid transparent;
    border-radius: 0px;
    opacity: 1;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.about-us .owl-theme .owl-controls .owl-page span:after {
    content: "";
    position: absolute;
    top: -34px;
    left: 8px;
    height: 2px;
    display: block;
    width: 97px;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.about-us .owl-theme .owl-controls .owl-page:nth-last-child(1) span:after {
    display: none;
}
/* On Hover */
.about-us .owl-theme .owl-controls .owl-page:hover,
.about-us .owl-theme .owl-pagination .owl-page.active {
    -webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,.15);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,.15);
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,.15);

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.about-us .owl-theme .owl-pagination .owl-page:hover span,
.about-us .owl-theme .owl-pagination .owl-page.active span {
    border: 3px solid #79bedb;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
/* Content */
.about-us-right {
    padding: 70px 50px 40px;
    background-color: #79bedb;
}
.about-us-right h3 {
    margin-bottom: 0;
    font-family: "Montserrat";
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}
.about-us-right p.subtitle {
    font-family: "Vollkorn";
    font-size: 15px;
    font-weight: 200;
    font-style: italic;
    color: #fff;
}
.about-us-right .small-border {
    display: block;
    margin-top: 10px;
    height: 4px;
    width: 50px;
    background-color: #22AAA1;
}
.small-border {
    display: block;
    margin-top: 10px;
    height: 4px;
    width: 50px;
    background-color: #22AAA1;
}
.about-us-right p {
    font-size: 14px;
    font-weight: 200;
    color: #fff;
}
.about-us-right .btn {
    margin-top: 10px;
}
/* END OF ABOUT US ******/

/* 5. ABOUT US MORE *******/
.main-title {
    position: relative;
    margin-bottom: 80px;
}
.main-title:before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -12px;
    left: -65%;
    background-color: #eaeaea;
}
.main-title h2 {
    margin: 0;
    font-family: "Montserrat";
    font-size: 27px;
    font-weight: 700;
    color: #000;
    line-height: 45px;
    text-transform: uppercase;
}
.main-title .subtitle {
    margin: 0;
    font-family: "Vollkorn";
    font-size: 15px;
    font-style: italic;
    color: #696969;
}
/* About Us More Boxes */
.about-box {
    padding: 80px 0 20px;
    border: 1px solid #eaeaea;
}
.about-box i {
    font-size: 54px;
    color: #79bedb;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.about-box h4 {
    margin: 40px 0;
    font-size: 23px;
    font-weight: 400;
    color: #000;
    line-height: 1;
}
.about-box p {
    margin-bottom: 0;
}
.about-box a.btn {
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 700;
    border: none;
    color: #fff;
    opacity: 0;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.about-box a.btn:after {
    content: "\f178";
    margin-left: 5px;
    color: #fff;
    opacity: 1;
}
/* On Hover */
.about-box:hover {
    background-color: #79bedb;
    box-shadow: none;
}
.about-box:hover h4,
.about-box:hover i,
.about-box:hover p {
    color: #fff;
}
.about-box:hover i {
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.about-box:hover h4 {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
}
.about-box:hover p {
    top: 67%;
}
.about-box:hover a.btn{
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 700;
    border: none;
    color: #fff;
    opacity: 1;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
/* END OF ABOUT US MORE ******/

/* 6. CORE FEATURES ******/
.core-features {
    background-image: url(img/plano.png);
    background-repeat: repeat;
}
.core-features .main-title {
    padding: 100px 0 80px;
}
.core-features .main-title:before {
    bottom: 65px;
}
.core-features .owl-theme .owl-pagination {
    top: -18%;
    left: 50%;
    bottom: auto;
    -webkit-transform: translate(-50%,-0%);
    -moz-transform: translate(-50%,-0%);
    -ms-transform: translate(-50%,-0%);
    -o-transform: translate(-50%,-0%);
    transform: translate(-50%,-0%);
}
.core-features .owl-theme .owl-pagination .owl-page span {
    position: relative;
    margin-right: 20px;
    padding: 40px;
    background-color: #fff;
    border: 2px solid #eaeaea;
    border-radius: 100px;
    font-size: 28px;
    color: #79bedb;
    opacity: 1;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.core-features .owl-theme .owl-pagination .owl-page.active span {
    background-color: #79bedb;
    border-color: #fff;
    color: #fff;

    -webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,.35);
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,.35);

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}
.core-features .owl-theme .owl-pagination .owl-page span:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: "FontAwesome";
    font-size: 28px;
    color: #79bedb;
}
.core-features .owl-theme .owl-pagination .owl-page.active span:after {
    color: #fff;
}
.core-features .owl-theme .owl-pagination .owl-page:nth-child(1) span:after {
    content: "\f129";
}
.core-features .owl-theme .owl-pagination .owl-page:nth-child(2) span:after {
    content: "\f109";
}
.core-features .owl-theme .owl-pagination .owl-page:nth-child(3) span:after {
    content: "\f139";
}
.core-features .owl-theme .owl-pagination .owl-page:nth-child(4) span:after {
    content: "\f149";
}
/* Core Features Slider Title */
.small-title h3 {
    font-family: "Montserrat";
    font-size: 21px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
.small-title p {
    font-family: "Roboto";
    font-size: 15px;
    font-weight: 400;
    color: #696969;
}
/* Bg Image */
.core-bg-image {
    overflow: hidden;
    margin-top: 40px;
}
.core-bg-image img {
    width: 90%;
}
/* END OF CORE FEATURES ******/

/* 7. FUN FACTS ******/
.funfacts {
    padding: 180px 0;
}
.fact h2 {
    font-family: "Montserrat";
    font-size: 120px;
    font-weight: 400;
    color: #22AAA1;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.fact p {
    margin: 0;
    font-family: "Montserrat";
    font-size: 15px;
    color: #3E3E3F;
    text-transform: uppercase;
}
/* END OF FUN FACTS ******/

/* 8. ABILITIES *******/
.abilities {
    position: relative;
    padding-top: 80px;
    -webkit-transform-style: preserve-3d;
}
.abilities.static-left-border:before {
    top: 160px;
}
/* Boxes */
.box-alt h3 {
    font-family: "Montserrat";
    font-size: 23px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
.box-alt h3 i {
    margin-right: 15px;
    font-size: 36px;
    color: #000;
    vertical-align: text-bottom;
}
.box-alt h3,
.box-alt h3 i,
.box-alt .btn,
.box-alt .btn:after {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.box-alt p {
    font-size: 13px;
    line-height: 21px;
    color: #696969;
}
.box-alt .btn {
    padding: 0;
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 700;
    color: #696969;
    border: none;
    text-align: left;
}
.box-alt .btn:after {
    content: "\f178";
    font-family: "FontAwesome";
    color: #797979;
}
/* on Hover */
.box-alt:hover {
    cursor: default;
}
.box-alt .btn {
    cursor: pointer;
}
.box-alt:hover h3,
.box-alt:hover h3 i,
.box-alt:hover .btn,
.box-alt:hover .btn:after {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.box-alt:hover h3 {
    color: #79bedb;
}
.box-alt:hover h3 i {
    color: #79bedb;
}
.box-alt:hover .btn {
    color: #79bedb;
}
.box-alt:hover .btn:after {
    margin-left: 5px;
    color: #79bedb;
}
/* END OF ABILITIES *******/

/* 9. SKILLS ******/
.skills {
    position: relative;
    margin-top: 0px;
}
.skills .main-title {
    margin-bottom: 0;
}
.radial-skills {
    text-align: center;
}
.chart {
    position: relative;
    height: 220px;
}
/* 9a. Radial Skills*/
.skills canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 14%;
    background-color: #fff;
    border: 20px solid rgba(234, 234, 234, .4);
    border-radius: 100%;

    moz-background-clip: border;     /* Firefox 3.6 */
    -webkit-background-clip: border;  /* Safari 4? Chrome 6? */
    background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

    -webkit-background-clip: content;  /* Safari 4? Chrome 6? */
    background-clip: content-box;
}
.chart p {
    position: absolute;
    top: 44%;
    left: 52%;
    font-family: "Vollkorn";
    font-size: 40px;
    font-style: italic;
    color: #000;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 99;
}
.radial-skills figcaption {
    font-family: "Montserrat";
    font-size: 21px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
/* 9b. Progress Skills Bars */
.skills .mid-title {
    margin: 80px 0 25px;
}
.mid-title h3 {
    font-family: "Montserrat";
    font-size: 27px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
.skills label {
    font-family: "Montserrat";
    font-size: 17px;
    font-weight: 700;
    color: #696969;
    text-transform: uppercase;
}
.skill-progress {
    position: relative;
    height: 35px;
    background-color: rgba(234, 234, 234, .6);
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.skill-progress .progress-bar {
    position: relative;
    background-color: #79bedb;
    line-height: 36px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow: hidden;

    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;

    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}
.skill-progress .progress-bar:after {
    content: "";
    position: absolute;
    height: 25px;
    width: 55px;
    background-color: #f1f1f1;
    right: -19px;
    top: -2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.skill-progress .progress-bar span {
    position: absolute;
    right: 45px;
    font-family: "Montserrat";
    font-size: 21px;
    font-weight: 700;
    color: #fff;
}
/* Step Skills Progress Bar */
.step-skills ul {
    margin-bottom: 18px;
}
.step-skills ul li {
    margin-right: 10px;
    padding: 4px;
    background-color: transparent;
    border: 2px solid #a8a8a7;
    border-radius: 100%;
}
.step-skills ul li:last-child {
    margin-right: 0;
}
.step-skills ul li span {
    display: block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-radius: 100%;
}
.step-skills ul li span.active {
    background-color: #79bedb;
    opacity: 0;
}
/* END OF SKILLS ******/

/* 10. WORKS ******/
.works {
    padding: 0;
    margin-top: 80px;
}
/* Portfolio Filter */
.portfolio-filter {
    padding: 0 0 20px;
}
.portfolio-filter a {
    padding-bottom: 3px;
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: 400;
    color: #696969;
    background-color: transparent;
    border: 1px solid transparent;
    text-transform: uppercase;
}
.portfolio-filter ul li:after {
    margin-left: 12px;
    content: "|";
    color: #696969;
}
.portfolio-filter ul li:nth-last-child(1):after {
    content: "";
    display: none;
}
.portfolio-filter a.selected,
.portfolio-filter a:hover {
    color: #79bedb;
    border-bottom-color: #79bedb;
    cursor: pointer;
}
/* Isotope Works */
.project-post {
    width: 24.98%;
    margin: 0;
    overflow: hidden;
}
.project-post img {
    width: 100%;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
.project-post:hover img {
    width: 100%;
}
.project-post .hover-box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: rgba(0,0,0,.5);
    text-align:left;
    top: -100%;
    left: 0;
    overflow: hidden;
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}
.project-post:hover .hover-box {
    top: 0;
}
.hover-content {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    padding: 30px 30px;
    z-index: 2;
    width: 100%;
}
.hover-content .meta {
    float: left;
}
.hover-content h2 {
    color: #fff;
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 700;
    text-transform: uppercase;
    line-height: 25px;
    margin: 0 0 2px;
    position: relative;
    -webkit-backface-visibility: hidden;
}
.hover-content p {
    font-family: 'Vollkorn';
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    color: #fff;
    margin: 0;
    -webkit-backface-visibility: hidden;
}
.hover-box .hover-content .buttons {
    float: right;
}
.hover-box .hover-content .buttons a {
    display: inline-block;
    margin: 0;
    width: 35px;
    height: 35px;
    border: 1px solid #696969;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.hover-box .hover-content .buttons a:nth-child(1) {
    margin-right: 5px;
}
.hover-box .hover-content .buttons a i {
    padding: 10px;
    color: #fff;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.hover-box .hover-content .buttons a:hover,
.hover-box .hover-content .buttons a:hover i {
    color: #fff;
    background-color: #696969;
    cursor: pointer;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.portfolio-box.five-col .project-post {
    width: 19.98%;
}
.portfolio-box.five-col .project-post .hover-box {
    text-align: center;
}
/* END OF WORKS ******/

/* 11. BUTTON BREAK ******/
.button-break {
    padding: 60px 0;
    background-color: #000;
}
.button-break p {
    margin: 10px 0 0;
    font-size: 27px;
    color: #fff;
}
/* END OF BUTTON BREAK ******/

/* 12. QUOTES ******/
.testimonials {
    padding: 100px 0;
}
.testimonials .main-title {
    margin-bottom: 40px;
}
.testimonials .main-title h2 {
    color: #fff;
}
.testimonials .main-title p {
    color: #ccc;
}
.testimonials .quote-icon {
    margin: 20px 0;
}
.testimonial {
    margin: 30px 0 50px;
    height: 70px;
    overflow: hidden;
}
.testimonial p {
    font-family: "Vollkorn";
    font-size: 27px;
    font-style: italic;
    color: #fff;
    line-height: 42px;
}
/* Images */
.testimonial-avatars ul li {
    vertical-align: middle;
}
.testimonial-avatars .item-img img {
    width: 90px;
    height: 90px;
}
.testimonial-avatars .item-img.active img {
    width: auto;
    height: auto;
}
.testimonial-avatars .item-img.active {
    margin-top: 20px;
    padding: 12px;
    background-color: rgba(96,96,96,0);
    border-radius: 100%;
}
.testimonial-avatars .item-img:hover {
    cursor: pointer;
}
.testimonial-avatars .item-img.active {
    background-color: rgba(96,96,96,.6);
}
.testimonial-avatars p {
    margin: 10px 0 0;
    font-family: "Montserrat";
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    line-height: 21px;
    text-transform: uppercase;
}
.testimonial-avatars span {
    font-family: "Vollkorn";
    font-size: 17px;
    font-style: italic;
    color: #fff;
    text-transform: lowercase;
}
.testimonial-avatars ul li .author-info {
    visibility: hidden;
}
.testimonial-avatars ul li:nth-child(2) .author-info {
    visibility: visible;
}
/* END OF QUOTES ******/

/* 13. PRICING TABLES ******/
.pricing {
    padding-bottom: 0;
}
.pricing .main-title {
    margin-bottom: 0;
}
.table {
    padding: 0 20px;
    background-color: #f6f6f6;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.table .header {
    padding: 40px 0;
    font-family: "Montserrat";
    font-size: 27px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.table .price {
    margin: 0 -20px;
    padding: 40px 0 25px;
    background-color: #e1e1e1;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.table .price p {
    margin-bottom: 0;
    font-family: "Montserrat";
    font-size: 40px;
    font-weight: 700;
    color: #000;
    line-height: 28px;
}
.table .price span {
    font-family: "Vollkorn";
    font-size: 20px;
    font-style: italic;
    color: #000;
}
.table ul {
    margin: 0 -20px;
}
.table ul li {
    padding: 15px 0;
    font-family: "Vollkorn";
    font-size: 20px;
    font-style: italic;
    color: #696969;
    border-bottom: 1px solid #e1e1e1;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.table .button {
    padding: 30px 0;
}
.table .button .btn,
.table .button .btn:hover {
    padding: 15px 50px;
    width: auto;
    border-color: #696969;
    font-weight: 700;
    color: #696969;
}
.table .button .btn:after,
.table .button .btn:hover:after {
    display: none;
    content: "";
}
.table:hover {
    background-color: #f4fcff;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;

    -webkit-box-shadow: 1px 1px 34px -9px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 1px 34px -9px rgba(0,0,0,0.25);
    box-shadow: 1px 1px 34px -9px rgba(0,0,0,0.25);
}
.table:hover .price {
    background-color: #79bedb;
}
.table:hover .price p,
.table:hover .price span {
    color: #fff;
}
.table:hover ul li {
    color: #000;
}
.table .button .btn:hover {
    background-color: #79bedb;
    border-color: #79bedb;
    color: #fff;
}
/* 13a. Mid Section */
.pricing .mid-section {
    margin-top: 20px;
}
.mid-section .ad-info {
    margin-top: 20%;
}
.mid-section .ad-info h3 {
    margin-bottom: 10px;
    font-family: "Montserrat";
    font-size: 25px;
    font-weight: 700;
    color: #000;
}
.mid-section .ad-info p {
    margin-bottom: 30px;
    font-family: "Vollkorn";
    font-size: 17px;
    font-style: italic;
    color: #000;
}
.mid-section .ad-info .btn {
    padding: 16px 50px;
    border-color: #696969;
    color: #696969;
    width: auto;
}
.mid-section .ad-info .btn:hover:after {
    color: #696969;
}
/* END OF PRICING TABLES ******/

/* 14. BACKGROUND VIDEO ******/
.bg-video {
    position: relative;
    padding: 375px 0;
    background-image: url(http://placehold.it/2000X2000);
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-video span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,.6);
}
.bg-video .overlay-alt {
    top: -50px;
}
.bg-video span i {
    padding: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    font-size: 40px;
    color: #79bedb;
    border: 30px solid rgba(96,96,96,.4);
    border-radius: 100%;

    moz-background-clip: border;     /* Firefox 3.6 */
    -webkit-background-clip: border;  /* Safari 4? Chrome 6? */
    background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

}
.bg-video span i:hover {
    cursor: pointer;
}
video#bgvid {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(http://placehold.it/2000X2000) no-repeat;
    background-size: cover;
    cursor: pointer;
}
video#bgvid {
    transition: 1s opacity;
}
.stopfade {
    opacity: 1;
}
/* END OF BACKGROUND VIDEO *******/

/* 15. MEMBERS ******/
.members {
    margin-top: 80px;
}
.members-alt {
    margin-top: 0;
}
.member-box {
    position: relative;
    overflow: hidden;
}
.member-box img {
    width: 100%;
    height: auto;
}
.member-box .member-info {
    position: absolute;
    top: calc(100% - 90px);
    bottom: 0;
    left: 0;
    padding: 20px 40px;
    width: 100%;
    background-color: rgba(255,255,255,.95);

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.member-box .member-info .caption {
    margin-bottom: 30px;
}
.member-box .member-info .caption h3 {
    margin: 0 0 10px;
    font-family: "Montserrat";
    font-size: 25px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    line-height: 1;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.member-box .member-info .caption p {
    margin: 0;
    font-family: "Vollkorn";
    font-size: 20px;
    font-style: italic;
    color: #696969;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.member-box .member-info .text {
    font-size: 15px;
    color: #fff;
    line-height: 27px;
}
.member-box .member-info .social {
    margin-top: 30px;
}
.social ul li {
    margin-right: 10px;
    padding: 6px 12px;
    width: 40px;
    border: 2px solid #fff;
    border-radius: 100%;
    font-size: 16px;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.social ul li:hover {
    background-color: #fff;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.social ul li a {
    color: #fff;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.social ul li:hover a {
    color: #79bedb;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
/* Member Box on Hover */
.member-box:hover .member-info {
    top: 0;
    bottom: 0;
    padding-top: 150px;
    background-color: rgba(121,190,219,.9);

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.member-box:hover .member-info .caption h3,
.member-box:hover .member-info .caption p {
    color: #fff;
}
/* See More Button */
.see-more-button {
    margin: 40px 0 0;
}
.see-more-button .btn {
    width: auto;
}
.see-more-button .btn,
.see-more-button .btn:after,
.see-more-button .btn:hover,
.see-more-button .btn:hover:after {
    border-color: #696969;
    color: #696969;
}
/* END OF MEMBERS ******/

/* 16. BLOG LATEST ******/
.blog-box .member-info {
    top: calc(100% - 130px);
}
.blog-box:hover .member-info {
    background-color: rgba(255,255,255,.8);
}
.blog-box .member-info .caption h3 {
    margin: 10px 0;
    font-size: 19px;
    line-height: 23px;
}
.blog-box .member-info .caption p,
.blog-box:hover .member-info .caption p {
    font-size: 15px;
    color: #696969;
}
.blog-box .member-info .caption p.date {
    display: none;
    color: #000;
}
.blog-box .member-info a {
    position: absolute;
    bottom: 40px;
    right: 40px;
    display: none;
    font-family: "Vollkorn";
    font-size: 15px;
    font-style: italic;
    color: #000;
}
/* Blog Latest on Hover */
.blog-box:hover .member-info .caption h3 {
    color: #000;
}
.blog-box:hover .member-info .caption p.date {
    display: block;

    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}
.blog-box:hover .member-info .caption a {
    display: block;

    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
/* END OF BLOG LATEST ******/

/* 17. CUSTOMERS ******/
.customers {
    background-image: url(img/core_bg_img.png);
    background-repeat: repeat;
}
.customers .main-title {
    margin: 0;
}
.customers .client-logo {
    position: relative;
    height: 50px;
}
/* Logos */
.clients ul li {
    margin: 0 17px;
}
.customers .client-logo a img {
    vertical-align: baseline;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.customers .client-logo:hover a img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
/* END OF CUSTOMERS ******/

/* 18. INFORMATIONS ******/
#map-canvas {
    height: 100%;
}
.google-map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.google-map:hover {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.google-map-big-container {
    position: relative;
    height: 400px;
    margin-top: -150px;
}
/* 18a. Info boxes */
.informations .info-box {
    position: relative;
    float: left;
    width: 20%;
    height: 300px;
    background-color: rgba(121,190,219,1);
}
.informations .info-box:nth-of-type(2) {
    background-color: rgba(121,190,219,.9);
}
.informations .info-box:nth-of-type(3) {
    background-color: rgba(121,190,219,.8);
}
.informations .info-box:nth-of-type(4) {
    background-color: rgba(121,190,219,.7);
}
.informations .info-box:nth-of-type(5) {
    background-color: rgba(121,190,219,.6);
}
.informations .info-box .inner-box {
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.informations .info-box .inner-box i,
.informations .info-box .inner-box h4,
.informations .info-box .inner-box p {
    margin: 0;
    color: #fff;
}
.informations .info-box .inner-box i {
    margin-bottom: 15px;
    font-size: 32px;
}
.informations .info-box .inner-box h4 {
    font-family: "Montserrat";
    font-size: 17px;
    font-weight: 400;
    color: #378cb0;
    text-transform: uppercase;
}
.informations .info-box .inner-box p {
    font-family: "Vollkorn";
    font-size: 17px;
    font-style: italic;
}
/* END OF INFORMATIONS ******/

/* 19. CONTACTO E INFO DE CAECSA ******/
#contactoTel{
    margin-top: 38px;
    width: 90%;
    height: 100%;
}
#contactoTel img {width: 100%;
    height: 100%;
}
#contactoCaecsa{
    margin-top: 38px;
    width: 45%;
    height: 100%;
}
#contactoCaecsa img {width: 100%;
    height: 100%;
}
#contactoContacto{
    margin-top: 38px;
    margin-bottom: 0px;
    width: 35%;
    height: 100%;
}
#contactoContacto img {width: 100%;
    height: 100%;
}
#contactoBarra{
    margin-top: 5px;
    margin-bottom: 40px;
    width: 100%;
    height: 100%;
}
#contactoBarra img {width: 100%;
    height: 100%;
}
label {
    padding-left: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #696969;
}
.contact-form label i {
    font-size: 6px;
    margin-left: 2px;
    color: #696969;
    vertical-align: super;
}
input.btn,
input.btn:after,
input.btn:hover:after {
    margin-top: 10px;
    padding: 15px 28px;
    width: 220px;
    background-color: transparent;
    border-color: #696969;
    font-size: 17px;
    color: #696969;
    font-weight: 700;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
input.btn:hover {
    padding: 15px 28px;
    font-size: 17px;
    background-color: #696969;
    color: #fff;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.form-group .form-control {
    height: 40px;
    color: #000;
    border: 1px solid #c2c2c2;
    border-radius: 0;
    box-shadow: none;
    margin: -7px;
    outline: 0;
}
.form-group textarea.form-control {
    height: 133px;
}
.form-group .form-control:focus {
    border-color: #79bedb;
}
/* END OF CONTACT ******/

/* 20. SOCIAL ******/
.social-section {
    padding: 40px 0;
}
.social-alt {
    padding-top: 25px;
}
.social-section .social ul li {
    margin-right: 20px;
    width: 66px;
    height: 66px;
    border-color: #969696;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.social-section .social ul li a {
    font-size: 23px;
    color: #696969;
}
.social-section .social ul li a i {
    display: block;
    padding: 16px 6px;
}
/* Social Icons on Hover */
.social-section .social ul li:hover a {
    color: #fff;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.social-section .social ul li:hover {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.social-section .social ul li.facebook:hover {
    background-color: #3b5998;
    border-color: #3b5998;
}
.social-section .social ul li.twitter:hover {
    background-color: #00aced;
    border-color: #00aced;
}
.social-section .social ul li.google:hover {
    background-color: #dd4b39;
    border-color: #dd4b39;
}
.social-section .social ul li.pinterest:hover {
    background-color: #cb2037;
    border-color: #cb2037;
}
.social-section .social ul li.youtube:hover {
    background-color: #bb0000;
    border-color: #bb0000;
}
.social-section .social ul li.behance:hover {
    background-color: #1769ff;
    border-color: #1769ff;
}
.social-section .social ul li.tumblr:hover {
    background-color: #32506d;
    border-color: #32506d;
}
.social-section .social ul li.instagram:hover {
    background-color: #517fa4;
    border-color: #517fa4;
}
/* SOCIAL ******/

/* 21. COPYRIGHTS ******/
.copyrights {
    padding: 40px 0;
    background-color: #3E3E40;
}
.copyrights p {
    margin-bottom: 0;
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 400;
    color: #696969;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* END OF COPYRIGHTS ******/

/* 22. BLOG LISTING ******/
.image-title {
    padding: 200px 0;
    background-image: url(http://placehold.it/2000X2000);
    background-repeat: no-repeat;
    background-size: cover;
}
.b-single-title {
    background-image: url(http://placehold.it/2000X2000);
}
.image-title .image-title-box h3 {
    margin-bottom: 5px;
    font-family: "Montserrat";
    font-size: 23px;
    font-weight: 700;
    color: #000
}
.image-title .image-title-box p {
    font-family: "Vollkorn";
    font-size: 21px;
    font-style: italic;
    color: #000;
}
/* Blog Boxes on Blog Listing Page*/
.blog-listing {
    padding: 80px 0 0;
}
.blog-wrapper {
    margin-bottom: 40px;
}
.blog-wrapper .blog-media {
    position: relative;
}
.blog-wrapper .blog-media img {
    max-width: 100%;
    height: auto;
}
.blog-wrapper .blog-media .blog-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    background-color: rgba(255,255,255,.8);

    opacity: 0;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.blog-wrapper .blog-media .blog-overlay i {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 20px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #79bedb;
    font-size: 18px;
    color: #fff;
    border-radius: 100%;
}
.blog-wrapper .blog-inner-wrapper {
    position: relative;
    padding: 50px 30px 30px;
    border: 1px solid #cacaca;
    border-top: none;
}
.blog-wrapper .blog-inner-wrapper img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: 4px solid #fff;
    border-radius: 100%;
}
.blog-wrapper .blog-inner-wrapper .caption h3 {
    margin: 0 0 5px;
    font-family: "Montserrat";
    font-size: 19px;
    font-weight: 700;
    color: #000;
    line-height: 27px;
    text-transform: uppercase;
}
.blog-wrapper .blog-inner-wrapper .meta ul li {
    padding-right: 0;
}
.blog-wrapper .blog-inner-wrapper .meta ul li:after {
    margin-left: 3px;
    content: " |";
    color: #969696;
}
.blog-wrapper .blog-inner-wrapper .meta ul li:last-child:after {
    content: "";
}
.blog-wrapper .blog-inner-wrapper .meta ul li a {
    font-family: "Vollkorn";
    font-size: 13px;
    font-style: italic;
    color: #969696;
}
.blog-wrapper .blog-inner-wrapper p {
    font-family: "Roboto";
    font-size: 13px;
    font-weight: 400;
    color: #696969;
    line-height: 21px;
}
/* Blog Listing Box on Hover */
.blog-wrapper:hover .blog-media .blog-overlay {
    opacity: 1;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.blog-wrapper .blog-inner-wrapper .meta ul li a:hover {
    color: #79bedb;
}
/* BLOG LISTING ******/

/* 23. BLOG SINGLE ******/
.single-content {
    padding: 80px 0;
}
.single-content .blog-wrapper .blog-inner-wrapper {
    padding: 20px;
    border: none;
}
.single-content .blog-wrapper .blog-media .media-avatar {
    position: absolute;
    top: 30px;
    left: -40px;
    width: 80px;
    height: 80px;
    border: 5px solid #fff;
    border-radius: 100%;
}
.single-content .blog-wrapper .blog-media .likes {
    position: absolute;
    top: 120px;
    left: -30px;
    padding: 16px 0 0 11px;
    width: 60px;
    height: 60px;
    background-color: #fd7100;
    border: 5px solid #fff;
    border-radius: 100%;
    border: 5px solid #fff;
    border-radius: 100%;
    color: #fff;
}
.single-content .blog-wrapper .blog-media .likes i {
    color: #fff;
}
.meta ul li.tags:after {
    display: none;
    content: "";
}
blockquote {
    position: relative;
    margin-left: 10px;
    font-family: "Vollkorn";
    font-size: 17px;
    font-style: italic;
    color: #000;
    border: none;
}
blockquote:before {
    position: absolute;
    top: 50%;
    left: -15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f10e";
    font-family: "FontAwesome";
    font-size: 24px;
    color: #000;
}
/* 23a. Social Share & Tags */
.share-and-tags {
    padding: 40px 0;
}
.share-and-tags .social-share p,
.share-and-tags .meta p {
    display: inline-block;
    margin-right: 15px;
    font-family: "Montserrat";
    color: #000;
}
.social-share {
    display: inline-block;
}
.social-share ul {
    display: inline-block;
}
.social-share ul li {
    padding: 4px 8px;
    height: 30px;
    width: 30px;
    border-width: 1px;
    border-color: #696969;
}
.social-share ul li a {
    color: #696969;
}
.social-share ul li:hover a {
    color: #fff;
}
.social-share ul li a i {
    line-height: 1;
}
.social-share .social ul li.facebook:hover {
    background-color: #3b5998;
    border-color: #3b5998;
}
.social-share .social ul li.twitter:hover {
    background-color: #00aced;
    border-color: #00aced;
}
.social-share .social ul li.google:hover {
    background-color: #dd4b39;
    border-color: #dd4b39;
}
.social-share .social ul li.pinterest:hover {
    background-color: #cb2037;
    border-color: #cb2037;
}
.social-share .social ul li.youtube:hover {
    background-color: #bb0000;
    border-color: #bb0000;
}
.social-share .social ul li.behance:hover {
    background-color: #1769ff;
    border-color: #1769ff;
}
.social-share .social ul li.tumblr:hover {
    background-color: #32506d;
    border-color: #32506d;
}
.social-share .social ul li.instagram:hover {
    background-color: #517fa4;
    border-color: #517fa4;
}
.share-and-tags .meta {
    margin-top: 10px;
}
.share-and-tags .meta ul {
    display: inline-block;
}
/* 23b. Author */
.author {
    padding: 40px 0;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}
.author .media-object {
    margin-right: 20px;
    width: 100px;
    height: 100px;
}
.author h4 {
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    text-transform: uppercase;
}
.author .media-body {
    font-family: "Roboto";
    font-size: 13px;
    color: #696969;
}
.author-share {
    margin-top: 15px;
}
.author-share ul li a {
    color: #696969;
}
.author-share ul li.link:after {
    margin-left: 10px;
    content: "|";
    color: #696969;
}
.author-share ul li a i {
    margin-right: 5px;
}
.author-share ul li.link a:hover {
    text-decoration: underline;
}
.author-share ul li.facebook a:hover {
    color: #3b5998;
}
.author-share ul li.twitter a:hover {
    color: #00aced;
}
.author-share ul li.google a:hover {
    color: #dd4b39;
}
.author-share ul li.pinterest a:hover {
    color: #cb2037;
}
.author-share ul li.youtube a:hover {
    color: #bb0000;
}
.author-share ul li.behance a:hover {
    color: #1769ff;
}
.author-share ul li.tumblr a:hover {
    color: #32506d;
}
.author-share ul li.dribbble a:hover {
    color: #ea4c89;
}
/* 23c. Comments */
.comments {
    padding-bottom: 40px;
    border-bottom: 1px solid #f4f4f4;
}
.comments h3 {
    display: inline-block;
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.comments .dropdown {
    display: inline-block;
    margin-left: 10px;
}
.comments .dropdown button {
    background-color: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    font-size: 13px;
    color: #696969;
}
.comment {
    margin-bottom: 40px;
}
.comment .reply {
    padding-top: 40px;
    padding-left: 40px;
}
.comment img {
    margin-right: 10px;
    width: 50px;
    height: 50px;
}
.comment-meta {
    margin-bottom: 5px;
}
.comment-meta li.name a {
    color: #000;
}
.comment-meta li a {
    font-family: "Roboto";
    font-size: 13px;
    color: #adadad;
}
.comment-meta li a:after {
    margin-left: 10px;
    content: " \f111";
    font-family: "FontAwesome";
    font-size: 5px;
    color: #adadad;
    line-height: 1;
    vertical-align: middle;
}
.comment-meta li:last-child a:after {
    content: "";
    display: none;
}
.comment-meta li:not(.name) a:hover {
    color: #ff9900;
}
.comment .media-body {
    font-size: 13px;
    color: #696969;
}
/* 23d. Comment Form */
.comment-form {
    margin-top: 40px;
}
.comment-form label i {
    font-size: 6px;
}
.comment-form .btn {
    margin-right: 15px;
}
/* 24. SIDEBAR */
.sidebar {
    padding-top: 80px;
}
.widget {
    margin-bottom: 40px;
}
.widget-caption {
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
/* 24a. Widget Search */
.widget-search form input {
    font-family: "Vollkorn";
    font-size: 17px;
    font-style: italic;
    color: #969696;
}
.widget-categories .badge {
    float: right;
    background-color: transparent;
    font-family: "Roboto";
    font-weight: 400;
    color: #969696;
}
.widget-categories ul {
    padding: 10px;
}
.widget-categories ul li {
    margin: 5px 0;
}
.widget-categories ul li a {
    font-size: 13px;
    color: #696969;
}
.widget-categories ul li a:hover,
.widget-categories ul li a:hover .badge {
    color: #79bedb;
}
/* Text Widget */
.text-widget p {
    margin-top: 15px;
    font-size: 13px;
    color: #696969;
}
/* Twitter Feed Widget */
.text-widget p a {
    color: #79bedb;
}
/* 24b. Tag Cloud Widget */
.tag-cloud-widget ul {
    padding: 30px 0 0;
}
.tag-cloud-widget ul li {
    margin-bottom: 30px;
}
.tag-cloud-widget ul li a {
    padding: 10px 15px;
    background-color: #eaeaea;
    color: #969696;
}
.tag-cloud-widget ul li a:hover {
    background-color: #79bedb;
    color: #fff;
}
/* 24c. Popular Widget */
.popular-widget .widget-caption {
    margin-bottom: 20px;
}
.popular-widget .media-heading {
    margin-top: 20px;
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: 700;
    color: #000;
    line-height: 22px;
    text-transform: uppercase;
}
.popular-post {
    margin-bottom: 20px;
}
.popular-post:nth-of-type(1) {
    margin-bottom: 0;
}
.popular-widget .meta ul li a {
    position: relative;
    font-family: "Vollkorn";
    font-size: 13px;
    font-style: italic;
    color: #969696;
}
.popular-widget .meta ul li a:after {
    content: "|";
    position: absolute;
    right: -8px;
    color: #969696;
    font-style: normal;
}
.popular-widget .meta ul li:last-child a:after {
    content: "";
    display: none;
}
.popular-widget .meta ul li a:hover {
    color: #79bedb;
}
.blog-media.link img {
    height: 412px;
}
/* END OF BLOG SINGLE ******/

/* 25. PORTFOLIO *****/
.portfolio {
    margin-top: 80px;
}
.portfolio .project-post {
    padding: 15px;
    width: 33%;
}
/* Portfolio Masonry */
.portfolio-masonry {
    margin-top: 80px;
}
.portfolio-masonry .project-post {
    padding: 5px;
    width: 25%;
}
/* END OF PORTFOLIO *******/

/* 26. PORTFOLIO SINGLE ******/
.portfolio-single {
    margin-top: 80px;
}
.portfolio-slider-header {
    position: relative;
}
.portfolio-slider-header .caption h2,
.overview h3{
    display: inline-block;
    margin: 0;
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 700;
    color: #000;
    line-height: 32px;
    text-transform: uppercase;
}
.portfolio-slider-header .caption p {
    font-family: "Vollkorn";
    font-size: 14px;
    font-style: italic;
    color: #696969;
}
/* Close Button */
.portfolio-slider-header .close-btn {
    position: absolute;
    top: 29%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: "Open Sans";
    font-weight: 100;
    font-size: 38px;
    text-align: center;
    cursor: pointer;
}
/* Custom Navigation */
.portfolio-slider-header .customNavigation a i {
    font-size: 32px;
}
.portfolio-slider-header .customNavigation a i.fa-arrow-left {
    margin-right: 15px;
}
.portfolio-slider-header .customNavigation a:hover i {
    cursor: pointer;
}
/* About Item */
.overview {
    padding: 40px 0;
    border-bottom: 1px solid #eaeaea;
}
.overview h3 {
    margin-bottom: 10px;
}
.overview p {
    font-size: 14px;
    color: #696969;
    line-height: 28px;
}
.overview ul li {
    font-family: "Roboto";
    font-size: 14px;
    color: #696969;
    line-height: 20px;
}
.overview ul li a {
    margin-left: 5px;
    color: #696969;
}
.overview ul li a:hover {
    color: #000;
}
/* Latest Works */
.latest-item {
    position: relative;
    display: inline-block;
    margin-right: -4px;
    width: 25%;
}
.latest-item:nth-child(5n) {
    margin-right: 0;
}
/* END OF PORTFOLIO SINGLE ******/

/* 27. BOOTSTRAP MODAL CUSTOMIZATIONS *****/
.modal-content {
    border-radius: 0;
}
.modal-body {
    padding: 0;
}
.modal-title {
    text-transform: uppercase;
    font-size: 17px;
    color: #606060;
    font-weight: 700;
}
.modal-header button {
    position: absolute;
    top: 2px;
    right: 0;
    width: 45px;
    height: 55px;
    background-color: #000;
    opacity: 1;
    color: #fff;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.modal-header button:hover {
    background-color: #3E3E3F;
    color: #fff;
    opacity: 1;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.modal-footer {
    font-family: 'Vollkorn';
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    color: #696969;
    margin: 0;
    -webkit-backface-visibility: hidden;
}
.pagination>li>a,
.pagination>li>span {
    margin: 0 3px;
    border-color: #969696;
    color: #696969;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    border-color: #79bedb;
    background-color: transparent;
    color: #79bedb;
}
.pagination>li:last-child>a,
.pagination>li:last-child>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-radius: 0
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #79bedb;
    color: #fff;
    border-color: #79bedb;
}
/* END OF BOOTSTRAP MODAL CUSTOMIZATIONS ******/

/* 28. RESPONSIVENESS ******/
@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .about-us .owl-page {
        margin: 0 20px;

    }
    .about-us .owl-theme .owl-controls .owl-page span:after {
        top: -17px;
        left: 15px;
        width: 50px;
    }
    .about-us-right {
        padding: 0 40px 23px;
    }
    .about-us .owl-pagination {
        bottom: 10px;
    }
}
@media screen and (max-width: 1030px) {
    .skills canvas {
        left: 4%;
    }
    .button-break .btn {
        width: 150px;
    }
    .member-box .member-info .caption h3 {
        margin-bottom: 5px;
        font-size: 18px;
    }
    .member-box .member-info .caption p {
        font-size: 16px;
    }
    .clients ul li {
        margin: 0;
    }
}
@media screen and (max-width: 770px) {
    .services {
        padding: 80px 0;
    }
    .box {
        margin-bottom: 40px;
    }
    .core-features .owl-theme .owl-pagination {
        top: -73%;
    }
    .funfacts {
        padding: 80px 0;
    }
    .funfacts .fact {
        margin-bottom: 40px;
    }
    .skills figcaption {
        margin-bottom: 40px;
    }
    .skills canvas {
        left: 38%;
    }
    .button-break p {
        margin-bottom: 30px;
    }
    .testimonial p {
        text-align: center;
    }
    .clients ul li {
        width: 32%;
        text-align: center;
    }
    .testimonial {
        height: auto;
        overflow: visible;
    }
}
@media screen and (max-width: 740px) {
    .core-features .owl-theme .owl-pagination {
        top: -27%;
    }
    .project-post {
        width: 100%;
    }
    .social-section .social ul li {
        margin-right: 5px;
    }
}
@media screen and (max-width: 670px) {
    .about-us .owl-pagination {
        bottom: -5px;
    }
    .core-features .owl-theme .owl-pagination {
        width: 100%;
    }
    .skills canvas {
        left: 34%;
    }
    .portfolio-filter a {
        font-size: 13px;
    }
    .informations .info-box {
        width: 100%;
    }
    .social-section .social ul li {
        width: 56px;
        height: 56px;
    }
    .social-section .social ul li a i {
        display: block;
        padding: 9px 0px;
    }
}
@media screen and (max-width: 420px) {
    .about-us .owl-page {
        margin: 0 20px;
    }
    .about-us .owl-theme .owl-controls .owl-page span:after {
        top: -15px;
        left: 15px;
        width: 46px;
    }
    .skills canvas {
        left: 23%;
    }
    .step-skills ul li {
        padding: 2px;
    }
    .step-skills ul li span {
        height: 16px;
        width: 16px;
    }
    .portfolio-filter ul li {
        padding: 0;
    }
    .portfolio-filter ul li:after {
        margin-left: 3px;
    }
    .portfolio-filter a {
        font-size: 11px;
    }
    .button-break p {
        line-height: 30px;
    }
    .testimonial-avatars .item-img img {
        width: 60px;
        height: 60px;
    }
    .testimonial-avatars .item-img.active img {
        width: 80px;
        height: 80px;
    }
    .testimonial-avatars p {
        font-size: 13px;
    }
    .testimonial-avatars span {
        font-size: 12px;
    }
    .clients ul li {
        width: 49%;
    }
    .social-section .social ul li {
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 380px) {
    .about-us .owl-pagination {
        bottom: 35px;
    }
    .core-features .owl-theme .owl-pagination .owl-page span {
        padding: 30px;
    }
    .step-skills ul li {
        margin-right: 5px;
    }
    .testimonial-avatars .item-img img {
        width: 50px;
        height: 50px;
    }
    .testimonial-avatars .item-img.active img {
        width: 70px;
        height: 70px;
    }
    .testimonial-avatars p {
        font-size: 11px;
    }
    .testimonial-avatars span {
        font-size: 10px;
    }
    .clients ul li {
        width: 100%;
    }
}
@media screen and (max-width: 325px) {
    .slogan h3 {
        font-size: 24px;
        line-height: 32px;
    }
    .slogan .btn {
        margin-top: 20px;
    }
    .about-us .owl-pagination {
        bottom: 60px;
    }
    .about-us .owl-theme .owl-pagination .owl-page span {
        margin: 0;
    }
    .about-us .owl-theme .owl-controls .owl-page span:after {
        top: -16px;
        left: 13px;
    }
    .skills canvas {
        left: 15%;
    }
    .testimonial-avatars .item-img img {
        width: 40px;
        height: 40px;
    }
    .testimonial-avatars .item-img.active img {
        width: 50px;
        height: 50px;
    }
    .testimonial-avatars p {
        font-size: 9px;
        margin-bottom: 0;
        line-height: 10px;
    }
    .testimonial-avatars span {
        font-size: 8px;
    }
}
/* END OF RESPONSIVENESS ******/