@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400italic,400,600,700,700italic);

@font-face {
	font-family: 'Conv_a-little-sunshine.medium';
	src: url('../fonts/a-little-sunshine.eot');
	src: local('☺'), url('../fonts/a-little-sunshine.woff') format('woff'), url('../fonts/a-little-sunshine.ttf') format('truetype'), url('../fonts/a-little-sunshine.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* @font-face {
	font-family: 'Helvetica Neue';
	src: url('../fonts/HelveticaNeue-CondensedBlack.eot');
	src: url('../fonts/HelveticaNeue-CondensedBlack.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeue-CondensedBlack.woff') format('woff'),
		url('../fonts/HelveticaNeue-CondensedBlack.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
} */
@font-face {
	font-family: 'Helvetica Neue';
	src: url('../fonts/HelveticaNeue-CondensedBlack.eot');
	src: local('☺'), url('../fonts/HelveticaNeue-CondensedBlack.woff') format('woff'), url('../fonts/HelveticaNeue-CondensedBlack.ttf') format('truetype'), url('../fonts/HelveticaNeue-CondensedBlack.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
    font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif;
    line-height: normal;
    overflow-x: hidden;
    font-size: 20px;
  font-weight: 400;
}

p {
    font-size: 20px;
    text-align: justify;
}


a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #18bc9c;
}

h1,
h2,
h3,
h4,
h5,
h6 {    
     font-family: "Helvetica Neue",'Source Sans Pro',Helvetica,Arial,sans-serif;
         
}
.intro h1 {line-height: 0.88;}


.img-centered {
    margin: 0 auto;
}

header {
   height: 790px;
    color: #333333;
    background: url(../images/back.jpg) no-repeat center center;
    background-size: cover;
}

header .container {
    padding-top: 100px;
    padding-bottom: 50px;
}



header .intro-text .name {
display: inline;
line-height: normal;
font-size: 43.22px;
background-color: #fa9a3a;
font-family: "Helvetica Neue Medium",'Source Sans Pro',Helvetica,Arial,sans-serif;
font-weight: 400;    
padding: 0 12px;    
}

header .intro-text .skills {
    font-size: 1.25em;
    font-weight: 300;
}

@media(min-width:768px) {
    header .container {
        padding-top: 273px;
        padding-bottom: 100px;
    }

    header .intro-text .name {
     font-size: 43.22px;
    }

    header .intro-text .skills {
        font-size: 1.75em;
    }
}

@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 11px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 11px 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

.navbar {
    background-color: #10b7f4;
    -webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,0.35);
       -moz-box-shadow: 0 0 13px 0 rgba(0,0,0,0.35);
            box-shadow: 0 0 13px 0 rgba(0,0,0,0.35);
}

.navbar-brand {
width: 290px;
height: 82px;
    padding: 0;
    background:url(../images/logo.svg) no-repeat left top;
    background-size: contain;
    margin-top: 13px;
}


.navbar-default .navbar-nav > li > a { 
color: #fff;
font-size: 26px;
background-color: transparent;    
}

.navbar-default .navbar-nav > li > a:hover{
    color: #2c3e50;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:focus  {color:#333; background-color: transparent;}

.navbar-default .navbar-nav > .active > a:focus {color: #fa9a3a; background-color: transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
    color: #104b75;
    background-color: transparent;
}





.navbar-nav > li > span { 
    display: block;
    position: relative;
    padding: 10px 15px;
    padding-top: 19.5px;
    padding-bottom: 19.5px;
    font-weight: 600;
    font-style: italic;
    color: #999999;
    font-size: 17.97px;
}


.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
}

section {
    padding:0;
    position: relative;
}

section h2 {
    font-size: 41.63px;
    margin: 0 auto 17px;
    color: #333333;
    position: relative;
}

section h4 {font-size: 22px; text-align: center; color: #666666; font-weight: 400; letter-spacing: 1px;}


section p {line-height: 21px; text-align: justify;}

section .caption p { font-size: 18px; color: #999999; font-weight: 300; line-height: normal;}


.join {    
    background: url(../images/team.jpg) no-repeat;
    background-size: cover;
}

#about,
#philosophy,
#work,
#workshop,
#join,
#contact 
{
position: absolute;
z-index: 2000;
top: -110px;
left: 0;
width: 100%;  
}

#philosophy
{
top: -195px;
}


.thumbnail {border: none; text-align: center; position: relative;}
.eye { 
    position: absolute;
    z-index: 20;
    top: 55px;
    left: 15px;
    display: inline-block;
    background: url(../images/eye.png) no-repeat;
    width: 23px;
    height: 22px;
    font-family: "Helvetica Neue",'Source Sans Pro',Helvetica,Arial,sans-serif;
    font-size: 18px; color: #999;
}

.row.text-center .eye {top:35px;}

.eyes {top:15px; left:0; width:150px; padding-left:35px;}



section.philosophy, section.philosophy p { color: #999999; font-size: 18px; line-height: normal;}

.sector {padding: 0 2px 0 20px; margin: 20px 0 20px 10px; border-left-style: solid; border-width:3px; }
.red {border-color: #ff1f17;}
.green {border-color: #a2d942;}
.blue {border-color: #00c6fa;}
.red span {color:#ff1f17; font-weight: 400;}
.green span {color: #a2d942; font-weight: 400;}
.blue span {color: #00c6fa; font-weight: 400;}

.sector_info { 
    font-family:"Helvetica Neue Light", 'Source Sans Pro', Helvetica,Arial,sans-serif; 
    font-style: italic;
    font-weight: 300;
    padding: 0 40px 0 70px;
    background: url(../images/zub.png) no-repeat 28px 0;
}


.donut {
    background: url(../images/donut.png) no-repeat right 90px;
    background-size: 
}
.orange {   
	background-color: #10b7f4;
}	
.orange .container {   
	background: url(../images/radio.png) no-repeat left #10b7f4;
    background-size: contain;
}


.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.orange .img-responsive { margin: 10px 0 0 0;}
.orange h2 { margin: 25px 0;}

.sb { margin: 0 auto; display: block;}
.sb form {display: inline-block;}
.sb input[type="text"] { 
    display: block;
    background-color: #fff;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
    margin-bottom: 35px;
    border: none;
    width: 320px;
    font-size: 16px;
    color: #000;
    padding: 10px 40px;
}

.sbmt, .sbmt:active { background: url(../images/submit.png) no-repeat; cursor: pointer; width: 147px;height: 45px;}
.sbmt:active {position: relative; top: 2px;}


.sb input:focus, .sbmt:active, .sbmt:focus, .sbmt:active:focus { outline: none;} 

.form-group.col-xs-12 { padding-right: 0; margin-right: -15px;}


@media(max-width:767px) {
    section {
        padding: 75px 0;
    }
	.star {
    width: 70px;
}

    section.first {
        padding-top: 75px;
    }
	#about, #philosophy, #work, #workshop, #join, #contact {
    top: -50px;
}
}




.btn-outline {
    margin-top: 15px;
    border: solid 2px #fff;
    font-size: 20px;
    color: #fff;
    background: 0 0;
    transition: all .3s ease-in-out;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    border: solid 2px #fff;
    color: #18bc9c;
    background: #fff;
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;

}

.floating-label-form-group input,
.floating-label-form-group textarea {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
    font-size: 16px;
    background: #fff;
    box-shadow: none!important;
    resize: none;
    padding: 10px 10px 10px 40px;
    font-family: /*"Helvetica Neue",*/'Source Sans Pro',Helvetica,Arial,sans-serif;
}

.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;

    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
}

.floating-label-form-group::not(:first-child) {
    padding-left: 14px;
  
}

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1;
    padding-left: 40px;
    font-weight: 300;
    color: #fff;
    font-size: 16px;
}

.floating-label-form-group-with-focus label {
    color: yellow;
}

.con_1 {padding-left:0}
.con_2 {padding-right:0}

.tel {float: left; color: #fff; font-size: 42px; display: inline-block;font-family: 'Conv_a-little-sunshine.medium', "Helvetica Neue",Helvetica,Arial,sans-serif;}

footer {
  height: 43px;  background-color: #fa9a3a;
}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #676766;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 28px;
    height: 4px;
    border-radius: 0;
}

.navbar-toggle {
    
    border:0;
    border-radius: 0;
    
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fa9a3a;
}




.btn:focus,
.btn:active,
.btn.active {
    outline: 0;
}

.scroll-top {
    z-index: 1049;
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
}

.scroll-top .btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 28px;
    background-image: url(../images/shev.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.scroll-top .btn:focus {
    outline: 0;
}


.vsh {display: block;}
.sh {display: none;}

/* mobile 320 */

@media screen and (min-width:320px) and (max-device-width: 768px)
{
    .container {width: 100%; }
    .navbar-brand {
    width: 230px;
    margin-top: 15px;
    }
    
    p {padding: 0 14px;}
    
    section h2 {font-size: 75px;}
    header {height:490px}
    
    header .intro-text .name {font-size: 25.22px;}
    header .container {padding-top: 226px;}
    .col-xs-6.col-md-4 {width: 100%;}
    .col-xs-6 {width: 100%}
    .orange {font-size: 19px;}

    #stack .col-xs-6:first-child {border-bottom:20px solid #fff;}
    .sb form { display: block;}
        

    .sb input[type="text"] {width: 100%;padding-left: 20px;}

    
.vsh, .eye {display: none;}
.sh {display: block;}

    .con_1, .con_2, .con_3  { padding-right: 15px; padding-left: 0;}
    .tel {float: none; text-align: center; width: 100%;}
    .sbmt { margin: 10px auto; display: table;}
    
    .floating-label-form-group input, .floating-label-form-group textarea {padding-left: 20px;}
   
}    


.btn-primary {
    color: #ffffff;
    background-color: rgba(0,0,0,.2);
    border-color: transparent;}

.btn-primary:hover {
    color: #ffffff;
    background-color: rgba(0,0,0,.3);
    border-color: transparent;}

.btn-primary:active:hover {background-color:#f99d1c;border-color: transparent;}

/*

#success, #results {
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    overflow: hidden;
    position: fixed;
    top:0;
    bottom:0;
    right:0;
    left:0;
    z-index:1050;
    -webkit-overflow-scrolling: touch;
    outline:0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    font-family: "Helvetica Neue", 'Source Sans Pro', Helvetica, Arial, sans-serif;
    background-color: rgba(0,0,0,.3);    
}

.clos { text-align: center;  font-size: 33px; padding-top: 30px; text-decoration: underline; position: absolute; bottom: 100px; left: 0; right: 0; z-index: 1052;}

#success .con, #results .st {
    padding: 35px 45px;
    width: 610px;
    background: #fff url(../images/th.png) no-repeat 31px 26px ;    
    border: 0;
    border-radius: 0;
    text-align: justify;
    background-clip: border-box;
    margin: 10% auto;
    position: relative;
    font-size: 18px;
    color: #999;
}

#success .con strong, #results .st strong {
    color:#3a3a3a;
     font-family: "Helvetica Neue Medium", 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#success .close-modal, #results .close-modal  {
    position: absolute;
    top: 20px;
    right: 41px;
    width: 25px;
    height: 25px;
    background-color: transparent;
    cursor: pointer;
}

#success .close-modal .lr, #results .close-modal .lr {
    z-index: 1051;
    width: 2px;
    height: 15px;
    margin-left: 35px;
    background-color: #999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#success .close-modal .lr .rl, #results .close-modal .lr .rl {
    z-index: 1052;
    width: 2px;
    height: 15px;
    background-color: #999;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}*/

.st h2,  .con h2 { text-align: center;
    font-family: 'Conv_a-little-sunshine.medium', "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333333;
    font-size: 41.63px;
    margin: 0 0 25px 0;
}

.butts { padding-top: 20px;} 
.butts:after { content: " "; display: table; clear: both;}

.butts div { text-decoration: none; outline: 0; display: inline-block; float: left; color: #fff; font-size: 23.14px;
padding: 8px 20px 10px 20px; background-color: #8c8c8c; width: 35%; text-align: center; cursor: pointer;
}

.butts div:hover { color: #333; background-color: #fa9a3a} 


.butts div + div { width:60%; margin-left:23px; background-color:#79b642;}

@media (min-width: 1200px) {
.container {width: 1160px;}
}


.intro {
    position: relative;
    background: url(../images/main_back.jpg) no-repeat right top;
    background-size: cover;
    width: 100%;
    height: 622px;
    display: table;
        border:0;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
top: 70px;
}


.title_preintro {
display:table-row;
height: 536px; /* add */ 
border:0;
margin: 0;
padding: 0;
border-collapse: collapse;
}
.title_intro {

    width: 100%;
    display: table-row;
    vertical-align: bottom;
    border:0;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    position: relative;
    }  


.title_intro svg {
width: 100%;
height:89px; /* add */
display: block;    
    
}

.title_intro .container {
    /*height: 80px;*/   /* add */
    position: relative;
    padding: 0; 
}

.title_intro .container:after,
.title_intro .container:before 
{
    content: " ";
    display: block;
    z-index: 900;
    position: absolute;
    height: 100%; /* add */
    width: 100%;
    top:0;
    background-color: #fff;
    
}
.title_intro .container:after {right:-100%;}
.title_intro .container:before {left:-100%; z-index: 901;}




.title_intro svg #alpha {
  fill: #ffffff;
}
.title_preintro h1,
.title_intro svg #title
{
  letter-spacing: -2px;
  font-size: 147.28px;
  font-weight: 800;
  text-transform: uppercase;
  font-family: 'Helvetica Neue', serif; 
}

.title_preintro h1 {
    color: #fff;
    display: table-cell;
    vertical-align: bottom;
    border:0;
    margin: 0;
    padding: 0;
    border-collapse: collapse;

}
.title_preintro h1 div {padding:0; position: relative; bottom: -10px;}




.title_intro svg #base {
  fill: #ffffff;
  -webkit-mask: url(#mas);
}

#title_top {fill:#fff; font-size: 138px;text-transform: uppercase; }





.ab { padding:155px 0 0 0; position: relative;}
.ab img {
    float: right;
    position: relative;
    bottom:0;
}

img[alt="point"] {
    display: block;
    -webkit-shape-outside: polygon(100% 0%, 14% 0, 15% 20%, 17% 36%, 20% 54%, 0% 63%, 22% 77%, 19% 100%, 100% 100%);
            shape-outside: polygon(100% 0%, 14% 0, 15% 20%, 17% 36%, 20% 54%, 0% 63%, 22% 77%, 19% 100%, 100% 100%);
}

img[alt="mpoint"] {
    display: none;
-webkit-shape-outside: polygon(100% 0%, 30% 0, 31% 20%, 32% 36%, 17% 51%, 34% 63%, 37% 79%, 39% 100%, 100% 100%);
        shape-outside: polygon(100% 0%, 30% 0, 31% 20%, 32% 36%, 17% 51%, 34% 63%, 37% 79%, 39% 100%, 100% 100%);
}

.ab .container p:last-child {padding-bottom: 80px;}
.ab .container {padding-right: 15px;}


.ab p {
    margin-bottom: 25px;
    line-height: normal;
}


.blueline {
    background-color:#10b7f4;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    }

.blueline {
    color:#fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 65px;
    font-weight: bold;
}




.about_us .col-md-4 {position: absolute;
bottom: 0;
right: 10%;}
.about_us .col-md-8 {color:#000;}
.philosophy {
   height: 600px;
    background: url(../images/bridge.jpg) no-repeat center center;
    background-size: cover;
}
.rules {background-color: rgba(2, 75, 125, 0.75);height: 600px;border-left: 5px solid #fff;}
.rulescontent {color:#fff;padding-top: 20%;
padding-left: 10%;
line-height: 0.5;}
section.philosophy p{color:#fff;}
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
  }
  
.rulescontent  h1{font-weight: bold;line-height: 0.9;}
  
 .work h1, .workshop h1{text-align:center;
 color: rgb(51, 190, 246);
font-size: 60px;
font-weight: bold;} 

.carousel-control.left {background-image: none;}
.carousel-control.right {background-image: none;}
.glyphicon-chevron-left::before {color:#10b7f4;      /* background: url(../images/1.png) no-repeat center center;*/ }
.carousel-control .glyphicon-chevron-left {
    left: 0%;}
	.carousel-control .glyphicon-chevron-right {
    right: 0%;}
.glyphicon-chevron-right::before{color:#10b7f4;   /*background: url(../images/2.png) no-repeat center center;*/   }
 .work h2,  .workshop h2{ color: rgb(51, 190, 246);}
 .work p{color: rgb(0, 0, 0);
font-weight: 400;}
.carousel-inner {
    width: 90%;
    margin: 0 auto;
}
.testim .col-md-8 {color:#fff;}
.testim p{color:#fff;}
.testim h2 {color:#fff;}

}

	

.workshop h2{top: 30px;}
.date {background-color: rgb(131, 131, 131);
color: rgb(255, 255, 255);
text-align: center;}
.month {padding-top: 10px;
font-size: 25px;
line-height: 18px;}
.day {padding-bottom: 0px;
color:#585858;font-size: 90px;
font-weight: bold;line-height: 100px;}
.dateline {padding-bottom: 10px;}
.but {width:33%;}

.button_reg {
  position: relative;
  color: white;
  text-decoration: none;
  user-select: none;
  padding: 2px;
  outline: none;
  background-color: #6e932b;
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
  border: none;
  width:100%;
} 
.button_reg:active {
  top: 1px;
  box-shadow: none;
}
.button_reg:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}
.register {background-color:#fff;width:100%;padding-top: 8px;}
.datecolumn .col-md-4{padding:0;}
.dateline .col-md-4{padding:0;}
.dateline .col-md-4 {padding-right: 50px;}
.nav > li > a > img {
    height: 20px;
}
.social {height: 30px;
position: absolute;
top: 60px;}

   
 .join{color:#fff;} 
 .join h2{color:#fff;}
 .name {width:25%;float: left;padding-right: 2%;}
 .lastname{width:33%;float: left;padding-right: 2%;}
 .phone{width:38%;float: left;padding-right: 2%;}
 .mail{width:50%;float: left;padding-right: 2%;}
 .city{width:30%;float: left;padding-right: 2%;}
 .state{width:16%;float: left;padding-right: 2%;}
 .zip{width:30%;float: left;padding-right: 2%;}
 .interested{width:40%;float: left;padding-right: 2%;}
 
 .form-control, input {
    border-width: 1px;border-radius: 10px;
}
.join .button1, .orange .button1 {padding: 10px 70px;}

.resume input {width: 160px;
height: 160px;
border-radius: 100px;}

.resume:hover {
    cursor: pointer;
}

.name2, .lastname2, .mail2,  .phone2, .company, .city2, .state2{width:100%;}
.orange {color:#fff;}
.orange span a{color:#fff;}
.contactsocial {text-align: right;}
.orange .form-control{background-color: rgba(0, 0, 0, 0.3);
border: none;}

.orange ::-webkit-input-placeholder {color:#fff !important; text-align:center;}
.orange  ::-moz-placeholder          {color:#fff !important; text-align:center;}/* Firefox 19+ */
.orange  :-moz-placeholder           {color:#fff !important; text-align:center;}/* Firefox 18- */
.orange  :-ms-input-placeholder      {color:#fff !important; text-align:center;}	

.join ::-webkit-input-placeholder {color:#666 !important; text-align:center;}
.join  ::-moz-placeholder          {color:#666 !important; text-align:center;}/* Firefox 19+ */
.join  :-moz-placeholder           {color:#666 !important; text-align:center;}/* Firefox 18- */
.join  :-ms-input-placeholder      {color:#666 !important; text-align:center;}	

#map-canvas {
    height: 600px;
}
.black {
width: 50%;
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
z-index: 200;
top: 0px;
}
.blacktr {
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
z-index: 200;
top: 0px;


}
.locationback {position: absolute;
z-index: 200;
background: url(../images/black.png) no-repeat;
height: 600px;
width: 60%;
background-size: cover;
background-position: 100% top;
}
.locationcontent {position: absolute;
z-index: 300;
height: 600px;
width: 65%;
color:#fff;
padding-top: 150px;}
.locationcontent p{font-size: 1.2vw;line-height: 0.7vmax;}
.locationcontent h1 {font-size: 4.2vmax;
font-weight: bold;}
.workmenu ul{list-style: none;}
.workmenu ul li{float:left;width:23%;}
.workmenu {width:50%; margin:0 auto; padding-bottom:70px;}
.work .col-md-6 h2{
font-family: 'Marketing Script', arial,sans-serif;
}


.testim .col-md-8:before {
   content: '';
   border: 12px solid transparent;
   border-bottom: 15px solid #10b7f4;
   position: absolute;
	left: 62%;
	margin-left: -12px;
	top: 30px;
   width: 0;
}
.carousel-inner .col-md-6 img{padding-bottom: 50px;}

.workshop {
    text-align:center;
    padding: 62px 0 62px 0;
    background-image: url(../images/wc.png), url(../images/k_back.png);
    background-repeat: no-repeat, repeat;
    background-position: calc(50% - 20vw) center, left top;
    background-size: contain, auto;
}

.workshop h1 {
    text-align: left;
}



.button1:hover,
.button1:active,
.button1:focus 
{text-decoration: none; color: #fff;}


.shop p {
    margin-bottom: 11px;
    text-align: left;
    letter-spacing: 1px;
}

.destestimimg {position: relative;}
.destestimimg img { 
    display: inline-block;
    position: absolute;
    left: 0;
    top:-90px;
    z-index: 101;    
}

.inner {position: relative;padding: 40px 0;}


.next_data {
    font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif;
    background-color: #fff;
    box-shadow: 18px 26px 15px rgba(0, 0, 0, 0.3);
  /*  padding: 32px 30px; */
    padding: 32px 14px; 
    text-align: center;
    display: inline-block;
    position: relative;
    color: #22b7f4;
}

.next_data:before {
    content: " ";
    display: inline-block;
    position: absolute;
    left: 40%;
    top: -62px;
    background: url(../images/sk.png) no-repeat center bottom;
    width: 58px;
    height: 87px;    
}


.next_data h3 {
     font-family: 'Marketing Script', arial, sans-serif;
    padding: 0;
    margin: 0;
    color: #878787;
    font-size: 44.71px;
   
}

.week_data {
    font-size: 36.65px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.day_data {
     font-family: 'Marketing Script', arial, sans-serif;
    /* font-size: 212.58px; */
	font-size: 154.58px;
     line-height: 140px;
}
.day_data sup {
    font-size: 47.58px;
    top: 26px;
    vertical-align: top;
    margin-left: 15px;
}

.moth_data {
    text-transform: uppercase;
    font-size: 40.53px;
}


@media (max-width: 992px) {

    .workshop {
        background-position: top center, left top;
        background-size: cover, auto;
    }
    
    .next_data {margin-top: 122px}
    
}




.workshop .col-md-6 h2 {
font-family: 'Marketing Script', Arial, sans-serif;
}
.workshop .col-md-6 h2, .workshop .col-md-6 h1 {padding-bottom:30px;}
.workshop .col-md-6 h2 {padding-bottom:15px;}
.shop {padding-right: 60px;}
workshop .col-md-6 h1 {text-align: left;}
.workshop .button1 {top:30px; text-transform: uppercase;}
.join h1{font-size: 3.0vmax;font-weight: bold;}
.join h2{font-size: 2.0vmax;font-family: 'Marketing Script', arial, sans-serif;}
.curve_arrow{width: 50%;
float: right;}
.curve_arrow p{font-family: 'Marketing Script', arial,sans-serif; width:50%; float: right;}
.join {padding-bottom:50px;}
.orange h1{font-size: 5.5vmax;font-weight: bold;margin-top:0;}
.orange span a{font-size:38px;font-weight: bold;}
.orange {padding-top:50px;padding-bottom:50px;border-top: 13px solid #fff;border-bottom: 13px solid #fff;}
.orange form {padding-top:30px;}

/* ----------------*/
@media  (max-width: 990px)
{
.testim  {background-color:#10b7f4; color:#fff;}
.about_us .col-md-8{width: 50%;}
.about_us .col-md-4 {width:50%;}
.testim .col-md-8, .testim .col-md-4 {
    padding-left:10%;
    padding-right: 10%;
}
.testim .col-md-4 img {width: 70%;
padding-top: 20px;padding-bottom: 20px;}
.testim .col-md-4  {text-align:center;}
.shop h1 {
    text-align: left;
    font-size: 10.1vw;
	padding-left:5%;
}
.workshop .col-md-6 {padding:0 10%;}
.workshop {
    padding-top:155px;
    }
.workshop .col-md-6 h1 {
    padding-bottom: 10px;
}
.workshop .col-md-6 h2 {
    padding-top: 30px;
}
.workshop .col-md-4 {width: 50%; float: left;}
.join form {display:none;}
.join h1 {
    font-size: 12.0vw;}
.join {text-align:center;}
.join p{font-size: 3.2vw;line-height: 3.2vw;}
.apply {text-align:left;}
.apply h2{padding-left: 5%;font-size: 10.0vw;}
.send{text-align:center;}
.send p {text-align: center;}
.send span {font-weight: bold;}
.send h2 {padding-top: 20px;
    font-size: 10.0vw;}
.orange h1 {
    font-size: 12.0vw;
}	
.orange {text-align:center;}
.contactsocial {text-align:center;}
.orange span a {
    font-size: 8.0vw;}
.contactsocial img {width: 17%;
padding-right: 4%;
padding-left: 4%;padding-top: 20px;}	
#contactForm {padding: 6%;}

.city2, .state2, .interested2 {display:none;}
.orange {
    padding-top: 0;
    padding-bottom: 0;
}
.locationback {
    width: 90%;}
	.locationcontent p {
    font-size: 2.4vw;
    line-height: 2.2vw;}
.location .col-md-6	{width:50%;float:left;padding: 0;}
.locationcontent {
    width: 100%;}
.loc{padding-left: 5%;}	

/*.title_preintro h1, .title_intro svg #title {
    font-size: 8.3vw;}*/
    
    
	.title_preintro {
    height: 327px;}
    /*    
.title_intro svg {
    height: 33px;}	*/

    .intro {
    height: auto;}
    
/*    
.title_intro {
    height: 26px;}	*/
    
.about_us img {width:100%;}	
.about_us .container, .about_us .col-md-8, .about_us .col-md-4 {padding:0;}
.blueline p {
    font-size: 6.2vw;}
.about_us .col-md-8  {width:60%;padding-left: 5%;padding-top: 20px;}
.about_us .col-md-4 {width:40%;}
.moretext {display:none;}
.about_us .col-md-8 p{line-height: 2.2vw;font-size: 2.2vw;}
.about_us .col-md-4 {
    right: 0%;
}
.workshop .col-md-4 {
    padding-top: 20px;
}
.blueline p {
    padding-top: 18px;
    padding-bottom: 5px;
}
.navbar-brand {
    width: 42px;
    height: 42px;
    background:url(../images/logotype_mobile.svg) no-repeat left top;
}
}

@media  (max-width: 767px) {
.philosophy {padding:0;}
.rulescontent {padding-right:5%;padding-left:5%;}
.rulescontent p{padding-right:0;padding-left:0;}
.philosophy {
    height: 500px;}
.rules {
    height: 500px;}
.workmenu {
    width: 100%;}
.workmenu ul {padding-left:5%;padding-right:5%;text-align: center;}	
.coltext {display:none;}
section {
    padding: 0;
}
.carousel-inner .col-md-6 img {
    width: 80%;
}
.carousel-inner .col-md-6 {text-align:center;}
.carousel-control .glyphicon-chevron-right {
    top: 10%;}
.carousel-control .glyphicon-chevron-left { top: 10%;}	
.testim h2 {
    font-size: 5.7vw;
}
.testim .col-md-8 p{padding:0;}
.workshop .col-md-6 h2 {
font-size: 10.2vw;
}
.container > .navbar-header {
    margin-right: 5px;
    margin-left: 5px;
}
.row { margin-right: 0px; }
.navbar-default .navbar-nav > li > a {font-size: 5.2vw;}

}

/* ----------------------*/
@media  (max-width: 990px) {	
	.join h1 {
    font-size: 5.5vmax;}
}
	
@media  (min-width: 990px) {

.join h2 {
    font-size: 3.5vw;}

.join p {padding-right: 13%;}
.work .coltext  {padding-top: 50px;min-height: 400px;}
.work .coltext2  {padding-top: 50px;min-height: 400px;}
.testim .col-md-8 {float:right;}
/*.carousel-inner:  {content:"";   width: 300%;
   position: absolute;
   background-color: #10b7f4;
   z-index: -1;
   left: -100%;
   bottom: 30px;
   min-height: 224px;}*/
.send {display:none;}
.about_us .row {padding-top: 130px;}
}

@media  (max-width: 350px) {
.rulescontent h1{font-size: 30px;}
}
@media  (max-device-width: 400px) {
.work h1{    font-size: 50px;}
.shop button {font-size: 4.4vw;}
.shop p{line-height: 5.2vw;font-size: 4.2vw;} 
.testim .col-md-8 p {line-height: 4.2vw; font-size: 4.2vw;}

}

@media  (min-device-width: 767px) {
.worktext{width:50%;}
.worktext .col-md-6 {width:100%;padding-right: 80px;}
.carousel {width:50%;float:right; text-align:center;}



h1 {font-family: 'Roboto Condensed', sans-serif;font-weight: normal !important; }

.inner::after {
    content: "";
    width: 300%;
    position: absolute;
    background-color: #10b7f4;
    z-index: -1;
    left: -100%;
    bottom: 0;
    min-height: 100%;
}	

.philosophy p {padding-top: 20px;}
.workshop .button1 {padding: 12px 55px;font-size: 25px;}
#cphone {letter-spacing: 0.5vmax;text-align: center;}
#cphone2 {letter-spacing: 0.2vmax;
text-align: center;}
.join ::-webkit-input-placeholder {letter-spacing: 0.1vmax !important; text-align:center;width:100px;}
.join  ::-moz-placeholder          {letter-spacing: 0.1vmax !important; text-align:center;width:100px;}/* Firefox 19+ */
.join  :-moz-placeholder           {letter-spacing: 0.1vmax !important; text-align:center; width:100px;}/* Firefox 18- */
.join  :-ms-input-placeholder      {letter-spacing: 0.1vmax !important; text-align:center;width:100px;}	
.orange .form-control {
    color: #fff;
}
.workmenu {width:350px;}
.navbar-header {width: 20%;
float: left;}
.navbar-collapse {float: right;
width: 70%;}
.navbar-collapse ul {width:85%;float:left !important;}
.navbar-collapse .socli {width:15%;float:right;text-align:center;padding-top: 18px;}
.navbar-collapse .socli a img{width:30%; height:20px;}
.navbar-nav > li {
    width: 20%;
    text-align: center; }
	

	

}

.blueline {
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 900 !important;
}
.testim .col-md-4{padding-left:0px;padding-right:0;}
.testim .col-md-8{padding-left:0px;padding-right:0;}
.testim .col-md-8 h2, .testim .col-md-8 p{padding-left:50px;}
.testim h2 {font-family: 'Roboto Condensed', sans-serif;}
.star {    background: url(../images/star2.png)  repeat-x; height:24px;width: 125px;
background-size: contain;}
.topline {width:100%;height:50px;}
.topline h2 {float:left;margin-bottom:0;}
.topline .star {float:left;}
.allstar {padding-top: 12px;}
.testim h2{padding-right: 30px;}
.curve {width: 30%;float: left;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left{
    margin-top: -100px !important;}
.item .col-md-6 {width:100%; text-align:center;}
.workmenu ul li a{color: #2c3e50;}
.workmenu ul li a button {border: medium none;
background-color: transparent;}

#show2, #show3, #show4 {display:none;}

.button1 {
  position: relative;
  color: white;
  text-decoration: none;
  user-select: none;
  padding: .8em 2em;
  outline: none;
  background-color: #f26c4f;
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  border-radius: 10px;
  border: none;
} 
.button1:active {
  top: 1px;
  box-shadow: none;
}
.button1:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}
.workshop .col-md-6  .button1 {text-align:center; display: inline-block;}
.about_us .col-md-8 {width: 70.66666667%;}


@media  (max-width: 767px) {
.navbar-header {width:100%;}
.socli {display:none;}
.topline h2{    width: 50%;font-size: 4.1vw;}
.topline .allstar {width:50%;height: 50px;
float: right;}
.inner .row{margin-right: 0px;
margin-left: 0;}
.work .container {padding-right:0; padding-left:0;}
.star {   height: 14px;
width: 74px;}

}

@media  (max-width: 990px) {
.about_us {padding-top: 80px;}
}

#weblink {color:#10b7f4;}

.fileform { 
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    cursor: pointer;
    height: 26px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 230px;
}
 
.fileform .selectbutton { 
    background-color: #A2A3A3;
    border: 1px solid #939494;
    border-radius: 2px;
    color: #FFFFFF;
    float: right;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 2px 6px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}
 
.fileform #fileFF[]
{    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    -moz-opacity: 0; 
    filter: alpha(opacity=0); 
    opacity: 0; 
    font-size: 150px; 
    height: 30px; 
    z-index:20;
}

.about_us img {float:right; shape-outside: polygon(118px 432px, 132px 386px, 4px 363px, 111px 324px, 83px 231px, 83px 146px, 65px 74px, 64px 7px, 525px 0px, 525px 540px, 110px 540px);}
.about_us {padding-top: 580px;}
.about_us .container {position: relative;}
.rowdog {position: absolute;
bottom: -80px;font-weight: 400 !important;}

.rowdog img
{
    shape-outside: polygon(79px 430px, -4px 365px, 60px 313px, 56px 218px, 38px 131px, 20px 0px, 525px 0px, 525px 540px, 58px 541px);
}

.rowdog p {margin-bottom: 30px;}

.workmenu h1, .workshop h1, .join h1, .orange h1, .orange span, .location h1{font-family: 'Helvetica Neue', sans-serif !important;}
.workshop h2{padding-top: 30px;}


@media  (max-width: 1200px) {
.desabout {display:none;}
}
@media  (min-width: 1200px) {
.mobabout {display:none;}
}
.mobabout {padding-top: 22vw;}

@media  (max-width: 836px) {
.work .worktext {display:none;}
#myCarousel,
#myCarousel2,
#myCarousel3,
#myCarousel4    
    {width:80%;margin: 0 auto;}
.carousel {float:none;}
.topline {width:100%;height:50px;}
.topline h2 {float:left;margin-bottom:0;}
.topline h2 {
    width: 50%;
    font-size: 4.1vw;
}
.nodate {display:none;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left {
    margin-top: 30px !important;
}
.rulescontent h1 {
    font-size: 20px;
}
.topline h2 {
    width: 60%;}
	.topline .allstar {
    width: 30%;}
	.allstar {
    padding-top: 0px;
}
.testim .col-md-8 p {
    padding-right: 15px;
    padding-left: 15px;
}
.workshop .col-md-6 h2 {
    padding-top: 50px;
}
.workshop .col-md-6 h2{
    padding-bottom: 0;
}
.intro {top: 60px;}
.dateline .col-md-4 {
    padding-right: 10px;
    padding-left: 10px;
}
.day {
    font-size: 80px;
    line-height: 80px;
}
.row {
    margin-left: 0;}
.philosophy	.row {
    margin-left: -15px;
}
.locationcontent {
    padding-top: 50px;
}
.locationcontent p {
    font-size: 2.4vw;
    line-height: 2.0vw;
    padding: 0px;
}
.container > .navbar-header {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}
.about_us .col-md-8 {
    width: 60.66666667%;
}
.mobabout {
    padding-top: 15vw;
}
.philosophy p {
    
    padding-left: 0;
}
.work .container {padding-left: 0;}
.topline .allstar {
    width: 35%;
    float: right;
}
}

@media  (min-width: 767px) and (max-width: 769px) {
.navbar-header {
    width: 15%;}
}


@media   (max-width: 769px) 
{.inner:after {display:none !important;}}

@media   (max-width: 1200px) 
{
.about_us .col-md-8 {width:60%;}
.about_us .col-md-4 {width:50%;}
.about_us img {position: absolute;
bottom: -65px;}
}

@media   (max-width: 990px) 
{
.blueline p {
    padding-top: 1.8vw;
    padding-bottom: 0.5vw;
}
}
@media   (max-width: 500px) 
{
.blueline p {
    padding-bottom: 0;
}
}
@media   (max-width: 800px) {
.about_us img {
    bottom: -12.2vw;
}
.blueline p {
padding-left: 11vw;
}
}
@media   (min-width: 768px) and (max-width: 836px)
{
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left {
    margin-top: -70px !important;
}
}
@media (min-width: 992px) 
{
.mobtestimimg {display:none;}
}


@media   (max-width: 991px) {
    
.inner {padding-bottom: 0;}    
.inner:after{
    background-color: transparent;
    }    
.destestimimg {display:none;}
    
.testim .col-md-8 h2, .testim .col-md-8 p {
        padding: 0 40px;
    }    
    
.testim .col-md-8 {
    padding: 20px 0 120px 0;
}
    
.mobtestimimg {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -150px;
    z-index: 102;
    }
    
.mobtestimimg img {
   /*  width: 50vw; */
    margin: 0 auto;
    }
    
.topline h2 {
    font-size: 5.5vw;
    width: auto;
    display: inline-block;
}

.topline .allstar {
    width: auto;
    height: auto;
    float: left;
    position: relative;
    top:10px;
}
    
.star {
    height: 19px;
    width: 100px;
}    

}

@media   (max-width: 590px) {
.mobtestimimg img {
    width: 50vw; }
.mobtestimimg {
    bottom: -110px;
}    
}

@media   (min-width: 300px) and (max-width: 395px) {
.mobtestimimg {
    bottom: -50px;
}    
}

.coltext2 h2{font-family: 'Marketing Script', arial,sans-serif;}
button, button:hover, button:focus, button:active, button.active {outline:0;}

@media   (min-width: 767px)  {
.rulescontent {
    padding: 10em 0;
}


}

@media   (max-width: 767px)  {
.social {
top: 30px;}

}


.navbar-default .navbar-collapse{
    padding-top: 20px  !important;
}

@media   (min-width: 767px) and (max-width: 990px)  {
.navbar-collapse {
    width: 88%; }
.navbar-default .navbar-collapse{
    padding-top: 0px  !important;
}
.navbar-header {
    width: 10%;
}
.navbar-default .navbar-nav > li > a {
    font-size: 20px;}
}

@media   (min-width: 990px) and (max-width: 1200px)  {
.navbar-collapse {
    width: 75%; 
}
.navbar-header {
    width: 15%;
}
.navbar-default .navbar-nav > li > a {
    font-size: 20px;}
.navbar-brand {
    width: 270px;}
}
.join {font-weight: 200;}
@media   (min-width: 1210px) and (max-width: 1600px)  {
.locationcontent h1 {
    font-size: 70px;}
}
@media   (min-width: 991px) and (max-width: 1210px)  {
.locationcontent h1 {
    font-size: 60px;}
}
@media   (min-width: 595px) and (max-width: 990px)  {
.locationcontent h1 {
font-size: 8.2vmax;}
}
@media  (max-width: 990px)  {
.locationcontent .row {margin-left: 0;}
}
@media   (min-width: 470px) and (max-width: 594px){
.locationcontent h1 {font-size: 6.2vmax;}}

.orange .control-group{padding-right: 15px;}
.join p {padding-top: 25px;
padding-bottom: 25px;}
.join form p {padding-top: 0px;
padding-bottom: 0px;}
.join h2 {
    padding-bottom: 10px;
}

.resume{background: url('../images/circle.png') no-repeat;width: 250px;
height: 250px;
background-size: contain;}
/* .interested {
	width:180px;
	height:20px;
	overflow:hidden;
	margin-right:20px;
	background:url('../images/select.png') no-repeat right;
}
.interested select {
	width:200px;
	height:20px;
}*/
textarea {
   resize: none;
}
@media   (min-width: 1300px){
nav .container {
    width: 1290px;
}
.navbar-default .navbar-nav > li > a {
    font-size: 24px;
}
}

.navbar-default .navbar-nav > li > a {
    font-size: 23px;
}
}



/*
#success .con, #results .st {
    padding: 35px 45px;
    width: 610px;
    background: #fff url(../images/th.png) no-repeat 31px 26px ;    
    border: 0;
    border-radius: 0;
    text-align: justify;
    background-clip: border-box;
    margin: 10% auto;
    position: relative;
    font-size: 18px;
    color: #999;
}

#success .con strong, #results .st strong {
    color:#3a3a3a;
     font-family: "Helvetica Neue Medium", 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#success .close-modal, #results .close-modal  {
    position: absolute;
    top: 20px;
    right: 41px;
    width: 25px;
    height: 25px;
    background-color: transparent;
    cursor: pointer;
}

#success .close-modal .lr, #results .close-modal .lr {
    z-index: 1051;
    width: 2px;
    height: 15px;
    margin-left: 35px;
    background-color: #999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#success .close-modal .lr .rl, #results .close-modal .lr .rl {
    z-index: 1052;
    width: 2px;
    height: 15px;
    background-color: #999;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#success, #results {
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    overflow: hidden;
    position: absolute;
    bottom: 30px;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
	width: 100%;
font-family: "Helvetica Neue","Source Sans Pro",Helvetica,Arial,sans-serif;
padding-left: 15px;
font-size: 18px;
} */




.orange {position:relative;}
nav a{font-weight: 200;}

.selectdef, .selectdef:hover, .selectdef:focus, .selectdef:active {color:transparent; opacity:0;}

@media   (min-width: 787px){
.philosophy p {
    text-align: left;
    padding-right: 15%;
}
}

#success, #results {
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    overflow: hidden;
    position: fixed;
    top:0;
    bottom:0;
    right:0;
    left:0;
    z-index:1050;
    -webkit-overflow-scrolling: touch;
    outline:0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    font-family: "Helvetica Neue", 'Source Sans Pro', Helvetica, Arial, sans-serif;
    background-color: rgba(0,0,0,.3);    
}

.clos { text-align: center;  font-size: 33px; padding-top: 30px; text-decoration: underline; position: absolute; bottom: 100px; left: 0; right: 0; z-index: 1052;}

#success .con, #results .st {
    padding: 35px 45px;
    width: 610px;
    background: #fff url(../images/th.png) no-repeat 31px 26px ;    
    border: 0;
    border-radius: 0;
    text-align: justify;
    background-clip: border-box;
    margin: 10% auto;
    position: relative;
    font-size: 18px;
    color: #999;
}

#success .con strong, #results .st strong {
    color:#3a3a3a;
     font-family: "Helvetica Neue Medium", 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#success .close-modal, #results .close-modal  {
    position: absolute;
    top: 20px;
    right: 41px;
    width: 25px;
    height: 25px;
    background-color: transparent;
    cursor: pointer;
}

#success .close-modal .lr, #results .close-modal .lr {
    z-index: 1051;
    width: 2px;
    height: 15px;
    margin-left: 35px;
    background-color: #999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#success .close-modal .lr .rl, #results .close-modal .lr .rl {
    z-index: 1052;
    width: 2px;
    height: 15px;
    background-color: #999;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.modal-dialog {background-color: rgb(255, 255, 255);
padding: 50px;color:#666;}
.modal-dialog h2{color:#666; font-size:22px;}
#zip {letter-spacing: 0.7vmax;text-align: center;}
.letter img{padding-left: 7px;}



/* transparent text */


.rep {
    width: 100%;
    height:auto;
}

.rep_2 {
    
    background: url(../images/rep_2.svg) no-repeat left top;
    background-size: auto 100%;
    height: 89px;
}


@media (min-width: 768px) {
.container {
     width: 100%;
}
.intro .container { padding: 0;}
    

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0;
    }
    
    
}


}
@media (min-width: 992px) {
.container {
    width: 970px;}
.intro .container { padding: 0;}       
}





@media (min-width: 1200px) {
.container {
    width: 1140px;
    }
    .intro .container { padding: 0;}    
}



@media (min-width: 320px) and (max-width:968px) {
 
    .title_preintro h1, 
    .title_intro svg #title {        
        font-size: 13vw;
    }    
    
    .intro .container { padding: 0;}    
    
    .title_intro .container:after,
    .title_intro .container:before {
        display: none;
    }
    
}
@media (max-width:1110px) {
    img[alt="mpoint"] {display: block;}
    img[alt="point"] {display: none;}
}






@media (max-width:850px){
    .ab p {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .blueline {font-size: 8vw;}
    
}

@media (max-width:736px){
    .ab p {
        font-size: 17px;
    }
    
}






@media (max-width:667px){
    img[alt="mpoint"] {
       display:none;
    }
    img[alt="point"] {
       display:block;
        float:none;
        width: 100%;
        height: auto;
    margin-bottom: 15px;
    padding-top: 25px;
    }
    .ab {padding-top: 32px;}
    .ab p {padding-right: 15px}
	.ab img {padding-right: 40px;}

}

@media (max-width:835px){
    .rulescontent h1 {padding-top:5px;margin-top:0;margin-bottom:0;}
    .rulescontent p {padding-top:15px;}
}

@media (max-width:709px){
    .ab p {
        font-size: 16px;
    }
    
}

h1 {font-weight: normal !important;padding-top:25px;}
@media (max-width:1045px){.navbar-header {
    width: 100%;
}
}