/* Basic CSS starts */

:focus {outline:none;}
::-moz-focus-inner {border:0; vertical-align:middle;}

/*************************** NEW STYLES ************************/
.cred{color:red !important;}
.red{border:dotted 1px red !important;}
.blue{border:dotted 1px blue !important;}
.pink{border:dotted 1px pink !important;}
.black{border:dotted 1px black !important;}
.yellow{border:dotted 1px yellow !important;}
.fuchsia{border:solid 1px fuchsia !important;}
.aqua {border: solid 1px aqua !important;}

.cErrorEmail{color:#a23c1e !important;}
.cWhite{color:white !important;}
.cBlack{color:black !important;}
.cGrayDark{color:#444 !important;}
.cGrayLight{color:#868686 !important;}
.cSunrise {color:#F65275;}
.cSandstone {color:#cba052;}
.cGreenSuccess {color:#2abd02;}
.cOrange{color:#ff7611;}

.bgGrayLight{background-color:#f5f5f5 !important;}
.bgForm{background-color:#f3f6e0;}
.bgSandstone {background-color:#cba052;}
.brdGray{border-top:solid 1px #bbb;}
.brdGrayAddThis{border-top:solid 1px #e6e6e6;}
.brdDividerBtt{border-bottom:solid 1px #bbb !important;}
.brdbotGreenSuccess{border-bottom:solid 2px #2abd02; opacity:1;}
.brdbotOrange{border-bottom:solid 2px #ff7611; opacity:1;}

.fleft{float:left !important;}
.fright{float:right !important;}
.ttleft{text-align:left !important;}
.ttright{text-align:right !important;}
.ttbold{font-weight:bold !important;}
.ttitalic{font-style:italic !important;}
.ttcenter{text-align:center !important;}
.ttjustify{text-align:justify !important;}
.ttcenter{text-align:center !important;}
.ttupper{text-transform:uppercase !important;}
.ttlower{text-transform:lowercase !important;}

.alvertMidd{vertical-align:middle !important;}
.pstRelative{position:relative;}
.pstAbsolute {position:absolute;}

.clear{clear:both;}
.clear3{clear:both; height:3px;}
.clear5{clear:both; height:5px;}
.clear10{clear:both; height:10px;}
.clear15{clear:both; height:15px;}
.clear20{clear:both; height:20px;}
.clear25{clear:both; height:25px;}
.clear30{clear:both; height:30px;}
.clear35{clear:both; height:35px;}
.clear40{clear:both; height:40px;}
.clear45{clear:both; height:45px;}
.clear50{clear:both; height:50px;}
.clear55{clear:both; height:55px;}
.clear60{clear:both; height:60px;}
.clear65{clear:both; height:65px;}
.clear70{clear:both; height:70px;}
.clear75{clear:both; height:75px;}
.clear80{clear:both; height:80px;}
.clear85{clear:both; height:85px;}
.clear90{clear:both; height:90px;}
.clear95{clear:both; height:95px;}
.clear100{clear:both; height:100px;}

.no-margin-bottom { margin-bottom:0 !important;}

.pt0 {padding-top: 0 !important; }
.pt10 {padding-top: 10px !important; }
.pt20 {padding-top: 20px !important; }
.pt30 {padding-top: 30px !important; }
.pt40 {padding-top: 40px !important; }
.pt50 {padding-top: 50px !important; }
.pt60 {padding-top: 60px !important; }
.pt70 {padding-top: 70px !important; }
.pt80 {padding-top: 80px !important; }
.pt90 {padding-top: 90px !important; }
.pt100 {padding-top: 100px !important; }

.pb0 {padding-bottom: 0 !important; }
.pb10 {padding-bottom: 10px !important; }
.pb15 {padding-bottom: 15px !important; }
.pb20 {padding-bottom: 20px !important; }
.pb30 {padding-bottom: 30px !important; }
.pb40 {padding-bottom: 40px !important; }
.pb50 {padding-bottom: 50px !important; }
.pb60 {padding-bottom: 60px !important; }
.pb70 {padding-bottom: 70px !important; }
.pb80 {padding-bottom: 80px !important; }
.pb90 {padding-bottom: 90px !important; }
.pb100 {padding-bottom: 100px !important; }

.mt5 {margin-top: 5px !important; }
.mt5 {margin-top: 5px !important; }
.mt10 {margin-top: 10px !important; }
.mt20 {margin-top: 20px !important; }
.mt30 {margin-top: 30px !important; }
.mt40 {margin-top: 40px !important; }
.mt50 {margin-top: 50px !important; }
.mt60 {margin-top: 60px !important; }
.mt70 {margin-top: 70px !important; }
.mt80 {margin-top: 80px !important; }
.mt90 {margin-top: 90px !important; }
.mt100 {margin-top: 100px !important; }

.mb0 {margin-bottom: 0 !important; }
.mb5 {margin-bottom: 5px !important; }
.mb10 {margin-bottom: 10px !important; }
.mb20 {margin-bottom: 20px !important; }
.mb30 {margin-bottom: 30px !important; }
.mb40 {margin-bottom: 40px !important; }
.mb50 {margin-bottom: 50px !important; }
.mb60 {margin-bottom: 60px !important; }
.mb70 {margin-bottom: 70px !important; }
.mb80 {margin-bottom: 80px !important; }
.mb90 {margin-bottom: 90px !important; }
.mb100 {margin-bottom: 100px !important; }

.hidden{display:none;}

/********************* COOKIES ********************************/
#pnlCookies.boxCookies{position:fixed; left:0; margin:0; bottom:0; padding:4px; z-index:1000; text-align:center; width:100%; background-color:#102c3c; color:#fff !important;}
#pnlCookies .cookies{padding:5px 0; line-height:15px !important;}
#pnlCookies .cookies a{color:#fff; font-weight:300;}
#pnlCookies .cookies a:hover{color:#fff;}
#pnlCookies .cookies input.warning{margin-right:15px; vertical-align:middle;}
#pnlCookies .cookies button.close{float:none; font-size:inherit !important; color:#fff !important; opacity: 0.80; filter: alpha(opacity=80); background-color: #3086a7; border-color: #3086a7; padding:8px 18px; border-radius:5px; margin-left:15px;}
#pnlCookies .cookies button.close:hover{color:#fff; opacity: 1; filter: alpha(opacity=100);}
#pnlCookies .cookies button.close i{font-weight:300; font-size:25px !important; color:#fff !important; padding-right:15px; vertical-align:middle;}
#pnlCookies .cookies a.infoCookie{opacity:0.80; filter:alpha(opacity=80); background-color:#7c7c7c; border-color:#7c7c7c; padding:5px 10px;  border-radius:5px; margin-left:15px; font-weight:600; color:#fff !important;}
#pnlCookies .cookies a.infoCookie:hover{opacity:1; filter:alpha(opacity=100);}

.vwCookies p{margin: 0px 0px 10px;}
/***************************************************************/


/*********************** || ********************************/

.QuemEquem-Form .theme-color-transp .form-control{font-size:20px;padding:0 0 10px;border:none; margin-bottom:0;border-bottom: solid 4px transparent;color:#000}
/* WebKit browsers */
.form-control::-webkit-input-placeholder {color:#999;}
/* Mozilla Firefox 4 to 18 */
.form-control:-moz-placeholder {color:#999;}
/* Mozilla Firefox 19+ */
.form-control::-moz-placeholder {color:#999;}
/* Internet Explorer 10+ */
.form-control:-ms-input-placeholder {color:#999;}
.QuemEquem-Form .theme-color-transp .form-control:focus {box-shadow:none; border:none;border-bottom: solid 4px #000;}

.cpSep{position:relative;}
.cpSep:before {font-family:'boxicons';content:'\eb8b';font-size:15px;line-height:10px;position:absolute;top:17px;left:-8px;}
#pnlCocaColaObrigado h1{font-family:'Helvetica', Arial, sans-serif;  font-weight:600;}
#pnlCocaColaForm .small a{color:#000; text-decoration:underline;}

.tError{color:red;font-size:12px;}
.validation-error{background-color:#fff0f0 !important;border:1px #a90329 solid !important;color:Red !important;}
.error {font-weight: bold; color: red; padding: 2px 8px; margin-top: 2px;}
.validation-error { background-color:#fff0f0 !important; border:1px #a90329 solid !important; color:Red !important; }


/******  Media PRINT ********/
@media print {
    h2, h3 {page-break-after: inherit !important; white-space: nowrap !important;}
    .table {margin-bottom: 20px !important;}
    table td.Pprice, table th.Pprice, div.tOrderSucess{white-space: nowrap !important;}
    table td.nowrap{}
    #check.header h1#showInPrint{display: block !important;}
    table td a[href]:after {content: "" !important;}

}

/****************** Responsive CSS ************************/

/* ### MOBILE ### */
@media (max-width: 215px)
{

}
@media (max-width: 320px)
{

}

@media (max-width: 400px)
{

}

@media (max-width: 490px)
{

}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 490px) and (orientation: portrait)
{

}

@media only screen and (max-width: 660px)
{

}
@media only screen and (max-width: 660px)
{

}
@media only screen and (max-width: 767px) 
{
    .row.less{margin-left:-15px;margin-right:-15px;}
    .w100{width:100%;}
    .pb0-xs{padding-bottom:0 !important;}
    .pt20-xs{padding-top:20px !important;}
    .pl0-sm {padding-left: 0 !important; }
    .pr0-sm {padding-right: 0 !important; }

}


/* Tablets */
@media only screen and (max-width: 768px) 
{

}

@media only screen and (max-width: 990px)
{

}

@media only screen and (max-width: 1024px) 
{

}

@media only screen and (min-width: 1200px) 
{

}

@media screen and (max-width: 1440px)
{
  /* some CSS here */
    form .row {margin-right: 0; margin-left: 0;}
}