@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo.eot');
    src: url('../fonts/Arimo.eot?#iefix') format('embedded-opentype'), url('../fonts/Arimo.woff') format('woff'), url('../fonts/Arimo.ttf') format('truetype'), url('../fonts/Arimo.svg#HelveticaNeue') format('svg');
    font-weight: 400;
    font-style: normal;
	}
.rec-spec-item-new { border:solid 1px rgba(0,0,0,0.1);}
.spec-head { color:#FFF; background:#F90858; text-align:center; line-height:50px; font-weight:bold; text-transform:uppercase;}
.spec-subhead { background:rgba(0,0,0,0.1); color:#000; font-weight:bold; line-height:40px; text-align:center;}
.spec-content { height:200px; overflow:hidden;}
.spec-content ul { padding-left:25px;}
.spec-content ul li { margin:10px 0px;}
.spec-content a { color:#333; -webkit-transition: padding-left 0.5s; transition: padding-left 0.5s; font-size:14px;}
.spec-content a:hover { color:#F90858; text-decoration:none; font-weight:bold; padding-left:10px;}	
body { font-family: 'Arimo' !important; font-size:15px; color:#333333; overflow-x:none; }
header { z-index:9999; position:relative;  }
article { min-height:500px;}
.white { color:#FFFFFF; }
.black { color:#000000; }
.red { color:#F90858; }
.t-shadow {text-shadow:2px 2px 10px rgba(0,0,0,0.9);}
.bold { font-weight:bold;}

::placeholder { font-size:13px;}
.newsletter::placeholder { color:#FFF;}

h1 { font-size:45px; color:#000; margin-bottom:0px;}
h1.small { font-size:35px; font-weight:bold; margin-bottom:10px;}
h1.small span { border-bottom:solid 4px #F90858;}
h2 { font-size:20px; color:#000; margin-bottom:0px;}
h3 { font-size:16px; margin-bottom:0px; letter-spacing:1px; font-weight:bold;}

.more { text-transform:uppercase; font-weight:bold; font-size:14px; padding-left:100px; color:#333333; -webkit-transition: color 1s, padding-left 1s; transition: color 1s, padding-left 1s;}
.more:before { content:""; height:4px; width:90px; position:absolute; margin-left:-100px; background:#F90858; margin-top:8px; -webkit-transition: width 1s, margin-left 1s; transition: width 1s, margin-left 1s; }
.more:hover { color:#F90858; padding-left:120px; text-decoration:none; }
.more:hover:before { width:110px; margin-left:-120px;}

.more-white { text-transform:uppercase; font-weight:bold; font-size:14px; padding-left:100px; color:#FFFFFF; -webkit-transition: color 1s, padding-left 1s; transition: color 1s, padding-left 1s;}
.more-white:before { content:""; height:4px; width:90px; position:absolute; margin-left:-100px; background:#FFFFFF; margin-top:8px; -webkit-transition: width 1s, margin-left 1s; transition: width 1s, margin-left 1s; }
.more-white:hover { color:#FFFFFF; padding-left:120px; text-decoration:none; }
.more-white:hover:before { width:110px; margin-left:-120px;}

.more2 { color:#F90858; font-size:14px; font-weight:bold; text-decoration:none; display:block;}
.more2:hover { text-decoration:none; color:#F90858; }
.more2:before { content:""; width:18px; height:3px; background:#F90858; position:absolute; left:100px; margin-top:10px; -webkit-transition: width 0.25s; transition: width 0.25s; }
.more2:hover:before { width:25px;}
.more2:after { content:""; width:3px; height:13px; background:#F90858; position:absolute; left:115px; margin-top:5px; -webkit-transition: left 0.25s; transition: left 0.25s; }
.more2:hover:after { left:122px;}

.ws_images > div:nth-child(5) { display:none !important;}

/* ------------- START HEADER------------ */

.top-bar { background:#ced2d3;}
.top-bar > div { display:flex; justify-content: center; padding:0px; flex-wrap: wrap; align-content: space-between; }
.top-bar a { display:block; line-height:40px; color:#333333; text-transform:uppercase; font-size:13px; padding:0px 15px 0px 15px; text-decoration:none; font-weight:bold; -webkit-transition: background 1s, color 1s; transition: background 1s, color 1s;}
.top-bar a:hover { background:#F90858; color:#FFF;}
.top-bar a img { height:20px;}
.top-bar > div > a:nth-child(4) { text-transform:none; font-size:14px; color:#F90858; }
.top-bar > div > a:nth-child(4):hover { background:none;}

.navbar-brand img { height:55px;}

.form-inline { border-bottom:solid 1px #969495;}
.form-inline img { height:17px;}
.form-inline .form-control { border:none; width:100%;}
.form-inline .form-control:focus, .form-inline button.btn { box-shadow:none; }

/* ------------- END HEADER------------ */


/* ------------- START MENU------------ */

#partitions { padding:30px 25px; }
.submenu { z-index:9998; width:100%; margin:auto; position:absolute; top:100%; left:0px; right:0px; background:#FFF; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 0 0 0.25rem 0.25rem; }
.submenu-head { font-size:13px; text-transform:uppercase; color:#333; border-bottom:solid 1px #c1c1c1; margin-bottom:25px; font-weight:bold; }
.partition-style a { display:block; text-decoration:none; color:#333; text-transform:uppercase; text-align:center; font-size:12px !important; }
.partition-style a:hover { color:#F90858 !important; text-decoration:none; font-weight:bold;}
.partition-style a img { width:100%; margin-bottom:5px;}
.partition-style.inner a img, .partition-style.inner1 a img { height:60px !important; margin-top:5px;}
.inner:before, .inner1:before { content:"Mounting Style"; width:115px; text-align:center; background:#333; height:25px; line-height:25px; position:absolute; color:#FFF; font-size:11px; text-transform:uppercase; font-weight:bold; margin-top:35px; margin-left:-55px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.inner1:before { width:120px; margin-top:48px;}
.inner, .inner1 { flex-wrap:; }
.inner1:before { content:"Featured Series"; }
.series:before { position:absolute; width:100px; text-align:center; height:25px; line-height:25px; color:#333; font-size:11px; text-transform:uppercase; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-top:22px; margin-left:50px; }
.style:hover, .series:hover { font-weight:normal !important;}
.essential:after { content:"58'' HEIGHT"; }
.premier:after { content:"63.5'' HEIGHT"; }
.premier-plus:after { content:"72'' HEIGHT"; }

.submenu-item a { font-family: 'Arimo'; display:block; border-left:solid 4px #333; color:#333; padding-left:7px; text-transform:uppercase;  font-size:12px; margin-bottom:15px; line-height:12px; text-decoration:none;}
.submenu-item a:hover { border-left:solid 4px #F90858; color:#F90858; font-weight:bold; }

#resources .rec, #hardware .col-6 { border-right:solid 1px #CCC; padding-top:30px; }
#hardware .col-6:last-child { border:none;}
#resources a, #hardware a, .meenu a { display:block; text-align:center; text-transform:uppercase; font-size:12px; color:#333; text-decoration:none;}
.meenu a { border:solid 1px #CCC; padding-top:25px;}
#resources a:hover, #hardware a:hover, .meenu a:hover { color:#F90858; font-weight:bold;}
#resources a > div, #hardware a > div, .meenu a > div { width:80px; height:80px; border-radius:50%; border:solid 1px #333; margin:auto; margin-bottom:15px; }
#resources a:hover > div, #hardware a:hover > div, .meenu a:hover > div { border:solid 1px #F90858; }

#resources .rec:nth-child(1) a > div, .meenu > .rec:nth-child(1) a > div { background:url(../images/icons/spec-icon.jpg) no-repeat center;}
#resources .rec:nth-child(1) a:hover > div, .meenu .rec:nth-child(1) a:hover > div { background:url(../images/icons/spec-hover-icon.jpg) no-repeat center;}
#resources .rec:nth-child(2) a > div, .meenu .rec:nth-child(2) a > div { background:url(../images/icons/installation-icon.jpg) no-repeat center;}
#resources .rec:nth-child(2) a:hover > div, .meenu .rec:nth-child(2) a:hover > div { background:url(../images/icons/installation-hover-icon.jpg) no-repeat center;}
#resources .rec:nth-child(3) a > div, .meenu .rec:nth-child(3) a > div { background:url(../images/icons/care-icon.jpg) no-repeat center;}
#resources .rec:nth-child(3) a:hover > div, .meenu .rec:nth-child(3) a:hover > div { background:url(../images/icons/care-hover-icon.jpg) no-repeat center;}
#resources .rec:nth-child(4) a > div, .meenu .rec:nth-child(4) a > div { background:url(../images/icons/leed-icon.jpg) no-repeat center;}
#resources .rec:nth-child(4) a:hover > div, .meenu .rec:nth-child(4) a:hover > div { background:url(../images/icons/leed-hover-icon.jpg) no-repeat center;}
#resources .rec:nth-child(5) a > div, .meenu .rec:nth-child(5) a > div { background:url(../images/icons/catalog-icon.jpg) no-repeat center;}
#resources .rec:nth-child(5) a:hover > div, .meenu .rec:nth-child(5) a:hover > div { background:url(../images/icons/catalog-hover-icon.jpg) no-repeat center;}


#hardware .col-6:nth-child(1) a > div, .meenu > div:nth-child(1) a > div { background:url(../images/icons/stainless-steel-icon.jpg) no-repeat center;}
#hardware .col-6:nth-child(2) a > div, .meenu > div:nth-child(2) a > div { background:url(../images/icons/plastic-laminate-icon.jpg) no-repeat center;}
#hardware .col-6:nth-child(3) a > div, .meenu > div:nth-child(3) a > div { background:url(../images/icons/phenolic-core-icon.jpg) no-repeat center;}
#hardware .col-6:nth-child(4) a > div, .meenu > div:nth-child(4) a > div { background:url(../images/icons/solid-plastic-icon.jpg) no-repeat center;}

#partitions, #resources, #hardware, #accessories { display:none;}

.animate-top{ animation:animatetop .5s; animation-fill-mode: forwards; } @keyframes animatetop{ from {top:-300px;opacity:0} to{top:340px; opacity:1}}
.topbar-overlay {position:fixed; display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5); z-index:9997;}
.overlay-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}

/* ------------- END MENU------------ */


/* ------------- START BANNER ------------ */

.carousel-caption { top:0%; left:5%;}
.carousel-caption h1 { font-size:20px; font-weight:bold; text-shadow:2px 2px 10px rgba(0,0,0,0.9);}
.carousel-caption h2 { font-size:15px; margin-bottom:2px; text-shadow:2px 2px 10px rgba(0,0,0,0.9); }
.carousel-caption a { display:inline-block; border:solid 1px #FFFFFF; border-radius:7px; padding:5px 15px; color:#FFFFFF; font-size:12px; text-shadow:2px 2px 10px rgba(0,0,0,0.9); text-decoration:none;}

/* ------------- START BANNER ------------ */

/* ------------- START SERIES LINK ------------ */

.series > div { padding:0px; height:300px; overflow:hidden; background-size:cover;}
.series > div > a { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4); top:0px; display:flex; flex-direction: column; justify-content: center;  align-items: center; text-decoration:none; -webkit-transition: background 0.5s; transition: background 0.5s;}
.series > div > a:hover { background:rgba(0,0,0,0.8); }
.series > div > a > img { height:30px; margin-bottom:15px;}

/* ------------- END SERIES LINK ------------ */

/* ------------- START EXPRESS SHIPPING ------------ */

.round-img { border-radius:50%; border:solid 2px #bcbcbc; background:#FFF; padding:7px; width:100%; }
.shipping-content { display:flex; justify-content: center;  flex-direction: column; }

/* ------------- END EXPRESS SHIPPING ------------ */

/* ------------- START ABOUT ------------ */

.about { background:url(../images/bg-01.jpg) no-repeat center; background-size:cover; }
.about > div { background-image: linear-gradient(to right, rgba(0,0,0,0.9), rgba(0,0,0,0.2)); }
.abt-list { display:flex; justify-content: center;  flex-direction: column; align-items: center; }
.abt-list ul {  list-style:none; color:#FFF; }
.abt-list ul li { margin-bottom:25px;}
.abt-list ul li:before { content:url(../images/svg/icon-02.svg); position:absolute; margin-top:-7px; margin-left:-35px;}
.abt-link { display:flex; justify-content: center;  flex-direction: column; align-items: center; }
.icon-img { float:left; height:50px;}
.dist-cont { padding:50px 0px;}

/* ------------- END ABOUT ------------ */


/* ------------- START LAYOUT BUILDER ------------ */

.layout-builder { background:#F90858;}
.layout-builder img { height:85px;}
.layout-builder .row > div { -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); }
.skew-none { -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); }
.layout-builder a { color:#FFF; text-decoration:none; text-transform:uppercase; display:inline-block; border-radius:0px; border:solid 1px #FFFFFF; padding:5px 25px; -webkit-transition: background 0.5s, border-radius 0.5s, color 0.5s; transition: background 0.5s, border-radius 0.5s, color 0.5s;}
.layout-builder a:hover { background:rgba(255,255,255,0.5); border-radius:10px; color:#000; }
.builder-content { height:100%; padding-left:15px; padding-bottom:50px; }

/* ------------- END LAYOUT BUILDER ------------ */


/* ------------- START FOOTER ------------ */

footer ul { list-style:none; padding-left:0px; margin-top:10px;}
footer ul li { line-height:30px;}
footer ul a { color:#000; font-size:14px; -webkit-transition: color 0.5s, padding-left 0.5s; transition: color 0.5s, padding-left 0.5s;}
footer ul a:hover { text-decoration:none; color:#F90858; font-weight:bold; padding-left:5px;}
.btn-subscribe img { height:20px; }
.btn-subscribe { border:none; background:#2e2f2f; border-radius:0px; width:100%; padding:6px 0px 6px;}
.newsletter { background:#82878b !important; line-height:25px; border-radius:0px; padding-left:15px; color:#FFF;}
.newsletter:focus { box-shadow:none; color:#FFF; font-size:13px;}
.social { height:20px; margin-right:15px;}
.copyright { background:#F90858; line-height:50px;}

/* ------------- END FOOTER ------------ */


/* ------------- START PATH LINK ------------ */

.path-link { font-size:14px; line-height:35px;}
.path-link a { text-decoration:none;}
.path-link a:hover { color:#F90858 !important; }
.path-link a:first-child { color:#000;}
.path-link a:last-child { color:#000; font-size:13px; font-weight:bold;}

/* ------------- END PATH LINK ------------ */

.material-tab { background:#3a3a3c; font-size:14px; overflow:hidden;}
.material-tab .nav-tabs { border-bottom:none;}
.material-tab .nav-link { text-transform:uppercase; color:#FFF; padding:20px 17px 12px 17px; border-radius:0px; border:none; border-bottom:solid 10px #3a3a3c;}
.material-tab .nav-link:hover { border-bottom:solid 10px #5a5a5d; }
.material-tab .nav-link.active { color:#FFF; background: url(../images/svg/tab-arrow.svg) no-repeat top center #F90858; border-bottom:solid 10px #F90858;}

.style-tab { background:#FFF; font-size:14px; overflow:hidden; padding:15px 0px 10px;}
.style-tab .nav-tabs { border-bottom:none;}
.style-tab .nav-link { text-transform:uppercase; color:#333; padding:10px 20px; border-radius:0px; border:none; margin:0px 10px; background:#ffc8ca; font-weight:bold; margin-bottom:10px;  }
.style-tab .nav-link:hover { font-weight:bold; }
.style-tab .nav-link.active { color:#333; border-bottom:solid 3px #F90858; font-weight:bold; background:#d6d6d6;}

.material-icons { height:60px;}
.tab-content h1 { font-size:35px;}
.model-item h6 { font-size:14px; text-transform:uppercase; font-weight:bold; margin-bottom:0px;}
.model-item ul { list-style:none; padding-left:0px; line-height:20px;}

.pro-details { height:55px; float:left;}
.pro-cont { float:right; border:solid 2px #F90858; border-left:0px; color:#000; text-align:center; width: calc(100% - 43px); line-height:33px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; margin-top:16px;}

.pros-icon img { height:20px; margin-right:5px; }
.pros-icon { font-weight:bold; font-size:13px; cursor:pointer; outline:none;}

.m-style > img { width:100%; border-bottom:solid 5px #F90858; }
.m-style > div { background:#e8e7e7; padding:10px; padding-top:15px;}

.color-code { border-radius:10px; width:80%; height:100px; margin:auto; left:0px; right:0px; margin-bottom:10px; background-repeat:repeat; background-position:center; border:solid 1px rgba(0,0,0,0.2);}
.color-code.code-style { width:60%; height:50px;}

.construction-det h6 { border:solid 1px rgba(0,0,0,0.2); display:block; text-align:center; text-transform:uppercase; line-height:20px; font-size:12px; font-weight:bold; margin-top:3px; -webkit-transition: border 0.5s, background 0.5s, color 0.5s; transition: border 0.5s, background 0.5s, color 0.5s; padding-top:5px; padding-bottom:5px;}
.construction-det img { border:solid 1px rgba(0,0,0,0.2); -webkit-transition: border 0.5s; transition: border 0.5s; width:100%; }
.construction-det a { cursor:pointer;}
.construction-det a:hover h6 { border:solid 1px #F90858; background:#F90858; color:#FFF;}
.construction-det a:hover img { border:solid 1px #F90858;}
#construction-cont .modal-header, #upgrade-cont .modal-header { padding:10px 16px;}
#construction-cont .modal-title, #upgrade-cont .modal-title { text-transform:uppercase; font-size:14px; font-weight:bold;}
.color-head { background:rgba(0,0,0,0.1); font-size:15px; font-weight:bold; text-transform:uppercase; line-height:35px;}

.hardware-cont .nav-item { margin:0px 5px;}
.hardware-cont .nav-link { color:#333; border:solid 1px #333; text-transform:uppercase; font-size:14px; font-weight:bold; -webkit-transition: color 0.5s, background 0.5s, border 0.5s; transition: border 0.5s, background 0.5s, color 0.5s;}
.hardware-cont .nav-link:hover { color:#FFF; border:solid 1px #F90858; background:#F90858;}
.hardware-cont .nav-link.active { background:#F90858; border:solid 1px #F90858; }

.m-style-img-01 { border-right:solid 5px #F90858; background-repeat:no-repeat; background-position:center; background-size:cover;}
.m-style-arrow-01 { background:url(../images/m-style-arrow-01.jpg) no-repeat left 23px #f2f2f2;}
.m-style-img-02 { background-repeat:no-repeat; background-position:center; background-size:cover;}
.m-style-arrow-02 { background:url(../images/m-style-arrow-02.jpg) no-repeat right 23px #f2f2f2; border-right:solid 5px #F90858; }

.layout-builder-01 { background:#eaeaea; text-align:center;}
.layout-builder-01 img { height:23px; margin:0px 1px;}

.more3 { display:inline-block; background:#F90858; font-size:14px; color:#FFF; padding-left:25px; padding-right:37px; line-height:40px; text-decoration:none; margin-right:10px;}
.more3:after { content:""; position:absolute; height:40px; width:2px; background:#eaeaea; margin-left:25px; }
.more3:hover { color:#FFF; text-decoration:none;}

.inner-head span { text-transform:uppercase; color:#F90858; font-size:14px; font-weight:bold;}
.inner-head hr { border-color:rgba(0,0,0,0.2);}

.hard-nav .nav-link { border-left:solid 4px #FFF; padding-left:20px; font-size:14px; text-transform:uppercase; color:#333; line-height:30px; margin-bottom:5px;}
.hard-nav .nav-link:hover { border-left:solid 4px #333; color:#333;
background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(left,  #f0f0f0 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f0f0f0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f0f0f0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
 }
.hard-nav .nav-link.active { border-left:solid 4px #F90858; color:#F90858; font-weight:bold;
background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(left,  #f0f0f0 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f0f0f0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f0f0f0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
 }
 
.rec-form select { border:solid 1px #666666; border-radius:0px; padding:5px 5px; font-size:14px;}
.rec-form .btn { font-size:14px; border-radius:0px; padding:4px 15px;}

.rec-spec-item img { width:100%; border:solid 4px #FFF; outline:solid 1px rgba(0,0,0,0.4);}
.rec-spec-item h2 { border-bottom:solid 3px #F90858; display:inline-block; font-weight:bold;}
.rec-spec-item .pro-details { border:none; outline:none; width:auto;}
.rec-spec-item .pro-cont { font-size:14px; width: calc(100% - 43px);}
.abt { border-bottom:solid 5px #ededed;
background: #ffffff; 
background: -moz-linear-gradient(-45deg,  #ffffff 1%, #ffffff 49%, #ededed 49%, #ededed 100%); 
background: -webkit-linear-gradient(-45deg,  #ffffff 1%,#ffffff 49%,#ededed 49%,#ededed 100%); 
background: linear-gradient(135deg,  #ffffff 1%,#ffffff 49%,#ededed 49%,#ededed 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); 
}
.abt1 { background:rgba(0,0,0,0.7);}
.cont { background:rgba(0,0,0,0.3);}
input.form-control { padding:5px 10px;}


@media (min-width: 576px) {
.top-bar > div { justify-content: flex-end;}
.carousel-caption { top:10%;}
.carousel-caption h1 { font-size:30px;}
.carousel-caption h2 { font-size:18px;}
.series > div { border-left:solid 5px #FFFFFF; border-right:solid 5px #FFFFFF;}
.series > div:nth-child(odd) { border-left:none;}
.series > div:nth-child(even) { border-right:none;}
@keyframes animatetop{ from {top:-300px;opacity:0} to{top:300px; opacity:1}}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
}

@media (min-width: 768px) {

.carousel-caption { top:15%; left:4%;}
.carousel-caption h1 { font-size:35px;}
.carousel-caption h2 { font-size:22px;}
.series > div:nth-child(odd) { border-left:solid 5px #FFFFFF;}
.series > div:nth-child(even) { border-right:solid 5px #FFFFFF;}
.series > div:first-child { border-left:none;}
.series > div:last-child { border-right:none;}

.layout-builder .row > div { -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); }
.skew-none { -ms-transform: skewX(20deg); -webkit-transform: skewX(20deg); transform: skewX(20deg); }
.builder-content { border-left:solid 2px #FFF; padding-left:50px; padding-top:50px;}
.layout-content { border-right:solid 2px #FFF;}
#resources .rec:last-child { border:none;}

}

@media (min-width: 992px) {
	
.top-bar > div { padding:0px 15px;}
.carousel-caption { top:22%;}
.submenu { width:960px;}
@keyframes animatetop{ from {top:-300px;opacity:0} to{top:117px; opacity:1}}

	
}

@media (min-width: 1200px) {
	
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.5rem; padding-left: 1.5rem; }
.carousel-caption { top:25%; left:4%;}
.carousel-caption h1 { font-size:50px;}
.carousel-caption h2 { font-size:27px;}
.dist-cont { padding-left:50px;}
.submenu { width:1140px;}

}

@media (min-width: 1366px) {

.carousel-caption { top:25%; left:9.5%;}

}