/*----------css----------*/

@font-face {
  font-family: 'helvitca-bold';
  src: url('../fonts/bold.eot');
  src: url('../fonts/bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/bold.woff') format('woff'),
       url('../fonts/bold.ttf')  format('truetype'),
       url('../fonts/bold.svg#helvitca-bold') format('svg');
}
@font-face {
  font-family: 'helvitca-light';
  src: url('../fonts/light.eot');
  src: url('../fonts/light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/light.woff') format('woff'),
       url('../fonts/light.ttf')  format('truetype'),
       url('../fonts/light.svg#helvitca-light') format('svg');
}
@font-face {
  font-family: 'helvitca-regular';
  src: url('../fonts/regular.eot');
  src: url('../fonts/regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/regular.woff') format('woff'),
       url('../fonts/regular.ttf')  format('truetype'),
       url('../fonts/regular.svg#helvitca-regular') format('svg');
}

@font-face {
  font-family: 'helvitca-medium';
  src: url('../fonts/medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/medium.woff') format('woff'),
  url('../fonts/medium.ttf')  format('truetype'),
  url('../fonts/medium.svg#helvitca-medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'helvitca-thin';
  src: url('../fonts/thin.eot?#iefix') format('embedded-opentype'),
  url('../fonts/thin.woff') format('woff'),
  url('../fonts/thin.ttf')  format('truetype'),
  url('../fonts/thin.svg#helvitca-thin') format('svg');
  font-weight: normal;
  font-style: normal;
}

html { 
   background:transparent url("../images/bg-large.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
  width:100%;
  height:100%; 

}
body.bg{
background:transparent;
/* position:absolute; */
/* width:100%; */
/* min-height:100%; */

}
.flags li a:hover p{
font-family: 'helvitca-medium';
}
.flags li a{
cursor:pointer;
display:block;
}
.flags li a img {
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
	  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
      width: 47px;

}
.flags li a:hover img, .flags li a:focus img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.p-0{padding-left:0 !important;padding-right:0 !important}
a,a:hover,a:focus,a:visited{outline:0 !important;text-decoration:none !important;}
#nav_bar {height:auto;width:100%;background:transparent;border:0;margin-top:35px;}
/* .navbar-header a{margin-left:25px;} */
.navbar-header img{width:335px;height:auto;}
#nav_bar .container{position:relative;}
#home-wrapper h1{color:#fff;font-size:75px;font-family: 'AvenirNext demibold';margin-bottom:30px;margin-top:200px;}
#home-wrapper h2{color:#dddb00;font-size:35px;font-family: 'AvenirNext demibold';margin-bottom:30px;}
#home-wrapper p{color:#fff;font-size:20px;font-family: 'AvenirNext regular';}
.panel-content{
background: #8a8a8a; /* Old browsers */background: -moz-linear-gradient(left,  #353535 0%, #040404 49%, #040404 49%, #3e3e3e 49%, #0a0a0a 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  #757575 0%,#7d7d7d 49%,#404040 49%,#767879 49%,#6d6d6d 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  #717171 0%,#797979 49%,#717171 49%,#313131 49%,#737373 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6007e', endColorstr='#009fe3',GradientType=1 ); /* IE6-9 */margin:0;}
.panel-content p {font-family: 'helvitca-thin';color:#fff;font-size:17px;font-weight:400;line-height:1.2}
.panel-content p  strong{font-family: 'helvitca-medium';color:#fff;font-size:19px;font-weight:400;}
.panel-content p span{font-family: 'helvitca-thin';color:#fff;font-size:20px;font-weight:400;}
.panel-content .right-col p {line-height:1.2;}
.panel-content p span strong{font-family: 'helvitca-medium';color:#fff;font-size:15px;font-weight:400;}
.panel-content h2{font-family: 'helvitca-thin';color:#fff;font-size:31px;font-weight:400;margin-top:0;margin-bottom:0;}
.panel-content strong{font-family: 'helvitca-bold';color:#fff;font-size:21px;font-weight:400;margin-top:0;}
.panel-content h1{font-family: 'helvitca-bold';color:#fff;font-size:30px;font-weight:400;margin-top:0;margin-bottom:15px;}
.panel-content h2  strong{font-family: 'helvitca-medium';color:#fff;font-size:37px;font-weight:400;}
.panel-flag{background:#fff;}
.third:after{    
    content: url('../images/arrow-white.png') !important;
    position: absolute;
    width: 0;
    height: 0;
    top:-10px;
    left: 50%;
	margin-left:-25px;
}

.first article{
padding-top: 35px;
padding-left:20px;
}

.second article{padding-top:25px;}
.third article{padding-left:20px;padding-top:40px;}
.first p{padding-right:5px;}
.second article{padding-right:18px;padding-left:18px;}
.first:after{
content:url('../images/arrow-pink.png');
position:absolute;
width:0;
height:0;
right:10px;
top:50%;
margin-top:-28px;
z-index:1;
}
.second:after{
content:url('../images/arrow-blue.png');
position:absolute;
width:0;
height:0;
right:10px;
top:50%;
margin-top:-28px;
}

.blue-bg{background:#000000;}
.flags.list-inline li{padding:0;text-align:center;width:6.5%;}
.flags.list-inline{margin-top:15px;margin-bottom:10px;margin-left:0px;}
.flags p{font-family: 'helvitca-light';font-size:14px;color:#9d9d9c;margin-top: 10px;white-space:nowrap;}
.footer .list-inline{margin-bottom:0;}
.footer{background:#ffcb04;padding:10px 0 10px 0;margin-bottom:0px;  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  
  -moz-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
   animation-delay: 1.5s;
   
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;}
.footer p{font-size:12px;font-family: 'helvitca-regular';color:#fff;margin-top:2px;margin-bottom:0px;}

#nav_bar .nav > li > a:focus,#nav_bar .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}
.navbar-header {
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
   animation-delay: 0s;
   
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.panel-content{
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
   animation-delay: 0.5s;
   
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.panel-flag{
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
   animation-delay: 1s;
   
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  z-index: 1;
  margin-top:-10.8%;
  position:relative;
}

 .left-col.col-md-7{width:54%} 
 .right-col.col-md-5{width:46%} 
  .left-col .col-md-4{width:41%}
  .left-col .col-md-8{width:59%}

  @media only screen and (max-width:1366px) {
  html { 
   background:transparent url("../images/bg-large.jpg") no-repeat center top / cover;
   height: 100%;
  }
  .footer p {
    font-size: 10px;
}
.panel-flag {
    margin-top: 15%;
    position: relative;
}
  }
  
@media only screen and (min-width:1200px) {
.bg .container{width:1200px;}
.first article,.second article,.third article{
min-height: 200px !important;
}
}
@media only screen and (max-width:1200px) {
.panel-content p {
    font-size: 19px;
}

}
@media only screen and (min-width:992px) and (max-width:1200px) {
.first article,.second article,.third article{
min-height:285px !important;
}
}
@media only screen and (min-width:992px){
.footer p {
   margin-left:20px;
}


}
@media only screen and (max-width:991px) {
html { 
   background:transparent url("../images/bg-large.jpg") no-repeat center top / 100%;
   
  }
 .panel-content .container {
    width:100%;
}
.panel-flag {
    margin-top: 5%;
    position: relative;
}
#nav_bar {
    height: auto;
    width: 100%;
    background: transparent;
    border: 0;
    margin-top: 20px;
}

.panel-content:after {
  display:none;
    /* margin-left: -65px; */
}
.navbar-header a img{width:352px;height:auto;}
.panel-content{
/* margin:375px 0 0 0; */
}
.panel-content{
background: #8a8a8a; /* Old browsers */
background:-moz-linear-gradient(left,  #353535 0%, #040404 49%, #040404 49%, #3e3e3e 49%, #0a0a0a 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(left,  #757575 0%,#7d7d7d 49%,#404040 49%,#767879 49%,#6d6d6d 100%);; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #717171 0%,#797979 44%,#717171 44%,#313131 44%,#737373 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6007e', endColorstr='#009fe3',GradientType=1 ); /* IE6-9 */
/* margin:375px 0 0 0;position:relative; */
}
.left-col.col-md-7 {
    width: 44%;
}
.right-col.col-md-5{
 width: 56%;
}
.left-col .col-md-4 {
    width: 100%;
}
.left-col .col-md-8 {
    width: 100%;
}
.panel-content p strong {
    font-size: 18px;

}
.panel-content p {
    font-size: 18px;
}
.panel-content h2 strong {
    font-size: 32px;
	

}
.panel-content h2 {
    font-size: 32px;
	margin:0;
}
.second article {
    min-height: 200px !important;
    padding-top: 40px;
	padding-bottom: 25px;
}
.first article {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
}
.second article {
    padding-right: 25px;
    padding-left: 25px;
}
.panel-content .right-col p {
    line-height: 1.2;
}
.panel-content p span {
    font-size: 23px;
}
.panel-content p span strong{
    font-size: 18px;
}
.first:after {
content: url('../images/arrow-pink.png');
position: absolute;
width: 0;
height: 0;
left: 50%;
top: auto;
margin-left: 25px;
z-index: 1;
transform: rotate(90deg);
bottom:10px;
right: auto;
}
.third article {
    padding-left: 30px;
    padding-top: 80px;
    padding-right: 35px;
}
.flags.list-inline li {
    width: 16.3%;
}
.flags li a img {
    width:auto;
}
.flags p {
      font-size: 18px;
	  margin-bottom:20px;
}
.footer {
    margin-bottom:0;
}
.flags.list-inline {
   text-align: center;
   margin-bottom: 0;
}

img.img-iPhone {
    position: relative;
    bottom: 0px !important;
    right: 0px !important;
}

.img-iPhone {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 250px !important;
    height: auto;
}



}
  @media only screen and (min-width:768px) {
  .mobile-only{display:none !important;}
  }
  
@media only screen and (max-width:767px) {
html { 
   background:transparent url("../images/bg-large.jpg") no-repeat center top / 100%;
   
  }
  .panel-content  p {
   margin-bottom:0;
}
  .left-col.col-md-7 {
    width:100%;
}
.right-col.col-md-5 {
    width: 100%;
}
.flags.list-inline li {
    width: 19%;
}
.panel-flag {
    margin-top: 0%;
    position: relative;
}

.col-md-4.first {
    margin-top: -34%;
}

.col-md-8.blue-bg.second {
    margin-top: -22px;
}
  .first,.second,.third,.panel-flag,.tab-gradient{float:left;width:100%;}
    .second{z-index:4}
	 .panel-flag{z-index:3}
	 .third{z-index:3}
  .desk-only{display:none !important;}
.flags.list-inline {
    margin-left: 0;
}
.panel-content:after {
	display:none !important;
}
.panel-content {
    background: transparent;
     margin: 375px 0 0 0;
}

.navbar-header a img {
    width: 235px;
    height: auto;
}
.panel-content {
    background: transparent;
    margin:290px 0 0 0;
}
.panel-content strong {
  text-align:center;
  display:block;
}
.first{
background:#767676;
}
.third{
background:#4e4e4e;
}
.navbar-header a {
    margin-left: 20px;
}
.panel-content h2 {
    font-size: 27px;
    margin: 0;
	text-align:center
}
.panel-content h2 strong{
    font-size: 27px;
}
.
.panel-content h1 {
    font-size: 26px;
}
.panel-content p span {
    font-size: 15px;

}
.panel-content p span strong{
    font-size: 15px;

}
.flags ul li a{display:block;position:relative;z-index:999;}
.second article {
    min-height: 100%!important;
    padding-top: 30px;
    padding-bottom: 25px;
}
.first article {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
.third article {
    padding-left: 20px;
    padding-top: 40px;
    padding-right: 20px;
	padding-bottom: 25px;
}
.third:after {
display:none;
}
.panel-flag:after{
    content: url('../images/arrow-white.png') !important;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -25px;
    left: 50%;
    margin-left:-30px;
}
.first:after {
    bottom: 10px;
	z-index:5;
}
.footer p {
    font-size: 12px;
    color: #FFF;
    float: none !important;
    text-align: center;
}
.footer ul li a img{width:85%;}
.flags p {
    font-size: 15px;
	margin-bottom:0;
}

.second:after {
    content: url('../images/arrow-blue.png');
    position: absolute;
    width: 0;
    height: 0;
    right: auto;
    top: auto;
    margin-top: auto;
	bottom: 10px;
    left: 50%;
    margin-left: 25px;
    z-index: 1;
    transform: rotate(90deg);
}


.flags.list-inline li {
    padding: 0px 5px;
    text-align: center;
	vertical-align:top;
	margin-bottom:10px;
}

.flags.list-inline {
    text-align: center;
	margin-bottom: 10px;
	margin-top: 30px;
}

.footer p {
    font-size: 14px;
    color: #FFF;
   text-align:center;
   margin-bottom:10px;
}

#footer .list-inline{
float:none!important;
text-align:center;
}

}

@media only screen and (max-width:480px) {
html { 
   background:transparent url("../images/bg-large.jpg") no-repeat center  / 100%;
   
  }
 .navbar-header a img {
    width: 90%;
    height: auto;
    text-align: center;
    margin: 0 auto;
}
#nav_bar {
    margin-top: 15px;
}
.panel-content {
    background: transparent;
    margin: 235px 0 0 0;
}
.panel-content h2 strong {
    font-size: 24px;
}
.panel-content h2 {
    font-size: 24px;
}
.second article {
    min-height: 100% !important;
    padding-top: 25px;
    padding-bottom: 25px;
}
.panel-content p {
    font-size: 16px;
}
.panel-content p strong{
    font-size: 16px;
}
.panel-content p span {
    font-size: 13px;
}
.panel-content p span  strong{
    font-size: 13px;
}
.panel-content h1 {
    font-size: 21px;
}
.third article {
padding-left: 25px;
padding-top: 30px;
padding-right: 25px;
padding-bottom: 20px;
}
.flags p {
    font-size: 13px;
    margin-bottom: 0;
}
.flags.list-inline li {
    width: 30%;
}
/* .footer ul li{display:table-cell;} */
.footer ul li a img {
    width: 100%;
}
.flags img {
  width:53px !important;
}
.first:after {
    bottom: 10px;
}

.third:after {
    bottom: 10px;
	z-index:1;
}
}

@media only screen and (max-width:320px) { 

.panel-content h1 {
    font-size: 20px;
	text-align:center;
}
.panel-content {
    background: transparent;
    margin: 73% 0 0 0;
}
.second article {
    padding-right: 5px;
    padding-left: 5px;
}
.third article {
    padding-left: 5px;
    padding-right: 5px;
}
}

img.img-iPhone {
    position: relative;
    bottom: 205px;
    right: -320px;
}
.img-iPhone {
   display: block;
    margin-left: auto;
    margin-right: auto;
    width: 450px;
    height: auto;
}

.contact-widget {
    position: relative;
    background: url(../images/map.png) left bottom no-repeat;
	    width: 100%;
    height: auto;
}
.contact-info li {
    position: relative;
  padding-left: 30px; 
    /* margin-bottom: 15px; */
    line-height: 24px;
    font-size: 18px;
    color: #fff;
    font-family: 'helvitca-thin';
    list-style: none;
}
.social li {
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
}

 .contact-info li .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 24px;
    font-size: 14px;
}
.social li a{
	color:#fff;
	font-size:18px;
}
.links-widget .list li a {
    position: relative;
    display: block;
    padding-left: 15px;
    color: #848484;
    font-family: 'Hind', sans-serif;
    font-weight: 300;
    font-size: 16px;
}