/* 
Theme Name:TAPIOCA 2
Version: 2.0
2017 copyright www.laya.co.in   
*/
@import url('css/bootstrap.min.css');
.wrapper  {background-color:#858585;}
.row {margin-right:0px;margin-left: 0px;}
.container-fluid {
  margin:0px;padding:0px;margin-right: auto;margin-left:auto;max-width:1200px;
  background-color:#FFF;}


/*-------main below----*/

/*
BAR:#FF9015
BOLD:#FF4646;
BODY:#3e3e3e
LETTERPAD:#F3EDF9
*/


/*-------MAIN----*/



body {
color:#3e3e3e;
font-family:"Helvetica Neue","Helvetica",sans-serif;
font-weight: 300;
line-height: 1rem;
-webkit-font-smoothing: antialiased;
padding: 0rem 0rem;
margin: 0rem;
}

p {
font-size: 1.1rem;
line-height: 1.6rem;letter-spacing:-.03rem;
padding:.25rem 1rem 1.25rem 2rem;
margin: 0rem;
}


@media (max-width:415px) { /* customize for mob */
p {padding:.25rem .5rem 1.25rem 1rem;
margin:0rem;
}
}


p a:link,p a:visited,p a:active  {
color:inherit;text-decoration: none;
border-bottom:0.1rem solid  #F3EDF9;
font-weight:bold;
}

p a:hover {text-decoration:none;
border-bottom:.1rem solid #DD4440;
}


strong {
font-size: 1.5rem;
color:#DD4440;
font-weight:900;
font-family:"Georgia",'Droid Serif',serif;
}



h1 {
font-weight:800;
font-family:  "Helvetica Neue","Helvetica","Roboto";


font-size: 1.5rem;letter-spacing:-.1rem;line-height:1.5rem;
text-align:left;
margin: .75rem .5rem 0rem 1.5rem;
padding: 0rem 0rem 0rem 0rem;
}

@media (max-width:415px) { /* customize for mob */
h1{margin:.75rem .5rem 0rem 0.5rem;}
}



h2 {
font-weight:bold;
font-family:"Georgia",'Droid Serif',serif;
font-size: 1.5rem;letter-spacing:-.1rem;line-height:1.75rem;

border-style: solid;
border-color: #DD4440;
border-width: 0rem 0rem 0rem 1.25rem;

margin: .5rem .5rem 0rem 0rem;
padding: .5rem 0rem .5rem .5rem;



}

@media (max-width:415px) { /* customize for mob */
h2 {
margin:.75rem .5rem 0rem -.5rem;
margin: .5rem .5rem 0rem 0rem;
}
}


h3 {
font-weight: 300;
font-size: 1.1rem;line-height: 1.4rem;letter-spacing:-.03rem;
background-color:#E9E6DE;
padding:1rem 1rem 0rem 1rem;
margin:0rem 1rem 0rem 1rem;
}


.lead {
font-weight:300;
background-color:#E9E6DE;
font-size: 1.2rem;letter-spacing: 0rem;line-height:1.3rem;
padding:1.5rem 0rem 1.5rem 1rem;
margin: 1rem 0rem 0rem 0rem;
}

.main .col-12 {
margin-left:0rem;
padding:0rem 0rem .25rem 0rem;
}



/*-------MAIN----*/




/*-------Whatsapp----*/
@media screen and (min-width: 0px) and (max-width: 414px) and (orientation: portrait)  {
  .w_app { display: block; }  /* show it on small screens */}
@media screen and (min-width: 415px) and (orientation: portrait){
  .w_app { display: none; }   /* hide it elsewhere */}
@media screen and (min-width: 0px) and (max-width: 667px) and (orientation:landscape)  {
  .w_app { display: block; }  /* show it on small screens */}
@media screen and (min-width: 668px) and (orientation:landscape){
  .w_app { display: none; }   /* hide it elsewhere */}
/*-------Whatsapp----*/


/*-------FP ----*/
.caption {width:100%;bottom: 0rem;position: absolute;}
.thumbnail {margin:0;padding:0;}
/*-------FP ----*/



/*-------LOGO ----*/
  /* hide mobile version by default */
  .logo .w_app {display: none;}
  /* when screen is less than 600px wide show mobile version and hide desktop */
  @media (max-width: 400px) {
    .logo .w_app {display: block;}
    .logo .desktop {display: none;}
  }


.logobar_l {
font-size: 0.6rem;
padding: 1.5em!important; margin: 0rem;
}
.logobar_c {
font-size: 0.6rem;
padding: .25em!important; margin: 0rem;
}
.logobar_r {
font-size: .1rem;
padding: 1.5!important; margin: 0rem;
}
.logobar_title {
font-size: 0.9rem;
padding:0rem 0rem .25rem 0rem;
}
.logobar_title a:link,.logobar_title a:visited, a:active,.logobar_title a:hover  {
color:#3e3e3e;text-decoration: none;border:0rem;
}

.fixed_height_logo {
height: 2rem;
max-height: 2rem;
}

/*-------LOGO ----*/


/*-------MENUBAR----*/



.menubar {
padding:0rem 0rem 0rem 0rem;
background:#FFF; 
background:rgba(255,255,255,0);
}

.menubar-logo {
padding: 0rem 0rem!important;
}








.menubar-cat {

letter-spacing: -.05rem;
font: 100 1.2rem Helvetica,'Roboto', sans-serif;


background-color:rgba(255,255,255,.5);
background: -webkit-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));
padding: 0rem 0rem;
margin: 0rem 0rem;
}

.menubar-cat:hover{
background-color:rgba(255,255,0,1);
}
.menubar-cat a:link,.menubar-cat a:visited,.menubar-cat a:active,.menubar-cat a:hover  {
color:inherit;text-decoration: none;}
a:hover{text-decoration: none;}

/*-------MENUBAR----*/



/*-------SOCIAL----*/
.social {
display:inline;
display:inline-block;
}

.social a:link,.social a:visited,.social a:active,.social a:hover  {
color:inherit;text-decoration: none;border:0rem;
}


.social_1
{font:100 .8rem Helvetica,'Roboto', sans-serif;
display:inline;
color:#7A7A7A;
padding:0rem 1rem 0rem 0rem;
padding:0rem 1rem 0rem 0rem;}

.social_2
{font: 100 .8rem Helvetica,'Roboto', sans-serif;
color:#e18728;
padding:0rem 1rem 0rem 0rem;
padding:0rem 1rem 0rem 0rem;}
/*-------SOCIAL----*/

/*-------GUTTER----*/
.gutter {
height:1rem;
background:linear-gradient(0deg,#858585,#858585,rgba(0,0,0,.9));
}
/*-------GUTTER----*/



/*-------IMG BOX----*/
.img_box  {}
.img_box_cap  {

color: #FF9015;
font-weight:200;
background-color:#F3EDF9;

font-size: 1.5rem;letter-spacing: 0rem;line-height:1.25rem;
margin: 0rem ;
padding:0rem;
}

.img_box_cap_1  {
margin: 0rem 0rem;
padding: .5rem 0rem;
}

 .img_box_cap  p{
color:red;
font-size: 1.25rem;
margin: 0rem 0rem;
padding: 0rem 0rem;
}
/*-------IMG BOX----*/

/*-------CATBAR----*/
.catbar {
 background:#FFF;
 background-color:#E9E6DE; 
color: #858585; margin: 0rem;
}



.catbar_l {
font-size: 0.6rem;
border-bottom:   .01rem solid  #858585;
background:#3e3e3e; color: #FFF;
margin: 0rem; padding: 0rem .5rem;
}

.catbar_www {
font-size: 0.75rem;
text-align:center;
color:#3e3e3e;
margin-top:-0.15rem!important;
}

.catbar_a {
font-size:1rem;

background-color:#E9E6DE; 
color:#3e3e3e;

border-top:.01rem solid #FF9015;
border-bottom:.01rem solid #FF9015;

padding:0em!important;
margin:0em!important;
}


.catbar_b {
font-size: 1rem;
background: #FF9015;color: #FFF;
padding: 0em!important;margin: 0em!important;

border-top:.01rem solid #FF9015;
border-bottom:.01rem solid #FF9015;

}

.catbar_b:last-child {
 border-left:.1rem solid  #FF9015;

}

.catbar_b a:link,.catbar_b a:visited,.catbar_b a:active {
text-decoration: none; border-bottom: none;
color: #FFF;
}




.catbar_r {
font-size: .6rem;

color: #FF9015;
background:#3e3e3e;


}

.catbar_r_cell {

border-right:.01rem solid  #858585;



margin: 0rem; padding: .25rem .5rem;
}

.catbar_r_cell:last-child {
border:none;
}


/*-------SEARCHBAR----*/
.search {

color: blue;
margin:0rem;
font-size:1rem;
padding:.25rem;
}

.form-control_cust {
text-align: right !important; 
display: inline-block !important;
   }
/*-------SEARCHBAR----*/




/*-------TILES----*/
.tiles {
background:#3C3C3C;
margin: 0rem;
padding: 0rem;

}

.tiles_cap {
color:#858585;
text-shadow: #000 1px 1px 1px;
font-weight:200;
font-size: 1.6rem;letter-spacing: -.05rem;line-height:1.25rem;
margin: .5rem 0rem 0rem 0rem;
padding: .5rem 2rem .75rem .25rem;

background-image: url('img/arrow.png');
background-repeat: no-repeat;
background-position: right top;
}



.tiles_cap_featured {
background-image: url('img/arrow-yel.png');
}

.tiles_text {
padding: 0rem 0rem .25rem .25rem;
line-height: 1.25rem;
font-weight: 400;
font-size: 1rem;

}

.tilewrap{
margin: 0rem;
padding: .25rem .25rem 0rem .25rem;
border:   .01rem solid  #858585;
}

a.tilewrap {
margin: 0;padding: 0; border:0px;
display: block;

/* height: 100%; */

width: 100%;
text-decoration:none;color:#858585;
border:   0rem!important;
}



.tilewrap:hover{border:.01rem solid  #FFF; color:#CCC;}

.tiles-img {
margin: 0rem ;
padding: 0rem ;
}

.tilewrap-img {
background:#FFF;
margin: 0rem;
padding:.25rem;
border:.05rem solid  #7A7A7A;
}

.tiles_list{

color:#858585; 
text-shadow: #000 1px 1px 1px;
font-weight:200;
font-size: 1.1rem;letter-spacing: -.05rem;line-height:1.0rem;
margin: 0rem 0rem 0rem 0rem;
padding: .5rem 0rem .5rem .5rem;



border-bottom:   .01rem solid  #858585;
}

.tiles_list a:link,.tiles_list a:visited,.tiles_list a:active  {
text-decoration: none;
border-bottom: none;
}
.tiles_list a:hover {text-decoration:none; color:#CCC; }



/*-------TILES----*/

.img-fluid
{background:#FFF;}

.img-wide
{margin: 0rem 0rem 0rem -.5rem;}

/*-------TABLE----*/


.table-la 
{margin: 0rem 0rem; padding: 0rem}

.table-la th 
{
background-color: #FF9015;

font-size: 1.5rem;
font-weight: 200;

padding:  .5rem .5rem;
}

.table-la td {

font-size: 1rem;
padding:  .5rem .25rem;
}








/*-------TABLE----*/



/*-------FOOTBAR----*/
.footbar {
background:#3C3C3C;

color:#858585;
margin:0rem 0rem 0rem 0rem;
padding:0rem 0rem 1rem 0rem;

font-weight: 200;
font-size: .8rem;

}

.footbar a:link,.footbar a:visited,.footbar a:active  {
color:inherit;text-decoration: none;
font-weight:bold;
font-weight: 200;

}
.footbar a:hover {text-decoration: none; color:#CCC; }


/*-------FOOTBAR----*/










