/*body*/
body
{background-color:white !important;color: #333 !important; }



/*header*/
.header-cont
{padding:8px 50px;}

.logo-div
{float:left;}

.phone i
{width: 30px;
    height: 30px;
    color: #3AA5B2;
    line-height: 12px;
    border: 2px solid #ce9b38;
    padding: 6px;
    border-radius: 100%;
    margin-right: 5px;}

.phone i.call
{padding: 7px}

.top-header .phone
{float: right;letter-spacing: 1px; margin-left: 15px}


/*menu*/
.menu-cont
{float: right;}

.navbar
{min-height: 0px !important;width:100% !important;display: inline-block;float:right!important;margin-bottom: 0px;
background-color: transparent;border: none;border-radius: 0px; top:8px;}

#myNavbar
{border:none;padding-left:0px;padding-right:0px;}

.navbar-nav>li>a
{color: #3C495A  !important;font-size: 13px; font-weight: bold;letter-spacing: 1px;
text-transform: uppercase;}

.dropdown-menu>li>a
{font-size: 13px;
line-height: 20px}

.dropdown-menu>li>a:hover
{background-color: #fcfcfc !important;color:#262626 !important;}

.navbar-nav>li>a:hover
{background-color: #3aa5b2 !important;color:white !important;}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover
{background-color: #fcfcfc !important;color:#262626 !important;}

.dropdown-menu
{right:0px !important;padding: 0px;border:none;}

.navbar-inverse .navbar-toggle .icon-bar 
{background-color: #3f5b9c;}

.navbar-inverse .navbar-toggle 
{border:none;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: white !important;
}


/*large menu*/
.nav>li.large-list
{position: static !important;}

.dropdown-menu>li>a, .inner-large-ul>li>a
{font-size: 13px;line-height: 20px;padding: 7px 10px;display: block;
  transition:all .4s ease;color:#656464 !important;
}

.inner-large-ul>li>a
{padding: 7px 10px !important;}

.large-list>a
{cursor: pointer;}

.dropdown-menu>li>a:hover
{background-color: white !important;color:#ce9b38  !important;}

.inner-large-ul>li>a:hover
{background-color: white !important;color:#ce9b38 !important;}

.inner-large-ul
{ padding: 8px 0px;}

.large-drop
{ padding: 0px 0px 0px 10px;/*width: 900px*/}


/*gen*/
.space 
{height: 10px;}

.space5
{height:50px;}

.no-padding
{padding-right: 0px;padding-left: 0px}

.clear-fix
{clear: both;float: none;}

.footer-row-pad-up
{padding:30px 15px;}

.gen-cont-pad-up
{padding:30px 15px;}

.footer-cont-pad-80
{padding:80px 0px;}

.gen-cont
{padding-left: 20px;padding-right: 20px}

.footer-cont
{padding-left: 20px;padding-right: 20px}

.gen-row
{padding-right: 15px;padding-right: 15px}

.no-mg
{margin-bottom: 0px}

h4,h5
{font-family: '';}

h1
{font-size: 48px; text-transform: uppercase;font-weight: bolder}

h2
{font-size: 20px;margin-bottom: 15px;
    display: table;
    background-color: #143746;
    padding: 8px 15px;
    width: 242px;}

h3
{font-weight: bold;font-size: 19px;}

h4
{font-size: }

h5
{font-size: }


.gen-p,
{font-size: 14px;line-height: 26px;color:#757575;}

.box
{display: table;}

.sub-box
{display: table-cell;}

.sub-box1
{padding-right: 18px}

ul
{padding-left: 0px}

/*link*/
a:hover
{text-decoration: none;}

.appt {
    background-color: #3aa5b2;
    color: white;
    padding: 8px 15px 8px 52px;
    border-radius: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    top: 5px;margin-left: 15px;
    transition: all .4s ease;
}

.appt i {
    display: block;transition: all .4s ease;
    border: solid 1px transparent;
    background-color: #3c495b;
    text-align: center;
    position: absolute;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    top: 0px;
    left: 0px;
    width: 37px;
    height: 100%;
    line-height: 30px;
    font-size: 14px !important;
    color: inherit !important;
}

.appt:hover
{color: white; background-color: #3c495b}

.appt:hover i
{background-color:  #3aa5b2;}

button.appt
{border:none;margin-left: 0px; margin-bottom: 10px; outline: 0}

/*list*/
ul
{list-style-type: none;}

/*para*/
p
{line-height: 24px}


/*modal*/
input[type=text], input[type=tel], input[type=email], textarea, select
{margin-bottom: 10px;border: 1px solid #ECECEC;padding: 10px 20px; transition: all 0.3s ease;outline: none;
width: 100%;color: #999999 }

input[type=submit] {
    min-width: 160px;
}

input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus
{border:1px solid rgba(0,0,0,.2);}

.modal-header
{background-color: #3aa5b2;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: white;}

.modal-header .close {
   outline: none;
}

.mod-head {
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;font-weight: bold;
    margin-bottom: 0px;}



/*slider*/
 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      
      width: 100%;
      height:auto;
      margin: auto;
  }



.item img
{margin:0 auto !important;width: 100%}

.carousel-indicators 
{margin-bottom: 0px}

.carousel-indicators li
{background-color: rgb(64, 190, 203);
    border: 1px solid #40BECC;}

.carousel-indicators .active
{background-color:#143746; border:none; }


/*about*/
#about
{background:url(../img/images/triangle-bg.jpg);background-size:cover;color: white}

.in-about
{background-color: rgba(43, 135, 146, 0.8);height: 100%; padding: 55px 100px}

.abt-para
{font-size:14px;padding-right: 50px}

#about .sub-box, .in-page-cont .sub-box
{vertical-align: top;}

#about .sub-box1
{padding-right: 18px;}

.figure
{width: 90px;height: 105px;background-color: #E0A942; padding: 16px 10px; border-radius: 6px; border: 4px solid white}

.color1
{color: silver}

#about b
{font-size: 20px}


/*choose*/
#choose
{background:url(../img/images/square-bg3.jpg);background-size:cover;background-attachment:fixed; color: #143746}

.in-choose
{background-color: rgba(182, 187, 187, 0.8);height: 100%; padding: 55px 100px}

#choose .figure
{ background-color: #143746;padding: 13px 10px}

#choose h2
{font-size: 47px; text-transform: uppercase;font-weight: bolder;text-align: center;background-color: transparent;color: white;
display: block;width: auto;
}

.pad-col
{padding-top: 40px}

#choose .figure
{    width: 90px;height: 90px;border-radius: 6px; border:none;text-align: center;}

#choose .figure img
{margin:0 auto;}



/*services*/
#services h2, #products h2
{font-size: 47px; padding:0px;text-transform: uppercase;font-weight: bolder;background-color: transparent;color: white;
display: block;width: auto; text-shadow: 1px 0px 1px black;}

#services
{background:url(../img/images/wood-bg2.jpg);background-size:cover;background-position: center; color: rgba(255,255,255,.9)}

.in-service
{background-color: rgba(0,0,0,.5);height: 100%; padding: 55px 100px}

.serv-list 
{margin-top: 20px;}

.serv-list li
{position: relative;padding-left: 40px;margin-bottom: 15px;letter-spacing: 1px;line-height: 28px;
  background-image: url(../img/icons/arrow-right.png);background-repeat: no-repeat;}

.good, .ideas
{font-size: 20px;}

.good
{color:#4CC3F5;}

.ideas
{color:#EC2272;}

.ser-para
{letter-spacing: 2px}










/*new product*/
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}


.flex-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}


.align-items-end{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}


.no-pad{padding-left: 0px; padding-right: 0px}

#products
{background:url(../img/images/prod-bg.png);background-repeat: no-repeat;background-position:left top;
 color: rgba(255,255,255,.9)}

#products h2
{margin-bottom: 25px; color: #F1AC2B;} 

.product-cont
{background:url(../img/images/prod-bg-small.png);background-repeat: no-repeat;
  background-position: 95% 95%; /*background-color: rgb(251 220 0 / 94%);*/
  background-color: white
}

.in-pro
{height: 100%; padding: 55px 100px}

.product-div
{border:1px solid rgb(198 207 208 / 75%);display: block;background-color: rgb(255 255 255); height: 100%;
border-radius: 6px; overflow: hidden;

}

.product-div, .product-div img, .pro-head, .line
{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

.product-div:hover img{transform: scale(1.1);}

.product-div:hover .pro-head
{background-color: #074f98; color: white}

.product-div:hover .line
{    width: 53%;
    background-color: #fdd304;}

.pro-head
{text-align: center;
    /* background-color: #074f98; */
    color: #1d1d1d;
    padding: 12px 5px;
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    font-size: 14px;
    overflow: hidden;
    border-radius: 6px 6px 0px 0px;}

.prod-image
{text-align: center; padding: 3px; overflow: hidden;}

.prod-image img
{margin:0 auto; border-radius: 4px;}

.prod-col
{padding: 0px 5px; margin-bottom: 10px; width: calc(100% / 5 - 0px);}

.line
{    height: 1px;
    width: 24%;
    background-color: #e4e4de;
    margin: 0 auto;
    margin-top: -2px;}

.link-more
{display: inline-block;padding: 8px 20px; background-color: #143746; color: white !important;text-transform: uppercase;
  font-weight: bold;position: relative;height:36px;transition: all .4s ease;
text-align: center;}

.link-more:hover
{background-color:#E0A942 }

.link-more:hover i
{color:#E0A942 }

.mg-auto
{margin:0 auto;}

.mgtop-10
{margin-top: 10px}

.link-more i
{position: absolute;transition: all .4s ease;
    top: -1px;
    right: -19px;
    color: #143746;
    font-size: 64px !important;
    line-height: 38px;}

.prod-container
{padding-left: 10px;padding-right: 10px}





/*services inn*/
.serv-inn .product-div{
    padding: 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px rgba(0, 1, 1, 0.1); border:none;
    position: relative;
}

.serv-inn .prod-col img{border-radius: 10px}

.serv-inn .prod-col {
    width: calc(100% / 3 - 0px);
    padding: 0px 12px;
    margin-bottom: 24px;
}

.serv-inn .product-div .pro-head {
    position: absolute; z-index: 5; width: 100%; color: white; text-align: left;
    background-color: transparent;
    padding: 12px 12px;
    bottom: 0px;
    left: 0px;}

.hd-shadow {
box-shadow: 0px 8px 72px 55px rgb(14 14 14 / 92%);
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 4;}

*.serv-inn .product-div:hover .pro-head{background-color: none !important}

.serv-inn .product-div:hover .hd-shadow {
    box-shadow: 0px 8px 72px 55px rgb(8 29 90);
}

.back{    background-color: #fb2e1e; margin-left: 15px;
    padding: 6px 20px;
    border-radius: 40px;
    color: white;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
}

.back i{ padding-right: 2px;
    font-size: 17px;}

.back:hover{background-color: #d80146; color: white}


/*innerpage*/
.in-page
{background: url(../img/images/triangle-bg.jpg);
    background-size: cover;color:#143746}

.in-page-cont
{/*background-color: rgba(243, 243, 243, 0.93);*/
background-color:white;
    height: 100%;
    padding: 55px 100px;}

.c-white
{color:white;}

.in-body .carousel-inner .abc
{background: url(../img/images/in-bg.jpg); background-size: cover;height: 150px}


/*contact*/
#map {
    width: 100%;border:4px solid white;margin-top: 25px;
    height: 292px;
}

#contact iframe
{width: 100%; height: 250px; margin-top: 25px; border:none;}








/*footer*/
.more
{color: #43b7e8;margin-bottom: 15px; display: inline-block;}

.more i
{font-size: 18px !important; }

.more:hover
{color:white;}

.footer-appt
{margin-left: 0px;top:0px !important;}

.footer-order
{margin-bottom: 10px !important}

.footer-follow
{margin-top: 20px}

.footer-ul 
{padding-left: 20px;}

footer .gen-cont-pad-up
{padding: 45px 15px}

footer ul li
{position: relative;padding-left: 25px;margin-bottom: 20px}

footer ul li:before
{content: '\f0da';position: absolute;left:0px; color:;font-family: 'FontAwesome'}

footer ul li a:hover, .social-div a:hover
{color: white}

footer .sub-box1 div, .cnt-address .sub-box1 div
{width: 60px}

.under-img
{margin-bottom: 10px}

.social-div {
    display: block;
    margin-top: 5px;
    float: left;}

.img-cont {
    border-radius: 0%;
    border:2px solid rgba(255,255,255,.55);
    width: 34px;
    height: 34px;
    text-align: center;
    display: table;
    float: right;
    margin-right: 10px;
}

.sc-img a {
    display: table-cell !important;
    vertical-align: middle !important;
    margin: 0 auto !important;
    color: rgba(255,255,255,.55);
    font-size: 15px;
}

footer .img-cont:hover
{background-color:#0087C1;}


footer
{background-color:#143746;color:rgba(255,255,255,.55);font-size: 13px}

footer a
{color:rgba(255,255,255,.55);}

footer .box
{margin-bottom: 10px;line-height: 22px}

.cnt-address .box
{margin-bottom: 10px;line-height: 24px}

.footer-head
{    text-transform: uppercase;
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: rgba(255,255,255,.9);
    margin-bottom: 2px;
    font-size: 15px;}

.powered-by a
{text-decoration: none !important;color:rgba(255,255,255,.55);}

.powered-by a:hover
{color: white}

.rights, .powered-by
{margin-bottom:0px;}

.below-foot
{background-color:#1B6069;color:rgba(255,255,255,.45);font-size:13px;padding-top:10px;padding-bottom: 10px}




/*media quries*/
/*collapsing navbar earlier*/
    @media (min-width: 768px) and (max-width: 1050px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
       
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px !important;
        }
        .dropdown-menu > li > a {
            display: block;
            clear: both;
            white-space: nowrap;   
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;margin-right:0px;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
        
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }

        #myNavbar
        {width:100%;}

        .navbar-nav>li>.dropdown-menu 
        {width:100% !important;}


        /* since 3.1.0 */
      .navbar-collapse.collapse.in { 
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
    }


      @media (max-width: 1050px){
      .navbar-toggle
      { margin-top: -50px;}

      .menu-cont
      {float: none;}

      .menu-cont .appt
      {margin-bottom: 15px;margin-top: 10px;}

      .large-drop 
      {float: none;}

      }

      @media (min-width: 1200px){
      .serv-list
      {padding-left: 40px}
      }

      @media (min-width: 992px){
    /*  .pro-head
      {height: 57px}*/
      }

      @media (max-width: 991px){

      .pad-col {
     padding-top: 0px; }

     .remove-991
     {display: none;}

     footer .keep-col .big-box .box, footer .follow .big-box .box {
    margin: 0 auto;
    margin-top: 6px;
    margin-bottom: 6px;}

    footer .box
    {text-align: center;}

     }

     

     @media (min-width: 768px) and (max-width: 991px) {
     #contact form
     {margin-top: 25px}

    .header-cont {
     padding: 8px 45px;}

    .in-about, .in-choose, .in-service, .in-pro, .in-page-cont
    {padding: 50px 30px;}

    .pro-head {
    height: 65px;}

    #choose .box
    {margin-bottom: 25px; margin-top: 20px}

    .footer-cont {
    padding-left: 15px;
    padding-right: 15px;}

    .footer-head
    {text-align: center;}

    .social-div {
    display: table;
    margin-top: 8px !important;margin-bottom: 25px !important;
    float: none;
    margin: 0 auto;}

    .navigation
    {text-align: center;}

     }


     @media (min-width: 768px){
     .display-767
    {display: none;}
    }

     @media (max-width: 767px){
    .dropdown-menu>li>a:hover, .inner-large-ul>li>a:hover {
    background-color: white !important;
    color: #ce9b38 !important;}

    .top-header 
    {display: none;}

    .navbar-toggle {
    margin-top: -64px;}

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a
    {color:;}

    .dropdown-menu>li>a:hover
    {color: !important;background-color: ;}

    .dropdown-menu
    {background:  !important;}

    .navbar-nav
    {margin:0px 0px;}

    .inner-large-ul {
    padding: 0px 0px;}

    .abt-para
    {padding-right: 0px;text-align: justify;}

    #choose .sub-box
    {vertical-align: top;}

    #choose h3
    {margin-top: 0px}

    #choose .box {
    margin-bottom: 25px;}

    .footer-cont {
    padding-left: 0px;
    padding-right: 0px;}

    .navigation
    {margin-bottom: 20px}

    footer
    {text-align: center;}

    .social-div {
    display: table;
    margin-top: 8px !important;
    float: none;
    margin: 0 auto;}

    footer .keep-col .big-box .box, footer .follow .big-box .box
    {margin:0 auto;margin-top: 6px;margin-bottom: 6px}

    .remove-767
    {display: none;}

    .display-767
    {display: block;}

    #contact form
    {margin-top: 15px}


    }

    @media (min-width: 601px) and (max-width: 767px) {
    .prod-col {
    width: calc(100% / 3 - 0px);
}
    .header-cont {
    padding: 8px 30px;}

    .in-about, .in-choose, .in-service, .in-page-cont
    {padding: 30px 15px;}

    footer .gen-cont-pad-up {
    padding: 30px 15px;}

    .in-pro
    {padding: 30px 25px;}

    .pro-head
    {height: 60px}

     h1 {
    font-size: 38px;}

    #choose h2, #services h2, #products h2{
    font-size: 37px;}

    }


    @media (min-width: 601px){
   .for-mob
    {display: none;}
  }
   

    @media (max-width: 600px){
    .serv-inn .prod-col {
    width: calc(100% / 2 - 0px);
    padding: 0px 5px;
    margin-bottom: 10px;
}

    .in-body .carousel-inner .abc
    {height:120px;}

    h1 {
    font-size: 25px;}

    .for-mob
    {display: block;}

    .for-desk
    {display: none;}

    #choose h2, #services h2, #products h2 {
    font-size: 23px;}

    .header-cont {
    padding: 8px 15px;}

    .in-about, .in-choose, .in-service, footer .gen-cont-pad-up, .in-page-cont
    {padding: 20px 0px;}

    .in-pro
    {padding: 20px 10px;}

    body, .navbar-nav>li>a, .dropdown-menu>li>a, .appt, .abt-para, footer
    {font-size: 12px}

    #about b, h3 {
    font-size: 17px;}

    h2 {
    font-size: 18px;}

    .footer-head
    {font-size: 13px}

    .below-foot
    {font-size: 11px}

    .serv-col
    {width: 100%}

    .serv-list
    {margin-top: 0px}

    .prod-col
    {width: 50%}

    .below-foot-col
    {width: 100%; text-align: center;}

    .powered-by
    {text-align: center;}

    .below-foot-col p
    {line-height: 21px}

    .below-foot
    {padding-left: 0px;padding-right: 0px}

    }

    @media (min-width: 426px) and (max-width: 600px) {
    .pro-head
    {height: 57px}

    .keep-col .sub-box1, .follow .sub-box1 {
    padding-right: 5px;}

    }

     @media (max-width: 425px){
    .cnt-head
    {margin-bottom: 5px;
    margin-top: 8px;}

    .in-about, .in-choose, .in-service, footer .gen-cont-pad-up, .in-page-cont {
    padding: 10px 0px;}

    #map
    {height: 200px}

    #contact
    {text-align: center;}

    #contact .box
    {margin:0 auto;margin-bottom: 8px;line-height: 22px}

    #contact .big-box
    {margin-bottom: 12px}

    .in-body .carousel-inner .abc
    {height:100px;}

    .keep-col, .follow
    {width: 100%}

    .logo
    {width: 100px}

    .navbar-toggle {
    margin-top: -50px;}

   .carousel-indicators
   {bottom: 3px;}

   .prod-col {
    padding: 0px 3px;margin-bottom: 6px}
 
   .pro-head
   { height: 52px; padding: 12px 5px;}


   }