@import url('https://fonts.googleapis.com/css?family=Cinzel');
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mvw8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mvw8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mvw8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mvw8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mvw8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mvw8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mvw8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mvw5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
h4, h5, h6, h1, h2, h3 {
margin-top: 0;
}
ul, ol {
margin: 0;
}
p {
margin: 0;
}
/* ---------------- For Animation on Scroll ---------------- */
::selection {
background: #81b84d;
color: #333;
}
/* ---------------- For Animation on Scroll ---------------- */
html, body {
font-size: 100%;
background: #ffffff;
}
body a {
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
[data-splitting] {
opacity: 0;
}
.title-slide-in {
font-family: 'Cinzel', serif;
font-size: 3vw;
color:#fff;
}
.title-slide-in .char {
opacity: 0.001;
}
header {
width: 100%;
position: relative;
z-index:9999;
}
.example1 {
height: 20px;
overflow: hidden;
position: relative;
}
.example1 h3 {
font-size: 1.2vw;
color: #083d5f;
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 20px;
text-align: center;
/* Starting position */
-moz-transform:translateX(100%);
-webkit-transform:translateX(100%);
transform:translateX(100%);
/* Apply animation to this elvwent */	
-moz-animation: example1 45s linear infinite;
-webkit-animation: example1 45s linear infinite;
animation: example1 45s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
0% {
-moz-transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%);
}
}
@-webkit-keyframes example1 {
0% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(-100%);
}
}
@keyframes example1 {
0% {
-moz-transform: translateX(100%); /* Firefox bug fix */
-webkit-transform: translateX(100%); /* Firefox bug fix */
transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%); /* Firefox bug fix */
-webkit-transform: translateX(-100%); /* Firefox bug fix */
transform: translateX(-100%);
}
}
.title-bar {
padding:1%;
background: #81b84d; /* Old browsers */
}
.title-bar h1 {
width:97%;
margin:0 auto;
font-family: Calibri;
color:#fff;
font-size:1.5vw;
padding-bottom:0;
margin-bottom:0;
font-weight:300;
}
.top-bar {
padding:.2%;
background: #f2f2f2;
line-height: 20px;
}
.top-header-left {
width:85%;
float:left;
}
.mobile {
display:none;
}
.top-header-right {
width:15%;
float:right;
}
.top-white {
width: 100%;
background-color: #FFF;
padding-top: 2.5%;
padding-bottom: 2%;
padding-left: 7%
}
.top-white-grid {
width: 25%;
float: left
}
.top-white-grid i {
width: 20%;
float: left;
margin-top: 5px
}
.top-white-grid p {
width: 78%;
font-size: 1.3vw;
color: #03acfd;
font-weight: 300;
line-height: 1.2vw;
float: left
}
.top-header-left-mobile {
display:none;
}
.topsection {
background-color:#FFF;
padding:2%;
padding-top:1vw;
width:100%;
box-shadow: 0 0 2px #DCDCDC;
padding-bottom:2vw;
}
.topsection-middle-left {
width: 30%;
float:left;
}
.topsection-middle-right {
width: 70%;
float:left;
}
.top-white-grid p {
font-family: 'Open Sans', sans-serif
}
.top-white {
width: 100%;
padding: .5%;
line-height: 25px;
}
.top-white-left {
width: 50%;
float: left;
}
.top-white-left i {
width: 10%;
float: left;
margin-top: 0px;
font-size:4vw;
color:#bb8ed0;
}
.top-white-left p {
width: 90%;
font-size: 1.1vw;
color: #000;
font-weight: 500;
line-height: 1.8vw;
float: left;
font-family: 'Open Sans';
}
.top-white-left span {
color: #bb8ed0;
font-weight: 700;
}
.top-white-left p a {
color: #000;
}
.top-white-right {
width: 50%;
float: right;
}
.top-white-grid {
width: 50%;
float: left;
}
.top-white-grid i {
width: 25%;
float: left;
margin-top: 0px;
font-size:2vw;
color:#bb8ed0;
}
.top-white-grid p {
width: 78%;
font-size: 1.1vw;
color: #000;
font-weight: 500;
line-height: 1.8vw;
float: left;
font-family: 'Open Sans';
}
.top-white-grid p a {
color: #000;
}
.top-white-grid p :hover {
color: #bb8ed0;
}
.line {
border-bottom: 1px solid #e4e4e4;
width:100%;
margin: 0 auto;
margin-top:0.5vw;
margin-bottom:0.5vw;
}
.topsection-left {
width: 25%;
float:left;
outline: none;
position: absolute;
z-index:9999;
margin-top:0.8vw;
}
.logo img {
width:100%;
}
.logo {
float:left;
width: 100%;
}
.topsection-right {
width: 62%;
float:right;
text-align:right;
padding-top:0;
}
.mainsection {
width: 100%;
background-image:url(../images/header.jpg);
background-repeat: no-repeat;
background-position: center;
}
.mainsection-inner {
width:76%;
margin: 0 auto;
text-align:center;
padding:11vw;
padding-top:4vw;
padding-bottom:4vw;
}
.mainsection-inner1 {
width:100%;
margin: 0 auto;
text-align:center;
padding:4vw;
padding-top:4vw;
}
.mainsection-inner h2, .mainsection-inner1 h2 {
font-family: 'Open Sans';
color:#81b84d;
font-size:1.2vw;
font-weight:700;
text-transform:uppercase;
}
.mainline {
border-bottom: 1px solid #245672;
width:100%;
margin: 0 auto;
margin-top:1vw;
margin-bottom:1vw;
}
.mainsection-inner h1, .mainsection-inner1 h1 {
font-family: 'Cinzel', serif;
color:#FFF;
font-size:2.3vw;
font-weight:400;
text-transform:uppercase;
line-height:1.5vw;
letter-spacing:1px;
}
.mainsection-inner h1 span, .mainsection-inner1 h1 span {
font-weight:700;
}
.purplebox {
max-width:93%;
margin: 0 auto;
margin-top:3vw;
}
.purplebox-grid {
width: 25%;
float: left;
background-color:#81b84d;
padding-top:2vw;
padding:2.5vw;
text-align:center;
height:30vw;
}
.purplebox-grid:nth-child(2) {
background-color:#95c469;
text-align:center;
}
.purplebox-grid:nth-child(3) {
background-color:#81b84d;
text-align:center;
}
.purplebox-grid:nth-child(4) {
background-color:#70a93b;
}
.purplebox-grid span {
width: 30%;
margin: 0 auto;
}
.purplebox-grid h1 {
font-family: 'Cinzel', serif;
color:#FFF;
font-size:2.5vw;
font-weight:400;
padding-top:1vw;
line-height:3vw;
}
.purplebox-grid h1 span {
font-weight:700;
}
.purplebox-grid h2 {
font-family: 'Cinzel', serif;
color:#FFF;
padding-top:1vw;
font-size:2vw;
line-height:1.3vw;
padding-bottom:10px;
margin-bottom:0;
}
.purplebox-grid h3 {
font-family: 'Cinzel', serif;
color:#FFF;
padding-top:0.7vw;
font-size:2vw;
font-weight:700;
}
.purplebox-grid p {
font-family: 'Cinzel', serif;
color:#FFF;
font-size:1.1vw;
}
.purplebox-grid h4 {
font-family: 'Open Sans';
color:#ac8fb9;
font-size:1vw;
font-weight:700;
line-height:1.3vw;
}
.purplebox-grid h5 {
font-family: 'Open Sans';
color:#c6b7cd;
font-size:1vw;
font-weight:700;
line-height:1.3vw;
}
.purplebox-grid h6 {
font-family: 'Open Sans';
color:#a18dab;
font-size:0.9vw;
font-weight:600;
line-height:1.2vw;
}
.welcome-main {
width:100%;
margin: 0 auto;
padding:4vw;
text-align:center;
padding-bottom:2vw;
}
.welcome-main h1 {
font-family: 'Cinzel', serif;
color:#083d5f;
font-size:2.6vw;
}
.welcome-main h2 {
font-family: 'Open Sans';
color:#000;
font-size:1.4vw;
line-height:2.4vw;
margin-top:2vw;
}
.welcome-main h3 {
font-family: Calibri;
color:#000;
font-size:1.5vw;
line-height:1.5vw;
text-align:left;
}
.welcome-main p {
font-family: Calibri;
color:#000;
font-size:1.5vw;
padding-left:2vw;
padding-right:2vw;
padding-top:0.5vw;
font-weight:300;
}
video {
max-width:100%;
height:auto;
display:block;
}
.fillWidth {
width:100%;
height:100%;
}
.video-overlay {
width:100%;
height:100%;
position: absolute;
background-color:rgba(35, 43, 75, 0.5);
top:0;
z-index:100;
padding:8%;
}
.video-overlay2 {
width:100%;
height:100%;
position: absolute;
background-color:rgba(35, 43, 75, 0.5);
top:0;
z-index:100;
padding:8%;
}
.video-overlay1 {
width:100%;
height:100%;
position: absolute;
background-color:rgba(35, 43, 75, 0.5);
top:0;
z-index:100;
padding:8%;
}
.heading {
width:90%;
margin:0 auto;
margin-top:1%;
padding-left:5%;
}
.heading img {
width:50%;
}
.heading h1 {
font-family: 'Merriweather', serif;
color:#FFF;
font-size:6vw;
font-weight:700;
text-align: left;
padding-bottom:0;
z-index:99;
}
.heading p {
font-family: 'Merriweather', serif;
color:#FFF;
font-size:2vw;
font-weight:700;
text-align: left;
margin:0px;
padding-bottom:0.5vw;
margin-top:-1vw;
}
.bluesection {
height: 400px;
width: 100%;
background-color:#272f4f;
padding-bottom: 50px;
background-image: url(../images/how-we-can-help.png);
background-position: center bottom;
background-repeat: repeat-x;
padding-top: 70px;
}
.bluesection .line {
border-top: 6px solid #FFF;
width:40px;
}
.bluesection h2 {
font-family: 'Open Sans', sans-serif;
color:#FFF;
font-size:30px;
font-weight:600;
text-align: left;
padding-top:15px;
margin:0px;
padding-bottom:0.5vw;
}
.home-punch {
width:100%;
position:relative;
margin-top:5%;
}
.contnt-box {
width:100%;
float:left;
}
.content-box {
width:60%;
float:left;
}
.content-box h1 {
font-size:4vw;
color:#0c4da2;
font-weight:300;
text-align: center;
padding-top:0%;
padding-bottom:7%;
}
.content-box p {
font-size:1vw;
color:#5b5b5b;
font-weight:400;
text-align:left;
line-height:1.4vw;
text-align:center;
letter-spacing:1px;
}
.punch-box {
width:40%;
float:left;
padding:5%;
background-color:#0089e0;
height:917px;
background-image:url(../images/blue-bg.jpg);
background-repeat:repeat;
background-position:center top;
padding-top:15%;
}
/*.punch-box:hover {
background-color:#e07f0d;
}*/
.punch-box h1 {
font-size:3vw;
color:#FFF;
font-weight:700;
text-align:left;
text-transform:uppercase;
font-family: 'Open Sans', sans-serif;
}
.punch-box h1 span {
font-size:1.4vw;
color:#FFF;
font-weight:300;
text-align:left;
}
.punch-box p {
font-size:1.5vw;
color:#FFF;
font-weight:300;
text-align:left;
line-height:1.4vw;
padding-top:2%;
}
.lines-pack {
position: relative;
height: 40px;
}
.lines-pack hr:first-child {
width:25px;
top: -10px;
margin:0 auto;
}
.lines-pack.right hr {
left:0;
right:0;
}
.lines-pack hr {
border: none;
background: #cbcbcb;
height: 1px;
position: absolute;
margin-top:2%;
}
.lines-pack hr:nth-child(2) {
width:100px;
margin:0 auto;
}
.lines-pack hr:last-child {
width:50px;
bottom:28px;
margin:0 auto;
}
.welcomesection {
width: 100%;
text-align:center;
padding-top:5%;
padding-bottom:3%;
}
.welcomesection h1 {
font-size: 3.2vw;
color:#333;
font-weight:700;
padding-left:10%;
padding-right:10%;
font-family: 'Open Sans', sans-serif;
}
.welcomesection h1 span {
color:#0089e0;
}
.welcomesection p {
font-family: 'Merriweather', serif;
font-size:1.1vw;
color:#333;
font-weight:300;
line-height:1.8vw;
padding-left:10%;
padding-right:10%;
}
.testimonial {
width: 100%;
text-align:center;
}
.testimonial h2 {
font-size: 3.2vw;
color:#333;
font-weight:400;
font-family: 'Open Sans', sans-serif;
margin-top:35px;
}
.testimonial h2 span {
color:#0089e0;
font-weight:700;
}
#testimonials {
width:100%;
float:left;
background-image: url(../images/brand-bg.jpg);
background-repeat: repeat-x;
background-position: center top;
padding-bottom:6%;
}
.testimonial-inner {
width: 60%;
border-radius: 0%;
background: #fff;
margin: 60px auto 0;
-webkit-box-shadow: 2px 0 47px -9px #f3f4f5;
-moz-box-shadow: 2px 0 47px -9px #f3f4f5;
box-shadow: 2px 0 47px -9px #f3f4f5;
display: block;
padding:5%;
text-align:center;
}
.testimonial-inner h1 {
font-size: 2.6vw;
color:#333;
font-weight:700;
font-family: 'Open Sans', sans-serif;
}
.testimonial-inner h1 span {
color:#0089e0;
}
.testimonial-inner p {
font-family: 'Merriweather', serif;
font-size:1.1vw;
color:#333;
font-weight:300;
line-height:1.8vw;
padding-bottom:1%;
}
.testimonial-inner p span {
font-family: 'Merriweather', serif;
font-size:1.8vw;
color:#0089e0;
font-weight:400;
line-height:1.8vw;
}
.testimonial-inner .btn {
background-color: #0089e0; /* white */
color: #fff;
padding: 10px 22px;
text-align: center;
text-decoration: none;
font-size: 18x;
margin-top:1%;
font-family: 'Merriweather', serif;
padding-top:8px;
font-weight:300;
border:1px solid #0089e0;
font-style:italic;
margin-right: 1%;
}
.testimonial-inner .btn a {
color: #fff;
text-decoration: none;
}
.testimonial-inner .btn a:hover {
color:#def2ff;
text-decoration: none;
}
.test-box {
width: 450px;
margin: 0 auto;
}
.test-box .bxslider-2 {
text-align: center;
width: 100%
}
.test-box .bxslider-2 li {
padding: 62px 30px 120px 0;
}
.test-box .bxslider-2 li.bx-clone {
display: none!important
}
.test-box .bxslider-2 li figure {
width: 100%;
margin-bottom: 20px
}
.sprite.blockquotes {
background: url(../images-home/sprite-imges.png) 0 -62px no-repeat;
width: 60px;
height: 51px;
margin: 0 auto
}
.test-box .bxslider-2 li figure img {
text-align: center;
display: block;
margin: 0 auto
}
.test-box .bx-has-controls-direction .bx-default-pager {
width: 100%;
display: block;
list-style-type: none;
margin: 0 auto;
text-align: center!important
}
.test-box .bx-has-controls-direction .bx-default-pager .bx-pager-itvw {
display: inline-block;
border-radius: 100%;
width: 15px;
height: 15px;
margin-right: 8px
}
.test-box .bx-has-controls-direction .bx-default-pager .bx-pager-itvw a {
display: block;
text-indent: -999vw;
border-radius: 100%;
width: 15px;
height: 15px;
background: #eaeaea;
margin-right: 8px;
color: #eaeaea;
}
#blog-section, .bxslider-3 li {
width: 100%;
float: left
}
.test-box .bx-has-controls-direction .bx-default-pager .bx-pager-itvw a.active {
background: #3581c7
}
.test-box .bx-has-controls-direction .bx-controls-direction {
display: none
}
.bxslider-2 li p {
text-align: center;
padding-bottom: 10px
}
.bxslider-2 li p a {
font: 18px/36px "Merriweather";
color: #48545f;
font-style:italic;
}
.bxslider-2 li span {
color: #0089e0;
font: 15px "Merriweather";
font-weight:600;
padding-bottom:2vw;
}
.blog-cont h5, .blog-section-inner h2 {
color: #3e4856;
text-transform: uppercase
}
.sprite.blockquotes {
width: 60px;
height: 51px;
margin: 0 auto;
background-image: url(../images/sprite-imges.png);
background-repeat: no-repeat;
background-position: 0 -62px;
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
display: none;
}
.lines {
border-bottom: 1px solid #e4e4e4;
width:100%;
margin: 0 auto;
margin-top:2%;
}
.toolssection {
width: 100%;
margin-bottom:2%;
text-align:center;
margin-top:3%;
}
.toolssection h1 {
font-size: 2vw;
color:#333;
font-weight:300;
font-family: 'Open Sans', sans-serif;
margin-bottom:10px;
}
.toolssection h1 span {
color:#0089e0;
font-weight:700;
}
.awardsection {
width: 100%;
margin-bottom:3%;
text-align:center;
margin-top:3%;
}
.awardsection h3 {
font-size: 2.5vw;
color:#333;
font-weight:700;
font-family: 'Open Sans', sans-serif;
margin-bottom:10px;
}
.awardsection h3 span {
color:#0089e0;
}
.awardsection p {
font-family: 'Merriweather', serif;
font-size:1.2vw;
color:#333;
font-weight:300;
line-height:1.8vw;
padding-bottom:2%;
}
.awardblock {
width: 100%;
}
.awardblock li {
display:inline-block;
padding-right: 2%;
padding-left: 2%;
border-right: 1px solid #e0e0e0;
}
.awardblock li:nth-child(6) {
border-right: 0;
}
.view-all-link {
text-align: right;
padding: 0 10px;
width: 1000px;
margin: 0px auto;
}
.view-all-link a {
position: relative;
color: #0089e0;
font-family: 'Merriweather', serif;
padding-top:2%;
}
a {
text-decoration: none;
color: #0089e0;
outline: none;
}
/*.view-all-link a:after {
content: "";
position: absolute;
right: 0;
top: 8px;
background: url(../images/bg-sprite.png) no-repeat -113px -46px;
width: 5px;
height: 6px;
}*/
.grid-home-btn {
width:100%;
margin:0 auto;
padding-left:0;
padding-right:0;
background-color:#0089e0;
}
.grid-home-btn1 {
width:100%;
margin:0 auto;
padding-left:0;
padding-right:0;
margin-bottom:0.5%;
}
.grid-home {
width: 33.33333333%;
float:left;
margin:0 auto;
}
.project-grid {
width:100%;
margin:0 auto;
padding-top:4%;
padding-bottom:4%;
background-color: #0089e0;
background-image: url(../images/blue-bg.jpg);
background-repeat: repeat;
background-position: center top;
}
.project-grids {
width:23%;
float:left;
margin-right:2%;
}
.project-grids h1 {
font-size:2.3vw;
color: #fff;
font-weight:700;
font-family: 'Open Sans', sans-serif;
text-align: center;
line-height:1.5vw;
text-transform: capitalize;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.project-grids p {
font-size:1.1vw;
color: #fff;
font-weight:500;
font-family: 'Merriweather', serif;
text-align: center;
line-height:1.5vw;
text-transform: capitalize;
}
.top-section {
background-color: #083d5f;
padding-left:2vw;
padding-top:0;
padding-bottom:0;
}
.top-section-left {
width: 60%;
float: left;
text-align: left;
}
.top-section-left li {
font-family: Calibri;
display: inline-block;
color: #FFF;
z-index: 999;
font-size: 1.3vw;
font-weight: 400;
text-align: left;
margin-right: 2%;
padding-top: 5px;
text-decoration: none;
text-transform: none;
}
.top-section-left li i {
font-size: 1.2vw;
margin-right:0.2vw
}
.top-section-left li:nth-child(1) {
background-color: #81b84d;
padding: 7px 12px;
}
.top-section-left li a {
color: #FFF;
text-decoration: none;
}
.top-section-left li a:hover {
color: #e5f1d9;
text-decoration: none;
}
.top-section-right {
width: 10%;
float: right;
}
.top-section-right li {
font-family: 'Poppins', sans-serif;
display: inline-block;
color: #FFF;
z-index: 1000;
font-size: .9em;
font-weight: 500;
text-align: center;
text-decoration: none;
padding-top:0.5vw;
}
.top-section-right li a {
color: #FFF;
text-decoration: none;
}
.top-section-right li i {
font-size:2vw;
}
.home-section {
width:100%;
margin:0 auto;
margin-bottom:3%;
margin-top:3%;
}
.home-section h1 {
font-size: 2.2vw;
color:#333;
font-weight:700;
font-family: 'Open Sans', sans-serif;
text-align:center;
padding-bottom:0;
line-height:1.5vw;
}
.home-section h1 span {
color: #0089e0;
text-transform:uppercase;
}
.home-section p {
font-family: 'Merriweather', serif;
font-size:1.1vw;
color:#333;
font-weight:300;
line-height:1.8vw;
text-align:center;
padding-left:25%;
padding-right:25%;
}
.three-section {
width:100%;
margin:0 auto;
padding-left:4vw;
padding-right:0;
margin-bottom:0.5%;
}
.three-section-main {
width: 31.33333333%;
float:left;
margin:0 auto;
margin:0.3vw;
padding:2vw;
margin-bottom:3vw;
background:#f5f9fc;
}
.three-section-main img {
width:100%;
height:100%;
padding-bottom:1vw;
}
.three-section-main h1 {
font-family: 'Cinzel', serif;
color: #083d5f;
font-size: 2vw;
font-weight:500;
}
.three-section-main h2 {
font-family: 'Open Sans';
color: #083d5f;
font-size: 1.2vw;
font-weight:700;
margin-bottom:1vw;
line-height:1.8vw;
text-transform:uppercase;
}
.three-section-main h3 {
font-family: 'Open Sans';
color: #75458b;
font-size: 1.6vw;
font-weight:700;
padding-top:1vw;
}
.three-section-main h3 a {
color: #75458b;
font-size: 1.3vw;
}
.three-section-main h2 span {
color: #083d5f;
font-weight:400;
font-size: 1.6vw;
line-height:2.8vw;
text-transform: capitalize;
}
.three-section-main p {
font-family: 'Open Sans';
font-size:1.1vw;
color:#000;
font-weight:400;
line-height:1.9vw;
}
.tab-btn {
padding: 7px 12px;
color: #083d5f;
background-color: transparent;
font-size: 1.1vw;
font-family: 'Open Sans';
font-weight: 600;
border:1px solid #083d5f;
display: inline-block;
margin-top:10px;
text-transform:uppercase;
}
.tab-btn:hover {
color: #fff;
background-color: #083d5f;
text-decoration: none;
border: 1px solid #083d5f;
}
.tab-btn1 {
padding: 10px 16px;
color: #fff;
background-color: transparent;
font-size: 1.2vw;
font-family: 'Open Sans';
font-weight: 700;
border:1px solid #fff;
display: inline-block;
margin-top:10px;
text-transform:uppercase;
}
.tab-btn1:hover {
color: #fff;
background-color: #8955a1;
text-decoration: none;
border: 1px solid #8955a1;
}
.darkpurple-main {
background-color:#083d5f;
padding-bottom:3vw;
padding-top:4vw;
width: 100%;
padding-left:2.5vw;
padding-right:2vw;
background-image:url(../images/line-bg.jpg);
}
.darkpurple-main h1 {
font-family: 'Cinzel', serif;
color: #fff;
font-size: 2.4vw;
text-align:center;
line-height:2.5vw;
}
.darkpurple-main-box {
width: 23.4%;
float:left;
padding:1.4vw;
background-color:#81b84d;
margin-right:19px;
margin-top:1.6vw;
height:11vw;
}
.darkpurple-main-box:hover {
background-color:#1f75ae;
}
.darkpurple-main-box1 {
width: 39%;
float:left;
padding:1.5vw;
background-color:#fff;
margin-top:1.6vw;
height:11vw;
margin-right:0;
}
.darkpurple-main-box h2, .darkpurple-main-box1 h2 {
font-family: 'Cinzel', serif;
color: #fff;
font-size: 1.6vw;
text-align:center;
line-height:1.7vw;
font-weight:400;
padding-top:1vw;
}
.gray-main {
background-color:#dedfe1;
padding-bottom:3vw;
padding-top:4vw;
width: 100%;
background-image:url(../images/gray-bg.jpg);
background-repeat:no-repeat;
background-size: cover;
height:45vw;
padding-left:3vw;
padding-right:3vw;
}
.gray-main h1 {
font-family: 'Cinzel', serif;
color: #242424;
font-size: 2.4vw;
text-align:left;
}
.gray-main-left {
width: 50%;
float: left;
border:8px solid #fff;
}
.gray-main-right {
width: 50%;
float: left;
}
.achievvwents-grid {
width: 100%;
float: left;
margin-right: 2%;
margin-bottom: 5%;
padding: 2%;
background-color: #FFF;
}
.bottom-main {
background-color:#dedfe1;
width: 100%;
/*background-image:url(../images/bottom-bg.jpg);
background-repeat:no-repeat;
background-size: cover;*/
border-top:1px solid #eee;
background-color: #81b84d;
}
.bottom-main-left {
background-color:#fff;
width: 50%;
float:left;
padding:4vw;
}
.bottom-main-left h1 {
font-family: 'Cinzel', serif;
color: #083d5f;
font-size: 3vw;
text-align:center;
}
.bottom-main-left h2 {
font-family: 'Cinzel', serif;
color: #242424;
font-size: 1.4vw;
text-align:center;
margin-top:1vw;
line-height:1.5vw;
margin-bottom: 0;
}
.bottom-main-right {
width: 50%;
float:right;
padding:8vw;
}
.bottom-main-right h1 {
font-family: 'Cinzel', serif;
color: #fff;
font-size: 3vw;
text-align:center;
}
.bottom-main-right h2 {
font-family: 'Open Sans';
color: #fff;
font-size: 1.7vw;
text-align:center;
margin-top:1vw;
line-height:2.5vw;
margin-bottom:2vw;
font-weight:400;
}
.bottom-main-right h2 a {
font-family: 'Open Sans';
color: #fff;
}
.bottom-main-right h2 a:hover {
color: #eaf4e1;
}
.bottom-main-right h3 {
font-family: 'Cinzel', serif;
color: #fff;
font-size: 2.5vw;
text-align:center;
border-top:1px solid #a8c78b;
margin-left:5%;
margin-right:5%;
padding-top:1vw;
padding-bottom:1vw;
margin-bottom:0;
}
iframe {
width:100%;
margin: 0 auto;
}
.social {
width:100%;
margin-left: auto;
margin-right:auto;
text-align:center;
}
.social li {
display:inline-block;
list-style:none;
}
.social li i {
font-size:4vw;
color:#fff;
}
.footer-main {
width: 100%;
background-color:#083d5f;
z-index:99;
padding:1vw;
padding-bottom:0;
}
.footer-main-left {
width: 50%;
float:left;
}
.footer-main-left h1 {
font-family: Calibri;
color: #fff;
font-size: 1.3vw;
text-align:left;
}
.footer-main-left h1 a {
font-family: Calibri;
color: #fff;
}
.footer-main-left h1 a:hover {
color: #ccc;
}
.footer-main-right {
width: 48%;
float:right;
}
.footer-main-right h1 {
font-family: Calibri;
color: #fff;
font-size: 1.3vw;
text-align:right;
padding-top:0.5vw;
}
.about-main {
width:100%;
background-color:#f5f9fc;
}
.about-main-left {
width:50%;
float:left;
padding:4vw;
background-color:#f5f9fc;
}
.about-main-left h2 {
font-family: 'Cinzel', serif;
color:#083d5f;
font-size:2vw;
line-height:2.6vw;
font-weight:600;
}
.about-main-left h4 {
font-family: 'Open Sans';
color:#083d5f;
font-size:1.8vw;
padding-top:0.8vw;
line-height:2.3vw;
text-transform:none;
}
.about-main-left h4 a {
font-family: 'Open Sans';
color:#083d5f;
font-size:1.8vw;
}
.about-main-left h4 a:hover {
color:#81b84d;
}
.about-main-left p {
font-family: Calibri;
color:#083d5f;
font-size:1.6vw;
padding-top:0.8vw;
line-height:2.3vw;
}
.about-main-left p a {
color:#083d5f;
text-decoration:none;
}
.about-main-left p a:hover {
color:#0a6199;
}
.about-main-left h3 {
font-family: 'Open Sans';
color:#9666ac;
font-size:2vw;
line-height:2.5vw;
margin-top:1vw;
text-transform:uppercase;
font-weight:700;
}
.about-main-left h4 {
font-family: 'Cinzel', serif;
color:#9666ac;
font-size:1.5vw;
line-height:1.5vw;
margin-top:1vw;
font-weight:700;
}
.about-main-left li {
font-family: 'Open Sans';
color:#000;
font-size:1.3vw;
line-height:2vw;
font-weight:500;
list-style-position: inside;
list-style-image: url(../images/bullet.png);
line-height:2.5vw;
}
.about-main-right {
width:50%;
float:right;
background-color:#eee;
}
.about-main-right img {
width:100%;
}
.about-main-left1 {
width:50%;
float:left;
background-color:#eee;
}
.about-main-left1 img {
width:100%;
}
.about-main-right1 {
width:50%;
float:right;
padding:4vw;
background-color:#eff2eb;
}
.about-main-right1 h1 {
font-family: 'Open Sans';
color:#000;
font-size:2.5vw;
font-weight:700;
text-transform:uppercase;
}
.about-main-right1 h2 {
font-family: 'Cinzel', serif;
color:#000;
font-size:1.9vw;
line-height:2.4vw;
font-weight:700;
}
.about-main-right1 p {
font-family: Calibri;
color:#000;
font-size:1.6vw;
padding-top:0.9vw;
}
.about-main-right1 p a {
color:#000;
}
.about-main-right1 p a:hover {
color:#81b84d;
}
.about-main-right1 h3 {
font-family: 'Open Sans';
color:#9666ac;
font-size:2vw;
line-height:2.5vw;
margin-top:1vw;
text-transform:uppercase;
font-weight:700;
}
.about-main-right1 h4 {
font-family: 'Cinzel', serif;
color:#9666ac;
font-size:1.5vw;
line-height:1.5vw;
margin-top:1vw;
font-weight:700;
}
.about-main-right1 li {
font-family: 'Open Sans';
color:#000;
font-size:1.3vw;
line-height:2vw;
font-weight:500;
list-style-position: inside;
list-style-image: url(../images/bullet.png);
line-height:2.5vw;
}
.book-main {
width:100%;
padding:4vw;
background-color:#eee;
}
.book-main h2 {
font-family: 'Open Sans';
color:#9666ac;
font-size:2vw;
margin-top:2vw;
text-transform:uppercase;
font-weight:700;
padding-top:0;
margin-bottom:0.7vw;
}
.book-main h3 {
font-family: 'Open Sans';
color:#9666ac;
font-size:2vw;
line-height:2.5vw;
margin-top:1vw;
text-transform:uppercase;
font-weight:700;
}
.book-main h4 {
font-family: 'Open Sans';
color:#9666ac;
font-size:1.4vw;
line-height:1.5vw;
margin-top:1vw;
font-weight:700;
}
.book-main li {
font-family: 'Open Sans';
color:#000;
font-size:1.3vw;
line-height:2vw;
font-weight:700;
list-style-position: inside;
list-style-image: url(../images/bullet.png);
line-height:2.5vw;
width:30%;
float:left;
}
.book-main p {
font-family: Calibri;
color:#000;
font-size:1.6vw;
padding-top:0;
margin-bottom:0;
}
.book-main p span {
font-style:italic;
font-weight:700;
}
.event-main {
width:100%;
margin: 0 auto;
padding:4vw;
text-align:left;
padding-bottom:2vw;
padding-top:2vw;
}
.event-main-blue {
background-color:#002d50;
padding:1vw;
margin-top:2vw;
padding-left:2vw;
}
.event-main-blue h5 {
font-family: 'Cinzel', serif;
color:#fff;
font-size:2vw;
line-height:2vw;
font-weight:700;
text-align:left;
padding-bottom:0;
margin-bottom:0;
margin-top:0;
}
.event-main-gray {
background-color:#f5f9fc;
padding:2vw;
margin-bottom:2vw;
}
.event-main-gray-left {
width:75%;
float:left;
}
.event-main-gray-left li {
font-family: 'Open Sans';
color:#000;
font-size:1.2vw;
line-height:2.2vw;
font-weight:400;
list-style-position: inside;
list-style-image: url(../images/bullet.png);
line-height:2.5vw;
}
.event-main-gray-right {
width:25%;
float:right;
}
.event-main h1 {
font-family: 'Cinzel', serif;
color:#9666ac;
font-size:2.6vw;
text-align:center;
}
.event-main h2 {
font-family: Calibri;
color:#000;
font-size:1.5vw;
line-height:2.2vw;
padding-bottom:0;
margin-bottom:0;
font-weight:700;
}
.event-main h3 {
font-family: 'Cinzel', serif;
color:#083d5f;
font-size:2vw;
line-height:2.4vw;
text-align:left;
padding-bottom:0;
margin-bottom:0;
}
.event-main li {
font-family: Calibri;
color:#000;
font-size:1.5vw;
line-height:2.2vw;
padding-bottom:0;
margin-bottom:0;
}
.event-main h4 {
font-family: 'Cinzel', serif;
color:#9666ac;
font-size:2vw;
}
.event-main p {
font-family: Calibri;
color:#000;
font-size:1.6vw;
padding-top:0;
margin-bottom:1vw;
}
.staff-main {
width:100%;
margin: 0 auto;
padding:0vw;
text-align:left;
padding-bottom:2vw;
}
.staff-main h1 {
font-family: 'Cinzel', serif;
color:#9666ac;
font-size:2.6vw;
text-align:center;
padding-top:4vw;
}
.staff-main-purple {
background-color:#bb8ed0;
padding:2vw;
margin-top:2vw;
margin-bottom:0vw;
margin-right:1vw;
float:left;
width:49%
}
.staff-main-purple-left {
width:32%;
float:left;
}
.staff-main-purple-right {
width:68%;
float:left;
}
.staff-main-purple-right span {
font-family: Calibri;
color:#3f0f57;
font-size:1.1vw;
text-align:left;
font-weight:700;
}
.staff-main-purple-right h1 {
font-family: 'Cinzel', serif;
color:#fff;
font-size:2.6vw;
text-align:left;
padding-bottom:5px;
margin-bottom:0;
padding-top:0vw;
}
.staff-main-purple-right h2 {
font-family: 'Cinzel', serif;
color:#fff;
font-size:1.7vw;
text-align:left;
font-style:italic;
}
.staff-main-purple-right p {
font-family: Calibri;
color:#fff;
font-size:1.2vw;
line-height:1.2vw;
text-align: left;
font-weight:300;
}
.staff-main-purple1 {
background-color:#bb8ed0;
padding:2vw;
margin-top:2vw;
margin-bottom:0vw;
margin-right:0;
float:left;
width:49%
}
.contact-main {
width:100%;
margin: 0 auto;
padding:0vw;
text-align:left;
}
.contact-main-left {
background-color:#75458b;
width: 60%;
float:left;
padding-top:4vw;
}
.contact-main-left h1 {
font-family: 'Cinzel', serif;
color: #fff;
font-size: 3vw;
text-align:center;
}
.contact-main-left h2 {
font-family: 'Cinzel', serif;
color: #fff;
font-size: 1.8vw;
text-align:center;
margin-top:1vw;
line-height:1.5vw;
margin-bottom:2vw;
}
.contact-main-left h2 a {
font-family: 'Cinzel', serif;
color: #fff;
}
.contact-main-left h2 a:hover {
color: #d9b9e8;
}
.contact-main-left h3 {
font-family: 'Cinzel', serif;
color: #fff;
font-size: 1.9vw;
text-align:center;
border-top:1px solid #9e7dae;
margin-left:30%;
margin-right:30%;
padding-top:1vw;
}
.social-contact {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 3vw;
margin-left: 7vw;
}
.social-contact li {
display:inline-block;
list-style:none;
}
.contact-main-right {
background-color: #eee;
width: 50%;
float: right;
}
.programs-section {
width:100%;
padding:3vw;
background-image:url(../images/appoitment-bg.jpg);
background-repeat: repeat;
background-position: center;
}
.programs-section h1 {
font-family: 'Cinzel', serif;
color: #fff;
font-size: 2.8vw;
text-align: center;
}
.programs-section h2 {
font-family: 'Cinzel', serif;
color: #fff;
font-size: 1.7vw;
text-align: center;
}
.programs-form {
width: 80%;
margin: 0 auto;
margin-bottom:2vw;
margin-top:2vw;
}
label {
font-size:1.6vw;
}
.programs-form-left {
width:49%;
float:left;
}
.programs-form-right {
width:49%;
float:right;
}
.programs-form-middle {
width:100%;
float:left;
}
.programs-form h1 {
text-align: left;
font-family: 'Cinzel', serif;
color: #9666ac;
font-size: 2.5vw;
text-transform: capitalize;
margin-bottom: 20px;
border-bottom: 1px solid #9666ac;
padding-bottom: 10px;
}
.programs-form h2 {
text-align: left;
font-family: 'Cinzel', serif;
color: #9666ac;
font-size: 2vw;
padding-top: 20px;
margin-bottom:0;
}
.programs-form p {
font-family: Calibri;
color: #9666ac;
font-size: 1.2vw;
font-style:italic;
}
.programs-form select {
width: 100%;
padding: 1vw 1vw;
margin: 8px 0;
display: inline-block;
border: 1px solid #999;
border-radius: 0px;
box-sizing: border-box;
font-weight:700;
font-size: 1.4vw;
color:#333;
}
.programs-form input[type=text], select {
width: 100%;
padding: 1vw 1vw;
margin: 8px 0;
display: inline-block;
border: 1px solid #999;
border-radius: 0px;
box-sizing: border-box;
font-weight:700;
font-size: 1.4vw;
color:#333;
}
.programs-form textarea {
width: 100%;
padding: 1vw 1vw;
margin: 8px 0;
display: inline-block;
border: 1px solid #999;
border-radius: 0px;
box-sizing: border-box;
font-weight:700;
font-size: 1.4vw;
color:#333;
}
.programs-form input[type=submit] {
border-radius: 1px;
background-color: #083d5f;
border: 1px solid #083d5f;
display: inline-block;
cursor: pointer;
color: #fff;
font-family: Calibri;
font-size: 2.5vw;
padding: 1vw 1vw;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
width: 30%;
margin-top: 1vw;
}
.programs-form input[type=submit]:hover {
background-color: #16547c;
}
.before-main {
margin-top:1vw;
margin-bottom:1vw;
}
.before-main h1 {
font-family: 'Cinzel', serif;
color:#9666ac;
font-size:2vw;
text-align:left;
padding:1vw;
width:100%;
margin:0 auto;
border:1px solid #ccbdd2;
margin-top:1vw;
}
.gallery-main {
width:100%;
margin-top:2vw;
margin-bottom:1vw;
}
.gallery-main h1 {
font-family: 'Cinzel', serif;
color:#9666ac;
font-size:2vw;
text-align:left;
padding:1vw;
width:100%;
margin:0 auto;
border:1px solid #ccbdd2;
margin-top:1vw;
margin-bottom:1vw;
}
.gallery-main-grid {
width:49%;
float:left;
border:5px solid #fff;
-webkit-box-shadow: 1px 1px 1px 1px #e3e3e3;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    1px 1px 1px 1px #e3e3e3;  /* Firefox 3.5 - 3.6 */
box-shadow:         1px 1px 1px 1px #e3e3e3;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
margin:0.4vw;
}
.gallery-main-grid img {
width:100%;
height:100%;
}
.mobile-menu {
display:none;
}
.purplebox-grid img {
width:50%;
height:100%;
}
.mobile-book {
display:none;
}
.social img {
width: 100%;
height:100%;
}
#back2Top {
width: 40px;
line-height: 40px;
overflow: hidden;
z-index: 999;
display: none;
cursor: pointer;
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
position: fixed;
bottom: 50px;
right: 0;
background-color: #fff;
color: #083d5f;
text-align: center;
font-size: 30px;
text-decoration: none;
}
#back2Top:hover {
background-color: #fff;
color: #81b84d;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.topsection-left {
width: 32%;
float: left;
outline: none;
position: absolute;
z-index: 9999;
margin-top: 1.2vw;
}
.topsection-right {
width: 70%;
float: right;
text-align: right;
padding-top: 0.7em;
}
.darkpurple-main-box {
width: 18.39%;
}
.bottom-main-right {
padding-bottom: 3vw;
}
.mobile-menu {
display:none;
}
}
@media (min-width:900px) and (max-width:1023px) {
.darkpurple-main-box {
width: 18.3%;
}
.bottom-main-right {
padding-bottom: 2.7vw;
}
.three-section-main p {
font-size: 1.3vw;
line-height: 2vw;
}
.topsection {
padding: 6%;
padding-top: 1%;
padding-bottom: 1%;
}
.topsection-left {
width: 25%;
}
.topsection-right {
width: 75%;
}
.mobile-menu {
display:none;
}
}
@media (min-width:736px) and (max-width:812px) {
.programs-form {
width: 70%;
}
.programs-section h2 {
font-size: 1em;
}
.programs-form input[type=text], select {
font-size: 1em;
}
.programs-form select {
font-size: 1em;
}
.programs-form {
margin-top:1em;
}
.rmm.style ul li a {
font-size: 0.6em!important;
font-weight:500!important;
}
.flex-direction-nav .flex-prev {
right: 85%!important;
}
.panel-default > .panel-heading {
padding-top: 15px!important;
padding-bottom: 15px!important;
}
.top-white-grid p {
font-size: 1.3vw;
}
.event-main h3 {
font-size: 1.3em;
padding-bottom: 0.4em;
}
label {
font-size: 1em;
}
.event-main h4 {
font-size: 1.4em;
}
.event-main h2 {
font-size: 1em;
}
.footer-main-right h1 {
font-size: 0.9em;
}
.footer-main-left h1 {
font-size: 0.9em;
}
.about-main li {
font-size: 0.9em;
}
.tab-btn {
font-size: 1.6vw;
}
.top-link li {
margin-right: 0%;
margin-left: 1%;
}
.top-header-left {
width: 97%;
float: left;
margin: 0 auto;
margin-left: 3%;
}
.top-header-right {
display:none;
}
.top-white-left p {
font-size: 1.3vw;
}
.darkpurple-main-box:nth-child(7n) {
margin-right: 20px;
}
.darkpurple-main-box:nth-child(2n) {
margin-right: 0;
}
.darkpurple-main-box:nth-child(4n) {
margin-right: 0;
}
.darkpurple-main-box:nth-child(6n) {
margin-right: 0;
}
.darkpurple-main-box:nth-child(8n) {
margin-right: 0;
}
.darkpurple-main-box {
width: 48.5%;
float: left;
}
.darkpurple-main-box1 {
width: 100%;
}
.darkpurple-main-box h2, .darkpurple-main-box1 h2 {
font-size: 1.2em;
line-height:1.4em;
font-family:Calibri;
font-weight:400;
}
.bottom-main-right {
padding-bottom: 2.7vw;
}
.three-section-main p {
font-size: 1.3vw;
line-height: 2vw;
}
.topsection {
padding: 4%;
padding-top: 1%;
padding-bottom: 7%;
}
.topsection-left {
width: 35%;
}
.topsection-right {
width: 77%;
padding-top:0;
}
.purplebox-grid h1 {
padding-top: 1vw;
line-height: 2.8vw;
}
.three-section-main h3 {
font-size: 0.9em;
}
.three-section-main h3 a {
font-size: 0.9em;
}
.welcome-main h2 {
font-size: 0.9em;
line-height:1.7em;
}
.welcome-main h1 {
font-size: 2em;
}
.book-main h4 {
font-size: 1em;
line-height:1.5em;
}
.book-main li {
font-size: 0.9em;
line-height: 2vw;
}
.book-main p {
font-size: 1em;
}
.about-main p {
font-size: 1em;
}
.about-main h2 {
font-size: 1em;
line-height:1.6em;
}
.about-main h4 {
font-size: 1em;
}
.event-main h1 {
font-size: 2em;
}
.event-main h2 {
line-height:1.3em;
}
.programs-section h1 {
font-size: 2em;
}
.mobile-menu {
display: inline-block;
}
.top-white-right {
display:none;
}
.line {
display:none;
}
.top-white {
display: none;
}
.top-white-left {
width: 50%;
display:none;
}
}
@media (min-width:600px) and (max-width:735px) {
.programs-form {
width: 70%;
}
.programs-section h2 {
font-size: 1em;
}
.programs-form input[type=text], select {
font-size: 1em;
}
.programs-form select {
font-size: 1em;
}
.welcome-main h2 {
font-size: 0.9em;
line-height:1.7em;
}
.welcome-main h1 {
font-size: 2em;
}
.book-main h4 {
font-size: 1em;
line-height:1.5em;
}
.book-main li {
font-size: 0.8em;
line-height: 2vw;
}
.book-main p {
font-size: 1em;
}
.topsection {
padding-bottom:3em;
}
.top-white-left p {
font-size:0.8em;
line-height:1.5em;
}
.top-white-grid p {
font-size:1em;
}
.purplebox-grid {
width: 50%;
height: 42vw;
}
.purplebox-grid h1 {
font-size: 1.5em;
}
.tab-btn1 {
font-size: 1em;
}
.purplebox-grid img {
width:40%;
height:100%;
}
.welcome-main h1 {
font-size: 2em;
}
.mainsection-inner h2 {
font-size: 1em;
}
.welcome-main p {
font-size: 1em;
}
.eventz {
display:none;
}
.three-section-main {
width: 50%;
}
.three-section-main h1 {
font-size: 1.5em;
}
.three-section-main h2 {
font-size: 1.5em;
line-height:1.4em;
}
.three-section-main p {
font-size: 0.9em;
line-height:1.5em;
color:#333;
}
.three-section-main h3 {
font-size: 1em;
}
.three-section-main h3 a {
font-size: 1em;
}
.tab-btn {
font-size: 1.2em;
}
.darkpurple-main h1 {
font-size: 1.5em;
line-height:1.3em;
}
.darkpurple-main-box:nth-child(7n) {
margin-right: 20px;
}
.darkpurple-main-box:nth-child(2n) {
margin-right: 0;
}
.darkpurple-main-box:nth-child(4n) {
margin-right: 0;
}
.darkpurple-main-box:nth-child(6n) {
margin-right: 0;
}
.darkpurple-main-box:nth-child(8n) {
margin-right: 0;
}
.darkpurple-main-box {
width: 48%;
float: left;
}
.darkpurple-main-box1 {
width: 100%;
}
.darkpurple-main-box h2, .darkpurple-main-box1 h2 {
font-size: 1.1em;
line-height:1.4em;
font-family:Calibri;
font-weight:400;
}
.gray-main {
display:none;
}
.footer-main-right h1 {
font-size: 1em;
text-align:center;
}
.footer-main-left h1 {
font-size: 1em;
text-align:center;
}
.footer-main-left {
width: 100%;
}
.footer-main-right {
width: 100%;
}
.top-white-right {
display:none;
}
.line {
display:none;
}
.top-white {
display: none;
}
.top-white-left {
width: 50%;
display:none;
}
.welcome-main h2 {
font-size: 0.9em;
line-height:1.6em;
}
.welcome-main h1 {
font-size: 2em;
}
.about-main p {
font-size: 1em;
}
.about-main h2 {
font-size: 1em;
line-height:1.6em;
}
.about-main h4 {
font-size: 1em;
}
.about-main li {
font-size: 0.9em;
}
label {
font-size: 1em;
}
.event-main h1 {
font-size: 2em;
}
.event-main h2 {
font-size: 1em;
line-height:1.4em;
}
.event-main h3 {
font-size: 1.3em;
padding-bottom: 0.4em;
}
.event-main h4 {
font-size: 1.4em;
}
.programs-section h1 {
font-size: 2em;
}
.example1 h3 {
font-size: 0.8em;
}
.desktop-book {
display:none;
}
.mobile-book {
display: inline-block;
}
.mobile-menu {
display: inline-block;
}
.topsection-left {
width: 40%;
}
.gallery-main-grid {
width: 32%;
}
}
@media (min-width:480px) and (max-width:599px) {

.programs-form {
width:90%;
}
.programs-section h2 {
font-size: 1em;
}
.programs-form input[type=text], select {
font-size: 1em;
}
.programs-form select {
font-size: 1em;
}
.welcome-main h2 {
font-size: 0.9em;
line-height:1.7em;
}
.welcome-main h1 {
font-size: 2em;
}
.book-main h2 {
font-size:0.8em;
}
.book-main h4 {
font-size:0.8em;
}
.book-main li {
font-size: 0.9em;
line-height: 3vw;
width: 100%;
}
.book-main p {
font-size: 1em;
}
.mobile-menu {
display: inline-block;
}
.topsection {
padding-bottom:3em;
}
.top-white-left p {
font-size:0.8em;
line-height:1.5em;
}
.top-white-grid p {
font-size:1em;
}
.purplebox-grid {
width: 50%;
height: 42vw;
}
.purplebox-grid h1 {
font-size: 1.2em;
line-height:1.3em;
}
.tab-btn1 {
font-size: 0.7em;
}
.purplebox-grid img {
width:40%;
height:100%;
}
.welcome-main h1 {
font-size: 2em;
}
.mainsection-inner h2 {
font-size: 1em;
}
.welcome-main p {
font-size: 1em;
}
.eventz {
display:none;
}
.three-section-main {
width: 100%;
}
.three-section-main h1 {
font-size: 1.5em;
}
.three-section-main h2 {
font-size: 1.8em;
line-height:1.4em;
}
.three-section-main p {
font-size: 0.9em;
line-height:1.5em;
color:#333;
}
.three-section-main h3 {
font-size: 1em;
}
.three-section-main h3 a {
font-size: 1em;
}
.tab-btn {
font-size: 1.2em;
}
.darkpurple-main h1 {
font-size: 1.5em;
line-height:1.3em;
}
.darkpurple-main-box:nth-child(7n) {
margin-right: 20px;
}
.darkpurple-main-box:nth-child(2n) {
margin-right: 0;
}
.darkpurple-main-box:nth-child(4n) {
margin-right: 0;
}
.darkpurple-main-box:nth-child(6n) {
margin-right: 0;
}
.darkpurple-main-box:nth-child(8n) {
margin-right: 0;
}
.darkpurple-main-box {
width: 47.5%;
float: left;
}
.darkpurple-main-box1 {
width: 100%;
}
.darkpurple-main-box h2, .darkpurple-main-box1 h2 {
font-size: 0.80em;
line-height:1.4em;
font-family:Calibri;
font-weight:400;
}
.gray-main {
display:none;
}
.footer-main-right h1 {
font-size: 1em;
text-align:center;
}
.footer-main-left h1 {
font-size: 1em;
text-align:center;
}
.footer-main-left {
width: 100%;
}
.footer-main-right {
width: 100%;
}
.top-white-right {
display:none;
}
.line {
display:none;
}
.top-white {
display: none;
}
.top-white-left {
width: 50%;
display:none;
}
.welcome-main h2 {
font-size: 0.9em;
line-height:1.6em;
}
.welcome-main h1 {
font-size: 2em;
}
.about-main p {
font-size: 1em;
}
.about-main h2 {
font-size: 1em;
line-height:1.6em;
}
.about-main h4 {
font-size: 1em;
}
.about-main li {
font-size: 0.9em;
line-height:1.6em;
}
label {
font-size: 1em;
}
.event-main h1 {
font-size: 2em;
}
.event-main h2 {
font-size: 1em;
line-height:1.4em;
}
.event-main-gray {
padding: 1.5em;
}
.event-main h3 {
font-size: 1.1em;
padding-bottom: 0.4em;
font-weight:700;
}
.event-main h4 {
font-size: 1.4em;
}
.programs-section h1 {
font-size: 2em;
}
.example1 h3 {
font-size: 0.8em;
}
.desktop-book {
display:none;
}
.mobile-book {
display: inline-block;
}
.topsection-left {
width: 55%;
}
.gallery-main-grid {
width: 32%;
}
.welcome-main p {
font-size: 1em;
padding-left: 0;
padding-right: 0;
}
.social img {
width: 50%;
height:100%;
}
.bottom-main-left {
width: 100%;
}
.bottom-main-left h1 {
font-size:2em;
}
.about-main h3 {
font-size:1em;
line-height:1.5em;
}
.bottom-main-right {
width: 100%;
}
.bottom-main-right h1 {
font-size: 2.5em;
}
.bottom-main-right h2 {
font-size: 1.3em;
line-height:1.5em;
}
.bottom-main-right h3 {
font-size: 2em;
}
.programs-form-left {
width: 100%;
}
.programs-form-right {
width: 100%;
}
}
@media (min-width:320px) and (max-width:479px) {
.event-main-blue {
    padding: 0.7em;
    margin-top: 0;
    padding-left: 0.5em;
}
.event-main-blue h5 {
    font-size: 1em;
	line-height:1.1em;	
}
.event-main-gray-left {
    width: 100%;
}
.event-main p {
    font-family: Calibri;
    color: #000;
    font-size: 1em;
}
.about-main-left {
    width: 100%;
    padding:1em;
}
.about-main-right {
    width: 100%;
}
.about-main-left1 {
    width: 100%;
}
.about-main-right1 {
    width: 100%;
	    padding:1em;
}
.programs-form textarea {
width: 100%;
padding: 1vw 1vw;
margin: 8px 0;
display: inline-block;
border: 1px solid #999;
border-radius: 0px;
box-sizing: border-box;
font-weight:700;
font-size: 1em;
color:#333;
}
.topsection-left {
margin-top:0.4em;
}
.top-section {
display:none;
}
.mainsection-inner {
width: 100%;
}
.programs-form {
width:100%;
padding: 0.1em;
margin-top:1em;
}
.programs-section h2 {
font-size: 1em;
}
.programs-form input[type=text], select {
font-size: 1em;
padding: 0.3em 0.3em;
}
.programs-form select {
font-size: 1em;
padding: 0.3em 0.3em;
}
.programs-form input[type=submit] {
width: 100%;
font-size: 1.5em;
}
.book-main h3 {
font-size: 1em;
line-height:1.5em;
}
.welcome-main h2 {
font-size: 0.9em;
line-height:1.7em;
}
.book-main h2 {
font-size: 0.9em;
margin-top:2em;
}
.welcome-main h1 {
font-size: 2em;
}
.book-main h4 {
font-size: 0.9em;
line-height:1.2em;
}
.book-main li {
font-size: 0.9em;
line-height: 2vw;
width:100%;
}
.book-main p {
font-size: 1em;
}
.mobile-menu {
display: inline-block;
}
.logo {
width: 100%;
}
.flex-direction-nav .flex-prev {
right: 85%!important;
}
.topsection {
padding-bottom:3em;
}
.top-white-left p {
font-size:0.8em;
line-height:1.5em;
}
.top-white-grid p {
font-size:1em;
}
.event-main-gray-right {
display:none;
}
.purplebox-grid {
width: 50%;
height: 42vw;
}
.purplebox-grid h1 {
font-size: 0.8em;
line-height:1em;
}
.tab-btn1 {
font-size: 0.7em;
padding: 5px 8px;
}
.title-slide-in {
font-size: 1.1em;
}
.purplebox-grid img {
width:40%;
height:100%;
}
.welcome-main h1 {
font-size: 2em;
}
.mainsection-inner h2 {
font-size: 0.7em;
}
.welcome-main p {
font-size: 1em;
}
.eventz {
display:none;
}
.three-section-main {
width: 97%;
padding: 1em;
}
.three-section-main h1 {
font-size: 1.5em;
}
.three-section-main h2 {
font-size: 0.8em;
line-height:1.2em;
padding-top:1em;
}
.three-section-main p {
font-size: 0.8em;
line-height:1.5em;
color:#333;
}
.three-section-main h3 {
font-size: 1em;
}
.three-section-main h3 a {
font-size: 1em;
}
.three-section-main h2 span {
    font-size: 1em;
    line-height: 1.5em;
}
.tab-btn {
font-size: 1em;
}
.darkpurple-main h1 {
font-size: 1.5em;
line-height:1.3em;
}
.darkpurple-main-box:nth-child(7n) {
margin-right: 20px;
}
.darkpurple-main-box:nth-child(2n) {
margin-right: 0;
}
.darkpurple-main-box:nth-child(4n) {
margin-right: 0;
}
.darkpurple-main-box:nth-child(6n) {
margin-right: 0;
}
.darkpurple-main-box:nth-child(8n) {
margin-right: 0;
}
.darkpurple-main-box {
width: 47.5%;
float: left;
}
.darkpurple-main-box1 {
width: 100%;
}
.darkpurple-main-box h2, .darkpurple-main-box1 h2 {
font-size: 0.80em;
line-height:1.4em;
font-family:Calibri;
font-weight:400;
}
.gray-main {
height: 26em;
}
.gray-main h1 {
font-size: 2em;
}
.gray-main-left {
width: 100%;
}
.footer-main-right h1 {
font-size: 0.9em;
text-align:center;
}
.footer-main-left h1 {
font-size: 1em;
text-align:center;
}
.footer-main-left {
display:none;
}
.footer-main-right {
width: 100%;
}
.top-white-right {
display:none;
}
.line {
display:none;
}
.top-white {
display: none;
}
.top-white-left {
width: 50%;
display:none;
}
.welcome-main h2 {
font-size: 0.9em;
line-height:1.6em;
}
.welcome-main h1 {
font-size: 1.2em;
}
.about-main p {
font-size: 1em;
line-height:1.4em;
}
.about-main h2 {
font-size: 1em;
line-height:1.4em;
}
.about-main h4 {
font-size: 1em;
}
.about-main li {
font-size: 0.9em;
line-height:1.6em;
}
label {
font-size: 1em;
}
.event-main h1 {
font-size: 2em;
}
.event-main h2 {
font-size: 1.2em;
line-height:1.1em;
padding-bottom:0.5em;
}
.event-main-gray {
padding: 1em;
}
.event-main li {
font-size: 1em;
line-height:1.2em;
padding-bottom:0.5em;
}
.event-main h3 {
font-size: 1.1em;
padding-bottom: 0.4em;
font-weight:700;
line-height:1.4em;
}
.event-main h4 {
font-size: 1.4em;
}
.programs-section h1 {
font-size: 1.5em;
}
.example1 h3 {
font-size: 0.8em;
}
.desktop-book {
display:none;
}
.mobile-book {
display: inline-block;
}
.topsection-left {
width: 55%;
}
.gallery-main-grid {
width: 100%;
}
.welcome-main p {
font-size: 0.8em;
padding-left: 0;
padding-right: 0;
}
.social img {
width: 100%;
height:100%;
}
.bottom-main-left {
width: 100%;
padding:1em;
}
.bottom-main-left h1 {
font-size:1.4em;
}
.about-main h3 {
font-size:1em;
line-height:1.5em;
}
.bottom-main-right {
width: 100%;
padding-top: 2em;
padding-bottom: 2em;
}
.bottom-main-right h1 {
font-size:1.7em;
}
.bottom-main-right h2 {
font-size: 0.9em;
line-height:1.5em;
padding-left:10px;
padding-right:10px;
}
.bottom-main-right h3 {
font-size: 1.5em;
margin-left: 1%;
margin-right: 1%;
padding-top:0.5em;
}
.programs-form-left {
width: 100%;
}
.programs-form-right {
width: 100%;
}
.darkpurple-main {
display:none;
}
.social li i {
    font-size: 2em;
}
.top-header-left-mobile {
display: inline-block;
width:100%;
margin:0 auto;
border-bottom:1px solid#81b84d;
padding-left:28vw;
background-color:#81b84d;
}
.top-header-left-mobile ul {
margin-bottom: 0!important;
}
.top-header-left-mobile ul li {
display: inline;
font-size:0.8em;
color: #FFF;
font-weight:600;
padding: 0;
margin:0 auto;
box-sizing:border-box;
transition: all 0.2s ease-in-out;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
padding-right:0.5em;
}
.top-header-left-mobile ul li a {
color:#FFF;
}
.top-header-left-mobile ul li a:hover {
color: #FFFF00;
}
.top-header-left-mobile ul li i {
padding-right:0;
}
.top-header-left-mobile ul li i img {
width:15%;
padding-bottom:5px;
padding-top:5px;
padding-left:10px;
}
}
#lblMsg {
color:#F00;
}
.card_head {
width: 100%;
font-size: 16px;
line-height: 22px;
font-weight: 500;
color: #FFF;
padding: 10px 0px 5px 0px;
border-bottom: 1px solid #efefef;
margin-bottom: 15px;
}
.headone {
font-family: 'Cinzel', serif;
color: #9666ac;
font-size: 2.5vw;
text-align: center;
}
.subhead {
font-family: 'Cinzel', serif;
color: #fff;
font-size: 1.7vw;
text-align: center;
}