/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
}

img.logo{
	max-height:43px; 
  margin-top:10px; 
  margin-right:30px;
  max-width: 50%;
}
img.logo:hover{opacity:0.8}

.ad{
  background-color: #000000;
  margin-bottom: 60px;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */


/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  max-width: 1600px;
  /*height: 500px;*/
  margin-left: auto;
  margin-right: auto;
  /*margin-bottom: 60px;*/
}
/* Since positioning the image, we need to help out the caption */
/*.carousel-caption {
  z-index: 10;
}*/

/* Declare heights because of positioning of img element */
/*.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}*/

.panel-body p{
	color: #232323;
}
.panel-heading h1, .panel-heading h2, .panel-heading h3, .panel-heading h4, .panel-heading h5, .panel-heading h6{
	color:#434343;
}
/*Margin*/
.b20{
	margin-bottom: 20px;
}
.t20{
  margin-top: 20px;
}
.r20{
  margin-right: 20px;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

span.featurette-circle{
  vertical-align:middle;
  font-size:86px;
  width: 140px;
  line-height: 140px;
}

img.featurette-circle{
  width: 140px;
}

.shopping .well:hover{
 background-color: #2a2a2a;
}
.shopping .preview:hover{
  cursor: pointer;
  border:4px solid #2a2a2a;
}
.shopping .well a{
  cursor: pointer;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 480px) {
  .col-tn-12{
    width:100%;
  }
  .hidden-tn{
    display: none;
  }
  span.featurette-circle{
    vertical-align:middle;
    font-size:60px;
    width: 100px;
    line-height: 100px;
  }

  img.featurette-circle{
    width: 100px;
  }

}
@media (min-width: 768px) {
.carousel-page .navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

/*colors*/
.red-gradient{
	background: rgb(248,80,50); /* Old browsers */
    background: -moz-linear-gradient(12deg,  rgba(248,80,50,1) 0%, rgba(241,111,92,1) 54%, rgba(246,41,12,1) 55%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(248,80,50,1)), color-stop(54%,rgba(241,111,92,1)), color-stop(55%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(12deg,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 54%,rgba(246,41,12,1) 55%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(12deg,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 54%,rgba(246,41,12,1) 55%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(12deg,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 54%,rgba(246,41,12,1) 55%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* IE10+ */
    background: linear-gradient(12deg,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 54%,rgba(246,41,12,1) 55%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.white-gradient{
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(12deg,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 54%, rgba(209,209,209,1) 55%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(226,226,226,1)), color-stop(54%,rgba(219,219,219,1)), color-stop(55%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(12deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 54%,rgba(209,209,209,1) 55%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(12deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 54%,rgba(209,209,209,1) 55%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(12deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 54%,rgba(209,209,209,1) 55%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(12deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 54%,rgba(209,209,209,1) 55%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.blue-gradient{
  background: rgb(109,179,242); /* Old browsers */
	background: -moz-linear-gradient(12deg,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 54%, rgba(54,144,240,1) 55%, rgba(30,105,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(109,179,242,1)), color-stop(54%,rgba(84,163,238,1)), color-stop(55%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(12deg,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 54%,rgba(54,144,240,1) 55%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(12deg,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 54%,rgba(54,144,240,1) 55%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(12deg,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 54%,rgba(54,144,240,1) 55%,rgba(30,105,222,1) 100%); /* IE10+ */
	background: linear-gradient(12deg,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 54%,rgba(54,144,240,1) 55%,rgba(30,105,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.green-gradient{
  background: #9dd53a; /* Old browsers */
  background: -moz-linear-gradient(12deg,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(12deg,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(12deg,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
  background: linear-gradient(12deg,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 ); /* IE6-9 */
}
.orange-gradient{
  background: #FEBE10; /* Old browsers */
  background: -moz-linear-gradient(12deg,  #FECB40 0%, #FEBE10 50%, #FEE08E 51%, #FED975 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FECB40), color-stop(50%,#FEBE10), color-stop(51%,#FEE08E), color-stop(100%,#FED975)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #FECB40 0%,#FEBE10 50%,#FEE08E 51%,#FED975 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(12deg,  #FECB40 0%,#FEBE10 50%,#FEE08E 51%,#FED975 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(12deg,  #FECB40 0%,#FEBE10 50%,#FEE08E 51%,#FED975 100%); /* IE10+ */
  background: linear-gradient(12deg,  #FECB40 0%,#FEBE10 50%,#FEE08E 51%,#FED975 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FECB40', endColorstr='#FED975',GradientType=1 ); /* IE6-9 */
}

iframe{
	border:none;
	margin-bottom:-5px;
}

.youtube p, .youtube div{
	position:relative;
	cursor: pointer
}
.youtube img{
  margin: auto;
}
.play-button{
	font-size:60px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-30px;
	margin-top:-30px;
}
p:hover .play-button, div:hover>div>.playbutton{
	opacity: 0.8;
}

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

.socicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'socicon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/*.socicon:empty{
    width: 1em;
}*/

.socicon-easid:before { content: "5"; }
.socicon-twitter:before { content: "a"; }
.socicon-facebook:before { content: "b"; }
.socicon-google:before { content: "c"; }
.socicon-pinterest:before { content: "d"; }
.socicon-foursquare:before { content: "e"; }
.socicon-yahoo:before { content: "f"; }
.socicon-skype:before { content: "g"; }
.socicon-yelp:before { content: "h"; }
.socicon-feedburner:before { content: "i"; }
.socicon-linkedin:before { content: "j"; }
.socicon-viadeo:before { content: "k"; }
.socicon-xing:before { content: "l"; }
.socicon-myspace:before { content: "m"; }
.socicon-soundcloud:before { content: "n"; }
.socicon-spotify:before { content: "o"; }
.socicon-grooveshark:before { content: "p"; }
.socicon-lastfm:before { content: "q"; }
.socicon-youtube:before { content: "r"; }
.socicon-vimeo:before { content: "s"; }
.socicon-dailymotion:before { content: "t"; }
.socicon-vine:before { content: "u"; }
.socicon-flickr:before { content: "v"; }
.socicon-500px:before { content: "w"; }
.socicon-instagram:before { content: "x"; }
.socicon-wordpress:before { content: "y"; }
.socicon-tumblr:before { content: "z"; }
.socicon-blogger:before { content: "A"; }
.socicon-technorati:before { content: "B"; }
.socicon-reddit:before { content: "C"; }
.socicon-dribbble:before { content: "D"; }
.socicon-stumbleupon:before { content: "E"; }
.socicon-digg:before { content: "F"; }
.socicon-envato:before { content: "G"; }
.socicon-behance:before { content: "H"; }
.socicon-delicious:before { content: "I"; }
.socicon-deviantart:before { content: "J"; }
.socicon-forrst:before { content: "K"; }
.socicon-play:before { content: "L"; }
.socicon-zerply:before { content: "M"; }
.socicon-wikipedia:before { content: "N"; }
.socicon-apple:before { content: "O"; }
.socicon-flattr:before { content: "P"; }
.socicon-github:before { content: "Q"; }
.socicon-chimein:before { content: "R"; }
.socicon-friendfeed:before { content: "S"; }
.socicon-newsvine:before { content: "T"; }
.socicon-identica:before { content: "U"; }
.socicon-bebo:before { content: "V"; }
.socicon-zynga:before { content: "W"; }
.socicon-steam:before { content: "X"; }
.socicon-xbox:before { content: "Y"; }
.socicon-windows:before { content: "Z"; }
.socicon-outlook:before { content: "1"; }
.socicon-coderwall:before { content: "2"; }
.socicon-tripadvisor:before { content: "3"; }
.socicon-netcodes:before { content: "4"; }
.socicon-lanyrd:before { content: "7"; }
.socicon-slideshare:before { content: "8"; }
.socicon-buffer:before { content: "9"; }
.socicon-rss:before { content: ","; }
.socicon-vkontakte:before { content: ";"; }
.socicon-disqus:before { content: ":"; }