/* My Class */
.overflow 											{ overflow: hidden }
.clear 												{ clear: both }
.underline 											{ text-decoration: underline }
.black 												{ color: black }
.white 												{ color: white }
.blue 												{ color: #085bac }
.bold												{ font-weight: bold }
.italic												{ font-style: italic }
.center 												{ text-align: center }
.visible 											{ visibility: visible }
.invisible 											{ visibility: hidden }
.display,.block										{ display: block }
.none	 											{ display: none }
.uppercase 											{ text-transform: uppercase }
.lowercase 											{ text-transform: lowercase }
.capitalize											{ text-transform: capitalize }
.title 												{ font-family: 'HelveticaNeueLTStd-LtCn';}
.wrapper 											{ width: 100%; margin: 0 auto;}
/*.wrapper2											{ width: 100; margin: 0 auto; padding-left: 50px; }*/
.wrapper3 										{ width: 1100px; margin: 0 auto; overflow: hidden; padding-top: 100px;}
.wrapper4											{ width: 100%;  padding: 50px; margin-top: 50px;}
.mx-auto                      { display: block; margin: 0 auto; }

.test img {
  max-width: 100%;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.test img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.navbar {
    background: #fff;
    margin-bottom: 0;
    z-index: 9999;
    border: 0;
    font-size: 10px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
    font-family: Montserrat, sans-serif;]
    border-color: #000;
    -webkit-box-shadow: 0 4px 4px -2px #000000;
       -moz-box-shadow: 0 4px 4px -2px #000000;
            box-shadow: 0 4px 4px -2px #000000;
}
.navbar-default .navbar-nav>li > a{
    color: #b21e1e;
    padding-top: 28px;
    padding-bottom: 28px;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #FFF !important;
    background-color: #b21e1e !important;

    -webkit-box-shadow: 0 4px 4px -2px #000000;
       -moz-box-shadow: 0 4px 4px -2px #000000;
            box-shadow: 0 4px 4px -2px #000000;
}

.dropdown-menu a{
  letter-spacing: 4px;
  font-size: 10px;
}

.dropdown-submenu {
    position: relative;

}


.dropdown-submenu>.dropdown-menu a{
letter-spacing: 0px;

}


.dropdown-submenu>.dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: -6px;
    margin-left: -1px;

}



.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
}




.logobig img{
  /*margin-top: 30px;*/
  min-width: 750px;
  max-height: 600px;

}

.module img{
min-width: 130px;
min-height: 130px;
max-width: 130px;
max-height: 130px;
border: 3px solid #E8C578;
}


.module {
  float: left;
  background-color: #AE2024;
  max-height: 180px;
  max-width: 160px;
  padding: 10px;

}


.module h2 {
  background: #000;
  padding: 10px 15px;
  color: #E8C578;
  font: 15px Sans-Serif;
  text-align: center;
  margin-left: -10px;
    margin-right: -10px;
  min-width: 155px;

}

.module h2:hover{
    color: #FFF !important;
    background-color: #b21e1e !important;
}



.imageis {
  padding-top: 50px;
  padding-bottom: 50px;
}

/*.clogo img:nth-child(1){
  padding-left: 100px;
}*/

.imageis img{
max-width: 260px;
min-height: 200px


}




.clogo {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
}

/*.clogo img:nth-child(1){
  padding-left: 100px;
}*/

.clogo img{
  max-width: 200px;
  max-height: 65px;
  display: block;
  margin: 0 auto;
}

.opp h2 {
  background: rgba(255, 255, 255, 0.75);
  color: black;
}



/* General Tag */
/*body												{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: url(../images/bg.jpg) fixed; }*/
h1													{ font-size: 80px }
h2													{ font-size: 48px }
h3													{ font-size: 35px }
h4													{ font-size: 25px }
h5													{ font-size: 16px }
h6													{ font-size: 16px }
h6													{ font-size: 16px }
p 													{ font-size: 16px; line-height: 1.8; margin: 10px 0; color: #666666 }
a 													{ text-decoration: none }
small 												{ font-size: 11px }
strong,b 											{ font-weight: bold}
em,i 												{ font-style: italic }



/* Common Layout */
#header 											{ overflow: hidden ;
                                background-color: #FFF;}
#logo 												{ width: 230px; height: 100%; float: left; padding-top: 4px;}
#logo-stacks 										{ width: 760px; float: right; text-align: right; padding-top: 30px }
#logo-stacks a 										{ margin-left: 30px;}
#landing-canvas 									{ position: relative; overflow: hidden; padding-top: 50px;}
#landing-canvas2 									{ position: relative; overflow: hidden; background-color: #000}
#jo-canvas 											{  position: relative;}
#jo-canvas2 											{padding-top: 50px; width: 400px; float: left;position: absolute;bottom:0px; }
#canvas 										  	{ /*margin-top: 40px; */width: 420px; float: left; }
#landing-desc	 									{ width: 800px; margin-top: 50px; float: right;}
#landing-desc h1 									{ color: #0a0a0a; font-weight: 300; margin-bottom: 10px; font-weight: bolder;}
#landing-desc h3 									{ color: #0a0a0a; font-weight: 400; margin-bottom: 40px;}
#landing-desc p 									{  color: #666666; line-height: 1.6; margin: 0 auto; color: #000; padding-right:80px;}
#landing-desc2	 									{ width: 650px; margin-top: 30px; float: right; text-align: center }
#landing-desc2 h1 									{ /*color: #FFF; */font-weight: 300; margin-bottom: 10px; font-weight: bolder;}
#landing-desc2 h3 									{ color: #0a0a0a; font-weight: 400; margin-bottom: 40px;}
#landing-desc2 h5 									{ width: 540px; color: #666666; line-height: 1.6; margin: 0 auto; color: #FFF}
#landing-desc3	 									{ width: 650px; float: right; text-align: center }
#landing-desc3 h1 									{ color: #0a0a0a; font-weight: 300; margin-bottom: 10px; font-weight: bolder;}
#landing-desc3 h3 									{ color: #0a0a0a; font-weight: 400; margin-bottom: 40px;}
#landing-desc3 h5 									{ width: 540px; color: #666666; line-height: 1.6; margin: 0 auto; color: #000}
#profile 											{ background: #000; padding: 50px 0; overflow: hidden; width: 100%;}
#profile a                      {color: #FFF;}
/*#profile p 											{padding-left: 40px; padding-right: 40px;}*/
#profile q {color: #E8C578}
#profile h4                     {width: 100%; line-height: 1.6; margin: 0 auto; text-align: center; font-weight: bold;}
#products 											{ background: #000; padding: 50px 0; overflow: hidden;}
#products a                      {color: #FFF;}
#products p 											{text-align: justify; font-size: 15px; color: #FFF;}
#products h4                     {width: 100%; color: #666666; line-height: 1.6; margin: 0 auto; color: #FFF; text-align: center; /*font-weight: bolder;*/ font-size: 20px;}
/*#products img                    { height: 250px; width: 350px; }*/
#courses 											{ /*padding: 50px;*/ overflow: hidden;}
#courses a                      {color: #FFF;}
#courses p 											{text-align: justify; font-size: 15px;}
#courses h4                     {width: 100%; color: #666666; line-height: 1.6; margin: 0 auto; color: #FFF; text-align: left; /*font-weight: bolder;*/ font-size: 20px;}
#clientele 											{ text-align: center; padding: 50px 0;
                                  background: #E7D49D; /* For browsers that do not support gradients */
                                  background: -webkit-linear-gradient(#E7D49D,#E7D49D, white); /* For Safari 5.1 to 6.0 */
                                  background: -o-linear-gradient(#E7D49D,#E7D49D, white); /* For Opera 11.1 to 12.0 */
                                  background: -moz-linear-gradient(#E7D49D,#E7D49D, white); /* For Firefox 3.6 to 15 */
                                  background: linear-gradient(#E7D49D,#E7D49D, white); /* Standard syntax (must be last) */
                                  -webkit-box-shadow: 0 4px 4px -2px #000000;
                                   -moz-box-shadow: 0 4px 4px -2px #000000;
                                    box-shadow: 0 4px 4px -2px #000000;}
#clientele h4 										{ margin-bottom: 10px;
                                    color: #000;}
#photo                             { background: #000; padding: 50px;}
#photo h3                          {/*color: #FFF;*/ text-align: center;}
#photo h4                          {color: #FFF; padding-top: 15px;}
#newsletter                             { background: #000; padding-top: 50px; padding-bottom: 50px;}
#newsletter h3                          {/*color: #FFF;*/ text-align: center;}
#newsletter h4                          {color: #FFF; padding-top: 15px; font-size: 17px; }
.newsletterc {padding-right: 50px; padding-left: 100px;}
/*#testimonial 											{ background: url(../images/bg.jpg) fixed; padding: 50px 0; overflow: hidden }*/
/*#about 											{ background: url(../images/bg.jpg) fixed; padding: 50px 0; overflow: hidden }*/
#about                      {  padding: 50px 0; overflow: hidden }
#footer 											{ padding: 50px 0;}
#footer a,h4                  {color: #000;}
#footer p                  {color: #000;}
#register 											{  float: left; }
#register a,p                    {color: #000;}
#extra 												{ float: right;}
#register-form {padding-bottom: 50px;}
#register-form input[type=text]						{ display: block; margin-bottom: 15px; padding: 10px; font-size: 14px; color: #666666; width: 498px; background: white; border: 1px solid #C0C6CC; border-radius: 4px }
#register-form input[type=submit]					{ cursor: pointer; display: block; width: 140px; font-size: 14px; padding: 15px 0; text-align: center; border: 0; background: #000; border-radius: 4px; color: white; -webkit-transition: .5s; transition: .5s }
::-webkit-input-placeholder 						{ color: #000 }
:-moz-placeholder 									{ color: #000 }
::-moz-placeholder 									{ color: #000 }
:-ms-input-placeholder 								{ color: #000 }



/* carousel */
#quote-carousel
{
  padding: 0 50px 30px 50px;
  position: relative;
  /*width: 150%;*/
  overflow: hidden;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  /*font-size: 2.3em;*/
  text-shadow: none;
  /*margin-top: 30px;*/
}
/* Previous button  */
#quote-carousel .carousel-control.left
{
  left: -70px;
}
/* Next button  */
#quote-carousel .carousel-control.right
{
  right: -30px;

}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */



/* carousel */

/* Changes the position of the indicators */
#image-carousel .carousel-indicators
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#image-carousel .carousel-indicators li
{
  background: #c0c0c0;
}
#image-carousel .carousel-indicators .active
{
  background: #333333;
}

/* End carousel */




.nav.nav-justified > li > a { position: relative; }
.nav.nav-justified > li > a:hover,
.nav.nav-justified > li > a:focus { background-color: transparent; }
.nav.nav-justified > li.active > a > .quote { opacity: 1; }
.nav.nav-justified > li > a > img {
max-width: 100%;
opacity: .6;
-webkit-transform: scale(.8,.8);
transform: scale(.8,.8);
-webkit-transition: all 0.9s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 1s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.nav.nav-justified > li.active > a > img,
.nav.nav-justified > li:hover > a > img,
.nav.nav-justified > li:focus > a > img {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: all 0.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          }
.tab-pane .tab-inner { padding: 30px 0 40px;}
.tab-inner p{
  color: #FFF;
}
.tab-inner .lead p{
  /*color: #FFF;*/
}


.selected img {
	opacity:0.5;
}

/************ Testimonials ****************/

          .content {
          padding-top: 40px;
          }
          .testimonials {
            padding-top: 40px;
          }
          .testimonials {
            padding-bottom: 40px;
          }
          .testimonials p{
            color: #000;
          }
          .testimonials .carousel-info img {
              border: 3px solid #E8C578;
              max-height: 75px;
              padding: 3px;
              max-width: 75px;
          }
          .testimonials .carousel-info {
              overflow: hidden;
              padding: 10px;
              background-color: #000;

          }
          .testimonials .carousel-info2 {
              background-color: #FFF;
              padding: 25px;
          }

          .testimonials .carousel-info2 li {
              color: #000;
              font-size: 15px;
          }


          .read-more-state {
          display: none;
          }

          .read-more-target {
            opacity: 0;
            max-height: 0;
            font-size: 0;
            transition: .25s ease;
            margin-left: -16px;
            background-color: #FFF;
          }

          .read-more-wrap{
            text-align: justify;

          }


          .read-more-state:checked ~ .read-more-wrap .read-more-target {
            opacity: 1;
            font-size: inherit;
            max-height: 999em;
          }

          .read-more-state ~ .read-more-trigger:before {
            content: 'Show more';
          }

          .read-more-state:checked ~ .read-more-trigger:before {
            content: 'Show less';
          }

          .read-more-trigger {
            cursor: pointer;
            display: inline-block;
            font-weight: normal;
            padding: 10px 20px;
            color: #FFF !important;
            background-color: #b21e1e !important;

            -webkit-box-shadow: 0 4px 4px -2px #000000;
               -moz-box-shadow: 0 4px 4px -2px #000000;
                    box-shadow: 0 4px 4px -2px #000000;

          }

          .testimonials .carousel-info img {
              margin-right: 15px;
          }
          .testimonials .carousel-info span {
              display: block;
          }
          .testimonials span.testimonials-name {
              color: #E8C578;
              font-size: 16px;
              font-weight: bolder;
              margin: 23px 0 7px;
          }
          .testimonials span.testimonials-post {
              color: #E8C578;
              font-size: 12px;
          }



          .gal-item{
          	overflow: hidden;
          	padding: 3px;
          }
          .gal-item .box{
          	height: 350px;
          	overflow: hidden;
          }
          .box img{
          	height: 100%;
          	width: 100%;
          	object-fit:cover;
          	-o-object-fit:cover;
          }
          .gal-item a:focus{
          	outline: none;
          }
          .gal-item a:after{
          	content:"\e003";
          	font-family: 'Glyphicons Halflings';
          	opacity: 0;
          	background-color: rgba(0, 0, 0, 0.75);
          	position: absolute;
          	right: 3px;
          	left: 3px;
          	top: 3px;
          	bottom: 3px;
          	text-align: center;
              line-height: 350px;
              font-size: 30px;
              color: #fff;
              -webkit-transition: all 0.5s ease-in-out 0s;
              -moz-transition: all 0.5s ease-in-out 0s;
              transition: all 0.5s ease-in-out 0s;
          }
          .gal-item a:hover:after{
          	opacity: 1;
          }
          .modal-open .gal-container .modal{
          	background-color: rgba(0,0,0,0.4);
          }
          .modal-open .gal-item .modal-body{
          	padding: 0px;
          }
          .modal-open .gal-item button.close{
              position: absolute;
              width: 25px;
              height: 25px;
              background-color: #000;
              opacity: 1;
              color: #fff;
              z-index: 999;
              right: -12px;
              top: -12px;
              border-radius: 50%;
              font-size: 15px;
              border: 2px solid #fff;
              line-height: 25px;
              -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
          	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
          }
          .modal-open .gal-item button.close:focus{
          	outline: none;
          }
          .modal-open .gal-item button.close span{
          	position: relative;
          	top: -3px;
          	font-weight: lighter;
          	text-shadow:none;
          }
          .gal-container .modal-dialogue{
          	width: 80%;
          }
          .gal-container .description{
          	position: relative;
          	height: 40px;
          	top: -40px;
          	padding: 10px 25px;
          	background-color: rgba(0,0,0,0.5);
          	color: #fff;
          	text-align: left;
          }
          .gal-container .description h4{
          	margin:0px;
          	font-size: 15px;
          	font-weight: 300;
          	line-height: 20px;
          }
          .gal-container .modal.fade .modal-dialog {
              -webkit-transform: scale(0.1);
              -moz-transform: scale(0.1);
              -ms-transform: scale(0.1);
              transform: scale(0.1);
              top: 100px;
              opacity: 0;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              transition: all 0.3s;
          }

          .gal-container .modal.fade.in .modal-dialog {
              -webkit-transform: scale(1);
              -moz-transform: scale(1);
              -ms-transform: scale(1);
              transform: scale(1);
              -webkit-transform: translate3d(0, -100px, 0);
              transform: translate3d(0, -100px, 0);
              opacity: 1;
          }





/****************** ABOUT *************/

.aboutcontent {
padding-top: 40px;
}
.about {
  padding-top: 20px;
}

.about p{
  color: #000;
}

.about-name {
    font-weight: bolder;
    padding: 15px;
}

.about-name2 {
    color: #E8C578;
    font-size: 16px;
    font-weight: bolder;
    margin: 23px 0 7px;
}
.about-name3 {
    font-size: 22px;
    /*font-weight: bolder;*/
    padding: 5px;
    /*padding-left:25%;*/
    color: #fff;
    margin: 0 auto;
}

.about-name4 {
  margin-top: -10px;
  line-height: 0px;
  font-size: 10px;
  font-style: italic;
}
.pl1{
  padding-left:25%;
}

.about .about-info {
    overflow: hidden;
    padding: 10px;
    background-color: #B21E1E;
    margin-top: 10px;

}

.about-info2 {
    background-color: #FFF;
    padding: 25px;
}
.about .about-info3 {
    background-color: #000;
    padding: 10px;
    margin-top: 10px;
}

.about-info3 p{
  color: #000;
}





/*..*/


.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}


.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;

}

/*.img-responsive{
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  min-height: 280px;
  max-height: 280px;
  max-width: 380px;
  min-width: 380px;

}
*/
.btn-danger{
  background-color: #B21E1E;
  border-color: #B21E1E;
    border-radius: 0px;
}

.productpage img{
padding: 11px;
max-width: 400px;
max-height: 230px;
min-height: 230px;
}
.productpage2 img{
padding: 11px;
max-width: 400px;
max-height: 300px;
min-height: 300px;
}

.productpage3 img{
padding: 11px;
max-width: 284px;
min-width: 284px;
max-height: 160px;
min-height: 160px;
}
.dropdown-menu>li>a{
  padding-top: 20px;
  padding-bottom: 20px;
}
.normal{
  font-weight: normal;
}
.prod:hover{
  background-color: #b21e1e;
}
.toppad{
  padding-top: 100px;
}
.gold{
  color: #E8C578;
}
.red{
  color: #b21e1e;
}
.bgred{
  background-color: #b21e1e;
}
.bgblack{
  background-color: #000;
}
blockquote{
  font-size: 16px;
}
@media(min-width: 1200px){
  .container{
    width: 1280px
  }
}
.thumbnail{
  min-height: 280px
}

.thumbnail2{
  min-height: 340px;
  max-height: 340px;

}

.thumbnail2 img{
  max-height: 330px;

}



.thumbnail3{
  min-height: 250px;
  max-height: 250px;

}

.thumbnail3 img{
  max-height: 250px;
  max-width: 250px;
  border: 4px solid #E8C578;
}




#nimg{
  vertical-align: middle;display: block; position: absolute; left: 50%; top: 47%; transform: translate(-50%, -50%);
  max-width: 360px;max-height: 250px;
}

#nimg2{
  vertical-align: middle;
  display: block;
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  max-width: 250px;
  max-height: 300px;
}

#nimg3{
  vertical-align: middle;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 250px;
  max-height: 300px;
}