MAINHACK

Viewing / Editing File: chef.css

html, body{ margin:0; font-size: 100%; font-family: 'Lato', sans-serif; background: #fff; }
body a {  text-decoration: none !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
 text-decoration:none; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; } a:hover{ text-decoration:none; }
input[type="button"],input[type="submit"]{ transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; }
h1,h2,h3,h4,h5,h6{ margin:0; font-family: 'Federo', sans-serif;  }	
p{ margin:0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
}
ul{ margin:0; padding:0; }
label{ margin:0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
}
*{ margin:0; padding:0; }

/*end reset*/

@font-face{
font-family: "Abel-Regular";
src:url(../fonts/Abel-Regular.ttf);
}

@font-face{
font-family: "BlackOpsOne-Regular";
src:url(../fonts/BlackOpsOne-Regular.ttf);
}

body{ width:100%; font-family: "Abel-Regular"; background-attachment: fixed;background-size: cover;      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}

p.w3ls-title-sub { text-align: center; font-size: 22px; color: #353535; letter-spacing: 2px; font-family: 'Lato', sans-serif; font-weight: normal; padding: 0px 0 10px; }
h3.w3ls-title { font-size: 30px; font-weight: 600; color: #032757; padding:20px 0 20px; text-align: center;  }
h3.w3ls-title span { color: #ff3f34; }

/*CHIF - INDEX*/
.chef-banner-video{ position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden; background:#fff; }
.chef-banner-video #myVideo{ width: 100%; padding: 0; margin: 0; height: auto; }
.chef-banner-video .chef-banner-video-dce{position: absolute;width: 100%;height: 100%;content: "";top: 0;left: 0px;right: 0;margin: 0 auto;z-index: 99;text-align: center;background: #000000a3;padding: 191px 0 0 0;}
.chef-banner-video .chef-banner-video-dce span{width: 130px;overflow: hidden;display: inline-block;height: 130px;border-radius: 50%;background: #fff;border: 1px solid #ccc;padding: 7px;}
.chef-banner-video .chef-banner-video-dce span img{width:100%;padding: 30px 0 0 0;}
.chef-banner-video .chef-banner-video-dce h1{color: #fff; text-transform: uppercase; font-size: 50px; line-height: 75px; font-weight: bold; padding: 10px 20px; }
.chef-banner-video .chef-banner-video-dce a{font-family: "Abel-Regular";font-family: "Abel-Regular";font-size: 23px;line-height: 30px;color: #000;background: #fff;padding: 7px 25px;margin: 13px 0 0 0;display: inline-block;border-radius: 8px;}
.chef-banner-video .chef-banner-video-dce a:hover{background:#716e6e;color:#fff; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; transition:500ms ease-in-out;}

.chef-join{ position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden; background:#fff; }
.chef-join img.j-u-bg{ position: relative; width: 100%; }
.chef-join form{ position: absolute; width: 25%; content: ""; top:140px; left: 160px; right: 0; margin: 0; z-index: 9; }
.chef-join form input[type="email"]{width: 100%; border: 1px solid #cccccc7d; outline: none; font-size: 18px; line-height: 25px; padding: 6px 15px; margin: 0 0 10px; border-radius: 5px; color: #fff; font-family: "Abel-Regular"; background: #ffffff2e;}
.chef-join form input[type="text"]{ width: 100%; border: 1px solid #cccccc7d; outline: none; font-size: 18px; line-height: 25px; padding: 6px 15px; margin: 0 0 10px; border-radius: 5px; color: #fff; font-family: "Abel-Regular"; background: #ffffff2e;}
.chef-join form input[type="submit"]{width: 30%; text-align: center; padding: 7px 0; border-radius: 7px; border: 2px solid #000; background: #efeef5; color: #000; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; transition:500ms ease-in-out; margin:5px 0 0 0;}
.chef-join form input[type="submit"]:hover{ background: #db6622; color: #fff; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; transition:500ms ease-in-out;}
.chef-join form h2{color: #fff;font-size: 35px;line-height: 24px;font-weight: bold;padding: 0px 0 8px 0;}
.chef-join form h5{color: #ffffffab;font-size: 15px;line-height: 30px;padding: 0 0 15px 0;}
img.captcha-hed{width: 50%; height: 40px; margin: 0 0 6px; border-radius: 8px; position: relative;}
span.captcha-text{position: absolute; content: ""; top: 8px; left: 70px; right: 0; width: 25%; margin: 0; font-size: 18px; font-weight: bold; color: #000; letter-spacing: 1px; }

.chef-about{ position: relative; width: 100%; padding: 40px 30px 20px 90px; margin: 0; overflow: hidden; background:#fff; }
.chef-about .chef-about-text{position: relative; width: 100%; padding: 0px 0 0; margin: 0;}
.chef-about .chef-about-text h2{color: #032757; font-size: 30px;  line-height: 36px; padding: 50px 0 10px 0; text-transform: uppercase; font-weight: bold; font-style: italic; }
.chef-about .chef-about-text h2 span{color: #ffa800; }
.chef-about .chef-about-text h4{color: #0b3688; font-size: 20px; line-height: 25px; padding: 0 0 20px 0; font-style: italic; font-family: inherit; }
.chef-about .chef-about-text h6{font-style: italic; text-align: justify; font-size: 19px; line-height: 30px; color: #111446; text-transform: none; position: relative; font-weight: 400; padding: 7px 0; margin: 0 0 10px; font-family: 'Font Awesome 5 Free';}
.chef-about .chef-about-text ul{ padding: 0 0 0px 0; margin: 0; }
.chef-about .chef-about-text ul li{list-style: none; font-style: italic; text-align: center; font-size: 16px; line-height: 25px; text-transform: none; position: relative; font-weight: 400; padding: 0; margin: 0 0 10px; color: #032757; }
.chef-about .chef-about-text ul li span{ padding: 0 0 0px 0; margin: 0 10px 0 0; width: 35px; height: 35px; display: inline-block; border: 2px solid #03234f; border-radius: 50%; text-align: center; color: #000; font-size: 18px; line-height: 33px; }
.chef-about .chef-about-text ul li a{ padding: 0 0 0px 0; margin: 0; }
.chef-about .chef-about-text ul li span img{ width: 50%; padding: 6px 0 0 0; }
.chef-about .chef-about-img{position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden; background:#fff;}
.chef-about .chef-about-img img{width:100%;}

.chef-why{ position: relative; width: 100%; padding: 25px 0 20px 0; margin: 0; overflow: hidden; background:#fff;}
.chef-why h6{font-size: 19px;font-style: italic;color: #032757;line-height: 25px;padding: 0 0 20px 0;}
.chef-why .chef-why-box{width:100%;padding:0;margin: 30px 0 0 0;text-align: center;}
.chef-why .chef-why-box img{width:30%;padding:0 0 8px 0;}
.chef-why .chef-why-box p{text-align: center; font-size: 19px; color: #032757; line-height: 30px; padding: 10px 0 30px 0; font-family: inherit; }

.chef-why-foot{position: relative; width: 100%; padding: 7px 0 7px 0; margin: 10px 0 0 0; overflow: hidden; background:#28292b; }
.chef-why-foot p{    text-align: center;color: #ffffffad;font-family: "Abel-Regular";letter-spacing: 1px;}

.chef-testmonial{ position: relative; width: 100%; padding:0; margin:0; }
.chef-testmonial img.c-t-bg{width:100%; height:auto; }
.chef-testmonial .testmonial-dec{ position: absolute;width: 100%;height: 100%;content: "";top: 0;left: 0px;right: 0;margin: 0 auto;z-index: 99;overflow: hidden;padding: 0px 0 0 0; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box h4{ color: #fff;font-size: 25px;text-transform: uppercase;font-weight: bold;line-height: 30px;padding: 0 0 5px;margin: 0;}
.chef-testmonial .testmonial-dec .testmoiinial-text-box { width: 90%; text-align: center; overflow: hidden; padding: 30px 0 0; margin: 0 auto; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box .item-test-img{ width: 100%; height: 280px; border-radius: 8px; overflow: hidden; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box .item-test-img img{width: 100%; height:auto; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box p{text-align: justify; color: #fff; font-size: 15px; line-height: 25px; padding: 60px 200px 0 0; font-style: italic; margin: 0 0 10px;}
.chef-testmonial .testmonial-dec .testmoiinial-text-box h6{color: #e1ff12; font-size: 13px; letter-spacing: 1px; font-style: italic; text-align: left; padding: 10px 0 0; }

.container{ width:1300px; overflow: hidden; }
.body-left{ position: fixed; left: -10px; z-index: 9999; top: 180px; }
.body-left img{ width: 50%; }

.body-right{ position: fixed; right: -10px; z-index: 9999; top: 300px; display: none; }
.body-right ul{ padding: 0; margin: 0; }
.body-right ul li{ padding: 0; margin: 0; list-style: none; }
.body-right ul li a{  padding: 10px 10px; margin: 0 -70px 0 0px; color: #fff;text-decoration: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; display: block; background: #006eb8; transition:500ms ease-in-out;}
.body-right ul li a:hover{  padding: 10px 10px; margin: 0 0px 0 0px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; transition:500ms ease-in-out;}
.body-right ul li a i.fa{     color: #fff; font-weight: bold; padding: 0 10px 0 0; }

.chef-join form { position: absolute; width: 40%; content: ""; top: 70px; left: 150px; right: 0; margin: 0; z-index: 9; }
.chef-join form input[type="text"] { width: 70%; border: 1px solid #cccccc7d; outline: none; font-size: 15px; line-height: 20px; padding: 4px 10px; margin: 0 0 10px; border-radius: 5px; color: #fff; font-family: "Abel-Regular"; background: #ffffff2e; }
.chef-join form input[type="email"] { width: 70%; border: 1px solid #cccccc7d; outline: none; font-size: 15px; line-height: 20px; padding: 4px 10px; margin: 0 0 10px; border-radius: 5px; color: #fff; font-family: "Abel-Regular"; background: #ffffff2e; }

/* ======RESPONSIV   raj======== */

/*I-pad 12.9 / 1024 view*/
@media screen and (max-width:1080px){
.container { width: 1000px !important; }
.chef-join form { position: absolute; width: 30%; content: ""; top: 30px; left: 100px; right: 0; margin: 0; z-index: 9; }
.chef-about .chef-about-text h2 { color: #032757; font-size: 25px; line-height: 35px; padding: 20px 0 10px 0; text-transform: uppercase; font-weight: bold; font-style: italic; }  
.chef-about .chef-about-text ul li { list-style: none; font-style: italic; text-align: center; font-size: 14px; line-height: 25px } 
.chef-banner-video .chef-banner-video-dce { position: absolute; width: 100%; height: 100%; content: ""; top: 0; left: 0px; right: 0; margin: 0 auto; z-index: 99; text-align: center; background: #000000a3; padding: 90px 0 0 0; }
.chef-banner-video .chef-banner-video-dce h1 { color: #fff; text-transform: uppercase; font-size: 35px; line-height: 60px; font-weight: bold; padding: 10px 20px; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box p { text-align: left; color: #fff; font-size: 12px; line-height: 18px; padding: 20px 100px 0 0; }

.chef-join form { position: absolute; width: 40%; content: ""; top: 40px; left: 150px; right: 0; margin: 0; z-index: 9; }
.chef-join form input[type="text"] { width: 70%; border: 1px solid #cccccc7d; outline: none; font-size: 15px; line-height: 20px; padding: 4px 10px; margin: 0 0 10px; border-radius: 5px; color: #fff; font-family: "Abel-Regular"; background: #ffffff2e; }
.chef-join form input[type="email"] { width: 70%; border: 1px solid #cccccc7d; outline: none; font-size: 15px; line-height: 20px; padding: 4px 10px; margin: 0 0 10px; border-radius: 5px; color: #fff; font-family: "Abel-Regular"; background: #ffffff2e; }

}

/*I-pad / 768 view*/
@media screen and (max-width:768px){
.container { width: 750px  !important; }
.chef-banner-video .chef-banner-video-dce{ padding: 80px 0 0 0;}
.chef-banner-video .chef-banner-video-dce h1{font-size:35px;  }
.chef-banner-video .chef-banner-video-dce a {  font-size: 20px; line-height: 30px; color: #fff; background: #f07813; font-weight: bold; }
.chef-join form { position: absolute; width: 30%; content: ""; top: 40px; left: 70px; }
.chef-join form h2 { color: #fff; font-size: 25px; line-height: 24px; font-weight: bold; padding: 0;}
.chef-join form h5 { color: #ffffffab; font-size: 10px; line-height: 20px; padding: 3px 0 15px 0; }
.chef-join form input[type="text"] { font-size: 15px; line-height: 20px; padding: 4px 15px; margin: 0 0 8px; }
.chef-join form input[type="email"] { font-size: 15px; line-height: 20px; padding: 4px 15px; margin: 0 0 8px; }
.chef-join form input[type="submit"] { width: 50%; text-align: center; padding: 5px 0; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box { width: 100%; text-align: center; overflow: hidden; padding: 15px 0 0; margin: 0 0 0 0px; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box .item-test-img { width: 100%; height: 160px; border-radius: 8px; overflow: hidden; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box h4{font-size: 20px; line-height: 25px; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box img { width: 5%; margin: 5px 0px 10px; } 
.chef-testmonial .testmonial-dec .testmoiinial-text-box p { text-align: justify; color: #fff; font-size: 12px; line-height: 18px; padding: 15px 0 0 0; }
.chef-why .chef-why-box p { text-align: center; font-size: 13px; color: #000000d6; line-height: 20px; padding: 10px 0 0 0; }
 
.chef-about .chef-about-text ul li span { animation: fa-spin 5s infinite linear; padding: 0 0 0px 0; margin: 0 5px 0 0; width: 30px; height: 30px; display: inline-block; border: 2px solid #e89f06; border-radius: 50%; text-align: center; color: #000; font-size: 12px; line-height: 23px; }
.chef-about .chef-about-text ul li { list-style: none; font-style: italic; text-align: justify; font-size: 13px; line-height: 20px;} 
 
 .chef-about { position: relative; width: 100%; padding: 40px 20px 20px 20px;}
.chef-about .chef-about-text h2 { color: #032757; font-size: 20px; line-height: 30px; padding: 0; }
.chef-about .chef-about-text h4 { color: #0b3688; font-size: 12px; line-height: 20px; padding: 0 0 15px 0; }
.chef-about .chef-about-text ul li { font-size: 10px; line-height: 20px; }
  
.chef-join form input[type="text"] { font-size: 12px; line-height: 13px; padding: 3px 9px; margin: 0 0 6px; } 
.chef-join form input[type="email"] { font-size: 12px; line-height: 13px; padding: 3px 9px; margin: 0 0 6px; }   
.chef-join form input[type="submit"] { width: 40%; text-align: center; padding: 5px 0; font-size: 12px; } 
.chef-about .chef-about-text ul li { font-size: 13px; line-height: 20px; text-align: center; }
.chef-why h6 { font-size: 15px; font-style: italic; color: #032757; line-height: 20px; padding: 0 0 20px 0; }
.chef-banner-video .chef-banner-video-dce { padding: 30px 0 0 0; }
.chef-banner-video .chef-banner-video-dce span { width: 80px; overflow: hidden; display: inline-block; height: 80px;}
.chef-banner-video .chef-banner-video-dce span img { width: 100%; padding: 15px 0 0 0; }
.chef-banner-video .chef-banner-video-dce h1 { font-size: 30px; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box p { text-align: justify; color: #fff; font-size: 12px; line-height: 18px; padding: 3px 90px 0 0; }
.chef-join form { position: absolute; width: 40%; content: ""; top: 40px; left: 35px; top: 30px; }

}

/*MObile / 480 view*/
@media screen and (max-width:480px){
.container { width: 460px  !important; }
.chef-why .chef-why-box img { width: 15%; padding: 0 0 8px 0; }
.chef-why h6 { font-size: 12px; font-style: italic; color: #0000009e; line-height: 20px; padding: 0 0 10px 0; }
.chef-banner-video .chef-banner-video-dce span { width: 80px; overflow: hidden; display: inline-block; height: 80px;}
.chef-banner-video .chef-banner-video-dce span img { width: 95%; padding: 18px 0 0 0; }
video .chef-banner-video-dce h1 { font-size: 20px; line-height: 30px; }
.chef-banner-video .chef-banner-video-dce a { font-size: 17px; line-height: 30px; color: #fff; background: #f07813; font-weight: bold; margin: 0; }  
.chef-banner-video .chef-banner-video-dce { padding: 40px 0 0 0; }
.chef-about .chef-about-text h2 { color: #1a1a22c9; font-size: 17px; line-height: 36px; padding: 0 0 0px 0; font-weight: bold; font-style: italic; }
.chef-about .chef-about-text h4 { color: #000000cf; font-size: 13px; line-height: 25px; padding: 0 0 10px 0; font-style: italic; }
.chef-about .chef-about-text h6 { color: #000000c4; text-align: justify; font-size: 12px; line-height: 21px; padding: 0 0 25px 0; }
.chef-join { position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden; background: #fff; height: 250px; }
.chef-join img.j-u-bg { position: relative; width: 130%; }
.chef-join form h2 { color: #fff; font-size: 15px; line-height: 16px; font-weight: bold; padding: 0; }
.chef-join form h5 { color: #ffffffab; font-size: 10px; line-height: 20px; padding: 3px 0 8px 0; }
.chef-join form { position: absolute; width: 90%; content: ""; top: 20px; left: 20px; }
.chef-join form input[type="email"] { font-size: 12px; line-height: 15px; padding: 3px 10px; margin: 0 0 5px; }
.chef-join form input[type="text"] { font-size: 12px; line-height: 15px; padding: 3px 10px; margin: 0 0 5px; }
.chef-banner-video .chef-banner-video-dce h1 { font-size: 20px; line-height: 30px;}
.chef-banner-video .chef-banner-video-dce a { font-size: 15px; line-height: 30px; color: #fff; background: #f07813; font-weight: bold; margin: 0; padding: 5px 30px; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box { width: 100%; text-align: center; overflow: hidden; padding: 5px 0 0; margin: 0 0 0 0px; } 
.chef-testmonial .testmonial-dec .testmoiinial-text-box h4 { font-size: 15px; line-height: 20px; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box p { text-align: center; color: #fff; font-size: 9px; line-height: 12px; padding: 0 15%; }
.chef-why-foot p { text-align: center; color: #ffffffad; font-family: "Abel-Regular"; letter-spacing: 1px; font-size: 10px; } 
.chef-testmonial .testmonial-dec .testmoiinial-text-box p { text-align: justify; color: #fff; font-size: 9px; line-height: 12px; padding:10px 0 0; margin: 0 0 5px 0;}
.chef-testmonial .testmonial-dec .testmoiinial-text-box img { width: 5%; margin: 5px 0px 6px; }    
h3.w3ls-title { font-size: 20px; font-weight: 600; color: #333; padding: 0 0 20px; text-align: center; }
.chef-about { position: relative; width: 100%; padding: 20px 0 20px 0; }
h3.w3ls-title { font-size: 20px; font-weight: 600; color: #333; padding: 0 0 10px; text-align: center; }
.chef-why .chef-why-box img { width: 30%; padding: 0 0 8px 0; } 
.chef-testmonial .testmonial-dec .testmoiinial-text-box h6 { color: #e1ff12; font-size: 9px; letter-spacing: 1px; font-style: italic; text-align: left; padding: 5px 0 0; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box .item-test-img { width: 100%; height: 105px; border-radius: 8px; overflow: hidden; }

.chef-about { position: relative; width: 100%; padding: 10px; }   
.chef-about .chef-about-text ul li { font-size: 13px; line-height: 20px; }
.chef-about .chef-about-text ul li span { animation: fa-spin 5s infinite linear; padding: 0 0 0px 0; margin: 0 5px 0 0; width: 20px; height: 20px;}
.chef-about .chef-about-text ul li { list-style: none; font-style: italic; text-align: justify; font-size: 10px; line-height: 20px; }
  
.chef-join { position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden; background: #fff; height: 300px; }
.chef-join img.j-u-bg { position: relative; width: 170%; left: -70px; }
.chef-about .chef-about-text ul li { list-style: none; font-style: italic; text-align: center; font-size: 13px; line-height: 25px; }
.chef-banner-video .chef-banner-video-dce h1 { font-size: 14px; line-height: 20px; }

/*NEW*/
.chef-join img.j-u-bg { position: relative; width: 180%; left: -200px; }
.chef-join form input[type="text"] { width: 47%; font-size: 12px; line-height: 15px; padding: 8px 10px; margin: 5px; float: left; color: #fff; }
.chef-join form input[type="email"] { width: 47%; font-size: 12px; line-height: 15px; padding: 8px 10px; margin: 5px; float: left; color: #fff; }
.chef-join form h2 { font-size: 15px; line-height: 16px; font-weight: bold; padding: 0; font-family: 'Aclonica', sans-serif; color: #fff; text-shadow: 3px 1px 2px rgba(13, 13, 13, 0.61); }
.chef-join form h2 b { color: #ff841b;}
.chef-join form h5 { color: #ffffffd4; font-size: 11px; line-height: 20px; padding: 10px 0 10px 0; font-style: italic; }
img.captcha-hed { width: 50%; height: 40px; margin: 5px 0 0px; border-radius: 8px; position: relative; }
span.captcha-text {position: absolute; content: ""; top: 5px; left: 10px; right: 0; width: 80%; margin: 0; font-size: 20px !important; font-weight: bold; color: #000; letter-spacing: 2px; height: 30px; }
.capt-div{ position: relative !important; display: inline-block; width: 48%;}
img.captcha-hed { width: 100%; height: 40px; margin: 5px 0 0px; border-radius: 8px; position: relative; }
.chef-join form input[type="submit"] { width: 30%; text-align: center; padding: 5px 0; font-size: 12px; background: #ff841b; border: 2px solid #fff; font-weight: bold; color: #fff; }
.chef-about .chef-about-text h2 { color: #1a1a22; font-size: 17px; line-height: 36px; padding: 0 0 0px 0; font-weight: bold; font-style: italic; font-family: 'Aclonica', sans-serif; text-shadow: none; }
.chef-about .chef-about-text h2 span { color: #ff841b; }
.chef-about .chef-about-text h4 { color: #000000cf; font-size: 13px; line-height: 25px; padding: 0 0 5px 0; font-style: italic; }
.chef-about .chef-about-text ul li { list-style: none; font-style: normal; text-align: center; font-size: 14px; line-height: 23px; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box p { text-align: justify; color: #000;}
.chef-testmonial .testmonial-dec .testmoiinial-text-box h6 { color: #000;}
.chef-testmonial { position: relative; width: 100%; padding: 0; margin: 0; height: 150px; overflow: hidden;}
.chef-testmonial img.c-t-bg { width: 100%; height: 100%; }
.chef-testmonial .testmonial-dec .testmoiinial-text-box .item-test-img { width: 100%; height: 105px; border-radius: 8px; overflow: hidden; margin: 20px 0 0; }

}

/*MObile I-PHONE 678+ / 414 view*/
@media screen and (max-width:420px){
.container { width: 410px  !important; }
.chef-banner-video .chef-banner-video-dce h1 { font-size: 17px; line-height: 25px; }
.chef-join form input[type="submit"] { width: 50%; text-align: center; padding: 4px 0; font-size: 12px; } 
.chef-why .chef-why-box img { width: 30%; padding: 0 0 8px 0; }  
.chef-why .chef-why-box p { text-align: center; font-size: 11px; color: #000000d6; line-height: 18px; padding: 5px 0 0 0; }
.chef-join { position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden; background: #fff; height: 230px; }
.chef-join img.j-u-bg { position: relative; width: 140%; }
.chef-banner-video .chef-banner-video-dce a { font-size: 13px; line-height: 30px; color: #fff; background: #f07813; font-weight: bold; margin: 0; padding: 0 20px; }
.chef-banner-video .chef-banner-video-dce { padding: 20px 0 0 0; }
.chef-about { position: relative; width: 100%; padding: 10px; } 
.chef-join { position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden; background: #fff; height: 300px; }
.chef-join img.j-u-bg { position: relative; width: 185%; left: -120px; }
.chef-join form h5 { color: #ffffffab; font-size: 8px; line-height: 14px; padding: 3px 0 8px 0; }
.chef-about .chef-about-text h4 { color: #000000cf; font-size: 16px; line-height: 25px; padding: 0 0 10px 0; font-style: italic; }

/*NEW*/
.chef-about .chef-about-text ul li {
  list-style: none;
  font-style: normal;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
}

}

/*MObile I-PHONE 678 IOS / 375 view*/
@media screen and (max-width:380px){
.container { width: 370px  !important; }
.chef-join form { position: absolute; width: 50%; content: ""; top: 15px; left: 20px; }
.chef-why { position: relative; width: 100%; padding: 0 0 20px 0; margin: 0; overflow: hidden; background: #fff; }
.chef-about .chef-about-text ul li { list-style: none; font-style: italic; text-align: justify; font-size: 12px; line-height: 20px; }

.chef-banner-video .chef-banner-video-dce h1 { font-size: 10px; line-height: 20px;  }  
.chef-banner-video .chef-banner-video-dce a { font-size: 10px; line-height: 20px; color: #fff; background: #f07813; font-weight: bold; margin: 0; padding: 0 18px; }  
.chef-join form { position: absolute; width: 60%; content: ""; top: 15px; left: 10px; }
.chef-about .chef-about-text ul li { list-style: none; font-style: italic; text-align: center; font-size: 13px; line-height: 23px; }
.chef-about .chef-about-text h4 { color: #000000cf; font-size: 15px; line-height: 25px; padding: 0 0 10px 0; font-style: italic; }

}

/*MObile I-PHONE 678 IOS / 360 view*/
@media screen and (max-width:365px){
.container { width: 350px  !important; }
.chef-banner-video .chef-banner-video-dce span { width: 60px; overflow: hidden; display: inline-block; height: 60px; }
.chef-banner-video .chef-banner-video-dce span img { width: 100%; padding: 10px 0 0 0; }
.chef-banner-video .chef-banner-video-dce h1 { font-size: 16px; line-height: 25px; }
.chef-join form h5 { color: #ffffffab; font-size: 8px; line-height: 20px; padding: 3px 0 3px 0; }
.chef-join form input[type="submit"] { width: 40%; text-align: center; padding: 4px 0; font-size: 10px; margin: 0; background: #c23929; color: #fff; }

.chef-about .chef-about-text h4 { color: #000000cf; font-size: 10px; line-height: 20px; padding: 0 0 10px 0; font-style: italic; }  
.chef-about .chef-about-text ul li { list-style: none; font-style: italic; text-align: justify; font-size: 9px; line-height: 15px; }
.chef-banner-video .chef-banner-video-dce h1 { font-size: 14px; line-height: 22px; } 
.chef-about .chef-about-text ul li { list-style: none; font-style: italic; text-align: center; font-size: 11px; line-height: 18px; }
.chef-banner-video .chef-banner-video-dce h1 { font-size: 10px; line-height: 18px; } 
.chef-join form h5 { color: #ffffffab; font-size: 8px; line-height: 15px; padding: 3px 0 3px 0; }

}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: chef.css

Server Info

System Features

User Info