/* YARN MUSIUM BD LIMITED css- 20th APRIL 2019 */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Serif:400,700,700i|Kaushan+Script|Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Petit+Formal+Script');
@import url('https://fonts.googleapis.com/css?family=Aguafina+Script');
/*font-family: 'Droid Sans', sans-serif;
font-family: 'Droid Serif', serif;
font-family: 'Kaushan Script', cursive;
font-family: 'Open Sans', sans-serif;*/
*{margin:0; padding:0;}
body {
    font-family:'Droid Sans', 'Open Sans', Arial, Tahoma, Geneva, sans-serif;
    font-size:13px;
    background:#FFF;
    padding:0;
    margin:0;
}

form{
    margin:0;
}
a {
    font-family:'Droid Sans', 'Open Sans', Arial, Tahoma, Geneva, sans-serif;
    color: #6ec300;
    text-decoration:none;
    outline:0 none;
}

a:hover,
a:focus {
    color: #a7a7a7;
    text-decoration: none;
    outline:0 none;
}
ul{}
ul li{}
ul li a{
    font-family:'Droid Sans', 'Open Sans', Arial, Tahoma, Geneva, sans-serif;	
}

p{
    font-family:'Droid Sans', Arial, Tahoma, Geneva, sans-serif;
    font-weight:400;
    text-align:justify;
    font-size:14px;
    line-height:20px;
    color:#515151;
    margin:0;
}

/* header style */
h1, h2, h3, h4, h5, h6 {
    font-family:'Droid Serif', Georgia, "Times New Roman", Times, serif;
    color:#090077;
    font-style:normal;
    font-weight:700;
    margin:0;
}
/*FONT SIZE*/
h1 {
    font-size: 30px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size:21px;
}
h4 {
    font-size:18px;
}
h5{
    font-size:16px;
}
h6 {
    font-size:14px;
}
/*@media (min-width: 1200px) {
  .container {
    max-width: 1070px;
  }
}*/

.wrapper_body{
    margin-bottom:0px;
}
.section_block{}
.section_padding{
    padding:40px 0;
}
.section_common_margin{
    margin-bottom:30px;
}
.section_block h2{}
.container_block p{
    text-align:center;
}


/* START HEADER CONTAINER STYLE ===================================== */
.header_part{
    position:relative;
}
.topbar_block{
    position:relative;
    background:#e9e9e9;
}
.topbar_block ul{
    display:block;
    padding-top:5px;
    margin:0;
}
.topbar_block ul li{
    list-style:none;
    line-height:normal;
    color:#5a5a5a;
    display:inline-block;
    border-right:1px solid #fbfbfb;
    margin:4px 0;
}
.topbar_block ul li a{
    text-decoration:none;
    line-height:normal;
    font-size:13px;
    font-weight:400;
    color:#5a5a5a;
    text-align:center;
    display:inline-block;
    padding:1px 15px;
}
.border_none{
    border:0 none !important;
}


/* Social Style */
.social_links_block{
    padding:2px 0 0;
}
ul.social_sprite_icon{
    margin:0px  0px;
    padding:0;
    list-style:none;
    float:right;
    text-align:right;
}
ul.social_sprite_icon li{
    display:inline-block;
    line-height:normal;
    border:0 none;
}
ul.social_sprite_icon li a{
    background-image: url('../images/social_icon_sprite.png');
    background-repeat: no-repeat;
    height:24px;
    width:24px;
    padding:0;
}
ul.social_sprite_icon li a.fb_icon, ul.social_sprite_icon li a.tw_icon, ul.social_sprite_icon li a.gplus_icon, ul.social_sprite_icon li a.pinterest_icon{
    display:inline-block;
    margin:0 1px;
}
ul.social_sprite_icon li a.fb_icon{
    background-position:0px 0px;
}
ul.social_sprite_icon li a.tw_icon{
    background-position:-24px 0px;
}
ul.social_sprite_icon li a.gplus_icon{
    background-position:-48px 0px;
}
ul.social_sprite_icon li a.pinterest_icon{
    background-position:-72px 0px;
}
.social_links_block{
}


/* BRAND Logo Style */

.brand_logo_panel{
    margin:10px 0;
}
.brand_logo_block{
    position:relative;
    display:block;
    /*margin:10px 0 0;*/
}
.brand_logo_block a.main_logo{
    text-align:center;
}



/* Customer Comments Style */
.customer_comments_block{
    position:relative;
    margin-top:10px;
}
.customer_comments_block h2{
    /*background:#ffa7be;*/
    padding:3px 10px;
    font-size:13px;
    /*color:#ffdfe7;*/
    color:#ffa7be;
}
.comments_block{
    background:#ffdfe7;
    padding:15px 20px;
    text-align:left;
    color:#000;
}
.comments_block blockquote{
    /*background: #f9f9f9;*/
    border-left:0 none;
    padding:0;
    margin:0;
    quotes: "\201C""\201D""\2018""\2019";
    font-size:13px;
    font-weight:700;
    color:#4b4b4b;
}
.comments_block blockquote:before{
    color: #ccc;
    content: open-quote;
    font-size:36px;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
.comments_credit{
    display:block;
    text-align:right;
    padding:5px 0;
}
.comments_arrow{
    position:absolute;
    bottom:0px;
    right:20px;

}
.comments_arrow img{
}
span.customer_name{
    display:block;
    padding-right:50px;
    text-align:right;
}

/* MENUBAR Style */

.menubar_block{
    background:#090077;
}

/* dropdown menu css - 11-12-2014 */
nav{display:block;
    margin:0px;
}

.menu{display:block; margin-bottom:0;}

.menu li{display: inline-block;
         position: relative;
         z-index:100;}

.menu li:first-child{margin-left:0;}

.menu li a {
    font-family:'Droid Sans', sans-serif;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none;
    padding:15px 20px;
    display:block;
    color:#FFF;

    margin:0 2px;

    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;

}

.menu li a:hover, .menu li:hover > a{
    background:#6ec300;
    color:#000000;
}

.menu ul {display: none;
          margin: 0 !important;
          padding: 0;
          width:200px;
          position: absolute;
          top:50px;
          left:0px;
}

.menu ul li {display:block;
             float: none;
             background:none;
             margin:0;
             padding:0;
}
.menu ul li a {font-size:12px;
               font-weight:normal;
               display:block;
               color:#000;
               background:#6ec300;
               font-family:'Droid Sans';
               font-size:13px;
               font-weight:700;

}

.menu ul li > a{
    padding:10px 15px;
}
.menu ul li a:hover, .menu ul li:hover > a{
    background:#00a0ca;
    border-left:5px solid #6ec300;
    color:#FFFFFF;
    font-size:13px;
    font-weight:700;

}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 170px;
             top: 0px;
             z-index:9999;
}
.menu ul li ul.sub-menu li a{
    padding:8px 15px;
}

.mobile-menu{display:none;
             width:100%;
             padding:13px 15px 14px;
             color:#FFF;
             text-transform:uppercase;
             font-weight:700;

             font-family:'Droid Sans', sans-serif;
             font-size:16px;
             text-transform:uppercase;
             text-decoration:none;
             background:#090077;
             text-align:center;
}
}
.mobile-menu:hover{
    color:#000;
    text-decoration:none;
    background:#eeb900;
}

.mainWrap .mobile-menu a{
    color:#000;
    text-decoration:none;
    background:#eeb900;
}


@media (min-width: 992px) and (max-width:1025px) {
    .menu li a{font-size:12px;
               padding:20px 10px;
               margin:0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .mainWrap{width:768px;}
    .menu ul {top:48px; width:160px;}
    .menu li a{font-size:11px;
               padding:20px 5px;
               margin:0;
    }
    .menu ul ul {left:148px;
    }
}

@media (max-width: 767px) {
    .topbar_block ul{
        text-align:center;
    }
    ul.social_sprite_icon{
        display:block;
        float:none;
        text-align:center;
    }
    .navigation_section{
        padding:0 0px;
    }
    .mainWrap{width:auto;padding:0px;}
    .menu{display:none;}
    .mobile-menu{display:block;
                 margin-top:0px;
                 margin-bottom:0px;
    }

    nav{margin:0;
        background:none;}

    .menu li{display:block;
             margin:0;}

    .menu li a {
        background:#00acf3;
        color:#FFF;
        border-top:1px solid #002447;
        margin:0;
        font-size:14px;
    }

    .menu li a:hover, .menu li:hover > a{
        background:#0069d4;
        border-left:3px solid #6ec300;
        color:#FFFFFF;
    }

    .menu ul {display:block;
              position:relative;
              top:0;
              left:0;
              width:100%;}

    .menu ul ul {left:0;}
}
/* END HEDER STYLE CONTAINER STYLE ===================================== */


/* SLIDER BANNER STYLE ============================= */
.main_slide_banner{
    position:relative;
    margin:0 auto;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    margin-top:0;
}
.camera_pag{
    display:none;
}

.camera_caption p{
    font-size:13px;
    color:#cfcfcf;
}
.baner_title_block{}


/* START WELCOME CONTAINER STYLE ===================================== */
.welcome_section{
    display:block;
    text-align:center;
}
.page_title{
    display:block;
    margin-bottom:20px;
}
.page_title h1{
    display:block;
}
.page_title h1 span.sub_title{
    display:block;
    text-transform:uppercase;
    font-size:16px;
    letter-spacing:3px;
    font-weight:300;
    color:#6ec300;
    padding-bottom:10px;
}
.welcome_section .container_block p{
    text-align:center;
    font-size:18px;
    line-height:24px;
    padding:0 7%;
}
.welcome_section h2, .clients_logo_section h2{
    font-size:21px;
    text-transform:uppercase;
    font-weight:400;
    font-family: 'Roboto Condensed', sans-serif;
    border-top:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
    padding:6px 0;
    margin-bottom:15px;
    text-align:center;
}
.welcome_section a.more_details{
    border-radius:0;
    border:1px solid #e9e9e9;
    color:#cfcfcf;
    font-size:13px;
    font-weight:400;
    text-align:center;
    text-transform:uppercase;
    display:inline-block;
    padding:8px 40px;
    margin-top:20px;
    transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s;
}
.welcome_section a:hover.more_details{
    border:1px solid #090077;
    color:#090077;
}
.welcome_section .container_block{
    padding-left:10%;
    padding-right:10%;
}
.welcome_section .container_block p{
    font-size:15px;
}


.parallex_image_rolling{
    vertical-align:top;
    background-size: 100%;
    padding-top:70px;
    padding-bottom:70px;		
    width: 100%;
    background-repeat: no-repeat;
    background-position:center;
    background-size:cover;
    background:url(../images/parallex_img1.jpg) fixed center center;
}
.why_choose_section{
    background:rgba(0,192,255,0.8);
}
.half_col_block{
    padding:50px;
}
.half_col_block h2{
    text-transform:uppercase;
    font-size:24px;
    padding-bottom:15px;
    color:#FFF;
    font-family:'Droid Sans';
    font-weight:700;
}
.half_col_block p{
    text-align:left;
    line-height:19px;
    color:#FFF;
}
.half_col_block a{
    padding:10px 40px;
    text-align:center;
    display:inline-block;
    margin-top:20px;
    background:#000;
    color:#fff;
    font-size:14px;
}
.why_choose_section .left_col{
}
.why_choose_section .right_col{
    border-left:5px solid #005c7a;
}
ul.what_we_do_list{
    margin-left:30px;
    padding:0;
}
ul.what_we_do_list li{
    font-size:14px;
    color:#FFF;
}
.company_overview_text ul.what_we_do_list li{
    font-size:14px;
    color:#515151;
}

.what_we_do_page ul.what_we_do_list li{
    list-style:none;
}
ul.what_we_do_list li strong{
    font-size:16px;
    background:#ffde9e;
    list-style:none;
    padding:5px 10px;
    margin-bottom:10px;
    display:block;
}

.clients_logo_section{}
/*.clients_logo_section h2{
        display:block;
        text-align:center;
        margin-bottom:30px;
        padding-bottom:10px;
        border-bottom:1px solid #cecece;
}*/
.product_portfolio_section{
}
.product_portfolio_section h2{
    background:#6ec300;
    display:block;
    text-align:center;
    padding:15px 0;

    font-size:30px;
    text-transform:uppercase;
    font-weight:700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom:20px;
    color:#FFF;
}
.product_portfolio_section a{
    display:inline-block;
    width:250px;
	max-height:150px;
	overflow:hidden;
    float:left;
}
.margin_bottom{
    margin-bottom:30px;
}
.yarn_clients_slider{}
.yarn_clients_slider .row .col-xs-4, .yarn_clients_slider .row .col-sm-3{
    margin-bottom:10px;
}
.garments_list_section{
}

@media (min-width: 768px) {}
@media (max-width: 767px) {
    .brand_logo_block{
        position:relative;
        display:block;
        text-align:center;
    }
    .brand_logo_block a img{
        text-align:center;
        display:inline-block;
    }

    .why_choose_section .right_col{
        border-top:5px solid #940d31;
        border-left:0 none;
    }
    ul.what_we_do_list{
        margin-left:0px;
        margin-top:30px;
        padding:0;
    }
    .section_padding{
        padding:30px 0;
    }
    .section_common_margin{
        margin-bottom:20px;
    }
}
@media (min-width: 360px) and (max-width: 415px){}
@media (min-width: 480px) and (max-width: 736px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 992px) and (max-width: 1024px){}
@media (min-width: 1025px) and (max-width: 1600px){}

/* END BODY CONTAINER STYLE ===================================== */

/* START FOOTER STYLE ===================================== */

/* footer panel */
.footer_section{
    background:#000;
}
.footer_part{
    padding-bottom:0px;
}
.copyright_area p{
    color:#7c7d7e;
    font-size:13px;
    text-align:left;
    display:block;
}

.powered_by_area{
    color:#a7a7a7;
    font-size:12px;
    display:block;
    text-align:left;
}
.powered_by_area a{
    color:#a7a7a7;
    font-size:12px;
    display:inline-block;
    text-align:left;
}

.bottom_info_block{
    margin-bottom:30px;
}
.bottom_info_block img.footer_logo{
    margin-bottom:10px;
}
.bottom_info_block h6{
    color:#6ec300;
    font-family:'Droid Sans';
    font-size:14px;
    padding-bottom:7px;
    margin-bottom:10px;
    border-bottom:1px solid #383838;
}
.bottom_info_block p{
    color:#808488;
    font-size:13px;
}

.bottom_info_block ul{
    display:block;
    margin:0;
    padding:0;
}
.bottom_info_block ul li{
    display:block;
    list-style:none;
    line-height:20px;
}
.bottom_info_block ul li a{
    display:inline-block;
    color:#808488;
    font-family:'Droid Sans';
    font-size:13px;
}
.bottom_info_block ul li a:hover{
    color:#ebc200;
}
.social_links{
    display:block;
}
.social_links a{
    display:inline-block;
    margin-right:7px;
}



@media (min-width: 768px) {}
@media (max-width: 767px){
    .footer_part{
        display:block;
        text-align:center;
    }
    .bottom_info_block h6{
        display:block;
        text-align:center
    }
    .bottom_info_block p{
        display:block;
        text-align:center
    }
    .powered_by_area{
        display:block;
        text-align:center;
    }
    .bottom_info_block img.footer_logo{
        display:inline-block;
        text-align:center;
        margin-bottom:5px;
    }
}

@media (min-width: 360px) and (max-width: 415px){}
@media (min-width: 480px) and (max-width: 736px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 992px) and (max-width: 1024px){}
@media (min-width: 1025px) and (max-width: 1600px){}
/* END FOOTER STYLE ===================================== */


/* START INNER CONTAINER STYLE ===================================== */
.inner_container_section{
}
.inner_container_section .container_block{
}
.inner_container_section .container_block p{
    text-align:left;
}
.padding_inner_page{
    padding:25px ;
}

.banner_section{
    position:relative;
}
.inner_pages_title{ background:#6ec300;}
.inner_pages_title h1{
    font-size:30px;
    text-transform:uppercase;
    font-weight:700;
    font-family: 'Roboto Condensed', sans-serif;
    padding:10px 0;
    text-align:left;
    color:#FFFFFF;
}

.breadcums_block{
    margin-top:0px;
    display:block;
    text-align:right;
}
.breadcums_block ol.breadcrumb{
    background-color:transparent;
    margin:0;
    padding:11px 10px;
}
.breadcums_block ol.breadcrumb li{
    color:#FFFFFF;
}

.breadcums_block ol.breadcrumb li a{
    color:#fe6c4c;
}
.image_width{
    max-width:400px;
}
.image_position_left{
    float:left;
    margin-right:30px;
    margin-bottom:10px;
}
.image_position_right{
    float:right;
    margin-left:15px;
    margin-bottom:10px;
}

.content_para{
    display:block;
    margin-bottom:20px;
}
.content_para h5{
    padding-bottom:5px;
}
.content_para p{
    padding-bottom:10px;
}
.border_radius{
    border-radius:15px;
    -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px;
}
.company_overview_text p, .inner_container_section p, .content_para p{
    font-size:15px;
    line-height:22px;
}
.company_address, .yarn_content_section{
}
.yarn_content_section h4{
    padding-bottom:5px;
}
.company_address p{
    padding-bottom:5px;
}
.company_address p strong{
    padding-bottom:5px;
    color:#6ec300;
}
/* list order style */
ol.order_list_abc, ol.order_list_123, ul.unorder_list_disc{
    margin-left:40px;
    margin-top:10px;
    margin-bottom:15px;
}
ol.order_list_abc li{
    font-size:15px;
    list-style-type: upper-alpha;
    line-height:22px;
    color:#000000;
    /*margin-bottom:10px;*/
}
ol.order_list_123 li{
    font-size:15px;
    list-style-type:decimal;
    line-height:22px;
    color:#000000;
    margin-bottom:10px;
}
ul.unorder_list_disc li{
    font-size:15px;
    list-style-type:disc;
    line-height:22px;
    color:#000000;
    margin-bottom:10px;
}

.company_profile_block{}
.company_profile_block p{
    font-size:15px;
}
.company_profile_block h3, .common_inner_page_title h3{
    padding:7px 10px;
    background:#ff9c01;
    margin-bottom:15px;
    color:#FFF;
}
.company_profile_block table.table tr td{
    font-size:14px;
    padding:8px 0;
}
.company_profile_block table.table tr{

}
.customer_comments_block h2{
    font-family: 'Petit Formal Script', cursive;
    font-size:18px;
    font-weight:700;
    line-height:24px;
    padding-top:10px;
    color:#6ec300;
    display:block;
    text-align:right;
}

.garments_list_section{}
.garments_list_section table.table tr{
    background:#fff4e2;
}
.garments_list_section table.table tr.total_row{
    background:#fbd59b;
}

.garments_list_section table.table tr td{
}


.contact_page_container{}
.contact_page_container h3{
    margin-bottom:20px;

}
.contact_address{
    display:block;
    margin-bottom:20px;
}
.contact_address p{
    font-size:15px;
    display:block;
    padding-bottom:7px;
}
.contact_address p strong{
    display:block;
    font-size:18px;
    padding:5px 10px;
    margin-bottom:10px;
    color:#fff;
    background:#00afdc;
}
.contact_address p i.fa{
    font-size:18px;
    color:#6ec300;
    padding-right:5px;
}


@media (min-width: 768px) {}
@media (max-width: 767px) {
    .banner_section{}
    .banner_section img{
        min-height:100%;
    }
    .customer_comments_block h2{
        font-size:16px;
        line-height:21px;
        padding-top:10px;
        text-align:center;
        border-top:1px solid #ffdbe5;
        margin-top:15px;
    }
    .inner_pages_title h1{
        font-size:24px;
        padding:15px 0 0;
        text-align:center;
    }
    .breadcums_block{
        text-align:center;
    }
    .breadcums_block ol.breadcrumb{
        background-color:transparent;
        margin:0;
        padding:11px 10px;
    }
    .breadcums_block ol.breadcrumb li.active{
        color:#ffedc5;
        background:none;
        padding:5px 10px;
        margin:0 1px;
        border-radius:4px;
        -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;
    }
    .breadcums_block ol.breadcrumb li a{
        color:#ffedc5;
        background:none;
        padding:5px 15px;
        border-radius:4px;
        -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;}

    .padding_inner_page{
        padding:25px 0;
    }
    .company_overview_text p{
        font-size:14px;
        line-height:20px;
    }

}
@media (min-width: 360px) and (max-width: 415px){}
@media (min-width: 480px) and (max-width: 736px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 992px) and (max-width: 1024px){}
@media (min-width: 1025px) and (max-width: 1600px){}

/* END INNER CONTAINER STYLE ===================================== */
.margin_top_20px{
    margin-top:20px;
}
.garments_list_section h5{
    font-weight:700;
    padding-bottom:15px;
}
.google_map_block{
    width:100%;
}


@media (min-width: 768px) {}
@media (max-width: 767px) {}
@media (min-width: 360px) and (max-width: 415px){}
@media (min-width: 480px) and (max-width: 736px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 992px) and (max-width: 1024px){}
@media (min-width: 1025px) and (max-width: 1600px){}

h2.organizar_message{
    display:block;
    border-bottom:1px solid #d4d4d4;
    margin-bottom:12px;
    padding-bottom:7px;
}
h2.organizar_message span.designation{
    display:block;
    font-size:14px;
    line-height:18px;
    padding-top:5px;
    color:#747474;
}
.message_mobile_no{
    font-size:16px;
    color:#747474;
}

.gallery_section_block{
    display:block;
    margin-bottom:30px;
    padding-bottom:30px;

}
.gallery_section_block h3.gallery_title{
    background:#090077;
    color:#FFFFFF;
    display:inline-block;
    padding:7px 15px;
    font-size:16px;
    margin-bottom:5px;
}