/*
Theme Name: Shiblon
Theme URI: #
Author: Sanjoy Kayal
Version: 1.0
*/

/*

----------------------------------

01. DEFAULT ELEMENTS

----------------------------------

*/

body{margin:0px;padding:0px;background-color:#1f1e0d;}

*{border:none;outline:none;text-decoration:none;box-sizing:border-box;}

.clear{clear:both;}

.left{float:left;}

.right{float:right;}

iframe{width:100% !important;}

a{color:inherit;}

img{vertical-align:top;}

@font-face {

font-family: 'MyriadProRegular';

src: url('css/myriadpe-webfont.eot');

src: url('css/myriadpe-webfont.eot?#iefix') format('embedded-opentype'),

	 url('css/myriadpe-webfont.woff') format('woff'),

	 url('css/myriadpe-webfont.ttf') format('truetype'),

	 url('css/myriadpe-webfont.svg#MyriadProRegular') format('svg');

font-weight: normal;

font-style: normal;

}



@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: 'MyriadProSemibold';

src: url('css/myriad10-webfont.eot');

src: url('css/myriad10-webfont.eot?#iefix') format('embedded-opentype'),

	 url('css/myriad10-webfont.woff') format('woff'),

	 url('css/myriad10-webfont.ttf') format('truetype'),

	 url('css/myriad10-webfont.svg#MyriadProSemibold') format('svg');

font-weight: normal;

font-style: normal;

}



@font-face {

font-family: 'Candara';

src: url('css/Candara.eot');

src: url('css/Candara.eot?#iefix') format('embedded-opentype'),

	url('css/Candara.woff2') format('woff2'),

	url('css/Candara.woff') format('woff'),

	url('css/Candara.ttf') format('truetype'),

	url('css/Candara.svg#Candara') 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;

}







h1, h2, h3, h4, h5, h6{margin:0;padding:0;}

h1{font:normal 40px 'Candara';color:#ffffff;padding:0 0 31px 47px;margin-bottom:25px;background:url(images/icon.jpg) no-repeat left 4px;position:relative;}

h1:before{position:absolute;width:92px;height:1px;background-color:#9ea32c;content:'';left:0;bottom:0;}

h2{font:normal 25px 'robotoregular';color:#9da32c;padding-bottom:30px;}

p{font:normal 15px "Roboto";color:#ffffff;margin:0;padding:0 0 19px 0px;line-height:27px;}













/*

----------------------------------

02. CONTAINER, WRAPPER

----------------------------------

*/



#container{width:100%;}

#wrapper{width:100%;}

.main{max-width:1230px;margin:0 auto;padding:0 15px;}

img {

	max-width: 100%;

}

@media \0screen {

  img { 

  	width: auto; /* for ie 8 */

  }

}









/*

----------------------------------

03. HEADER

----------------------------------

*/



#header{width:100%;/* background:url(images/header_bg.jpg) no-repeat center top;background-size:cover;*/}

.home_header{padding:29px 0px 50px 0px;}

.inner_header{padding:29px 0px 0% 0px;}

.header_top{border-bottom:3px solid #9EA32C;}

.logo{float:left;margin-left:33px;}





@media(min-width:768px){

#navigation{float:right;}

.ddsmoothmenu{}

.ddsmoothmenu ul{z-index:100;margin:0;padding:0;list-style:none;}

.ddsmoothmenu ul li{position: relative;margin:0 0 0 10px;padding:0;display:inline-block;vertical-align:top;position:relative;}

.ddsmoothmenu ul li:first-child{background-image:none;}

.ddsmoothmenu ul li a{margin:0;padding:0 18px;display:block;font:normal 16px 'MyriadProRegular';color:rgba(255, 255, 255, 0.7);line-height:105px;}

* 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:#fff;background-color:#9ea32c;}

.ddsmoothmenu ul li.current-menu-item a{color:#fff;background-color:#9ea32c;}
.ddsmoothmenu ul li.current-menu-parent a{color:#fff;background-color:#9ea32c;}

.ddsmoothmenu ul li ul li a{margin:0;padding:0 18px;display:block;font:normal 16px 'MyriadProRegular';color:rgba(255, 255, 255, 0.7);line-height:24px;}





.ddsmoothmenu ul li ul{position: absolute;left: 0;display: none;visibility: hidden;background:#9EA32C;width:250px;margin-top:0px;padding:10px 0px}

.ddsmoothmenu ul li ul li{display: list-item;float: none;margin:0;padding:5px 0px;background-image:none;}

.ddsmoothmenu ul li ul li:last-child{border-bottom:none;}

.ddsmoothmenu ul li ul li ul{top: 0;}

.ddsmoothmenu ul li ul li a{color:#fff !important;font-size:14px;margin:0;padding:0 10px;}

.ddsmoothmenu ul li ul li a:hover{}



/* Holly Hack for IE \*/

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



}



#banner img{position:relative;}

.banner_text{position:absolute;left:0;top:161px;width:100%;}

.text_bg{background:url(images/text_bg.png) no-repeat left top;width:513px;float:right;margin-right:135px;background-size:100% 100%;padding:36px 66px 63px 56px;text-align:right;}

.banner_text h2{font:normal 28px 'robotoregular';color:#cad12e;padding:0 0 6px 0;}

.banner_text p{font:normal 14px 'robotoregular';color:#f3f3f3;margin:0;padding:0;line-height:24px;}







/*

----------------------------------

04. CONTENT

----------------------------------

*/



#content{width:100%;}

#content .main{background:url(images/content_bg.jpg) no-repeat right bottom;padding-bottom:40px;padding-top:5%; }

.sec1{position:relative;margin:0px 0px 43px 0px;text-align:center;}

.box1{width:25%;background-size:cover;text-align:center;padding:4% 0px;float:none; display:inline-block;}

.box1:nth-of-type(1){background:url(images/img1.jpg) no-repeat center top;}

.box1:nth-of-type(2){background:url(images/img2.jpg) no-repeat center top;}

/* .box1:nth-of-type(3){background:url(images/img3.jpg) no-repeat center top;} */

.box1:nth-of-type(3){background:url(images/img4.jpg) no-repeat center top;}

.box1 p{font:normal 20px 'MyriadProSemibold';color:#ffffff;margin:0;padding:17px 0 0 0;line-height:24px;}

.left_panel{width:60%;float:left;}

.right_panel{width:33.83%;float:right;}

.full_width{width:100%;}

.contact_left{width:46.83%;float:left;margin-bottom:7%;}

.contact_right{width:46.75%;float:right;margin-bottom:7%;}

.contact_left h3{font:normal 21px 'robotoregular';color:#9da32c;padding:0 0 11px 36px;}

.contact_left h3.address{background:url(images/address.jpg) no-repeat left top;}

.contact_left h3.phn{background:url(images/phn.jpg) no-repeat left top;}

.contact_left h3.mail{background:url(images/envelope.jpg) no-repeat left 5px;}

.contact_left p{padding:0 0 40px 36px;}

.contact_right h2{font:normal 40px 'Candara';color:#ffffff;padding:0 0 31px 47px;margin-bottom:25px;background:url(images/icon.jpg) no-repeat left 4px;position:relative;}

.contact_right h2:before{position:absolute;width:92px;height:1px;background-color:#9ea32c;content:'';left:0;bottom:0;}

.textbox1{width:100%;height:45px;border:1px solid #9ea32c;background-color:rgba(36, 35, 14, 0.3);padding:0 19px;font:normal 11px "Roboto";color:#eaeaea;margin:0 0 15px 0;line-height:45px;}

.textarea1{width:100%;height:139px;border:1px solid #9ea32c;background-color:rgba(36, 35, 14, 0.3);padding:17px 19px;font:normal 11px "Roboto";color:#eaeaea;margin:0 0 15px 0;resize:none;overflow-y:hidden;}

.submit_btn{width:173px;height:45px;background-color:#9ea32c;font:normal 24px 'robotoregular';color:#000000;cursor:pointer;text-transform:uppercase;-webkit-appearance:none;float:right;line-height:45px;}

.contact_right ::-webkit-input-placeholder {color: #fff;opacity:1;}

.contact_right :-moz-placeholder { /* Firefox 18- */color: #fff;opacity:1;  }

.contact_right ::-moz-placeholder {  /* Firefox 19+ */ color: #fff;opacity:1; }

.contact_right :-ms-input-placeholder { color: #fff;opacity:1;}





.mapwrapper{position: relative;padding-bottom:29.25%;height:0;}

.mapwrapper iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}





.wpcf7-not-valid-tip{font: 14px/20px "Roboto" !important;margin-bottom: 10px; margin-top: -10px;}

.wpcf7-validation-errors{color: #fff;}

.wpcf7-response-output{margin:10px 0  !important;}

.innner h3{color: #9EA32C; font: 22px "Candara";margin-bottom: 19px;}
.innner ul{margin:0 0 19px 0;}
.innner ul li{color: #ffffff;font: 15px/27px "Roboto";margin: 0;}

.box{width:25%; display:inline-block; color: #ffffff;
    font: 15px/27px "Roboto";
    margin: 0;
    padding: 0 0 19px; vertical-align:top;}
.innner img{margin:0 0 19px 0;}	

ul.product{margin:0; padding:0; list-style:none;}
ul.product li{margin:0 15px 30px 0; display:inline-block; width:23%; vertical-align:top;}
ul.product li:nth-of-type(4n) {margin:0 0px 30px 0;}
.pro_img img{height:auto;}
ul.product h4{text-align:center; margin-bottom: 10px;}
ul.product h5{text-align:center; font-size:16px;line-height: 44px; }
ul.product h5 a{background-color: #9ea32c; padding: 10px 20px;}

/*

----------------------------------

05. FOOTER

----------------------------------

*/



#footer{width:100%;background-color:#000000;text-align:center;padding:4% 0;}

#footer p{font-size:13px;color:#ffffff;margin:0;padding:0;line-height:normal;}

#footer p span{color:#9da32c;font-family: 'robotoregular';}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}