/* =========================================================
***************************COMMON**************************
============================================================ */

html, body{height:100%}

/*==========  Font ==========*/
body {
  font-size:16px; /* Change this with CAUTION!!! */
font-family: 'Dosis', Arial, sans-serif;
  font-weight:200;
}

h1, h2, h3, h4 {
font-family: "Dosis", Arial, sans-serif;
}

.font-primary {
 font-family: "Dosis", Arial, sans-serif;
}
.font-secondary {
  font-family: "Dosis", Arial, sans-serif;
}


.jumbotron {
      position: absolute;
    background: #fff url(../img/bracak_main_image.jpg) top center;
    width: 100%;
    height: 100vh;
    background-size: cover;
    overflow: hidden;
    top:0;
      
} 

.jumbotron2 {
      position: relative;
    background: #000 url(../images/Fulldsc04259.jpeg) center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    
      padding-top:300px;
      padding-left:110px;
    padding-bottom:300px;
} 

.jumbotron2 h1, .jumbotron2 .h1 {
    font-size: 63px;
}


.jumbotron3 {
      position: relative;
    background: #000 url(../images/2011.jpg) center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    
      padding-top:300px;
      padding-left:110px;
    padding-bottom:300px;
} 

.jumbotron3 h1, .jumbotron3 .h1 {
    font-size: 63px;
}

.jumbotron4 {
      position: relative;
    background: #000 url(../images/2013.jpg) center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    
      padding-top:300px;
      padding-left:110px;
    padding-bottom:300px;
} 

.jumbotron4 h1, .jumbotron4 .h1 {
    font-size: 63px;
}

/* Vertical rhythm */
/*
** http://type-scale.com/ 
   OR
   http://www.gridlover.net/app/
*/
html {font-size: 1em;}

body, 
.thumbnail,
.lead{
line-height: 1.50;
}
label {
line-height: 1.35;
}

h1, h2, h3, h4 {
line-height: 1.2;
margin-top: 1.5em;
margin-bottom:0.4em;
}
.help-block{
 margin-top: 0.4em;
 margin-bottom:0.4em;
}
.selector{
  margin-top: 0.4em;
}
.list-group-item-heading  {
  margin-bottom:0.4em;
}

h1 {
margin-top:0;
font-size: 2.441em;
font-weight:300;
}

h2 {
font-size: 1.953em;
}

h3 {
font-size: 1.563em;
}

h4 {
font-size: 1.25em;
}

small, .font_small, .help-block {
font-size: 0.875em; /* 14 px */
}

.selector {
font-size: 0.8em; /* 12 px */
}

/* Very small sizes */
.selector {font-size: 0.64em} /* 10 px */
.selector {font-size: 0.512em} /* 8 px */


/* Margins */
p:last-child,
ul:last-child,
ol:last-child,
blockquote:last-child,
address:last-child,
pre:last-child,
form:last-child {
 margin-bottom: 0;
}

p,
ul,
ol,
blockquote,
address,
pre,
form,
table,
.columns-offset div[class*="col-"] {
margin-bottom: 1.3em;
}


h2:first-child,
h3:first-child,
h4:first-child,
div + h2,
div + h3,
div + h4,
h1 + h2,
h2 + h3,
h3 + h4{ 
margin-top: 0.4em;
}

h2 + p {
font-weight:300;
}

/* Depend on font available weights */
.fw100 { font-weight:100}
.fw200 { font-weight:200}
.fw300 { font-weight:300}
.fw400 { font-weight:400}
.fw500 { font-weight:500}
.fw600 { font-weight:600}
.fw700 { font-weight:700}
.fw800 { font-weight:800}
.fw900 { font-weight:900}

/* Individual font sizes */
.fs14 {font-size:14px}
.fs16 {font-size:16px}
.fs18 {font-size:18px}
.fs24 {font-size:24px}
.fs30 {font-size:30px}
.fs36 {font-size:36px!important}
.fs40 {font-size:40px}
.fs50 {font-size:50px}
.fs60 {font-size:60px}

.fs14, .fs16, .fs18, .fs24, .fs30, .fs36, .fs40, .fs50, .fs60  {
line-height: 1.2;
}

/*==========  Helper classes ==========*/
/* Set individual margins */

/* Top */	
.marg-t2  { margin-top: 2px!important; }
.marg-t5  { margin-top: 5px!important; }
.marg-t10 { margin-top: 10px!important; }
.marg-t15 { margin-top: 15px!important; }
.marg-t20 { margin-top: 20px!important; }
.marg-t25 { margin-top: 25px!important; }
.marg-t30 { margin-top: 30px!important; }
.marg-t35 { margin-top: 35px!important; }
.marg-t40 { margin-top: 40px!important; }
.marg-t50 { margin-top: 50px!important; }
.marg-t60 { margin-top: 60px!important; }
.marg-t70 { margin-top: 70px!important; }
.marg-t80 { margin-top: 80px!important; }
.marg-t90 { margin-top: 90px!important; }
.marg-t100 { margin-top: 100px!important; }

/* Bottom */	
.marg-b2  { margin-bottom: 2px!important; }
.marg-b5  { margin-bottom: 5px!important; }
.marg-b10 { margin-bottom: 10px!important; }
.marg-b15 { margin-bottom: 15px!important; }
.marg-b20 { margin-bottom: 20px!important; }
.marg-b25 { margin-bottom: 25px!important; }
.marg-b30 { margin-bottom: 30px!important; }
.marg-b35 { margin-bottom: 35px!important; }
.marg-b40 { margin-bottom: 40px!important; }
.marg-b50 { margin-bottom: 50px!important; }
.marg-b60 { margin-bottom: 60px!important; }
.marg-b70 { margin-bottom: 70px!important; }
.marg-b80 { margin-bottom: 80px!important; }
.marg-b90 { margin-bottom: 90px!important; }
.marg-b100 { margin-bottom: 100px!important; }

/* Left */
.marg-l2  { margin-left: 2px!important; }
.marg-l5  { margin-left: 5px!important; }
.marg-l10 { margin-left: 10px!important; }
.marg-l15 { margin-left: 15px!important; }
.marg-l20 { margin-left: 20px!important; }
.marg-l25 { margin-left: 25px!important; }
.marg-l30 { margin-left: 30px!important; }
.marg-l35 { margin-left: 35px!important; }
.marg-l40 { margin-left: 40px!important; }
.marg-l50 { margin-left: 50px!important; }
.marg-l60 { margin-left: 60px!important; }
.marg-l70 { margin-left: 70px!important; }
.marg-l80 { margin-left: 80px!important; }
.marg-l90 { margin-left: 90px!important; }
.marg-l100 { margin-left: 100px!important; }

/* Right */	
.marg-r2  { margin-right: 2px!important; }
.marg-r5  { margin-right: 5px!important; }
.marg-r10 { margin-right: 10px!important; }
.marg-r15 { margin-right: 15px!important; }
.marg-r20 { margin-right: 20px!important; }
.marg-r25 { margin-right: 25px!important; }
.marg-r30 { margin-right: 30px!important; }
.marg-r35 { margin-right: 35px!important; }
.marg-r40 { margin-right: 40px!important; }
.marg-r50 { margin-right: 50px!important; }
.marg-r60 { margin-right: 60px!important; }
.marg-r70 { margin-right: 70px!important; }
.marg-r80 { margin-right: 80px!important; }
.marg-r90 { margin-right: 90px!important; }
.marg-r100 { margin-right: 100px!important; }


/* Set individual paddings */

/* Top */
.padd-t2  { padding-top: 2px!important; }
.padd-t5  { padding-top: 5px!important; }
.padd-t10 { padding-top: 10px!important; }
.padd-t15 { padding-top: 15px!important; }
.padd-t20 { padding-top: 20px!important; }
.padd-t25 { padding-top: 25px!important; }
.padd-t30 { padding-top: 30px!important; }
.padd-t35 { padding-top: 35px!important; }
.padd-t40 { padding-top: 40px!important; }
.padd-t50 { padding-top: 50px!important; }
.padd-t60 { padding-top: 60px!important; }
.padd-t70 { padding-top: 70px!important; }
.padd-t80 { padding-top: 80px!important; }
.padd-t90 { padding-top: 90px!important; }
.padd-t100 { padding-top: 100px!important; }

/* Bottom */	
.padd-b2  { padding-bottom: 2px!important; }
.padd-b5  { padding-bottom: 5px!important; }
.padd-b10 { padding-bottom: 10px!important; }
.padd-b15 { padding-bottom: 15px!important; }
.padd-b20 { padding-bottom: 20px!important; }
.padd-b25 { padding-bottom: 25px!important; }
.padd-b30 { padding-bottom: 30px!important; }
.padd-b35 { padding-bottom: 35px!important; }
.padd-b40 { padding-bottom: 40px!important; }
.padd-b50 { padding-bottom: 50px!important; }
.padd-b60 { padding-bottom: 60px!important; }
.padd-b70 { padding-bottom: 70px!important; }
.padd-b80 { padding-bottom: 80px!important; }
.padd-b90 { padding-bottom: 90px!important; }
.padd-b100 { padding-bottom: 100px!important; }

/* Left */
.padd-l2  { padding-left: 2px!important; }
.padd-l5  { padding-left: 5px!important; }
.padd-l10 { padding-left: 10px!important; }
.padd-l15 { padding-left: 15px!important; }
.padd-l20 { padding-left: 20px!important; }
.padd-l25 { padding-left: 25px!important; }
.padd-l30 { padding-left: 30px!important; }
.padd-l35 { padding-left: 35px!important; }
.padd-l40 { padding-left: 40px!important; }
.padd-l50 { padding-left: 50px!important; }
.padd-l60 { padding-left: 60px!important; }
.padd-l70 { padding-left: 70px!important; }
.padd-l80 { padding-left: 80px!important; }
.padd-l90 { padding-left: 90px!important; }
.padd-l100 { padding-left: 100px!important; }

/* Right */	
.padd-r2  { padding-right: 2px!important; }
.padd-r5  { padding-right: 5px!important; }
.padd-r10 { padding-right: 10px!important; }
.padd-r15 { padding-right: 15px!important; }
.padd-r20 { padding-right: 20px!important; }
.padd-r25 { padding-right: 25px!important; }
.padd-r30 { padding-right: 30px!important; }
.padd-r35 { padding-right: 35px!important; }
.padd-r40 { padding-right: 40px!important; }
.padd-r50 { padding-right: 50px!important; }
.padd-r60 { padding-right: 60px!important; }
.padd-r70 { padding-right: 70px!important; }
.padd-r80 { padding-right: 80px!important; }
.padd-r90 { padding-right: 90px!important; }
.padd-r100 { padding-right: 100px!important; }


/* Set individual margins to 0 */
.no-marg {margin:0!important}
.no-marg-l {margin-left:0!important}
.no-marg-r {margin-right:0!important}
.no-marg-t {margin-top:0!important}
.no-marg-b {margin-bottom:0!important}
.no-marg-lr {margin-left:0!important; margin-right:0!important}
.no-marg-tb {margin-top:0!important; margin-bottom:0!important}

/* Set individual paddings to 0 */	
.no-padd {padding:0!important}
.no-padd-l {padding-left:0!important}
.no-padd-r {padding-right:0!important}
.no-padd-t {padding-top:0!important}
.no-padd-b {padding-bottom:0!important}
.no-padd-lr {padding-left:0!important; padding-right:0!important}
.no-padd-tb {padding-top:0!important; padding-bottom:0!important}

/* Set automatic and individual bottom margin for bootstrap columns */
.columns-offset div[class*="col-"] { }

/* Custom border, shadow, background, separators... & Set it to 0 or none */	
.border {border:1px solid rgba(000,000,000,.1)}
.border-b {border-bottom:1px solid rgba(000,000,000,.1)}
.border-t {border-top:1px solid rgba(000,000,000,.1)}
.border-rd {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.no-border {border:0 none transparent!important}
.no-border-rd {border-radius:0!important; -moz-border-radius:0!important; -webkit-border-radius:0!important;}
.no-shadow {box-shadow:none!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important;}
.no-backg {background:transparent!important}

.hr-10, .hr-30, .hr-blank, hr  {display:block}
.hr-10 {margin:10px 0 10px 0!important;}
.hr-30 {margin:30px 0 30px 0!important;}
.hr-blank {border-color:transparent!important;}
.hr-flat {margin:0!important;}

.txt-vertical-sep { margin-right:11px; margin-left:9px; /* color:rgba(0,0,0,.4); */ border-left:1px solid rgba(0,0,0,.4)  } 
.full-width {width:100%!important; height:auto!important}

/* Vertical/Horizontal centering */
.vertical-parent {
  text-align: center;
}
.vertical-parent:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
  /* For visualization 
  background: #808080; width: 5px;
  */
 }
.vertical-center {
  display: inline-block;
  vertical-align: middle;
 }
 
/* Visually hidden */
/* http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/  */
 .hide-visual { 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

/* Transition ALL*/
body,
td,
th,
input,
button,
textarea,
select,
option,
a,
.logo-invert img,
.btn,
[class*='btn-'],
.label[data-label],
.selectboxit-container .selectboxit,
a.nav-expander, nav.off-canvas, body.nav-expanded,
.row-offcanvas,
.cd-top,
.owl-theme .owl-controls .owl-buttons div,
.label[data-label].fade:after,
.label[data-label].fade:before,
.label[data-label].floats:after,
.label[data-label].floats:before,
a .label,
.bubble-float-left:before,
li .rs-link
{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


[class*='col-'],	
.row,
.container{
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

/*==========  Other ==========*/
a:hover, a:focus {
text-decoration:none
}

.logo img {
width:100%; 
}
.logo-invert img {background-color:#fff}
.logo-invert:hover img {background-color:#D12027}


blockquote.blockquote {
/*
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  */
  quotes: "\201C""\201D""\2018""\2019";
  border:none;
  margin-top:0.2em;
}
blockquote.blockquote:before {
  color: #ddd;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.05em;
  vertical-align: -0.4em;
}
blockquote.blockquote p {
  display: inline;
  color:#666
}

footer {padding:10px 0}

.browsehappy {background-color:#ddd; padding:30px; text-align:center; font-size:24px;}

.text-transform-reset {text-transform:none;}

.z-index-99999 {z-index:99999}
.z-index-1 {z-index:1}
.z-index-0 {z-index:0}

 /* =========================================================
**************************BACKGROUNDS*************************
============================================================ */
.backg-1 { background: url("../img/backgrounds/backg-pattern-1.jpg") repeat fixed;}
.backg-2 { background: url("../img/backgrounds/backg-pattern-2.jpg") repeat fixed;}


/*==========  Slanted background ==========*/
.slant-block:before {
background: url("../img/backgrounds/backg-pattern-1.jpg") repeat fixed;
content: "";
margin-top: -120px;
min-height: 200px;
position: absolute;
transform: skewY(-3deg);
-webkit-transform: skewY(-3deg);
-moz-transform: skewY(-3deg);
-ms-transform: skewY(-3deg);
-o-transform: skewY(-3deg);
width: 100%;
z-index:0
}
.slant-block:after {
background: none repeat scroll 0 0 #fff;
content: "";
margin-top: -80px;
min-height: 160px;
position: absolute;
transform: skewY(-3deg);
-webkit-transform: skewY(-3deg);
-moz-transform: skewY(-3deg);
-ms-transform: skewY(-3deg);
-o-transform: skewY(-3deg);
width: 100%;
z-index:0
}

/*==========  INTRO ==========*/

.intro-header-backg-1 {
background: url(../img/backgrounds/full-backg/full-backg-1.jpg) no-repeat bottom center;
}
.intro-header-backg-5 {
background: url(../img/backgrounds/full-backg/full-backg-5.jpg) no-repeat bottom center;
}
.intro-header-backg-8 {
background: url(../img/backgrounds/full-backg/full-backg-8.jpg) no-repeat bottom center;
}

.intro-header {
display: table;
table-layout:fixed;
width: 100%;
text-align: center;
}

.intro-header-full {
display: table;
table-layout:fixed;
width: 100%;
height: 100%;
padding: 50px 0;
text-align: center;
}

.intro-header-bottom {
display: table;
table-layout:fixed;
position:relative;
width: 100%;
height: auto;
text-align: center;
overflow:hidden;
}

.intro-header-full,
.intro-header,
.intro-header-bottom {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}

.intro-header-full .intro-body,
.intro-header .intro-body {
display: table-cell;
vertical-align: middle;
}

.intro-header-bottom .intro-body{
display: table-cell;
height:100%
}

.intro-header-bottom .pos-bottom {
width:100%;
height:100%;
padding-top:125px
}

.navbar-intro {
background: transparent;
}

.top-nav-collapse {
background-color: #fff;
}

.intro-shadow{
box-shadow: inset 0 -30px 50px rgba(0,0,0,.5);
height:100%
}

.intro-header-bottom .intro-shadow{
box-shadow: inset 0 -50px 50px -20px rgba(0,0,0,.5);
position:absolute; 
bottom:0;  
height:20%;
width:100%
}

.intro-padd {
padding: 10% 0;
height:100%
}


.navbar-intro {
border-bottom-color: rgba(255,255,255,.3);
}

.navbar-intro-full {
border-bottom-color: rgba(0,0,0,.3);
}

 /* =========================================================
***************************PARALLAX SCROLL**************************
============================================================ */
		
.parallax {
height: auto;
margin: 0 auto; 
width: 100%; 
display:block;
}
.parallax-padd-50 {
padding: 50px 0;
}
.parallax-padd-100 {
padding: 100px 0;
}
.parallax-padd-150 {
padding: 150px 0;
}
.parallax-shadow {
box-shadow: inset 0 0 100px rgba(0,0,0,9); 
}
.parallax-pattern{
background: url("../img/backgrounds/overlay_pattern.png") repeat;
}
.parallax-backg {
background-image:url("../img/backgrounds/parallax-backg.jpg");
position: static; background-attachment:fixed;
-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
}


 /* =========================================================
***************************MASONRY**************************
============================================================ */

/*==========  Masonry CSS ==========*/
/* Doesn't work in IE9 and below */
.css-masonry *, .css-masonry *:before, .css-masonry *:after 
{box-sizing:  border-box !important;}

.css-masonry   {
/* Change this to make biger or smaller panels */
 -moz-column-width: 15em;
 -webkit-column-width: 15em;
 /* */
 -moz-column-gap: .5em;
 -webkit-column-gap: .5em; 
  margin-left:-.5em;
}

.css-masonry   .item {
 display: inline-block;
 margin:  0 .5em 0 .5em;
 padding:  0; 
 width:97%;
} 

 
/*==========  JS Masonry ==========*/
#ms-container .ms-item  {  }

/* =========================================================
********************CONTENT SLIDER/CAROUSEL******************
============================================================ */

/*==========  Bootstrap ==========*/
.myCarousel .thumbnail  {
	margin-bottom:0;
}
.myCarousel .carousel-control  {
	opacity:1;
	width:30px;
	/*
	height:30px;
	top:45%;
	bottom:auto;
	*/
}
.myCarousel .carousel-control{
	background-image:none;
	filter:none
}
.myCarousel .carousel-control:hover, .myCarousel .carousel-control:focus { }
.myCarousel .carousel-control.left:hover, .myCarousel .carousel-control.left:focus {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, 0.9) 0%), color-stop(rgba(255, 255, 255, 0.0001) 100%));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90ffffff', endColorstr='#00ffffff', GradientType=1);
}
.myCarousel .carousel-control.right:hover, .myCarousel .carousel-control.right:focus {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, 0.0001) 0%), color-stop(rgba(255, 255, 255, 0.9) 100%));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.9) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#90ffffff', GradientType=1);
}
 

.myCarousel .carousel-control.right {
	right:-27px;
	border-radius:0 4px 4px 0;
}
.myCarousel .carousel-control.left {
	left:-29px;
	border-radius:4px 0 0 4px;
}

.myCarousel .carousel-control .glyphicon-chevron-left, 
.myCarousel .carousel-control .icon-prev
{
    margin-left: -15px;
    margin-top: -15px;
}

.myCarousel .carousel-control .glyphicon-chevron-right, 
.myCarousel .carousel-control .icon-prev
 {
    margin-left: 0;
	margin-right: -15px;
    margin-top: -15px;
}


.myCarousel-product-slider .carousel-indicators {
	bottom:-60px;
}
.myCarousel-product-slider .carousel-indicators li {
	width:20px;
	height:20px;
	margin:0
}
.myCarousel-product-slider .carousel-indicators .active { }


/*==========  OWL Carousel ==========*/
.owl-theme .owl-controls .owl-buttons div{
opacity:1;
font-size:inherit;
line-height:inherit;
padding: 5px 14px;
text-transform:uppercase
}
.owl-item.loading {
min-height: 144px;
}	

/*==========  Testemonial carousel ==========*/

#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px 0px 0px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #0066CC;
}
#quote-carousel img
{
  width: 100px;
  height: 100px
}


#quote-carousel .item blockquote {
    border-left: none; 
    margin: 0;
    min-height: 230px;
    
}

#quote-carousel .item blockquote img {
    margin-bottom: 10px;
}

#quote-carousel .item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
      margin-top: 30px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 14px;
        height: 14px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 14px;
        height: 14px;
    }
}


 
/* =========================================================
******************HOVER EFFECT*******************
============================================================ */

/* Image hover - text slide up */
.thmb-hover figure {
	position: relative;
	cursor:pointer;
	overflow: hidden;
}

.thmb-hover figure img {
	position: relative;
	
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

/* .cs-hover is added from JS for touch effect on mobile */
.thmb-hover figure:hover img,
.no-touch .thmb-hover figure:hover img,
.thmb-hover figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.thmb-hover figcaption {
	position: absolute;
	height: auto; /* Set it to px or % */
	/* max-height:50%; */ 
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
	background-color: #fff;
}
.thmb-hover figure:hover figcaption, 
.no-touch .thmb-hover figure:hover figcaption,
.thmb-hover figure.cs-hover figcaption {
	opacity: 1;
	/* Set translateY to px or % */
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}


 
/* Image hover - fade */
.thmb-hover-1 figure {
	position: relative;
	cursor:pointer;
	overflow: hidden;
}

.thmb-hover-1 figcaption {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(000,000,000,.6 ); 
	border:1px solid #ddd;
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.thmb-hover-1 figure:hover figcaption,
.no-touch .thmb-hover-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}


/* Image hover - icon fade only */
.thmb-hover-2 figure {
	position: relative;
	cursor:pointer;
	overflow: hidden;
}

.thmb-hover-2 figcaption {
	position: absolute;
	top: 0;
	left: 0;
	/* 
	background: rgba(255,255,255,.6 ); 
	border:1px solid #ddd;
	*/
	height: 100%;
	width: 100%;
	opacity: 0;
	/* text-align: center; */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.thmb-hover-2 figure:hover figcaption,
.no-touch .thmb-hover-2 figure:hover figcaption,
.cs-style-2 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

 
 /* =========================================================
******************CUSTOM ANIMATE CSS*******************
============================================================ */
/*
.animated-custom {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -o-animation-duration: .5s;
   animation-duration: .5s;  
}
*/

/*
-vendor-animation-duration: 3s;
-vendor-animation-delay: 2s;
-vendor-animation-iteration-count: infinite;
*/

 /* =========================================================
******************CUSTOM HOVER CSS*******************
============================================================ */

.bubble-float-bottom.fa-4x {
padding-top:2px
}
.bubble-float-bottom.fa-5x {
padding-top:4px
}


/* =========================================================
***************************NAVIGATION**************************
============================================================ */

/*==========  Headeroom effect ==========*/

.headroom { transition: all .2s ease-in-out;   } 
.headroom--pinned {
    transform: translateY(0%);
	top: 0 ;
}
.headroom--unpinned {
    transform: translateY(-100%);
	top: -49px;
}
/* HACK: FF 3.5+*/
body:not(:-moz-handler-blocked) .headroom--unpinned {
	top: 0;
} 
  
 
/*==========  Metis Vertical Menu ==========*/

/* Common style metis menu */
.metis-vertical-menu .arrow {
    float: right;
}

.metis-vertical-menu .glyphicon.arrow:before {
    content: "\e079";
}

.metis-vertical-menu .active > a > .glyphicon.arrow:before {
    content: "\e114";
}

.metis-vertical-menu .fa.arrow:before {
    content: "\f104";
}

.metis-vertical-menu .active > a > .fa.arrow:before {
    content: "\f107";
}

.metis-vertical-menu .plus-times,
.metis-vertical-menu .plus-minus {
    float: right;
	margin-top:2px;
}

.metis-vertical-menu .fa.plus-times:before {
    content: "\f067";
}

.metis-vertical-menu .active > a > .fa.plus-times {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}



.metis-vertical-menu .fa.plus-minus:before {
    content: "\f067";
}

.metis-vertical-menu .active > a > .fa.plus-minus:before {
    content: "\f068";
}


/* Style metis menu 1 & 2 */
.sidebar-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background-image: -webkit-linear-gradient(left, color-stop(#cccccc 10px), color-stop(#eeeeee 10px));
  background-image: linear-gradient(to left, #cccccc 10px, #eeeeee 10px);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffeeeeee', GradientType=1);
}
.sidebar-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar-nav ul li,
.sidebar-nav ul a {
  display: block;
}
.sidebar-nav ul li.active > a { }

.sidebar-nav > ul > li > a:hover { }

.sidebar-nav ul a {
  padding: 10px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar-nav ul a:hover,
.sidebar-nav ul a:focus,
.sidebar-nav ul a:active {
  text-decoration: none;
}
.sidebar-nav ul ul a {
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.7);
}
.sidebar-nav ul ul a:hover,
.sidebar-nav ul ul a:focus,
.sidebar-nav ul ul a:active {
  background-color: rgba(255, 255, 255, 0.9);
} 

.sidebar-nav ul li ul li.active > a{ } 

.sidebar-nav-item {
  padding-left: 5px;
}
.sidebar-nav-item-icon {
  padding-right: 5px;
}



/* Style metis menu 3 */
ul.nav-stacked ul.nav-stacked > li > a {
  padding-left: 30px;
}
ul.nav-stacked ul.nav-stacked ul.nav-stacked > li > a,
ul.nav-stacked ul.nav-stacked ul.nav-stacked ul.nav-stacked > li > a {
  padding-left: 45px;
}
ul.nav-stacked  span.arrow {
  float: right;
  margin-top: 7px;
}


/*==========  List group - Vertical Menu ==========*/
.vertical-menu .list-group.panel > .list-group-item {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}
.vertical-menu .list-group-submenu {
  margin-left:20px;
}


/*==========  Off Canvas ==========*/
a.nav-expander {
  display: block;
  height: 50px;
  margin-right: 0;
  padding:13px 15px;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform: uppercase;
  top: 0;
  width: 110px;
  z-index: 9998;
/*
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
*/
}

a.nav-expander:hover {
  cursor: pointer;
}

a.nav-expander.fixed {
  position: fixed;
}

.nav-expanded a.nav-expander.fixed {
    right: 18em;
}

nav.off-canvas {
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right: -18em;
  top: 0;
  width: 18em;
  padding:10px 10px 0 10px;
  z-index: 9999;
  
  /*
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
*/
}
.nav-expanded nav.off-canvas {
  right: 0;
}

body.nav-expanded {

  margin-left: 0em;
  /*
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s;
  */
}

#nav-close {
  padding-right: 10px;
}
 
 
/* Prevent scroll on narrow devices */ 
/*
html,
body {
 overflow-x: hidden;  
}
*/

@media screen and (max-width: 991px) {
  .row-offcanvas {
    position: relative;
	/*
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
	*/
  }
  
    button[data-toggle="offcanvas"] { position:absolute; right:15px;}
	
	.toogle-menu {height:50px}

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -60%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -40%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 60%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 40%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 50px;
    left:99%;
	width:60%;
	z-index:999
    /* width: 60%; */ /* 6 columns */
  }

}


/*========== Back to top ==========*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  z-index:9999
  /*
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  */
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #777;
  opacity: 1;
}
.cd-top.cd-is-visible:hover {
  background-color: #777;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}


/* =========================================================
***************************LIGHTBOX**************************
============================================================ */

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
 }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #fff; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #fff; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }
.image-source-link { }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #999;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* Transitions/Opacity: shadow behind the image, image zoom */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0.001;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}


/* Transition between images */
/* https://github.com/dimsemenov/Magnific-Popup/issues/112/ */
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-o-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.mfp-open .mfp-figure {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}



 /* =========================================================
*********************CUSTOM SELECT-BOX-IT*****************
============================================================ */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
min-height:34px;
line-height:34px;
}

.selectboxit-container .selectboxit-options { }
.selectboxit-text { }

.selectboxit-container .selectboxit-option-icon{
 margin-top:-3px
}
.selectboxit .selectboxit-option-icon-container {
margin-left: 6px;
}
.selectboxit-container {
width:100%;
}
.selectboxit-container .selectboxit { 
width:100%;
border-radius: 4px;
}


/* =========================================================
***************************OTHER**************************
============================================================ */ 

/*========== Isotope  ==========*/
#container-isotope .item.col-lg-3,
#container-isotope .item.col-md-3,
#container-isotope .item.col-sm-3,
#container-isotope .item.col-xs-3,

#container-isotope .item.col-lg-2,
#container-isotope .item.col-md-2,
#container-isotope .item.col-sm-2,
#container-isotope .item.col-xs-2,

#container-isotope .item.col-lg-1,
#container-isotope .item.col-md-1,
#container-isotope .item.col-sm-1,
#container-isotope .item.col-xs-1  {
margin-right: -1px;
}
#container-isotope {
/* min-height:800px */
 }
   
/* Isotope items animation */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}



/*========== Skills ==========*/
.skills{
	padding-top: 20px;
}

.percentage.easyPieChart > span, .percentage.easyPieChart {
font-size: 48px;
}
.percentage.easyPieChart {
	font-size: 27px;
}
.easyPieChart {
	position: relative;
	text-align: center;
	margin: 0 auto 20px;
}
.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.skills small {
	text-align: center;
	font-size: 18px;
	display: block;
	padding-top: 10px;
}


/*========== Label.css ==========*/
 /*---------------------------------------
   Label.css

   Developed By Hosein Emrani:

    | Twitter: (@hoseiin)
    | Facebook: (fb.com/hosein.emrani)
    | Mail: hoseiin[at]outlook[dot]com
    
   Github: http://github.com/usablica/label.css
       
   With love in usablica, Tehran. 
----------------------------------------*/

 
/* Basic CSS for the label */
.label[data-label] {
    position: relative;
    margin: auto;
    display: block; /* display:inline-block */
    width: auto; 
    overflow: hidden;
	
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    text-align: default;
    white-space: normal;
    border-radius: 0;
}
/* Bootstrap Hack! */

/* Bootstrap also has ".label" class. these are for seprating styles!  */

.label[data-label] {
  padding:initial !important;
  font-size:initial !important;
  font-weight: initial !important;
  line-height: initial !important;
  color: initial !important;
  text-shadow:initial !important;
  white-space:initial !important;
  vertical-align: initial !important;
  background-color: initial !important;
  border-radius: initial !important;
}
.label[data-label].fade {
    opacity: 1 !important;
}

/* Label RTL Support */
.label[data-label].rtl:after,
.label[data-label].rtl:before,
/* Label After Design */
.label[data-label]:after,
.label[data-label]:before { 
    position: absolute;
    
    height: auto;
    width: 98%;
    display: block;
    padding:3% 2%;
    background:rgba(252, 252, 252, 0.80);
    content:attr(data-label);
}


/* Now we just wanna choose the position of the label with class names. */

/*  Positions Seprated to two category: "outer","inner". 
    Each of them have subcategories in axises left or right, top, bottom,middle and center */

/* Inside positions */

/* we don't neeed these to show. */
.label[data-label].top:after,
.label[data-label].bottom:before,
.label[data-label].inside.middle:before
 { 
    display: none;
}
/* top positions*/
.label[data-label].inside.top:before {
    top: 0px;
}
/* bottom positions*/
.label[data-label].bottom:after { 
    bottom:1%;
}
/* middle positions */
.label[data-label].inside.middle:after {
    top: 45%;
}
/* Left or Right Axis */
.label[data-label].inside.left:after,.label[data-label].inside.left:before {
    float: left;
    width: auto;
    left: 0px;
}
.label[data-label].inside.right:after,.label[data-label].inside.right:before { 
    float: right;
    width: auto;
    right: 0px;
}
/* Outside Positions basics */
.label[data-label].outside {
    overflow: initial;
}
.label[data-label].outside:after,
.label[data-label].outside:before { 
    position: relative;
    background: none;
}
.label[data-label].outside:after {
    margin-bottom: -5%;
}
.label[data-label].outside:before {
    margin-top: -5%;
}
/* let's play with CSS3 Transitions and make very cute effects for hovering! */
/* fade effect */
.label[data-label].fade:after,
.label[data-label].fade:before,
.label[data-label].floats:after,
.label[data-label].floats:before {
/*
	transition:all 0.25s ease;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -ms-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
*/
}
.label[data-label].fade:after,
.label[data-label].fade:before {
    opacity: 0;
    visibility: hidden;
}
.label[data-label].fade:hover:after,
.label[data-label].fade:hover:before {
    opacity: 1;
    visibility: visible;
}
/* float effect */
.label[data-label].inside.top.floats:before {
    top: -15px;
}
.label[data-label].inside.top.floats:hover:before {
    top: 0;
}
.label[data-label].inside.bottom.floats:after {
    bottom: -5px;
}
.label[data-label].inside.bottom.floats:hover:after {
    bottom: 1%;
}
.label[data-label].inside.middle.floats:after {
    margin-top: 20px;
}
.label[data-label].inside.middle.floats:hover:after {
    margin-top: 0px;
}
.label[data-label].outside.top.floats:before { 
    top: 10px;
}
.label[data-label].outside.top.floats:hover:before {
    top: 0px;
}
.label[data-label].outside.bottom.floats:after { 
    top: -10px;
}
.label[data-label].outside.bottom.floats:hover:after {
    top: 0px;
}
.label[data-label].floats:after,
.label[data-label].floats:before {
    opacity: 0;
    visibility: hidden;
}
.label[data-label].floats:hover:after,
.label[data-label].floats:hover:before {
    opacity: 1;
    visibility: visible;
}


/* =========================================================
***************************GOOGLE MAP**************************
============================================================ */

#map-outer {  height: 440px;
}
#map-container { height: 400px 
}
.map-container-fullwidth { height: 500px!important 
}
@media all and (max-width: 768px) {
#map-outer  { 
height: 650px 
}
}


/*========== Maplace ==========*/
.gmap {
	height: 300px;
	width: 100%;
	padding: 3px;
	border: 5px solid #ddd;
	font-size: 90%;
}

.gmap + .gmap {
	margin: 5px 0;
}

.canvas_map {
	width: 100% !important;
}

.gmap img, .gmap object, .gmap embed { max-width: none; height: auto }

.gmap *,.gmap *:before,.gmap *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}

.tabs-content li {
	list-style-type: none !important;
}

.line {
	border-bottom: 3px solid #ddd;
	margin-top: 10px;
}

.install h2 {
}

.panel h2 {
	font-size: 28px;
}


.code h3 {
	margin: 15px 0 12px;
	font-weight: normal;
}

.description {
	margin-bottom: 20px;
}

.description ul {
	padding-left: 20px;
}

.description strong {
	font-weight: normal;
}

.tabs.pill {
	margin-bottom: 20px;
}

.tabs.pill.small a {
	padding: 0 8px;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
}

.tabs.pill dd.active, .tabs.pill li.active,
.tabs.pill dd, .tabs.pill li {
	margin-top: 24px;
}

section {
	padding-bottom: 20px;
}

section.last {
	padding-bottom: 0;
}


header .line {
	border-bottom: 3px solid #444;
}

section.last .line {
	border: none;
}


.mobile-one .right {
	float: right!important
}

.adp-directions {
	width: 100%;
}

#controls {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

#controls .ullist {
	margin: 0px; 
	padding: 0px; 
	list-style-type: none;
}

#controls-9 .wrap_controls {
	margin-bottom: 20px;
}

#route table tbody tr td.adp-text {
	padding: 9px 25px;
	vertical-align: middle;
}


@media only screen and (max-width: 767px) {
	.socials {
		position: static;
	}

	.gmap_controls.tabs .ullist li a {
		padding: 0px 6px !important;
	}

	#directions h2 {
		height: auto;
	}
}

/* Examples */

.gmap * {
	font-size: 100%;
}

.ullist {
	width: 100%;
}

.tab-content {
	margin: 0 0 20px;
}

.menu .ullist li {
	width: 49%;
	float: left;
	margin-right: 1%
}

.menu .ullist li.active a,
.menu .ullist li a:hover {
	color: #B82200 !important;
	background-color: #eee !important;
}

.tabs .ullist li a{
	padding: 0px 23.8px !important;
}

.tabs .ullist li a:hover {
	color: #6f6f6f !important;
	background-color: transparent !important;
}

.tabs .ullist li.active a{
	font-weight: bold;
	color: #3c3c3c !important;
	background-color: #fff !important;
}

.ullist li.active a {
	font-weight: bold;
}

.ullist li.active a,
.ullist li a:hover {
	color: #B82200 !important;
	background-color: #eee !important;
}


/* =========================================================
*************************MEDIA QUERIES*********************
============================================================ */

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 322px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

/* Only when/or using .navbar-fixed-top, with .navbar-secondary */
body {
 /* padding-top:30px */
}


.navbar-secondary .navbar-nav > li > a { padding-bottom: 5px; padding-top: 5px; font-size:14px}
.navbar-secondary.navbar {min-height: 30px; } 
.navbar-secondary .navbar-brand-img {height: 27px; width:100%; padding-top:3px; margin-right:15px}
.navbar-secondary .navbar-brand-img  img {height: 100%;}

 .navbar  .container {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  
}


/* Custom Large Devices, Wide Screens */
@media only screen and (min-width: 1440px) {


}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

/* Only when using .navbar-fixed-top, or/and with .navbar-secondary */
body {
 /* padding-top:51px */
}

.parallax-backg {
/* Scroll with element: background-attachment & background-position */
background-attachment:scroll;
/* Fixed backg: Only background-position */
background-position:0 50%!important; 
/* Bigger backg size */
/* -webkit-background-size:150% 150%;-moz-background-size:150% 150%;-o-background-size:150% 150%;background-size:150% 150%; */
}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

  .jumbotron {
      position: relative;
    background: #000 url(../img/bracak_main_image.jpg) center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    
      padding-top:200px;
      padding-left:20px;
    padding-bottom:200px;
} 

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 479px) {

body {
  font-size:14px; /* Change this with CAUTION!!! */
}

.fs14 {font-size:10px}
.fs16 {font-size:12px}
.fs18 {font-size:14px}
.fs24 {font-size:24px}
.fs30 {font-size:26px}
.fs36 {font-size:32px}
.fs40 {font-size:36px}
.fs50 {font-size:46px}
.fs60 {font-size:56px}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 321px) {
    
}