#page,
a,
input{
    -webkit-transition: .5s
}

#grip-footer .grip-footer-links li a,
#grip-products .arrow-thumb a:active,
#grip-products .arrow-thumb a:focus,
#grip-products .arrow-thumb a:hover {
    text-decoration: none
}

#grip-offcanvas ul li.offcanvas-has-dropdown>a:after,
.grip-contact-info ul li:before {
    speak: none;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
  font-family: 'Atlas';
  src: url('../fonts/atlas/AtlasGrotesk-Medium-Web.woff2') format('woff2'),
       url('../fonts/atlas/AtlasGrotesk-Medium-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Atlas';
  src: url('../fonts/atlas/AtlasGrotesk-Light-Web.woff2') format('woff2'),
       url('../fonts/atlas/AtlasGrotesk-Light-Web.woff') format('woff');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'America';
  src: url("../fonts/gt-america/GT-America-Expanded-Bold.eot");
  src: url("../fonts/gt-america/GT-America-Expanded-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gt-america/GT-America-Expanded-Bold.woff2") format("woff2"), url("../fonts/gt-america/GT-America-Expanded-Bold.woff") format("woff"), url("../fonts/gt-america/GT-America-Expanded-Bold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'America';
  src: url("../fonts/gt-america/GT-America-Expanded-Medium.eot");
  src: url("../fonts/gt-america/GT-America-Expanded-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/gt-america/GT-America-Expanded-Medium.woff2") format("woff2"), url("../fonts/gt-america/GT-America-Expanded-Medium.woff") format("woff"), url("../fonts/gt-america/GT-America-Expanded-Medium.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }



body {
    font-family: 'Atlas', Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.7;
    color: #777;
    background: #fff;
	-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}

#page {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    -o-transition: .5s;
    transition: .5s
}

.offcanvas #page:after {
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    background: rgba(0, 0, 0, .7);
    content: ""
}

.grip-nav,
a {
    -o-transition: .5s
}

a {
    color: #2F7DE1;
    transition: .5s
}

a:active,
a:focus,
a:hover {
    color: #002B49;
    outline: 0;
    text-decoration: none
}

p {
    margin-bottom: 20px
}

figure,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 400;
    margin: 0 0 20px
}

::-webkit-selection {
    color: #fff;
    background: #2F7DE1
}

::-moz-selection {
    color: #fff;
    background: #2F7DE1
}

::selection {
    color: #fff;
    background: #2F7DE1
}

.grip-container {
    max-width: 1000px;
    position: relative;
    margin: 0 auto;
    padding-left: 90px;
    padding-right: 40px
}

.grip-nav,
.grip-nav.active {
    padding: 0px 0;
    top: 0
}

.grip-nav {
    position: fixed;
    margin: 0;
    width: 100%;
    z-index: 1001;
    /*background-color: rgba(255,255,255,0.2);*/
     border-bottom:0px none; transition: top 0.3s;
}


.grip-nav #grip-logo{ margin-top:20px!important; margin-bottom:20px!important; float:left}

.grip-nav #grip-logo svg{ float:left; width:161px}
	
	#smalllogo{ position: absolute; left:15px; top:20px}
	.bgclear .grip-nav #smalllogo g{ fill:#4F2E82}
	.bgclear .grip-nav #grip-logo{ margin-left:0px} 
	
.grip-nav #grip-logo span{ font-size:11px; color:#fff; float:left; margin-left:5px; width:calc(100% - 5px); margin-top:0px; font-weight:300}

.grip-nav #grip-logo img {
    height: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
	-webkit-transition: .2s;
    transition: .2s; float:left
}



.logo-nav {
    padding-left: 0!important;
    margin-left: 0!important
}



.grip-nav .menu-1.main-nav {
    margin-top: 40px;
    margin-right: 0!important;
    padding-right: 0!important;-webkit-transition: .2s;
    transition: .2s;
}

body .grip-nav .menu-1.main-nav{ margin-top:22px}

@media screen and (min-width:768px) {
    .grip-container {
        width: 738px
    }
}

@media (min-width:992px) {
    .grip-container {
        width: 962px
    }
}

@media (min-width:1100px) {
    .grip-container {
        width: 1070px;
        max-width: 1070px
    }
}

@media (min-width:1130px) {
    .grip-container {
        width: 1100px;
        max-width: 1100px; padding-left:140px
    }
}

.grip-container .row {
    margin-left: 0;
    margin-right: 0
}

.grip-nav #grip-logo {
    font-size: 20px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700
}

.grip-nav #grip-logo em {
    color: #CF0C1E
}

@media screen and (max-width:767px) {
    .grip-nav .menu-1,
    .grip-nav .menu-2 {
        display: none
    }
}

.grip-nav ul {
    padding: 0;
    margin: 0
}

.grip-nav ul li {
    padding: 35px 12px;
    margin: 0;
    list-style: none;
    display: inline; opacity:1
}

.grip-nav ul li:last-child{ padding-right:0px}

.grip-nav ul li a {
    font-size: 18px;
    padding: 8px;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    font-weight: 500;
    letter-spacing: 0px; 
    color: #fff;
}
	.grip-nav ul li.social a{ padding:0px 5px}
	.grip-nav ul li.dropdown a{ cursor:default}
	.grip-nav ul li.dropdown .dropdown-content a{ cursor:pointer}

.grip-nav ul li a.rounded { border:2px solid #fff; border-radius:4px; margin-left:10px; margin-right:10px; padding-left:30px; padding-right:30px}
	
	.grip-nav ul li a.rounded:hover{ background:#fff; color:#4F2E82}
	
	.grip-nav ul li:hover{ opacity:1}
	

.grip-nav ul li a i{ color:#fff; font-size:12px}
.grip-nav ul li a i b{ font-weight:normal; font-size:15px; font-style:normal}

	
.grip-nav ul li a:active,
.grip-nav ul li a:hover {
    color: #00D6FF
}

.grip-nav ul li:hover a{color: #fff}
.grip-nav ul li:hover a i{color: #fff}
	
	@media screen and (max-width:991px) {
	.grip-nav ul li a{ padding:10px 2px; }
	}
	
.grip-nav ul li.has-dropdown {
    position: relative
}

.grip-nav ul li.has-dropdown .dropdown {
    width: 130px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .15);
    z-index: 1002;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 40px;
    left: 0;
    text-align: left;
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s
}

.grip-nav ul li.has-dropdown .dropdown:before {
    bottom: 100%;
    left: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px
}

.grip-nav ul li.has-dropdown .dropdown li {
    display: block;
    margin-bottom: 7px
}

.grip-nav ul li.has-dropdown .dropdown li:last-child {
    margin-bottom: 0
}

.grip-nav ul li.has-dropdown .dropdown li a {
    padding: 2px 0;
    display: block;
    color: #999;
    line-height: 1.2;
    text-transform: none;
    font-size: 15px
}

.grip-nav ul li.has-dropdown .dropdown li a:hover {
    color: #000
}

.grip-nav ul li.has-dropdown .dropdown li.active>a {
    color: #000!important
}

.grip-nav ul li.btn-cta a,
.grip-nav ul li.has-dropdown:focus a,
.grip-nav ul li.has-dropdown:hover a {
    color: #fff
}

.grip-nav ul li.btn-cta a span {
    border: none!important;
    background: #CF0C1E;
    padding: 4px 20px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.grip-nav ul li.btn-cta a:hover span {
    background: #ff6540;
    color: #fff
}

#grip-header .grip-video-link a {
    color: rgba(255, 255, 255, .5)
}

#grip-header .grip-video-link a i {
    font-size: 18px;
    top: 2px;
    position: relative;
    color: #fff;
    height: 25px;
    width: 25px;
    line-height: 25px;
    padding-left: 3px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .2);
    margin-right: 5px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

#grip-header .grip-video-link a:hover {
    color: #fff
}

#grip-header .grip-video-link a:hover i {
    border: 1px solid #fff
}

@media screen and (max-width:480px) {
    #grip-header .text-left {
        text-align: center!important
    }
    #grip-header .btn {
        display: block;
        width: 100%
    }
}

#grip-counter,
#grip-header,
.grip-bg {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative
}

.grip-bg {
    background-position: center center;
    width: 100%;
    float: left;
    position: relative
}

.grip-video {
    height: 450px;
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px
}

.grip-video.grip-video-sm {
    height: 250px
}

.grip-video a {
    z-index: 1001;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;
    width: 90px;
    height: 90px;
    display: table;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 14px 30px -15px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 14px 30px -15px rgba(0, 0, 0, .75);
    box-shadow: 0 14px 30px -15px rgba(0, 0, 0, .75);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.grip-video a i {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 40px
}

.grip-video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.grip-video:hover .overlay {
    background: rgba(0, 0, 0, .7)
}

.grip-video:hover a {
    position: relative;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.grip-cover {
    height: 900px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    width: 100%
}

.grip-cover a {
    color: #CF0C1E
}

.grip-cover a:hover {
    color: #fff
}

.grip-cover .overlay {
    z-index: 1;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    display: none
}

.grip-cover>.grip-container {
    position: relative;
    z-index: 10
}

@media screen and (max-width:768px) {
    .grip-cover {
        height: 600px
    }
}

.grip-cover .display-t,
.grip-cover .display-tc {
    height: 900px;
    display: table;
    width: 100%
}

.grip-cover.grip-cover-sm {
    height: 600px
}

@media screen and (max-width:768px) {
    .grip-cover .display-t,
    .grip-cover .display-tc {
        height: 600px
    }
    .grip-cover.grip-cover-sm {
        height: 400px
    }
}

.grip-cover.grip-cover-sm .display-t,
.grip-cover.grip-cover-sm .display-tc {
    height: 600px;
    display: table;
    width: 100%
}

@media screen and (max-width:768px) {
    .grip-cover.grip-cover-sm .display-t,
    .grip-cover.grip-cover-sm .display-tc {
        height: 400px
    }
}

.grip-cover.grip-cover-xs {
    height: auto;
    padding-bottom: 2em
}

@media screen and (max-width:768px) {
    .grip-cover.grip-cover-xs {
        height: inherit!important;
        padding: 3em 0
    }
}

.grip-cover.grip-cover-xs .display-t,
.grip-cover.grip-cover-xs .display-tc {
    height: 470px;
    display: table;
    width: 100%
}

@media screen and (max-width:768px) {
    .grip-cover.grip-cover-xs .display-t,
    .grip-cover.grip-cover-xs .display-tc {
        padding: 3em 0;
        height: inherit!important
    }
}

.grip-cover.grip-cover-xxs {
    padding: 3em 0
}

.grip-cover .btn-primary {
    color: #fff!important
}

#grip-counter .feature-center {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08)
}

.grip-staff {
    text-align: center;
    margin-bottom: 7em;
    float: left;
    width: 100%
}

@media screen and (max-width:768px) {
    .grip-staff {
        margin-bottom: 3em
    }
}

.grip-staff img {
    width: 100px;
    margin-bottom: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.grip-staff h3 {
    font-size: 24px;
    margin-bottom: 5px
}

.grip-staff p {
    margin-bottom: 30px
}

.grip-staff .role {
    color: #bfbfbf;
    margin-bottom: 30px;
    font-weight: 400;
    display: block
}

.grip-social-icons {
    margin: 0;
    padding: 0
}

.grip-social-icons li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1
}

.grip-social-icons li a {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    color: #CF0C1E;
    padding-left: 10px;
    padding-right: 10px
}

.grip-social-icons li a i {
    font-size: 20px
}

.grip-contact-info {
    margin-bottom: 30px;
    float: left;
    width: 100%;
    position: relative
}

.grip-contact-info ul {
    padding: 0;
    margin: 0
}

.grip-contact-info ul li {
    padding: 0 0 0 50px;
    margin: 0 0 30px;
    list-style: none;
    position: relative
}

.grip-contact-info ul li:before {
    color: #ccc;
    position: absolute;
    left: 0;
    top: .05em;
    font-family: icomoon;
    font-weight: 400;
    text-transform: none;
    line-height: 1
}

.grip-contact-info ul li.address:before {
    font-size: 30px;
    content: "\e9d1"
}

.grip-contact-info ul li.phone:before {
    font-size: 23px;
    content: "\e9f4"
}

.grip-contact-info ul li.email:before {
    font-size: 23px;
    content: "\e9da"
}

.grip-contact-info ul li.url:before {
    font-size: 23px;
    content: "\e9af"
}

form label {
    font-weight: 400!important
}

#grip-counter .display-tc,
#grip-header .display-tc,
.grip-cover .display-tc {
    display: table-cell!important;
    vertical-align: middle
}

#grip-counter .display-tc h1,
#grip-counter .display-tc h2,
#grip-header .display-tc h1,
#grip-header .display-tc h2,
.grip-cover .display-tc h1,
.grip-cover .display-tc h2 {
    margin: 0;
    padding: 0;
    color: #fff
}

#grip-counter .display-tc h1,
#grip-header .display-tc h1,
.grip-cover .display-tc h1 {
    margin-bottom: 0;
    font-size: 59px;
    line-height: 1.5
}

@media screen and (max-width:768px) {
    #grip-counter .display-tc h1,
    #grip-header .display-tc h1,
    .grip-cover .display-tc h1 {
        font-size: 34px;
        line-height: 1.2;
        margin-bottom: 10px
    }
}

#grip-counter .display-tc h2,
#grip-header .display-tc h2,
.grip-cover .display-tc h2 {
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 30px
}

#grip-counter {
    text-align: center
}

#grip-counter .counter {
    font-size: 50px;
    margin-bottom: 10px;
    color: #CF0C1E;
    font-weight: 100;
    display: block
}

#grip-counter .counter-label {
    margin-bottom: 0;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .5);
    letter-spacing: .1em
}

@media screen and (max-width:768px) {
    #grip-counter .feature-center {
        margin-bottom: 30px
    }
}

#grip-counter .icon {
    width: 70px;
    height: 70px;
    text-align: center;
    margin-bottom: 20px;
    background: 0 0!important;
    border: none!important
}

#grip-counter .icon i {
    height: 70px
}

#grip-counter .icon i:before {
    color: #ccc;
    display: block;
    text-align: center;
    margin-left: 3px
}

#grip-faq,
#grip-features,
#grip-features-2,
#grip-footer,
#grip-products,
#grip-subscribe,
.grip-section {
    padding: 5.5em 0;
    clear: both;
    position: relative;background:#F5F5F5
}

@media screen and (max-width:768px) {
    #grip-faq,
    #grip-features,
    #grip-features-2,
    #grip-footer,
    #grip-products,
    #grip-subscribe,
    .grip-section {
        padding: 3em 0
    }
}

#grip-faq.border-bottom,
#grip-features-2.border-bottom,
#grip-features.border-bottom,
#grip-footer.border-bottom,
#grip-products.border-bottom,
#grip-subscribe.border-bottom,
.grip-section.border-bottom {
    border-bottom: 1px solid #e6e6e6
}

#grip-features-2 {
    background: #efefef;
    position: relative;
    float: left;
    width: 100%
}

.feature-center {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 100%;
    margin-bottom: 40px
}

@media screen and (max-width:768px) {
    .feature-center {
        margin-bottom: 30 px
    }
}

.feature-center .icon {
    width: 90px;
    height: 90px;
    border: 1px solid #eaeaea;
    display: table;
    text-align: center;
    margin: 0 auto 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.feature-center h3,
.feature-center p,
.feature-left {
    margin-bottom: 30px
}

.feature-center .icon i {
    display: table-cell;
    vertical-align: middle;
    height: 90px;
    font-size: 40px;
    line-height: 40px;
    color: #CF0C1E
}

.feature-center h3 {
    font-size: 18px;
    color: #000;
    position: relative
}

.feature-left {
    float: left;
    width: 100%;
    position: relative
}

.feature-left .icon {
    float: left;
    text-align: center;
    width: 15%
}

.feature-left .icon i {
    display: table-cell;
    vertical-align: middle;
    font-size: 40px;
    color: #CF0C1E
}

.feature-left .feature-copy {
    float: right;
    width: 85%
}

.feature-left .feature-copy h3 {
    font-size: 18px;
    color: #1a1a1a;
    margin-bottom: 10px
}

.grip-heading {
    margin-bottom: 5em
}

#grip-portfolio {
    background: #f7f7f7
}

@media screen and (max-width:768px) {
    .grip-heading {
        margin-bottom: 3em
    }
}

.grip-heading.grip-heading-sm {
    margin-bottom: 2em
}

#grip-portfolio .grip-heading h2 {
    font-size: 90px;
    line-height: 68px;
    margin-bottom: 80px;
    color: #002B49;
    position: relative;
    padding-bottom: 10px;
    
    font-weight: bold;
    margin-top: 100px;
    background: url(../images/bgtriangles.jpg) right center no-repeat;
    width: 80%
}

@media screen and (max-width:768px) {
    .grip-heading h2 {
        font-size: 28px
    }
}

#grip-products {
    padding-top: 10em;
    margin-top: -10em
}

#grip-products .item img {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

#grip-products:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 180%;
    top: 0;
    -webkit-transform: skewY(-12deg);
    -moz-transform: skewY(-12deg);
    transform: skewY(-12deg);
    background: #efefef
}

#grip-products .arrow-thumb {
    position: absolute;
    top: 40%;
    display: block;
    width: 100%
}

#grip-products .arrow-thumb a {
    font-size: 32px;
    color: #dadada
}

#grip-subscribe {
    background: #CF0C1E
}

#grip-subscribe .form-control {
    background: 0 0;
    color: #fff;
    font-size: 16px!important;
    width: 100%;
    border: 2px solid rgba(255, 255, 255, .2)!important;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

#grip-contact .form-control:focus {
    background: 0 0;
    border: 2px solid rgba(255, 255, 255, .8)!important
}

#grip-subscribe .form-control::-webkit-input-placeholder {
    color: #fff
}

#grip-subscribe .form-control:-moz-placeholder {
    color: #fff
}

#grip-subscribe .form-control::-moz-placeholder {
    color: #fff
}

#grip-subscribe .form-control:-ms-input-placeholder {
    color: #fff
}

#grip-subscribe .btn {
    height: 54px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    padding-left: 50px;
    padding-right: 50px;
    background: #fff;
    border-color: #fff;
    color: #000
}

#grip-subscribe .btn:active,
#grip-subscribe .btn:focus,
#grip-subscribe .btn:hover {
    background: #fff!important;
    border-color: #fff!important;
    color: #000!important
}

#grip-subscribe .form-inline .form-group {
    width: 100%!important;
    margin-bottom: 10px
}

#grip-subscribe .form-inline .form-group .form-control {
    width: 100%
}




#grip-footer {
    background-color: #B5B5B5;
    padding: 0; float:left ; width:100%
}

#grip-footer .row div{ position:relative; height:180px; padding-top:35px; padding-bottom:35px; color:#fff}
#grip-footer .row div span{ position:absolute; left:15px; width:100%; bottom:35px; font-size:16px; line-height:28px}
#grip-footer b{ color:#4F2E82; font-family:"America"; font-size:13px; width:100%; float:left; line-height:16px; text-transform:uppercase; font-weight:300}
#grip-footer .row div span a{ color:#fff}
	#grip-footer .row div span a:hover{ text-decoration:underline}
	#grip-footer .row div span a i{ font-size:23px; margin-right:10px}
	#grip-footer .row div.text-right span{ right:15px; left:auto}
	#grip-footer m{ position:absolute; left:-25px; top:0px; height:100%; width:1px; background:#fff}


@media screen and (max-width:1099px) {
   #grip-footer .row div span{ font-size:14px; line-height:24px} 
}
@media screen and (max-width:991px) {
   #grip-footer .row div span{ font-size:11px; line-height:22px} 
}
@media screen and (max-width:767px) {
	#grip-footer .row div{ height:110px; padding-bottom:0px}
	#grip-footer .row div span{ bottom:0px; font-size:14px; line-height:24px}
	#grip-footer m{ display:none}
	#grip-footer .row div.text-right{text-align:left; margin-bottom:30px; height:130px}
	#grip-footer .row div.text-right span{ left:15px; right:auto}
}

#grip-offcanvas {
    position: absolute;
    position: fixed;
    z-index: 1901;
    width: 300px;
    background: #4F2E82;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 45px 40px 40px;
    overflow-y: auto;
    display: none;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media screen and (max-width:375px) {
	#grip-offcanvas { width:100%}
}

@media screen and (max-width:991px) {
    #grip-offcanvas {
        display: block
    }
}

.offcanvas #grip-offcanvas {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

#grip-offcanvas a {
    color: rgba(255, 255, 255, .7)
}

#grip-offcanvas a:hover {
    color: rgba(255, 255, 255, 1)
}

#grip-offcanvas ul {
    padding: 0;
    margin: 0; margin-top:30px
}

#grip-offcanvas ul li {
    padding: 0;
    margin: 0;
    list-style: none; line-height:50px; text-align:center
}
#grip-offcanvas ul li.social{ width:auto; display:inline-block; margin-right:10px; margin-top:10px}

	#grip-offcanvas ul li.social i{ font-size:20px}
	
#grip-offcanvas ul li>ul {
    padding-left: 20px;
    display: none
}

#grip-offcanvas ul li.offcanvas-has-dropdown>a {
    display: block;
    position: relative
}

#grip-offcanvas ul li.offcanvas-has-dropdown>a:after {
    position: absolute;
    right: 0;
    font-family: icomoon;
    font-weight: 400;
    text-transform: none;
    line-height: 1;
    content: "\e921";
    font-size: 20px;
    color: rgba(255, 255, 255, .2);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

#grip-offcanvas ul li.offcanvas-has-dropdown.active a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.uppercase {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase
}

.gototop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.gototop.active {
    opacity: 1;
    visibility: visible
}

.gototop a {
    width: 50px;
    height: 50px;
    display: table;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding-top: 12px; font-family:Verdana, Geneva, sans-serif
}

.gototop a i {
    height: 50px;
    display: table-cell;
    vertical-align: middle
}

.gototop a:active,
.gototop a:focus,
.gototop a:hover {
    text-decoration: none;
    outline: 0
}

.grip-nav-toggle:active,
.grip-nav-toggle:focus,
.grip-nav-toggle:hover {
    outline: 0;
    border-bottom: none!important
}

.grip-nav-toggle:active i {
    color: #fff!important
}

.grip-nav-toggle.active i::after,
.grip-nav-toggle.active i::before {
    background: #fff!important
}

.grip-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 2px;
    color: #fff;
    font: 700 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #fff;
    transition: all .2s ease-out
}

#grip-hero .flexslider .flex-direction-nav a.flex-next:before,
#grip-hero .flexslider .flex-direction-nav a.flex-prev:before {
    
	text-indent:-9999px
}

.grip-nav-toggle i::after,
.grip-nav-toggle i::before {
    content: '';
    width: 25px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    transition: all .2s ease-out
}

.bgclear .grip-nav-toggle i{ color:#252525; background:#252525}
.bgclear .grip-nav-toggle i::after,
.bgclear .grip-nav-toggle i::before{ background:#252525}
.bgclear .grip-nav{ background:#fff; box-shadow:0px 0px 3px rgba(0,0,0,0.4)}
.bgclear .grip-nav #grip-logo polygon,.bgclear .grip-nav #grip-logo path{ fill:#4F2E82}
.bgclear .grip-nav #grip-logo span{ color:#7F7F7F}
.bgclear .grip-nav ul li a,.bgclear .grip-nav ul li a i{ color:#4F2E82}

.bgclear .grip-nav ul li a.rounded{ border-color:#4F2E82; color:#4F2E82}
.bgclear .grip-nav ul li a.rounded:hover{ border-color:#4F2E82; color:#fff; background:#4F2E82}

.grip-nav-toggle.grip-nav-white>i {
    color: #fff;
    background: #fff
}

.grip-nav-toggle.grip-nav-white>i::after,
.grip-nav-toggle.grip-nav-white>i::before {
    background: #fff
}

.grip-nav-toggle i::before {
    top: -7px
}

.grip-nav-toggle i::after {
    bottom: -7px
}

.grip-nav-toggle:hover i::before {
    top: -10px
}

.grip-nav-toggle:hover i::after {
    bottom: -10px
}

.grip-nav-toggle.active i {
    background: 0 0; color:#fff
}

.grip-nav-toggle.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.grip-nav-toggle.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

.grip-nav-toggle {
    cursor: pointer;
    text-decoration: none;
    position: fixed;
    right: 12px;
    top: 16px;
    padding: 6px 0 0;
    margin: 0 auto;
    display: none;
    height: 44px;
    width: 44px;
    z-index: 2001;
    border-bottom: none!important
}
body.active .grip-nav-toggle{ top:12px}

.flexslider{ opacity:0}

#grip-hero,
body.active #grip-hero {
    margin-top: 0px
}

body.active #grip-hero{ margin-top:0px}

body.active .grip-nav-toggle {
    top: 12px
}

@media screen and (max-width:767px) {
    .grip-nav-toggle {
        display: block
    }
}

.row-pb-md {
    padding-bottom: 4em!important
}

.row-pb-sm {
    padding-bottom: 2em!important
}

.grip-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loader.gif) center no-repeat #4F2E82
}

.js .animate-box {
    opacity: 0
}

#grip-hero {
    background: center center no-repeat #4F2E82;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    height: auto; 
}



#grip-hero .btn {
    font-size: 24px
}

#grip-hero .flexslider {
    border: none;
    z-index: 1;
    margin-bottom: 0
}

#grip-hero .flexslider .slides {
    position: relative;
    overflow: hidden;
	background-color:#4F2E82;
}

#grip-hero .flexslider .slides li .bgimg {
  background-position: center;
  height: 100%;
  width: 100%;
  transition: transform 1.5s ease-in-out, opacity 0.2s;
  -webkit-backface-visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: 1; position:absolute;
  transform: scale(1.3); opacity:0.6
}

#grip-hero .flexslider .slides li.flex-active-slide .bgimg {
  transform: scale(1); opacity:1
}

#grip-hero .flexslider .slides li {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    position: relative; background-color:#4F2E82;
}

#grip-hero .flexslider .slides li .overlay {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    background: rgba(0, 0, 0, .4);
    width: 100%; z-index:1
}



#grip-hero .flexslider .flex-control-nav li a {
    background: rgba(255, 255, 255, .2);
    box-shadow: none;
    width: 12px;
    height: 12px;
    cursor: pointer
}

#grip-hero .flexslider .flex-control-nav li a.flex-active {
    cursor: pointer;
    background: rgba(255, 255, 255, .7)
}

#grip-hero .flexslider .flex-direction-nav {
    display: block; 
}

#grip-hero .flexslider .flex-direction-nav a {
    position: absolute;
    cursor: pointer; width:40px; height:74px
}

#grip-hero .flexslider .flex-direction-nav a:before {
    left: 0;
    top: 0;    
    text-shadow: none!important;
    font-size: 40px;
    position: relative;
    z-index: 10
}

#grip-hero .flexslider .flex-direction-nav a.flex-prev {
    
    left: -60px
}

#grip-hero .flexslider .flex-direction-nav a.flex-prev:before {
 background:url(../images/left-white.png); width:40px; height:74px  
}

#grip-hero .flexslider .flex-direction-nav a.flex-next {
    right: -60px;
}

#grip-hero .flexslider .flex-direction-nav a.flex-next,
#grip-hero .flexslider .flex-direction-nav a.flex-prev {
    opacity: 1!important
}

#grip-hero .flexslider .flex-direction-nav a.flex-next:before {
   background:url(../images/right-white.png); width:40px; height:74px 
}

#grip-hero .flexslider .display-table{display: table; height:100%; width:100%; z-index:2; position:relative; opacity:0}
/*#grip-hero .flexslider .display-cell{display: table-cell; vertical-align: middle; text-align:center;}*/


#grip-hero .flexslider .display-cell {
    max-width: 1000px;
    position: relative;
    margin: 0 auto;
    padding-left: 90px;
    padding-right: 45px;
}
@media screen and (min-width: 768px){
#grip-hero .flexslider .display-cell {
    width: 738px;
}
}
@media (min-width: 992px){
#grip-hero .flexslider .display-cell {
    width: 962px;
}
}
@media (min-width: 1100px){
#grip-hero .flexslider .display-cell {
    width: 1070px;
    max-width: 1070px;
}
}
@media (min-width: 1130px){
#grip-hero .flexslider .display-cell {
    width: 1100px;
    max-width: 1100px;
	 padding-left:140px
}
}



#grip-hero .flexslider .display-cell h1,#grip-hero .flexslider .display-cell h2,#grip-hero .flexslider .display-cell p{color:#fff}
#grip-hero .flexslider .display-cell h1{ font-family:"America"; font-size:36px; line-height:43px; margin-bottom:0px;
margin-top:190px; font-weight:bold}
#grip-hero .flexslider .display-cell h2{ font-family:"America"; font-size:36px;   line-height:43px; margin-bottom:20px; font-weight:bold}
	#grip-hero .flexslider .display-cell h2 b,#grip-hero .flexslider .display-cell h1 b{ color:#FF7155}
	
			/*
			a:hover #ic_planos path,a:hover #ic_planos rect,a:hover #ic_planos polygon{ fill:#32BAAD; opacity:1}
			a:hover #ic_renders path,a:hover #ic_renders rect,a:hover #ic_renders polygon{ fill:#1DA4FF; opacity:1}
			a:hover #ic_fotos path,a:hover #ic_fotos rect,a:hover #ic_fotos polygon{fill:#FFD25C; opacity:1}
			a:hover #ic_diseno path,a:hover #ic_diseno rect,a:hover #ic_diseno polygon{fill:#E04E3F; opacity:1}	
			*/
			
#grip-hero .flexslider .display-cell p{ font-size:18px; line-height:26px;  max-width:530px;
margin-bottom:92px; color:#fff}

	#grip-hero .flexslider .display-cell a{color:#fff; padding-bottom:1px;
	 float:left; margin-bottom:60px; border-bottom:1px solid #fff; font-size:18px; line-height:30px; opacity:0.8}
		#grip-hero .flexslider .display-cell a:hover{ opacity:1}
		#grip-hero .flexslider .display-cell a.arrowed{ border-bottom:0px none; float:right; width:37px; height:30px; background:url(../images/arrowed.png) center center no-repeat; margin-bottom:0px}
		
		#grip-hero .flexslider .display-cell a.arrowed2{ border-bottom:0px none; float:left; width:37px; height:30px; background:url(../images/arrowed.png) center center no-repeat;  transform: rotate(90deg);}
	
	#grip-hero .flexslider .flex-direction-nav a.flex-prev {left:20px}
	#grip-hero .flexslider .flex-direction-nav a.flex-next {right:20px}

.slogan{width:70px; height:558px; position:absolute; left:0px; border-right:1px solid #fff; top:0px; z-index:99}
.slogan span{ position:absolute;transform: rotate(-90deg); color:#fff; font-family:"America"; font-weight:500; left:-100px; bottom:175px; text-transform:uppercase; font-size:20px; line-height:30px; width:270px}


.home #grip-hero,.sector #grip-hero{ height:558px}

/*@media screen and (max-width:1024px) {
	#grip-hero .flexslider .display-cell h1{ margin-top:260px}	
	#grip-hero .flexslider .display-cell h1,#grip-hero .flexslider .display-cell h2 { font-size: 36px; line-height:38px}
	#grip-hero .flexslider .display-cell p{ font-size:14px; line-height:18px; max-width:600px}
	#grip-hero .flexslider .display-cell p{ margin-bottom:164px}
	#grip-hero .flexslider .display-cell a{ }
}

@media screen and (max-width:767px) {
	#grip-hero .flexslider .display-cell h1{ margin-top:200px}	
	#grip-hero .flexslider .display-cell h1,#grip-hero .flexslider .display-cell h2 { font-size: 30px; line-height:38px}
	#grip-hero .flexslider .display-cell p{ font-size:14px; line-height:18px; max-width:480px}
	#grip-hero .flexslider .display-cell p{ margin-bottom:164px}
	#grip-hero .flexslider .display-cell a{}
}
@media screen and (max-width:640px) {
	#grip-hero .flexslider .display-cell h1,#grip-hero .flexslider .display-cell h2 { font-size: 26px}
}

@media screen and (max-width:560px) {
	#grip-hero .flexslider .display-cell h1,#grip-hero .flexslider .display-cell h2 { font-size: 20px; letter-spacing:-1px}
	#grip-hero .flexslider .display-cell p{ width:70%; margin-left:15%}
}

@media screen and (max-width:399px) {
	#grip-hero .flexslider .display-cell h1{ margin-top:160px; font-size:17px; line-height:25px}
	#grip-hero .flexslider .display-cell h2{font-size:17px; line-height:25px}
	#grip-hero .flexslider .display-cell p{  font-size:12px}	
}*/
@media screen and (max-width:660px) {
	#grip-hero .flexslider .display-cell h1,#grip-hero .flexslider .display-cell h2{ font-size:28px}
	#grip-hero .flexslider .display-cell p{ font-size:15px}
}
@media screen and (max-width:565px) {
	#grip-hero .flexslider .display-cell{ padding-right:60px}
	#grip-hero .flexslider .display-cell h1,#grip-hero .flexslider .display-cell h2{ font-size:22px}
	#grip-hero .flexslider .display-cell p{ font-size:13px}
}
@media screen and (max-width:480px) {
	#grip-hero .flexslider .display-cell{ padding-right:30px}
	#grip-hero .flexslider .display-cell h1,#grip-hero .flexslider .display-cell h2{ font-size:20px}
	#grip-hero .flexslider .display-cell p{ font-size:11px}
}
@media screen and (max-width:374px) {
.slogan{ display:none}
#grip-hero .flexslider .display-cell{ padding-left:30px}
.grip-container{ padding-left:30px}
#smalllogo{ display:none}
}


/*
@media screen and (max-width:991px) {
	#grip-hero .flexslider .slides li,#grip-hero{ height:320px}
}

@media screen and (max-width:767px) {
	#grip-hero .flexslider .slides li,#grip-hero{ height:250px}
}

@media screen and (max-width:590px) {
	#grip-hero .flexslider .slides li,#grip-hero{ height:220px}
}
@media screen and (max-width:520px) {
	#grip-hero .flexslider .slides li,#grip-hero{ height:200px}
}
@media screen and (max-width:480px) {
	#grip-hero .flexslider .slides li,#grip-hero{ height:180px}
}
@media screen and (max-width:430px) {
	#grip-hero .flexslider .slides li,#grip-hero{ height:160px}
}
@media screen and (max-width:374px) {
	#grip-hero .flexslider .slides li,#grip-hero{ height:140px}
}
*/

@media screen and (max-width:690px) {
    #grip-hero .flexslider .slider-text>.slider-text-inner h1 {
        font-size: 45px;
        line-height: 48px
    }
}

@media screen and (max-width:623px) {
    #grip-hero .flexslider .slider-text>.slider-text-inner h1 {
        font-size: 40px;
        line-height: 43px
    }
}

@media screen and (max-width:475px) {
    #grip-hero .flexslider .slider-text>.slider-text-inner h1 {
        font-size: 30px;
        line-height: 33px
    }
}

#grip-hero .flexslider .slider-text>.slider-text-inner .grip-lead {
    font-size: 20px;
    color: #fff
}

#grip-hero .flexslider .slider-text>.slider-text-inner .grip-lead .icon-heart {
    color: #d9534f
}

.grip-section-overflow {
    overflow: hidden;
    position: relative
}

#grip-services .feature-left .icon i {
    color: #ccc!important
}

#grip-services .feature-left h3 {
    color: #CF0C1E;
    font-size: 22px
}

.w100 {
    background: #f5f5f5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    height: 50px
}

.menu-1.main-nav {
    margin-top: 15px
}

.main-ul {
    float: right
}

#grip-offcanvas .main-ul {
    margin-right: 0!important;
    float: left
}

#grip-offcanvas .grip-social {
    float: left
}

#grip-offcanvas .grip-social li a {
    padding: 0!important
}

#grip-offcanvas .grip-social li a:hover {
    color: #fff!important
}

section {
    display: block
}

#grip-portfolio {
    padding-top: 0;
    padding-bottom: 0
}

#grip-portfolio .grip-container .row{ margin-left:-15px; margin-right:-15px}

#grip-portfolio .feature-center {
    background: 0 0;    
    margin-bottom: 30px; margin-top:30px;
	background:#fff; border-radius:6px; text-align:center; overflow:hidden; border:1px solid #fff
}

#grip-portfolio .feature-center:hover{border:1px solid #157C40}

#grip-portfolio .feature-center.container-alone {
    border-left: 0 none;
    padding-left: 0;
     border:1px solid #167C40; 
	padding:40px 30px; color:#167C40; text-transform:uppercase;  background:none; text-align:left
}

.container-alone {
    display: table;
    vertical-align: middle;
    margin-top: 20%; text-align:center
}

#grip-portfolio .alone {    
    line-height: 36px;
    font-size: 36px;
    display: table-cell;
    vertical-align: middle; letter-spacing:0.10px; font-weight:bold
}

#grip-portfolio .feature-center p{ color: #002B49; text-transform:uppercase; margin-bottom:20px; width:100%; float:left; font-size:20px; height:20px; font-weight:bold}
#grip-portfolio .feature-center img {
     height: 168px; margin-top:18px
}


@media (max-width:1100px) {
    #grip-portfolio .alone { font-size:29px; letter-spacing:0px}	
	#grip-portfolio .feature-center img {
		 height: 148px; margin-bottom:20px
	}

	
    #grip-portfolio .grip-heading h2 {
        width: 90%
    }
}

@media (max-width:991px) {
	
	
	
    #grip-portfolio .grip-heading h2 {
        width: 100%;
        margin-bottom: 40px
    }
    #grip-portfolio .feature-center {
        margin-bottom: 0
    }
    #grip-portfolio .col-md-3:nth-child(3) .feature-center {
        border-left: 0 none
    }
    #grip-portfolio .col-md-3:nth-child(3) .feature-center,
    #grip-portfolio .col-md-3:nth-child(4) .feature-center {
        margin-bottom: 30px
    }
}


@media (max-width:540px) {
    #grip-portfolio .alone { font-size:29px}	
}

@media (max-width:470px) {
    
    
    #grip-portfolio .col-md-3 {
        width: 100%
    }
    #grip-portfolio .feature-center img {
        max-width: 100%;
        margin-top: 5%
    }
    #grip-portfolio .counter-aux {
        margin-left: 0
    }
    #grip-portfolio .feature-center {
        border-left: 0 none;
        padding-left: 20px;
        padding-right: 20px
    }
    #grip-portfolio .col-md-3:nth-child(3) .feature-center {
        margin-bottom: 0
    }
    #grip-portfolio .counter-label {
        width: 100px
    }
    
    #grip-portfolio .grip-heading h2 {
        font-size: 60px;
        line-height: 48px;
        background-size: contain
    }
}

#grip-contactus p,
#grip-whoweare p {

}

#grip-ourwork img,
.mapwithpins img.mapamundi {
    width: 100%; max-width:791px
}

#grip-services .grip-heading {
    margin-bottom: 0
}

#grip-services {
    background: #157C40;
    background-attachment: fixed;
    background-size: cover;
    padding: 5em 0
}

#grip-services h2 {
    color: #002B49;
    font-size: 26px;
    line-height: 23px;
    margin-bottom: 35px;
    
    font-weight: 400
}

#grip-services h3 {
    color: #fff;
    font-size: 43px;
    line-height: 38px;    
    max-width: 600px;
    margin: 0 auto 35px;
    font-weight: 400
}



#grip-whoweare .grip-heading {
    margin-bottom: 0
}

#grip-whoweare {
    background: url(../images/bgproductos.jpg);
    padding: 5em 0;
    background-size: cover; background-position:center center; background-attachment:fixed
}

#grip-whoweare h2 {
    color: #231F20;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0px;    
    font-weight: 600; text-transform:uppercase; font-family:"America";
	-webkit-font-smoothing: auto;
-moz-font-smoothing: auto;
-o-font-smoothing: auto;
}

#grip-whoweare h3 {
    color: #231F20;
    font-size: 43px;
    line-height: 50px;    
    margin-bottom: 0px;font-family:"America"
}



#grip-ourwork .grip-heading {
    margin-bottom: 0
}

#grip-ourwork {
    background: #fff url(../images/bg-call.jpg) center center no-repeat;
    padding: 7.5em 0;
    background-size: auto 100%
}
	
	#grip-ourwork.suscripciones-faq{ background:#4F2E82}
	#grip-ourwork.subheaderblue{ background:#4F2E82; padding-top:calc(7.5em + 80px)}
	#grip-ourwork.squared{ background:#4F2E82 url(../images/bg-blue.jpg) repeat} 
	#grip-ourwork.subheaderwhite{ background:#fff} 
	
#grip-ourwork a{
    border: 2px solid #4F2E82;
    border-radius: 4px;
    padding-left: 30px;
    padding-right: 30px;
    color: #4F2E82;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 176px;
    margin-left: calc(50% - 89px);
    float: left;
    margin-top: 20px;
    text-align: center;
}
#grip-ourwork a:hover{ background:#4F2E82; color:#fff}


@media (min-width:1270px) {
#grip-ourwork {background-size: 100% auto}
}

#grip-ourwork h2 {
    color: #4F2E82;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 0px;
    font-weight: 600; font-family:"America"
}
	
	#grip-ourwork.subheaderwhite2{ padding-bottom:4.5em}
	#grip-ourwork.subheaderblue h2{ color:#fff}
	#grip-ourwork.subheaderwhite h2{ color:#4F2E82}
	#grip-ourwork.subheaderwhite2 h2{ color:#4F2E82}
	#grip-ourwork.subheaderwhite2 p{ margin-top:10px!important}
	#grip-ourwork.suscripciones-faq h2{ color:#fff; font-size:33px; line-height:40px}
	#grip-ourwork.suscripciones-faq p{ margin-top:10px}
	#grip-ourwork.suscripciones-faq a{ color:#fff; border-color:#fff}
		#grip-ourwork.suscripciones-faq a:hover{ background:#fff; color:#4F2E82}
	
	.membresiascontainer{ float:left; width:100%; margin-bottom:80px}
		.membresiaone{width:100%; margin-top:60px; transition:0.3s}
		.dividida{width:50%; float:left; overflow:hidden; border:1px solid #eee}
			.dividida.option-1{border-radius:8px 0px 0px 0px}
			.dividida.option-2{border-radius:0px 8px 0px 0px; margin-left:-1px}
			.option-1-2 .dividida{ width:100%; border-radius:8px 8px 0px 0px}
		.dividida h6{width:100%; float:left; padding-top:25px; padding-bottom:25px; background:#E8E8E8; color:#4F2E82; text-align:center; font-size:24px; font-weight:bold; transition:0.3s}
		.dividida p{ width:100%; float:left; padding-top:5px; padding-bottom:5px}
			.dividida p b{ float:left; width:70%; color:#4F2E82; font-size:31px; text-align:center; font-family:"America"; font-weight:bold; line-height:30px}
				.dividida p b sub{ color:#B2B2B2; font-size:10px; margin-left:5px; font-weight:normal; font-family:"Franklin"}
			.dividida p span{ float:left; width:30%; text-align:left; color:#4F2E82; font-size:12px; padding-right:10px; line-height:15px}
			.bluewi{ float:left; width:100%; background:#4F2E82; border-radius:0px 0px 8px 8px; padding:50px 60px}
				.bluewi span{ float:left; width:100%; color:#fff; font-size:12px; line-height:13px; margin-top:13px; margin-bottom:13px; min-height:26px; padding-left:35px; background:url(../images/arrowblue.png) left top no-repeat }
				.option-1-2 .bluewi{ padding:50px 30px}	
				.option-1-2 .bluewi span{ width:50%; padding-right:5px; padding-left:35px; margin-top:21px; margin-bottom:22px}
		
		.membresiaone:hover .dividida h6{ color:#fff}
		
			.membresiaone:hover .dividida.option-1 h6{ background:#32BAAD}
			.membresiaone:hover .dividida.option-2 h6{ background:#4F2E82}
			.membresiaone.option-1-2:hover h6{ background:#FFD25C}
			
			.membresiaone:hover .dividida.option-1 p b{ color:#32BAAD}
			.membresiaone:hover .dividida.option-2 p b{ color:#4F2E82}
			.membresiaone.option-1-2:hover p b{ color:#FFD25C}
			
			.membresiaone:hover{ margin-top:50px}
			.membresiaone:hover .dividida h6{ margin-bottom:40px}
			.membresiaone:hover .dividida a{ margin-bottom:45px}
			
		.dividida a{
				color: #4F2E82;
				border: 2px solid #4F2E82;
				border-radius: 4px;
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 5px;
				padding-bottom: 5px;
				width: 170px;
				margin-left: calc(50% - 85px);
				margin-bottom: 40px; margin-top:10px;
				float: left; font-size:16px; text-align:center
			}
			.dividida a:hover{ background:#4F2E82; color:#fff}
			
		@media (max-width:991px) {	
			.membresiatipo2{ margin-top:80px!important; float:left}	
		}
		
		@media (max-width:600px) {	
		.dividida p b{ font-size:25px}
		}
		
		@media (max-width:480px) {	
		.dividida p b{ font-size:20px}
		.dividida a{ width:calc(100% - 20px); margin-left:0px; margin-left:10px; margin-right:10px; font-size:13px}
		.option-1-2 .bluewi{ padding:50px 60px}	
		.option-1-2 .bluewi span{ width:100%; margin-top:10px; margin-bottom:10px}
		.dividida.option-1 p b,.dividida.option-2 p b,.dividida.option-1 p span,.dividida.option-2 p span{ width:100%; text-align:center}
		.dividida h6{ font-size:20px}
		}
			
#grip-ourwork h3 {
    color: #fff;
    font-size: 36px;
    line-height: 37px; margin:0 auto;
    margin-bottom: 55px;
    font-weight: 400;
    max-width: 470px; text-transform:uppercase
}

#grip-ourwork p,
#grip-ourwork span {
    color: #fff;    
    font-weight: 400;
    max-width: 490px; margin:0 auto
}

	#grip-ourwork.subheaderwhite p{ color:#7F7F7F; max-width:910px; margin:0 auto; margin-top:52px; font-size:22px; line-height:25px}

#grip-ourwork p {
    font-size: 16px;
    line-height: 20px;
    margin-top: 30px;
    margin-bottom: 0px; font-weight:normal; max-width:100%; 
}


#grip-testimonials {
    background: #4F2E82 ;
    padding: 5.5em 0;
    background-size: auto 100%
}
	#grip-testimonials.bg-acerca{ background-image:url(../images/bg-acerca.jpg); background-position:center center; background-size:cover}

#grip-testimonials .grip-heading{ margin-bottom:0px}

#grip-testimonials h2 {
    color: #fff;
    font-size: 33px;
    line-height: 36px;
    margin-bottom: 0px;
    font-weight: normal; font-family:"America"; 
	-webkit-font-smoothing: auto;
-moz-font-smoothing: auto;
-o-font-smoothing: auto; color:#fff
}


#grip-contactus .grip-heading {
    margin-bottom: 0
}

#grip-contactus {
    background: #fff;
    padding: 6.5em 0; border-bottom:2px solid #cecece
}

#grip-contactus h2 {
    color: #231F20;
    font-size: 33px;
    line-height: 36px;
    margin-bottom: 20px;
    font-weight: 600; font-family:"America"; 
	-webkit-font-smoothing: auto;
-moz-font-smoothing: auto;
-o-font-smoothing: auto; color:#4F2E82
}


#grip-contactus h3 {
    color: #4F2E82;
    font-size: 24px;
    line-height: 25px; font-family:"America";
	border-top: 2px solid #4F2E82; padding-bottom:0px; width:100%; position:relative;
	cursor:pointer; float:left; padding-right:50px; padding-top:35px
}

#grip-contactus h3:first-of-type{margin-top:30px}
#grip-contactus h3:last-of-type{ border-bottom:0px solid #4F2E82; padding-top:30px; padding-bottom:35px}
		
#grip-contactus h3 span{ width:10%; color:#4F2E82; text-align:left; font-size:50px; font-weight:bold; margin-right:10%; float:left; line-height:50px}		
#grip-contactus h3 k{ width:80%; float:left}
		
#grip-contactus h3 img{ position:absolute; right:20px; top:38px; 
-webkit-transform: rotate(-90deg);
				  -moz-transform: rotate(0deg);
				  -ms-transform: rotate(0deg);
				  transform: rotate(0deg);
				   -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s}
	#grip-contactus h3.active img{-webkit-transform: rotate(0deg);
				  -moz-transform: rotate(-180deg);
				  -ms-transform: rotate(-180deg);
				  transform: rotate(-180deg)}

#grip-contactus p{ padding:0px; margin:0px; float:left; width:100%; display:none}	
	#grip-contactus p{ font-size: 16px;
		line-height: 19px;padding-bottom:30px; color:#7F7F7F
	}
	
	
	
	
	.mayprox{ float:left; width:calc(100% + 30px); margin-top:40px; margin-left:-15px; margin-right:-15px}
		.mayprox p{font-size: 13px; line-height:16px; color:#000}

#grip-contactus .grip-heading h2{ margin-bottom:10px}
#grip-contactus .grip-heading h3{color: #231F20;
    font-size: 43px;
    line-height: 36px;
    margin: 0px;
    font-family: "America"; padding:0px; border-bottom:0px none; margin-bottom:29px}
#grip-contactus .grip-heading p{font-size: 13px; line-height:16px; color:#000;  max-width:327px; margin:0 auto; margin-bottom:50px}

body .boxes.col-md-12{ margin-left:-15px; margin-right:-15px; width:calc(100% + 30px)}
.boxes div span{ background:#fff; border-radius:6px; padding:22px 20px; float:left}
	.boxes div span h1{color:#08262C; text-transform:uppercase; font-weight:bold; font-size:36px; line-height:37px; margin-bottom:10px; float:left; width:100%}			
		.boxes div span h1 i{ float:left; width:calc(100% - 60px); font-style:normal}
		.boxes div span h1 k{ width:50px; height:50px; margin-top:10px; float:right; background-size: auto 84%; background-repeat:no-repeat; background-position:center center}
	.boxes div span p{color:#000; font-size:17px; margin-bottom:0px}
	
	@media (max-width:1099px) { 
		.boxes div span h1{ font-size:30px}
		#grip-contactus h3 {
			font-size: 20px;
		}
		#grip-contactus h3 span{ width:10%; margin-right:15%; }		
		#grip-contactus h3 k{ width:70%}
	}
	@media (max-width:992px) { 
		.boxes div span h1{ font-size:18px; line-height:22px}
		.boxes div span h1 k{ margin-top:0px}		
		#grip-contactus h3 span{ width:10%; margin-right:10%; }		
		#grip-contactus h3 k{ width:80%}		
	}
	@media (max-width:450px) { 
		#grip-contactus h3 {
			font-size: 18px;
		}
		#grip-contactus h3 span{ width:10%; margin-right:15%; }		
		#grip-contactus h3 k{ width:70%}
	}
	
	@media (max-width:374px) { 		
		#grip-contactus h3 span{ width:10%; margin-right:15%; }		
		#grip-contactus h3 k{ width:100%}
	}

#grip-whoweare .boxes h3{ font-family:"America"; font-size:72px; text-transform:uppercase; font-weight:600; position:relative; margin-top:10px;
-webkit-font-smoothing: auto;
-moz-font-smoothing: auto;
-o-font-smoothing: auto;}
	#grip-whoweare .boxes h3:before{ content:""; width:100%; height:30px; position:absolute; right:0px; bottom:-10px; background-size: auto 100%; background-repeat:no-repeat;
	background-position:center top; z-index:-1}
	#grip-whoweare .boxes .caramelo h3:before{ background-image:url(../images/l_amarilla.png)}
	#grip-whoweare .boxes .original h3:before{ background-image:url(../images/l_verde.png)}
	#grip-whoweare .boxes .latte h3:before{ background-image:url(../images/l_crema.png)}
.boxes div{ padding-top:36px; text-align:center}
.boxes div a{padding:0px; float:left; width:100%; margin-top:36px; text-align:center}	
	
	.boxes div a k{ width:100%; text-align:center; float:left; padding:0px; padding-top:10px; padding-bottom:10px;
	 -o-transition: .2s;
    transition: .2s}
		.boxes div a k img{ max-height:365px; max-width:100%; -webkit-transition: .3s;
    -o-transition: .2s;
    transition: .2s}	
	.boxes div a span{ text-align:center; float:none; padding:0px; color:#7C7C7C; font-size:10px; text-transform:uppercase; line-height:15px; background:none;
	font-weight:bold}
		.boxes div a span i{ border-radius:15px; width:15px; height:15px; text-align:center; border:1px solid #7C7C7C; font-style:normal;
		display:inline-block; line-height:14px; font-size:10px; padding-right:2px; padding-left:2px; margin-right:3px; margin-bottom:20px}
	
		.boxes div a:hover span{color:#231F20}
		
		.boxes div a.bullet:hover k{ padding-top:0px; padding-bottom:0px}
		.boxes div a.bullet:hover k img{ max-height:385px}
		
		.boxes div a.request{ border:2px solid #2F292B; border-radius:100px; font-size:10px; padding:10px 12px; font-weight:bold; text-transform:uppercase;
		color:#2F292B; width:130px; float:none; margin-top:20px; display:inline-block}
			.boxes div a.request:hover{ background:#2F292B; color:#f4f4f4}
		
	.boxes div a h1{color:#000;  font-weight:normal; font-size:17px; line-height:25px; margin-bottom:10px; float:left; width:100%; padding:0px 30px; min-height:50px}			
	.boxes div a p{color:#157C40; font-size:25px; margin-bottom:20px; font-weight:normal; float:left; margin-top:0px; padding:0px 30px}

@media (max-width:767px) {
	.boxes div a.request, .boxes div span{ margin-bottom:40px}
	.boxes div:last-child a, .boxes div:last-child span{ margin-bottom:0px}
}

#grip-whowearemore .grip-heading{ margin-bottom:2em}
#grip-whowearemore .grip-heading h1{	color: #002B49;	font-size: 20px;font-weight: bold;line-height: 23px; text-transform:uppercase}
#grip-whowearemore .grip-heading h2{font-size: 36px;color: #000000;font-weight: bold;line-height: 37px;text-transform:uppercase}
#grip-whowearemore .grip-heading p{	color: #696969;font-size: 23px;line-height: 29px; max-width:500px; margin:0 auto; font-weight:normal}



#grip-whowearemore .boxes div span{ background:#fff; border-radius:0px; padding:0px; float:left; width:100%}	
	#grip-whowearemore .boxes div span.beige{background-color: #FDF0D5}
	#grip-whowearemore .boxes div span.green{background-color: #CBF8D6}
	#grip-whowearemore .boxes div span.blue{background-color: #D6F2FF}
	
	#grip-whowearemore	.boxes div span k{ width:100%; text-align:center; float:left; margin-bottom:20px; background:#000; max-height:180px; overflow:hidden}
	
		@media (max-width:1099px) {
			
			#grip-ourwork img{ width:90%}
			/*.boxes div a k img{ max-height:150px}*/
			
		}
		@media (max-width:991px) {
			
			.boxes div a k img{ max-height:300px}
			.boxes div a.bullet:hover k img{ max-height:320px}
		}
		
		@media (max-width:767px) {
			.boxes div a k img{ max-height:365px}	
			.boxes div a.bullet:hover k img{ max-height:385px}	
		}
	
		#grip-whowearemore .boxes div span k img{ width:100%}
	#grip-whowearemore .boxes div span h1{	color: #002B49; margin-bottom:10px; float:left; width:100%; text-align:center; font-size:20px; font-weight:bold}			
	#grip-whowearemore .boxes div span p{color:#000; font-size:17px; line-height:25px; font-weight:normal;  margin-top:0px; padding:0px 30px;
	text-align:center; width:72%; margin:0 auto;margin-bottom:20px}
.wtg{	border-top: 1px solid #CBF8D6; margin-top:5em; padding-top:5em}

.picsroom img{ width:100%}
	
	@media (max-width:1099px) {
		.picsroom img{ margin-top:50px}
	}
	
	.picsroom img.mt10{ margin-top:30px}
	a.google-black{color: #9E9E9E!important;font-size: 17px;line-height: 25px; vertical-align:middle; margin-bottom:20px; float:left}
		a.google-black img{height:40px; margin-right:7px}
		a.google-black:hover{ text-decoration:none!important; color:#000!important}

.products{ background:#f7f7f7!important; border-top: 1px solid #E3E3E3; padding:5em 0}
.products h2 {
    color: #157C40;
    font-size: 31px;
    line-height: 32px;
    margin-bottom: 27px;
    font-weight: bold;
    text-transform: uppercase;
}
.products .grip-heading {
    margin-bottom: 0;
}


a.open {
    background: transparent;
    color: #157C40;
    font-size: 20px;
    height: 32px;
    line-height: 45px;
    padding: 15px 20px;
    border-radius: 5px;
    font-weight: normal;
    border: 1px solid #157C40;
}
	a.open:hover{ background:#157C40; color:#fff}

.mt3em{margin-top:3em; float:left; text-align:center; width:100%}
.boxes .col-md-4{ margin-bottom:30px}

.special-products-grids{ display:none}


.beneficios p{ color:#000; font-size:13px; line-height:16px; text-align:center; float:left; margin-top:40px; width:83%; margin-left:8.5%}
.beneficios h4{ width:100%; float:left; text-align:center; font-family:"America"; font-size:34px; line-height:34px; margin-top:40px; color:#040404; font-weight:600;
text-transform:uppercase; margin-bottom:0px;
-webkit-font-smoothing: auto;
-moz-font-smoothing: auto;
-o-font-smoothing: auto;}
.ilustracion img{ max-width:80%}

@media (max-width:991px) {
	.ilustracion img{ margin-top:50px}
}

#grip-history{ background:#fff; position:relative}
.historia_der{ position:absolute; right:0%; top:5%; width:40%; z-index:0}

.bothrows a{border: 2px solid #4F2E82;
    border-radius: 4px;
    padding-left: 30px;
    padding-right: 30px;
    color: #4F2E82;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 176px;
    margin-left: calc(50% - 89px);
    float: left;
    margin-top: 60px; text-align:center}
.bothrows a:hover{ background:#4F2E82; color:#fff}

.derecho,.izquierdo{ min-height:480px; transition:0.3s; margin-bottom:20px}
.derecho:hover,.izquierdo:hover{ min-height:520px; margin-top:-20px; background-color:#4F2E82; border-color:#4F2E82; margin-bottom:0px; margin-left:0px; margin-right:0px; width:50%}
	@media (max-width:580px) {
		.derecho:hover,.izquierdo:hover{ width:100%}
	}
.derecho:hover h2,.izquierdo:hover h2,.derecho:hover p,.izquierdo:hover p{ color:#fff}

.derecho{ background:#fff; padding:40px; padding-bottom:20px; margin-left:25px; margin-right:15px; background:#fdfdfd url(../images/bg-house.png) center center no-repeat; border:1px solid #cecece; border-radius:5px; width:calc(50% - 40px)}
	.derecho h2{color:#4F2E82; font-family:"America"; font-size:33px;  font-weight:normal; -webkit-font-smoothing: auto;
-moz-font-smoothing: auto;
-o-font-smoothing: auto;}
	.derecho p{ font-size:16px; line-height:18px; color:#7F7F7F;  margin-bottom:20px; margin-top:20px}
	
.izquierdo{ background:#fff; padding:40px; margin-left:15px; margin-right:25px; background:#fdfdfd url(../images/bg-building.png) center center no-repeat; border:1px solid #cecece; border-radius:5px; width:calc(50% - 40px)}			
	.izquierdo h2{color:#4F2E82; font-family:"America"; font-size:33px;  font-weight:normal; -webkit-font-smoothing: auto;
-moz-font-smoothing: auto;
-o-font-smoothing: auto;}
	.izquierdo p{ font-size:16px; line-height:18px; color:#7F7F7F;  margin-bottom:20px; margin-top:20px}
	
	.aboutus .derecho,.aboutus .izquierdo{ position:relative}
	.aboutus .derecho:hover,.aboutus .izquierdo:hover{ margin-left:-22px; margin-right:-22px; width:calc(50% + 38px)}
	.aboutus .derecho{ background-image:url(../images/bg-houses.png)}
	.aboutus .izquierdo{background-image:url(../images/bg-servicios.png)}
	.aboutus .izquierdo:hover{background-image:url(../images/bg-servicios-hover.png)}
	.aboutus .derecho h2,.aboutus .izquierdo h2{ color:#4F2E82}	
	.aboutus .derecho:hover h2,.aboutus .izquierdo:hover h2{ color:#fff}	
	.aboutus .izquierdo a,.aboutus .derecho a{ position:absolute; bottom:20px; color:#4F2E82; border:0px none; border-bottom:2px solid #4F2E82; border-radius:0px; width:90px; left:50%; margin-left:-45px; padding-left:0px; padding-right:0px;
	padding-bottom:0px}
		.aboutus .izquierdo:hover a,.aboutus .derecho:hover a{ color:#fff; border-color:#fff}
			.aboutus .izquierdo a:hover,.aboutus .derecho a:hover{ background:transparent; padding-bottom:5px}
	
	@media (max-width:580px) {
		.aboutus .derecho:hover,.aboutus .izquierdo:hover{ width:100%; margin-left:0px; margin-right:0px}
	}
	.iconed{ width:50px!important; margin-bottom:40px}
	.godown{ width:35px!important; margin-top:40px; 
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); cursor:pointer}
		
#grip-history .grip-heading{ margin-bottom:3em}
#grip-history .grip-heading h2 {
    color: #4F2E82;
    font-size: 33px;
    line-height: 36px;
    margin-bottom: 0px;
    font-weight: 600;
    font-family: "America";
	-webkit-font-smoothing: auto;
-moz-font-smoothing: auto;
-o-font-smoothing: auto; width:60%; max-width:550px; margin-bottom:80px
}

#grip-history .grip-heading h3 {
    color: #fff;
    font-size: 43px;
    line-height: 50px;
    margin-bottom: 0px;
    font-family: "America";
}


#grip-reallyabout {
    background: #4F2E82;background-image: url(../images/bg_nopattern.jpg); background-position:center; background-size:cover;
    padding: 6.5em 0; border:0px
}

#grip-reallyabout h2,#grip-vacantes h2{font-family: "America";
    font-size: 33px;
    font-weight: normal;
    -webkit-font-smoothing: auto;
    -moz-font-smoothing: auto;
    -o-font-smoothing: auto; color:#fff; margin-top:40px} #grip-vacantes h2{ color:#4F2E82; margin-top:20px} #grip-vacantes .grip-heading h2{ font-weight:600}
#grip-reallyabout p{    font-size: 16px;
    line-height: 25px; font-size:22px;
    color: #fff;
    margin-bottom: 40px;
    margin-top: 20px;}
#grip-reallyabout img,#grip-vacantes img{ max-width:416px}


	@media (max-width:1099px) {
		#grip-reallyabout h2,#grip-vacantes .vacantes-titulo h2{ font-size:26px}
		#grip-reallyabout p,#grip-vacantes .vacantes-titulo p{ font-size:16px; line-height:20px}
	}
	@media (max-width:991px) {
		#grip-reallyabout h2,#grip-vacantes .vacantes-titulo h2{ margin-top:0px; font-size:23px}
			#grip-reallyabout .col-sm-4, #grip-vacantes .vacantes-titulo .col-sm-4{ width:41%}
	}
	@media (max-width:767px) {
		.mt40{ margin-top:0px!important}
		#grip-reallyabout h2, #grip-vacantes .vacantes-titulo h2{ margin-top:40px; font-size:23px}
		#grip-reallyabout .col-sm-4, #grip-vacantes .vacantes-titulo .col-sm-4{ width:100%}
		#grip-reallyabout h2,#grip-reallyabout p, #grip-vacantes .vacantes-titulo p{ text-align:center}
		#grip-vacantes .col-md-12{ float:left; width:100%}
	}
	
	#grip-reallyabout .historia_der{ width:25%; right:-3%; top:100px}
	#grip-reallyabout .historia_izq{ top:52%; left:-18%}
	.vacantes-titulo{ float:left; width:100%; margin-bottom:0px; background:url(../images/bg-vacantes.jpg) left center no-repeat; background-size:auto 100%; padding-top:50px; padding-bottom:50px}	
	@media (max-width:767px) {
		#grip-reallyabout .historia_der,#grip-reallyabout .historia_izq{ display:none}
		#grip-vacantes .vacantes-titulo h2{ text-align:center}
		#grip-vacantes .vacantes-titulo a{ float:none; margin:0 auto; display:table}
		.vacantes-titulo{ background-size:100% auto; background-position:top center}
	}


#grip-reallyabout img.aboutpic,#grip-vacantes img.aboutpic{ width:100%; border-radius:8px}
.mt40{ margin-top:80px}
.vacantes-titulo a{
color: #4F2E82;
    border: 2px solid #4F2E82;
    border-radius: 4px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;    
    margin-top: 18px;
    float: left;}
	.vacantes-titulo a:hover{ background:#4F2E82; color:#fff}

#grip-process {
    background: #fff;
    background-size: 100% auto;
    padding: 5em 0; padding-bottom:6.5em; 
    background-attachment: fixed;
}
.historia_izq{ position:absolute; left:0%; top:-15px; width:30%; z-index:0; max-width:397px}

#grip-process .grip-heading h2 {
    color: #4F2E82;
    font-size: 33px;
    line-height: 36px;
    margin-bottom: 0px;
    font-weight: 600;
    font-family: "America";
    -webkit-font-smoothing: auto;
    -moz-font-smoothing: auto;
    -o-font-smoothing: auto;
}
#grip-process .grip-heading h3 {
    color: #fff;
    font-size: 43px;
    line-height: 50px;
    margin-bottom: 0px;
    font-family: "America";
}
.col-sm-offset-1-5{ margin-left:4.16%}
.col-sm-offset-2-5{ margin-left:21.33%}
	.proceso{ position:relative}
		.proceso span{ position:absolute; width:100%; text-align:center; top:25px; color:#fff; font-family:"America"; font-size:55px; left:0px}
	.proceso img{ height:130px}
		.proceso img.linea{ height:80px; position:absolute; right:-55%; top:30px}
		.proceso img.linea2{  right:-40%; top:20px}
	
	.izquierdo{ background-size:55% auto}
	
	@media (max-width:1199px) {
		.historia_izq{ top:0px}
	}
	
	@media (max-width:1099px) {
		.proceso img.linea{ height:70px; position:absolute; right:-55%; top:30px}
		.proceso img.linea2{  right:-40%; top:20px}		
	}
	
	@media (max-width:991px) {
		.proceso img.linea{ height:45px; position:absolute; right:-50%; top:40px}
		.proceso img.linea2{  right:-40%; top:30px}
		.derecho,.izquierdo{ background-size:60% auto; float:left; background-position:center center}
		.historia_izq{ top:40px;max-width: 200px}	
		.izquierdo{ background-size:50% auto}	
	}
	@media (max-width:691px) {
		.historia_izq{ top:55px;max-width: 150px}
	}
	
	@media (max-width:337px) {
	.historia_izq{width:120px; top:80px}
	}
	
	
	
	.proceso h4 {
		font-family: "America";
		font-size: 24px; line-height:31px;
		font-weight: 600;
		position: relative;
		color:#4F2E82; margin-top:20px;
		-webkit-font-smoothing: auto;
		-moz-font-smoothing: auto;
		-o-font-smoothing: auto; z-index:1
	}
		.proceso h4:before {
			content: "";
			width: 100%;
			height: 30px;
			position: absolute;
			right: 0px;
			bottom: -10px;
			background-size: auto 100%;
			background-repeat: no-repeat;
			background-position: center top;
			z-index: -1; background-image: url(../images/l_blanca.png)
		}
		
		.proceso p {
			color: #7F7F7F;
			font-size: 16px;
			line-height: 18px;
			text-align: center;
			float: left;
			max-width:238px; margin:0 auto;margin-top: 20px; float:none; margin-bottom:20px
		}

@media (max-width:1100px) {
	#grip-contactus h2,#grip-history .grip-heading h2,#grip-process .grip-heading h2,#grip-testimonials h2{ font-size:30px}
	#grip-history .grip-heading h2{max-width:500px}
	#grip-ourwork h2{ font-size:40px; line-height:50px}
}
@media (max-width:991px) {
	.derecho,.izquierdo{ min-height:420px}
	.derecho:hover,.izquierdo:hover{ min-height:460px}
	.derecho p,.izquierdo p{ font-size:14px; line-height:16px}		
	#grip-contactus h2,#grip-history .grip-heading h2,#grip-process .grip-heading h2,#grip-testimonials h2{ font-size:24px}
	#grip-history .grip-heading h2{ width:65%; max-width:400px}
	
	#grip-ourwork h2{ font-size:30px; line-height:40px}
	
	
}
@media (max-width:767px) {
	.proceso{ margin-left:0px}
	.proceso p{ margin-bottom:40px}	
}
@media (max-width:580px) {
	.izquierdo,.derecho{ margin-left:15px; margin-right:15px; width:calc(100% - 30px); background-size:auto 100%}
	.derecho{ margin-top:40px}
	.derecho,.izquierdo{ min-height:400px}
	.derecho:hover,.izquierdo:hover{ min-height:440px}
	.derecho:hover{ margin-top:20px}
	.derecho,.izquierdo{ background-size:60% auto; float:left; background-position:center center}
	#grip-ourwork h2{ font-size:26px; line-height:36px}
	.izquierdo{ background-size:45% auto; background-position:center center}	
}

@media (max-width:991px) {
	.picsroom{ text-align:center; float:left; width:91%}
	.picsroom img{ max-width:400px}
}
	
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    
    position: absolute;
    background-color: none;
    min-width: 360px;   
    z-index: 1; top:75px; left:0px; padding-top:0px; background:#4F2E82; border-radius:8px; padding-bottom:20px; 
	padding-top:0px; box-shadow:0px 0px 8px rgba(0,0,0,0.3); transition: visibility 0s, opacity 0.2s linear; visibility:hidden; opacity:0
}
	
  .typetwo .dropdown-content { right:0px; left:auto}
	  	
	.dropdown-content:before{
	  width: 0; 
	  height: 0; 
	  border-left: 8px solid transparent;
	  border-right: 8px solid transparent;  
	  border-bottom: 8px solid #4F2E82; content:""; position:absolute; left:22.5%; top:-8px
	}
	.typetwo .dropdown-content:before{ right:5.5%; left:auto}
	
	
	#grip-offcanvas{ padding-top:40px}
	body.active #grip-offcanvas{ padding-top:110px}
	#grip-offcanvas a{ font-size:17px}
	
	#grip-offcanvas .dropdown-content{ position:relative; background:transparent; top:0px;  min-width:200px; height:100px; box-shadow:none}
	#grip-offcanvas .dropdown-content a svg,#grip-offcanvas .dropdown-content a img,#grip-offcanvas .dropdown-content:before{ display:none}
	
	#grip-offcanvas li a i b{ font-style:normal}
	#grip-offcanvas .dropdown-content a{ font-size:10px!important; line-height:14px!important}
	#grip-offcanvas .dropdown-content a b{ font-size:14px!important}
	
	.dropdown-content a{ width:100%; float:left; height:auto; text-align:left; float:left; padding:30px!important; padding-bottom:0px!important;
	 text-transform:none!important;
	color:rgba(255,255,255,0.75)!important; line-height:20px; font-size:14px!important}
	
			
		
		.dropdown-content a svg,.dropdown-content a img{ float:left; margin-right:20px; width:40px; height:40px; opacity:0.8}
		.dropdown-content a path,.dropdown-content a rect,.dropdown-content a polygon{ fill:#1DA4FF;opacity:0.8 }
		
		.dropdown-content a b{ font-size:18px!important}
		.dropdown-content a:last-child{ padding-bottom:10px!important}	
		.dropdown-content a:hover{color:#fff!important}
			
			.dropdown-content a:hover img,.dropdown-content a:hover path,.dropdown-content a:hover rect,.dropdown-content a:hover polygon{ opacity:1}
			
			/*
			a:hover #ic_planos path,a:hover #ic_planos rect,a:hover #ic_planos polygon{ fill:#32BAAD; opacity:1}
			a:hover #ic_renders path,a:hover #ic_renders rect,a:hover #ic_renders polygon{ fill:#1DA4FF; opacity:1}
			a:hover #ic_fotos path,a:hover #ic_fotos rect,a:hover #ic_fotos polygon{fill:#FFD25C; opacity:1}
			a:hover #ic_diseno path,a:hover #ic_diseno rect,a:hover #ic_diseno polygon{fill:#E04E3F; opacity:1}
			*/
			
	#grip-offcanvas .dropdown-content a{ padding-left:10px!Important; padding-top:5px!important; padding-bottom:5px!important;color:rgba(255, 255, 255, .5)!important}
	
		#grip-offcanvas .dropdown-content a:hover{ color:#fff!important}
	#grip-offcanvas .pin{ display:none}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content,#grip-offcanvas .dropdown-content {
     visibility:visible; opacity:1
}
#grip-offcanvas .main-ul{ width:100%; text-align:left}
#grip-offcanvas .dropdown-content{ padding-top:0px}
#grip-offcanvas a{ text-transform:uppercase; font-weight:bold}
#grip-offcanvas .dropdown-content a{ text-align:left; text-transform:uppercase!important; font-weight:normal}

.crystal{ width:100%; position:fixed; top:0px; height:100%; background:rgba(200,200,200,0.85); z-index:9999; display:none; opacity:0}
		#microwindow{ width:/*calc(70% - 80px)*/ 820px; background:#FFFDEB; position:absolute; left:50%; margin-left:-410px/*calc(-35% + 60px)*/; height:500px; top:50%; margin-top:-250px}
			.closemodal{ position:absolute; right:40px; top:40px; width:25px; height:25px; z-index:1}
				.closemodal i{ font-size:25px; color:#7c7c7c}			
		
		#microwindow k{
			width: 40%;
			text-align: center;
			float: left;
			padding: 20px;
			position:relative; height:100%
		}
			#microwindow.caramelo k{ background:#F5426C}
			#microwindow.original k{ background:#5C57A5}
			#microwindow.latte k{ background:#76EFFF}
		
			#microwindow k img {
				max-height: 100%;
				max-width: 100%; display:none
			}
			#microwindow k img:first-child{ display:inline}
			
		.infoproduct{
			width:60%; padding:50px; text-align:left; float:left
		}
			.infoproduct h1{color: #231F20;
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 0px;
    font-family: "America";}
			.infoproduct h3{font-family: "America";
			font-size: 72px;
			text-transform: uppercase;
			font-weight: 600;
			position: relative;
			margin-top: 10px; z-index:1; width:auto; text-align:left; margin-left:-5px; margin-bottom:60px;
			-webkit-font-smoothing: auto;
-moz-font-smoothing: auto;
-o-font-smoothing: auto;}
				.infoproduct h3:before{content: "";
				width: 100%;
				height: 30px;
				position: absolute;
				left: -5px;
				bottom: 5px;
				background-size: auto 100%;
				background-repeat: no-repeat;
				background-position: center top;
				z-index: -1;}
				.caramelo .infoproduct h3{ width:226px}
				.original .infoproduct h3{ width:196px}
				.latte .infoproduct h3{ width:126px}
				.caramelo .infoproduct h3:before {
					background-image: url(../images/l_amarilla.png);
				}
				.original .infoproduct h3:before {
					background-image: url(../images/l_verde.png);
				}
				.latte .infoproduct h3:before {
					background-image: url(../images/l_crema.png);
				}
			
			.infoproduct b{ font-family:"America"; font-weight:600; color:#231F20; font-size:25px; line-height:30px; float:left; width:100%; text-transform:uppercase;
			margin-bottom:10px;
			-webkit-font-smoothing: auto;
-moz-font-smoothing: auto;
-o-font-smoothing: auto;}
			.infoproduct span{ font-size:16px; color:#000; line-height:24px; float:left; width:100%; margin-bottom:50px; letter-spacing:-1px}
				.infoproduct span.description-2{ margin-bottom:0px}
			
			@media (max-width:900px) {
				#microwindow{width:calc(100% - 80px); margin-left:calc(-50% + 40px)}	
				.infoproduct b{ font-size:20px; line-height:25px}			
				.infoproduct span{ font-size:13px; line-height:21px}
			}
			@media (max-width:700px) {
				.infoproduct span{ margin-bottom:30px}
				.infoproduct span.description-2{ margin-bottom:0px}
			}
			/*
			@media (max-width:620px){
				#microwindow{ width:100%; margin-left:0px; left:0px}
			}*/
			
			@media (max-width:620px){
				#microwindow{ width:320px; margin-left:-160px; left:50%; margin-top:-248px; height:496px}
				#microwindow k{ width:100%; height:196px}
				#microwindow .infoproduct{ height:300px; width:100%; padding:20px}
				.infoproduct h1{ font-size:15px; line-height:15px}
				.infoproduct h3{ margin-bottom:20px; line-height:1; margin-top:0px; margin-bottom:10px}
				.infoproduct b{ margin-bottom:5px}
				.infoproduct span{ margin-bottom:20px; font-size:12px; line-height:20px}
				.infoproduct span.description-2{ margin-bottom:0px}
				.closemodal i{ color:#fff}
			}
			
			@media (max-height:500px) {
				#microwindow{ top:0px; margin-top:0px}
			}	
		
		
		.scrollable{     overflow-y: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: 0px;
    height: 100%;
    width: 100%;}
	
.backslide{ position:absolute; left:-60px; top:30%; color:#fff; width:40px; height:74px; background:url(../images/left-white.png); cursor:pointer}
.nextslide{ position:absolute; right:-60px; top:30%; color:#fff; width:40px; height:74px; background:url(../images/right-white.png); cursor:pointer}
@media (max-width:767px) {
	.backslide{ left:10px}
	.nextslide{ right:10px}
}

#testimonials{ width:100%; margin-top:50px; position:relative}
#testimonials div,.vacantes div{outline: 0!important}
#testimonials p{ width:80%; border:2px solid #1DA4FF; border-radius:8px; padding:60px; color:#fff; font-size:26px; text-align:center;  line-height:40px; margin:0 auto; margin-bottom:40px; position:relative}
	#testimonials p:before{width: 0;
height: 0;
border-style: solid;
border-width: 30px 30px 0 30px;
border-color: #1DA4FF transparent transparent transparent; position:absolute; bottom:-30px; left:100px; content:""}
	#testimonials p:after{width: 0;
height: 0;
border-style: solid;
border-width: 30px 30px 0 30px;
border-color: #4F2E82 transparent transparent transparent; position:absolute; bottom:-27px; left:100px; content:""}
#testimonials span{ width:80%;  text-align:right; color:#FDFDFD; font-size:20px;float:right; margin-right:10%;}
	#testimonials span b{color:#1DA4FF; font-weight:normal; margin-right:10px}
	
	.lapiz{ position:absolute; left:50%; margin-left:-40px; top:0px; width:80px!important}
	#testimonials h4{ width:100%;  padding:30px; padding-top:40px; padding-bottom:0px; color:#fff; font-size:50px; text-align:center;  line-height:60px; margin:0 auto; margin-bottom:40px; position:relative;
	font-family:"America"; font-weight:600}
	#testimonials h4 b.blue{ color:#4F2E82}
	#testimonials h4 b.yellow{ color:#FFD25C}

	@media (max-width:1024px) {
		#testimonials h4{ font-size:40px; line-height:50px}
	}
	
@media (max-width:767px) {
	#testimonials p{ font-size:20px; line-height:30px}
	#testimonials span{ font-size:16px}
	#testimonials h4{ font-size:30px; line-height:40px}
}
@media (max-width:480px) {
	#testimonials p{ font-size:16px; line-height:25px}
	#testimonials span{ font-size:14px}
	#testimonials h4{ font-size:25px; line-height:30px}
}

.grip-section.white h2 {
    color: #4F2E82;
    font-size: 33px;
    line-height: 40px;
    margin-bottom: 0px;
    font-weight: 600;
    font-family: "America"; margin-bottom:45px; position:relative
}
.grip-section.white p {
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 30px;
    color: #7F7F7F; float:left; width:100%
}
.grip-section.white p:last-child{ padding-bottom:0px; margin-bottom:0px}

.white .stores{ float:left; width:100%; margin-bottom:5.5em}
.white .stores p{ display:none; float:left; width:90%; margin-left:10%; margin-bottom:0px}
.white .stores k {
    width: calc(90% - 25px);
    float: left;
}
.white .stores h3{
    color: #4F2E82;
    font-size: 22px;
    line-height: 23px;
    font-family: "America";
    border-top: 2px solid #4F2E82;
    padding-bottom: 0px;
    width: 100%;
    position: relative;
    cursor: pointer;
    float: left;
    padding-right: 50px;
    padding-top:25px;
}
.white .stores span {
    width: 5%;
    color: #4F2E82;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5%;
    float: left;
    line-height: 20px;
}
.white .stores img {
    position: absolute;
    right: 20px;
    top: 25px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.white .stores h3.active img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}


.tabbed{ float:left; width:100%}
.grip-section.white.faq h2 img,.grip-section.white.faq h2 svg{ position:absolute; right:25px; top:0px; height:40px; width:40px}
.grip-section.white.faq h2{ padding-right:80px; position:relative; float:left; width:100%; color:#4F2E82}



.nav-bar-faq{ width:100%; float:left; margin-bottom:5.5em}

	.nav-bar-servicios{ padding-left:15%; width:100%; padding-right:15%; margin-bottom:1.5em}
	
	.nav-bar-faq a{ width:12.5%; float:left; opacity:0.3;  -webkit-filter: grayscale(100%); filter: grayscale(100%); text-align:center; position:relative; padding-top:12.5px}
	
		.nav-bar-servicios a{ width:25%}
	
		.nav-bar-faq a:hover,.nav-bar-faq a.active{ opacity:1;  -webkit-filter: grayscale(0%); filter: grayscale(0%)}
		.nav-bar-faq a img,.nav-bar-faq a svg{ width:30px;  height:30px; float:left; margin-left:calc(50% - 15px)}			
			.nav-bar-faq a:before{ content:""; border:2px solid; border-radius:100%; width:55px; height:55px; position:absolute; left:50%; margin-left:-27px; top:0px}	
			.nav-bar-faq a span{ color:#000}
			.nav-bar-faq a:hover span{color:#4F2E82}
			
			.nav-bar-faq a.generales:before,.nav-bar-faq a.entregas:before,.nav-bar-faq a.membresias:before,.nav-bar-faq a.modificaciones:before { border-color:#000}	.nav-bar-faq a.generales:hover:before,.nav-bar-faq a.generales.active:before,    .nav-bar-faq a.entregas:hover:before,.nav-bar-faq a.entregas.active:before,    .nav-bar-faq a.membresias:hover:before,.nav-bar-faq a.membresias.active:before,    .nav-bar-faq a.modificaciones:hover:before,.nav-bar-faq a.modificaciones.active:before  { border-color:#4F2E82}		
			.nav-bar-faq a.planos:before { border-color:#000}.nav-bar-faq a.planos svg rect{fill:#000} .nav-bar-faq a.planos:hover:before,.nav-bar-faq a.planos.active:before { border-color:#32BAAD}.nav-bar-faq a.planos:hover svg rect,.nav-bar-faq a.planos.active svg rect{fill:#32BAAD} #planos h2 svg rect{fill:#32BAAD}
			.nav-bar-faq a.renders:before { border-color:#000}.nav-bar-faq a.renders svg path{fill:#000} .nav-bar-faq a.renders:hover:before,.nav-bar-faq a.renders.active:before { border-color:#1DA4FF}.nav-bar-faq a.renders:hover svg path,.nav-bar-faq a.renders.active svg path{fill:#1DA4FF}  #renders svg path{fill:#1DA4FF} 
			.nav-bar-faq a.fotografia:before { border-color:#000}.nav-bar-faq a.fotografia svg path{fill:#000} .nav-bar-faq a.fotografia:hover:before,.nav-bar-faq a.fotografia.active:before { border-color:#FFD25C}.nav-bar-faq a.fotografia:hover svg path,.nav-bar-faq a.fotografia.active svg path{fill:#FFD25C}  #fotografia svg path{fill:#FFD25C}
			.nav-bar-faq a.diseno:before { border-color:#000}.nav-bar-faq a.diseno svg path,.nav-bar-faq a.diseno svg polygon{fill:#000} .nav-bar-faq a.diseno:hover:before,.nav-bar-faq a.diseno.active:before { border-color:#E04E3F}.nav-bar-faq a.diseno:hover svg path,.nav-bar-faq a.diseno:hover svg polygon,  .nav-bar-faq a.diseno.active svg path,.nav-bar-faq a.diseno.active svg polygon{fill:#E04E3F} #diseno svg path,#diseno svg polygon{fill:#E04E3F}
			
		 	
			 #generales h2,#entregas h2,#membresias h2,#modificaciones h2{ color:#4F2E82}
			 #generales  h3.active, #entregas  h3.active, #membresias  h3.active, #modificaciones  h3.active{ color:#4F2E82; border-top:2px solid #4F2E82}
			 #generales  h3.active span,#entregas  h3.active span,#membresias  h3.active span,#modificaciones  h3.active span{ color:#4F2E82}
			 
			 #planos h2{ color:#32BAAD}
			 #planos  h3.active{ color:#32BAAD; border-top:2px solid #32BAAD}
			 #planos  h3.active span{ color:#32BAAD}
			 
			 #renders h2{ color:#1DA4FF}
			 #renders  h3.active{ color:#1DA4FF; border-top:2px solid #1DA4FF}
			 #renders  h3.active span{ color:#1DA4FF}
			 
			 #fotografia h2{ color:#FFD25C}
			 #fotografia  h3.active{ color:#FFD25C; border-top:2px solid #FFD25C}
			 #fotografia  h3.active span{ color:#FFD25C}
			 
			 #diseno h2{ color:#E04E3F}
			 #diseno  h3.active{ color:#E04E3F; border-top:2px solid #E04E3F}
			 #diseno  h3.active span{ color:#E04E3F}
			 
			
	.nav-bar-faq a span{ width:100%; float:left; margin-top:15px; text-align:center}
@media (max-width:991px) {
	.nav-bar-faq a span{ font-size:13px}
}
@media (max-width:767px) {
	.white .stores span{ width:10%}
	.white .stores k{ width:calc(85% - 25px); font-size:18px; line-height:20px}
	.white .stores p{ margin-left:15%; width:85%}
	.grip-section.white h2{ font-size:24px; line-height:30px}
	.nav-bar-faq a span{ font-size:12px}
}
@media (max-width:620px) {
	.nav-bar-faq a{ width:25%}
	.nav-bar-servicios{ padding-left:0%; padding-right:0%}
}

.form-faq{ float:left; width:100%; margin-top:40px}

.form-faq h2{ padding-right:0px!important}
	.form-faq h2 b{ color:#4F2E82; margin-top:30px; float:left; margin-bottom:80px; width:100%}
	
#contactForm .form-control {
    border-radius: 0px;
    background: none;
    border: 1px solid #979797;
    float: left;
    font-size: 16px; width:100%; padding:25px 20px
}
#contactForm input.contactName { border-radius:5px 5px 0px 0px
}
#contactForm input.contactEmail,#contactForm input.contactAsunto {
    width: 100%;
    border-top: 0px none; 
}
#contactForm textarea.contactMessage {
    width: 100%;
    height: 300px;
    border-top: 0px none!important;border-radius:0px 0px 5px 5px!important
}

#contactForm input.enviar {
    float: left;
    border: 0px none;
    color: #4F2E82;
    border: 2px solid #4F2E82;
    border-radius: 4px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px; background:#fff!important
}

.login #contactForm input.enviar{ float:right; display:block!important; border-color:#4F2E82; color:#4F2E82}

#contactForm input.enviar:hover{ background:#4F2E82!important; color:#fff}
	.login #contactForm input.enviar:hover{ background:#4F2E82!important}
	
	.messageform{ float:left; width:100%; margin-bottom:40px}
	.messageform h6{ font-family:"America"; font-size:26px; color:#4F2E82; line-height:31px; font-weight:bold}
		.messageform p{ padding-bottom:0px!important; margin-bottom:0px!important}
		.messageform a{ color:#979797; border-bottom:1px solid #979797; padding-bottom:4px}
			.messageform a:hover{ color:#4F2E82; border-color:#4F2E82}
		.messageform img{ float:left; width:70px}
		.messageform div{ float:left; width:calc(100% - 110px); margin-left:20px; margin-right:20px}
			.messageform div div{ margin-left:0px; margin-right:0px; margin-top:10px; width:100%}

#submit-loader {    
	float:left;
    position: relative;
    left: 0;
    top: 1.8rem;
    width: 100%;
    text-align: center;
    margin-bottom: 0rem; display:none
}
#message-warning, #message-success {
    float:left;    
    padding: 0rem;
    margin:0px;
    width: 100%; text-align:center; position:relative; top:1.8rem; left:0; display:none
}
#message-warning {
    color: #D32B2E;
}
#message-success {
    color: #4F2E82;
}
.formder .enviar{ display:none; margin-top:30px}
@media (max-width:991px) {
	.form-faq h2{ font-size:24px!important; line-height:30px!important}
	.form-faq h2 b{ margin-bottom:130px}
}
@media (max-width:767px) {
	.form-faq h2 b{ margin-bottom:0px; margin-top:0px}
	.form-faq h2{ line-height:30px!important; margin-bottom:30px!important}
	.formizq .enviar{ display:none}
	.formder .enviar{ display:block}
}

.vacantes,.vacantes-container{ width:100%; float:left}
.consideraciones{ width:100%; margin-bottom:80px; float:left}
.consideraciones h5{ font-size:33px; color:#4F2E82; line-height:40px; font-family:"America"; font-weight:bold; width:100%; text-align:center}

.servicios{ padding-top:0px}
.servicios .tabbed a.personalizar{float: left;
    border: 0px none;
    color: #4F2E82;
    border: 2px solid #4F2E82;
    border-radius: 4px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
}
.servicios .tabbed h2{ margin-bottom:30px}
.servicios .tabbed a.personalizar:hover{ background:#4F2E82; color:#fff}
.servicios .tabbed span.titleservice{ width:50%; border-bottom:3px solid #cecece; color:#cecece; padding-bottom:27px; font-size:26px; line-height:30px; float:left; margin-bottom:45px; font-weight:bold; cursor:pointer;
transition:0.2s; height:60px}
	.servicios .tabbed span.titleservice.active,.servicios .tabbed span.titleservice:hover{ border-bottom-width:13px; padding-bottom:17px}	
	
	.tabbed-content{ width:100%; float:left; background:url(../images/bg-servicios.jpg) top right no-repeat; padding-top:50px; padding-bottom:30px; background-size: auto 100%}
	.tabbed-content img { float:left; width:100%; border-radius:10px}
		
		#planos.tabbed span.titleservice.active{ color:#32BAAD; border-color:#32BAAD}
		#planos .tabbed-content img{box-shadow:10px 10px 0px #32BAAD}
		
		#renders.tabbed span.titleservice.active{ color:#1DA4FF; border-color:#1DA4FF}
		#renders .tabbed-content img{box-shadow:10px 10px 0px #1DA4FF}
		
		#fotografia.tabbed span.titleservice.active{ color:#FFD25C; border-color:#FFD25C}
		#fotografia .tabbed-content img{box-shadow:10px 10px 0px #FFD25C}
		
		#diseno.tabbed span.titleservice.active{ color:#E04E3F; border-color:#E04E3F}
		#diseno .tabbed-content img{box-shadow:10px 10px 0px #E04E3F}
		
		.servicios .tabbed{ display:none}
		.servicios .tabbed .tabbed-content{ display:none}
		.servicios .tabbed p{ float:left}
	@media (max-width:1099px) {		
		.servicios .tabbed p{ font-size:12px; padding-bottom:0px; line-height:16px}
		.servicios .tabbed span.titleservice{ font-size:23px}
	}
	@media (max-width:991px) {
		.servicios .tabbed h2{ margin-bottom:15px}
		.servicios .tabbed span.titleservice{ height:60px; margin-bottom:25px; font-size:21px}
		.servicios .tabbed p{ font-size:12px; padding-bottom:0px; line-height:16px}
		.tabbed-content{ background-size:auto 80%}
	}
	
	@media (max-width:767px) {
		.tabbed-content{ background:none; padding-top:30px}
		.servicios .tabbed p{ font-size:14px; padding-bottom:0px; line-height:17px}
		.servicios .tabbed a.personalizar{ margin-bottom:30px}
		.servicios .tabbed span.titleservice{ font-size:18px}
	}
	.container-servicios{ float:left; width:100%; min-height:460px; background:#fff url(../images/loader-white.gif) center center no-repeat}
	@media (max-width:1099px) {
		.container-servicios{ min-height:396px}
	}
	@media (max-width:991px) {
		.container-servicios{ min-height:393px}
	}
	@media (max-width:767px) {
		.container-servicios{ background:none}
	}


.progress_bar {
    /* max-width: 820px; */
    width: 110%;
    margin: 0px;
    position: relative;
    height: 50px;
    z-index: 10;
    margin-left: -5.5%; margin-bottom:40px
}
.progress_bar hr.all_steps {
    width: 80%;
    height: 1px;
    border: none;
    background: #ccc;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 18px;
    left: 10%;
    z-index: 1;
    margin-top: 0px;
    margin-bottom: 0px;
}
.progress_bar hr.current_steps {
    width: 0%;
    border: 0;
    height: 1px;    
    position: absolute;
    top: 18px;
    left: 10%;
    z-index: 3;
    margin-top: 0px;
    margin-bottom: 0px;
}
.progress_bar div.step {
    float: left;
    width: 20%;
    height: 50px;
    text-align: center;
    font-size: 12px;
    color: #B2B2B2;
    position: relative;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; padding-top:40px; font-size:14px
}

@media (max-width:767px) {
	.progress_bar div.step { font-size:12px}
}
@media (max-width:480px) {
	.progress_bar div.step { font-size:10px}
}
@media (max-width:375px) {
	.progress_bar div.step { font-size:8px}
}

.progress_bar div.step.actual,.progress_bar div.step:first-of-type:not(.complete) {
    font-weight:bold
}
.progress_bar div.step:before {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    border: 1px solid transparent;
    background: #F1C81E;
    top: 14.5px;
    left: 50%;
    margin-left: -5px;
    content: '';
    z-index: 4;
    display: none;transition: all 0.3s ease-in
}
.progress_bar div.step.complete:before {
    display: block;
}
.progress_bar div.step:after {
    position: absolute;
    width: 27px;
    height: 27px;
    border-radius: 20px;
    border: 1px solid #ccc;
    background: #fff;
    top: 6px;
    left: 50%;
    margin-left: -13px;
    content: '';
    z-index: 2;transition: all 0.3s ease-in
}
.progress_bar div.step.current:before {
    display: block;
}
.progress_bar div.step.complete:before{ width:27px; height:27px; margin-left:-13px; top:6px}

.progress_bar div.step.actual{ position:relative; z-index:3}
	.progress_bar div.step:first-of-type:before{display: block;}


.container-servicios-steps{ float:left; width:100%}
.container-servicios-steps h4{
    color: #4F2E82;
    font-size: 22px;
    line-height: 23px;
    font-family: "America";
    border-bottom: 1px solid #4F2E82;
    padding-top: 0px;
    width: 100%;
    float: left;
    padding-right: 0px;
    padding-bottom: 20px; font-weight:bold; margin-bottom:20px
}
.container-servicios-steps h4 sub{ color:#7F7F7F; font-size:14px; float:right; line-height:23px; font-weight:normal; bottom:0px}

.alert-step{ position:fixed; width:250px; background:#4F2E82;  padding:25px; text-align:center; color:#fff; font-size:12px; visibility:hidden; opacity:0; transition:0.2s; top:40%; margin-top:-100px; left:50%; margin-left:-125px;
z-index:99; cursor:pointer; border-radius:5px; padding-bottom:85px}
	.alert-step.show{ visibility:visible; opacity:1; top:50%}
	.alert-step:before{ content:"Entendido"; left:50%; bottom:30px; height:35px; border:1px solid #fff; color:#fff; line-height:35px; text-align:center; width:94px; margin-left:-47px; position:absolute;  text-transform:uppercase;
	border-radius:5px; padding-left:15px; padding-right:15px}	
		.alert-step:hover:before{background:#fff; color:#4F2E82; }
	
.container-servicios-steps a.notrounded{ float:left; color:#7F7F7F; display:none}
	.container-servicios-steps a.notrounded.active{ display:block}
	.container-servicios-steps a.notrounded img{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) brightness(70%); opacity:0.4; margin-right:15px}
	.container-servicios-steps a.notrounded:hover{ color:#4F2E82}
	.container-servicios-steps a.notrounded:hover img{ opacity:1}
.container-servicios-steps a.rounded{ float:right; color: #4F2E82;
    border: 2px solid #4F2E82;
    border-radius: 4px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;}
	.container-servicios-steps a.rounded:hover{ background:#4F2E82; color:#fff}
	
	@media (max-width:400px) {.container-servicios-steps a.rounded{ margin-top:40px; width:90%; text-align:center; margin-left:5%; margin-right:5%}}
	
	.container-servicios-steps a.rounded.prevstep{ float:left; display:none}
		.container-servicios-steps a.rounded.prevstep.active{ display:block}
	
	.resumen{ float:left; width:100%; border-radius:8px; border:1px solid #e9e9e9; background:#fdfdfd}
	
		
		@media (max-width:991px) {
			.resumen{ margin-top:40px}
		}
		.resumen h5{ color:#4F2E82; font-family:"America"; font-size:16px; width:100%; padding:10px; border-bottom:1px solid #e9e9e9; text-align:center; font-weight:bold; margin:0px}
		.resumen .grupo-selected-container{float:left; width:100%}
		.resumen .grupo-selected{ float:left; width:100%; padding:10px;border-bottom:1px solid #e9e9e9}
			.resumen .grupo-selected p{ color:#4F2E82; font-family:"America"; font-size:12px; width:100%; padding:0px; float:left; text-align:center; font-weight:bold; margin:0px}
			.resumen .grupo-selected div{ width:100%; float:left}
			.resumen .grupo-selected div div{ float:left; width:60%}
			
				.resumen .grupo-selected div div:last-child{ float:left; width:40%}
				
				.resumen .grupo-selected div b{ font-size:12px; font-weight:bold; width:100%; text-align:left; float:left}
				.resumen .grupo-selected div strong{ font-size:10px; font-weight:normal; width:100%; text-align:left; color:#B2B2B2; float:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden}
				.resumen .grupo-selected div i{ font-size:12px; font-weight:normal; width:100%; text-align:right; color:#4F2E82; float:left; font-style:normal}
			.resumen .grupo-total{ float:left; width:100%; padding:10px}
				.resumen .grupo-total b,.resumen .grupo-total strong{ width:50%; float:left; font-weight:bold; font-size:12px}
				.resumen .grupo-total b{color:#4F2E82; text-align:left; text-transform:uppercase;}
				.resumen .grupo-total strong{color:#4F2E82; text-align:right}
		
		.container-servicios-steps h4 b{ font-family:"America"; font-size:33px; line-height:23px; color:#4F2E82; float:right}
		
		.container-servicios-steps h7 {
			color: #4F2E82;
			font-size: 14px;
			line-height: 18px;
			border-bottom: 1px solid #4F2E82;
			padding-top: 0px;
			width: 100%;
			float: left;
			padding-right: 0px;
			padding-bottom: 20px;
			font-weight: bold;
			margin-bottom: 20px;
		}
			.container-servicios-steps h7 b{ float:right; color:#4F2E82; font-size:20px; line-height:18px}
			.totales{ width:100%; float:left; padding:25px; border:1px solid #979797; background:#fdfdfd; border-radius:6px}
		
		.container-servicios-steps .col-md-3.col-md-offset-1{ float:right}
		
		.col-md-12.col-md-offset-0 .resumen{ background:#fff; border:0px none; border-radius:0px}
			.col-md-12.col-md-offset-0 .resumen h5{ display:none}
			.col-md-12.col-md-offset-0 .resumen .grupo-selected p{ text-align:left; font-size:23px; line-height:23px; padding-bottom:15px; border-bottom:1px solid #979797; font-family:"America"; margin-bottom:10px; border-top:1px solid #979797; padding-top:50px}
			.col-md-12.col-md-offset-0 .resumen .grupo-selected:first-child p,.col-md-12.col-md-offset-0 .resumen .grupo-selected:nth-child(2) p{ padding-top:0px; border-top:0px none}
			.col-md-12.col-md-offset-0 .resumen .grupo-selected{ border-bottom:0px none; padding-top:0px; padding-left:25px; padding-right:25px; width:50%}
				
				@media (max-width:991px) {
					.col-md-3.col-md-offset-1{ display:none}
					.col-md-12.col-md-offset-0 .resumen .grupo-selected{ width:100%; padding-left:0px; padding-right:0px}
				}
				
				.col-md-12.col-md-offset-0 .resumen .grupo-selected p{ position:relative; cursor:pointer}
				.col-md-12.col-md-offset-0 .resumen .grupo-selected p:before{ position:absolute; right:0px; bottom:13px; content:"Cambiar"; font-size:12px; color:#B2B2B2; font-family:"Franklin"}
				.col-md-12.col-md-offset-0 .resumen .grupo-selected p:after{ position:absolute; right:50px; bottom:17px; content:""; background:url(../images/icon-edit.jpg) center center no-repeat; background-size:cover; width:17px; height:17px}
				
				.col-md-12.col-md-offset-0 .resumen .grupo-selected p:hover:before{ color:#4F2E82}
				
			.col-md-12.col-md-offset-0 .resumen .grupo-selected div{ padding-top:10px; padding-bottom:10px}
				.col-md-12.col-md-offset-0 .resumen .grupo-selected div div{ padding:0px; width:80%}
					.col-md-12.col-md-offset-0 .resumen .grupo-selected div div:last-child{ width:20%}
			.col-md-12.col-md-offset-0 .resumen .grupo-selected div div b{ width:55%; font-size:16px; line-height:15px; padding-left:20px}
			.col-md-12.col-md-offset-0 .resumen .grupo-selected div div strong{ width:45%; line-height:15px; font-size:13px}
			
			.col-md-12.col-md-offset-0 .grupo-total{ display:none}
			
			
			.col-md-12.col-md-offset-0 .resumen .grupo-selected:last-child{ margin-bottom:60px}
			
	.mb40{ margin-bottom:10px; margin-top:10px}
	.options-box,.options-buttons{ width:100%; float:left}
		.options-box span{ width:100%; float:left; border:1px solid #cecece; border-radius:4px; text-align:center; transition:0.2s; padding:10px; position:relative; margin-bottom:40px; cursor:pointer; margin-top:10px; height:113.33px}
			.options-buttons .option{ width:20%; float:left;}
			
				.options-buttons.buttonsstyle2 .option,.options-buttons.buttonsstyle3 .option{ width:33.33%; float:left}
					.options-buttons.buttonsstyle4 .col-xs-3.option{ width:25%}
					.options-buttons.buttonsstyle4 .col-xs-6.option{ width:50%}
					.options-buttons.buttonsstyle5 h4{ width:50%!important; cursor:pointer; padding-left:25px; position:relative}
						.options-buttons.buttonsstyle5 h4:last-child{ text-align:right}
						
						.options-buttons.buttonsstyle6 .col-xs-4.option{ width:25%}
						
						.options-buttons.buttonsstyle5 h4:before {
							width: 10px;
							height: 10px;
							border: 1px solid #ccc;
							content: "";
							position: absolute;
							left: 0px;
							top: 5px;
							border-radius: 10px;
						}
						.options-buttons.buttonsstyle5 h4:last-child:before{ left:auto; right:100px}
					
			.options-buttons span{ width:100%; float:left; text-align:center; transition:0.2s; padding:10px; position:relative; margin-bottom:40px; cursor:pointer; margin-top:10px; padding-top:57px}
			
				.options-buttons.buttonsstyle2 span{ padding-top:0px}
				.options-buttons.buttonsstyle3 span b{ padding-left:10px; text-align:left}
				.options-buttons.buttonsstyle3 span{ padding-bottom:0px; padding-right:0px}
				.options-buttons.buttonsstyle3 k{ float:left; width:100%; text-align:left; padding-left:10px}
				
			.options-box span b,.options-buttons span b{ font-size:14px; line-height:18px; float:left; width:100%; color:#4F2E82}
				.options-buttons span b{ position:relative}
					.options-buttons span b:before{ width:10px; height:10px; border:1px solid #ccc; content:""; position:absolute; left:0px; top:5px; border-radius:10px}
					
					.options-buttons.buttonsstyle3 span b:before{ left:-5px}
					
					@media (max-width:600px) {
						.options-buttons span b{ padding-left:8px}
						.options-buttons span b:before{ left:-5px}
					}
			.options-box span strong{ font-size:12px; width:100%; float:left; font-weight:normal; color:#7F7F7F}
			
			.options-buttons span strong {
				font-size: 12px;
				width: 100%;
				float: left;
				font-weight: bold;
				color: #7F7F7F;
			}
			.options-buttons span l{font-size: 11px;
				width: 100%;
				float: left;
				font-weight: normal;
				color: #7F7F7F;}
			
			.options-box span i,.options-buttons span i{ position:absolute; bottom:-30px; line-height:30px; text-align:center; font-style:normal; width:100%; left:0px; font-size:12px; color:#4F2E82}
			
				.options-buttons.buttonsstyle3 span i{ float:left; bottom:auto; width:100%; left:auto; position:relative; line-height:15px}
			
			.options-box span svg polygon,.options-box span svg path, .options-buttons span svg polygon,.options-buttons span svg path{stroke:#231F20}
			.options-buttons span svg,.options-buttons span img{ position:absolute; top:0px; left:50%; margin-left:-29px}
			.options-buttons span img{ height:47px}
				
				.options-buttons span strong{ float:left; width:100%}
				.options-buttons span strong img{ position:relative; left:auto; top:auto; margin:0px; height:auto; float:left; padding-left:10px; padding-top:5px; padding-bottom:5px}
				
				.options-buttons.buttonsstyle6{ margin-top:0px}
				.options-buttons.buttonsstyle6 span img{border:2px solid #fff; border-radius:4px; margin-left:-34px; top:-10px; height:57px}
				
					.options-buttons.buttonsstyle6 h3{ padding-left:25px; font-size:22px; line-height:23px; position:relative; cursor:pointer; float:left; width:100%; border-top:1px solid #4F2E82; padding-top:20px; font-weight:bold; padding-bottom:20px; margin-bottom:0px}
					
					.options-buttons.buttonsstyle6 h3:first-child{ border-top:0px none; padding-top:0px}
					
					.options-buttons.buttonsstyle6 h3 img {
						position: absolute;
						right: 20px;
						top: 25px;
						-webkit-transform: rotate(-90deg);
						-moz-transform: rotate(0deg);
						-ms-transform: rotate(0deg);
						transform: rotate(0deg);
						-webkit-transition: 0.2s;
						-o-transition: 0.2s;
						transition: 0.2s; filter: grayscale(100%) brightness(70%); width:30px
					}
					
					.options-buttons.buttonsstyle6 h3:first-child img{ top:3px}
					.options-buttons.buttonsstyle6 div.option{ display:none}
					
					.options-buttons.buttonsstyle6 h3.activate img {
						-webkit-transform: rotate(0deg);
						-moz-transform: rotate(-180deg);
						-ms-transform: rotate(-180deg);
						transform: rotate(-180deg);
					}
					
					.options-buttons.buttonsstyle6 h3.activate div.option{ display:block}
					.typecontent{ float:left; width:100%}
					
			.options-box .option.active b,.options-box .option.active strong{color:#fff!important}
			.options-box .option.active polygon,.options-box .option.active path{ stroke:#fff!important}
			
			.js .inputfile {
				width: 0.1px;
				height: 0.1px;
				opacity: 0;
				overflow: hidden;
				position: absolute;
				z-index: -1;
			}			
			.inputfile + label {
				max-width: 100%;
				font-size: 15px;
				font-weight: normal;
				text-overflow: ellipsis;
				white-space: nowrap;
				cursor: pointer;
				display: inline-block;
				overflow: hidden;
				padding: 0px; padding-top:10px; line-height:18px
			}			
			.no-js .inputfile + label {
				display: none;
			}			
			.inputfile:focus + label,
			.inputfile.has-focus + label {
				outline: 1px dotted #000;
				outline: -webkit-focus-ring-color auto 5px;
			}			
			.inputfile + label * {
				/* pointer-events: none; */
				/* in case of FastClick lib use */
			}			
			.inputfile + label svg {
				width: 1em;
				height: 1em;
				vertical-align: middle;
				fill: currentColor;
				margin-top: -0.25em;
				margin-right: 0.25em;
			}						
			/* style 3 */
			.inputfile-3 + label {
				color: #D9D9D9; padding-left:25px; background:url(../images/icon-add.png) 0px 9px  no-repeat
			}
			
			.textoopcional{ float:left; width:100%}
			.textoopcional img{ float:left; margin-right:45px}
			.textoopcional b{ color:#4F2E82; font-family:"America"; font-size:18px}
			.textoopcional a{ color:#4F2E82; text-decoration:underline}
			.textoopcional span{ width:calc(100% - 115px); float:left}
			
			.resumen .grupo-selected div b l{ font-weight:normal; opacity:1; color:#B2B2B2!important}
			
	@media (max-width:600px) {
		.col-md-6.col-md-offset-1{ padding-left:0px; padding-right:0px}
		.option{ width:50%; padding-left:10px; padding-right:10px}
		.container-servicios-steps h4 sub{ font-size:10px}
		.container-servicios-steps h4{ font-size:20px}
	}
	.servicios-steps{ width:100%; float:left; display:none; margin-bottom:20px}
		.servicios-steps.active{ display:block}
	.progress_bar div.step.complete{ cursor:pointer}
	.hiddenoption{ display:none}		
			
	.resumen .grupo-selected div strong img{ height:8px; width:83px; border-radius:4px}		
			
/*servicios-planos*/
.servicios-planos .progress_bar div.step { width:16.66%}
.servicios-planos .progress_bar div.step.complete,.servicios-planos .progress_bar div.step.current,.servicios-planos #grip-ourwork.subheaderwhite2 h2, .servicios-planos .options-box span:hover b,.servicios-planos .resumen .grupo-selected div b,.servicios-planos .options-buttons .option.active span b,
.servicios-planos .inputfile-3:focus + label,.servicios-planos .inputfile-3.has-focus + label,.servicios-planos .inputfile-3 + label:hover, .servicios-planos .inputfile-3.filed-active + label, .servicios-planos .options-buttons.buttonsstyle5 h4.active, .servicios-planos .progress_bar div.step:first-of-type, .servicios-planos .options-buttons.buttonsstyle6 h3.activate{color: #32BAAD}
.servicios-planos .progress_bar hr.current_steps,.servicios-planos .progress_bar div.step:before,.servicios-planos .options-box .option.active span, .servicios-planos .options-buttons .option.active span b:before,  .servicios-planos .options-buttons.buttonsstyle5 h4.active:before{ background:#32BAAD}
.servicios-planos .progress_bar div.step.current:after, .servicios-planos .options-box span:hover,.servicios-planos .options-box .option.active span, .servicios-planos .options-buttons span:hover b:before, .servicios-planos .options-buttons .option.active span b:before, .servicios-planos .options-buttons.buttonsstyle5 h4.active:before, .servicios-planos .progress_bar div.step:first-of-type:after,.servicios-planos .options-buttons.buttonsstyle6 .active span img{ border-color:#32BAAD}
.servicios-planos .options-box span:hover svg polygon,.servicios-planos .options-box span:hover svg path, .servicios-planos .options-buttons span:hover svg polygon,.servicios-planos .options-buttons span:hover svg path,
.servicios-planos .options-buttons .active span svg polygon,.servicios-planos .options-buttons .active span svg path{stroke:#32BAAD}
.servicios-planos .inputfile-3.filed-active + label{ background-image:url(../images/icon-accept-planos.png)}


.servicios-renders .progress_bar div.step { width:20%}
.servicios-renders .progress_bar div.step.complete,.servicios-renders .progress_bar div.step.current,.servicios-renders #grip-ourwork.subheaderwhite2 h2, .servicios-renders .options-box span:hover b,.servicios-renders .resumen .grupo-selected div b,.servicios-renders .options-buttons .option.active span b,
.servicios-renders .inputfile-3:focus + label,.servicios-renders .inputfile-3.has-focus + label,.servicios-renders .inputfile-3 + label:hover, .servicios-renders .inputfile-3.filed-active + label, .servicios-renders .options-buttons.buttonsstyle5 h4.active, .servicios-renders .progress_bar div.step:first-of-type, .servicios-renders .options-buttons.buttonsstyle6 h3.activate{color: #1DA4FF}
.servicios-renders .progress_bar hr.current_steps,.servicios-renders .progress_bar div.step:before,.servicios-renders .options-box .option.active span, .servicios-renders .options-buttons .option.active span b:before,  .servicios-renders .options-buttons.buttonsstyle5 h4.active:before{ background:#1DA4FF}
.servicios-renders .progress_bar div.step.current:after, .servicios-renders .options-box span:hover,.servicios-renders .options-box .option.active span, .servicios-renders .options-buttons span:hover b:before, .servicios-renders .options-buttons .option.active span b:before, .servicios-renders .options-buttons.buttonsstyle5 h4.active:before, .servicios-renders .progress_bar div.step:first-of-type:after,.servicios-renders .options-buttons.buttonsstyle6 .active span img{ border-color:#1DA4FF}
.servicios-renders .options-box span:hover svg polygon,.servicios-renders .options-box span:hover svg path, .servicios-renders .options-buttons span:hover svg polygon,.servicios-renders .options-buttons span:hover svg path,
.servicios-renders .options-buttons .active span svg polygon,.servicios-renders .options-buttons .active span svg path{stroke:#1DA4FF}
.servicios-renders .inputfile-3.filed-active + label{ background-image:url(../images/icon-accept-renders.png)}

.servicios-diseno .progress_bar div.step { width:16.66%}
.servicios-diseno .progress_bar div.step.complete,.servicios-diseno .progress_bar div.step.current,.servicios-diseno #grip-ourwork.subheaderwhite2 h2, .servicios-diseno .options-box span:hover b,.servicios-diseno .resumen .grupo-selected div b,.servicios-diseno .options-buttons .option.active span b,
.servicios-diseno .inputfile-3:focus + label,.servicios-diseno .inputfile-3.has-focus + label,.servicios-diseno .inputfile-3 + label:hover, .servicios-diseno .inputfile-3.filed-active + label, .servicios-diseno .options-buttons.buttonsstyle5 h4.active, .servicios-diseno .progress_bar div.step:first-of-type, .servicios-diseno .options-buttons.buttonsstyle6 h3.activate{color: #E04E3F}
.servicios-diseno .progress_bar hr.current_steps,.servicios-diseno .progress_bar div.step:before,.servicios-diseno .options-box .option.active span, .servicios-diseno .options-buttons .option.active span b:before,  .servicios-diseno .options-buttons.buttonsstyle5 h4.active:before{ background:#E04E3F}
.servicios-diseno .progress_bar div.step.current:after, .servicios-diseno .options-box span:hover,.servicios-diseno .options-box .option.active span, .servicios-diseno .options-buttons span:hover b:before, .servicios-diseno .options-buttons .option.active span b:before, .servicios-diseno .options-buttons.buttonsstyle5 h4.active:before, .servicios-diseno .progress_bar div.step:first-of-type:after,.servicios-diseno .options-buttons.buttonsstyle6 .active span img{ border-color:#E04E3F}
.servicios-diseno .options-box span:hover svg polygon,.servicios-diseno .options-box span:hover svg path, .servicios-diseno .options-buttons span:hover svg polygon,.servicios-diseno .options-buttons span:hover svg path,
.servicios-diseno .options-buttons .active span svg polygon,.servicios-diseno .options-buttons .active span svg path{stroke:#E04E3F}

.servicios-fotografia .progress_bar div.step { width:50%}
.servicios-fotografia .progress_bar hr.all_steps{ width:50%; left:25%}
.servicios-fotografia .progress_bar hr.current_steps{ left:25%}
.servicios-fotografia .progress_bar div.step.complete,.servicios-fotografia .progress_bar div.step.current,.servicios-fotografia #grip-ourwork.subheaderwhite2 h2, .servicios-fotografia .options-box span:hover b,.servicios-fotografia .resumen .grupo-selected div b,.servicios-fotografia .options-buttons .option.active span b,
.servicios-fotografia .inputfile-3:focus + label,.servicios-fotografia .inputfile-3.has-focus + label,.servicios-fotografia .inputfile-3 + label:hover, .servicios-fotografia .inputfile-3.filed-active + label, .servicios-fotografia .options-buttons.buttonsstyle5 h4.active, .servicios-fotografia .progress_bar div.step:first-of-type, .servicios-fotografia .options-buttons.buttonsstyle6 h3.activate{color: #FFD25C}
.servicios-fotografia .progress_bar hr.current_steps,.servicios-fotografia .progress_bar div.step:before,.servicios-fotografia .options-box .option.active span, .servicios-fotografia .options-buttons .option.active span b:before,  .servicios-fotografia .options-buttons.buttonsstyle5 h4.active:before{ background:#FFD25C}
.servicios-fotografia .progress_bar div.step.current:after, .servicios-fotografia .options-box span:hover,.servicios-fotografia .options-box .option.active span, .servicios-fotografia .options-buttons span:hover b:before, .servicios-fotografia .options-buttons .option.active span b:before, .servicios-fotografia .options-buttons.buttonsstyle5 h4.active:before, .servicios-fotografia .progress_bar div.step:first-of-type:after,.servicios-fotografia .options-buttons.buttonsstyle6 .active span img{ border-color:#FFD25C}
.servicios-fotografia .options-box span:hover svg polygon,.servicios-fotografia .options-box span:hover svg path, .servicios-fotografia .options-buttons span:hover svg polygon,.servicios-fotografia .options-buttons span:hover svg path,
.servicios-fotografia .options-buttons .active span svg polygon,.servicios-fotografia .options-buttons .active span svg path{stroke:#FFD25C}
.servicios-fotografia .inputfile-3.filed-active + label{ background-image:url(../images/icon-accept-fotografia.png)}


#contactForm .filed-active + label{color: #32BAAD; background-image:url(../images/icon-accept-planos.png)}




@media (max-width:374px) {
.container-servicios-steps .col-md-12.col-md-offset-0{ padding-left:0px; padding-right:0px}
.options-box span b, .options-buttons span b{ font-size:11px}

.option {
	padding-left: 5px;
	padding-right: 5px;
}

.options-buttons.buttonsstyle6 span img{ max-width:60px}

}

.login{ padding-top:0px}
.grip-section.white.login h2{ color:#4F2E82; font-size:26px; line-height:31px; border-bottom:1px solid #979797; padding-bottom:10px; padding-right:0px; position:relative}
.grip-section.white.login h2 a.logout{ float:right; font-size:14px; border-bottom:1px solid #b1b1b1; padding-bottom:0px; color:#b1b1b1; font-family:"Franklin"; line-height:24px}
	.grip-section.white.login h2 a.change{position:absolute; right:0px; bottom:-40px; background:url(../images/icon-edit.jpg) left center no-repeat; height:17px; padding-left:27px; color:#b1b1b1; font-family:"Franklin"; line-height:17px;
	font-size:14px}
	.grip-section.white.login a.change:hover{ color:#4F2E82}
 .grip-section.white.login h2 em{color:#7F7F7F; font-size:16px; margin-right:20px; font-style:normal; font-weight:normal; font-family:"Franklin"}
 
 @media (max-width:700px) {
	 .grip-section.white.login h2{ font-size:23px}
 }
 @media (max-width:600px) {
	 .grip-section.white.login h2{ font-size:20px}
 }
 .w50{ width:50%!important}
 p.w50{ padding-right:10px; font-size:12px!important}
 @media (max-width:500px) {
	 .grip-section.white.login h2{ font-size:18px}
	 .grip-section.white.login h2 em{ display:none}
	 .w50{ width:100%!important}
	  p.w50{ padding-right:0px; font-size:12px!important}
 }
 
 .grip-section.white.login h2.darker{color:#4F2E82; margin-top:40px}
  
 .login div.fullwidth span{ color:#4F2E82; font-size:16px; font-weight:bold; width:100px; float:left; line-height:18px; margin-bottom:12px}
 .login div.fullwidth input{ float:left; width:calc(100% - 100px); color:#7F7F7F; font-size:16px; line-height:18px; margin-bottom:6px; border:0px none; outline:none; border-bottom:1px solid #fff; padding-bottom:6px}
 	 .login div.fullwidth input:focus{ border-bottom:1px solid #eee}
  .login div.mt30{ margin-top:30px}
  	.pedido{ position:relative}
		.pedido a.change{position:absolute; right:20px; top:0px; background:url(../images/icon-edit.jpg) left center no-repeat; height:17px; padding-left:27px; color:#b1b1b1; font-family:"Franklin"; line-height:17px;
	font-size:14px}
  	.pedido svg{ float:left; margin-right:30px}
  	.contenidopedido{ float:left; width:calc(100% - 70px)}
		.contenidopedido h3{ font-family:"America"; font-size:26px; float:left; width:100%; line-height:31px; margin-bottom:0px; font-weight:bold}
		.contenidopedido h4{ font-family:"Franklin"; font-size:16px; float:left; width:100%; line-height:18px; margin-bottom:20px}
		.contenidopedido p{ font-size:14px!important; float:left; width:100%; margin-bottom:40px; padding-bottom:0px!important}
			.contenidopedido span{ width:40%; float:left; padding:0px!important; font-size:14px!important}
			.contenidopedido span.bluetext{ color:#4F2E82}
			.contenidopedido span.amount{ float:right; color:#4F2E82; font-family:"America"; font-size:26px!important; width:30%; text-align:right; margin-top:-40px}
		
	@media (max-width:991px) {
		.pedido{ margin-bottom:50px; float:left}
		.suscripcion{ float:left}
	}
	 @media (max-width:470px) {
		 .contenidopedido span{ width:50%}
		 .contenidopedido span.amount{ width:100%; margin-top:0px; text-align:left}
		 .pedido a.change{ top:-25px}
	 }
	 @media (max-width:399px) {
		 .contenidopedido span{ width:100%}
	 }
	 
	 .suscripcionbox{background-color: #FDFDFD;	border: 1px solid #CECECE;border-radius: 8px; float:left; width:100%; text-align:center; margin-bottom:40px}
	 	.suscripcionbox svg{ margin-top:20px}
	 	.suscripcionbox h3{font-family:"America"; font-size:26px; float:left; width:100%; line-height:31px; margin-bottom:0px; font-weight:bold}
		.suscripcionbox h4{font-family:"Franklin"; font-size:16px; float:left; width:100%; line-height:18px; margin-bottom:30px; color:#4F2E82}
		.suscripcionbox p{ float:left; width:100%; text-align:center; border-bottom:1px solid #CECECE; padding-bottom:20px!important; font-size:14px!important; margin-bottom:0px!important}
		.suscripcionbox span{ float:left; width:100%; margin-top:0px; padding:20px; text-align:left; color:#4F2E82; line-height:26px}
		.suscripcionbox span em{ float:right; font-style:normal; font-size:26px; line-height:26px; font-weight:bold}
		
	.pedido-planos .contenidopedido h3,.pedido-planos  .contenidopedido h4, .suscripcion-planos h3{ color:#32BAAD}
	.pedido-fotografia .contenidopedido h3,.pedido-fotografia  .contenidopedido h4, .suscripcion-fotografia h3{color:#FFD25C}
	
		.suscripcion a{ padding:8px; font-size:16px; border: 2px solid #4F2E82;
    border-radius: 4px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 30px;
    padding-right: 30px; color:#4F2E82; margin-bottom:0px}
		.suscripcion a:hover{ background:#4F2E82; color:#fff}
			.suscripcion a.disabled{ background:#fff!important; border-color:#cecece!important; color:#cecece!important; cursor:auto}
	
	@media (max-width:767px) {
		.suscripcion{ margin-bottom:40px}
	}
	
	.addbuttoned{ float:left; padding:0px; padding-left:40px; background: url(../images/icon-add.png) 10px 23px no-repeat; font-size:15px; line-height:18px; display:inline-block; padding-top:25px; margin-bottom:40px; cursor:pointer;
	width:100%; border-top:1px solid #979797; margin-left:0px} 
		.addbuttoned:hover{ color:#FFD25C}
	.addbuttonedcompleto{ float:left; padding:0px; padding-left:40px; background: url(../images/icon-add.png) 10px 23px no-repeat; font-size:15px; line-height:18px; display:inline-block; padding-top:25px; margin-bottom:40px; cursor:pointer;
	width:100%; border-top:1px solid #979797; margin-left:0px} 
		.addbuttonedcompleto:hover{ color:#FFD25C}
		.fotoscontainer{ float:left; width:100%}
		.removephoto{ position:absolute; right:-25px; top:12px;background: url(../images/icon-add.png) 0px 0px no-repeat; transform: rotate(45deg); width:20px; height:20px; cursor:pointer}
		
		.options-buttons .option.notactive span{ cursor:default}
			.options-buttons .option.notactive span b,.options-buttons .option.notactive span strong,.options-buttons .option.notactive span i{color:#D9D9D9!important}
			.options-buttons .option.notactive span b:before{ border-color:#D9D9D9!important}
			.option.notactive span svg polygon, .option.notactive span svg path, .option.notactive span svg polygon, .option.notactive span svg path {
				stroke: #D9D9D9!important;
			}
			
		.crystal{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.65); z-index:9999; display:none; opacity:0}
		.microwindow{	background-color: #4F2E82; width:588px; position:absolute; left:50%; margin-left:-294px; height:446px; top:50%; margin-top:-223px; border-radius:8px; padding:80px}
			.microwindow h1{ float:left; width:100%; text-align:center; color:#fff; font-size:33px; font-family:"America"; line-height:40px; margin-bottom:8px; font-weight:600}
			.microwindow h2{ float:left; width:100%; text-align:center; color:#B2B2B2; font-size:16px; font-family:"Franklin"; line-height:18px; margin-bottom:35px; font-weight:normal}
			.microwindow input.form-control{background-color: #F1F1F1;border: 0px none;border-radius: 8px; height:42px; line-height:42px; width:100%; float:left; margin-bottom:12px; font-size:16px;
			color:#7F7F7F;font-family:"Franklin"; font-weight:normal}
				.microwindow input.form-control:focus{ background:#fff}
			.microwindow input.enviar{ width:128px; text-align:center; color:#FDFDFD;	border: 1px solid #fff; height:33px; border-radius:4px; background:transparent; 
			margin-left:calc(50% - 64px); margin-top:15px}
				.microwindow input.enviar:hover{ background:#fff; color:#4F2E82}
			
			.area-1,.area-2{ position:absolute; bottom:20px; }
				.area-1{ left:0px;width:47%}
				.area-2{ right:0px;width:53%}
				.area-1 span,.area-2 span{ color:#fff;font-size:16px; font-family:"Franklin";line-height:18px; margin-bottom:7px; width:100%; text-align:center; float:left}
				.area-1 p,.area-2 p{color:#fff;font-size:16px; font-family:"Franklin";line-height:18px; margin-bottom:17px; width:100%; text-align:center; font-weight:bold; float:left}
					.area-1 p b,.area-2 p b{border-bottom:1px solid #fff; cursor:pointer}
			
		@media (max-width:649px) {
			.microwindow{ width:80%; margin-left:10%; left:0px; padding:40px}
			.area-1 span,.area-2 span{font-size:11px}
			.area-1 p,.area-2 p{ font-size:13px}
		}
		@media (max-width:399px) {
			.microwindow{ width:85%; margin-left:7.5%; left:0px; padding:40px 20px}
			.area-1 span,.area-2 span{font-size:10px}
			.area-1 p,.area-2 p{ font-size:12px}
			.area-1,.area-2{ bottom:10px}
		}
		
		.hidden{ display:none}
		.closecontainer{cursor:pointer; position:absolute; width:25px; height:25px; right:20px; top:20px}
		close{position: relative;
		display: inline-block;
		width: 25px;
		height: 2px;
		color: #fff;
		font: 700 14px/.4 Helvetica;
		text-transform: uppercase;
		text-indent: -55px;
		background: 0 0;
		transition: all .2s ease-out; }
		close::after, close::before {
			content: '';
			width: 25px;
			height: 2px;
			background: #fff;
			position: absolute;
			left: 0
		}
		close::before {
			top: 0px;
			-webkit-transform: rotateZ(45deg);
			-moz-transform: rotateZ(45deg);
			-ms-transform: rotateZ(45deg);
			-o-transform: rotateZ(45deg);
			transform: rotateZ(45deg);
		}
		close::after {
			bottom: 0;
			-webkit-transform: rotateZ(-45deg);
			-moz-transform: rotateZ(-45deg);
			-ms-transform: rotateZ(-45deg);
			-o-transform: rotateZ(-45deg);
			transform: rotateZ(-45deg);
		}
		
.calltoaction{ width:100%; float:left; padding-top:2.5em; padding-bottom:2.5em;  font-family:"America"; font-weight:500; text-align:center; font-size:36px; line-height:43px;
 background:url(../images/bg-home-calltoaction.jpg) center center no-repeat; background-size:cover}	
 	.calltoaction h1{ color:#fff}	
	.calltoaction b{color:#FF7155}
	@media screen and (max-width: 660px){
		.calltoaction h1{
			font-size: 28px; line-height:35px
		}
	}
	@media screen and (max-width: 565px){
	.calltoaction h1 {
		font-size: 22px; line-height:29px
	}
	}
	@media screen and (max-width: 480px){
		.calltoaction  h1{
			font-size: 20px; line-height:27px
		}
	}
	@media screen and (max-width: 374px){
		.calltoaction  h1{
			font-size: 17px; line-height:24px
		}
	}
	#section-experts h2{ color:#7F7F7F; font-size:26px; line-height:30px; font-weight:300}
	
	.experts-selectors{ float:left; width:100%; margin-top:2.5em}
		.experts-selectors span{ width:19%; float:left; height:auto; cursor:pointer; padding-left:17px; padding-right:17px; padding-bottom:32px; position:relative; transition:0.2s}
		
			.experts-selectors span:hover,.experts-selectors span.active { margin-top:-10px; padding-bottom:42px}
			.experts-selectors span:hover:before,.experts-selectors span.active:before{ height:100%}
			
			.experts-selectors span.blueish:hover p,.experts-selectors span.blueish.active p{ color:#245ED3}
			.experts-selectors span.blueish:hover:before,.experts-selectors span.blueish.active:before{ border-color:#245ED3}
			.experts-selectors span.orangeish:hover p,.experts-selectors span.orangeish.active p{ color:#FF7155}
			.experts-selectors span.orangeish:hover:before,.experts-selectors span.orangeish.active:before{ border-color:#FF7155}
			.experts-selectors span.greenish:hover p,.experts-selectors span.greenish.active p{ color:#007F76}
			.experts-selectors span.greenish:hover:before,.experts-selectors span.greenish.active:before{ border-color:#007F76}
			.experts-selectors span.yellowish:hover p,.experts-selectors span.yellowish.active p{ color:#FFAF3F}
			.experts-selectors span.yellowish:hover:before,.experts-selectors span.yellowish.active:before{ border-color:#FFAF3F}
			.experts-selectors span.turkish:hover p,.experts-selectors span.turkish.active p{ color:#2bdbdb}
			.experts-selectors span.turkish:hover:before,.experts-selectors span.turkish.active:before{ border-color:#2bdbdb}
			
			.experts-selectors span:before{border-left: 1px solid #7F7F7F; height:69px; left:0px; bottom:0px; content:""; width:1px; position:absolute; transition:0.2s}
			.experts-selectors span img{ height:31px; float:left; margin-bottom:15px}
				.experts-selectors span p{ float:left; width:100%; color:#7F7F7F; font-size:13px; line-height:22px; margin-bottom:0px}
				
				
	
	.experts{ width:100%; float:left; position:relative; height:500px; margin-top:0px; display:none}
		#section-experts .experts{ background:url(../images/loader-white.gif) center center no-repeat}
		#section-partners{ padding-top:0em; background:#f7f7f7}
		#section-partners .experts{ height:425px}
		
		.experts-block{ width:100%; margin-left:-70px; height:500px; position:absolute; left:0px; top:0px; background-size:cover; background-position:center center;
		display: flex;
  align-items: center;
  justify-content: center}
  			#section-partners .experts-block{ height:425px; width:70%}
  
		.experts-block span{ color:#fff; width:60%; margin-left:5%; margin-right:35%; text-align:left; font-size:36px; line-height:43px; font-family:"America"; font-weight:500}
		.experts-secondblock{ width:35%; height:398px; position:absolute; right:0px;  top:51px; min-width:240px}
			.experts-secondblock p{ color:#fff; font-size:20px; line-height:24px; float:left; width:100%; padding:17px; padding-top:5px}							
			.experts-secondblock span{ color:#fff; font-size:15px; line-height:18px; border-top:1px solid #fff; padding:17px; float:left; width:100%}
				.experts-secondblock span:last-of-type{ border-bottom:1px solid #fff}
			.experts-secondblock a{ color:#fff; font-size:16px; line-height:30px; border-bottom:2px solid #fff; text-transform:uppercase; float:left; margin-left:17px; margin-top:36px; opacity:0.8}
				.experts-secondblock a.arrowed{border-bottom:0px none; float:right; width:37px; height:30px; background:url(../images/arrowed.png) center center no-repeat; margin-bottom:0px; margin-right:17px}
					.experts-secondblock a:hover{ opacity:1}
			.experts-secondblock img{ padding-left:17px; padding-top:17px; height:48px}
			.blueish .experts-secondblock{background:#245ED3}
			.orangeish .experts-secondblock{background:#FF7155}
			.greenish .experts-secondblock{background:#007F76}
			.yellowish .experts-secondblock{background:#FFAF3F}
			.turkish .experts-secondblock{background:#2bdbdb}
			.experts.active{ display:block}
		
		.experts-thirdblock{ width:60%; height:323px;  background:#fff; position:absolute; right:0px;  top:51px;}
			.experts-thirdblock img{ position:absolute; left:46px; top:46px; max-height:75px; max-width:119px}
			.experts-thirdblock a{ position:absolute; left:46px; bottom:46px; color:#7f7f7f; font-size:13px; line-height:13px; font-family:"America"; font-weight:500; text-transform:uppercase}
			.experts-thirdblock p{ position:absolute; right:148px; top:46px; color:#4F2E82; width:180px; text-align:left; font-size:19px; line-height:24px}
			.experts-thirdblock span:first-of-type{ border-right:0px none}
			.experts-thirdblock span:last-of-type{ border-left:1px solid #aaa}
			.experts-thirdblock span{ width:30px; height:100%;  border-right:1px solid #aaa; float:right; background:#fff; cursor:pointer; position:relative}
				.experts-thirdblock span.active{ background:#4F2E82!important; border-right:0px none; border-left:0px none}
					.experts-thirdblock span:hover{ background:#fafafa}
			.experts-thirdblock span b{-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); float:left; color:#7f7f7f; font-size:14px; line-height:30px; font-weight:400; text-transform:uppercase; width:100%; height:30px; position:absolute; bottom:30px}
				.experts-thirdblock span.active b{ color:#fff}
			
	#section-experts .slogan{ height:712px; border:0px none}
		#section-experts .slogan span{ color:#4F2E82; bottom:110px; width:250px; left:-90px}
	
	#section-partners .slogan{ height:425px; border:0px none}
		#section-partners .slogan span{ color:#4F2E82; bottom:95px; width:220px; left:-80px}
				@media screen and (max-width: 1129px){
					.experts-block{ margin-left:-23px}
				}
				@media screen and (max-width: 1099px){
					.experts-selectors span p{ font-size:12px}					
				}
				@media screen and (max-width: 991px){
					#section-experts .slogan{ height:702px}					
					.experts-selectors span{ padding-left:8px; padding-right:8px}
					.experts-selectors span p{ font-size:10px; line-height:17px; letter-spacing:-0.2pt}
					.experts-secondblock p{ font-size:17px}
					.experts-secondblock span{ font-size:12px}
					.experts-block span{ font-size:24px; line-height:33px}
					.experts-secondblock a{ font-size:13px}
					.experts-thirdblock p{ top:141px; right:auto; left:46px}
					.experts-thirdblock{ min-width:364px}
				}
				
				@media screen and (max-width: 767px){
					.experts-selectors span p {
						font-size: 9px;
						line-height: 17px;
					}
					.experts-block span {
						font-size: 20px;
						line-height: 28px;
					}
					.experts-secondblock p {
						font-size: 15px;
					}
					.experts-secondblock span {
						font-size: 10px;
					}
				}
				@media screen and (max-width: 699px){
					.experts-selectors span p {
						font-size: 8px;
						line-height: 17px;
					}
					.experts-block span {
						font-size: 18px;
						line-height: 25px; width:40%; margin-right:55%
					}
					.experts-secondblock a {
						font-size: 11px;
					}
				}
				@media screen and (max-width: 650px){
					.experts-selectors span p {
						display:none
					}
					#section-experts .slogan{ height:662px}					
					.experts-block span {
						font-size: 15px;
						line-height: 23px
					}
				}
				@media screen and (max-width: 499px){
					.experts-selectors span img{ height:26px}
					.experts-block span{ color:transparent}
					
					.experts-thirdblock img{ max-width:100px; max-height:60px; left:20px; top:20px}
					.experts-thirdblock p{ font-size:12px; line-height:19px; left:20px; top:115px}
					.experts-thirdblock a{ left:20px; bottom:20px; font-size:8px}
					.experts-thirdblock{ min-width:260px}
				}
				
				@media screen and (max-width: 374px){
					.experts-thirdblock img{ max-width:90px; max-height:60px; left:20px; top:20px}
					.experts-thirdblock p{ font-size:11px; line-height:19px; left:20px; top:115px}
					.experts-thirdblock a{ left:20px; bottom:20px; font-size:7px}
					.experts-thirdblock{ min-width:250px}
				}
				
	#our-team{ background:#f7f7f7; padding-bottom:3.5em}
		#our-team .row{ background:#f7f7f7 /*url(../images/bg-logo.svg) center center no-repeat; background-size: auto 100%*/; position:relative}
			.ourteam-pic{ position:absolute; height:100%; width:auto; margin:auto; left:0px; right:0px; top:0px}
		.col-xs-offset-right-4 {
		  margin-right: 33.33333333%;
		}
		#our-team span{color:#7F7F7F; font-size:18px; line-height:26px; position:relative; margin-bottom:10px; padding-left:0px;  padding-right:70px} 
		#our-team span b{color:#4F2E82; font-family:"America"; font-size:25px; line-height:31px; width:100%; float:left; margin-bottom:50px; text-transform:uppercase; white-space: nowrap}
			#our-team span m{ float:left; width:100%}
			#our-team span b,#our-team span m{ margin-left:-30px}
		#our-team span:before{ content:""; position:absolute; left:-70px; top:0px; width:1px; background:#aaa; height:100px}
	@media screen and (max-width: 1129px){
		#our-team span:before{ left:-25px}
		#our-team span{ padding-right:45px}
		#our-team span b,#our-team span m{ margin-left:0px}
	}
	@media screen and (max-width: 991px){
		#our-team span{ margin-left:0px; margin-right:0px; width:100%; float:left; margin-bottom:70px}
			#our-team span:last-child{ margin-bottom:0px}
			#our-team span b{ margin-bottom:20px}
	}
	@media screen and (max-width: 650px){
		#our-team span b { font-size:20px}
	}
	@media screen and (max-width: 374px){	
	.experts-block { margin-left:0px}	
	#our-team span:before{ display:none}
	}
	
	#about-us{background:#f7f7f7}
		#about-us .grip-container{background:#f7f7f7 url(../images/bg-logo.svg) top center no-repeat; background-size: 70% auto}
			#about-us .row{ border-bottom: 1px solid #7F7F7F; position:relative}
				#about-us .row{ padding-top:46px; padding-bottom:46px}
					#about-us .row:first-child{ padding-top:0px}
					#about-us .row m{ position:absolute; left:-140px; width:70px;  height:calc(100% - 50px); top:0px; text-align:left}
						#about-us .row.special2{ border-bottom:0px none; padding-bottom:0px}
						#about-us .row.special m,#about-us .row.special2 m{ height:100%}
						#about-us .row m b{ color:#4F2E82; font-family:"America"; font-weight:500; font-size:20px; line-height:70px; text-transform:uppercase; transform: rotate(-90deg);
						position:absolute; left:0px; bottom:0px; width:100%; text-align:left; white-space:nowrap}
				#about-us .row span{ font-family:"America"; font-size:36px; line-height:43px; color:#7F7F7F; font-weight:500; float:left; width:100%}
					#about-us .row span b{color:#4F2E82}
					#about-us .row span.light{ font-family:"Atlas"; font-size:26px; line-height:31px; font-weight:300}
						#about-us .row span.light b{ font-weight:300}
				#about-us .row p{ font-size:16px; line-height:20px; color:#7F7F7F; margin-bottom:46px; margin-top:18px; float:left; width:100%; margin-bottom:0px}
					#about-us .row strong{ font-weight:300; margin-top:40px; float:left; border-left:1px solid #aaa; padding-left:25px}
						#about-us .row strong k{ color:#7F7F7F; font-family:"America"; font-weight:300; font-size:16px; line-height:19px; width:100%; float:left; margin-bottom:30px}
						#about-us .row strong b{ font-weight:300; font-size:26px; line-height:31px; color:#4F2E82; float:left; width:100%}
						.logos{ position:absolute; height:100%; width:64.6667%}
						.nologos{ float:right}
							.nologos span{ margin-bottom:30px}
							.logos div{display: flex;
						  align-items: center;
						  justify-content: center; position:absolute; left:0px; top:0px; height:100%; width:100% }
						  	.logos img{ max-height:60px; margin-left:20px; margin-right:20px; width:calc(50% - 40px)}
							.logos l{ display:flex}
	@media screen and (max-width: 1129px){
		#about-us .row m{ left:-90px}
	}
	@media screen and (max-width: 1099px){
		#about-us .row strong b{ font-size:22px}
	}
	@media screen and (max-width: 991px){
		#about-us .row strong b{ font-size:16px}
		.nologos{ padding-top:100px}
		.logos{ height:50px; width:100%}
	}
	@media screen and (max-width: 767px){
		#about-us .row strong { width:50%}
	}
	@media screen and (max-width: 660px){
		#about-us .row span{ font-size:28px; line-height:35px}
	}
	@media screen and (max-width: 565px){
		#about-us .row span{ font-size:22px; line-height:29px}
	}
	@media screen and (max-width: 520px){
		.logos{ height:150px}
		.logos l{ display:inline; width:100%; text-align:center}		
		.nologos{ padding-top:150px}
		.logos l img{ margin-bottom:30px; width:auto; height:20px}
		.logos l:first-child img{ width:auto; height:41px}
	}
	@media screen and (max-width: 480px){
		#about-us .row span{ font-size:20px; line-height:27px}
		#about-us .row strong { width:100%}		
	}
	@media screen and (max-width: 374px){
		#about-us .row m{ display:none}
	}

	.contact #grip-hero .flexslider .display-cell h1,.contact #grip-hero .flexslider .display-cell h2,.contact #grip-hero .flexslider .display-cell p,.contact .grip-nav ul li a,.contact .slogan span,
	.contact .grip-nav-toggle i{ color:#4F2E82}
	.contact .grip-nav-toggle i::after,.contact .grip-nav-toggle i::before,.contact .grip-nav-toggle i{ background:#4F2E82}
	.contact .grip-nav #grip-logo polygon, .contact .grip-nav #grip-logo path,.contact .grip-nav #smalllogo g {
    fill: #4F2E82;
	}
	.contact #grip-hero .flexslider .slides li,.contact #grip-hero .flexslider .slides,.contact #grip-hero{ background:#f7f7f7}
	.contact #grip-hero .slogan{ border-color:#aaa; height:420px}
	.contact #grip-hero .flexslider .display-cell h2{ margin-bottom:4em}
	
	.contact-info{ position:absolute; right:0px; width:260px; top:0px; border-left:1px solid #aaa; padding-left:30px}
		.contact-info b{ color:#4F2E82; font-family:"America"; font-size:16px; line-height:19px; font-weight:500; float:left; width:100%; margin-bottom:70px}
		.contact-info span{ color:#7f7f7f; font-size:16px; line-height:28px; float:left; width:100%}
			.contact-info span a{ color:#7f7f7f!important;font-size:16px!important; line-height:28px!important; padding:0px!important; margin:0px!important; border:0px none!important; float:none!important; opacity:1!important}
				.contact-info span a:hover{ border-bottom:1px solid #aaa!important}
			
		
	@media screen and (max-width: 1099px){
		.contact #grip-hero .flexslider .display-cell h1, .contact #grip-hero .flexslider .display-cell h2{ font-size:33px}
		.contact #grip-hero .flexslider .display-cell h2{ margin-bottom:4.35em}
	}
	@media screen and (max-width: 991px){
		.contact #grip-hero .flexslider .display-cell h1, .contact #grip-hero .flexslider .display-cell h2{ font-size:23px}
		.contact #grip-hero .flexslider .display-cell h2{ margin-bottom:6.25em}
	}
	@media screen and (max-width: 767px){
	.contact #grip-hero .flexslider .display-cell h1{ margin-top:110px}
	.contact #grip-hero .flexslider .display-cell h2{ margin-bottom:calc(80px + 6.25em)}
	.contact-info{ position:absolute; left:70px; border:0px none; top:150px; padding-left:20px}
	.contact-info b{ margin-bottom:20px}
	}
	
	@media screen and (max-width: 530px){
		.contact #grip-hero .flexslider .display-cell h1, .contact #grip-hero .flexslider .display-cell h2{ font-size:15px}
		.contact #grip-hero .flexslider .display-cell h2{ margin-bottom:calc(80px + 9.63em)}
		.contact-info{  padding-left:30px}
	}
	@media screen and (max-width: 374px){
	.contact-info{left:0px}
	}
	.box-contact{ color:#fff; font-size:12px; line-height:20px; cursor:pointer; width:30%; float:left}
		.box-contact:first-child{ margin-left:5%}
		.box-contact div{ width:100%; float:left; background-color: #7F7F7F; padding:22px; margin:10px; width:calc(100% - 44px); min-height:180px}
			.box-contact:nth-child(5){ margin-left:15%}
			
			.box-contact:nth-child(2),.box-contact:nth-child(3),.box-contact:nth-child(4){ margin-top:-70px}
			
	.box-contact b{ font-family:"America"; font-weight:500; font-size:16px; line-height:19px; float:left; width:100%; margin-bottom:17px;}
		
		.box-contact div:hover{ background:#5f5f5f}
		.box-contact.active div{ background:#4F2E82}
		
		@media screen and (max-width: 1099px){
			.box-contact div{ padding:18px; width:calc(100% - 36px);}
		}
		
	#map{ width:100%; height:336px; margin-bottom:0px; margin-top:0px;background:#f7f7f7 url(../images/loader-white.gif) center center no-repeat}
	#about-us.contacto{padding-top:0px; padding-bottom:1em}
	#about-us.contacto .grip-container{background:none}
		@media screen and (max-width: 991px){
			.box-contact{ font-size:10px; width:33.33%}
			.box-contact:first-child{ margin-left:0%}
				.box-contact div{min-height:185px;padding:14.5px; width:calc(100% - 20px); margin:8px}
			.box-contact b{ font-size:13px}
		}
		@media screen and (max-width: 699px){
			.box-contact{ width:50%}
			.box-contact:nth-child(4){ margin-top:0px}
			.box-contact:nth-child(5){ margin-left:0px}
		}
		@media screen and (max-width: 499px){
			.box-contact{ width:100%; text-align:center}
				.box-contact div{height:auto; min-height:auto}
			.box-contact:nth-child(3){ margin-top:0px}
		}
		
	.sector #grip-hero .slogan span{width:400px; left:-165px; bottom:235px}
	.sector .grip-section{ padding-top:0px}
	.sector .experts-selectors{ margin-top:0px; margin-bottom:2.5em}
	.sector .experts-selectors span{ padding-bottom:0px; padding-top:42px}
	.sector .experts-selectors span:hover,.sector .experts-selectors span.active {
		margin-top: 0px; margin-bottom:-30px;
		padding-top: 72px; padding-bottom:0px
	}	
	.sector .experts-selectors span:not(.active){-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);}
	.sector .experts-selectors span:hover{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(0%);}
	
	.sector .experts-selectors span:before{ top:0px}
	
	.sector #section-experts .row.special{    padding-top: 46px;
    padding-bottom: 46px; position:relative}
	.sector #section-experts .row.special m {
		position: absolute;
		left: -140px;
		width: 70px;
		height: calc(100% - 50px);
		top: 0px;
		text-align: left;    height: 100%;
	}
	@media screen and (max-width: 1129px){
		.sector #section-experts .row.special m{ left:-90px}
	}
	.sector #section-experts .row.special m b {
		color: #4F2E82;
		font-family: "America";
		font-weight: 500;
		font-size: 20px;
		line-height: 70px;
		text-transform: uppercase;
		transform: rotate(-90deg);
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 100%;
		text-align: left;
		white-space: nowrap;
	}
	.sector #section-experts .row.special span{ font-size:20px; line-height:24px; font-family:"America"; font-weight:bold; float:left; width:100%; text-transform:uppercase; margin-bottom:75px}
	
	.sector #section-experts .row.special .col-sm-3{ float:left; }
		.sector #section-experts .row.special .col-sm-3 b{ font-size:20px; line-height:24px; font-weight:300; float:left; width:100%; margin-bottom:40px; cursor:pointer;color:#CECECE; position:relative}
			
			.sector #section-experts .row.special .col-sm-3 b.active,.sector #section-experts .row.special .col-sm-3 b:hover{ font-weight:500}
			.sector #section-experts .row.special .col-sm-3 b:before{ position:absolute; bottom:-10px; left:0px; width:26px; height:5px; content:""}
		.sector #section-experts .row.special .col-sm-9{ font-size:14px; line-height:20px;color:#7F7F7F; font-weight:300;border-left:1px solid #aaa; display:none; min-height:350px}
		.sector #section-experts .row.special .col-sm-9.active{ display:block}
			.sector #section-experts .row.special .col-sm-9 b{ font-size:20px; line-height:24px; float:left; width:100%; font-weight:300; margin-bottom:50px}
	
	.sector.logistic #section-experts .row.special m b,.sector.logistic #section-experts .row.special span,.sector.logistic #section-experts .row.special .col-sm-3 b:hover,
	.sector.logistic #section-experts .row.special .col-sm-3 b.active,.sector.logistic  #section-experts .row.special .col-sm-9 b{ color:#245ED3}
	.sector.logistic #section-experts .row.special .col-sm-3 b:hover:before,.sector.logistic #section-experts .row.special .col-sm-3 b.active:before{ background:#245ED3}
	
	.sector.executive #section-experts .row.special m b,.sector.executive #section-experts .row.special span,.sector.executive #section-experts .row.special .col-sm-3 b:hover,
	.sector.executive #section-experts .row.special .col-sm-3 b.active,.sector.executive  #section-experts .row.special .col-sm-9 b{ color:#FF7155}
	.sector.executive #section-experts .row.special .col-sm-3 b:hover:before,.sector.executive #section-experts .row.special .col-sm-3 b.active:before{ background:#FF7155}
	
	.sector.entry #section-experts .row.special m b,.sector.entry #section-experts .row.special span,.sector.entry #section-experts .row.special .col-sm-3 b:hover,
	.sector.entry #section-experts .row.special .col-sm-3 b.active,.sector.entry  #section-experts .row.special .col-sm-9 b{ color:#007F76}
	.sector.entry #section-experts .row.special .col-sm-3 b:hover:before,.sector.entry #section-experts .row.special .col-sm-3 b.active:before{ background:#007F76}
	
	.sector.workforce #section-experts .row.special m b,.sector.workforce #section-experts .row.special span,.sector.workforce #section-experts .row.special .col-sm-3 b:hover,
	.sector.workforce #section-experts .row.special .col-sm-3 b.active,.sector.workforce  #section-experts .row.special .col-sm-9 b{ color:#FFAF3F}
	.sector.workforce #section-experts .row.special .col-sm-3 b:hover:before,.sector.workforce #section-experts .row.special .col-sm-3 b.active:before{ background:#FFAF3F}
	
	.sector.services #section-experts .row.special m b,.sector.services #section-experts .row.special span,.sector.services #section-experts .row.special .col-sm-3 b:hover,
	.sector.services #section-experts .row.special .col-sm-3 b.active,.sector.services  #section-experts .row.special .col-sm-9 b{ color:#2CDBDB}
	.sector.services #section-experts .row.special .col-sm-3 b:hover:before,.sector.services #section-experts .row.special .col-sm-3 b.active:before{ background:#2CDBDB}
	
	
	@media screen and (max-width: 991px){
		.sector #section-experts .row.special .col-sm-3 b{ font-size:13px; line-height:20px}
		.sector #section-experts .row.special .col-sm-9{ font-size:11px}
		
		.sector #grip-hero .flexslider .display-cell h2,.sector #grip-hero .flexslider .display-cell h1{ font-size:30px}
	}
	@media screen and (max-width: 767px){
	.sector #section-experts .row.special .col-sm-3,.sector #section-experts .row.special .col-sm-9{ float:left; width:100%}
	.sector #section-experts .row.special .col-sm-9{ border-left:0px none; border-top:1px solid #aaa; padding-top:40px}
	.sector #section-experts .row.special .col-sm-9 b{ margin-bottom:20px}
	.sector #section-experts .row.special .col-sm-9 div{ margin-bottom:40px}
	.sector #grip-hero .flexslider .display-cell h2,.sector #grip-hero .flexslider .display-cell h1{ font-size:25px}
	}
	
	@media screen and (max-width: 640px){
		.sector #grip-hero .flexslider .display-cell h2,.sector #grip-hero .flexslider .display-cell h1{ font-size:22px}
	}
	@media screen and (max-width: 571px){
		.sector #grip-hero .flexslider .display-cell h2,.sector #grip-hero .flexslider .display-cell h1{ font-size:19px; letter-spacing:-1px}
	}
	@media screen and (max-width: 520px){
		.sector #grip-hero .flexslider .display-cell h2,.sector #grip-hero .flexslider .display-cell h1{ font-size:17px; letter-spacing:-1px}
	}
	@media screen and (max-width: 440px){
		.sector #grip-hero .flexslider .display-cell h2,.sector #grip-hero .flexslider .display-cell h1{ font-size:15px; letter-spacing:-1px}
	}
	@media screen and (max-width: 400px){
		.sector #grip-hero .flexslider .display-cell h2,.sector #grip-hero .flexslider .display-cell h1{ font-size:14px; letter-spacing:-1px}
		.sector #grip-hero .flexslider .display-cell p {
			font-size: 11px; letter-spacing:-1px
		}
	}
	
	
	.links{ position:absolute; right:40px; bottom:-165px; width:400px}
				.links a{ width:100%!important; float:left!important; margin:0px!important; padding:0px!important; border:0px none!important; height:33px; text-decoration:none;}
					.links a span{ color:transparent; font-size:14px; line-height:33px; width:calc(100% - 73px); float:left; text-align:right; padding-right:50px; margin-right:50px; border-right:1px solid #fff; transition:0.2s}
						.links a.active span,.links a:hover span{ color:#fff}
					.links a img{ height:23px!important; width:23px!important;  padding-left:0px; float:right; padding-top:5px; opacity:0.6}
					.links a.active img,.links a:hover img{ opacity:1}
	@media screen and (max-width: 767px){
		.links{ display:none}
	}
	
	.bg-icon{ position:absolute; right:15%; width:46.66%; top:15%;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); z-index:0; opacity:0.04}
	
	.grip-nav ul li.language a{ color:#333; font-size:11px}	
	.grip-nav ul li.language.dropdown .btn{ background:transparent!important; color:rgba(255,255,255,0.3); outline:none!important; padding-left:0px; padding-right:0px;
	padding-top:6px; font-size:11px}
		.contact .grip-nav ul li.language.dropdown .btn{color:#999}
		.bgclear .grip-nav ul li.language.dropdown .btn{ color:#999}
		.grip-nav ul li .dropdown-menu{ background:#fff; top:70px; min-width:100px; left:5px; border:0px none}
			.grip-nav ul li.language .dropdown-menu a{ width:100%; float:left; cursor:pointer; padding:4px 8px}
			.grip-nav ul li.language .dropdown-menu span{ width:100%; float:left; color:#aaa; font-size:11px; padding:4px 8px; font-weight:500; letter-spacing:0px}
			.grip-nav ul li.language .dropdown-menu a:hover{ background:#f0f0f0}
			
			#grip-offcanvas .dropdown .btn,#grip-offcanvas .dropdown-menu span{ display:none}
			#grip-offcanvas .dropdown-menu{ display:block; background:none; top:0px; width:220px; box-shadow:none; border:0px none; text-align:center; padding:0px;
			float:left; position:relative; left:0px}
			
			@media screen and (max-width: 991px){
			.grip-nav ul li{ padding:35px 8px}
			}