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

Project:	Jeffco Exteriors

Version:	1.1

Last change:	02/08/15 [fixed Float bug, vf]

Author:	Future Technology Computer Services, Inc

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

# [Color codes]

# Main Theme (Yellow): #ffcc00

# Main Theme (Black): #000

# Body Text: #666  

[Table of contents]

1.0 Reset

2.0 General

3.0 Body

4.0 Header

5.0 Navigation

6.0 Slider

7.0 Blog

8.0 Contact

9.0 Page

10.0 Footer

11.0 Inventory Page

12.0 Sidebar

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

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

[1.0 Reset ]

*/



@font-face { font-family: Montserrat; src: url('Montserrat-Regular.ttf'); } 

 @font-face { font-family: Montserrat; font-weight: bold; src: url('Montserrat-Bold.ttf');}

* {

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

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

img {

  max-width: 100%;

  height: auto;

}

	

/* #Reset & Basics (Inspired by E. Meyers)================================================== */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {

  display: block;

}

iframe{

  width:100%;

}

body {

  line-height: 1;

}



.ms-anim-layers h4 {

  font-family: open sans;

  font-size: 18px !important;

  letter-spacing: 0 !important;

  text-transform: uppercase !important;

  color: #ea3131; !important;

}

.main-slider .ms-view {

  height: 584px !important;

}

.ms-anim-layers h1 {

  color: #ea3131 !important;

  font-family: Montserrat;

   letter-spacing: 0 !important;

  font-size: 62px !important;

  text-transform: uppercase;

}

.title-2 {

  text-transform: uppercase;

  font-family: Montserrat;

  color: #ea3131 !important;

  font-size: 16px;

}





.ms-anim-layers h3 {

  color: #fff !important;

  font-family: Montserrat;

   letter-spacing: 0 !important;

  font-size: 44px !important;

  text-transform: uppercase;

}

.ms-anim-layers a {

  background-color: #1874c1;

  /*border: medium none;*/

  border-radius: 0;

  color: #fff;

  font-family: open sans;

  letter-spacing: 0 !important;

  padding: 13px 34px !important;

  transition:all 0.5s ease-in 0s;

  -webkit-transition:all 0.5s ease-in 0s;

  -moz-transition:all 0.5s ease-in 0s;

  -o-transition:all 0.5s ease-in 0s;

  -ms-transition:all 0.5s ease-in 0s;

}

.ms-anim-layers a:hover {

  background-color: #ea3131;

  color: #000;

}

.text-uppercase {

  text-transform: uppercase;

}

.border-transparent {

  border-radius: 1px;

  box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.3);

}





/* Welcome */

.no-lft-padding {

  padding-left: 0px;

}

.no-rght-padding {

  padding-right: 0px;

}



#welcome {

  padding-top: 60px;

  background: #f2f2f2;

}

#welcome .jx-black-title-top-arrow-white::after {

  background: #f2f2f2;

}

#welcome .welcome-container {

  margin-top: 15px;

}





#welcome .welcome-container .welcome-box {

  background: #fff; 

  display: inline-block;

  margin-top: 15px;

  margin-bottom: 15px;



}

#welcome .welcome-container .welcome-box .welcome-icon {

  background: #ea3137;

  text-align: center;

  display: inline-block;

  width: 100%;

  padding: 60px 0px; 

  transition:all 0.5s ease-in 0s;

  -webkit-transition:all 0.5s ease-in 0s;

  -moz-transition:all 0.5s ease-in 0s;

  -o-transition:all 0.5s ease-in 0s;

  -ms-transition:all 0.5s ease-in 0s;

}

#welcome .welcome-container .welcome-box:hover .welcome-icon {

  background: #1874c1;

}

#welcome .welcome-container .welcome-box .welcome-info h1 {

  font-family: 'Montserrat';

  text-transform: uppercase;

  margin: 0px;

  margin-bottom: 20px;

  padding-top: 15px;

  color: #252525;

  font-size: 18px;

}



.skills-section {

  position: relative;

  padding-top: 60px;

  display: inline-block;

  width: 100%;

}



.skills-section .skills-animation {

  position: relative;

  display: inline-block;

  width: 100%;

  padding-top: 0px;

  padding-left: 60px; 

}



.skills-section .skills-animation .skill-heading {

  text-align: left;

  font-size: 24px;

}

.skills-section .skills-animation p {

  text-align: left;

  margin-bottom: 110px;

}

.skills-section .skills-animation .roller-line {

  background: url(../images/roller-lines.png) repeat;

  width: 20px;

  height: 100%;

  display: inline-block;

  position: absolute;

  left: 0;

  top: 0;

}

.skills-section .skills-animation .skill-box {

  display: inline-block;

  width: 26%;  

  margin-left: -50px;

}

.skills-section .skills-animation .first-skill {

  margin-left: 50px;

}





.skill-box .animated-section {

  position: relative;

}

.skill-box .animated-section .counter-cont {

  font-family: montserrat;

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

  font-weight: bold;

  margin-bottom: 10px;

  display: inline-block;

  width: 100%;

  text-align: center;

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 99;

}

.skill-box .skill-name h5 {

  color: #252525;

  font-family: montserrat;

  font-weight: bold;

  font-size: 12px;

  margin-top: 10px;

  margin-bottom: 0px;

  text-transform: uppercase;

}



.skill-box .animated-section .counterr {

  display: inline-block; 

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

}



.skill-box .animated-section .counter-cont span {

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

}

.skill-box .animated-section .image-cont{

  position: relative;

  height: 218px;

  overflow: hidden;

  text-align: center;  

}





.skill-box .animated-section .image-cont .skill-img {

  position: absolute;

  bottom: -100%;

  left: 0;

  display: inline-block;  

}



  /* counter-section */ 





#counter .skills-section .skills-animation{

  padding-left: 0px;

}

#counter .skill-box .counterr {

  font-family: montserrat;

  display: inline-block;

  /*color: #FFF;*/

  color: #C79B17;

  font-size: 42px;

  font-weight: bold;

}

#counter .skill-box .success-count span {

  font-size: 36px;

  font-weight: normal;

}

#counter .skill-box .counter-cont {

  color: #fff;

  font-family: montserrat;

  font-size: 42px;

}

#counter .skill-box .animated-section .image-cont {

  height: 334px;

}

#counter .skill-box .animated-section .image-cont .skill-img {

  width: 100%;

}

#counter .skill-box .count-name h5 {

  margin-top: 10px;

  margin-bottom: 10px;

}

#counter .skill-box .count-name h5 span{

  color: #fff;

  font-family: open sans;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: bold;

  border-bottom: 2px solid #fff;



}



  /* counter-section */



@media (max-width: 980px) {

  .skill-box {

    width: 32%;

    margin-left: -42px;

  }

  .skill-box .animated-section .counter-cont {

    margin-bottom: 4px;

  }

}



@media (max-width: 640px) {

  .skill-box {

    width: 24.5%;

  }

}



  /* Gallery-Section */



/* Gallery-Tab */

.tabs {

  position: relative;

  overflow: hidden;

  margin: 0 auto;

  width: 100%;

  font-weight: 300;

  font-size: 1.25em;

}



/* Nav */

.tabs nav {

  text-align: center;

}



.tabs nav a {

  line-height: 2.5;

}



.tabs nav span {

  vertical-align: middle;

  font-size: 0.95em;

  font-family: montserrat;

  text-transform: uppercase;

}



.tabs nav li.active a {

  color: #74777b;

}



.tabs nav a:focus {

  outline: none;

}



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

/* Line Box */

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



.tabs-style-linebox nav ul li {

  margin: 0 0.5em;

}



.tabs-style-linebox nav li {

  padding: 0.5em 1.0em 0.5em 1.0em;

  color: #74777b;  

  font-family: montserrat;

  text-transform: uppercase;  

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

}

.tabs-style-linebox nav ul li a {

  font-family: montserrat;

  text-transform: uppercase;

}



.tabs-style-linebox nav li:hover,

.tabs-style-linebox nav li:focus {

  color: #fff;  

  cursor: pointer;

}



.tabs-style-linebox nav li.active {

  color: #fff;  

  cursor: default;

  background: #F3BC16;

}

.hvr-fade {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  overflow: hidden;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: color, background-color;

  transition-property: color, background-color;

}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {

  background-color: #F3BC16;

  color: white;

}

#gallery {

  padding-top: 75px;

  overflow: hidden;

  background: #fff;

  transition: all 0.4s ease-in 0s;

  -webkit-transition: all 0.4s ease-in 0s;

  -moz-transition: all 0.4s ease-in 0s;

}

#gallery .gallery{

  padding-top:30px;

  transition: all 0.4s ease-in 0s;

  -webkit-transition: all 0.4s ease-in 0s;

  -moz-transition: all 0.4s ease-in 0s;

  margin-bottom: 0px;

}

.gallery-photos-thumb {

  transition: all 0.4s ease-in 0s;

  -webkit-transition: all 0.4s ease-in 0s;

  -moz-transition: all 0.4s ease-in 0s;

}

.gallery-photos-thumb .mix {

  display: none;

}

.noPadding {

  padding: 0px !important;

}

.gallery-photo-item {

  overflow: hidden;

  border:0 none;

  margin: 0 0 -1px;

  padding:0px;

  width: 25%;

  position: relative;

  float: left;

}

.gallery-photo-item .photo-thumb img {

  /* width: 100%; */

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

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

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

  transition: all 0.3s ease 0s;

}

.gallery-photo-item .overlay{

   position: absolute;

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

   width: 100%;

   height: 100%;

   top: 0;

   left: 0;

   padding: 40px;

   /*border:20px solid rgba(0,0,0,0.3); */

   overflow: hidden;

   transition:all 0.2s ease-in 0s;

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

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

} 

.gallery-photo-item .overlay .work-info {  

  width: 100%;

  height: 100%;

  /*background: #F3BC16;*/

  /*background: rgba(243,188,22,0.6);*/

  background: rgba(0,0,0,0.7);

  text-align: center;

  /*padding: 80px;*/

  transform:scale(2);

  -webkit-transform:scale(2);

  -moz-transform:scale(2); 

  transition:all 0.2s ease 0s;

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

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

  transition-delay:0.2s;

  opacity: 0;

}

.gallery-photo-item .overlay .work-info .work-text {

  position: relative;

  top: 50%;

  transform: translateY(-50%);

}

.gallery-photo-item:hover .overlay {

  background: rgba(243,188,22,0.6);

}

.gallery-photo-item:hover .overlay .work-info {

   transform:scale(1);

  -webkit-transform:scale(1);

  -moz-transform:scale(1); 

  opacity: 1;

}



.gallery-photo-item .overlay .work-info h1 {

  font-family: montserrat;

  text-transform: uppercase;

  font-size: 22px;

  margin-bottom: 0px;

  color: #fff;

}

.gallery-photo-item .overlay .work-info p {

  font-family: montserrat;

  font-weight: normal;

  font-size: 16px;

  color: #fff;

}



/*.gallery-photo-item:hover .photo-thumb img {

  -webkit-transform:scale(1.3); 

  transform:scale(1.3);

  overflow:hidden !important;

}*/



#gallery .gallery span.gallery-icon {

  position:relative;

  top:42%;  

  color:#fff;

  border:1px solid #ffffff;

  border-radius:50%;

  width:50px;

  display: inline-block;

  /*  padding:10px;

      padding-top: 5px; */ 

  height:50px;

  text-align: center;

   line-height:60px; 

}

#gallery .gallery span.gallery-icon .fa {

  margin-left: 5px;

  margin-right: auto;

  text-align: center;

}

#gallery .gallery span.gallery-icon .fa-search-plus {

  margin-left: 4px;

} 



@media (min-width: 1920px){

  

  .gallery-photo-item .photo-thumb img{

    width: 100%;

  }

  .gallery-photo-item {

     width: 24.99999999%; 

     margin-bottom: -4px;

  }

  #gallery .gallery span.gallery-icon {

    top: 40% !important;

  }

}

@media (min-width: 1282px){

  .gallery-photo-item .photo-thumb img{

    width: 100%;

  }

  .gallery-photo-item {

     width: 24.99999999%; 

     margin-bottom: -4px;

  }

  #gallery .gallery span.gallery-icon {

    top: 35%;

  }

}

@media (max-width: 640px) {

  .gallery-photo-item {

    width: 50%;

  }

}

@media (max-width: 360px) {

  .gallery-photo-item {

    width: 100%;

  }

}



  /* Gallery-Section */  





#map-canvas {

  height: 500px;

}



ol, ol ol,  ul, ul ul {

  font-size: 14px;

  line-height: 1.2;

}

ul.default li:before {

  content: '\f005';

  font-family: fontawesome;

  margin-right: 10px;

  color:#ea3131;

}

p {

  font-family: open sans;

  margin: 0 0 20px;

  font-size: 14px;

  line-height: 22px;

}

.our-service li {

  font-family: montserrat;

  font-size: 15px;

}

.jx-default-bof p {

  margin-right: 72px;

}

.jx-footer .footer-logo {

  margin-top: 32px;

}

ol,ul {

  list-style: none;

}

blockquote,q {

  quotes: none;

}

blockquote:before,blockquote:after,q:before,q:after {

  content: '';

  content: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

/* #Misc */

.remove-bottom {

  margin-bottom: 0 !important;

}

.half-bottom {

  margin-bottom: 10px !important;

}

.add-bottom {

  margin-bottom: 20px !important;

}

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

[2.0 General ]

*/

body {

  background: #ea3131;

  font: 14px/20px 'Raleway',Arial,Helvetica,sans-serif;

  color: #666;

  font-weight: 400;

  -webkit-font-smoothing: antialiased;

		/* Fix for webkit rendering */

  -webkit-text-size-adjust: 100%;

  overflow-x: hidden !important;

  overflow-y: scroll;

  line-height: 1.2;

}

.alignleft {

  float: left;

  margin-right: 20px;

  margin-bottom: 20px;

}

.alignright {

  float: right;

  margin-left: 20px;

  margin-bottom: 20px;

}

.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

blockquote.left {

  margin-right: 20px;

  text-align: right;

  margin-left: 0;

  width: 33%;

  float: left;

}

blockquote.right {

  margin-left: 20px;

  text-align: left;

  margin-right: 0;

  width: 33%;

  float: right;

}

.center {

  width: 50%;

  margin: 0 auto;

}

::selection {

  color: #ffffff;

  background:#ea3131;

}

::-moz-selection {

  color: #ffffff;

  background:#ea3131;

}

.eight.columns > h1 {

  color: #212121;

  font-family: montserrat;

  font-size: 24px;

  margin: 0;

  text-transform: uppercase;

}

.counter-line {

  border: 2px solid #ea3137;

  margin: 20px auto 0;

  width: 53px;

}	

.service-btn {

  margin-top: 42px;

}

.service-btn .service-button {

  background-color: transparent;

  border: 2px solid #1874c1;

  color: #1874c1;

  font-family: montserrat;

  font-size: 18px;

  text-decoration: none;

}

.main-text p {

  color: #666666;

  font-family: open sans;

  font-size: 14px;

}

.service-details a:hover {

  background-color: #fff;

  color: #212121;

}			

/* Margin */

.mt0 {

  margin-top: 0px !important;

}

.mt10 {

  margin-top: 10px !important;

}

.mt15 {

  margin-top: 15px !important;

}

.mt20 {

  margin-top: 20px !important;

}

.mt25 {

  margin-top: 25px !important;

}

.mt30 {

  margin-top: 30px !important;

}

.mt40 {

  margin-top: 40px !important;

}

.mb0 {

  margin-bottom: 0px !important;

}

.mb5 {

  margin-bottom: 5px !important;

}

.mb10 {

  margin-bottom: 10px !important;

}

.mb15 {

  margin-bottom: 15px !important;

}

.mb20 {

  margin-bottom: 20px !important;

}

.mb30 {

  margin-bottom: 30px !important;

}

.mb40 {

  margin-bottom: 22px !important;

}

.mb60 {

  margin-bottom: 60px !important;

}

.mb80 {

  margin-bottom: 80px !important;

}

.p-t25 {

  padding-top: 25px !important;

}

/* #Typography================================================== */





/*partner logo*/

#sponsers-slider {

  background: #fff;

  padding-top: 15px;

  padding-bottom: 15px;

}

#sponsers-slider .item {

  margin-right: 10px;

  margin-left: 5px;

  overflow: hidden;

  text-align: center;

}

#sponsers-slider .item img {

  display: inline-block;

  width: 76%;

  height: auto;

}

#sponsers-slider.owl-carousel.owl-theme .owl-controls .owl-buttons div {

  background: transparent;

  border-radius: 0;

  color: #1874C1;

  font-size: 23px;

  line-height: 32px;

  opacity: 1;

  padding: 0;

  text-align: center;

  transition: all 0.4s ease 0s;

}

#sponsers-slider.owl-carousel.owl-theme .owl-controls .owl-buttons div:hover {

  color: #ea3137;



}



#sponsers-slider.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev {

  position: absolute;

  left: -20px;

  top: 47%;

  margin-top: -15px;

}

#sponsers-slider.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next {

  position: absolute;

  right: -20px;

  top: 47%;

  margin-top: -15px;

}





h1,h2,h3,h4,h5,h6 {

  color: #000;

  font-family: 'Oswald',Arial,Helvetica,sans-serif;

  font-weight: 500;

}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {

  font-weight: inherit;

}

h1 {

  font-size: 36px;

  margin-bottom: 14px;

}

h2 {

  font-size: 32px;

  line-height: 40px;

  margin-bottom: 10px;

}

h3 {

  font-size: 29px;

  line-height: 34px;

  margin-bottom: 8px;

}

h4 {

  font-size: 26px;

  line-height: 30px;

  margin-bottom: 4px;

}

h5 {

  font-size: 22px;

  line-height: 24px;

}

h6 {

  color: #212121;

  font-family: montserrat;

  font-size: 18px;

  line-height: 21px;

}

.subheader {

  color: #777;

}

p {

  margin: 0 0 5px 0;

}

p img {

  margin: 0;

}

p.lead {

  font-size: 21px;

  line-height: 27px;

  color: #777;

}

em {

  font-style: italic;

}

strong {

  font-weight: bold;

  color: #333;

}

small {

  font-size: 80%;

}

address {

  font-style: italic;

  margin: 0 0 23px;

  margin: 0 0 2.3rem;

}

abbr[title] {

  border-bottom: 1px dotted;

}

b,strong {

  font-weight: bold;

}

dfn {

  font-style: italic;

}

mark {

  display: inline;

  padding: 1px 4px 0px;

  margin: 0px 2px;

  background-color: #313538;

  border-radius: 2px;

  color: #EDEFF1;

  text-shadow: 0px 1px 1px #222528;

  box-shadow: 0px 1px 0px #515558 inset, 0px 1px 2px #DBDBDC;

}

mark.green {

  background-color: #73CA3F;

  color: #E8FFC1;

  text-shadow: 0px 1px 1px #4FA923;

  box-shadow: 0px 1px 2px #E4F5DA;

}

mark.yellow {

  background-color: #F7F962;

  color: #8F6A1C;

  text-shadow: 0px 1px 1px #FBFCAB;

  box-shadow: 0px 1px 2px #F9FBCC;

}

mark.orange {

  background-color: #FF9228;

  color: #FFFFE2;

  text-shadow: 0px 1px 1px #E86D12;

  box-shadow: 0px 1px 2px #FCDEC2;

}

code,kbd,pre,samp {

  font-family: monospace,serif;

  font-size: 13px;

  -webkit-hyphens: none;

  -moz-hyphens: none;

  -ms-hyphens: none;

  hyphens: none;

}

pre {

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

  color: #666;

  font-family: monospace;

  font-size: 13px;

  margin: 23px 0;

  margin: 2.3rem 0;

  overflow: auto;

  padding: 20px;

  padding: 2rem;

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word;

}

blockquote,q {

  -webkit-hyphens: none;

  -moz-hyphens: none;

  -ms-hyphens: none;

  hyphens: none;

  quotes: none;

}

blockquote:before,blockquote:after,q:before,q:after {

  content: "";

  content: none;

}

blockquote {

  font-size: 13px;

  font-size: 1.3rem;

  font-style: italic;

  font-weight: normal;

  margin: 23px;

  margin: 2.3rem;

}

blockquote blockquote {

  margin-right: 0;

}

blockquote em,blockquote i {

  font-style: normal;

  font-weight: normal;

}

blockquote strong,blockquote b {

  font-weight: normal;

}

blockquote, blockquote p {

  color: #444;

  font-family: montserrat;

  font-size: 15px;

  font-style: normal;

  font-weight: 500;

  line-height: 24px;

}

blockquote {

	margin: 0px 0px 20px;

	padding: 0px 20px 0px 19px;

	border-left: 4px solid #ea3131;

}

blockquote cite {

  display: block;

  font-size: 12px;

  color: #555;

}

blockquote cite:before {

  content: "\2014 \0020";

}

blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {

  color: #555;

}

sub,sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sup {

  top: -0.5em;

}

sub {

  bottom: -0.25em;

}

.well {

  background: #f4f4f4;

  padding: 10px;

  border: 1px solid #eee;

  border-radius: 3px;

}

hr {

  border: solid #ddd;

  border-width: 1px 0 0;

  clear: both;

  margin: 10px 0 30px;

  height: 0;

}

.hidden {

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

 /* IE 8 */

  filter: alpha(opacity=0);

 /* IE 5-7 */

  -moz-opacity: 0;

 /* Netscape */

  -khtml-opacity: 0;

 /* Safari 1.x */;

}

.visible {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

 /* IE 8 */

  filter: alpha(opacity=100);

 /* IE 5-7 */

  -moz-opacity: 1;

 /* Netscape */

  -khtml-opacity: 1;

 /* Safari 1.x */;

}

/* #Links================================================== */

 a {

  color: #fff;

  font-family: open sans;

  outline: 0 none;

  text-decoration: none;

}

.jx-left-infobar a span {

  color: #fff;

  font-family: open sans;

  outline: 0 none;

  text-decoration: none;

}

.jx-right-infobar a span {

  color: #fff;

  font-family: open sans;

  outline: 0 none;

  text-decoration: none;

}

a:hover{

  color: #000000;

}

.menu > li > a:hover {

  color: #ea3131 !important;

}

a:focus {

  color: #fff;

}

p a,p a:visited {

  line-height: inherit;

}

/* #Lists================================================== */

ul,ol {

  margin-bottom: 20px;

}

ul {

  list-style: none outside;

}

ol {

  list-style: decimal;

}

ol,ul.square,ul.circle,ul.disc {

  margin-left: 30px;

}

ul.square {

  list-style: square outside;

}

ul.circle {

  list-style: circle outside;

}

ul.disc {

  list-style: disc outside;

}

ul ul,ul ol,ol ol,ol ul {

  margin: 4px 0 5px 30px;

  font-size: 90%;

}

ul ul li,ul ol li,ol ol li,ol ul li {

  margin-bottom: 6px;

}

li {

  line-height: 18px;

  margin-bottom: 12px;

}

ul.large li {

  line-height: 21px;

}

li p {

  line-height: 21px;

  margin-top: 11px;

}

.our-service ul li::before {

  color: #ea3137;

  content: "";

  font-family: fontawesome;

  font-size: 18px;

  margin-right: 9px;

}

/* Fontawesome Icon ========================================*/

.jx-fontawesome-icon-list i {

  color: #000000;

  font-size: 14px;

  width: 30px;

  text-align: center;

}

/* Fontawesome Icon Listing Page */

.jx-fontawesome-icon-list li{

  border:1px solid #eee;

  padding:10px;

}

.jx-fontawesome-icon-list li:hover{

  background:#f9f9f9;

}

.jx-fontawesome-icon-list li i{

  font-size: 20px;

  color:#666

}

.jx-icon-listing-1 li{

  float:left

}

.jx-icon-listing-1 .line-icon{

  color:#000 !important;

}

.jx-dark .line-icon{

  color:#000;

}

.jx-light .line-icon{

  color:#fff;

}

.jx-icon-listing-1.jx-light .line-icon{

  color:#fff !important;

}

/* EOF Fontawesome Icon Listing Page */

/* #Linecons Font ==========================================*/

@font-face {

  font-family: 'linecons';

  src: url('../fonts/linecons.eot?17392200');

  src: url('../fonts/linecons.eot?17392200#iefix') format('embedded-opentype'),

       url('../fonts/linecons.woff?17392200') format('woff'),

       url('../fonts/linecons.ttf?17392200') format('truetype'),

       url('../fonts/linecons.svg?17392200#linecons') format('svg');

  font-weight: normal;

  font-style: normal;

}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*

@media screen and (-webkit-min-device-pixel-ratio:0) {

  @font-face {

    font-family: 'linecons';

    src: url('../font/linecons.svg?17392200#linecons') format('svg');

  }

}

*/

 

 [class^="icon-"]:before, [class*=" icon-"]:before {

  font-family: "linecons";

  font-style: normal;

  font-weight: normal;

  speak: none;

 

  display: inline-block;

  text-decoration: inherit;

  width: 1em;

  margin-right: .2em;

  text-align: center;

  /* opacity: .8; */

 

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;

  text-transform: none;

     

  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;

 

  /* Animation center compensation - magrins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;

 

  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

 

  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}

	

.icon-music:before { content: '\e022'; } /* '' */

.icon-search:before { content: '\e009'; } /* '' */

.icon-mail:before { content: '\e019'; } /* '' */

.icon-heart:before { content: '\e000'; } /* '' */

.icon-star:before { content: '\e002'; } /* '' */

.icon-user:before { content: '\e007'; } /* '' */

.icon-videocam:before { content: '\e005'; } /* '' */

.icon-camera:before { content: '\e00b'; } /* '' */

.icon-photo:before { content: '\e01b'; } /* '' */

.icon-attach:before { content: '\e029'; } /* '' */

.icon-lock:before { content: '\e00d'; } /* '' */

.icon-eye:before { content: '\e013'; } /* '' */

.icon-tag:before { content: '\e00c'; } /* '' */

.icon-thumbs-up:before { content: '\e01a'; } /* '' */

.icon-pencil:before { content: '\e00f'; } /* '' */

.icon-comment:before { content: '\e014'; } /* '' */

.icon-location:before { content: '\e012'; } /* '' */

.icon-cup:before { content: '\e016'; } /* '' */

.icon-trash:before { content: '\e006'; } /* '' */

.icon-doc:before { content: '\e018'; } /* '' */

.icon-note:before { content: '\e01c'; } /* '' */

.icon-cog:before { content: '\e00a'; } /* '' */

.icon-params:before { content: '\e01f'; } /* '' */

.icon-calendar:before { content: '\e02b'; } /* '' */

.icon-sound:before { content: '\e004'; } /* '' */

.icon-clock:before { content: '\e01d'; } /* '' */

.icon-lightbulb:before { content: '\e00e'; } /* '' */

.icon-tv:before { content: '\e003'; } /* '' */

.icon-desktop:before { content: '\e011'; } /* '' */

.icon-mobile:before { content: '\e017'; } /* '' */

.icon-cd:before { content: '\e02d'; } /* '' */

.icon-inbox:before { content: '\e015'; } /* '' */

.icon-globe:before { content: '\e02f'; } /* '' */

.icon-cloud:before { content: '\e001'; } /* '' */

.icon-paper-plane:before { content: '\e01e'; } /* '' */

.icon-fire:before { content: '\e028'; } /* '' */

.icon-graduation-cap:before { content: '\e024'; } /* '' */

.icon-megaphone:before { content: '\e023'; } /* '' */

.icon-database:before { content: '\e021'; } /* '' */

.icon-key:before { content: '\e008'; } /* '' */

.icon-beaker:before { content: '\e025'; } /* '' */

.icon-truck:before { content: '\e02e'; } /* '' */

.icon-money:before { content: '\e020'; } /* '' */

.icon-food:before { content: '\e026'; } /* '' */

.icon-shop:before { content: '\e02a'; } /* '' */

.icon-diamond:before { content: '\e010'; } /* '' */

.icon-t-shirt:before { content: '\e027'; } /* '' */

.icon-wallet:before { content: '\e02c'; } /* '' */

.line-icon{

  color:#fff;

  font-size:40px;

  float:none;

  padding:10px;

}

/* #Images================================================== */

img.scale-with-grid {

  max-width: 100%;

  height: auto;

}

img {

  color: transparent;

  font-size: 0;

  vertical-align: middle;

  -ms-interpolation-mode: bicubic;

  position: relative;

  z-index: 100;

}

/* #Buttons================================================== */

.button,button,input[type="submit"],input[type="reset"],input[type="button"] {

  background: #eee;

		/* Old browsers */

  border: 1px solid #aaa;

  border-top: 1px solid #ccc;

  border-left: 1px solid #ccc;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  color: #444;

  display: inline-block;

  font-size: 11px;

  font-weight: bold;

  text-decoration: none;

  cursor: pointer;

  margin-bottom: 10px;

  line-height: normal;

  padding: 8px 10px;

  font-family: 'Oswald',Arial,Helvetica,sans-serif;

}

.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {

  color: #222;

  border: 1px solid #888;

  border-top: 1px solid #aaa;

  border-left: 1px solid #aaa;

}

.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active {

  border: 1px solid #666;

  background: #ccc;

		/* Old browsers */

  background: #ccc -moz-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);

		/* FF3.6+*/

  background: #ccc -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.35)),color-stop(100%,rgba(10,10,10,.4)));

		/* Chrome,Safari4+*/

  background: #ccc -webkit-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);

		/* Chrome10+,Safari5.1+*/

  background: #ccc -o-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);

		/* Opera11.10+*/

  background: #ccc -ms-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);

		/* IE10+*/

  background: #ccc linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);

		/* W3C */;

}

.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width {

  width: 100%;

  padding-left: 0 !important;

  padding-right: 0 !important;

  text-align: center;

}

.button a {

  color: #fff;

}

.full-widthvideo {

  position: relative;

  padding-bottom: 67.25%;

  height: 0px;

  overflow: hidden;

}

/* Fix for odd Mozilla border & padding issues */

button::-moz-focus-inner,input::-moz-focus-inner {

  border: 0;

  padding: 0;

}

/* #Forms================================================== */

form {

		/*margin-bottom:20px;*/

}

.alert.alert-success {

  background-color: #ea3137;

  border-radius: 5px;

  height: 50px;

  line-height: 52px;

  margin: 0 auto 17px;

  text-align: center;

  width: 62%;

}

.alert strong {

  color: #fff;

  font-family: montserrat;

  font-size: 16px;

  text-transform: uppercase;

}

fieldset {

  margin-bottom: 20px;

}

select {

  background: transparent;

  width: 400px;

  font-size: 15px;

  line-height: 1;

  border: 1px solid #ccc;

  border-radius: 0;

  height: 32px;

  margin-bottom: 20px;

  width: 100%;

  background: #fff;

  padding: 8px;

  color: #888;

  cursor: pointer;

}

input[type="text"],input[type="password"],input[type="email"],textarea {

  border: 1px solid #CCC;

  padding: 10px 4px;

  outline: medium none;

  border-radius: 2px;

  font: 13px "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;

  color: #777;

  margin: 0px 0px 20px;

  width: 100%;

  max-width: 100%;

  display: block;

  background: none repeat scroll 0% 0% #FFF;

}

/* Honeypot technique, hide the fake field */
.visually-hidden {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
}

select {

  padding: 0;
  color: #444;

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

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

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

}

input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {

  color: #444;

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

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

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

}

textarea {

  min-height: 60px;

}

label,legend {

  display: block;

  font-size: 13px;

  padding: 10px 0;

}

input[type="checkbox"] {

  display: inline;

}

label span,legend span {

  font-weight: normal;

  font-size: 13px;

  color: #444;

}

/* #Tables================================================== */

table {

  width: 100%;

}

table th {

  font-weight: bold;

  color: #ffffff;

  font-size: 12px;

  padding: 10px;

  text-align: center;

    background-color:#ea3131;

}

table td {

  text-align: center;

  padding: 10px;

  border: 1px solid #f1f1f1;

}

table tr.odd {

  background-color: #F2F2F2;

}

table tr.even {

  background-color: #ffffff;

}

/* #Definition List================================================== */

dt {

  margin: 0;

  padding: .5em 0;

  font-weight: bold;

}

dl {

  margin: .6em;

  margin-left: 0em;

  margin-right: 0em;

}

dl dd {

  padding: .3em;

  padding-right: 0em;

  padding-left: 0em;

}

dl dt {

  font-weight: bold;

  margin: 0;

  padding: 0;

}

.small-font{

  font-size:19px !important; 

}

.medium-font{

  font-size:25px !important; 

}

.large-font{

  font-size:31px !important; 

}

.bold{

	font-weight:600 !important;	

}

.black{

	color:#000 !important;

}

/* #Left - Right================================================== */		

#left,.left {

  float: left !important;

}

#right,.right {

  float: right !important;

}

/* General Class ================================================*/



.jx-wrapper-content{position:relative}

.jx-uppercase{

	text-transform:uppercase;	

}

.jx-bold{

	font-weight:800 !important;	

}

.jx-black{

	color:#000 !important

}

.jx-white{

	color:#fff !important;

}

.jx-halfscreen{

	height:720px;

}

.jx-center-text{

	text-align:center;

}

	

/* #Tint Color================================================== */		

.jx-tint {

  position: relative;

  cursor: pointer;

}

.jx-tint:before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  -moz-transition: background .3s linear;

  -webkit-transition: background .3s linear;

  -o-transition: background .3s linear;

  transition: background .3s linear;

  z-index: 9;

}

	

/*--Tint Black--*/

.jx-tint-black {

  position: relative;

  cursor: pointer;

}

.jx-tint-black:before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(0, 0, 0, 0.80);

  -moz-transition: background .3s linear;

  -webkit-transition: background .3s linear;

  -o-transition: background .3s linear;

  transition: background .3s linear;

  z-index: 9;

}

/*--Tint Black Light--*/

.jx-tint-black-light {

  position: relative;

  cursor: pointer;

}

.jx-tint-black-light::before {

  background-color: #fff;

  bottom: 0;

  content: "";

  display: block;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  transition: background 0.3s linear 0s;

  z-index: 9;

}

/*--Tint Grey--*/

.jx-tint-grey {

  position: relative;

  cursor: pointer;

}

.jx-tint-grey:before {

  content: "";

	display: block;

	position: absolute;

	top: 0px;

	bottom: 0px;

	left: 0px;

	right: 0px;

	background: rgba(80, 80, 80, 0.9) none repeat scroll 0% 0%;

	transition: #000 0.3s linear 0s;

	z-index: 9;

}

.container.container-margin .jx-tint-black:before,

.container.container-margin .jx-tint-default:before,

.container.container-margin .jx-tint-grey:before,

.container.container-margin .jx-tint-black-light:before{

  z-index: 0;

}

.jx-default-bof {

  background-color: #f5f5f5 !important;

}

.jx-grey-bg{	

	background-color:#f9f9f9 !important;

}

.jx-darkgrey-bg {

  background-color: #9b9b9b !important;

}

.jx-black-bg{	

	background-color:#000 !important;

}

.jx-white-bg{	

	background-color:#fff !important;

}

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

[3.0 Body ]

*/

.boxed{

  width:1250px;

  margin: 0 auto;

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

}

.jx-padding-tiny{

  position: relative;

  padding-top: 21px !important;

  padding-bottom: 11px !important;

}

.jx-padding-small {

  padding-top: 30px !important;

  padding-bottom: 30px !important;

}

.jx-padding-big {

  padding-top: 80px !important;

  padding-bottom: 80px !important;

}

.jx-padding-top{

	padding-top:155px;

}

.no-bottom-padding{

	padding-bottom:0 !important

}

.no-top-padding {

  padding-top: 0px !important;

}

.jx-body-content {

  min-height: 100px;

}

.jx-container.jx-padding-small {

  padding-top: 30px;

  padding-bottom: 30px;

  position: relative;

}

.columns.jx-padding {

  padding-top: 60px;

  padding-bottom: 60px;

  position: relative;

}

.jx-container.jx-padding {

  padding-top: 70px;

  padding-bottom: 70px;

  position: relative;

}

.jx-container.jx-padding i.fa {

  color: #ea3137;

}

.jx-container.jx-padding-top {

  padding-top: 80px;

  position: relative;

}

.jx-container.jx-padding-bottom {

  padding-bottom: 80px;

  position: relative;

}

.jx-container {

  margin: 0;

  min-height: 105px;

  padding: 0;

  position: relative;

  width: 100% !important;

  z-index: 9;

}

.parallax {

  margin: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: -1;

  min-height: 600px;

  left: 0;

  top: 0;

  -webkit-background-size: 2000px 1175px;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

}

.parallax-no {

  margin: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: -1;

  min-height: 600px;

  left: 0;

  top: 0;

  -webkit-background-size: 2000px 1175px;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

}

.container.container-margin .parallax{

  z-index: 0 !important;

}

.parallax-fixed {

  margin: 0;

  position: fixed;

  background-position: left center !important;

  width: 100%;

  height: 100%;

  z-index: -1;

  min-height: 600px;

  left: 0;

  top: 0;

  -webkit-background-size: 2000px 1175px;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

}

/* Container Slope ===================*/



/* slope color */

.jx-container.jx-darkgrey-bg .jx-container-slope{

  background: #3A3A3B;

}

.jx-container.jx-default-bg .jx-container-slope{

  background: #FFCC00;

}

.jx-container.jx-white-bg .jx-container-slope{

  background: #fff;

}

/* Witout container */

.jx-container-slope.jx-darkgrey-bg{

  background: #3A3A3B;

}

.jx-container-slope.jx-default-bg {

  background: #FFCC00;

}

.jx-container-slope.jx-white-bg {

  background: #fff;

}

/* slope position */

.jx-container-slope.jx-top-slope{

    top: -24px;

}



/* slope side */

.jx-title-top-line .blog-arrow::after {

  background-color: #f5f5f5;

}



.jx-container-slope.jx-left-slope{

    transform: skewY(1.2deg);

}

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

[4.0 Header ]

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



.jx-header {

  background: #fff none repeat scroll 0 0;

  height: 77px;

  position: relative;

  z-index: 999;

}

.jx-header-logo {

  padding: 15px;

  position: absolute;

  text-align: center;

}

/* Fixed Menu */

.jx-sticky{

  transition:all .3s ease-out;

  -moz-transition:all .3s ease-out;

  -webkit-transition:all .3s ease-out;

}

.jx-sticky.clone {

  box-shadow: 0 0 12px 0 #cdcdcd;

  left: 0;

  position: fixed;

  top: 0;

  width: 100%;

}



.jx-footer .footer-heading-line {

  border-color: #fff;

  margin-bottom: 0;

  margin-top: 0;

  width: 27%;

}

.jx-sticky.fixed .jx-header .jx-container-slope{ 

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

}

.jx-header.jx-sticky.fixed .jx-container-slope{ 

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

}

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

[5.0 Navigation ]

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

/* Menu Top Padding ==================== */

.nav_container {

  

}

/* Top Menu ==================== */

.jx-top-menu {

  background: #1874c1 none repeat scroll 0 0;

  height: 40px;

  overflow: hidden;

  position: relative;

  z-index: 9999;

}

/* Left Items */

.jx-top-menu .jx-left-infobar li {

  border-left: 1px solid #4899dd;

  display: inline-block;

  font-family: open sans;

  margin: 0;

  padding: 11px;

}



.jx-top-menu .jx-left-infobar li:last-child{

  border-right:1px solid #4899dd;

}

.jx-top-menu .jx-left-infobar li i{

  margin-right:10px;

}

.jx-top-menu .jx-left-infobar li:hover a{

  color:#fff;

}

/* Right Items */

.jx-top-menu .jx-right-infobar {

  padding:0;

  margin:0;

  float:right;

  

}

.jx-top-menu .jx-right-infobar li {

  border-left: 1px solid #4899dd;

  display: inline-block;

  font-family: open sans;

  margin-right: -4px;

}

.jx-top-menu .jx-right-infobar li:last-child {

  border-right: 1px solid #4899dd;

}

.jx-top-menu .jx-right-infobar li i {

  color: #fff;

  height: 40px;

  line-height: 43px;

  text-align: center;

  width: 40px;

}

.jx-top-menu .jx-right-infobar li:hover i {

  background: #4899DD none repeat scroll 0 0;

  color: #fff;

}

.jx-top-menu .jx-right-infobar li:hover a{

  color:#fff;

}

/* Search Box */

.searchbox{    

    -webkit-transition: width 0.3s;

    -moz-transition: width 0.3s;

    -ms-transition: width 0.3s;

    -o-transition: width 0.3s;

    transition: width 0.3s;

}

.searchbox-input{

    top:0;

    right:0;

    border:0;

    outline:0;

    background:#444;

    width:100%;

    height:40px;

    margin:0;

    padding:0px 55px 0px 20px;

    font-size:15px;

    color:#fff;  

    border:4px solid #333;

  margin-left:10px;

}

.searchbox-input::-webkit-input-placeholder {

    color: #fff;

}

.searchbox-input:-moz-placeholder {

    color: #fff;

}

.searchbox-input::-moz-placeholder {

    color: #fff;

}

.searchbox-input:-ms-input-placeholder {

    color: #fff;

}

.searchbox-icon,

.searchbox-submit{

    width:50px;

    height:40px;

    display:block;

    position:absolute;

    top:0;

    font-family:verdana;

    font-size:22px;

    right:0;

    padding:0;

    margin:0;

    border:0;

    outline:0;

    line-height:40px;

    text-align:center;

    cursor:pointer;

    color:#ea3131;

    background:#333;

}

.jx-top-menu .jx-right-infobar li.search-box:hover i {

    background: none;

    color: #000000;

}

.searchbox-icon:hover i{

  background: #ea3131 !important;;

  color: #000 !important;

}

/* Drop Down Menu ====================*/

/* #Mobile Menu================================================== */

.slicknav_menu {

  display: none;

}

.slicknav li {

  background-color: #333;

  border: 1px solid #414141;

  display: block !important;

}

.slicknav_btn {

  background: #fff none repeat scroll 0 0;

  border: 1px solid #eee;

  margin: 26px;

  position: fixed;

  right: 0;

  z-index: 999999;

   position: fixed;

}

.slicknav_btn {

  margin: 18px 21px 0 0 !important;

  padding: 5px 9px;

}



#mobile-menu.mobile-nav {

  display: block !important;

  top: 77px;

  z-index: 10000;

}

.slicknav_menu  .slicknav_menutxt {

  display: none;

  line-height: 1.188em;

  float: left;

}

.slicknav li a {

  color: #fff!important;

  padding: 9px 24px !important;

}

.slicknav_btn i {

  font-size: 28px;

}

.slicknav_menu .slicknav_icon {

  float: left;

  margin: 6px 4px 3px 4px;

  ;

}

.slicknav_menu .slicknav_no-text {

  margin: 0;

}

.slicknav_menu .slicknav_icon-bar {

  display: block;

  width: 25px;

  height: 4px;

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  border-radius: 1px;

  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

  margin-bottom: 4px;

}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {

  margin-top: 0.188em;

}

.slicknav_nav {

  clear: both;

}

.slicknav_nav ul,

	.slicknav_nav li {

  display: block;

  margin: 0;

}

.slicknav_nav .slicknav_arrow {

  font-size: 0.8em;

  margin: 0 0 0 0.4em;

  display:none;  

}

.slicknav_nav .slicknav_item {

  cursor: pointer;

}

.slicknav_nav .slicknav_row {

  display: block;

}

.slicknav_nav a {

  display: block;

}

.slicknav_nav .slicknav_item a,

	.slicknav_nav .slicknav_parent-link a {

  display: inline;

}

.slicknav_brand {

  float: left;

}

.slicknav_menu:before,

	.slicknav_menu:after {

  content: " ";

  display: table;

}

.slicknav_menu:after {

  clear: both;

}

	/* IE6/7 support */

.slicknav_menu {

  *zoom: 1;

}

	

.slicknav_menu {

  font-size: 16px;

  box-sizing: border-box;

}

.slicknav_menu * {

  box-sizing: border-box;

}

	/* Button */

.slicknav_btn {

  display: none;

  float: right;

 

}

.slicknav_nav .with-sub .slicknav_row:before{

  content:'\f054';

  font-family: fontawesome;

   font-size:12px;  

}

	/* Button Text */

.slicknav_menu  .slicknav_menutxt {

  color: #FFF;

  font-weight: bold;

  text-shadow: 0 1px 3px #000;

}

	/* Button Lines */

.slicknav_menu .slicknav_icon-bar {

  background-color: #999;

}

.slicknav_menu {

  background: #f1f1f1;

  padding: 0px;

}

.slicknav_nav {

  background: #333;

  margin: 0;

  padding: 0;

  font-size: 0.875em;

  padding-top: 27px;

}

.slicknav_nav, .slicknav_nav ul {

  list-style: none;

  overflow: hidden;

}

.slicknav_nav ul {

  padding: 0;

  margin: 0 0 0 20px;

}

.slicknav_nav li {

  border-bottom: 1px solid #444;

}

.slicknav_nav .slicknav_row {

  padding: 10px 10px;

  margin: 0;

}

.slicknav_nav a {

  padding: 10px 10px;

  margin: 0;

  text-decoration: none;

  color: #FFF;

  font-weight: 300;

  font-size: 13px;

  padding-left: 20px;

}

.slicknav_nav > a {

  border-bottom: 1px solid #444;

}

.slicknav_nav .slicknav_item a,

	.slicknav_nav .slicknav_parent-link a {

  padding: 0;

  margin: 0;

  font-size: 14px;

  padding-left: 10px;

}

.slicknav_nav .slicknav_row:hover {

  background: #222;

  color: #fff;

}

.slicknav_nav a:hover {

  background: none repeat scroll 0% 0% #222;

  color: #fff;

}

.slicknav_nav .slicknav_txtnode {

  margin-left: 15px;

}

.slicknav_brand {

  color: #fff;

  font-size: 18px;

  line-height: 30px;

  padding: 7px 12px;

  height: 44px;

}

.nav_container div {

  float: left;

}

	

/* #Main Menu================================================== */

.menu, .submenu {

  position: relative;

  z-index: 50;

  margin: 56px 0 0;

  padding: 0;

  list-style: none;

}

.menu {

  display: inline-block;

  vertical-align: top;

  position: relative;

  margin: 0;

  text-align: right;

  white-space: nowrap;

}

.menu li {

  position: relative;

  text-align: left;

}

.menu  li  a {

 font-family: "Open Sans";

}

.menu li.with-sub:hover:before {

  content: '';

  display: block;

  width: 260px;

  height: 2px;

  position: absolute;

  left: 0px;

  bottom: 0;

  z-index: 1;

  top: 46px;

}

.menu li i {

  margin-right: 7px;

  color: #ced3d5;

  text-shadow: 0 1px 0 white;

}

.menu a {

  display: block;

  position: relative;

  text-decoration: none;

  color: #646060;

  font: 14px 'open sans';

  -webkit-transition: none;

  transition: none;

}

.menu a.active {

  color: #fff;

  border-radius: 46px;

}

.menu > li {

  display: inline-block;

  margin: 0 7px;

  vertical-align: top;

}

.menu > li:before, .menu a.active:before {

  content: '';

  display: block;

  height: 0;

  position: absolute;

  left: 0px;

  right: 0px;

  bottom: 0;

  z-index: 53;

  -webkit-transition: height 0.2s ease;

  transition: height 0.2s ease;

}

.menu > li:before {

  top: 46px;

}

.menu > li:hover:before, .menu a.active:before {

  height: 2px;

}

.menu > li > a {

  border-top: 6px solid transparent;

  color: #333;

  font-family: montserrat;

  font-size: 15px;

  font-weight: 500;

  line-height: 32px;

  padding: 17px 12px 22px;

  text-transform: uppercase;

}

.menu li .submenu li.col ul li:last-child {

  border: medium none;

}

.menu > li:last-child a{

 padding-right: 0 !important;

}

.menu .jx-mega-menu-title{

  color:#000 !important;

  padding:10px;

  font-size:15px;

  font-weight:600 !important;

}

.menu .jx-mega-menu-title:hover{

  background:none !important;

}

/* For Wordpress Version */	

/*- Megamenu-------------*/	

.menu .submenu {

  min-width: 260px;

  margin: 0;

  padding: 0;

  display: none;

}

.menu li .submenu {

  background: #fff none repeat scroll 0 0;

  border: medium none !important;

  box-shadow: none;

  margin: 0;

  padding: 0;

  position: absolute;

}

.menu li .submenu .col{

display: inline-flex;

margin-right: -3px;

}

.menu > li > .submenu {

  border-top: 2px solid #4899dd;

  left: 0;

  top: 100%;

}

.menu > li:hover > ul.submenu{

	display:block ;  

}

.menu > li:hover >.submenu > li.col > ul {

	display:block

}

.menu li li{

  margin-bottom:0;

}

.menu li .submenu li.col {

	width:260px;

	padding: 0;

}

.menu li .submenu li.col ul {

  box-shadow: 0 0 1px 0 #cdcdcd;

  margin: 0;

  padding: 0;

}

.Testimonial ul li {

  display: none;

}

.menu li .submenu li.col ul li {

	list-style:none;

	width:260px;

	font-weight:normal;

	position:relative;

	}

.menu .submenu li:hover > a {

  color: #fff;

}

.menu li .submenu a {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  color: #444;

  display: block;

  float: none;

  font-family: open sans;

  padding: 9px 28px;

}

/*

.menu li .submenu a:before {

	font-family:fontawesome;

  content:'\f105';

  color:#ccc;

  padding-right: 10px

}*/

.menu .submenu li:last-child {

  border-bottom: 0px solid #262829;

}

.submenu li.col ul li:hover {

  background: #ea3137 none repeat scroll 0 0;

}

/* Submenu 2nd level drop down */

.submenu li li ul {

  position: absolute;

  left:260px;

  background:#000;

  top:0;

  border-top: 2px solid #666;

  display:none;

}

.submenu li li:hover ul {

  display:block;

}

.menu li.has-child >  a:after {

  content:'\f054';

  font-size:10px;

  font-family: fontawesome;

  text-align: right !important;

  position:absolute;

  border-left:1px solid #1f1f1f;

  width:23px;

  height:33px;

  text-align: center;

  top:0;

  right:0px;

  line-height: 37px;

  color:#ea3131;

  padding-right:14px;

}	

/*-- submenu*/

	

	

/* Dark text */

.mega-menu.jx-dark ul >  li > a{

  color:#000;

}

.fixed .mega-menu.jx-dark ul >  li > a{

  color:#000;

}

.mega-menu.jx-dark   li  li > a{

  color:#ccc !important;;

}

/* Light Menu =========*/

.jx-light .menu li i {

  margin-right: 7px;

  color: #000;

  text-shadow: 0 1px 0 white;

}



.menu li .submenu li.col ul li {

  border-bottom: 1px solid #ea3131;

}

.jx-copy-right a {

  color: #676767 !important;

}

.jx-dark .menu li .submenu li.col{

  border-right:1px solid #333;

}

.jx-dark .menu li .submenu li.col ul li {

    border-bottom: 1px solid #333;

}

.jx-light .menu li .submenu li.col{

  border-right:1px solid #eee;

}

.jx-light .menu li .submenu li.col ul li {

    border-bottom: 1px solid rgb(238, 238, 238);

}

.jx-light .menu li .submenu li.col ul ul {

    background:#fff

}

.jx-light .menu li .submenu li.col ul ul li a {

   color:#000 !important;

}

/* Light Menu Color ============================*/

.mega-menu.jx-default-theme .submenu,.mega-menu.jx-default-theme .submenu ul ul{

  background:rgba(255,255,255,0.98);

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

}

.mega-menu.jx-default-theme .submenu ul ul{

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

  margin-top:-2px !important;;

}

.mega-menu.jx-default-theme .menu li .submenu li.col ul ul{

	background:rgba(255,255,255,0.98);

}

.mega-menu.jx-default-theme .submenu a{

  color:#000

}

.mega-menu.jx-default-theme .submenu i{

  color:#000

}

.mega-menu.jx-default-theme .submenu .col li:hover{

  background:#eee;

}

.mega-menu.jx-default-theme .submenu .col li.has-child a:after{

  color:#000 !important;

  border-color:#eee !important;

}

.mega-menu.jx-default-theme .submenu .col li:hover a{

 

  color:#000;

}

.mega-menu.jx-default-theme{

  border-color:#ccc

}

.mega-menu.jx-default-theme li .submenu li.col ul li {

    border-bottom: 1px solid #eee;

}

.mega-menu.jx-default-theme .menu li .submenu li.col {

    border-right: 1px solid #eee;

}

/* One-page menu */

.mPS2id-highlight{

  border-top:6px solid #ea3131 !important;

  color:#ea3131 !important;

  

}

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

[6.0 Slider ]

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

.jx-slider  {

	position:relative;

	z-index: 0;

	margin-top: -60px;

}

/* Revolution Slider */

.jx-caption{

  font-family: oswald;

  line-height: 1 !important;

}

.jx-caption.jx-caption-medium{

  font-size:60px !important;

} 

.jx-caption.jx-caption-large {

  font-size:120px !important;

} 

.jx-caption.jx-caption-small {

  font-size:30px !important;

} 

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

[7.0 Blog ]

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

/*General*/

.jx-fullwidth-blog iframe{

  height:267px;

}

.jx-blog-2-columns iframe{

  height:179px;

}

/*--------- Blog Style # 1----------*/



.jx-blog-2 .blog_base_block {

  margin-bottom: 8px;

}



.contact-us-form {

  background-color: #fff !important;

  padding: 70px 0;

}

.blog-hover a:hover {

  color: #ea3131 !important;

}

.blog-info-block a{

  color: #555;

	font-family: open sans;

  font-size: 14px;



}

 .blog-info-block {

  color: #555;

  display: inline;

  font-family: open sans;

  font-size: 14px;

  margin-right: 26px;

  padding-bottom: 5px;

}

.blog-info-block i {

  margin-right: 4px;

}

.jx-blog-1 .title {

  color: #212121;

  font-family: montserrat;

  font-size: 24px;

  margin-bottom: 14px;

}

.jx-blog-1 .text {

  color: #555;

  font-family: open sans;

  font-size: 14px;

  line-height: 22px;

}

.jx-blog-1 .jx-scale-portfolio {





  left: 45% !important;



}

.jx-blog-1 .hr {

  background: #cdcdcd none repeat scroll 0 0;

  height: 1px;

  margin: 15px 0 27px;

}

/*--------- Blog Style # 2----------*/

.jx-blog-2 .date {

  color: #666666;

  font-family: MONTSERRAT;

  font-size: 12px;

  padding-bottom: 6px;

}

.jx-blog-2 .title {

  color: #212121;

  font-family: Montserrat;

  font-size: 16px;

  line-height: 25px;

  padding-bottom: 5px;

  position: relative;

  top: -5px;

}

.blog-text {

  font-family: open sans;

  font-size: 14px;

  line-height: 22px;

}

.jx-footer h3 {

  text-transform: uppercase;

  font-size: 30px;

  font-family: montserrat;

}

.footer-line {

  border-color: #fff;

  margin: 0;

  width: 62px;

}

.jx-blog-1 .title a,.jx-blog-2 .title a{

  color:#000

}

.jx-blog-1 .title a:hover,.jx-blog-2 .title a:hover{

  color:#ea3131

}

.jx-blog-2 .jx-blog-item {

	padding:0px 0px 40px 0px;

}

.jx-blog-hr {

    background: transparent url("../images/blog_hr.png") repeat scroll 0% 0%;

    height: 18px;

    margin: 22px 0px 34px;

}

/* Single Post ===============================================*/

.blog-single-post .image iframe{

  width:100%;

  height:376px

}

.jx-default-about {

  background-color: #fff !important;

}



.jx-default-about p {

  color: #505050;

}

.jx-default-about ul li {

  color: #505050;

  font-size: 14px;

  font-family: open sans;

}

.jx-default-about ul li::before {

  color: #ea3131;

  content: "";

  font-family: fontawesome;

  font-size: 16px;

  margin-right: 7px;

}

.jx-default-about hr {

  width: 20% !important;

}

.jx-default-about .about-us-btn {

  margin-top: 49px;

}



/*testimonial*/

.Testimonial {

  background-color: #f5f5f5 !important;

  text-align: center;

}

.Testimonial .testimonial-block p {

  color: #fff;

  font-size: 14px;

  margin: 0 17% 22px;

}

.company-loction .no-margin {

  background-color: #f5f5f5;

  border-right: 1px solid #cdcdcd;

  margin: 0 !important;

  padding: 8px 25px;

}

.company-projects .no-margin {

  background-color: #fff !important;

    border-right: 1px solid #cdcdcd;

  margin: 0 !important;

  padding: 8px 25px;

}

.company-work {

  margin: 70px 0 !important;

}

.images ul li img {

	width: 400px;

	height: 266px;

}

.images ul li {

	display: inline-block;

}

.no-padding {

  padding-bottom: 0 !important;

}

.company-work .no-margin:last-child {

  border: medium none;

}

.company-work p {

  color: #666;

  font-family: open sans;

  font-size: 14px;

  margin: 0;

}

.company-work h3 {

  color: #1d1f22;

  font-family: montserrat;

  font-size: 14px;

  margin: 0;

  text-transform: uppercase;

}

.Testimonial .testimonial-block i {

  color: #ea3131;

  font-size: 30px;

  margin-bottom: 26px;

}

.Testimonial .testimonial-block {

  margin-top: 34px;

}

.Testimonial .owl-carousel .owl-item img {

  display: initial !important;

  width: auto !important;

}

.ms-view {

  background: transparent none repeat scroll 0 0 !important;

  overflow: visible !important;

}



/*Blog*/

.blog-single-post .title{

  padding:0

}

.blog-single-post .title a {

  color: #000;

}

.blog-single-post .title:hover a {

  cursor: pointer;

}

.jx-blog-1.blog-single-post .meta {

  padding: 11px 0px;

  color: #828282;

}

.jx-blog-1.blog-single-post .meta span {

}

.jx-blog-1.blog-single-post .meta break {

  color: #E2E2E2;

}

.jx-blog-1.blog-single-post .description {

  padding: 21px 0px 24px 0px;

}





.counter{

background-image:url(../images/facts_02.jpg);

background-position:center;

background-size:cover;

background-repeat:no-repeat;	

}

/* Single post Tags =================================================*/

.jx-single-post-tag li{

  float:left;

  padding:6px 12px; 

  margin-right:10px;

  border: 1px solid #ccc;

}

.jx-single-post-tag li a{

  color: #888;

	font-size: 13px;

	text-transform: uppercase;

}

.jx-single-post-tag li:hover {

	border-color:#ea3131;

}

.tag-title{

	float:left;

	margin-right:10px;

	line-height: 28px;

	color: #333;

	font-size: 16px;

	padding: 0px 20px 0px 0px;

}

/* Social Icons ===================================================*/

/* Author Box ======================================================*/

.jx-author-box{

  height:150px;

  padding:20px

}

.jx-author-image{

  width:90px;

  height:90px;

  float:left;

  margin-right:20px

}

.jx-author-name{

  font-size:18px

}

.jx-radius-full {

    border-radius: 50%;

}

.jx-border-thick {

    border: 5px solid #DDD;

}

/* Related Posts ==================================================*/

.jx-related-image{

  margin-bottom:10px;

  

}

.jx-related-title{

  font-size:16px;

  color:#000;

  padding-bottom:2px;

}

.jx-related-date{

  font-size:14px;

  color:#999;   

}

.jx-related-blog.top-nav-carousel .block-heading{

  margin-bottom:40px  

}

/* Comment Block ==================================================*/

.block-heading{

	overflow:hidden

}

.heading-hr h5::after {

    background: transparent url("../images/stripe.png") repeat scroll 0% 0%;

    width: 100%;

    position: relative;

    left: 18px;

    content: "";

    display: inline-block;

    height: 0.75em;

    margin: 0px -200% 0px 0px;

    overflow: hidden;

} 

ul.comments {

    list-style: outside none none;

    margin: 0px;

    padding: 0px;

}

ul.comments li {

    clear: both;

    padding: 10px 0px 0px 115px;

}

ul.comments li .comment {

    margin-bottom: 10px;

}

ul.comments li .img-thumbnail {

    margin-left: -115px;

    position: absolute;

}

.img-thumbnail {

    border-radius: 4px;

    position: relative;

}

.img-thumbnail {

    display: inline-block;

    max-width: 100%;

    height: auto;

    padding: 4px;

    line-height: 1.42857;

    background-color: #FFF;

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

}

ul.comments li img.avatar {

    height: 80px;

    width: 80px;

}

.img-thumbnail img {

    border:5px solid #ddd

}

ul.comments .comment-block {

    background: #f9f9f9 none repeat scroll 0% 0%;

    border-radius: 5px;

    padding: 20px 20px 30px;

    position: relative;

}

ul.comments .comment-arrow {

    border-bottom: 10px solid transparent;

    border-right: 15px solid #f9f9f9;

    border-top: 10px solid transparent;

    height: 0px;

    left: -15px;

    position: absolute;

    top: 28px;

    width: 0px;

}

ul.comments .comment-block .comment-by {

    display: block;

    font-size: 14px;

    line-height: 21px;

    margin: 0px;

    padding: 0px 0px 5px;

}

ul.comments .comment-block p {

    font-size: 13px;

    line-height: 21px;

    margin: 0px;

    padding: 0px;

}

ul.comments .comment-block .date {

    color: #000;

    font-size: 0.9em;

}

/* Pagination */

.jx-pagination li{

  display: inline-block;

  margin-right:5px;

}

.jx-pagination li a{

  font-family: open sans;

  padding:3px 10px;

  text-align:center;

  line-height:29px;

  background:#eee;  

}

.jx-pagination li a:hover{

  background:#ea3131;

}

.jx-pagination li a{

 color:#333;

 font-size:16px; 

}

.jx-pagination li:hover a{

 color:#000;

 font-size:16px; 

}

.jx-pagination li.selected a{

 background:#ea3131;

 color:#000;

 font-size:16px;

  padding:5px 12px;

}

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

[8.0 Contact ]

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

/* Contact Map */

.jx-google-map.mb {

  margin-bottom: 45px;

}

.jx-map {

  width: 90%;

  height: 373px;

  margin: 0 auto;

}

.jx-map.jx-map-fullwidth {

  width: 100%;

  min-height: 400px;

  margin: 0 auto;

}

/* Contact Form */

/* Contact Form */

.jx-contact-form {

	margin: 0 auto;

	max-width: 1070px;

}

.jx-contact-form input, .jx-contact-form textarea {

  border: 1px solid #ccc;

  border-radius: 0;

  color: #333;

  display: inline-block;

  font-size: 15px;

  margin: 3px;

  padding: 15px;

}

.contact-first-name, .contact-email {

	display: inline-block;

	margin-bottom: 10px;

}

.contact-first-name {

	width: 47.9%;

	margin-right: 8px;

}

.contact-email {

	margin-right: 0px;

	width: 48.8%;

}

.contact-subject {

	display: inline-block;

	margin-bottom: 10px;

	margin-right: 8px;

	width: 100%;

}



.estimate-addr {

	width: 100%;

	margin-right: 8px;

	display: inline-block;

	margin-bottom: 10px;

}



.estimate-state {

	width: 23.54%;

	margin-right: 8px;

	display: inline-block;

	margin-bottom: 10px;

}

.estimate-zip {

	width: 24.54%;

	margin-right: 4px;

	display: inline-block;

	margin-bottom: 10px;

}



.jx-contact-form textarea.jx-form-textarea {

  height: 179px;

  margin-bottom: 28px;

  resize: none;

  width: 98%;

}

.contact-submit .jx-submit {

  background: #ea3131 none repeat scroll 0 0;

  border: medium none;

  color: #fff;

  font-family: open sans;

  font-size: 16px;

  font-weight: 500;

  width: 150px;

}

.contact-submit .jx-submit:hover {

	

	color: #333;

	border: none;

}

/* Contact Info */

	

.jx-contact-info {

  	display: block;

	width: 100%;

}

.jx-contact-info i {

    color: #FC0;

    padding: 0px;

}

.jx-contact-info ul {

	margin:0px;

	padding:0px;

}

.jx-contact-info li {

  margin: 0;

  padding: 0 0 15px;

}

.jx-contact-info .title {

  color: #212121;

  font-family: montserrat;

  font-size: 16px;

  font-weight: 500;

  line-height: 30px;

}

.jx-contact-info li:last-child {

  padding: 0;

}

.contact-us-form .discription{

  font-family: open sans;

  font-size: 14px;

  line-height: 22px;

}

.jx-contact-info .icon {

	height: 49px;

	width: 49px;

	color: #ea3131;

	font-size: 40px;

	text-align: center;

	float:left;

	position:absolute;

}

.jx-contact-info .item-position {

  margin-left: 70px;

  padding-left: 9px;

}

.contact-us-form .icon {

  border: 1px solid #1874c1;

  border-radius: 50%;

  height: 66px;

  margin-top: 4px;

  transition: all 0.3s ease-out 0s;

  width: 66px;

}

.no-top-padding {

  padding: 0 !important;

}

.jx-contact-info li:first-child {

  padding-bottom: 37px;

}

.contact-us-form .icon i {

  font-size: 34px;

  line-height: 63px;

}

.contact-us-form .icon:hover{

	background-color: #1874C1;

    transform: rotateX(-7deg) scale(1.09);

    transition: all 0.7s ease 0s;

	border-color: #1874C1;

	

}

.contact-us-form .icon:hover i {

  color:#fff;

}

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

[9.0 Page ]

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

.jx-titlebar {

  padding-top: 14px !important;

}

.jx-breadcrumb{

  padding-top:25px;

  color:#ea3131;

  font-size:19px;

  font-family:oswald

}

.jx-titlebar span {

  color: #212121;

  font-family: open sans;

  font-size: 14px;

  text-transform: uppercase;

}

.jx-titlebar a {

  color: #ea3131;

  font-family: open sans;

  font-size: 14px;

  text-transform: uppercase;

}

.jx-breadcrumb a:hover {

  color: #000;

}

.jx-titlebar p {

  color: #212121;

  float: left;

  font-size: 14px;

  margin-right: 6px;

  margin-top: 2px;

}

.jx-page-title {

  color: #212121 !important;

  font-family: montserrat;

  font-size: 18px;

  margin-top: 28px;

  text-transform: uppercase;

}

/* Title Style#1 =============*/

.jx-title{

	color:#000;

}

.jx-section-title-1{

  text-align: center;

  margin-bottom: 30px;

}

.jx-section-title-1 .jx-title {

  color: #212121;

  font-family: montserrat;

  font-size: 30px;

  font-weight: normal;

}

.jx-section-title-1{

  text-align: center

}



.jx-title-top-line {

  border-top: 1px solid #1874c1;

  margin: 0 auto;

  max-width: 156px;

}

.blog-title {

  margin: 0 0 13px !important;

}

.ms-anim-layers .btn-yellow {

  background-color: #ea3131;

  border-color: transparent; 

}

.ms-anim-layers .btn-yellow:hover {

  background-color: #1874c1;

  color: #fff;

}

.ms-anim-layers .btn-try-class {

  border-color: transparent;

}



.footer-bottom {

  background-color: #303032;

  padding: 23px 0;

}



.blog {

  background-color: #f5f5f5 !important;

  padding-bottom: 40px !important;

}

.jx-section-title-1 .jx-subtitle {

    color: #333;

    font-size: 16px;

    max-width: 600px;

    margin: 0px auto;

	padding-top:40px;

}

/* Default bg color */

.jx-black-title-top-arrow-default {

	width: 10px;

	height: 10px;

	margin: 0px auto;

	border-top: 21px solid #ea3131;

	border-left: 13px solid transparent;

	border-right: 13px solid transparent;

  position: relative;

  z-index: 9999

}

.jx-black-title-top-arrow-white::after {

  background: #fff none repeat scroll 0 0;

  bottom: 1px;

  color: #1874c1;

  content: "";

  font-family: fontawesome;

  font-size: 28px;

  left: -13px;

  padding: 0 6px;

  position: absolute;

  z-index: -1;

}

/* White bg color */

.jx-black-title-top-arrow-white {

	width: 10px;

	height: 10px;

	margin: 0px auto;

	border-top: 21px solid transparent;

	border-left: 13px solid transparent;

	border-right: 13px solid transparent;

  position: relative;

  z-index: 99;

}



/* Title Style#2 =============*/

.jx-title-double-line{

	width: 150px;

	height: 10px;

	border-top: 2px solid #000;

	border-bottom: 2px solid #000;

	position: absolute;

	margin-left: 10px;

	top: 25px;

}

/* Title Style#3 =============*/

.jx-section-title-3 .jx-title {

	color: #FC0;

	font-size: 48px;

	margin-bottom: 25px;

	font-family: oswald;

}

.jx-section-title-3 .jx-sub-text {

	color:#ffffff;

	width:50%;

	padding-bottom:40px;

	font-size: 20px;

}

.jx-section-title-3.jx-dark .jx-sub-text{

  color:#000

}

/* Section Title Type#4 ================================================================ */

	

.jx-section-title-4 .jx-brucket-title {

  color: #000;

  font-size: 20px;

  margin-bottom: 8px;

}

.jx-section-title-4 .jx-title {

  font-size: 29px;

  font-weight: 400;

  color: #000;

  margin-bottom: 8px;

  line-height: 35px;

  font-family:oswald;

}

.jx-section-title-4 .jx-seperator-hr {

  border-radius: 25px;

  height: 4px;

  width: 85px;

  margin-bottom: 20px;

  margin-left: 0;

  border: none;

  background-color: #ea3131;

}

.jx-section-title-4.jx-light .jx-title{

  color:#fff;

}

/* 404 Eror Page */

.jx-error-page{

  text-align: center;

  line-height: 1

}

.jx-error-page .jx-error-msg h1{

  font-size:60px;

  

}

.jx-error-page .jx-error-code{

  font-size:260px;

  font-family:oswald;

  margin-top:40px;

}

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

[10.0 Footer ]

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

.jx-footer-section {

    background: #3a3a3b;

    color: #ffffff;

}

.jx-footer {

    padding: 22px 0px;

}

.jx-copy-right {

  color: #676767;

  font-family: open sans;

  font-size: 14px;

  text-align: center;

}

.jx-copyright {

	color:#000000;

}

.jx-footer-logo {

	padding-bottom:10px;

}

/* Footer Basic ================================= */

.jx-footer-section .footer-menu ul {

	margin:0px;

	padding:0px;

	float:right;

}

.jx-footer-section .footer-menu ul li {

	margin:0px;

	padding:0px 0px 0px 20px;

	color:#000000;

	float:left;

	display:inline-block;

}

.jx-footer-section .footer-menu ul li a {

	color:#000000;

}

.jx-footer-section .footer-menu ul li a:hover {

	color:#54545F;

}

/* Footer Menu ================================= */

.jx-footer-section .jx-footer-social-icon ul {

	margin:0px;

	padding: 0px 0px 16px 0px;

	float:right;

}

.jx-footer-section .jx-footer-social-icon ul li {

	float: left;

	display: inline;

	margin-left: 8px;

	margin-bottom: 5px;

	width: 50px;

	height: 50px;

	background:#000000;

	text-align:center;

}

.jx-footer-section .jx-footer-social-icon ul li a {

	color:#ea3131;

}

.jx-footer-section .jx-footer-social-icon ul li a:hover {

}

.jx-footer-section .jx-footer-social-icon ul li i {

	padding-top: 14px;

	font-size: 23px;

}

.jx-footer-section .jx-footer-social-icon ul li.facebook:hover {

	background:#3b5998;

}

.jx-footer-section .jx-footer-social-icon ul li.twitter:hover {

  background: #4099FF;

}

.jx-footer-section .jx-footer-social-icon ul li.linkedin:hover {

  background: #007bb6;

}

.jx-footer-section .jx-footer-social-icon ul li.dribbble:hover {

  background: #F26798;

}

.jx-footer-section .jx-footer-social-icon ul li.youtube:hover {

	background: #C3181E;

}

.jx-footer-section .jx-footer-social-icon ul li.googleplus:hover {

  background: #DD4B39;

}

/* Footer Social ================================= */

/* Scroll To Top */

.scroll-up {

  margin-left: 12px;

}

.scroll {

  position: fixed;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  letter-spacing: 1px;

  font-weight: 700;

  font-size: 2em;

  line-height: 2;

  width: 10em;

  text-align: center;

  height: 2em;

  color: #e74c3c;

  background: #ea3131;

  font-style: normal;

  text-transform: uppercase;

  opacity: 0.8;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

 /* IE 8 */

  filter: alpha(opacity=80);

 /* IE 5-7 */

  -moz-opacity: 0.8;

 /* Netscape */

  -khtml-opacity: 0.8;

 /* Safari 1.x */;

}

.scroll::after {

  display: block;

  content: '\2193';

  color: #fff;

  font-size: 3em;

  line-height: 1;

}

#scrollUp {

  bottom: 25px;

  right: 25px;

  height: 60px;

		/* Height of image */

  width: 60px;

		/* Width of image */

  dispaly: block;

  border-radius: 5px;

  opacity: 0.9;

  transition: all 0.3s;

  -moz-transition: all 0.3s;

  -weblit-transition: all 0.3s;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

 /* IE 8 */

  filter: alpha(opacity=90);

 /* IE 5-7 */

  -moz-opacity: 0.9;

 /* Netscape */

  -khtml-opacity: 0.9;

 /* Safari 1.x */;

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

}

#scrollUp .scroll-icon {

  line-height: 55px;

  margin-left:22px;

  text-align: center;

  color: #ea3131;

  font-size: 16px;

  text-align: center;

}

#scrollUp:hover {

  opacity: 0.5;

  margin-bottom: 5px;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

 /* IE 8 */

  filter: alpha(opacity=50);

 /* IE 5-7 */

  -moz-opacity: 0.5;

 /* Netscape */

  -khtml-opacity: 0.5;

 /* Safari 1.x */;

}

/* Footer Widget Title ================================= */

.jx-footer h3 {

  color: #ea3131;

  padding: 10px 0 3px;

}

.jx-footer p {

  line-height: 23px;

  margin-top: 19px;

}

.description p {

  line-height: 0 !important;

  margin-top: 20px !important;

}

.jx-footer-title {

	  text-align: left;

	  position: relative;

}

.jx-footer-title .jx-brucket-title {

	color: #000000;

	font-size: 45px;

	font-weight:bold;

}

.jx-footer-title .jx-title {

  color: #ffffff;

  float: left;

  font-family: montserrat;

  font-size: 18px;

  font-weight: 500;

  line-height: 1.2em;

  margin-top: 7px;

  padding: 10px 10px 15px 0;

  text-transform: uppercase;

}

.logo-block {

  background-color: #fff !important;

  padding: 2% 0 !important;

}



.jx-footer .icon i {

  font-size: 18px;

  line-height: 39px;

}

.jx-footer .icon {

  border: 1px solid #ea3131;

  border-radius: 50%;

  float: left;

  height: 40px;

  margin-right: 13px;

  text-align: center;

  width: 40px;

}

.jx-servicelist-1 .icon {

  background: #ea3131 none repeat scroll 0 0;

  height: 42px;

  margin-top: 34px;

  position: relative;

  width: 64px;

}

.service {

  background-color: #fff !important;

}

.Testimonial .flexslider .slides img {

  display: inline !important;

  width: auto !important;

}



.jx-servicelist-1 .icon::before {

  border-bottom: 15px solid #ea3131;

  border-left: 33px solid transparent;

  border-right: 33px solid transparent;

  content: "";

  height: 0;

  left: 0;

  position: absolute;

  top: -14px;

  width: 0;

}

.jx-servicelist-1 .icon::after {

  border-left: 33px solid transparent;

  border-right: 33px solid transparent;

  border-top: 15px solid #ea3131;

  bottom: -14px;

  content: "";

  height: 0;

  left: 0;

  position: absolute;

  width: 0;

}







.jx-footer-title .jx-title-position {

	position: relative; display: inline-block;

}

.jx-footer-title .jx-right-pattern {

	float: left;

	width: 70px;

	margin-top: 28px;

	height: 3px;

	border-bottom: solid 3px #ea3131;

}

.jx-footer-social ul{

  width:100%;

  margin-bottom:0;

  margin-top:5px;

}

.jx-footer-social li{

  display: inline-block;

  padding:0px;

  bottom:0;

  font-size:20px;

  margin-right:10px;

}

.jx-footer-social li i {

  background: #1874c1 none repeat scroll 0 0 !important;

  color: #fff !important;

  font-size: 20px;

  height: 38px;

  line-height: 41px;

  text-align: center;

  width: 38px;

}

.news-block .date {

  padding: 21px 0 0;

  font-size: 14px;

}

.jx-footer-social li:hover i {

    background: #000 !important;

    

}



/*subscribe*/



#subscribe {

  padding: 40px 0;

  background: #1874c1;

}

#subscribe .row {

  margin: 0px;

}

#subscribe h1 {

  margin: 0px;

  margin-top: 10px;

  color: #fff;

  text-transform: uppercase;

  font-size: 22px;

  font-family: montserrat;

}

#subscribe .form-control {

  height: 50px;

  padding-left: 10px;

  border-radius: 0px;

  border-color: #fff;

  background: #fff;

}

#subscribe .input-group-btn {

  height: 50px;

  border-radius: 0px;

  background: #ea3131;

  border-color: #ea3131;

  transition:all 0.4s ease-in 0s;

  -webkit-transition:all 0.4s ease-in 0s;

  -moz-transition:all 0.4s ease-in 0s;

}

#subscribe .input-group-btn .btn-secondary {

  background: none;

  border: none;  

}

#subscribe .input-group-btn .btn-secondary i.fa {

  color: #333;

  transition:all 0.4s ease-in 0s;

  -webkit-transition:all 0.4s ease-in 0s;

  -moz-transition:all 0.4s ease-in 0s;

}

#subscribe .input-group-btn:hover .btn-secondary i.fa {

  color: #fff;

}



/*.subscribe {

  background-color: #1874c1 !important;

  padding: 3% 0 !important;

}

.subscribe .form-control {

  border: medium none;

  border-radius: 0;

  box-shadow: 0 0 1px 0 #cdcdcd;

  float: left;

  font-family: open sans;

  font-size: 16px;

  margin: 0;

  max-width: 85% !important;

  padding: 15px 20px;

}

.subscribe button {

  background-color: #ea3131;

  color: #fff;

  font-size: 24px !important;

  padding: 9.5px 17px !important;

  position: relative;

}

.subscribe .subscribe_block h3 {

  color: #fff;

  font-family: montserrat;

  font-size: 31px;

  font-weight: bold;

  margin: 5px 0 0;

  text-transform: uppercase;

}

.subscribe button::before {

  color: #ea3131;

  content: "";

  font-family: fontawesome;

  font-size: 44px;

  left: -14px;

  position: absolute;

  top: 0;

}

.subscribe button:hover {

  color: #212121;

}*/





/* Footer Recent Post =====*/

.jx-footer-recent-post ul {

	margin:0px;

	padding:0px;

}

.jx-footer-recent-post ul li {

  margin: 16px 0 0;

  padding: 15px 0 0;

}

.jx-footer-recent-post ul li a {

  color: #fff !important;

}

.jx-footer-recent-post ul li a:hover {

  color: #ea3137 !important;

}

.jx-sidebar-block.mb40 hr {

  border-color: #1874c1;

  width: 20%;

}

.jx-sidebar-get-in-touch {

  border: 1px solid #eee;

  padding: 0 14px;

}

.jx-sidebar-get-in-touch .icon i {

  line-height: 28px;

  color: #ea3137;

}

.jx-sidebar-get-in-touch .description p {

  margin-top: 14px !important;

}

.jx-footer-recent-post ul li:last-child{

padding-bottom:23px;	

}



.jx-sidebar-get-in-touch .icon:hover{

	background-color: #1874C1;

    transform: rotateX(-7deg) scale(1.09);

    transition: all 0.7s ease 0s;

	border-color: #1874C1;

	

}





.one-third .jx-scale-portfolio {



  left: 35% !important;



}

.one-third .jx-scale-portfolio-2 {

 

  right: 35% !important;

  

}

.jx-sidebar-get-in-touch .icon:hover i{

	color:#fff;

	}

.jx-sidebar-get-in-touch .icon {

  border: 1px solid #1874C1;

  border-radius: 50%;

  float: left;

  height: 30px;

  margin-right: 12px;

  text-align: center;

  width: 30px;

  transition: all 0.3s ease 0s;

}

.jx-footer-recent-post ul li:last-child { border-bottom: none;  }

.jx-footer-recent-post .date {

  color: #ea3131;

  font-family: montserrat;

  font-size: 14px;

  padding-bottom: 9px;

}

.jx-footer .news-image {

  float: left;

  margin-right: 10px;

}

.news-block ul li {

  margin-top: 16px;

}



.jx-footer-recent-post .description a {

  color: #ffffff;

  font-family: open sans;

  font-size: 14px;

}	

.jx-footer-recent-post .description a:hover{

	color: #ea3131;

}

/* Footer ADDRESS =====*/

.jx-footer-address ul {

	margin:0px;

	padding: 15px 0px 0px 0px;

}

.jx-footer-address ul li {

	margin:0px;

	padding:0px 0px 20px 0px;

}

.jx-footer-address  li i {

    float: left;

	font-size: 18px;

	color: #ea3131;

	margin-right: 14px;

	text-align: center;

	width: 16px;

	height:20px;

}

.jx-footer-address li strong{

	color:#ffffff;

}

/* Footer LOCATION MAP =====*/

.jx-map.jx-footer-map-fullwidth {

    height: 130px;

	min-height:130px;

	width:100%;

	margin-top:15px;

 }

/* Footer SCHEDULE =====*/

.jx-schedule ul {

	margin:0px;

	padding: 7px 0px 0px 0px;

}

.jx-schedule ul li {

	border-bottom: 1px dashed #CED3D8;

	line-height: 18px;

	padding: 9px 5px;

	overflow: hidden;

	color: #FC0;

	font-size: 14px;

	margin: 0px;

}

.jx-schedule ul li:last-child { border-bottom: none;  }

.jx-schedule ul li span {

	float:right;

}

.jx-schedule ul li strong {

	color:#FFFFFF;

}

/* Footer PROTFOLIO =====*/

.jx-footer-portfolio ul {

	padding: 15px 0px 0px 0px;

	margin:0px;

}

.jx-footer-portfolio li {

	margin: 0px 8px 8px 0px;

	float: left;

	padding: 0px 0px 0px 0px;

	height: 78px;

	width: 30%;

}

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

[11.0 Inventory Page ]

*/

.jx-switch li{

  display: inline-block;

  border:1px solid #eee;

  margin:0;

  padding:0;

}

.jx-switch li i{

  width:30px;

  height:30px;

  line-height:30px;

  text-align: center;

  font-size:18px;

  color:#333;

}

.jx-switch li:hover i{

 background:#ea3131;

}

/* Inventory Top Options */

.inventory-options-bar .jx-sorting-box{

 float:right

}

.jx-lable-sort-by,.jx-selecting-box{

  display: inline-block;

  

}

.jx-selecting-box{

  vertical-align:middle 

}

.jx-lable-sort-by{

 vertical-align:middle;

  margin-right:10px;

}

.jx-inventory-listing{

  display: none;

}

.grid-active{

  display: block !important;

}

.list-active{

  display: block !important;

}

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

[12.0 Sidebar ]

*/

#sidebar{

}

.widget-block{

  border-bottom:1px solid #eee;

  margin-bottom: 22px;

  padding-bottom: 15px;

}

.jx-sidebar-block{

  overflow: hidden

}

.jx-sidebar-block h6::after{

  background: url('../images/stripe.png') repeat;

  width:100%;

  position: relative;

  left: 18px;

  content: "";

  display: inline-block;

  height: 0.75em;

  margin: 0px -200% 0px 0px;

  overflow: hidden;

}

/* Search Widget ===============================*/

.jx-sidebar-search .search-inline-block{

	display:block;

	margin-right:40px;

}

.jx-sidebar-search{

  height:40px;

  margin-bottom:50px;

  max-width:100%;

  margin:0 auto;

} 

.jx-sidebar-search  .jx-form-wrapper button {

    height: 40px;

    width: 40px;

	background:#ea3131;

	border-radius:0

}

.jx-sidebar-search .jx-form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */

    border: 0;

    padding: 0;

}  

.jx-sidebar-search  .jx-form-wrapper input {

	padding: 9px 13px;

	float: left;

	font-size: 17px;

	background-color: #eee;

	border: none;

	border-radius: 0;

	height: 40px;

}

.jx-sidebar-search  .jx-form-wrapper button {

    overflow: visible;

    position: relative;

    float: right;

    border: 0;

    padding: 0;

    cursor: pointer;

    font: bold 15px/40px 'Oswald', 'trebuchet MS', 'Tahoma';

    color: #fff;

    text-transform: uppercase;

    border-radius: 0 3px 3px 0;      

	font-size:20px;

}

.jx-sidebar-search .jx-form-wrapper input:focus {

    outline: 0;

    background: #fff;

}

 

.jx-sidebar-search .jx-form-wrapper input::-webkit-input-placeholder {

   color: #999;

   font-weight: normal;

   font-style: italic;

}

 

.jx-sidebar-search .jx-form-wrapper input:-moz-placeholder {

    color: #999;

    font-weight: normal;

    font-style: italic;

}

 

.jx-sidebar-search .jx-form-wrapper input:-ms-input-placeholder {

    color: #999;

    font-weight: normal;

    font-style: italic;

}    

 

/* Form submit button */

   

.jx-sidebar-search .jx-form-wrapper button:hover{     

    background: #000000 !important;

}   

   

.jx-sidebar-search .jx-form-wrapper button:active,

.jx-sidebar-search .jx-form-wrapper button:focus{   

    background: #c42f2f;

    outline: 0;   

}

 

/* Price Filter Widget ===================================*/

.price_lable{

 text-align: center;

 line-height:35px;

}

/* List Widget ===========================================*/

.jx-post-list img{

	border: 1px solid #DDD;

	padding: 4px;

	max-width: 70px;

	float: left;

	margin: 4px 15px 0px 0px;

}

.jx-post-list span{

	line-height: 23px;

}

.jx-product-rate {

    font-size: 16px;

    height: 20px;

    overflow: hidden;

    position: relative;

    width: 80px;

}

.jx-product-rate:before {

    content: '\f005  \f005  \f005  \f006  \f006';

    font-family: fontawesome;

    color: #fb0;

  

}

/* roduct categories =====================================*/

.jx-category-list li  {

  padding: 5px;

  position:relative;

  border-bottom:1px solid #eee  

}

.jx-category-list li:last-child  {

  border-bottom:none 

}

.jx-category-list li span  {

  float:right;

  top:-1px;

  right:-1px;

  width:25px;

  text-align: center;

  position: absolute;

  padding:5px;

}

/* Categories Widget =====================================*/

.jx-sidebar-categories li:before{

  content:'\f105';

  font-family:fontawesome;

  margin-right:5px;

  color:#888;

  

}

.jx-sidebar-categories li{

  margin-left:10px;

  color:#000;

  font-family: 

}

/* Portfolio Widget ======================================*/

.jx-sidebar-portfolio li{

  width:48%;

  float:left;

 }

.jx-sidebar-portfolio li:nth-child(odd){

  margin-right:10px

 }

 

.jx-sidebar-portfolio .image {

  position: relative !important;

}

.jx-sidebar-portfolio .jx-img-hover .jx-hover-bottom {

  position: absolute;

  bottom: 0;

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

  width: 100%;

  height: 72px;

  padding: 11px;

}

.jx-sidebar-portfolio .jx-img-hover .jx-hover-bottom i.fa-photo {

  color: #fff;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  text-align: center;

  font-size: 25px;

  line-height: 50px;

  float: left;

  margin-right: 15px;

}

.jx-sidebar-portfolio .jx-img-hover .jx-hover-bottom .jx-content .jx-portfolio-title {

  color: #fff;

  font-size: 15px;

  line-height: 1;

  font-weight: 400;

  margin-top: 5px;

}

.jx-sidebar-portfolio .jx-img-hover .jx-hover-bottom .jx-content .jx-portfolio-title:hover {

  cursor: pointer;

}

.jx-sidebar-portfolio .jx-img-hover .jx-hover-bottom .jx-content .jx-portfolio-like {

  font-size: 15px;

  line-height: 1.2;

  font-weight: 400;

}

.jx-sidebar-portfolio .jx-img-hover .jx-hover-top {

  background: rgba(255, 204, 0, 0.8) none repeat scroll 0% 0%;

  position: absolute;

  top: 0px;

  right: 0;

  width: 100%;

  height: 100%;

}

.jx-sidebar-portfolio .jx-img-hover .jx-hover-top a {

  float: left;

}

.jx-sidebar-portfolio .jx-img-hover .jx-hover-top a:hover {

  opacity: 0.7;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

 /* IE 8 */

  filter: alpha(opacity=70);

 /* IE 5-7 */

  -moz-opacity: 0.7;

 /* Netscape */

  -khtml-opacity: 0.7;

 /* Safari 1.x */

  cursor: pointer;

}

.jx-sidebar-portfolio .jx-img-hover .jx-hover-top a i.fa-plus {

	width: 30px;

	height: 30px;

	text-align: center;

	line-height: 30px;

	font-size: 14px;

	font-weight: 200;

	color: #FFF;

	position: absolute;

	background: #000;

	border-radius: 50%;

	top: 50%;

	left: 50%;

	margin-left: -15px;

	margin-top: -15px;

}

.jx-sidebar-portfolio .jx-img-hover .jx-hover-top a i.fa-search {

  width: 50px;

  height: 50px;

  text-align: center;

  padding-top: 13px;

  font-size: 25px;

  font-weight: 200;

  color: #fff;

  background: #000;

}

.jx-sidebar-portfolio img {

  position: relative;

  width: 100%;

  height: auto;

}

	

/* Image Hover */

.jx-sidebar-portfolio li .jx-img-hover {

  display: block;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

 /* IE 8 */

  filter: alpha(opacity=0);

 /* IE 5-7 */

  -moz-opacity: 0;

 /* Netscape */

  -khtml-opacity: 0;

 /* Safari 1.x */

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

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

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

  transition: all 0.3s ease-out;

 /* custom */;

}

.jx-sidebar-portfolio li:hover .jx-img-hover {

  display: block;

  cursor: pointer;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

 /* IE 8 */

  filter: alpha(opacity=100);

 /* IE 5-7 */

  -moz-opacity: 1;

 /* Netscape */

  -khtml-opacity: 1;

 /* Safari 1.x */;

}

.jx-sidebar-portfolio li .jx-img-hover .jx-hover-top {

    opacity: 0;

}

.jx-sidebar-portfolio li:hover .jx-img-hover .jx-hover-top {

    opacity: 1;

}

 

/* Tags =================================================*/

.jx-sidebar-tags li{

  float:left;

  padding:6px 12px; 

  margin-right:10px;

  border-radius:5px;

  background:#ea3131;

}

.jx-sidebar-tags li:hover{

  background:#000 ;

}

.jx-sidebar-tags li a{

  color:#fff;

}

/* Recent Post Widget =============================================*/

.jx-sidebar-recentposts ul {

  padding: 0px;

}

.jx-sidebar-recentposts ul li {

  margin: 0px;

  padding: 0px;

}

.jx-sidebar-recentposts li:first-child {

  border-bottom: 1px dashed #eee;

  padding-top: 4px  !important;

}

.blog.bg-white {

  background-color: #fff !important;

}

.blog.bg-white .blog-arrow::after {

  background-color: #fff !important;

}

.jx-sidebar-recentposts li {

  border-bottom: 1px dashed #eee;

  padding: 20px 0 !important;

}

.jx-sidebar-recentposts li:last-child {

  border-bottom: none;

}

.jx-sidebar-recentposts li .title a {

  color: #212121;

  font-family: montserrat;

  font-size: 13px;

}

.jx-sidebar-recentposts li .title a:hover {

	color:#3A3A3B;

}

.jx-sidebar-recentposts li .image {

  background: #CCCCCC;

  width: 80px;

  margin-right: 10px;

}



.siderbar-slider .flex-direction-nav li {

  display: none;

}

.siderbar-slider ol {

  margin-top: 14px;

}

.jx-sidebar-recentposts li .date {

  color: #666;

  font-family: open sans;

  font-size: 11px;

}

/* Hover Effect */

.jx-sidebar-recentposts .image {

  position: relative !important;

}

.jx-sidebar-recentposts .jx-img-hover .jx-hover-bottom {

  position: absolute;

  bottom: 0;

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

  width: 100%;

  height: 72px;

  padding: 11px;

}

.jx-sidebar-recentposts .jx-img-hover .jx-hover-bottom i.fa-photo {

  color: #fff;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  text-align: center;

  font-size: 25px;

  line-height: 50px;

  float: left;

  margin-right: 15px;

}

.jx-sidebar-recentposts .jx-img-hover .jx-hover-bottom .jx-content .jx-portfolio-title {

  color: #fff;

  font-size: 15px;

  line-height: 1;

  font-weight: 400;

  margin-top: 5px;

}

.jx-sidebar-recentposts .jx-img-hover .jx-hover-bottom .jx-content .jx-portfolio-title:hover {

  cursor: pointer;

}

.jx-sidebar-recentposts .jx-img-hover .jx-hover-bottom .jx-content .jx-portfolio-like {

  font-size: 15px;

  line-height: 1.2;

  font-weight: 400;

}

.jx-sidebar-recentposts .jx-img-hover .jx-hover-top {

  position: absolute;

  top: 0px;

  right: 0;

  width: 100%;

  height: 100%;

}

.jx-sidebar-recentposts .jx-img-hover .jx-hover-top a {

  float: left;

}

.jx-sidebar-recentposts .jx-img-hover .jx-hover-top a:hover {

  opacity: 0.7;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

 /* IE 8 */

  filter: alpha(opacity=70);

 /* IE 5-7 */

  -moz-opacity: 0.7;

 /* Netscape */

  -khtml-opacity: 0.7;

 /* Safari 1.x */

  cursor: pointer;

}

.jx-sidebar-recentposts .jx-img-hover .jx-hover-top a i.fa-plus {

	width: 30px;

	height: 30px;

	text-align: center;

	line-height: 30px;

	font-size: 14px;

	font-weight: 200;

	color: #FFF;

	position: absolute;

	background: #000;

	border-radius: 50%;

	top: 50%;

	left: 50%;

	margin-left: -15px;

	margin-top: -15px;

}

.jx-sidebar-recentposts .jx-img-hover .jx-hover-top a i.fa-search {

  width: 50px;

  height: 50px;

  text-align: center;

  padding-top: 13px;

  font-size: 25px;

  font-weight: 200;

  color: #fff;

  background: #000;

}

.jx-sidebar-recentposts img {

  position: relative;

  width: 100%;

  height: auto;

}

	

/* Image Hover */

.jx-sidebar-recentposts li .jx-img-hover {

  display: block;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

 /* IE 8 */

  filter: alpha(opacity=0);

 /* IE 5-7 */

  -moz-opacity: 0;

 /* Netscape */

  -khtml-opacity: 0;

 /* Safari 1.x */

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

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

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

  transition: all 0.3s ease-out;

 /* custom */;

}

.jx-sidebar-recentposts li:hover .jx-img-hover {

  display: block;

  cursor: pointer;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

 /* IE 8 */

  filter: alpha(opacity=100);

 /* IE 5-7 */

  -moz-opacity: 1;

 /* Netscape */

  -khtml-opacity: 1;

 /* Safari 1.x */;

}

.jx-sidebar-recentposts li .jx-img-hover .jx-hover-top {

    opacity: 0;

}

.jx-sidebar-recentposts li:hover .jx-img-hover .jx-hover-top {

    opacity: 1;

}

/* Inventory Page */

/*-------inventory Filter menu-------*/

.inventory-filter-options-list li {

	line-height: 18px;

	margin: 10px 0px;

}

.inventory-filter-options-list .item a {

	color:#000000;

}

.inventory-filter-options-list .item a:hover {

	color:#ea3131;

}

.inventory-filter-options-list .badge {

    display: inline-block;

    min-width: 10px;

    padding: 3px 7px;

    font-size: 12px;

    font-weight: bold;

    line-height: 1;

    color: #FFF;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    background-color: #777;

    border-radius: 10px;

	float:right;

}

.inventory-filter-options-list.color-options .badge {

    width: 15px;

    height: 15px;

    display: block;

    margin-top: 3px;

}

/*------ Group List-------*/

.color-options .badge.car-color-black {

    background: #000 none repeat scroll 0% 0%;

}

.color-options .badge.car-color-white{

	background:#fff;

	border:1px solid #eee;

}

.color-options .badge.car-color-black{

	background:#000;

}

.color-options .badge.car-color-red{

	background:#FF0004;

}

.color-options .badge.car-color-yellow{

	background:#ECE50D;

}

.color-options .badge.car-color-brown{

	background:#654C38;

}

.color-options .badge.car-color-grey{

	background:#CECECE;

}

.color-options .badge.car-color-silver{

	background:#EAEEF0;

}

.color-options .badge.car-color-gold{

	background:#CAB134;

}

.color-options .badge.car-color-blue{

	background:#148FE1;

}

.color-options .badge.car-color-green{

	background:#90D541;

}

.color-options .badge.car-color-orange{

	background:#F88E0E;

}

/*------ Background Color-------*/

.form-group {

	width: 100%;

}

.filter-btn {

	height:50px;

}

.filter-btn .btn {

	float: right;

	background: #ea3131;

	border: none;

	padding: 10px 20px;

	font-size: 12px;

}

.filter-btn .btn:hover {

	float: right;

	background: #333333;

	border: none;

	padding: 10px 20px;

	font-size: 12px;

	color:#ffffff;

}

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

/* ------- Sidebar Wedgets ------ */

/* ------- Sidebar Wedgets #2 ------ */

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

.jx-financing-calculator-form ul {

	margin:0px;

	padding:0px;

}

.jx-financing-calculator-form ul li {

	margin: 0px;

	padding: 0px;

	line-height: 20px;

}

.jx-financing-calculator-form .label {

    margin-right: 8px;

    float: left;

    width: 183px;

    display: inline-block;

	padding-top: 10px;

}

.jx-financing-calculator-form .text-field {

	display: inline-block;

	width: 30%;

}

.calculate-payment {

padding-top:20px;

	font-weight:bold;

}

.calculate-payment span {

	float:right;

}

/* ------- Sidebar Wedgets ------ */

/* Inventory View Page */

.single-vehicle-details .jx-inventory-top-bar .jx-title{

  font-size:35px;

  font-family: oswald

}

.single-vehicle-details .jx-inventory-top-bar .jx-subtitle {

    font-size: 22px;

    padding:15px 0 0;

}

.single-vehicle-details .badge-premium-listing {

    padding: 6px 10px 3px 5px;

    color: #000;

    text-transform: uppercase;

    font-family: "raleway",sans-serif;

    font-weight: 600;

    font-size: 12px;

    position: relative;

    background-color: #ea3131;

    border-radius: 0px 3px 3px 0px;

    margin-left:15px;

    margin-top:50px;

    line-height: 1;

  

}

.single-vehicle-details .badge-premium-listing::before {

    border-bottom: 12px solid transparent;

    border-right: 12px solid #ea3131;

    border-top: 12px solid transparent;

    content: "";

    height: 0px;

    left: -12px;

    position: absolute;

    top: 0px;

    width: 0px;

}

/* Inventory Top Nav */

.single-vehicle-details .jx-inventory-top-bar .jx-inventory-nav li{

  display: inline-block;

}

.single-vehicle-details .jx-inventory-top-bar .jx-inventory-nav li a:hover{

  background:#eee

}

.single-vehicle-details .jx-inventory-top-bar .jx-inventory-nav li i{

  color:#888;

  margin-right:5px;

}

.single-vehicle-details .jx-inventory-top-bar .jx-inventory-nav li a{

  border:1px solid #ccc;

  padding:6px 10px;

  background:#f9f9f9;

  color:#888;

  font-size:13px;

  font-family:open sans;

  color:#888;

}

.single-vehicle-details .jx-inventory-top-bar .figure{

  text-align: right

}

.single-vehicle-details .jx-inventory-view .left-position {

/*	width: 730px;

	float: left;

	display: inline;

	margin-left: 10px;

	margin-right: 10px;*/

}

.single-vehicle-details .jx-inventory-view .figure {

	color: #000;

	font-size: 32px;

	font-weight: 500;

	font-family: oswald;

	margin: 0px 0px 30px 0px;

}

.single-vehicle-details .jx-inventory-view .figure span {

	padding: 5px 20px;

	background: #ea3131;

}

.single-vehicle-details .jx-inventory-view .additional-images ul {

	margin: 0px 0px;

	padding: 10px;

	background: #eeeeee;

	display: inline-table;

}

.single-vehicle-details .jx-inventory-view .additional-images ul li {

	margin: 0px;

	padding: 1px;

	float: left;

	width: 25%;

}

/* ------- Inventory Image ------ */

.single-vehicle-details .jx-inventory-view .right-position {

/*	width: 410px;

	float: left;

	display: inline;

	margin-left: 10px;

	margin-right: 10px;

	*/

}

.single-vehicle-details .jx-inventory-view .inventory-details {

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

    border-radius: 4px;

}

.single-vehicle-details .jx-inventory-view .item {

    position: relative;

    display: block;

    padding: 10px 15px;

    margin-bottom: -1px;

    border: 1px solid #DDD;

}

.single-vehicle-details .jx-inventory-view .badge {

	display: inline-block;

	min-width: 100px;

	padding: 4px 7px;

	font-size: 12px;

	font-weight: normal;

	line-height: 1;

	color: #FFF;

	text-align: center;

	white-space: nowrap;

	vertical-align: baseline;

	background-color: #777;

	border-radius: 5px;

	float: right;

}	

/* ------- Sidebar Wedgets ------ */

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

[10.0 FAQ ]

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

.jx-list-faq .jx-title{

	padding-bottom:30px;

}

.jx-list-faq .jx-subtitle {

   font-size: 22px;

}

.jx-list-faq .jx-title span {

	padding: 10px;

	color: #000;

	text-transform: uppercase;

	font-family: "raleway",sans-serif;

	font-weight: 600;

	font-size: 20px;

	position: relative;

	background-color: #FC0;

	border-radius: 0px 3px 3px 0px;

	margin-top: 50px;

	line-height: 1;

}

.jx-list-faq .jx-title span::before {

	border-bottom: 22px solid transparent;

	border-left: 22px solid rgb(255, 204, 0);

	border-top: 22px solid transparent;

	content: "";

	height: 0px;

	position: absolute;

	top: 0px;

	width: 0px;

	right: -21px;

}

/*------- Faq Category Menu -------*/

.jx-list-faq ul {

	margin:0px;

	padding: 12px 0px 15px 0px;

}

.jx-list-faq ul li {

	display: inline-block;

	background: transparent url("../images/faq-listBg.png") no-repeat scroll right center;

	padding-right: 17px;

	padding-left: 4px;

	margin-top: 10px;

}

.jx-list-faq ul li:last-child {

	background:none;

}

.jx-list-faq ul li a {

	color:#000000;

}

.jx-list-faq ul li a:hover {

	color:#ea3131;

}

.jx-list-faq ul li.active a {

    color: #ea3131;

	font-weight:bold;

}

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

[10.0 Page ]

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

/* Page Sidebar =======================================*/

.jx-page-sidebar .blog-title {

  color: #212121;

  font-family: montserrat;

  font-size: 24px;

  font-weight: 600;

  padding-top: 40px;

  text-transform: uppercase;

}

.jx-page-sidebar .blog-subtitle {

  color: #444;

  font-family: open sans;

  font-size: 16px;

  padding: 5px 0 20px;

}

/* Page Fullwidth =======================================*/

.jx-page-fullwidth .blog-title {

    font-size: 28px;

    font-weight: 600;

    line-height: 28px;

    color: #2E2E2E;

	padding-top:40px;

}

.jx-page-fullwidth .blog-subtitle {

    font-size: 18px;

    font-weight: 600;

    line-height: 28px;

    color: #2E2E2E;

	padding: 5px 0px 20px 0px;

}

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

[10.0 Our Inventory ]

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

.jx-our-inventory {

	background:#F0F0F0;

	padding: 20px 10px 20px 15px;

}

.jx-our-inventory label {

    display: inline-block;

    font-size: 13px;

    padding: 5px 0px 0px 8px;

}

.jx-our-inventory .our-inventory-btn {

	background:#ea3131;

	border:none;

	float:right;

	font-size: 15.5px;

	padding: 5px 13px;

	border-radius: 4px;

	margin-right:18px;

	font-weight:normal;

}

.jx-our-inventory .our-inventory-btn:hover {

	background:#000000;

	color:#ffffff;

	border:none;

}

.jx-our-inventory .row {

    margin-bottom: 10px;

}

.eight.columns .jx-our-inventory .row {

    margin-bottom: 0px;

	width:48%;

	display: inline-table;

}

.eight.columns .jx-our-inventory .row:last-child {

	width:100%;

	padding-top:10px;

}

.jx-our-inventory .col {

	width: 24.6%;

	display: inline-flex;

	padding-right: 10px;

	padding-left: 10px;

}

.eight.columns .jx-our-inventory .col {

	width: 100%;

}

.jx-our-inventory .col span{

	padding:6px 10px;

}

.jx-our-inventory .full-width {

	width: 100%;

	height: 28px;

	padding-left: 5px;

	border: medium none;

	top: -11px;

	position: relative;

}

.eight.columns .jx-our-inventory .full-width {

	top:2px;

}

.jx-our-inventory .sbHolder {

	width:100%;

}



#about-skills {

  background: #fff;

  padding: 0px 0px 60px;

}

#about-skills .skills-section {

  padding-top: 90px;

}



.about-welcome {

  padding-bottom: 70px;

  background: #f2f2f2;

}

#about-detail {

  background: none; 

}

#about-detail .container-fluid {

  background: none;

}

#about-detail .row {

  margin-bottom: 0px;

  background: rgba(0,0,0,1);

}

#about-detail .about-detail-img {

  /*height: 100%;*/

}

#about-detail .about-detail-container {

  background: url(../images/more-about-right-bg.jpg);

  display: inline-block;

  background-size:cover;

  background-size: 100%;

  padding: 45px 0px;  

}

#about-detail .about-detail-container .abt-detail-info {

  margin-top: 10px;

  margin-bottom: 10px;

  display: inline-block;

  width: 100%;

}

#about-detail .about-detail-container .abt-detail-info:last-child {

  margin-bottom: 0px;

}

#about-detail .about-detail-container h1 {

  font-family: Montserrat;

  color: #dadada;

  font-size: 22px;

  text-transform: uppercase;

  margin: 0px; 

}

#about-detail .about-detail-container p {

  font-family: open sans;

  color: #dadada;

  font-size: 14px;

  line-height: 1.9em;

  padding-right: 280px;

}

.about-line {

  width: 70px;

  height: 3px;

  border-radius: 4px;

  background: #ea3131;

  display: inline-block;

}

#about-skills .skills-section {

  position: relative;  

}

.about-roller-line {

  background: url(../images/hz-roller-lines.png) repeat;

  width: 100%;

  height: 20px;

  display: inline-block;

  position: absolute;

  left: 0;

  top: 0;

}

.about-skills {

  padding-top: 100px !important; 

  padding-left: 0px;

}

#about-skills .skills-section .skills-animation .skill-box {

  width: 28%;

}



  /* Accordion */



.skill-accordion h1 {

  font-family: Montserrat;

  color: #000;

  text-transform: uppercase;

  font-weight: bold;

}

.panel-group {

  font-family: open sans;

  margin-top: 20px;

}

.panel-group .panel + .panel {

  margin-top: 0px;  

}

.panel-default {

  border: none;

  border-radius: 0px;

  border-bottom: none;

}

.panel-group .panel {

  border-radius: 0px;

  /*border-bottom:1px solid #fff !important;*/

  border-bottom: none;

}

.collapse {

  /*border-top: 1px solid #959595;*/

  transition:all 0.4s ease-in 0s;

  -webkit-transition:all 0.4s ease-in 0s;

  -moz-transition:all 0.4s ease-in 0s;

}



.collapse.in {

  background: #f5f5f5;

}

.panel-default > .panel-heading {

  font-family: Montserrat;

  text-transform: uppercase;

  font-size: 18px;

  color: #000;

  font-weight: bold;

  border-radius: 0px;

  background: transparent;

  border-bottom: 1px solid #ea3131 !important; 

  border: none;

  padding: 10px;

  cursor: pointer;

  position: relative;

  

}

.panel-body {

  padding: 15px;

  font-size: 14px;

  line-height: 1.7em;

 /* padding-left: 45px;*/

}

.accordion-toggle:hover {

    text-decoration: none;

}



 .accordion-icon {

  /*background: #202020;*/

  color: #959595;

  margin-top: 8px;

  /*width: 36px;

  height: 48px;*/

  /*text-align: center;

  line-height: 48px;*/

  font-weight: normal;

  /*margin-right: 10px;*/

}

.panel-group .accordion-last {

  border-bottom:none;

}

.accordion-icon {

  position: absolute;

  right: 7px;

  top: 10px;

  display: block;

  width: 20px;

  height: 20px;

  line-height: 21px;

  text-align: center;

  font-size: 16px;

  font-family: FontAwesome;

  font-weight: normal;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  *margin-right: .3em;

}

.accordion-icon-arrow-circle .accordion-icon:before { 

  content: "\f0dd"; 

}

.accordion-icon-arrow-circle.collapsed .accordion-icon:before { 

  content: "\f0de"; 

}





.Testimonial {

  background: url(../images/testimonial-bg.jpg);

  background-size: cover; 

}