/* -----------------------------------------------------------
[Master Stylesheet]

Project: Prevrat HTML5 Template
Version:	1.0
Created:	16/12/2014
Author: entiri s.r.o.
-----------------------------------------------------------	*/
    
/* ---------------- Table of Contents ------------------------

  Base
  Typography
  Spaces
  Header
  Services
  About
  Works / Projects
  Blog
  Comments
  Blog Detail
  Form
  Contact
  Contact Form
  Product Widget
  Table
  Shop - Checkout
  Portfolio Isotope - Filter
  Portfolio Isotope
  Breadcrumb    
  Navigation
  Dropdown 
  Mobile Menu
  Buttons  
  Tags  
  Progress Bar
  Accordion  
  Tabs  
  Alerts  
  Client Says
  Lists  
  Boxes 
  Icons  
  Typicons  
  Social Icons
  Map
  Lists  
  Footer  
  Back To Top Button

-----------------------------------------------------------	*/


/* --------------------------------------------------------	*/
/*  Base  */
/* --------------------------------------------------------	*/

html {
	overflow-y:scroll;
  overflow-x:hidden;
}

body {             
  font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 22px;
  color:#ffffff;
/*  background:url("../img/bg-1.png") #000;
  -webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;*/
}
  
.bold, .strong {
  font-weight:bold;
}

.normal {
  font-weight:normal;
}

img {
  width:100%;
}

/* --------------------------------------------------------	*/
/*  Typography  */
/* --------------------------------------------------------	*/

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight:500;
  line-height:1.4em;
  text-align:left;
  color:#E64113;    
  padding:0px;
  margin:0px;
  margin-bottom:15px;
  text-transform:uppercase; 
  clear:both;
}

h1 {
  font-size:48px;
  color:#fff; 
  line-height:1em;
}

.h2-container {
  position:relative;
  display:block;
  text-align:center;
}

.h2-container .h2-inner {
  position:relative;                                                
  display:inline-block;
  top:-37px;
  float:none;
  background: #e86c00; /* Old browsers */
background: -moz-linear-gradient(top,  #e86c00 0%, #ff1a00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e86c00), color-stop(100%,#ff1a00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e86c00 0%,#ff1a00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e86c00 0%,#ff1a00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e86c00 0%,#ff1a00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e86c00 0%,#ff1a00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e86c00', endColorstr='#ff1a00',GradientType=0 ); /* IE6-9 */

  -webkit-transform: skew(-30deg, 0deg);
      -ms-transform: skew(-30deg, 0deg);
       -o-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
}

.h2-container .h2-inner h2 {
  float:left;
  font-size:24px;
  color:#fff; 
  padding:20px 40px;
  margin:0px;
  -webkit-transform: skew(30deg, 0deg);
      -ms-transform: skew(30deg, 0deg);
       -o-transform: skew(30deg, 0deg);
          transform: skew(30deg, 0deg);
}

h3 {
  font-size:20px; 
}

h4 {
  font-size:16px;   
   color: #E64113;
}

h5 {
  font-size:14px; 
}   

h6 {
  font-size:13px;
}   

hr {
  background:#606060;
  height:1px;
  border:0px;
  margin:0px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter:alpha(opacity=20);
  -khtml-opacity:0.2; 
    -moz-opacity:0.2;   
         opacity:0.2; 
}

p {
  margin:0px 0px 15px 0px;
} 

p.blanco{
   margin:0px 0px 15px 0px; 
    color:#000;
}

blockquote {   
  position:relative;   
  font-size:15px;
  line-height:20px;
  font-style:italic;  
  padding:0px 20px;
  border-left:5px solid #00b5ca; 
  clear:both;
}

a {
  color:#474747;
  text-decoration:none;
}

a:hover {
  color:#ca6400;
  text-decoration:none;
}

/* --------------------------------------------------------	*/
/*	Spaces  */
/* --------------------------------------------------------	*/
        
.space5 {
  height:5px;
  clear:both;
}

.space10 {
  height:10px;
  clear:both;
}

.space15 {
  height:15px;
  clear:both;
}

.space20 {
  height:20px;
  clear:both;
}

.space25 {
  height:25px;
  clear:both;
}

.space30 {
  height:30px;
  clear:both;
}

.space35 {
  height:35px;
  clear:both;
}

.space40 {
  height:40px;
  clear:both;
}

.space45 {
  height:45px;
  clear:both;
}

.space50 {
  height:50px;
  clear:both;
}

.space55 {
  height:55px;
  clear:both;
}

.space60 {
  height:60px;
  clear:both;
}

.space65 {
  height:65px;
  clear:both;
}

.space70 {
  height:70px;
  clear:both;
}

.space75 {
  height:75px;
  clear:both;
}

.space80 {
  height:80px;
  clear:both;
}

.space85 {
  height:85px;
  clear:both;
}

.space90 {
  height:90px;
  clear:both;
}

.space95 {
  height:95px;
  clear:both;
}

.space100 {
  height:100px;
  clear:both;
}

.space110 {
  height:110px;
  clear:both;
}

.space120 {
  height:120px;
  clear:both;
}

.space130 {
  height:130px;
  clear:both;
}

.space150 {
  height:150px;
  clear:both;
}

.space200 {
  height:200px;
  clear:both;
}

.space250 {
  height:250px;
  clear:both;
}

.space300 {
  height:300px;
  clear:both;
}

/* --------------------------------------------------------	*/
/*  Header  */
/* --------------------------------------------------------	*/

.logo-container {
  position:relative;
  float:left;
  background:#fff;
  -webkit-transform: skew(30deg, 0deg);
      -ms-transform: skew(30deg, 0deg);
       -o-transform: skew(30deg, 0deg);
          transform: skew(30deg, 0deg);
}  

.logo-container2 {
  position:relative;
  float:left;
  background:#fff;
  -webkit-transform: skew(30deg, 0deg);
      -ms-transform: skew(30deg, 0deg);
       -o-transform: skew(30deg, 0deg);
          transform: skew(30deg, 0deg);
}  

.logo {
  width:auto;      
  padding:20px;
  -webkit-transform: skew(-30deg, 0deg);
      -ms-transform: skew(-30deg, 0deg);
       -o-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
}  
        
.top-container {
  margin-top:-85px;
  overflow:hidden;
}  

.top-container p {
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-size:16px;
  margin-top:30px;
  padding-top:15px;
  text-transform:uppercase;  
  color:#E64113;
}  

.top-container p:after {
  position: absolute;
  left:0px;
  top: 0px;
  width: 40px;
  height: 1px;
  content: '\a0';
  background-color: #fff;
  overflow: hidden;
}

/* --------------------------------------------------------	*/
/*  Services  */
/* --------------------------------------------------------	*/

.services {
  position:relative;
    background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}  

.service {
  position:relative;
  background:#000;
} 

.service > .img-container {
  position:relative;
  border-bottom:1px solid #ebebeb;
} 

.service > .img-container > img {
  position:relative;
  z-index:10;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -khtml-opacity: 0;
    -moz-opacity: 0;
         opacity: 0;
          filter: alpha(opacity=0); 
  -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
      -ms-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
} 

.service:hover > .img-container > img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -khtml-opacity: 1;
    -moz-opacity: 1;
         opacity: 1;
          filter: alpha(opacity=100); 
} 

.service > .img-container > i {
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  width:50px;
  height:50px;
  margin-top:-25px;
  margin-left:-25px;
  font-size:50px;
  line-height:50px;
  color:#b0b0b0;
  text-align:center;
  z-index:5;
} 

.service > .title-container {
  display:block;
  position:relative;
  text-align:center;
} 

.service > .title-container > h4 {
  display:inline-block;
  position:relative;
  top:-27px;
  margin:0px;
  background:#474747;
  z-index:15;
  -webkit-transform: skew(30deg, 0deg);
      -ms-transform: skew(30deg, 0deg);
       -o-transform: skew(30deg, 0deg);
          transform: skew(30deg, 0deg);
} 

.service > .title-container > h4 > a {
  display:inline-block;
  font-size:14px;
  line-height:50px;
  color:#fff;
  padding:0px 20px;
  -webkit-transform: skew(-30deg, 0deg);
      -ms-transform: skew(-30deg, 0deg);
       -o-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
} 

.service > .title-container > h4:hover {
  background:#00b4c9;
} 

.service > p {
  padding:0px 30px 30px 30px;
  text-align:center;
  line-height:20px;
} 

/* --------------------------------------------------------	*/
/*  About  */
/* --------------------------------------------------------	*/

.about {
  position:relative;
  background-color:rgba(0, 0, 0, 0.9);
}  

.about > .title-container {
  display:block;
  position:relative;
  text-align:center;
} 
.about > .title-container2 {
  display:block;
  position:relative;
  text-align:center;
    top:235px;
} 

.about > .title-container3 {
  display:block;
  position:relative;
  text-align:center;
    margin-top:10px;
} 

.about > .title-container > h4 {
  display:inline-block;
  position:relative;
  top:-20px;
  margin:0px;
  background:#E64113;
  -webkit-transform: skew(30deg, 0deg);
      -ms-transform: skew(30deg, 0deg);
       -o-transform: skew(30deg, 0deg);
          transform: skew(30deg, 0deg);
} 
.about > .title-container2 > h4 {
  display:inline-block;
  position:relative;
  top:-20px;
  margin:0px;
  background:#E64113;
  -webkit-transform: skew(30deg, 0deg);
      -ms-transform: skew(30deg, 0deg);
       -o-transform: skew(30deg, 0deg);
          transform: skew(30deg, 0deg);
} 

.about > .title-container3 > h4 {
  display:inline-block;
  position:relative;
  top:-20px;
  margin:0px;
  background:#E64113;
  -webkit-transform: skew(30deg, 0deg);
      -ms-transform: skew(30deg, 0deg);
       -o-transform: skew(30deg, 0deg);
          transform: skew(30deg, 0deg);
} 
.about > .title-container > h4 > a {
  display:inline-block;
  font-size:14px;
  line-height:50px;
  color:#fff;
  padding:0px 20px;
  -webkit-transform: skew(-30deg, 0deg);
      -ms-transform: skew(-30deg, 0deg);
       -o-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
} 

.about > .title-container2 > h4 > a {
  display:inline-block;
  font-size:14px;
  line-height:50px;
  color:#fff;
  padding:0px 20px;
  -webkit-transform: skew(-30deg, 0deg);
      -ms-transform: skew(-30deg, 0deg);
       -o-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
} 

.about > .title-container3 > h4 > a {
  display:inline-block;
  font-size:14px;
  line-height:50px;
  color:#fff;
  padding:0px 20px;
  -webkit-transform: skew(-30deg, 0deg);
      -ms-transform: skew(-30deg, 0deg);
       -o-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
} 

.about > .title-container > h4:hover {
  background:#ff6600;
} 

.about > .title-container2 > h4:hover {
  background:#ff6600;
} 

.about > .title-container3 > h4:hover {
  background:#ff6600;
}

.about > p {
  padding:10px 30px 30px 30px;
  text-align:center;
  line-height:20px;
} 

/* --------------------------------------------------------	*/
/*  Works / Projects  */
/* --------------------------------------------------------	*/

.works {
  position:relative;
  background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fff 0%,#fff 46%,#fff 50%,#fff 53%,#fff 76%,#fff 87%,#fff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */

}  

.project {
  position:relative;
  background:#000;
} 

.project .img-container {
  overflow:hidden;
} 

.project .img-container img {
  opacity:0.8;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);  
  -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
      -ms-transition: all .4s ease-in-out;
       -o-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
} 

.project:hover img {
  opacity:1;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);  
} 

.project > .title-container {
  display:block;
  position:relative;
  text-align:center;
} 

.project > .title-container > h4 {
  display:inline-block;
  position:relative;
  top:-20px;
  margin:0px;
  background:#E64113;
  -webkit-transform: skew(30deg, 0deg);
      -ms-transform: skew(30deg, 0deg);
       -o-transform: skew(30deg, 0deg);
          transform: skew(30deg, 0deg);
} 

.project > .title-container > h4 > a {
  display:inline-block;
  font-size:14px;
  line-height:50px;
  color:#fff;
  padding:0px 20px;
  -webkit-transform: skew(-30deg, 0deg);
      -ms-transform: skew(-30deg, 0deg);
       -o-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
} 

.project > .title-container > h4:hover {
  background:#ff6600;
} 

.project > p {
  padding:10px 30px 30px 30px;
  text-align:center;
  line-height:20px;
} 

/* --------------------------------------------------------	*/
/*  Components  */
/* --------------------------------------------------------	*/

.components {
  position:relative;
  background:#ebebeb;
}  
      
/* --------------------------------------------------------	*/
/*  Blog  */
/* --------------------------------------------------------	*/

.blog {
  position:relative;
  background:#ebebeb;
}  
 
.blog-post-container {
  position:relative;
  padding-bottom: 40px;
}

.blog-post-media {
  position:relative;
  margin-bottom:20px;
}

.blog-post-media img {
  width:100%;
}

.blog-post-info {
  position:relative;
}

.blog-post-info h3{
  font-size:26px;
  font-weight:700;
  text-transform:uppercase;      
}

.blog-post-info h3 a{
  color:#fff;
  font-weight:700;
  text-transform:uppercase;  
}

.blog-post-info h3 a:hover{
  color:#E64113;
  font-weight:700;
  text-transform:uppercase;  
}

.blog-post-info p {
margin:0 0 15px;
}

.blog-post-text {
  position:relative;
    color:#000;
}

.more-link {
  margin-top:20px;
}

.widget {
  margin-bottom:20px;
  display:block;
}
.widget .form-group {
  margin-bottom: 0px;
}

.blog-post-detail-container {
  position:relative;
  padding-bottom: 40px;
}

.blog-post-comments {
  padding:0px;
  margin:0px;
  margin-top:0px;
}

ul.blog-post-comments ul {
  padding-left:60px;
}

.blog-post-comments li {
  position:relative;
  list-style:none;
  padding-left:0px;
  text-align: justify;
  line-height: 22px;
  margin-bottom:20px;
}

.blog-post-comments li span {
  display:block;
  margin-left:60px;
}

.blog-post-comments h6 {
  margin-bottom: 20px;
  top: 10px;
  position: relative;
  display: block;
  clear:none;
  text-align:left;
  color:#7a8188;
  font-size:13px;
  font-weight:400;
  line-height:21px;  
}

.blog-post-comments li h6 span {
 display: inline-block;
 margin-left:0px; 
}

.blog-post-comments li i{
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 25px;
  margin-right: 15px;
  float: left;
  border: 1px solid;
  border-color: #CCCCCC;
  color: #8a8c8c;
  text-align:center;  
}

.share-box {
  margin-top: 12px;
}
    
/* --------------------------------------------------------	*/
/* Blog Masonry (boxed) */
/* --------------------------------------------------------	*/

.blog-boxed {
  position:relative;
  overflow:hidden;
  background:#FFF;
  margin-bottom:30px;
  text-align:center; 
}

.blog-boxed .media-content {
  position: relative;
  overflow: hidden;
  display: block;
}


.blog-boxed img {
  max-width:100%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.blog-boxed:hover img {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.blog-boxed .media-text {
  padding:30px 20px;
}

.blog-boxed h4 a, .blog-boxed h4 {
  color: #55595c;
  font-size: 16px;
  font-weight: 400;
  margin-bottom:0px;
  text-transform:uppercase;
  text-align:center;
}

.blog-boxed h4 a:hover {
  color: #7F7F7F;
}
    
.blog-boxed p {
  margin:15px 0 0;
  text-align:center;
}

/* --------------------------------------------------------	*/
/*  Comments  */
/* --------------------------------------------------------	*/

.comments {
  position:relative;
  background:#ebebeb;
}  

.comment-container {
  position:relative;
  display:block;
  border-top:1px solid #eeeef4;
  padding-left:85px;
}

.comment-container img {
  position:absolute;
  top:0px;
  left:0px;
  width:85px;
  height:85px;
}

.comment-container .comment .comment-text {
  padding:50px;
  background:#fff;
}

.comment-container .comment .comment-text h4 {
  color:#2f3235;
  font-size:14px;
  margin-bottom:25px;
}

.comment-container .comment .comment-text h5 {
  color:#9aa5ad;
  font-size:12px;
  margin-bottom:4px;
}

.comment-container .comment .comment-text p {
  color:#828c92;
  font-size:16px;
  margin:0px;
}

.comment-container .comment .comment-text .btn {
  position:absolute;
  top:50px;
  right:50px;
  color:#9aa5ad;
  background:transparent;
  border:0px;
  padding:0px;
  font-size:14px;
}

.comment-container .comment .comment-text .btn:hover {
  color:#00b5ca;
}

/* --------------------------------------------------------	*/
/*  Blog Detail  */
/* --------------------------------------------------------	*/

.blog-detail {
  position:relative;
}
  
.blog-detail ul {
  padding:0px;
  overflow:hidden;
}  

.blog-detail ul li {
  font-size:18px;
  list-style:none;
  float:left;
  padding-left:25px;
  margin-right:25px;
}
  
.blog-detail ul li > i {
  margin-right:25px;
  font-size:18px;
} 
  
.blog-detail .red, .blog-detail .red i {
  color:#00b5ca;
}
    
.blog-detail .post-data-container {
  background:#fff;
} 

.blog-detail .post-data-container .post-data {
  position:relative;
  padding:45px 40px;
} 
  
.blog-detail .post-data-container .post-data h2 {
  font-size:24px;
  line-height:28px;
  font-weight:bold;
  color:#0e0e0e;
} 
  
.blog-detail .post-data-container .post-data h4 {
  font-size:14px;
  line-height:22px;
  color:#26292b;
} 
    
.blog-detail .post-data-container .post-data p {
  font-size:16px;
  line-height:22px;
  color:#828c92;
} 
    
.blog-detail .post-data-container .post-data .author {
  position:relative;
  padding-left:130px;
} 
  
.blog-detail .post-data-container .post-data .author img {
  position:absolute;
  top:0px;
  left:0px;
  width:100px;
} 
  
.blog-detail .post-data-container .post-data .author h3 {
  font-family: 'Open Sans', sans-serif;
  font-style:italic;
  font-size:16px;
  color:#828c92;
  text-transform:none;
} 
  
.blog-detail .post-data-container .post-data .author h5 {
  font-size:14px;
  color:#2f3235;
  margin:0px;
} 
  
.blog-detail .post-data-container .post-data .author p {
  line-height:24px;
} 

/* --------------------------------------------------------	*/
/*  Form  */
/* --------------------------------------------------------	*/

.form-control {
  display: block;
  width: 100%;
  height: 45px;
  font-size: 15px;
  line-height: 1.428571429;
  text-indent:0px;
  color: #9aa5ad;
  vertical-align: middle;
  background-color: #fff;           
  border: 0px;
  border-bottom: 1px solid #d7dfe4;
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px; 
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control2 {
  display: block;
  width: 40%;
  height: 45px;
  font-size: 15px;
  line-height: 1.428571429;
  text-indent:0px;
  color: #000;
  vertical-align: middle;
  background-color: #fff;           
  border: 0px;
  border-bottom: 1px solid #d7dfe4;
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px; 
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control3 {
  display: block;
  width: 80%;
  height: 120px;
    min-height: 120px; 
  resize: vertical;
  font-size: 15px;
  line-height: 1.428571429;
  text-indent:0px;
  color: #000;
  vertical-align: middle;
  background-color: #fff;           
  border: 0px;
  border-bottom: 1px solid #d7dfe4;
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px; 
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-group {
  margin: 0px;
}
     
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.no-border-right {
  border-right: 0px solid !important;
}

textarea {   
  min-height: 120px; 
  resize: vertical;
}

.button-container {
  display: block;
  overflow: hidden;
  color: #9aa5ad;
  background-color: #fff;
  font-size: 14px;
  line-height: 50px;
  text-align: right;
}

.button-container p {
  float: left;
  margin: 0px;
  padding-left: 20px;
}


.button-container > .btn, .button-container > .btn:focus {
  float: right;
  margin: 0px;
  padding: 0px 30px;
  color: #26292b;
  background: transparent;
  border:0px;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  -webkit-border-radius: 0%; 
     -moz-border-radius: 0%; 
       -o-border-radius: 0%;  
          border-radius: 0%; 
}

.button-container > .btn:hover {
  color: #00b5ca;
  border:0px;
  background: transparent;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  -webkit-border-radius: 0%; 
   -moz-border-radius: 0%; 
     -o-border-radius: 0%;  
        border-radius: 0%; 
  outline: -webkit-focus-ring-color auto 0px !important;
}


textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-    input:focus, .btn:focus {
  border-color: #d7dfe4 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: -webkit-focus-ring-color auto 0px !important;
}

.form-control::-webkit-input-placeholder { 
  color: #9aa5ad;
}

/* --------------------------------------------------------	*/
/*  Contact  */
/* --------------------------------------------------------	*/

.contact {
  position:relative;
  background:#ebebeb;
}  

/* --------------------------------------------------------	*/
/*  Contact Form  */
/* --------------------------------------------------------	*/

.error {
  margin:6px 6px;
	display: none;
  color: #ff4b64;  
}

#ajaxsuccess {
  font-size: 15px;
	width: 100%;
	display: none;
  clear: both;
  color: #0fa2d5;
  margin:0px;
}
  
/* --------------------------------------------------------	*/
/*  Product Widget  */
/* --------------------------------------------------------	*/

.product-widget {
  background-color: #fff;
  display:block;
  padding:20px 0px;;
}

.product-widget ul {
  padding:0px;
}

.product-widget > ul > li {
  position:relative;
  display:inline-block;
  list-style:none;
  width:100%;
  min-height:150px;
  padding:20px;
  border-bottom: 1px dashed #d7dfe4;
}

.product-widget > ul > li:last-child {
  border-bottom:0px dashed #9aa5ad;
}

.product-widget > ul > li > img {
  position:absolute;
  width:107px;
}

.product-widget > ul > li .pp-info {
  padding-left:125px;
}

.product-widget > ul > li > .pp-info h4 a {
  display:block;
  color:#26292b;
}

.product-widget > ul > li > .pp-info h4 a:hover {
  color:#00b5ca;
}

.product-widget > ul > li > .pp-info p {
  font-size:15px;
  line-height:14px;
  color:#00b5ca;
  margin-bottom:3px;
}

.product-widget > ul > li > .pp-info span {
  margin-right: 10px;
  text-decoration: line-through;
  color:#9aa5ad;
}

.product-widget > ul > li > .pp-info > ul {
  padding:0px;
}
        
.product-widget > ul > li > .pp-info > ul > li {
  list-style:none;
  float:left;
  padding-right:15px;
  color:#9aa5ad;
  font-size:14px;
  line-height:20px;
}

.product-widget > ul > li > .pp-info > ul > li:last-child {
  padding-right:0px;
}

/* --------------------------------------------------------	*/
/*  Table  */
/* --------------------------------------------------------	*/

table {
  width:100%;
  border-collapse:collapse;
  border:0px !important;
}

table, th, td {
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px; 
}

table th, table td {
  padding:15px 20px !important;
  font-size:15px;
  border:1px solid #eeeef4 !important;
}

table th {
  font-family: 'Montserrat', sans-serif;
  font-size:13px;;
  font-weight:bold;
  color:#2f3235;
  background:#fff;  
  text-transform:uppercase;
}

table td {
  color:#8c9aaa;
  background:#ffffff;  
  padding:15px 20px;
  border-top:1px dashed #eeeef4 !important;
  border-bottom:1px dashed #eeeef4 !important;
}

table a:hover{
  text-decoration:none;
}  

/* --------------------------------------------------------	*/
/* Shop - Checkout */
/* --------------------------------------------------------	*/

.cart table h5 {
  margin-bottom:5px;
}

.cart .payment-methods{
	margin: 0;
	padding: 0;
	list-style: none;
}
      
.cart .payment-methods li {
  float:left; 
  list-style:none;
  margin-right:20px;
}

.cart .payment-methods img {
  width:auto; 
  padding-left:8px;
  vertical-align:top;
}
    
/* --------------------------------------------------------	*/
/*  Portfolio Isotope - Filter  */
/* --------------------------------------------------------	*/

ul.filter { 
  display: inline-block; 
  overflow: hidden;
  margin:0px 0px 25px 0px;
  padding:0px; 
  list-style-type: none; 
}

ul.filter li { 
  float:left;
  list-style-type: none;
}

ul.filter li a{   
  position: relative;
  display: inline-block;  
	font-size: 14px;
	line-height: 14px;
	color: #26292b;
  cursor: pointer;
  margin: 0px;
  overflow: visible;
  padding: 10px 20px;
  text-decoration:none;
  text-transform: uppercase;  
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;   
}

ul.filter li a:hover, ul.filter li.active a:hover { 
  color: #e17127;
}
ul.filter li.active { 
  background: #474747; }

ul.filter li.active a { 
  color: #fff;
}  

ul.filter li.active a:hover { 
  color: #fff;
}  
  
/* --------------------------------------------------------	*/
/*  Portfolio Isotope  */
/* --------------------------------------------------------	*/

.portfolio {
  background:#fff;
  text-align:center;
}

.portfolio-mansonry-all {
  overflow:hidden;
}
     
.portfolio-item {
  position: relative;
  text-align: center;
  margin: 0px 0px 40px 0px;
  overflow: hidden;
  width: 100%;
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;   
}

.portfolio-item a{
  display:block;
}
        
.overlay {
  background-color: rgba(0, 0, 0, 0.85);
  position: absolute;
  padding: 35px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;     
  width: 100%;
  height: 100%;
}

.overlay-text {
  color: #FFF;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);  
  overflow:hidden; 
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
}

.overlay-text h3 {
  color:#FFF;
  text-align:center;
}

.overlay-text h3:before {
  content: "";
}

.portfolio-item:hover .overlay {
  opacity:1;
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;  
}

.portfolio-item:hover .overlay-text {
  opacity:1;
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);   
}
  
.portfolio-item img {
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out; 
}

.portfolio-item:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out; 
}
/*    
.filter { 
  display: inline-block; 
  overflow: hidden;
  margin:10px 0px 20px 0px;
  padding:0px; 
  list-style-type: none; 
  float:none;
}

.filter li { 
  float:left;
}

.filter li a{   
  color: #76797f;
  cursor: pointer;
  font-size:15px;   
  font-weight: 300;
  font-style:italic;
  letter-spacing: 1px;
  margin: 0px 15px 0 15px;
  overflow: visible;
  padding: 0px 0px 0px 0px;
  position: relative;
  display: inline-block;
  transition: all .3s ease-in-out; 
}

.filter li a:hover, .filter li.active a:hover { 
  color: #c0c0c0;
}

.filter li.active { 
  background: transparent;    
}
  
.filter li.active a { 
  color: #1c1c1e; 
  border-bottom:1px solid #1c1c1e;
}
*/
/* --------------------------------------------------------	*/
/*  Breadcrumb  */
/* --------------------------------------------------------	*/

.breadcrumb-container {
  padding:0px;
}

.breadcrumb-container h1 {
  float:left;                    
  margin:0px;
}

.breadcrumb {
  background:transparent;
  text-align:left;
  text-transform:uppercase;
  font-family: 'Montserrat', sans-serif;
  margin:0px;
  padding:0px;
}  

.breadcrumb a { 
  color:#9aa5ad;
}  

.breadcrumb a:hover { 
  color:#00b5ca;
}  

.breadcrumb > .active {
  color:#9aa5ad;
}

.breadcrumb > li + li:before {
  color:#9aa5ad;
}
     
/* --------------------------------------------------------	*/
/*  Navigation  */
/* --------------------------------------------------------	*/

.navbar {
  width:100%;
  min-height:85px;
  border:0px;
  padding:0px;
  margin:0px;
  background:transparent;
  z-index:99999;
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px;   
  -webkit-transition: 0.6s ease-in-out;
     -moz-transition: 0.6s ease-in-out;
      -ms-transition: 0.6s ease-in-out;
       -o-transition: 0.6s ease-in-out;
          transition: 0.6s ease-in-out;            
}

.navbar .nav {
  position:relative;
  display:block;
  float:left;
  padding:0px;
  margin:0px;
  margin-left:-11px;
}

.select-menu { 
  display:none; 
}

.navbar .nav > li {
	display:block;
  float:left;
}

.navbar .nav > li > a {
	display:inline-block;
  font-family: 'arial', sans-serif;
  font-size:13px;
  line-height:44px;
	color:#000;
  background:#fff;
  text-transform:uppercase;
  margin:0px;
  margin-right:1px;
  padding:0 20px;;
  border:0px;
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px; 
  -webkit-transform: skew(30deg, 0deg);
      -ms-transform: skew(30deg, 0deg);
       -o-transform: skew(30deg, 0deg);
          transform: skew(30deg, 0deg);
}

.navbar .nav > li > a > span {
  position:relative;
  display:block;
  -webkit-transform: skew(-30deg, 0deg);
      -ms-transform: skew(-30deg, 0deg);
       -o-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
}

.navbar .nav > li:hover > a {
  color:#fff;
  background:#E64113;
}

.navbar .nav > li.selected > a {
  color:#fff;
  background:#E64113;
}

/*
.navbar-move {
  background:#f0f;
}
*/

/* --------------------------------------------------------	*/
/*  Dropdown  */
/* --------------------------------------------------------	*/

.navbar .nav > li > ul {
	display:none;
  position:absolute;
  left:28px;
  list-style:none;   
  padding:0px;
  -webkit-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
     -moz-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
          box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
}

.navbar .nav > li > ul:after {
  content:"";
  position:absolute;
  top:0px;
  left:-24px;
	width: 0; 
	height: 0; 
	border-top: 20px solid #494949;
	border-bottom: 20px solid transparent; 
	border-right: 20px solid #494949;
	border-left: 20px solid transparent; 
  -webkit-transform: skew(-25deg, 0deg);
      -ms-transform: skew(-25deg, 0deg);
       -o-transform: skew(-25deg, 0deg);
          transform: skew(-25deg, 0deg);
}

.navbar .nav > li:hover > ul {
	display:block; 
}

.navbar .nav > li > ul > li {
  position:relative;
  background:#494949;
  text-transform:uppercase;
}

.navbar .nav > li > ul > li:first-child {
  padding-top:20px;
}

.navbar .nav > li > ul > li:last-child {
  padding-bottom:20px;
}

.navbar .nav > li > ul > li > a {
  display:block;
  min-width:220px;
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  line-height:24px;
  font-weight:normal;
	color:#8e8e8e;
  padding:0px 30px;
  margin:0px;
}

.navbar .nav > li > ul > li > a:hover {
  color:#fff;
}   

.navbar .nav > li > ul > li.selected > a {
  color:#FC7D00;
}   

.navbar .nav > li > ul > li.selected > a:after {
	border:0px;
}

/* --------------------------------------------------------	*/
/*  Mobile Menu  */
/* --------------------------------------------------------	*/

.selectnav { 
  display: none; 
  background:#FFF;
  color:#9F9F9F;
}
 
@media (max-width: 991px) {

  .navbar .nav {
    display:none !important;
  }
  
  .js .selectnav {
    display:block;
    float:right;
    width:50%;
    font-family: 'Montserrat', sans-serif;  
    font-size: 13px;
    font-weight:500;
    height:32px;
    margin:0 auto;
    margin-top:24px;
    padding:5px;
    line-height: 40px;
    border: 1px solid #f4f4f4;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px; 
  }
  
}    

/* --------------------------------------------------------	*/
/*  Buttons  */
/* --------------------------------------------------------	*/

.btn, .btn:focus, .btn-default, .btn-default:focus {
  font-family: 'Montserrat', sans-serif;
  font-weight:500;
  color:#fff;
  background:#26292b; 
  text-transform:uppercase;
  padding:9px 20px;
  border:1px solid #26292b;
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px; 
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

.btn:hover{
  color:#fff;
  background:#E64113;
  border:1px solid #E64113;
}
   
.btn i{
  margin-right:10px;
}

.btn-primary, .btn-primary:focus{
  color:#9aa5ad;
  background:transparent; 
  border:1px solid #9aa5ad;  
}

.btn-primary:hover {      
  color:#FC7D00;
  background:transparent; 
  border:1px solid #FC7D00;
}

.btn-info, .btn-info:focus{
  font-size:13px;
  text-transform:uppercase;
  color:#fff;
  background:#98a0a8; 
  border:0px;
  height:52px;
  padding:8px 35px;  
}

.btn-info:hover{
  color:#fff;   
  background:#1c1c1e; 
}

.btn-lg, .btn-lg:focus {
  padding:14px 25px 12px 25px;
}

.btn-sm, .btn-sm:focus {
  padding:7px 15px;
}

.btn-xs, .btn-xs:focus {
  padding:5px 10px;
}

.btn.rounded{
  border-radius:5px;
}

.buttons-page .btn {
  margin-left:10px;
  margin-bottom:15px;
}

/* --------------------------------------------------------	*/
/*  Tags  */
/* --------------------------------------------------------	*/

.tags a {
  font-size:12px;
  line-height:28px;
  height:28px;
  font-style:italic;
  color:#fff;
  background:#26292b;
  padding:0px 15px;
  margin-right:1px;
  margin-bottom:1px;
  float:left;
  -webkit-transition: 0.2s ease-in-out;
     -moz-transition: 0.2s ease-in-out;
      -ms-transition: 0.2s ease-in-out;
       -o-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out;
}

.tags a:hover {
  color:#fff;
  background:#00b5ca;
}

/* --------------------------------------------------------	*/
/*  Progress Bar  */
/* --------------------------------------------------------	*/

.progress-bar-shortcode .progress {
  height:30px;
  background:transparent;  
  margin-bottom:10px; 
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px; 
  -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 inset;
      moz-box-shadow: rgba(0, 0, 0, 0) 0 0px 0px inset;
          box-shadow:rgba(0, 0, 0, 0) 0 0px 0px inset;
}

.progress-bar-shortcode .progress-bar {
  float:left;
  width:0;
  height:100%;
  color: #fff;       
  font-family: 'Montserrat', sans-serif;
  font-size:13px; 
  font-weight:500;
  line-height:30px; 
  padding-left:10px;
  border:0px; 
  text-align:left;
  text-transform:uppercase;
  text-shadow: 0 0 0 rgba(0,0,0,0);
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width .6s ease;
     -moz-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}

.progress-bar-success {
  background:#4fc6f8;   
}

.progress-bar-info {
  background:#3ebb78;   
}

.progress-bar-warning {
  background:#26292b;   
}

.progress-bar-danger {
  background:#f65050;   
}

.progress-striped {
  height:5px;
  margin-bottom:12px;
  background:#fff;  
  -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 inset;
      moz-box-shadow: rgba(0, 0, 0, 0) 0 0px 0px inset;
          box-shadow:rgba(0, 0, 0, 0) 0 0px 0px inset;
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px; 
}

.progress-bar-thin h5 {
  margin-bottom:5px; 
}

/* --------------------------------------------------------	*/
/*  Accordion  */
/* --------------------------------------------------------	*/
    
.panel-group {
  margin-bottom:0px;
  position:relative; 
}

.panel-group .panel {
  margin-bottom: 0px;
  border-radius: 0px;
  box-shadow: none;     
  background:#4B4B4B;
  overflow: hidden;
}

.panel-default>.panel-heading {
  color: #fff;
/* FF3.6+ */ background: -moz-linear-gradient(top, rgba(232,108,0,1) 0%, rgba(255,26,0,1) 100%); 
/* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,108,0,1)), color-stop(100%,rgba(255,26,0,1)));
/* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, rgba(232,108,0,1) 0%,rgba(255,26,0,1) 100%); 
/* Opera 11.10+ */ background: -o-linear-gradient(top, rgba(232,108,0,1) 0%,rgba(255,26,0,1) 100%); 
/* IE10+ */ background: -ms-linear-gradient(top, rgba(232,108,0,1) 0%,rgba(255,26,0,1) 100%); 
/* W3C */ background: linear-gradient(to bottom, rgba(232,108,0,1) 0%,rgba(255,26,0,1) 100%);
  border:0px;
  border-bottom:1px solid #fff; 
  border-radius: 0px;
  padding: 14px 15px;
}
      
.panel-group .panel+.panel {
  margin:0px; 
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: left;
  font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
  color: #878787;  
}

.panel-default {
  border:0px;
}

.panel-body {
  padding: 30px 20px;
  border-left:5px solid #353535;
  margin-bottom:1px;
}

.panel-group .panel-body img{
  width:200px;
  float:left;
  margin-right:15px;
  margin-bottom:5px;
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
  border-top:0px; 
}

.panel-title>a {
  font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
  color: #fff; 
}

.panel-title>a.collapsed {
  font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
  color: #fff;
}

.panel-title a:before {
  font-family:FontAwesome; 
  font-weight:normal;
  font-style:normal;
  display:inline-block;
  content:"\f068";
  margin-right: 5px;
  color:#FFF;
  border-radius: 0px;
  line-height: 20px;
  height: 20px;
  width:20px;
  text-align:center;
}

.panel-title a.collapsed:before {
  font-family:FontAwesome; 
  font-weight:normal;
  font-style:normal;
  display:inline-block;
  content:"\f0c9";
  margin-right: 5px;
  color:#FFF;
  border-radius: 0px;
  line-height: 20px;
  height: 20px;
  width:20px;
  text-align:center;  
}

.panel-title > a.collapsed:hover {
  color:#fff;
}

.panel-title a:before, .panel-title a.collapsed:before {
  background:#353535;
}

/* --------------------------------------------------------	*/
/*  Tabs  */
/* --------------------------------------------------------	*/
 
.nav-tabs>li>a {
  margin-right: 1px;
  margin-bottom: 3px;
  line-height: 1.428571429;
  border: 0px;
  border-radius: 0px;  
  font-size: 14px;
  padding: 14px 18px;
  color: #fff;
  background: #b0b0b0;
}

.nav-tabs li a i {
  font-size:17px;
  margin-right:5px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color:#fff;
  background-color:#00b5ca;
  border: 0px;
  border-radius: 0px;  
  cursor: default;    
}

.nav-tabs {
  border: 0px;
}

.nav>li>a:hover, .nav>li>a:focus {
  text-decoration: none;
  background-color: transparent;
}

.nav-tabs>li>a:hover {
  border: 0px;
  border-radius: 0px;  
  color:#fff;
  background-color:#00b5ca;
}

.tab-content>.active, .pill-content>.active {
  display: block;
  cursor: default;
  border: 0px;
  border-radius: 0px;  
}

.tab-content {
  padding: 30px 20px;
  background: #f5f5f5;
  border-left:5px solid #00b5ca;
}

.tab-content img{
  width:200px;
  float:left;
  margin-right:15px;
  margin-bottom:5px;
}

/* --------------------------------------------------------	*/
/*  Alerts  */
/* --------------------------------------------------------	*/

.alert {
  font-family: 'Montserrat', sans-serif;
  margin-bottom:9px;
  padding:14px 20px;
  color:#26292b;
  background:#fff;
  font-size:12px;
  text-transform:uppercase;
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px; 
  border:0px;
  border-left:5px solid #26292b;
}
  
.alert-error {
  color:#f65050;
  border-left:5px solid #f65050;
}

.alert-info {
  color:#3ebb78;
  border-left:5px solid #3ebb78;
}

.alert-success {
  color:#4fc6f8;
  border-left:5px solid #4fc6f8;
}
                  
/* --------------------------------------------------------	*/
/*  Client Says  */
/* --------------------------------------------------------	*/

.client-says {
	position: relative;
  font-style:italic;
  padding:30px 45px;
  background:#fff;
	border: 0px;
}

.client-says-author {
  position:relative;
  font-style:italic;
  text-align:right;
  padding-top:15px;
  padding-right:30px;
}

.client-name {
  float:left;
}

.client-name i {
  font-size:26px;
  padding-left:8px;
  padding-right:35px;  
}

/* --------------------------------------------------------	*/
/*  Social Widgets  */
/* --------------------------------------------------------	*/

.social-widgets ul {
  padding:0px;
}

.social-widgets li {
  position:relative;
  list-style:none;
  float:left;
  width:48.5%;
  margin-right:3%;
  margin-bottom:3%;
  color:#fff;
  text-align:right;
  padding:20px;
}

.social-widgets li:nth-child(even) {
  margin-right:0px;   
}

.social-widgets li i {
  position:absolute;
  top:0px;
  left:0px;
  color:#fff;
  font-size:30px;
  line-height:90px;
  width:75px;
  height:90px;
  text-align:center;
}

.social-widgets li p {
  font-size:24px;
  font-weight:bold;
  margin:0px;
}

.social-widgets li .follow {
  font-size:16px;
  font-weight:normal;
}

.social-widgets li .follow i {
  position:relative;
  font-size:16px;
  line-height:16px;
  width:16px;
  height:16px;
  margin-left:10px;
}
    
.social-widgets .facebook {
  background:#4d6baa;   
}
        
.social-widgets .twitter {
  background:#4fc6f8;   
}
  
.social-widgets .google-plus {
  background:#ea6060;   
}
        
.social-widgets .linkedin {
  background:#238cc8;   
}

/* --------------------------------------------------------	*/
/*  Lists  */
/* --------------------------------------------------------	*/

.list-a {
  padding:0px;
  margin:0px;
}

.list-b {
  padding:0px;
  margin:0px;
}

.list-b1 {
  padding:0px;
  margin:0px;
    float:right;
}

.list-a li {
  position:relative;
  top:0px;
  left:0px;
  list-style:none;
  padding-left:25px;
  line-height:28px;
}

.list-b li {
  position:relative;
  top:0px;
  left:0px;
  list-style:none;
  padding-left:25px;
  line-height:28px;
}

.list-b1 li {
  position:relative;
  top:0px;
  left:0px;
  list-style:none;
  padding-left:25px;
  line-height:28px;
}

.list-a1 li {
  position:relative;
  top:0px;
  left:-30px;
  list-style:none;
  padding-left:25px;
  line-height:28px;
    padding-right:5px;
    float:left;
}

.list-a i {
  position:absolute;
  top:0px;
  left:0px;
  font-size:16px;
  line-height:28px;
}

.list-b i {
  position:absolute;
  top:0px;
  left:0px;
  font-size:16px;
  line-height:28px;
  color: #FC7D00;
}

.list-b1 i {
  position:absolute;
  top:0px;
  left:0px;
  font-size:16px;
  line-height:28px;
  color: #FC7D00;
}

.list-a1 i {
  position:absolute;
  top:0px;
  left:0px;
  font-size:16px;
  line-height:28px;
    color: #FC7D00;
}

.list-a a {
  text-decoration:none;
}
.list-b a {
  text-decoration:none;
}

.list-b1 a {
  text-decoration:none;
}


.list-a1 a {
  text-decoration:none;
}

.list-a a:hover {
  color:#00b5ca;
  text-decoration:none;
}
.list-b a:hover {
  color:#00b5ca;
  text-decoration:none;
}

.list-b1 a:hover {
  color:#00b5ca;
  text-decoration:none;
}


.list-a1 a:hover {
  color:#00b5ca;
  text-decoration:none;
}

/* --------------------------------------------------------	*/
/* Boxes */
/* --------------------------------------------------------	*/

.box-dark h5, .box-gray h5, .box-theme-color h5{
  color:#fff;
  background: #474747; 
  padding:15px 20px !important;
  border:1px solid #efefef;
  margin:0px !important;
}

.box-gray h5{
  background: #b0b0b0;
}

.box-theme-color h5{
  background: #00b5ca;
}

.box-dark p, .box-gray p, .box-theme-color p{
  padding:15px 20px;
  margin-bottom:25px;
  border:0px;
  border-top:0px;
  background:#fff;
}
        
/* --------------------------------------------------------	*/
/*  Icons  */
/* --------------------------------------------------------	*/

.icons i{
  color:#b0b0b0;
  width:24px;
  font-size:24px;
  margin-right:30px;
  margin-bottom:30px;
  float:left;
}  

/* --------------------------------------------------------	*/
/*  Typicons  */
/* --------------------------------------------------------	*/

.typicons .typcn {
  color:#b0b0b0;
  text-align:center;
  width:40px;
  height:40px;
  font-size:34px;
  line-height:34px; 
  margin-right:30px;
  margin-bottom:30px;
  float:left;
}       

/* --------------------------------------------------------	*/
/*  Social Icons  */
/* --------------------------------------------------------	*/

.social a i {
  color:#78dde9;
  background:#00b5ca;  
  font-size:20px; 
  line-height:50px;
  width:50px;
  height:50px;
  margin:0px 2px 2px 0px;
  display:block;
  float:left;
  text-align:center;
  font-size:20px;
  line-height:50px;
  text-align:center;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;   
}   

.social a:hover i {
  color:#fff;  
}  

.social-2 a i{
  color:#fff;
  background:#b0b0b0; 
  font-size:20px; 
  line-height:50px;
  width:50px;
  height:50px;
  margin:0px 2px 2px 0px;
  display:block;
  float:left;
  text-align:center;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;   
} 

.social-2 a:hover i {
  background:#CA4E00;   
}  

/* --------------------------------------------------------	*/
/*  Map  */
/* --------------------------------------------------------	*/

#map {
  position:relative;
  width:100%;
  height:400px;
  padding:0px;
  border:1px solid #e3e7eb;
  margin-bottom:-8px;
}

/* --------------------------------------------------------	*/
/*  Lists  */
/* --------------------------------------------------------	*/

ul {
  padding-left:20px;
}

ul li {
  position:relative;
  color:#fff; 
  line-height:34px;
}

ul li i {
  position:absolute;
  top:10px;
  left:0px;
  color:#fff;
  text-decoration:none;
  font-size:16px;
}

ul li a {
  color:#566174;
  text-decoration:none;
}

ul li a:hover, ul li a:hover i {
  color:#d7244c;
  text-decoration:none;
}


/*  List 2  */

.list-2 {
  padding:0px;
  margin:0px;
  font-size:18px;
  font-weight:300;
}

.list-2 li {
  list-style:none;
  line-height:40px;
}

/* --------------------------------------------------------	*/
/*  Footer  */
/* --------------------------------------------------------	*/

.footer {
  color:#8d8d8d;
  background:#000;
  font-size:14px;
}

.footer h3 {
  color:#fff;  
  font-size:14px;
}

.footer a {
  color:#E64113;
}

.footer a:hover {
  color:#fff;
}

.footer .social {
  display:block;
  text-align:center;
  margin-top:-24px;
}

.footer .social .social-inner {
  display:inline-block;
}

.footer .social .social-inner a {
  display:inline-block;
  background:#E64113;  
  float:left;
  margin-right:1px;
  height:50px;
  -webkit-transform: skew(-30deg, 0deg);
      -ms-transform: skew(-30deg, 0deg);
       -o-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
}   

.footer .social .social-inner a i {
  color:#fff;
  background:transparent; 
  font-size:20px;
  line-height:50px;
  width:70px;
  text-align:center;
  -webkit-transform: skew(30deg, 0deg);
      -ms-transform: skew(30deg, 0deg);
       -o-transform: skew(30deg, 0deg);
          transform: skew(30deg, 0deg);
}   

.footer .social .social-inner a:hover i {
  color:#fff;  
}  

.footer .copyright-container {
  display:block;
  overflow:hidden;
  text-align:center;
}

.footer .copyright-inner {
  position:relative;
  display:inline-block;
  text-align:center;
}

.footer .copyright-container .copyright {
  position:relative;
  top:25px;
  left:8px;
  display:inline-block;
  font-size:13px;
  color:#b7b7b7;
  background:#5d5d5d;
  padding:12px 30px;
  -webkit-transform: skew(30deg, 0deg);
      -ms-transform: skew(30deg, 0deg);
       -o-transform: skew(30deg, 0deg);
          transform: skew(30deg, 0deg);
}

.footer .copyright-container .copyright p {
  margin:0px;
  -webkit-transform: skew(-30deg, 0deg);
      -ms-transform: skew(-30deg, 0deg);
       -o-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
}

.footer .copyright-container .copyright a {
  color:#b7b7b7;
}

.footer .copyright-container .copyright a:hover {
  color:#00b5ca;
}

@media (max-width: 991px) {

  .footer .copyright-inner .logo-container {
    display:none;
  }

  .footer .copyright-container .copyright {   
    width:100%;
    background:transparent;
    top:0px;
    left:0px;
    padding-top:0px;
    -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
         -o-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
  }
  
  .footer .copyright-container .copyright p {
    -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
         -o-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
  }

}    
    
/* --------------------------------------------------------	*/
/*  Back To Top Button  */
/* --------------------------------------------------------	*/

.back-to-top {
  position: relative;
  width:80px;
  height:80px;
  line-height:80px;
  font-size:22px;
	display: block;
	text-align: center;
	text-decoration: none;
  color:#9aa5ad;
  background:#2f3235;
  font-family:FontAwesome;
  font-weight:normal;
  font-style:normal;
  text-align:center;
  float:right;
  -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
       -o-border-radius: 0px; 
          border-radius: 0px; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -khtml-opacity: 1;
    -moz-opacity: 1;
         opacity: 1;
          filter: alpha(opacity=100); 
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;        
}

.back-to-top:hover {
  color:#fff;
  background:#00b5ca;
}

.back-to-top:after {
  content:"\f106";  
}

.izquierda{
 margin-left:10px;   
}

.centro{
 margin-left:0px;   
}

.blanco {
 color:#fff;   
}

.span2 {   
width: 170px;
}

.filler{
 display: inline-block;
font-size: 14px;
line-height: 50px;
color: #FFF;
padding: 0px 20px;
transform: skew(-30deg, 0deg);   
}

#galleria{ width: 1000px; height: 600px; background: #000 }

.image-wrap {
	margin-right: 10px;
}
/************************************************************************************
NORMAL
*************************************************************************************/
.normal img {
	border: solid 5px #000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
}

/************************************************************************************
PHOTO
*************************************************************************************/
.card .image-wrap {
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);
	box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#slideshow { 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 

}

.videotab {
     width: 500px;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}   
    
.videotab2 {
     width: 500px;
    float: right;
    margin-right: 15px;
    margin-bottom: 5px;
} 

.listmargen{

    float: right;
    margin-right: 250px;
    margin-top: -225px;

} 

.flexslider {
    width: 100%;
    background: transparent none repeat scroll 0% 0%;
    border: medium none;
    box-shadow: none;
    margin: 0px;
}

/* GEO - Semibold */
@font-face {font-family: 'Geogrotesque-SemiBold';src: url('../fonts/webfonts/geo-semibold/eot/style_169898.eot');src: url('../fonts/webfonts/geo-semibold/eot/style_169898.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/geo-semibold/woff/style_169898.woff') format('woff'),url('../fonts/webfonts/geo-semibold/ttf/style_169898.ttf') format('truetype'),url('../fonts/webfonts/geo-semibold/svg/style_169898.svg#Geogrotesque-SemiBold') format('svg');}

/* GEO - Medium */
@font-face {font-family: 'Geogrotesque-Medium';src: url('../fonts/webfonts/geo-medium/eot/1110FC_0.eot');src: url('../fonts/webfonts/geo-medium/eot/1110FC_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/geo-medium/woff/1110FC_0.woff') format('woff'),url('../fonts/webfonts/geo-medium/ttf/1110FC_0.ttf') format('truetype'),url('webfonts/1110FC_0.svg#wf') format('svg');}

/* GEO - Regular */
 @font-face {font-family: 'Geogrotesque-Regular';src: url('../fonts/webfonts/geo-regular/eot/11014B_0.eot');src: url('../fonts/webfonts/geo-regular/eot/11014B_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/geo-regular/woff/11014B_0.woff') format('woff'),url('../fonts/webfonts/geo-regular/ttf/11014B_0.ttf') format('truetype'),url('../fonts/webfonts/geo-regular/svg/11014B_0.svg#wf') format('svg');}