/* CSS Document */

@font-face {
    font-family: 'birds_of_paradise__personalRg';
    src: url('../fonts/birds_of_paradise__personal_use_only.woff2') format('woff2'),
         url('../fonts/birds_of_paradise__personal_use_only.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'chopinscriptmedium';
    src: url('../fonts/chopinscript.woff2') format('woff2'),
         url('../fonts/chopinscript.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold.woff2') format('woff2'),
         url('../fonts/lato-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latohairline';
    src: url('../fonts/lato-hairline.woff2') format('woff2'),
         url('../fonts/lato-hairline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latohairline_italic';
    src: url('../fonts/lato-hairlineitalic.woff2') format('woff2'),
         url('../fonts/lato-hairlineitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoheavy';
    src: url('../fonts/lato-heavy.woff2') format('woff2'),
         url('../fonts/lato-heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic.woff2') format('woff2'),
         url('../fonts/lato-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'philosopherbold';
    src: url('../fonts/philosopher-bold-webfont.woff2') format('woff2'),
         url('../fonts/philosopher-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'philosopherbold_italic';
    src: url('../fonts/philosopher-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/philosopher-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body { margin: 0; padding: 0; font-size:14px; font-family: 'Lato', sans-serif !important; color: #4c473e!important; background-color: #0e1213 !important;  position: relative;}

.container {  width: 90% !important; }
div, ul, li, p, form, h5, h6, h1, h2, p {  margin: 0; padding: 0;}
.red_input{ border:1px solid #ff0000 !important; background:#fdbdc3!important; }
.green_input{ border:1px solid #22740b!important; background:#b7de8a!important;}
.pdng_non{ padding:0px !important;}
.lft-rgt_pdgn_none{ padding-left: 0px!important;  padding-right: 0px!important;}
.botm_none{ margin-bottom:0px !important;}
.top_mrgin{ margin-top:36px;}
.mrgn_botm{ margin-bottom:20px;}
.mrgn_none{ margin-left:0px !important;  margin-right:0px !important;}
.rdus_non{ border-radius: 0px !important;}
.cntr_align {  text-align: center; }
center{ margin-bottom:20px;}

.frm_mrgn_botm{ margin-bottom:15px;}
a{ text-decoration:none !important;}
.red_str{ color:#CC0000;}


.heding_txt h2{ line-height: 50px; border-bottom: 1px solid #c2c2c2; margin-bottom:30px;}
.cnter_butn{ text-align:center;}

sup{ color:#ff5e14; font-size: 15px !important; vertical-align: sub !important;}
textarea{ resize: none; }

.rpadng_non{ padding-right: 0px !important;  }
.lpadng_non{ padding-left: 0px !important;  }




							/*	=======================		header	=======================		*/

						
header{  width:100%; overflow:hidden; z-index: 99;  position: fixed;  -webkit-box-shadow:0px 6px 18px -9px rgba(0, 0, 0, 0.66);
-moz-box-shadow: 0px 6px 18px -9px rgba(0, 0, 0, 0.66);
box-shadow: 0px 6px 18px -9px rgba(0, 0, 0, 0.66) }

.hdr_top {  /*background: #28211f;*/ width: 100%; position: relative;}
.hdr_top .logo{ margin: 6px 0px;  float: none; overflow: hidden;}
.hdr_top .container{ position: relative;}
  .sgnup_in{ position: absolute; right: 5px; top:75%; border:0px solid red;}
  .sgnup_in ul{ margin: 0px; padding:0px;  }
  .sgnup_in ul li{ margin: 0px 1px; padding:0px 2px; display: inline-block;  }
  .sgnup_in ul li a{color: #4fecfa; transition: 0.6s; font-size: 16px; }
  .sgnup_in ul li a:hover{color: #75b1b6; }




@media only screen and (max-width: 568px){

  .sgnup_in{ bottom: 5px; }
}


    .sticky {
      position: fixed;
      top: 0;
      width: 100%;
    }

    .sticky + .content {
      padding-top: 60px;
    }

    #navbar{ width: 100%; /*background:#181d21;*/ z-index: 999;}
    #navbar .navbar { margin-bottom: 0px; }
    #navbar .navbar-brand { height: 52px; padding: 5px 15px; }
    #navbar .nav_cel{ margin-top: 0px; }


    #navbar .menu ul li{ border-right: 1px solid #28323c; }
    #navbar .menu ul li:last-child{ border-right: 0px solid #28323c; }



    #navbar .container{ background:#181d21; box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.47); -webkit-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.47);}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent !important; border:0px solid #fff !important;}
.navbar-default {  background-color: transparent !important; border: 0px !important; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color:#fff !important;}
.navbar-default .navbar-nav > li > a { color: #28211f !important;  }
.navbar-default .navbar-nav > li:last-child > a { padding-right: 0px !important;  }


.nav_cel .dropdown-menu {background-color: #3278b5 !important; }
.nav_cel .dropdown-menu>li>a {background-color:transparent !important;  border-bottom: 1px solid #2e659c; line-height: 30px; color: #fff; font-size: 15px; transition:0.5s; }
.nav_cel .dropdown-menu>li:hover a {color: #a7ccec; transition: 0.6s;}

.nav_cel .dropdown-menu>li:last-child a {  border-bottom: 0px;}

.navbar-default .navbar-nav>.open>a{ background-color:transparent !important;  }

.nav>li {
    position: relative;
    display: inline-block !important;
}

.cool::after {
  content: '';
  display: block;
  width: 0;
  height:2px;
  background: #fff;
  transition: width .3s;
}

.cool:hover::after {
  width: 100%;
}


@media only screen and (max-width: 480px){

  .hdr_top ul.cont{ float: none; margin: 3px auto 0px;}
  .hdr_top ul.lgn_rgst{ float: none; margin: 0px auto;}
  .hdr_top ul.cont li { margin: 2px 4px;}

}  



@media only screen and (max-width: 568px){

  .hdr_top ul.cont { float: none; }
  .hdr_top ul.lgn_rgst { float: none;}

}


@media only screen and (max-width: 767px){

  .navbar-brand img{ width: 196px; margin-top: 2px; }
  #navbar .navbar-brand {    height: 50px;}
  .logo img{ margin: 0px auto; }

}


/*@media (min-width: 768px){

    .navbar-header {  float: none !important; }
}
*/

    @media only screen and (max-width: 767px){

      .hadr_fix .navbar-toggle { margin-top: 18px;} 
      .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff7f7 !important; }
      .navbar-brand img{ height: 38px; }
      .navbar-default .navbar-toggle {  border-color: transparent !important;}
      .navbar-default .navbar-toggle:hover{ background-color: transparent !important; }
      .navbar-default .navbar-toggle .icon-bar { background-color: #fff !important; }
      .nav>li { display: block !important;}
    }


  @media (min-width: 768px){
    .navbar-nav > li { float: none !important; }
} 


/*.nav>li {
    position: relative;
    display: inline-block ;
}
*/

.nav_cel .nav{ display: inline-block !important;    text-align: center !important;    float: none !important; width: 100%; }





    /*  =========  mega menu  ============   */


  #navbar .menu > ul > li { list-style: none; }
  #navbar .menu > ul > li a{ /*text-transform:  uppercase; */ font-size: 16px;}

  .mnu_sub{ position: relative;  }
  .mnu_sub ul{ left:0px !important; }

  .sub_dpdwn li{ border-right: 0px !important;}

  .sub_dpdwn li a{text-transform: none !important;}
  .sub_dpdwn li:hover a{ color: #a1d1ec !important; }


  .menu-mobile:after {
    
    color: #fff !important;
    width: 40px;
    height: 40px;
    background: #ec8040;
    padding: 3px 0px 5px 10px !important;
    border-radius: 50%;
  }

  @media only screen and (max-width: 959px){

    .mnu_sub ul{ width: 100% !important;  }
    .menu > ul > li > ul{background-color: rgba(19,126,189,0.8); }
     .menu .sub_dpdwn li  a{ padding-left: 5% !important; line-height: 28px !important;}
  }

   @media only screen and (max-width: 768px) {

            .menu-mobile{ position: absolute;  z-index: 99; width: 100%; top: -5px; left: 0px; padding-top:30px !important;}
            .menu-container .menu-mobile { font-size: 0px; }

        }




		/*	=======================		Banner	=======================		*/

					
.banner .row{ margin: 0px !important; }
.banr_contnr { width: 90% !important; padding: 0;/* margin-top: 77px;*/ margin-top: 0px; position: relative;}
.banner .carousel-indicators li{  width: 18px; height: 18px; }
.banner .icon-next,.banner .icon-prev{ display: none !important; }
.pdng_none { padding: 0px !important;}

.banner .carousel-control.left { background-image: none !important;}
.banner .carousel-control.right { background-image: none !important; }
.banner .item{ position: relative; }



   @media only screen and (max-width: 767px){
        .banner {padding-top: 0px;}
        .pdng_mobl{ padding-right: 0px !important;    padding-left: 0px !important; }
   }

    @media only screen and (max-width: 768px) {
        .pdng_mobl{ padding-right: 0px !important;    padding-left: 0px !important; }
        
        .pic_thmb{ display:none;}
      }

					           /*	======= About_sec ========		*/

section{ padding: 60px 0; float: none; overflow: hidden; }
section h2{ font-size: 46px; color: #fff;  text-align: center; margin-top: 0px; position: relative;
 font-family: 'philosopher'; font-weight: 500 !important;}


                    /* ===== Welcom_sec ===== */

.welcm_sec{ border:0px solid red; float: none; overflow: hidden; text-align: center;  }
.welcm_sec h1{ color: #f4aa29; font-size: 40px; margin: 0px !important; width:70%; margin:0px auto !important;
  font-family: 'philosopher'; font-weight: 500 !important;}
.welcm_sec h5{ font-size: 60px; color: #fff;  margin: 40px 0 0 !important; text-align: left;
 font-family: 'chopinscriptmedium'; }
.welcm_sec .txt_cel{ width: 95%; text-align: left; margin:20px auto 0;}


                    /*  ===== About_sec ==== */


.abut_sec{ text-align: center; padding: 0px !important;}
.abut_sec .txt_cel{ width: 88%; text-align: center;  margin: 7% auto;  }
.abut_sec h2{ color: #fff; font-size: 48px; margin: 0px !important; text-align: center; 
  font-family: 'philosopher'; font-weight: 500 !important;}
.abut_cel{ padding-left: 0px !important; padding-right: 0px !important; background-color: #181d21; float: none;
overflow: hidden; padding: 10% 0;  }

.rdmor{ border-radius: 0px!important; background-color: #4df0ff !important; text-shadow: 2px 1px 0px rgba(64, 33, 33, 0.75);   
  border:1px solid #32ccda!important; padding:10px 16px !important; margin-bottom: 20px;
color: #fff !important; font-size: 16px !important; transition: 0.6s; border-radius: 20px !important;}
.rdmor:hover{ background-color: #16d4f0 !important;}



.hdngtxt_dsign {
    background: url(../images/btrfly_icon.png) 0 0 no-repeat;
    height: 74px;
    width: 67px;
    margin: 0px auto;
}

.txt_cel{ width: 70%; color: #c8c9cc!important; font-size: 17px;  float: none; overflow: hidden; margin:30px auto; line-height: 28px; text-align: center;  }
.info_txt{ display: block;	color: #5c5f6d; line-height: 30px; font-size: 	17px; display: 	block; font-family: 'Lato', sans-serif !important;	 }
.txbx ul{ margin: 20px 0 0; padding: 0px 0 0 20px; }
.txbx ul li{ margin: 0px; padding: 0px; background: url(../images/bult.png) 0 7px no-repeat; padding-left: 24px;  margin-bottom: 5px; list-style: none;
 color: #5c5f6d; font-size: 17px; line-height: 25px;}

.txbx h5{color: #f5801b; font-size: 26px; margin-top: 30px;}


    @media only screen and (max-width: 540px){
      .welcm_sec h1 {font-size: 30px;}
      .nws_sec h2 { font-size: 30px !important;}
    }

     @media only screen and (max-width: 667px){
      .txt_cel {width: 90%;} 
     }  


    @media only screen and (max-width: 767px){ 

          section{ padding: 30px 0px; }
          .abut_sec img{ margin: 0px auto;  }
          .comn_sec h2{ font-family: 'philosopher' !important;}
    }     



.pgrms_sec{ text-align: center; }
.prod_pic{ float: none; overflow: hidden; border:0px solid red; }
.prod_pic ul{ margin:0px; padding:0px;   }
.prod_pic ul li{ margin:0px; padding:0px; list-style: none;}
.prod_pic ul li:last-child{ margin-top: 10px; }

.prd_pic_bx{ position: relative; overflow: hidden; cursor: pointer; 
  border:0px solid red; }

.red_msg_line{position: absolute;
    bottom: 50px;
    left: -50%;
    background-color: rgba(42,220,236,0.8);
    color: #FFFFFF;
    padding: 12px;
    text-align: center;
    display: block;
    text-decoration: none;
    -webkit-transition: 800ms;
    -moz-transition: 800ms;
    -o-transition: 800ms;
    transition: 800ms;
    width: 50%;}
  
.prd_pic_bx:hover .red_msg_line{ 
  left: 0%;
}

.prd_pic_bx .box_pic{ margin:0px auto; }

.red_msg_line .srvc_name{ font-size:40px; line-height:30px; font-family: 'birds_of_paradise__personalRg';
 letter-spacing: 3px; padding-bottom: 10px;}

     @media only screen and (min-width: 767px){ 
         .red_msg_line .srvc_name{ font-size:20px;} 
      }    

    @media only screen and (max-width: 767px){  
      .prdt_sec img{ margin: 0px auto;  }
     }

    @media only screen and (max-width: 768px){  
      .red_msg_line{ width:80%; left: -80%;}
      .red_msg_line .srvc_name{ font-size:26px;} 
     }

 /*  =======================  nws_sec  =======================      */  

.nws_sec{ padding:0px 0px !important;}
.nws_sec .container{background-color: #181d21; padding:30px 0px 10px !important;}
.nws_sec h2 {color: #fff; font-size: 48px; margin: 0px !important; font-weight: bold;}
.nws_sec .txt_cel{ color:#fff !important; }

.nws_sbcrib{ margin: 20px auto; width: 70%; }


.nws_sbcrib .form-control {
height: 50px;
border-color: #ffffff;
border-radius:0; 
}
.nws_sbcrib .form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}
.nws_sbcrib .scrib_btn {
min-height: 50px; 
border-radius:0;
background: #4df0ff;
color: #fff; font-size: 16px; transition: 0.6s; text-shadow: 2px 1px 0px rgba(64, 33, 33, 0.75);
}

.nws_sbcrib .scrib_btn:hover { background: #16d4f0; color: #fff; }

   
.nws_sec .form-control { border:0px !important;  } 
.nws_sec .scrib_btn{ text-transform: uppercase; }    


                  /*  ====  Contact_sec  =====      */ 

.map_sec { padding: 60px 0 0 !important;} 
.ggl_map{ float: none; overflow: hidden; margin-top: 20px; border:0px solid red; }                    


                 /*  ====  Gallery_sec  =====      */  
  
.sponsor_sec{ background: #fbf1d4; }
.sponsor_sec .thumbnail{ background-color: transparent !important; border:0px !important;  }


/* thumb auto scroll  start*/

.auto_scroll_cover{ width:100% !important; background:#fff; /*margin-top: 40px;*/}
.thumb_auto_scroll{ width:100% !important;}

    
.client_slider_cell{ position:relative; margin-top:0px;}
.client_slider_cell ul{ margin:0px; padding:10px; text-align: center;}
.client_slider_cell ul li{ margin:0px 15px; padding:0px; list-style:none; display:inline-block;}

.client_slider_cell ul li img{margin: 0px auto; vertical-align: middle; margin-top: 20px;}
.client_slider_cell .prv_butn{ background:url(../images/prv_btn.png) 0 0 no-repeat; height:50px; width:50px; position:absolute; top:36%; left:5%;}
.client_slider_cell .nxt_butn{ background:url(../images/nxt_btn.png) 0 0 no-repeat; height:50px; width:50px; position:absolute; top:36%; right:5%;}

.bx-viewport{height: 140px !important; }

.bx-wrapper{-moz-box-shadow:none; -webkit-box-shadow: none; box-shadow:none !important; border:1px solid #ececec !important; background: #ececec !important; margin: 0 auto !important;}
.client_slider_cell ul li{    width: 150px;    margin-right: 1px !important;}
.auto_scroll_cover .carousel img { padding-top:0px; }
.client_sec .owl-carousel{ width: 100% !important; }


.client_sec .owl-carousel a.thumbnail:hover {    border-color: transparent !important;}

.owl-item{ text-align: center; }
.owl-item .rdmor{ padding: 6px 10px !important; font-size: 13px !important; margin-top: 10px;  }

.auto_scroll_cover .thumbnail{ background-color: #0e1213 !important; border: 0px solid #181d21!important;
 padding:1px !important;  }

                                        
                    /*======  footer_sec =====*/



 footer{}  
 footer .container{ width: 90%; }

 .foter_cover{ background-color: #181d21; padding:15px 30px;  }
 .fotr_lnk_cel { float: none; overflow: hidden; margin-top: 25px; margin-bottom: 20px;}
 .fotr_lnk_cel h5{ float: none; overflow: hidden; margin-top: 14px; font-size: 28px; color: #fff; 
  margin-bottom: 22px; position: relative; padding-bottom: 12px; font-family: 'philosopher'; }

  .fotr_lnk_cel h5:after {
    position: absolute;
    background: #2adcec;
    height: 17px;
    content: '';
    width: 15%;
    left: 0.4%;
    bottom: -14px;
}

 .fotr_lnks{ float: none; overflow:hidden; }
 .fotr_lnks ul li{ margin: 0px 0px 2px; padding:0px; list-style: none; border-bottom: 1px dotted #423a2b;  }
 .fotr_lnks ul li a{ color: #b8bac6; font-size: 16px; line-height: 25px; transition: 0.5s; }
 .fotr_lnks ul li a:hover{ color: #fff; padding-left: 4px; }

 .fabut{ color: #b8bac6; font-size: 15px; float: none; overflow:hidden; margin:20px 0px 10px; display: block; width: 90%;  }
 .copy_socl{ float: none; overflow:  hidden; background-color: transparent; padding: 14px 0px; }
 .copy_socl .cpyrgt{ color: #434c4d; text-align: center; }

 .contfrm label{color: #fff; font-weight: normal !important;}
 .contfrm .nput_fild{ border-radius: 0px; }
 .contfrm textarea{ margin-left: 0px !important; width: 96.3%; }
 .contfrm .comnt_txt{margin-left: 0%;}

 .sbmt_btn {background: #fb940f !important; border-radius: 0px !important; line-height: 36px; width: 100px; height: 36px;
  font-size: 16px !important; color: #fff !important; border:1px solid #d8861b !important; transition: 0.5s; /*margin-left: 15px;*/}
 .sbmt_btn:hover {background: #e06716 !important; border:1px solid #d8861b !important;}

 .socl{ float: right; } 
 .socl{ margin: 0px; padding: 0px; }
 .socl li{ margin: 0px; padding: 0px 4px;  list-style: none; display: inline-block; color: #9d9ea6; float: left;}
 .lndn a{ display: block;   background: url(../images/lndn_icn.png) 0 0 no-repeat;    width: 25px;    height: 24px;    transition: 0.4s;}

 .ftr_rdmor{ color: #fff; transition: 0.5s; }
 .ftr_rdmor:hover{ color: #e28d42 !important; }

 .fotr_lnk_cel address{ color: #b8bac6; }
 .fotr_lnk_cel label{ width: 100%; font-size: 16px; color:#b8bac6; font-weight: normal; padding-left: 40px; margin-bottom: 26px; font border: 0px solid red;  }

 .fotr_lnk_cel label.adrs{ background: url(../images/f_adrs.png)0 -5px no-repeat; font-family:'arial', sans-serif; height: 40px;}
 .fotr_lnk_cel label.mail{ background: url(../images/f_mail.png)0 -4px no-repeat; font-family:'arial', sans-serif;}
 .fotr_lnk_cel label.phon{ background: url(../images/f_phon.png)0 -4px no-repeat; font-family:'arial', sans-serif; margin-bottom: 15px; height: 26px;}

 .fotr_lnk_cel .contfrm label{ padding-left: 0px; }
 .fotr_lnks ul li span{ color:#6ff4fc; font-style: italic; }


@media only screen and (max-width: 414px){
  .contfrm textarea { width: 89.2%;}
  .contfrm .comnt_txt { /*margin-left: 6%;*/}
}


@media only screen and (max-width: 736px){
.mpdng_non{ padding-left: 0px !important; }
.contfrm textarea { margin-left: 0px !important;  width: 97.3%;}
}


@media only screen and (max-width: 767px){
 .cpyrgt{ text-align: center; margin-bottom: 8px;  }
}

@media only screen and (max-width: 768px){
.fotr_lnk_cel .contfrm .mpdng_non{padding-left: 0px;}
.fotr_lnk_cel h5 { font-size: 18px;}
.fotr_lnks ul li { padding: 0px 0 0 6px;}
}

@media only screen and (max-width: 1024px){
.fotr_lnk_cel h5 { font-size: 25px;}
}

                   /*  =======================  footer_sec End =======================      */    
/*scroll_up*/

.scroll_up{ background: url(../images/rocket_up.png) 0 0 no-repeat; position: fixed; bottom:40px; 
  right:15px; z-index:999999999; width:51px; height:87px; cursor:pointer; }                                                                                                                                                         





/* =============== Modal Login_page START=============== */

.modal-content{ background-color: rgba(35,44,49,0.9) !important; z-index: 9999; }

.modal-title{ text-align: center !important ; color: #4df0ff;  font-size: 36px !important ; 
 font-family: 'philosopher';   }

.modal-header .close { position: absolute ; right: 20px; top: 20px !important; font-size: 28px !important;}
.modal-header{ border-bottom: 1px solid #434e5a !important;}
.modal-footer{ border-top: 1px solid #434e5a !important;}

.modal-body{ padding-bottom: 30px !important;    }
.modal-body .form-control{ border-radius:0px !important ; }
.modal-body .forgot{ display: block;  text-align: left; margin-bottom: 20px;   }
.modal-body .forgot a{ color:#04b7c8; transition: 0.6s;}
.modal-body .forgot a:hover{ color:#65dae5;}

.lgin_bdy{ text-align:  center;  }
.lgin_bdy label{ display:block; text-align:left; color: #bcc7d6; font-weight: normal; font-size: 17px; }

.go_butn{ border-radius:  0px !important; text-transform: uppercase; transition:0.5s !important; background-color: #ff9b05 !important; border:1px solid #ff8605 !important ;
 font-size:16px !important; padding: 8px 25px !important; border-radius:20px !important }
.go_butn:hover{ background-color: #fba83a !important; }

.schng_butn{ border-radius:  0px !important; text-transform: uppercase;  transition:0.5s !important; background-color: #8b9cb4 !important; border:1px solid #8394ac !important ;
font-size:16px !important; padding: 8px 25px !important; border-radius:20px !important}
.schng_butn:hover{ background:#5d708c!important; border: 1px solid #5d708c!important; }
                   
         /*  =======  inner page ======= */   
                  


.inr_pag .txt_cel{ width: 85%; color: #c8c9cc!important; font-size: 17px;  float: none; overflow: hidden;
 margin:30px auto; line-height: 28px; text-align: center;  }

.abutdetl_pic{ float: none; overflow: hidden;}
.abutdetl_pic img{ margin: 15px auto;  }
.opn ul li{ border-bottom: 0px; margin-bottom: 8px; }




.prod_pag{}
.clear{ clear: both; }
.prod_pag .txt_cel{ width: 60%; margin:20px auto;  }

.prod_box{ margin-top:15px; }
    .ppic{ border:1px solid #2b2f31; float: none; overflow: hidden; position: relative;}

   .prod_box .thumbnail{ border-radius: 0px !important; padding: 0px !important; border:0px !important; background-color: #181d21; }
   .prod_sec .thumbnail img{ width:100%;    }
   .prod_sec .thumbnail h3{ display: block; text-align: center; color: #354050 !important; font-size:24px !important; margin-top: 10px !important;   }
   .prod_sec .thumbnail span{ display: block; text-align: center; color: #fa7227 !important; font-size:18px !important;   }



   @media only screen and (max-width: 767px){

   .cat-txt-overlay { left: 35%!important;}
   .prod_box .thumbnail .ppic img{ margin: 0px auto !important; float: none !important;}
   .prod_pag .cat-txt-overlay { left: 0%!important;}


}




          /* ===========  Wishlist transition onHover start ========== */


.cat-overlay {
    position: absolute;
    background: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    top: 100%;/*top: -100%;*/
    transition: .5s; z-index:9;
}

.prod_pag .ppic:hover .cat-overlay{
  top:0%;
}

.cat-txt-overlay{
  position:absolute;
  bottom:-100%;
  left:0;
  transition: .5s; z-index:99;  width: 100%;
}



.prod_pag .ppic:hover .cat-txt-overlay{
  bottom:45%; 
}



.ppic .detls{ color: #FFF; font-size: 22px; text-align: center; line-height: 26px; letter-spacing: 3px;
 width: 200px; margin:10px auto; display: block; position: relative; font-family: 'birds_of_paradise__personalRg';  }

 

 .ppic .detls:after{     position: absolute;
    background:url(../images/dmond.png) 0 0 no-repeat;
    height: 42px;
    content: '';
    width: 52px;
    left: 37.5%;
    bottom: -40px; }


.prod_pag .ppic:hover .detls{ bottom:40%; transition: 0.5s; }
.prod_pag .ppic:hover .detls:hover{ color: #fff; }

.pagination_cel{ padding: 0px; }
.pagination_cel .pagination{ margin:0px 0 20px; float: right; padding-right: 20px;  }

.pagination_cel .pagination>li>a, .pagination_cel .pagination>li>span{ background-color: transparent; 
  border-radius: 0px !important; color: #2adcec;}

  .pagination_cel .pagination>.active>a, 
  .pagination_cel .pagination>.active>a:focus, 
  .pagination_cel .pagination>.active>a:hover, 
  .pagination_cel .pagination>.active>span, 
  .pagination_cel .pagination>.active>span:focus, 
  .pagination_cel .pagination>.active>span:hover { border-color: #2adcec; background-color: #2adcec; color:#fff;}


@media only screen and (max-width: 767px){

.add_sec .ppic img{ margin: 0px auto; }

}




    /* ===========  Wishlist transition onHover End ========== */   


                /* =========== Contact page ========== */ 

.cont_pag{ padding-bottom: 0px; }
.contc_info{  background-color: #232c31; -webkit-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.75); box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.75);
 margin-top:15px; }
.cont_msg_bx{ padding:40px 40px 20px 40px;  }
.cont_frm_box{ width:85%; margin: 0px auto; }
.cont_nfo_bx{ background-color: #181d21; padding:50px 30px; color: #fff; }

.quk_cont{ float:none; overflow:hidden; border:0px solid blue; color: #fff; }
.quk_cont ul{ margin: 0px; padding: 0px;  }
.quk_cont ul li{ margin:0px 0px 6px; padding:0px; list-style: none; font-size: 16px; line-height: 25px;  }
.quk_cont ul li:last-child{ margin:24px 0px 0px; }
.quk_cont ul li.mail{ background: url(../images/mail_icn.png)0 -2px no-repeat; font-family:'arial', sans-serif; padding-left: 36px; }
.quk_cont ul li.phon{ background: url(../images/call_icn.png)0 -4px no-repeat; font-family:'arial', sans-serif; margin-bottom: 25px; padding-left: 36px;}

.quk_cont .mail a p{ color: #fff; }
.cont_frm_box h6{ font-size: 26px; margin: 0px 0 20px !important; color: #acb6bf;  }

.contc_info address{background: url(../images/location_icn.png)0 1px no-repeat; font-size: 16px; padding-left: 37px;}

.cont_nfo_bx p{ margin-top: 10px; }
.cont_frm_box .form-control{ border-radius: 0px; }
.cont_frm_box .read_btn{ border-radius: 0px!important; background-color: #4df0ff !important; text-shadow: 2px 1px 0px rgba(64, 33, 33, 0.75);   
  border:1px solid #32ccda!important; padding:8px 25px !important; margin-bottom: 20px; text-transform: uppercase;
color: #fff !important; font-size: 16px !important; transition: 0.6s; border-radius: 19px !important;}
.cont_frm_box .read_btn:hover{ background-color: #16d4f0!important;}


@media only screen and (max-width:568px){
  .contc_info{ width:100%; left: 0%; }
  .contc_info{ top: 15%; }

/*  .inrpag h2,.abut_pg h2{ margin-top: 60px !important; font-size:30px; }
*/
}


@media only screen and (width:768px){
  .contc_info{ width:90%; left: 5%; }
  .contc_info{ top: 25%; }
}