/*
Theme Name: DEMO
Description: DEMO - Demo template
FrameWork: Afro Skeleton( Bita+)

Table of Content
====================
#1.Pre Define,Hacks
#2.@Font-face
#3.Typography
#4.Main Wireframe ( Header / Navigation / Content / L & R Panel / Footer )
#5.Predefine Styles
#5.Responsive
==================== */
/*
==========----------------------===============
00-01.      Pre Define , Hacks 
==========-----------------------==============*/

body {margin:0px;padding:0px;font-size:13px; -webkit-font-smoothing:antialiased;/* Fix for webkit rendering */ -webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;} 
* {border:none;outline:none;text-decoration:none;-webkit-backface-visibility: hidden; /* Fix for transition flickering */}
.clear{ clear:both; margin:0 0;}

#container {width:100%;}
#wrapper {width:100%;}
.main { max-width:960px;margin:0 auto;position:relative; width:960px\0/; /*border:1px solid #F00;*/}       /*for Responsive Site and IE Fix*/
 html { -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
 img{border: 0;}
 button,html input[type="button"],input[type="reset"],input[type="submit"] { cursor: pointer;-webkit-appearance: button;}
/*behavior:url(PIE.htc);*/
/*.ie8 .header_right{ background:#CCCC00;}*/ /*--Select Browser Specific Styles--*/
/*
==========----------------------===============
00-02.      @font-face 
==========-----------------------==============*/

@font-face {
    font-family: 'oswaldlight';
    src: url('../font/oswald-light-webfont.eot');
    src: url('../font/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/oswald-light-webfont.woff') format('woff'),
         url('../font/oswald-light-webfont.ttf') format('truetype'),
         url('../font/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

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

}
/*
==========----------------------===============
00-04.     TYPOGRAPHY ELEMENTS
==========-----------------------==============*/

h1, h2, h3, h4, h5, h6 					{ margin:0 0 2px 0; padding:0; font-family: Georgia, Times, serif; font-weight:normal; } 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 		{ font-weight:inherit; }
h1 										{ margin:0 0 10px 0; padding:0; font:normal 36px ''; line-height:40px; color:#333; }
h2										{ margin:0 0 10px 0; padding:0; font:normal 30px ''; line-height:34px; color:#333; }
h3 										{ margin:0 0 0px 0; padding:0; font:normal 27px 'oswaldlight'; line-height:28px; color:#333; }
h4 										{ margin:0 0 10px 0; padding:0; font:normal 18px ''; line-height:22px; color:#333; }
h5 										{ margin:0 0 10px 0; padding:0; font:normal 14px ''; line-height:16px; color:#333; }
h6 										{ margin:0 0 10px 0; padding:0; font:normal 12px ''; line-height:16px; color:#333; }

p 										{ margin:0; padding:0 0 10px 0; font:normal 15px 'oswaldlight'; color:#4d4d4d;line-height:26px;   }
strong 									{ font-weight:bold; color:#333; }
a.active{ text-decoration:none;}
a {text-decoration: none;cursor:pointer;}/* Default link  (Color is controlled above but this can override it)  */
a:hover {text-decoration: none;}/* Default link:hover*/
a:focus {outline: 0;text-decoration: none;}

ul, ol { margin-top:0;margin-bottom:10px}
ul ul, ol ul, ul ol, ol ol {margin-bottom:0}
li{ list-style:none; padding:0px 0; text-decoration:none;}

.dark{color:#999;} /*Change main theme color of Text*/ 
.light{color:#FFF;}/*Change main theme color of Text*/ 

.up_case{ text-transform:uppercase;}
.low_case{ text-transform:lowercase;}
 b, strong {font-weight:bold;}

.left{ float:left;}
.right{ float:right;}
.pull-right {float:right!important}
.pull-left {float:left!important}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.nopadding{ padding:0; }

 /*--SELECTIONS--*/
/* IE9+, Opera, Google Chrome and Safari*/
::selection  {background-color:#efad0d;color:#fff;}/*CHANGE THE SELECTION COLOR*/
/* mozilla firefox */
::-moz-selection{background-color:#fff;color:#efad0d;}
/*--------------*/

.dashed{ border-bottom:1px dashed #09F; max-width:100%; margin:2px auto;}
 hr {margin-top:20px;margin-bottom:20px;border:0;/*border-top:1px solid #eee*/-webkit-box-sizing: content-box;-moz-box-sizing: content-box; -ms-box-sizing: content-box;-o-box-sizing: content-box; box-sizing: content-box;}
.row {margin-left: 0px;margin-right: 0px;}/* Hack to prevent from horizontal scrollbar*/

/*
==========----------------------===============
00-03.      MAIN WIREFRAME START
==========-----------------------==============*/
/*
----------------------------------------
00-01. Header
----------------------------------------
*/
.header {width:100%; background:url(../images/header_bg.jpg) repeat left top; border-bottom:1px solid #e0e0e0;}
.header_inner {max-width:960px; margin:0px auto;} /*Use Main as Default*/
.logo{ float:left;}
.header_right{ float:right;  margin:40px 0 0 0; } 
.hcall{ margin:0; padding:0; text-align:center;}
.hcall li{ display:inline-block;font:normal 19px 'oswaldregular'; line-height:34px; color:#818286;}
.hcall li span{ display:inline-block;color:#f5821f;}
.hcall li img{ vertical-align:bottom;  margin-right:2px;}

/*
----------------------------------------
00-02. Navigation
----------------------------------------
*/
.navigation{width:100%; /*background:#FFCC00;*/ border-top:1px solid #FC0;border-bottom:1px solid #FC0; clear:both;}
.papa_response_nav{ width:100%; position:relative; padding:10px 0 0 0; } /*For open Navbar*/
.shield{ padding:1px; margin:0 auto; max-width:960px; margin:0 auto; background:url(../images/nav-icon.png) repeat-x left top; border:1px solid #154ea6;
 border-radius:4px; box-shadow:0px 9px 3px 0px rgba(50, 50, 50, 0.36);}
.nav_shadow{}
/*
---------------------------------------------------------+
00-00. Main Navigation( Change style from meanmanu.css )
---------------------------------------------------------+
*/
#nav_holder{width:100%;position:relative;z-index:99;}
#nav_holder2{display:none;}
/*
----------------------------------------
00-03. SLIDER GRID
----------------------------------------
*/
.grand_slider{width:100%;  background:url(../images/) repeat-x left top; margin-top:15px;}
.papa_slider{max-width:960px; width:960px\0/;  margin:0px auto; padding:0px 0px 0px 0px;} /*Remove Min-Height*/
.mama_slider{}/*Inner page slider*/
.hero_title{ position:absolute; margin:55px 0 0 40px;}
.hero_title p{ position:absolute; font:normal 35px 'oswaldregular'; line-height:55px; color:#008ad2; text-shadow:0 3px 1px rgba(255,255,255,1); text-transform:uppercase;}



/*
----------------------------------------
00-04. CONTENT 
----------------------------------------
*/
.content{width:100%;}
.index_content{ padding:30px 0;}
.index_papa_container{}
.index_papa_container h2{ font:normal 14px ''; line-height:; color:; padding:0 0; margin:0 0; background:;}
.index_papa_container h2 span{ color:; padding:0 0;}
.index_papa_container p{font:normal 14px ''; line-height:; color:; padding:0 0; margin:0 0;}
/*About Page*/
.about_content{padding:30px 0;}
.about_content h3{ text-transform:uppercase;background:url(../images/welcome_title.png) repeat-x left bottom;padding:10px 0 15px 0;}
.about_content p{ padding:15px 0 0 0;}
.intro_avatar{ float:left; margin:0 22px 0 0;}
/*Products page*/
.products_content{padding:30px 0;}
.products_content h3{ text-transform:uppercase;background:url(../images/welcome_title.png) repeat-x left bottom;padding:10px 0 15px 0;}
.papaholder_product{ margin:15px 0; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px;  background:#315ea5; min-height:250px;
 padding:30px 20px 50px 20px;
}
.main_product{}
.prime_prdlist{ margin:0; padding:0;}
.childbox_product{margin:0 9px 9px 0; float:left;}
.not_mod{margin-left:0;}
/*Services page*/
.services_content{padding:30px 0;}
.services_content h3{ text-transform:uppercase;background:url(../images/welcome_title.png) repeat-x left bottom;padding:10px 0 15px 0;}
.services_content p{ padding:15px 0 0 0;}
.services_avatar{ float:left; margin:0 22px 0 0;}
/*Contact page*/
.contact_content{padding:30px 0;}
.contact_content h3{ text-transform:uppercase;background:url(../images/welcome_title.png) repeat-x left bottom;padding:10px 0 15px 0;}
.papaholder_contact_left{ width:45%; float:left; background:url(../images/Contact-Us.jpg) repeat-x left top #2b5493;  margin:25px 0 0 0;
 -webkit- border-radius:5px; -moz- border-radius:5px;  border-radius:5px;
}
.papaholder_contact_right{
width: 45%;
float: left;
padding: 10px 0px 0px 0px;
margin-left: 6.5%;
}
.query {
width: 98%;
margin: 15px 0 15px 0;
}
.left_txt {
width: 49%;
float: left;
}
.right_txt {
width: 49%;
float: right;
}
.txt_field {
background: url(../images/txt_bg.jpg) no-repeat;
width: 95%;
border: none;
line-height: 40px;
height: 40px;
background-size: 100% 100%;
padding: 0 5px 0 5px;
color: #FFFFFF;

}
.txt_area {
background: url(../images/txt_bg.jpg) no-repeat;
width: 97%;
border: none;
line-height: 20px;
background-size: 100% 100%;
margin-top: 15px;
margin-bottom: 0px;
height: 86px;
padding: 5px;
color: #FFFFFF;

}
.submit_btn {
background: url(../images/submit_btn.png) no-repeat;
width: 98%;
border: none;
line-height: 20px;
background-size: 100% 100%;
margin-top: 15px;
margin-bottom: 15px;
height: 43px;
cursor: pointer;
font-family: 'Economica', sans-serif;
font-size: 32px;
color: #FFFFFF;
text-align: left;
text-transform: capitalize;
}


.conlist{ margin:15px 0 0 0;}
.conlist li{ display:block; list-style:none;font:normal 19px 'oswaldlight'; line-height:41px; color:#FFF; padding:0 0 15px 0;}
.conlist li p{ font:normal 19px 'oswaldlight'; line-height:41px; color:#FFF; }
.conlist li img{ vertical-align:middle; margin-right:15px;}
.conlist li p a{color:#FFF;}
/*
----------------------------------------
00-05. LEFT PANEL ( L )
----------------------------------------
*/
.index_left_panel{width:56%;/*543px*/float:left; padding:0px 0px 0px 0px;}
.index_left_panel h1{font:normal 27px 'oswaldlight'; line-height:33px; color:#3a3a3a; padding:10px 0 15px 0;
 background:url(../images/welcome_title.png) repeat-x left bottom;}
 .index_left_panel p{font:normal 15px 'oswaldlight'; line-height:26px; color:#4d4d4d; margin:15px 0 0 0; padding:0;}
 .servicebox{ float:left; width:33%;}
 .index_service{ margin:0; padding:0;}
 .index_service li{  display:block;font:normal 13px 'oswaldlight'; line-height:34px; color:#4d4d4d; 
  background:url(../images/list_icon.png) left top 10px no-repeat; padding:0 0 0 22px;
  }
/*
----------------------------------------
00-06. RIGHT PANEL ( R )
----------------------------------------
*/
.index_right_panel{width:37.05%;/*300px*/float:left; padding:0px 0px 0px 0px; margin-left:6.5%;}
.index_right_panel h1{font:normal 27px 'oswaldlight'; line-height:33px; color:#3a3a3a; padding:10px 0 15px 0;}
.product_container{ background:#315ea5; width:89%;min-height:250px; padding:20px;  -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px;}
.index_product{ }
.papa_shortbox{}
.minislide{ margin:0; padding:0;}
.child_box{ margin:0 0 12px 0; float:left;}
.child_box img{ vertical-align:top;}
.child_box2{ margin:0 0 12px 12px;float:left;}
.child_box2 img{ vertical-align:top;}
/*
-----------------------------
00-07. FOOTER
-----------------------------
*/
#footer{ width:100%; margin:0px auto; }
.body_footer{ width:960px; min-height:120px; margin:0px auto; padding:25px 0 0 0;background:url(../images/welcome_title.png) repeat-x left top; }
.body_footer h6{ color:#000; text-align:center; margin:0; font:normal 13px Arial, Helvetica, sans-serif;}
.body_footer p{ text-align:center; font:normal 13px Arial, Helvetica, sans-serif; color:#515151; line-height:21px;}
.body_footer p span{ color:#377eed;}
.body_footer p span a{ color:#377eed;}
.footer_nav{ margin:0; text-align:center; padding:0;}
.footer_nav li{display:inline-block; background:url(../images/separetor.jpg) left top 5px no-repeat; padding:0 0 0 15px;}
.footer_nav li a{ color:#000; font:normal 14px Arial, Helvetica, sans-serif; line-height:22px;}
.footer_nav li:first-child{ background:none;}
.kolkata_pages_logo{ vertical-align:central;}


/*-- MAIN WIREFRAME END--*/





/*
==========----------------------===============
00-11.    Responsive Pages Styles
==========-----------------------==============*/
@media(max-width: 768px){ .main{width:98%; margin:0 auto;}
	.index_left_panel{ width:52%;}	
	.index_right_panel{ width:40%; margin-left:3%;}	
	.child_box{  width:40%;margin:0 0 12px 15px;}
	.child_box img{ vertical-align:top; background-size:contain; width:100%;}
	.child_box2{ width:40%;margin:0 0 12px 12px;}
	.child_box2 img{ vertical-align:top; background-size:contain;width:100%;}
	.header_right{ padding:0 0 10px 0;}
}

@media(max-width: 767px){
	.main{ width:98%; margin:0 auto;}
	.index_left_panel{ width:98%;}	
	.mama_slider img{ width:100%;}
	.index_right_panel{ width:100%; margin:0;}	
	.product_container{  margin:0 auto;}
	.child_box{ /*float:none;*/ width:45%; /*background:#FFF;*/ margin:0 0 5px 12px;}
	.child_box img{ vertical-align:top; background-size:contain; width:100%;}
	.child_box2{ /*float:none;*/ width:45%;margin:0 0 5px 12px;}
	.child_box2 img{ vertical-align:top; background-size:contain;width:100%;}
	.papaholder_contact{ width:98%; padding:0;}
	.hero_title p{ position:absolute; font:normal 20px 'oswaldregular'; line-height:31px; color:#008ad2;  text-transform:uppercase;}
	.hero_title{ position:absolute; margin:15px 0 0 15px;}
}
@media(max-width: 509px){
	.not_mod{ margin:0;}
	.childbox_product{margin:0 9px 9px 0; float:none; text-align:center;}
	.childbox_product img{ width:90%;}
	
	}
@media(max-width: 396px){
	.logo{ width:50%; float:none; margin:0 auto;}
	.header_right{float:none; margin:0 auto; }
	.index_right_panel{ width:98%; margin:0 auto;}	
	.child_box{ float:none; width:98%;margin:0 0 5px 0;}
	.child_box img{ vertical-align:top; background-size:contain; width:100%;}
	.child_box2{ float:none; width:98%;margin:0 0 5px 0;}
	.child_box2 img{ vertical-align:top; background-size:contain;width:100%;}
	 p{ margin:0 10px !important;}
	 .hero_title p{ position:absolute; font:normal 15px 'oswaldregular'; line-height:20px; color:#008ad2; text-shadow:none; text-transform:uppercase;}
	.hero_title{ position:absolute; margin:15px 0 0 15px;}
}
@media(max-width: 360px){
	.logo{ width:50%; float:none; margin:0 auto;}
	.logo img{ max-width:100%;}
	.header_right{float:none; margin:0 auto;}
	.index_service {margin: 0 0 0 10px;padding: 0;}
	.servicebox{ width:44%; margin:2px auto;}
	.body_footer h6 ,.body_footer p,.footer_nav li a{ font-size:12px;}
	.body_footer h6{ padding-bottom:10px;}
	 
	
	}

@media(max-width: 321px){
	.logo{ width:50%; float:none; margin:0 auto;}
	.index_right_panel{ width:98%; margin:0 auto;}	
	.product_container{ width:83%; margin:0 auto;}
	.child_box{ float:none; width:98%; /*background:#FFF;*/ margin:0 0 5px 0;}
	.child_box img{ vertical-align:top; background-size:contain; width:100%;}
	.child_box2{ float:none; width:98%;margin:0 0 5px 0;}
	.child_box2 img{ vertical-align:top; background-size:contain;width:100%;}
	.intro_avatar{ width:98%; float:none; margin:2px 0;}
	.conlist li p{ font-size:15px;}
	
	}
@media(max-width: 310px){.header_right{width:60%; float:none; margin:0 auto;}}
@media(max-width: 220px){
	
	.logo{ width:84%; float:none; margin:0 auto;}
	.servicebox{ width:98%; margin:2px auto;}
	.index_right_panel{ width:98%; margin:0 auto;}	
	.product_container{ width:83%; margin:0 auto;}
	.child_box{ float:none; width:98%; margin:0 0 5px 0;}
	.child_box img{ vertical-align:top; background-size:contain; width:100%;}
	.child_box2{ float:none; width:98%;margin:0 0 5px 0;}
	.child_box2 img{ vertical-align:top; background-size:contain;width:100%;}
	.conlist li img{ display:none;}
	/*.conlist li p{ margin-left:-30px !important;}*/
	.conlist li{ line-height:}
	.hero_title p{ position:absolute; font:normal 10px 'oswaldregular'; line-height:18px; color:#008ad2; text-shadow:none; text-transform:uppercase;}
	.hero_title{ position:absolute; margin:2px 0 0 0px;}
	}
/*
==========----------------------===============
00-04.  Responsive Slicknav Styles
==========-----------------------==============*/

.slicknav_menu {display:none;}
.clear{ clear:both;}
/*.shild_menu{ width:1000px; margin:0 auto; border:1px solid #CCC; clear:both; background:rgba(19,191,221,1);}*/
@media screen and (max-width: 767px) {
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
}
/*--Menu End--*/