@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,300);



/*



** Table Of Contents







**bootstrap overrides



**vertical margins and paddings



**general styles



**utilites



**styled lists



**icons



**buttons 



**common sections styles



**light section



**grey section



**darkgrey section



**dark section



**color section



**boxed layout



**template styles



**main menu (min 768px) styles



**main menu mobile styles



**blog



**widgets



**shortcodes



**plugins



  - Owl Carousel



  - BxSlider



  - Fraction Slider



  - FlexSlider



  - prettyPhoto



  - Easy pieChart



  - toTop



  - Isotope Portfolio







*/



/*



**bootstrap overrides



*/



/*5 columns for bootstrap*/



.col-xs-15,



.col-sm-15,



.col-md-15,



.col-lg-15 {



  position: relative;



  min-height: 1px;



  padding-right: 15px;



  padding-left: 15px;



}







.col-xs-15 {



  width: 20%;



  float: left;



}







@media (min-width: 768px) {



  .col-sm-15 {



    width: 20%;



    float: left;



  }



}



@media (min-width: 992px) {



  .col-md-15 {



    width: 20%;



    float: left;



  }



}



@media (min-width: 1200px) {



  .col-lg-15 {



    width: 20%;



    float: left;



  }



}



/*breadcrumbs*/



.breadcrumb {



  margin: 0;



  padding: 0;



  background-color: transparent;



  border-radius: 0;



}







.breadcrumb a {



  color: #19efd8;



}







.breadcrumb > .active {



  color: #19efd8;



  opacity: 0.9;



  font-size: 20px;



}







.breadcrumb > li + li:before {



  content: "|";



}







/*pagination*/



.pagination > li > a,



.pagination > li > span {



  padding: 13px 18px;



  color: #7f7f7f;



  border-color: #e4e4e4;



}







.pagination > li > a:hover,



.pagination > li > span:hover,



.pagination > li > a:focus,



.pagination > li > span:focus {



  color: inherit;



  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);



  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);



  background-color: inherit;



}







.pagination > .active > a,



.pagination > .active > span,



.pagination > .active > a:hover,



.pagination > .active > span:hover,



.pagination > .active > a:focus,



.pagination > .active > span:focus {



  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);



  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);



  background-color: inherit;



  border-color: #e4e4e4;



  color: inherit;



}







/*pop out pages*/

.popout_team {
	/*Use default... Helvetica, Arial, sans-serif*/
	font-size: 1.0em;
	margin-top: 28px;
	margin-left: 20px;
	margin-right: 20px;
	color: #000000;
	
	
	
}




/*problem solution rotate effect*/


.rotate_icon{
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    transition-duration: 1.2s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
 
    }  

.rotate_icon:hover   
{ 
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); 
    -o-transform:rotate(360deg);
} 





#textshadow {
text-shadow: 2px 2px 1px #666;
  opacity: 1;
}


#textshadow2 {
text-shadow: 2px 2px 1px #666;
}

#textshadow3 {
text-shadow: 1px 1px 1px #666;
}




#crossfade {
    position:relative;
    height:300px;
    width:300px;
}
#crossfade img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
}
 
#crossfade img.top:hover {
    opacity:0;
}




#crossfade2 {
    position:relative;
    height:500px;
    width:1020px;
}
#crossfade2 img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
}
 
#crossfade2 img.top:hover {
    opacity:0;
}


#crossfade_gen {
	position: relative;
	height: 600px;
	width: 500px;
	  margin-left: auto ;
  margin-right: auto ;
}
#crossfade_gen img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
}
 
#crossfade_gen img.top:hover {
    opacity:0;
}


#crossfade_mobile {
	position: relative;
	height: 435px;
	width: 650px;
	  margin-left: auto ;
  margin-right: auto ;
}
#crossfade_mobile img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
}
 
#crossfade_mobile img.top:hover {
    opacity:0;
}




#crossfade_team {
    position:relative;
    height:225px;
    width:225px;
}
#crossfade_team img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
}
 
#crossfade_team img.top:hover {
    opacity:0;
}


/*two columns*/


#twocolumns  {
	
		position: relative;
	height: 435px;
	width: 650px;
	  margin-left: auto ;
  margin-right: auto ;
  
}

.column-left{ float: right; width: 50%; }
.column-right{ float: left; width: 50%; }



/*one column*/


#onecolumn  {
background-color:#a3a2a2;
opacity: 0.85;
		position: relative;
	height: 70px;
	width: "100%";
	  margin-left: auto ;
  margin-right: auto ;
  
}

.column-one{ float: center; width: 100%; }
 








/*three columns*/


#threecolumns  {
	
		position: relative;
	height: 435px;
	width: 950px;
	  margin-left: auto ;
  margin-right: auto ;
  
}

.column-left{ float: left; width: 33%; }
.column-right{ float: right; width: 33%; }
.column-center{ display: inline-block; width: 33%; }



/*four columns*/


#fourcolumns_l  {
	
		position: relative;
	height: 435px;
	width: 950px;
	  margin-left: auto ;
  margin-right: auto ;
  
}

.column-left{ float: left; width: 15%; }

.column-center2{ display: inline-block; width: 40%; }
.column-center3{ display: inline-block; width: 10%; }
.column-right{ float: right; width: 15%; }









/*forms*/



.form-control {



  height: 42px;



  border-color: #e4e4e4;



  border-radius: 4px;



  color: #1a1a1a;



}







.form-inline .form-control {



  margin-bottom: 7px;



}







.form-control, .form-control:focus {



  -webkit-box-shadow: none;



  box-shadow: none;



}







.form-control.invalid {



  -webkit-box-shadow: 0 0 0 2px #19efd8;



  box-shadow: 0 0 0 2px #19efd8;



}







.form-control:focus {



  border-color: #7f7f7f;



  color: #7f7f7f;



}







.form-control:-moz-placeholder {



  color: #7f7f7f;



  opacity: 1;



}







.form-control::-moz-placeholder {



  color: #7f7f7f;



  opacity: 1;



}







#mailus .form-control:-moz-placeholder {



  color: #ffffff;



  opacity: 1;



}







#mailus .form-control::-moz-placeholder {



  color: #ffffff;



  opacity: 1;



}







.form-control:-ms-input-placeholder {



  color: #7f7f7f;



}







.form-control::-webkit-input-placeholder {



  color: #7f7f7f;



}







.form-control:focus:-moz-placeholder {



  color: transparent;



  opacity: 1;



}







.form-control:focus::-moz-placeholder {



  color: transparent;



  opacity: 1;



}







.form-control:focus:-ms-input-placeholder {



  color: transparent;



}







.form-control:focus::-webkit-input-placeholder {



  color: transparent;



}







/*carousel*/



.carousel {



  overflow: hidden;



  padding: 30px 30px 70px;



}







.carousel-indicators li {



  width: 12px;



  height: 12px;



  margin: 0;



  -webkit-transition: all 0.2s ease-in-out 0s;



  -moz-transition: all 0.2s ease-in-out 0s;



  -o-transition: all 0.2s ease-in-out 0s;



  -ms-transition: all 0.2s ease-in-out 0s;



  transition: all 0.2s ease-in-out 0s;



}







.carousel-indicators li:hover {



  opacity: 0.8;



}







.carousel-indicators .active {



  background-color: #19efd8;



  border-color: #19efd8;



}







.carousel-indicators li {



  border-color: #19efd8;



}







.carousel-control {



  border: 1px solid #ffffff;



  color: #ffffff !important;



  border-radius: 3px;



  width: 50px;



  height: 50px;



  left: -50px;



  top: 50%;



  margin-top: -25px;



  text-shadow: none;



  opacity: 1;



  background-image: none !important;



  filter: alpha(opacity=100);



}







.carousel-control.right {



  right: -50px;



}







.carousel:hover .carousel-control {



  left: 50px;



}







.carousel:hover .carousel-control.right {



  left: auto;



  right: 50px;



}







.carousel-control span {



  font-family: 'fontello' !important;



  width: 50px !important;



  height: 50px !important;



  margin: 0 !important;



  font-size: 16px !important;



  left: 0 !important;



  top: 0 !important;



  line-height: 50px;



}







.carousel-control .icon-prev:before {



  content: '\e801';



}







.carousel-control .icon-next:before {



  content: '\e80a';



}







/*collapse accordion*/



.panel-heading .panel-title {



  font-size: 20px;



  font-weight: 400;



  padding: 0;



  position: relative;



}



.panel-heading .panel-title > a {



  font-size: 14px;



  line-height: 1;



  text-transform: uppercase;



  display: block;



  padding: 13px 20px 13px 10px;



  border: 1px solid #e4e4e4;



  border-radius: 3px;



  background-color: #f5f5f5;



}



.panel-heading .panel-title > a:after {



  content: '-';



  position: absolute;



  right: 14px;



  top: 13px;



}



.panel-heading .panel-title > a:hover {



  color: #ffffff;



  background-color: #19efd8;



  border-color: #19efd8;



}



.panel-heading .panel-title > a.collapsed:after {



  content: '+';



  right: 12px;



}







.panel {



  box-shadow: none;



}







.panel-group .panel {



  border-radius: 0;



  background-color: transparent;



}







.panel-default > .panel-heading {



  background-color: transparent;



  color: inherit;



  position: relative;



  border: none;



  border-radius: 0;



  padding: 0;



}







.panel-default {



  border-color: transparent;



}







.panel-group .panel + .panel {



  margin-top: 3px;



}







.panel-group .panel-heading + .panel-collapse .panel-body {



  padding: 23px 20px 15px;



  margin-top: -3px;



  border: 1px solid #e4e4e4;



  border-radius: 3px;



}







/*progress bars*/



.progress {



  margin-top: 10px;



  border-radius: 5px;



  -webkit-box-shadow: none;



  box-shadow: none;



  background-color: #f5f5f5;



  height: 10px;



}







.progress-bar {



  background-color: #19efd8;



  color: inherit;



  -webkit-box-shadow: none;



  box-shadow: none;



  border-radius: 5px;



}







.progress-bar span {



  position: absolute;



  font-size: 1.5em;



  left: 15px;



}







/*nav*/



.nav > li > a:hover,



.nav > li > a:focus {



  background-color: inherit;



}







/*tabs*/



.tab-content {



  padding: 0;



  border-radius: 0 5px 5px 5px;



  background-color: #ffffff;



  padding: 20px 30px;



  border: 1px solid #e4e4e4;



}







.nav-tabs {



  border-bottom-color: transparent;



  font-size: 16px;



  margin-top: 0px;



  margin-bottom: -1px;



}







.nav-tabs > li > a {



  padding: 13px 20px;



  margin-right: 2px;



  margin-top: 0px;



  border: 1px solid #e4e4e4;



  color: #7f7f7f;



}







.nav-tabs > li.active > a,



.nav-tabs > li.active > a:hover,



.nav-tabs > li.active > a:focus {



  border-bottom-color: transparent;



  background-color: #ffffff;



  color: #343434;



}







/*



**vertical margins and paddings



*/



section > .container {



	padding-top: 70px;



	padding-bottom: 70px;



	padding-left: 56px;



}







.darkgrey_section + .darkgrey_section > .container,



.dark_section + .dark_section > .container,



.color_section + .color_section > .container,



.light_section + .light_section > .container,



.grey_section + .grey_section > .container {



  padding-top: 5px;



}







.darkgrey_section + .darkgrey_section[class*="with_"] > .container,



.dark_section + .dark_section[class*="with_"] > .container,



.color_section + .color_section[class*="with_"] > .container,



.light_section + .light_section[class*="with_"] > .container,



.grey_section + .grey_section[class*="with_"] > .container {



  padding-top: 70px;



}







.row + .row {



	margin-top: 20px;



	margin-left: 0px;



}







section > .container > .row > [class*="col-"],



footer > .container > .row > [class*="col-"] {



  margin-top: 10px;



  margin-bottom: 10px;



}







.table_section .row {



  display: table;



  width: 100%;



}







.table_section [class*="col-"] {



  display: table-cell;



  vertical-align: middle;



  float: none;



}







@media screen and (max-width: 767px) {



  .table_section .row,



  .table_section [class*="col-"] {



    display: block;



    width: auto;



  }







  [class*="col-"] + [class*="col-"] {



    margin-top: 30px !important;



  }







  [class*="col-xs"] + [class*="col-xs"] {



    margin-top: 0;



  }



}



.action_section > .container {



  padding-top: 40px;



  padding-bottom: 40px;



}







#breadcrumbs > .container {



  padding-top: 20px;



  padding-bottom: 20px;



}







#pagination > .container {



  padding-top: 30px;



  padding-bottom: 30px;



}







#footer > .container {



  padding-top: 50px;



  padding-bottom: 30px;



}







#copyright > .container {



  padding-top: 30px;



  padding-bottom: 30px;



}







@media (max-width: 767px) {



  .container {



    max-width: 500px;



  }



}



/*



**general styles



*/



html,



body {



  position: relative;



  font-size: 30px;



}







::selection {



  color: #ffffff;



  background-color: #afaeae;    /*green*/



}







::-moz-selection {



  color: #ffffff;



  background-color: #afaeae;



}







body {



  font-family: 'Raleway', sans-serif;



  font-size: 13px;



  font-weight: 300;



  line-height: 20px;



  background-color: #ffffff;



}







h1,



h2,



h3,



h4,



h5,



h6,



.h1,



.h2,



.h3,



.h4,



.h5,



.h6 {



  line-height: 1;



  font-weight: 300;



}







p {



  margin-bottom: 16px;



}







blockquote,



.blockquote {



  font-size: 14px;



  position: relative;



  margin: 20px 0;



  padding: 16px 16px 16px 30px;



  line-height: 1.6;



  border-left: 5px solid #19efd8;



  font-style: italic;



}







blockquote h3 {



  font-size: 0.9em;



  font-style: normal;



}







blockquote h3:before,



blockquote h3:after {



  content: ' - ';



}







img {



  max-width: 100%;



}







a {



  text-decoration: none;



  -webkit-transition: all 0.3s ease-in-out 0s;



  -moz-transition: all 0.3s ease-in-out 0s;



  -o-transition: all 0.3s ease-in-out 0s;



  -ms-transition: all 0.3s ease-in-out 0s;



  transition: all 0.3s ease-in-out 0s;



}







a:hover {



  text-decoration: none;



  -webkit-transition: all 0.15s linear 0s;



  -moz-transition: all 0.15s linear 0s;



  -o-transition: all 0.15s linear 0s;



  -ms-transition: all 0.15s linear 0s;



  transition: all 0.15s linear 0s;



}







a:focus {



  outline: medium none;



  text-decoration: none;



}







a img {



  -webkit-transition: all 0.15s ease-in-out 0s;



  -moz-transition: all 0.15s ease-in-out 0s;



  -o-transition: all 0.15s ease-in-out 0s;



  -ms-transition: all 0.15s ease-in-out 0s;



  transition: all 0.15s ease-in-out 0s;



}







a:hover img {



  opacity: 0.8;



}







iframe {



  border: none;



  max-width: 100%;



}







label[for] {



  display: none;



}







/*



**utilites



*/



.alignleft {



  float: left;



  margin: 5px 20px 15px 0;



}







.with_background {



  border-radius: 5px;



  padding: 20px;



  background-color: #f5f5f5;



}







.with_border {



  border-radius: 5px;



  padding: 20px;



  border: 1px solid #e4e4e4;



}







#response,



.highlight {



  color: #19efd8;



}







/*dividers*/



.divider20 {



  margin: 20px 0;



}







.divider40 {



  margin: 40px 0;



}







.topmargin0 {



  margin-top: 0;



}







/*



**styled lists



*/



ul.list1 {



  list-style: none;



  padding-left: 22px;



}







ul.list1 li {



  position: relative;



  padding: 4px 0 4px;



}







ul.list1 li:before {



  content: '';



  display: block;



  position: absolute;



  border: 2px solid;



  left: -19px;



  top: 10px;



  width: 10px;



  height: 10px;



  border-radius: 100%;



}







ul.list2 {



  list-style: none;



  padding-left: 20px;



}







ul.list2 li {



  position: relative;



  padding: 4px 0 4px;



}







ul.list2 li:before {



  font-family: 'fontello';



  content: '\e82c';



  font-size: 18px;



  display: block;



  position: absolute;



  left: -18px;



}







ol.list3 {



  counter-reset: li;



  list-style: none outside none;



  padding: 0;



}







ol.list3 li {



  position: relative;



  padding: 4px 0 4px 34px;



}







ol.list3 li:after {



  content: counter(li,decimal-leading-zero) ".";



  counter-increment: li;



  position: absolute;



  left: 2px;



  top: 50%;



  margin-top: -12px;



  font-weight: 700;



  color: inherit;



  width: 26px;



  height: 26px;



  text-align: center;



  line-height: 26px;



}







/*



**about



*/



#story .media i {



  font-size: 40px;



  background: #19efd8;



  border-radius: 100%;



  color: #ffffff;



  height: 100px;



  padding-left: 30px;



  padding-top: 28px;



  width: 100px;



}







#story .media-body {



  font-size: 15px;



}







/*



**icons



*/



a[class^="socialico-"] {



  font-size: 0px !important;



  display: inline-block;



  position: relative;



  padding-right: 30px;



  line-height: 30px;



  vertical-align: top;



  margin-right: 5px;



}







a[class^="socialico-"]:before {



  color: #ffffff;



  background: #19efd8;



  border-radius: 100%;



  border: 1px solid #19efd8;



  display: inline-block;



  text-indent: 0;



  overflow: hidden;



  font-family: 'socialicoregular';



  font-size: 25px;



  text-align: center;



  position: absolute;



  left: 0;



  top: 1px;



  width: 30px;



  height: 30px;



  line-height: 30px;



  margin: 0;



  -webkit-transition: all 0.3s ease-in-out 0s;



  -moz-transition: all 0.3s ease-in-out 0s;



  -o-transition: all 0.3s ease-in-out 0s;



  -ms-transition: all 0.3s ease-in-out 0s;



  transition: all 0.3s ease-in-out 0s;



}







a[class^="socialico-"]:hover:before {



  -webkit-transition: all 0.1s ease-in-out 0s;



  -moz-transition: all 0.1s ease-in-out 0s;



  -o-transition: all 0.1s ease-in-out 0s;



  -ms-transition: all 0.1s ease-in-out 0s;



  transition: all 0.1s ease-in-out 0s;



  background: transparent;



  border: 1px solid #19efd8;



  color: #19efd8;



}







h1 > [class*="rt-icon-"],



h2 > [class*="rt-icon-"],



h3 > [class*="rt-icon-"],



h4 > [class*="rt-icon-"],



h5 > [class*="rt-icon-"],



h6 > [class*="rt-icon-"],



p > [class*="rt-icon-"] {



  font-size: 1.2em;



  position: relative;



  top: .1em;



  line-height: 0;



  padding-right: 0.1em;



}







a > [class*="rt-icon-"],



.theme_button > [class*="rt-icon-"] {



  font-size: 1.4em;



  line-height: 0;



  position: relative;



  top: 3px;



  padding-right: 4px;



}







.theme_button > [class*="glyphicon"],



.theme_button > [class*="fa-"] {



  padding-right: 7px;



}







.theme_button > [class*="rt-icon-"],



.theme_button > [class*="glyphicon"],



.theme_button > [class*="fa-"] {



  margin-left: -13px;



}







/* 



**buttons 



*/



.theme_button {



  font-size: 15px;



  padding: 12px 26px;



  line-height: 1;



  display: inline-block;



  background-color: transparent;



  color: #7f7f7f;



  border: 1px solid #e4e4e4;



  -webkit-border-radius: 3px;



  border-radius: 3px;



  position: relative;



  -webkit-transition: all 0.4s linear 0s;



  -moz-transition: all 0.4s linear 0s;



  -o-transition: all 0.4s linear 0s;



  -ms-transition: all 0.4s linear 0s;



  transition: all 0.4s linear 0s;



}







.theme_button:active,



.theme_button:hover,



.theme_button:focus {



  color: #ffffff;



  background-color: #19efd8;



  border-color: #19efd8;



  opacity: 1;



  text-decoration: none;



  outline: none;



  -webkit-transition: all 0.1s linear 0s;



  -moz-transition: all 0.1s linear 0s;



  -o-transition: all 0.1s linear 0s;



  -ms-transition: all 0.1s linear 0s;



  transition: all 0.1s linear 0s;



}







.theme_button:active {



  top: 1px;



}







.theme_button.border {



  background-color: transparent;



  border: 2px solid #19efd8;



  padding-top: 10px;



  padding-bottom: 10px;



}







.type-15 {



  overflow: hidden;



  background: #343434;



}



.type-15 span {



  position: absolute;



  width: 100%;



  height: 100%;



  display: block;



  opacity: 1;



  left: 0;



  top: 0;



  box-sizing: border-box;



  -moz-box-sizing: border-box;



  padding: 17px 0;



  text-align: center;



  -webkit-transform-style: preserve-3d;



  transform-style: preserve-3d;



  -webkit-transform-origin: 0 0;



  transform-origin: 0 0;



  -webkit-transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95);



  transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95);



  box-shadow: none;



  color: #ffffff;



  font-size: 15px;



  font-weight: bold;



}







.type-15 span:first-of-type {



  z-index: 9;



}







.type-15 span:last-of-type {



  background: #19efd8;



  left: -100%;



}







.type-15:hover span {



  left: 0;



}







.type-16 {



  overflow: hidden;



  background: #ffffff;



}



.type-16 span {



  position: absolute;



  width: 100%;



  height: 100%;



  display: block;



  opacity: 1;



  left: 0;



  top: 0;



  box-sizing: border-box;



  -moz-box-sizing: border-box;



  padding: 17px 0;



  text-align: center;



  -webkit-transform-style: preserve-3d;



  transform-style: preserve-3d;



  -webkit-transform-origin: 0 0;



  transform-origin: 0 0;



  -webkit-transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95);



  transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95);



  box-shadow: none;



  color: #343434;



  font-size: 15px;



  font-weight: normal;



  border: 1px solid #e4e4e4;



  border-radius: 5px;



}







.type-16 span:first-of-type {



  z-index: 9;



}







.type-16 span:last-of-type {



  background: #19efd8;



  left: -100%;



}







.type-16:hover span {



  left: 0;



  color: #ffffff;



  border: 1px solid #ffffff;



}







/*



**common sections styles



*/



/*parallax*/



.parallax {



  background-attachment: fixed !important;



  -webkit-background-size: cover !important;



  -moz-background-size: cover !important;



  -o-background-size: cover !important;



  background-size: cover !important;



  overflow: hidden;



  background-position: 50% 50%;



  background-repeat: no-repeat;



  position: relative;



}







@media (max-width: 767px) {



  .parallax {



    -webkit-background-size: auto auto !important;



    -moz-background-size: auto auto !important;



    -o-background-size: auto auto !important;



    background-size: auto auto !important;



  }



}



.parallax:after {



  content: '';



  position: absolute;



  top: 0;



  right: 0;



  bottom: 0;



  left: 0;



  opacity: 0.6;



  z-index: 1;



}







.parallax.grey_section:after {



  background-color: #f8f8f8;



  opacity: 0.9;



}







.parallax.color_section:after {



  background-color: #19efd8;



}







.parallax.dark_section:after {



  background-color: #1a1a1a;



}







.parallax.darkgrey_section:after {



  background-color: #343434;



}







.parallax > .container, .gradient > .container {



  z-index: 3;



  position: relative;



}







.gradient {



  position: relative;



  overflow: hidden;



}







.gradient:before {



  content: '';



  display: block;



  position: absolute;



  width: 1400px;



  height: 1400px;



  top: 50%;



  left: 50%;



  margin-top: -700px;



  margin-left: -700px;



  z-index: 2;



  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);



  /* FF3.6+ */



  background: -webkit-gradient(radial, center center, 0px, center center, 50%, color-stop(0%, rgba(255, 255, 255, 0.24)), color-stop(50%, rgba(255, 255, 255, 0)));



  /* Chrome,Safari4+ */



  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);



  /* Chrome10+,Safari5.1+ */



  background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);



  /* Opera 12+ */



  background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);



  /* IE10+ */



  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);



  /* W3C */



  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=1 );



  /* IE6-9 fallback on horizontal gradient */



}







.with_background_image {



  background-image: url(../img/background_section.png);



}







.with_top_border .container,



.with_bottom_border .container {



  position: relative;



}







.with_top_border .container:before,



.with_bottom_border .container:after {



  content: '';



  display: block;



  position: absolute;



  height: 1px;



  left: 0px;



  right: 0px;



  top: 0;



  background-color: #FFFFFF;



}







.with_bottom_border .container:after {



  top: auto;



  bottom: 0;



}







.section_header {
	margin-top: 4px;
	margin-bottom: 42px;
	font-size: 36px;
	position: relative;
	text-transform: uppercase;
	font-weight: 700;
	color: #010101;



}



.section_header2 {  /* CONTAINS SUBHEADER SETTINGS */



  margin-top: 4px;



  margin-bottom: 42px;



  font-size: 26px;



  position: relative;



  text-transform: uppercase;



  font-weight: 500;



  color: #FFFFFF;



}







.section_header span {



  color: #FFFFFF;



}







.section_header.page-title {



  font-size: 48px;



}







.section_header:before {



  content: '';



  display: block;



  position: absolute;



  height: 1px;  /* TRYING TO HIDE THE BAR */



  width: 1000px;  /* WIDTH OF  BAR UNDER HEADER TEXT */



  background-color: #010101; /* rob notes color OF  BAR UNDER HEADER TEXT */



  bottom: -20px;



}







.text-center .section_header:before, .text-center.section_header:before {



  left: 50%;



  margin-left: -475px;  /* ADJUSTS ALIGNMENT OF BAR UNDER HEADER TEXT */



}







.text-center .section_header:after, .text-center.section_header:after {



  margin-left: -15px;



  left: 50%;



}







.section_header + p {



  font-size: 16px;



  line-height: 1.5em;



  max-width: 60%;



  margin: 40px auto 24px;



  position: relative;



}







.section_header.text-center + p {



  max-width: 60%;



  margin-bottom: 14px;



}







.section_header + blockquote {



  font-size: 16px;



  max-width: 60%;



  margin: 50px auto 44px;



  border: none;



  background-color: transparent;



  padding: 0 40px;



}







.section_header + blockquote:before, .section_header + blockquote:after {



  font-style: normal;



  font-family: 'fontello';



  content: '\e808';



  position: absolute;



  left: 0;



  top: -10px;



  font-size: 30px;



  color: #FFFFFF;



}







.section_header + blockquote:after {



  content: '\e809';



  left: auto;



  right: 0;



}







@media (max-width: 767px) {



  .section_header {



    font-size: 30px;



    margin-top: 0;



  }







  .section_header + blockquote, .section_header + p {



    max-width: 100% !important;



  }



}



.color_section .section_header:after {



  background-color: #ffffff;



}







.color_section .section_header:before {



  background-color: rgba(255, 255, 255, 0.3);



}







/*



.color_section .section_header {



    color: $lightColor !important;



}



*/



/*page preloader*/



.preloader {



  position: fixed;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background: #ffffff;



  z-index: 13000;



  height: 100%;



}







.preloader_image {



  width: 128px;



  height: 128px;



  position: absolute;



  left: 50%;



  top: 50%;



  background: url(../img/preloader.gif) no-repeat 50% 50% transparent;



  margin: -64px 0 0 -64px;



}







/**light section CONTAINS SMALLER SUB TITLES*/



.light_section { 



  /*  background-color: #ffffff;  */



  color: #7f7f7f;



}



.light_section h1,



.light_section h3,



.light_section h4,



.light_section h5,



.light_section h6 {



  color: #19efd8;



}



.light_section h1 a,



.light_section h3 a,



.light_section h4 a,



.light_section h5 a,



.light_section h6 a {



  color: inherit;



}



.light_section h1 a:hover,



.light_section h3 a:hover,



.light_section h4 a:hover,



.light_section h5 a:hover,



.light_section h6 a:hover {



  color: #19efd8;



}



.light_section h2 {
	color: #FFFFFF;



}



.light_section h2 span {



  color: #19efd8;



}



.light_section a {



  color: #343434;



}



.light_section a:hover {
	color: #363635;



}



.light_section .theme_button {



  color: #7f7f7f;



}



.light_section .theme_button:hover, .light_section .theme_button:focus {



  color: #ffffff;



}



.light_section .theme_button.border:hover, .light_section .theme_button.border:focus {



  background-color: #19efd8;



  color: #ffffff;



}



.light_section .testimonials-carousel {



  border-color: #e4e4e4;



}



.light_section .widget_tag_cloud a:hover {



  color: #ffffff;



}







/**grey section*/



.grey_section {



  background-color: #f8f8f8;



  color: #727272;



}



.grey_section h1,



.grey_section h3,



.grey_section h4,



.grey_section h5,



.grey_section h6 {



  color: #2c2c2c;



}



.grey_section h2 {



  color: #19efd8;



}



.grey_section h2 span {



  color: #19efd8;



}



.grey_section a {



  color: #343434;



}



.grey_section a:hover {



  color: #19efd8;



}



.grey_section .theme_button {



  color: #343434;



  border-color: #d7d7d7;



}



.grey_section .theme_button:hover, .grey_section .theme_button:focus {



  color: #ffffff;



  border-color: #19efd8;



}



.grey_section .theme_button.border {



  border-color: #19efd8;



}



.grey_section .theme_button.border:hover, .grey_section .theme_button.border:focus {



  background-color: #19efd8;



  color: #ffffff;



}



.grey_section .with_background {



  background-color: #f0f0f0;



}



.grey_section .with_border {



  border-color: #d7d7d7;



}



.grey_section.with_top_border .container:before, .grey_section.with_bottom_border .container:after {



  background-color: #d7d7d7;



}



.grey_section hr {



  border-color: #e1e1e1;



}



.grey_section aside .widget > h3,



.grey_section aside .widget .widget-title {



  background-color: #ffffff;



}



.grey_section .nav > li > a:hover,



.grey_section .nav > li > a:focus {



  background-color: #f0f0f0;



  color: #afaeae;



}



.grey_section .nav > li.active > a:hover,



.grey_section .nav > li.active > a:focus,



.grey_section .nav-tabs > li.active > a:hover,



.grey_section .nav-tabs > li.active > a:focus {



  background-color: #ffffff;



}



.grey_section .panel-heading .panel-title > a,



.grey_section .panel-group .panel-heading + .panel-collapse .panel-body {



  border-color: #d7d7d7;



}



.grey_section .progress {



  background-color: #ededed;



}



.grey_section .testimonials-carousel {



  border-color: #d7d7d7;



}



.grey_section .widget_recent_entries li + li,



.grey_section .widget_recent_comments li + li,



.grey_section .widget_archive li + li,



.grey_section .widget_categories li + li,



.grey_section .widget_meta li + li,



.grey_section .widget_nav_menu li + li,



.grey_section .widget_pages li + li,



.grey_section .widget_popular_entries li + li {



  border-color: #d7d7d7;



}



.grey_section .tweet_list li + li .tweet_right {



  border-color: #d7d7d7;



}



.grey_section .price-table,



.grey_section .features-list li {



  border-color: #d7d7d7;



}



.grey_section .widget_tag_cloud a {



  border-color: #d7d7d7;



}



.grey_section .widget_tag_cloud a:hover {



  color: #ffffff;



}



.grey_section .widget_calendar caption,



.grey_section .widget_calendar thead,



.grey_section .widget_calendar tbody,



.grey_section .widget_calendar tfoot,



.grey_section .widget_calendar tbody td {



  border-color: #d7d7d7;



}



.grey_section .owl-theme .owl-controls .owl-buttons div {



  border-color: #d7d7d7;



}



.grey_section #isotope_filters a {



  border-color: #d7d7d7;



}



.grey_section .project-details p + p {



  border-color: #d7d7d7;



}



.grey_section .gallery-item .gallery-item-description {



  border-color: #d7d7d7;



  background-color: #ffffff;



}



.grey_section .gallery-image-links a {



  border-color: #d7d7d7;



  color: #343434;



}







/**darkgrey section*/



.darkgrey_section {



  background-color: #343434;



  color: #bbbbbb;



}



.darkgrey_section h1,



.darkgrey_section h2,



.darkgrey_section h3,



.darkgrey_section h4,



.darkgrey_section h5,



.darkgrey_section h6 {



  color: #ffffff;



}



.darkgrey_section h1 a,



.darkgrey_section h2 a,



.darkgrey_section h3 a,



.darkgrey_section h4 a,



.darkgrey_section h5 a,



.darkgrey_section h6 a {



  color: #ffffff;



}



.darkgrey_section h1 a:hover,



.darkgrey_section h2 a:hover,



.darkgrey_section h3 a:hover,



.darkgrey_section h4 a:hover,



.darkgrey_section h5 a:hover,



.darkgrey_section h6 a:hover {



  color: #afaeae;



}



.darkgrey_section a {



  color: #afaeae;



}



.darkgrey_section a:hover {



  color: #ffffff;



}



.darkgrey_section .theme_button {



  border-color: #4e4e4e;



  color: #ffffff;



}



.darkgrey_section .theme_button:hover, .darkgrey_section .theme_button:focus {



  border-color: #afaeae;



}



.darkgrey_section .theme_button.border {



  border-color: #afaeae;



}



.darkgrey_section .theme_button.border:hover, .darkgrey_section .theme_button.border:focus {



  background-color: #afaeae;



}



.darkgrey_section .with_background {



  background-color: #3c3c3c;



}



.darkgrey_section .with_border {



  border-color: #4e4e4e;



}



.darkgrey_section.with_top_border .container:before, .darkgrey_section.with_bottom_border .container:after {



  background-color: #4e4e4e;



}



.darkgrey_section .section_header:before {



  background-color: #ffffff;



}



.darkgrey_section .form-control {



  color: #ffffff;



  border-color: #4e4e4e;



  background-color: #3c3c3c;



}



.darkgrey_section hr {



  border-color: #4e4e4e;



}



.darkgrey_section aside {



  border-color: #4e4e4e;



}



.darkgrey_section aside .widget > h3,



.darkgrey_section aside .widget .widget-title {



  background-color: #3c3c3c;



}



.darkgrey_section aside .widget a {



  color: #ffffff;



}



.darkgrey_section .pagination > li > a, .darkgrey_section .pagination > li > span {



  border-color: #4e4e4e;



  background-color: #3c3c3c;



}



.darkgrey_section .pagination > .active > a,



.darkgrey_section .pagination > .active > span,



.darkgrey_section .pagination > .active > a:hover,



.darkgrey_section .pagination > .active > span:hover,



.darkgrey_section .pagination > .active > a:focus,



.darkgrey_section .pagination > .active > span:focus,



.darkgrey_section .pagination > li > a:hover,



.darkgrey_section .pagination > li > span:hover,



.darkgrey_section .pagination > li > a:focus,



.darkgrey_section .pagination > li > span:focus {



  border-color: #4e4e4e;



  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.1);



  box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.1);



}



.darkgrey_section .thumbnail {



  border-color: #4e4e4e;



}



.darkgrey_section .thumbnail .caption {



  border-color: #4e4e4e;



  background-color: #3c3c3c;



}



.darkgrey_section .progress {



  background-color: #3c3c3c;



}



.darkgrey_section .percent {



  color: #ffffff;



}



.darkgrey_section .owl-theme .owl-controls .owl-buttons div {



  border-color: #4e4e4e;



  color: #ffffff;



}



.darkgrey_section .testimonials-carousel {



  border-color: #4e4e4e;



}



.darkgrey_section .widget_recent_entries li + li,



.darkgrey_section .widget_recent_comments li + li,



.darkgrey_section .widget_archive li + li,



.darkgrey_section .widget_categories li + li,



.darkgrey_section .widget_meta li + li,



.darkgrey_section .widget_nav_menu li + li,



.darkgrey_section .widget_pages li + li,



.darkgrey_section .widget_popular_entries li + li {



  border-color: #4e4e4e;



}



.darkgrey_section .widget_nav_menu ul ul {



  border-color: #4e4e4e;



}



.darkgrey_section .widget_recent_comments li:before {



  color: #ffffff;



}



.darkgrey_section .tweet_list li + li .tweet_right {



  border-color: #4e4e4e;



}



.darkgrey_section .widget_flickr img {



  border-color: #4e4e4e;



}



.darkgrey_section .widget_popular_entries .media-object {



  border-color: #4e4e4e;



}



.darkgrey_section .price-table,



.darkgrey_section .features-list li {



  border-color: #4e4e4e;



}



.darkgrey_section .plan-name {



  border-color: #4e4e4e;



  background-color: #3c3c3c;



}



.darkgrey_section .price-table.style2 {



  background-color: #3c3c3c;



}



.darkgrey_section .plan-price p {



  color: #ffffff;



}



.darkgrey_section .features-list .disabled:before {



  color: #676767;



}



.darkgrey_section .widget_tag_cloud a {



  border-color: #4e4e4e;



}



.darkgrey_section .widget_tag_cloud a:hover {



  color: #ffffff;



}



.darkgrey_section .widget_calendar caption,



.darkgrey_section .widget_calendar thead,



.darkgrey_section .widget_calendar tbody,



.darkgrey_section .widget_calendar tfoot,



.darkgrey_section .widget_calendar tbody td {



  border-color: #4e4e4e;



}



.darkgrey_section .widget_calendar caption,



.darkgrey_section .widget_calendar thead {



  background-color: #3c3c3c;



}



.darkgrey_section .widget_calendar tbody td a {



  color: #19efd8;



  top: 0;



  right: 0;



  left: 0;



  bottom: 0;



}



.darkgrey_section .widget_calendar tbody td a:hover {



  background-color: #3c3c3c;



}



.darkgrey_section .nav > li > a,



.darkgrey_section .vertical-tabs .nav > li > a {



  border-color: #4e4e4e;



}



.darkgrey_section .nav > li > a:hover,



.darkgrey_section .vertical-tabs .nav > li > a:hover {



  background-color: #3c3c3c;



}



.darkgrey_section .panel-group .panel-heading + .panel-collapse .panel-body {



  border-color: #4e4e4e;



}



.darkgrey_section .nav-tabs > li > a,



.darkgrey_section .vertical-tabs .nav > li > a,



.darkgrey_section .panel-heading .panel-title > a {



  border-color: #4e4e4e;



  background-color: #313131;



  color: #ffffff;



}



.darkgrey_section .panel-heading .panel-title > a:hover {



  background-color: #afaeae;



  border-color: #afaeae;



}



.darkgrey_section .tab-content,



.darkgrey_section .panel-group .panel-heading + .panel-collapse .panel-body {



  background-color: #3c3c3c;



  border-color: #4e4e4e;



}



.darkgrey_section .nav-tabs > li.active > a,



.darkgrey_section .vertical-tabs .nav > li.active a {



  background-color: #3c3c3c;



  border-color: #4e4e4e;



}



.darkgrey_section .nav-tabs > li.active > a {



  border-bottom-color: #3c3c3c;



}



.darkgrey_section .nav-tabs > li.active > a:hover,



.darkgrey_section .nav-tabs > li.active > a:focus {



  color: #ffffff;



}



.darkgrey_section .vertical-tabs .nav > li.active a {



  color: #ffffff;



}



.darkgrey_section .vertical-tabs .nav > li.active a:after {



  border-left-color: #3c3c3c;



}



.darkgrey_section .vertical-tabs .nav > li.active a:before {



  border-left-color: #4e4e4e;



}



.darkgrey_section .entry-meta,



.darkgrey_section .entry-tags,



.darkgrey_section .blog-single .entry-tags {



  border-color: #4e4e4e !important;



}



.darkgrey_section .entry-tags a:before, .darkgrey_section .entry-meta a:before, .darkgrey_section time:before, .darkgrey_section .reply a:before {



  color: #ffffff;



}



.darkgrey_section .entry-thumbnail img {



  background-color: #3c3c3c;



  border-color: #4e4e4e;



}



.darkgrey_section .author-meta {



  background-color: #3c3c3c;



  border-color: #4e4e4e;



}



.darkgrey_section .comments-area .media-object {



  background-color: #3c3c3c;



  border-color: #4e4e4e;



}



.darkgrey_section .comments-area .media-body {



  background-color: #3c3c3c;



  border-color: #4e4e4e;



}



.darkgrey_section .comment-meta {



  border-color: #4e4e4e !important;



}



@media (min-width: 768px) {



  .darkgrey_section .author-meta .col-sm-2 img {



    background-color: #464646;



    border-color: #4e4e4e;



  }



}



.darkgrey_section #isotope_filters a {



  color: #ffffff;



  border-color: #4e4e4e;



}



.darkgrey_section .project-details p + p {



  border-color: #4e4e4e;



}



.darkgrey_section .gallery-item .gallery-item-description {



  border-color: #4e4e4e;



  background-color: #464646;



}



.darkgrey_section .gallery-image-links a {



  border-color: #5a5a5a;



  color: #ffffff;



}







.darkgrey_section + .darkgrey_section {



  border-top: none;



}







/**dark section*/



.dark_section {



  background-color: #1a1a1a;



  color: #f5f5f5;



}



.dark_section h1,



.dark_section h3,



.dark_section h4,



.dark_section h5,



.dark_section h6 {



  color: #ffffff;



}



.dark_section h1 a,



.dark_section h3 a,



.dark_section h4 a,



.dark_section h5 a,



.dark_section h6 a {



  color: #ffffff;



}



.dark_section h1 a:hover,



.dark_section h3 a:hover,



.dark_section h4 a:hover,



.dark_section h5 a:hover,



.dark_section h6 a:hover {



  color: #afaeae;



}



.dark_section h2 {



  color: #afaeae;



}



.dark_section h2 span {



  color: #afaeae;



}



.dark_section a {



  color: #afaeae;



}



.dark_section a:hover {



  color: #ffffff;



}



.dark_section .theme_button {



  border-color: #ffffff;



  color: #ffffff;



}



.dark_section .theme_button:hover, .dark_section .theme_button:focus {



  border-color: #afaeae;



}



.dark_section .theme_button.border {



  border-color: #afaeae;



}



.dark_section .theme_button.border:hover, .dark_section .theme_button.border:focus {



  background-color: #afaeae;



}



.dark_section .with_background {



  background-color: #222222;



}



.dark_section .with_border {



  border-color: #343434;



}



.dark_section.with_top_border .container:before, .dark_section.with_bottom_border .container:after {



  background-color: #343434;



}



.dark_section .section_header:before {



  background-color: #ffffff;



}



.dark_section .form-control {



  color: #ffffff;



  border-color: #ffffff;



  background-color: transparent;



}



.dark_section hr {



  border-color: #343434;



}



.dark_section aside {



  border-color: #343434;



}



.dark_section aside .widget > h3,



.dark_section aside .widget .widget-title {



  background-color: #222222;



}



.dark_section aside .widget a {



  color: #ffffff;



}



.dark_section .pagination > li > a, .dark_section .pagination > li > span {



  border-color: #343434;



  background-color: #222222;



}



.dark_section .pagination > .active > a,



.dark_section .pagination > .active > span,



.dark_section .pagination > .active > a:hover,



.dark_section .pagination > .active > span:hover,



.dark_section .pagination > .active > a:focus,



.dark_section .pagination > .active > span:focus,



.dark_section .pagination > li > a:hover,



.dark_section .pagination > li > span:hover,



.dark_section .pagination > li > a:focus,



.dark_section .pagination > li > span:focus {



  border-color: #343434;



  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.1);



  box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.1);



}



.dark_section .thumbnail {



  border-color: #343434;



}



.dark_section .thumbnail .caption {



  border-color: #343434;



  background-color: #222222;



}



.dark_section .progress {



  background-color: #222222;



}



.dark_section .percent {



  color: #ffffff;



}



.dark_section .owl-theme .owl-controls .owl-buttons div {



  border-color: #343434;



  color: #ffffff;



}



.dark_section .testimonials-carousel {



  border-color: #343434;



}



.dark_section .widget_recent_entries li + li,



.dark_section .widget_recent_comments li + li,



.dark_section .widget_archive li + li,



.dark_section .widget_categories li + li,



.dark_section .widget_meta li + li,



.dark_section .widget_nav_menu li + li,



.dark_section .widget_pages li + li,



.dark_section .widget_popular_entries li + li {



  border-color: #343434;



}



.dark_section .widget_nav_menu ul ul {



  border-color: #343434;



}



.dark_section .widget_recent_comments li:before {



  color: #ffffff;



}



.dark_section .tweet_list li + li .tweet_right {



  border-color: #343434;



}



.dark_section .widget_flickr img {



  border-color: #343434;



}



.dark_section .widget_popular_entries .media-object {



  border-color: #343434;



}



.dark_section .price-table,



.dark_section .features-list li {



  border-color: #343434;



}



.dark_section .plan-name {



  border-color: #343434;



  background-color: #222222;



}



.dark_section .price-table.style2 {



  background-color: #222222;



}



.dark_section .plan-price p {



  color: #ffffff;



}



.dark_section .features-list .disabled:before {



  color: #4d4d4d;



}



.dark_section .widget_tag_cloud a {



  border-color: #343434;



}



.dark_section .widget_tag_cloud a:hover {



  color: #ffffff;



}



.dark_section .widget_calendar caption,



.dark_section .widget_calendar thead,



.dark_section .widget_calendar tbody,



.dark_section .widget_calendar tfoot,



.dark_section .widget_calendar tbody td {



  border-color: #343434;



}



.dark_section .widget_calendar caption,



.dark_section .widget_calendar thead {



  background-color: #222222;



}



.dark_section .widget_calendar tbody td a {



  background-color: #19efd8;



  top: 0;



  right: 0;



  left: 0;



  bottom: 0;



}



.dark_section .widget_calendar tbody td a:hover {



  background-color: #222222;



}



.dark_section .nav > li > a,



.dark_section .vertical-tabs .nav > li > a {



  border-color: #343434;



}



.dark_section .nav > li > a:hover,



.dark_section .vertical-tabs .nav > li > a:hover {



  background-color: #222222;



}



.dark_section .panel-group .panel-heading + .panel-collapse .panel-body {



  border-color: #343434;



}



.dark_section .nav-tabs > li > a,



.dark_section .vertical-tabs .nav > li > a,



.dark_section .panel-heading .panel-title > a {



  border-color: #343434;



  background-color: #171717;



  color: #ffffff;



}



.dark_section .panel-heading .panel-title > a:hover {



  background-color: #19efd8;



  border-color: #19efd8;



}



.dark_section .tab-content,



.dark_section .panel-group .panel-heading + .panel-collapse .panel-body {



  background-color: #222222;



  border-color: #343434;



}



.dark_section .nav-tabs > li.active > a,



.dark_section .vertical-tabs .nav > li.active a {



  background-color: #222222;



  border-color: #343434;



}



.dark_section .nav-tabs > li.active > a {



  border-bottom-color: #222222;



}



.dark_section .nav-tabs > li.active > a:hover,



.dark_section .nav-tabs > li.active > a:focus {



  color: #ffffff;



}



.dark_section .vertical-tabs .nav > li.active a {



  color: #ffffff;



}



.dark_section .vertical-tabs .nav > li.active a:after {



  border-left-color: #222222;



}



.dark_section .vertical-tabs .nav > li.active a:before {



  border-left-color: #343434;



}



.dark_section .entry-meta,



.dark_section .entry-tags,



.dark_section .blog-single .entry-tags {



  border-color: #343434 !important;



}



.dark_section .entry-tags a:before, .dark_section .entry-meta a:before, .dark_section time:before, .dark_section .reply a:before {



  color: #ffffff;



}



.dark_section .entry-thumbnail img {



  background-color: #222222;



  border-color: #343434;



}



.dark_section .author-meta {



  background-color: #222222;



  border-color: #343434;



}



.dark_section .comments-area .media-object {



  background-color: #222222;



  border-color: #343434;



}



.dark_section .comments-area .media-body {



  background-color: #222222;



  border-color: #343434;



}



.dark_section .comment-meta {



  border-color: #343434 !important;



}



@media (min-width: 768px) {



  .dark_section .author-meta .col-sm-2 img {



    background-color: #2c2c2c;



    border-color: #343434;



  }



}



.dark_section #isotope_filters a {



  color: #ffffff;



  border-color: #343434;



}



.dark_section .project-details p + p {



  border-color: #343434;



}



.dark_section .gallery-item .gallery-item-description {



  border-color: #343434;



  background-color: #222222;



}



.dark_section .gallery-image-links a {



  border-color: #343434;



  color: #ffffff;



}







/**color section*/



.color_section {



  background-color: #afaeae;



  color: #afaeae;



}



.color_section h1,



.color_section h2,



.color_section h3,



.color_section h4,



.color_section h5,



.color_section h6 {



  color: #ffffff;



}



.color_section h1 a,



.color_section h2 a,



.color_section h3 a,



.color_section h4 a,



.color_section h5 a,



.color_section h6 a {



  color: #ffffff;



}



.color_section h1 a:hover,



.color_section h2 a:hover,



.color_section h3 a:hover,



.color_section h4 a:hover,



.color_section h5 a:hover,



.color_section h6 a:hover {



  color: #bcff2d;



}



.color_section a {



  color: #ffffff;



}



.color_section a:hover {



  color: #bcff2d;



}



.color_section blockquote, .color_section .blockquote {



  border-color: #87c600;



}



.color_section .theme_button {



  border-color: #ffffff;



  color: #ffffff;



}



.color_section .theme_button:hover, .color_section .theme_button:focus {



  background-color: #ffffff;



  color: #1a1a1a;



}



.color_section .theme_button.border {



  border-color: #343434;



}



.color_section .theme_button.border:hover, .color_section .theme_button.border:focus {



  background-color: #19efd8;



}



.color_section .with_background {



  background-color: #6ea200;



}



.color_section .with_border {



  border-color: #87c600;



}



.color_section.with_top_border .container:before, .color_section.with_bottom_border .container:after {



  background-color: #87c600;



}



.color_section .section_header:before {



  background-color: #87c600;



}



.color_section #response,



.color_section .highlight {



  color: #ffffff;



}



.color_section .form-control {



  color: #ffffff;



  border-color: #87c600;



  background-color: #6ea200;



}



.color_section .form-control:-moz-placeholder {



  color: #bcff2d;



}



.color_section .form-control::-moz-placeholder {



  color: #bcff2d;



}



.color_section .form-control:-ms-input-placeholder {



  color: #bcff2d;



}



.color_section .form-control::-webkit-input-placeholder {



  color: #bcff2d;



}



.color_section .form-control:focus:-moz-placeholder {



  color: transparent;



  opacity: 1;



}



.color_section .form-control:focus::-moz-placeholder {



  color: transparent;



  opacity: 1;



}



.color_section .form-control:focus:-ms-input-placeholder {



  color: transparent;



}



.color_section .form-control:focus::-webkit-input-placeholder {



  color: transparent;



}



.color_section hr {



  border-color: #87c600;



}



.color_section aside {



  border-color: #87c600;



}



.color_section aside .widget > h3,



.color_section aside .widget .widget-title {



  background-color: #6ea200;



  border-color: #ffffff;



}



.color_section aside .widget a {



  color: #ffffff;



}



.color_section aside .widget a:hover {



  color: #bcff2d;



}



.color_section .pagination > li > a,



.color_section .pagination > li > span {



  color: #ffffff;



  border-color: #87c600;



  background-color: #6ea200;



}



.color_section .pagination > .active > a,



.color_section .pagination > .active > span,



.color_section .pagination > .active > a:hover,



.color_section .pagination > .active > span:hover,



.color_section .pagination > .active > a:focus,



.color_section .pagination > .active > span:focus,



.color_section .pagination > li > a:hover,



.color_section .pagination > li > span:hover,



.color_section .pagination > li > a:focus,



.color_section .pagination > li > span:focus {



  background-color: #ffffff;



  border-color: #ffffff;



  color: #1a1a1a;



  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.1);



  box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.1);



}



.color_section .thumbnail {



  border-color: #87c600;



}



.color_section .thumbnail .caption {



  border-color: #87c600;



  background-color: #6ea200;



}



.color_section .thumbnail + h3 + p {



  color: #1a1a1a;



}



.color_section .progress {



  background-color: #6ea200;



}



.color_section .progress-bar {



  background-color: #ffffff;



}



.color_section .percent {



  color: #ffffff;



}



.color_section .owl-theme .owl-controls .owl-buttons div {



  border-color: #87c600;



  color: #ffffff;



}



.color_section .owl-theme .owl-controls .owl-buttons div:hover {



  background-color: #ffffff;



  border-color: #ffffff;



  color: #343434;



}



.color_section .testimonials-carousel {



  border-color: #87c600;



}



.color_section .testimonials-carousel .carousel-indicators li {



  border-color: #ffffff;



}



.color_section .testimonials-carousel .carousel-indicators li.active {



  background-color: #ffffff;



}



.color_section .widget_recent_entries li + li,



.color_section .widget_recent_comments li + li,



.color_section .widget_archive li + li,



.color_section .widget_categories li + li,



.color_section .widget_meta li + li,



.color_section .widget_nav_menu li + li,



.color_section .widget_pages li + li,



.color_section .widget_popular_entries li + li {



  border-color: #87c600;



}



.color_section .widget_recent_entries a:before, .color_section .widget_archive a:before, .color_section .widget_categories a:before, .color_section .widget_meta a:before, .color_section .widget_nav_menu a:before, .color_section .widget_pages a:before {



  color: #ffffff;



}



.color_section .widget_nav_menu ul ul {



  border-color: #87c600;



}



.color_section .widget_recent_comments li:before {



  color: #ffffff;



}



.color_section .tweet_list li + li .tweet_right {



  border-color: #87c600;



}



.color_section .widget_flickr img {



  border-color: #87c600;



}



.color_section .widget_popular_entries .media-object {



  border-color: #87c600;



}



.color_section .price-table,



.color_section .features-list li {



  border-color: #87c600;



}



.color_section .plan-name {



  border-color: #87c600;



  background-color: #6ea200;



}



.color_section .plan-price span:first-child,



.color_section .plan-price span + span {



  color: #1a1a1a;



}



.color_section .price-table.style2 {



  background-color: #6ea200;



}



.color_section .plan-price p {



  color: #ffffff;



}



.color_section .features-list .enabled:before {



  color: #1a1a1a;



}



.color_section .features-list .disabled:before {



  color: #bcff2d;



}



.color_section .widget_tag_cloud a {



  border-color: #87c600;



}



.color_section .widget_tag_cloud a:hover {



  color: #343434 !important;



  background-color: #ffffff;



}



.color_section .widget_calendar caption,



.color_section .widget_calendar thead,



.color_section .widget_calendar tbody,



.color_section .widget_calendar tfoot,



.color_section .widget_calendar tbody td {



  border-color: #87c600;



}



.color_section .widget_calendar caption,



.color_section .widget_calendar thead {



  background-color: #6ea200;



}



.color_section .widget_calendar tbody td a {



  background-color: #19efd8;



  top: 0;



  right: 0;



  left: 0;



  bottom: 0;



}



.color_section .widget_calendar tbody td a:hover {



  background-color: #6ea200;



}



.color_section .nav > li > a,



.color_section .vertical-tabs .nav > li > a {



  border-color: #87c600;



}



.color_section .nav > li > a:hover,



.color_section .vertical-tabs .nav > li > a:hover {



  background-color: #6ea200;



}



.color_section .panel-group .panel-heading + .panel-collapse .panel-body {



  border-color: #87c600;



}



.color_section .nav-tabs > li > a,



.color_section .vertical-tabs .nav > li > a,



.color_section .panel-heading .panel-title > a {



  border-color: #87c600;



  background-color: #618e00;



  color: #ffffff;



}



.color_section .panel-heading .panel-title > a:hover {



  background-color: #19efd8;



  border-color: #19efd8;



}



.color_section .tab-content,



.color_section .panel-group .panel-heading + .panel-collapse .panel-body {



  background-color: #6ea200;



  border-color: #87c600;



}



.color_section .nav-tabs > li.active > a,



.color_section .vertical-tabs .nav > li.active a {



  background-color: #6ea200;



  border-color: #87c600;



}



.color_section .nav-tabs > li.active > a {



  border-bottom-color: #6ea200;



}



.color_section .nav-tabs > li.active > a:hover,



.color_section .nav-tabs > li.active > a:focus {



  color: #ffffff;



}



.color_section .vertical-tabs .nav > li.active a {



  color: #ffffff;



}



.color_section .vertical-tabs .nav > li.active a:after {



  border-left-color: #6ea200;



}



.color_section .vertical-tabs .nav > li.active a:before {



  border-left-color: #87c600;



}



.color_section .entry-meta,



.color_section .entry-tags,



.color_section .blog-single .entry-tags {



  border-color: #87c600 !important;



}



.color_section .entry-tags a:before, .color_section .entry-meta a:before, .color_section time:before, .color_section .reply a:before {



  color: #ffffff;



}



.color_section .entry-thumbnail img {



  background-color: #6ea200;



  border-color: #87c600;



}



.color_section .author-meta {



  background-color: #6ea200;



  border-color: #87c600;



}



.color_section .comments-area .media-object {



  background-color: #6ea200;



  border-color: #87c600;



}



.color_section .comments-area .media-body {



  background-color: #6ea200;



  border-color: #87c600;



}



.color_section .comment-meta {



  border-color: #87c600 !important;



}



@media (min-width: 768px) {



  .color_section .author-meta .col-sm-2 img {



    background-color: #7cb700;



    border-color: #87c600;



  }



}



.color_section #isotope_filters a {



  color: #ffffff;



  border-color: #87c600;



}



.color_section #isotope_filters a:hover {



  background-color: #ffffff;



  border-color: #ffffff;



  color: #343434;



}



.color_section .project-details p + p {



  border-color: #87c600;



}



.color_section .gallery-item .gallery-item-description {



  border-color: #87c600;



  background-color: #6ea200;



}



.color_section .gallery-image-links a {



  border-color: #98e000;



  color: #ffffff;



}



.color_section .gallery-image-links a:hover {



  background-color: #ffffff;



  border-color: #ffffff;



  color: #343434;



}







/*



**features



*/



#features h3 i {



  padding: 33px 20px;



  border: 1px solid #19efd8;



  border-radius: 100%;



  color: #19efd8;



  transition: all 0.6s ease-in-out 0s;



  -webkit-transition: all 0.6s ease-in-out 0s;



  -moz-transition: all 0.6s ease-in-out 0s;



  -o-transition: all 0.6s ease-in-out 0s;



  display: inline-block;



}







#features h3:hover i {



  -moz-transform: rotate(360deg);



  -ms-transform: rotate(360deg);



  -webkit-transform: rotate(360deg);



  -o-transform: rotate(360deg);



  transform: rotate(360deg);



}







/*



**boxed layout



*/



body.boxed {



  position: static;



  width: auto;



  height: auto;



}







body.pattern1 {



  background-image: url(../img/pattern1.png);



}







body.pattern2 {



  background-image: url(../img/pattern2.png);



}







body.pattern3 {



  background-image: url(../img/pattern3.png);



}







body.pattern4 {



  background-image: url(../img/pattern4.png);



}







.boxed .container {



  max-width: 100%;



  padding-left: 50px;



  padding-right: 50px;



}







.boxed #box_wrapper.container {



  padding: 0;



  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);



  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);



}







/*



animated elements



*/



.animated {



  /*IE7 fix*/



  visibility: visible !important;



}







/*



**template styles



*/



#header {



  background-color: rgba(255, 255, 255, 0.5);



  top: 0;



  left: 0;



  right: 0;



  position: relative;



  z-index: 10000;



}







#header.affix {



  position: fixed;



  background-color: #ffffff;



  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);



}







#header .navbar-brand {



  background: url(../imgtemp/Phase_5_Energy_logo) no-repeat scroll 0 0px;



}







#header .navbar-brand {



  padding: 10px 0;  /*Rob notes padding is height from top logo */



  font-size: 30px;



  color: #343434;



  height: auto;



}







@media (max-width: 991px) {



  #header .navbar-brand {



    display: none;



  }



}



#header .navbar-brand [class*="icon"] {



  background-color: #19efd8;
  font-size: 30px;
  color: #ffffff;
  border-radius: 100%;
  display: inline-block;
  width: 50px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: relative;
  left: -4px;
  padding: 0;
  top: auto;

  -webkit-transition: all 0.2s ease-in-out 0s;

  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;

}







#header .navbar-brand:hover [class*="icon"] {



  -webkit-transform: scaleX(-1);



  -moz-transform: scaleX(-1);



  -o-transform: scaleX(-1);



  -ms-transform: scaleX(-1);



  transform: scaleX(-1);



}







#header .navbar-brand span {



  color: #19efd8;



  text-transform: uppercase;



  margin-left: 60px;



  font-weight: bold;



}







/*flexslider mainslider styles*/



#mainslider .flex-control-nav {



 /* display: none;  rob notes this controls the image buttons selector*/



}



#mainslider .flexslider {
	top: 0px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);



}



#mainslider .flexslider:before,



#mainslider .flexslider:after {



  content: "";



  position: absolute;



  background: transparent;



  z-index: -2;



  bottom: 15px;



  left: 10px;



  width: 50%;



  height: 20%;



  max-width: 300px;







}



#mainslider .flexslider:after {



  right: 10px;



  left: auto;



  -webkit-transform: rotate(3deg);



  -moz-transform: rotate(3deg);



  -ms-transform: rotate(3deg);



  -o-transform: rotate(3deg);



  transform: rotate(3deg);



}



#mainslider .slide_description_wrapper {



	position: absolute;



	top: 0;



	bottom: 0;



	left: 7%;  /*Rob notes extinction text center code Dirsuptive*/



	height: 100%;



	width: 100%;

text-shadow: 2px 2px 1px #666;  /*text shadow of the main DISRUPTIVE text*/

}



#mainslider .slide_description_wrapper:before, #mainslider .slide_description {



  display: inline-block;



  vertical-align: middle;



}



#mainslider .slide_description_wrapper:before {



  content: '';



  display: inline-block;



  width: 0;



  height: 100%;



  vertical-align: middle;



  margin-left: 3.75em;

text-shadow: 2px 2px 1px #666;

}



#mainslider .highlight {



  color: #ffffff;



  padding: 0 5px 2px;



  display: inline-block;



}



#mainslider p:first-child {



	font-size: 40px;



	font-weight: 600;



	color: #ffffff;



	display: inline-block;



	padding-top: 0.2em;



	padding-right: 0.4em;



	padding-left: 0em;



	padding-bottom: 0.2em;



}



#mainslider h4 {



  font-size: 30px;



}



#mainslider h3 {



  font-size: 60px;



  line-height: 1;



  text-transform: uppercase;



  margin: 0 0 2px;



  padding: 0 0 2px;



  color: #ffffff;



  font-weight: 700;



  letter-spacing: 1px;



}



#mainslider h2 {



  text-transform: uppercase;



  color: #ffffff;



  font-weight: 900;



  font-size: 130px;



  letter-spacing: -3px;



  margin: 0 0 0 -0.04em;



}



#mainslider .theme_button {



  margin-top: 30px;



}







@media (max-width: 991px) {
    #mainslider .slide_description_wrapper {
        left: 15px;
         -moz-transform:    scale(0.5);
         -o-transform:      scale(0.5);
         -webkit-transform: scale(0.5);
         transform:         scale(0.5);
    }
}
@media (max-width: 767px) {
    #mainslider img {
        /*visibility: hidden;*/
        display: none;
    }
    #mainslider .slide_description_wrapper {
        position: static;
        text-align: center;
    }
}

#infoslider {
position: relative;
}
#infoslider:after {
content: '';
display: block;
position: absolute;
background-color: #fafafa;
top: 300px;
bottom: 0;
left: 0;
right: 0;
}
#infoslider .flexslider {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#infoslider .flexslider .slides {
}

#infoslider .flex-control-nav {bottom: 214px;}
@media (max-width: 700px) {
    #infoslider:after {
        top: 150px;
    }
    #infoslider .flex-control-nav {bottom: 200px;}
}



@media (max-width: 383px) {



  #mainslider p:first-child {



    line-height: 35px;



  }



}



#breadcrumbs {



  background-image: url(../img/background_section2.png);



}







#breadcrumbs h1 {



  margin: 0 0 -20px;



}







aside {



  width: 100%;



  border-radius: 3px;



  padding: 20px;



}







aside .widget a {



  color: #343434;



}







aside .widget a:hover {



  color: #19efd8;



}







@media (min-width: 768px) {



  /*sidebar with background*/



  #content.left-sidebar .col-lg-9 {



    padding-left: 30px;



  }







  #content.right-sidebar .col-lg-9 {



    padding-right: 30px;



  }



}



#partners-carousel {



  text-align: center;



}







#related-gallery-items-carousel {



  margin-top: 30px;



}







#progress {



  background-image: url(../example/parallax/progress.jpg);



}







#skills {



  background-image: url(../example/parallax/skills.jpg);



}







#mailus {



  background-image: url(../example/parallax/mailus.jpg);



}


#mailus2 {



  background-image: url(../example/parallax/mailus2.jpg);



}





#buy {



  background-image: url(../example/parallax/buy.jpg);



}







.height_parallax {



  height: 400px;



}







#copyright p {



  margin-bottom: 0;



}







#map {



  height: 400px;



}







#map img {



  max-width: inherit;



}







/*



**main menu (min 768px) styles



*/



@media (min-width: 768px) {



  /* menu layout */



  .sf-menu, .sf-menu ul {



    margin: 0;



    padding: 0;



    list-style: none;



  }







  .sf-menu li {



    position: relative;



  }







  .sf-menu ul {



    position: absolute;



    display: none;



    top: 100%;



    left: 0;



    z-index: 99;



  }







  .sf-menu > li {



    float: left;



  }







  .sf-menu li:hover > ul,



  .sf-menu li.sfHover > ul {



    display: block;



  }







  .sf-menu a {



    display: block;



    position: relative;



  }







  .sf-menu ul ul {



    top: -5px;



    left: 100%;



  }







  /* menu skin */



  .sf-menu {



    float: right;



  }







  .sf-menu ul {



    list-style: none;



    padding: 7px 0;



    background-color: rgba(255, 255, 255, 0.8);



    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);



    min-width: 12em;



    /* allow long menu items to determine submenu width */



    *width: 12em;



    /* no auto sub width for IE7, see white-space comment below */



  }







  .sf-menu ul li:hover {



    background-color: rgba(119, 171, 21, 0.3);



  }







  .sf-menu a {



    padding: .75em 1.1em;



    text-decoration: none;



    zoom: 1;



    /* IE7 */



  }







  .sf-menu a {
	color: #000000;



  }







  .affix .sf-menu a {
	color: #000000;


  }







  .sf-menu li {



    /*background: $lightColor;*/



    white-space: nowrap;



    /* no need for Supersubs plugin */



    *white-space: normal;



    /* ...unless you support IE7 (let it wrap) */



    -webkit-transition: background .2s;



    transition: background .2s;



  }







  .sf-menu > li > a {



    font-weight: bold;



    text-transform: uppercase;



    font-size: 12px;



    padding: 10px 10px;  /* controls height of menu from top of screen Rob */



    letter-spacing: 1px;



    -webkit-transition: all 0.2s ease-in-out;



    -moz-transition: all 0.2s ease-in-out;



    -o-transition: all 0.2s ease-in-out;



    -ms-transition: all 0.2s ease-in-out;



    transition: all 0.2s ease-in-out;



  }







  .sf-menu > li > a:hover,



  .sf-menu > li.active > a {
	color: #000000;
	background-color: #A6A5A5;  /*color for nav tabs navigation menu*/



  }







  .sf-menu ul a:hover {



    color: #343434;



    background-color: transparent;



  }







  .sf-menu li:hover,



  .sf-menu li.sfHover {



    /* only transition out, not in */



    -webkit-transition: none;



    transition: none;



  }







  /*** arrows (for all except IE7) **/



  .sf-arrows .sf-with-ul {



    padding-right: 2.5em;



    *padding-right: 1em;



    /* no CSS arrows for IE7 (lack pseudo-elements) */



  }







  /* styling for both css and generated arrows */



  .sf-arrows .sf-with-ul:after {



    font-family: 'fontello';



    content: '\e84a';



    position: absolute;



    right: 1.44em;



    height: 0;



    width: 0;



  }







  /*top menu level*/



  /* styling for right-facing arrows */



  .sf-arrows ul .sf-with-ul:after {



    content: '\e830';



  }



}



/*



**main menu mobile styles



*/



@media (max-width: 767px) {



  #header.mobile-active {



    bottom: 0;



  }







  #mainmenu_wrapper {



    /*position: relative;*/



    position: fixed;



    visibility: hidden;



    z-index: 10;



    top: 0;



    left: 0;



    bottom: 0;



    right: 0;



    background-color: transparent;



    opacity: 0;



    -webkit-transition: all 0.2s linear 0s;



    -moz-transition: all 0.2s linear 0s;



    -o-transition: all 0.2s linear 0s;



    -ms-transition: all 0.2s linear 0s;



    transition: all 0.2s linear 0s;



  }







  .mobile-active #mainmenu_wrapper {



    visibility: visible;



    opacity: 1;



    background-color: #111;



    background-color: rgba(0, 0, 0, 0.9);



  }







  #toggle_mobile_menu,



  #toggle_mobile_menu:before,



  #toggle_mobile_menu:after {



    display: block;



    position: absolute;



    content: '';



    width: 30px;



    height: 3px;



    background-color: #343434;



    z-index: 11;



  }







  #toggle_mobile_menu {



    -webkit-box-sizing: content-box;



    -moz-box-sizing: content-box;



    box-sizing: content-box;



    right: 0;



    top: 5px;



    cursor: pointer;



    border: 28px solid #ffffff;



    border-left-width: 15px;



    border-right-width: 15px;



    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);



  }







  #toggle_mobile_menu:before {



    top: -6px;



  }







  #toggle_mobile_menu:after {



    top: 6px;



  }







  .mobile-active #toggle_mobile_menu {



    position: fixed;



    right: 0;



    top: 0;



    background-color: #ffffff;



    border-color: #ffffff;



  }







  .mobile-active #toggle_mobile_menu:before {



    background-color: #ffffff;



  }







  .mobile-active #toggle_mobile_menu:after {



    font-family: 'rt-icons';



    content: "\e602";



    background-color: transparent;



    font-size: 40px;



    color: #343434;



    top: -8px;



    left: -5px;



  }







  .sf-menu {



    position: absolute;



    overflow: auto;



    background-color: #ffffff;



    top: 30px;



    left: 30px;



    bottom: 30px;



    right: 30px;



    padding: 20px;



    font-size: 1.2em;



    text-transform: uppercase;



    word-wrap: break-word;



  }







  .sf-menu a {



    color: #343434;



  }







  .sf-menu li:hover {



    background-color: rgba(119, 171, 21, 0.3);



  }







  .sf-menu ul {



    list-style: none;



    padding-left: 10px;



  }







  .sf-menu ul li a {



    display: block;



    padding: 10px;



    text-transform: none;



  }







  .sf-menu ul li a:before {



    content: '-';



    padding-right: 5px;



  }







  .sf-menu ul ul li a:before {



    content: '--';



    padding-right: 5px;



  }







  /*** arrows (for all except IE7) **/



  .sf-arrows .sf-with-ul {



    padding-right: 2.5em;



    *padding-right: 1em;



    /* no CSS arrows for IE7 (lack pseudo-elements) */



  }







  /* styling for both css and generated arrows */



  .sf-arrows .sf-with-ul:after {



    font-family: 'fontello';



    content: '\e82e';



    position: absolute;



    right: 1.44em;



    height: 0;



    width: 0;



    font-size: 20px;



  }







  /*top menu level*/



  .sf-arrows .sfHover > a,



  .sf-arrows .sfHover > a:hover {



    color: #ffffff;



    background-color: #343434;



  }



}



@media (max-width: 400px) {



  .sf-menu {



    top: 15px;



    left: 15px;



    bottom: 15px;



    right: 15px;



    padding: 15px 5px;



  }



}



/*



blog



*/



#post-blogs img {



  max-width: 100%;



  opacity: 1;



  transition: all 0.5s ease 0s;



}







.blog-posts {



  background: #f8f8f8;



}



.blog-posts figure {



  background-color: #19efd8;



  position: relative;



}



.blog-posts figure .effect-milo {



  overflow: hidden;



}



.blog-posts .date {



  text-align: center;



  background-color: #19efd8;



  left: 0;



  padding: 8px;



  position: absolute;



  top: 0;



  z-index: 9;



}



.blog-posts .date h3, .blog-posts .date h6 {



  color: #ffffff;



  margin: 0;



  text-align: center;



}



.blog-posts .likes-n-comments {



  background-color: rgba(0, 0, 0, 0.5);



  bottom: 0;



  color: #ffffff;



  height: 100%;



  left: 0;



  padding: 30px;



  position: absolute;



  transition: all 0.3s ease-out 0s;



  width: 100%;



}



.blog-posts .likes {



  margin-top: 20%;



  color: #ffffff;



  transition: all 0.3s ease 0s;



}



.blog-posts .more-btn {



  border: 2px solid #ffffff;



  color: #ffffff;



  transition: all 0.3s ease 0s;



  border-radius: 20px;



}



.blog-posts .more-btn:hover {



  background: transparent;



  border: 2px solid #19efd8;



  color: #19efd8;



  border-radius: 20px;



}







figure.effect-milo p {



  padding: 0 10px 0 0;



}







.blog-post-heading {



  margin: 12px 0 12px 10px;



  padding: 5px 0;



}







.blog-post-type:after, .blog-post-type:before {



  border: medium solid transparent;



  content: " ";



  height: 0;



  left: 100%;



  pointer-events: none;



  position: absolute;



  top: 50%;



  width: 0;



}







.blog-post-type:after {



  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #ffffff;



  border-width: 2px;



  margin-top: -2px;



}







.blog-post-type:before {



  border-color: rgba(127, 148, 161, 0) rgba(127, 148, 161, 0) rgba(127, 148, 161, 0) #acacac;



  border-width: 4px;



  margin-top: -4px;



}







.blog-post-type {



  border-right: 1px solid #acacac;



  display: inline-block;



  margin: 10px 0;



  padding-right: 20px;



  position: relative;



  vertical-align: text-bottom;



}







.blog-post-heading .fa {



  border-color: #19efd8;



  border-radius: 50%;



  border-style: solid;



  border-width: 4px;



  color: #19efd8;



  font-size: 24px;



  padding: 3px 4px;



}







.blog-post-title {



  display: inline-block;



  padding-left: 20px;



}



.blog-post-title h3 {



  color: #626161;



  font: 400 23px 'Lato',sans-serif;



}



.blog-post-title h6 {



  color: #878787;



  font: 400 14px 'Lato',sans-serif;



}







.blog-post-heading .fa-play {



  padding: 5px 5px 5px 10px;



}



.blog-post-heading .fa-bars {



  border-radius: 5px;



}



.blog-post-heading .fa-music {



  padding: 6px 8px;



}







.likes-n-comments a, .likes-n-comments p, .likes-n-comments {



  opacity: 0;



  transform: scale(0.5);



}







.blog-posts:hover .likes-n-comments a, .blog-posts:hover .likes-n-comments p, .blog-posts:hover .likes-n-comments {



  opacity: 1;



  transform: scale(1);



}







@media screen and (max-width: 320px) {



  .blog-posts .likes {



    margin-top: 6%;



  }



}



.blog-btn {



  background: #f8f8f8;



  border-radius: 5px;



  width: 100%;



  height: 51px;



  font-size: 15px;



  font-weight: 400;



  border: none;



}



.blog-btn:hover {



  background: #19efd8;



  color: #ffffff;



  border: none;



}



.blog-btn i {



  padding-left: 6px;



  font-size: 20px;



}







@media (max-width: 350px) and (min-width: 321px) {



  .blog-posts .likes-n-comments {



    padding-top: 0px;



  }



}



/*



**widgets



*/



.widget > h3,



.widget .widget-title {



  margin: 0 0 30px;



  text-transform: uppercase;



  letter-spacing: -1px;



}







aside .widget > h3,



aside .widget .widget-title {



  padding: 8px 0 10px 10px;



}







aside .widget + .widget {



  margin-top: 40px;



}







.widget ul {



  list-style: none;



  margin: 0;



  padding: 0;



}







.widget .widget-title span {



  color: #19efd8;



}







/*



widget_search,



widget_mailchimp



*/



.widget_search .form-inline .form-group,



.widget_mailchimp .form-inline .form-group {



  display: inline-block;



  vertical-align: top;



}







.widget_search input[type="text"],



.widget_mailchimp input[type="email"] {



  max-width: 210px;



  display: inline-block;



}







.widget_search .theme_button,



.widget_mailchimp .theme_button {



  font-size: 0;



  padding-left: 12px;



  padding-right: 12px;



}







.widget_search .theme_button:before,



.widget_mailchimp .theme_button:before {



  font-size: 16px;



  content: "\e65d";



  font-family: 'rt-icons';



}







.widget_mailchimp .theme_button:before {



  content: "\e70f";



}







/*



widget_recent_entries



widget_recent_comments



widget_archive



widget_categories



widget_meta



widget_nav_menu



widget_pages



*/



.widget_recent_comments li {



  padding: 15px 0;



}







.widget_recent_comments li:first-child {



  padding-top: 0;



}







.widget_recent_comments li:before {



  font-family: 'rt-icons';



  content: "\e675";



  font-size: 16px;



  line-height: 1;



  position: relative;



  top: 3px;



  padding-right: 10px;



  color: #343434;



}







.widget_recent_entries li,



.widget_recent_comments li,



.widget_archive li,



.widget_categories li,



.widget_meta li,



.widget_nav_menu li,



.widget_pages li {



  position: relative;



}







.widget_recent_entries li + li,



.widget_recent_comments li + li,



.widget_archive li + li,



.widget_categories li + li,



.widget_meta li + li,



.widget_nav_menu li + li,



.widget_pages li + li {



  border-top: 1px solid #e4e4e4;



}







.widget_recent_entries a,



.widget_archive a,



.widget_categories a,



.widget_meta a,



.widget_nav_menu a,



.widget_pages a {



  display: block;



  padding: 15px 0;



  position: relative;



}







.widget_recent_entries li:first-child a,



.widget_archive li:first-child a,



.widget_categories li:first-child a,



.widget_meta li:first-child a,



.widget_nav_menu li:first-child a,



.widget_pages li:first-child a {



  padding-top: 0;



}







.widget_recent_entries a:before,



.widget_archive a:before,



.widget_categories a:before,



.widget_meta a:before,



.widget_nav_menu a:before,



.widget_pages a:before {



  font-family: 'rt-icons';



  content: "\e627";



  padding-right: 10px;



  color: #19efd8;



}







.widget_archive span,



.widget_categories span {



  position: absolute;



  right: 0;



  top: 50%;



  margin-top: -10px;



}







.widget_archive li:first-child span,



.widget_categories li:first-child span {



  margin-top: -14px;



}







.widget_nav_menu ul ul {



  border-top: 1px solid #e4e4e4;



  padding-left: 20px;



}







.widget_nav_menu ul ul li:first-child a {



  padding-top: 15px;



}







@media (min-width: 768px) {



  #copyright .widget_nav_menu li {



    display: inline-block;



    position: relative;



    border: none;



    padding-right: 5px;



  }



  #copyright .widget_nav_menu li:before {



    content: '';



    position: absolute;



    padding: 0;



    left: -5px;



    top: 5px;



    bottom: 5px;



    width: 1px;



    background-color: #e4e4e4;



    opacity: 0.3;



    display: block;



  }



  #copyright .widget_nav_menu li:first-child:before {



    display: none;



  }



  #copyright .widget_nav_menu a {



    padding: 0 10px;



  }



  #copyright .widget_nav_menu a:before {



    display: none;



  }



}



/*widget_tag_cloud*/



.widget_tag_cloud a {



  border-radius: 5px;



  box-sizing: border-box;



  display: inline-block;



  height: 52px;



  margin: 0 auto;



  position: relative;



  width: 120px;



}







/*widget_flickr*/



.widget_flickr li {



  display: inline-block;



  margin: 0 5px 5px 0;



}







.widget_flickr img {



  max-width: 70px;



  padding: 5px;



  border: 1px solid #e4e4e4;



  border-radius: 3px;



}







/*widget_popular_entries*/



.widget_popular_entries .media-heading {



  line-height: 1;



}







.widget_popular_entries .media-heading a {



  color: #19efd8;



}







.widget_popular_entries .media-heading a:hover {



  color: #19efd8;



}







.widget_popular_entries .media-object {



  max-width: 60px;



  /*styles*/



  padding: 5px;



  border: 1px solid #e4e4e4;



  border-radius: 3px;



}







.widget_popular_entries .excerpt {



  display: none;



}







.widget_popular_entries li + li {



  margin-top: 15px;



  padding-top: 15px;



  border-top: 1px solid #e4e4e4;



}







.darkgrey_section .widget_popular_entries li + li {



  border-color: #575757;



}







/*widget_calendar*/



#calendar_wrap {



  width: 100%;



  margin-bottom: 15px;



  overflow-x: auto;



  overflow-y: hidden;



  -webkit-overflow-scrolling: touch;



  -ms-overflow-style: -ms-autohiding-scrollbar;



}







.widget_calendar table {



  width: 100%;



}







.widget_calendar caption,



.widget_calendar thead,



.widget_calendar tbody,



.widget_calendar tfoot {



  border: 1px solid #e4e4e4;



}







.widget_calendar caption {



  font-size: 1.3em;



  text-transform: uppercase;



  padding: 10px 0 2px;



  border-bottom: none;



  background-color: #f5f5f5;



  border-top-left-radius: 3px;



  border-top-right-radius: 3px;



}







.widget_calendar thead {



  border-top: none;



  background-color: #f5f5f5;



}







.widget_calendar tfoot {



  border-bottom-left-radius: 3px;



  border-bottom-right-radius: 3px;



}







.widget_calendar th {



  font-weight: normal;



  font-size: 1.1em;



}







.widget_calendar td, .widget_calendar th {



  text-align: center;



  padding: 8px;



  vertical-align: top;



}







.widget_calendar tbody td {



  border: 1px solid #e4e4e4;



  position: relative;



}







.widget_calendar tbody td a {



  display: block;



  position: absolute;



  top: -1px;



  right: -1px;



  bottom: -1px;



  left: -1px;



  padding: 8px;



  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);



  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);



}







.widget_calendar #prev a, .widget_calendar #next a {



  color: #19efd8;



}







.widget_calendar #prev a:hover, .widget_calendar #next a:hover {



  color: #19efd8;



}







.widget_calendar #prev a:before {



  font-family: 'fontello';



  content: '\e840';



  padding-right: 10px;



}







.widget_calendar #next a:after {



  font-family: 'fontello';



  content: '\e841';



  padding-left: 10px;



}







/*widget_twitter*/



.tweet_avatar {



  float: left;



}







.tweet_right {



  overflow: hidden;



  zoom: 1;



  margin-left: 60px;



}







.tweet_list li + li {



  margin-top: 10px;



  clear: both;



}







.tweet_list li + li .tweet_right {



  border-top: 1px solid #e4e4e4;



}







.tweet_list li + li .tweet_right, .tweet_list li + li .tweet_avatar {



  padding-top: 10px;



}







/*our skill*/



#skills .col-sm-6 span {



  margin-bottom: 10px;



  font-size: 15px;



}







/*



**shortcodes



*/



.teaser.with_image i {



  background: #19efd8;



  border-radius: 100%;



  color: #ffffff;



  font-size: 50px;



  height: 125px;



  margin: 15px 0;



  padding-top: 35px;



  width: 125px;



  transition: all 0.6s ease-in-out 0s;



  -webkit-transition: all 0.6s ease-in-out 0s;



  -moz-transition: all 0.6s ease-in-out 0s;



  -o-transition: all 0.6s ease-in-out 0s;



  display: inline-block;



}







.teaser.with_image:hover i {



  -moz-transform: rotate(360deg);



  -ms-transform: rotate(360deg);



  -webkit-transform: rotate(360deg);



  -o-transform: rotate(360deg);



  transform: rotate(360deg);



}




/* code for the mouse over below the spinning or rotating icons */


.teaser_description a {
	border: 3px solid #020202;
	padding: 10px 12px;
	border-radius: 5px;
	background: #f0f1ef; /*background color code for rounded box READ MORE */



}







.teaser_description a:hover {



  background: #020202;



  color: #ffffff;



}







.teaser {



  text-align: center;



}







.teaser_icon [class*="icon"] {



  font-size: 60px;



}







.teaser_icon i {



  font-size: 60px;



}







.side_teaser .pull-left [class*="icon"],



.side_teaser .pull-right [class*="icon"] {



  font-size: 50px;



}







.teaser.with_counter p.counter {



  font-size: 54px;



  margin: 35px 10px;



}







.testimonials-carousel {



  border: 1px solid #e4e4e4;



  padding: 30px 30px 40px;



  border-radius: 5px;



}



.testimonials-carousel .carousel-indicators {



  bottom: 10px;



}



.testimonials-carousel .carousel-control {



  display: none;



}



.testimonials-carousel .media-object {



  max-width: 80px;



  margin-bottom: 10px;



}



.testimonials-carousel .carousel-indicators li {



  border-color: #19efd8;



}



.testimonials-carousel .carousel-indicators li.active {



  background-color: #19efd8;



}







/*thumbnail TEAM*/



.thumbnail {



  position: relative;



  text-align: center;



  border: 1px solid #e4e4e4;



 /* border-bottom: 3px solid #19efd8;*/



  padding: 0 0;



  overflow: hidden;



}



.thumbnail i {



  font-size: 70px;



  color: #19efd8; 



  padding-top: 40px;



}



.thumbnail p {



  margin-bottom: 10px;



  font-size: 24px;



}



.thumbnail .caption {



  padding-top: 0px;



  color: inherit;



  position: absolute;



  height: auto;



  width: 100%;



  top: 0;



  bottom: 0;



  opacity: 0;



  border-top: 0px solid #FFFFFF;   /* was #19efd8 and this code puts a BAR that animates over the hover */



  background-color: #ffffff;



  -webkit-transform: translateY(100%);



  -moz-transform: translateY(100%);



  -ms-transform: translateY(100%);



  transform: translateY(100%);



  -webkit-backface-visibility: hidden;



  -moz-backface-visibility: hidden;



  backface-visibility: hidden;



  -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;



}



.thumbnail .caption p {



  padding-top: 30px;



  font-size: 13px;



}



.thumbnail:hover {



  border-bottom: 1px solid #e4e4e4;



}



.thumbnail:hover img {



  -webkit-transform: translateY(0px);



  -moz-transform: translateY(0px);



  -ms-transform: translateY(0px);



  transform: translateY(0px);



}



.thumbnail:hover .caption {



  opacity: .5;



  -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;



}







.thumbnail + h3 {
	text-align: center;
	font-size: 1.4em;
	margin: -10px 0 2px;
	color: #FFFFFF;



}







.thumbnail + h3 + p {
	text-align: center;
	color: #D4D4D3;



}







/*vertical tabs*/



.vertical-tabs .nav > li > a {



  border: 1px solid #e4e4e4;



  border-radius: 4px;



  margin-bottom: 3px;



  font-size: 16px;



  line-height: 1.7em;



}



.vertical-tabs .nav > li.active a {



  color: #343434;



}







@media (min-width: 768px) {



  .vertical-tabs .nav {



    margin-right: -25px;



  }



  .vertical-tabs .tab-content {



    border-radius: 5px;



  }



  .vertical-tabs .nav > li.active {



    position: relative;



    z-index: 2;



  }



  .vertical-tabs .nav > li.active a:after,



  .vertical-tabs .nav > li.active a:before {



    display: block;



    content: '';



    width: 9px;



    border-left: 9px solid #e4e4e4;



    border-top: 9px solid transparent;



    border-bottom: 9px solid transparent;



    height: 0;



    position: absolute;



    right: -9px;



    top: 50%;



    margin-top: -9px;



  }



  .vertical-tabs .nav > li.active a:after {



    border-left-color: #fff;



    border-left-width: 7px;



  }



}



/*price tables*/



.price-table,



.price-table ul {



  margin: 0;



  padding: 0;



  list-style: none;



  text-align: center;



}







.price-table {



  border: 1px solid #e4e4e4;



  border-radius: 5px;



  overflow: hidden;



}







.plan-name {



  border-bottom: 1px solid #e4e4e4;



  background-color: #f5f5f5;



  padding: 15px 0;



}







.plan-name h3 {



  margin: 0;



}







.plan-price {



  margin-top: 15px;



}



.plan-price span:first-child {



  font-size: 60px;



  line-height: 1em;



  color: #1a1a1a;



}



.plan-price span + span {



  font-size: 30px;



  line-height: 50px;



  position: relative;



  letter-spacing: -1px;



  top: -22px;



  color: #1a1a1a;



}



.plan-price p {



  display: inline;



  color: #343434;



  font-size: 40px;



  margin-left: -4px;



  letter-spacing: -1px;



}



.plan-price span + span + p {



  margin-left: -38px;



  font-size: 2em;



}







.features-list li {



  margin: 10px 20px;



  padding-top: 10px;



  border-top: 1px solid #e4e4e4;



}



.features-list .enabled:before,



.features-list .disabled:before {



  font-family: 'rt-icons';



  content: "\e600";



  padding-right: 8px;



  color: #19efd8;



}



.features-list .disabled:before {



  color: #343434;



  content: "\e602";



}







.contact-form-submit button {



  display: block;



  width: 120px;



  height: 52px;



  margin: 0 auto;



  position: relative;



  box-sizing: border-box;



  -moz-box-sizing: border-box;



  border-radius: 5px;



  float: left;



  box-shadow: none;



  border: none;



}







.call-to-action {



  margin: 20px 20px 30px;



}



.call-to-action a {



  display: block;



  width: 120px;



  height: 52px;



  margin: 0 auto;



  position: relative;



  box-sizing: border-box;



  -moz-box-sizing: border-box;



  border-radius: 5px;



}







.style2 {



  background-color: #f5f5f5;



}



.style2 .plan-name {



  background-color: #19efd8;



}



.style2 .plan-name h3 {



  color: #ffffff;



}



.style2 .theme_button {



  background-color: #343434;



  border-color: #343434;



  color: #ffffff;



}



.style2 .theme_button:hover {



  background-color: #19efd8;



  border-color: #19efd8;



}







/*contact form*/



.contact-form-respond {



  padding-left: 20px;



}







.contact-form-respond:before {



  font-family: 'rt-icons';



  content: "\e600";



  padding-right: 10px;



}







@media (max-width: 767px) {



  #cont .widget_contact {



    margin-top: 90px !important;



  }



}



/*



**plugins



*/



/* 



 *  Core Owl Carousel CSS File



 *  v1.3.3



 */



/* display none until init */



.owl-carousel {



  display: none;



  position: relative;



  width: 100%;



  -ms-touch-action: pan-y;



  /* clearfix */



  /* fix */



}



.owl-carousel .owl-wrapper:after {



  content: ".";



  display: block;



  clear: both;



  visibility: hidden;



  line-height: 0;



  height: 0;



}



.owl-carousel .owl-wrapper {



  display: none;



  position: relative;



  -webkit-transform: translate3d(0px, 0px, 0px);



}



.owl-carousel .owl-wrapper-outer {



  overflow: hidden;



  position: relative;



  width: 100%;



}



.owl-carousel .owl-wrapper-outer.autoHeight {



  -webkit-transition: height 500ms ease-in-out;



  -moz-transition: height 500ms ease-in-out;



  -ms-transition: height 500ms ease-in-out;



  -o-transition: height 500ms ease-in-out;



  transition: height 500ms ease-in-out;



}



.owl-carousel .owl-item {



  float: left;



}



.owl-carousel .owl-wrapper,



.owl-carousel .owl-item {



  -webkit-backface-visibility: hidden;



  -moz-backface-visibility: hidden;



  -ms-backface-visibility: hidden;



  -webkit-transform: translate3d(0, 0, 0);



  -moz-transform: translate3d(0, 0, 0);



  -ms-transform: translate3d(0, 0, 0);



}







.owl-controls {



  -webkit-user-select: none;



  -khtml-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



  -webkit-tap-highlight-color: transparent;



}



.owl-controls .owl-page,



.owl-controls .owl-buttons div {



  cursor: pointer;



}







/* mouse grab icon */



.grabbing {



  cursor: url(../img/grabbing.png) 8 8, move;



}







.owl-theme {



  /* preloading images */



  /* Clickable class fix problem with hover on touch devices */



  /* Use it for non-touch hover action */



  /*



  *   Owl Carousel Owl Demo Theme 



  *   v1.3.3



  */



}



.owl-theme .owl-item.loading {



  min-height: 150px;



  background: url(../img/AjaxLoader.gif) no-repeat center center;



}



.owl-theme .owl-controls.clickable .owl-buttons div:hover {



  filter: Alpha(Opacity=100);



  /*IE7 fix*/



  opacity: 1;



  text-decoration: none;



}



.owl-theme .owl-controls.clickable .owl-page:hover span {



  filter: Alpha(Opacity=100);



  /*IE7 fix*/



  opacity: 1;



}



.owl-theme .owl-controls {



  margin-top: 20px;



  text-align: center;



  margin-bottom: 60px;



  /* Styling Pagination*/



  /* If PaginationNumbers is true */



  /* Styling Next and Prev buttons */



}



.owl-theme .owl-controls .owl-page {



  display: inline-block;



  zoom: 1;



  *display: inline;



  /*IE7 life-saver */



}



.owl-theme .owl-controls .owl-page.active span,



.owl-theme .owl-controls .owl-page span {



  display: block;



  width: 12px;



  height: 12px;



  margin: 5px 7px;



  filter: Alpha(Opacity=50);



  /*IE7 fix*/



  opacity: 0.5;



  -webkit-border-radius: 20px;



  -moz-border-radius: 20px;



  border-radius: 20px;



  background-color: #19efd8;



}



.owl-theme .owl-controls .owl-page span.owl-numbers {



  height: auto;



  width: auto;



  color: #ffffff;



  padding: 2px 10px;



  font-size: 12px;



  -webkit-border-radius: 30px;



  -moz-border-radius: 30px;



  border-radius: 30px;



}



.owl-theme .owl-controls .owl-buttons div {



  display: inline-block;



  zoom: 1;



  *display: inline;



  /*IE7 life-saver */



  font-size: 0;



  color: transparent;



  width: 40px;



  height: 40px;



  text-align: center;



  margin: 0 5px;



  left: 10px;



  border-radius: 4px;



  border: 1px solid #e4e4e4;



  color: #343434;



  -webkit-transition: all 0.2s linear 0s;



  -moz-transition: all 0.2s linear 0s;



  -o-transition: all 0.2s linear 0s;



  -ms-transition: all 0.2s linear 0s;



  transition: all 0.2s linear 0s;



}



.owl-theme .owl-controls .owl-buttons div:hover {



  color: #ffffff;



  border-color: #19efd8;



  background-color: #19efd8;



}



.owl-theme .owl-controls .owl-buttons div.owl-next {



  right: 10px;



  left: auto;



}



.owl-theme .owl-controls .owl-buttons div:before {



  content: '\e82b';



  font-family: 'fontello';



  line-height: 40px;



  font-size: 20px;



}



.owl-theme .owl-controls .owl-buttons div.owl-next:before {



  content: '\e82c';



}







/**



 * BxSlider v4.1.2 - Fully loaded, responsive content slider



 * http://bxslider.com



 *



 * Written by: Steven Wanderski, 2014



 * http://stevenwanderski.com



 * (while drinking Belgian ales and listening to jazz)



 *



 * CEO and founder of bxCreative, LTD



 * http://bxcreative.com



 */



/* RESET AND LAYOUT



===================================*/



.bx-wrapper {



  position: relative;



  margin: 0 auto 60px;



  padding: 0;



  *zoom: 1;



}







.bx-wrapper img {



  max-width: 100%;



  display: block;



}







/* THEME



===================================*/



.bx-wrapper .bx-viewport {



  -moz-box-shadow: 0 0 5px #ccc;



  -webkit-box-shadow: 0 0 5px #ccc;



  box-shadow: 0 0 5px #ccc;



  border: 5px solid #ffffff;



  left: -5px;



  background-color: #ffffff;



  /*fix other elements on the page moving (on Chrome)*/



  -webkit-transform: translatez(0);



  -moz-transform: translatez(0);



  -ms-transform: translatez(0);



  -o-transform: translatez(0);



  transform: translatez(0);



}







.bx-wrapper .bx-pager,



.bx-wrapper .bx-controls-auto {



  position: absolute;



  bottom: -30px;



  width: 100%;



}







/* LOADER */



.bx-wrapper .bx-loading {



  min-height: 50px;



  background: url(images/bx_loader.gif) center center no-repeat #ffffff;



  height: 100%;



  width: 100%;



  position: absolute;



  top: 0;



  left: 0;



  z-index: 2000;



}







/* PAGER */



.bx-wrapper .bx-pager {



  text-align: center;



  font-size: .85em;



  font-family: Arial;



  font-weight: bold;



  color: #666;



  padding-top: 20px;



}







.bx-wrapper .bx-pager .bx-pager-item,



.bx-wrapper .bx-controls-auto .bx-controls-auto-item {



  display: inline-block;



  *zoom: 1;



  *display: inline;



}







.bx-wrapper .bx-pager.bx-default-pager a {



  background: #666;



  text-indent: -9999px;



  display: block;



  width: 10px;



  height: 10px;



  margin: 0 5px;



  outline: 0;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px;



}







.bx-wrapper .bx-pager.bx-default-pager a:hover,



.bx-wrapper .bx-pager.bx-default-pager a.active {



  background: #000;



}







/* DIRECTION CONTROLS (NEXT / PREV) */



.bx-wrapper .bx-prev {



  left: 10px;



  background: url(../img/controls.png) no-repeat 0 -32px;



}







.bx-wrapper .bx-next {



  right: 10px;



  background: url(../img/controls.png) no-repeat -43px -32px;



}







.bx-wrapper .bx-prev:hover {



  background-position: 0 0;



}







.bx-wrapper .bx-next:hover {



  background-position: -43px 0;



}







.bx-wrapper .bx-controls-direction a {



  position: absolute;



  top: 50%;



  margin-top: -16px;



  outline: 0;



  width: 32px;



  height: 32px;



  text-indent: -9999px;



  z-index: 9999;



}







.bx-wrapper .bx-controls-direction a.disabled {



  display: none;



}







/* AUTO CONTROLS (START / STOP) */



.bx-wrapper .bx-controls-auto {



  text-align: center;



}







.bx-wrapper .bx-controls-auto .bx-start {



  display: block;



  text-indent: -9999px;



  width: 10px;



  height: 11px;



  outline: 0;



  background: url(../img/controls.png) -86px -11px no-repeat;



  margin: 0 3px;



}







.bx-wrapper .bx-controls-auto .bx-start:hover,



.bx-wrapper .bx-controls-auto .bx-start.active {



  background-position: -86px 0;



}







.bx-wrapper .bx-controls-auto .bx-stop {



  display: block;



  text-indent: -9999px;



  width: 9px;



  height: 11px;



  outline: 0;



  background: url(../img/controls.png) -86px -44px no-repeat;



  margin: 0 3px;



}







.bx-wrapper .bx-controls-auto .bx-stop:hover,



.bx-wrapper .bx-controls-auto .bx-stop.active {



  background-position: -86px -33px;



}







/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {



  text-align: left;



  width: 80%;



}







.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {



  right: 0;



  width: 35px;



}







/* IMAGE CAPTIONS */



.bx-wrapper .bx-caption {



  position: absolute;



  bottom: 0;



  left: 0;



  background: #666 \9;



  background: rgba(80, 80, 80, 0.75);



  width: 100%;



}







.bx-wrapper .bx-caption span {



  color: #fff;



  font-family: Arial;



  display: block;



  font-size: .85em;



  padding: 10px;



}







/*



fraction slider



*/



/* SLIDER STYLES */



.slider-wrapper {



  position: relative;



  /*overflow:hidden;*/



  width: 100%;



  /*padding-bottom: 8px;*/



}







.slider {



  position: relative;



  width: 100%;



  /*  height:400px; when responsive, comment this out */



  margin: 0 auto;



}







.fraction-slider {



  position: relative;



  width: 100%;



  height: 100%;



  overflow: visible;



}







.fraction-slider .slide {



  display: none;



  width: 100%;



  height: 100%;



  position: absolute;



  z-index: 5000;



  overflow: hidden;



}







.fraction-slider .active-slide {



  z-index: 9999;



}







.fraction-slider .fs_obj {



  display: none;



  position: absolute;



  top: 0px;



  left: 100%;



  z-index: 7000;



}







.fraction-slider .fs_fixed_obj {



  z-index: 6000;



  left: 0;



}







.fraction-slider .fs_obj * {



  position: relative;



  top: 0px;



  left: 0px;



}







.fs_loader {



  width: 100%;



  height: 400px;



  background: url(../img/fs.spinner.gif) center center no-repeat transparent;



}







/** CONTROLS **/



.fraction-slider .prev,



.fraction-slider .next {



  display: none;



  position: absolute;



  width: 45px;



  height: 45px;



  z-index: 9999;



}







.fraction-slider .prev:before,



.fraction-slider .next:before {



  content: '\e833';



  font-family: 'fontello';



  position: absolute;



  top: 10px;



}







.fraction-slider .next:before {



  content: '\e834';



}







.fraction-slider .prev {



  left: 10px;



  top: 45%;



}







.fraction-slider .next {



  right: 10px;



  top: 185px;



}







.fraction-slider:hover .prev,



.fraction-slider:hover .next {



  display: block;



}







/** PAGER **/



.fs-pager-wrapper {



  position: absolute;



  left: 0;



  right: 0;



  bottom: -10px;



  height: 10px;



  text-align: center;



  z-index: 9999;



  background-color: #fbd81a;



}







.fs-pager-wrapper a {



  display: inline-block;



  width: 24px;



  height: 24px;



  border: 4px solid #fbd81a;



  position: relative;



  top: -8px;



  background-color: #ffffff;



  border-radius: 100%;



  margin: 0 5px 0 0;



}







.fs-pager-wrapper .active {



  background-color: #fbd81a;



}







.slider-wrapper {



  overflow: hidden;



}







.fraction-slider p {



  color: #ffffff;



  position: absolute;



  top: -200px;



  z-index: 8000;



  padding: 1% 2%;



  font-size: 18px;



  line-height: 100%;



  color: #ffffff;



  white-space: nowrap;



  text-transform: uppercase;



}







.fraction-slider p.big {



  font-size: 30px;



}







/*



flexslider



*/



/*



 * jQuery FlexSlider v2.2.0



 * http://www.woothemes.com/flexslider/



 *



 * Copyright 2012 WooThemes



 * Free to use under the GPLv2 license.



 * http://www.gnu.org/licenses/gpl-2.0.html



 *



 * Contributing author: Tyler Smith (@mbmufffin)



 */



/* Browser Resets



*********************************/



.flex-container a:active,



.flexslider a:active,



.flex-container a:focus,



.flexslider a:focus {



  outline: none;



}







.slides,



.flex-control-nav,



.flex-direction-nav {



  margin: 0;



  padding: 0;



  list-style: none;



}










/* Direction Nav */



.flex-direction-nav {



  *height: 0;



}







.flex-direction-nav a {



  text-decoration: none;



  display: block;



  width: 40px;



  height: 40px;



  margin: -20px 0 0;



  position: absolute;



  top: 50%;



  z-index: 10;



  overflow: hidden;



  opacity: 0;



  cursor: pointer;



  color: rgba(0, 0, 0, 0.8);



  border: 2px solid #19efd8;



  font-size: 0;



  color: transparent;



  text-align: center;



}







.flex-direction-nav .flex-prev {



  left: 10px;



}







.flex-direction-nav .flex-next {



  right: 10px;



  text-align: right;



}







.flexslider:hover .flex-prev {



  opacity: 0.7;



  left: 10px;



}







.flexslider:hover .flex-next {



  opacity: 0.7;



  right: 10px;



}







.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {



  opacity: 1;



}







.flex-direction-nav .flex-disabled {



  opacity: 0 !important;



  filter: alpha(opacity=0);



  cursor: default;



}







.flex-direction-nav a:before {



  font-family: "fontello";



  font-size: 20px;



  content: '\e833';



  color: #343434;



  position: absolute;



  top: 5px;



  left: 12px;



}







.flex-direction-nav a.flex-next:before {



  content: '\e834';



  left: 14px;



}







/* Pause/Play */



.flex-pauseplay a {



  display: block;



  width: 20px;



  height: 20px;



  position: absolute;



  bottom: 5px;



  left: 10px;



  opacity: 0.8;



  z-index: 10;



  overflow: hidden;



  cursor: pointer;



  color: #000;



}







.flex-pauseplay a:before {



  font-family: 'rt-icons';



  font-size: 20px;



  display: inline-block;



  content: "\e6a2";



}







.flex-pauseplay a:hover {



  opacity: 1;



}







.flex-pauseplay a.flex-play:before {



  content: "\e711";



}







/* Control Nav */



.flex-control-nav {



  width: 100%;



  position: absolute;



  bottom: 40px;



  text-align: center;



  z-index: 2;



}







.flex-control-nav li {



  margin: 0 3px;



  display: inline-block;



  zoom: 1;



  *display: inline;



}







.flex-control-paging li a {



  width: 18px;



  height: 18px;



  display: block;



  background: #19efd8;



  border: 2px solid #19efd8;



  cursor: pointer;



  text-indent: -9999px;



  -webkit-border-radius: 100%;



  -moz-border-radius: 100%;



  -o-border-radius: 100%;



  border-radius: 100%;



}







.flex-control-paging li a:hover {



  background-color: transparent;



  border: 2px solid #19efd8;



}







.flex-control-paging li a.flex-active {



  background-color: transparent;



  border: 2px solid #19efd8;



}







.flex-control-thumbs {



  margin: 5px 0 0;



  position: static;



  overflow: hidden;



}







.flex-control-thumbs li {



  width: 25%;



  float: left;



  margin: 0;



}







.flex-control-thumbs img {



  width: 100%;



  display: block;



  opacity: .7;



  cursor: pointer;



}







.flex-control-thumbs img:hover {



  opacity: 1;



}







.flex-control-thumbs .flex-active {



  opacity: 1;



  cursor: default;



}







@media screen and (max-width: 860px) {



  .flex-direction-nav .flex-prev {



    opacity: 1;



    left: 10px;



  }







  .flex-direction-nav .flex-next {



    opacity: 1;



    right: 10px;



  }



}



/*



prettyPhoto



*/



div.facebook .pp_expand {



  background: url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;



  cursor: pointer;



}







div.facebook .pp_expand:hover {



  background: url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;



  cursor: pointer;



}







div.facebook .pp_contract {



  background: url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;



  cursor: pointer;



}







div.facebook .pp_contract:hover {



  background: url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;



  cursor: pointer;



}







div.facebook .pp_close {



  width: 22px;



  height: 22px;



  background: url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;



  cursor: pointer;



  z-index: 3000;



}







div.facebook .pp_description {



  margin: 0 37px 0 0;



}







div.facebook .pp_loaderIcon {



  background: url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat;



}







div.facebook .pp_arrow_previous {



  background: url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;



  height: 22px;



  margin-top: 0;



  width: 22px;



}







div.facebook .pp_arrow_previous.disabled {



  background-position: 0 -96px;



  cursor: default;



}







div.facebook .pp_arrow_next {



  background: url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;



  height: 22px;



  margin-top: 0;



  width: 22px;



}







div.facebook .pp_arrow_next.disabled {



  background-position: -32px -96px;



  cursor: default;



}







div.facebook .pp_nav {



  margin-top: 0;



}







div.facebook .pp_nav p {



  font-size: 15px;



  padding: 0 3px 0 4px;



  margin-top: -2px;



}







div.facebook .pp_nav .pp_play {



  background: url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;



  height: 22px;



  width: 22px;



}







div.facebook .pp_nav .pp_pause {



  background: url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;



  height: 22px;



  width: 22px;



}







div.facebook .pp_next:hover {



  background: url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;



  cursor: pointer;



}







div.facebook .pp_previous:hover {



  background: url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;



  cursor: pointer;



}







div.pp_pic_holder a:focus {



  outline: none;



}







div.pp_overlay {



  background: #000;



  display: none;



  left: 0;



  position: absolute;



  top: 0;



  width: 100%;



  z-index: 9500;



}







div.pp_pic_holder {



  display: none;



  position: absolute;



  width: 100px;



  z-index: 10000;



}







.pp_content {



  height: 40px;



  min-width: 40px;



  overflow: hidden;



}







* html .pp_content {



  width: 40px;



}







.pp_content_container {



  position: relative;



  text-align: left;



  width: 100%;



}







.pp_content_container .pp_left {



  padding-left: 20px;



}







.pp_content_container .pp_right {



  padding-right: 20px;



}







.pp_content_container .pp_details {



  float: left;



  /*margin:10px 0 2px;*/



  padding: 7px 10px;



  background-color: #ffffff;



}







.pp_description {



  display: none;



  margin: 0;



}







.pp_social {



  float: left;



  margin: 0;



}







.pp_social .facebook {



  float: left;



  margin-left: 5px;



  width: auto;



  overflow: hidden;



}







.pp_social .twitter {



  float: left;



}







.pp_nav {



  clear: right;



  float: left;



  margin: 3px 10px 0 0;



}







.pp_nav p {



  float: left;



  white-space: nowrap;



  margin: 2px 4px;



}







.pp_nav .pp_play, .pp_nav .pp_pause {



  float: left;



  margin-right: 4px;



  text-indent: -10000px;



}







a.pp_arrow_previous, a.pp_arrow_next {



  display: block;



  float: left;



  height: 15px;



  margin-top: 3px;



  overflow: hidden;



  text-indent: -10000px;



  width: 14px;



}







.pp_hoverContainer {



  position: absolute;



  top: 0;



  width: 100%;



  z-index: 2000;



}







.pp_gallery {



  display: none;



  left: 50%;



  margin-top: -50px;



  position: absolute;



  z-index: 10000;



}







.pp_gallery div {



  float: left;



  overflow: hidden;



  position: relative;



}







.pp_gallery ul {



  float: left;



  height: 35px;



  position: relative;



  white-space: nowrap;



  margin: 0 0 0 5px;



  padding: 0;



}







.pp_gallery ul a {



  border: 1px rgba(0, 0, 0, 0.5) solid;



  display: block;



  float: left;



  height: 33px;



  overflow: hidden;



}







.pp_gallery ul a img {



  border: 0;



}







.pp_gallery li {



  display: block;



  float: left;



  margin: 0 5px 0 0;



  padding: 0;



}







.pp_gallery li.default a {



  background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;



  display: block;



  height: 33px;



  width: 50px;



}







.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {



  margin-top: 7px !important;



}







a.pp_next {



  background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;



  display: block;



  float: right;



  height: 100%;



  text-indent: -10000px;



  width: 49%;



  -webkit-transition: none;



  -moz-transition: none;



  -o-transition: none;



  -ms-transition: none;



  transition: none;



}







a.pp_previous {



  background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;



  display: block;



  float: left;



  height: 100%;



  text-indent: -10000px;



  width: 49%;



  -webkit-transition: none;



  -moz-transition: none;



  -o-transition: none;



  -ms-transition: none;



  transition: none;



}







a.pp_expand, a.pp_contract {



  cursor: pointer;



  display: none;



  height: 20px;



  position: absolute;



  right: 30px;



  text-indent: -10000px;



  top: 10px;



  width: 20px;



  z-index: 20000;



}







a.pp_close {



  position: absolute;



  right: 6px;



  top: -16px;



  display: block;



  line-height: 22px;



  text-indent: -10000px;



}







.pp_loaderIcon {



  display: block;



  height: 24px;



  left: 50%;



  position: absolute;



  top: 50%;



  width: 24px;



  margin: -12px 0 0 -12px;



}







#pp_full_res {



  line-height: 1 !important;



}







#pp_full_res .pp_inline {



  text-align: left;



}







#pp_full_res .pp_inline p {



  margin: 0 0 15px;



}







div.ppt {



  color: #ffffff;



  display: none;



  font-size: 17px;



  z-index: 9999;



  margin: 0 0 5px 15px;



}







.pp_top, .pp_bottom {



  height: 20px;



  position: relative;



}







* html .pp_top, * html .pp_bottom {



  padding: 0 20px;



}







.pp_top .pp_left, .pp_bottom .pp_left {



  height: 20px;



  left: 0;



  position: absolute;



  width: 20px;



}







.pp_top .pp_middle, .pp_bottom .pp_middle {



  height: 20px;



  left: 20px;



  position: absolute;



  right: 20px;



}







* html .pp_top .pp_middle, * html .pp_bottom .pp_middle {



  left: 0;



  position: static;



}







.pp_top .pp_right, .pp_bottom .pp_right {



  height: 20px;



  left: auto;



  position: absolute;



  right: 0;



  top: 0;



  width: 20px;



}







.pp_fade, .pp_gallery li.default a img {



  display: none;



}







/*



easy pie chart



*/



.chart {



  position: relative;



  display: inline-block;



  width: 160px;



  height: 160px;



  margin-top: 20px;



  margin-bottom: 50px;



  text-align: center;



}







.chart canvas {



  position: absolute;



  top: 0;



  left: 0;



}







.percent {



  display: inline-block;



  font-size: 2em;



  color: #343434;



  line-height: 160px;



  z-index: 2;



}







.percent:after {



  content: '%';



  margin-left: 0.1em;



  font-size: .8em;



}







.angular {



  margin-top: 100px;



}







.angular .chart {



  margin-top: 0;



}







/* 



totop 



*/



#toTop {



  bottom: 20px;



  right: 20px;



  display: none;



  width: 40px;



  height: 40px;



  overflow: hidden;



  position: fixed;



  text-decoration: none;



  z-index: 9999;



  font-size: 0;



  color: transparent;



  background-color: #1a1a1a;



  border-radius: 3px;



}







#toTop:after {



  color: #ffffff;



  content: '\e83f';



  font-size: 22px;



  line-height: 35px;



  font-family: 'fontello';



  text-align: center;



  display: block;



  position: absolute;



  top: 0;



  right: 0;



  bottom: 0;



  left: 0;



  -webkit-transition: all 0.2s linear;



  -moz-transition: all 0.2s linear;



  -o-transition: all 0.2s linear;



  -ms-transition: all 0.2s linear;



  transition: all 0.2s linear;



}







#toTopHover, #toTop:hover {



  background-color: #19efd8;



  bottom: 23px;



}







#toTop:hover:after {



  color: #ffffff;



}







#toTop:active, #toTop:focus {



  outline: medium none;



}







/*



isotope portfolio



*/



#isotope_filters {



  text-align: center;



  margin: 30px 0 30px;



}







#isotope_filters a {



  border-radius: 5px;



  box-sizing: border-box;



  display: inline-block;



  height: 52px;



  margin: 0 auto;



  position: relative;



  width: 120px;



}







.gallery-item {



  padding: 0;



  overflow: hidden;



  position: relative;



  max-width: 100%;



}







.gallery-item-description {



  position: absolute;



  overflow: hidden;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  padding: 35px;



  text-align: center;



}







@media (max-width: 400px) {



  .gallery-item-description h3 {



    font-size: 14px;



  }







  .gallery-item-description p {



    font-size: 12px;



  }



}



.gallery-item-description h3 {



  font-weight: bold;



}







.gallery-item img {



  -webkit-transform: scaleY(1);



  -moz-transform: scaleY(1);



  -o-transform: scaleY(1);



  -ms-transform: scaleY(1);



  transform: scaleY(1);



  -webkit-transition: all 0.7s ease-in-out;



  -moz-transition: all 0.7s ease-in-out;



  -o-transition: all 0.7s ease-in-out;



  -ms-transition: all 0.7s ease-in-out;



  transition: all 0.7s ease-in-out;



}







.gallery-image-links a {



  width: 50px;



  height: 50px;



  z-index: 3;



  display: inline-block;



  line-height: 50px;



  border: 1px solid #e4e4e4;



  color: #7f7f7f;



  font-size: 22px;



  border-radius: 5px;



  text-align: center;



  position: absolute;



  bottom: -60px;



  right: 11px;



  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



  -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



  -ms-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



}







.gallery-image-links a:hover {



  background: #19efd8;



  color: #19efd8;



  border: none;



}







.gallery-item-description a {



  color: #19efd8;



}







.gallery-item-description a:hover {



  color: #19efd8;



  background-color: none;



  border-color: #19efd8;



}







.gallery-image-links a.p-link {



  right: 71px;



  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



  -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



  -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



  -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



}







.gallery-item:hover .gallery-image-links a {



  bottom: 10px;



}







.project-details h4 {



  margin-top: 0;



}



.project-details p span {



  font-weight: 700;



}



.project-details p + p {



  border-top: 1px solid #e4e4e4;



  padding-top: 15px;



}



.project-details p:last-child {



  border: none;



}







/*



isotope animations



*/



.isotope,



.isotope .isotope-item {



  /* change duration value to whatever you like */



  -webkit-transition-duration: 0.6s;



  -moz-transition-duration: 0.6s;



  -ms-transition-duration: 0.6s;



  -o-transition-duration: 0.6s;



  transition-duration: 0.6s;



}







.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;



}







/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition,



.isotope.no-transition .isotope-item,



.isotope .isotope-item.no-transition {



  -webkit-transition-duration: 0s;



  -moz-transition-duration: 0s;



  -ms-transition-duration: 0s;



  -o-transition-duration: 0s;



  transition-duration: 0s;



}







/*



portfolio



*/



.gallery-item .overlay a.folio-detail, .gallery-item .overlay {



  opacity: 0;



  transform: scale(0.5);



  -moz-transform: scale(0.5);



  -ms-transform: scale(0.5);



  -webkit-transform: scale(0.5);



  -o-transform: scale(0.5);



}







.gallery-item .overlay {



  background-color: #19efd8;



  bottom: 0;



  color: #ffffff;



  height: 100%;



  left: 0;



  padding: 30px;



  position: absolute;



  transition: all 0.3s ease-out 0s;



  -webkit-transition: all 0.3s ease-out 0s;



  -moz-transition: all 0.3s ease-out 0s;



  -o-transition: all 0.3s ease-out 0s;



  width: 100%;



}







.gallery-item:hover .overlay a.folio-detail, .gallery-item:hover .overlay {



  opacity: 0.8;



  transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -webkit-transform: scale(1);



  -o-transform: scale(1);



}







.gallery-item:hover img {



  transform: scale(1.2);



  -moz-transform: scale(1.2);



  -ms-transform: scale(1.2);



  -webkit-transform: scale(1.2);



  -o-transform: scale(1.2);



}







.gallery-item .overlay .white-box:before {



  background-color: #ffffff;



  content: "";



  height: 80%;



  left: 10%;



  position: absolute;



  top: 10%;



  width: 80%;



}







.gallery-item:hover .overlay .white-box:before {



  opacity: 0.5;



}







#portfolio .overlay .folio-detail .fa {



  font-size: 40px;



}







#portfolio .gallery-item:hover .overlay .folio-detail .fa:hover {



  opacity: 1;



}







#portfolio .overlay .folio-detail .fa:hover {



  color: #1a1a1a;



}







#portfolio .overlay i {



  display: block;



  color: #ffffff;



}







#portfolio .overlay a.folio-detail {



  position: absolute;



  left: 0;



  right: 0;



  font-size: 60px;



  top: 43%;



  transition: all 0.3s ease-out 0.1s;



}







@media (max-width: 1199px) {



  #portfolio .overlay .folio-detail .fa {



    font-size: 30px;



  }



}



@media (max-width: 767px) {



  #portfolio .overlay .folio-detail .fa {



    font-size: 40px;



  }



}



/*switcher styles*/



#switcher {



  position: fixed;



  padding: 0 10px 0 20px;



  top: 30%;



  left: -200px;



  width: 200px;



  height: 350px;



  background-color: #ffffff;



  z-index: 12500;



  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);



  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);



  -webkit-transition: all 0.6s ease;



  -moz-transition: all 0.6s ease;



  -o-transition: all 0.6s ease;



  -ms-transition: all 0.6s ease;



  transition: all 0.6s ease;



}







#switcher.active {



  left: 0;



}







#switcher span {



  -webkit-box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.2);



  box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.2);



  display: block;



  position: absolute;



  width: 50px;



  height: 50px;



  line-height: 50px;



  color: #1a1a1a;



  background-color: #ffffff;



  text-align: center;



  right: -50px;



  top: 0;



  cursor: pointer;



}







#switcher li {



  margin-bottom: 10px;



}







#switcher p {



  margin-top: -7px;



}







#switcher-version a {



  padding: 6px 12px;



  display: inline-block;



  line-height: 1;



}







#switcher-version a.light, #switcher-version a.dark:hover {



  background-color: #f1f1f1;



  color: #1a1a1a;



}







#switcher-version a.dark, #switcher-version a.light:hover {



  background-color: #343434;



  color: #ffffff;



}







#switcher-colors a {



  display: inline-block;



  width: 40px;



  height: 40px;



  background-color: #19efd8;



}







#switcher-colors a.color2 {



  background-color: #c5e316;



}







#switcher-colors a.color3 {



  background-color: #387000;



}







/*# sourceMappingURL=main.css.map */