/*

Author: MUHAMMAD UMER

All Rights reserved to Designs Portal.com You are not allowed to copy any code this may cause a legal action against you. 

Your IP Address will be trace if you visit this link. 



*/

body{

    margin: 0px;

    background: #e2e2e2;

}

ul,ol,li,a,p,h1,h2,h3,h4,h5,h6{

    margin: 0px;

    padding: 0px;

    text-decoration: none;

    list-style: none;

}

.nopad{

    padding: 0px;

}



/***header***/

.template-header {

    float: left;

    width: 100%;

    background: #000;

}

img.template-logo.img-responsive {

    float: left;

    margin: 9px 0px 9px;

    width: 175px;

}

.permotion-icons-upper {

    float: left;

    width: 100%;

    margin-top: 66px;

    margin-bottom: 20px;

}

.header-icon-kit {

    float: left;

    width: 100%;

    font-family: 'Unna', serif;

}

.icon-ctrl {

    float: left;

    width: 20%;

}

.icon-text-ctrl {

    float: left;

    width: 80%;

}

.kiticon {

    background: #efefef;

    width: 55px;

    text-align: center;

    padding-top: 13px;

    height: 55px;

    font-size: 27px !important;

    border-radius: 30px;

    border: 1px solid #e2e2e2;

}

.icon-text-ctrl h2 {

    float: left;

    width: 100%;

    text-align: left;

    text-transform: uppercase;

    color: #545353;

    font-size: 25px;

    margin-top: 5px;

    letter-spacing: 1px;

}

.icon-text-ctrl p {

    font-size: 13px;

    float: left;

    width: 100%;

    letter-spacing: 1px;

    font-style: italic;

}

.nav-bg-full {

    float: left;

    width: 100%;

}

/****Right Description**/

.right-description-ctrl {

    float: left;

    width: 100%;

    font-family: 'Unna', serif;

    margin-top: 36px;

}

h1.listing-title {

    float: left;

    width: 100%;

    font-size: 27px;

    line-height: 32px;

}

p.sub-title {

    float: left;

    width: 100%;

    padding-top: 5px;

    letter-spacing: 1px;

}

p.price {

    float: left;

    width: 100%;

    margin-top: 8px;

    font-size: 17px;

    color: #565656;

    font-weight: bold;

}

a.contact-btn.hashbg {

    float: left;

    color: #fff !important;

    padding: 10px 20px;

    margin-top: 11px;

    font-size: 18px;

    font-weight: 500;

    letter-spacing: 0px;

    margin-bottom: 20px;

}

p.product-short-details {

    float: left;

    width: 100%;

    margin-top: 12px;

    font-size: 14px;

}

.right-permotions {

    float: left;

    width: 100%;

    border-top: 1px solid #ccc;

    padding-top: 19px;

        margin-top: 17px;

}

.right-permotion-one {

    float: left;

    margin-bottom: 24px;

    width: 100%;

}

.right-ico {

    float: left;

    width: 40px;

    height: 40px;

    text-align: center;

    color: #fff;

    padding-top: 11px;

    border-radius: 23px;

    font-size: 18px !important;

}

p.right-per-text {

    float: left;

    font-size: 14px;

    padding-top: 10px;

    padding-left: 10px;

    font-weight: 400;

}

h3.why {

    float: left;

    width: 100%;

    font-size: 18px;

    margin-bottom: 18px;

    font-weight: bold;

    margin-top: 10px;

}

h2.section-title {

    float: left;

    width: 100%;

    text-align: left;

    background: #000;

    color: #fff;

    padding: 16px;

    font-size: 17px;

    font-family: 'Unna', serif;

    text-transform: capitalize;

    letter-spacing: 1px;

    font-weight: 600;

    border-radius: 5px;

    letter-spacing: 1px;

    text-align: center;

    margin-top: 23px;

}g

.fct-mm {

    float: left;

    width: 100%;

    text-align: center;

    color: #fff;

    padding: 16px;

    font-size: 23px;

    text-transform: capitalize;

    letter-spacing: 1px;

    font-weight: bold;

    letter-spacing: 1px;

    margin-bottom: 16px;

}

.descriptionarea {

   float: left;
    width: 100%;
    border: 1px solid #c9a75b;
    border-radius: 9px;
    padding: 12px;
    margin-bottom: 10px;
    font-family: 'Unna', serif;
    font-size: 14px;
    background: #c9a75b;
    margin-top: 10px;
    color: #696868;
    margin-bottom: 16px;
}

.descriptionarea p {

    font-size: 14px;

}

.all-desc-mmc {

   float: left;
    width: 100%;
    /* margin: 4px; */
    padding: 11px;
    border-radius: 9px;
    font-family: 'Unna', serif;
    font-size: 15px;
    background: #f7f7f7;
    color: #000;
    line-height: 23px;
    letter-spacing: 1px;
}

.all-desc-mmc p {

    font-size: 20px;

    line-height: 57px;

    font-family: initial;
}

.all-desc-mmc div {

    line-height: 23px;

    font-family: 'Unna', serif;

}

.all-desc-mmc b {

    color: #000;

}

.all-desc-mmc ul li {

    font-size: 14px;

    text-align: left;

    list-style: inside;

    font-family: 'Unna', serif;

}

h2.tt-x {

   float: left;
    width: 100%;
    color: #252525;
    font-size: 20px;
    background: #c9a75b;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
    font-family: serif;

}

h2.fea {

    float: left;

    width: 100%;

    font-size: 19px;

    font-weight: bold;

    margin: 16px 0px;

}

.descriptionarea ul {

    float: left;

    width: 100%;

}

.descriptionarea ul li {

    list-style: inside;

    padding: 6px 0px;

    font-size: 15px;

}

/******tabs*****/

.main {

    float: left;

    width: 100%;

    /* border: 1px solid #ccc; */

    border-top: none;

    /* box-shadow: #ccc 3px 6px 9px -1px; */

    background: #C9A75B;

    margin-bottom: 20px;

    padding-top: 5px;

}

.content {

    color: #696868;

    /* min-height: 199px; */

    padding-bottom: 4px;

    font-family: 'Unna', serif;

    /* border: 1px solid #ccc; */

    font-size: 14px;

    float: left;

    width: 100%;

    padding-bottom: 11px;

    background: #fff;

}

.content p {

    font-size: 16px;

    font-family: 'Unna', serif;

    line-height: 23px;

    letter-spacing: 1px;

}

.content > div {display: none; padding: 10px 9px 5px;}

 

   input {display: none;}

label {

    display: inline-block;

    font-weight: 500;

    padding: 10px 16px;

    margin-left: 5px;

    text-align: center;

    font-family: 'Unna', serif;

    color: #fff;

    letter-spacing: 1px;

    text-transform: uppercase;

    font-size: 13px;

    letter-spacing: 1px;

}

   label:hover {background: #000; color: #fff; cursor: pointer;}

   input:checked + label {background: #000; color: #fff;}

 

   #tab1:checked ~ .content #content1,

   #tab2:checked ~ .content #content2,

   #tab3:checked ~ .content #content3,

   #tab4:checked ~ .content #content4,

   #tab5:checked ~ .content #content5 {

     display: block;

   }

   /**footer***/

   .footer-ctrl {

    float: left;

    width: 100%;

    background: #2c2c2c;

    font-family: 'Unna', serif;

    margin-top: 15px;

    padding-top: 32px;

}

h2.footer-heading {

    color: #f3f3f3;

    font-size: 20px;

    float: left;

    width: 100%;

    padding-bottom: 10px;

    margin-bottom: 12px;

    text-align: left;

    border-bottom: 1px solid #525252;

}

p.footer-value-text {

    float: left;

    width: 100%;

    color: #fff;

    text-align: justify;

        margin-bottom: 20px;

}

.footer-pays {

    background: #fff;

    padding: 12px 19px;

    width: 100%;

    border: 12px solid #ccc;

}

a.hashbg.sub-btn {

    float: left;

    color: #fff !important;

    text-decoration: none;

    padding: 10px 20px;

    letter-spacing: 1px;

    /* font-weight: bold; */

    text-transform: uppercase;

    font-size: 15px;

    margin-bottom: 20px;

}

p.copy-right {

    float: left;

    width: 100%;

    border-top: 1px solid #ccc;

    margin-top: 32px;

    color: #e4e4e4;

    text-align: center;

    padding-top: 12px;

    padding-bottom: 20px;

    font-size: 14px;

}

p.tagsseo {

    float: left;

    width: 100%;

    color: #2c2c2c;

}

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

    .icon-text-ctrl h2 {

    font-size: 18px;

    }

    .kiticon {

    width: 48px;

    padding-top: 9px;

    height: 48px;

    }

    #menu-ctrl #categoriestop li a {

    padding: 0 23px;

    }

}

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

    .icon-kit-hide{

        display: none;

    }

    #menu-ctrl #categoriestop li a {

    padding: 0 0px;

}

}

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

img.template-logo.img-responsive {

    margin: 33px auto;

    width: 332px;

    float: none;

}

}

a.mailing-list {

    float: left;

    width: 100%;

    text-align: left;

    color: #68B43C !important;

    font-family: 'Unna', serif;

    font-size: 18px;

    margin-top: 70px;

}

a.mailing-list p {

    padding-left: 6px;

    font-size: 15px;

    color: #fff;

}

a.mailing-list i{

    float: left;

    padding-left: 6px;

    letter-spacing: 0px;

      color: #fff;

    padding-right: 6px;

}

.heaader-menus {

    float: left;

    width: 100%;

    margin-top: 59px;

}

.heaader-menus ul li {

    float: left;

    text-align: left;

    padding: 0px 8px;

}

.heaader-menus ul li a {

    float: left;

    clear: left;

    line-height: 18px;

    /* width: 100%; */

    background: url(../images/arrow.png) no-repeat left center;

    padding-left: 9px;

    font-family: 'Unna', serif;

   

    font-size: 13px;

    color: #000;

    letter-spacing: 0px;

}

.f-permotions-ctrl-main {

    float: left;

    width: 100%;

    background: #373C42;

    /* margin-top: 12px; */

    margin-bottom: 13px;

}

.one-permotion {

    float: left;

    width: 100%;

    padding-top: 13px;

    /* padding-bottom: 13px; */

    text-align: center;

    border-right: 1px dashed #d4d4d4;

    font-family: 'Unna', serif;

    color: #fff;

}

.per-ico-ctrl {

    /* display: inline-block; */

    float: left;

    width: 100%;

    text-align: center;

}

.one-permotion i {

    font-size: 39px;

    text-align: left;

    color: #fff;

}

.letters-per {

    /* display: inline-block; */

    float: left;

    width: 100%;

    text-align: center;

    padding-top: 6px;

}

.one-permotion h3 {

    font-weight: 700;

    letter-spacing: 1px;

    font-size: 15px;

    margin-top: 7px;

    margin: 0px;

    float: left;

    width: 100%

}

.one-permotion p {

    letter-spacing: 1px;

    margin-top: 3px;

    min-height: 31px;

     margin: 0px;

    text-align: center;

    float: left;

    width: 100%;

    color: #fff

}

.no-border {

    border-right: none;

}

.tt-footer-ctrl {

    float: left;

    width: 100%;

    background: #000;

    padding: 15px 0px 15px 0px;

    font-family: 'Unna', serif;

    background-size: cover;

    margin-top: 17px;

}

h2.footer-tit {

    float: left;

    width: 100%;

    text-align: left;

    color: #fff;

    text-transform: capitalize;

    font-size: 15px;

    /* font-weight: bold; */

    margin-top: 32px;

    margin-bottom: 9px;

}

h2.footer-tit {

    float: left;

    width: 100%;

    text-align: right;

    color: #fff;

    text-transform: capitalize;

    font-size: 23px;

    /* font-weight: bold; */

    margin-top: 50px;

    margin-bottom: 9px;

}

ul.footer-link-tt li {

    color: #fff;

    padding: 10px 2px;

}

ul.footer-link-tt li a {

    color: #fff;

    font-size: 15px;

    font-weight: 300;

    letter-spacing: 1px;

}



ul.footer-link-tt {

    float: left;

    width: 100%;

    margin-top: 41px;

}

p.foot-news {

    float: left;

    width: 100%;

    color: #fff;

    font-family: 'Unna', serif;

    margin-bottom: 12px;

    font-size: 15px;

    text-align: right;

    padding-left: 0px;

}

a.sub-f-btn {

    font-family: 'Unna', serif;

    float: right;

    color: #fff !important;

    background: #C9A75B;

    padding: 10px 29px;

    font-size: 16px;

    border-radius: 4px;

    letter-spacing: 1px;

    margin-bottom: 14px;

}

img.img-responsive.logo-fx {

    float: left;

    padding: 9px;

    background: #F4F3EF;

    margin-top: 0px;

    border-radius: 8px;

    width: 189px;

}

p.copy-tt-rr {

    float: left;

    width: 100%;

    text-align: center;

    color: #fff;

    margin-bottom: 0px;

    font-size: 17px;

    margin-top: 12px;

    padding-top: 16px;

    border-top: 1px solid #fff;

}

.blue-bg {

    float: left;

    width: 100%;

    background: #0252AB;

    min-height: 48px;

}

h2.fd-he {

    float: left;

    color: #fff;

    font-family: 'Unna', serif;

    padding: 10px 14px;

    font-size: 26px;

}

a.fb-link {

    float: right;

    padding-right: 10px;

    color: #fff;

    font-family: 'Unna', serif;

    padding-top: 16px;

    font-size: 15px;

}

.all-feedbk {

    float: left;

    width: 100%;

    background: #fff;

    padding: 11px;

    min-height: 440px;

}

h3.cc-t {

    float: left;

    width: 100%;

    text-align: left;

    color: #0252AB;

    font-size: 15px;

    font-weight: bold;

}

.one-feedback {

    float: left;

    width: 100%;

    margin-top: 15px;

}

.icon-feed {

    float: left;

    width: 5%;

}

img.posi {

    float: left;

    margin-top: 6px;

}

.main-ffed {

    float: left;

    width: 92%;

    font-family: 'Unna', serif;

}

h3.feedb-title {

    float: left;

    font-size: 14px;

    font-weight: 400;

    padding-top: 7px;

    color: #696868;

}

p.date {

    float: right;

    margin-top: 8px;

    color: #696868;

    font-size: 11px;

}

p.wel {

    float: left;

    width: 100%;

    background: #C9A75B;

    color: #fff;

    font-family: 'Unna', serif;

    letter-spacing: 1px;

    text-align: center;

    padding: 4px;

    font-size: 15px;

}

p.item-name {

    float: left;

    padding: 5px 0px;

    width: 100%;

    color: #696868;

    font-size: 11px;

}

    img.img-responsive.icos-imgs {

    margin-top: 10px;

    float: left;

}

    .bott {

    margin-bottom: 18px;

}

.rpading {

    padding-right: 0px;

}

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

.hide767{

    display: none;

}

.rpading {

    padding-right: 15px;

}

    .heaader-menus {

    float: left;

    width: 100%;

    margin-top: 3px;

    margin-bottom: 19px;

}

    .heaader-menus ul li a {

    font-size: 11px;

    }

    h2.section-title.hashbg {

    margin-top: 10px;

}

}





label.clL.cl1.img-gal-5 {

    margin-top: -7px !important;

}



.header-contact-ctrl {

    float: left;

    width: 100%;

    font-family: 'Unna', serif;

    margin-top: 70px;

    margin-bottom: 14px;

}

.ico-h-nrg {

    float: left;

    width: 14%;

}



.ico-h-nrg i {

    color: #C9A75B;

    text-align: center;

    font-size: 29px;

}

.text-h-ctrl {

    float: left;

    width: 80%;

}

.text-h-ctrl h2 {

    float: left;

    width: 100%;

    text-align: left;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 600;

}

.text-h-ctrl p {

    float: left;

    width: 100%;

    text-align: left;

    color: #C9A75B;

    font-size: 12px;

    /* text-transform: uppercase; */

    font-weight: 400;

}

img.img-responsive.payms {

    float: left;

}

.permot-bg {

    float: left;

    width: 100%;

    background: #C9A75B;

    margin-top: 18px;

    border-radius: 5px;

}

.second-permotion {

    float: left;

    width: 100%;

    font-family: 'Raleway', sans-serif;

    text-align: center;

    margin-top: 8px;

}

.second-permotion ul {

    margin: 0 auto;

}

.second-permotion ul li {

    display: inline-block;

    padding: 10px 23px;

}

.second-permotion ul li i {

    display: inline-block;

    padding-right: 4px;

    color: #2c2c2c;

    float: left;

    font-size: 19px;

}

.second-permotion ul li p {

    display: inline-block;

    color: #2c2c2c;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 15px;

    font-family: 'Unna', serif;

    letter-spacing: 1px;

}

img.img-responsive.logo-nm {

    float: left;

    width: 181px;

    margin-top: 22px;

}