@charset "utf-8";


@font-face {
font-family:'BT Curve';
src: url('fonts/BTCurve_W_Rg.woff2') format('woff2'),
     url('fonts/BTCurve_W_Rg.woff') format('woff');
font-weight: 400;
font-style: normal;
}


@font-face {
  font-family: 'BTGroup-Headline';
  src: url('fonts/BTGroup-Headline.svg#BTGroup-Headline') format('svg'),
       url('fonts/BTGroup-Headline.ttf') format('truetype'),
       url('fonts/BTGroup-Headline.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BTGroupApp-Headline';
  src: url('fonts/BTGroupApp-Headline.svg#BTGroupApp-Headline') format('svg'),
       url('fonts/BTGroupApp-Headline.ttf') format('truetype'),
       url('fonts/BTGroupApp-Headline.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BTGroup_A_Headline';
  src: url('fonts/BTGroup_A_Headline.eot');
  src: url('fonts/BTGroup_A_Headline.eot?#iefix') format('embedded-opentype'),
       url('fonts/BTGroup_A_Headline.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/*------------| body frame start |-----------*/
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;

}

html{margin: 0px!important;height:100%;}

html, body {
  width: 100%;
  min-height: 100%;
  padding: 0px;
  margin: 0;
  overflow-x: hidden;

}

body {
padding: 0px;
margin: 0px;
min-width: 320px;
color: #1c1c1c;
font-family: 'BTGroup-Headline';
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 28px;
background: #fff;
overflow-x: hidden;
display: flex;
flex-direction: column;
}

#page-wrap {
    /*flex: 1 0 auto;*/
    flex: 1;
}
footer {
  flex-shrink: 0;

}

b, strong{
	font-weight: 600;
}


/*=============== tags start ===================**/
section{
  width: 100%;
position: relative;

}
/* *:focus, a:hover, a:active, a:focus {
outline: 0;
}
*:focus{
outline-style:none;
box-shadow:none;

}
button::-moz-focus-inner, select::-moz-focus-inner {
  border: 0;
  outline: 0;
} */

figure{
padding: 0px;
margin: 0px;
}
a {
opacity: 1;
transition: color .4s ease-in-out;
-webkit-transition: color .4s ease-in-out;
-moz-transition: color .4s ease-in-out;
-o-transition: color .4s ease-in-out;
position: relative;
color: #1c1c1c;
font-weight:normal;
display: inline-block;
text-decoration:underline;
cursor:pointer;
}
a:hover {

  text-decoration: underline;
  color: #ff7fff;
  cursor:pointer;

}

img {
border: 0px;
outline: none;
/*display: block;*/
display: inline-block;
max-width: 100%;
height: auto
}
input { margin: 0px; }
h1, h2, h3, h4, h5, h6 {
font-family: 'BTGroup-Headline';
font-weight: normal;
font-style: normal;
}
h1, h2, h3, h4, h5, h6, p {
padding: 0px;
margin: 0px;

}

h1,h2{
  /*font-size: 115px;
  line-height: 132px;
  padding-bottom:10px;*/
  font-size: 5.98vw;
  line-height: 6.87vw;
  letter-spacing: -0.35vw;
}


h3{
  font-size: 40px;
  line-height: 53px;
  padding-bottom:10px;
}
h4{
  font-size: 36px;
  line-height: 42px;
  padding-bottom:10px;
}
h5{
  font-size: 30px;
  line-height: 40px;
  padding-bottom:10px;
}
h6{
  font-size: 24px;
  line-height: 34px;
  padding-bottom:10px;
}



ul{
padding: 0px 0px 20px 26px;
margin: 0px;
}
ol {
  padding: 0px 0px 20px 40px;
  margin: 0px;
}
ul li{
  position: relative;
  padding: 0px 0px 0px 0px;
}

ol li{
padding: 0px 0px 0px 0px;
}

p { margin: 0px; padding: 0px 0px 20px 0px;}


ol {
    counter-reset: item;
}
ol li {
    display: block;
    position: relative;
}
ol li:before {
    content: counters(item, ".")"";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px;
}

hr {
padding: 0px;
border: 0px;
height: 1px;
margin: 30px auto;
background-color: #27233A;
}

img { /*  display:block;*/
height: auto }

blockquote{
  font-size: 20px;
  line-height: 30px;
margin: 0px; padding: 0px ;
}

/* ==================================== Common css ========================== */


.col_1_1 .col{width:50%;}
.col_1_1_1 .col{width:33.33%;}
.col_1_1_1_1 .col{width:25%;}
.col_1_1_1_1_1_1 .col{width:16.66%;}
.col {
/*  padding-left: 30px;*/
}
.box
{
  position: relative;
}
.box:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
.imageHolder
{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.OF-cover {
			object-fit: cover;
			font-family: 'object-fit: cover';
      object-position: center center;
			font-family: 'object-fit: cover; object-position: center center';
      width: 100%;
      height: 100%;
		}


.fadeIn {
	opacity: 0;
	transition: opacity .8s ease-in-out;
	-webkit-transition: opacity .8s ease-in-out;
	-moz-transition: opacity .8s ease-in-out;
	-o-transition: opacity .8s ease-in-out;
}

.fadeIn.animateMe {
	opacity: 1
}

.fadeInUp { opacity:0; -webkit-transform : translate3d(0, 30px, 0); -webkit-moz : translate3d(0, 30px, 0); transform : translate3d(0, 30px, 0); transition: opacity .8s ease-in-out, transform .8s ease-in-out;
 -webkit-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
 -moz-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
 -o-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
}
.fadeInUp.animateMe { -webkit-transform : translate3d(0, 0, 0); -moz-transform : translate3d(0, 0, 0); transform : translate3d(0, 0, 0); opacity:1 }


.fadeInRight{
  opacity:0; -webkit-transform : translate3d(100%, 0, 0); -webkit-moz : translate3d(100%, 0, 0); transform : translate3d(100%, 0, 0); transition: opacity 1s ease-in-out, transform 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
   -o-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}



.fadeInRight.animateMe {
	-webkit-transform : translate3d(0, 0, 0); -moz-transform : translate3d(0, 0, 0); transform : translate3d(0, 0, 0); opacity:1
}

.fadeInLeft{
  opacity:0; -webkit-transform : translate3d(-100%, 0, 0); -webkit-moz : translate3d(-100%, 0, 0); transform : translate3d(-100%, 0, 0); transition: opacity 1s ease-in-out, transform 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
   -o-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.fadeInLeft.animateMe {
	-webkit-transform : translate3d(0, 0, 0); -moz-transform : translate3d(0, 0, 0); transform : translate3d(0, 0, 0); opacity:1
}

.fadeInBottom{
  opacity:0; -webkit-transform : translate3d(0, -100%, 0); -webkit-moz : translate3d(0, -100%, 0); transform : translate3d(0, -100%, 0); transition: opacity 1s ease-in-out, transform 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
   -o-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.fadeInBottom.animateMe {
	-webkit-transform : translate3d(0, 0, 0); -moz-transform : translate3d(0, 0, 0); transform : translate3d(0, 0, 0); opacity:1
}



@keyframes fadeInTopToBottom {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


@-webkit-keyframes shine {
100% {
 left: 125%;
}
}
@keyframes shine {
100% {
 left: 125%;
}
}

/* bottom bounce */
@-webkit-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
  60% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}
@-moz-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-10px);
  }
  60% {
    transform: translateX(-5px);
  }
}
@keyframes bounceBottom {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
/* bottom bounce */


/* common page animations */
.hovereffect{ overflow: hidden;}
.hovereffect img{
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.animation, .hoverpath, .closeBtn{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  transition:         all .3s ease-in-out;
}

.flexNoWrap, .flexWrap, .flexStretch, .flexHorizontalCenter, .flexVerticalCenter, .flexRowReverse, .flexcolReverse, .flexGrow,
.col_1_1, .col_1_1_1, .col_1_1_1_1, header .centerBlock, footer .centerBlock
{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
   display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
   display: -ms-flexbox;      /* TWEENER - IE 10 */
   display: -webkit-flex;     /* NEW - Chrome */
   display: flex;
}

.flexWrap, .col_1_1, .col_1_1_1, .col_1_1_1_1, footer .centerBlock
{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-flow: row wrap;
}


.flexStretch .col_1_1_1, .col_1_1_1_1{
   -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;

}

.flexHorizontalCenter
{
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;

}
.spacebetween, header .centerBlock, footer .centerBlock
{
	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack:  space-between;
	justify-content: space-between;
}
/* ContentHolder */
.flexVerticalCenter
{
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
 .flexstart, footer .centerBlock
{
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}

.flexend, header .centerBlock
{
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.flexRowReverse
{
  -webkit-flex-flow: row-reverse wrap;
  flex-flow: row-reverse wrap;
  -ms-flex-flow: row-reverse wrap;
}

.flexcolReverse
{
     -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.flexcolReverse .col
{
  width: 100%;
}

.flexGrow
{
   -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: row wrap;
}

.flexGrow .col:last-child {
  -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}