/* General */
h2 {font: normal 30px/32px Bitter, arial, sans-serif; color: #565656; margin: 0;}
.container-narrow {width: 960px;}
.bitter {font-family: Bitter, arial, sans-serif;}
select, input , textarea {background: #4fbbe1 !important;}
select:hover, input:hover, textarea:hover {background: #51c8f2 !important;}
textarea.error,
input.error {border: 2px solid #dd4a38 !important; position: relative;}

.errortip {position: absolute; background: #dd4a38; border-radius: 5px; padding: 5px 10px; font-size: 13px; color: #fff; width: 200px; text-align: left; margin: 6px 0 0 8px;}
.errortip:before {position: absolute; top: 8px; left: -7px; content: ""; display: block; width: 0; height: 0; border: 7px solid transparent; border-right-color: #dd4a38; border-left-width: 0;}

/* Header */
header {min-height: 104px;}
.header-wrapper { box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25); position: fixed; width: 100%; background: none; z-index: 9999; background: #fff;}
.header-wrapper.scrolled {}
.header-wrapper header {min-height: 0;}
/*.header-wrapper h1 {width: 150px; float: left;}*/
.header-wrapper h1 {width: 150px; float: left; margin: 10px 0 10px;}
.header-wrapper .header-menu {float: right; line-height: 85px; height: 70px;}
.header-wrapper .header-menu li {padding: 11px 0; margin: 0 7px; transition: all 0.1s ease 0.05s; -webkit-transition: all 0.1s ease 0.05s; -o-transition: all 0.1s ease 0.05s;}
.header-wrapper .header-menu  a {text-decoration: none; padding: 11px 15px; border-radius: 3px; outline: 0;}
.header-wrapper .header-menu .active {border-radius: 3px; background: #dd066d;}
.header-wrapper .header-menu .active:hover,
.header-wrapper .header-menu a:hover {background: #f6107d; color: #fff;}
.header-wrapper .header-menu .active a {color: #fff;}
.header-wrapper .header-menu li:first-child {margin-left: 0;}
.header-wrapper .header-menu li:last-child {margin-right: 0;}
/*.header-wrapper .container-narrow {min-height: 104px;}
.header-wrapper .header-menu li {padding: 8px 0px; margin: 0 5px; border-radius: 3px; }
.header-wrapper .header-menu a {text-decoration: none; padding: 8px 18px; border-radius: 3px; line-height: 20px; }
.header-wrapper .header-menu a:hover {color: #de066b;}
.header-wrapper .header-menu li.active {background: #dd066d;}
.header-wrapper .header-menu li.active:hover {background: #f6107d;}
.header-wrapper .header-menu li.active a { border-radius: 3px; color: #fff;}*/


/* Subheader section */
.subheader-wrapper {background: #D8E5ED url(../img/somproduct-homepage.jpg) no-repeat center center; height: 498px; text-align: center; border-top: 89px solid #fff;}
.subheader-wrapper p.impact {font-size: 46px; line-height: 54px; margin: 11px auto 58px; background: rgba(1, 141, 190, 0.6); color: #fff; text-shadow: 1px 0 0 rgba(0,0,0,0.3); display: table; padding: 0 24px 10px; white-space: nowrap;}
.subheader-wrapper p.first-imp {margin: 0 auto; margin-top: 66px; }
.subheader-wrapper .container-narrow {position: relative; height: inherit;}
.subheader-wrapper .change-mattress {position: absolute; bottom: -22px; left: 50%; line-height: 49px; font-size: 18px; text-shadow: 2px 2px 1px rgba(0,0,0,0.2); width: 312px; margin-left: -156px; background: #dd066c; border-radius: 5px; color: #fff; box-shadow: 0 3px 0 -1px #aa135a;}
.subheader-wrapper .change-mattress:hover {background: #f7529f; text-decoration: none;}
.subheader-wrapper .play-video {background: url(../img/sprite-video-play.png) no-repeat; display: block; width: 100px; height: 100px; text-indent: -9999em; margin: 0 auto; outline: 0;}
.subheader-wrapper .play-video:hover {background-position: 0 -110px;}

/* Features section */
.features-wrapper  {min-height: 470px; background: #fff;}
.features-wrapper .container-narrow {position: relative;}
.features-wrapper .feature {float: left; min-height: 374px; width: 320px; text-align: center; padding: 96px 0 0;}
.features-wrapper .feature .feature-description {color: #505050; padding: 45px 38px 0; line-height: 22px; font-size: 13px;}
.features-wrapper .feature img {position: relative;}
#more-indicator {position: absolute; left: 50%; margin-left: -22px; bottom: -20px; width: 44px; height: 44px; display: block; text-indent: -9999em; background: url(../img/more-indicator.png) no-repeat; outline: none;}

/* Benefits section */
.benefits-wrapper {background: #d8eefa; min-height: 677px; position: relative;}
.benefits-wrapper .container-narrow {padding: 56px 0 44px; text-align: center;} 
.benefits-wrapper h2 {color: #028dbe;}
.benefits-wrapper .benefits {width: 960px; height: 545px; background: url(../img/benefits-mattress.png) no-repeat center center; position: relative; list-style-type: none; margin: 0; padding: 0;}
.benefits-wrapper .benefits li {position: absolute; display: block; width: 140px; height: 140px; outline: 0;}
.benefits-wrapper .benefits .symbol {width: 100px; height: 100px; background: url(../img/sprite-benefits.png) no-repeat; z-index: 101; position: relative; margin: 0 auto;}
.benefits-wrapper .benefits .circle {width: 0; height: 0; background: #DD066D; border-radius: 100%; position: absolute; top: 70px; left: 70px; z-index: 100;}

.benefits-wrapper .benefits .warranty {top: 40px; left: 91px;}
.benefits-wrapper .benefits .warranty .symbol {background-position: 0 0;}
.benefits-wrapper .benefits .warranty.hover .symbol {background-position: 0 -100px;}

.benefits-wrapper .benefits .comfort {top: 24px; left: 373px;}
.benefits-wrapper .benefits .comfort .symbol {background-position: -110px 0;}
.benefits-wrapper .benefits .comfort.hover .symbol {background-position: -110px -100px;}

.benefits-wrapper .benefits .machine {top: 40px; left: 672px;}
.benefits-wrapper .benefits .machine .symbol {background-position: -215px 0;}
.benefits-wrapper .benefits .machine.hover .symbol {background-position: -215px -100px;}

.benefits-wrapper .benefits .height {top: 395px; left: 17px;}
.benefits-wrapper .benefits .height .symbol {background-position: -315px 0;}
.benefits-wrapper .benefits .height.hover .symbol {background-position: -315px -100px;}

.benefits-wrapper .benefits .coir {top: 445px; left: 245px;}
.benefits-wrapper .benefits .coir .symbol {background-position: -410px 0;}
.benefits-wrapper .benefits .coir.hover .symbol {background-position: -410px -100px;}

.benefits-wrapper .benefits .latex {top: 443px; left: 480px;}
.benefits-wrapper .benefits .latex .symbol {background-position: -495px 0;}
.benefits-wrapper .benefits .latex.hover .symbol {background-position: -495px -100px;}

.benefits-wrapper .benefits .zipper {top: 413px; left: 671px;}
.benefits-wrapper .benefits .zipper .symbol {background-position: -585px 0;}
.benefits-wrapper .benefits .zipper.hover .symbol {background-position: -585px -100px;}

.benefits-wrapper .popover {z-index: 10000; border: 0; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);}
.benefits-wrapper .popover-title,
.benefits-wrapper .popover-content {color: #3e6775; text-align: center; font-size: 12px; line-height: 16px; padding: 7px 7px 15px;}
.benefits-wrapper .popover-title {margin: 0; padding: 10px 7px 0; background-color: #fff; font-weight: bold; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}


/* How it works section */
.works-wrapper {background: #fff; min-height: 515px;}
.works-wrapper .container-narrow {text-align: center; }
.works-wrapper h2 {margin: 80px 0 70px;}
.works-wrapper .working-process {margin: 0 auto; height: 149px; text-align: center; width: 750px;}
.works-wrapper .working-process li {width: 150px; height: 149px; padding: 0; margin: 0; background-position: center center; background-repeat: no-repeat; float: left;}
.works-wrapper .working-process .order {background-image: url(../img/works-left.png);}
.works-wrapper .working-process .build {background-image: url(../img/works-middle.png);}
.works-wrapper .working-process .deliver {background-image: url(../img/works-right.png);}
.works-wrapper .working-process .spacer {background: url(../img/how-it-works.dot.png) repeat-x left center; width: 108px; margin: 0 21px;}
.works-wrapper .working-process-desc {margin: 43px 0 80px;}
.works-wrapper .working-process-desc li { width: 300px; vertical-align: top; font-size: 14px; line-height: 22px; color: #505050; padding: 0;}

/* Quotes section */
.quotes-wrapper {background: #f3f3f3; min-height: 132px;}
.quotes-wrapper .container-narrow {padding: 29px 72px;}
.quotes-wrapper .quote {float: left;}
.quotes-wrapper .quote-one {width: 410px; margin: 0 0 0 70px;}
.quotes-wrapper .quote-two {width: 440px; margin: 0 0 0 40px;}
.quotes-wrapper .quote .oppinion {width: 380px; line-height: 20px; font-size: 13px;}
.quotes-wrapper .quote .quote-person {margin: 0;}
.quotes-wrapper .quote img {float: left; margin: 0 15px 0 0;}

/* Order section */
.order-wrapper {background: #018dbe; min-height: 1041px;}
.order-wrapper .container-narrow {color: #fff; text-align: center; padding: 60px 0;}
.order-wrapper h2 {color: #fff; margin-bottom: 7px;}
.order-wrapper .subtitle {color: #97e4ff; font-size: 18px; line-height: 26px; margin-bottom: 45px;}

.order-wrapper .order-now,
.order-wrapper .included {float: left;}
.order-wrapper .order-now {width: 344px; background: #1c9fcd; margin: 0 0 0 35px; padding: 38px 60px 40px;}
.order-wrapper .order-now  form {margin: 0;}
.order-wrapper .order-now .step {border-top: 1px solid #4fbbe1; padding: 30px 0;}
.order-wrapper .order-now .step .span1,
.order-wrapper .order-now .step .span2 {border: 0; height: 41px; line-height: 41px; color: #d3f4ff; padding: 10px 5px; margin: 0 10px 12px 8px; font-size: 15px;}

.order-wrapper .order-now .step .span2 { float: left; margin-left: 0; width: 190px;}
.order-wrapper .order-now .step .span1 { float: right; margin-right: 0; width: 82px;}

.order-wrapper .order-now .step .quantity {line-height: 41px; height: 41px; font-size: 11px; margin-right: -20px;}
.order-wrapper .order-now .step .produce{font-size: 12px; color: #d0f3ff; text-align: center; clear: both; margin: 0;}
.order-wrapper .order-now .step a {color: #fff; text-decoration: underline;}
.order-wrapper .order-now .step input {color: #d3f4ff; width: 306px; height: 17px; border: 0; margin-bottom: 12px; padding: 12px 18px; font-size: 15px; line-height: 17px;}
.order-wrapper .order-now .step input.error {padding: 10px 16px;}
.order-wrapper .order-now .step input:-moz-placeholder,
.order-wrapper .order-now .step input::-moz-placeholder,
.order-wrapper .order-now .step input:-webkit-input-placeholder,
.order-wrapper .order-now .step input::-webkit-input-placeholder {color: #d3f4ff;}
.order-wrapper .order-now .step input[type="tel"] {margin: 0;}
.order-wrapper .order-now .step input:focus {background: #51c8f2 !important; color: #fff !important; box-shadow: none;}
.order-wrapper .order-now .step button.btn { line-height: 41px; height: 51px; font-size: 18px; text-shadow: 2px 2px 1px rgba(0,0,0,0.2); width: 192px; background: #dd066c; border-radius: 5px; color: #fff; box-shadow: 0 3px 0 -1px #aa135a; margin: 0 0 30px 0; outline: 0;}
.order-wrapper .order-now .step button.btn:hover {background: #f7529f;}
.order-wrapper .order-now .step button.btn:active {box-shadow: 0 2px 0 -1px #aa135a}
.order-wrapper .order-now .step .total {color: #b2ebff; font-size: 30px;}
.order-wrapper .order-now .step .total span {color: #fff;}
.order-wrapper .order-now .step .more {font-size: 12px; margin: 0; line-height: 14px;}

.order-wrapper .order-now .step-one,
.order-wrapper .order-now .step-two {text-align: left; font-size: 20px; padding: 0 0 0 42px; line-height: 32px; margin: 0 0 20px;}
.order-wrapper .order-now .step-one {background:url(../img/one.png) no-repeat; }
.order-wrapper .order-now .step-two {background:url(../img/two.png) no-repeat;}
.order-wrapper .order-now .step:first-child {border-top: 0; padding-top: 0; padding-bottom: 20px;}
.order-wrapper .order-now .step:last-child {padding-bottom: 0;}
.order-wrapper .order-now .payment {background: url(../img/order-payment.png) no-repeat; width: 375px; height: 32px; display: block; text-indent: -9999em;  margin: 0 auto; margin-left: -18px;}

.order-wrapper .included {width: 340px; background: none; margin: 0 0 0 61px; font-size: 20px; padding: 66px 0 0;}
.order-wrapper .included p {margin: 0;}
.order-wrapper .included .one{font-size: 26px; line-height: 35px; margin: 0 0 54px; background: url(../img/order-underline.png) 5px 29px no-repeat;}
.order-wrapper .included .two span,
.order-wrapper .included .five span {color: #97e4ff; font-size: 16px;}
.order-wrapper .included .two {min-height: 190px; background: url(../img/order-included-mattresses.png) center 60px no-repeat;}
.order-wrapper .included .three, 
.order-wrapper .included .four,
.order-wrapper .included .five {border-top: 1px solid #1c9fcd; padding: 28px 0;}

/* About section */
.about-wrapper {background: #fff; min-height: 410px;}
.about-wrapper .container-narrow {padding: 96px 20px 83px;}
.about-wrapper .description {float: left; width: 530px;}
.about-wrapper .description h2 {margin: -10px 0 40px; line-height: 32px; font-weight: normal;}
.about-wrapper .description p {line-height: 22px; font-size: 13px; color: #505050; margin: 0;}
.about-wrapper img {float: right;}

/* Call to action section */
.action-wrapper {background: rgba(204,237,255,0.9); min-height: 147px; position: relative; }
.action-wrapper-extra {background: url(../img/action-background.jpg) center center no-repeat; content: ""; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1;}
.action-wrapper .container-narrow {padding: 40px 0; text-align: center;}
.action-wrapper .container-narrow a {display: block; font: 28px/35px Bitter, arial, sans-serif; color: #004760; margin: 0;}

/* Featured images section */
.featured-wrapper {background: #fff; min-height: 330px;}
.featured-wrapper .container-narrow {padding: 82px 66px; text-align: center;}

.featured-wrapper ul {margin: 0 auto; padding: 0; list-style-type: none; width: 790px;}
.featured-wrapper li {list-style-type: none; padding: 0; margin: 0; float: left; width: 220px; height: 220px; border-radius: 100%; position: relative; box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
.featured-wrapper li:nth-child(2) {margin: 0 65px;}
.featured-wrapper .text {width: 100%; height: 100%; display: block; background-repeat: no-repeat; border-radius: 100%; overflow: hidden; position: absolute; box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.2); transform-origin: 90% 30%; transition: all 0.3s ease-in-out;}
.featured-wrapper .text:after {content: ''; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 30%; left: 90%; margin: -4px 0 0 -4px; background: radial-gradient(ellipse at center, rgba(14,14,14, 0.2) 0%,rgba(125,126,125, 0.3) 100%); box-shadow: 0 0 1px rgba(255,255,255,0.4);}
.featured-wrapper .f1 {background-image: url(../img/featured-image-1.jpg); z-index: 103;}
.featured-wrapper .f2 {background-image: url(../img/featured-image-2.jpg); z-index: 102;}
.featured-wrapper .f3 {background-image: url(../img/featured-image-3.jpg); z-index: 101;}
.featured-wrapper a {display: block; text-decoration: none; color: #fff; position: absolute; width: inherit; height: inherit; border-radius: 50%; overflow: hidden; background: #018DBE url(../img/noise.png); box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05);}
.featured-wrapper a strong {display: block; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 18px; margin: 0 60px; padding: 45px 0 0 0; height: 60px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);}
.featured-wrapper a span {display: block; padding: 10px 5px; font-style: italic; margin: 0 26% 0 15%; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5);}
.featured-wrapper li:hover .text {box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5), 0 1px 3px rgba(0,0,0,0.2); transform: rotate(-110deg);}

/* Footer */
.footer-wrapper {background: #fff; min-height: 110px;}
.footer-wrapper .container-narrow {border-top: 1px solid #e5e5e5; font-size: 12px; color: #9b9b9b; padding: 32px 0 37px;}
.footer-wrapper .container-narrow .foot {float: left; margin: 0;}
.footer-wrapper .container-narrow .copyright {padding: 12px 0 0; margin: 0 63px 0 0;}

.footer-wrapper .container-narrow .social {width: 163px; padding: 0 33px;}
.footer-wrapper .container-narrow .social .twitter,
.footer-wrapper .container-narrow .social .facebook,
.footer-wrapper .container-narrow .social .google {display: block; text-indent: -9999em; background: url(../img/sprite-social.png) no-repeat; width: 42px; height: 41px;}
.footer-wrapper .container-narrow .social .twitter {background-position: -5px -5px;}
.footer-wrapper .container-narrow .social .twitter:hover {background-position: -5px -50px;}
.footer-wrapper .container-narrow .social .facebook {background-position: -53px -5px;}
.footer-wrapper .container-narrow .social .facebook:hover {background-position: -53px -51px;}
.footer-wrapper .container-narrow .social .google {background-position: -99px -5px;}
.footer-wrapper .container-narrow .social .google:hover {background-position: -99px -50px;}

.footer-wrapper .container-narrow .footer-menu {padding: 11px 0 0; float: right;}
.footer-wrapper .container-narrow .footer-menu li {padding:0 13px;}
.footer-wrapper .container-narrow .footer-menu li.active a {color: #f7529f;}
.footer-wrapper .container-narrow .footer-menu li:first-child {padding: 0 13px 0 0;}
.footer-wrapper .container-narrow .footer-menu li:last-child {padding: 0 0 0 13px;}


/* Pop-ups */
#contact-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 10000;} 
#contact-us {background: #1c9fcd; position: fixed; top: 100px; left: 35%; width: 472px; height: 493px; text-align: center; padding: 36px 0 0; box-shadow: 0 0 3px 2px rgba(0, 0, 0, .5); z-index: 10001;}
#contact-us .btn-close {cursor: pointer; width: 30px; height: 30px; display: block; overflow: hidden; text-indent: -9999em; background: url(../fancybox/fancy_close.png) no-repeat; position: absolute; top: -13px; right: -13px;}
#contact-us h2 {font-size: 22px; color: #fff; margin: 0 0 46px; font-weight: normal; line-height: 22px;}
#contact-us ul,
#contact-us form {margin: 0;}
#contact-us ul li {min-height: 53px;}
#contact-us input {color: #d3f4ff; border: 0; height: 33px; width: 300px; padding: 4px 18px; background: #4fbbe1;}
#contact-us input.error {padding: 2px 16px;}
#contact-us input::-moz-placeholder {color: #d3f4ff;}
#contact-us input::-webkit-input-placeholder {color: #d3f4ff;}
#contact-us input:focus {color: #fff !important; box-shadow: none;}
#contact-us textarea {margin: 0 0 62px; width: 300px; height: 84px; padding: 4px 18px; background: #4fbbe1; border: 0; color: #d3f4ff; resize: none; overflow: auto;}
#contact-us textarea.error {padding: 2px 16px;}
#contact-us textarea::-moz-placeholder {color: #d3f4ff;}
#contact-us textarea::-webkit-input-placeholder {color: #d3f4ff;}
#contact-us textarea:focus {color: #fff !important;}
#contact-us button {line-height: 41px; height: 51px; font-size: 18px; text-shadow: 2px 2px 1px rgba(0,0,0,0.2); width: 192px; background: #de3f8a; border-radius: 5px; color: #fff; box-shadow: 0 3px 0 -1px #aa135a; margin: 0 0 13px 0; outline: 0;}
#contact-us button:hover {background: #f7529f;}
#contact-us button:active {box-shadow: 0 2px 0 -1px #aa135a}
#contact-us .contact-btn {min-height: 15px;}
#contact-us .reply {color: #d0f3ff; font-size: 12px; min-height: 14px;}
/*** End of Homepage ***/


/*** Congratulations Page ***/

/* Header */
.congratulations .header-wrapper h1 { margin: 19px 0 0; text-align: center; float: none; width: 100%;}

/* Subheader section */
.congratulations .subheader-wrapper {background: url(../img/congratulation-header.jpg) no-repeat center center #fff; height: 389px; text-align: center;}
.congratulations .subheader-wrapper p.impact {font-size: 30px; margin: 14px auto 0;}
.congratulations .subheader-wrapper p.first-imp {font-size: 42px; margin: 88px auto 0;}
.congratulations .subheader-wrapper p.second-imp { padding: 0 24px; line-height: 58px;}
.congratulations .subheader-wrapper span.love {position: absolute; display: block; bottom: -88px; background: url(../img/love.png) no-repeat; left: 50%; margin-left: -87px; width: 174px; height: 176px; text-indent: -9999em;}

/* Available section */
.congratulations .available-wrapper  {padding: 120px 0 0;}
.congratulations .available-wrapper .promise {font-size: 18px; line-height: 22px; text-align: center; margin: 0 0 105px 0;}
.congratulations .available-wrapper h2 {text-align: center; margin: 0 0 45px;}
.congratulations .available-wrapper .more-available {text-align: center; float: left; width: 298px; margin-bottom: 65px;}
.congratulations .available-wrapper .first-available {margin-left: 34px;}
.congratulations .available-wrapper .more-available p {font-size: 12px; line-height: 18px;}
.congratulations .available-wrapper .more-available img {margin: 0 0 7px 0;}
.congratulations .available-wrapper .more-available a.btn { line-height: 27px; height: 27px; font-size: 12px; text-shadow: 2px 2px 1px rgba(0,0,0,0.2); width: 106px; background: #dd066c; border-radius: 3px; color: #fff; box-shadow: 0 2px 0 -1px #aa135a; outline: 0; padding: 0; border: 0;}
.congratulations .available-wrapper .more-available  a.btn:hover {background: #f7529f;}
.congratulations .available-wrapper .more-available  a.btn:active {box-shadow: 0 1px 0 -1px #aa135a}

/* Footer */
.congratulations .footer-wrapper .container-narrow .social  {float: right; padding: 0 0 0 33px; margin: 0;}

/*** End of Congratulations Page ***/

#fancybox-wrap {z-index: 10000;}

/* Back to top button */
#totop {background: url(../img/arrow.up.png) no-repeat; width: 47px; height: 44px; overflow: hidden; display: none; position: fixed; bottom: 40px; right: 40px; text-indent: -9999em; outline: none;}
#totop:hover {background-position: left bottom;}
/* End of back to top button */

/* animations */
@-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
.fadeIn {-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn;}
/* -- */

@media (max-width: 767px) {
	.header-wrapper {margin: 0 -20px; padding: 0 10px;}
}