/* TYPEFACES **********************************************************************************************************/

/* CORBEL */
@font-face {
    font-family: 'CorbelBoldItalic';
    src: url('../fonts/corbelz-webfont.eot');
    src: url('../fonts/corbelz-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/corbelz-webfont.woff') format('woff'),
         url('../fonts/corbelz-webfont.ttf') format('truetype'),
         url('../fonts/corbelz-webfont.svg#CorbelBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

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

}

@font-face {
  font-family: 'Ropa Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Ropa Sans'), local('RopaSans-Regular'), url(http://fonts.gstatic.com/s/ropasans/v5/QnguTd82yEUxQZygH2gm8CZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}


/* TYPOGRAPHY **********************************************************************************************************/



body, .container				                    { font-family: 'CorbelRegular'; -webkit-font-smoothing: antialiased; font-size: 1.3em; line-height: 1.7em; font-weight: 300; }

.wrap                                   { width: 100%; margin: 0; padding: 60px 0; border: none; }

b, strong		                        { font-weight: bold; color: #202020; }

p                                       { 
                                        margin: 0 0 1em 0;
                                        display: block;}



img                                     { max-width: 100%; height: auto; }

h1, h2, h3, h4, h5, h6                  { font-family: 'Ropa Sans', helvetica, sans-serif; text-transform: uppercase; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a		{ color: #00b6dd; }
h1 a:hover, h2 a:hover, h3 a:hover, 
h4 a:hover, h5 a:hover, h6 a:hover 		{ color: #414141; }

.green                                  { color: #008852 }
.grey                                   { color: #e1e1e1 }
.medgrey                                { color: #c1c1c1 }
.fontdark                               { color: #333 }
.white                                  { color: white; }
.blue                                   { color:#00b6dd; }



/* LINKS */
a                                       { color: #00b6dd; text-decoration: none; -moz-outline-style: none; }
a:hover                                 { color: #666666; text-decoration: none;
										-webkit-transition: all 300ms ease-in-out; 
										-moz-transition: all 300ms ease-in-out; 
										-o-transition: all 300ms ease-in-out; 
										transition: all 300ms ease-in-out; }

a img                                   { border: 0 }
a img:hover								{ opacity: 0.95; }
a:active, a:focus, input                { outline: none }




/* MAIN CONTENT  ************************************************************************************/


.aligncenter, .center                   { text-align: center; }
.alignleft, .left                       { text-align: left; }
.alignright, .right                     { text-align: right; }

.centered								{ margin: 0 auto; }

img.alignleft 							{ float: left; margin: 0 10px 10px 0 !important; padding: 0; } 
img.alignright 							{ float: right; margin: 0 0 10px 10px !important; padding: 0;} 
img.aligncenter                         { padding: 0 10px 10px 10px; margin: 0 auto; }


/* QUOTE */

blockquote {
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before,
.testimonial:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after,
.testimonial:after {
  color: #ccc;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p,
.testimonial p {
  display: inline;
}
.testimonialsource {
    font-size: .9em;
}


/* BUTTON */

.button {
  background: #00b6dd;
  background-image: -webkit-linear-gradient(top, #00b6dd, #00aacc);
  background-image: -moz-linear-gradient(top, #00b6dd, #00aacc);
  background-image: -ms-linear-gradient(top, #00b6dd, #00aacc);
  background-image: -o-linear-gradient(top, #00b6dd, #00aacc);
  background-image: linear-gradient(to bottom, #00b6dd, #00aacc);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  text-transform: capitalize;
  font-weight: bold;
}

.button:hover {
  background: #00b6dd;
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #00b6dd, #00b6dd);
  background-image: -moz-linear-gradient(top, #00b6dd, #00b6dd);
  background-image: -ms-linear-gradient(top, #00b6dd, #00b6dd);
  background-image: -o-linear-gradient(top, #00b6dd, #00b6dd);
  background-image: linear-gradient(to bottom, #00b6dd, #00b6dd);
  text-decoration: none;
}


/* HORIZONTAL RULE */
hr                                      { margin: 3em 0 0 0; display:block; border:none; color:white; height:2px;background: #ccc; background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 550, from(#ccc), to(#fbfbfb));
}