@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*/
/*Address*/
.address {font-family:'Open Sans', sans-serif; font-size:12px; line-height:18px; }
.address-country-name {font-size:15px; line-height:18px; font-weight:600; display:inline-block; margin-bottom:6px;}
.address-company-name {font-size:13px; line-height:16px; font-weight:600; display:inline-block; margin-bottom:2px;}
.address a {color:#14CDF7; text-decoration:none; display:inline-block; margin-bottom:15px; transition:1s;}
.address a:hover {color:#1BA8E4; text-decoration:none; transition:1s;}
.address-bubble {font-family:'Open Sans', sans-serif; color:#FFF; font-size:12px; position:relative; width:350px; height:106px; line-height:20px; letter-spacing:0.050em; padding:15px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin:278px 0 0 630px; background:url(http://www.myflipper.com/assets/images/contact-img-2.png) repeat; transition:0.2s;}
.address-bubble:after {content:""; position:absolute; top:58px; right:-55px; border-style:solid; border-width:10px 0 10px 55px; border-color:transparent #14CDF7; display:block; width:0; z-index:1;}
/*Form*/
input {width:378px; height:28px; background:#FFF; border:none; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:400; text-indent:5px; margin:5px 0 10px 0; color:#666;}
select {width:100%; height:32px; background:#FFF; border:none; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:400; text-indent:0px; margin:5px 0 11px 0; color:#666; line-height:30px;}
textarea {width:370px; height:212px; background:#FFF; border:none; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:400;  padding:5px; vertical-align:top; margin:5px 0 10px 0; color:#666;}
.codefield {width:100px; height:22px; border:none; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; text-indent:5px; margin:0px 0 10px 0; color:#666; float:right;}
.err {font-size:14px; font-weight:600; color:#F00; text-decoration:blink;}
/**/
.form-caption {font-size:13px;}
.form-caption-small {font-size:11px;}
.form-table {font-size:13px;}
.form-table a {color:#069; text-decoration:none;}
.form-table a:hover {color:#033; text-decoration:none;}
.form-table .column {width:380px;}
.form-table .gutter {width:20px;}
.form-link {text-decoration:none; color:#1B5BD0;}
.form-link:hover {color:#1B5BD0;}
.form-link:active {color:#000;}
.form-margin {padding:30px 0;}
/**/
#captchaimg {width:100px; display:inline-block; vertical-align:middle; margin:-5px 0 0 0;/*[if !IE]*/margin:-4px 0 0 4px;/*[endif]*/ }
.submit {margin:-20px 0 0 0; width:102px;}
/**/
.contact-bg-1 {height:620px; background:url(http://www.myflipper.com/assets/images/contact-img-1.png) no-repeat; background-position:center top -90px; margin-top:-10px;}
.contact-align-1 {font-size:68px; font-weight:300; line-height:74px; word-spacing:0.04em; letter-spacing:-0.019em;}
.contact-align-1 .break {display:block;}
.contact-align-2 {margin-top:20px; font-weight:300;}
.contact-align-3 {margin-bottom:-10px; margin-top:10px;}
.contact-align-4 {font-size:55px; font-weight:300; margin-bottom:60px;}
.contact-store {}
.contact-store a:link {text-decoration:none; color:#09C;}
.contact-store a:visited {color:#09C;}
.contact-store a:hover {color:#069;}
.contact-store a:active {color:#09C;}
.contact-store li {color:#999;}
/**/
.received-logo-align {margin-left:-8px; position:absolute;}
.received-align-1 {height:490px; margin-top:16px;}
.received-align-2 {font-size:68px; font-weight:300; line-height:74px; word-spacing:0.04em; letter-spacing:-0.019em; margin-top:36px;}
.received-align-3 {}

/*Screen bigger than 960px Smaller than 1199px - 960 Grid System*/ 
@media screen and (min-width:510px) and (max-width:1199px) {
/*Address*/
.address {font-family:'Open Sans', sans-serif; font-size:10px; line-height:14px;margin-bottom:2px;}
.address-country-name {font-size:12px; line-height:14px; font-weight:600; display:inline-block; margin-bottom:2px;}
.address-company-name {font-size:11px; line-height:14px; font-weight:600; display:inline-block; margin-bottom:2px;}
.address a {color:#14CDF7; text-decoration:none; display:inline-block; margin-bottom:15px; transition:1s;}
.address a:hover {color:#1BA8E4; text-decoration:none; transition:1s;}
.address-bubble {font-family:'Open Sans', sans-serif; color:#FFF; font-size:12px; position:relative; /*[if !IE]*/width:300px; /*[endif]*/ /*[if !Gecko]*/width:300px; /*[endif]*/ /*[if !Webkit]*/width:300px; /*[endif]*/height:80px; line-height:16px; letter-spacing:0.050em; padding:15px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin:200px 0 0 460px; background:url(http://www.myflipper.com/assets/images/contact-img-2.png) repeat; transition:0.2s;}
.address-bubble:after {content:""; position:absolute; top:45px; right:-55px; border-style:solid; border-width:10px 0 10px 55px; border-color:transparent #14CDF7; display:block; width:0; z-index:1;}
/*Form*/
input {width:302px; height:22px; background:#FFF; border:none; font-family:'Open Sans', sans-serif; font-size:12px; font-weight:400; text-indent:5px; margin:5px 0 10px 0; color:#666;}
select {width:304px; height:25px; background:#FFF; border:none; font-family:'Open Sans', sans-serif; font-size:12px; font-weight:400; text-indent:0px; margin:5px 0 11px 0; color:#666; line-height:30px;}
textarea {width:292px; height:183px; background:#FFF; border:none; font-family:'Open Sans', sans-serif; font-size:12px; font-weight:400;  padding:5px; vertical-align:top; margin:5px 0 10px 0; color:#666;}
.codefield {width:95px; height:20px; border:none; font-family:'Open Sans', sans-serif; font-size:12px; font-weight:400; text-indent:5px; margin:5px 0 10px 0; color:#666;}
.err {font-size:12px; font-weight:600; color:#F00; text-decoration:blink;}
/**/
.form-caption {font-size:9.5px;}
.form-caption-small {font-size:10px;}
.form-table {font-size:12px;}
.form-table a {color:#069; text-decoration:none;}
.form-table a:hover {color:#033;;}
.form-table .column {width:302px;}
.form-table .gutter {width:18px;}
.form-link {text-decoration:none; color:#1B5BD0;}
.form-link:hover {color:#1B5BD0;}
.form-link:active {color:#000;}
.form-margin {padding:30px 0;}
/**/
#captchaimg {width:80px;display:inline-block; vertical-align:middle; margin: -1px 0 0 0;}
.submit {margin:-20px 0 0 0; width:65px;}
/**/
.bg-dotted-world-map {height:330px; background:url(http://www.myflipper.com/assets/images/dotted-world-map-960.png) no-repeat; background-position:center top -186px;}
.contact-bg-1 {height:500px; background:url(http://www.myflipper.com/assets/images/contact-img-1.png) no-repeat; background-position:center top -90px;background-size:1296px 565px; margin-top:-10px;}
.contact-align-1 {font-size:52px; font-weight:300; line-height:54px; word-spacing:0.04em; letter-spacing:-0.019em;}
.contact-align-1 .break {display:block;}
.contact-store li {font-size:13px; line-height:22px;}
}
 
/* Phone: Portrait 300px */
@media only screen and (max-width: 509px){
/*Address*/
.address {font-family:'Open Sans', sans-serif; font-size:13px; line-height:22px;}
.address-country-name {font-size:16px; line-height:22px; font-weight:600; display:inline-block; margin-bottom:6px;}
.address-company-name {font-size:15px; line-height:20px; font-weight:600; display:inline-block; margin-bottom:3px;}
.address a {color:#14CDF7; text-decoration:none; display:block; margin-bottom:15px; transition:1s;}
.address a:hover {color:#1BA8E4; text-decoration:none; transition:1s;}
.address-bubble {font-family:'Open Sans', sans-serif; color:#FFF; font-size:14px; position:relative; width:70%; height:auto; line-height:20px; letter-spacing:0.050em; padding:15px; background:#14CDF7; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin:180px auto 0 auto; transition:0.2s;}
.address-bubble:after {content:''; position:absolute; border-style:solid; border-width: 0 15px 15px; border-color:#14CDF7 transparent; display:block; width:0; z-index:1; margin-left:-10px; top:-15px; left:50%;}
.address-bubble .address {font-family:'Open Sans', sans-serif; font-size:13px; line-height:22px;}
.address-bubble .address-country-name {font-size:16px; line-height:22px; font-weight:600; display:inline-block; margin-bottom:6px;}
.address-bubble .address-company-name {font-size:13px; line-height:20px; font-weight:600; display:inline-block; margin-bottom:3px;}
/*Form*/
.codefield {/*[if !Webkit]*/width:284px;/*[endif]*//*[if !IE]*/width:278px;/*[endif]*/ /*[if !Gecko]*/width:284px; /*[endif]*/ height:22px; border:none; font-family:'Open Sans', sans-serif; font-size:12px; font-weight:400; text-indent:5px; margin:10px 0 0px 0; color:#666; display:block;}
.form-table .column {width:100%;}
.form-table .gutter {display:none;}
.submit {width:100%; height:35px; margin:15px 0 0 0; display:block;}
.reset {display:none;}
.line-break {display:block;}
select {width:282px; height:28px; background:#FFF; border:none; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; text-indent:0px; margin:5px 0 11px 0; color:#666; line-height:30px;}
input {width:286px; height:28px; background:#FFF; border:none; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; text-indent:5px; margin:5px 0 10px 0; color:#666;}
textarea {width:273px; height:207px; background:#FFF; border:none; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400;  padding:5px; vertical-align:top; margin:5px 0 10px 0; color:#666;}
#captchaimg {width:120px; display:inline-block; margin:-5px 0 0 -5px;/*[if !IE]*/margin:-4px 0 0 0px;/*[endif]*/ vertical-align:middle; border:none;}
.form-link {text-decoration:none; color:#1B5BD0;}
.form-link:hover {color:#1B5BD0;}
.form-link:active {color:#000;}
.form-table a {color:#069; text-decoration:none;}
.form-table a:hover {color:#033; text-decoration:none;}
.form-margin {padding:30px 0;}
/**/
.contact-bg-1 {height:420px; background:url(http://www.myflipper.com/assets/images/contact-img-1-500px.png) repeat-x;  background-position:left -165px top -42px; margin:-10px 0 0 0; overflow:hidden;}
.contact-align-1 {font-size:52px; font-weight:300; line-height:54px; word-spacing:0.04em; letter-spacing:-0.019em;}
.contact-align-1 {margin-bottom:10px;}
.contact-align-2 {margin-top:0px; font-weight:300;}
.contact-align-3 {margin-bottom:-20px;}
}