/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24/mar/2016, 15:42:44
    Author     : DEV-01
*/

@font-face {
    font-family: 'bebasNeue';
    src: url('https://urbanpaname.com/backoffice_/fonts/bebas/bebasneue-webfont.eot');
    src: url('https://urbanpaname.com/backoffice_/fonts/bebas/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://urbanpaname.com/backoffice_/fonts/bebas/bebasneue-webfont.woff2') format('woff2'),
        url('https://urbanpaname.com/backoffice_/fonts/bebas/bebasneue-webfont.woff') format('woff'),
        url('https://urbanpaname.com/backoffice_/fonts/bebas/bebasneue-webfont.ttf') format('truetype'),
        url('https://urbanpaname.com/backoffice_/fonts/bebas/bebasneue-webfont.svg#bebasNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoLight';
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoLight/roboto-light.eot');
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoLight/roboto-light.eot?#iefix') format('embedded-opentype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoLight/roboto-light.woff2') format('woff2'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoLight/roboto-light.woff') format('woff'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoLight/roboto-light.ttf') format('truetype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoLight/roboto-light.svg#robotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoMedium';
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoMedium/roboto-medium.eot');
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoMedium/roboto-medium.eot?#iefix') format('embedded-opentype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoMedium/roboto-medium.woff2') format('woff2'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoMedium/roboto-medium.woff') format('woff'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoMedium/roboto-medium.ttf') format('truetype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoMedium/roboto-medium.svg#robotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoRegular';
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoRegular/roboto-regular.eot');
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoRegular/roboto-regular.eot?#iefix') format('embedded-opentype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoRegular/roboto-regular.woff2') format('woff2'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoRegular/roboto-regular.woff') format('woff'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoRegular/roboto-regular.ttf') format('truetype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoRegular/roboto-regular.svg#robotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoBlack';
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoBlack/roboto-black-webfont.eot');
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoBlack/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoBlack/roboto-black-webfont.woff2') format('woff2'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoBlack/roboto-black-webfont.woff') format('woff'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoBlack/roboto-black-webfont.ttf') format('truetype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoBlack/roboto-black-webfont.svg#robotoBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoBlackItalic';
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoBlackItalic/roboto-blackitalic-webfont.eot');
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoBlackItalic/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoBlackItalic/roboto-blackitalic-webfont.woff2') format('woff2'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoBlackItalic/roboto-blackitalic-webfont.woff') format('woff'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoBlackItalic/roboto-blackitalic-webfont.ttf') format('truetype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoBlackItalic/roboto-blackitalic-webfont.svg#robotoBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoBold';
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoBold/roboto-bold-webfont.eot');
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoBold/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoBold/roboto-bold-webfont.woff2') format('woff2'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoBold/roboto-bold-webfont.woff') format('woff'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoBold/roboto-bold-webfont.ttf') format('truetype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoBold/roboto-bold-webfont.svg#robotoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoThin';
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoThin/roboto-thin-webfont.eot');
    src: url('https://urbanpaname.com/backoffice_/fonts/robotoThin/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoThin/roboto-thin-webfont.woff2') format('woff2'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoThin/roboto-thin-webfont.woff') format('woff'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoThin/roboto-thin-webfont.ttf') format('truetype'),
        url('https://urbanpaname.com/backoffice_/fonts/robotoThin/roboto-thin-webfont.svg#robotoThin') format('svg');
    font-weight: normal;
    font-style: normal;
}

/****************************************/
.custom-row::after, .custom-row::before {
    content: " ";
    display: table;
}

.custom-row::after {
    clear: both;
}

.custom-row {
    margin-left: 0px;
    margin-right: 0px;
}

.custom-col-xxs-12{
    width: 100%;
    float: left;
    min-height: 1px;
} 
.custom-col-xxs-11{
    width: 91.66666666666667%;
    float: left;
    min-height: 1px;
}  
.custom-col-xxs-10{
    width: 83.33333333333333%;
    float: left;
    min-height: 1px;
} 
.custom-col-xxs-9{
    width: 75%;
    float: left;
    min-height: 1px;
} 
.custom-col-xxs-8{
    width: 66.66666666666667%;
    float: left;
    min-height: 1px;
} 
.custom-col-xxs-7{
    width: 58.33333333333333%;
    float: left;
    min-height: 1px;
} 
.custom-col-xxs-6{
    width: 50%;
    float: left;
    min-height: 1px;
}
.custom-col-xxs-5{
    width: 41.66666666666667%;
    float: left;
    min-height: 1px;
} 
.custom-col-xxs-4{
    width: 33.33333333333333%;
    float: left;
    min-height: 1px;
} 
.custom-col-xxs-3{
    width: 25%;
    float: left;
    min-height: 1px;
}
.custom-col-xxs-2{
    width: 16.66666666666667%;
    float: left;
    min-height: 1px;
} 
.custom-col-xxs-1{
    width: 8.333333333333333%;
    float: left;
    min-height: 1px;
} 

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    .custom-col-xs-12{
        width: 100%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-xs-11{
        width: 91.66666666666667%;
        float: left;
        min-height: 1px;
    }  
    .custom-col-xs-10{
        width: 83.33333333333333%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-xs-9{
        width: 75%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-xs-8{
        width: 66.66666666666667%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-xs-7{
        width: 58.33333333333333%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-xs-6{
        width: 50%;
        float: left;
        min-height: 1px;
    }
    .custom-col-xs-5{
        width: 41.66666666666667%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-xs-4{
        width: 33.33333333333333%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-xs-3{
        width: 25%;
        float: left;
        min-height: 1px;
    }
    .custom-col-xs-2{
        width: 16.66666666666667%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-xs-1{
        width: 8.333333333333333%;
        float: left;
        min-height: 1px;
    } 
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .custom-col-sm-12{
        width: 100%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-sm-11{
        width: 91.66666666666667%;
        float: left;
        min-height: 1px;
    }  
    .custom-col-sm-10{
        width: 83.33333333333333%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-sm-9{
        width: 75%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-sm-8{
        width: 66.66666666666667%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-sm-7{
        width: 58.33333333333333%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-sm-6{
        width: 50%;
        float: left;
        min-height: 1px;
    }
    .custom-col-sm-5{
        width: 41.66666666666667%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-sm-4{
        width: 33.33333333333333%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-sm-3{
        width: 25%;
        float: left;
        min-height: 1px;

    }
    .custom-col-sm-2{
        width: 16.66666666666667%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-sm-1{
        width: 8.333333333333333%;
        float: left;
        min-height: 1px;
    } 
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .custom-col-md-12{
        width: 100%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-md-11{
        width: 91.66666666666667%;
        float: left;
        min-height: 1px;
    }  
    .custom-col-md-10{
        width: 83.33333333333333%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-md-9{
        width: 75%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-md-8{
        width: 66.66666666666667%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-md-7{
        width: 58.33333333333333%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-md-6{
        width: 50%;
        float: left;
        min-height: 1px;
    }
    .custom-col-md-5{
        width: 41.66666666666667%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-md-4{
        width: 33.33333333333333%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-md-3{
        width: 25%;
        float: left;
        min-height: 1px;
    }
    .custom-col-md-2{
        width: 16.66666666666667%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-md-1{
        width: 8.333333333333333%;
        float: left;
        min-height: 1px;
    } 
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .custom-col-lg-12{
        width: 100%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-lg-11{
        width: 91.66666666666667%;
        float: left;
        min-height: 1px;
    }  
    .custom-col-lg-10{
        width: 83.33333333333333%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-lg-9{
        width: 75%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-lg-8{
        width: 66.66666666666667%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-lg-7{
        width: 58.33333333333333%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-lg-6{
        width: 50%;
        float: left;
        min-height: 1px;
    }
    .custom-col-lg-5{
        width: 41.66666666666667%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-lg-4{
        width: 33.33333333333333%;
        float: left;
        min-height: 1px;

    } 
    .custom-col-lg-3{
        width: 25%;
        float: left;
        min-height: 1px;
    }
    .custom-col-lg-2{
        width: 16.66666666666667%;
        float: left;
        min-height: 1px;
    } 
    .custom-col-lg-1{
        width: 8.333333333333333%;
        float: left;
        min-height: 1px;
    } 
}
/****************************************/


/* spacers-----------------------------------------------*/
.spacer-1   { height: 1px;   width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-2   { height: 2px;   width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-3   { height: 3px;   width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-4   { height: 4px;   width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-5   { height: 5px;   width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-10  { height: 10px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-15  { height: 15px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-20  { height: 20px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-25  { height: 25px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-30  { height: 30px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-35  { height: 35px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-40  { height: 40px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-45  { height: 45px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-50  { height: 50px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-55  { height: 55px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-60  { height: 60px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-65  { height: 65px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-70  { height: 70px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-75  { height: 75px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-80  { height: 80px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-85  { height: 85px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-90  { height: 90px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-95  { height: 95px;  width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-105 { height: 105px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-110 { height: 110px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-115 { height: 115px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-120 { height: 120px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-125 { height: 125px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-130 { height: 130px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-135 { height: 135px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-140 { height: 140px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-145 { height: 145px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-150 { height: 150px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-155 { height: 155px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-160 { height: 160px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-165 { height: 165px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-170 { height: 170px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-175 { height: 175px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-180 { height: 180px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-185 { height: 185px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-190 { height: 190px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-195 { height: 195px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }
.spacer-200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear:both; }

/* paddings-----------------------------------------------*/
.padding-5   {padding: 5px;  }
.padding-10  {padding: 10px; }
.padding-15  {padding: 15px; }
.padding-20  {padding: 20px; }
.padding-25  {padding: 25px; }
.padding-30  {padding: 30px; }
.padding-35  {padding: 35px; }
.padding-40  {padding: 40px; }
.padding-45  {padding: 45px; }
.padding-50  {padding: 50px; }
.padding-55  {padding: 55px; }
.padding-60  {padding: 60px; }
.padding-65  {padding: 65px; }
.padding-70  {padding: 70px; }
.padding-75  {padding: 75px; }
.padding-80  {padding: 80px; }
.padding-85  {padding: 85px; }
.padding-90  {padding: 90px; }
.padding-95  {padding: 95px; }
.padding-100 {padding: 100px;}
.padding-105 {padding: 105px;}
.padding-110 {padding: 110px;}
.padding-115 {padding: 115px;}
.padding-120 {padding: 120px;}
.padding-125 {padding: 125px;}
.padding-130 {padding: 130px;}
.padding-135 {padding: 135px;}
.padding-140 {padding: 140px;}
.padding-145 {padding: 145px;}
.padding-150 {padding: 150px;}
.padding-155 {padding: 155px;}
.padding-160 {padding: 160px;}
.padding-165 {padding: 165px;}
.padding-170 {padding: 170px;}
.padding-175 {padding: 175px;}
.padding-180 {padding: 180px;}
.padding-185 {padding: 185px;}
.padding-190 {padding: 190px;}
.padding-195 {padding: 195px;}
.padding-200 {padding: 200px;}

/* paddings lados-----------------------------------------------*/
.padding-lados-5   {padding: 0 5px;  }
.padding-lados-10  {padding: 0 10px; }
.padding-lados-15  {padding: 0 15px; }
.padding-lados-20  {padding: 0 20px; }
.padding-lados-25  {padding: 0 25px; }
.padding-lados-30  {padding: 0 30px; }
.padding-lados-35  {padding: 0 35px; }
.padding-lados-40  {padding: 0 40px; }
.padding-lados-45  {padding: 0 45px; }
.padding-lados-50  {padding: 0 50px; }
.padding-lados-55  {padding: 0 55px; }
.padding-lados-60  {padding: 0 60px; }
.padding-lados-65  {padding: 0 65px; }
.padding-lados-70  {padding: 0 70px; }
.padding-lados-75  {padding: 0 75px; }
.padding-lados-80  {padding: 0 80px; }
.padding-lados-85  {padding: 0 85px; }
.padding-lados-90  {padding: 0 90px; }
.padding-lados-95  {padding: 0 95px; }
.padding-lados-100 {padding: 0 100px;}
.padding-lados-105 {padding: 0 105px;}
.padding-lados-110 {padding: 0 110px;}
.padding-lados-115 {padding: 0 115px;}
.padding-lados-120 {padding: 0 120px;}
.padding-lados-125 {padding: 0 125px;}
.padding-lados-130 {padding: 0 130px;}
.padding-lados-135 {padding: 0 135px;}
.padding-lados-140 {padding: 0 140px;}
.padding-lados-145 {padding: 0 145px;}
.padding-lados-150 {padding: 0 150px;}
.padding-lados-155 {padding: 0 155px;}
.padding-lados-160 {padding: 0 160px;}
.padding-lados-165 {padding: 0 165px;}
.padding-lados-170 {padding: 0 170px;}
.padding-lados-175 {padding: 0 175px;}
.padding-lados-180 {padding: 0 180px;}
.padding-lados-185 {padding: 0 185px;}
.padding-lados-190 {padding: 0 190px;}
.padding-lados-195 {padding: 0 195px;}
.padding-lados-200 {padding: 0 200px;}

/* margins-----------------------------------------------*/
.margin-left-5{margin-left: 5px;}
.margin-left-10{margin-left: 10px;}
.margin-left-15{margin-left: 15px;}
.margin-left-20{margin-left: 20px;}
.margin-left-25{margin-left: 25px;}
.margin-left-30{margin-left: 30px;}
.margin-left-35{margin-left: 35px;}
.margin-left-40{margin-left: 40px;}
.margin-left-60{margin-left: 60px;}
.margin-left-65{margin-left: 65px;}
.margin-left-70{margin-left: 70px;}
.margin-left-80{margin-left: 80px;}
.margin-left-140{margin-left: 140px;}

.margin-right-5{margin-right: 5px;}
.margin-right-10{margin-right: 10px;}
.margin-right-15{margin-right: 15px;}
.margin-right-20{margin-right: 20px;}
.margin-right-25{margin-right: 25px;}
.margin-right-30{margin-right: 30px;}
.margin-right-35{margin-right: 35px;}
.margin-right-40{margin-right: 40px;}

.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-top-15{margin-top: 15px;}
.margin-top-20{margin-top: 20px;}
.margin-top-25{margin-top: 25px;}
.margin-top-30{margin-top: 30px;}
.margin-top-35{margin-top: 35px;}
.margin-top-40{margin-top: 40px;}

.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-25{margin-bottom: 25px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-35{margin-bottom: 35px;}
.margin-bottom-40{margin-bottom: 40px;}

.margin-5   {margin: 5px;  }
.margin-10  {margin: 10px; }
.margin-15  {margin: 15px; }
.margin-20  {margin: 20px; }
.margin-25  {margin: 25px; }
.margin-30  {margin: 30px; }
.margin-35  {margin: 35px; }
.margin-40  {margin: 40px; }
.margin-45  {margin: 45px; }
.margin-50  {margin: 50px; }
.margin-55  {margin: 55px; }
.margin-60  {margin: 60px; }
.margin-65  {margin: 65px; }
.margin-70  {margin: 70px; }
.margin-75  {margin: 75px; }
.margin-80  {margin: 80px; }
.margin-85  {margin: 85px; }
.margin-90  {margin: 90px; }
.margin-95  {margin: 95px; }
.margin-100 {margin: 100px;}
.margin-105 {margin: 105px;}
.margin-110 {margin: 110px;}
.margin-115 {margin: 115px;}
.margin-120 {margin: 120px;}
.margin-125 {margin: 125px;}
.margin-130 {margin: 130px;}
.margin-135 {margin: 135px;}
.margin-140 {margin: 140px;}
.margin-145 {margin: 145px;}
.margin-150 {margin: 150px;}
.margin-155 {margin: 155px;}
.margin-160 {margin: 160px;}
.margin-165 {margin: 165px;}
.margin-170 {margin: 170px;}
.margin-175 {margin: 175px;}
.margin-180 {margin: 180px;}
.margin-185 {margin: 185px;}
.margin-190 {margin: 190px;}
.margin-195 {margin: 195px;}
.margin-200 {margin: 200px;}

/* margins lados-----------------------------------------------*/
.margin-lados-5   {margin: 0 5px;  }
.margin-lados-10  {margin: 0 10px; }
.margin-lados-15  {margin: 0 15px; }
.margin-lados-20  {margin: 0 20px; }
.margin-lados-25  {margin: 0 25px; }
.margin-lados-30  {margin: 0 30px; }
.margin-lados-35  {margin: 0 35px; }
.margin-lados-40  {margin: 0 40px; }
.margin-lados-45  {margin: 0 45px; }
.margin-lados-50  {margin: 0 50px; }
.margin-lados-55  {margin: 0 55px; }
.margin-lados-60  {margin: 0 60px; }
.margin-lados-65  {margin: 0 65px; }
.margin-lados-70  {margin: 0 70px; }
.margin-lados-75  {margin: 0 75px; }
.margin-lados-80  {margin: 0 80px; }
.margin-lados-85  {margin: 0 85px; }
.margin-lados-90  {margin: 0 90px; }
.margin-lados-95  {margin: 0 95px; }
.margin-lados-100 {margin: 0 100px;}
.margin-lados-105 {margin: 0 105px;}
.margin-lados-110 {margin: 0 110px;}
.margin-lados-115 {margin: 0 115px;}
.margin-lados-120 {margin: 0 120px;}
.margin-lados-125 {margin: 0 125px;}
.margin-lados-130 {margin: 0 130px;}
.margin-lados-135 {margin: 0 135px;}
.margin-lados-140 {margin: 0 140px;}
.margin-lados-145 {margin: 0 145px;}
.margin-lados-150 {margin: 0 150px;}
.margin-lados-155 {margin: 0 155px;}
.margin-lados-160 {margin: 0 160px;}
.margin-lados-165 {margin: 0 165px;}
.margin-lados-170 {margin: 0 170px;}
.margin-lados-175 {margin: 0 175px;}
.margin-lados-180 {margin: 0 180px;}
.margin-lados-185 {margin: 0 185px;}
.margin-lados-190 {margin: 0 190px;}
.margin-lados-195 {margin: 0 195px;}
.margin-lados-200 {margin: 0 200px;}

/* sizes-----------------------------------------------*/
.font-8 {font-size: 8px;}
.font-9 {font-size: 9px;}
.font-10 {font-size: 10px;}
.font-11 {font-size: 11px;}
.font-12 {font-size: 12px;}
.font-13 {font-size: 13px;}
.font-14 {font-size: 14px;}
.font-15 {font-size: 15px;}
.font-16 {font-size: 16px;}
.font-17 {font-size: 17px;}
.font-18 {font-size: 18px;}
.font-19 {font-size: 19px;}
.font-20 {font-size: 20px;}
.font-21 {font-size: 21px;}
.font-22 {font-size: 22px;}
.font-23 {font-size: 23px;}
.font-24 {font-size: 24px;}
.font-25 {font-size: 25px;}
.font-26 {font-size: 26px;}
.font-27 {font-size: 27px;}
.font-28 {font-size: 28px;}
.font-29 {font-size: 29px;}
.font-30 {font-size: 30px;}
.font-31 {font-size: 31px;}
.font-32 {font-size: 32px;}
.font-33 {font-size: 33px;}
.font-34 {font-size: 34px;}
.font-35 {font-size: 35px;}
.font-36 {font-size: 36px;}
.font-37 {font-size: 37px;}
.font-38 {font-size: 38px;}
.font-39 {font-size: 39px;}
.font-40 {font-size: 40px;}
.font-41 {font-size: 41px;}
.font-42 {font-size: 42px;}
.font-43 {font-size: 43px;}
.font-44 {font-size: 44px;}
.font-45 {font-size: 45px;}
.font-46 {font-size: 46px;}
.font-47 {font-size: 47px;}
.font-48 {font-size: 48px;}
.font-49 {font-size: 49px;}
.font-50 {font-size: 50px;}

/* sizes importants-----------------------------------------------*/
.font-10 {font-size: 10px !important;}
.font-11 {font-size: 11px !important;}
.font-12 {font-size: 12px !important;}
.font-13 {font-size: 13px !important;}
.font-14 {font-size: 14px !important;}
.font-15 {font-size: 15px !important;}
.font-16 {font-size: 16px !important;}
.font-17 {font-size: 17px !important;}
.font-18 {font-size: 18px !important;}
.font-19 {font-size: 19px !important;}
.font-20 {font-size: 20px !important;}
.font-21 {font-size: 21px !important;}
.font-22 {font-size: 22px !important;}
.font-23 {font-size: 23px !important;}
.font-24 {font-size: 24px !important;}
.font-25 {font-size: 25px !important;}
.font-26 {font-size: 26px !important;}
.font-27 {font-size: 27px !important;}
.font-28 {font-size: 28px !important;}
.font-29 {font-size: 29px !important;}
.font-30 {font-size: 30px !important;}
.font-31 {font-size: 31px !important;}
.font-32 {font-size: 32px !important;}
.font-33 {font-size: 33px !important;}
.font-34 {font-size: 34px !important;}
.font-35 {font-size: 35px !important;}
.font-36 {font-size: 36px !important;}
.font-37 {font-size: 37px !important;}
.font-38 {font-size: 38px !important;}
.font-39 {font-size: 39px !important;}
.font-40 {font-size: 40px !important;}
.font-41 {font-size: 41px !important;}
.font-42 {font-size: 42px !important;}
.font-43 {font-size: 43px !important;}
.font-44 {font-size: 44px !important;}
.font-45 {font-size: 45px !important;}
.font-46 {font-size: 46px !important;}
.font-47 {font-size: 47px !important;}
.font-48 {font-size: 48px !important;}
.font-49 {font-size: 49px !important;}
.font-50 {font-size: 50px !important;}

html, body{
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.lavalamp-object {
    height: 7px !important;
    background-color: #FF6666;
    //border-bottom: 7px solid ;
    position: absolute;
    left: 0;
    top: 50px;
}

.colorAzul{
    color: #3ab5e1; 
}

.colorVermelho{
    color: #ff6666;  
}

.colorCinza{
    color: #999999;
}

.MainContent{
    height: auto !important;
    min-height: 100%;
    width: 100%;
    position: relative;
    background-color: #FFFFFF;
}

/**** Header ****/
.header{
    width: 100%;
    height: auto;
}

.headerTopo{
    background-color: #e8e7e7;
    position: relative;
    z-index: 2;
}

.headerMenu{
    background: transparent url("https://urbanpaname.com/frontoffice_/images/repeat_footer.png") repeat-x scroll left top;
    width: 100%;
    height: 50px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #168bcc; 
}

.menuTitulos{
    color: #FFFFFF;
    font-size: 14px;
    font-family: "robotoMedium";
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
}

.menuTitulosMobile{
    color: #666666;
    font-size: 13px;
    font-family: "robotoMedium";
    text-transform: uppercase;
}

.borderTopo{
    border-right: 1px solid #D7D5D5;
    border-left: 1px solid #F1F1F1;
}

.menuButtons{
    height: 50px;
    border-right: 1px solid #168bcc;
    border-left: 1px solid #6dd0ed;
    float: left; 
    width: 14.28571428571429%;
    position: relative;
    line-height: 50px;
}

.menuButtonsNEW{
    border-right: 1px solid #353535;
    border-left: 1px solid #959595;
    float: left; 
    width: 14%;
    height: 50px;
    background-color: #666666;
}

.menuButtonsNEW:first-child{
    border-left: none;
}

.menuButtonsNEW:last-child{
    border-right: none;
}

.menuHover{
    height: 5px;
    background-color: transparent; 
    position: absolute; 
    bottom: 0; 
    width: 100%;
}

.menuActive{
    background-color: #FF6666 !important; 
}


.subMenu {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    background-color: transparent;
    float: left;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 110;
    display: none;
}
.subMenuControl {
    margin: 0;
    padding: 30px 0 30px 0;
    list-style: none;
    background-color: #ffffff;
    float: left;
    width: 100%;
    box-shadow: 0 5px 5px 0px rgba(102,102,102,0.5);
}
.subMenuFamilia {
    float: left;
    width: 33%;
    padding: 10px 20px 10px 20px;
    border-left: 1px solid #FF6666;
}
.subMenuFamilia:first-child {
    border-left: none;
}
.subMenuTituloFamilia {
    font-family: 'robotoMedium';
    color: #FF6666;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ebebeb;
}
.subMenuLink {
    font-family: 'robotoMedium';
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.subMenuLink:hover {
    color: #FF6666;
}
.menuButtonsNEW:hover .subMenu {
    display: block;
}


.menuMobile{
    padding: 0;
    margin: 0;
    list-style: none;
}

.controlMobileMenu{
    display: none;
}

.controlPesquisaMobile{
    display: none;
}

.menuMobile li{
    display: block;
    text-align: center;
    padding: 6px 0;
}

.textoTopo{
    font-size: 16px;
    font-family: "bebasNeue";
    text-transform: uppercase;
    color: #666666;
}

.iconTopo{
    color: #666666;
}

.iconTopo:hover{
    color: #FF6666;
}

.textoTopoAzul{
    font-size: 16px;
    font-family: "bebasNeue";
    text-transform: uppercase;
    color: #39B4DE;
}

.textoTopoVermelho{
    font-size: 16px;
    font-family: "bebasNeue";
    text-transform: uppercase;
    color: #FF6666;
}

.userTopo {
    background-color: #666666;
}

.btnPais{
    background: transparent;
    border: none;
    padding: 0;
}

.btnPais:hover .textoTopo {
    color: #FF6666;
}

.btnPais:hover .fa-angle-down {
    color: #FF6666 !important;
}

.btnPais:hover .userTopo {
    background-color: #FF6666;
}

.iconCookie {
   color: #666666;
}

.cookiesHover:hover .iconCookie {
    color: #FF6666;
} 

/**** End Header ****/

/**** Footer ****/
.footer{
    background-color: #666666;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.footerMobile{
    background-color: #666666;
    padding: 10px;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.footerFaixa{
    border-top: 1px solid #FFFFFF;
    background-color: #666666;
    width: 100%;
    height: 50px;
}

.footerTitulos{
    color: #FFFFFF;
    font-size: 25px;
    font-family: "bebasNeue";
    text-transform: uppercase;
}

.footerLinks{
    color: #FFFFFF;
    font-size: 12px;
    font-family: "robotoMedium";
    text-transform: uppercase;
}

.footerLinks:hover{
    color: #353535;
}

.footerInfo{
    color: #FFFFFF;
    font-size: 14px;
    font-family: "robotoBold";
}

.footerTelefone{
    color: #FFFFFF;
    font-size: 20px;
    font-family: "robotoBlackItalic";
}

.fix-footer{
    padding-top: 284px;
}

.footerIconSocial{
    transition: transform 0.8s ease-in-out 0s;
}

.footerIconSocial:hover{
    opacity: 0.5;
    transform: rotate(360deg);

}

.btn-Newsletter{   
    background-color: transparent;
    border-color: #FFFFFF;
    color: #fff;
    font-family: "bebasNeue";
    font-size: 18px;
    padding: 3px 12px;
    border: 1px solid #FFF;
}

.btn-Newsletter:hover, .btn-Newsletter:active, .btn-Newsletter:focus {   
    background-color: #FFFFFF;
    border-color: #39B4DE;
    color: #353535;
    font-family: "bebasNeue";
    font-size: 18px;
}
/**** End Footer ****/


/**** CSS Gerais ****/

.precoProdutoDetalhe {
    font-family: "BebasNeue";
    margin-top: -14px;
    font-size: 40px;
    color: #3ab5e1;
    display: inline-block;
}

.precoProdutoDetalheAntigo {
    font-family: "BebasNeue";
    margin-top: -14px;
    font-size: 25px;
    color: #ff6666;
    text-decoration: line-through;
    margin-right: 5px;
    display: inline-block
}

a:focus, a:hover {
    outline: none;
    text-decoration: none;
}

.imgResponsiveCenter{
    margin: 0 auto;
}

.noDecoration{
    text-decoration: none !important;
}

.headerBanner{
}

.carouselCategorias{
    border: 1px solid #AFAFAF;
    overflow: hidden;
}

.owl-carousel .owl-prev{
    position: absolute !important; 
    left: -12px; 
    top: calc(50% - 14px);
}
.owl-carousel .owl-next{
    position: absolute !important; 
    right: -12px; 
    top: calc(50% - 14px);
}

.titulosProduto{
    color: #666666;
    font-family: "BebasNeue";
    font-size: 22px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.precoProduto{
    color: #3AB5E1;
    font-family: "BebasNeue";
    font-size: 25px;
}

.titulosProdutoDestaque{
    color: #AFAFAF;
    font-family: "BebasNeue";
    font-size: 40px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.precoProdutoDestaque{
    color: #AFAFAF;
    font-family: "BebasNeue";
    font-size: 40px;
}

.titulosSeparador{
    font-family: "bebasNeue";
    font-size: 30px;
    color: #39B4DE;
    text-transform: uppercase;
}

.descricaoSeparador{
    font-family: "robotoRegular";
    font-size: 16px;
    color: #39B4DE;
}

/*.caixaNovidades{
    background-color: #FFF; 
    border: 1px solid #AFAFAF;
    height: 330px;
}

.novidadesCaracteristicas{
    text-align: right;
}

.novidadesCaracteristicasTextos{
    font-family: "robotoRegular";
    font-size: 15px;
    color: #C1C1C1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.caixaPromocoes{
    background-color: #FFF; 
    border: 1px solid #AFAFAF;
    height: 330px;
    position: relative;
}
.caixaPromocoes:hover{
    background: transparent url("/frontoffice_/images/repeat_banner.png") repeat-x scroll left top;
    border: 1px solid #AFAFAF;
}*/

.caixaProduto{
    background-color: #FFF; 
    border: 1px solid #AFAFAF;
    position: relative;
}

.caixaProdutosImagens {
    position:relative;
    background-color: #FFFFFF;
}
.caixaProdutosImagens img {
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.imageDestaque {
    opacity: 1;
}
.imageHover{
    /*display: none;*/
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.caixaProduto:hover a .caixaProdutosImagens img.imageDestaque {
    opacity: 0;
}
.caixaProduto:hover a .caixaProdutosImagens img.imageHover {
    opacity: 1;
}
.caixaProduto:hover a div .titulosProduto {
    color: #FF6666;
}



.badgeCinza {
    background-color: #AEAEAE;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 25px;
}

.badgeAzul {
    background-color: #39B4DE;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 25px;
}

.btn-Azul{   
    background-color: #39B4DE;
    color: #fff;
    font-family: "bebasNeue";
    font-size: 18px;
    padding: 3px 12px;
    border: 1px solid #FFF;
}

.btn-Azul:hover, .btn-Azul:active, .btn-Azul:focus {   
    background-color: #FFFFFF;
    color: #39B4DE;
    font-family: "bebasNeue";
    font-size: 18px;
    border: 1px solid #39B4DE;
}

.btn-Vermelho{   
    background-color: #ff6666;
    color: #fff;
    font-family: "bebasNeue";
    font-size: 18px;
    padding: 3px 12px;
    border: 1px solid #FFF;
}

.btn-Vermelho:hover, .btn-Vermelho:active, .btn-Vermelho:focus {   
    background-color: transparent;
    color: #fff;
    font-family: "bebasNeue";
    font-size: 18px;
}

.btn-Azul2{   
    background-color: #39B4DE;
    color: #fff;
    font-family: "bebasNeue";
    font-size: 18px;
    padding: 3px 12px;
    border: 1px solid #39B4DE;
    border-radius: 0px;
}

.btn-Azul2:hover, .btn-Azul2:active, .btn-Azul2:focus {   
    background-color: #FFFFFF;
    color: #39B4DE;
    font-family: "bebasNeue";
    /*font-size: 18px;*/
    border: 1px solid #39B4DE;
}

.btn-Vermelho2{   
    background-color: #ff6666;
    color: #fff;
    font-family: "bebasNeue";
    font-size: 18px;
    padding: 3px 12px;
    border: 1px solid #ff6666;
    border-radius: 0px;
}

.btn-Vermelho2:hover, .btn-Vermelho2:active, .btn-Vermelho2:focus {   
    background-color: transparent;
    color: #ff6666;
    font-family: "bebasNeue";
    /*font-size: 18px;*/
    border: 1px solid #ff6666;
}

.linhaBottom{
    width: 100%;
    height: 5px; 
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0;
}
.caixaProduto:hover .linhaBottom {
    background-color: #FF6666;
}

.produtosRedesSocais{
    position: absolute; 
    top: 10px; 
    right: 15px;
    display: none;
}

.produtosRedesSocais div{
    display: block; 
    margin-top: 6px;
}

.produtosRedesSociaisIcon{
    color: #FFFFFF;
    font-size: 16px;
}

.produtosRedesSociaisIcon2{
    color: #afafaf;
    font-size: 16px;
}

.produtosRedesSociaisIcon2:hover{
    color: #FF6666;
}

.produtosRedesSociaisIcon:hover{
    color: #ff6666;
}

.infoExtraProduto{
    position: absolute; 
    top: 15px; 
    left: 15px; 
    z-index: 10;
}

.arrow {
    background: #FFFFFF;
    border-bottom: 1px solid #AFAFAF;
    position: relative;
}

.arrow:after {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    left:50%;
    width: 12px;
    height: 12px; 
    background: #FFFFFF;
    border-right:1px solid #AFAFAF;
    border-bottom:1px solid #AFAFAF;
    -moz-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
}

.form-controlModel {
    background-color: #fff;
    border: 1px solid #666666;
    font-family: robotoBold;
    font-size: 12px;
    height: 40px;
}

.form-controlModel:focus {
    border-color: #666666;
    box-shadow: 0 1px 1px rgba(102, 102, 102, 0.075) inset, 0 0 8px rgba(102, 102, 102, 0.6);
}

.form-controlModel::-moz-placeholder {
    color: #666666;
    opacity: 1;
}

.form-controlNewslleter {
    background-color: #fff;
    border: 1px solid #666666;
    font-family: robotoBold;
    font-size: 12px;
    height: 36px;
}

.form-controlNewslleter:focus {
    border-color: #666666;
    box-shadow: 0 1px 1px rgba(102, 102, 102, 0.075) inset, 0 0 8px rgba(102, 102, 102, 0.6);
}

.form-controlNewslleter::-moz-placeholder {
    color: #666666;
    opacity: 1;
}

.btn-Model {
    background-color: #666666;
    border-color: #666666;
    color: #FFF;
    font-family: robotoBold;
    text-transform: uppercase;
}

.btn-Model:focus, .btn-Model:active, .btn-Model:hover {
    background-color: #FFFFFF;
    border-color: #666666;
    color: #666666;
}

.erro-custom {
    color: #FF6666;
    font-family: robotoBold;
    font-size: 11px;
}

.help-block {
    font-family: robotoBold;
    font-size: 11px;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #FF6666;
}

/**** SWEET ALERT *****/
.sweet-alert h2 {
    font-family: "BebasNeue";
    font-size: 35px;
    color: #666666;
}
.sweet-alert p {
    color: #666666;
    font-family: "robotoMedium";
    font-size: 12px;
    text-transform: uppercase;
}
.sweet-alert button {
    font-family: bebasNeue;
    font-size: 17px;
}
.sweet-alert button.cancel {
    background-color: #666666;
}
.sweet-alert button.cancel:hover {
    background-color: #777777;
}
/**** END SWEET ALERT *****/



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

    .menuTitulos {
        font-size: 13px;
    }

    .titulosProdutoDestaque{
        font-size: 35px;
    }

    .precoProdutoDestaque{
        font-size: 35px;
    }

    .novidadesCaracteristicasTextos{
        font-size: 14px;
    }

    .titulosProduto {
        font-size: 20px;
    }

    .btn-Azul2 {
        font-size: 16px;
    }

    .btn-Vermelho2{   
        font-size: 16px;
    }

    .produtosRedesSocais {
        top: 10px;
    }
    .infoExtraProduto {
        top: 10px;
    }

    .subMenuControl {
        padding: 50px 0 25px 0;
    }

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    .menuTitulos {
        font-size: 12px;
    }

    .titulosProdutoDestaque{
        font-size: 25px;
    }

    .precoProdutoDestaque{
        font-size: 25px;
    }

    .novidadesCaracteristicasTextos{
        font-size: 14px;
    }

    .titulosProduto {
        font-size: 18px;
    }

    .btn-Azul2 {
        font-size: 14px;
    }

    .btn-Vermelho2{   
        font-size: 14px;
    }

    .produtosRedesSocais {
        top: 10px;
    }
    .infoExtraProduto {
        top: 10px;
    }

    .subMenuLink {
        font-size: 11px;
    }

    .subMenuControl {
        padding: 30px 0 20px 0;
    }


}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

    .fix-footer{
        padding-top: 41px;
    }

    .titulosProduto {
        font-size: 18px;
    }

    .btn-Azul2 {
        font-size: 14px;
    }

    .btn-Vermelho2{   
        font-size: 14px;
    }

    .produtosRedesSocais {
        top: 10px;
    }
    .infoExtraProduto {
        top: 10px;
    }
    
    .dropDownRightXS {
        left: auto !important;
        right: 0; 
    }
}
/**** End CSS Gerais ****/