/* Template Version: 2.0 (Latest Update 08 May 2014) 
/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body {} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
html{ height:100%;}
body{font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;padding:0;font-size:14px;margin:0 auto;height: 100%;position: relative;line-height:19px;}
a, span.tag{ text-decoration:none;}
a.view_details{padding:0 0 0 15px;}
.swiper-container{ width:800px;height: 100%;}
#header{ position:absolute; top:-100px; left:0px; z-index:9999; width:100%; height:40px;padding:4px 0%;opacity: 0.85;;
}

#link_container{position: relative; width: 90%; margin: 4px 0px 4px 0px;line-height: 1.4;padding: 4px;
background-color: rgba( 5,95,155,0.70); color: #fff;height: 44px;}

#main_container{position: relative; width: 90%; margin: 24px 0px 0px 0px; font-size: 13px; line-height: 1.4;padding: 4px;
background-color: rgba( 5,95,155,0.70); color: #fff;height: 44px;}
#main_container2{position: relative; width: 90%; margin: 0px 0px 0px 0px; font-size: 13px; line-height: 1.4;padding: 4px;
background-color: rgba( 5,95,155,0.70); color: #fff;height: 44px;}

#main_map{position: relative;width: 50%;margin-top: 8px;height: 36px; font-size: 13px; line-height: 1.4;padding: 0px;float: left;}

#main_footer{ width: 100%; margin: 0px 0px 0px 0px; font-size: 13px; line-height: 1.6;padding: 0px;
color: #fff;}
#mail_linkbox{
position: relative;
width: 90%; height: 44px; margin: 0px 0px 0px 0px;padding: 8px 4px 4px 4px;
background-color: rgba( 5,80,140,0.70); color: #fff;}

/* Headings
/*------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-weight:normal; margin:0px;padding:0px 0 6px 0;clear:both; letter-spacing:0px;}
h1{ font-size:30px;}
h2{ font-size:26px;}
h3{ font-size:22px;}
h4{ font-size:18px;}
h5{ font-size:14px;}
h6{ font-size:13px;}
p{ padding:0px; margin:0px 0px 4px 0px;line-height:1.8;}
h2.page_title{ font-size:16px;padding:4px;}
h2.post_title{ font-size:26px;padding:0 0 20px 0; line-height:28px;}

div.page_title{ margin:-13px 0px 0px 0px; background-color:#0978cb; padding:1px 0px 0px 0px; border:1px #dddddd solid; width:80%;}

/* Border radius
/*------------------------------------------*/
.radius2{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.radius4{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.radius6{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.radius8{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.radius20{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}

/*----------bottom bullets pagination---------------*/
.pagination {position: absolute;z-index: 20;left:0px;bottom:5px;text-align:center;width:100%; display: none;}
.swiper-pagination-switch {display: inline-block;width:12px;height:3px;background: #222;margin-right: 5px;opacity: 0.5;cursor: pointer;}
.swiper-active-switch {background: #fff;}
/*----------header and footer buttons---------------*/
.gohome{ width:40px; height:40px; float:left; margin:0 0 0 10px;}
.gohome a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.gohome a img{display:inline-block;max-height:25px; margin:7px 0 0 0;}

.gohomemenu{ width:40px; height:40px;float: center;margin:0 0 0 10px;}
.gohomemenu a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.gohomemenu a img{display:inline-block;max-height:25px; margin:7px 0 0 0;}

.gomenu{ width:40px; height:40px;float:right;margin:0 10px 0 0;}
.gomenu a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.gomenu a img{display:inline-block;max-height:25px; margin:8px 0 0 0;}

.scrolltop{ width:88px; height:44px;margin:auto; display:block;}
.scrolltop a{ color:#FFFFFF;display:block; text-align:center;}
.scrolltop a img{display:inline-block;max-height:28px; margin:5px 0 10px 0;}

.scrolltop2{ width:40px; height:40px;float:right;margin:0 10px 0 0;}
.scrolltop2 a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.scrolltop2 a img{display:inline-block;max-height:25px; margin:8px 0 0 0;}

.scroll_box {width:198px;margin:auto; padding: 0px; display: block;text-align: center;}

.scrolltop3l{ width:44px; height:44px;margin:0px 8px 0px 0px; display:block;float: left;}
.scrolltop3l a{ color:#FFFFFF;display:block; text-align:center;}
.scrolltop3l a img{display:inline-block;max-height:28px; margin:7px 0 8px 0;}

.scrolltop3c{ width:88px; height:44px;margin:0px; display:block;float:left;}
.scrolltop3c a{ color:#FFFFFF;display:block; text-align:center;}
.scrolltop3c a img{display:inline-block;max-height:28px; margin:5px 0 10px 0;}

.scrolltop3r{ width:44px; height:44px;margin:0px 0px 0px 8px; display:block;float: left;}
.scrolltop3r a{ color:#FFFFFF;display:block; text-align:center;}
.scrolltop3r a img{display:inline-block;max-height:28px; margin:7px 0 8px 0;}

/*----------page buttons---------------*/

a.button_16{ width:98%; margin:2px 1% 8px 1%;padding:10px 0; float:left; display:block;font-size:14px; text-decoration:none; text-align:center; text-shadow:1px 1px #084ba1; border:1px #dddddd solid;}

a.button_15{ width:100%; margin:12px 1% 0px 0%;padding:10px 0; float:left; display:block;font-size:14px; text-decoration:none; text-align:center; text-shadow:1px 1px #084ba1;}

a.button_14{ width:96%; margin:2px 1% 8px 1%;padding:10px 0; float:left; display:block;font-size:13px; text-decoration:none; text-align:center; text-shadow:1px 1px #084ba1;}

a.button_13{ width:47%; margin:2px 1% 8px 1%;padding:10px 0; float:left; display:block;font-size:13px; text-decoration:none; text-align:center; text-shadow:1px 1px #084ba1; border:1px #dddddd solid;}

a.button_12{ width:48%; margin:2px 1% 8px 1%;padding:10px 0; float:left; display:block;font-size:14px; text-decoration:none; text-align:center; text-shadow:1px 1px #084ba1;}
a.button_11{ width:98%; margin:2px 1% 8px 1%;padding:10px 0; float:left; display:block;font-size:14px; text-decoration:none; text-align:center; text-shadow:1px 1px #084ba1;}
.green{ background-color:#11a1b2;}
.blue{ background-color:#16a0ee;}
.darkblue{ background-color:#035792;}
.red{ background-color:#eb7f15;}
.purple{ background-color:#8b2767;}
.pink{ background-color:#f87c68;}
.orange{ background-color:#f17225;}
.black{ background-color:#272625;}
.gray{ background-color:#085fab;}
.yellow{ background-color:#ffb606;}
.bluegreen{ background-color:#06a78b;}
.bgblue{ background-color:#065d9b;}

.green_borderbottom{border-bottom:3px #759a51 solid;}
.blue_borderbottom{border-bottom:3px #198bbd solid;}
.red_borderbottom{border-bottom:3px #8e262c solid;}
.purple_borderbottom{border-bottom:3px #671a4b solid;}
.pink_borderbottom{border-bottom:3px #d36755 solid;}
.orange_borderbottom{border-bottom:3px #c55512 solid;}
.black_borderbottom{border-bottom:3px #000000 solid;}
.gray_borderbottom{border-bottom:3px #535150 solid;}
.yellow_borderbottom{border-bottom:3px #e3a000 solid;}
.bluegreen_borderbottom{border-bottom:3px #058770 solid;}
.darkblue_borderbottom{border-bottom:3px #003a62 solid;}
.bgblue_borderbottom{border-bottom:2px #fedc76 solid;}



/* Page layout and elements
/*------------------------------------------*/
.image_single{ padding:3px; margin-bottom:10px; margin-top: -1px;}
.image_single img{display:block;max-width:100%;}
.image_caption{ width:100%; text-align:center; color:#fedc76;padding:0px 0; font-size:14px;margin-bottom:6px;}

.image_event{margin-bottom:0px; margin-top: 4px; padding: 4px;}
.image_event img{display:block;max-width:100%;}

.image_rest{margin-bottom:0px; margin-top: 0px; padding: 0px;}
.image_rest img{display:block;max-width:100%;}

.table_head {display: table;width: 96%;font-size: 13px;margin: 8px 0px 0px 0px; padding: 1% 0 0 4%; line-height: 1.8; border-left: solid #ececec 2px;background-color: #1c76bc;}
.table_row {display: table; width: 100%; font-size: 13px; line-height: 1.8;margin: 8px 0px 2px 0px;}
.table_column {display: table-cell; vertical-align: top; padding: 1% 0 0 1%;border-top:solid #1c76bc 0px ;}
.table_column:first-child{width: 28%; text-align: center; border-left: solid #ececec 2px;background-color: #1c76bc;}
.table_column:last-child{text-align: left; 
border-right: solid #1c76bc 2px; padding-left: 4px; border-bottom: solid #1c76bc 2px;}

.table2_row {display: table; width: 100%; font-size: 13px; line-height: 1.8;margin: 8px 0px 2px 0px;}
.table2_column {display: table-cell; vertical-align: top; padding: 1% 0 0 1%;border-top:solid #1c76bc 0px ;width: 48%; text-align: center;border-right: solid #1c76bc 2px; padding-left: 4px; border-left: solid #ececec 2px; border-bottom: solid #1c76bc 2px;}


ul.listing{ list-style:none; padding:0 0 10px 0;}
ul.listing li { padding:5px 0 5px 10px; margin:0 0 10px 10px; border-left:2px #ececec solid;}
ul.listing_detailed{ list-style:none; padding:0 0 10px 0;}
ul.listing_detailed li { padding:6px 0 0px 6px; margin:0 0 6px 0;}
ul.listing_detailed li a{}

ul.listing_detailed2{ list-style:none; padding:0 0 10px 0;}
ul.listing_detailed2 li { padding:2px 0 0px 2px; margin:0 0 2px 0;}
ul.listing_detailed2 li a{}


/* Toggle
/*------------------------------------------*/
.toogle_wrap{width:92%; padding:3% 4%; margin:0 0 10px 0;}
.trigger{padding:0px;margin:0;}
.trigger a{text-decoration: none;display: block; padding:2px 0 2px 0;font-size:14px;font-weight:normal; }
.toggle_container{overflow: hidden;padding:12px 0 0 0;clear: both;}

.toogle_wrap_blog{width:92%; padding:3% 4%; margin:0 0 10px 0;}
.trigger_blog{padding:0px;margin:0;}
.trigger_blog a{text-decoration: none;display: block; padding:2px 0 2px 0;font-size:16px;font-weight:normal; }
.toggle_container_blog{overflow: hidden;padding:15px 0 0 0;clear: both;}

/* Tabs
/*------------------------------------------*/
ul.tabsmenu{ padding:0; position:relative; bottom:-1px;}
ul.tabsmenu li a{ width:31.2%; float:left; padding:12px 0 12px 0; margin:0 2% 0 0;text-align:center;}
ul.tabsmenu li:last-child a{ float:right; margin:0 0 0 0;}
ul.tabsmenu li.active a{text-decoration: none;}
.tabcontent{ padding:5% 4%; clear:both; margin:0 0 10px 0;}
/*-----------------Photo Gallery style-------------------*/

ul.photo_gallery_13{ width:100%; list-style:none; padding:0px; margin:0 0 10px 0; float:left; clear:both;}
ul.photo_gallery_13 li{ width:28.6%; padding:1%; float:left; margin:1%;}
ul.photo_gallery_13 li img{ max-width:94%; display:block; padding:3%;}

ul.photo_gallery_13_round{ width:100%; list-style:none; padding:0px; margin:0 0 10px 0; float:left; clear:both;}
ul.photo_gallery_13_round li{ width:28.5%; padding:1%; float:left; margin:1%;}
ul.photo_gallery_13_round li img{ max-width:100%; display:block;}

ul.photo_gallery_12{ width:100%; list-style:none; padding:0px; margin:0 0 10px 0; float:left; clear:both;}
ul.photo_gallery_12 li{ width:45.3%; padding:1%; float:left;  margin:1%;}
ul.photo_gallery_12 li img{ max-width:96%; display:block;padding:2%;}

ul.photo_gallery_11{ width:100%; list-style:none; padding:0px; margin:0 0 10px 0; float:left; clear:both;}
ul.photo_gallery_11 li{ width:99.5%; padding:0; float:left; margin:0px 0 10px 0;}
ul.photo_gallery_11 li img{ max-width:96%; display:block;padding:2%;}

/*-----------------Blog posts style-------------------*/
ul.posts{ padding:0px; margin:0px; width:100%; display:block;}
ul.posts li.post{ width:100%; height:170px; margin:0 0 10px 0; position:relative;}
.post_left{width:20%; height:170px; text-align:center;position:absolute; top:0px; left:0px; line-height:1.8}

span.day{ display:block; font-size:20px; padding:15px 0 0 0;}
span.month{ display:block; font-size:14px; padding:4px 0 0 0;}

.post_right_reveal{width:88%; height:130px; position:absolute; top:30px; left:0%;padding:2% 0 0 2%; z-index:99;}
.post_right_unreveal{width:69%; height:170px; position:absolute; top:0px; left:20%;padding:0 0 0 1%; z-index:88; line-height:1.8;font-size:13px;}

.post_right_reveal h5{ padding:6px 8px 0 0; font-size:14px;}
.post_right_unreveal h5{ padding:4px 0 0 0px; font-size:14px;text-indent: 2px; text-shadow:1px 1px #084ba1}

#post_header{height: 60px;}
#post_btn{margin: 0 0 0 0%;padding: 0;text-align: center;}

a.post_more{display:block;position:absolute; top:0px; right:0px;  width:10%; height:170px;overflow:hidden;}
span.post_comments{ display:block; padding:0 0 0 25px;}
a.post_readmore{ padding:0 0 0 15px;font-weight:normal; font-size:12px;}
#loadMore{width:92%; padding:3% 4%; margin:0 0 10px 0; text-align:center; font-size:14px; display:block; cursor:pointer;}
#showLess{width:92%; padding:3% 4%; margin:0 0 10px 0; text-align:center; font-size:14px; display:none;}

.post_details_page{ }

a.backtoblog{width:92%; padding:3% 4%; margin:0px 0 15px 0; text-align:center; font-size:14px; display:block; cursor:pointer;}

.comment_row{ width:100%; float:left; clear:both; padding:0 0 5px 0; margin:0 0 10px 0;}
.comm_avatar{float:left;}
.comm_avatar img{ display:block; width:50px; height:50px;}
.comm_content{ float:left; width:75%; padding:0 0 0 5%; font-style:italic;}

/*-----------------Video page style-------------------*/
.videocontainer{ max-width:96%; padding:2%; display: block; margin:0 0 10px 0;}

/*-----------------Portfolio style-------------------*/

.panel_num { float:left;
text-align: center;
width: 20px;
margin: 2px 8px 0 0;
border:#ffffff solid 2px;
background-color: #085fab;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.panel_item{width:100%; padding:0%; margin:0 0 10px 0; float:left; clear:both;}
.panel_header{width:98%; padding:4px 0 0 2%; margin: 0; float:left; clear:both;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a5672+0,10222f+100 */
background: #112331; /* Old browsers */
background: -moz-linear-gradient(top,  #243349 50%, #112331 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #243349 50%,#112331 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #243349 50%,#112331 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243349', endColorstr='#112331',GradientType=0 ); /* IE6-9 */
}
.panel_header p {font-size: 15px; padding: 0;}
.panel_inner{ width:100%; padding: 0px 0% 0 0%;float:left; clear:both;}
.panel_image{ width:30%;margin:2px 8px 0 2px; float:left;}
.panel_image img{ display:block; max-width:100%;}
.panel_image_fish{ width:30%;margin:2px 8px 0 2px; float:left;}
.panel_image_fish img{ display:block; max-width:100%;}
.panel_details{ width:100%; padding: 0px 0%;float:left; clear:both;margin-bottom: 4px;}
a.button_panel{ width:30%; margin:2px 6px 0px 2px;padding:10px 0; float:left; display:block;font-size:13px;color: #ffffff; text-decoration:none; text-align:center; text-shadow:1px 1px #084ba1;border:#cccccc solid 1px;}
.panel_details h4{ padding:0 0 5px 0; font-size: 15px;}
.panel_details p{ padding:0 0 5px 0; line-height:18px;}
.panel_audio{width:98%; padding:4px 0 0 0%; margin: 0; float:left; clear:both;background-color: rgba( 5,95,155,0.70);}

.portfolio_item{width:94%; padding:3%; margin:0 0 10px 0; float:left; clear:both;}
.portfolio_image{ width:30%; float:left;}
.portfolio_image img{ display:block; max-width:100%;}
.portfolio_details{ width:65%; float:left; padding:0 0 0 5%;}
.portfolio_details h4{ padding:0 0 5px 0; font-size: 15px;}
.portfolio_details p{ padding:0 0 5px 0; line-height:18px;}

/*-----------------Service page style-------------------*/

.service_container {margin: 0; padding: 0;width:100%;}
blockquote{padding:10px 1px 10px 4px; margin-bottom:10px;font-size: 14px;line-height:1.8;}
span.quote_author{ font-style:normal; font-weight:bold; text-decoration:underline;}

.service_box{ width:100%; float:left; clear:both; padding:0 0 5px 0;margin:0 0 10px 0;}
.services_icon{ padding:0% 0; width:16%;height:auto; float:left; display:block; text-align:center;}
.services_icon img{ display:block; max-width:70%; margin:auto;}
.service_content{ float:left; width:78%; padding:0 0 0 4%;}
.service_content h4{ padding:0px 0 2px 0; font-size: 15px;}
.service_content p{font-size: 14px; color: #f5fbff;}

/*-----------------Clients page style-------------------*/
.client_row{width:100%; float:left; clear:both; padding:0 0 5px 0;margin:0 0 10px 0;}

/*-----------------Responsive table-------------------*/
ul.responsive_table{ width:100%; float:left; clear:both; margin:0 0 10px 0; padding:0px; list-style:none;}
li.table_row{width:100%; float:left; clear:both; line-height:30px;padding:0px; list-style:none;margin:0 0 1px 0;}
.table_section_small{width:30%; float:left; padding:0 0 0 2%; text-align: center;}
.table_section{ width:64%; float:left;padding:0 0 0 2%;text-align: center;}

/*-----------------Latest tweets style-------------------*/
.tweet{ width:100%; float:left; clear:both; margin:0;}
.tweet ul { list-style:none;}
.tweet li{width:94%; padding:3%; margin:0 0 10px 0; float:left; clear:both;}
.tweet li a{ font-weight:bold;}

/* Form
/*------------------------------------------*/

.form{padding:0 0 15px 0;}
.form label{padding:0 0 3px 0; display:block; font-size:16px;font-weight:normal;}
.form label.error{padding:0 0 10px 0; width:100%; text-align:left; font-size:14px;}
.form_input{padding:3%; width:93%; margin:0 0 5px 0;}
.form_textarea{padding:3%; width:93%; height:50px; margin:0 0 5px 0;}
.form_submit{ width:100%;padding:4% 0 4% 0; margin:0; font-weight:normal;text-align:center;
cursor:pointer; font-size:20px; border-left: none;border-right: none;border-top: none; cursor:pointer;
}

ul.social{ list-style:none; padding:0px; margin:0px 0 15px 0; width:100%;}
ul.social li{ list-style:none; margin:1% 0 2% 4%; padding:6.5% 0; width:28%;height:auto; float:left; display:block; text-align:center;}
ul.social li img{ display:inline-block;max-width:50%;}
li.social_facebook{ background-color:#3f5aa9;}
li.social_twitter{ background-color:#29aae3;}
li.social_google{ background-color:#f2b700;}
li.social_pinterest{ background-color:#d3172f;}
li.social_flickr{ background-color:#90489c;}
li.social_digg{ background-color:#8aaf50;}

a.call_button{ float:left; clear:both;
width:94%; display: block; text-align:center; font-size:24px; 
padding:12px 3%; margin:0 0 15px 0;
}
a.map_button{ float:left; clear:both;
width:94%; display: block; text-align:center; font-size:24px; 
padding:12px 3%; margin:0 0 15px 0;
}


/* CSS Media Queries
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
.swiper-container{ width:100%;}
.services_icon{ padding:2% 0;}
}
@media screen and (max-width: 480px) {
.round_img{padding:15% 0px;}
ul.social li{padding:6% 0;}
.services_icon{padding:2% 0;}
}
@media screen and (max-width: 360px) {
.services_icon{padding:2% 0;}
}
@media screen and (max-width: 320px) {
.borders ul li{padding:2% 0.1%;width:27%;}
}