@font-face{font-family:'Lato';font-style:normal;font-weight:100;src:local('Lato Hairline'),local(Lato-Hairline),url(http://fonts.gstatic.com/s/lato/v11/eFRpvGLEW31oiexbYNx7Y_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lato';font-style:normal;font-weight:100;src:local('Lato Hairline'),local(Lato-Hairline),url(http://fonts.gstatic.com/s/lato/v11/GtRkRNTnri0g82CjKnEB0Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Lato';font-style:normal;font-weight:300;src:local('Lato Light'),local(Lato-Light),url(http://fonts.gstatic.com/s/lato/v11/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lato';font-style:normal;font-weight:300;src:local('Lato Light'),local(Lato-Light),url(http://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'),local(Lato-Regular),url(http://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'),local(Lato-Regular),url(http://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local('Lato Bold'),local(Lato-Bold),url(http://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local('Lato Bold'),local(Lato-Bold),url(http://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Lato';font-style:normal;font-weight:900;src:local('Lato Black'),local(Lato-Black),url(http://fonts.gstatic.com/s/lato/v11/R4a6fty3waPci7C44H8AjvY6323mHUZFJMgTvxaG2iE.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lato';font-style:normal;font-weight:900;src:local('Lato Black'),local(Lato-Black),url(http://fonts.gstatic.com/s/lato/v11/tI4j516nok_GrVf4dhunkg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Lato';font-style:italic;font-weight:100;src:local('Lato Hairline Italic'),local(Lato-HairlineItalic),url(http://fonts.gstatic.com/s/lato/v11/muRcAtdNYlnTj3NeuakxChTbgVql8nDJpwnrE27mub0.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lato';font-style:italic;font-weight:100;src:local('Lato Hairline Italic'),local(Lato-HairlineItalic),url(http://fonts.gstatic.com/s/lato/v11/9TBVFLzQ3GUZLG8FZ4yrEfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Lato';font-style:italic;font-weight:300;src:local('Lato Light Italic'),local(Lato-LightItalic),url(http://fonts.gstatic.com/s/lato/v11/XNVd6tsqi9wmKNvnh5HNEBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lato';font-style:italic;font-weight:300;src:local('Lato Light Italic'),local(Lato-LightItalic),url(http://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Lato';font-style:italic;font-weight:400;src:local('Lato Italic'),local(Lato-Italic),url(http://fonts.gstatic.com/s/lato/v11/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lato';font-style:italic;font-weight:400;src:local('Lato Italic'),local(Lato-Italic),url(http://fonts.gstatic.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Lato';font-style:italic;font-weight:700;src:local('Lato Bold Italic'),local(Lato-BoldItalic),url(http://fonts.gstatic.com/s/lato/v11/AcvTq8Q0lyKKNxRlL28RnxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lato';font-style:italic;font-weight:700;src:local('Lato Bold Italic'),local(Lato-BoldItalic),url(http://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Lato';font-style:italic;font-weight:900;src:local('Lato Black Italic'),local(Lato-BlackItalic),url(http://fonts.gstatic.com/s/lato/v11/81X-1TO5y4aMK2PPy9kFwxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lato';font-style:italic;font-weight:900;src:local('Lato Black Italic'),local(Lato-BlackItalic),url(http://fonts.gstatic.com/s/lato/v11/VNUH7ZAcagYBWsAiBBCEY1tXRa8TVwTICgirnJhmVJw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Merriweather';font-style:italic;font-weight:400;src:local('Merriweather Italic'),local(Merriweather-Italic),url(http://fonts.gstatic.com/s/merriweather/v8/So5lHxHT37p2SS4-t60SlMAbIeegqMtwkwn2ZHUR4Nk.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Merriweather';font-style:italic;font-weight:400;src:local('Merriweather Italic'),local(Merriweather-Italic),url(http://fonts.gstatic.com/s/merriweather/v8/So5lHxHT37p2SS4-t60SlBMBlNeli-0RcAdOFWWLdxQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:local(Montserrat-Bold),url(http://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
    @charset "UTF-8";@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url(http://fonts.gstatic.com/s/lato/v16/S6u-w4BMUTPHjxsIPx-oPCc.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(http://fonts.gstatic.com/s/lato/v16/S6u_w4BMUTPHjxsI9w2_Gwfo.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(http://fonts.gstatic.com/s/lato/v16/S6u8w4BMUTPHjxsAXC-v.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(http://fonts.gstatic.com/s/lato/v16/S6u_w4BMUTPHjxsI5wq_Gwfo.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(http://fonts.gstatic.com/s/lato/v16/S6u_w4BMUTPHjxsI3wi_Gwfo.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(http://fonts.gstatic.com/s/lato/v16/S6u8w4BMUTPHh30AXC-v.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(http://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: local('Merriweather Italic'), local('Merriweather-Italic'), url(http://fonts.gstatic.com/s/merriweather/v21/u-4m0qyriQwlOrhSvowK_l5-eRZOf-c.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD-w.ttf) format('truetype');
}

@charset "UTF-8";
/*!
    Animate.css - http://daneden.me/animate
    Licensed under the MIT license

    Copyright (c) 2013 Daniel Eden

    Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

    The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
    */
    .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
.top-nav-collapse
{
    background: #000}

a {
    color: #f8f8f8;
    text-decoration: none;
}
a:hover, a:focus {
    color: #d6cfcf
}

form#contact-form input:focus, form#contact-form select:focus, form#contact-form textarea:focus
{
    border-color: #67b0d1}


footer
{
    background-color: #000}


.btn-skin
{
    color: #fff;
    background-color: #67b0d1;
    border-color: #67b0d1}


body
{
    width: 100%;
    height: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #666;
    background-color: #fff}


html
{
    width: 100%;
    height: 100%}


h1
{
    position: absolute}


.section-heading h1
{
    font-size: 30px;
    margin: 30px 0 0;
    position: relative}


.section-heading h2
{
    font-size: 25px;
    margin: 30px 0 0}


h1, h2, h3, h4, h5, h6
{
    margin: 30px 0;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px}


#preloader
{
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999}


#loaderInner
{
    background: #fff url(../themes/turgriffe/assets/img/spinner.gif) center center no-repeat;
    height: 60px;
    left: 50%;
    margin: -50px 0 0 -50px;
    position: absolute;
    top: 50%;
    width: 60px}


@keyframes boxSpin
{
    0%
    {
        transform: translate(-10px, 0px)}


    25%
    {
        transform: translate(10px, 10px)}


    50%
    {
        transform: translate(10px, -10px)}


    75%
    {
        transform: translate(-10px, -10px)}


    100%
    {
        transform: translate(-10px, 10px)}


}


@keyframes shadowSpin
{
    0%
    {
        box-shadow: 10px -10px #666, -10px 10px #666}


    25%
    {
        box-shadow: 10px 10px #666, -10px -10px #666}


    50%
    {
        box-shadow: -10px 10px #666, 10px -10px #666}


    75%
    {
        box-shadow: -10px -10px #666, 10px 10px #666}


    100%
    {
        box-shadow: 10px -10px #666, -10px 10px #666}


}


#load
{
    z-index: 9999;
    background-color: #e7501e;
    opacity: .75;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin: -5px auto 0;
    left: 0;
    right: 0;
    border-radius: 0;
    border: 5px solid #e7501e;
    box-shadow: 10px 0 #39CCCC, 10px 0 #01FF70;
    animation: shadowSpin 1s ease-in-out infinite}


.navbar
{
    margin-bottom: 0}


.navbar-brand
{
    font-weight: 700;
    height: 40px;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 1em}


.navbar-brand h1
{
    color: #fff;
    font-size: 20px;
    line-height: 40px}


.navbar-brand:focus
{
    outline: 0}


.nav>li>a:hover, .nav>li>a:focus
{
    background-color: transparent}


.navbar-custom.top-nav-collapse .nav.navbar-nav
{
    background-color: rgba(0, 0, 0, 0)}


.navbar-custom ul.nav li a
{
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700}


.navbar-custom.top-nav-collapse ul.nav li a
{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff}


.navbar-custom ul.nav ul.dropdown-menu
{
    border-radius: 0;
    background: #878884}


.navbar-custom ul.nav ul.dropdown-menu li
{
    border-bottom: 1px solid #f5f5f5}


.navbar-custom ul.nav ul.dropdown-menu li:last-child
{
    border-bottom: none}


.navbar-custom ul.nav ul.dropdown-menu li a
{
    padding: 10px 20px}


.navbar-custom ul.nav ul.dropdown-menu li a:hover
{
    background: #fefefe}


.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a
{
    color: #FFF;
    background-color: #878884}


.navbar-custom .nav li a
{
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out}


.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li.active
{
    outline: 0}


.navbar-custom .nav li.activo
{
    background-color: #D67556}


.navbar-custom .nav li.menu-logo
{
    background-color: rgba(255, 255, 255, 0);
    display: none;
    height: 25px}


.navbar-custom .nav li.menu-logo a
{
    position: fixed;
    margin: 0;
    padding: 7px 0}


.navbar-toggle
{
    padding: 4px 6px;
    font-size: 14px;
    color: #fff}


.navbar-toggle:focus, .navbar-toggle:active
{
    outline: 0}


.nav .open>a, .nav .open>a:hover, .nav .open>a:focus
{
    background-color: transparent;
    border-color: transparent}


.navbar-custom ul.nav ul.dropdown-menu li a:hover
{
    color: #FFF;
    background-color: #535253}


.presentation
{
    top: 30px;
    margin: 6% 0;
    padding: 10px}


.intro
{
    min-height:  100%;
    position: relative;
    background-size: 100%;
    background: rgba(0, 0, 0, 1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#6e6e6e', GradientType=0)}


#intro.intro
{
    padding: 70px 0 0}


.intro .image
{
    text-align: center}


.intro .slogan
{
    text-align: center}


.intro .page-scroll
{
    text-align: center}


.intro .page-scroll button
{
    color: #E7501E;
    background-color: transparent;
    border: 1px solid #E7501E;
    font-size: x-large}


.intro .page-scroll p
{
    color: #E54E1C;
    font-size: xx-large}


.intro .page-scroll img
{
    margin: 0 auto}


.brand-heading
{
    font-size: 40px}


.intro-text
{
    font-size: 18px}


.page-scroll a
{
    margin-right: 0}


.intro .slogan h2
{
    color: #FFF;
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-shadow: -1px 0 1px #000}


.intro .slogan h3
{
    color: #fff;
    font-size: 30px;
    text-shadow: -1px 1px 1px #000}


.intro .slogan h4
{
    color: #fff;
    text-shadow: -1px 1px 1px #000}


.img-home button
{
    float: right;
    position: absolute;
    color: #E7501E;
    border: 1px solid #E7501E;
    background: transparent;
    font-family: 'Oswald', sans-serif;
    top: 470px;
    right: 130px;
    font-size: 20px}


.logo-linea
{
    max-width: 50%;
    margin: auto}


.title
{
    padding: 15px 10px 0 0;
    display: inline;
    height: 70px}


.title img
{
    float: left;
    margin: 0 40%;
    position: absolute}


.home-section
{
    padding-top: 10px;
    padding-bottom: 0;
    display: block;
    position: relative;
    z-index: 120;
    margin-top:  50px}



h2.titulo {
    text-align: left;
    color: #000;
    font-weight: 500
}

p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.6em
}

p.lead {
    font-weight: 600
}

.light {
    font-weight: 400
}

hr {
    margin-top: 10px
}

.marginbot-0 {
    margin-bottom: 0!important
}

.marginbot-10 {
    margin-bottom: 10px!important
}

.marginbot-20 {
    margin-bottom: 20px!important
}

.marginbot-30 {
    margin-bottom: 30px!important
}

.marginbot-40 {
    margin-bottom: 40px!important
}

.marginbot-50 {
    margin-bottom: 50px!important;
    border-top: 1px solid #000
}

.acticulo-section {
    margin: 150px 0;
    padding-top: 100px;
    padding-bottom: 100px;
    display: block;
    position: relative;
    z-index: 120
}

.distribuidores-section {
    padding-top: 110px;
    padding-bottom: 0;
    display: block;
    position: relative;
    z-index: 120
}

#regresar-arriba {
    text-align: right;
    color: #000;
    z-index: 2147483647;
    background-color: transparent;
    position: fixed;
    display: block;
    font-size: xx-large;
    bottom: 0;
    right: 0
}

#regresar-arriba a {
    color: #E7501E
}

.bg-white {
    background: #fff
}

.bg-gray {
    background: #FFF
}

.bg-dark {
    background: #575757
}

.text-light {
    color: #fff
}

.boxed-grey {
    background: #f9f9f9;
    padding: 20px
}

.team h5 {
    margin-bottom: 10px
}

.team p.subtitle {
    margin-bottom: 10px
}

.avatar {
    margin-bottom: 20px
}

.team-social {
    margin-left: 0;
    padding-left: 0;
    text-align: center
}

.team-social li {
    display: inline-block;
    margin: 0!important;
    padding: 0
}

.team-social a {
    margin: 0;
    padding: 0;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3bbec0;
    color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.team-social a i {
    text-align: center;
    margin: 0;
    padding: 0
}

.team-social .social-facebook a {
    background: #3873ae
}

.team-social .social-twitter a {
    background: #62c6f8
}

.team-social .social-dribble a {
    background: #d74980
}

.team-social .social-deviantart a {
    background: #8da356
}

.team-social .social-google a {
    background: #000
}

.team-social .social-vimeo a {
    background: #51a6d3
}

.team-social .social-facebook a:hover {
    background: #4893ce
}

.team-social .social-twitter a:hover {
    background: #82e6ff
}

.team-social .social-dribble a:hover {
    background: #f769a0
}

.team-social .social-deviantart a:hover {
    background: #adc376
}

.team-social .social-google a:hover {
    background: #333
}

.team-social .social-vimeo a:hover {
    background: #71c6f3
}

.service-icon {
    margin-bottom: 20px
}

section#contact {
    background-color: #EFEFEF
}

form#contact-form .form-group label {
    text-align: left!important;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px
}

form#contact-form input,
form#contact-form select,
form#contact-form textarea {
    border-radius: 0;
    border: 1px solid #eee;
    box-shadow: none;
    box-shadow: none
}

form#contact-form input:focus,
form#contact-form select:focus,
form#contact-form textarea:focus {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

#contact-form button {
    color: #E7501E;
    border: 1px solid #E7501E;
    background: transparent;
    font-family: 'Oswald', sans-serif;
    font-size: 15px
}

.input-group-addon {
    background-color: #fefefe;
    border: 1px solid #eee;
    border-radius: 0
}

.widget-contact {
    text-align: left
}

.company-social {
    margin-left: 0;
    padding-left: 0;
    margin-top: 10px;
    text-align: left
}

.company-social li {
    display: inline-block;
    margin: 0!important;
    padding: 0
}

.company-social a {
    margin: 0;
    padding: 0;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3bbec0;
    color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.company-social a i {
    text-align: center;
    margin: 0;
    padding: 0
}

.company-social .social-facebook a {
    background: #3873ae
}

.company-social .social-twitter a {
    background: #62c6f8
}

.company-social .social-dribble a {
    background: #d74980
}

.company-social .social-deviantart a {
    background: #8da356
}

.company-social .social-google a {
    background: #000
}

.company-social .social-vimeo a {
    background: #51a6d3
}

.company-social .social-facebook a:hover {
    background: #4893ce
}

.company-social .social-twitter a:hover {
    background: #82e6ff
}

.company-social .social-dribble a:hover {
    background: #f769a0
}

.company-social .social-deviantart a:hover {
    background: #adc376
}

.company-social .social-google a:hover {
    background: #333
}

.company-social .social-vimeo a:hover {
    background: #71c6f3
}

footer {
    text-align: center;
    padding: 50px 0
}

footer p {
    color: #f8f8f8
}

#parallax1 {
    background-image: url(../themes/turgriffe/assets/img/parallax/1.jpg)
}

#parallax1:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: .7;
    z-index: -1
}

#parallax2 {
    background-image: url(../themes/turgriffe/assets/img/parallax/2.jpg)
}

#parallax2:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: .7;
    z-index: -1
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.btn-circle.btn-dark {
    border: 2px solid #666;
    color: #666
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255, 255, 255, .1)
}

.btn-circle.btn-dark:hover,
.btn-circle.btn-dark:focus {
    outline: 0;
    color: #999;
    background: #fff
}

.btn-circle.btn-dark:hover i,
.btn-circle.btn-dark:focus i {
    color: #999
}

.page-scroll .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s
}

.page-scroll .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear
}

@-webkit-keyframes pulse {
    50% {
        -webkit-transform: scale(1) scale(1) scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    50% {
        -moz-transform: scale(1) scale(1) scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

#text {
    color: #fff;
    background: #fc0
}

#map {
    height: 500px
}

.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
    color: #fff;
    background-color: #666;
    border-color: #666
}

section#regiones {
    margin: 20px 0 45px
}

section#regiones h2 {
    padding: 0 10px;
    font-size: 25px
}

.navegacion-distribuidores .btn-default {
    border: 0 solid transparent;
    border-right: 1px solid #6A6A6A
}

.navegacion-distribuidores h3 {
    margin: 0;
    font-size: 15px
}

.navegacion-distribuidores >:first-child {
    border-left: 1px solid
}

.btn-huge {
    padding: 25px;
    font-size: 26px
}

.banner-social-buttons {
    margin-top: 0
}

.service-box {
    margin: 20px
}

.product {
    margin: 30px 0
}

#gallery_01 img {
    border: 2px solid #fff
}

.act img {
    border: 2px solid #333!important
}

#gal1 {
    margin: 10px;
    position: relative
}

#gal1 img {
    width: 100px;
    margin: 10px;
    padding: 5px
}

.zoomContainer {
    height: 250px
}

.zoomWrapper {
    width: 100%
}

.descripcion h2 {
    letter-spacing: 30px;
    font-weight: 700
}

.descripcion figcaption {
    font-size: 20px;
    font-weight: 500;
    padding: 15px 0
}

.descripcion figcaption ul {
    padding: 0
}

.descripcion figcaption ul li {
    list-style-type: none;
    margin: 3% 0
}

.descripcion figcaption img {
    max-width: 25%
}

.comprar {
    color: #E7501E;
    margin: 15px 0
}

.comprar button {
    padding: 5px;
    margin: 10px;
    background-color: transparent;
    border: 1px solid #E7501E;
    color: #E7501E
}

.img-responsivo {
    display: block;
    max-width: 90%;
    height: auto;
    margin: auto
}

.fig-home {
    max-width: 80%
}

header img {
    width: 25%
}

header img#turgriffe {
    width: 25%
}

.flecha {
    height: 70px;
    top: 80px
}

.download {
    text-align: center;
    margin: 10px 0;
    padding-bottom: 10px
}

.download button {
    border: 0;
    background-color: #E54E1C;
    color: #FFF;
    width: 190px;
    height: 30px
}

.branch-maps-google {
    width: 400px;
    height: 300px;
}

#link-facebook{
    color:#fff;
    font-size:16px;
}
#link-facebook a{
    color: #fff;
}
#link-facebook a:hover{
    color: #3B5998;
}

@media(max-width: 300px) and (min-width: 298px) {
    .img-home button {
        top: 83px;
        right: -10px;
        font-size: 9px
    }
}

@media(max-width: 319px) and (min-width: 300px) {
    .img-home button {
        top: 90px;
        right: 0px;
        font-size: 8px
    }
}

@media(max-width: 344px) and (min-width: 320px) {
    .img-home button {
        top: 102px;
        right: 5px;
        font-size: 8px
    }
}

@media(max-width: 364px) and (min-width: 345px) {
    .img-home button {
        top: 111px;
        right: 5px;
        font-size: 8px
    }
}

@media(max-width: 379px) and (min-width: 365px) {
    .img-home button {
        top: 117px;
        right: 15px;
        font-size: 8px
    }
}

@media(max-width: 399px) and (min-width: 380px) {
    .img-home button {
        top: 127px;
        right: 20px;
        font-size: 8px
    }
}

@media(max-width: 419px) and (min-width: 400px) {
    .img-home button {
        top: 137px;
        right: 25px;
        font-size: 8px
    }
}

@media(max-width: 439px) and (min-width: 420px) {
    .img-home button {
        top: 145px;
        right: 30px;
        font-size: 8px
    }
}

@media(max-width: 464px) and (min-width: 440px) {
    .img-home button {
        top: 156px;
        right: 35px;
        font-size: 8px
    }
}

@media(max-width: 494px) and (min-width: 465px) {
    .img-home button {
        top: 168px;
        right: 45px;
        font-size: 8px
    }
}

@media(max-width: 499px) and (min-width: 495px) {
    .img-home button {
        top: 180px;
        right: 45px;
        font-size: 8px
    }
}

@media(max-width: 535px) and (min-width: 500px) {
    .img-home button {
        top: 187px;
        right: 0px;
        font-size: 15px
    }
}

@media(max-width: 499px) and (min-width: 298px) {
    .img-home figcaption {
        top: -60px
    }
    .descripcion h2 {
        letter-spacing: 9px;
        font-weight: 700
    }
}

@media(max-width: 649px) and (min-width: 536px) {
    .img-home button {
        top: 220px;
        right: 0px;
        font-size: 15px
    }
    .img-home figcaption {
        top: -60px
    }
}

@media(max-width: 694px) and (min-width: 650px) {
    .img-home button {
        top: 257px;
        right: 0px;
        font-size: 20px
    }
}

@media(max-width: 724px) and (min-width: 695px) {
    .img-home button {
        top: 292px;
        right: 5px;
        font-size: 20px
    }
}

@media(max-width: 774px) and (min-width: 725px) {
    .img-home button {
        top: 310px;
        right: 15px;
        font-size: 20px
    }
    .img-home figcaption {
        top: -15px
    }
}

@media(max-width: 990px) and (min-width: 765px) {
    .img-home button {
        top: 315px;
        right: 20px
    }
    .img-home figcaption {
        top: -15px
    }
}

@media(max-width: 1100px) and (min-width: 990px) {
    .descripcion h2 {
        letter-spacing: 24px
    }
}

@media(max-width: 1200px) and (min-width: 991px) {
    .img-home button {
        top: 380px;
        right: 80px
    }
    .img-home figcaption {
        top: -10px
    }
}

@media(min-width: 2000px) {
    .img-home button {
        top: 600px;
        right: 430px
    }
}

@media() {
    .img-responsivo {
        display: block;
        max-width: 90%
    }
}

@media(min-width:767px) {
    .modal-lg {
        width: 80%
    }
    .navbar {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
        transition: background .5s ease-in-out, padding .5s ease-in-out
    }
    .top-nav-collapse {
        padding: 0;
        background-color: #000
    }
    .intro {
        height: 100%;
        padding: 0
    }
    .brand-heading {
        font-size: 100px
    }
    .intro-text {
        font-size: 25px
    }
}

@media (max-width:768px) {
    .team.boxed-grey {
        margin-bottom: 30px
    }
    .boxed-grey {
        margin-bottom: 30px
    }
}

@media (max-width:480px) {
    .navbar-custom .nav.navbar-nav {
        background-color: rgba(255, 255, 255, .4)
    }
    .navbar.navbar-custom.navbar-fixed-top {
        margin-bottom: 30px
    }
    .tp-banner-container {
        padding-top: 40px
    }
    .page-scroll a.btn-circle {
        width: 40px;
        height: 40px;
        margin-top: 10px;
        padding: 7px 0;
        border: 2px solid #fff;
        border-radius: 50%;
        font-size: 20px
    }
}

@media (min-width:2000px) {
    .container {
        width: 1800px
    }
}

@media (max-height:970px) {
    .presentation {
        margin: 0;
        padding: 0
    }
}

@media(max-width: 1200px) {
    .navegacion-distribuidores .btn-default {
        display: table;
        border: 0px transparent;
    }
    .branch h2 {
        font-size: 20px;
        text-align: left;
    }
    .section-heading h1 {
        font-size: 28px
    }
    .branch ul {
        text-align: left;
    }
}

@media(max-width: 447px) {
    .branch-maps-google {
        width: 100%;
    }
    .descripcion h2 {
        letter-spacing: 10px;
        font-weight: 700;
        font-size: medium;
    }
    .descripcion figcaption img {
        max-width: 50%;
    }
}

@media(max-width: 1199px) {
    .acticulo-section {
        margin: 0px 0;
        padding-top: 55px;
        padding-bottom: 55px;
    }
}
@media(max-width: 430px){
    header img#turgriffe {
        width: 60%;
    }

    header img#descubre{
        width: 60%;
    }

    .title img {
        float: left;
        margin: 0px 24%;
        position: absolute;
    }
}