@font-face {
font-family: 'vtks_inkedregular';
src: url('../../brochure_fonts/vtks_inked-webfont.eot');
src: url('../../brochure_fonts/vtks_inked-webfont.eot?#iefix') format('embedded-opentype'), url('../../brochure_fonts/vtks_inked-webfont.woff2') format('woff2'), url('../../brochure_fonts/vtks_inked-webfont.woff') format('woff'), url('../../brochure_fonts/vtks_inked-webfont.ttf') format('truetype'), url('../../brochure_fonts/vtks_inked-webfont.svg#vtks_inkedregular') format('svg');
font-weight: normal;
font-style: normal;
}
div.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 200000;
background: rgba(0, 0, 0, .9);
}
div.overlay > div {
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
}
div.overlay > div img {
position: absolute;
top: 50%;
left: 50%;
}
/* css for landing page register popup starts */
.modal {
z-index: 99 !important;
}
.modal-content {
height: 600px;
}
.landing-register {
height: auto;
/* padding: 15px; */
}
.row {
margin: 0 -15px;
}
/* .col-sm-6 {
width: 50%;
float: left;
padding: 0 15px;
} */
.margin-20 {
margin-top: 20px !important;
}
/* css for landing page register popup ends */
.testimonial_out_box {
margin-top: 20px;
}
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
table {
border-collapse: collapse;
border-spacing: 0
}
* {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
margin: 0;
padding: 0;
}
*,
*:after,
*:before {
box-sizing: border-box;
}
html {
overflow-y: scroll;
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: 100%;
}
body {
background-color: #fff;
font-family: Lato, sans-serif;
line-height: 1.5;
position: relative;
height: 100%;
font-weight: 300;
font-size: 18px;
overflow-x: hidden !important;
}
div#wrapper-home {
min-height: 100%;
height: auto!important;
z-index: 0;
width: 100%;
position: relative;
padding: 0;
}
.fullwidth {
width: 100%;
display: block;
float: left;
}
.clear {
clear: both;
}
.sociomedia {
width: 8%;
float: left;
}
.fb {
background: url(../../meno_images/meno_brochure/social_media.png) -33px top no-repeat;
}
.twitt {
background: url(../../meno_images/meno_brochure/social_media.png) left top no-repeat;
}
.fb,
.twitt {
width: 30px;
height: 30px;
display: block;
float: left;
margin: 0 2px;
}
.fb:hover,
.twitt:hover {
opacity: 0.4;
filter: alpha(opacity=40);
}
.hometag {
color: #fff;
text-align: center;
margin: 20px 0px;
}
/*sidemenu for responsive css starts*/
.container {
width: 1100px !important;
}
#container {
display: flex;
min-height: 100%;
}
input[type=checkbox] {
position: absolute;
opacity: 0;
}
label {
/* position: fixed; height: 30px; background-image: url("data:image/svg+xml;utf8,"); transform: translate3d(0px, 0px, 0px); transition: transform 0.4s ease 0s; */
}
.MenuLabel {
position: fixed;
height: 30px;
background-image: url("data:image/svg+xml;utf8,");
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transition: transform 0.4s ease 0s;
-webkit-transition transform 0.4s ease 0s;
-moz-transition: transform 0.4s ease 0s;
-ms-transition: transform 0.4s ease 0s;
-o-transition: transform 0.4s ease 0s;
}
input[type=checkbox]:checked ~ label {
transform: translate3d(147px, 0, 0) rotate(90deg);
-webkit-transform: translate3d(147px, 0, 0) rotate(90deg);
-moz-transform: translate3d(147px, 0, 0) rotate(90deg);
-ms-transform: translate3d(147px, 0, 0) rotate(90deg);
-o-transform: translate3d(147px, 0, 0) rotate(90deg);
}
.content {
width: 100%;
padding: 40px;
background: #f2f2f2;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transition: transform .4s;
-webkit-transition: transform .4s;
-moz-transition transform .4s;
}
input[type=checkbox]:checked ~ .content {
transform: translate3d(250px, 0, 0);
-webkit-transform: translate3d(250px, 0, 0);
-moz-transform: translate3d(250px, 0, 0);
-ms-transform: translate3d(250px, 0, 0);
-o-transform: translate3d(250px, 0, 0);
}
input[type=checkbox]:checked ~ .slide-menu {
transform: translate3d(0, 0, 0);
z-index: 9999 !important;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
input[type=checkbox]:checked ~ .slide-menu .menu li {
width: 100%;
}
.leftDiv-50,
.rightDiv-50 {
display: block;
float: left;
width: 44%;
position: relative;
}
.yearbook-left-col,
.home_ebook,
.flipbook-viewport,
.container,
.flipbook {
margin-left: 0px;
left: 22px !important;
top: 9px !important;
}
.slide-menu {
position: fixed !important;
WIDTH: 0%;
height: 100%;
}
.slide-menu h1 {
margin: 10px;
text-shadow: 1px 1px 1px #000;
}
.menu {
list-style: none;
padding: 0;
margin: 0;
}
.menu a {
display: block;
text-decoration: none;
color: #fff;
font-size: 1.1em;
padding: 15px;
background: linear-gradient(#628297, #4f6b81);
border-bottom: 1px solid #1e222b;
box-shadow: inset 0px 1px 1px #8b9db3;
}
.menu a:hover {
background: linear-gradient(#3b3f48, #3c434d);
box-shadow: inset 0px 1px 1px #475059;
}
/*inline style*/
.flipbook-c {
margin-left: 0px;
left: 22px !important;
top: 9px !important;
}
.flipbook-1 {
position: absolute;
z-index: 1000;
width: 466px;
height: 370px;
}
.flipbook-2 {
display: block;
margin-left: 22px;
width: 466px;
height: 370px;
}
.box-up {
margin: 10px;
float: left;
}
.uploadMemo-ri {
float: left;
margin-top: 10px
}
.complicated {
float: left;
margin-top: 10px;
margin-left: 20px;
}
.complicatedbrochure {
float: left;
margin-top: 10px;
margin-left: 10px;
}
.memories1 {
float: left;
margin-left: 520px;
margin-top: -140px;
}
/*for responsive css ends*/
/*
ul,
ul li {
list-style: none;
} */
#nav {
z-index: 999;
position: fixed;
overflow: hidden;
color: #FFF;
top: 30% !important;
left: -0px;
}
#nav ul {
zoom: 1;
display: block;
}
#nav li {
display: block;
margin: 8px 0;
background: #403E3F;
}
#nav li.signin {
background: #b51c36;
}
/*#nav li.signin{background:#d72c60;}*/
#nav li.login {
background: #fff;
}
#nav li.login a {
color: #d72c60;
border: 1px solid #84d7da;
}
#nav li a {
display: block;
color: #fff;
font-size: 13px;
line-height: normal;
font-weight: 300;
outline: none;
text-decoration: none;
text-transform: uppercase;
padding: 12px 10px;
}
#nav li a.free {
background: url(../../meno_images/meno_brochure/free-lable.png) no-repeat 0 0;
}
#nav li.active a {
color: #fff;
}
.container {
width: 1100px;
margin: 0 auto;
}
#home_page {
background: #84D7DA;
}
/*padding:50px 0 20px; margin-bottom:15px;*/
.adjusthome_page {
padding: 50px 0 20px;
margin-bottom: 15px;
}
.adjustbrochure_page {
padding: 0px 0 0px;
margin-bottom: 15px;
}
#home_page .main-header {
color: #423E3F;
font-size: 17px;
margin-bottom: 10px;
}
#home_page .main-header .logo {
font-size: 0;
text-transform: uppercase;
margin-left: 20px;
}
#home_page .main-header .logo span {
display: block;
font-size: 84px;
line-height: 80px;
font-weight: 900;
}
#home_page .main-header .call-txt {
font-weight: 300;
margin-left: 30px;
font-size: 16px;
}
#home_page .main-header .call-txt span {
font-weight: 600;
color: #000;
display: inline-block;
background: url(../../meno_images/meno_brochure/call-icon.png) no-repeat 8px center;
padding-left: 25px;
}
.home_ebook {
float: left;
width: 105%;
height: 354px;
margin: 0 21px !important;
background-size: contain !important;
background: url(../../meno_images/meno_brochure/book_bg.png) no-repeat center top;
/*position:absolute; z-index:90; top:38px;*/
}
/*../../meno_images/meno_brochure/book_bg.png */
.yearbook-cols .yearbook-left-col {
width: 47%;
float: left;
display: block;
}
.yearbook-cols .yearbook-left-col img {
width: 100%;
}
.yearbook-cols .yearbook-right-col {
/* width: 44% !important; */
float: left;
display: block;
padding-left: 80px;
}
.yearbook-cols .yearbook-right-col .uploadMemo {
position: relative;
padding-left: 125px;
margin: 30px 0 20px;
}
.yearbook-cols .yearbook-right-col .uploadMemo .uploadBox {
position: absolute;
left: 0;
}
.yearbook-cols .yearbook-right-col .uploadMemo .uploadMemo-right {
padding-right: 120px;
background: url(../../meno_images/meno_brochure/no-complicated.png) no-repeat right top;
font-size: 28px;
font-weight: 700;
color: #423e3f;
line-height: normal;
min-height: 120px;
}
.yearbook-cols .yearbook-right-col .uploadMemo .uploadMemo-right h3 {
color: #D72C60;
font-weight: 800;
font-size: 32px;
margin: 10px 0 5px;
}
h2.heading-1 {
display: block;
font-size: 28px;
font-weight: 300;
line-height: normal;
margin: 15px 0 5px;
}
.btn {
background: #d72c60;
display: block;
float: left;
text-transform: uppercase;
font-size: 20px;
font-weight: 300;
color: #fff;
text-decoration: none;
line-height: normal;
padding: 15px 20px;
text-align: center;
min-width: 200px;
margin: 20px 0;
}
.btn:hover {
background: #403e3f;
color: #fff;
}
#home_page .btn {
float: left;
/*margin-left: 114px;*/
}
#howit-works,
#schools,
#universities,
#hoodies,
#free_prom_tickets {
padding: 15px 0;
}
footer#contact {
border-top: 5px solid #423e3f;
padding: 20px 0;
margin-top: 50px;
}
footer#contact .main-header {
color: #423e3f;
font-size: 17px;
margin-bottom: 20px;
}
footer#contact .main-header .logo {
font-size: 0;
text-transform: uppercase;
}
footer#contact .main-header .logo span {
display: block;
font-size: 54px;
font-weight: 900;
line-height: 60px;
}
/* footer#contact .footer-col {
padding-right: 60px;
float: left;
margin-left: 20px;
} */
footer#contact .footer-col ul li {
display: block;
margin-bottom: 10px;
line-height: normal;
}
footer#contact .footer-col ul.list-inline li{
display: block;
margin-bottom: 20px;
line-height: normal;
width: 20px;
height: 20px;
}
footer#contact .footer-col ul li a {
text-decoration: none;
color: #403e3f;
font-size: 15px;
font-weight: 400;
display: block;
cursor: pointer !important;
}
footer#contact .footer-col ul li.signin a {
background: #d72c60;
padding: 15px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
display: block;
cursor: pointer !important;
text-align: center;
}
footer#contact .footer-col ul li.login a {
background: #403e3f;
padding: 15px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
display: block;
cursor: pointer !important;
text-align: center;
}
footer#contact .footer-col h4 {
color: #403e3f;
text-transform: uppercase;
font-weight: 800;
font-size: 16px;
display: block;
margin-bottom: 10px;
line-height: normal;
}
.whiteColor {
color: #fff!important;
}
.indieFont {
font-family: 'Shadows Into Light', cursive;
font-size: 60px;
line-height: 80px;
}
.schoolyear-books {
display: block;
width: 100%;
position: relative;
background: #79cdc0;
color: #fff;
line-height: normal;
}
/*background:url(../images/design-pagebypage-bg.jpg) 0 0*/
.leftDiv-60 {
display: block;
float: left;
width: 60%;
position: relative;
}
.rightDiv-40 {
display: block;
float: right;
width: 40%;
position: relative;
}
.leftDiv-50,
.rightDiv-50 {
display: block;
float: left;
width: 50%;
position: relative;
}
.radius-txtbox {
display: block;
width: 215px;
height: 215px;
padding: 35px;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: 300;
border-radius: 100%;
line-height: 20px;
vertical-align: middle;
}
.radius-txtbox p {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.radius-txtbox a {
color: #fff;
display: block;
padding: 10px 0;
font-size: 16px;
}
h2.heading-2 {
display: block;
font-size: 24px;
font-weight: 300;
line-height: normal;
margin: 30px 0 20px;
}
.responsive-img {
width: 80%;
display: block;
}
.table {
display: table;
width: 100%;
}
.table-cell {
display: table-cell;
}
ul.vtks-list {
margin-left: 50px;
}
ul.vtks-list li {
color: #382F5E;
list-style: outside none decimal;
font-size: 38px;
font-family: "Shadows Into Light", cursive;
line-height: 35px;
}
ul.vtks-list li {
font-family: 'vtks_inkedregular';
color: #382F5E;
list-style: decimal outside;
font-size: 50px;
}
/*ul.vtks-list li{font-family: 'vtks_inkedregular'; color:#382F5E; list-style:decimal outside; font-size:50px;}*/
.schoolyear-books .pinkCircular-box {
position: absolute;
right: 20px;
bottom: 50px;
background: #c60071;
}
.schoolyear-books .leftDiv-60 {
padding: 20px 20px 0;
float: none;
vertical-align: bottom;
}
.schoolyear-books .rightDiv-40 {
padding: 20px 20px 20px 0;
float: none;
}
.schoolyear-books .rightDiv-40 .btn {
background: #C60071;
}
/*text used*/
.btn {
float: left;
margin-top: 50px;
/* margin-left: 54px;*/
}
.box-up {
margin: 0px 0px 0px 0px;
float: left;
}
.iimg {
width: 100%;
}
.complicated {
float: left;
margin-top: 10px;
margin-left: 12px;
}
.memories1 {
float: left;
margin-left: -20px !important;
margin-top: 0px !important;
width: 50% !important;
}
.greyBox {
display: block;
width: 100%;
position: relative;
background: #a4cdd1;
color: #000;
line-height: normal;
}
/*F4F4F4*/
.greyBoxPrice {
display: block;
width: 100%;
position: relative;
background: #F4F4F4;
color: #000;
line-height: normal;
}
.greyBoxWorks {
display: block;
width: 100%;
position: relative;
background: #F4F4F4;
color: #000;
line-height: normal;
}
.greyBoxHoodies {
display: block;
width: 100%;
position: relative;
background: #F4F4F4;
color: #000;
line-height: normal;
}
.greyBoxYearbook {
display: block;
width: 100%;
position: relative;
background: #F4F4F4;
color: #000;
line-height: normal;
}
.greyBox .pinkCircular-box {
position: absolute;
right: 20px;
bottom: 40px;
background: #f63a5b;
}
.greyBox .leftDiv-60 {
padding: 20px 250px 20px 20px;
float: none;
vertical-align: top;
}
.greyBox .rightDiv-40 {
padding: 20px 20px 20px 0;
float: none;
}
.greyBox .rightDiv-40 h2.heading-2 {
color: #d72c60;
}
.greyBox .rightDiv-40 .btn {
background: #d72c60;
}
.greyBox .leftDiv-50,
.greyBox .rightDiv-50 {
padding: 20px;
}
.blueBox {
display: block;
width: 100%;
position: relative;
background: #b0a893;
color: #fff;
line-height: normal;
}
/*#41A0D7*/
.blueBox .pinkCircular-box {
position: absolute;
right: 20px;
bottom: 50px;
background: #2937AC;
}
.blueBox .leftDiv-60 {
padding: 20px 20px 0;
float: none;
vertical-align: middle;
}
.blueBox .rightDiv-40 {
padding: 20px 20px 20px 0;
float: none;
}
.blueBox .rightDiv-40 .btn {
background: #2937AC;
}
/*.blueBox .rightDiv-40 .btn {background: #2937AC none repeat scroll 0% 0%;font-size: 19px;margin-top: 140px;}*/
/*.blueBox .rightDiv-40 .btn{background:#2937AC;}*/
.blueBox .rightDiv-40 h2.heading-2 {
color: #2937AC;
}
.hoodies-products {
display: block;
width: 100%;
position: relative;
background: #ffcd7e;
color: #fff;
line-height: normal;
}
/*url(../images/tringle.png) no-repeat 0 0, url(../images/pattrn.png) repeat 0 0; color:#000 */
.hoodies-products .pinkCircular-box {
position: absolute;
right: 20px;
bottom: 50px;
background: #642678;
}
.hoodies-products .leftDiv-60 {
padding: 40px;
float: none;
vertical-align: middle;
}
.hoodies-products .rightDiv-40 {
padding: 20px 20px 20px 0;
float: none;
}
.hoodies-products .rightDiv-40 .btn {
background: #642678;
}
.hoodies-products .rightDiv-40 h2.heading-2 {
color: #000;
}
.greenBox {
display: block;
width: 100%;
position: relative;
background: #ff8c87;
color: #fff;
line-height: normal;
}
/*background: #84D7DB; color:#000*/
.greenBox .pinkCircular-box {
position: absolute;
right: 60px;
bottom: 20px;
background: #d72c60;
}
.greenBox .leftDiv-60 {
padding: 20px;
float: none;
vertical-align: middle;
}
.greenBox .rightDiv-40 {
padding: 20px 20px 20px 0;
float: none;
}
.greenBox .rightDiv-40 .btn {
background: #d72c60;
}
.greenBox .rightDiv-40 h2.heading-2 {
color: #d72c60;
}
.innerPage .yearbook-cols .yearbook-right-col .uploadMemo .uploadMemo-right {
font-size: 22px;
}
.innerPage .yearbook-cols .yearbook-right-col .uploadMemo .uploadMemo-right h3 {
font-size: 26px;
}
.innerPage .yearbook-cols .yearbook-left-col,
.innerPage .yearbook-cols .yearbook-right-col {
width: 50%;
}
.innerPage .yearbook-cols .yearbook-left-col h1.pageTitle {
color: #d72c60;
font-weight: 600;
font-size: 34px;
margin: 50px 0 0;
line-height: normal;
}
.innerPage .yearbook-cols .yearbook-right-col .uploadMemo {
margin: 0;
}
.innerPage .greyBox .leftDiv-60 {
padding: 20px;
}
.vtksHeading {
font-family: 'vtks_inkedregular';
font-size: 46px;
line-height: normal;
margin-bottom: 15px;
text-transform: uppercase;
padding: 0 20px;
}
.colorBlue {
color: #382F5E;
}
.color-skyBlue {
color: #2878fb;
}
.colorPink {
color: #d72c60;
}
.colorGreen {
color: #36AD72;
}
.colorPurple {
color: #642678;
}
.blue-btn {
background: #382F5E;
}
.purple-btn {
background: #642678
}
.listingHeading {
font-size: 24px;
color: #000;
font-weight: 300;
margin-bottom: 10px;
}
.listing-2 li {
display: block;
font-size: 16px;
margin-bottom: 8px;
padding-left: 15px;
position: relative;
}
.listing-2 li:before {
content: 'ยป';
font-weight: 400;
color: #d72c60;
position: absolute;
left: 0;
top: 0;
}
.loginForm {
display: block;
width: 500px;
margin: 0 auto;
}
.loginForm h2 {
color: #D72C60;
font-weight: 600;
font-size: 36px;
margin-bottom: 15px;
padding: 0 10px;
}
.loginForm-main {
background: #F4F4F4;
padding: 30px;
}
.form-group {
margin-bottom: 10px;
}
.form-group label {
display: block;
font-size: 16px;
}
.form-control {
background: #fff;
border: 1px solid #dcdcdc;
padding: 5px;
height: 36px;
width: 100%;
margin: 5px 0;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 16px;
}
.form-email {
background: #fff none repeat scroll 0 0;
border: 1px solid #dcdcdc;
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 300;
height: 26px;
margin: 5px 0;
padding: 5px;
width: 80%;
}
.btnRegis {
background: #d72c60 none repeat scroll 0 0;
color: #fff;
display: block;
float: left;
font-size: 20px;
line-height: normal;
margin: 20px 0;
min-width: 120px;
text-align: center;
text-decoration: none;
}
.loginForm input[type="submit"] {
background: #D72C60;
text-align: center;
min-width: 200px;
border: 0;
color: #fff;
padding: 15px;
text-transform: uppercase;
font-size: 20px;
font-family: 'Lato', sans-serif;
font-weight: 300;
cursor: pointer;
}
.loginForm .form-group a {
color: #000;
font-style: italic;
font-size: 16px;
text-decoration: none;
margin-bottom: 10px;
}
.loginForm .returnLink {
text-align: center;
font-size: 24px;
font-style: normal;
color: #000;
text-decoration: none;
padding: 30px 0;
display: block;
float: left;
width: 100%;
}
.loginForm .returnLink span {
padding-left: 40px;
display: inline-block;
background: url(../../meno_images/meno_brochure/home-icon.png) no-repeat 0 0;
}
.signupForm-wraper {
display: block;
width: 100%;
padding: 30px;
background: #F4F4F4;
float: left;
}
.regisTitle {
display: block;
float: left;
width: 100%;
position: relative;
margin-bottom: 30px;
}
/* padding-right:350px;*/
.regisTitle h2 {
font-size: 24px;
font-weight: 300;
}
.regisTitle h2 span {
font-size: 18px;
display: block;
font-style: italic;
}
.regisTitle .btn {
position: absolute;
right: 0;
top: 0;
margin: 0;
}
.redisForm {
width: 580px;
margin: 0 auto;
display: block;
clear: both;
}
.redisForm .form-group {
display: block;
float: left;
width: 100%;
margin-bottom: 25px;
}
.redisForm label {
width: 40%;
padding-right: 15px;
display: block;
float: left;
}
.redisForm .form-control {
width: 60%;
display: block;
float: left;
margin: 0;
}
.redisForm textarea {
width: 60%;
display: block;
float: left;
margin: 0px;
min-height: 120px;
border: 1px solid #DCDCDC;
}
.checkbox,
.radio {
display: block;
position: relative;
}
.redisForm .checkbox,
.redisForm .radio {
width: 60%;
float: left;
}
.checkbox label,
.radio label {
cursor: pointer;
font-weight: 300;
margin-bottom: 0;
min-height: 20px;
padding-left: 20px;
padding-right: 0;
margin-right: 15px;
}
.checkbox input[type="checkbox"],
.radio input[type="radio"] {
margin-left: -20px;
position: absolute;
margin-top: 6px;
}
.checkbox textarea,
.radio textarea {
width: 100%;
border: 1px solid #dcdcdc;
margin: 5px 0;
padding: 10px;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 16px;
min-height: 120px;
}
.redisForm input[type="submit"] {
background: #d72c60;
border: 0 none;
color: #ffffff;
cursor: pointer;
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 300;
min-width: 200px;
padding: 15px;
text-align: center;
text-transform: uppercase;
}
.sitemap-wraper {
display: block;
width: 100%;
padding: 30px;
background: #F4F4F4;
float: left;
}
.sitemap-wraper h2 {
font-size: 24px;
font-weight: 300;
}
.sitemapBox {
display: block;
width: 300px;
min-height: 280px;
background: #fff;
border: 1px solid #555555;
float: left;
margin-right: 50px;
margin-bottom: 50px;
padding: 20px;
}
.sitemapBox:nth-child(3n),
.sitemapBox:nth-child(6n),
.sitemapBox:nth-child(9n) {
margin-right: 0;
}
.sitemapBox h3 {
color: #d72c60;
display: block;
margin-bottom: 15px;
font-size: 18px;
font-weight: 600;
}
.sitemapBox a {
color: #000;
font-size: 17px;
text-decoration: none;
display: block;
}
h4 {
color: #d72c60;
font-weight: 600;
font-size: 30px;
display: block;
margin-bottom: 15px;
}
.contactBox {
display: block;
width: 300px;
min-height: 180px;
background: #fff;
border: 1px solid #555555;
float: left;
margin-right: 50px;
margin-bottom: 50px;
padding: 20px;
}
.contactBox:nth-child(3n),
.contactBox:nth-child(6n),
.contactBox:nth-child(9n) {
margin-right: 0;
}
.contactBox h3 {
color: #d72c60;
display: block;
margin-bottom: 15px;
font-size: 18px;
font-weight: 600;
position: relative;
}
.contactBox a {
color: #000;
font-size: 17px;
text-decoration: none;
display: block;
}
.contactBox h3 .addressIcon {
background: url(../../meno_images/meno_brochure/address-icon.png) no-repeat 0 0;
display: block;
width: 41px;
height: 36px;
position: absolute;
right: 0;
top: -12px;
}
.contactBox h3 .phoneIcon {
background: url(../../meno_images/meno_brochure/telephone-icon.png) no-repeat 0 0;
display: block;
width: 33px;
height: 33px;
position: absolute;
right: 0;
top: -5px;
}
.contactBox h3 .emailIcon {
background: url(../../meno_images/meno_brochure/email-icon.png) no-repeat 0 0;
display: block;
width: 36px;
height: 24px;
position: absolute;
right: 0;
top: -5px;
}
.googleMap {
margin-top: 50px;
}
.greyBox .rightDiv-50 .vtksHeading {
padding: 0;
}
.rangeofColors {
background: #3E3E3E;
padding: 15px;
color: #fff;
margin-bottom: 15px;
}
.rangeColor-lable {
display: block;
float: left;
width: 50%;
padding: 3px 0 0;
font-size: 22px;
}
.rangeColor-box {
display: block;
float: right;
padding: 5px;
background: #fff;
}
.rangeColor-box a {
display: block;
float: left;
width: 30px;
height: 30px;
margin-left: 5px;
}
.rangeColor-box a:first-child {
margin-left: 0;
}
.rangeColor-box a.black {
background: #000;
}
.rangeColor-box a.green {
background: #50A860;
}
.rangeColor-box a.grey {
background: #868686;
}
.rangeColor-box a.blue {
background: #345CAA;
}
.rangeColor-box a.purple {
background: #8249BE;
}
.rangeColor-box a.red {
background: #C34545;
}
.sizesBox {
border: 1px solid #3E3E3E;
padding: 15px;
}
.sizes {
font-size: 26px;
font-weight: 400;
}
.sizes span {
font-weight: 600;
color: #d72c60;
}
.inclusive-pricesTable {
display: table;
width: 100%;
}
.inclusive-qty {
display: table-cell;
width: 25%;
padding: 15px;
}
.inclusive-prices {
display: table-cell;
width: 50%;
padding: 15px;
}
.inclusive-pricesTable .heading {
font-weight: 700;
}
.inclusive-pricesTable ul li {
padding: 5px 0;
}
.emailer {
display: block;
padding: 25px;
text-align: center;
color: #fff;
font-size: 26px;
background: #d72c60;
}
.emailer a {
color: #fff;
font-weight: 700;
}
.nav-button {
display: none;
}
.personal {
position: relative;
visibility: visible;
background: none repeat scroll 0% 0% white;
overflow: auto;
width: 86%!important;
/*height: 300px!important;*/
}
.text_top {
font-size: 28px;
margin-top: 10px;
margin-left: 25px;
color: #173b51
}
.howItWorkPara {
margin-right: 15px;
text-align: left;
}
.indexPagePara {
text-align: left;
color: #173b51;
}
.yearbookpara {
margin-right: 15px;
}
.yearbookparadis {
margin-right: 15px;
margin-top: 15px;
}
.yearbookCover {
margin-left: 20px;
}
.personalisehead {
color: #36AD72
}
.yearbookanchor {
background: #36AD72;
}
.personaliseheadPara {
margin-bottom: 15px;
margin-right: 15px;
}
.testimonialtop {
margin-top: 10px;
}
.testimonialPara {
margin-bottom: 0px;
text-align: justify;
margin-top: 10px;
}
.testimonialgreybox {
padding: 20px;
}
.testimonialSec {
margin-top: 0px;
}
.yearbookerror {
color: red;
margin-left: 250px;
display: none
}
#btnRegisteryearbook:hover {
background-color: #403e3f;
}
.priceCol {
color: #c60070
}
.priceStar {
color: rgb(255, 0, 0);
font-size: 15px;
}
.pricePara {
text-align: left;
margin-right: 20px;
}
.pricerequest {
text-align: left;
margin-bottom: 15px;
margin-right: 20px;
margin-top: 15px;
}
.priceStarPara {
font-size: 17px;
margin-right: 10px;
}
.priceParaArticle {
margin-bottom: 15px;
}
.pricelisting {
margin-right: 15px
}
.indexPagetext {
text-align: center;
color: #fff;
}
.personalbtn {
margin-top: 15px;
}
.personalParaHead {
clear: both;
text-align: justify;
}
.personalParaText {
margin-top: 5px;
margin-bottom: 15px
}
.personalImg {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: none repeat scroll 0% 0% white;
z-index: 1000;
opacity: 0.048933;
}
.PersonalImageOne {
border-width: 0px;
display: none;
margin-left: 0px;
margin-top: 0px;
width: 100%;
}
.PersonalImageTwo {
border-width: 0px;
display: inline;
margin-left: 0px;
margin-top: 0px;
width: 100%;
}
.PersonalImageThree {
border-width: 0px;
display: none;
margin-left: 0px;
margin-top: 0px;
width: 100%;
}
.PersonalImageFour {
position: absolute;
left: 274px;
top: 36px;
display: none;
}
.howItWork_item {
color: #173b51;
}
.schoolBackgrd {
background: #79cdc0;
}
.seeMoreItem {
backgroung: #f63a5b;
}
.center {
text-align: center;
}
.quoteItem {
background: #35608b;
color: #fff;
}
.pricePromotionItem {
color: #173b51;
}
.ybcontent_colour {
color: #173b51;
}
.content_item {
background: #35608b;
margin-top: 40px;
}
.sampleBook_item {
background: #35608b;
margin-top: 2px;
}
.personalise_item {
background-color: #b0a893;
}
.personalise_head_item {
color: #173b51;
}
.personalize_link {
background: #209a9b;
color: #fff;
}
.hoodies_head {
background-color: #FFCD7E;
}
.leaverhoodies {
color: #173b51;
}
.btnhoodies {
background: #ff505b;
}
.free_prom_ticketsdiv {
background-color: #eae9eb;
}
.freepromLeft {
padding: 5px;
}
}
/*-----------320px----------*/
@media screen and (min-width:320px) {
.personal {
position: relative;
visibility: visible;
background: none repeat scroll 0% 0% white;
overflow: auto;
width: 320px!important;
/*height: 300px!important;*/
}
.memories1 {
width: 100% !important;
}
.iimg {
width: 70% !important;
margin-top: 35px;
margin-left: 20px;
}
.yearbook-left-col,
.home_ebook,
.flipbook-viewport,
.container,
.flipbook {
margin-left: 0px;
left: 36px !important;
top: 9px !important;
width: 91% !important;
margin-left: -9px;
}
.greyBox .pinkCircular-box {
position: inherit;
bottom: 0px;
right: inherit;
margin-top: -4px;
left: 41px;
}
.greyBox .leftDiv-60,
.greyBox .rightDiv-40 {
display: block;
width: 100%;
padding: 20px;
float: left;
}
.greyBox {
display: block;
float: left;
width: 100%;
}
.greyBox .leftDiv-60,
.greyBox .rightDiv-40 {
display: block;
width: 100%;
padding: 20px;
float: left;
}
.schoolyear-books .leftDiv-60 {
padding: 20px 20px 0px;
float: none;
vertical-align: bottom;
display: inherit;
}
.schoolyear-books .pinkCircular-box {
position: inherit;
right: 20px;
bottom: 50px;
background: #C60071 none repeat scroll 0% 0%;
display: block;
left: 34px;
top: 20px;
}
.schoolyear-books .rightDiv-40 {
padding: 0px;
float: left;
display: block;
width: 86%;
position: inherit;
left: 10px;
}
.schoolyear-books .pinkCircular-box {
position: inherit;
right: 20px;
bottom: 50px;
background: #C60071 none repeat scroll 0% 0%;
display: block;
}
.schoolyear-books .leftDiv-60 {
padding: 20px 20px 0px;
float: left;
vertical-align: bottom;
position: inherit;
}
.schoolyear-books .rightDiv-40 {
padding: 0px;
float: left;
width: 86%;
display: block;
position: inherit;
}
.blueBox .pinkCircular-box {
position: inherit;
right: -25px;
bottom: 3px;
background: #2937AC none repeat scroll 0% 0%;
display: block;
}
.blueBox .leftDiv-60 {
padding: 20px 20px 0px;
width: 100%;
vertical-align: bottom;
position: inherit;
}
.blueBox .rightDiv-40 {
padding: 20px 20px 0px;
padding: 0px;
display: block;
width: 86%;
position: inherit;
left: 10px;
position: inherit;
width: 92%;
}
.hoodies-products {
display: block;
width: 100%;
position: relative;
background: #FFCD7E none repeat scroll 0% 0%;
color: #FFF;
line-height: normal;
}
.hoodies-products .leftDiv-60 {
padding: 40px;
vertical-align: middle;
float: left;
position: inherit;
display: block;
width: 100%;
display: block;
}
.hoodies-products .pinkCircular-box {
right: -11px;
bottom: -23px;
background: #642678 none repeat scroll 0% 0%;
position: inherit;
}
.hoodies-products .rightDiv-40 {
padding: 20px 20px 20px 0px;
display: block;
position: inherit;
float: none;
width: 98%;
left: 10px;
float: none;
}
.greenBox .leftDiv-60 {
padding: 20px;
float: left;
vertical-align: middle;
display: block;
position: inherit;
}
.greenBox .pinkCircular-box {
position: inherit;
right: -50px;
bottom: 20px;
background: #D72C60 none repeat scroll 0% 0%;
float: left;
}
.greenBox .rightDiv-40 {
padding: 20px 20px 20px 0px;
float: none;
position: inherit;
display: block;
width: 98%;
left: 10px;
}
.container {
width: 320px !important;
margin: 0px auto;
}
.leftDiv-50,
.rightDiv-50 {
display: block;
float: left;
width: 44%;
position: relative;
padding: 10px !important;
}
.regisTitle {
display: block;
float: left;
width: 100%;
position: relative;
padding-right: 0px;
margin-bottom: 30px;
}
.regisTitle .btn {
position: inherit;
right: 0px;
top: 0px;
margin: 0px;
}
.redisForm .form-control {
width: 93%;
display: block;
float: left;
margin: 0px;
}
.redisForm label {
width: 96%;
padding-right: 15px;
display: block;
float: left;
}
.redisForm {
width: 320px;
margin: 0px auto;
display: block;
clear: both;
}
span {
display: block;
line-height: 30px;
}
.redisForm .form-group {
display: block;
float: left;
width: 91%;
margin-bottom: 25px;
margin-right: 12px;
}
.redisForm .checkbox,
.redisForm .radio {
width: 100%;
float: left;
}
.error {
color: #F00;
margin-left: 0px !important;
width: 245px;
}
.checkbox textarea,
.radio textarea {
width: 67%;
border: 1px solid #DCDCDC;
margin: 5px 0px;
padding: 10px;
font-family: "Lato", sans-serif;
font-weight: 300;
font-size: 16px;
min-height: 120px;
}
.checkbox textarea,
.radio textarea {
width: 67%!important;
border: 1px solid #DCDCDC;
margin: 5px 0px;
padding: 10px;
font-family: "Lato", sans-serif;
font-weight: 300;
font-size: 16px;
min-height: 120px;
}
.redisForm textarea {
width: 93%!important;
display: block;
float: left;
margin: 0px;
min-height: 120px;
border: 1px solid #DCDCDC;
}
.greyBoxWorks {
display: block;
width: 100%;
position: relative;
background: #F4F4F4 none repeat scroll 0% 0%;
color: #000;
line-height: normal;
padding: 10px !important;
}
.greyBoxYearbook {
display: block;
width: 100%;
position: relative;
background: #F4F4F4 none repeat scroll 0% 0%;
color: #000;
line-height: normal;
padding: 10px !important;
}
#container {
display: flex;
min-height: 100%;
}
input[type=checkbox] {
position: absolute;
opacity: 0;
}
label {}
#home_page .main-header .logo span {
font-size: 37px;
line-height: 50px;
}
.MenuLabel {
position: fixed;
top: 10px;
left: 11px;
z-index: 1;
display: block;
font-size: 3em;
color: #444;
cursor: pointer;
width: 30px;
height: 30px;
background-image: url("data:image/svg+xml;utf8,");
transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transition: transform 0.4s ease 0s;
-webkit-transition: transform 0.4s ease 0s;
-moz-transition: transform 0.4s ease 0s;
-ms-transition: transform 0.4s ease 0s;
-o-transition: transform 0.4s ease 0s;
}
input[type=checkbox]:checked ~ label {
transform: translate3d(147px, 0, 0) rotate(90deg);
z-index: 9999;
}
.content {
width: 100%;
padding: 40px;
background: #f2f2f2;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transition: transform .4s;
-webkit-transition: transform .4s;
-moz-transition: transform .4s;
}
input[type=checkbox]:checked ~ .content {
transform: translate3d(250px, 0, 0);
-webkit-transform: translate3d(250px, 0, 0);
-moz-transform: translate3d(250px, 0, 0);
-ms-transform translate3d(250px,
0,
0);
-o-transform: translate3d(250px, 0, 0);
}
input[type=checkbox]:checked ~ .slide-menu {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
input[type=checkbox]:checked ~ .slide-menu .menu li {
width: 100%;
}
.slide-menu {
transform: translate3d(-250px, 0, 0);
position: fixed;
width: 187px;
color: #ddd;
left: 0;
height: 100%;
transition: all .4s;
z-index: 999;
}
.slide-menu h1 {
margin: 10px;
text-shadow: 1px 1px 1px #000;
}
.menu {
list-style: none;
padding: 0;
margin: 0;
}
.menu a {
display: block;
text-decoration: none;
color: #fff;
font-size: 1.1em;
padding: 15px;
background: linear-gradient(#628297, #4f6b81);
border-bottom: 1px solid #1e222b;
box-shadow: inset 0px 1px 1px #8b9db3;
}
.menu a:hover {
background: linear-gradient(#3b3f48, #3c434d);
box-shadow: inset 0px 1px 1px #475059;
}
.call-txt {
width: 89%;
}
.container {
width: 320px;
margin: 0px auto;
}
.yearbook-cols .yearbook-right-col {
width: 53%;
float: left;
display: block;
padding-left: 20px;
}
.innerPage .yearbook-cols .yearbook-left-col,
.innerPage .yearbook-cols .yearbook-right-col {
width: 95%;
}
.uploadMemo-ri {
float: left;
margin-top: 10px;
margin-left: 11%;
text-align: center;
}
.memories1 {
float: left;
margin-top: 0px;
width: 50%;
margin-left: 10px !important;
}
.iimg {
width: 180%;
}
.responsive-img {
display: block;
}
.greyBox .pinkCircular-box {
position: inherit;
bottom: 0px;
right: inherit;
margin-top: -4px;
left: 41px;
}
.greyBox .leftDiv-60,
.greyBox .rightDiv-40 {
display: block;
width: 100%;
padding: 20px;
float: left;
}
.greyBox {
display: block;
float: left;
width: 100%;
}
.greyBox .leftDiv-60,
.greyBox .rightDiv-40 {
display: block;
width: 100%;
padding: 20px;
float: left;
}
.schoolyear-books .leftDiv-60 {
padding: 20px 20px 0px;
float: none;
vertical-align: bottom;
display: inherit;
}
.schoolyear-books .pinkCircular-box {
position: inherit;
right: 20px;
bottom: 50px;
background: #C60071 none repeat scroll 0% 0%;
display: block;
left: 34px;
top: 20px;
}
.schoolyear-books .rightDiv-40 {
padding: 0px;
float: left;
display: block;
width: 86%;
position: inherit;
left: 10px;
}
.btn {
background: #D72C60 none repeat scroll 0% 0%;
display: block;
float: left;
text-transform: uppercase;
font-size: 17px;
color: #FFF;
text-decoration: none;
line-height: normal;
padding: 15px 20px;
text-align: center;
min-width: 200px;
margin: 20px 0px;
margin-left: 9%;
}
.btnRegis {
background: #d72c60 none repeat scroll 0 0;
color: #fff;
display: block;
float: left;
font-size: 20px;
line-height: normal;
margin: 20px 0;
min-width: 120px;
text-align: center;
text-decoration: none;
}
.schoolyear-books .pinkCircular-box {
position: inherit;
right: 20px;
bottom: 50px;
background: #C60071 none repeat scroll 0% 0%;
display: block;
}
.schoolyear-books .leftDiv-60 {
padding: 20px 20px 0px;
float: left;
vertical-align: bottom;
position: inherit;
}
.schoolyear-books .rightDiv-40 {
padding: 0px;
float: left;
width: 86%;
display: block;
position: inherit;
}
.blueBox .pinkCircular-box {
position: inherit;
right: -25px;
bottom: 3px;
background: #2937AC none repeat scroll 0% 0%;
display: block;
}
.blueBox .leftDiv-60 {
padding: 20px 20px 0px;
width: 100%;
vertical-align: bottom;
position: inherit;
}
.blueBox .rightDiv-40 {
padding: 20px 20px 0px;
padding: 0px;
display: block;
width: 86%;
position: inherit;
left: 10px;
position: inherit;
width: 92%;
}
.hoodies-products {
display: block;
width: 100%;
position: relative;
background: #FFCD7E none repeat scroll 0% 0%;
color: #FFF;
line-height: normal;
}
.hoodies-products .leftDiv-60 {
padding: 40px;
vertical-align: middle;
float: left;
position: inherit;
display: block;
width: 100%;
display: block;
}
.hoodies-products .pinkCircular-box {
right: -11px;
bottom: -23px;
background: #642678 none repeat scroll 0% 0%;
position: inherit;
}
.hoodies-products .rightDiv-40 {
padding: 20px 20px 20px 0px;
display: block;
position: inherit;
float: none;
width: 98%;
left: 10px;
float: none;
}
.greenBox .leftDiv-60 {
padding: 20px;
float: left;
vertical-align: middle;
display: block;
position: inherit;
}
.greenBox .pinkCircular-box {
position: inherit;
right: -50px;
bottom: 20px;
background: #D72C60 none repeat scroll 0% 0%;
float: left;
}
.greenBox .rightDiv-40 {
padding: 20px 20px 20px 0px;
float: none;
position: inherit;
display: block;
width: 98%;
left: 10px;
}
footer#contact .footer-col:first-child ul li {
width: 120px;
text-align: center;
float: left;
}
footer#contact .footer-col ul li.signin a {
margin-right: 3px;
}
footer#contact .main-header .logo span {
display: block;
font-size: 45px !important;
font-weight: 900;
line-height: 60px;
}
.leftDiv-50,
.rightDiv-50 {
display: block;
float: left;
width: 100%;
position: relative;
}
#home_page .main-header .logo span {
font-size: 32px;
line-height: 50px;
}
#home_page .btn {
float: left;
margin-left: 43px;
margin-top: 50px;
margin-left: 54px;
}
.box-up {
margin: 10px 10px 10px 31%;
float: left;
}
.complicated {
float: left;
margin-top: 10px;
margin-left: 92px;
}
.memories1 {
float: left;
margin-left: -20px;
margin-top: 0px;
width: 50%;
}
.greyBox {
display: block;
width: 100%;
position: relative;
background: #a4cdd1;
color: #000;
line-height: normal;
}
/*F4F4F4*/
.greyBoxPrice {
display: block;
width: 100%;
position: relative;
background: #F4F4F4;
color: #000;
line-height: normal;
}
.greyBoxWorks {
display: block;
width: 100%;
position: relative;
background: #F4F4F4;
color: #000;
line-height: normal;
}
.greyBoxHoodies {
display: block;
width: 100%;
position: relative;
background: #F4F4F4;
color: #000;
line-height: normal;
}
.greyBoxYearbook {
display: block;
width: 100%;
position: relative;
background: #F4F4F4;
color: #000;
line-height: normal;
}
.blueBox {
display: block;
width: 100%;
position: relative;
background: #B0A893 none repeat scroll 0% 0%;
color: #FFF;
line-height: normal;
}
.greyBox .leftDiv-60 {
padding: 20px 250px 20px 20px;
float: none;
vertical-align: top;
}
.greyBox .rightDiv-40 h2.heading-2 {
color: #d72c60;
}
.greyBox .rightDiv-40 .btn {
background: #d72c60;
}
.greyBox .leftDiv-50,
.greyBox .rightDiv-50 {
padding: 20px;
}
.blueBox {
display: block;
width: 100%;
position: relative;
background: #b0a893;
color: #fff;
line-height: normal;
}
/*#41A0D7*/
.blueBox .rightDiv-40 .btn {
background: #2937AC;
}
.blueBox .rightDiv-40 h2.heading-2 {
color: #2937AC;
}
}
/*-----------320px----------*/
@media only screen and (max-width: 320px) {
.home_ebook {
float: left;
width: 140%;
height: 354px;
margin: 0 -12px!important;
background-size: contain!important;
background-color: transparent;
background-image: url(../../meno_images/meno_brochure/book_bg.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
background-clip: border-box;
background-origin: padding-box;
}
}
/*-----------480px-----------*/
@media (max-width: 480px) {
.home_ebook {
float: left;
width: 123%!important;
height: 354px;
margin: 0 3px!important;
background-size: contain!important;
background-color: transparent;
background-image: url(../../meno_images/meno_brochure/book_bg.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
background-clip: border-box;
background-origin: padding-box
}
.responsive-img {
width: 90% !important;
}
.innerPage .yearbook-cols .yearbook-left-col,
.innerPage .yearbook-cols .yearbook-right-col {
padding-right: 10px !important;
width: 100%;
}
.iimg {
width: 100% !important;
}
.personal .gallerylayer img {
width: 100% !important;
float: left;
margin-left: 0px !important;
position: relative!important;
}
.personal {
position: relative;
visibility: visible;
background: #FFF none repeat scroll 0% 0%;
overflow: hidden;
width: 290px !important;
}
.greenBox .leftDiv-60 {
width: 100% !important;
}
.schoolyear-books .leftDiv-60 {
width: 100% !important;
}
.memories1 {
margin-left: 10px !important;
width: 100% !important;
}
.memories1 {
width: 100% !important;
}
.greyBox {
display: block;
width: 100%!important;
position: inherit;
background: #A4CDD1 none repeat scroll 0% 0%;
color: #000;
line-height: normal;
}
.greyBox .pinkCircular-box {
position: inherit;
right: 20px;
bottom: 40px;
background: #F63A5B none repeat scroll 0% 0%;
}
.schoolyear-books {
display: block;
width: 100% !important;
position: inherit;
background: #79CDC0 none repeat scroll 0% 0%;
color: #FFF;
line-height: normal;
}
.schoolyear-books .pinkCircular-box {
position: inherit;
right: 20px;
bottom: 50px;
background: #C60071 none repeat scroll 0% 0%;
}
.schoolyear-books {
display: block;
width: 100% !important;
position: inherit;
background: #79CDC0 none repeat scroll 0% 0%;
color: #FFF;
line-height: normal;
float: left;
}
.greyBox .pinkCircular-box {
position: inherit;
bottom: 0px;
right: inherit;
margin-top: -4px;
left: 41px;
}
.greyBox .leftDiv-60,
.greyBox .rightDiv-40 {
display: block;
width: 100%;
padding: 20px;
float: left;
}
.greyBox {
display: block;
float: left;
width: 100% !important;
}
.greyBox .leftDiv-60,
.greyBox .rightDiv-40 {
display: block;
width: 100%;
padding: 20px;
float: left;
}
.schoolyear-books .leftDiv-60 {
padding: 20px 20px 0px;
float: none;
vertical-align: bottom;
display: inherit;
}
.schoolyear-books .pinkCircular-box {
position: inherit;
right: 20px;
bottom: 50px;
background: #C60071 none repeat scroll 0% 0%;
display: block;
left: 34px;
top: 20px;
}
.schoolyear-books .rightDiv-40 {
padding: 0px;
float: left;
display: block;
width: 86%;
position: inherit;
left: 10px;
}
.schoolyear-books .pinkCircular-box {
position: inherit;
right: 20px;
bottom: 50px;
background: #C60071 none repeat scroll 0% 0%;
display: block;
}
.schoolyear-books .leftDiv-60 {
padding: 20px 20px 0px;
float: left;
vertical-align: bottom;
position: inherit;
}
.schoolyear-books .rightDiv-40 {
padding: 0px;
float: left;
width: 86%;
display: block;
position: inherit;
}
.blueBox .pinkCircular-box {
position: inherit;
right: -25px;
bottom: 3px;
background: #2937AC none repeat scroll 0% 0%;
display: block;
}
.blueBox .leftDiv-60 {
padding: 20px 20px 0px;
width: 100%;
vertical-align: bottom;
position: inherit;
}
.blueBox .rightDiv-40 {
padding: 20px 20px 0px;
padding: 0px;
display: block;
width: 86%;
position: inherit;
left: 10px;
position: inherit;
width: 92%;
}
.hoodies-products {
display: block;
width: 100% !important;
position: relative;
background: #FFCD7E none repeat scroll 0% 0%;
color: #FFF;
line-height: normal;
}
.hoodies-products .leftDiv-60 {
padding: 40px;
vertical-align: middle;
float: left;
position: inherit;
display: block;
width: 100%;
display: block;
}
.hoodies-products .pinkCircular-box {
right: -11px;
bottom: -23px;
background: #642678 none repeat scroll 0% 0%;
position: inherit;
}
.hoodies-products .rightDiv-40 {
padding: 20px 20px 20px 0px;
display: block;
position: inherit;
float: none;
width: 98%;
left: 10px;
float: none;
}
.greenBox .leftDiv-60 {
padding: 20px;
float: left;
vertical-align: middle;
display: block;
position: inherit;
}
.greenBox .pinkCircular-box {
position: inherit;
right: -50px;
bottom: 20px;
background: #D72C60 none repeat scroll 0% 0%;
float: left;
}
.greenBox .rightDiv-40 {
padding: 20px 20px 20px 0px;
float: none;
position: inherit;
display: block;
width: 98%;
left: 10px;
}
.container {
width: 320px !important;
margin: 0px auto;
}
.leftDiv-50,
.rightDiv-50 {
display: block;
float: left;
width: 44%;
position: relative;
padding: 10px !important;
}
.regisTitle {
display: block;
float: left;
width: 100%;
position: relative;
padding-right: 0px;
margin-bottom: 30px;
}
.regisTitle .btn {
position: inherit;
right: 0px;
top: 0px;
margin: 0px;
}
.redisForm .form-control {
width: 93%;
display: block;
float: left;
margin: 0px;
}
.redisForm label {
width: 96%;
padding-right: 15px;
display: block;
float: left;
}
.redisForm {
width: 320px;
margin: 0px auto;
display: block;
clear: both;
}
span {
display: block;
line-height: 30px;
}
.redisForm .form-group {
display: block;
float: left;
width: 91%;
margin-bottom: 25px;
margin-right: 12px;
}
.redisForm .checkbox,
.redisForm .radio {
width: 100%;
float: left;
}
.error {
color: #F00;
margin-left: 0px !important;
width: 245px;
}
.checkbox textarea,
.radio textarea {
width: 67%;
border: 1px solid #DCDCDC;
margin: 5px 0px;
padding: 10px;
font-family: "Lato", sans-serif;
font-weight: 300;
font-size: 16px;
min-height: 120px;
}
.checkbox textarea,
.radio textarea {
width: 67%!important;
border: 1px solid #DCDCDC;
margin: 5px 0px;
padding: 10px;
font-family: "Lato", sans-serif;
font-weight: 300;
font-size: 16px;
min-height: 120px;
}
.redisForm textarea {
width: 93%!important;
display: block;
float: left;
margin: 0px;
min-height: 120px;
border: 1px solid #DCDCDC;
}
.greyBoxWorks {
display: block;
width: 100%;
position: relative;
background: #F4F4F4 none repeat scroll 0% 0%;
color: #000;
line-height: normal;
padding: 10px !important;
}
.greyBoxYearbook {
display: block;
width: 100%;
position: relative;
background: #F4F4F4 none repeat scroll 0% 0%;
color: #000;
line-height: normal;
padding: 10px !important;
}
#container {
display: flex;
min-height: 100%;
}
input[type=checkbox] {
position: absolute;
opacity: 0;
}
label {}
#home_page .main-header .logo span {
font-size: 37px;
line-height: 50px;
}
.MenuLabel {
position: fixed;
top: 10px;
left: 11px;
z-index: 1;
display: block;
font-size: 3em;
color: #444;
cursor: pointer;
width: 30px;
height: 30px;
background-image: url("data:image/svg+xml;utf8,");
transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transition: transform 0.4s ease 0s;
-webkit-transition: transform 0.4s ease 0s;
-moz-transition: transform 0.4s ease 0s;
-ms-transition: transform 0.4s ease 0s;
-o-transition: transform 0.4s ease 0s;
}
input[type=checkbox]:checked ~ label {
transform: translate3d(147px, 0, 0) rotate(90deg);
z-index: 9999;
}
.content {
width: 100%;
padding: 40px;
background: #f2f2f2;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transition: transform .4s;
-webkit-transition: transform .4s;
-moz-transition: transform .4s;
}
input[type=checkbox]:checked ~ .content {
transform: translate3d(250px, 0, 0);
-webkit-transform: translate3d(250px, 0, 0);
-moz-transform: translate3d(250px, 0, 0);
-ms-transform translate3d(250px,
0,
0);
-o-transform: translate3d(250px, 0, 0);
}
input[type=checkbox]:checked ~ .slide-menu {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
input[type=checkbox]:checked ~ .slide-menu .menu li {
width: 100%;
}
.slide-menu {
transform: translate3d(-250px, 0, 0);
position: fixed;
width: 187px;
color: #ddd;
left: 0;
height: 100%;
transition: all .4s;
z-index: 999;
}
.slide-menu h1 {
margin: 10px;
text-shadow: 1px 1px 1px #000;
}
.menu {
list-style: none;
padding: 0;
margin: 0;
}
.menu a {
display: block;
text-decoration: none;
color: #fff;
font-size: 1.1em;
padding: 15px;
background: linear-gradient(#628297, #4f6b81);
border-bottom: 1px solid #1e222b;
box-shadow: inset 0px 1px 1px #8b9db3;
}
.menu a:hover {
background: linear-gradient(#3b3f48, #3c434d);
box-shadow: inset 0px 1px 1px #475059;
}
.call-txt {
width: 89%;
}
.container {
width: 320px;
margin: 0px auto;
}
.yearbook-cols .yearbook-right-col {
width: 53%;
float: left;
display: block;
padding-left: 20px;
}
.innerPage .yearbook-cols .yearbook-left-col,
.innerPage .yearbook-cols .yearbook-right-col {
width: 95%;
}
.uploadMemo-ri {
float: left;
margin-top: 10px;
margin-left: 11%;
text-align: center;
}
.memories1 {
float: left;
margin-top: 0px;
width: 50%;
margin-left: 10px !important;
}
.iimg {
width: 180%;
}
.responsive-img {
display: block;
}
/* .greyBox .pinkCircular-box {
position: inherit !important;
bottom: -28px !important;
right: inherit !important;
margin-top: -4px!important;
left: 57px;
} */
.greyBox .pinkCircular-box {
position: relative;
bottom: 0;
right: auto;
margin-top: 0;
left: auto;
}
.greyBox .leftDiv-60,
.greyBox .rightDiv-40 {
display: block;
width: 100%;
padding: 20px;
float: left;
}
.greyBox {
display: block;
float: left;
width: 100% !important;
}
.schoolyear-books .leftDiv-60 {
padding: 20px 20px 0px;
float: none;
vertical-align: bottom;
display: inherit;
}
.schoolyear-books .pinkCircular-box {
position: inherit;
right: 20px;
bottom: 50px;
background: #C60071 none repeat scroll 0% 0%;
display: block;
left: 34px;
top: 20px;
}
.schoolyear-books .rightDiv-40 {
padding: 0px;
float: left;
display: block;
width: 86%;
position: inherit;
left: 10px;
}
.btn {
background: #D72C60 none repeat scroll 0% 0%;
display: block;
float: left;
text-transform: uppercase;
font-size: 17px;
color: #FFF;
text-decoration: none;
line-height: normal;
padding: 15px 20px;
text-align: center;
min-width: 200px;
margin: 20px 0px;
margin-left: 9%;
}
.schoolyear-books .pinkCircular-box {
position: inherit!important;
right: 20px!important;
bottom: 50px!important;
background: #C60071 none repeat scroll 0% 0%;
display: block;
}
.schoolyear-books .leftDiv-60 {
padding: 20px 20px 0px;
float: left;
vertical-align: bottom;
position: inherit;
}
.schoolyear-books .rightDiv-40 {
float: left;
width: 100%;
display: block;
position: inherit;
padding: 20px;
}
.blueBox .pinkCircular-box {
position: inherit!important;
right: -25px!important;
bottom: 3px!important;
background: #2937AC none repeat scroll 0% 0%;
display: block;
}
.blueBox .leftDiv-60 {
padding: 20px 20px 0px;
width: 100%;
vertical-align: bottom;
position: inherit;
}
.blueBox .rightDiv-40 {
padding: 20px 20px 0px;
padding: 0px;
display: block;
width: 86%;
position: inherit;
left: 10px;
position: inherit;
width: 92%;
}
.hoodies-products {
display: block;
width: 100% !important;
position: relative;
background: #FFCD7E none repeat scroll 0% 0%;
color: #FFF;
line-height: normal;
}
.hoodies-products .leftDiv-60 {
padding: 40px;
vertical-align: middle;
float: left;
position: inherit;
display: block;
width: 100%;
display: block;
}
.hoodies-products .pinkCircular-box {
right: -11px!important;
bottom: -23px!important;
background: #642678 none repeat scroll 0% 0%;
position: inherit!important;
}
.hoodies-products .rightDiv-40 {
padding: 20px 20px 20px 0px;
display: block;
position: inherit;
float: none;
width: 98%;
left: 10px;
float: none;
}
.greenBox .leftDiv-60 {
padding: 20px;
float: left;
vertical-align: middle;
display: block;
position: inherit;
}
.greenBox .pinkCircular-box {
position: inherit!important;
right: -50px!important;
bottom: 20px!important;
background: #D72C60 none repeat scroll 0% 0%;
float: left;
}
.greenBox .rightDiv-40 {
padding: 20px 20px 20px 0px;
float: none;
position: inherit;
display: block;
width: 98%;
left: 10px;
}
footer#contact .footer-col:first-child ul li {
/* width: 120px; */
text-align: center;
float: left;
width: 100%;
}
footer#contact .footer-col ul li.signin a {
margin-right: 3px;
}
footer#contact .main-header .logo span {
display: block;
font-size: 45px !important;
font-weight: 900;
line-height: 60px;
}
.leftDiv-50,
.rightDiv-50 {
display: block;
float: left;
width: 100%;
position: relative;
}
#home_page .main-header .logo span {
font-size: 32px;
line-height: 50px;
}
#home_page .btn {
float: left;
margin-left: 43px;
margin-top: 50px;
margin-left: 54px;
}
.box-up {
margin: 10px 10px 10px 31%;
float: left;
}
.complicated {
float: left;
margin-top: 10px;
margin-left: 92px;
}
.memories1 {
float: left;
margin-left: -20px;
margin-top: 0px;
width: 50%;
}
.greyBox {
display: block;
width: 100%;
position: relative;
background: #a4cdd1;
color: #000;
line-height: normal;
}
/*F4F4F4*/
.greyBoxPrice {
display: block;
width: 100%;
position: relative;
background: #F4F4F4;
color: #000;
line-height: normal;
}
.greyBoxWorks {
display: block;
width: 100%;
position: relative;
background: #F4F4F4;
color: #000;
line-height: normal;
}
.greyBoxHoodies {
display: block;
width: 100%;
position: relative;
background: #F4F4F4;
color: #000;
line-height: normal;
}
.greyBoxYearbook {
display: block;
width: 100%;
position: relative;
background: #F4F4F4;
color: #000;
line-height: normal;
}
.blueBox {
display: block;
width: 100%!important;
position: relative;
background: #B0A893 none repeat scroll 0% 0%;
color: #FFF;
line-height: normal;
}
.greyBox .leftDiv-60 {
padding: 20px 250px 20px 20px;
float: none;
vertical-align: top;
}
.greyBox .rightDiv-40 h2.heading-2 {
color: #d72c60;
}
.greyBox .rightDiv-40 .btn {
background: #d72c60;
}
.greyBox .leftDiv-50,
.greyBox .rightDiv-50 {
padding: 20px;
}
.blueBox {
display: block;
width: 100% !important;
position: relative;
background: #b0a893;
color: #fff;
line-height: normal;
}
/*#41A0D7*/
.blueBox .rightDiv-40 .btn {
background: #2937AC;
}
.blueBox .rightDiv-40 h2.heading-2 {
color: #2937AC;
}
.greenBox {
display: block;
width: 100%!important;
position: relative;
background: #FF8C87 none repeat scroll 0% 0%;
color: #FFF;
line-height: normal
}
.vtksHeading {
font-family: "vtks_inkedregular";
font-size: 46px;
line-height: normal;
margin-bottom: 15px;
text-transform: uppercase;
padding: 0 -21px;
text-align: center
}
/* footer#contact .footer-col {
padding-right: 0px!important;
float: left;
margin-left: 7px!important
} */
}
/*-----------600px-------------*/
@media (max-width: 600px) {
.home_ebook {
float: left;
width: 108%;
height: 354px;
margin: 0px 35px;
background-size: contain !important;
background-color: transparent;
background-image: url("../../meno_images/meno_brochure/book_bg.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
background-clip: border-box;
background-origin: padding-box;
}
.redisForm input[type="submit"] {
background: #D72C60 none repeat scroll 0% 0%;
border: 0 none;
color: #FFF;
cursor: pointer;
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 300;
min-width: 200px;
padding: 15px;
text-align: center;
text-transform: uppercase;
z-index: 9999!important
}
.responsive-img {
width: 90% !important;
}
.innerPage .yearbook-cols .yearbook-left-col,
.innerPage .yearbook-cols .yearbook-right-col {
padding-right: 10px !important;
width: 100%;
}
.container {
width: 600px !important;
margin: 0px auto;
}
.yearbook-cols .yearbook-right-col {
width: 100% !important;
float: left;
display: block;
padding-left: 35px;
}
.memories1 {
float: left;
margin-left: 20px !important;
margin-top: 0px !important;
width: 80% !important;
}
.greyBox .pinkCircular-box {
position: absolute;
right: 70px;
bottom: 120px;
background: #F63A5B none repeat scroll 0% 0%;
}
input[type=checkbox]:checked ~ .slide-menu {
transform: translate3d(0, 0, 0);
z-index: 9999 !important;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
.responsive-img {
width: 100%;
display: block
}
.schoolyear-books .leftDiv-60 {
padding: 20px 20px 0;
float: left;
vertical-align: bottom
}
.schoolyear-books .leftDiv-60 {
padding: 20px 20px 0;
vertical-align: top;
width: 100%;
float: inherit;
float: inherit
}
.schoolyear-books .pinkCircular-box {
position: absolute;
background: #C60071 none repeat scroll 0% 0%;
right: 80px;
bottom: 90px
}
.blueBox .leftDiv-60 {
padding: 20px 20px 0;
float: left;
vertical-align: middle
}
.blueBox .pinkCircular-box {
position: absolute;
right: 60px;
bottom: -200px;
background: #2937AC none repeat scroll 0% 0%
}
.hoodies-products .leftDiv-60 {
padding: 40px;
float: left;
vertical-align: middle
}
.hoodies-products .pinkCircular-box {
position: absolute;
right: 60px;
bottom: -210px;
background: #642678 none repeat scroll 0% 0%
}
.greenBox .leftDiv-60 {
padding: 20px;
float: left;
vertical-align: middle
}
.greenBox .pinkCircular-box {
position: absolute;
right: 60px;
bottom: -220px;
background: #D72C60 none repeat scroll 0% 0%
}
.redisForm .form-group {
display: block;
float: left;
width: 92%;
margin-bottom: 25px;
margin-right: 8%
}
/* footer#contact .footer-col {
padding-right: 20px;
float: left;
margin-left: 20px;
width: 100%;
} */
.MenuLabel {
position: fixed;
top: 10px;
left: 11px;
z-index: 1;
display: block;
font-size: 3em;
color: #444;
cursor: pointer;
width: 30px;
height: 30px;
background-image: url("data:image/svg+xml;utf8,");
transform: translate3d(0px, 0px, 0px);
transition: transform 0.4s ease 0s;
}
#nav {
z-index: 9999 !important;
position: fixed;
overflow: hidden;
color: #FFF;
top: 0% !important;
left: 0px;
transform: translateY(-50%);
margin-top: 200px !important;
}
.error {
color: #F00;
margin-left: 40%;
}
.regisTitle .btn {
position: absolute;
right: 7px;
top: 58px;
margin: 0px;
}
.personal {
position: relative;
visibility: visible;
background: #FFF none repeat scroll 0% 0%;
overflow: hidden;
width: 554px !important;
}
.redisForm input[type="submit"] {
background: #D72C60 none repeat scroll 0% 0%;
border: 0 none;
color: #FFF;
cursor: pointer;
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 300;
min-width: 200px;
padding: 15px;
text-align: center;
text-transform: uppercase;
z-index: 9999!important
}
.responsive-img {
width: 90% !important;
}
.innerPage .yearbook-cols .yearbook-left-col,
.innerPage .yearbook-cols .yearbook-right-col {
padding-right: 10px !important;
width: 80%;
}
.personal .gallerylayer img {
width: 100%!important;
float: left;
margin-left: 0px!important;
position: relative!important
}
}
/*-----------1360px-------*/
@media (max-width: 1360px) {
#nav li a {
display: block;
color: #FFF;
font-size: 11px;
line-height: normal;
font-weight: 300;
outline: medium none;
text-decoration: none;
text-transform: uppercase;
padding: 12px 10px;
}
.container {
width: 965px !important;
}
}
/*-----1024px----------*/
@media (max-width: 1024px) {
.slide-menu {
transform: translate3d(-250px, 0, 0);
position: fixed;
width: 187px;
color: #ddd;
left: 0;
height: 100%;
transition: all .4s;
z-index: 999;
}
.slide-menu h1 {
margin: 10px;
text-shadow: 1px 1px 1px #000;
}
.menu {
list-style: none;
padding: 0;
margin: 0;
}
.menu a {
display: block;
text-decoration: none;
color: #fff;
font-size: 1.1em;
padding: 15px;
background: linear-gradient(#628297, #4f6b81);
border-bottom: 1px solid #1e222b;
box-shadow: inset 0px 1px 1px #8b9db3;
}
.menu a:hover {
background: linear-gradient(#3b3f48, #3c434d);
box-shadow: inset 0px 1px 1px #475059;
}
.personal {
position: relative;
visibility: visible;
background: #FFF none repeat scroll 0% 0%;
overflow: hidden;
width: 100%!important
}
.redisForm input[type="submit"] {
background: #D72C60 none repeat scroll 0% 0%;
border: 0 none;
color: #FFF;
cursor: pointer;
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 300;
min-width: 200px;
padding: 15px;
text-align: center;
text-transform: uppercase;
z-index: 9999!important
}
.responsive-img {
width: 90%!important
}
.innerPage .yearbook-cols .yearbook-left-col,
.innerPage .yearbook-cols .yearbook-right-col {
padding-right: 10px!important;
width: 100%; /* width: 80%; */
}
.personal .gallerylayer img {
width: 100%!important;
float: left;
margin-left: 0px!important;
position: relative!important
}
.error {
color: red;
margin-left: 40%
}
.responsive-img {
width: 90%!important
}
.container {
width: 100%!important
}
.container {
width: 100%!important;
}
.MenuLabel {
position: fixed;
top: 10px;
left: 11px;
z-index: 99999 !important;
display: block;
font-size: 3em;
color: #444;
cursor: pointer;
width: 30px;
height: 30px;
background-image: url("data:image/svg+xml;utf8,");
transform: translate3d(0px, 0px, 0px);
transition: transform 0.4s ease 0s;
}
#nav {
z-index: 999;
position: fixed;
overflow: hidden;
color: #FFF;
top: 50%;
left: 0px;
transform: translateY(-50%);
margin-top: 90px;
z-index: 9999;
}
}
/*-----------800px-----------------*/
@media (min-width: 800px) {
.responsive-img {
width: 90% !important;
}
.greenBox .rightDiv-40 {
padding: 20px 20px 20px 0;
float: none;
width: 40%
}
.hoodies-products .rightDiv-40 {
padding: 20px 20px 20px 0;
float: none;
width: 40%
}
.blueBox .rightDiv-40 {
padding: 20px 20px 20px 0;
float: none;
width: 40%
}
}
/*-----------768px--------------*/
@media (min-width: 768px) and (max-width: 979px) {
.home_ebook {
float: left;
width: 67%;
height: 354px!important;
margin: 0 48px;
background-size: contain!important;
background-color: transparent;
background-image: url(../../meno_images/meno_brochure/book_bg.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
background-clip: border-box;
background-origin: padding-box
}
.personal {
position: relative;
visibility: visible;
background: #FFF none repeat scroll 0% 0%;
overflow: hidden;
width: 700px!important
}
.redisForm input[type="submit"] {
background: #D72C60 none repeat scroll 0% 0%;
border: 0 none;
color: #FFF;
cursor: pointer;
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 300;
min-width: 200px;
padding: 15px;
text-align: center;
text-transform: uppercase;
z-index: 9999!important
}
.responsive-img {
width: 90%!important
}
.innerPage .yearbook-cols .yearbook-left-col,
.innerPage .yearbook-cols .yearbook-right-col {
padding-right: 10px!important;
width: 80%;
}
.personal .gallerylayer img {
width: 100%!important;
float: left;
margin-left: 0px!important;
position: relative!important;
}
.redisForm input[type="submit"] {
background: #D72C60 none repeat scroll 0% 0%;
border: 0 none;
color: #FFF;
cursor: pointer;
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 300;
min-width: 200px;
padding: 15px;
text-align: center;
text-transform: uppercase;
z-index: 9999!important
}
.greenBox .rightDiv-40 {
padding: 20px 20px 20px 0;
float: none;
width: 40%
}
.hoodies-products .rightDiv-40 {
padding: 20px 20px 20px 0;
float: none;
width: 40%
}
.blueBox .rightDiv-40 {
padding: 20px 20px 20px 0;
float: none;
width: 40%
}
.innerPage .yearbook-cols .yearbook-left-col,
.innerPage .yearbook-cols .yearbook-right-col {
width: 100%;
}
#home_page .btn {
float: left;
margin-left: 0px;
}
.iimg {
width: 49%;
margin-top: 35px;
margin-left: 20px;
}
.greyBox {
display: block;
width: 70%;
position: relative;
background: #A4CDD1 none repeat scroll 0% 0%;
color: #000;
line-height: normal;
}
.schoolyear-books {
display: block;
width: 70%;
position: relative;
background: #79CDC0 none repeat scroll 0% 0%;
color: #FFF;
line-height: normal;
}
.blueBox {
display: block;
width: 70%;
position: relative;
background: #B0A893 none repeat scroll 0% 0%;
color: #FFF;
line-height: normal;
}
.hoodies-products {
display: block;
width: 70%;
position: relative;
background: #FFCD7E none repeat scroll 0% 0%;
color: #FFF;
line-height: normal;
}
.greenBox {
display: block;
width: 70%;
position: relative;
background: #FF8C87 none repeat scroll 0% 0%;
color: #FFF;
line-height: normal;
}
.responsive-img {
width: 100%;
display: block;
}
.greenBox,
.greyBox,
.schoolyear-books,
.blueBox,
.hoodies-products {
width: 100%;
}
.regisTitle .btn {
position: absolute;
right: 7px;
top: 33px;
margin: 0px;
}
#nav {
z-index: 9999!important;
position: fixed;
overflow: hidden;
color: #FFF;
top: 0%!important;
left: 0;
transform: translateY(-50%);
margin-top: 193px!important;
}
.error {
color: #F00;
margin-left: 40%;
}
}
iframe {
left: 0;
}
.regisHead {
text-align: justify;
color: #173b51;
font-weight: bold;
}
.regisHead_para {
float: left;
margin-top: 5px ! important;
width: 100% ! important;
margin-left: 5px ! important;
}
/*css added for header image and text on 18Jul2018 starts */
.main-header .main-heaing {
display: block;
font-size: 55px; /* 84px; */
line-height: 80px;
font-weight: 900;
padding-left: 30px;
color: #403E3F !important;
}
.heading {
display: block;
font-size: 24px;
line-height: 24px;
font-weight: 500;
padding-bottom: 20px;
padding-top: 10px;
}
#home_page .main-header .call-txt {
font-weight: 300;
margin-left: 30px;
font-size: 16px;
}
#home_page .main-header .call-txt span {
font-weight: 600;
color: #000;
display: inline-block;
background: url(../../meno_images/meno_brochure/call-icon.png) no-repeat 8px center;
padding-left: 25px;
}
.hero-caption {
background: rgba(0, 0, 0, .5);
color: #fff;
padding: 15px 0 15px 0;
margin-top: 345px;
}
.hero-caption span {
color: #fff !important;
}
.main-header .main-heaing {
color: #fff !important;
}
.client-include ul li {
margin: 5px;
}
.call-text-break {
display: none;
background: none;
}
/*css added for header image and text ends */
/*21 June 2016 start*/
.newsletter-register h3 {
text-align: justify;
color: #173b51;
font-weight: 700;
font-size: 18px;
margin: 0 0 2px
}
.newsletter-register p {
float: left;
width: 100%!important;
margin: 0 0 10px
}
.newsletter-register .cmxform label {
font-size: 17px
}
.newsletter-register .cmxform label span {
color: red;
font-size: 17px;
display: inline-block
}
.newsletter-register .cmxform .form-email {
height: 36px;
padding: 5px;
border: 1px solid #a3a3a3;
font-family: Lato, sans-serif;
width: 100%
}
.newsletter-register .red-btn {
background-color: #d72c60!important;
border: 0;
color: #fff;
cursor: pointer;
font-family: Lato, sans-serif;
font-size: 20px;
font-weight: 300;
min-width: 200px;
padding: 15px;
text-align: center;
text-transform: uppercase;
border-radius: 0!important;
min-height: 57px
}
.newsletter-register .error {
margin: 0;
font-size: 17px
}
.newsletter-register .form-group {
display: block;
float: left;
margin-bottom: 5px;
width: 100%
}
@media only screen and (max-width:1024px) {
.newsletter-register {
padding: 0 15px;
}
footer#contact .footer-col #fb-root ul.list-inline li{
display: inline-block;
margin-bottom: 20px;
line-height: normal;
width: 40px;
height: 5px;
}
}
@media only screen and (max-width: 1359px) {
.brochure-landingpage .uploadMemo-right h2 {
font-size: 20px!important;
}
.brochure-landingpage .uploadMemo-right p {
/*font-size: 17px!important;*/
}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.brochure-landingpage .yearbook-cols .yearbook-right-col {
width: 100%!important;
padding: 0 15px;
}
.brochure-landingpage .newsletter-register {
max-width: 600px;
padding: 0 15px;
width: 100%;
}
.brochure-landingpage .uploadBox.box-up {
margin-left: 32px;
}
/*css added for header image and text on 18Jul2018 starts */
.main-header .main-heaing {
font-size: 35px;
line-height: normal;
}
/* .main-header {
height: 400px !important;
} */
/*css added for header image and text on 18Jul2018 ends */
}
@media only screen and (max-width:992px) {
footer#contact .footer-col ul.list-inline li {
display: inline-block;
width: 40px;
height: 30px;
margin-bottom: -5px;
}
}
/*21 june 2016 end*/
.newstyle {
font-size: 25px;
font-weight: 500
}
.requestQuoteForm {
height: 700px
}
/* .col-md-12 {
width: 100%
}
.col-md-6 {
width: 50%;
float: left
} */
.help-block {
color: #a94442;
font-size: 15px;
font-weight: bold;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
box-shadow: none;
cursor: not-allowed;
opacity: .65
}
/* for header change */
.no-complicated-layout-system-to-learn {
/* float: right */
text-align: center;
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
.banner-text {
font-family: 'Open Sans', sans-serif;
}
.banner-text h2 {
color: #d3235a;
font-size: 40px;
}
.banner-text h3 {
color: #fff;
font-size: 35px;
line-height: 40px;
}
.banner-text h4 {
color: #3c3c3b;
font-size: 30px;
}
/*inline css from header page is shifted starts*/
.mobile {
display: none;
}
.form-control {
background: #fff;
height: 34px;
border: 1px solid #ccc;
width: 98%;
margin-bottom: 10px
}
#myModal select {
background: #fff;
height: 38px;
border: 1px solid #ccc;
width: 100%;
margin-bottom: 10px
}
.modal-content h2 {
margin-top: 0
}
.modal {
display: none;
position: fixed;
z-index: 10000;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, .4)
}
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 15px;
border: 1px solid #888;
width: 50%;
overflow: auto;
}
/* form{height:400px;overflow:auto} */
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: 700
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer
}
#request-quote .col-md-6 {
/* padding-left: 30px; */
}
#txtSchoolName_dropdown {
height: 300px;
width: 97%;
}
.ui-autocomplete {
height: 200px;
overflow-y: scroll;
overflow-x: hidden;
}
/* for landing autocomplete box*/
@media only screen and (max-width:767px) {
.brochure-landingpage .home_ebook {
width: 100%!important;
margin: 0 auto!important;
}
/* footer#contact .footer-col ul.list-inline li {
display: inline-block;
margin-bottom: -5px;
line-height: normal;
} */
.brochure-landingpage .uploadBox.box-up {
text-align: center;
width: 100%!important;
margin: 0 auto
}
.brochure-landingpage .uploadBox.box-up img,
.brochure-landingpage .complicatedbrochure img {
width: 90px
}
.brochure-landingpage .uploadMemo-right {
text-align: center;
width: 100%!important;
margin: 0 auto
}
.brochure-landingpage .complicatedbrochure {
text-align: center;
width: 100%;
margin: 10px auto
}
.brochure-landingpage .complicatedbrochure img {
display: inline
}
.newsletter-register {
margin-top: 20px
}
.brochure-landingpage .complicatedbrochure img {
display: inline;
}
.newsletter-register {
margin-top: 20px;
}
.newsletter-register h3 {
text-align: left!important;
}
.brochure-landingpage .uploadMemo-right p {
font-size: 20px!important;
}
.modal-content {
width: 80%;
overflow: auto;
height: 300px;
}
#home_page .btn {
/* float: left;
margin-left: 0px; */
float: unset;
margin-left: auto;
}
.greyBox .pinkCircular-box {
position: relative;
right: auto;
bottom: -20px;
background: #f63a5b;
}
.greyBoxYearbook .rightDiv-50 a.btn.yearbookanchor{
float: unset!important;
background: #36AD72!important;
max-width: 90%;
margin: 10px auto!important;
}
.greyBoxHoodies .rightDiv-50 a.blue-btn{
float: unset!important;
background: #382F5E!important;
max-width: 90%;
margin: 10px auto!important;
}
.greyBoxPrice .rightDiv-50 a.purple-btn{
float: unset!important;
background: #642678!important;
max-width: 90%;
margin: 10px auto!important;
}
.newsletter-register p {
float: unset!important;
}
.greyBox .rightDiv-40 a.btn{
float: unset!important;
max-width: 90%;
margin: 10px auto!important;
padding: 10px!important;
}
}
@media only screen and (max-width:1023px) {
.brochure-landingpage .uploadMemo-right.uploadMemo-ri p strong span {
display: none!important;
}
}
@media only screen and (max-width:768px) {
.brochure-landingpage .yearbook-right-col {
width: 100%!important;
padding: 0 15px!important
}
.brochure-landingpage .yearbook-left-col {
width: 100%!important;
padding: 0 15px!important
}
}
@media (max-width:767px) {
.banner-text {
padding: 0 15px;
}
.banner-text {
font-family: "WhipsnapperW01-Wide";
}
.banner-text h2 {
color: #d3235a;
font-size: 30px;
}
.banner-text h3 {
color: #fff;
font-size: 25px;
line-height: 40px;
line-height: 30px;
}
.banner-text h4 {
color: #3c3c3b;
font-size: 20px;
line-height: 20px;
margin: 10px 0;
}
.banner-text img {
width: 100%;
}
}
@media (max-width:1024px) {
.full-width-col {
width: 100% !important;
}
.yearbook-cols .yearbook-right-col {
padding: 15px;
}
}
@media (max-width: 767px) {
/*css added for header image and text on 18Jul2018 starts */
footer#contact .footer-col {
/*width:100%; float:left;*/
}
footer#contact .footer-col ul li.signin a {
text-align: center;
}
footer#contact .footer-col ul li.login a {
text-align: center;
}
.main-header .main-heaing {
font-size: 25px !important;
line-height: normal;
padding-top: 10px;
padding-left: 0px;
color: #fff !important;
}
.main-header .heading {
font-size: 20px !important;
padding: 0 15px;
margin-bottom: 10px;
}
.call-text-break {
display: block;
height: 1px;
}
.call-txt {
width: 100%;
}
.hero-caption {
text-align: center;
}
#home_page .main-header .call-txt {
margin-left: 0px !important;
padding: 15px 20px;
}
/*css added for header image and text on 18Jul2018 ends */
}
@media (max-width:450px) {
.no-complicated-layout-system-to-learn {
float: left;
display: block;
width: 100%;
text-align: center;
padding: 20px 0;
}
.no-complicated-layout-system-to-learn img {
display: inline-block;
}
.contactBox {
width: 230px!important;
}
#btnRegister{
margin:10px auto;
}
}
@media (max-width:767px) {
#txtSchoolName_dropdown {
overflow: auto;
width: 97%;
height: 270px;
overflow-y: scroll;
/* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;
border: 1px solid #ccc;
}
}
#requestQuoteForm span.quotelabel{
display: inline-block;
}
.star {
color: rgb(255, 0, 0);
font-size: 12px;
}
.quotelabel {
font-size: 17px;
margin-right: 10px;
}
.quote-heading {
color: #d72c60;
}
/* css for dropdown starts */
.custom-select{position:relative;display:block;float:left;margin:0 10px 0 0;width:100%}
.custom-select:last-child{margin:0}
.custom-select select,.custom-select input[type="number"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #d0d0d0;padding:7px;width:100%;cursor:pointer;font-size:14px;margin:0;height:37px;border-radius:0px!important}
.custom-select::after{content:"";display:block;height:35px;position:absolute;right:1px;top:1px;width:43px;background:#fff url(../../images/number-input.png) no-repeat center center;pointer-events:none;border-left:1px solid #bbb} /*background: #fff url(../images/arrow-down-gray.png) no-repeat center center;*/
.custom-select select.default{color:#ccc}
.custom-select select option{color:#444}
.wide {
width: 98%!important
}
/* css for dropdown ends */
.modal-backdrop{
z-index: 0
}
.btn.personalbtn{
white-space: unset!important;
}
/* css for GDPR page starts */
.gdpr-list, .gdpr-inner-list{ padding-left:18px; }
ul.gdpr-list li {list-style: disc;}
ul.gdpr-inner-list li {list-style: circle;}
.gdpr-capital-text{ padding-top:10px; }
.gdpr-margin-top {margin-top: 5px;}
p.justify {text-align:justify;}
#gdpr .highlight { color: #d72c60;}
.clearfix:before,
.clearfix:after {
content: '';
display: table;
}
.clearfix:after {
clear: both;
}
.gdpr-policy p {
text-align: justify;
margin: 0 0 15px 0;
}
.gdpr-policy h2 {
font-weight: 400;
font-size: 22px;
}
.gdpr-policy .text-block {
margin: 0 0 20px 0;
width: 100%;
display: block;
}
.gdpr-policy ul li {
margin: 0 0 10px 0;
}
.gdpr-policy .data-table {
margin: 0 0 15px 0;
border: 1px solid #ccc;
padding: 15px;
}
.gdpr-policy .data-table ol li {
margin: 0 0 5px 0;
}
.gdpr-policy .data-table p {
margin-bottom: 5px;
}
.gdpr-policy .data-table-header {
margin: 0 0 10px 0;
padding: 10px 0 10px 0;
border-top: 2px solid #bcbcbc;
border-bottom: 2px solid #bcbcbc;
}
.gdpr-policy .data-block {
}
.data-black-heading {
display: none;
}
.gdpr-policy .data-table ol {
padding: 0 0 0 20px;
}
@media (max-width: 767px) {
.gdpr-policy {
padding: 15px;
}
.gdpr-policy p {
text-align: left;
}
.gdpr-policy h4 {
font-size: 25px !important;
}
.gdpr-policy h2 {
font-size: 20px;
}
.data-table-header {
display: none;
}
.data-black-heading {
display: block;
margin: 15px 0;
}
.gdpr-policy .data-table {
padding: 0;
border: none;
}
.data-block {
padding: 0 30px 30px 30px;
border: 1px solid #ccc;
}
.inclusive-pricesTable .heading {
font-size: 16px;
}
}
/* css for GDPR page ends */
/* hoodies starts */
.quantity{float:left; width: 33.33%;}
.Price{float:left; width: 33.33%;}
/* hoodies ends */
@media (max-width: 500px) {
footer#contact .footer-col {
width:100%; float:left;
}
}