/* CSS Document */
/*
	Project Name:	Comfort Group.  
	Site Title:		Comfort Group. 
	Description:	This project is done as designdeskbd.com		
	Start Date:		28-12-2015
	*/
 @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

 @import "reset.css";
			
			/*---------------CSS For Tags---------------*/             
											
*{ margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
 }
 img {
  border: 0 none;
  }
 body {  
 font-size:12px;
 /*-----background:#D3D3D3;----*/
 background:url('../img/3.jpg') repeat;
 line-height: 20px; 
 }

  h2, h3, h4, h5, h6 { color: #000; }

 h1 { font-size: 30px; }
 h2 { font-size: 24px; }
 h3 { font-size: 22px; }
 h4 { font-size: 18px; }
 h5 { font-size: 16px; }
 h6 { font-size: 14px; }             
					
				        /*----------- CSS For Layouts-------------*/      
						
 .WraperAreafull{ 
 /*-- background:#FDFDFD none repeat scroll 0 0;---*/
  background:#FFFFFF none repeat scroll 0 0;
  padding: 0px 0 0px 0; 
  position: relative; 
  z-index: 1111;
  width: 1000px; 
  margin: 0 auto; 
  height:auto;
  color: #000000;
 }

                         /*-------------headerArea--------------------*/			
.headerArea{ 
 height:120px;
 background:#FFFFFF;
 width:1000px;
 }
 #logo{
 float:left;
  }
 .border{
 height:5px;
 background:#000000;
 }

                 /*-------------menuArea--------------------*/  
 nav {
 background:#; 
 }
 nav .grid_12 {
 text-align:center;
}

.featured{
 position:relative; 
}
          /*---------------ContentArea--------------------------*/
 .ContentAreafull{
     padding-left:50px;
     padding-right:50px;
 }		  
 .ContentArea1{
    float: left;
    width: 73%;
    font-size: 13px;
    height:auto;
    font-family: Arial, Helvetica, sans-serif;
}
.art-post{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 min-height:800px;
}
.art-post1{
 background: #e2edf3 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:15px 7px 7px 7px;
 padding:5px;
 font-size:15px;
 color:#180578;
}
.art-post2{
 background: #e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:818px;
}
 h4{
 padding-bottom:5px;
 padding-left:12px;
 color:#000000;
 font-style:normal;
 font-size:14px;
 }
  h5{
 color:#266f98;
 font-style:italic;
 font-size:16px;
 }
 .alt-content-top {
  background: #CCCCCC;
  height: 30px;
  margin: 0 auto;
  padding: 0;
  width: 1000px;
  margin-top:7px;
}
 
.box1{
  background: rgba(0, 0, 0, 0) url("") repeat-x scroll center top;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  color: #000000;
  padding-top: 5px;
  margin-top:12px;
 }
 .box2{
  background: rgba(0, 0, 0, 0) url("") repeat-x scroll center top;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  color: #000000;
  padding: 10px 10px 10px 10px;
  height:224px;
  border-top:3px solid #000000;
 }

 .box3{
  background: rgba(0, 0, 0, 0) url("") repeat-x scroll center top;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  color: #000000;
  padding: 8px 10px 8px 10px;
  border-top:3px solid #000000;
 }
 .box4{
  background: rgba(0, 0, 0, 0) url("") repeat-x scroll center top;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  color: #000000;
  padding-top: 5px;
  margin-top:7px;
  margin-left:7px;
  margin-right:7px;
 }
 
p{
 text-align:justify;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#000000;
 padding-top:5px;
}

 .ContentArea2{
 float:right;
 width:27%;
 }	
 .style{
 font-size:14px;
 color:#000000;
 }
 .row{
 float:left;
 width:auto;
 background: # none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:10px;
 padding:0px;
  }
 .right1{
 padding-bottom:18px;
 padding-top:31px;
 }
 .right11{
 padding-bottom:22px; 
 padding-top:45px;
 }

/*-------------------footer-----------------*/

 footer {
 background:#68a4c4;
 font-size: 14px;
 color: #000000;
 text-transform:none;
 padding:7px 0 10px;
 height:40px;
}
 footer span {
 display:block;
 padding-top:10px;
 padding-left:15px; 
}
 footer a {
 color: #000000;
}
.right{
 float:right;
 padding-right:12px;
 padding-top:10px;
}
.wrap-coll{
padding-top:2px;
}
/*-------------------At a glance-----------------*/
.ContentArea3{
 /* float:left; */
 /*width:85%;*/
 font-size:13px;
 font-family:Arial, Helvetica, sans-serif;
 padding:20px 15px;
 max-width: 100%;
 display: block;
 margin: 0 auto;
}
.art-post7{
 /* background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC; */
 border-radius: 4px;
 margin:5px auto !important;
 padding:10px;
 height:auto;
 display: block;
}
.write-left{
 float:left;
 width:48%; 
}
.write-right{
 float:right;
 width:48%;
}
.image{
 padding:2 12px 8px 8px;
}
/*-------------------fashion-----------------*/
.art-post171{
 /*background:#e4e5e6 none repeat scroll 0 0;*/
 /*border:1px solid #CCCCCC;*/
 border-radius: 4px;
 margin:7px;
 padding:10px;
 height:auto;
 /*width:900px;*/
}
/*-------------------import-----------------*/

 .ContentArea4{
 width:72%;
 font-size:13px;
 font-family:Arial, Helvetica, sans-serif;
 /*padding:2px 0px 0px 10px;*/
 float:left;
}
 .ContentArea5{
 float:left;
 width:27%;
 padding:2px 8px 0px 0px;
 height:100%;
 }	
.art-post3{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
}
.art-post4{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:290px;
 width:100%;
}
/*-------------------real-----------------*/
.art-post5{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 min-height:170px;
}
.art-post6{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius:4px;
 margin:7px;
 padding:5px;
 height:100%;
 min-height:170px;
 /*width:100%;*/
}
/*-------------------insurance-----------------*/
.art-post33{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 min-height:200px;
 /*width:520px;*/
}
.art-post34{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius:4px;
 margin:7px;
 padding:5px;
 height:200px;
 /*width:100%;*/
}
/*-------------------merchant-----------------*/
.art-post35{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:205px;
 /*width:520px;*/
}
.art-post36{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius:4px;
 margin:7px;
 padding:5px;
 height:205px;
 /*width:100%;*/
}
/*-------------------shares-----------------*/
.art-post81{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:160px;
 /*width:520px;*/
}
.art-post88{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius:4px;
 margin:7px;
 padding:5px;
 height:160px;
 /*width:250px;*/
}
/*-------------------chairman-----------------*/
.art-post9{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:1120px;
}
.post{
height:255px;
}
.write-left1{
 float:left;
 width:340px;
 padding: 10px;
}
.write-right1{
 float:right;
 width:450px;
 padding:10px;
}
.image1{
 border:1px solid #999999;
 border-radius:3px;
}
.message{
 padding:0 60px 0 60px;
 font-style:italic;
 font-family:Georgia, "Times New Roman", Times, serif;
}
.message1{
 padding-top:10px;
 padding-bottom:4px;
 color:#000000;
 font-style:normal;
 font-size:17px;
}
.img{
 padding-right:650px;

}
/*------------------- Vice-chairman-----------------*/
.art-post10{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:680px;
 width:800px;
}
.vice{
 margin-top:0px;
 border-radius:0px;
 width:800px;
 height:320px;
}
/*------------------- board-----------------*/
.art-post11{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:325px;
 width:800px;
}
/*------------------- departments-----------------*/
.art-post12{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
}
/*------------------- committees-----------------*/
h3{
 font-size:15px;
 padding-top:5px;
}
.art-post13{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:865px;
 width:800px;
}
/*------------------- mission-----------------*/
.art-post14{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:415px;
 width:800px;
}
/*------------------- vision-----------------*/
.art-post15{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:575px;
 width:800px;
}
/*------------------- strategy----------------*/
.art-post16{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:370px;
 width:800px;
}
/*------------------- sustainability----------------*/
.art-post17{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:340px;
 width:800px;
}

/*------------------- responsibility----------------*/
.art-post18{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:392px;
 width:800px;
}
/*------------------- certification----------------*/
.art-post19{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:250px;
 width:800px;
}
/*------------------- buyers----------------*/
.art-post20{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
}
/*------------------- product----------------*/
.art-post21{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:1300px;
}
/*------------------- bank----------------*/
.art-post22{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
 height:490px;
 width:800px;
}
.write-left3{
 float:left;
 width:350px;
 padding-left:110px; 
}
.write-right3{
 float:right;
 width:320px;
}
/*------------------- capacity----------------*/
.art-post23{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
}
/*------------------- quality----------------*/
.art-post24{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
}
/*------------------- sourcing----------------*/
.art-post25{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
}
.write-left4{
 float:left;
 width:350px;
 padding-left:90px;
}
.write-right4{
 float:right;
 width:360px;
}
/*------------------- machineries----------------*/
.art-post26{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
}
.table1{
 padding-top:10px;
 background:#CCCCCC;
 padding-bottom:10px;
}
/*-------- safty----------------*/
.art-post27{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
}
/*------------------- health----------------*/
.art-post28{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
}
/*------------------- financial----------------*/
.art-post29{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
}
/*------------------- employment----------------*/
.art-post30{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 margin:7px;
 padding:5px;
}
.write-left5{
 float:left;
 width:585px;
}
.write-right5{
 float:right;
 width:363px;
}
/*------------------- contact----------------*/
.art-post31{
 background:#e4e5e6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 border-radius: 4px;
 display: block;
 padding:50px 15px 10px;
}
.art-post31 iframe{
  border: 5px solid #fff !important;
  border-radius: 10px;
  display: block;
  margin: 50px auto 0;
  max-width: 99%;
}
.write-left6{
 float:left;
 width:600px;
}
.write-right6{
 float:right;
 width:380px;
}
.map{
padding-top:5px;
padding-left:5px;
margin-bottom:10px;
}

.contact_info{  
  width: 55%;
  float: left;
  text-align: center !important;
  padding:15px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);
  height: 100%;
}

.contact_info p{
  text-align: center !important;  
}

.form{
  width: 35%;
  padding:15px;
  background: #fff;
  float: right;
  border-radius: 10px;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);
}

.form-control{
  display: block;
  width: 92%;
  max-width: 100%;
  padding: .625rem .75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #8898aa;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 5px !important;
  box-shadow: 0 3px 2px rgb(233 236 239 / 5%);
  transition: all .15s cubic-bezier(0.68, -0.55, 0.265, 1.55);

  border:1px solid #ddd;
  margin-bottom:10px;
}
label{
  font-weight: 600;
  font-size: 14px;
  color: #444;
}
.btn-primary{
  position: relative;
  text-transform: none;
  letter-spacing: .025em;
  font-size: .875rem;
  will-change: transform;
  color: #fff;
  background-color: #2dce89;
  border-color: #2dce89;
  box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
  border: none;

  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: .625rem 1.25rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control1{
  width:800px;
  height:25px;
  border:1px solid #CCCCCC;
  margin-bottom:10px;
}
.table2{
font-size:14px;
padding-left:25px;
padding-bottom:50px;
}

.table3{
font-size:14px;
padding-left:27px;
padding-bottom:50px;
}

.client_table tr td{
  padding: 5px;
}
.client_img{
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 60px;
  margin: 10px;
  width: 100%;
  display: block;
}
.sourcing_img {
    padding:50px 0 0;
    display:block;
    margin: 0 auto;
}
.sourcing_img img{
    width: 46%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    display:block;
    background: #fff;
}

 /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1170px
      }
    }