/* Add here all your css styles (customizations) */

/*BRAZZA Logo colour*/
.tp-caption span {
  color: #27d7e7 !important;
}

/*Slides - copied and modifed for new icons AND mobile compat.*/

/* font awesome icons after top text on slider start */
.rs-caption-1.first:after,
.rs-caption-1.first:before {
  font-size: 20px;
  content: "\f17a";
  position: absolute;
  font-family: FontAwesome;
}

.rs-caption-1.second:after,
.rs-caption-1.second:before {
  font-size: 20px;
  content: "\f19d";
  position: absolute;
  font-family: FontAwesome;
}

.rs-caption-1.third:after,
.rs-caption-1.third:before {
  font-size: 20px;
  content: "\f005";
  position: absolute;
  font-family: FontAwesome;
}
/* font awesome icons after top text on slider end */

.rs-caption-3 a {
  /*
  margin: 5px 5px;
  padding: 20px 20px;
  */
  /*
  margin: 0 5px;
  padding: 7px 20px;
  */
  margin: 0px 5px;
  padding: 7px 20px;
  text-transform: uppercase;
}
/*
.btn-u.btn-brd {
  padding: 10px 13px 5px;
}
*/
/*End Slides*/

/* self explan 
.noscrollbar::-webkit-scrollbar { 
  display: none;
}




.style-7::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.style-7::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.style-7::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}
*/


.style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #777;
}

.style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #fff;
}

.style-3::-webkit-scrollbar-thumb
{
	background-color: #000000;
}



/* better text vis on main slider */
.rs-caption-1, 
.rs-caption-2 {
  color: white;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

.tp-caption a {/*not sure about this, text shadow doesnt work with prev solution on mouseover*/
color:#ff7302;
font-weight: bold;
}
/* better text vis on main slider end*/


/* dirty hacks */
.aquaover {
      color: #27d7e7;
}

.twit {
    margin-bottom: 20px;
}

.twit2 {
    margin-bottom: 35px;
}

body.dark h2.whiteo {
    color: #fff;
}

.mock {
    border-color: #27d7e7;
    padding: 0px;
}

.padmar {
    padding-top: 0px;
    margin-bottom: 25px;
}

.bottommargin {
    padding-bottom: 20px;
}

.parallax-twitter-in li p {
  color: white;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
  font-size: 18px;
  font-weight: bolder;
}

a:hover {
	text-decoration: none;
}
/*end dirty hacks */

/* open-sans-300 - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v13-latin_cyrillic-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v13-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v13-latin_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v13-latin_cyrillic-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v13-latin_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v13-latin_cyrillic-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v13-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans'), local('OpenSans'),
       url('../fonts/open-sans-v13-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v13-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v13-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v13-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v13-latin_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v13-latin_cyrillic-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
       url('../fonts/open-sans-v13-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v13-latin_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v13-latin_cyrillic-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v13-latin_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v13-latin_cyrillic-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}


@media (max-width: 768px) {/*phones*/
/*
  .rs-caption-1 {
	font-size: 62px;
  }
  
  .rs-caption-2.sft {
	font-size: 48px;
	font-weight: bolder;
  }
*/
  .btn-u.btn-brd {
    padding: 7px 13px 5px;
  }

  .rs-caption-1 {
	font-size: calc(38px + 1vw);
  }
  
  .rs-caption-2.sft {
	font-size: calc(30px + 1vw);
	font-weight: bolder;
  }


  .rs-caption-1.first:after,
  .rs-caption-1.first:before,
  .rs-caption-1.second:after,
  .rs-caption-1.second:before,
  .rs-caption-1.third:after,
  .rs-caption-1.third:before {
    content: "";
  }
  
  
  .rs-caption-1,
  .rs-caption-2 {
    font-weight: bolder;
  }
  
}