.navbar{
    /*text-align: center;*/
    /*font-size: 72px;*/
    /*line-height: 108px;*/
    /*height: 108px;*/
    background: #fff;
    color: #fff;
    /*font-family: 'PT Sans', sans-serif;*/
    /*// set animation*/
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-bottom: 0
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.navbar {
    position: relative;
    min-height: 25px;
     margin-bottom: 0px; 
    border: 1px solid transparent;
}


.navbar.sticky .site-header {
    padding-bottom: 0 ;
    padding-top: 0 ;
}
.navbar.sticky .nav-blu-wrp{
    position: relative;
    margin-top: 0
}
 h2 {
    /*text-align: center;*/
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 30px;
}
/*Header*/
.navbar.sticky .scroll-hide{
    display: none;
}
.header02 .site-top {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
    z-index: 999;
    margin-bottom: 1px;
    background: #D1041B;
}
.header02 .site-top .menu {
    margin: 0!important;
    padding: 0!important
}
.header02 .site-top .menu li {
    margin-left: 15px
}
.header02 .site-top .menu li a{
    color: #ffffff

}
.header02 .site-top .site-top-right div {
    display: inline-block
}
.header02 .site-header {
    position: relative;
    z-index: 998
}
.header02 .site-header .header-info-01 .extra-info .left {
    display: inline-block;
    float: left
}
.header02 .site-header .header-info-01 .extra-info i {
    font-size: 30px;
    margin-top: 8px;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #dbdbdb
}
.header02 .site-header .header-info-01 .extra-info span {
    color: #868686;
    font-size: 16px;
    line-height: 1
}
.header02 .site-header .header-info-01 .extra-info h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 0;
    /*color: #003676;*/
}
.site-header .header-btn {
    text-align: right
}
.site-header .header-btn a {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    padding: 0 20px;
    letter-spacing: .05em;
    display: inline-block;
    border-radius: 3px
}
.header-btn a:hover {
    background: #E30019
}
.site-header .mobile-icon {
    color: #444!important
}
.header02 .site-header .main-navigation {
    position: absolute;
    bottom: -30px;
    z-index: 9999;
    padding: 0;
}
.header02 .site-header .main-navigation .container {
    padding-left: 30px;
    padding-right: 30px
}
.header02 .headroom--not-top {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}
.header02.admin-bar .headroom--not-top {
    top: 32px
}
.site-top {
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0em;
    color: #ffffff;
}
.menu-item,
.page_item {
    display: inline-block
}
.top-menu {
    position: relative;
    z-index: 1
}
.top-menu .menu-item {
    padding: 5px
}
.top-menu .menu-item a:after {
    margin-left: 10px;
    content: "\f178"
}

.header02 .site-header {
    position: relative;
    z-index: 998;
}
.header02 .site-header .container{
    /*padding-left: 0;*/
    /*padding-right: 0;*/
}
.site-header {
    background-color: #ffffff;
    padding: 4px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.navbar.sticky .site-header {
    padding: 0px 0px 0px 0px;
    background-color: #019cd4;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background: none;
    color: #F5F5F5;
}
.navbar.sticky .scroll-full{

}
/*new menu*/
.navbar-default .navbar-nav>li>a{
   color: #fff;
}

.search-me{
    padding-top: 16px;
}
.main-navigation {
    position: static;
    z-index: 9999;
    width: 100%
}
.main-navigation {
    margin: 0px 0px 0px 0px;
    font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0em;
}
.main-navigation .nav-wrp{
    padding: 0 30px;
}
.main-navigation .menu > ul > li > a,
.main-navigation .menu > li > a,
.search-btn,
.mini-cart {
    color: #ffffff;
}
.main-navigation .menu > li.current-menu-item > a,
.main-navigation .menu > ul > li > a:hover,
.main-navigation .menu > li > a:hover,
.main-navigation .search-btn:hover {
    color: #ffffff;
}
.main-navigation .menu > ul > li,
.main-navigation .menu > li {
    padding: 22px 0px 22px 0px;
    margin: 0px 30px 0px 0px;
}
.main-navigation .menu>ul {
    margin: 0;
    padding: 0
}
.main-navigation .menu {
    margin: 0;
    padding: 0
}

.main-navigation .menu li {
    position: relative
}
.main-navigation .menu li:hover>.sub-menu,
.main-navigation .menu li:hover>.children {
    z-index: 999;
    top: 100%;
    visibility: visible;
    opacity: 1
}
.main-navigation .menu li:hover>.sub-menu>li,
.main-navigation .menu li:hover>.children>li {
    margin-right: 0
}
.main-navigation .menu li:hover:after {
    width: 100%
}
.main-navigation .menu li:after {
    content: '';
    width: 0;
    height: 3px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0
}
.main-navigation .menu li.current-menu-item:after,
.main-navigation .menu li.current_page_item:after {
    width: 100%
}
.main-navigation .menu li.mega-menu:after {
    display: none
}
.main-navigation .menu>ul>li,
.main-navigation .menu>li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 1
}
.main-navigation .menu>ul>li a,
.main-navigation .menu>li a {
    position: relative;
    z-index: 1;
    display: block
}
.main-navigation .menu>ul>li.menu-item-has-children>a:after,
.main-navigation .menu>ul>li.page_item_has_children>a:after,
.main-navigation .menu>li.menu-item-has-children>a:after,
.main-navigation .menu>li.page_item_has_children>a:after {
    content: '\f0d7';
    margin-left: 6px;
    color: inherit;
    font-size: 12px
}
.main-navigation .sub-menu,
.main-navigation .children {
    position: absolute;
    top: 100px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    margin: 0;
    font-weight: 300;
    padding: 0 15px;
    min-width: 240px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}
.main-navigation .sub-menu li,
.main-navigation .children li {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    display: block;
    position: relative
}
.main-navigation .sub-menu li:after,
.main-navigation .children li:after {
    display: none!important
}
.main-navigation .sub-menu li.menu-item-has-children>a:after,
.main-navigation .sub-menu li.page_item_has_children>a:after,
.main-navigation .children li.menu-item-has-children>a:after,
.main-navigation .children li.page_item_has_children>a:after {
    position: absolute;
    content: "\f0da";
    font-size: 12px;
    right: 0
}
.main-navigation .sub-menu li .sub-menu,
.main-navigation .sub-menu li .children,
.main-navigation .children li .sub-menu,
.main-navigation .children li .children {
    left: 100%;
    top: 0!important;
    margin-left: 15px
}
.main-navigation .sub-menu li:last-child,
.main-navigation .children li:last-child {
    border-bottom: none
}
.main-navigation .mega-menu {
    position: static!important
}
.main-navigation .mega-menu .sub-menu,
.main-navigation .mega-menu .children {
    width: 100%
}
.main-navigation .mega-menu .sub-menu ul,
.main-navigation .mega-menu .children ul {
    margin: 0;
    padding: 0
}
.main-navigation .mega-menu .sub-menu ul li i,
.main-navigation .mega-menu .children ul li i {
    width: 16px;
    color: #868686;
    margin-right: 10px
}
.nav-content {
    position: relative
}
.nav-content>div {
    position: static!important
}
#open-left {
    cursor: pointer
}
.snap-drawers {
    background-color: #fff
}
.mobile-menu>ul,
#mobile-menu>ul {
    padding: 15px;
    margin: 0
}
.mobile-menu>ul li,
#mobile-menu>ul li {
    display: block;
    position: relative
}
.mobile-menu>ul li a,
#mobile-menu>ul li a {
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1;
    padding: 15px 0;
    border-bottom: 1px solid #eee
}
.mobile-menu>ul li:last-child,
#mobile-menu>ul li:last-child {
    border: none
}
.mobile-menu>ul li .sub-menu,
#mobile-menu>ul li .sub-menu {
    display: none;
    margin-left: 0;
    padding-left: 15px
}
.mobile-menu>ul li.menu-item-has-children span.mobile-menu-expand,
#mobile-menu>ul li.menu-item-has-children span.mobile-menu-expand {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    text-align: right;
    line-height: 44px;
    cursor: pointer;
    font-size: 14px;
    color: #999
}
.mobile-menu .menu-item-object-tm_mega_menu,
#mobile-menu .menu-item-object-tm_mega_menu {
    display: none!important
}
.social-menu .menu li {
    display: inline-block;
    margin-left: 20px;
    width: auto!important
}
.social-menu .menu li:before {
    display: none
}
.social-menu .menu li a {
    font-size: 0
}
.social-menu .menu li a:before {
    display: inline-block;
    font-size: 16px
}
.social-menu .menu li a[href*="facebook"]:before {
    content: "\f09a"
}
.social-menu .menu li a[href*="twitter"]:before {
    content: "\f099"
}
.social-menu .menu li a[href*="instagram"]:before {
    content: "\f16d"
}
.social-menu .menu li a[href*="youtube"]:before {
    content: "\f16a"
}
.social-menu .menu li a[href*="plus.google.com"]:before {
    content: "\f0d5"
}
.social-menu .menu li a[href*="vimeo.com"]:before {
    content: "\f194"
}
.social-menu .menu li a[href*="flickr"]:before {
    content: "\f16e"
}
.social-menu .menu li a[href*="dribbble.com"]:before {
    content: "\f17d"
}
.social-menu .menu li a[href*="foursquare"]:before {
    content: "\f180"
}
.social-menu .menu li a[href*="linkedin"]:before {
    content: "\f0e1"
}
.social-menu .menu li a[href*="tumblr"]:before {
    content: "\f173"
}
.social-menu .menu li a[href*="feed"]:before {
    content: "\f09e"
}

/*SLIDER*/
#hero-wrapper {
  /*height: 300px;*/
  width: 100%;
  /*position: fixed;*/
}
#hero-wrapper .carousel-wrapper,
#hero-carousel {
  /*height: 100%;
  width: 100%;
  position: absolute;*/
}
#hero-carousel img {
  left: 0;
  bottom: 0;
  min-width: 100%;
  /*min-height: 100%;*/
  /*max-width: none;*/
  width: auto;
  height: auto;
}
#hero-carousel i {
  position: absolute;
  top: 50%;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*thump swap slider*/
.swiper-container {
        width: 100%;
        /*height: 300px;*/
    }
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: red;*/
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide .thumbnail{
    border-radius: 0;
    text-align: left;
}
.swiper-slide .thumbnail p{
    font-size: 16px
}

/*bluebg-img*/
#bluebg-img{
    /*height: 150px;*/
    background:#ffffff /*url(../images/backgound2.jpg)*/;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 50px;
    color: #fff
}


#redebgconttop{
    /*height: 150px;*/
    background:#6B6A6A url(../images/subceibetop.jpg) ;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff
}
#redebgcont{
    /*height: 150px;*/
    background:#6B6A6A url(../images/subceibe.jpg) ;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff
}
#mapbgcont{
    /*height: 150px;*/
    background:#6B6A6A;
    background-size: cover;
   /* padding-top: 30px;
    padding-bottom: 30px;*/
    color: #fff
}
#bluebg-img .icon-wrp-blue{
    display: inline-block;
    background-color: #00b1f1;
    margin-bottom: 20px;
}
#bluebg-img .icon-wrp-blue .fa{
    color: #fff;
    font-size: 20px;
    padding: 20px;
    width: 60px;
    text-align: center;
}
#bluebg-img h3{
    color: #25282a;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    text-align: center;
    text-transform: uppercase;
}
#bluebg-img p{
    line-height: 19px;
    font-size: 16px;
}

#bluebg-div{
    /*height: 150px;*/
    background: #019cd4;
   /* background-image: url(../images/backgound2.jpg);*/
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 50px;
    color: #fff
}
#conta-div{
    /*height: 150px;*/
    background: #019cd4;
    background: #019cd4 url(../images/backgound2.jpg);
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 50px;
    color: #fff
}

/*  who WE ARE  */
#whoweare{
    padding-top: 30px;
    /*padding-bottom: 50px;*/
}
#whoweare .cont-area{
    /*margin-top: 110px;*/
}
#whoweare .cont-area p{
    color:#595959;
}
#whoweare .cont-area h2{
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 14px;
    text-align: left;
}
#whoweare .cont-area p{ text-align: justify; }
#whoweare .cont-area .more-a{
    color: #333;
    font-weight: bold;
}
#whoweare .cont-area .more-a:hover{
    color: #029bd4;
}
/*What We do*/
#whatwedo{
    padding-top: 50px;
    padding-bottom: 40px;
    background-color: rgb(249, 247, 247);
}
#whatwedo h2 {
    font-weight: bold;
    font-size: 35px;
    /*margin-bottom: 30px;*/
    text-align: center;
    color: #fff;
}
#whatwedo .center-conte{
    width: 50%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
#whatwedo .icon-wedo-wrp{
    background-color: #fff;
    width: 120px;
    height: 120px;
    margin: 0 auto;
}
#whatwedo .icon-wedo-wrp .icon-wedo{
    background-image: url(../images/wedo-icon.png);
    width: 67px;
    height: 67px;
    background-size: 350px;
    background-position: 0;
    display: inline-block;
    margin: 27px 27px;
}
#whatwedo .icon-wedo-wrp .icon-wedo.brick-ico{
    background-position: -96px;
}
#whatwedo .icon-wedo-wrp .icon-wedo.paint-ico{
    background-position: -191px;
}
#whatwedo .icon-wedo-wrp .icon-wedo.plump-ico{
    background-position: -286px;
}
#whatwedo .grid-wedo{
    margin-top: 20px
}
#whatwedo .grid-wedo h5{
        color: #222222;
    text-align: center;
    font-size: 19px;
    margin: 15px 0;
    font-weight: bold;
}
#whatwedo .grid-wedo p{
    color: #222222;
    text-align: center;
    line-height: 20px;
}

/*LATEST PROJECT*/
#lat-project{
    background-color: #dfdfdf;
    padding-top: 40px;
    padding-bottom: 40px;
}
#lat-project h2{
    text-align: center;
    font-weight: bold;
    font-size: 35px;
   /* margin-bottom: 30px;*/
    color: #272727;
}
/*Testimonial*/
#testimonial{
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}
#testimonial h2{
    color: #272727;
}
.swiper-container.gct-swap2{
    margin-top: 0
}
.gst-testm-grid .quote {
    position: relative;
    display: inline-block;
    text-align: left;
}
.gst-testm-grid blockquote,
.gst-testm-grid blockquote p {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 16px;
    color: #777;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    /*text-align: left;*/
}
.gst-testm-grid blockquote:before,
.gst-testm-grid blockquote p:before {
    display: none!important
}
.gst-testm-grid blockquote {
    margin-bottom: 20px;
    background: #f4f4f4;
    padding: 40px 40px 40px 100px;
    position: relative
}
.gst-testm-grid blockquote:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #f4f4f4;
    position: absolute;
    bottom: -6px;
    left: 35px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=5)
}
.gst-testm-grid .avatar {
    width: 90px!important;
    height: 90px!important;
    display: inline-block;
    float: left;
    margin-right: 20px;
    border-radius: 50%
}
.gst-testm-grid .author {
    display: inline-block;
    padding-top: 20px
}
.gst-testm-grid .author span:first-child {
    color: #000;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    font-size: 20px
}
.gst-testm-grid .author span.title {
    display: block;
    font-weight: 400;
    font-style: normal;
    color: #777;
    line-height: 1;
    /*text-align: left;*/
}
.gst-testm-grid:before {
    font-family: "FontAwesome";
    content: '\f10d';
    color: #ccc;
    line-height: 36px;
    text-align: center;
    font-size: 40px;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 999;
}
/*RECENT NEWS*/
#rec-news{
    background-color: #fbfaee/*eee*/;
    padding-top: 40px;
    padding-bottom: 40px;
}
#rec-cont{
    background-color: #fbfaee/*eee*/;
    padding-top: 2px;
    padding-bottom: 2px;
}
#rec-cont h2{
     color: #272727;
}
#rec-news h2{
     color: #272727;
}
#rec-news2{
    background-color: #f5f4df/*eee*/;
    padding-top: 40px;
    padding-bottom: 40px;
}
#rec-news2 h2{
     color: #272727;
}

#morenew-news{
    background-color: #eee;
    padding-top: 60px;
    padding-bottom: 40px;
}
#morenew-news h2{
     color: #272727;
}
.news-para{
    font-size: 16px;
    color: #777777;
    text-align: left;
    line-height: 25px;
    margin-bottom: 30px
}
.news-para img{ padding-bottom: 5px; }
.tm-newsupdate .newsupdate-item .newsupdate-content {
    margin-top: 20px;
}
.tm-newsupdate .newsupdate-item .newsupdate-content .newsupdate-title {
    font-size: 16px;
   /*font-size: 2em;*/
    font-weight: 700;
    color: #2b2624;
    display: block;
    line-height: 1.3;
    margin-bottom: 15px;
}
.tm-newsupdate .newsupdate-item .newsupdate-content .newsupdate-title a{
    color: #202020;
}
.tm-newsupdate .newsupdate-item .newsupdate-content .newsupdate-meta {
    display: block;
    font-size: 15px;
    color: #777;
    line-height: 1;
    margin-bottom: 10px;
}
.tm-newsupdate .newsupdate-item .newsupdate-content .more-a {
    color: #777;
    font-weight: bold;
}
.tm-newsupdate .newsupdate-item .newsupdate-content .more-a:hover {
    color: #029bd4;
}
/*<!-- Client -->*/
#client{
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}
.swiper-container.gct-swap3 {
    margin-top: 0;
}
.swiper-container.gct-swap3 .swiper-slide{
    background-color: #f4f4f4;
    padding: 5px 10px;
}
/*Footer top*/
#footer-top{
    background-image: url(../images/backgound3.jpg);
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 50px;
    color: #fff
}
#footer-top h2{
    color: #fff;
}
#footer-top .more-a-bg {
    background-color: #fff;
    color: #000;
}
#footer-top .more-a-bg:hover{
   color: #019cd4;
}
#footer-top .foot-tp-ico h2{
    font-size: 40px;
    font-weight: bold; 
    margin-bottom: 0;
    text-align: center;
}
#footer-top .foot-tp-ico h3{
        color: #fff;
     font-weight: bold; 
    font-size: 15px;
    text-align: center;
    /*text-transform: uppercase;*/
}
#footer-top .foot-tp-ico .gct-ico-ft{
    font-family: 'tm-icon'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center; 
    color:#ffffff; 
    font-size: 86px; 
    opacity: .6
}
.tm-icon-08:before {
    content: "\e907";
}
/*footer*/
.site-footer {
    background-color: #000000;
    padding: 50px 0px 40px 0px;
    color: #989898;
}
.site-footer a{
    color: #989898
}
.site-footer .widget-title {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    letter-spacing: 0;
    line-height: 1;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    display: block;
    text-transform: uppercase;
}
.site-footer .widget-title:after {
    position: absolute;
    content: "";
    height: 1px;
    background-color: rgba(255, 255, 255, .1);
    width: 50%;
    margin-left: 15px;
    top: 50%
}
.site-footer .textwidget img {
    display: block;
    margin-bottom: 20px
}
.site-footer .widget_nav_menu li a {
    font-weight: 400
}
.site-footer .widget_nav_menu li a:before {
    content: '\f105';
    color: #444;
    font-size: 16px;
    margin-right:5px;
}

.site-footer p {
    margin-bottom: 10px
}
.site-footer i {
    width: 16px;
    font-size: 16px;
    color: #444
}
.site-footer .social {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, .1)
}
.site-footer .social ul {
    margin: 0;
    padding: 0
}
.site-footer .social-menu {
    margin-top: 40px
}
.site-footer .social-menu .menu {
    margin: 0;
    padding: 0;
    width: 100%
}
.site-footer .social-menu .menu li {
    display: inline-block;
    padding: 0;
    margin: 0!important;
    float: left;
    text-align: left;
    border: none!important;
    background: none!important
}
.site-footer .social-menu .menu li a {
    font-size: 0
}
.site-footer .social-menu .menu li a:before {
    margin: 0;
    color: inherit;
    line-height: 32px;
    font-size: 20px;
    margin-right: 15px
}
.site-footer .menu {
    margin: 0;
    padding: 0
}
.site-footer .menu li {
    margin-bottom: 10px;
    list-style-type: none;
    vertical-align: top
}
.site-footer .menu li:hover a {
    margin-left: 5px
}
.copyright {
    background-color: #222222;
    padding: 30px 0px 30px 0px;
    color: #858585;
    overflow: hidden;
    line-height: 1;
    text-align: center
}
/*@media (min-width: 64em){

}*/
@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
    
 }
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */

 }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .site-footer .menu li {
        display: inline-block;
        width: 100%; text-transform: uppercase;
    }
 }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    #whoweare .cont-area {
    margin-top: 20px;    border: 1px dotted;
    }
    .nav-blu-wrp{
    position: absolute;
    z-index: 999;
    width: 100%;
    margin-top: 1px;
    }
    .navbar.sticky {
    position: fixed;
    /*font-size: 24px;*/
    /*line-height: 48px;*/
    /*height: 48px; */
    width: 100%;
    background: #f50c0e ;
    /*text-align: left;*/
    /*padding-left: 20px;*/
    z-index: 90;
    border: none;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
}
    
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 

}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 

}
@media (min-width:768px) { /* hi-res laptops and desktops */ 
.navtop{ float: right; /*margin-top: -52px;margin-right: 58px;*/ }
}
 

@media only screen and (max-width : 768px) { 
    .header02 .site-top{
        /*padding-top: 5px;*/
        /*padding-bottom: 5px;*/
    }
   

    .site-top .site-top-left, .site-top .site-top-right{
        margin: 0 auto;
    }
    .site-top .site-top-right{
        margin-top: 10px;
    }
    #bluebg-img .caption{
        border-bottom: 1px solid;
        margin-bottom: 5px;
    }
    .header02 .site-header .main-navigation{
        position: relative;
    }
    .navbar-toggle{
        position: absolute;
        right: 0;
        top: 35px
    }
 }
 @media only screen and (max-width : 991px) { 
    .no-padd-sm{
        padding: 0 !important;
    }
    .main-navigation .menu > ul > li, .main-navigation .menu > li {
        
    }
    .site-header{
        padding-bottom: 10px
    }

}
@media only screen and (max-width : 1199px) { 
     .main-navigation .menu > ul > li, .main-navigation .menu > li {
        padding: 22px 0px 22px 0px;
        margin: 0px 16px 0px 0px;
        font-weight: normal;
    }
}
@media (min-width: 768px){ 
.navbar-nav {
    float: right;
    margin: 0;
    margin-left: 0%;
}
}
/*.navbar-nav>li,.navbar-nav li:hover, .navbar-nav li.active */
.nav>.navbar-nav>li,.nav.navbar-nav li:hover, .nav.navbar-nav li.active 
{background: none;
    /*border-top-color: #f50c0e;*/
   /* border-bottom-color: #f50c0e;*/
/*border-top: 3px solid #0A0A0A;;*/
color: #E30019;
}
.nav>.navbar-nav>li>ul{
/*font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;*/
    border: none;

}
.navbar-nav>li>.dropdown-menu :hover { border: none;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: rgba(209, 4, 27, 0.9);
background: rgba(209, 4, 27, 0.9);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    
    


}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
.site-top-left,.site-top-right{ text-transform: none; }
.btn-primary-gr {
    color: #fff;
   background-color: #f50c0e;
    border-color: #bb8642;
}
.panel-title{
    display: block !important;
    box-shadow: inset 0 -2px 0 0 #e3e3e3 !important;
    margin-bottom: 15px;
}
.panel-title h2 {
    color: #370297 !important;
}
.panel-title h2 {
    border-bottom: 2px solid #2c3e50 !important;
}
.panel-title h2 {
    display: inline-block;
    padding-bottom: 12px;
    border-bottom: 2px solid #3f484f !important;
    color: #3f484f;
    font-weight: 600 !important;
    font-size: 1.2em !important;
    text-transform: uppercase;
    line-height: 110%;
    /* padding-right: 15px; */
    margin-bottom: 0px;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 0px;
    text-transform: uppercase;
}
/*.homepageimg {
    padding-top: 5px;
    padding-bottom: 10px;
}
.imgcontainer {
    position: relative;
    width: 100%;
}
.imagediv {
    opacity: 1;
    display: block;
    width: 100% !important;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}
.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}*/
.imgcontainer {
  position: relative;
  width: 100%;
  padding: 10px;
}

.vinimage {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.imgcontainer:hover .vinimage {
  opacity: 0.3;
}

.imgcontainer:hover .middle {
  opacity: 1;
}

.text {
  background-color: rgba(2, 44, 62, 0.6);
background: rgba(2, 44, 62, 0.6);

  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.appointment-form {
  position: relative;
  z-index: 1; }
  .appointment-form .form-control {
    width: 100%;
    height: 50px;
    background-color: rgba(67, 38, 95, 0.6);
    border-radius: 2px;
    border: none;
    color: #ffffff;
    font-size: 12px;
    padding: 0 30px;
    font-style: italic; }
    .appointment-form .form-control:focus {
      box-shadow: none; }
  .appointment-form select {
    appearance: none;
    -moz-appearance: none; }
    .appointment-form select option {
      width: 100%;
      height: 40px;
      background-color: #ffffff;
      color: #4F9208; }
  .appointment-form textarea.form-control {
    padding: 30px;
    height: 120px; }
    .nav>li>a {
    position: relative;
    display: block;
    padding: 5px 15px;
}
.newsletter{ padding-bottom: 10px; color: white; font-size: 18px; }
.newsletterTxt {
    font-size: 18px;
    font-weight: bold;
}
.product-slider #owl-product .owl-controls .owl-nav div {
    background-color: #cecece;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    font-size: 18px;
    border-radius: 0;
    opacity: 1;
    border-left: 1px solid #dcdcdc;
}
.product-slider #owl-product .owl-controls .owl-nav .owl-prev {
    left: 1px;
}
.product-slider #owl-product .owl-controls .owl-nav .owl-prev:before {
    content: "\f104";
    font-family: fontAwesome;
}
.product-slider #owl-product .owl-controls .owl-nav .owl-next:before {
    content: "\f105";
    font-family: fontAwesome;
    padding: 1px 29px;
}

.product-slider-top #owl-product-top .owl-controls .owl-nav div {
    background-color: #cecece;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    font-size: 18px;
    border-radius: 0;
    opacity: 1;
    border-left: 1px solid #dcdcdc;
}
.product-slider-top #owl-product-top .owl-controls .owl-nav .owl-prev {
    left: 5px;
}
.product-slider-top #owl-product-top .owl-controls .owl-nav .owl-prev:before {
    content: "\f104";
    font-family: fontAwesome;
}
.product-slider-top #owl-product-top .owl-controls .owl-nav .owl-next:before {
    content: "\f105";
    font-family: fontAwesome;
        padding: 1px 29px;
}

.product-slider .slider-disc h4 {
    margin-bottom: 10px;
    margin-top: 15px;
    color: black;
}
.product-slider .slider-disc p {
    margin-bottom: 15px;
    color: #686868;
}
.btn-lg {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.3333333;
    /* border-radius: 6px; */
    line-height: 1.3333333;
    /* border-radius: 6px; */
    text-transform: uppercase;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none;
}

#welcomebg{
    /*height: 150px;*/
    background:#ffffff /*url(../images/backgound2.jpg)*/;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 50px;
    color: #fff !important;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
 background-color: rgba(244, 0, 2, 0.1);
background: rgba(244, 0, 2, 0.1);
}

.imgcontainer:hover .overlay {
  opacity: 1;
}

.icon {
  color: white;
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.fa-user:hover {
  color: #F7D75C;
}
.profdiv {border:#bfad69 1px dotted; padding-top: 8px; border-radius: 10px; padding-bottom: 7px;}

.bottom-right {
  position: absolute;
  bottom: 285px;
  right: -20px;
  background: #F7D442;
  width: 50%;
  padding: 10px 20px;
  color: #000;
}
#owl-product-top .imgcontainer { padding: 20px !important; }
.cont-area {/*background-color: rgba(24, 56, 88, 0.5);
background: rgba(24, 56, 88, 0.5);*/ padding: 10px 5px;}
.cont-area h3 { color: #000; }
.cont-area h4 {color: #000; text-transform: uppercase;  }
.cont-area p { color: #000; }
.caption { text-align: justify;color: #000; }
.caption p { color:#121213; }
.tab-single-disc { text-align: center; text-transform: uppercase; }
.projdiv { border: 1px dotted #370297; }

.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
    top: 40%;
   
}
.carousel-caption  h1{text-align: center; color: #ffffff;font-size: 38px;
    font-weight: bold; text-transform:uppercase;}
.carousel-caption p { text-align: center; font-size: 32px; /*text-transform:uppercase;*/ color: #fff;font-weight: bold;
    }

.mk-page-section .mk-skip-to-next {
    z-index: 10;
    line-height: 44px;
}
.mk-skip-to-next[data-skin=light] {
    border: 2px solid #fff;
}
.mk-skip-to-next {
    position: absolute;
    display: table;
    left: 50%;
    cursor: pointer;
    bottom: 0;
    margin: -26px 0 26px -26px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    opacity: .9;
    transition: all .2s ease-out;
}
.primary_color { margin-right: 70px; text-align: right; }
.nav>li>a {
    position: relative;
   /*  display: block; */
    padding: 10px 10px;
}
.slider-disc p { padding: 5px 15px; text-align: justify; }
.breadcumb-area {
    position: relative;
    z-index: 1;
    height: 300px;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center !important;
}
.bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-gradient-overlay {
    position: relative;
    z-index: 1;
}
.h-100 {
    height: 100%!important;
}
.breadcumb-area .title {
    font-size: 40px;
    margin-bottom: 0;
    color: #d1041b;
    text-transform: uppercase;
    text-align: center;
    padding-top: 148px;
}
.top18{margin-top: 18px}

/*@media only screen and (min-width: 768px) and (max-width: 1024px) { 
.nav>li>a {
    position: relative;
     display: block; 
    padding: 10px 5px;
    font-size: 11px;
}
 }
@media only screen and (min-width: 1050px) and (max-width: 1680px) {
	
	.nav>li>a {
    position: relative;
    
    padding: 10px 10px;
    font-size: 20px;
}
	
}
@media only screen and (min-width: 1080px) and (max-width: 1920px) {
	
	.nav>li>a {
    position: relative;
    
    padding: 10px 10px;
    font-size: 18px;
}
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
    
    .nav>li>a {
    position: relative;
   
    padding: 10px 5px;
    font-size: 14px;
}
}
@media only screen and (min-width: 1440px) and (max-width: 2560px) {
    
    .nav>li>a {
    position: relative;
   
    padding: 10px 10px;
    font-size: 31px;
}
}
@media only screen and (min-width: 900px) and (max-width: 1440px) {
    
    .nav>li>a {
    position: relative;
    
    padding: 10px 10px;
    font-size: 14px;
}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    
    .nav>li>a {
    position: relative;
   
    padding: 10px 8px;
    font-size: 10px;
}
}
@media only screen and (min-width: 1050px) and (max-width: 1680px) {
    
    .nav>li>a {
    position: relative;
    
    padding: 10px 8px;
    font-size: 18px;
}
}*/
@media (min-width: 768px){ 
 .nav>li>a {
    position: relative;
    
    padding: 10px 3px;
    font-size: 12px;
}
@media (min-width: 1280px){ 
 .nav>li>a {
    position: relative;
    
    padding: 10px 8px;
    font-size: 14px;
}
@media (min-width: 1440px){ 
 .nav>li>a {
    position: relative;
    
    padding: 10px 8px;
    font-size: 18px;
}
}
@media (min-width: 1680px){ 
 .nav>li>a {
    position: relative;
    
    padding: 10px 8px;
    font-size: 22px;
}
}
@media (min-width: 2560px){ 
 .nav>li>a {
    position: relative;
    
    padding: 10px 10px;
    font-size: 30px;
}
}
@media (min-width: 3840px){ 
 .nav>li>a {
    position: relative;
    
    padding: 10px 8px;
    font-size: 48px;
}
}

.site-branding {margin-left: 8%; float: left;}