/* #Reset Styles
================================================== */
html, body, div, span, applet, object, iframe, h1, h3, h4, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, hr, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
* { margin: 0; padding: 0; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/:focus {
outline: 0;
}
/ strong {
font-weight: 700;
}
em { font-style: italic; }
a { text-decoration: none; }
a:hover, a:active, a:focus { outline: none; }
html { height: 100%; overflow-x: hidden; /cursor:none/
}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
.clear { clear: both; font-size: 1%; height: 0; line-height: 0; display: block; width: 0; }
html[xmlns] .clearfix { display: block; }
img { max-width: 100%; max-height: 100%; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; }
::selection { color: #000; background-color: #fff60d; }
::-moz-selection {
color:#000;
background-color:#fff60d;
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@font-face { font-family: 'fontello'; src: url('fonts/fontello.eot?30148349'); src: url('fonts/fontello.eot?30148349#iefix') format('embedded-opentype'), url('fonts/fontello.woff?30148349') format('woff'), url('fonts/fontello.ttf?30148349') format('truetype'), url('fonts/fontello.svg?30148349#fontello') format('svg'); font-weight: normal; font-style: normal; }
/* #Page Styles
================================================== */
body { -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: 'Arimo', sans-serif, arial; font-size: 62.5%; color: #000000; overflow-x: hidden; }
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container { width: 96%; margin: 0 auto; position: relative; padding-left: 15px; padding-right: 15px; }
.container-fluid:before, .container-fluid:after, .container:before, .container:after, .row:before, .row:after { content: " "; display: table; }
.container-fluid:after, .container:after, .row:after { clear: both; }
/* grid css */
.row { margin-left: -15px; margin-right: -15px; }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
.col-sm-pull-12 { right: 100%; }
.col-sm-pull-11 { right: 91.66666667%; }
.col-sm-pull-10 { right: 83.33333333%; }
.col-sm-pull-9 { right: 75%; }
.col-sm-pull-8 { right: 66.66666667%; }
.col-sm-pull-7 { right: 58.33333333%; }
.col-sm-pull-6 { right: 50%; }
.col-sm-pull-5 { right: 41.66666667%; }
.col-sm-pull-4 { right: 33.33333333%; }
.col-sm-pull-3 { right: 25%; }
.col-sm-pull-2 { right: 16.66666667%; }
.col-sm-pull-1 { right: 8.33333333%; }
.col-sm-pull-0 { right: auto; }
.col-sm-push-12 { left: 100%; }
.col-sm-push-11 { left: 91.66666667%; }
.col-sm-push-10 { left: 83.33333333%; }
.col-sm-push-9 { left: 75%; }
.col-sm-push-8 { left: 66.66666667%; }
.col-sm-push-7 { left: 58.33333333%; }
.col-sm-push-6 { left: 50%; }
.col-sm-push-5 { left: 41.66666667%; }
.col-sm-push-4 { left: 33.33333333%; }
.col-sm-push-3 { left: 25%; }
.col-sm-push-2 { left: 16.66666667%; }
.col-sm-push-1 { left: 8.33333333%; }
.col-sm-push-0 { left: auto; }
.col-sm-offset-12 { margin-left: 100%; }
.col-sm-offset-11 { margin-left: 91.66666667%; }
.col-sm-offset-10 { margin-left: 83.33333333%; }
.col-sm-offset-9 { margin-left: 75%; }
.col-sm-offset-8 { margin-left: 66.66666667%; }
.col-sm-offset-7 { margin-left: 58.33333333%; }
.col-sm-offset-6 { margin-left: 50%; }
.col-sm-offset-5 { margin-left: 41.66666667%; }
.col-sm-offset-4 { margin-left: 33.33333333%; }
.col-sm-offset-3 { margin-left: 25%; }
.col-sm-offset-2 { margin-left: 16.66666667%; }
.col-sm-offset-1 { margin-left: 8.33333333%; }
.col-sm-offset-0 { margin-left: 0%; }
/* grid css */

/* form css */
fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
select[multiple], select[size] { height: auto; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555; }
.form-control { display: block; width: 100%; height: 35px; padding: 6px 12px; font-size: 1.4em; line-height: 25px; color: #a1a1a1; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; font-family: 'Arimo', sans-serif, arial; }
.form-control:focus { border-color: #000000; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-control::-moz-placeholder {
 color: #a1a1a1;
 opacity: 1;
}
.form-control:-ms-input-placeholder {
 color: #a1a1a1;
}
.form-control::-webkit-input-placeholder {
 color: #a1a1a1;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; }
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }
textarea.form-control { height: auto; }
input[type="search"] { -webkit-appearance: none; }
.form-group { margin-bottom: 15px; }
.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; }
/* form css */




/* owl carousel css */
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
 @-webkit-keyframes fadeOut { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes fadeOut { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /*overflow: hidden;*/ /* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; }
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
/* No Js */
.no-js .owl-carousel { display: block; }
/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-item img { transform-style: preserve-3d; }
/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; }
/* owl carousel css */



/* font icon css */
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;/* Uncomment for 3D effect *//* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
.icon-facebook:before { content: '\e800'; } /* '' */
.icon-linkedin-squared:before { content: '\e801'; } /* '' */
.icon-gplus:before { content: '\e802'; } /* '' */
.icon-youtube:before { content: '\e803'; } /* '' */
.icon-rupee:before { content: '\e805'; } /* '' */
.icon-cancel:before { content: '\e806'; } /* '' */
.icon-menu:before { content: '\e807'; } /* '' */
/* font icon css */


/* loader css */
#loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: #fff; }
#loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #6fa624; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }
#loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #0077b9; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }
#loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #ad3566; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }
 @-webkit-keyframes spin { 0% {
 -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(0deg);  /* IE 9 */
 transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
}
 100% {
 -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(360deg);  /* IE 9 */
 transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
}
}
@keyframes spin { 0% {
 -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(0deg);  /* IE 9 */
 transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
}
 100% {
 -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(360deg);  /* IE 9 */
 transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
}
}
/* loader css */

/* header */
.header { width: 100%; border-bottom: 1px solid lightgrey; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(255, 255, 255, .9); padding: 12px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.header h1 img { display: block; }
h1.logo-avenues { height: auto; margin: 0 20px 0 0; float: left; }
h1.logo-gpl { height: auto; float: right; }
.nav-bar { float: left; }
.nav-bar ul { float: left; }
.nav-bar ul li { float: left; position: relative; }
.nav-bar ul li:before { content: ""; background: #c2c2c2; width: 1px; height: 20px; position: absolute; left: 0; top: 50%; margin-top: -10px; }
.nav-bar ul li a { display: block; color: #000000; font-size: 1.4em; line-height: 34px; padding: 0 13px; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.nav-bar ul li a:hover, .nav-bar ul li a.active { color: #0084ff; }
.nav-button { display: none; }
/*.nav-bar ul li.enq-lnk a { color: #0084ff; }*/
.section-05 {
	padding-top: 50px;
	text-align: center;
	background: #dadada
}
.vdo-wrapper {
	display: block;
	padding-top: 15px
}
.section-05 .vdo-item {/*float:left;*/
	margin-right: 2%;
	position: relative;
	width: 31.33%;
	display: inline-block;
}
.section-05 .vdo-item:first-child:after {
	content: '';
	background: #fff;
	height: 100%;
	width: 2px;
	position: absolute;
	top: 0;
	right: 0
}
.vdo-box {
	position: relative;
	overflow: hidden
}
.vdo-box > img { display: block }
.vdo-mask {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	transition: all .6s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-webkit-transition: all .3s ease
}
.table-div {
	width: 100%;
	height: 100%;
	display: table;
	text-align: center
}
.table-div .table-cell {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle
}
.vdo-mask a {
	color: #fff;
	display: inline-block
}
.vdo-mask h3 {
	font-size: 2.4em;
	font-weight: 400;
	padding: 0 10px
}
.vdo-mask .ico-play {
	display: inline-block;
	width: 74px;
	height: 74px;
	margin-top: 15px;
	background: url(../images/webp/ico_play.webp) no-repeat 0 -74px;
	transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-webkit-transition: all .6s ease
}
.vdo-mask:hover .ico-play {
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg)
}
.vdo-box:hover .vdo-mask { top: 0 }

.anchor-link {
	position: absolute;
	top: -91px;
	left: 0;
	visibility: hidden;
	display: inline-block
}
.videos-section {
	padding-bottom: 0;
	position: relative
}
.videos-section ul { padding-top: 20px; display: flex;}
.videos-section ul li {
	/*float: left;*/
    margin: 0 auto;
    vertical-align: top;
    width: 30%; 
}
.videos-section ul li img {
	display: block;
	width: 100%;
	border: 1px solid #000000; 
}
.videos-section .vdo-block {
	position: relative;
	overflow: hidden
}
.videos-section .vdo-block i {
	position: absolute;
	top: 100%;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.6);
	transition: all ease .3s
}
.videos-section .vdo-block:hover i { top: 0 }

.videos-section .vdo-block i:before {
	content: '';
	background: url(../images/webp/sprite.webp) no-repeat 0 -52px;
	display: inline-block;
	height: 93px;
	width: 95px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -90px 0 0 -47px
}
.videos-section .vdo-block .btnplay1  i:before {
	background: none;
}
.videos-section .vdo-block p {
	display: block;
	position: absolute;
	top: 100%;
	width: 100%;
	margin: 20px auto 0 auto;
	padding: 0 10px;
	text-align: center;
	opacity: 0;
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	transition: all ease .7s
}
.videos-section .vdo-block:hover p {
	top: 50%;
	opacity: 1;
	transition: all ease .7s
}
.overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 999;
	display: none
}
.vdo-lightbox {
	position: absolute;
	top: 10%;
	left: 20%;
	width: 60%;
	height: 80%
}
.vdo-lightbox .vdo-inner {
	width: 100%;
	height: 100%
}
.vdo-lightbox .vdo-inner iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block
}
.close-vdo {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../images/webp/close.webp) no-repeat 0 0;
	background-size: cover;
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer
}

.voucher_offer {
	width: 60%;
	margin: 0 auto;
}
.voucher_offer img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.main_row{
	padding-top: 10px;
	text-align: center;
}
.enq-lnk { opacity: 0; overflow: hidden; margin-left: -150px; display: block; transition: opacity 0.2s ease-in-out 0s, margin-left 0.2s ease-in-out 0.2s; -moz-transition: opacity 0.2s ease-in-out 0s, margin-left 0.2s ease-in-out 0.2s; -ms-transition: opacity 0.2s ease-in-out 0s, margin-left 0.2s ease-in-out 0.2s; -o-transition: opacity 0.2s ease-in-out 0s, margin-left 0.2s ease-in-out 0.2s; -webkit-transition: opacity 0.2s ease-in-out 0s, margin-left 0.2s ease-in-out 0.2s; }
.enq-lnk.enq-show { opacity: 1; margin-left: 0; transition: margin-left 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0.2s; -moz-transition: margin-left 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0.2s; -ms-transition: margin-left 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0.2s; -o-transition: margin-left 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0.2s; -webkit-transition: margin-left 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0.2s; }
 @media only screen and (max-width : 1100px) {
h1.logo-avenues { margin-right: 12px; }
.nav-bar ul li a { padding: 0 8px; }
}
@media only screen and (max-width : 1023px) {
.nav-button { display: block; height: 34px; width: 34px; cursor: pointer; float: right; text-align: center; }
.nav-button .icon-cancel { display: none; }
.nav-button .icon-menu { color: #000000; font-size: 26px; line-height: 34px; }
.nav-button.highlight .icon-menu { display: none; }
.nav-button.highlight .icon-cancel { display: block; color: #000000; font-size: 20px; line-height: 34px; }
.nav-bar { display: none; position: absolute; top: 100%; right: 0; background: rgba(255, 255, 255, .9); border: 1px solid #ccc; margin-top: 12px; }
.nav-bar ul li.enq-lnk:before { display: none; }
h1.logo-gpl { padding-right: 15px; }
}
 @media only screen and (max-width : 700px) {
.nav-bar { width: 250px; padding: 10px; }
.nav-bar ul li { width: 100%; border-top: 1px dotted #ccc; }
.nav-bar ul li::before { display: none; }
.nav-bar ul li:first-child { border-top: none; }
.enq-lnk { opacity: 1; margin-left: 0; }
}
 @media only screen and (max-width : 480px) {
.header { padding: 18px 0; }
h1.logo-avenues { height: 22px; margin-right: 0; }
h1.logo-gpl { height: 22px; padding-right: 30px; }
.nav-button { position: absolute; right: 8px; top: -8px; }
.nav-bar { margin-top: 18px; }
}
/* header */
/*.parallax-window { background: transparent; }*/
.banner-container { margin-top: 59px;}
.banner-div { overflow: hidden; }
/*.banner-div .container { height: 100%; position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%); z-index: 99; }*/
.banner-div .container { position: fixed; top: 25%;right: 0; z-index: 99; transition:  all 0.3s ease-in-out; }
.banner-div .container.active { right:-295px; all 0.3s ease-in-out;}

/*.banner-table { display: table; width: 100%; height: 100%; text-align: center; }*/
.banner-table {   
	opacity: 1;
    position: absolute;
    top: 10%;
    right: 0;
    max-width: 350px;
    width: 100%;
}
.banner-table-cell { /*display: table-cell;*/ width: 100%; height: 100%; vertical-align: middle; }
.banner-div h2 { font-size: 5.2em; line-height: 1em; color: #fff; font-weight: normal; text-transform: uppercase; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); padding-bottom: 60px; }
.form-div h3 { font-size: 2.4em; color: #fff; padding-bottom: 17px; font-weight: normal; text-align: center; }
/*.form-div .form-container { background: rgba(0, 0, 0, 0.5); margin: 0 auto; max-width: 620px; padding: 32px 37px; width: 100%; }*/
.form-div .form-container {
    background: rgba(0,0,0,.8);
    margin: 0 0 0 58px;
    max-width: 295px;
    padding: 20px 20px 20px;
    width: 100%;
}
.form-div .form-field { padding-bottom: 15px; }
.form-div #form_otp .form-field {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.otp_msg {
border: 1px solid transparent;
    border-radius: 4px;
    padding: 2px 10px;
    background-color: #f2dede;
    border-color: #a94442;
    color: #a94442;
    font-size: 1.4em;
    margin-bottom: 5px;
    display: inline-block;
}
.form-div .form-control { border: none; border-radius: 0; }
.form-div .form-control.std-code { float: left; padding: 2px; text-align: center; width: 20%; }
.form-div .form-control.otp-code { padding: 2px; text-align: center; width: 160px; margin: 10px 10px 20px;}
.form-div .form-control.mo-no { float: left; width: 77%; margin-left: 3%; }
.form-div .btn-submit { background: #84b54c; border: none; color: #fff; font-family: 'Arimo', sans-serif, arial; font-size: 1.8em; height: 35px; line-height: 25px; outline: medium none; padding: 6px; width: 100%; display: block; transition: all 0.3s ease; max-width: 150px; text-align: center;margin: 0 auto; }
.form-div .btn-submit:hover { background: #588d1c; }
.form-div select.form-control { -webkit-appearance: none; -moz-appearance: none; background: #fff url(../images/webp/arrow-down.webp) no-repeat scroll 96% center; outline: medium none; padding-right: 40px; }
.error { border: 1px solid transparent; border-radius: 4px; padding: 2px 10px; background-color: #f2dede; border-color: #a94442; color: #a94442; font-size: 1.4em; position: absolute; left: 15px; bottom: 100%; margin-bottom: 5px; }
.error:before { content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #a94442; position: absolute; top: 100%; left: 10px; margin-top: 1px; }
.form-div .form-control.error-focused { border: 1px solid transparent; background-color: #f2dede; border-color: #a94442; color: #a94442; }
/*.success_msg { background: rgba(223, 240, 216, 0.8); margin: 0 auto 20px auto; max-width: 620px; padding: 32px 37px; width: 100%; border: 1px solid #dff0d8; color: #3c763d; font-size: 1.8em; line-height: 1.8em; }*/

.form-div .otp_btn { background: #84b54c; border: none; color: #fff; font-family: 'Arimo', sans-serif, arial; font-size: 1.8em; height: 40px; line-height: 24px; outline: medium none; padding: 10px; width: 30%; transition: all 0.3s ease; max-width: 150px; text-align: center;margin: 0 5px; }
.form-div .otp_btn:hover { background: #588d1c; }

/*.form-div .form-control.error-focused:focus {
	border-color: #a94442;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-div .form-control.error-focused::placeholder {
 color: #a94442;
 opacity: 1;
}*/
.m-close1 {
	position: absolute;
	top: 0;
	right: 280px;
	cursor: pointer;
}
.m-close1 img {
	width: 80%;
}
.m-close {
	background: #fff;
	display: inline-block;
	height: 20px;
	width: 20px;
	top: 10px;
	right: 10px;
	position: absolute;
	cursor: pointer;
	background: url(../images/webp/m-close.webp) no-repeat center center;
	z-index:1001
}

.scroll-down { background: url(../images/webp/arow_clickDown.webp) no-repeat center center; width: 52px; height: 35px; display: block; position: absolute; bottom: 30px; left: 50%; margin-left: -26px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }
 @-webkit-keyframes fadeInDown { 0% {
 opacity: 0.1;
 -webkit-transform: translateY(-8px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @keyframes fadeInDown { 0% {
 opacity: 0.1;
 transform: translateY(-8px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
.enq-mobi { display: none; }
 @media only screen and (max-width : 1400px) {
.banner-div h2 { font-size: 3.8em; padding-bottom: 30px; }
}
@media only screen and (max-width : 800px) {
/*.parallax-window { background-position: 78% 0 !important; }*/
}
 @media only screen and (max-width : 960px) and (orientation: landscape) {
.scroll-down { display: none; }
/*.parallax-window { height: auto !important; padding-bottom: 40px; }*/
.banner-div h2 { font-size: 4em; line-height: 1.1em; padding-top: 80px; padding-bottom: 15px; }
}
@media only screen and (max-width : 700px) {
.enq-mobi { position: absolute; bottom: 25px; left: 50%; margin-left: -66px; display: none; width: 133px; padding: 10px 0; border: 1px solid #7e746d; background: rgba(0, 0, 0, 0.8); color: #fff; font-size: 14px; font-weight: bold; text-align: center; z-index: 99; }
#enq-mobi-div { display: block; padding-bottom: 40px; }
/*.parallax-window { background: url(../images/webp/main_banner_mobi.webp) no-repeat right top !important; background-position: 90% 36px !important; background-size: cover !important; }*/
.banner-div .container { position: relative; top: auto;left: auto;transform: translate(0,0); }
.error { border-radius: 0px; font-size: 1.3em; margin-bottom: -1px; }
}
@media only screen and (max-width : 767px) {
.scroll-down { display: none; }
/*.parallax-window { height: auto !important; }*/
.banner-div h2 { font-size: 2.5em; line-height: 1.1em; padding-top: 80px; padding-bottom: 15px; }
.banner-div h2 br { display: none; }
.form-div h3 { padding-bottom: 8px; }
.videos-section ul {
	flex-direction: column;
}
.videos-section ul li {
    margin: 20px auto;
    width: 90%;
}
.vdo-lightbox {
	top: 15%;
    width: 90%;
    right: 0;
    margin: 0 auto;
    left: 0;
}
.videos-section .vdo-block i {
	top: 0;
}
.videos-section .vdo-block p {
	top: 50%;
	opacity: 1;
	transition: all ease .7s
}
.videos-section .vdo-block i:before {
    background: url(../images/webp/sprite.webp) no-repeat 0 -27px;
    height: 53px;
    width: 55px;
    margin: -72px 0 0 -22px;
    background-size: cover;
}
}
@media only screen and (max-width : 600px) {
.form-div .form-container { padding: 15px; max-width: 400px; margin: 0 auto;}
.m-close1, .m-close {
	display: none;
}
.banner-table {
	position: relative;
}
.form-div .form-field { width: 100%; padding-bottom: 20px; }
.form-div .form-control { height: 34px; }
.voucher_offer {
	width: 100%;
}

}
.title { font-size: 2.8em; font-weight: normal; }
.title span { display: inline-block; background: url(../images/webp/border_title.webp) no-repeat bottom center; padding-bottom: 10px; }
.about-us { background: #fafafa; overflow: hidden; }
.about-us .container { width: 100%; padding: 0; }
.abus-lhs { padding: 80px 80px; transition: all ease 0.3s; text-align: center; }
.abus-lhs .title { padding-bottom: 20px; }
.abus-lhs p { font-size: 1.5em; line-height: 2em; padding: 20px 0; }
.abus-rhs img { display: block; margin: 0 auto; }
@media only screen and (max-width : 1400px) {
.abus-lhs { padding: 100px 40px; }
}
@media only screen and (max-width : 1200px) {
.abus-lhs { padding: 30px 20px 30px 40px; }
.abus-lhs p { padding: 10px 0; }
}
@media only screen and (max-width : 1000px) {
.about-us .col-sm-6 { width: 100%; }
.abus-lhs { padding: 40px; text-align: center; }
.abus-rhs { text-align: center; }
}
@media only screen and (max-width : 767px) {
.abus-lhs { padding: 20px 15px; }
.title { font-size: 2.6em; }
}
.proj-highlight { text-align: center; padding: 60px 0; }
.highlight-carousel { margin-top: 50px; }
.highlight-carousel.owl-carousel .owl-stage { margin: 0 auto; }
.highlight-carousel.owl-carousel .owl-item img { width: auto; margin: 0 auto; }
.highlight-carousel.owl-carousel .owl-nav > div { position: absolute; height: 52px; width: 35px; background: url(../images/webp/arrow_dir.webp) no-repeat 0 0; text-indent: -9999px; overflow: hidden; top: 50%; margin-top: -26px; }
.highlight-carousel.owl-carousel .owl-nav .owl-prev { left: -20px; }
.highlight-carousel.owl-carousel .owl-nav .owl-next { right: -20px; background-position: -35px 0; }
.highlight-box { padding: 15px 0; }
.highlight-box h4 { font-size: 1.5em; padding-top: 15px; font-weight: normal; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; }

.highlight-box img {
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
}
.highlight-box:hover img {
	/*transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);*/
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	
}

.highlight-box:hover h4 { color: #0084ff; }
/*.highlight-box .img-highlt {
	position:relative;
	height:128px;
	width:129px;
	margin:0 auto;
}
.highlight-box .img-highlt:before {
	content: '';
	position: absolute;
	height:100%;
	width:100%;
	top: 0;
	left:0;
	background: url(../images/webp/border_gradient.webp) no-repeat 0 0;
	-webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes spinnerRotate
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(360deg);}
}*/









.amnts-div { padding-top: 60px; text-align: center; }
.amnts-container { padding-top: 60px; display: block; }
.amnts-container .amnts-grid { float: left; width: 100%; }
.amnts-container .colmn { float: left; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.amnts-container .colmn.flt-right { float: right; }
.amnts-container .colmn-full { width: 100%; }
.amnts-container .colmn-half { width: 50%; }
.amnts-container .colmn-onForth { width: 25%; }
.amnts-container .clear { width: 100%; height: 0; clear: both; float: left; }
.amnts-box { position: relative; margin-right: 1px; overflow: hidden; }
.amnts-box img { display: block; width: 100%; z-index: 8; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.amnts-box p { position: absolute; background: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; right: 1px; text-align: center; font-size: 1.7em; color: #fff; padding: 12px; border-bottom: 1px solid #fff; z-index: 10; }
.amnts-box p:before { content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid rgba(0, 0, 0, 0.8); position: absolute; bottom: 100%; left: 50%; margin-left: -6px; }
.amnts-box .filter { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(61, 66, 150, 0.3); z-index: 9; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.amnts-box:hover .filter { top: 100%; }
.amnts-box:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); }
 @media only screen and (max-width : 1400px) {
.amnts-box p { font-size: 1.6em; }
}
@media only screen and (max-width : 1100px) {
.amnts-container .sm-full { width: 100%; }
.amnts-container .sm-half { width: 50%; }
}
@media only screen and (max-width : 540px) {
.amnts-container .xs-full { width: 100%; }
.amnts-container .xs-half { width: 50%; }
}
@media only screen and (max-width : 360px) {
.amnts-container .xxs-full { width: 100%; }
.amnts-container .xxs-half { width: 50%; }
.amnts-box img { min-height: 180px; }
}
.footer { background: #f7f7f7; padding: 60px 0; }
.footer h2 { font-size: 2.8em; font-weight: normal; padding-bottom: 15px; }
.footer p { font-size: 1.5em; line-height: 1.5em; padding: 10px 0; word-wrap: break-word; }
.social-div { padding-top: 70px; }
.social-div a { display: inline-block; vertical-align: top; margin-left: 20px; height: 50px; width: 50px; border-radius: 50%; background: #7f7f7f; text-align: center; color: #fff; font-size: 2.6em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.social-div a:first-child { margin-left: 0; }
.social-div i { line-height: 50px; }
.social-div a:hover { background: #666; transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
@media only screen and (max-width : 1400px) {
.footer h2 { font-size: 2.4em; }
}
@media only screen and (max-width : 1280px) {
.social-div a { margin-left: 4px; }
}
@media only screen and (max-width : 980px) {
.social-div a { margin: 8px 4px 8px 0; }
}
@media only screen and (max-width : 767px) {
.footer { padding: 20px 0 30px 0; }
.footer .col-sm-3 { width: 100%; text-align: center; }
.footer h2 { font-size: 2.4em; padding-bottom: 0; padding-top: 30px; }
.social-div { padding-top: 30px; }
.social-div a { margin: 5px; }
.highlight-carousel.owl-carousel .owl-nav .owl-prev { left: -10px; }
.highlight-carousel.owl-carousel .owl-nav .owl-next { right: -10px;}
}


/* #Media Queries
================================================== */


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.container { width: 98%; }
}
@media only screen and (max-width : 1000px) {
.container { width: 100%; }
}
/* ||||||||||||||||| IE CS |||||||||||||||||| */

.ie9 #loader, .ie8 #loader { background: url(../images/ie_preloader.gif) no-repeat 0 0; height: 100px; width: 100px; border: none; }
.ie9 #loader:before, .ie9 #loader:after, .ie8 #loader:before, .ie8 #loader:after { display: none; }
.ie9 .form-div select.form-control { padding-right: 10px; }
/* ie8 css */
.ie8 .header { background: #fff; }
.ie8 .form-div .form-container { background: #000; }
.ie8 .form-div select.form-control { padding-right: 10px; }
.ie8 .amnts-box p { background: #000; }
.ie8 .amnts-box p:before { border-bottom: 12px solid #000; }
.ie8 .banner-div h2 { font-size: 4em; padding-bottom: 10px; }
.ie8 .form-div .form-container { padding: 20px; }
.ie8 .nav-bar ul li a { padding: 0 6px; }
.ie8 .abus-lhs { padding: 30px 20px 0 40px; }
.ie8 .enq-lnk { display: none; }
.ie8 .enq-lnk.enq-show { display: block; }
/*.ie8 .success_msg { background: #dff0d8; }*/
/* ie8 css */

/* ie blocker css */
.ie-msg { display: none; }
.ie7 .ie-msg { display: block; }
.ie7 .header, .ie7 .banner-div, .ie7 .about-us, .ie7 .proj-highlight, .ie7 .amnts-div, .ie7 .footer, .ie7 .loader-wrapper, .ie7 .parallax-mirror { display: none; }
.ie7 .ie-msg { position: fixed; height: 100%; width: 100%; background: #fff; left: 0; top: 0; z-index: 9999; display: block; }
.ie7 .ie-msg .ie-msg-cell { display: table; height: 100%; width: 100%; }
.ie7 .ie-msg .ie-msg-content { display: table-cell; text-align: center; vertical-align: middle; padding-top: 20%; }
.ie7 .ie-msg .ie-msg-content h2 { font-size: 34px; padding-bottom: 15px; }
.ie7 .ie-msg .ie-msg-content p { font-size: 18px; }
.ie7 .ie-msg .ie-msg-content .btn { background-color: #00cfff; margin-top: 15px; color: #fff; display: inline-block; padding: 10px 20px; font-size: 16px; }