@charset "windows-1250";
/* Website Name    : Flipper Hygenic Toothbrush Holder   */
/* Website Domain  : http://www.myflipper.com/           */
/* Created by      : Orca Design Team - L.K.Giap         */
/* Date Created    : 1st December 2013                   */
/* Date Revised    : 15th Jan 2015                       */


/*Screen Bigger than 1200px and Smaller than 1500px - 1200 Grid System*/
.flipper-slide-1 {max-width:100%; height:650px; margin:0 auto; z-index:2; background:url(http://www.myflipper.com/assets/images/flipper-sld-1.png) center no-repeat; background-size:2000px 650px;}/*2000px by 650px x 77%*/
.flipper-slide-1 .slide {width:1200px; height:650px; margin:0 auto; font-size:24px;}
.flipper-slide-2 {max-width:100%; height:650px; margin:0 auto; z-index:2; background:url(http://www.myflipper.com/assets/images/flipper-sld-2.png) center no-repeat; background-size:2000px 650px;}
.flipper-slide-2 .slide {width:1200px; height:650px; margin:0 auto; font-size:24px;}
.flipper-slide-3 {max-width:100%; height:650px; margin:0 auto; z-index:2; background:url(http://www.myflipper.com/assets/images/flipper-sld-3.png) center no-repeat; background-size:2000px 650px;}
.flipper-slide-3 .slide {width:1200px; height:650px; margin:0 auto; font-size:24px;}
/**/
.flipper-align-1 {font-size:64px; font-weight:300; line-height:70px; word-spacing:0.04em; letter-spacing:-0.019em; margin-top:36px; margin-bottom:20px; display:block; width:700px;}
.flipper-align-1 .break {display:block;}
.flipper-align-2 {height:416px;}
.flipper-align-3 {font-size:64px; font-weight:300; line-height:70px; word-spacing:0.04em; letter-spacing:-0.019em; margin:180px 0 30px 0;}
.flipper-align-4 {font-size:64px; font-weight:300; line-height:70px; word-spacing:0.04em; letter-spacing:-0.019em; margin:36px 0 0 0;}
.flipper-align-5 {margin-top:160px; position:absolute; width:154px; text-align:center; font-size:15px; line-height:22px;}
.flipper-align-6 {display:inline-block; width:620px; height:80px; font-weight:300; margin:20px 0 0 0;}
#flipper-align-7 {height:470px; margin:-40px 0 0 0; display:block;}
.flipper-align-7 {height:470px; margin:-40px 0 0 0; display:block;}
.flipper-align-8 {font-weight:300; margin-top:20px;}
.flipper-align-9 {margin-bottom:50px; font-weight:300;}
/**/
.flipper-diagram-1 {width:154px; height:154px; border-radius:50%; margin:-76px 0 0 0px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-1.png); background-size:100%;}
.flipper-diagram-2 {width:154px; height:154px; border-radius:50%; margin:-76px 0 0 170px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-2.png); background-size:100%;}
.flipper-diagram-3 {width:154px; height:154px; border-radius:50%; margin:-76px 0 0 340px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-3.png); background-size:100%;}
.flipper-diagram-4 {width:154px; height:154px; border-radius:50%; margin:-76px 0 0 510px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-4.png); background-size:100%}
.flipper-diagram-1R {width:154px; height:154px; border-radius:50%; margin:30px 0 0 0px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-1.png); background-size:100%;}
.flipper-diagram-2R {width:154px; height:154px; border-radius:50%; margin:30px 0 0 170px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-2.png); background-size:100%;}
.flipper-diagram-3R {width:154px; height:154px; border-radius:50%; margin:30px 0 0 340px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-3.png); background-size:100%;}
.flipper-diagram-4R {width:154px; height:154px; border-radius:50%; margin:30px 0 0 510px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-4.png); background-size:100%}
.flipper-diagram-wrapper {}
/**/
.flipper-img-6 {width:58px; height:58px; margin:0 0 -10px 12px; display:inline-block;}
.flipper-bg-1 {background:url(http://www.myflipper.com/assets/images/flipper-img-5.png) right no-repeat; background-size:497px 473px; height:470px;}
.flipper-bg-2 {background:url(http://www.myflipper.com/assets/images/flipper-img-7.png) right no-repeat; background-size:2000px 520px; background-position:-100px -30px;}
.flipper-grid-1 {width:665px; overflow:hidden; float:left; display:inline;}
.flipper-grid-2 {width:530px; overflow:hidden; float:left; display:inline; margin-top:50px;}
.break {display:block;}


/*Screen bigger than 960px Smaller than 1199px - 960 Grid System*/ 
@media screen and (min-width:510px) and (max-width:1199px) {
/*flipper*/
.flipper-slide-1 {max-width:100%; height:520px; margin:0 auto; z-index:2; background:url(http://www.myflipper.com/assets/images/flipper-sld-1.png) center no-repeat; background-size:1600px 520px;}/*1540px by 500px x 80%*/
.flipper-slide-1 .slide {width:960px; height:520px; margin:0 auto; font-size:18px;}
.flipper-slide-2 {max-width:100%; height:520px; margin:0 auto; z-index:2; background:url(http://www.myflipper.com/assets/images/flipper-sld-2.png) center no-repeat; background-size:1600px 520px;}
.flipper-slide-2 .slide {width:960px; height:520px; margin:0 auto; font-size:18px;}
.flipper-slide-3 {max-width:100%; height:520px; margin:0 auto; z-index:2; background:url(http://www.myflipper.com/assets/images/flipper-sld-3.png) center no-repeat; background-size:1600px 520px;}
.flipper-slide-3 .slide {width:960px; height:520px; margin:0 auto; font-size:18px;}
/**/
.flipper-align-1 {font-size:52px; font-weight:300; line-height:54px; word-spacing:0.04em; letter-spacing:-0.019em; margin-top:45px; margin-bottom:20px; display:block; width:540px;}
.flipper-align-2 {height:296px;}
.flipper-align-3 {margin-top:160px;font-size:52px; font-weight:300; line-height:54px; word-spacing:0.04em; letter-spacing:-0.019em;}
.flipper-align-4 {margin-top:55px;font-size:52px; font-weight:300; line-height:54px; word-spacing:0.04em; letter-spacing:-0.019em;}
.flipper-align-5 {margin-top:130px; position:absolute; width:126px; text-align:center; font-size:11.5px; line-height:130%;}
.flipper-align-6 {display:inline-block; width:560px; height:50px; margin:0px 0 30px 0;}
.flipper-align-7 {height:376px; margin:-40px auto 0px auto;}
/**/
.flipper-diagram-1 {width:126px; height:126px; border-radius:50%; margin:-66px 0 0 0px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-1.png); background-size:100%;}
.flipper-diagram-2 {width:126px; height:126px; border-radius:50%; margin:-66px 0 0 146px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-2.png); background-size:100%;}
.flipper-diagram-3 {width:126px; height:126px; border-radius:50%; margin:-66px 0 0 292px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-3.png); background-size:100%;}
.flipper-diagram-4 {width:126px; height:126px; border-radius:50%; margin:-66px 0 0 438px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-4.png); background-size:100%}
.flipper-diagram-1R {width:126px; height:126px; border-radius:50%; margin:0px 0 0 0px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-1.png); background-size:100%;}
.flipper-diagram-2R {width:126px; height:126px; border-radius:50%; margin:0px 0 0 146px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-2.png); background-size:100%;}
.flipper-diagram-3R {width:126px; height:126px; border-radius:50%; margin:0px 0 0 292px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-3.png); background-size:100%;}
.flipper-diagram-4R {width:126px; height:126px; border-radius:50%; margin:0px 0 0 438px; display:inline-block; position:absolute; font-weight:600; color:#FFF; background:url(http://www.myflipper.com/assets/images/flipper-img-4.png); background-size:100%}
.flipper-diagram-wrapper {}
/**/
.flipper-img-6 {width:58px; height:58px; margin:0 0 -10px 12px; display:inline-block;}
.flipper-bg-1 {background:url(http://www.myflipper.com/assets/images/flipper-img-5.png) right 0px no-repeat; background-size:398px 378px; height:376px;}
.flipper-bg-2 {background:url(http://www.myflipper.com/assets/images/flipper-img-7.png) right no-repeat; background-size:1500px 390px; background-position:-300px 0px;}
.flipper-grid-1 {width:570px; overflow:hidden; float:left; display:inline;}
.flipper-grid-2 {width:380px; overflow:hidden; float:left; display:inline; margin-top:50px;}
.break {display:block;}
}



/* Phone: Portrait 300px */
@media only screen and (max-width: 509px){
.flipper-slide-1m {overflow:hidden; width:510px; height:350px; margin:0 auto; background: url(http://www.myflipper.com/assets/images/flipper-sld-mb-1.png) no-repeat center; border:none;}
.flipper-slide-2m {overflow:hidden; width:510px; height:350px; margin:0 auto; background: url(http://www.myflipper.com/assets/images/flipper-sld-mb-2.png) no-repeat center; border:none;}
.flipper-slide-3m {overflow:hidden; width:510px; height:350px; margin:0 auto; background: url(http://www.myflipper.com/assets/images/flipper-sld-mb-3.png) no-repeat center; border:none;}

.flipper-align-1 {font-size:34px; font-weight:300; line-height:38px; margin:30px 0 20px 0; width:auto;}
.flipper-align-2 {height:416px;}
.flipper-align-3 {margin:0 0 10px 0;font-size:30px; font-weight:300; line-height:38px;}
.flipper-align-4 {font-size:30px; font-weight:300; line-height:38px;}
.flipper-align-5 {margin:165px 0 0 0; position:static; width:154px; text-align:center; font-size:13px; line-height:22x; display:block;}
.flipper-align-6 {width:auto;}
#flipper-align-7 {height:auto; margin:-40x 0 0 0; display:block;}
.flipper-align-7 {height:auto; margin:-40px 0 0 0; display:block;}
.flipper-align-9 {margin:0px 0 0px 0; font-weight:300;}
.flipper-align-10 {margin-bottom:40px;}

.flipper-img-6 {width:46px; height:46px; margin:0 0 -10px 10px; display:inline-block;}

.flipper-bg-1 {background:url(http://www.myflipper.com/assets/images/flipper-img-5-290px.png) center no-repeat; background-size:290px 340px; background-position:bottom; height:580px; margin-bottom:0px;}
.flipper-bg-2 {background:url(http://www.myflipper.com/assets/images/flipper-img-7-630px.png) center no-repeat; background-size:630px 420px;}

.flipper-diagram-wrapper {width:154px; height:auto; margin:0 auto; display:relative; position:relative;}
.flipper-diagram-1 {width:154px; height:154px; display:marker; margin:40px auto 80px auto; position:relative; border:none;}
.flipper-diagram-2 {width:154px; height:154px; display:marker; margin:0 auto 80px auto; position:relative; border:none;}
.flipper-diagram-3 {width:154px; height:154px; display:marker; margin:0 auto 80px auto; position:relative; border:none;}
.flipper-diagram-4 {width:154px; height:154px; display:marker; margin:0 auto 80px auto; position:relative; border:none;}
.flipper-diagram-1R {width:154px; height:154px; display:marker; margin:40px auto 80px auto; position:relative; border:none;}
.flipper-diagram-2R {width:154px; height:154px; display:marker; margin:0 auto 80px auto; position:relative; border:none;}
.flipper-diagram-3R {width:154px; height:154px; display:marker; margin:0 auto 80px auto; position:relative; border:none;}
.flipper-diagram-4R {width:154px; height:154px; display:marker; margin:0 auto 80px auto; position:relative; border:none;}
.flipper-grid-1 {width:290px; overflow:hidden; float:left; display:inline-block;}
.flipper-grid-2 {width:290px; overflow:hidden; margin-top:0;float:left; display:inline-block;}

}