@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Ubuntu');

body{font-family: 'raleway', sans-serif;  color:#000000; font-size:16px; background-color: #f5f5f5; padding:0px !important;}
@font-face {font-family:"Open Sans"; src: url(fonts/OpenSans-Regular.ttf);}
@font-face {font-family:"raleway"; src: url(fonts/Raleway-Regular.ttf);}


.tab222{

}
.df {
    display: inline-block;
    padding: 15px 44px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    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: 4px;
}
strong{color:#000;}
.form-control {
    box-shadow: none;
    border-radius: 0px;
    outline: 0!important;
}
.access-program {
    width: 100%;
    float: left;
    height: auto;
}
.department img{
    border: 2px solid #b5a6a6;
    height: 300px;
}

.filter-button.active {
    background-color: transparent;
    border-left: none;
    border-right: none;
    transition: .5s all ease-in;
    position: relative;
    border: solid 3px #00356c;
    box-shadow: none;
    color: #00356c;
    font-weight: 600;
}
.icon-wrap {
    width: 100%;
    opacity: 0;
    height: 30px;
    transition: .5s all ease-in;
    position: absolute;
    top: 30%;
    left: 0;
    z-index: 999;
    text-align: center;
    line-height: 30px;
    color: #fff;
}
.team-inner{width:100%; height:auto; float:left; padding:60px 0px;}
.team-title {
    font-weight: 600;
    font-size: 18px;
    color: #222;
    margin: 0 0 10px;
    color: #a72d31;
    margin: 12px 95px;
}
.team-inner:nth-child(odd){background-color:#fff;}
.testimonials-sections{
     width: 100%;
    min-height: 300px;
    overflow: hidden;  background-attachment:fixed; background-size:cover;
    float: left;
    padding: 30px 0px;
    background-color: #ffffff;
    text-align: left;
}
.gallery_product:hover .icon-wrap {
    opacity: 1;
    transition: .5s all ease-in;
}
.icon-wrap a {
    color: #fff;
    font-size: 30px;
}
.inner-banner {
    width: 100%;
    min-height: 250px;
    position: relative;
    color: #fff;
}
.active-cls a{color:#a6ce39 !important; transition:.5s all ease-in;}
.inner-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 30%; text-transform:uppercase;
    margin: 0px;
    font-size: 45px;
    text-shadow: 0 2px 3px #555;
    font-weight: 200;
    font-family: raleway;
    padding: 0;
}
.inner-banner img {
    width: 100%;
    height: auto;
}
.gallery_product{width:100%; height:auto; overflow:hidden;     margin: 0 0 30px;}
.gallery_product img{width:100%; height:auto;}
.gallery_product:hover img {
    opacity: 0.5;
    transition: .5s all ease-in;
    cursor:pointer;
}
.filter-button.active:after, .filter-button.active:focus::after, .filter-button.active:hover::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(39,174,97,0);
    border-top-color: #00356c;
    border-width: 10px;
    margin-left: -10px;
}
.filter-button:hover {
    background-color: transparent;
    transition: .5s all ease-in;
    border: solid 3px #00356c;
    box-shadow: none;
    color: #00356c;
    font-weight: 600;
}
.gallery-section .btn {
    border-radius: 0px;
}
.team-members {
    font-weight: 600;
    font-size: 21px;
    color: #222;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.filter-button {
    border-left: none;
    border-right: none;
    background-color: transparent;
    text-shadow: none;
    border: solid 3px #d8d8d8;
    box-shadow: none;
    transition: .5s all ease-in;
    color: #c7c7c7;
    margin: 0 5px 30px;
    font-weight: 200;
    font-family: open sans;
    font-size: 20px;
    padding: 10px 20px;
}
.logo-section ul{list-style:none; text-align:center; padding:0px; margin:0px;}
.inner-banner {
    width: 100%;
    min-height: 100px;
    position: relative;
    color: #fff;
}
.team-photos {width: 100%; height: auto; overflow: hidden; margin: 0 0 10px;}
.team-photos img{width:100%; height:auto;}

.team-photos {width: 100%; height: auto; overflow: hidden; margin: 0 0 10px;}
.team-photos img{width:100%; height:auto;}
.test-inner {width: 100%; height: auto; float: left; padding: 60px 0px; text-align:center;}
.test-inner:nth-child(odd) {background-color: #fff;}

.team-inner .btn-default {
    color: #fff; text-align: center;
    background-color: #a6ce39;
    border-color: #a6ce39;
    border-radius: 0px;
}
.test-pic {
    width: 170px;
    height: 170px;
    overflow: hidden;
    border-radius: 50%;
    margin: 20px 62px;
}
.test-pic img{width:100%; height:auto;}
.dimensions-inner {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 60px 0px;
    background-color: #f7f7f7;
}
.inner-banner img {
    width: 100%;
    height: 120px;
}

.logo-section ul li {
    display: inline-block;
    width: 100px;
    height: auto; margin: 0 15px;
    overflow: hidden;
}
.logo-section ul li img{width:100%; height:auto;     }
.map-section{width:100%; height:300px; float:left;}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    transition: 0.5s;
    padding: 30px 0px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff !important;}
.mCSB_inside > .mCSB_container {margin-right: 10px !important;}
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}
.about-us {
    width: 100%;
    padding: 60px 0px;
    float: left;
    text-align: left;
    color: #333;
    background: #f5f5f5 url(images/about.png);
    background-position: 40px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.about-inner {
    width: 100%;
    padding: 60px 0px;
    float: left;
    text-align: left;
    color: #333;
    background-position: 40px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0px;
    background-color: #fff;
}
.about-us .btn {
    width: 150px;
    height: 55px;
    line-height: 50px;
    padding: 0px;
    border: solid 3px #33333373;
    border-radius: 0px;
    font-weight: 600;
    transition: .5s all ease-in;
    color: #33333373;
}


.why-acclaim {
    width: 100%;
    padding: 60px 0px;
    float: left;
    text-align: left;
    color: #333;
    background: #f5f5f5 url(images/why-acclaim.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    background-size: cover;
}
.why-acclaim .btn {
    width: 150px;
    height: 55px;
    line-height: 50px;
    padding: 0px;
    border: solid 3px #33333373;
    border-radius: 0px;
    font-weight: 600;
    transition: .5s all ease-in;
    color: #33333373;
}


.achivement{width:100%; height:auto; overflow:hidden;}
.achievement-blk {
    width: 50%;
    min-height: 460px;
    float: left;
    padding: 30px 30px 30px 70px;
}
.contact-section{width:100%; height:auto; padding:60px 0; background-color:#fff; float:left; position:relative;}
.contact-section:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    content: '';
    height: 100%;
    top: 0px;
    background: url(images/contact.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.achievement-blk:nth-child(1){background-color:#a6ce39;}
.achievement-blk:nth-child(2){background-color:#404043;}
.contact-blks {
    width: 50%;     z-index: 2;
    min-height: 80px;
    float: left; position:relative;
   padding:0px;
}


.contact-blks ul li .fa {
    position: absolute;
    left: 0px;
    font-size: 20px;
    border: solid 1px #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #a6ce39;
}
.contact-blks ul li a{color:#fff; font-family:open sans;}
.contact-blks p .fa{color:#ffffff; font-size:20px;}
.contact-blks:nth-child(1){background-color:transparent;}
.contact-blks:nth-child(2){background-color:transparent;}
.achievement-blk p{font-family:open sans; font-size:16px; color:#ffffff;}
.achievement-blk ul{list-style:none; padding:0px; margin:0px;}
.achievement-blk ul li {
    color: #ffffff;
    font-family: open sans;
    background: url(images/check-mark-1.png);
    background-position: left 5px;
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 30px;
    margin-bottom: 10px;
}
.achievement-blk h3 {
    margin: 0 0 30px;
    color: #fff;
    position: relative;
    font-family: open sans;
    font-size: 30px;
    padding: 0 0 15px;
}
.achievement-blk .btn {
    width: 150px;
    height: 55px;
    line-height: 50px;
    padding: 0px;
    border: solid 3px #fff;
    border-radius: 0px;
    font-weight: 600;
    transition: .5s all ease-in;
    color: #fff;
    background-color: transparent;
    margin: 30px 0 0;
}
.vm-img{width:150px; height:auto; overflow:hidden; margin:0 auto 20px;}
.vm-img img{width:100%; height:auto;}
.vision-mission {
    width: 100%;
    padding: 60px 0px;
    float: left;
    text-align: center;
    background-color: #fff;
    background: url(images/vm-back.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: 0 center;
    color: #fff;
}
.vision-mission h4 {
    font-size: 28px;
    color: #a6ce39;
    margin: 20px 0px;
}
.achievement-blk h3:before{content:''; width:100px; height:3px; position:absolute; bottom:0px; left:0px; background-color:#fff;}
.achievement-blk ul li a{color:#ffffff; font-family:open sans;}
.about-us p{margin-bottom:30px;}
.sidenav a:hover {
    color: #f1f1f1;
}
.gallery-head{  width: 100%;
    padding: 60px 0px;
    float: left;
    text-align: center;
    color: #333;
    background-color: #dee7ff;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: cover;}

.gallery-section{
    width: 100%;
    padding: 60px 0px;
    float: left;
    text-align: center;
    color: #333;
    background-color: #fff;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: cover;
}
.all-tabs{width:100%; min-height:500px; float:left;}
.all-section-1{width:100%; height:auto; float;left;}
.second-sub{width:100%; height:300px; float:left;}
.interior {
    position: relative;
}
.all-section-1 .first-img {
    width: 50%;
    height: auto;
    float: left;
}
.all-section-1 .second-img {
    width: 50%;
    height: auto;
    float: left;
}

.all-section-1 .first-img img{width:100%; height:auto;}

.second-sub img{width:100%; height:auto; float:left;}
.inner-list-features{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.inner-list-features li {
    background: url(images/check-mark.png);
    background-repeat: no-repeat;
    background-size: 22px;
    padding-left: 30px;
    background-position: 0px 5px;
    margin-bottom: 10px;
    color: #333;
    font-family: Montserrat;
}
.about-careers {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
}
.careers-blk {
    width: 50%;
    min-height: 500px;
    float: left;
    min-height: 600px;
}
.careers-blk img {
    width: 100%;
    height: 600px;
}
.careers-blk:nth-child(2) {
    background-color: #f68220;
    padding: 60px 50px 0 20px;
    color: #ffffff;
}
.white-name-left {
    margin: 0 0 40px;
    position: relative;
    padding: 0 0 25px;
    font-weight: 700;
}
.white-name-left:after {
    content: '';
    position: absolute;
    background-color: #ffffff;
    left: 0;
    bottom: 0px;
    width: 90px;
    height: 3px;
}

.page-head-1 {
    text-align: left;
    margin: 0 0 40px;
    text-transform: uppercase;
    font-size: 30px;
    padding: 0 0 20px;
    color: #a72d31;
    position: relative;
    font-weight: 700;
    font-family: raleway;
}
.inner-page-head-1 {
    width: 100%;
    float: left;
    text-align: left;
    color: #333;
    background-color: transparent;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 50px;
    position: relative;
}
.inner-page-head-1::before {
    content: 'ABOUT US';
    font-size: 80px;
    color: #002d5d12;
    display: block;
    text-align: center;
    position: absolute;
    top: -1px;
    width: 100%;
    line-height: 36px;
    font-family: raleway;
}


.inner-feature {
    text-align: center;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 30px;
    padding: 0 0 15px;
    color: #00356c;
    position: relative;
    font-weight: 700;
    font-family: raleway;
}
.inner-feature::before {
    content: 'Features';
    font-size: 80px;
    color: #002d5d12;
    display: block;
    text-align: center;
    position: absolute;
    top: -1px;
    width: 100%;
    line-height: 36px;
    font-family: raleway;
}

.prod-interior {
    text-align: center;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 30px;
    padding: 0 0 30px;
    color: #00356c;
    position: relative;
    font-weight: 700;
    font-family: raleway;
}
.prod-interior::before {
    content: 'INTERIOR';
    font-size: 80px;
    color: #002d5d12;
    display: block;
    text-align: center;
    position: absolute;
    top: -1px;
    width: 100%;
    line-height: 36px;
    font-family: raleway;
}

.prod-furniture {
    text-align: center;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 30px;
    padding: 0 0 30px;
    color: #00356c;
    position: relative;
    font-weight: 700;
    font-family: raleway;
}
.prod-furniture::before {
    content: 'FURNITURE';
    font-size: 80px;
    color: #002d5d12;
    display: block;
    text-align: center;
    position: absolute;
    top: -1px;
    width: 100%;
    line-height: 36px;
    font-family: raleway;
}
.prod-other {
    text-align: center;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 30px;
    padding: 0 0 30px;
    color: #00356c;
    position: relative;
    font-weight: 700;
    font-family: raleway;
}
.prod-other::before {
    content: 'OTHER';
    font-size: 80px;
    color: #002d5d12;
    display: block;
    text-align: center;
    position: absolute;
    top: -1px;
    width: 100%;
    line-height: 36px;
    font-family: raleway;
}
.prod-sofa {
    text-align: center;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 30px;
    padding: 0 0 30px;
    color: #00356c;
    position: relative;
    font-weight: 700;
    font-family: raleway;
}
.prod-sofa::before {
    content: 'DESIGNER SOFA';
    font-size: 80px;
    color: #002d5d12;
    display: block;
    text-align: center;
    position: absolute;
    top: -1px;
    width: 100%;
    line-height: 36px;
    font-family: raleway;
}


.form-wrap {
    width: 100%;
    background-color: transparent;
    height: auto;
    padding: 0px;
    overflow: hidden;
    margin: 0 auto;
}
.form-wrap .form-control {
    box-shadow: none; color:#ffffff;
    border-radius: 0px;
    outline: 0!important;
    border: solid 1px #fff;
    background: transparent;
}
.contact-blks-inner {
    width: 50%;
    z-index: 2;
    min-height: 80px;
    float: left;
    position: relative;
    padding: 30px 30px 30px 70px;
}
.contact-blks-inner ul li .fa {
    position: absolute; color:#ffffff;
    left: 0px;
    font-size: 20px;
    border: solid 1px #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #a6ce39;
}
.contact-blks-inner ul {
    padding: 0px;
    padding: 0px;
    list-style-type: none;
}
.contact-blks-inner ul li {
    padding-left: 50px;
    color: #333;
    position: relative;
    font-family: open sans;
    margin-bottom: 15px;
}
.contact-inner .form-control::-moz-placeholder {
color:#ccc;
opacity:1
}
.contact inner .form-control:-ms-input-placeholder {
color:#ccc;
}
.contact-inner .form-control::-webkit-input-placeholder {
color:#ccc;
}
.contact-inner{    width: 100%;
    padding: 60px 0px;
    float: left;
    color: #333;}
.kont{
    padding: 0px;
    padding: 0px;
    list-style-type: none;
}
.kont li {

    color: #333;
    position: relative;
    font-family: open sans;
    margin-bottom: 15px;
}
.kont li i{background-color: #a6ce39;
    padding: 5px 15px;
    color: #fff;
    font-size: 20px;}

.li-1{ background-size:40px; background-repeat:no-repeat; background-position:left top;}
.li-2{ background-size:40px; background-repeat:no-repeat; background-position:left top; line-height:40px;}
.li-3{ background-size:40px; background-repeat:no-repeat; background-position:left top; line-height:40px;}
.li-4{ background-size:40px; background-repeat:no-repeat; background-position:left top; line-height:40px;}
.blk-marg-ri{padding-right: 7.5px;}
.blk-marg-le{padding-left: 7.5px;}
.inner-page-heading{color:#a72d31; margin:0 0 20px;}

.contact-blks-inner .form-control::-moz-placeholder {
color:#ccc;
opacity:1
}
.contact-blks-inner .form-control:-ms-input-placeholder {
color:#ccc;
}
.contact-blks-inner .form-control::-webkit-input-placeholder {
color:#ccc;
}
.form-wrap-inner .form-control {
    box-shadow: none;
    color: #333;
    border-radius: 0px;
    outline: 0!important;
    border: solid 1px #ccc;
    background: transparent;
}
.contact-blks .form-control::-moz-placeholder {
color:#ffffff;
opacity:1
}
.contact-blks .form-control:-ms-input-placeholder {
color:#ffffff;
}
.contact-blks .form-control::-webkit-input-placeholder {
color:#ffffff;
}
.model-btn { background-color: #a6ce39; color: #ffffff; border-radius: 0; border: solid 2px #a6ce39; font-weight: 700; width: 150px; margin-right: 10px;}
.about-us-inner{width: 100%;
    padding: 60px 0px;
    float: left;
    text-align: left;
    color: #333;
    background-color: #ffffff;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: cover;}

.page-head-1::before {
    content: '';
    font-size: 80px;
    background-color: #333;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100px;
    font-family: raleway;
    height:3px;
}


.page-head-2 {
   text-align: center;
    margin: 0;
    text-transform: uppercase;
    font-size: 30px;
    padding: 40px 0px;
    color: #333;
    position: relative;
    font-weight: 700;
    font-family: raleway;
    float: left;
    width: 100%;
}

.page-head-2::before {
    content: 'OUR TEAM';
    font-size: 80px;
    color:rgba(213,213,213,0.3);
    display: block;
    text-align: center;
    position: absolute;
    top: 35%;
    width: 100%;
    line-height: 36px;
    font-family: raleway;
}



.rw {
   text-align: center;
    margin: 0;     background-color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    padding: 40px 0px;
    color: #00356c;
    position: relative;
    font-weight: 700;
    font-family: raleway;
    float: left;
    width: 100%;
}

.rw::before {
    content: 'RECENT WORK';
    font-size: 80px;
    color:rgba(213,213,213,0.3);
    display: block;
    text-align: center;
    position: absolute;
    top: 35%;
    width: 100%;
    line-height: 36px;
    font-family: raleway;
}


.pr {
    text-align: center;
    background-color: #f5f5f5;
    text-transform: uppercase;
    font-size: 30px;
    padding: 40px 0px;
    color: #333;
    position: relative;
    margin: 0px;
    font-weight: 700;
    font-family: raleway;
    float: left;
    width: 100%;
}
.product-range {
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    background-color: #ffffff;
    border-bottom: solid 1px #fff;
}
.pr::before {
    content: 'OUR SERVICES';
    font-size: 80px;
    color: #b1b1b11c;
    display: block;
    text-align: center;
    position: absolute;
    top: 35%;
    width: 100%;
    line-height: 36px;
    font-family: raleway;
}
.recent-pic-wrap {
    width: 50%;
    height: 300px;
    overflow: hidden;
    margin: 0px;
    position: relative;
    background-color: transparent;
    transition: .5s all ease-in;
    float: left;
}
.recent-pic-wrap:hover img {transform: scale(1.1,1.1); transition: .5s all ease-in; -webkit-filter: blue(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
.recent-pic-wrap:hover .range-wrap{bottom:0px; transition:.5s all ease-in;}
.recent-pic-wrap img {
    width: 100%;
    height: auto;
    opacity: 1;
    transition: .5s all ease-in;
}
.recent-pic-wrap:hover .range-wrap-inner{ transition: .5s all ease-in; bottom: 0%;}
.range-wrap {
    position: absolute;
    z-index: 999;
    width: 100%;
    text-align: left;
    height: 95%;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    bottom: -70%;
    left: 0;
    border: none;
    padding: 0 5%;
}
.range-wrap-inner {
    position: absolute;
    z-index: 999;
    width: 90%; transition: .5s all ease-in;
    text-align: left;
    height: auto;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    bottom: -43%;
    left: 5%;
    border: solid 1px #fff;
    padding: 5%;
}
.range-wrap-inner h4 {
    font-size: 22px;
    font-family: open sans;
    margin: 15px 0px;
    position: relative;
    margin-top: 0;
}
.footer-below {
    padding: 10px 0;
    background-color: #333333;
    color: #fff;
    font-size: 14px;
    float: left;
    width: 100%;
}

.range-wrap .btn {
    width: 125px;
    height: 50px;
    line-height: 44px;
    padding: 0px;
    border: solid 3px #00356c;
    border-radius: 0px;
    font-weight: 600;
    transition: .5s all ease-in;
}
.range-wrap h4 {
    font-size: 22px;
    font-family: open sans;
    margin: 15px 0px;
    position: relative;
    margin-top: 5%;
}
.furniture ul {
    padding: 0;
    list-style-type: none;
}
.footer-above {
    padding: 40px 0;
    background-color: #2C3E50;
    width: 100%;
    float: left;
    color: #fff;
}
.furniture h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 25px;
    border-bottom: solid 1px #fff;
    padding: 0 0 15px;
}
.furniture ul li {
    line-height: 30px;
}
.furniture ul li a{color:#fff;}
.furniture ul li .fa{margin-right:5px;}
.page-head-3 {
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    font-size: 30px;
    padding: 40px 0px;
    color: #00356c;
    position: relative;
    font-weight: 700;
    font-family: raleway;
    float: left;
    width: 100%;
}
.contact-det{margin:0px; padding:0px; list-style:none;}
.contact-det li {
    padding: 0 0 10px;
    position: relative;
    padding-left: 25px;
    line-height: 25px !important;
}
.contact-det li .fa {
    position: absolute;
    top: 1px;
    left: 0px;
    font-size: 20px;
}
.page-head-3::before {
    content: 'PRODUCT GALLERY';
    font-size: 80px;
    color: #002d5d12;
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;     top: 35%;
    line-height: 36px;
    font-family: raleway;
}




.sidenav .closebtn {
    position: static;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 0;
    background-color: rgba(255,255,255,0.5);
    width: 30px;
    height: 30px;
    padding: 0px;
    line-height: 25px;
    text-align: center;
    float: right;
    margin-right: 10px;
    border-radius: 50%;
    color: #000;
}




.toggle-btn{position:relative; top:16px; cursor:pointer;}



.search-bx {
    background-color: #fff;
    box-shadow: 0 2px 3px #333;
    height: auto;
    padding: 10px;
    position: fixed; display:none;
    right: 173px;
    top: 0;
    width: 255px;
    z-index: 9999999;
}
.topper{width:40px; height:40px; position:fixed; right:15px; bottom:20px; background-color: #00356c; display:none;}
.topper > a{width:100%; height:100%; line-height:40px; color:#fff; display:block; text-align:center; font-size:20px;}
.search-bx input{border-radius:0px;}
.search-bx .btn{border-radius:0px; background-color: #ff343e; border-color:#ff343e; color:#fff;}
.search-bx .btn:hover{background-color: #fff; border-color:#ff343e; color:#ff343e;}
a, a:hover {text-decoration:none; outline:none !important;}
a:active, a:focus {outline:0; text-decoration: none;}

.fl{ float:left}
.fr{ float: right}
.clear{ clear:both;}
.header-bg {
    transition: .5s all ease-in;
    height: auto;
    left: 0;
    background-color:#ffffff;
    top: 0;
    width: 100%;
    z-index: 9999;
    position: static;
}
.soical-med {
    width: 100%;
    display: block;
    min-height: 20px;
    background-color: #fff;
    position: static;
    left: 0;
    top: 30%;
    z-index: 9999;
}
.soical-med ul{list-style:none; padding:0px; margin:0px;}
.soical-med ul li {
    width: 20%;
    height: 50px;
    float: left;
}
.soical-med ul li a{text-align:center; color:#ffffff; width:100%; height:50px; display:block; line-height:50px; font-size:26px;}
.fb{background-color:#3a589b;}
.tw{background-color:#2b8fc3;}
.gpp{background-color:#dc4a38;}
.tw{background-color:#2b8fc3;}
.link-d{background-color:#007bb6;}
.inst{background-color:#c13067;}
.logo {width: 35%; height: auto; float: left; transition: .5s all ease-in; padding: 0px; margin: 0;}
.logo img{width:100%; height:auto; overflow:hidden; transition:.5s all ease-in;}
.search-section{width:auto; float:right; width:100%;}
.search-group {
    width: 100%;
    float: none;
    height: auto;
    position: relative;
    margin: 0;
}
.phone-email {width: 50%; float: right; position: relative; top: 34px;}
.phone-email ul{list-style:none; padding:0px; margin:0px; text-align:right;}
.phone-email ul li {display: inline-block; padding: 0 5px;}
.phone-email ul li .fa {
    color: #a8cf3f;
    margin-right: 10px;
    position: relative;
    top: 1px;
}
.phone-email ul li a {
    font-family: open sans;
    color: #43474d;
}
.search-group .btn {
    position: absolute;
    right: 2px;
    top: -1px;
    padding: 10px 15px;
    height: 33px;
    border: none;
    background-color: transparent;
    width: 50px;
    border-radius: 0 5px 5px 0;
}
.search-group .btn img{width:100%; height:auto;}




.form-control {
    width: 100%;
    height: auto;
    height: 38px;
    border-radius: 6px;
}
.nav-bar-wrap {
    height: auto;
    float: right;
    margin: 0;
    transition: .5s all ease-in;
    width: auto;
    background-color: #fff;
}
.nav-bar {
    width: auto;
    height: auto;
    margin: 0;
    float: right;
}
.phone {
    color: #ce4532;
    text-align: right;
    margin: 9px 10px 9px 0;
    display: inline-block;
}
.phone:last-child{margin-right:0px !important;}
.phone-wrap{color: #ce4532;
    text-align: right;
    margin: 9px 0;
    float: left;}

.phone a{color:#333333;}
.scroll-down-wrap{width:30px; height:0px; position:relative; background-color:#ff343e; margin:0 auto;}
.scroll-down{position:absolute; left:0px; display:none; top:0px; height:17px; width:30px; background-color:#ff343e; border-radius: 0 0 5px 5px;}
.scroll-down .fa {
    color: #fff;
    display: block;
    font-size: 16px;
    text-align: center;
}
.search-btn {
    background-color: #333;
    height: 40px;
    position: fixed;
    right: 0;
    text-align: center; display:none;
    top: 28px;
    width: 40px;
    cursor: pointer;
    z-index: 999;
}
.links{width:255px; height:auto; float:left;}
.links ul{margin:0px; padding:0px; list-style:0px;}
.links ul li{display:inline;}
.search-btn .fa{display:block; text-align:center; line-height:40px; color:#fff;}
#mobile-menu{ display: block;}
#menu{ display: none;}
.slicknav_menu{ display: none;}
.lgn{width:auto; float:right; height:auto;}
.lgn ul{padding:0px; margin:0px; list-style:none;}
.lgn ul li {
    display: inline-block;
    margin: 0 10px;
}
.lgn ul li a {
    color: #222;
    line-height: 60px;
    font-weight: 600;
}
.lgn ul li a .fa {
    font-size: 30px;
    position: relative;
    top: 7px;

}
#mobile-menu{ display: block;}
#menu{ display: none;}
.slicknav_menu{ display: none;}
/*----------------------------------------------new menu-----------------------------------------*/
#nav_wrapper {
    display: block;
    background-color: #ffffff;
    float: right;
    color: #fff!important;
    width: auto;
}
#nav_wrapper ul{}
#nav_wrapper ul.menu{margin:0; padding:0; width:100%; float:right ; }
#nav_wrapper ul.menu li{list-style-type:none; padding:0; display:block;  float:left; margin:0;}

/*#nav_wrapper ul.menu li a > span {
    display: block;
    line-height: 0;
    position: relative;
    text-align: center;
    top: -18px;
    width: 100%;
}*/
.dropdown-menu>li{width:100%;}
.dropdown-menu>li>a {
    display: block !important;
    padding: 4px 15px !important;
    clear: both;
    /*font-weight: 400;
    line-height: 0.428571 !important;
    color: #333;*/
    white-space: nowrap;
    height: 25px !important;
    line-height: 20px !important;
    margin-bottom: 0px !important;
}
.dropdown-menu>li>a:hover{color:#a6ce39 !important;    transition: .5s all ease-in;}
.dropdown-menu{margin: 0px 0 0; padding:0;}
#nav_wrapper ul.menu li a {
    color:#43474d;
    display: block;
    font-size: 14px;
    font-weight: 100; transition:.5s all ease-in;
    height: 70px;
    line-height: 70px;
    margin: 0;
    padding: 0 8px;
    text-decoration: none;
}
#nav_wrapper ul.menu li a:hover{color:#a6ce39 !important; transition:.5s all ease-in;}



/*---sub-menu------*/
#nav_wrapper ul.menu li{position:relative;}


#nav_wrapper ul.menu li ul.sub-menu {
    display: none;
    width: 225px;
    background: #ffffff;
    padding: 5px;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0px;
    background-color: #c11b02;
    z-index: 999999;
}



#nav_wrapper ul.menu li:hover ul.sub-menu{display:block;}
#nav_wrapper ul.menu li ul.sub-menu li{padding:0; display:block; z-index:9999; float:none; margin:0 auto;}
#nav_wrapper ul.menu li ul.sub-menu li a {
    font-size: 14px;
    line-height: 20px;
    text-transform: none !important;
    display: block;
    padding: 5px 2px 5px 8px;
    margin: 0;
    color: #fff !important;
    border: none;
    height: auto;
    border-bottom: solid 1px #ffffff;
}

.bdr-dp-none{border-bottom:none !important;}

#nav_wrapper ul.menu li ul.sub-menu li:hover a{ color:#5b0f70;}
#nav_wrapper ul.menu li ul.sub-menu li.current-menu-item a, #nav_wrapper ul.menu li ul.sub-menu li.current-menu-ancestor a, #nav_wrapper ul.menu li ul.sub-menu li.current-page-ancestor a{ color:#5b0f70;}
#nav_wrapper ul.menu li:last-child ul.sub-menu{right:0;	left:inherit;}

/*----------------------------------------------new menu-----------------------------------------*/
.categories-section .nav-tabs {
    border-bottom: none;
    text-align: center;
    margin-bottom: 30px;
}
.categories-section .nav-tabs>li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
}
.categories-section .nav-tabs>li>a {
    background-color: #fff !important;
    color: #333333 !important;
    cursor: pointer;
    padding: 9px 15px;
    position: relative; outline:none !important;
    border: 1px solid #efefef;
    font-weight: bold;
    display: inline-block;
    border-radius: 0px;
    box-shadow: none !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color:#27136d !important; border:solid 1px #27136d!important; color:#ffffff !important;}
.nav-tabs>li.active>a:after, .nav-tabs>li.active>a:focus::after, .nav-tabs>li.active>a:hover::after{    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(39,174,97,0);
    border-top-color: #27136d;
    border-width: 10px;
margin-left: -10px;}

.cycle-slideshow img{ width:100%; height: 500px; position:relative;}
.center{ position:absolute; top:45%; z-index:999; width:100%;}
#multiple {position: relative; height: auto; overflow: hidden; float: left; width: 100%;}
#multiple .prevControl{width:50px; color:#fff; height:50px; float: left; background-color:transparent; }
#multiple .prevControl:hover .fa{color:#fff;}
#multiple .nextControl:hover .fa{color:#fff;}
#multiple .nextControl{width:50px; height:50px; color:#fff; float: right; background-color:transparent;}
.icn-holder .prevControl .fa {color:#fff; cursor: pointer; display: block; float: left; font-size: 50px; text-align: center; width: 50px;}
.icn-holder .fa {color:#fff; cursor: pointer; font-size: 50px; margin-right: 25px; text-align: center; width: 50px;}
.cycle-slide{ width:100%;}
.banner-overlay {position: absolute; top: 45%; width: 100%; z-index:999;}

.icn-holder{width:100%; top:40%; position:absolute; z-index:999; height:50px;}
.banner-img-1{width:100%; min-height:500px; background:url('images/banner-2.png'); background-size:cover; background-attachment:fixed; overflow:hidden; }
.banner-img-2{width:100%; min-height:500px; background:url('images/banner-3.png'); background-size:cover; background-attachment:fixed; overflow:hidden; }
.banner-img img{width:100%; height:auto;}
.banner-overlay h2 {
    font-size: 40px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 600;
    margin: 0;
    color: #fff;
    text-align: center;
    width: 100%;
    text-shadow: 0 3px 6px #000;
}
#multiple h3{font-size:28px; text-shadow: 0 3px 6px #000; font-family: 'Ubuntu', sans-serif; font-weight:500; margin:0 0 20px; color:#fff;}
#multiple p {
    font-family: 'Ubuntu', sans-serif;
    margin: 20px 0px;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    text-align: center;
}
.shape-1{width:100%; height:auto; overflow:hidden; position:absolute; bottom:0px; left:0px;}
.shape-1 img{width:100%; height:auto;}





.close:focus, .close:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}
.modal-body{background-color: #fff;}






.about-founder h2 {
    color: #282828;
    font-size: 40px;
    font-family: 'Ubuntu', sans-serif;
    margin: 0px 0 15px;
    font-weight: 700;
}
.about-founder h4{font-size: 20px; margin: 0 0 30px;}
.about-founder h2 span {
    color: #f23f42;
}


.slick-prev:after {
      content: "\f104" !important;
    font: 40px/1 'FontAwesome' !important;
}
#owl-demo .owl-prev{top:35%;}
#owl-demo .owl-next{top:35%;}
.foot-section h1{margin:0 0 20px; color:#727272; font-size: 26px; text-transform: uppercase;}
.foot-blks #twt{list-style:none; padding:0px; margin:0px;}
.foot-blks #twt li{margin: 0 0 10px; background: rgba(0, 0, 0, 0) url("images/tweet.png") no-repeat scroll 0 9px; padding: 0 0 0 20px;}
.foot-blks #twt li:hover{background: rgba(0, 0, 0, 0) url("images/tweet-h.png") no-repeat scroll 0 9px;}
.foot-blks #twt li a{font-size:12px; color:#7d7d7d;}
.foot-blks #twt li a > span{display:block; font-size:14px; color:#333; }
#g-f{list-style:none; margin:0px; padding:0px;}
#g-f li {margin-bottom: 10px; color: #333; font-size: 13px; display: inline-block; width: 35.3%;}
#g-f li .fa{margin-right:10px; color:#ec3000;}
.photo{width:100%; height:auto; float:left; margin-bottom: 30px; position:relative; background-color:#333;}
.photo img{width:100%; height:100%;}
.photo:hover img{opacity:0.5; transition:.5s all ease-in;}
.photo:hover .icon-wrap{opacity:1; transition:.5s all ease-in;}
.photo .icon-wrap {
    width: 30px; opacity:0;
    height: 30px; transition:.5s all ease-in;
    position: absolute;
    top: 40%;
    left: 45%;
    z-index: 999;
    text-align: center;
    line-height: 30px;
    color: #fff;
}
.phone-wrap {
    width: 100%;
    height: auto;
}
.phone-wrap img{width:100%; height:auto;}
.marker{width:100px; height:auto; overflow:hidden; margin:0 auto 30px;}
.marker img{width:100px; height:auto;}
.modal{z-index:9999999;}
 .modal-backdrop.in{ padding-right:0px !important;}
.photo .icon-wrap a{color:#fff;}
.photo .icon-wrap a .fa{text-shadow:0 2px 3px #000; font-size: 40px;}
.copy-right {
    background-color: #232f3e;
    height: auto;
    padding: 15px 0px;
    width: 100%;
    float: left;
}

.copy-right ul{margin:0px; padding:0px; list-style:none; text-align:center;}
.copy-right ul li{display:inline-block; margin:0 10px;}
.copy-right ul li a{color:#fff; font-family:open sans; font-size:16px;}
.cpy-ri{ text-align:center; color:#fff;}
.cpy-ri p{margin:0px;}
.foot-links{float:right;}
.foot-links ul{list-style:none; margin:0; padding:0px;}
.foot-links ul li{display:inline-block; padding:0 10px; position:relative;}
.foot-links ul li:after{content:"."; position:absolute; left:0; top: -5px; color:#fff; height: 5px; width:5px;}
.foot-links ul li a{color:#fff; text-transform:uppercase;}

.address-prx{width:100%;  min-height:100px; padding:50px 0px; float:left; background:url('images/address.jpg'); background-attachment:fixed; background-size:cover;}
.icn{width:159px; height:auto; margin:0 auto 20px;}
.icn img{width:159px; height:auto;}
.address-prx p{color:#fff; text-align:center; font-family:open sans;}
.from-blog {width: 100%; height: auto; overflow: hidden; padding: 50px 0px; text-align: center; position: relative;}


.sec-2 .btn {width: 123px; height: 33px; line-height: 30px; transition: .5s all ease-in; border-radius: 0; padding: 0; background-color: #232f3e;
    color: #fff; border: solid 1px #232f3e;}
.sec-2 .btn:hover{background-color:#ffffff; color:#232f3e; transition:.5s all ease-in;}
.add-cart-wrp{width:100%; height:auto; overflow:hidden;}
.sec-1{width:30%; height:auto; float:left;}
.sec-2{width:70%; height:auto; float:left; text-align:right;     padding: 3px 0px;}
.kno-more {
    width: 100%;
    height: auto;
    float: none;
    text-align: center;
}
.kno-more .btn {
    width: 123px;
    height: 33px;
    line-height: 30px;
    transition: .5s all ease-in;
    border-radius: 0;
    padding: 0;
    background-color: #232f3e;
    color: #fff;
    border: solid 1px #232f3e;
}
.prod-pic{width:130px; height:auto; overflow:hidden; margin:15px auto;}
.prod-pic img{width:100%; height:auto; }
.price-offer {width: 60px; padding height: 26px; border: solid 1px #919191; text-align: center; line-height: 26px; border-radius: 6px; font-size: 12px; color: #fe0002;}
.cont{font-size:14px; color:#8f8f8f;}
.from-blog h1 span:before {
  right: 100%;
  margin-right: 15px;
}
.from-blog h1 span:after {
  left: 100%;
  margin-left: 15px;
}

.logo-section{width: 100%;
    min-height: 50px;
    float: left; margin:30px 0px;}

#owl-demo-1 .owl-buttons{position: absolute; width: 100%; top: 40%; z-index: 9999;}
#owl-demo-1 .owl-next{position: static; float: right;}
#owl-demo-1 .owl-prev{position: static; float: left;}
.upcoming-products .owl-theme .owl-controls{margin-top:0px;}
.pic-wrap {width: 100%; height: auto; overflow: hidden; margin: 0 0 20px;}
.pic-wrap img{width: 100%; height: auto;}
.rm{ width: 100%; position: absolute; top: 42%; left: 0%; opacity:0;}
.rm a{
    width: 120px;
    display: block;
    line-height: 40px;
    border: none;
    margin: 0 auto; border:solid 3px #00356c;
    left: 0%; transition:.5s all ease-in;
    background-color: #00356c;
    color: #fff;
    font-size: 14px;
    opacity: 0;
}
.slider-wrap:hover .rm{opacity:1; transition:.5s all ease-in;}
.rm a:hover{border:solid 3px #00356c; width: 120px; display: block; line-height: 40px; transition:.5s all ease-in; color:#00356c; background-color:#fff;}

#slide-menu{list-style:none; margin:0px; padding:0px;}
#slide-menu li{color:#fff; line-height:30px; display:block; position:relative;}
#slide-menu li span {
    top: 0;
    right: 0px;
    position: absolute;
    line-height: 40px;
}
#slide-menu li a {color: #fff; font-size: 16px; line-height: 30px; border-bottom: solid 1px #ccc; padding: 5px 10px; font-family: raleway;
    font-weight: 500;}
#slide-menu li ul {
    margin-top: 0 !important;
    display: none;
    margin-left: 0px;
}
#slide-menu li a .fa {
    font-size: 18px;
    position: relative;
    top: 0;
    margin-right: 5px;
}
.dat {
    text-transform: uppercase;
    color: #fff;
    margin: 10px 0px;
    font-family:open sans;
    font-size: 20px;
}
.slider-wrap:hover a{opacity:1; left: 25%; transition:.5s all ease-in;}

.slider-wrap{width:100%; height:auto; overflow:hidden; position:relative; transition:.5s all ease-in; background-color:#333;}
.slider-wrap:hover{transition:.5s all ease-in; box-shadow: 0 1px 3px #333;}
.slider-wrap:hover img{transition:.5s all ease-in; opacity:0.5;}
.header-name{
    text-align: center;
    margin: 20px 0px;
    text-transform: uppercase;
    font-size: 20px;
    padding: 0 0 15px;
    color: #000;
    position: relative;
    font-weight: 700;
    font-family: raleway;
}
.header-name:before {
    position: absolute;
    content: '';
    left: 48%;
    background-color: #da2725;
    width: 60px;
    height: 3px;
    bottom: 0px;
}





.categories-inner {
    width:auto;
    padding: 15px; transition:.5s all ease-in;
    border: solid 1px #f7f7f7;
    border-radius: 0px; margin: 15px 0px;
        min-height: 250px;
    background-color: #fff;
}


.categories-inner:hover{box-shadow: 0px 1px 5px #222; transition:.5s all ease-in;}
.product-name {
    font-size: 16px;
    color: #222222;
    height: auto;
    font-family: raleway;
    margin: 0 0 20px;
    text-align: center;
    background: #f7f7f7;
    padding: 10px 0px;
}
.product-name-new {
    font-size: 16px;
    color: #222222;
    height: auto;
    font-family: raleway;
    margin: 0 0 10px;
    text-align: center;
    background: #fff;
    padding: 10px 0px;
    font-weight: 700;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
}
.net-weight{font-size: 14px; color: #a0a0a0; font-family: open sans; margin: 0 0 30px;}
.pre-price{font-size: 14px; color: #a0a0a0; font-family: open sans; text-decoration: line-through; margin: 0 0 10px;}
.curr-price{font-size: 14px; color: #222222; font-family: open sans; margin: 0 0px;}











.pic-wrap{width:100%; height:auto; overflow:hidden; margin: 0; position:relative; background-color:transparent; transition:.5s all ease-in;}
.pic-wrap .pic-text {position: absolute; text-align: center; color: #fff; z-index: 9999; top: 0; left: 0px; width: 100%; top: 35%; transition:.5s all ease-in;}

.pic-wrap .pic-text .btn-default {
    color: #fff;
        position: relative;
    bottom: -20px;
    opacity: 0; transition:.5s all ease-in;
    background-color: transparent;
    border-color: #fff;
    border-radius: 30px;
    border: solid 2px;
    padding: 10px 30px;
}
.testimonials-sections .owl-prev {
    background: rgba(0, 0, 0, 0) url(images/left-arrow.png) repeat scroll 0 0 !important;
       height: 40px;
    width: 40px;
    border-radius: 0px !important;
    line-height: 35px
}
.testimonials-sections .owl-next {
    background: rgba(0, 0, 0, 0) url(images/right-arrow.png) repeat scroll 0 0 !important;
        height: 40px;
    width: 40px;
    border-radius: 0px !important;
    line-height: 35px
}
.pic-wrap img{width:100%; height:auto; opacity:1;  transition:.5s all ease-in;}

.pic-wrap:hover .btn-default{bottom: 0px; transition:.5s all ease-in;
    opacity: 1;}
.testimonials-sections .owl-item>.item{padding:15px;}

.testimonials-sections  .owl-item >.item p{padding:0; color:#333333; margin:0px;}
.testimonials-sections .owl-item >.item h5 a{
    color: #404043;
    font-size: 17px;
    font-style: italic;
    font-weight: 700;
    margin: 0px;
    line-height: 23px;


}
.testimonials-sections .owl-item >.item h5
{
border-bottom: solid 3px #a6ce39;
height: 80px;
}
.circle-quote {
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 40px;
    margin: 0 auto;
    color: #525252;
    margin: 20px auto;
    border: solid 2px #525252;
}
.owl-theme .owl-controls .owl-buttons div {
    color: #ffffff !important;
    display: inline-block !important;
    zoom: 1;
    margin: 5px !important;
    padding: 3px 10px !important;
    font-size: 20px!important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #333333 !important;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}

.owl-pagination{display:none !important;}
/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width: 1024px) {

.banner { background:url(images/banner-img.jpg) no-repeat scroll center top / 120% auto; height: auto; position: relative; width: 100%;}

}
@media only screen and (min-width: 767px)
{
    .iframe-wrap{width:100%; height:576px;}
.widget-stream__content {
    width: 100% !important;
    height: auto;
}
.sticky{position:fixed; top:0; left:0px; transition:.5s all ease-in; z-index:999999; transition:.5s all ease-in;}
.sticky .phone{display:none;}
.sticky.header-bg {
    height: auto;
    float: left;
    background: #fff;
    box-shadow: 0px 2px 3px #333;
}
.sticky .logo {
    padding: 0;
    margin: 0;
    transition: .5s all ease-in;
    width: 30%;
}
.sticky #nav_wrapper ul.menu li a{ height: 50px; line-height: 50px; transition: .5s all ease-in; }
.sticky #nav_wrapper ul.menu li a > span{top: -32px;}
.sticky .scroll-down{display:none;}

}
/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.owl-prev {left:-5px;}
.owl-next {right:-5px;}
.cycle-slideshow img{height:auto;}
.fea-sections{margin-right: 0.9%;}
.range-wrap h4{font-size:18px;}
.text-sect h2{font-size:18px; margin:0 0 10px;}
.text-sect p{font-size:12px;}
#nav_wrapper ul.menu li a{padding: 0 8px; font-size:16px; line-height:50px; height:50px;}
.logo{width:275px; height:auto;}
.inner-banner h2 {top: 13%; font-size: 50px;}
.recent-pic-wrap p{font-size:14px;}
.range-wrap{height:100%; bottom:-79%;}
.about-us {background-position: 50px bottom;}
.why-acclaim{background-position:-100px 0px;}
}


@media only screen and (min-width: 768px) and (max-width: 992px){
.why-acclaim{background-position: -256px 0px; }
.logo {width: 250px;}
#nav_wrapper ul.menu li a{padding: 0 5px; font-size:13px; line-height:50px; height:50px;}
.range-wrap h4{font-size:22px;}
.inner-banner h2 {top: 13%; font-size: 40px;}
.recent-pic-wrap{width:50%;}
.about-us {background-position: 50px bottom;}
.cycle-slideshow img{height:auto;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
.nav-bar-wrap{width:100%; height:auto;}
.range-wrap h4{font-size:15px;}
.owl-pagination{display:none !important;}
.cycle-slideshow img{height:auto;}
.why-acclaim, .about-us{background-image:none;}
.contact-blks{width:100%; height:auto;}
    .iframe-wrap{width:100%; height:350px;}
.widget-stream__content {
    width: 100% !important;
    height: auto;
}
.logo {
    width: 200px;
    float: left;
    position: absolute;
    padding: 6px 0px;
    top: 0px;
    margin: 0px;
}
.pr::before{font-size:48px; }
.page-head-2::before{font-size:48px; }
.inner-banner {
    height: 80px;
    width:100%;
}
.inner-banner img{
    height: 100%;
    width:100%;
}
.inner-banner h2 {
    top: 32%;
    margin: 0;
    font-size: 25px;
    padding: 0;
}
.li-2{line-height:inherit;}
.blk-marg-ri {
    padding-right: 15px; margin: 0 0 15px;
}
.blk-marg-le {
    padding-left: 15px;
}
.banner-overlay {
    position: absolute;
    top: 15%;
    width: 75%;
    left: 12.5%;
}
#nav_wrapper{float:none;}
.banner-overlay h2 {font-size: 18px;}
#multiple p{font-size:14px;}
.owl-prev{left:0px;}
.owl-next{right:0px;}
.header-bg {
    padding: 0;
    height: auto;
    position: static;
    background: #Fff;
}
.search-group {
    width: 100% !important;
}
.clr-bth{clear:both !important;}

.mobile-only span {font-size: 28px !important;}
.overlay-new h4{display:none;}
.slicknav_nav a{color:#333 !important;}
.search-btn{top:107px;}
.search-bx{left:0px;}
.mobile-pic {margin: 0 auto; position: relative;}

.nav-bar{ width:100%;}
.slicknav_menu{ display: block; color:#59595c;}
#nav_wrapper ul.menu{ display: none;}

.circle-resp{width:200px; height:200px; border-radius:50%; margin: 0 auto 20px; border:solid 5px #ec3000; overflow:hidden;}
.circle-resp img{width:100%; height:100%;}

.categories-resp{width:100%; height:auto; padding:15px; background-color: #d73400;}
.from-blog h1 span::before, .from-blog h1 span::after{width:130px;}

.social-wrap {
width: 100%;}

.toggle-btn {top: 11px;}

}
.testimonials-part {
/*
    margin-left: -15px;
    padding: 0px 15px;
*/
}
.testimonials-1 {
    width: 100;
    float: left;
    height: auto;

}
.tab-1 {
    padding: 0px;
}
element.style {
     margin: 0px 0px;
}
.row.sub-row {
    margin-right: -30px;
    margin-top: 0px;

}
.testimonials-part-1 {
/*    width: 50%;*/
    padding: 0px;

}
.access-pro-sec-1 {
    width: 100%;
    float: left;
    height: auto;
}
.accces-program-bg {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    background-color: #3f3f41;
    color: #fff;
}
.accces-program-bg h3 {
    margin-top: 9px;
}
@media only screen and (max-width: 500px)
{
    .recent-pic-wrap{width:100%; float:none;}
.phone{display:none;}
.search-btn{top:66px;}
.from-blog h1 span::before, .from-blog h1 span::after{display:none;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 302px) and (max-width: 480px) {
    .tab {
    background-color: #f1f1f1;
    padding: 0px 0px;
}

}
.testimonial-video {
    width: 100%;
    float: left;
    height: auto;
}

.btn-1{color: #fff;
    text-align: center;
    background-color: #a6ce39;
    border-color: #a6ce39;
    border-radius: 0px;
    margin: 10px 95px;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color:transparent;}







/*///////////20-12-2019\\\\\\\\\\\\\\\\*/

#more1  {display: none;}
#more2  {display: none;}
#more3  {display: none;}
#more4  {display: none;}
#more5  {display: none;}
#more6  {display: none;}
#more7  {display: none;}
#more8  {display: none;}
#more9  {display: none;}
#more10 {display: none;}
#more11 {display: none;}
#more12 {display: none;}
#more13 {display: none;}
#more14 {display: none;}
#more15 {display: none;}
#more16 {display: none;}
#more17 {display: none;}
#more18 {display: none;}
#more19 {display: none;}
#more20 {display: none;}

.testi hr { margin-top: 20px; margin-bottom: 20px; border: 0;border-top: 2px solid #eee;}
.testi {width: 100%; height: auto; float: left; margin: 30px 0px;}
.department  {margin-top: 50px;}
/* Style the tab */
.tab {
    background-color: #f1f1f1;
    padding: 0px 15px;
}
/* Style the buttons inside the tab */
.tab button {background-color: #ccc; float: left;color: #000000de; border: none;outline: none;cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px;}
/* Change background color of buttons on hover */
.tab button:hover {background-color: #ddd;}
/* Create an active/current tablink class */
.tab button.active { background-color: #a72d31; color: #fff; font-weight: 500;}
/* Style the tab content */
.tabcontent {display: none;padding: 6px 12px;border-top: none;}
/* Style the close button */
.topright {float: right;cursor: pointer;font-size: 28px;}
.topright:hover {color: red;}
.inter { margin-top: 30px;}


.team-title1 {
    font-weight: 600;
    font-size: 18px;
    color: #222;
    margin: 0 0 10px;
    color: #a72d31;
   text-align: center;
}

element.style {
}
.international-teachers {
    width: 100%;
    float: left;
    height: auto;
}
.inter h3 { color: #000000eb!important; }
.inter h4 { color: #000000eb!important; }
.inter h5 { color: #000000eb!important; }
.inter p { color: #666!important; }



.openings {width: 100%; height: auto; float: left; color: #333; font-family: sans-serif;}
.openings h3 {margin-top: 50px; color: #666; font-weight: 600; text-align: center;text-decoration: underline; margin-bottom: 30px;}
.openings2 {width: 100%; height: auto; float: left;  color: #333; font-family: sans-serif;}
.openings2 h3{ font-weight: 600;  color: #666;}
.openings2 p {line-height: 30px;}
.form-row h3 {margin: 5px 0px 0px 80px;}
.but{ width: 100%; height: auto; float: left; text-align: center; margin: 20px 0px}

.openings3 h2 {
    font-weight: 600;
    color: #00000094;
    font-size: 25px;
    text-decoration: underline;
    float: left;
    margin-left: 18px;
    margin-bottom: 14px;
}

.openings3 .btn-primary {
    color: #fff;
    background-color: #a72d31;
    border-color: #a72d31;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #a72d31;
    border-color: #a72d31;
}

select#state {
    color: #fff;
    background: #a72d31;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
        width: 200px;
}
select option {
    color: #000;
    background: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
        width: 200px;
        font-weight: 500;
}


/* Zebra striping */
tr:nth-of-type(odd) {
    background: #eee;
    font-family: sans-serif;
    }

th {
    background: #3498db;
    color: white;
    font-weight: bold;
    font-family: sans-serif;
    }

td, th {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    font-size: 18px;
    font-family: sans-serif;
    }

.overlay-popup {
    width: 100%;
    height: 100%;
    float: left;
    position: fixed;
    z-index: 999;
    padding: 30px 0;
    text-align: center;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
}
.popup-imge {
    width: 500px;
    height: auto;
    margin:0 auto;
    position: relative;
}
.popup-imge img{
    width: 100%;
    height: auto;
}
.btn-close {
    position: absolute;
    top: 0;
    background: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    cursor: pointer;
}
#marNews {
    line-height: 40px;
    color: #fff;
    font-size: 18px;
}
#marNews a {
    color: #fff;
    background: #c11b02;
    padding: 5px;
}


.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}
.bac{
    background-color: #f1f1f1;
    margin-bottom: 10px;
}

.bac2{
    background-color: #ddd;
      margin-bottom: 10px;
}