/* HEADER 





*/



.header-info {z-index: 15000; height: 24px; background-color: #303030; border-color: #080808; padding-top: 1px;}

.margin-header-info {margin-top: 24px;}

.header-info .social a {color: #999999;}

.header-info .social a:hover {color: #dbdbdb; background-color: transparent; text-decoration: none;}



.navbar-red {background-color: #ED1C24; border-color: #C5161C;}



.navbar-inverse .navbar-brand,  .navbar-inverse .navbar-nav > li > a {color: #FFFFFF;}



.navbar-inverse .navbar-nav > .active > a, 

.navbar-inverse .navbar-nav > .active > a:hover, 

.navbar-inverse .navbar-nav > .active > a:focus, 

.navbar-inverse .navbar-toggle:hover, 

.navbar-inverse .navbar-toggle:focus, 

.navbar-inverse .navbar-toggle {

color: #fff;

background-color: #C5161C;

border-color: #C5161C;

}



/* CUSTOM TOGGLE */

@media (max-width: 931px) {

    .navbar-header {float: none;}

    .navbar-toggle {display: block;margin-right: 25px;}

    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}

    .navbar-collapse.collapse {display: none!important;}

    .navbar-nav {float: none!important; margin: 7.5px -15px;}

    .navbar-nav>li {float: none;}

    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}

    .navbar-collapse.collapse.in {display: block!important;}

    .collapsing {overflow: hidden!important;}

}



.show-on-hover:hover > ul.dropdown-menu {display: block;}



.navbar-logo {

	position: relative; 

	bottom: 30%;

}



.navbar-logo-3m-xs {

  position: relative; 

  bottom: 30%;

  height: 128%;

  left: -70%;

}



.navbar-separator {

	padding-right: 15px;

	border-right: 1px solid rgb(255, 255, 255);

}



.navbar-logo-hide-xs {display: normal !important;}

.navbar-logo-show-xs {display: none !important;}

@media (max-width: 445px) {

  .navbar-logo-hide-xs {display: none !important;}

  .navbar-logo-show-xs {display: normal !important;}

}



/*                       MEGA MENU DROPDOWN                             */

.navbar-nav>li>.dropdown-menu {

    border-top-left-radius:4px;

    border-top-right-radius:4px;

}

.navbar-default .navbar-nav>li>a {

    width:200px;

    font-weight:bold;

}

.mega-dropdown {

  position: static !important;

}

.mega-dropdown-menu {

    padding: 20px 0px;

    width: 100%;

    box-shadow: none;

    -webkit-box-shadow: none;

    background-color: #FFFFFF;

}

.mega-dropdown-menu:before {

    content: "";

    border-bottom: 12px solid #fff;

    border-right: 15px solid transparent;

    border-left: 15px solid transparent;

    position: absolute;

    top: -10px;

    left: 967px;

    z-index: 10;

}

.mega-dropdown-menu:after {

    content: "";

    border-bottom: 12px solid #C5161C;

    border-right: 14px solid transparent;

    border-left: 14px solid transparent;

    position: absolute;

    top: -12px;

    left: 969px;

    z-index: 8;

}

.mega-dropdown-menu > li > ul {

  padding: 0;

  margin: 0;

}

.mega-dropdown-menu > li > ul > li {

  list-style: none;

}

.mega-dropdown-menu > li > ul > li > a {

  display: block;

  padding: 3px 20px;

  clear: both;

  font-weight: normal;

  line-height: 1.428571429;

  color: #999;

  white-space: normal;

  font-size: 0.85em;

}

.mega-dropdown-menu > li ul > li > a:hover,

.mega-dropdown-menu > li ul > li > a:focus {

  text-decoration: none;

  color: #444;

  background-color: #f5f5f5;

}

.mega-dropdown-menu .dropdown-header {

  color: #ED1C24;

  font-size: 18px;

  font-weight:bold;

}

.mega-dropdown-menu form {

    margin:3px 20px;

}

.mega-dropdown-menu .form-group {

    margin-bottom: 3px;

}



.navbar-inverse 

.navbar-nav > .open > a, 

.navbar-inverse .navbar-nav > .open > a:hover, 

.navbar-inverse .navbar-nav > .open > a:focus {

background-color: #ED1C24;

}



@media (max-width: 767px) {

  .navbar-nav .open .dropdown-menu {background-color: #FFFFFF; }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {background-color: #E5E5E5;}

  .navbar-inverse .navbar-collapse,

  .navbar-inverse .navbar-form {border-color: #C5161C;}

}



.mega-dropdown-menu .social a {color: #ED1C24;}

.mega-dropdown-menu .social a:hover {color: #C5161C; background-color: transparent;}



.custom-header-divider-1 {margin-left:15px; padding-bottom: 8px;}

.custom-header-divider-2 {padding-top: 25px;}

.custom-header-divider-3 {margin-bottom: ;}



/* FOOTER





*/



footer {

    padding: 5px 0 10px 0; 

    border-top: solid 5px #ED1C24; 

    background-color: #222; 

    display: block; 

    float: left;

    width: 100%;

    height: 100%;

    }



.map-site {

  position: static !important;

}

.map-site-menu {

    box-shadow: none;

    -webkit-box-shadow: none;

}

.map-site-menu > li > ul {

  padding: 0;

  margin: 0;

}

.map-site-menu > li > ul > li {

  list-style: none;

}

.map-site-menu > li > ul > li > a {

  display: block;

  padding: 3px 20px;

  clear: both;

  font-weight: normal;

  line-height: 1.428571429;

  color: #999;

  white-space: normal;

  font-size: 0.85em;

}

.map-site-menu > li ul > li > a:hover,

.map-site-menu > li ul > li > a:focus {

  text-decoration: none;

  color: #FFFFFF;

  background-color: #ED1C24;

}

.map-site-menu .dropdown-header {

  color: #ED1C24;

  font-size: 18px;

  font-weight:bold;

}



.map-site-menu .social a {color: #ED1C24;}

.map-site-menu .social a:hover {color: #C5161C; background-color: transparent;}



.map-site-menu form {

    margin:3px 20px;

}

.map-site-menu .form-group {

    margin-bottom: 3px;

}



.map-site-menu .divider {height: 1px; margin: 11px 0; overflow: hidden; background-color: #333333;}



.custom-footer-divider-1 {margin-bottom: 43px;}

.custom-footer-divider-2 {margin-bottom: 40px;}

.custom-footer-divider-3 {margin-bottom: 35px;}



.supranet a {color: #999;} .supranet a:hover {color: #666; text-decoration: none;}



/* CUSTOM SECTIONS







*/



.intro-section {

    padding: 150px 0;

    text-align: center;

    background: #fff;

}



.about-section {

    display: block;

    float: left;

    width: 100%;

    height: 100%;

    background: #fff;

    /*padding-bottom: 60px;*/

    margin-bottom: 60px;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;

}



.window-tinting-section {

    display: block;

    float: left;

    width: 100%;

    height: 100%;

    background: #fff;
	margin-top:25px;



}



.online-store-section {

    display: block;

    float: left;

    width: 100%;

    height: 100%;

    padding: 150px 0;

    text-align: center;

    background: #eee;

}



.media-section {

    display: block;

    float: left;

    width: 100%;

    height: auto;

    padding: 25px 0;

    text-align: center;

    background: #fff;

}
.media-section h3{
	font-size:25px; 
	color:#fff; 
	text-align:right;
	width: 100%;
	z-index: 1;
	border-bottom: 1px solid #cecece;
	height:15px;
	display:block;
	margin-bottom:40px;
}
.media-section h3 span{  background:#ED1C24;
z-index: 2;
padding: 10px 15px;
}

.media-section h2{font-size:15px; 
	color:#cccccc; 
	text-align:left;
	width: 100%;
	z-index: 1;
	padding-bottom:4px;
	height:12px;
	display:block;
	border-bottom: 1px solid #cecece; }
	.media-section h2 span{ background:#444444;
z-index: 2;
padding: 10px 10px;}

.socialcont{ padding:25px 0 0 0; }   
.services-section {

    display: block;

    float: left;

    width: 100%;

    height: 100%;

    padding: 150px 0;

    text-align: center;

    background: #fff;

}

.simulator-section {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 0 0 25px 0 ;
	text-align: justify;
	background: #fff;
	

}

#simulator > .col-xs-8, #commercial > .col-xs-8, #residential > .col-xs-8

  {border-left: solid 1px #ddd; min-height: 415px; }



.simulator-section .nav-sidebar { 

    width: 100%;

    padding:0 0 30px 0; 

}



.simulator-section .nav-sidebar ul li { 

    letter-spacing: -0.4px;

}



.simulator-section .nav-sidebar a {

    color: #333;

    -webkit-transition: all 0.08s linear;

    -moz-transition: all 0.08s linear;

    -o-transition: all 0.08s linear;

    transition: all 0.08s linear;

}

.simulator-section .nav-sidebar .active a,

.simulator-section .nav-sidebar .active a:focus { 

    cursor: default;

    background-color: #ED1C24; 

    color: #fff;

}

.simulator-section .nav-sidebar .active a:hover {

    background-color: #222;

    color: #FFFFFF;

}

.simulator-section .nav-sidebar .text-overflow a,

.simulator-section .nav-sidebar .text-overflow .media-body {

    white-space: nowrap;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis; 

}



.simulator-section .btn-blog {

    color: #ffffff;

    background-color: #E50000;

    border-color: #E50000;

    border-radius:0;

    margin-bottom:10px

}

.simulator-section .btn-blog:hover,

.simulator-section .btn-blog:focus,

.simulator-section .btn-blog:active,

.simulator-section .btn-blog.active,

.simulator-section .open .dropdown-toggle.btn-blog {

    color: white;

    background-color:#0b56a8;

    border-color: #0b56a8;

}



.simulator-section .list-unstyled .social a {color: #999999;}

.simulator-section .list-unstyled .social a:hover {color: #C5161C; background-color: transparent;}

.simulator-section h3{
	font-size:25px; 
	color:#fff; 
	text-align:left;
	width: 100%;
	z-index: 1;
	border-top: 1px solid #cecece;
	margin:0 0 0 0;
	padding: 15px;
	text-align:center;
	display:block;
	background:#ED1C24;
	
}

.simulator-section h2{ font-size:15px; 
	color:#cccccc; 
	text-align:left;
	width: 100%;
	z-index: 1;
	font-weight:bold;
	background:#444444;
	display:block;
	text-align:center;
	padding:10px 0;
	margin: 0;
	
	}
	.simulator-section h2 span{ background:#444444;
z-index: 2;
padding: 10px 10px;}




.contact-section {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 25px 0;
	text-align: center;
	background: #eee;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;

}


.contact-section h3{
	font-size:25px; 
	color:#fff; 
	text-align:right;
	width: 100%;
	z-index: 1;
	border-bottom: 1px solid #cecece;
	height:15px;
	display:block;
	margin-bottom:40px;
}
.contact-section h3 span{  background:#ED1C24;
z-index: 2;
padding: 10px 15px;}

.contact-section h2{font-size:15px; 
	color:#cccccc; 
	text-align:left;
	width: 100%;
	z-index: 1;
	padding-bottom:4px;
	height:12px;
	display:block;
	border-bottom: 1px solid #cecece; }
	.contact-section h2 span{ background:#444444;
z-index: 2;
padding: 10px 10px;}

.mapcont{padding:5%; background:#fefefe;  border: 1px solid #cecece; margin-top:30px;}
.formcont{padding:5%; margin-top:30px;}

.formcont .btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
margin-top:5px;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
width:80%;
}

.formcont .btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
font-weight:bold;
}

.formcont .btn-default:hover {
color: #fff;
font-weight:bold;
background-color: #ED1C24;
border-color: #ccc;
}

.request-section {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 25px 0;
	text-align: justify;
	background: #fff;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;

}

#request { 
    background: url(../img/bgbgbg.jpg) 50% 0 fixed; 
    height: auto;  
    margin: 0 auto; 
    width: 100%; 
    position: relative; 
    box-shadow: none;
    padding: 25px 0;
}
.perper {border-radius: 0px; font-size:22px;}
.perper:hover { background:#ED1C24; color:#ffffff;}
.request-section h2{ font-size:28px; color:#ffffff; font-weight:bold; font-style:italic;}
.request-section h3{ font-size:22px;color:#ffffff; font-style:italic; margin-top:10px; margin-bottom:30px;}


.aboutus-section {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 25px 0;
	text-align: justify;
	background: #eee;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;

}

.aboutus-section h3{
	font-size:25px; 
	color:#fff; 
	text-align:right;
	width: 100%;
	z-index: 1;
	border-bottom: 1px solid #cecece;
	height:15px;
	display:block;
	margin-bottom:40px;
	
}
.aboutus-section h3 span{ background:#ED1C24;
z-index: 2;
padding: 10px 15px;}

.aboutus-section h2{ font-size:15px; 
	color:#cccccc; 
	text-align:left;
	width: 100%;
	z-index: 1;
	padding-bottom:4px;
	height:12px;
	display:block;
	border-bottom: 1px solid #cecece;}
	.aboutus-section h2 span{ background:#444444;
z-index: 2;
padding: 10px 10px;}

.aboutus-section p { padding:25px 0;}
.aboutus-section ul { padding-top:19px;}
.titlepad{ padding:0 0 20px 0;}

body #comm-sun-traditional-product-info table thead th {text-align: center; background-color: #f9f9f9;}

body #comm-sun-traditional-product-info table tbody td {vertical-align: middle;}



#about-section-carousel .nav a small {

    display: block;

}

#about-section-carousel .nav {

}



/* SLIDER REVOLUTION





*/



.tp-caption.finewide_large_white, 

.tp-caption.largeblackbg {

  font-family: 'GothamRegular'; 

  letter-spacing: -0.06em;

}



.nav-justified > li > a {

    border-radius: 0px;

    border-top: solid 1px #ddd;

    color: #999

}



#about-section-carousel .item {

  border-top: solid 2px #ED1C24;

  background-color: #eee;

  min-height: 350px;

  padding: 20px 0;

}



#about-section-carousel .carousel-caption {

  color: #999;

  text-shadow: none;

  bottom: 25%;

}



#about-section-carousel .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {

color: #ED1C24;

background-color: #428bca;

}



#about-section-carousel .nav-pills>li[data-slide-to="0"].active a { background-color: #eee; }

#about-section-carousel .nav-pills>li[data-slide-to="1"].active a { background-color: #eee; }

#about-section-carousel .nav-pills>li[data-slide-to="2"].active a { background-color: #eee; }

#about-section-carousel .nav-pills>li[data-slide-to="3"].active a { background-color: #eee; }



/* WINDOW TINT SIMULATOR





*/



.window-tint-sim {

  padding: 60px 0;

  border-top: solid 1px #ddd;

  margin-bottom: 20px;

  display: block;

  height: auto;

}







/* ABOUT CAROUSEL                                            









 */

.custom-carousel .item {

    color:#000;

    padding:20px 0;

}

.custom-carousel .controls{

    overflow-x: auto;

    overflow-y: hidden;

    padding:0;

    margin:0;

    white-space: nowrap;

    text-align: center;

    position: relative;

    background:#ddd

}

.custom-carousel .controls li {

    display: table-cell;

    width: 1%;

    max-width:90px

}

.custom-carousel .controls li.active {

    background-color:#eee;

    border-top:3px solid orange;

}

.custom-carousel .controls a small {

    overflow:hidden;

    display:block;

    font-size:10px;

    margin-top:5px;

    font-weight:bold

}



/* SLIDER REVOLUTION





*/

.bannercontainer {

  width:100%;

  position:relative;

  padding:0;

}

 

.banner{

  width:100%;

  position:relative;

}



.tp-banner-container {

  width:100%;

  position:relative;

  padding:23px 0 0 0;
  

}

 

.tp-banner{

  width:100%;

  position:relative;

}





/* CIRCULAR TABS







*/

.board {

  width: 100%;

  border-top: solid 1px #ddd; 

  /*margin: 60px auto;*/

  height: auto;
  padding:0;

  background: #fff;

/*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/

}

.board .nav-tabs {

  position: relative;

  /* border-bottom: 0; */

  /* width: 80%; */

  /*margin: 40px auto;*/

  margin-bottom: 0;

  box-sizing: border-box;



}



.board > div.board-inner {background-size: 30%;}



p.narrow {width: 60%; margin: 10px auto; letter-spacing: -0.025em; padding-bottom:15px;}



.liner{

  height: 2px;

  background: #ddd;

  position: absolute;

  width: 80%;

  margin: 0 auto;

  left: 0;

  right: 0;

  top: 50%;

  z-index: 1;

}



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

  color: #555555;

  cursor: default;

  /* background-color: #ffffff; */

  border: 0;

  border-bottom-color: transparent;

}



span.round-tabs {

  width: 70px;

  height: 70px;

  line-height: 70px;

  display: inline-block;

  border-radius: 100px;

  background: white;

  z-index: 2;

  position: absolute;

  left: 0;

  text-align: center;

  font-size: 25px;

}



span.round-tabs.one {color: #ED1C24; border: 2px solid #DDD;}



li.active span.round-tabs.one {

  background: #ED1C24 !important;

  border: 2px solid #ED1C24;

  color: #FFFFFF;

}



span.round-tabs.two {color: #ED1C24; border: 2px solid #DDD;}



li.active span.round-tabs.two {

  background: #ED1C24 !important;

  border: 2px solid #ED1C24;

  color: #FFFFFF;

}



span.round-tabs.three {color: #ED1C24; border: 2px solid #DDD;}



li.active span.round-tabs.three {

  background: #ED1C24 !important;

  border: 2px solid #ED1C24;

  color: #FFFFFF;

}



span.round-tabs.four {color: #ED1C24; border: 2px solid #DDD;}



li.active span.round-tabs.four{

  background: #ED1C24 !important;

  border: 2px solid #ED1C24;

  color: #FFFFFF;

}



span.round-tabs.five {color: #ED1C24; border: 2px solid #DDD;}



li.active span.round-tabs.five{

  background: #ED1C24 !important;

  border: 2px solid #ED1C24;

  color: #FFFFFF;

}



.nav-tabs > li.active > a span.round-tabs{background: #fafafa;}



.board-inner .nav-tabs > li {

    width: 25%;

}



.board-inner li:after {

  content: " ";

  position: absolute;

  opacity:0;

  margin: 0 auto;

  bottom: 0px;

  border: 5px solid transparent;

  border-bottom-color: #ED1C24;

  transition:0.1s ease-in-out;

}



.board-inner li.active:after {

  content: " ";

  position: absolute;

  opacity:1;

  margin: 0 auto;

  bottom: 0px;

  border: 10px solid transparent;

  border-bottom-color: #ED1C24;

}



.board-inner .nav-tabs > li a {

 margin: 20px auto;

 border-radius: 100%;

 padding: 0;

}



.board-inner .nav-tabs > li a:hover {background: transparent;}



.tab-content {}



.tab-pane {position: relative;}



.tab-content .head {

  font-size: 25px;

  text-transform: uppercase;

}



.btn-outline-rounded {

    padding: 10px 40px;

    margin: 20px 0;

    border: 2px solid transparent;

    border-radius: 25px;

}



.btn.red {

    background-color:#ED1C24;

    color: #ffffff;

}



.board-inner .icon-gf {font-size: 1.9em}

.board-inner .icon-automotive {font-size: 1.95em}

.board-inner .icon-commercial {font-size: 1.5em}

.board-inner .icon-residential {font-size: 1.8em}



/* SIDE NAVTABS







*/



/* SIDE TABS TITLE SCALE */



#automotive > .col-xs-8, #commercial > .col-xs-8, #residential > .col-xs-8

  {border-left: solid 1px #ddd; min-height: 415px; }



.window-tinting-section .nav-sidebar { 

    width: 100%;

    padding: 0 0 30px 0; 

}



.window-tinting-section .nav-sidebar ul li { 

    letter-spacing: -0.4px;

}



.window-tinting-section .nav-sidebar a {

    color: #333;
	
	
    -webkit-transition: all 0.08s linear;

    -moz-transition: all 0.08s linear;

    -o-transition: all 0.08s linear;

    transition: all 0.08s linear;

}

.window-tinting-section .nav-sidebar .active a,

.window-tinting-section .nav-sidebar .active a:focus { 

    cursor: default;

    background-color: #ED1C24; 

    color: #fff;

}

.window-tinting-section .nav-sidebar .active a:hover {

    background-color: #222;

    color: #FFFFFF;

}

.window-tinting-section .nav-sidebar .text-overflow a,

.window-tinting-section .nav-sidebar .text-overflow .media-body {

    white-space: nowrap;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis; 

}

.window-tinting-section h6{ font-size:15px; 
	color:#cccccc; 
	text-align:left;
	width: 100%;
	z-index: 1;
	font-weight:bold;
	background:#444444;
	display:block;
	padding:10px;
	margin: 0;
	text-align:right;
	border-bottom: 1px solid #cecece;
	}


.window-tinting-section .btn-blog {

    color: #ffffff;

    background-color: #E50000;

    border-color: #E50000;

    border-radius:0;

    margin-bottom:10px

}

.window-tinting-section .btn-blog:hover,

.window-tinting-section .btn-blog:focus,

.window-tinting-section .btn-blog:active,

.window-tinting-section .btn-blog.active,

.window-tinting-section .open .dropdown-toggle.btn-blog {

    color: white;

    background-color:#0b56a8;

    border-color: #0b56a8;

}



.window-tinting-section .list-unstyled .social a {color: #999999;}

.window-tinting-section .list-unstyled .social a:hover {color: #C5161C; background-color: transparent;}





/* BOTTOM TABS





*/



.comm-3-tabs .nav-tabs > li {

    width: 33.333333%;

}



.comm-5-tabs .nav-tabs > li {

    width: 20%;

}



.comm-6-tabs .nav-tabs > li {

    width: 16.66666%;

}



.auto .nav-tabs > li {

    width: 25%;

}





.nav-bottom .nav-tabs > li > a {color: #999;}



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

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

.nav-bottom .nav-tabs > li.active > a:focus {background-color: #dbdbdb; color:#999;}



/* CUSTOM FADE





*/



.custom-fade {

  opacity: 0;

  -webkit-transition: opacity .15s linear;

       -o-transition: opacity .15s linear;

          transition: opacity .15s linear;

}

.custom-fade.in {

  opacity: 1;

}



/* CUSTOM FONT MANAGEMENT





*/



.text-white {color: #FFFFFF;}

.text-gray-dk {color: #333333;}

.text-gray-md {color: #666666;}

.text-gray-lt {color: #dbdbdb;}

.text-red {color: #ED1C24;}



/*  FONT AWESOME CUSTOM CSS  */

.fa-sm {font-size: 1.3em;}



/* GOTHAM */



@font-face {

    font-family: 'GothamRegular';

    src: url('../fonts/gotham-book.eot');

    src: url('../fonts/gotham-book.eot') format('embedded-opentype'),

         url('../fonts/gotham-book.woff') format('woff'),

         url('../fonts/gotham-book.ttf') format('truetype'),

         url('../fonts/gotham-book.svg#GothamRegular') format('svg');

}



@font-face {

    font-family: 'GothamItalic';

    src: url('../fonts/gotham-bookitalic.eot');

    src: url('../fonts/gotham-bookitalic.eot') format('embedded-opentype'),

         url('../fonts/gotham-bookitalic.woff') format('woff'),

         url('../fonts/gotham-bookitalic.ttf') format('truetype'),

         url('../fonts/gotham-bookitalic.svg#GothamItalic') format('svg');

}



@font-face {

    font-family: 'GothamBold';

    src: url('../fonts/gotham-bold.eot');

    src: url('../fonts/gotham-bold.eot') format('embedded-opentype'),

         url('../fonts/gotham-bold.woff') format('woff'),

         url('../fonts/gotham-bold.ttf') format('truetype'),

         url('../fonts/gotham-bold.svg#GothamBold') format('svg');

}



@font-face {

    font-family: 'GothamItalicBold';

    src: url('../fonts/gotham-bolditalic.eot');

    src: url('../fonts/gotham-bolditalic.eot') format('embedded-opentype'),

         url('../fonts/gotham-bolditalic.woff') format('woff'),

         url('../fonts/gotham-bolditalic.ttf') format('truetype'),

         url('../fonts/gotham-bolditalic.svg#GothamItalicBold') format('svg');

}



.gotham {font-family: 'GothamRegular';}

.gotham-it {font-family: 'GothamItalic';}

.gotham-bd {font-family: 'GothamBold';}

.gotham-it-bd {font-family: 'GothamItalicBold';}



}



/* FONT SIZES */



.font-xs {font-size: 6px;}

.font-sm {font-size: 8px;}

.font-md {font-size: 12px;}

.font-lg {font-size: 16px;}

.font-xl {font-size: 22px;}



/* LINK TRANSITIONS







*/



a {color: #ED1C24;}

a:hover,

a:focus {color: #C5161C; text-decoration: none;}



a, .tabs a,

button {

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

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

}

       



/* SOCIAL





*/



.window-tinting-section .fa-star,.fa-star-half,.fa-star-o {color: #ED1C24;}



.window-tinting-section .fa-pinterest,

.window-tinting-section .fa-instagram,

.window-tinting-section .fa-facebook,

.window-tinting-section .fa-facebook-square,

.window-tinting-section .fa-twitter,

.window-tinting-section .fa-twitter-square,

.window-tinting-section .fa-linkedin{

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

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

}



.window-tinting-section .fa-pinterest:hover {color: #ED1C24;}

.window-tinting-section .fa-instagram:hover {color: #f39c12;}

.window-tinting-section .fa-facebook:hover,

.window-tinting-section .fa-facebook-square:hover {color: #3B5998;}

.window-tinting-section .fa-twitter:hover,

.window-tinting-section .fa-twitter-square:hover{color: #4099FF;}

.window-tinting-section .fa-linkedin:hover {color: #517094;}



/* CUSTOM SELECTPICKER WITH ICONS





*/

div.fancy-select {

  position: absolute;

  font-size: 11px;

  color: #666666;

  top: 15%;

  right: 12%;

}



div.fancy-select.disabled {

  opacity: 0.5;

}



div.fancy-select select:focus + div.trigger.open {

  box-shadow: none;

  color: #999999;

}



div.fancy-select div.trigger {

  cursor: pointer;

  padding-right: 35px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  position: relative;

  width: 30px;



  transition: all 240ms ease-out;

  -webkit-transition: all 240ms ease-out;

  -moz-transition: all 240ms ease-out;

  -ms-transition: all 240ms ease-out;

  -o-transition: all 240ms ease-out;

}



div.fancy-select div.trigger:after {

  content: "";

  display: block;

  position: absolute;

  width: 0;

  height: 0;

  border: 5px solid transparent;

  border-top-color: #666666;

  top: 4px;

  right: 7px;

}



div.fancy-select div.trigger.open {

  color: #666;

  box-shadow: none;

}



div.fancy-select div.trigger.open:after {

  border-top-color: #7A8498;

}



div.fancy-select ul.options {

  list-style: none;

  margin: 0;

  position: absolute;

  top: 19px;

  right:-12px;

  visibility: hidden;

  opacity: 0;

  z-index: 50;

  max-height: 200px;

  overflow: auto;

  background: #303030;

  border-radius: 4px;

  border-top: 1px solid #080808;

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

  min-width: 20px;



  transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;

  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;

  -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;

  -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;

  -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;

}



div.fancy-select ul.options.open {

  visibility: visible;

  top: 25px;

  opacity: 1;



  /* have to use a non-visibility transition to prevent this iOS issue (bug?): */

  /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/

  transition: opacity 300ms ease-out, top 300ms ease-out;

  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;

  -moz-transition: opacity 300ms ease-out, top 300ms ease-out;

  -ms-transition: opacity 300ms ease-out, top 300ms ease-out;

  -o-transition: opacity 300ms ease-out, top 300ms ease-out;

}



div.fancy-select ul.options.overflowing {

  top: auto;

  bottom: 40px;



  transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;

  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;

  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;

  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;

  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;

}



div.fancy-select ul.options.overflowing.open {

  top: auto;

  bottom: 50px;



  transition: opacity 300ms ease-out, bottom 300ms ease-out;

  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;

  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;

  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;

  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out;

}



div.fancy-select ul.options li {

  padding: 4px 6px;

  color: #666666;

  cursor: pointer;

  white-space: nowrap;

  margin-right: 30px;



  transition: all 150ms ease-out;

  -webkit-transition: all 150ms ease-out;

  -moz-transition: all 150ms ease-out;

  -ms-transition: all 150ms ease-out;

  -o-transition: all 150ms ease-out;

}



div.fancy-select ul.options li.selected {

  color: #ED1C24;

}



div.fancy-select ul.options li.hover {

  color: #999999;

}



/* CUSTOM BORDERS





*/



.hr-dark {margin-top: 11px; margin-bottom: 11px; border: 0; border-top: 1px solid #333;}

.border-bottom {border-bottom: 1px solid #ddd;}

.border-top {border-top: 1px solid #ddd;}

.border-right {border-right: 1px solid #ddd;}

.border-left {border-left: 1px solid #ddd;}

.border {border: 1px solid #ddd;}



/* CUSTOM BACKGROUNDS





*/



.bg-green {background-color: #27A22C;}



/*  CUSTOM BUTTONS





*/



.btn-danger {

  color: #fff;

  background-color:#ED1C24;

  border-color: #C5161C;}



.btn:focus,

.btn:active:focus,

.btn.active:focus {

  outline: 5px auto #ED1C24;

  outline-offset: -2px;}



/*   CUSTOM MARGINS   





*/



.margin-zero {margin: 0;}



/* left */

.margin-left-xs {margin-left: 5px;}

.margin-left-sm {margin-left: 10px;}

.margin-left-md {margin-left: 20px;}

.margin-left-lg {margin-left: 30px;}

.margin-left-xl {margin-left: 40px;}



.margin-left-15 {margin-left: 15px;}



/* right */

.margin-right-xs {margin-right: 5px;}

.margin-right-sm {margin-right: 10px;}

.margin-right-md {margin-right: 20px;}

.margin-right-lg {margin-right: 30px;}

.margin-right-xl {margin-right: 40px;}



/* top */

.margin-top-xs {margin-top: 5px;}

.margin-top-sm {margin-top: 10px;}

.margin-top-md {margin-top: 20px;}

.margin-top-lg {margin-top: 30px;}

.margin-top-xl {margin-top: 40px;}



/* bottom */

.margin-bottom-xs {margin-bottom: 5px;}

.margin-bottom-sm {margin-bottom: 10px;}

.margin-bottom-md {margin-bottom: 20px;}

.margin-bottom-lg {margin-bottom: 30px;}

.margin-bottom-xl {margin-bottom: 40px;}



/*   CUSTOM PADDING  





 */



.padding-zero {padding: 0;}



/* left */

.padding-left-xs {padding-left: 5px;}

.padding-left-sm {padding-left: 10px;}

.padding-left-md {padding-left: 20px;}

.padding-left-lg {padding-left: 30px;}

.padding-left-xl {padding-left: 40px;}



/* right */

.padding-right-xs {padding-right: 5px;}

.padding-right-sm {padding-right: 10px;}

.padding-right-md {padding-right: 20px;}

.padding-right-lg {padding-right: 30px;}

.padding-right-xl {padding-right: 40px;}



/* top */

.padding-top-xs {padding-top: 5px;}

.padding-top-sm {padding-top: 10px;}

.padding-top-md {padding-top: 20px;}

.padding-top-lg {padding-top: 30px;}

.padding-top-xl {padding-top: 40px;}



/* bottom */

.padding-bottom-xs {padding-bottom: 5px;}

.padding-bottom-sm {padding-bottom: 10px;}

.padding-bottom-md {padding-bottom: 20px;}

.padding-bottom-lg {padding-bottom: 30px;}

.padding-bottom-xl {padding-bottom: 40px;}


/* IMPORTANT */
.twitter-timeline{width: 100% !important;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe{width: 100% !important;}
.embedagram{
	width: 100%;
	height: auto;
}
.form-control{
	display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #cecece;
background-image: none;

border-radius: 0px;
	}
	
	.cat-pro-pad{padding: 10px 15px 10px 30px !important;}
.fix{
    width: 100%;
    padding: 0px;
    display: inline-block;
    float: left;
}
.alert-bulleye{
  color: red;
}
#espejos {      
  position: absolute;
  z-index: 99
  ;
  display: inline-block;
}
#mensaje_ee{
   display: block; 
   float: left; 
   position: fixed;
   top:0; 
   left: 50%;
   width:263px; 
   min-height: 62px; 
   padding: 10px; 
   margin: 0 0 0 -141.5px; 
   z-index: 8999;
}
.pointpoing{ cursor: pointer;}