/*
Theme Name: Nomad Packaging
Theme URI: #
Author: Anirban Hajra
*/

/* CSS Document */

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/

body{margin:0px;padding:0px;}
*{border:none;outline:none;text-decoration:none;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
iframe{width:100% !important;}
img{vertical-align:top;}
a{color:inherit;}
@font-face {
font-family: 'robotoregular';
src: url('css/roboto-regular-webfont.eot');
src: url('css/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/roboto-regular-webfont.woff2') format('woff2'),
	 url('css/roboto-regular-webfont.woff') format('woff'),
	 url('css/roboto-regular-webfont.ttf') format('truetype'),
	 url('css/roboto-regular-webfont.svg#robotoregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Roboto";
src: url('css/128814698-Roboto-Light.eot');
src: url('css/128814698-Roboto-Light.eot?#iefix') format('embedded-opentype'),
url('css/128814698-Roboto-Light.svg#Roboto') format('svg'),
url('css/128814698-Roboto-Light.woff') format('woff'),
url('css/128814698-Roboto-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotomedium';
src: url('css/roboto-medium-webfont.eot');
src: url('css/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/roboto-medium-webfont.woff') format('woff'),
	 url('css/roboto-medium-webfont.ttf') format('truetype'),
	 url('css/roboto-medium-webfont.svg#robotomedium') format('svg');
font-weight: normal;
font-style: normal;
}



h2{font:normal 32px 'robotoregular';color:#131313;margin:0;padding:0 0 25px 0;line-height:normal;}
h3{font:normal 25px 'robotoregular';color:#131313;margin:0;padding:0 0 17px 0;line-height:normal;}
h3 img{vertical-align:middle;margin-right:13px;}
p{font:normal 14px 'robotoregular';color:#514f4f;margin:0;padding:0 0 22px 0;line-height:22px;}




/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/

#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:1200px;margin:0 auto;padding:0 2%;}
img {
	max-width: 100%;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}




/*
----------------------------------
03. HEADER
----------------------------------
*/

#header{width:100%;position:relative;}
.header_top{position:absolute;width:100%;left:0;top:44px;z-index:99;}
.header_top2{background-color:#e9e9e9;padding:44px 0 69px 0;}
.banner_img{min-height:599px;}
#banner{position:relative;}
#banner img{width:100%;}
.banner_email{position:absolute;z-index:99;top:20px; right:20px;}
.banner_email a{background-color:rgba(255,255,255,0.8);display:inline-block; padding:10px; font-family:'robotomedium';}

.search_holder{width:38.59%;float:right;text-align:right;padding:16px 1.58% 0 0;position:relative;}

@media(min-width:768px){
.nav_left{/*width:718px;*/width:59.83%;float:left;}	
#nav_holder{position:absolute;bottom:-33px;left:0;width:96%;z-index:99;padding:0 2%;}	
#nav_holder .main{background-color:#03515d;height:71px;padding:0;}
.ddsmoothmenu{}
.ddsmoothmenu ul{z-index:100;margin:0;padding:0;list-style:none;}
.ddsmoothmenu ul li{position:relative;margin:0 4%;padding:0;float:left;position:relative;line-height:71px;}
.ddsmoothmenu ul li a{margin:0;padding:0;float:left;font:normal 16px 'robotoregular';color:#fefeff;line-height:71px;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display:inline-block;}
.ddsmoothmenu ul li.active a, .ddsmoothmenu ul li:hover a{color:#2bddf3;transition:all 0.5s ease-in;}


.ddsmoothmenu ul li ul{position: absolute;left:0;display: none;visibility:hidden;background:rgba(3, 81, 93, 0.9);width:278px;margin-top:0px;padding:15px 0px}
.ddsmoothmenu ul li ul li{display:block;float: none;overflow:hidden;margin:0 0 0 26px;padding:0px 0px 13px 20px;background:url(images/bulle.jpg) no-repeat left 8px;line-height:normal;}
.ddsmoothmenu ul li ul li ul{top: 0;}
.ddsmoothmenu ul li ul li a{color:#fff !important;font-size:15px;line-height:normal;}
.ddsmoothmenu ul li ul li a:hover{}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
}

.search_box{width:78.75%;height:36px;background-color:#03515d;border:1px solid #fff;display:inline-block;vertical-align:top;font:normal 12px 'robotoregular';color:#fefeff;padding:0 2%;line-height:36px;}
.search_btn{width:37px;height:30px;background:url(images/search_btn.jpg) no-repeat left top #03515d;position:absolute;right:20px;top:17px;cursor:pointer;font-size:0;}





/*
----------------------------------
04. CONTENT
----------------------------------
*/

#content{width:100%;padding:113px 0 6% 0;}
.sec1{padding:0 0 4% 0;}
.sec1_left{/*width:526px;*/width:43.83%;float:left;margin-right:5.25%;margin-bottom:8%;position:relative;}
.sec1_left img{width:90%;}
.sec1_left:before {
    top: 0;
    height: 100%;
    background:#fff;border:3px solid #03515d;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
	 -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
	content: '';
    position: absolute;
    right: 0;
    width: 80%;
    transition: 0.2s;
    z-index:-1;}
	
.sec1_right{overflow:hidden;}
.sec1_right h2{font:normal 32px 'robotoregular';color:#131313;margin:0;padding:0 0 25px 0;line-height:normal;}
.sec1_right p{padding-bottom:10px;}
.sec1 h3{font:normal 26px "Roboto";color:#03515d;margin:0;padding:0;text-align:center;position:relative;line-height:normal;}
.sec1 h3 img{vertical-align:middle;}
.sec2{background:url(images/bg2.jpg) no-repeat center top;background-size:cover;padding:75px 0 75px 0;}
.sec2_left{/*width:485px;*/width:40.41%;float:left;border-right:1px solid #ffffff;padding:38px 3.58% 38px 0;margin-right:5.5%;}
.sec2_right{overflow:hidden;padding:38px 0;}
.sec2_left h2{font:normal 70px 'robotomedium';color:#ffffff;margin:0;padding:0;line-height:74px;}
.sec2_left h2 span{color:#47cbec;}
.sec2_right p{color:#fff;}
.sec2 .main{position:relative;}
.sec3{position:relative;margin-top:-50px;}
.expert_sec{background-color:#03515d;padding:8px 0px;}
.expert_sec h2{font:normal 33px "Roboto";color:#ffffff;text-transform:uppercase;margin:0;padding:30px 2% 0px 2%;float:left;width:38%;line-height:normal;}
.expert_text{overflow:hidden;background:url(images/devider.jpg) no-repeat left top;padding:15px 0px 15px 68px;}
.expert_text p{padding:0;color:#fff;line-height:25px;}
.expert_text p span{color:#09daf8;font-family:'robotomedium';}
.product_sec{padding:5% 0;text-align:center;}
.product_sec h2{font:normal 32px 'robotoregular';color:#2c2c2c;margin:0 0 5% 0;padding:0;line-height:normal;}
.product_sec h2 img{vertical-align:bottom;}
.product_box{/*width:283px;*/width:23.58%;background-color:#f9f9f9;border:1px solid #c9c9c9;display:inline-block;vertical-align:top;padding:4% 0 3% 0;margin:0 .9% 30px 0;}
.product_img{margin-bottom:3%;}
.product_box h6{font:normal 15px 'robotomedium';color:#03515d;margin:0 0 8px 0;padding:0;line-height:normal;}
.product_box p{color:#000000;font-family:"Roboto";padding-bottom:24px;}
.btn1{font:normal 14px 'robotomedium';color:#03515d;margin:0;padding:0 17px;background-color:#f9f9f9;display:inline-block;border:2px solid #2f6f79;line-height:29px;}
.product_box:nth-of-type(4n){margin-right:0;}
.box1{position:relative;width:499px;}
.address_holder{background-color:#03515d;position:absolute;left:0;top:42px;z-index:99;padding:26px 30px;width:400px;}
.address_holder h2{font:normal 23px 'robotoregular';color:#fff;margin:0 0 22px 0;padding:0 0 14px 0;border-bottom:2px solid #81a8ae;text-transform:uppercase;line-height:normal;}
.address_holder p{color:#ffffff;font-size:16px;padding-left:43px;padding-bottom:17px;line-height:24px;}
p.address{background:url(images/address.png) no-repeat left top;}
p.phn{background:url(images/phn.png) no-repeat left top;}
p.fax{background:url(images/fax.jpg) no-repeat left top;}
p.mail{background:url(images/mail.png) no-repeat left 4px;}
.box1:before {
    top: 86px;
    height: 292px;
    border:3px solid #000000;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
	 -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
	content: '';
    position: absolute;
    right: 0;
    width: 90%;
    transition: 0.2s;
    z-index:9;}
	
	
.home_btm{background-color:#f7f7f7;border:1px solid #c9c9c9;margin:6% 0 0 0;text-align:center;padding:3% 2%;}	
.home_btm h2{font:normal 26px 'robotoregular';color:#2c2c2c;margin:0 0 5% 0;padding:0;line-height:normal;}
.home_btm h2 img{vertical-align:bottom;}
.breadcramb{position:relative;margin-top:-4%;padding-bottom:2%;}
.breadcramb p span{color:#22c1d9;}
.map{border:1px solid #c9c9c9;margin-bottom:4%;}
.contact_left{width:37.75%;float:left;}
.contact_right{width:61.16%;float:right;}
.form_holder{padding:21px;border:1px solid #868282;}
.contact_left p{padding-left:44px;font-size:16px;color:#514f4f;padding-bottom:20px;}
.contact_right h2{font:normal 20px 'robotoregular';color:#000000;margin:0 0 18px 0;padding:0 0 13px 0;border-bottom:1px solid #eae8e8;line-height:normal;}
.textbox2{width:95.59%;height:31px;background-color:#f3f2f2;border:1px solid #e3e3e3;margin:0 0 11px 0;padding:0 2%;font:normal 13px 'robotoregular';color:#656060;line-height:31px;}
.textarea2{width:97.59%;height:52px;background-color:#f3f2f2;border:1px solid #e3e3e3;margin:0 0 15px 0;padding:10px 1%;font:normal 13px 'robotoregular';color:#656060;resize:none;overflow-y:hidden;}
.captcha_box{width:95.59%;background-color:#f3f2f2;border:1px solid #e3e3e3;padding:9px 2% 12px 2%;margin-bottom:15px;font:normal 13px 'robotoregular';color:#656060;}
.captcha_img{float:left;margin-right:14px;}
.captcha_img img{margin-left:10px;}
.captcha_text{width:100%;height:32px;border-bottom:1px solid #000000;background-color:#f5f3f3;}

.form_box{width:49%;}
.contact_right ::-webkit-input-placeholder {color: #656060;}
.contact_right :-moz-placeholder { /* Firefox 18- */color: #656060;  }
.contact_right ::-moz-placeholder {  /* Firefox 19+ */ color: #656060; }
.contact_right :-ms-input-placeholder { color: #656060;}


.product_box2{width:31.16%;background-color:#f9f9f9;border:1px solid #c9c9c9;display:inline-block;vertical-align:top;margin:0 1.5% 30px 0;text-align:center;}
.product_inner{padding:7% 6%;}
.product_box2 .product_img{border:1px solid #c9c9c9;background-color:#fff;}
.product_box2 .product_img img{padding-bottom:1px;}
.product_box2 h2{font:normal 18px 'robotomedium';color:#03515d;margin:0;padding:0 0 18px 0;line-height:normal;}
.details_left{width:48.66%;float:left;margin-right:3.75%;}
.details_right{overflow:hidden;}
.img_holder{background-color:#f9f9f9;border:1px solid #c9c9c9;padding:5% 4%;text-align:center;}
.select_box{width:85%;height:43px;background-color:#fff;border:1px solid #757575;font:normal 15px 'robotoregular';color:#000000;padding:0 2%;margin-bottom:15px;line-height:43px;}
.details_box{width:81%;height:43px;background-color:#fff;border:1px solid #757575;font:normal 15px 'robotoregular';color:#000000;padding:0 2%;margin-bottom:15px;resize:none;overflow-y:hidden;line-height:43px;}
.details_boxcomment{width:81%;height:43px;background-color:#fff;border:1px solid #757575;font:normal 15px 'robotoregular';color:#000000;padding:10px 2%;margin-bottom:15px;resize:none;overflow-y:hidden;}
.details_right hr{height:1px;width:100%;margin-bottom:20px;background-color:#c9c9c9;}
.details_right p span{color:#000000;}
.details_right p{padding-bottom:15px;line-height:25px;}
ul.list1{margin:0;padding:0;list-style:none;}
ul.list1 li{margin:0;padding:0 0 11px 18px;font:normal 15px 'robotoregular';color:#514f4f;background:url(images/bullet3.jpg) no-repeat left 6px;}

/*
----------------------------------
05. FOOTER
----------------------------------
*/

#footer{width:100%;background:url(images/footer_bg.jpg) no-repeat center top;background-size:cover;padding:4% 0;}
.footer_box1{/*width:253px;*/width:21%;float:left;margin-right:2%;}
.footer_box2{/*width:253px;*/width:21%;float:left;}
.footer_box3{/*width:393px;*/width:31%;float:right;}
ul.site_map{margin:0;padding:0;list-style:none;}
ul.site_map li{margin:0;padding:15px 0 15px 20px;background:url(images/bullet.png) no-repeat left 20px;border-top:1px dashed #a09a9a;font:normal 17px 'robotoregular';color:#ffffff;}
ul.site_map li:first-child{border:none;}
.form_sec{border:1px solid #f0f0ef;padding:24px;}
#footer h2{font:normal 20px 'robotoregular';color:#ffffff;margin:0 0 18px 0;padding:0 0 13px 0;border-bottom:1px solid #fff;line-height:normal;}
.textbox1{width:95.59%;height:33px;background-color:rgba(255, 255, 255, 0.2);margin:0 0 10px 0;padding:0 2%;font:normal 14px 'robotoregular';color:#ffffff;line-height:33px;}
.textarea1{width:95.59%;height:52px;background-color:rgba(255, 255, 255, 0.2);margin:0 0 14px 0;padding:10px 2%;font:normal 14px 'robotoregular';color:#ffffff;resize:none;overflow-y:hidden;}
.footer_box3 ::-webkit-input-placeholder {color: #ffffff;}
.footer_box3 :-moz-placeholder { /* Firefox 18- */color: #ffffff;  }
.footer_box3 ::-moz-placeholder {  /* Firefox 19+ */ color: #ffffff; }
.footer_box3 :-ms-input-placeholder { color: #ffffff;}
.submit_btn{width:98px;height:34px;background-color:#03515d;font:normal 14px 'robotoregular';color:#ffffff;cursor:pointer;-webkit-appearance:none;line-height:34px;}
.footer_btm{position:relative;margin-top:-20px;}
.footer_btm p{padding:0;color:#fff;}
.wpcf7-validation-errors {color: red !important;}

/*
----------------------------------
05. woocommerce
----------------------------------
*/
.woocommerce-result-count {display:none !important;}
.orderby {display:none !important;}
.page-title{display:none !important;}
.tabs wc-tabs{display:none !important;}
 .woocommerce columns-4 {text-align: center!important;}
 .product-category {background-color: #f9f9f9 !important;
    border: 1px solid #c9c9c9 !important;
    display: inline-block !important;
    margin: 0 1.5% 30px 0 !important;
    text-align: center !important;
    vertical-align: top !important;
    width:100%!important;}

	
.product-category  h3{  color: #03515d !important;
    font: 18px "robotomedium" !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
}
.product_inner_product{width:100%;}
.product_img_product{float:left; width:30%; margin:10px;}
.product_description{ overflow: hidden; text-align: left;}
.product_inner_product h3{text-align:left; }
.product_text_product {width:65%; float:right;padding: 10px 0; }
.product_text_product p{text-align:left;}
.btn2  {background-color: #f9f9f9;

    color: #03515d;
    display: inline-block;
    font: 14px/29px "robotomedium";
    margin: 0;
    padding: 0 0 0 0;
    float: left;
}

ul li strong{font:normal 16px 'robotomedium';}
.image1{float: left; padding-right: 15px;}