/*************************************************

    UI Elements & Global Styles

**************************************************/

@font-face {
	font-family: 'Futura PT Book';
	src: url('fonts/ParaType - Futura PT Book.eot');
	src: local('☺'), url('fonts/ParaType - Futura PT Book.woff') format('woff'), url('fonts/ParaType - Futura PT Book.ttf') format('truetype'), url('fonts/ParaType - Futura PT Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Futura PT Book Oblique';
	src: url('fonts/ParaType - Futura PT Book Oblique.eot');
	src: local('☺'), url('fonts/ParaType - Futura PT Book Oblique.woff') format('woff'), url('fonts/ParaType - Futura PT Book Oblique.ttf') format('truetype'), url('fonts/ParaType - Futura PT Book Oblique.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Futura PT Heavy';
	src: url('fonts/ParaType - Futura PT Heavy.eot');
	src: local('☺'), url('fonts/ParaType - Futura PT Heavy.woff') format('woff'), url('fonts/ParaType - Futura PT Heavy.ttf') format('truetype'), url('fonts/ParaType - Futura PT Heavy.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Futura PT Light';
	src: url('fonts/ParaType - Futura PT Light.eot');
	src: local('☺'), url('fonts/ParaType - Futura PT Light.woff') format('woff'), url('fonts/ParaType - Futura PT Light.ttf') format('truetype'), url('fonts/ParaType - Futura PT Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_BickhamScriptPro-Regular';
	src: url('fonts/bick/BickhamScriptPro-Regular.eot');
	src: local('☺'), url('fonts/bick/BickhamScriptPro-Regular.woff') format('woff'), url('fonts/bick/BickhamScriptPro-Regular.ttf') format('truetype'), url('fonts/bick/BickhamScriptPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



*, *:after, *:before{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body{
  background-color: white;
}

body, input, button, textarea{
  font-family: Arial, Helvetica, sans-serif;
  color: #343535;
}

a, input, select, textarea{
  outline: none;
}

a{
  text-decoration: none;
  color: #343535
}

img{
  border: none;
  max-width: 100%;
}

body, input, select, textarea{
  font-size: 18px;
}

address{
  font-style: normal;
}




/* Common UI */

.wrapper{
  max-width: 1000px;
  margin: auto;
  position: relative;
}

.blog-wrapper{
  max-width: 1220px;
  margin: auto;
  position: relative;
  padding: 50px 0;
}
.section-title h1{
  font-family: 'Futura PT Light', sans-serif;
  font-weight: 100;
}

.section-title{
  background-color: #EFF1F1;
  margin-top: 50px;
}

.section-title .blog-wrapper{
  padding: 0;
}

@media (max-width:1300px){
  .blog-wrapper{
    margin-left: 50px;
    margin-right: 50px;
  }
}

@media (max-width:1100px){
  .wrapper{
    margin-left: 50px;
    margin-right: 50px;
  }
}

.video-full{
  position: relative;
  overflow: hidden;

}
.video-full-info{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  color: white;
}
.video-full-info,
.video-full-info *{
  vertical-align: middle;
}

.video-full-info .video-full-info-container{
  padding-left: 80px;
}


@media (max-width:450px){
  .video-full-info .video-full-info-container{
  padding-left: 25px;
}
}


.video-full:after{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: url(../img/videooverlay.png);
}

.video-full video,
.video-full iframe,
.video-full object,
.video-full embed{
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}

.u-btn{
  display: inline-block;
  position: relative;
  text-align: center;
  height: 47px;
  padding: 12px 20px;
  color: white;
  font-family: 'Futura PT Book', sans-serif;
  text-transform: uppercase;
  background-color:#333535;
  border: none;
  cursor: pointer;
}

.u-btn:hover, .u-btn:focus{background-color: #2D2F2F;}
.u-btn:active{box-shadow: inset 0 0 8px -2px rgba(7, 7, 7, 0.5);}

.u-btn-main{background-color: #FF5717;}
.u-btn-main:hover, .u-btn-main:focus{background-color: #ec438f;}

.u-btn-info{background-color: #27B3B9;}
.u-btn-info:hover, .u-btn-info:focus{background-color: #229CA0;}


.field-1{
  height:47px;
  background-color: white;
  border: none;
  font-family: 'Futura PT Book Oblique', sans-serif;
  padding: 12px 20px;
}


    /* Titles */

  .font-1{  font-family: 'Futura PT Book', sans-serif; }
  .font-2{  font-family: 'Futura PT Book Oblique', sans-serif;}
  .font-3{  font-family: 'Futura PT Heavy', sans-serif;}
  .font-4{  font-family: 'Futura PT Light', sans-serif;}
  .font-5{  font-family: 'Dancing Script', cursive;}
  .font-5{  font-family: 'Conv_BickhamScriptPro-Regular', cursive;}

    /* Colors */

  .color-1, [class*='box-'] .color-1{ color:#FF5717; } /* The orange */
  .color-2, [class*='box-'] .color-2{ color:#41C3E7;}  /* The blue */
  .color-3, [class*='box-'] .color-3{ color:#FFC31B;}  /* The yellow */
  .color-4, [class*='box-'] .color-4{ color:#EC438F;}  /* The pink */

  .color-5, [class*='box-'] .color-5{ color:#ac00e8;}  /* The violet */
  .color-6, [class*='box-'] .color-6{ color:#27B3B9;}  /* The blue 2 */
  .color-7, [class*='box-'] .color-7{ color:#693bcd;}  /* The violet 2 */


  h1,.h1,
  h2,.h2,
  h3,.h3,
  h4,.h4,
  h5,.h5,
  h6,.h6{ font-weight: 400; }

  h1,.h1{ font-size: 72px; }
  h2,.h2{ font-size: 54px; }
  h3,.h3{ font-size: 36px; }
  h4,.h4{ font-size: 24px; }


  @media (max-width:1100px){
    .wrapper{
      margin-left: 50px;
      margin-right: 50px;
    }

  }

  @media (max-width:450px){
    .wrapper{
      margin-left: 20px;
      margin-right: 20px;
    }
  }
  @media (max-width:960px){
    h1,.h1{ font-size: 52px; }
    h2,.h2{ font-size: 34px; }
    h3,.h3{ font-size: 26px; }
  }


  /*  Example <span class="font-2 color-4 h3">Some Title</span>

  */





.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-center{ text-align: center; }
.text-justify{ text-align: justify; }


.pull-left{
  float: left;
}

.pull-right{
  float: right;
}

.clear{
  clear: both;
}

.nowrap{
  white-space: nowrap;
}

.br{
  display: block;
  height: 1px;
  overflow: hidden;
  clear: both;
  float: none;
}

.richtext p{
  padding: 20px 0;
  line-height: 150%;
  font-size: 16px;
}
.richtext a:not([class]){
  text-decoration: underline;
}
.richtext ul:not([class]){
  padding-left: 16px;
}
.richtext ul:not([class]) li{
  line-height: 150%;
}
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6{
  font-family:"Futura PT Book", sans-serif;
}

.box-1,
.box-2,
.box-3,
.box-4,
.box-5
{
    position: relative;
    clear: both;
}

.box-1:after,
.box-2:after,
.box-3:after,
.box-4:after,
.box-5:after
.box-5:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.box-1{
    background-color: #EFEFEF;
    padding: 55px 0;
}
.box-2{
   background-color: #CCCCCC;
   padding: 55px 0;
}
.box-3{
    background-color: #070707;
    padding: 55px 0;
    color: white;
}
.box-3 a{
  color: white;
}

.box-4{
    background-color: #27B3B9;
    padding: 35px 0;
    color: white;
}
.box-4 a{
  color: white;
}

.box-5{
    background-color: #27B3B9;
    padding: 35px 0;
    color: white;
}
.box-5 a{
  color: white;
}

.li{
  position: relative;
  list-style: none;
  padding: 10px 0 10px 50px;
}

.li-animated li{
  display: none;
}


.li:before{
  position: absolute;
  display: inline-block;
  left: 0;
  top: 8px;
  content: "";
  width: 28px;
  height: 28px;
  border-radius: 28px;
  border: 5px solid transparent;
}
.li-1:before{ border-color: #00FAFF;}
.li-2:before{ border-color: #AB00E7;}
.li-3:before{ border-color: #A9D323;}
.li-4:before{ border-color: #2FA1D3;}
.li-5:before{ border-color: #FF5700;}


.faq{
    border: 1px solid #242424;
}

.faq-title{
  font-size: 15px;
  display: block;
  opacity: 0.7;
}
.faq-description{
  padding-top: 10px;
  font-size: 15px;
}

.faq-description{
  display: none;
}

.faq li{
  list-style: none;
  display: block;
  padding: 10px 10px 10px 35px;
  color: #C4C4C4;
  cursor: pointer;
  background: url(../img/faqplus.png) no-repeat 10px 10px;
}
.faq li.active{
  background-image: url(../img/faqminus.png);
}

.faq li + li{
  border-top: 1px solid #242424;
}

/* /Common UI */