/* Font Definition */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
body,
input,
textarea,
select,
button { font-family: 'Open Sans', sans-serif; }
strong,
figcaption,
.welcome-panel h1,
.welcome-panel h2,
.welcome-panel h3,
.reveal-wrap h1,
.intro-panel { font-family: 'Gotham-Medium', sans-serif; font-weight:400; }

/*
font-family: 'Gotham-Light', sans-serif;
 font-family: 'Gotham-Bold', sans-serif;
*/


/* Main CSS */

a { color:#fff; }
a:hover { color:#009FDF; }
a,
a:hover,
a:focus,
a:link,
a:visited,
a:active { outline: none; -moz-outline: none; text-decoration:none; }
img { max-width: 100%; height: auto; border: 0; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; }
a,
span,
input,
li,
p { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s }
.featured-post *,
.testimonial-box *,
.free-panel *,
img,
figure,
section { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s }

.reveal-modal,
.reveal-modal * { transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; }

.bottom-nav span,
#owl-featured .owl-nav div,
.btn-mred,
.btn-wblk,
.btn-bwht,
.btn-dblk { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; }
.btn-dred,
.intro-wrap,
.intro-content { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }
.btn-pro,
.btn-pro span { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; }
.quote-pic,
.quote-pic *,
.free-icon,
.intro-icon,
.intro-icon figure { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; }
.slide-caption { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.btn-dred:hover { transform: scale(0.92); -webkit-transform: scale(0.92); -moz-transform: scale(0.92); -o-transform: scale(0.92); -ms-transform: scale(0.92); }
.bx-wrapper .bx-viewport,
.box-shadow-none { box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; }
.slide-circle { box-shadow: -20px 0 0 3px rgba(52, 52, 52, 0.7); -webkit-box-shadow: -20px 0 0 3px rgba(52, 52, 52, 0.7); -moz-box-shadow: -20px 0 0 3px rgba(52, 52, 52, 0.7); -ms-box-shadow: -20px 0 0 3px rgba(52, 52, 52, 0.7); -o-box-shadow: -20px 0 0 3px rgba(52, 52, 52, 0.7); }
.floatL { float: left; }
.floatR { float: right; }
.w10,
.wd10 { width: 10% }
.w20,
.wd20 { width: 20% }
.w25,
.wd25 { width: 25% }
.w30,
.wd30 { width: 30% }
.w33,
.wd33 { width: 33.3333% }
.w35,
.wd35 { width: 35% }
.w40,
.wd40 { width: 40% }
.w45,
.wd45 { width: 45% }
.w50,
.wd50 { width: 50% }
.w60,
.wd60 { width: 60% }
.w65,
.wd65 { width: 65% }
.w70,
.wd70 { width: 70% }
.w80,
.wd80 { width: 80% }
.w90,
.wd90 { width: 90% }
.w100,
.wd100 { width: 100% }
.off10 { margin-left: 10%; }
.off20 { margin-left: 20%; }
.off25 { margin-left: 25%; }
.off30 { margin-left: 30%; }
.off33 { margin-left: 33.3333%; }
.off40 { margin-left: 40%; }
.off45 { margin-left: 45%; }
.off50 { margin-left: 50%; }
.off60 { margin-left: 60%; }
.off70 { margin-left: 70%; }
.off80 { margin-left: 80%; }
.off90 { margin-left: 90%; }
.arrow-list ul { margin: 0 0 7px; padding: 0; list-style: none outside none; }
.arrow-list ul li { background-color: transparent; background-image: url("../images/img01_58.png"); background-position: 3px 9px; background-repeat: no-repeat; padding-left: 22px; min-height: 20px; margin-bottom: 10px; }
.arrow-list ul li:last-child { margin-bottom: 0px; }
.custom-list ul,
.custom-inline-list ul { margin: 0; padding: 0; list-style: none outside none; }
.custom-list ul li,
.custom-inline-list ul li { background-color: transparent; background-image: url("../images/img01_06.png"); background-position: 1px 4px; background-repeat: no-repeat; line-height: 20px; margin-bottom: 8px; padding-left: 30px; min-height: 24px; }
.custom-list ul li:last-child,
.custom-inline-list ul li:last-child { margin-bottom: 0px; }
.custom-list ul li.phone { background-image: url("../images/img01_63.png"); background-position: 3px 0px; }
.custom-list ul li.mail { background-image: url("../images/img01_71.png"); background-position: 0 5px; }
.custom-list ul li.fax { background-image: url("../images/img01_67.png"); background-position: 0 5px; }
.custom-list ul li.pin { background-image: url("../images/img01_55.png"); background-position: 3px 4px; }
.custom-list ul li.home,
.custom-inline-list ul li.home { background-image: url("../images/img03_09.png"); background-position: 0px 3px; }
.custom-inline-list ul li { display: inline-block; vertical-align: top; margin: 0; margin-right: 10px; }
.custom-inline-list ul li.pin { background-image: url("../images/img01_03a.png"); background-position: 8px 0; }
.custom-inline-list ul li.phone { background-image: url("../images/img01_06.png"); background-position: 8px 0px; }
.custom-inline-list ul li.mail { background-image: url("../images/img01_23.png"); background-position: 1px 3px; }


/*************************************** Form Styles ***************************************/
.input-block::-webkit-input-placeholder {
 color: #9a9a9a;
 opacity: 1;
}
.input-block:-moz-placeholder {
 color: #9a9a9a;
 opacity: 1;
}
.input-block::-moz-placeholder {
 color: #9a9a9a;
 opacity: 1;
}
.input-block:-ms-input-placeholder {
 color: #9a9a9a;
 opacity: 1;
}
.input-block { border: 1px solid #d2d2d2; font-size: 12px; line-height: 14px; font-weight: 400; color: #000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; display: inline-block; width: 100%; margin-bottom: 10px; }
input.input-block { min-height: 35px; padding: 6px 13px; }
select.input-block { cursor: pointer; padding: 7px 20px 7px 9px; }
select.input-block option { padding: 0px 12px; }
textarea.input-block { min-height: 109px; padding: 10px 13px; }
.input-block.input-grey { background-color: #636363; color: #ffffff; border: none !important; }
.checkbox { }
.checkbox label { cursor: pointer; }
.checkbox input[type="checkbox"] { margin-right: 5px; }
.form-enq { margin-bottom: 30px; }
.form-enq .field-contain { margin-bottom: 15px; }
.form-enq label { display: block; margin-bottom: 5px; }
.form-enq .input-block { background-color: #f3f3f4; border-color: #e4e4e4; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; }
.form-enq .submit-btn { text-align: right; }
.form-enq p { font-size: 13px; color: #b0b0b0; padding-left: 10px; margin-bottom: 0 !important; }
.btn-wblk { border: 1px solid #fff; background-color: #231f20; padding: 6px 10px; color: #fff; display: inline-block; max-width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 14px; line-height: 18px; font-weight: 600; }
.btn-wblk img { margin-right: 5px; }
.btn-wblk:hover { background-color: #000; }
.btn-bwht { border: 1px solid #fff; background-color: transparent; padding: 6px 25px; color: #fff; display: inline-block; max-width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 12px; line-height: 16px; font-weight: 700; }
.btn-bwht:hover { background-color: #fff; color: #d2232a; }
.btn-dblk { border: 1px solid #000; background-color: #000; padding: 6px 12px; color: #fff; display: inline-block; max-width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 18px; line-height: 24px; font-weight: 700; text-transform: uppercase; }
.btn-dblk:hover { background-color: #fff; color: #000; }
.btn-pro { /*border: 1px solid #231f20;*/ background-color: #231f20; padding: 15px 35px 15px 80px; color: #fff; display: inline-block; max-width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 20px; line-height: 28px; font-weight: 400; text-transform: uppercase; position: relative; }
.btn-pro span { background-color: #d2232a; height: 100%; left: 0; line-height: 52px; position: absolute; top: 0; width: 58px; }
.btn-pro img { }
.btn-pro strong { font-weight: 600; }
.btn-pro:hover { background-color: #d2232a; color: #000; }
.btn-pro:hover span { background-color: #231f20; }
.btn-dred { color: #fff; background: #d2232a; color: #fff; display: block; font-size: 24px; font-weight: bold; line-height: 30px; padding: 15px 10px; text-align: center; text-transform: uppercase; }
.btn-dred:hover { }
.btn-mred { color: #fff; background: #d2232a; color: #fff; display: inline-block; font-size: 10px; font-weight: bold; line-height: 16px; padding: 5px 10px; text-align: center; text-transform: uppercase; }
.btn-mred img { display: inline-block; vertical-align: middle; margin-right: 2px; }
.btn-mred:hover { background-color: #231f20; }
/* Main Css */
body { margin: 0px; font-size: 14px; line-height: 22px; }
.wrapper { background-color: #5f259f; background-image: url("../images/bg-01.png"); background-position: right bottom; background-repeat: no-repeat; background-size: cover; color: #fff; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.container { width: 1200px; margin: 0px auto; }
.container-mar { margin: 0px 10% 0 3%; }
.container-full { margin: 0px 72px; }
header { }
.middle-header { padding: 25px 0; background-color: #fff; }
.logo { text-align: right; }
.background { }
.intro-panel { padding: 100px 0 20px; }
.intro-panel h1 { font-size: 4vw; font-weight: 400; line-height: 110%; margin: 0; }
footer { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; }
footer a {  }
footer a:hover { }
.main-foot { padding: 20px 0 20px; color: #fff; }
.main-foot p { margin: 0; }

/*Inner page custom CSS*/

.welcome-panel{ padding:10px 0px 20px; }
.welcome-text-panel{width:74%; float:left;}
.download-section{width:23%; float:left; padding:6.2vw 0 0 1px; text-align:center;}
.download-section img{ border:2px solid #fff;}
.welcome-panel h1{ font-size: 3vw; line-height: 110%; margin: 0; }
.welcome-panel h2{ font-size: 2.4vw; line-height: 110%; }
.welcome-panel h3{font-size: 1.4vw; line-height:110%; font-weight:normal; }
.welcome-panel p{font-size:1.0vw;   line-height:140%; letter-spacing:1px; }



.download-section figcaption{font-size:1.1vw;  line-height: 110%; color:#fff; padding-top:5px; text-decoration:underline}
.download-section a{text-decoration:none;}
.download-section a img:hover{/*opacity:0.8;border-radius:10px*/ box-shadow:0 0 5px #fff; -moz-box-shadow:0 0 5px #fff; -ms-box-shadow:0 0 5px #fff; -o-box-shadow:0 0 5px #fff; -webkit-box-shadow:0 0 5px #fff; ; }
.footer-links{}
.footer-links a{text-decoration:none; font-style:normal;}
.desktop{ display:block;}
.mobile{ display:none;}

.grow-area { margin-bottom:7vh; }
.about-area { }

.reveal-wrap h1 { text-align:center; font-size:36px; line-height:48px; }
.reveal-wrap p { }


/************* Responsive **************/

@media (max-width: 767px) {
	.desktop{ display:none;}
.mobile{ display:block;}
.visible-mobile { display: block; }
.hidden-mobile { display: none !important; }
.w10,
.w20,
.w25,
.w30,
.w33,
.w35,
.w40,
.w50,
.w60,
.w65,
.w70,
.w80,
.w90 { width: auto; float: none; margin: 0; }
.table-div,
.table-div .td { display: block; }
body { }
.wrapper { background-position: 80% bottom; position:static; }
.container,
.container-full,
.container-mar { width: auto; margin-left: 25px; margin-right: 25px; }
.logo { text-align: center; }
.intro-panel { padding: 30px 0 10px; }
.intro-panel h1 { font-size: 6.8vw; }
.main-foot { padding:10px 0 30px; }

.welcome-panel { padding:25px 0; }
.welcome-text-panel{width:100%;}
.download-section{width:100%; text-align:center; padding-top:15px;}
/*.welcome-panel h2{font-size:20px;}*/
/*.welcome-panel h1{font-size:4.2vw}
.welcome-panel h2{font-size:3.2vw;}
.welcome-panel h3{font-size:2.2vw;}
.welcome-panel p{font-size:1.7vw;}
.download-section figcaption{font-size:3vw}*/

.welcome-panel h1{font-size:18px;}
.welcome-panel h2{font-size:14px;}
.welcome-panel h3{font-size:13px;}

.welcome-panel h1,
.welcome-panel h2,
.welcome-panel h3,
.main-foot { text-align:center;}

.welcome-panel p{font-size:13px;}
.download-section figcaption{font-size:3vw}
.welcome-panel h2,
.welcome-panel h3,
.welcome-panel p{padding-left:0px;}

.reveal-modal {
    left: 0;
    margin: 15px !important;
    padding: 40px 20px 20px;
    top: 0 !important;
    width: auto !important; position:fixed;
}
.reveal-wrap { overflow-y:auto; height:82vh; }
.reveal-wrap h1 { font-size:20px; line-height:30px; }

}
@media (max-width: 979px) {
	footer { position: static; } .desktop{ display:none;}
.mobile{ display:block;}
}
@media (max-width: 1199px) {
}
 @media (min-width: 768px) {
	
.hidden-mobile { display: block; }
}
 @media (min-width: 1200px) {
}
 @media (max-width: 400px) {
}
 @media (max-width: 480px) {
/*.logo { background-color: green; }*/
}
@media (min-width: 481px) and (max-width: 767px) {
/*.logo { background-color: blue; }*/
}
@media (min-width: 768px) and (max-width: 979px) {
/*.logo { background-color: red; }*/
.container, .reveal-modal {
    margin-left: -362px !important;
    width: 724px !important;
}
.logo-main { width:50%; }

.reveal-modal { top:20px !important;  }

}
@media (min-width: 980px) and (max-width: 1199px) {
/*.logo { background-color: pink; }*/
.container { width: 924px !important; }
.logo-main { width:40%; }
.reveal-modal { top:20px !important; }
}
@media (min-width: 1200px) and (max-width: 1600px) {
/*.logo { background-color: black; }*/
}
@media (min-width: 1600px) {
/*.logo { background-color: #ccc; }*/
}
@media \0screen\,screen\9 {
}

/* Landscape */
@media only screen and (max-width: 767px) and (orientation: landscape) {
/*.logo { background-color: yellow; }*/
.wrapper { position:static; }
.intro-panel h1 {
    font-size: 4.5vw;
}
}
 @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 767px) {
/* Safari and Chrome */
.logo { }

/* Safari only override */
::i-block-chrome, .intro-panel h1 { font-size:28px; }

}

 @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 768px) {
/* Safari and Chrome */
.logo { }

/* Safari only override */
::i-block-chrome, .intro-panel h1 { font-size:5em; }

}