/*
Theme Name: Marine Transport International
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Marine Transport International

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
@charset "utf-8";
/* Global CSS Document */

@import '//fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i';

body {
	margin: 0;
	background: #141821;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color: #333333;
}

/*=======================Normal CSS Properties===================*/
.left {
	float:left;
}
.clear {
	clear:both;

}
.right {
	float:right;
}
ul, li, img, a, p, h1, h2, h3, h4, h5, h6, form, iframe, input {
	margin:0px;
	padding:0px;
	outline:none;
	border:0px;
	list-style:none;
}

p { padding-bottom:15px;}

a { 
	color:#000; 
	text-decoration:none; 
	-webkit-transition: color 500ms ease-in-out;
	-moz-transition: color 500ms ease-in-out;
	-ms-transition: color 500ms ease-in-out;
	-o-transition: color 500ms ease-in-out;
	transition: color 500ms ease-in-out;
}
a:hover{color:#218ac8; text-decoration:underline;}


h1 {
	font-family: 'Roboto', sans-serif;
	font-size:32px;
	color:#1d679e;
	font-weight:normal;
	margin-bottom:30px;
}
h2 {
	font-family: 'Roboto', sans-serif;
	font-size:30px;
	color:#1d679e;
	font-weight:300;
	margin-bottom:20px;
}
h2 span{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	color:#1d679e;
	font-weight:normal;
}
.header-blue {
	color: #1d679e;
	font-weight: 300 !important;
}

.topmenu{background:#f5f5f5}
#access {
	display: block;
	text-align:left;
	background:#f5f5f5;
	/*background:#124370 url(images/menu_bg.png) no-repeat left top !important;*/
	min-height:50px;
	margin:0 auto;
	width:1000px;
}
#access .menu-header, div.menu {
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
}
#access .menu-header ul, div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li, div.menu li {
	float: left;
	/*display:inline-block;*/
	position: relative;
	width:142px;
	text-align:center;

}


#access a {
	color: #888;
	display: block;
	padding: 0 10px;
	text-decoration: none;
	font-family: "Roboto Condensed", sans-serif;
	text-transform: uppercase;
	line-height: 50px;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
}
#access ul ul {
	display: none;
	position: absolute;
	top:69px;
	left: 0;
	float: left;
	width: 160px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 160px;
	text-align:left;
	border-bottom:1px solid #7f7f7f;

}
#access ul ul ul {
	left: 100%;
	top:  0px;
}
#access ul ul a {
	background: #333;
	line-height: 1.5em;
	padding: 10px 20px;
	width: 160px;
	height: auto;
}
#access li:hover > a {
	/*background: url(images/menu_hov.png) no-repeat 0% top;*/
	color: #218ac8;
}
#access ul ul :hover > a {
	background: #218ac8;
	color: #777;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
	/*background: url(images/menu_hov.png) no-repeat 0% top;*/
	color: #218ac8;
}
* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover {
	color: #c7b299;
}




.main_wrap { width:940px; min-height:100%; margin:0 auto; position:relative;}
.main_wrap h1 {
	font-size: 2em;
	font-weight: 300;
	margin-bottom: 20px;
	line-height: 32px;
}
.main_wrap-left { width: 60%; float: left; }

.main_wrap-right {
	width: 40%;
	float: right;
	background: url(images/about-grid.svg) no-repeat center top;
	min-height: 225px;
	background-size: contain;
	position: relative;
}
.header_main_wrap { width:960px; min-height:100%; margin:0 auto; position:relative; text-align: center;}

/*=======================Header CSS Properties===================*/
.header_area { background:#fff; }
.logo { padding:20px 0 25px;}
.header_rightarea { float:right; margin-top:80px; text-align:right;}
.header_rightarea .phone{ display:block; color:#124370; font-size:20px; font-weight:bold;}
.header_rightarea .email{ display:block; color:#1d679e; font-size:15px; font-weight:bold;}
.header_rightarea .email a { color:#1d679e; text-decoration:none;}
.header_rightarea .email a:hover { color:#767676; text-decoration:none;}
.header2_bg { background:#1e2431; min-height:84px;}
.menu {	
	background: url(images/header_bg2.jpg) repeat 0px 0px;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px; 
	color: #FFFFFF; 
	display: block; float: left; 
	margin: 0px 0 0 2%; 
	padding: 5px 10px;  
	text-decoration: none;
	text-transform: uppercase;
	cursor:pointer;
	z-index:5;
}
.menu:hover { text-decoration:none; color:#fff;}
.mobile_devicemenu { position:relative; z-index:99999999; display:none;}
.mobile_devicemenu .mobile-menu { display:none; padding: 0px;	margin: 0;	position: absolute;	z-index: 99999999;	top: 32px;	left:2%;right:2%;}
.mobile_devicemenu ul { -webkit-border-radius: 6px;-moz-border-radius:6px;border-radius:6px; background: url(images/header_bg2.jpg) repeat 0px 0px;}
.mobile_devicemenu ul li { padding: 0;	margin:0;list-style: none;text-align: center;	border-bottom:1px solid #fff;font-size:14px;}
.mobile_devicemenu ul li a { padding:10px;	text-transform:uppercase;color: #fff;text-decoration: none;	display: block;}
.mobile_devicemenu ul li a:hover { color: #fff;}

.mobileline{ height:5px; display:none; padding-top:20px; border-bottom:5px solid #124370; background:#fff;}
.banner_bg { background:#1d679e;}
.banner_wrapper{ /*width:1600px;*/ margin:0 auto; position:relative; background:#e3e6ec;}

.bannertextarea {
	position: absolute;
	z-index: 99;
	left: 0%; /* top:30%;*/
	margin-top: 50px;
	background-color: rgba(255,255,255,0.4);
	padding: 15px 30px 0;
}
.banner_text1 { font-family: 'Roboto', sans-serif; color:#1d679e; font-size:20px; font-weight:bold; display:block; line-height:20px;}
.banner_text2 { font-family: 'Roboto', sans-serif; color:#253d70; font-size:40px; font-weight:bold; display:block; line-height:40px;}
.banner_text3 { font-family: 'Roboto', sans-serif; color:#124370; font-size:40px; font-weight:bold; display:block; line-height:40px;}
.banner_text4 { font-family: 'Roboto', sans-serif; color:#333333; font-size:40px; font-weight:bold; display:block; line-height:40px;}

.bannerimgarea1 { height:477px;}
.bannerimgarea2 { height:477px;}
.bannerimgarea3 { height:477px;}
.bannerimgarea4 { height:477px;}

.mobile_bannerimgarea1 { display:none;}
.mobile_bannerimgarea2 { display:none;}
.mobile_bannerimgarea3 { display:none;}
.mobile_bannerimgarea4 { display:none;}

.banner_leftupperbg { background:url(images/banner_leftupperbg.png) no-repeat center top; width:270px; height:477px; position:absolute; left:0; top:0; z-index:3;}
.banner_rightupperbg { background:url(images/banner_rightupperbg.png) no-repeat center top; width:252px; height:477px; position:absolute; right:0px; top:0; z-index:3;}


.header2wrapper { background:#1e2431;}
.header2_bg {
	min-height: 50px;
	line-height: 50px;
	text-align: center;
	width: 960px;
	margin: 0 auto;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
}

.header3_bg {
	/*background: url(images/header3_bg.jpg) repeat left top;*/
	background: #f5f5f5;
	min-height: 220px;
	padding: 40px 0;
}

/*=======================Middle CSS Properties===================*/
.body1_bg { padding:34px 0 50px; background:#fff;}
.body1_bg h2 {
	text-align: center;
	margin-bottom: 0;
	font-family: 'Roboto', sans-serif;
	color: #002c54;
	font-size: 2em;
	padding-bottom: 30px;
	font-weight: 300;
	text-transform: uppercase;
}
.body1_box1 {
	width: 215px;
	float: left;
	margin: 0 20px 20px 0;
	background: #fff;
	border: 1px solid #f5f5f5;
	min-height: 358px;
}
.body1_box1_meta {
	border-bottom: 1px solid #f5f5f5;
	padding: 5px 0;
	font-size: 12px;
	color: #777;
	font-weight: 300;
}
.meta-left {

}
.body1_box1:nth-child(4) { float:left; margin:0 0px 20px 0 ;}
/*.body1_box_last { float:left; margin:0 0px 20px 0 !important;}*/
.body-box-content {
	padding:10px 15px;
	height: 210px;
}
.body1_box1 h3, .body1_box_last h3 {
	font-size: 18px;
	color: #002c54;
	text-align: left;
	font-weight: lighter;
	line-height: 24px;
	margin-bottom: 10px;
}
.body1_box1_img > img { object-fit: cover; height: 100%; width: 100%; }
.body1_box1_text {
	color: #444;
	font-size: 14px;
	height: 115px;
	margin-bottom: 35px;
	font-weight: 300;
}
a.body_readmore_link {
	cursor: pointer;
	border: 0;
	font-family: 'Roboto', sans-serif;
	color: #002c54;
	font-size: 14px;
	position: absolute;
	bottom: 30px;
}
a.body_readmore_link:hover { color:#000;}

.body2_bg {
	background: url(images/glass-harbour.png) no-repeat;
	background-size: cover;
	min-height: 350px;
	padding: 34px 0 30px;
}
.body2_bg h2 { color:#fff; font-size:40px; font-weight:normal; text-align:center; margin-bottom:34px; text-shadow: 1px 1px #cdc9c5;font-family: 'Roboto', sans-serif;}

.body_logo_bg {
	background: #f5f5f5;
	margin-top: 20px;
	min-height: 170px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	padding: 28px 35px 0px;
}
.cosmologo_area { width:290px; float:left; margin-top:15px;}

.cosmotext_area {
	color: #5f5f5f;
	font-size: 14px;
	width: 40%;
	padding-bottom: 17px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	text-align: justify;
	margin: 0 auto;
}

a.readmore_btn {
	padding: 10px 15px;
	background: #124370;
	cursor: pointer;
	border: 0;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	text-align: right;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	font-size: 15px;
	float: right;
	text-transform: uppercase;
}

a.readmore_btn:hover {
	text-decoration: none;
}

/*=======================Footer CSS Properties===================*/
.footer_topwrapper { background:#1d679e; border-bottom:3px solid #0a0a0a;}

.footertop_bg {
	position: relative;
	background: url(images/footer_map.png) no-repeat center top;
	min-height: 260px;
	padding: 45px 0 55px;
	background-size: cover;
}
.footer_arrow { position:absolute; background:url(images/footer_arrow.png) no-repeat center top; width:20px; height:12px; z-index:1; text-align:center; bottom:0; left:49.5%;}
.footerbox1 { width:170px; margin-right:10px; float:left; color:#fff;}
.footerbox1 a{ color:#fff;}
.footerbox1 img { padding-right: 10px;}

.footerbox2 {
	width: 222px;
	margin-right: 34px;
	padding-top: 12px;
	padding-right: 38px;
	float: left;
	height: 248px;
}
.footerbox3 { width:200px; margin-right:10px; float:left;}
.footerbox4 { width:254px; margin-top:40px; float:left;}

.footerbox1 h3, .footerbox3 h3 {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 18px;
	padding-bottom: 18px;
}

.home_input {
	background: rgba(30, 36, 49, 0.8);
	border: 1px solid #10141b;
	color: #e9ecf0;
	padding: 6px 2%;
	height: 26px;
	width: 96%;
	margin-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.home_message {
	background: rgba(30, 36, 49, 0.8);
	border: 1px solid #10141b;
	color: #e9ecf0;
	padding: 5px 2%;
	height: 129px;
	width: 96%;
	margin-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.homesend_btn { padding:10px 55px; background:#141821; cursor:pointer; border:0; font-weight:normal; font-family: 'Roboto', sans-serif; font-size:18px;  -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px; color:#d1d1d1; font-size:18px; text-transform:uppercase; float:right;}
.homesend_btn:hover { color:#fff;}


.footerwrapper { padding:38px 0 30px; }
.copyright { float:left; color:#4d7085; font-size:14px;}
.copyright a { color:#4d7085; text-decoration:none;}
.copyright a:hover { color:#4d7085;}
.social_icon { float:right;}
.social_icon ul{ padding:0; margin:0;}
.social_icon ul li { padding:0; margin:0 10px; float:left;}
.social_icon ul li img { vertical-align:middle;}


/*---------------------About Us Start----------------------*/
.inner_banner_bg{
	background-color:#FFF;
	padding:30px 0 37px 0;
}
.inner_banner_bg-spacer {
	display: block;
	height: 35px;
	background-color: #fff;
}
.inner_banner_wrapper{
	width:940px;
	margin:0 auto;
}
.inner_banner_wrapper p{ padding:0px;}

.inner_content{
	background-color:#fff;
	padding-bottom:35px;
        overflow: hidden;

}

.inner_left{
	width:650px;
	float:left;	
}
.inner_right{
	width:265px;
	float:right;
	font-size:15px;
	color:#000;	
}
.inner_right h3 {
	color: #002c54;
	text-align: center;
	padding: 0 0 10px 0;
	font-size: 18px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
}
.inner_left h3{
	text-align:left;
	padding:0 0 10px 0;
	font-size:22px;	
	font-weight:normal;
}

.inner_left h1{
	text-align:left;
	padding:0 0 10px 0;
	font-size:20px;	
	font-weight:normal;
}
.sidebar_news{
	background-color: #fff;
	padding: 0;
	margin: 0 0 11px 0;
	border: 1px solid #f5f5f5;
}
.sidebar_news img {
	width: 100%;
	height: 100%;
}
.sidebar_news-readmore {
	color: #1d679e;
	background: none !important;
	padding: 0 !important;
}
.sidebar_news-content {
	padding: 10px;
}
.sidebar_news h4{
	font-family: 'Roboto', sans-serif;
	color:#002c54;
	padding: 0 0 10px 0;
	font-weight: 300;
	font-size: 18px;
}
.sidebar_news p{
	color: #444;
	font-size: 14px;
	font-weight: 300;
	
}
.sidebar_news a{
	color:#1d679e;	
	font:normal 15px/16px 'Roboto', sans-serif;
}
.about_inner_image{
	float:left;
	padding:0 20px 20px 0;	
}
/*---------------------About Us End------------------*/
/*---------------------Contact Us Start------------------*/
.contact_leftarea { width:620px; float:left;}
.contact_boxwrapper { margin-bottom:25px; clear:both;}
.contact_boxwrapper p{ padding-bottom:8px; display:block; color:#333333;font:normal 14px/16px 'Roboto', sans-serif;	}
.contact_boxwrapper p span{ color:#bf1414;}
.contact_boxwrapper input[type="text"]{ width:96%; padding:5px 2%; height:33px; border:1px solid #eeeeee;}
.contact_box2 input[type="email"]{ width:96%; padding:5px 2%; height:33px; border:1px solid #1F7CB7;}
.contact_boxwrapper input[type="email"]{ width:96%; padding:5px 2%; height:33px; border:1px solid #eeeeee !important;}
.contact_boxwrapper textarea{ width:96%; padding:5px 2%; height:118px; border:1px solid #eeeeee;}
.contact_boxwrapper input[type='submit']{ background:#145f98; border-bottom:3px solid #094471; color:#fff; padding:12px 50px;  margin-bottom:10px;font-family: 'Roboto', sans-serif; font-size:18px; float:left;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; cursor:pointer;}

.contact_box1 { width:300px; margin-right:20px; float:left;}
.contact_box2 { width:300px; float:left;}

.contact_rightarea { width:300px; float:right; }
.contact_text { color:#333333;font-family: 'Roboto', sans-serif; font-size:13px; color:#333}
.contact_text ul { padding:0; margin:10px 0;}
.contact_text ul li { padding:3px 0; margin:0;}
.contact_text ul li img{ padding:0px 5px 0 0; margin:0; vertical-align:middle;}
.working_bg { background:#f5f5f5; padding:20px 25px; margin-top:30px;}
.working_bg h2 { color:#767676; font:bold 20px/21px 'Roboto', sans-serif; text-align:center;}
.working_bg ul { padding:0; margin:0;}
.working_bg ul li {color:#333333; font:normal 16px/18px 'Roboto', sans-serif; padding: 0px 0px 5px 0px; }
.working_bg ul li span{color:#145f98;}
.working_bg ul li a{ color:#333333; text-decoration:none;}

/*---------------------Contact Us End------------------*/
/*---------------------Office Start------------------*/
.contactbox_area { width:500px; float:left; margin-right:20px; margin-bottom: 10px;}
.contactbox_area2 { width:335px; float:left;}
.contactbox_devider { border-bottom:1px solid #f5f5f5; margin-bottom:40px; padding-bottom:40px; height:2px; clear:both;}
.contactboximg_area { width:160px; float:left; margin-right:20px; margin-top:4px;}
.contactboximg_area img{ border:1px solid #bababa; width:160px;}
.inner_left div.contactbox_area:nth-child(2n+1){ margin-right:0px;}

.main_wrap div.productlisting_area ul li:last-child{ margin-right:0px;}

.contactboxtext_area { width:200px; float:left;}
.contactboxtext_area h2 { color:#333333; font:bold 16px/18px 'Roboto', sans-serif; padding:0 0 5px 0; margin:0;}
.contactboxtext_area ul { padding:0; margin:0;}
.contactboxtext_area ul li{ padding:1px 0; margin:0; font-size:13px;}
.contactboxtext_area ul li img{ vertical-align:middle; padding-right:3px;}
.contactboxtext_area ul li a{ color:#333333;}
.contactboxtext_area p { padding-bottom:6px;}
/*---------------------Office End------------------*/
/*---------------------Product Start------------------*/
.productlisting_area{ background:#e8e8e8; padding:12px 15px; border-bottom:4px solid #4e95cb; margin-bottom:30px;}
.productlisting_area ul { padding:0; margin:0;}
.productlisting_area ul li{ padding:0; margin:0; float:left; color:#414042; background:url(images/productlisting_devider.jpg) no-repeat right 9px;}
.productlisting_area ul li a{ color:#414042; padding:3px 15px; text-decoration:none; display:block; font-size:18px;}
.productlisting_area ul li a:hover{ color:#000; text-decoration:none; background:#c9c8c8}
.productbox_area { width:220px; height:164px; float:left; margin:0 17px 20px 0; background:#e8e8e8; border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8; border-bottom:2px solid #4e95cb;border-left:1px solid #e8e8e8; position:relative;}
.productbox_area_last { margin:0 0px 20px 0 !important;}
.product_headingbg { background:url(images/product_headingbg.png) repeat left top; position:absolute; bottom:0; left:0; width:90%; padding:8px 5%; color:#000000; font-size:16px; line-height:18px;}
.product_headingbg h3 { padding:0 0 5px 0; margin:0; line-height:18px; font-size:18px;}


/*ul li:last-child{ margin:0px; margin:0 0px 20px 0;}
/*---------------------Product End------------------*/
/*---------------------Comship Start------------------*/
.transport_care_area { position:relative; height:136px; overflow:hidden; margin-bottom:25px; margin-top:5px; text-align:right;}
.transport_carefully { width:374px; height:111px; padding:25px 0 0; text-align:center; font-size:32px; color:#fff; background:url(images/comship_transport.png) no-repeat center 0px; position:absolute; line-height:42px;}
.transport_carefully span{ font-size:40px; display:block;}

.comship_logo_area {
	width: 100%;
	text-align: center;
}

.comship_logo_area img {
	width: 250px;
}

.comship-banner-text {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 25px 25px 5px;
	background-color: #f5f5f5;
	color: #1e2431;
	border-left: 6px solid #427ec0;
	quotes: "\201C""\201D""\2018""\2019";
}

.comship-banner-text:after {
	color: #ccc;
	content: close-quote;
	font-size: 4em;
	line-height: 0.25em;
	margin-left: 0.15em;
	vertical-align: -0.6em;
}
.comship-banner-text:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

.comship_logo_testi_area { margin-bottom:25px; clear:both; margin-top:8px;}
.comship_testi_bg { background:url(images/comship_testi_bg.jpg) no-repeat left 0px; width:260px; height:132px; float:right; padding:20px; color:#fff; font-size:18px; text-align:center;}
.quote_topbg  { background:url(images/quote_topbg.png) no-repeat 3% 4%; padding:10px;}
.quote_bottombg  { background:url(images/quote_bottombg.png) no-repeat right 82%; padding:0px 0 5px 0;}

/*---------------------Comship End------------------*/
/*---------------------Product Details Start------------------*/
.detail_imgarea { border-bottom:8px solid #549acc; border-top:2px solid #549acc; position:relative; clear:both; margin-bottom:25px;}
.sitelogo{ position:absolute; left:0; bottom:0; width:20%;}
.detail_table_header { line-height:40px; height:40px; padding:5px 15px; background:#218ac8; color:#fff; font-size:24px; font-family: 'Roboto', sans-serif;}
.detail_table_header h2{ color:#fff; padding:0; margin:0;}
.detail_table_oddrow:nth-child(even) { line-height:30px; height:30px; padding:5px 15px; background:#e5e5e5; color:#4a4a4a; font-size:18px; font-family: 'Roboto', sans-serif;}
.detail_table_oddrow:nth-child(odd) { line-height:30px; height:30px; padding:5px 15px; color:#4a4a4a; font-size:18px; font-family: 'Roboto', sans-serif;}

.detail_tablebox1 { width:430px; float:left;}
.detail_tablebox2 { width:170px; float:left;}
.detail_tablebox3 { width:160px; float:left;}
.detail_tablebox4 { width:150px; float:left;}
.details_desktop { display:block;}
.details_mobile { display:none;}

.mob_detail_tablebox_heading { padding:2px 15px; background:#218ac8; color:#fff; font-family: 'Roboto', sans-serif;}
.mob_detail_tablebox_heading h2{ color:#fff; padding:0; margin:0; font-size:16px;}
.mob_detail_tablebox { padding:2px 15px; background:#e5e5e5; color:#4a4a4a; font-size:12px; font-family: 'Roboto', sans-serif;}
.details_mobile_evenrow { margin-bottom:20px; border-bottom:2px solid #218ac8}

/*---------------------Product Details End------------------*/


/*-------------------------------------------*/
/*               MEDIA QUERIES
/*-------------------------------------------*/

/* 1024px
/*-------------------------------------------*/

@media(max-width: 1024px){
	img { max-width:100%}
	.header_area  { padding-top:40px; height:auto;}
	.main_wrap { width:auto; margin:0 2%}
	.mobileline { display:block;}
	#access a { padding:0 30px !important;}
	#access .menu-header, div.menu { width:960px; background:none;}
	#access li:hover > a { background:#218ac8}
	#access ul ul a { line-height:2.5em;}
	.mobileline { display:none;}

	.banner_leftupperbg { display:none;}
	.banner_rightupperbg { display:none;}

	.flex-direction-nav li a.next {
		right: 20% !important;
	}

	.flex-direction-nav li a.prev {
		right: 25% !important;
	}


	
	
}

/* 768px
/*-------------------------------------------*/

@media(max-width: 768px){
	img { max-width:100%}
	.header_area  { padding-top:40px; height:auto;}
	.main_wrap { width:auto; margin:0 2%}
	.mobileline { display:block;}
	.header_main_wrap { width:auto; margin:0 2%}
	.header2_bg { width:auto; margin:0 2%}
	.banner_wrapper { width:auto; margin:0 2%}
	.inner_banner_wrapper { width:auto; margin:0 2%}
	.inner_banner_wrapper p{ padding:0px;}
	.bannerimgarea1 { display:none;}
	.bannerimgarea2 { display:none;}
	.bannerimgarea3 { display:none;}
	.bannerimgarea4 { display:none;}
	
	.mobile_bannerimgarea1 { display:block;}
	.mobile_bannerimgarea2 { display:block;}
	.mobile_bannerimgarea3 { display:block;}
	.mobile_bannerimgarea4 { display:block;}
	
	.logo { width:250px; margin:0 auto; float:none; padding:0;}
	.header_rightarea { margin-top:20px; float:none; text-align:center;}
	.header_rightarea .email { font-size:13px;}
	.mobile_devicemenu{ display:block;}
	#access { display:none;}
	.bannertextarea { display:none;}
	.banner_leftupperbg { display:none;}
	.banner_rightupperbg { display:none;}
	.flex-direction-nav li a.next { right: 0% !important;}
	.flex-direction-nav li a.prev { right: 14% !important;}
	.flex-direction-nav li a.next {	background: url("images/mob_banner_arrow_right.png") no-repeat scroll 0 0 !important;
		right: 15% !important;
		width: 25px !important;
		height: 24px !important;
		}
	.flex-direction-nav li a.prev {
		background: url("images/mob_banner_arrow_left.png") no-repeat scroll 0 0 !important;
		right: 25% !important;
		width: 25px !important;
		height: 24px !important;
		}
	.header2_bg { background:none; line-height:30px !important; padding:10px 0; height:auto !important;}
	.header3_bg { padding:10px 0;}
	h1 { line-height:30px; margin-bottom: 10px;}
	.body1_bg { padding:10px 0;}
	.body1_bg h2 { padding-bottom:15px;}
	
	
	
	.body2_bg { padding:10px 0 !important; height:auto !important; background:#FFF !important;}
	.body_logo_bg { background:#fff !important; padding:10px; border-bottom:none;}
	.cosmologo_area { float:none; text-align:center; padding-bottom:10px; width:auto;}
	.cosmotext_area { width:auto; color:#000; float:none; padding-bottom:20px;}
	a.readmore_btn { float:none; margin-top:10px;}
	.body2_bg h2 { color:#000; margin-bottom:15px;}
	
	.footerbox4 { margin-right: 0; margin-top:0;}
	
	.inner_left { width:100%; float:none;}
	.inner_right { float:none; margin:0 auto;}
	.about_inner_image { padding:10px 0px 20px 0 !important; float:none;}
	
	.contact_leftarea { float:none; margin:0 auto; width:auto;}
	.contact_box1 { width:auto; float:none; margin-bottom:25px; margin-right:0;}
	.contact_box2 { width:auto; float:none; width:auto;}
	.contact_rightarea { float:none; width:auto; clear:both; font-family: 'Roboto', sans-serif;}

	.comship_logo_testi_area { margin:0px; float:none;}
	
	.details_desktop { display:none;}
	.details_mobile { display:block;}
	
	.blog_right { float:none; width:100% !important;}
	.inner_right { float:none; width:100% !important;}

}

/* 640px
/*-------------------------------------------*/

@media(max-width: 660px){
	img { max-width:100%}
	.header_area  { padding-top:40px; height:auto;}
	.main_wrap { width:auto; margin:0 2%}
	.mobileline { display:block;}
	.header_main_wrap { width:auto; margin:0 2%}
	.header2_bg { width:auto; margin:0 2%}
	.banner_wrapper { width:auto; margin:0 2%}
	.inner_banner_wrapper { width:auto; margin:0 2%}
	.inner_banner_wrapper p{ padding:0px;}
	.bannerimgarea1 { display:none;}
	.bannerimgarea2 { display:none;}
	.bannerimgarea3 { display:none;}
	.bannerimgarea4 { display:none;}
	
	.mobile_bannerimgarea1 { display:block;}
	.mobile_bannerimgarea2 { display:block;}
	.mobile_bannerimgarea3 { display:block;}
	.mobile_bannerimgarea4 { display:block;}
	
	.logo { width:195px; margin:0 auto; float:none; padding:0;}
	.header_rightarea { margin-top:20px; float:none; text-align:center;}
	.header_rightarea .email { font-size:13px;}
	.mobile_devicemenu{ display:block;}
	#access { display:none;}
	.bannertextarea { display:none;}
	.banner_leftupperbg { display:none;}
	.banner_rightupperbg { display:none;}
	.flex-direction-nav li a.next { right: 0% !important;}
	.flex-direction-nav li a.prev { right: 14% !important;}
	.flex-direction-nav li a.next {	background: url("images/mob_banner_arrow_right.png") no-repeat scroll 0 0 !important;
		right: 15% !important;
		width: 25px !important;
		height: 24px !important;
		}
	.flex-direction-nav li a.prev {
		background: url("images/mob_banner_arrow_left.png") no-repeat scroll 0 0 !important;
		right: 25% !important;
		width: 25px !important;
		height: 24px !important;
		}
		
	.header2_bg { background:none; line-height:30px !important; padding:10px 0; height:auto !important;}
	.header3_bg { padding:10px 0;}
	h1 { line-height:30px; margin-bottom: 10px;}
	.body1_bg { padding:10px 0;}
	.body1_bg h2 { padding-bottom:15px;}
	.body1_box1 { margin:0 40px 20px !important;}
	.body1_box1:nth-child(4){margin: 0 20px 20px 0;!important;}
	.body1_box_last { margin:0 40px 20px !important;}
	.body2_bg { padding:10px 0 !important; height:auto !important; background:#FFF !important;}
	.body_logo_bg { background:#fff !important; padding:10px; border-bottom:none;}
	.cosmologo_area { float:none; text-align:center; padding-bottom:10px; width:auto;}
	.cosmotext_area { width:auto; color:#000; float:none; padding-bottom:20px;}
	a.readmore_btn { float:none; margin-top:10px;}
	.body2_bg h2 { color:#000; margin-bottom:15px;}
	.footerbox2 { background:none !important;}
	.footerbox1 { float:none; width:auto; margin-right: 0;}
	.footerbox2 { float:none; width:auto; margin-right: 0;}
	.footerbox3 { float:none; width:auto; margin-right: 0;}
	.footerbox4 { float:none; width:auto; margin-right: 0;}
	.copyright { float:none; text-align:center;}
	.social_icon { float:none; padding-top:10px; text-align:center;}
	.social_icon ul li { display:inline-block; float:none;}
	.footerbox4 { margin-top:0px;}
	
	.inner_left { width:100%; float:none;}
	.inner_right { float:none; margin:0 auto;}
	.about_inner_image { padding:10px 0px 20px 0 !important; float:none;}
	
	.contact_leftarea { float:none; margin:0 auto; width:auto;}
	.contact_box1 { width:auto; float:none; margin-bottom:25px; margin-right:0;}
	.contact_box2 { width:auto; float:none; width:auto;}
	.contact_rightarea { float:none; margin:30px auto 5px; clear:both;}
	
	.comship_logo_testi_area { margin:0px; float:none;}
	.comship_logo_area { width:40%;}
	
	.contactbox_area { margin-bottom:20px; margin-right:0; width:50%;}
	.contactbox_area2 { margin-bottom:20px; margin-right:0; width:50%;}
	.contactboximg_area { width:45%;}
	.contactboximg_area { margin-right:5px;}
		
	.details_desktop { display:none;}
	.details_mobile { display:block;}
	.noMargin{margin: 0 17px 20px 0;}
	
	
	.entry-meta { width:auto !important;}
	.nav-single { width:auto !important;}
	.comment-form input[type="text"]{ width:auto !important;}
	.comment-form textarea{ width:65% !important;}
	.comments-area { width:auto !important; float:none; }
	.entry-content p { width:auto !important; float:none; }
	.blog_right { float:none; width:100% !important;}
	.inner_right { float:none; width:100% !important;}
	
}


/* 480px
/*-------------------------------------------*/

@media(max-width: 500px){
	img { max-width:100%}
	.header_area  { padding-top:40px; height:auto;}
	.main_wrap { width:auto; margin:0 2%}
	.mobileline { display:block;}
	.header_main_wrap { width:auto; margin:0 2%}
	.header2_bg { width:auto; margin:0 2%}
	.banner_wrapper { width:auto; margin:0 2%}
	.inner_banner_wrapper { width:auto; margin:0 2%}
	.inner_banner_wrapper p{ padding:0px;}
	.bannerimgarea1 { display:none;}
	.bannerimgarea2 { display:none;}
	.bannerimgarea3 { display:none;}
	.bannerimgarea4 { display:none;}
	
	.mobile_bannerimgarea1 { display:block;}
	.mobile_bannerimgarea2 { display:block;}
	.mobile_bannerimgarea3 { display:block;}
	.mobile_bannerimgarea4 { display:block;}
	
	.logo { width:195px; margin:0 auto; float:none; padding:0;}
	.header_rightarea { margin-top:20px; float:none; text-align:center;}
	.header_rightarea .email { font-size:13px;}
	.mobile_devicemenu{ display:block;}
	#access { display:none;}
	.bannertextarea { display:none;}
	.banner_leftupperbg { display:none;}
	.banner_rightupperbg { display:none;}
	.flex-direction-nav li a.next { right: 0% !important;}
	.flex-direction-nav li a.prev { right: 14% !important;}
	.flex-direction-nav li a.next {	background: url("images/mob_banner_arrow_right.png") no-repeat scroll 0 0 !important;
		right: 15% !important;
		width: 25px !important;
		height: 24px !important;
		}
	.flex-direction-nav li a.prev {
		background: url("images/mob_banner_arrow_left.png") no-repeat scroll 0 0 !important;
		right: 25% !important;
		width: 25px !important;
		height: 24px !important;
		}
		
	.header2_bg { background:none; line-height:30px !important; padding:10px 0; height:auto !important;}
	.header3_bg { padding:10px 0;}
	h1 { line-height:30px; margin-bottom: 10px;}
	.body1_bg { padding:10px 0;}
	.body1_bg h2 { padding-bottom:15px;}
	.body1_box1 { margin:0 auto 20px !important; float:none;}
	.body1_box1:nth-child(4){margin: 0 20px 20px 0; float:none}
	.body1_box_last { margin:0 auto 20px !important; float:none;}
	.body2_bg { padding:10px 0 !important; height:auto !important; background:#FFF !important;}
	.body_logo_bg { background:#fff !important; padding:10px; border-bottom:none;}
	.cosmologo_area { float:none; text-align:center; padding-bottom:10px; width:auto;}
	.cosmotext_area { width:auto; color:#000; float:none; padding-bottom:20px;}
	a.readmore_btn { float:none; margin-top:10px;}
	.body2_bg h2 { color:#000; margin-bottom:15px;}
	.footerbox2 { background:none !important;}
	.footerbox1 { float:none; width:auto; margin-right: 0;}
	.footerbox2 { float:none; width:auto; margin-right: 0;}
	.footerbox3 { float:none; width:auto; margin-right: 0;}
	.footerbox4 { float:none; width:auto; margin-right: 0;}
	.copyright { float:none; text-align:center;}
	.social_icon { float:none; padding-top:10px; text-align:center;}
	.social_icon ul li { display:inline-block; float:none;}
	.footerbox4 { margin-top:0px;}
	
	.inner_left { width:100%; float:none;}
	.inner_right { float:none; margin:0 auto;}
	.about_inner_image { padding:10px 0px 20px 0 !important;float:none;}
	
	.contact_leftarea { float:none; margin:0 auto; width:auto;}
	.contact_box1 { width:auto; float:none; margin-bottom:25px; margin-right:0;}
	.contact_box2 { width:auto; float:none; width:auto;}
	.contact_rightarea { float:none; margin:30px auto 5px; clear:both;}
	
	.comship_logo_testi_area { margin:0px; float:none;}
	.comship_logo_area { float:none; margin:0 auto;}
	.transport_care_area { height:auto; position:inherit;}
	.transport_carefully { position:inherit; width:auto;}
	.comship_testi_bg { float:none; margin:10px auto 20px;}
	.transport_care_area > img { display: none;}
	
	.contactbox_area { margin-bottom:20px; margin-right:0; width:50%;}
	.contactbox_area2 { margin-bottom:20px; margin-right:0; width:50%;}
	.contactboximg_area { width:80%;}
	.contactboximg_area { margin-right:5px;}
	.productbox_area { margin:0 auto 20px; float:none;}
	.productbox_area_last { margin:0 auto 20px !important; float:none;}
	
	.details_desktop { display:none;}
	.details_mobile { display:block;}
	
	.noMargin{margin: 0 17px 20px 0;}
	
	.entry-meta { width:auto !important;}
	.nav-single { width:auto !important;}
	.comment-form input[type="text"]{ width:auto !important;}
	.comment-form textarea{ width:65% !important;}
	.comments-area { width:auto !important; float:none; }
	.entry-content p { width:auto !important; float:none; }
	.blog_right { float:none; width:100% !important;}
	.inner_right { float:none; width:100% !important;}
	
	
	
	
		
}
@media(max-width: 480px){
/*	.body1_box1 { float:left; width:164px; margin:0 10px 20px !important;}*/
}

@media(max-width: 320px){
	
}
@media(width: 360px){
	
	
}
@media( width: 640px){
	
	
	
}
/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto', sans-serif;
*/


.coming{ width:700px; height:auto; float:left;}
.coming h2{font-family: 'Roboto', sans-serif; font-weight:normal; font-size:35px; margin-top:200px; color:#222; text-align:center;}

/*-- 29.1.14 --*/

.entry-title{ width:100%; float:left; }
.entry-title a{font-size:27px; font-weight:normal; color:#124370; text-decoration:none;}
.entry-title a:hover{ text-decoration:none; color:#000;}

.post-thum{float:left; margin-right:10px;}
.post-thum img{ width:200px; height:115px; border:1px solid #dfdfdf; padding:3px; float:left;}

.entry-content p{ width:450px; float:left;}

.entry-meta{ width:600px; margin-bottom:10px; float:left;}


.blog_right{
	width:220px;
	float:right;
	font-size:15px;
	color:#000;	
}
.blog_right h2 {
	width: 200px;
	padding:0px;
	font-size:20px;
	font-weight:normal;
	color:#124370;
	margin-bottom:10px;
	border-bottom:2px solid #124370; 
}

.blog_right ul{display:block;}
.blog_right ul li{/* float:left;*/background: url("images/blue_point.gif") no-repeat scroll 0px 6px; margin-bottom: 5px;
padding-bottom: 5px;
padding-left: 14px;
width: 200px;}
.blog_right ul li a{ font:normal 13px Arial, Helvetica, sans-serif; color:#222; text-decoration:none;}
.blog_right ul li a:hover{color:#36F; text-decoration:none;}

.search{ margin-bottom:10px;}
.search input[type="text"]{ width:150px; height:30px; border:1px solid #aeaeae ; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
.search input[type="submit"]
{
	background: none repeat scroll 0 0 #145F98;
    border-bottom:2px solid #094471;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    margin-left:3px;
    padding: 6px 8px;
}


.comments-area{ width:600px; float:left;}

.comment-form input[type="text"]{ width:450px; height:30px; border:1px solid #aeaeae ; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}

.comment-form textarea{ width:450px; height:80px; border:1px solid #aeaeae ; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}

.comment-form input[type="submit"]
{
	background: none repeat scroll 0 0 #145F98;
    border-bottom:2px solid #094471;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    margin-left:3px;
    padding: 6px 8px;
}

.comment-form p label{ width:85px; float:left;}

.blog .inner_banner_bg .inner_banner_wrapper{ display:none;}
.single .inner_banner_bg .inner_banner_wrapper{ display:none;}
.nav-single{ width:680px; float:left;}

.swl_horizontal{ margin: 0 2px 0 16px !important;}
div.wpcf7-validation-errors{ border: 2px solid #F7E700!important;
    float: right!important;}
.category-uncategorized .inner_banner_bg .inner_banner_wrapper{ display:none;} 
.category .inner_banner_bg .inner_banner_wrapper{ display:none;} 

.detail_imgarea p{ display:none}
.comments-area { display:none;}

div.wpcf7-mail-sent-ok{border: 2px solid #398F14!important;
    float: left!important;}

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

.uppercase {
	text-transform: uppercase !important;
}