﻿@charset “utf-8″;
/* CSS Document */

* { margin: 0; padding: 0; outline: none; }
img { padding: 0; margin: 0; outline: none; }
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

/* Firefox */
@-moz-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

/* Internet Explorer */
@-ms-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
â€‹ /* Opera */
@-o-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/*
Reset Stylesheet
v1.02
Last Updated: 16 May, 2017
Author: CK

*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }
nav ul { list-style: none; }
blockquote,
q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ”; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title],
dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input,
select { vertical-align: middle; }
*:before,
*:after,
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a:hover,
a { text-decoration: none; }
a { color: #da1c5c; }
ul li,
ol li,
li { list-style: none; }
a:hover { color: #efac00; }
p { font-size: 14px; margin-bottom: 10px; }
nav { display: inline-block; float: right; }
img { max-width: 100%; }
body { font-size: 14px; }
.right { float: right; }
*[class^=”right”],
*[class^=”right”].right { float: right; }
*[class^=”left”],
*[class^=”left”].left { float: left; }
.left { float: left; }
.clear { clear: both; }
::-webkit-input-placeholder {
color: #da1c5c;
}

:-moz-placeholder { /* Firefox 18- */
color: #000;
}

::-moz-placeholder {  /* Firefox 19+ */
color: #000;
}

:-ms-input-placeholder {
color: #000;
}
input[type=”submit”] { -webkit-appearance: none; -moz-appearance: none; }
p { line-height: 125%; font-size: 18px; }
a:hover { color: #da1c5c; }
a:hover { text-decoration: underline; }
@font-face { font-family: 'Calibri'; src: url('../fonts/Calibri.eot'); src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibri.woff') format('woff'), url('../fonts/Calibri.ttf') format('truetype'); font-weight: normal; font-style: normal; }
/* BEGIN Light */
@font-face { font-family: 'Open Sans'; src: url("../fonts/Light/OpenSans-Light.eot?v=1.1.0"); src: url("../fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("../fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("../fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("../fonts/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg"); font-weight: 300; font-style: normal; }
/* END Light */
/* BEGIN Light Italic */
@font-face { font-family: 'Open Sans'; src: url("../fonts/LightItalic/OpenSans-LightItalic.eot?v=1.1.0"); src: url("../fonts/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("../fonts/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg"); font-weight: 300; font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face { font-family: 'Open Sans'; src: url("../fonts/Regular/OpenSans-Regular.eot?v=1.1.0"); src: url("../fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("../fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("../fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg"); font-weight: normal; font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face { font-family: 'Open Sans'; src: url("../fonts/Italic/OpenSans-Italic.eot?v=1.1.0"); src: url("../fonts/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("../fonts/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("../fonts/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("../fonts/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg"); font-weight: normal; font-style: italic; }
/* END Italic */
/* BEGIN Semibold */
@font-face { font-family: 'Open Sans'; src: url("../fonts/Semibold/OpenSans-Semibold.eot?v=1.1.0"); src: url("../fonts/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("../fonts/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("../fonts/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("../fonts/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg"); font-weight: 600; font-style: normal; }
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face { font-family: 'Open Sans'; src: url("../fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0"); src: url("../fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("../fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg"); font-weight: 600; font-style: italic; }
/* END Semibold Italic */
/* BEGIN Bold */
@font-face { font-family: 'Open Sans'; src: url("../fonts/Bold/OpenSans-Bold.eot?v=1.1.0"); src: url("../fonts/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("../fonts/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("../fonts/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg"); font-weight: bold; font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face { font-family: 'Open Sans'; src: url("../fonts/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0"); src: url("../fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg"); font-weight: bold; font-style: italic; }
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face { font-family: 'Open Sans'; src: url("../fonts/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0"); src: url("../fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("../fonts/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("../fonts/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("../fonts/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg"); font-weight: 800; font-style: normal; }
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face { font-family: 'Open Sans'; src: url("../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0"); src: url("../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg"); font-weight: 800; font-style: italic; }
/* END Extrabold Italic */

/*# sourceMappingURL=open-sans.css.map */

/* BEGIN Light */
@font-face { font-family: 'Open Sans'; src: url("./fonts/Light/OpenSans-Light.eot?v=1.1.0"); src: url("./fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("./fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("./fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("./fonts/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg"); font-weight: 300; font-style: normal; }
/* END Light */
/* BEGIN Light Italic */
@font-face { font-family: 'Open Sans'; src: url("./fonts/LightItalic/OpenSans-LightItalic.eot?v=1.1.0"); src: url("./fonts/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("./fonts/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("./fonts/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("./fonts/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg"); font-weight: 300; font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face { font-family: 'Open Sans'; src: url("./fonts/Regular/OpenSans-Regular.eot?v=1.1.0"); src: url("./fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("./fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("./fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("./fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg"); font-weight: normal; font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face { font-family: 'Open Sans'; src: url("./fonts/Italic/OpenSans-Italic.eot?v=1.1.0"); src: url("./fonts/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("./fonts/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("./fonts/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("./fonts/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg"); font-weight: normal; font-style: italic; }
/* END Italic */
/* BEGIN Semibold */
@font-face { font-family: 'Open Sans'; src: url("./fonts/Semibold/OpenSans-Semibold.eot?v=1.1.0"); src: url("./fonts/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("./fonts/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("./fonts/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("./fonts/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg"); font-weight: 600; font-style: normal; }
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face { font-family: 'Open Sans'; src: url("./fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0"); src: url("./fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("./fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("./fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("./fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg"); font-weight: 600; font-style: italic; }
/* END Semibold Italic */
/* BEGIN Bold */
@font-face { font-family: 'Open Sans'; src: url("./fonts/Bold/OpenSans-Bold.eot?v=1.1.0"); src: url("./fonts/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("./fonts/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("./fonts/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("./fonts/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg"); font-weight: bold; font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face { font-family: 'Open Sans'; src: url("./fonts/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0"); src: url("./fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("./fonts/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("./fonts/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("./fonts/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg"); font-weight: bold; font-style: italic; }
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face { font-family: 'Open Sans'; src: url("./fonts/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0"); src: url("./fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("./fonts/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("./fonts/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("./fonts/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg"); font-weight: 800; font-style: normal; }
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face { font-family: 'Open Sans'; src: url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0"); src: url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg"); font-weight: 800; font-style: italic; }
/* END Extrabold Italic */

/*# sourceMappingURL=open-sans.css.map */


/****************** Reset Styles ****************/

* { margin: 0; padding: 0; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 300; }
img { padding: 0; margin: 0; outline: none; max-width: 100%; }
*:before,
*:after,
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header { width: 100%; float: left; clear: both; background: #ee2a7b; }
.container { width: 100%; margin: 0 auto; max-width: 1160px; }
.logocont { width: auto; float: left; margin: 10px 0; max-width: 200px; }
.menu { margin: 11px 0; padding: 0; width: auto; float: right; list-style: none; }
.menu li { margin: 0 0 0 15px; padding: 0; width: auto; float: left; list-style: none; position: relative; }
.menu li a { font-size: 18px; color: #fff; }
.menu li .sepratorTop { height: 20px; border-right: 1px solid #fff; float: left; }
.BannerSearch { width: 100%; float: left; clear: both; position: relative; }
.SearchformCont { width: 100%; float: left; position: absolute; top: 0; left: 0; height: 100%; text-align: center; padding: 7% 0; }
.BannerSearch img { width: 100%; }
.SearchForm { margin: 0 5%; width: 90%; }
.SearchForm input[type='text'] { width: 100%; float: left; height: 56px; padding: 15px; font-size: 20px; color: #8c8c8c; border-radius: 10px 10px; border: 0; }
.SearchForm input[type="submit"] { background: #231f20 none repeat scroll 0 0; border: 0 none; border-radius: 0 10px 10px 0; color: #fff; cursor: pointer; font-size: 20px; height: 56px; padding: 0 15px; position: absolute; right: 0; text-transform: uppercase; top: 0; width: auto; }
.search { position: relative; }
.SearchformCont h1 { font-size: 35px; color: #fff; margin-bottom: 85px; }
.albumSection { width: 100%; float: left; clear: both; padding: 30px 0 0; }
.albumSection h2 { font-size: 30px; color: #58595b; margin-bottom: 25px; text-align: center; }
.AlbumsNew { width: 100%; float: left; clear: both; }
.AlbumsNew li { float: left; min-height: 180px; padding: 0 1% 1%; width: 33.33%; }
.AlbumsNew li img { width: 100%; }
.AlbumsNew a { position: relative; width: 100%; float: left; }
.albumOverlay { width: 100%; float: left; height: 100%; position: absolute; top: 0; left: 0; text-decoration: underline; text-align: center; font-size: 20px; padding: 26% 1% 0; font-weight: bold; color: #fff; }
.bottomSection { width: 100%; float: left; clear: both; border-top: 1px solid #da1c5c; padding: 50px 0 0; }
.leftSection { float: left; width: 50%; padding-right: 20px; border-right: 1px solid #da1c5c; text-align: center; margin-bottom: 100px; }
.contactSection { width: 50%; float: left; padding-left: 20px; }
.bottomSection h3 { font-size: 25px; margin: 0 0 10px; color: #da1c5c; }
.bottomSection p { font-size: 18px; margin: 0 0; color: #58595b; }
.contactSection h2 { font-size: 30px; margin: 0 0 20px; color: #da1c5c; }
.blogAlert { width: 100%; float: left; position: relative; margin: 0 0 40px; }
.blogAlert input[type='text'] { width: 100%; font-size: 20px; color: #da1c5c; border-radius: 5px; height: 45px; padding: 10px; border: 1px solid #da1c5c; }
input.submitBtn { background: #da1c5c none repeat scroll 0 0; border: 0 none; border-radius: 0 5px 5px 0; color: #fff; font-size: 18px; font-weight: bold; height: 45px; padding: 10px 15px; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 0; }
.bottomSection .contactSection p { font-size: 18px; margin: 0 0 10px; color: #000000; }
.socialIcons { display: inline-block; margin: 0 0 0 10px; vertical-align: middle; }
.socialIcons img { float: left; }
footer { width: 100%; float: left; background: #da1c5c; padding: 10px 0; color: #fff; }
.copyRight { width: 100%; float: left; }
.copyRight { width: 50%; float: left; }
.FootRitght { width: 50%; float: left; text-align: right; margin: 4px 0; }
footer a { color: #fff; display: inline-block; font-size: 18px; vertical-align: middle; }
footer .seprator { border-left: 1px solid #fff; display: inline-block; height: 20px; margin: 0 10px; vertical-align: top; width: 1px; }
footer p { margin: 0; color: #fff; font-size: 18px; }
.footerLogo { margin-left: 15px; max-width: 200px; }
footer a:hover { color: #fff; text-decoration: underline; }
a.loginButton,
a.loginButton:hover { background: #da1c5c none repeat scroll 0 0; border-radius: 5px; bottom: -60px; color: #fff; display: inline-block; font-size: 20px; margin: 15px 10px 0; padding: 10px 20px; position: relative; text-align: center; }
.loginPopup { float: none; margin: 0 auto; width: 500px; padding: 15px 0; }
.loginFormHide { display: none; }
.loginPopup h2 { font-size: 16px; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 15px; text-align: center; }
.loginPopup h3 { font-size: 20px; border-bottom: 0px solid #000; color: #4a4a4a; margin-bottom: 25px; text-align: center; }
#fancybox-content { border: 0 !important; }
.fancyInner { width: 96%; float: left; padding: 20px; }
.loginPopup input { width: 100%; font-size: 20px; color: #da1c5c; border-radius: 5px; height: 45px; padding: 10px; border: 1px solid #da1c5c; }
.loginPopup input.loginSubmitBtn { width: 100%; margin: 15px 0; background: #da1c5c; color: #fff; cursor: pointer; }
.help-link { width: 100%; float: left; text-align: center; }
.signupidiv { width: 100%; float: left; margin-bottom: 10px; }
.subNav { width: 250px; padding: 0 0 10px; height: auto; position: absolute; top: 38px; background: #fff; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); z-index: 999999; left: -40px; display: none; }
.profilePic { width: 30px; height: 30px; overflow: hidden; border-radius: 100%; background-size: cover; background-position: center center; float: left; margin: -5px 0; }
.profilePic img { visibility: hidden; opacity: 0; }
.menu li .subNav li { width: 100%; padding: 10px 20px; margin: 0; }
.menu li .subNav li.wedHeading { background: #f1f1f1; border-bottom: 1px solid #c9c9c9; color: rgba(0, 0, 0, 0.39); }
.navArrowTop { position: absolute; top: -24px; left: 23%; font-size: 35px; color: #fff; }
.wedBgNav { width: 30px; height: 30px; overflow: hidden; border-radius: 100%; background-size: cover; background-position: center center; float: left; margin: 0 10px 0 0; }
.wedBgNav img { visibility: hidden; opacity: 0; }
.wedUpImgNamve span { float: left; color: #333; padding: 2px 0 0; }
.wedUpImgNamve p { float: left; width: 100%; color: rgba(128, 128, 128, 0.55); font-size: 12px; padding-left: 40px; margin: -8px 0 0; }
.menu li .subNav li.wedUpImgNamve p a { color: #3b5998; font-weight: normal; }
.menu li .subNav li.greyBg { background: #f1f1f1; font-size: 12px; color: rgba(0, 0, 0, 0.39); }
.menu li .subNav li.greyBg a { font-size: 12px; color: rgba(0, 0, 0, 0.39); font-weight: normal; }
.menu li .subNav li a { color: rgba(0, 0, 0, 0.66); font-size: 14px; font-weight: 600; }
.formSection { width: 100%; float: left; clear: both; }
.WeddForm { width: 100%; float: left; clear: both; padding: 40px 0; }
.formLeft { width: 25%; float: left; }
.formRight { float: right; width: 72%; }
.leftTabs { width: 100%; float: left; border: 1px solid #e0e0e0 }
.tabContent { width: 100%; float: left; }
.tabConRow { width: 100%; float: left; }
.leftTabs li { width: 100%; float: left; background: #fff; color: #da1c5c; border-bottom: 1px solid #e0e0e0; position: relative; }
.leftTabs li a { display: block; color: #666; padding: 14px 15px; font-size: 16px; font-weight: 500; }
.leftTabs li i { width: 32px; }
.leftTabs li:hover a,
.leftTabs li.active a { background: #f8f8f8; color: #222; text-decoration: none; }
.leftTabs li.active:after,
.leftTabs li:hover:after { width: 3px; height: 100%; top: 0; left: 0; background: #ee2a7b; content: ''; position: absolute; z-index: 999; }
.leftTabs li:last-child { border: 0; }
.tabContent { border: 1px solid #e5e5e5; padding: 0; }
.tabContent h2 { font-size: 22px; text-transform: uppercase; background: #e2e2e2; color: #222; padding: 10px; margin-bottom: 10px; font-weight: 500; }
.tabcontpadd { width: 100%; padding: 15px; float: left; }
.tabContent h3 { color: #444; font-size: 20px; margin: 0 0 10px; text-align: center; font-weight: 500; }
.skinList { width: 100%; float: left; }
.skinList li { padding: 15px; border: 1px solid #e8e8e7; width: 46%; margin: 1% 2% 3%; float: left; }
.imageUploadBox { width: 100%; float: left; position: relative; }
input[type='file'].imageUpload { opacity: 0; visibility: hidden; position: absolute; height: 1px; width: 1px; }
.imagePrevBox { width: 100%; height: 250px; float: left; background: url(../images/imgplaceHolderlightGrey.png) no-repeat; background-color:;
background-size: contain; background-position: center center; }
.imageText { position: absolute; text-align: center; width: 100%; font-size: 26px; height: 40px; line-height: 40px; top: 50%; margin-top: -20px; left: 0; color: #737373; }
.imageUploadBox { cursor: pointer; }
.formBtns { float: right; padding: 0 2% 1% 0; width: auto; }
input.themBtn { background: #da1c5c none repeat scroll 0 0; border: 0 none; border-radius: 3px; color: #fff; font-size: 18px; font-weight: bold; height: 45px; padding: 10px 15px; text-align: center; text-transform: uppercase; }
.formBtns input.themBtn { margin-left: 10px; }
.skinList li.redTheme .imagePrevBox { background: url(../images/imgplaceHoldeRed.png) no-repeat center center; background-size: contain; }
.skinList li.BlueTheme .imagePrevBox { background: url(../images/imgplaceHolderBlue.png) no-repeat center center; background-size: contain; }
.skinList li.PinkTheme .imagePrevBox { background: url(../images/imgplaceHolderPink.png) no-repeat center center; background-size: contain; }
.skinList li.GulabiTheme .imagePrevBox { background: url(../images/imgplaceHolderGulabi.png) no-repeat center center; background-size: contain; }
.skinList li .imagePrevBox { opacity: 0.3; }
.skinList li .imagePrevBox.active { opacity: 0.7; }
.leftTabs li .Icon { font-size: 17px; height: auto; position: absolute; right: 10px; top: 13px; width: auto; display: none; }
.leftTabs li .Icon i { width: auto; }
.imagePrevBox.imageUploaded { background-size: cover; }
.leftTabs li:hover .Icon,
.leftTabs li.active .Icon { display: inline-block; }
.imageUploaded .imageText { color: #fff; }
.tabConRow { display: none; }
.tabContent .tabConRow:first-child { display: block; }
.tabContent label { width: 30%; float: left; font-size: 16px; font-weight: 500; padding: 14px 0; }
.inputform { width: 68%; float: right; }
.datetimeForm { float: left; width: 100%; }
.datetimeForm li { float: left; width: 100%; margin-bottom: 15px; }
.tabContent input[type="text"],
.tabContent input[type="email"],
.tabContent input[type="password"],
.tabContent input[type="number"],
.tabContent textarea { width: 100%; display: inline-block; padding: 10px; border: 1px solid #e8e8e7; color: #333; font-size: 16px; font-weight: 500; }
.tabContent textarea { height: 120px; }
.tabContent select { width: 100%; display: inline-block; padding: 10px; border: 1px solid #e8e8e7; color: #333; font-size: 16px; font-weight: 500; }
.tabContent input[type="text"]:focus,
.tabContent input[type="email"]:focus,
.tabContent input[type="password"]:focus,
.tabContent input[type="number"]:focus,
.tabContent textarea:focus,
.tabContent select:focus { border-color: rgba(218,28,92,0.5); }
.changeRemoteBtn { float: right; width: 100%; text-align: right; margin: 15px 0 0; }
.changeRemoteBtn .themBtn { margin-left: 10px; }
h3.subHeading { text-align: left; font-weight: 600; }
input.themBtn { cursor: pointer; }
.center { text-align: center; }
li.slideClone { display: none; }
.sliderPhotosUl li .changeRemoteBtn { display: none; }
.sliderPhotosUl li:last-child .changeRemoteBtn { display: block; }
/*.photoAlbums li.lastChild {margin-right:0;}*/
.photoAlbums li { width: 31%; margin: 0 1.1% 15px; float: left; position: relative; min-height: 252px; }
.photoAlbums li.photoAlbClone { display: none; }
.removePhoto { background: #f44336; border: 0 none; border-radius: 100%; color: #fff; font-size: 18px; height: 28px; line-height: 26px; position: absolute; right: -10px; text-align: center; top: -10px; width: 28px; z-index: 9999; }
a.removePhoto:hover { color: #fff; }
.addPhoto { width: 100%; float: left; position: absolute; left: 0; top: 0; height: 100%; text-align: center; line-height: 100%; padding: 40% 0 60%; font-size: 26px; border: 1px solid #e0e0e0; }
.photoAlbums li .imageUploadBox { border: 1px solid #e0e0e0; }
.photoAlbums li .imageUploadBox .imagePrevBox { background-size: calc(90%); }
.photoAlbums li .addPhoto span { display: block; }
.addSlide { float: left; border-radius: 20px; border: 1px solid #da1c5c; padding: 10px 15px; font-size: 16px; font-weight: 500; }
a.addSlide:hover { text-decoration: none; background: #da1c5c; color: #fff; }
.skinList li.active { background: #f7f7f7; }
.eventClone { display: none; }
.eventList { padding: 20px; border: 1px solid #e5e5e5; margin-bottom: 20px; width: 100%; float: left; }
.exampleText { color: #8a8989; float: left; margin: 10px 0; font-size: 16px; }
.borderBtn { float: left; border-radius: 20px; border: 1px solid #da1c5c; padding: 10px 15px; font-size: 16px; font-weight: 500; background: none; color: #da1c5c; }
.borderBtn:hover { text-decoration: none; background: #da1c5c; color: #fff; cursor: pointer; }
.eventAddBtn { width: 100%; float: left; margin: 10px 0; }

@media screen and (max-width: 1450px) {
.subNav { left: auto; right: 0; }
.navArrowTop { left: auto; right: 0; }
}

@media screen and (max-width: 1180px) {
.container { padding: 0 2%; }
.AlbumsNew li { min-height: 150px; }
}

@media screen and (max-width: 1023px) {
.SearchformCont h1 { margin-bottom: 30px; }
.SearchForm input[type="text"] { height: 40px; padding: 10px; }
.SearchForm input[type="submit"] { height: 40px; }
.AlbumsNew li { min-height: 140px; }
.bottomSection h3 { font-size: 20px; }
.contactSection h2 { font-size: 22px; margin: 0 0 10px; }
.blogAlert { margin: 0 0 20px; }
a.loginButton,
 a.loginButton:hover { font-size: 20px; margin: 0 10px 0; padding: 10px 17px; }
.albumSection h2 { font-size: 25px; margin-bottom: 25px; }
.SearchformCont h1 { color: #fff; font-size: 30px; }
.leftTabs li a { padding: 14px 10px; }
.leftTabs li i { width: 22px; }
.leftTabs li .Icon { right: 5px; top: 12px; }
.imagePrevBox { height: 160px; }
.photoAlbums li { min-height: 162px; }
}

@media screen and (max-width: 900px) {
.AlbumsNew li { min-height: 120px; }
}

@media screen and (max-width: 767px) {
a.loginButton,
 a.loginButton:hover { bottom: 0; font-size: 18px; margin: 15px 0; padding: 10px 17px; }
.leftSection { border-right: 0 none; width: 100%; margin-bottom: 0; }
.contactSection { padding-left: 0; width: 100%; }
.contactSection h2 { font-size: 22px; margin: 10px 0 20px; text-align: center; }
.footerLogo { max-width: 180px; }
.leftTabs li a { font-size: 14px; }
.formLeft { width: 28%; }
.formRight { width: 70%; }
.tabContent label { font-size: 15px; width: 32%; }
.tabcontpadd { padding: 10px; }
.photoAlbums li { margin: 0 2% 15px; width: 46%; }
.addPhoto { padding: 26% 0 60%; }
.formBtns { width: 100%; }
.formBtns input.themBtn { margin: 0; }
.formBtns input.themBtn:last-child { float: right; }
.eventAddBtn { margin-bottom: 20px; text-align: center; }
.BannerSearch { background: url(../images/Banner.jpg) no-repeat; background-size: cover; padding: 10% 0; background-position: center center; }
.BannerSearch img { opacity: 0; visibility: hidden; }
.SearchformCont { padding: 18% 0; }
}

@media screen and (max-width: 639px) {
.SearchformCont h1 { color: #fff; font-size: 20px; margin-bottom: 15px; }
.AlbumsNew li { float: left; min-height: 110px; padding: 0 1% 1%; width: 50%; }
.footerLogo { margin-left: 10px; max-width: 120px; }
.copyRight { width: auto; }
.FootRitght { float: right; width: auto; padding-left: 10px; }
footer a { font-size: 14px; }
.menu { margin: 10px 0; }
.logocont { max-width: 180px; }
.loginPopup { max-width: 100%; }
.loginPopup input.loginSubmitBtn { font-size: 16px; }
.loginPopup h2 { font-size: 12px; }
.leftTabs { width: 100%; }
.formLeft { width: 100%; }
.formRight { width: 100%; }
.tabContent label { padding: 0 0 10px; width: 100%; }
.skinList li { margin: 1% 0 3%; padding: 10px; width: 100%; }
.tabContent h2 { font-size: 18px; }
.tabContent h3 { font-size: 16px; }
.imageText { font-size: 20px; }
.inputform { width: 100%; }
.photoAlbums li { margin: 0 0 15px; width: 100%; }
.photoAlbums li { margin: 0 3% 15px; width: 94%; }
.photoAlbums li .imagePrevBox { height: 210px; }
.photoAlbums li { min-height: 0; }
.addPhoto { position: static; padding: 10px 0; }
.photoAlbums li .addPhoto span { display: inline-block; }
.formLeft { margin-bottom: 20px; }
.tabContent { background: #f7f7f7 none repeat scroll 0 0; }
}

@media screen and (max-width: 479px) {
.logocont { max-width: 160px; }
.menu { margin: 9px 0; }
.SearchformCont h1 { font-size: 17px; margin-bottom: 8px; }
.SearchForm input[type="text"] { font-size: 15px; }
.SearchForm input[type="submit"] { font-size: 16px; padding: 0 10px; }
.SearchForm input[type="submit"] { height: 35px; }
.SearchForm input[type="text"] { height: 35px; padding: 10px; }
.albumSection h2 { font-size: 18px; margin-bottom: 15px; }
.albumSection { padding: 15px 0 0; }
.AlbumsNew li { float: left; min-height: 0; padding: 0 0 10px; width: 100%; }
.bottomSection { padding: 20px 0 0; }
.bottomSection h3 { font-size: 18px; }
.contactSection h2 { font-size: 20px; }
.copyRight { text-align: center; width: 100%; }
.FootRitght { float: right; padding-left: 0; text-align: center; width: 100%; }
.blogAlert input[type="text"] { border: 1px solid #da1c5c; border-radius: 5px; color: #da1c5c; font-size: 16px; height: 40px; padding: 8px; width: 100%; }
input.submitBtn {
 0 5px 5px 0; color: #fff; font-size: 16px; height: 40px; padding: 10px 10px; position: absolute; right: 0; text-align: center; top: 0; }
.bottomSection .contactSection p { color: #000000; font-size: 15px; margin: 0 0 10px; }
.fancyInner { float: left; padding: 10px; width: 92%; }
.loginPopup h3 { font-size: 14px; }
.eventAddBtn { margin-bottom: 20px; text-align: center; }
}
/* 22-06-2017 */
* { font-family: "Calibri"; margin: 0; outline: medium none; padding: 0; }
.rememberCheck { float: left; width: 100%; margin: 10px 0 5px }
.rememberCheck input { float: left; margin: 0 5px 0 0; }
.loginPopup input[type="checkbox"] { border: 0; width: auto; height: auto; padding: 0; }
.ui-timepicker-wrapper { width: 200px; }
/* 31=07-2017 */
.skinList li .imagePrevBox.active { opacity: 1; }
.skinList li .imagePrevBox { opacity: 1; }
.skinList li.selected { box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25); border: 1px solid #3498db; }
.fullWidthForm { width: 100%; max-width: 100%; padding: 0 10%; }
.userPhoto { background-image: url(../images/user.png); }
/* 4-8-2017 */
.middleSection { width: 100%; float: left; clear: both; border-top: 1px solid #da1c5c; padding: 50px 0 0; text-align: center; }
.middleSection h3 { font-size: 25px; margin: 0 0 10px; color: #da1c5c; }
.middleSection p { font-size: 18px; margin: 0 0; color: #58595b; }
.middleSection .contactSection p { font-size: 18px; margin: 0 0 10px; color: #000000; }

@media screen and (max-width: 1023px) {
.middleSection h3 { font-size: 20px; }
}

@media screen and (max-width: 479px) {
.middleSection { padding: 20px 0 0; }
.middleSection h3 { font-size: 18px; }
.middleSection .contactSection p { color: #000000; font-size: 15px; margin: 0 0 10px; }
}
a.loginButtonMiddle,
a.loginButtonMiddle:hover { background: #da1c5c none repeat scroll 0 0; border-radius: 5px; color: #fff; display: inline-block; font-size: 20px; margin: 50px 0; padding: 10px 20px; position: relative; text-align: center; }
.imageUploadBox.profilePicUploadBox { margin: 0 25%; max-width: 50%; }
.tabContent label.right { float: right; width: auto; color: #8a8989; }
.tabContent label.aboutIcon { width: 20px; height: 20px; background: url(../images/infoicon.png) no-repeat; background-size: contain; display: inline-block; float: left; margin: 6px 0 0 10px; }
.tabContent .midiumTextBox input,
.tabContent .midiumTextBox select { width: 60%; float: left; }
/* 7-8-2017 */
.logocont { margin: 5px 0 0; }
.totalphoto { float: left; position: relative; font-size: 20px; }
.checkBox { display: inline-block; float: right; margin: 13px 0 0; }
.checkBox input[type="checkbox"] { display: inline-block; margin: 0 6px 0 0; font-size: 16px; }
.ui-tooltip,
.ui-tooltip-content { -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px }
.ui-tooltip { position: absolute; z-index: 9999; margin-left: 12px; line-height: 120%; background-color: #747879; border: 1px solid #646768; border-left: none; border-top: none; display: none; *zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="after")
}
.ui-tooltip:after,
.ui-tooltip .after { content: ''; background: url(../images/ui-icons.png) no-repeat -340px 0; width: 11px; height: 18px; position: absolute; left: -9px; top: 50%; margin-top: -9px }
.ui-tooltip-content { min-width: 250px; max-width: 250px; padding: 10px 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #fff; border: 1px solid #a7aaab; border-bottom: none; border-right: none; text-indent: 0; border: 0; }

@media screen and (max-width: 1100px) {
.fullWidthForm { padding: 0 0; }
.tabContent .midiumTextBox input,
.tabContent .midiumTextBox select { float: left; width: 100%; }
.ui-tooltip:after,
.ui-tooltip .after { content: ''; background: none; }
}
.changeRemoteBtn { position: relative; }
.changeRemoteBtn .themBtn { left: 0; width: auto; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: 0 !important; }
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { font-size: 16px; }
.ui-datepicker td span,
.ui-datepicker td a { line-height: 20px; text-align: center; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 43%; }
.connectwithFb { background: rgba(0, 0, 0, 0) url("../images/connect-with-facebook-lg.png") no-repeat scroll center center / contain; border: 0 none; cursor: pointer; display: inline-block; height: 50px; margin: 0 20%; max-width: 60%; text-align: center; width: 100%; }
.resetPasswordCont { display: block; float: none; margin: 0 auto; max-width: 420px; }
.resetPasswordCont .inputform { width: 100%; }
.resetPasswordCont h2 { text-align: center; }
.resetPasswordCont .formBtns { width: 100%; text-align: center; }
.resetPasswordCont .formBtns input.themBtn { float: none !important; }
/* 20-08-2017 */
.activityAlbum .inputform { float: left; margin-bottom: 12px; }
.addPhotoActivity { border: 1px solid #e0e0e0; float: left; font-size: 26px; height: 100%; left: 0; line-height: 100%; padding: 40% 0 60%; position: absolute; text-align: center; top: 0; width: 100%; }
.imgSize { margin: 10px 25%; text-align: center; }
.addBtn { background: #37a000 none repeat scroll 0 0; border: 1px solid #37a000; border-radius: 2px; color: #fff; float: right; font-size: 16px; font-weight: 500; padding: 10px 15px; margin-right: 10%; }

@media screen and (max-width: 767px) {
.addBtn { margin-right: 0%; margin-top: 1px; padding: 10px 8px; }
.addPhotoActivity { height: auto; line-height: 100%; padding: 0; width: 100%; }
}
/* 06-09-2017 */
.activityAlbum .inputform { width: 100%; }
.activityAlbum .inputform .activityAlbumName { width: 75%; }
.PhotoName { bottom: 5px; float: left; left: 3%; margin-bottom: 2px; margin-top: 15px; position: relative; width: 94%; }
input.savePhotoNameBtn { cursor: pointer; margin: 0; padding: 10px; position: absolute; right: 0; }
.PhotoName input[type="text"] { max-width: 73%; }
.EVLSortableParent .activityAlbum { position: relative; }
.EVLSortableParent .activityAlbum:after { position: absolute; width: 26px; height: 26px; position: absolute; top: 0; right: 0; cursor: pointer; content: ''; background: url(../images/MoveDrag.png) no-repeat #5b5b5b; background-size: contain; z-index: 99; background-size: calc(80%); background-position: center center; display: block; background-color: rgba(55,160,0,0.60); }
.EVLSortableParent .activityAlbum:hover:after { display: block; background-color: rgba(55,160,0,0.60); }
.EVLSortableChild li.photoAlbumList { position: relative; }
.EVLSortableChild li.photoAlbumList:after { position: absolute; width: 23px; height: 23px; position: absolute; top: 0; left: 0; cursor: pointer; content: ''; background: url(../images/MoveDrag.png) no-repeat #949494; background-size: contain; z-index: 99; background-size: calc(70%); background-position: center center; display: none; background-color: rgba(55,160,0,0.60); background-color: #46bd08; }
.EVLSortableChild li.photoAlbumList:hover:after { display: block; }
.EVLSortableChild li.disabled { opacity: 1; pointer-events: inherit; }
.sliderPhotoSorting .photoSlideList .inputform .imageUploadBox { position: relative; }
.sliderPhotoSorting .photoSlideList .inputform .imageUploadBox:after { position: absolute; width: 23px; height: 23px; position: absolute; top: 0; left: 0; cursor: pointer; content: ''; background: url(../images/MoveDrag.png) no-repeat #949494; background-size: contain; z-index: 99; background-size: calc(70%); background-position: center center; display: block; background-color: rgba(55,160,0,0.60); background-color: #46bd08; }
.sk-fading-circle { margin: 100px auto; width: 40px; height: 40px; position: relative; }
.sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #ee2a7b; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
.sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
.sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
.sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }
.sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }
.sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }
.sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }
.sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
.sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
.sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }
.sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
 @-webkit-keyframes sk-circleFadeDelay {
 0%, 39%, 100% {
opacity: 0;
}
 40% {
opacity: 1;
}
}
 @keyframes sk-circleFadeDelay {
 0%, 39%, 100% {
opacity: 0;
}
 40% {
opacity: 1;
}
}
.photoLoader { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #fff; }
.imagePrevBox { position: relative; }
.sk-fading-circle { position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; }
.photoLoader { display: none; }
.photoUploadedMsg { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url(../images/checked.png) no-repeat center center rgba(255, 255, 255, 0.9); background-size: calc(35px); z-index: 99; }
.deltePhAlbmBtn { float: right; width: 100%; margin: 20px 0 0; }
.deltePhAlbmBtn .AlbumPhotoDelteBtn { float: right; margin: 10px 0 0; background: #f44336; border-color: #f44336; color: #fff; text-decoration: none; }
.alert { border: 1px solid transparent; border-radius: 4px; margin-bottom: 20px; padding: 15px; display: inline-block; }
.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
.closeAlert { font-size: 17px; font-weight: bold; margin: 0 0 0 10px; padding: 5px 8px; float: right; }
.customAlert { font-size: 20px; position: fixed; top: 46px; left: 0px; width: auto; max-width: 90%; }

@media screen and (max-width: 1023px) {
.securityField { display: block; float: left; width: 100%; }
.securityField input.savePassword { float: left; margin: 0; }
}

@media screen and (max-width: 767px) {
.activityAlbum .inputform .activityAlbumName { width: 69%; }
.EVLSortableParent .activityAlbum { padding-top: 35px; }
.customAlert { font-size: 15px; padding: 10px; }
}

@media screen and (max-width: 639px) {
.customAlert { left: 5% !important; width: auto; max-width: 90%; }
}
/* bootstrap style for Model - START*/
.close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; }
.close:hover,
.close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; }
button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; }
.modal-open { overflow: hidden; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }
.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; }
.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0; line-height: 1.42857143; }
.modal-body { position: relative; padding: 15px; }
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 768px) {
.modal-dialog { width: 600px; margin: 30px auto; }
.modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); }
.modal-sm { width: 300px; }
}

@media (min-width: 992px) {
.modal-lg { width: 900px; }
}
.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }
.fade.in { opacity: 1; }
h4,
.h4 { font-size: 18px; }
p { margin: 0 0 10px; }
.btn:active,
.btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
button,
select { text-transform: none; }
button { overflow: visible; }
/* bootstrap style for Model - END*/

/* Auto Search Style -START*/
.autoCompSearchData li img { margin-left: 4px; max-height: 30px; max-width: 100%; position: absolute; left: 0px; right: auto; top: 4px; width: auto; }
.autoCompSearchData li { font-size: 17px; text-align: left; position: relative; border-bottom: 1px solid #f3f3f3; }
.autoCompSearchData { left: 0; position: absolute; top: 56px; width: 90.4%; z-index: 2; border: 1px solid #ebebeb; border-radius: 4px; background: #fff; max-height: 250px; overflow: hidden; overflow-y: auto; padding: 0; }
.autoCompSearchData li a { padding: 12px 10px; padding-left: 50px; display: block; position: relative; color: #3b3b3b; text-decoration: none !important; }
.autoCompSearchData li:hover { background: #f5f5f5; border-color: #dddddd; }
.autoCompSearchData li:last-child { border: 0; }
.autoCompSearchData { display: none; }

@media screen and (max-width: 767px) {
.autoCompSearchData { top: 40px; width: 83.0%; z-index: 99999999; }
}

@media screen and (max-width: 639px) {
.autoCompSearchData { top: 40px; width: 77.2%; }
}

@media screen and (max-width: 639px) {
.autoCompSearchData { top: 35px; width: 74.5%; }
}
.loginPopup .welcomeBtn { width: 100%; margin: 15px 0; background: #DA1C5C; color: white; cursor: pointer; font-size: 20px; border-radius: 5px; height: 45px; padding: 10px; border: 1px solid #DA1C5C; }
.loginPopup .viewBtn { margin: 25px 0; }
.welcomeHeading { font-size: 50px; margin: 10px 0; }

@media screen and (max-width: 767px) {
.welcomeHeading { font-size: 24px; margin: 10px 0; }
.wdp_countdown_item { margin-left: -10px; margin-right: -10px; font-size: 12px; }
}

@media screen and (max-width: 767px) {
.autoCompSearchData { width: 99.4%; }
.autoCompSearchData li a { padding-left: 10px; }
.datetimeForm .setPageUrl .siteName { display: none; }
.datetimeForm .setPageUrl label { width: 100%; }
}

@media screen and (min-width: 768px) {
.datetimeForm .setPageUrl .inputform { width: 50%; }
.datetimeForm .setPageUrl label { width: 25%; }
}
/* Auto Search Style -END*/

.skinList li.DarkBlueTheme .imagePrevBox { background: url(../images/imgplaceHolderBlueSkin.png) no-repeat center center; background-size: contain; }
/* Share Whatsaap 20-12-2017 - START*/
.w3_whatsapp_btn { background-image: url('icon.png'); border: 1px solid rgba(0, 0, 0, 0.1); position: relative; font-family: Arial, sans-serif; letter-spacing: .4px; cursor: pointer; font-weight: 400; text-transform: none; color: #fff; border-radius: 2px; background-color: #5cbe4a; background-repeat: no-repeat; line-height: 1.2; text-decoration: none; text-align: left; padding: 8px 6px 8px 8px; }
.w3_facebook_btn { background-image: url('icon.png'); border: 1px solid rgba(0, 0, 0, 0.1); display: inline-block !important; position: relative; font-family: Arial, sans-serif; letter-spacing: .4px; cursor: pointer; font-weight: 400; text-transform: none; color: #fff; border-radius: 2px; background-color: #3b5998; background-repeat: no-repeat; line-height: 1.2; text-decoration: none; text-align: left; padding: 10px 6px 8px 10px; }
.w3_gmail_btn { background-image: url('icon.png'); border: 1px solid rgba(0, 0, 0, 0.1); position: relative; font-family: Arial, sans-serif; letter-spacing: .4px; cursor: pointer; font-weight: 400; text-transform: none; color: #fff; border-radius: 2px; background-color: #c71610; background-repeat: no-repeat; line-height: 1.2; text-decoration: none; text-align: left; padding: 8px 6px 8px 6px; }
.w3_whatsapp_btn_small { font-size: 12px; background-size: 16px; background-position: 5px 2px; padding: 3px 6px 3px 25px; }
.w3_whatsapp_btn_medium { font-size: 16px; background-size: 20px; background-position: 4px 2px; padding: 4px 6px 4px 30px; }
.w3_whatsapp_btn_large { font-size: 16px; background-size: 20px; background-position: 5px 5px; color: #fff; }
a.whatsapp { color: #fff; }

@media screen and (max-width: 767px) {
.w3_whatsapp_btn { display: inline-block; }
.w3_gmail_btn { display: inline-block; }
.shareFB { display: none; }
}

@media screen and (min-width: 768px) {
.w3_whatsapp_btn { display: none; }
.w3_gmail_btn { display: none; }
}
/* Share Whatsaap 20-12-2017 - END*/

/* Payment Success 25-12-2017 - START*/
.successBuyH1 { font-size: 30px; color: green; margin-bottom: 15px; }
.successBuyH2 { font-size: 22px; margin: 30px 0; }
.successBuyH3 { font-size: 22px; margin: 30px 0; }

@media screen and (min-width: 768px) {
.tabcontpadd .successBuyH2 { margin: 30px 20%; }
}

@media screen and (max-width: 767px) {
.tabcontpadd .successBuyH1 { font-size: 20px; color: green; margin-bottom: 15px; }
.tabcontpadd .successBuyH2 { font-size: 18px; margin: 30px 0; margin: 0px 5%; }
}
.errorBuyH1 { font-size: 30px; color: red; margin-bottom: 15px; }
.errorBuyH2 { font-size: 22px; margin: 30px 0; }
/* Payment Success 25-12-2017 - END*/

/* Billing Info 30-12-2017 - START*/
.billing_info li { float: left; width: 100%; margin-bottom: 10px; font-size: 18px; }
.billing_info label { width: 15%; float: left; font-size: 16px; font-weight: 500; padding: 5px 0; }
.billing_info .inputform { width: 83%; float: right; padding: 5px 0; }

@media screen and (max-width: 767px) {
.billing_info label { width: 30%; float: left; font-size: 16px; font-weight: 500; padding: 5px 0; }
.billing_info .inputform { width: 68%; float: right; padding: 5px 0; }
}
.planText { margin: 8px; font-size: 16px; }
.make-payment .eventList { margin-bottom: 40px; padding-bottom: 5px; padding-top: 5px; }
/* Billing Info 30-12-2017 - END*/


.GreyBg { background: #e9ebee; }
.GreyBg .leftTabs li,
.GreyBg .leftTabs { border: 0; }
.GreyBg .leftTabs li.active:after,
.GreyBg .leftTabs li:hover:after { display: none; }
.GreyBg .leftTabs li:hover a,
.GreyBg .leftTabs li.active a { background: #dadcde; }
.GreyBg .formRight { background: #fff; }
.GreyBg .leftTabs li { background: none; }
.whiteBgDashBoard { background: #fff !important; }
.album_box { width: 16%; height: 85px; float: right; background: url(../images/imgplaceHolderlightGrey.png) no-repeat; background-size: contain; background-position: center center; margin-top: -15px; }
.album_boxtext { text-align: center; width: 97%; font-size: 13px; line-height: 40px; top: 50%; margin-top: 23px; left: 0; color: #737373; float: right; }
.leftSectionPhoto .text { font-size: 36px; margin-left: 165px; color: white; }
.rightSectionPhoto { float: right; margin-bottom: 10px; margin-right: 85px; }
.rightSectionPhoto .btn { background: azure; margin-top: -82px; text-decoration: none; font-size: 18px !important; }
.signUpText { font-size: 24px; text-align: center; }

@media screen and (max-width: 767px) {
.leftSectionPhoto .text { font-size: 26px; margin-left: 0; color: white; display: inline; }
.leftSectionPhoto { border-right: 0 none; width: 100%; margin-bottom: 0; text-align: center; }
.rightSectionPhoto { padding-left: 0; width: 100%; margin: 20px auto; text-align: center; }
.rightSectionPhoto .btn { background: azure; margin-top: 0; text-decoration: none; font-size: 18px !important; }
.signUpText span { font-size: 18px; font-weight: bold; }
}
.createPageBtn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; background-color: rgba(0, 0, 0, 0); border: 1px solid #da1c5c; color: #da1c5c; font-size: 16px; font-weight: 500; padding: 10px 15px; float: right; margin-top: 15px; background-color: #37a000; border-color: #37a000; color: #fff; margin-bottom: 10px; box-shadow: 0 1px 6px rgba(57,73,76,0.35); border-radius: 5px; }
.createPageBtn:hover { text-decoration: none; color: #fff; box-shadow: 0 1px 6px rgba(57,73,76,0.35); border-radius: 5px; }
.SuccessMessage { color: green; margin: 10px auto; font-size: 20px; text-align: center; margin-top: -10px; font-weight: bold; }
.WeddingPageAlbums { width: 100%; float: left; list-style: none; margin: 0 0; }
.topWedAlbmsSec { width: 100%; float: left; margin:0 0 30px; }
.topWedHeading h2 { color: #fa296f; font-size: 34px; text-align: center; font-weight: bold; margin: 0 0 15px; }
.realDiscripTop { color: #222; font-size: 17px; text-align: left; margin: 0 0 15px; line-height: 150%; }
.realDiscripTop a { color: #fa3c89; }
.topRightReqSec { width: 35%; float: right; text-align: center; }
.topRightReqSec { text-align: center; }
a.reqeustInviteBtn,
a.reqeustInviteBtn { display: inline-block; padding: 10px 25px; color: #fff; background: #fa296f; border-bottom: 1px solid #c82159; border-radius: 5 px; font-weight: bold; font-size: 18px; }
.WeddingPageAlbums { padding:0 30px; border: 0px solid #ff0000; margin: 0 auto; }
.albumListingReal { width: 100%; float: left; }
.albumListRealWeds { width: calc(100% + 40px); float: left; margin: 0 -20px; }
.albumListRealWeds li { width: calc(33.33% - 10px); float: left; margin: 0 5px 30px; }
.albumPicsRealWed { width: 100%; float: left; }
.albumThumbSec { width: 100%; float: left; }
.albumPicThumbsWed { width: 50%; float: left; }
.albumPicBigWed { width: 100%; float: left; margin: 0 0 10px; height: 0; padding: 0 0 67%; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0 0 60%; }
.albumThumbSec { width: 100%; float: left; }
.albumPicThumbsWed { width: 100%; float: left; }
.albumThumbSec .albumPicThumbsWed { width: calc(50% - 5px); float: left; }
.albumThumbSec .albumPicThumbsWed:nth-child(1) { margin-right: 5px; }
.albumThumbSec .albumPicThumbsWed:nth-child(2) { margin-left: 5px; float: right; }
.albumPicThumbsWed { width: 100%; height: 0; float: left; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0 0 30%; }
.albumListname a { color: #fa296f; font-size: 18px; text-align: center; font-weight: bold; display: inline-block; width: 100%; }
.albumPicBigWed,
.albumPicThumbsWed { overflow: hidden; }
.albumPicBigWed img,
.albumPicThumbsWed img { opacity: 0; visibility: hidden; }
.albumListname { width: 100%; float: left; margin: 10px 0 10px; font-weight: bold; font-weight: 22px; }

@media screen and (max-width: 767px) {
.albumListRealWeds li {width: calc(50% - 10px); }	 
.topRightReqSec {width: 100%; }
}
@media screen and (max-width: 639px) {
.albumListRealWeds li {width: calc(100%);     margin: 0 0px 20px; }	
}
.albumListname {
    font-size: 18px;
    text-align: center;
}