.itopplus-background {

}
body, html { overflow-x: hidden; }


a {
  color : #000;
 transition: 0.35s;
}
a:hover {
    color: #f27023;
  	transition: 0.35s;
}

.itopplus-footer {
    color: #fff;
}
.itopplus-footer a {
    color: #fff;
  	transition: 0.35s;
}
.itopplus-footer a:hover {
    color: #f27023;
}



.itopplus-bg {
    background-image: url(http://itp1.itopfile.com/ImageServer/bc27027146ab965e/0/0/bgz-z1229838573468.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.itopplus-bg2 {
    background-image: url(http://itp1.itopfile.com/ImageServer/bc27027146ab965e/0/0/bg2z-z1019695484851.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
  	color: #fff;
}
.itopplus-bg3 {
    background-image: url(http://itp1.itopfile.com/ImageServer/bc27027146ab965e/0/0/bg3z-z1369213916606.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.itopplus-bg4 {
    background-image: url(http://itp1.itopfile.com/ImageServer/bc27027146ab965e/0/0/bg4z-z125847467948.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.itopplus-footer {
    background-image: url(http://itp1.itopfile.com/ImageServer/bc27027146ab965e/0/0/coffeeadaygroupfooter2z-z369548578878.webp);
    background-repeat: no-repeat;
    background-size: cover;
  	background-position: bottom;
  	color: #fff;
}
.navbar-default {
    background: transparent;
}
.dropdown-menu>li>a {
    color: #333 !important;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: #f27023;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #f27023;
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #fff;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    transition: 0.35s;
    border-radius: 25px;
    margin-left: -3px;
    margin-right: -3px;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default 
.navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    background-color: #f27023!important;
    color: #fff;
  	transition: 0.35s;
  	border-radius: 25px;
}
.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:hover {
    background: #f27023;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #f27023!important;
    background-image: none;
    color: #fff!important;
}

@media (max-width:768px) {
.navbar-default {
    background: #f27023;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #f27023;
    border-radius: 0;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: #f27023;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,
  .navbar-default .navbar-nav>li>a:hover {
    background-color: #f27023!important;
    color: #fff;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #f27023!important;
    background-image: none;
    color: #fff!important;
}
  .itopplus-sidebar-menu-single a:link {
    color: #fff !important;
}
.itopplus-sidebar-menu-single a:active {
    background-color: #f27023;
    color: #fff!important;
}
.itopplus-sidebar-menu-single {
    border-bottom: transparent;
}
.itopplus-sidebar-menu-parent a {
    color: #fff !important;
}
.itopplus-sidebar-menu-parent a:active {
    background-color: #f27023;
    color: #fff!important;
}
#imagesControl62627e1a85116600137b96d9 {
    padding: 0px !important;
}
.col-md-1.col-md-offset-0.col-sm-2.col-sm-offset-5.col-xs-4.col-xs-offset-4.padding.zIndex-menu.zIndex-fix {
    z-index: 1;
}
}

@media only screen and (min-width: 769px){
.navbar-default.navbar-fixed .nav {
    display:none
}
.navbar-default {
    background: #f27023 !important;
}
.itopplus-sidebar-menu-single a:link {
    color: #fff !important;
}
.itopplus-sidebar-menu-single a:active {
    background-color: transparent;
    color: #fff!important;
}
.itopplus-sidebar-menu-single {
    border-bottom: transparent;
}
.itopplus-sidebar-menu-parent a {
    color: #fff !important;
}
.itopplus-sidebar-menu-parent a:active {
    background-color: transparent;
    color: #fff!important;
}
.text-bar {
    color: #fff!important;
}
.itopplus-banner {
    position: inherit;
}
.navbar-header {
    display: block !important;
}
.container.itopplus-search {
    display: none !important;
}
}

@media only screen and (min-width: 992px){
.navbar-default {
    background: transparent!important;
}
.navbar-default.navbar-fixed .nav {
    display:block
}
.navbar-header {
    display: none !important;
}
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
.itopplus-banner{
  background:  rgba(255,255,255,0.0);
  position: absolute;
  width: 100%;
  z-index: 100;
}
.itopplus-banner2{
  background: #000;
}
#main-navbar-collapse{
  text-align:center ;
}
.navbar-default {
    background: transparent;
    margin-top: 5%;
}
.navbar-default {
    background: transparent!important;
}
.navbar-default.navbar-fixed .nav {
    display:block
}
.container.itopplus-search {
    display: inherit !important;
}
 .col-md-12.padding.zIndex-pos2 {
    z-index: 101;
}
.coffee-bean {
    width: 17%;
    margin-top: -13%;
    margin-bottom: -3%;
    float: right;
}
.Franchise img {
    width: 50% !important;
  	margin: 3% 0%;
}
.coffee {
    width: 20%;
    margin: 0 auto;
    margin-bottom: 3%;
}
.coffee2 {
    width: 45%;
    margin-bottom: 3%;
}
#InmyDiv1650856485107 {
    margin-top: -44%;
}
.pad-iconhead {
    margin-top: 55%;
    width: 120%;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
   margin: 0;
}
#background62664614ad10d00013860c12 {
    margin-top: -2%;
}
#background62668791eccf63001362e05e {
    margin-top: -10%;
}
#background6266888deccf63001362e12e {
    margin-top: -10%;
}
.no-js #background6266b1c3eccf63001362e4a9 {
    margin-left: 5%;
}
.no-js #background62676921eccf63001362ef41 {
    margin-left: 5%;
}
.no-js #background62676a97ce72b60013a4bc05 {
    margin-left: 5%;
}
.no-js #background62676b2eeccf63001362f06e {
    margin-left: 5%;
}
.no-js #background62676c45fbf9ab0014de05f2 {
    margin-left: 5%;
}
.no-js #background62676d0ace72b60013a4bd6b {
    margin-left: -9%;
    margin-right: 9% ;
}
.no-js #background62676d9efbf9ab0014de06a4 {
    margin-left: 5%;
}
.dropdown-menu>li>a {
    font-size: 15px;
}
.no-js #Component626767dbfbf9ab0014de040e .form-control {
    font-size: 14px !important;
}
.no-js #Component6266ba63ce72b60013a4b070 .form-control {
    font-size: 14px !important;
}
.no-js #Component62675b37eccf63001362ea1f .form-control {
    font-size: 14px !important;
}
.no-js #Component628f1f121f6bf00013d7e708 .form-control {
    font-size: 16px;
}
#Component628f1f121f6bf00013d7e708 #text4 {
    width: 100%;
}
#background628f3079402b7c0013db23c4 {
    margin-left: 8%;
}
#background626645a0b60b740014b42850 {
    border-right: 1px solid #333;
}
#background62664de1ad10d00013860e3d {
    border-right: 1px solid #333;
}
#background62665b5ceccf63001362cfcb {
    border-right: 1px solid #333;
}
#background628f35781f6bf00013d7eeb6 {
    border-right: 1px solid #333;
}
#background628f38ca402b7c0013db26cb {
    margin-top: -10%;
    margin-bottom: -10%;
}
#background628f432b1f6bf00013d7f2a0 {
    margin-left: 10%;
    width: 100%;
}
#Component626767dbfbf9ab0014de040e #capcha0 .col-md-12.col-sm-12 {
    width: 100.5% !important;
    margin-left: -4px;
}
#editor10 {
    margin-left: 5px;
}
.padlogofooer {
    width: 300%;
}
.padlogo2 {
    width: 300%;
    margin-left: 170%;
  	margin-top: 55%;
}
.qrcodefooter {
    margin-left: 3%;
}
img#myImage1650856122460 {
    width: 51% !important;
}
#InmyDiv1653970876973 {
    margin-left: 13%;
}
#background628f36ad1f6bf00013d7eed3 {
    width: 100%;
    margin-left: 25%;
}
.TabItpContentLandingPage8>.nav-tabs>li>a>span {
    display: inline-block;
    font-size: 14px;
    color: #f27124!important;
    margin: 0 auto;
    position: absolute;
    top: -30px;
    left: 0;
    font-size: 20px !important;
    font-weight: 500;
    right: 0;
}
.TabItpContentLandingPage8 {
    text-align: center;
    position: relative;
    width: 65% !important;
    margin: 0 auto;
    margin-top: 5%;
}
#background62676d0ace72b60013a4bd60 {
    width: 50%;
    margin: 0 auto;
}
#EffectView628f38ca402b7c0013db26cb1 {
    margin-top: 25% !important;
}
.modal-dialog {
    top: 1% !important;
}
 #menu625e415b2b4ae9001add7486 .dropdown-menu {
   right: 0 !important;
   left: inherit !important;
}
#menu625e415b2b4ae9001add7486 .dropdown-submenu>.dropdown-menu{
    right :100% !important;
    left: inherit !important;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
img#myImage1650856122460 {
    width: 43% !important;
}
}

@media only screen and (min-width :1900px) {
.Franchise {
    height: 440px!important;
}
.navbar-default .navbar-nav>li>a {
    font-size: 20px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.text-coffeeadaygroup {;
    font-size: 50px !important;
}
.text2-coffeeadaygroup {
    font-size: 20px !important;
}
.text3-coffeeadaygroup {
    font-size: 38px !important;
}
.button-coffeeadaygroup {
    font-size: 20px !important;
  	padding: 8px !important;
}
.text4-coffeeadaygroup {
    font-size: 30px !important;
}
ul.text6-coffeeadaygroup {
    font-size: 18px !important;
}
.text5-coffeeadaygroup {
    font-size: 24px !important;
}
.button-coffeeadaygroup2 {
    font-size: 20px !important;
  	padding: 8px !important;
}
.textfooter3-coffeeadaygroup {
    font-size: 16px !important;
}
.padtext3 {
    font-size: 16px !important;
}
.textfooter-coffeeadaygroup {
    font-size: 24px !important;
}
.textfooter-coffeeadaygroup span {
    font-size: 20px !important;
}
#InmyDiv1650856485107 {
    margin-top: -27% !important;
}
#InmyDiv1650856511612 {
    margin-left: -35% !important;
}
.dropdown-menu>li>a {
    font-size: 19px !important;
}
.coffee-bean {
    width: 13% !important;
    margin-top: -9% !important;
}
.Franchise img {
    width: 45% !important;
}
ul.text12-coffeeadaygroup {
    font-size: 20px !important;
}
#background62668791eccf63001362e05e {
    margin-top: -15% !important;
}
 p.description {
    font-size: 20px !important;
}
.main-timeline .title {
    font-size: 24px !important;
}
.text6-coffeeadaygroup {
    font-size: 40px !important;
}
.text7-coffeeadaygroup {
    font-size: 117px !important;
    font-weight: 600;
    font-style: italic;
    margin-top: -8% !important;
    margin-bottom: -2% !important;
    line-height: 1.2 !important;
  	margin-left: -7% !important;
}
.text7-coffeeadaygroup span {
    font-size: 24px !important;
}
.no-js #Component626767dbfbf9ab0014de040e .form-control {
    font-size: 16px !important;
}
#formdisplay626767dbfbf9ab0014de040e #capcha0 {
    width: 103.5% !important;
    margin-left: -0.50% !important;
}
.text13-coffeeadaygroup {
    font-size: 20px !important;
    width: 70% !important;
  	padding: 10px !important;
}
.text10-coffeeadaygroup {
    font-size: 20px !important;
}
.padtext4 {
    font-size: 20px !important;
}
.padtext5 {
    font-size: 20px !important;
  	margin-left: 5px !important;
}
.no-js #background6266b1c3eccf63001362e4a9 {
    margin-left: 14% !important;
    margin-right: 10% !important;
}
.no-js #background62676921eccf63001362ef41 {
    margin-left: 14% !important;
    margin-right: 10% !important;
}
.no-js #background62676a97ce72b60013a4bc05 {
    margin-left: 14% !important;
    margin-right: 10% !important;
}
.no-js #background62676b2eeccf63001362f06e {
    margin-left: 14% !important;
    margin-right: 10% !important;
}
.no-js #background62676c45fbf9ab0014de05f2 {
    margin-left: 14% !important;
    margin-right: 10% !important;
}
.no-js #background62676d0ace72b60013a4bd6b {
    margin-left: 2% !important;
    margin-right: 16% !important;
}
.no-js #background62676d9efbf9ab0014de06a4 {
    margin-left: 14% !important;
    margin-right: 10% !important;
}
.text-new {
    font-size: 20px !important;
}
.page-header {
    font-weight: 500 !important;
    font-size: 20px !important;
}
.no-js #Component6266ba63ce72b60013a4b070 .form-control {
    font-size: 16px !important;
}
.no-js #Component6266ba63ce72b60013a4b070 .form-control {
    padding: 26px 0 !important;
}
.no-js #Component62675b37eccf63001362ea1f .form-control {
    font-size: 16px !important;
}
#formdisplay62675b37eccf63001362ea1f #capcha0 {
    width: 103.7% !important;
    margin-left: -0.5% !important;
}
.text8-coffeeadaygroup {
    font-size: 20px !important;
  	padding: 10px !important;
}
.text9-coffeeadaygroup {
    font-size: 18px !important;
    margin: 10% 0% !important;
}
.headfrom2 {
    font-size: 18px !important;
}
.pad-policy {
    height: 220px !important;
}
.pad-policy2 {
    height: 320px !important;
}
#editor13 {
    margin-bottom: 7px !important;
}
#editor19 {
    margin-bottom: -7px !important;
}
#editor30 {
    margin-bottom: -7px !important;
}
#editor25 {
    margin-bottom: 1px;
}
.bgcontactus {
    height: 720px !important;
}
#editor7 {
    margin-bottom: 3px !important;
}
#capcha0 .col-md-12.col-sm-12 {
    width: 101.9% !important;
    margin-left: -4px;
} 
#background628f3079402b7c0013db23c4 {
    margin-left: 10% !important;
}
.padiconfranhisee {
    height: 300px !important;
}
.padiconfranhisee2 {
    height: 380px !important;
}
.padlogofooer {
    width: 150% !important;
}
.padlogo2 {
    width: 150% !important;
    margin-left: 50% !important;
}
.logofooter {
    margin-left: -35%;
}
.textpricemenu {
    font-size: 30px !important;
  margin-top: 18% !important;
}
.pricemenu {
    width: 50px !important;
    height: 50px !important;
}
.pricemenu2 {
    width: 50px !important;
    height: 50px !important;
    margin-top: -65% !important;
}
.pricemenu3 {
    width: 50px !important;
    height: 50px !important;
    margin-top: -65% !important;
}
.pricemenu4 {
    width: 50px !important;
    height: 50px !important;
    margin-top: -74% !important;
}
.pricemenu5 {
    width: 50px !important;
    height: 50px !important;
    margin-top: -73% !important;
}
.textjob {
    font-size: 18px !important;
}
img#myImage1650856122460 {
    width: 34% !important;
}
#InmyDiv1653970876973 {
    margin-left: 12% !important;
}
.padlogo2 {
    margin-top: 28% !important;
}
#background628f38ca402b7c0013db26cb {
    margin-top: -2% !important;
}
#EffectView62665b5ceccf63001362cfcb5 .pricemenu {
    margin-top: -55% !important;
}
#EffectView62665b5ceccf63001362cfcb4 .pricemenu {
    margin-top: -55%  !important;
}
#EffectView628f38ca402b7c0013db26cb1 {
    margin-top: -1% !important;
}
.modal-dialog {
    top: 15% !important;
}
.no-js #Component62bc2a2bbb6b130013d1ffd4 .form-control {
    padding: 20px 0px !important;
}
}




.page-header {
    font-weight: 500 !important;
    color: #f27023;
}
.text-coffeeadaygroup {
    text-align: center;
    color: #f27023;
    font-size: 34px;
    font-weight: 600;
    margin: 2% 0% 1%;
    letter-spacing: 3px;
}
.text2-coffeeadaygroup {
    white-space: break-spaces;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
  	line-height: 1.5;
}
.text2-coffeeadaygroup span {
    font-weight: 500;
    font-style: italic;
}
.text3-coffeeadaygroup {
    text-align: center;
    color: #f27023;
    font-size: 24px;
    font-weight: 600;
    margin: 3% 0% 1%;
    letter-spacing: 3px;
}
.button-coffeeadaygroup {
    background: #662d1a;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    width: 25%;
    padding: 5px;
    border-radius: 25px;
    margin-top: 2%;
    margin-bottom: 2%;
    transition: 0.35s;
    box-shadow: 3px 6px 17px -2px rgb(182 74 37 / 55%);
}
.button-coffeeadaygroup:hover {
    transition: 0.35s;
    transform: scale(1.05);
}
.text4-coffeeadaygroup {
  	white-space: break-spaces;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
}
.text5-coffeeadaygroup {
  	white-space: break-spaces;
    font-size: 18px;
    color: #f27023;
    text-transform: uppercase;
    font-weight: 500;
}
ul.text6-coffeeadaygroup {
  	white-space: break-spaces;
    color: #f27023;
    font-size: 15px;
    margin-left: -20px;
    margin-top: 10%;
  	line-height: 1.5;
}
ul.text6-coffeeadaygroup span {
    color: #fff;
}
.Franchise {
    transition: 0.35s;
}
.Franchise:hover {
    transition: 0.35s;
    transform: translateY(-7px);
}
.button-coffeeadaygroup2 {
    background: #662d1a;
    color: #fff;
    text-align: center;
    font-size: 16px;
    width: 25%;
    padding: 6px;
    border-radius: 25px;
    margin-top: 4%;
    margin-bottom: 2%;
    transition: 0.35s;
    box-shadow: 3px 3px 15px 0px rgb(102 46 27 / 66%);
}
.button-coffeeadaygroup2:hover {
    transition: 0.35s;
    transform: scale(1.05);
}
.textfooter-coffeeadaygroup {
    white-space: break-spaces;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
}
.textfooter-coffeeadaygroup span {
    font-size: 18px;
    font-weight: 400;
}
.pd {
    width: 100%;
    display: flex;
  	margin: 15px 0px;
    transition: 0.35s;
}
.pd:hover {
    transition: 0.35s;
    transform: translateX(-7px);
}
.pictext {
    width: 9%;
    text-align: center;
}
.padtext3 {
    width: 96%;
    align-self: center;
    font-size: 14px;
    white-space: break-spaces;
    line-height: 1.5;
    margin-left: 15px;
}
.textfooter3-coffeeadaygroup {
    white-space: break-spaces;
    font-size: 14px;
    line-height: 1.5;
}
.img-iconhead {
    transition: 0.35s;
}
.img-iconhead:hover {
    transition: 0.35s;
    transform: scale(1.07);
}
.bgpadstep-coffeeadaygroup {
    background: #f27023;
    margin: 0 auto;
    text-align: center;
    width: 61%;
    border-radius: 85px;
    padding: 8px;
  	color: #fff;
}
.text6-coffeeadaygroup {
    font-size: 32px;
    font-weight: 500;
}
.text7-coffeeadaygroup {
    font-size: 75px;
    font-weight: 600;
    font-style: italic;
    margin-top: -8%;
    margin-bottom: -2%;
    line-height: 1.5;
}
.text7-coffeeadaygroup span {
    font-size: 20px;
    font-style: normal;
}
p.description {
    font-size: 18px;
}
.main-timeline .timeline {
    position: relative;
    white-space: break-spaces;
}
.main-timeline .timeline-content {
    padding: 5px 25px 0px 25px !important;
}
.text8-coffeeadaygroup {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #662d1a;
    margin: 0 auto;
    padding: 8px;
    margin-top: 5%;
    margin-bottom: 5%;
    border-radius: 25px;
    width: 40%;
    box-shadow: 3px 3px 15px 0px rgb(102 46 27 / 66%);
  	transition: 0.35s;
}
.text8-coffeeadaygroup:hover {
    transition: 0.35s;
    transform: scale(1.05);
}
.text9-coffeeadaygroup {
  	white-space: break-spaces;
    font-size: 16px;
    line-height: 1.5;
    margin: 5% 0%;
  	text-align: center;
  	color: #000;
}
.text10-coffeeadaygroup {
    white-space: break-spaces;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    text-indent: 30px;
}
.logoabout {
    width: 55%;
    margin: 0 auto;
}
.paddbd {
   margin-left: 2%;
    margin-top: 6%;
}
.text11-coffeeadaygroup {
    text-align: center;
    color: #f27023;
    font-size: 24px;
    font-weight: 600;
    margin: 3% 0% 1%;
}
ul.text12-coffeeadaygroup {
    white-space: break-spaces;
    color: #f27023;
    font-size: 16px;
    margin-left: -20px;
  	line-height: 1.7;
}
ul.text12-coffeeadaygroup span {
    color: #000;
}
.pd2 {
    width: 100%;
    display: flex;
  	margin: 7px 0px;
    transition: 0.35s;
}
.pictext2 {
    width: 3%;
    text-align: center;
}
.padtext4 {
    width: 96%;
    align-self: center;
    font-size: 16px;
    white-space: break-spaces;
    line-height: 1.5;
    margin-left: 35px;
}
.padtext5 {
    width: 96%;
    align-self: center;
    font-size: 16px;
    white-space: break-spaces;
    line-height: 1.5;
    margin-left: 10px;
}
.text13-coffeeadaygroup {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background: #662d1a;
    margin: 0 auto;
    padding: 8px;
    margin-top: 5%;
    margin-bottom: 5%;
    border-radius: 25px;
    width: 80%;
    box-shadow: 3px 3px 15px 0px rgb(102 46 27 / 66%);
    transition: 0.35s;
}
.text13-coffeeadaygroup:hover {
    transition: 0.35s;
    transform: scale(1.05);
}
.textpricemenu {
    margin-top: 22%;
    font-weight: 600;
    font-size: 22px;
    text-shadow: 1px 1px 0px #ffffff, 1px 1px 0px rgb(0 0 0 / 15%), 0px 0px 0px #fff;
}
.pricemenu {
    background: #f27023;
    color: #000;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    margin-top: -55%;
    margin-left: 60%;
}
.pricemenu2 {
    background: #f27023;
    color: #000;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    margin-top: -75%;
    margin-left: 60%;
}
.pricemenu3 {
    background: #f27023;
    color: #000;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    margin-top: -93%;
    margin-left: 60%;
}
.pricemenu4 {
    background: #f27023;
    color: #000;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    margin-top: -86%;
    margin-left: 60%;
}
.pricemenu5 {
    background: #f27023;
    color: #000;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    margin-top: -97%;
    margin-left: 60%;
}


/* slideจุด */
#carousel62627e1a85116600137b96d9 .hidden {
   display: block!important;
   visibility: inherit!important;
   pointer-events: none;
}
.carousel-indicators li {
    border: 1px solid #fff;
}
.carousel-indicators .active {
   background-color: #fff;
 	border-color:#fff;
}
 
.glyphicon-chevron-left:before, 
.glyphicon-chevron-right:before {
   display: none;
}
/* slideจุด */


/* oscar*/
figure.effect-oscar {
    background: transparent;
}
figure.effect-oscar img {
    opacity: 1;
}
figure.effect-oscar:hover img {
    opacity: 1;
}
figure.effect-oscar figcaption::before {
	border: 0px solid #fff;
}
figure.effect-oscar figcaption {
   background: transparent;
}
figure.effect-oscar:hover figcaption {
    background: transparent;
}
figure.effect-oscar h2 {
       margin: 0% 0 0px 0;
    -webkit-transition: -webkit-transform 0.32s;
    transition: transform 0.32s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
figure.effect-oscar:hover h2 {
    opacity: 1;
    transition: 0.32s;
  transform: none!important;
}
.grid figure h2 {
    word-spacing: 0em;
    font-weight: 300;
    text-transform: none;
}
figure.effect-oscar img {
	max-width: none;
	-webkit-transition: opacity 0.32s, -webkit-transform  0.32s;
	transition: opacity  0.32s, transform  0.32s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-oscar:hover img {
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.05,1.05,1);
}
/* oscar */

.fancybox-skin {
    position: relative;
    background: transparent;
    color: #444;
    text-shadow: none;
    border-radius: 0px !important;
    padding: 15px !important;
    margin: 0 auto;
    box-shadow: 0 0px 0px rgb(0 0 0 / 50%) !important;
}
.fancybox-inner {
    box-shadow: 0 10px 50px rgb(0 0 0 / 50%) !important;
}


/*เฉพาะรูปแบบมีขอบ*/
.thumbnail img.imageGallery:hover{
   -webkit-transform: scale(1.1);
   transform: scale(0.98);
 -moz-transition: all 0.5s;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}
.thumbnail .imageWidth.imageGallery {
   transform: scale(1.0);
   transition: 0.32s;
}
.thumbnail .imageWidth.imageGallery:hover {
   transform: scale3d(1.05,1.05,1);
   transition: 0.32s;
}

/**ห้ามเกินกรอบ**/
 .thumbnail .imgLightbox {
    position: relative!important;
    overflow: hidden!important;
    width: 100.1%!important;
}
.thumbnail {
    border: solid 0px #dadada;
    background: transparent;
    color: #fff;
    border-radius: 0px;
    padding: 0%!important;
    transition: 0.5s;
    box-shadow: 3px 3px 15px 1px rgba(225,149,145,0);
}
.thumbnail:hover {
    box-shadow: 3px 3px 15px 1px rgba(225,149,145,0);
	background: transparent;
    border-radius: 0px;
    color: #fff;
}
.padbgabout {
    background-color: #ffffffd9  !important;
    padding: 5% 3%;
    margin: 3%;
    font-size: 16px;
    border-radius: 25px;
    box-shadow: 3px 6px 17px -2px rgb(182 74 37 / 20%);
}






/*from Contact*/
.no-js #Component62bc2a2bbb6b130013d1ffd4 .form-horizontal .control-label {
    padding-top: 0px;
    margin-bottom: 0;
    text-align: left;
}
.no-js #Component62bc2a2bbb6b130013d1ffd4 .col-md-6 {
    width: 100%;
    margin-left: auto;
    display: block;
    margin-right: auto;
    float: initial;
}
.no-js #Component62bc2a2bbb6b130013d1ffd4 .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    padding: 0px 0;
    background: transparent;
    color: #333;
}
.no-js #Component62bc2a2bbb6b130013d1ffd4 .form-control:hover {
    border-bottom: 1px solid #f27023;
}
.no-js #Component62bc2a2bbb6b130013d1ffd4 .form-control:focus {
    border-bottom: 1px solid #f27023;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
    color: #000 !important;
}
.no-js #Component62bc2a2bbb6b130013d1ffd4 .btn {
    background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);
    background-image: -o-linear-gradient(top,#111f39 0,#111f39 100%);
    background: linear-gradient(to right,#662d1a 0,#662d1a 25%,#662d1a 50%,#662d1a 75%,#662d1a 100%);
    color: #fff;
    text-shadow: 0 0px 0 #f27023;
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 14px;
    border: 0px solid transparent;
}
.no-js #Component62bc2a2bbb6b130013d1ffd4 .btn-default:active {
   background-color: #662d1a;
}
.no-js #Component62bc2a2bbb6b130013d1ffd4 .btn-default:hover,
.no-js #Component62bc2a2bbb6b130013d1ffd4 .btn-default:focus {
    background-position: 0 0px;
    background-color: #662d1a;
}
.no-js #Component62bc2a2bbb6b130013d1ffd4  .col-xs-12.col-sm-5.col-md-5.padding {
    width: 100%;
}
.no-js #Component62bc2a2bbb6b130013d1ffd4 span.label {
    font-size: 13px;
    font-weight: 300;
}
.CASS-D-border {
    background-image: none;
    background-color: #ffffffd9  !important;
    border-radius: 25px;
    padding: 0 3%;
    box-shadow: 3px 6px 17px -2px rgb(182 74 37 / 20%);
}
.bgcontactus {
    background-color: #ffffffd9 !important;
    padding: 8% 8% 16.5%;
    font-size: 16px;
    border-radius: 25px;
    box-shadow: 3px 6px 17px -2px rgb(182 74 37 / 20%);
    height: 648px;
}
#Component62bc2a2bbb6b130013d1ffd4 ::placeholder {
    color: #fff0 !important;
}
/*from Contact*/

/*from job*/
.no-js #Component628f1f121f6bf00013d7e708 label {
    display: none!important;
}
.no-js #Component628f1f121f6bf00013d7e708 .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    padding: 20px 0;
    background: transparent;
    color: #000;
}
.no-js #Component628f1f121f6bf00013d7e708 .form-control:hover {
    border-bottom: 1px solid #f27023;
}
.no-js #Component628f1f121f6bf00013d7e708 .form-control:focus {
    border-bottom: 1px solid #f27023;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
    color: #000 !important;
}
.no-js #Component628f1f121f6bf00013d7e708 .btn {
    background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);
    background-image: -o-linear-gradient(top,#111f39 0,#111f39 100%);
    background: linear-gradient(to right,#662d1a 0,#662d1a 25%,#662d1a 50%,#662d1a 75%,#662d1a 100%);
    color: #fff;
    text-shadow: 0 0px 0 #f27023;
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 14px;
    border: 0px solid transparent;
}
.no-js #Component628f1f121f6bf00013d7e708 .btn-default:active {
   background-color: #662d1a;
}
.no-js #Component628f1f121f6bf00013d7e708 .btn-default:hover,
.no-js #Component628f1f121f6bf00013d7e708 .btn-default:focus {
    background-position: 0 0px;
    background-color: #662d1a;
}
.no-js #Component628f1f121f6bf00013d7e708  .col-xs-12.col-sm-5.col-md-5.padding {
    width: 100%;
}
.no-js #Component628f1f121f6bf00013d7e708 span.label {
    font-size: 13px;
    font-weight: 300;
}
#formdisplay62675b37eccf63001362ea1f {
    background: transparent !important;
}
.headfrom {
    font-size: 19px;
    font-weight: 500;
    margin: 3% 0.2% 0%;
    color: #f27124;
    margin-bottom: -4%;
}
.headfrom2 {
    font-size: 16px;
    font-weight: 500;
    margin: 1% 1% 0%;
    color: #f27124;
}
#text14 {
    margin: 1% -0.5% -2%;
}
#text23 {
    margin: 1% -0.5% -2%;
}
#text9 {
    margin: -1% -0.5% -2%;
}
#capcha0 span {
    display: none;
}
#background628f1f121f6bf00013d7e708 {
    background-color: #ffffffd9 !important;
    padding: 3% 3% 3%;
    font-size: 16px;
    border-radius: 25px;
    box-shadow: 3px 6px 17px -2px rgb(182 74 37 / 20%);
}
#formdisplay628f1f121f6bf00013d7e708 {
    background-color: transparent !important;
}
#capcha0 .col-md-12.col-sm-12 {
    width: 102.7%;
    margin-left: -4px;
}
.no-js #Component628f1f121f6bf00013d7e708 br.k-br {
    display: none;
}
.textjob {
    margin-top: 1%;
}
#editor13 {
    margin-bottom: 5px;
}
#editor19 {
    margin-bottom: -5px;
}
#editor30 {
    margin-bottom: -5px;
}
#editor7 {
    margin-bottom: 2px;
}
/*from job*/







/*from job*/
.no-js #Component626767dbfbf9ab0014de040e label {
    display: none!important;
}
.no-js #Component626767dbfbf9ab0014de040e br.k-br {
    display: none;
}
.no-js #Component626767dbfbf9ab0014de040e .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    padding: 20px 0;
    background: transparent;
    color: #000;
}
.no-js #Component626767dbfbf9ab0014de040e .form-control:hover {
    border-bottom: 1px solid #f27023;
}
.no-js #Component626767dbfbf9ab0014de040e .form-control:focus {
    border-bottom: 1px solid #f27023;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
    color: #000 !important;
}
.no-js #Component626767dbfbf9ab0014de040e .btn {
    background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);
    background-image: -o-linear-gradient(top,#111f39 0,#111f39 100%);
    background: linear-gradient(to right,#662d1a 0,#662d1a 25%,#662d1a 50%,#662d1a 75%,#662d1a 100%);
    color: #fff;
    text-shadow: 0 0px 0 #f27023;
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 14px;
    border: 0px solid transparent;
}
.no-js #Component626767dbfbf9ab0014de040e .btn-default:active {
   background-color: #662d1a;
}
.no-js #Component626767dbfbf9ab0014de040e .btn-default:hover,
.no-js #Component626767dbfbf9ab0014de040e .btn-default:focus {
    background-position: 0 0px;
    background-color: #662d1a;
}
.no-js #Component626767dbfbf9ab0014de040e  .col-xs-12.col-sm-5.col-md-5.padding {
    width: 100%;
}
.no-js #Component626767dbfbf9ab0014de040e span.label {
    font-size: 13px;
    font-weight: 300;
}
#formdisplay626767dbfbf9ab0014de040e {
    background: transparent !important;
}
#capcha0 span {
    display: none;
}
#formdisplay626767dbfbf9ab0014de040e #capcha0 {
    width: 106%;
    margin-left: -1%;
}
#editor9 {
    display: none;
}
/*from job*/


/*Contentmanager*/
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
    border-right: none;
    border-bottom: none;
  	padding: 0%;
}
.Contentmanager .site .col-section .item.-micro a .image {
    width: 100%;
    margin-bottom: 0px;
}
article.col-md-6.item.-micro:hover {
    transition: 0.35s;
    transform: translateY(-0px);
}
article.col-md-6.item.-micro {
    width: 32% !important;
}
article.col-md-6.item.-micro:hover {
    transition: 0.35s;
    transform: translateY(-0px);
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    display: none;
}
.Contentmanager .site .col-section .item.-micro a .caption {
    width: 100%;
    background: transparent;
    color: #000;
    padding: 0px 0px 10px;
}
.Contentmanager .site .col-section .item.-micro a .post {
    display: none;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    display: none;
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
    border-right: none;
    border-bottom: none;
    padding: 0%;
  	margin: 0% 1%;
}
.thumbnail {
    border: 0px solid #ddd;
}
.img-thumbnail, .thumbnail {
    box-shadow: 0 0px 0px rgb(0 0 0 / 8%);
}
.hidden-xs.hidden-sm.landingpagemanager {
    display: none;
}
span.post-time {
    display: none;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    display: none;
}
.Contentmanager .site .col-section .item.-micro a:hover .img-zoom img {
    -webkit-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
	transform: scale3d(1.05,1.05,1);
}
.text-new {
    margin: 3% 0%;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
#background62676311ce72b60013a4b88f .img-thumbnail {
    border: 0px solid #ddd;
  	background-color: transparent !important;
}
/*Contentmanager*/


@media only screen and (max-width:900px) {
.coffee-bean {
    display: none;
}
.coffee {
    width: 30%;
    margin: 0 auto;
    margin-bottom: 3%;
}
.text2-coffeeadaygroup {
    white-space: inherit;
}
.button-coffeeadaygroup {
    width: 20%;
}
.Franchise img {
    width: 30% !important;
}
#background62656b8a85116600137bc180 .row-fluid [class*=col-sm-5fix], .uneditable-input[class*=col-sm-5fix], [class*=col-sm-5fix] {
    float: right;
    width: 50%;
}
.itopplus-bg {
    background-size: cover;
}
.itopplus-bg2 {
    background-size: cover;
}
.itopplus-bg3 {
    background-size: 100% !important;
    background-repeat: repeat !important;
}
.itopplus-bg4 {
    background-size: cover;
}
#background62656f34ad10d0001385f864 .row-fluid [class*=col-sm-5fix], .uneditable-input[class*=col-sm-5fix], [class*=col-sm-5fix] {
    float: right;
    width: 50%;
}
.button-coffeeadaygroup2 {
    width: 35%;
}
.text-coffeeadaygroup {
    font-size: 28px;
}
#background6266c771eccf63001362e530 .row-fluid [class*=col-sm-5fix], .uneditable-input[class*=col-sm-5fix], [class*=col-sm-5fix] {
    float: left;
    width: 50%;
}
#background6266c774eccf63001362e535 .row-fluid [class*=col-sm-5fix], .uneditable-input[class*=col-sm-5fix], [class*=col-sm-5fix] {
    float: left;
    width: 50%;
}
.bgpadstep-coffeeadaygroup {
    width: 90%;
}
.text8-coffeeadaygroup {
    width: 70%;
}
.text13-coffeeadaygroup {
    width: 90%;
}
.Franchise {
    height: 330px  !important;
}
.col-md-12.padding.zIndex-pos3 {
    z-index: 92;
}
ul.text6-coffeeadaygroup {
    white-space: inherit !important;
}
.pad-policy {
    height: 260px !important;
}
.pad-policy2 {
    height: 450px !important;
}
#text3 {
    width: 103%;
}
#text4 {
    width: 103%;
}
#text6 {
    width: 103%;
}
#text8 {
    width: 103%;
}
#text13 {
    width: 103%;
}
#text19 {
    width: 103%;
}
#text22 {
    width: 103%;
}
#capcha0 .col-md-12.col-sm-12 {
    width: 104.3%;
    margin-left: -4px;
}
#background628f41255d4045001311659a .row-fluid [class*=col-sm-5fix], .uneditable-input[class*=col-sm-5fix], [class*=col-sm-5fix] {
    width: 33% !important;
    float: left !important;
}
#background628f432b1f6bf00013d7f2a0 .row-fluid [class*=col-sm-5fix], .uneditable-input[class*=col-sm-5fix], [class*=col-sm-5fix] {
    width: 33% !important;
  	float: left !important;
}
.padiconfranhisee2 {
    height: 270px !important;
}
#formdisplay62946a5c7879ab001334087f #capcha0 {
    width: 109% !important;
    margin-left: -1%;
}
#background62664614ad10d00013860c12 .col-md-3.col-sm-4.col-xs-4 {
    width: 33%;
}
#background62664de1ad10d00013860e3d .col-md-3.col-sm-4.col-xs-4 {
    width: 33%;
}
#background6266519eb60b740014b42b1c .col-md-3.col-sm-4.col-xs-4 {
    width: 33%;
}
#background628f41255d4045001311659a {
    display: none;
}
#background628f432b1f6bf00013d7f2a0 {
    display: none;
}
}



@media only screen and (max-width:480px) {
.button-coffeeadaygroup {
    width: 40%;
} 
#carousel62627e1a85116600137b96d9 {
    margin-bottom: -2%;
}
.text-coffeeadaygroup {
    font-size: 24px;
}
#background62656b8a85116600137bc180 .row-fluid [class*=col-sm-5fix], .uneditable-input[class*=col-sm-5fix], [class*=col-sm-5fix] {
    float: right;
    width: 100%;
}
#background62656f34ad10d0001385f864 .row-fluid [class*=col-sm-5fix], .uneditable-input[class*=col-sm-5fix], [class*=col-sm-5fix] {
    float: right;
    width: 100%;
} 
  .logodbd {
    width: 40%;
    margin: 0 auto;
}
#contentnewmode62660d06ad10d0001385fcb1 {
    font-size: 13px;
}
#background6266c771eccf63001362e530 .row-fluid [class*=col-sm-5fix], .uneditable-input[class*=col-sm-5fix], [class*=col-sm-5fix] {
    float: left;
    width: 100%;
}
#background6266c774eccf63001362e535 .row-fluid [class*=col-sm-5fix], .uneditable-input[class*=col-sm-5fix], [class*=col-sm-5fix] {
    float: left;
    width: 100%;
}
.bgpadstep-coffeeadaygroup {
    width: 100%;
}
.text7-coffeeadaygroup {
    font-size: 40px;
  	margin-top: -2% !important;
    margin-bottom: 2% !important;
    line-height: 0.5 !important;
}
.text6-coffeeadaygroup {
    font-size: 16px;
}
.text7-coffeeadaygroup span {
    font-size: 16px;
}
p.description {
    font-size: 16px;
}
.main-timeline .timeline-content {
    padding: 5px 0px 0px 0px !important;
}
#background626645a0b60b740014b42850 .col-md-4.col-sm-4.col-xs-12 {
    width: 50%;
}
#background62664614ad10d00013860c12 .col-md-3.col-sm-4.col-xs-12 {
    width: 50%;
}
#background6266519eb60b740014b42b1c .col-md-3.col-sm-4.col-xs-12 {
    width: 50%;
}
#background62664de1ad10d00013860e3d .col-md-3.col-sm-4.col-xs-12 {
    width: 50%;
}
#background62665b5ceccf63001362cfcb .col-md-3.col-sm-4.col-xs-12 {
    width: 50%;
}
#background62665b99ce72b60013a49a4c .col-md-3.col-sm-4.col-xs-12 {
    width: 50%;
}
.pd2 {
    margin: 0px 0px;
}
.headfrom {
    font-size: 16px;
}
article.col-md-6.item.-micro {
    width: 100% !important;
}
.padtext4 {
    white-space: inherit;
}
.pad-policy2 {
    height: 340px !important;
}
.pad-policy {
    height: 195px !important;
}
#text3 {
    width: 106%;
}
#text4 {
    width: 106%;
}
#text6 {
    width: 106%;
}
#text8 {
    width: 106%;
}
#text13 {
    width: 107%;
}
#text19 {
    width: 107%;
}
#text22 {
    width: 107%;
}
#capcha0 .col-md-12.col-sm-12 {
    width: 109.7%;
    margin-left: -4px;
}
ul#slider62627e1a85116600137b96d9 {
    margin-bottom: -10px;
}
.iconfranhisee {
    width: 40% !important;
    margin: 0 auto;
}
.padiconfranhisee2 {
    height: inherit !important;
}
.padiconfranhisee {
    height: inherit !important;
}
#background628f41255d4045001311659a .row-fluid [class*=col-sm-5fix], .uneditable-input[class*=col-sm-5fix], [class*=col-sm-5fix] {
    width: 100% !important;
}
#background628f432b1f6bf00013d7f2a0 .row-fluid [class*=col-sm-5fix], .uneditable-input[class*=col-sm-5fix], [class*=col-sm-5fix] {
    width: 100% !important;
}
.padtext5 {
    margin-left: 30px;
}
#background628f36ad1f6bf00013d7eed3 .col-md-3.col-sm-4.col-xs-12 {
    width: 50%;
}
#background628f35781f6bf00013d7eeb6 .col-md-3.col-sm-4.col-xs-12 {
    width: 50%;
}
#background628f432b1f6bf00013d7f2a0 .row-fluid [class*=col-sm-5fix], .uneditable-input[class*=col-sm-5fix], [class*=col-sm-5fix] {
    width: 100% !important;
}
  img#myImage1654151771821 {
    width: 25% !important;
}
#background628f41255d4045001311659a {
    display: inherit;
}
#background628f432b1f6bf00013d7f2a0 {
    display: inherit;
}
.text3-coffeeadaygroup {
    font-size: 22px;
}
.logojob {
    width: 20% !important;
    margin: 0 auto;
}
.itopplus-bg {
    background-size: cover;
    background-position: right;
}
.text4-coffeeadaygroup {
    font-size: 20px;
}
.bgcontactus {
    height: inherit;
}
} 


@media only screen and (max-width:414px) {
.padiconfranhisee2 {
    height: 270px !important;
}
.padiconfranhisee {
    height: 220px !important;
}
}





#searchResultLanding .panel {
    margin: 6% 0;
}
#itp-shopcart-detail {
    padding-left: 0px !important;
}
.itopplus-search-image-flex-item {
    padding: 0px !important;
    width: 213px!important;
    min-height: 300px!important;
    max-height: 430px!important;
    background-color: #fff!important;
    box-shadow: none !important;
}
  .itopplus-search-image-flex-item img {
    width: 100%!important;
}
    .search_titleText {
    padding: 5px 0px;
    font-size: 16px;
}
    .search_text {
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
.itopplus-search-image-flex-item {
    width: 190px!important;
}
}

 @media only screen and (max-width:900px) {
  .itopplus-search-image-flex-item {
    margin: 5px 0 !important;
    width: 227px!important;
    min-height: 240px!important;
    max-height: 425px!important;
}
  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
 }
   
}

@media only screen and (max-width:480px) {
.itopplus-search-image-flex-item {
    width: 100%!important;
    min-height: 210px!important;
    max-height: inherit!important;
}
  .itopplus-search-image-flex-item img {
    width: 100%!important;
}
  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
}
  .search_text {
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
 }
}


#background628eff69402b7c0013db17fc ul.text6-coffeeadaygroup {
    margin-top: 0%;
}
#background628f00b05d40450013115449 ul.text6-coffeeadaygroup {
    margin-top: 0%;
}
#background628f00b4402b7c0013db1895 ul.text6-coffeeadaygroup {
    margin-top: 0%;
}
#background628f00b6402b7c0013db189a ul.text6-coffeeadaygroup {
    margin-top: 0%;
}
#background628f01ba1f6bf00013d7e019 ul.text6-coffeeadaygroup {
    margin-top: 0%;
}
.pad-policy:hover {
    transition: 0.35s;
    transform: translateY(-7px);
}
.pad-policy2:hover {
    transition: 0.35s;
    transform: translateY(-7px);
}
.pad-policy {
    background-color: #ffffffb8 !important;
    padding: 8% 8%;
    height: 185px;
    font-size: 16px;
    border-radius: 25px;
    box-shadow: 3px 6px 17px -2px rgb(182 74 37 / 20%);
    transition: 0.35s;
}
.pad-policy2 {
    background-color: #ffffffb8 !important;
    padding: 8% 8%;
    height: 300px;
    font-size: 16px;
    border-radius: 25px;
    box-shadow: 3px 6px 17px -2px rgb(182 74 37 / 20%);
    transition: 0.35s;
}
.border-contact {
    border-bottom: 1px solid #3333;
    margin: 3% 0%;
}
#InmyDiv1650901760961 {
    margin-top: 5%;
}
.logojob {
    width: 10%;
    margin: 0 auto;
}
.iconfranhisee {
    width: 55%;
    margin: 0 auto;
}
.padiconfranhisee {
    background-color: #ffffff !important;
    height: 240px;
  	padding: 0% 3%;
    font-size: 16px;
    border-radius: 25px;
    box-shadow: 3px 6px 17px -2px rgb(182 74 37 / 20%);
    transition: 0.35s;
}
.padiconfranhisee:hover {
    transition: 0.35s;
    transform: translateY(-7px);
}
.padiconfranhisee2 {
    background-color: #ffffff !important; 
    height: 325px;
    padding: 0% 3%;
    font-size: 16px;
    border-radius: 25px;
    box-shadow: 3px 6px 17px -2px rgb(182 74 37 / 20%);
    transition: 0.35s;
}
.padiconfranhisee2:hover {
    transition: 0.35s;
    transform: translateY(-7px);
}
.tab-itp-background {
    padding: 0%  !important;
    margin-top: 0% !important; 
    margin-bottom: 2% !important;
}
.TabItpContentLandingPage8:before {
    content: "";
    width: 100%;
    height: 10px;
    border-radius: 10px;
    background: #f27124;
    position: absolute;
    top: 15px;
    left: 0;
    transform: translateY(-50%);
}
.TabItpContentLandingPage8>.nav-tabs>li>a {
    background: #f27124!important;
}
.TabItpContentLandingPage8>.nav-tabs>li.active>a:focus, .TabItpContentLandingPage8>.nav-tabs>li.active>a:hover {
    border: none;
    background: #f27124!important;
}
.TabItpContentLandingPage8>.nav-tabs>li.active>a:before, .TabItpContentLandingPage8>.nav-tabs>li>a:hover:before {
    background: #f27124!important;
}




#EffectView62665b5ceccf63001362cfcb4 .pricemenu {
    margin-top: -70%;
}
#EffectView62665b5ceccf63001362cfcb5 .pricemenu {
    margin-top: -70%;
}
#EffectView628f38ca402b7c0013db26cb1 .pricemenu4 {
    margin-top: -108%;
}
#EffectView628f35781f6bf00013d7eeb62 .pricemenu2 {
    margin-top: -93%;
}
#EffectView628f35781f6bf00013d7eeb63 .pricemenu2 {
    margin-top: -93%;
}

/*from2*/
.no-js #Component62bc183b7ebba400135aaf90 label {
    display: none!important;
}
.no-js #Component62bc183b7ebba400135aaf90 .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    padding: 20px 0;
    background: transparent;
    color: #000;
}
.no-js #Component62bc183b7ebba400135aaf90 .form-control:hover {
    border-bottom: 1px solid #f27023;
}
.no-js #Component62bc183b7ebba400135aaf90 .form-control:focus {
    border-bottom: 1px solid #f27023;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
    color: #000 !important;
}
.no-js #Component62bc183b7ebba400135aaf90 .btn {
    background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);
    background-image: -o-linear-gradient(top,#111f39 0,#111f39 100%);
    background: linear-gradient(to right,#662d1a 0,#662d1a 25%,#662d1a 50%,#662d1a 75%,#662d1a 100%);
    color: #fff;
    text-shadow: 0 0px 0 #f27023;
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 14px;
    border: 0px solid transparent;
}
.no-js #Component62bc183b7ebba400135aaf90 .btn-default:active {
   background-color: #662d1a;
}
.no-js #Component62bc183b7ebba400135aaf90 .btn-default:hover,
.no-js #Component62bc183b7ebba400135aaf90 .btn-default:focus {
    background-position: 0 0px;
    background-color: #662d1a;
}
.no-js #Component62bc183b7ebba400135aaf90  .col-xs-12.col-sm-5.col-md-5.padding {
    width: 100%;
}
.no-js #Component62bc183b7ebba400135aaf90 span.label {
    font-size: 13px;
    font-weight: 300;
}
#formdisplay62bc183b7ebba400135aaf90 {
    background: transparent !important;
}
.headfrom {
    font-size: 19px;
    font-weight: 500;
    margin: 3% 0.2% 0%;
    color: #f27124;
    margin-bottom: -4%;
}
.headfrom2 {
    font-size: 16px;
    font-weight: 500;
    margin: 1% 1% 0%;
    color: #f27124;
}
#capcha0 span {
    display: none;
}
#background62bc183b7ebba400135aaf90 {
    background-color: #ffffffd9 !important;
    padding: 3% 3% 3%;
    font-size: 16px;
    border-radius: 25px;
    box-shadow: 3px 6px 17px -2px rgb(182 74 37 / 20%);
}
#formdisplay628f1f121f6bf00013d7e708 {
    background-color: transparent !important;
}
#capcha0 .col-md-12.col-sm-12 {
    width: 102.7%;
    margin-left: -4px;
}
.no-js #Component62bc183b7ebba400135aaf90 br.k-br {
    display: none;
}
.textjob {
    margin-top: 1%;
}
/*from2*/


#background628f1f121f6bf00013d7e708 .headfrom2 {
    margin: 0% 0% 0%;
}