/*
Theme Name: Cliq Digital
Theme URI: Cliq Digital
Description: The Cliq Digital Here theme based on the famous Wordpress CMS.
Version: 3.8
Author: Cliq Digital
*/

/* normal */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 16px; line-height:23px; color: #484848; }
input, select, textarea { font-family: Arial; font-size: 18px; color: #808080; border:0px; }
body { background: #f5f5f5 url(images/body_bg.png) top center repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }
a { color:#dc7fb4;}
a:hover { color:#000;}

.irFrame {
    width: 650px; 
    height: 440px; 
}

.featuredContainer {
    position: relative;
    text-align: center;
}

.slideContainer {
    position: relative;
    text-align: center;
}

.slideTextContainer {
    width: 60%;
    top: 30%;
    left: 20%;
    position: absolute;
    text-align: center;
}

.slideText {
    display: -moz-inline-stack;
    display: inline-block; 
    margin: 0 auto;
    position: relative;
    background-color: rgba(0,0,0,0.6);
    max-width: 100%;
    font-size: 25px;
    line-height: 35px;
    color: #efefef;
    font-family: "helvetica_neueregular",helvetica;
    padding: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    z-index: 1000000;
}

.slideImage {
    left: 0;
    top: 0;
    width: 100%;
}
.frontWidget {
    display: table;
    width: 100%;
    max-width: 100%;
    font-family: "helvetica_neueregular",helvetica;
    color: #111;
}

.frontWidgetCell {
    display: table-cell;
    width: 33%;
    float: left;
    text-align: center;
    height: 190px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-position-y: bottom;
    background-position-x: center;
    margin-bottom: 40px;
}

.frontWidgetNumber {
    font-size: 70px;
    line-height: 70px;    
}

.frontWidgetMetric {
    margin: 0 50px;
    font-size: 25px;
    line-height: 25px;
}

.frontWidgetCell.views {
    background-image: url(/wp-content/themes/cliq_digital/images/home/views.png);
}
.frontWidgetCell.clicks {
    background-image: url(/wp-content/themes/cliq_digital/images/home/clicks.png);
}
.frontWidgetCell.conversions {
    background-image: url(/wp-content/themes/cliq_digital/images/home/conversions.png);
}
.frontWidgetCell.consumers {
    background-image: url(/wp-content/themes/cliq_digital/images/home/customers.png);
}
.frontWidgetCell.carriers {
    background-image: url(/wp-content/themes/cliq_digital/images/home/carriers.png);
}
.frontWidgetCell.countries {
    background-image: url(/wp-content/themes/cliq_digital/images/home/countries.png);
}

.textBox h1{line-height:normal;}
/* global style */
.clear { clear: both; height: 1px; }
.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }
.even, .alt { border-left: 1px solid #ddd; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
.sticky { background: #f7f7f7; padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }
small, .nocomments, .postmetadata, blockquote, strike { color: #777; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
header, footer, section, aside, nav, article { display: block; }
/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

.featured_image {
    z-index: 100000;
    position: relative;
    width: 100%;
    overflow-y: hidden;
}
.featured_image_front {
    width: 100%;
}
.featured_image img {
    margin-top: -2px;
}
.featured_image img,.featured_image_front img{
    width: 100%!important;
    height: auto!important;
}

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 100%; }

	/* ### header container ### */
	#headerCntr { margin:0 auto; position: relative; width: 984px; height: 152px; }
	#headerCntr a.logo { position: absolute; top: 37px; left: 0px; display: block; width: 107px; height: 87px; text-indent: -9999px; background: url('images/logo.png') no-repeat; }
	    .page-template-careers-php ul,.page-template-about-page-php ul{
    	    list-style:disc;
    	    margin-left: 20px;
	    }
		/* ### menu box ### */
		.menuBox { position: absolute; top: 120px; right: 0px; z-index:10;  }
		.menuBox a.menus { display: none; }
		.menuBox ul { list-style:none; }
		.menuBox li { position:relative; float:left; padding-bottom:10px; }
		.menuBox li a { padding:0 13px; display:block; color:#252525; font-size:18px; text-decoration:none;  font-family: 'helvetica_neue_lt_pro67MdCn', Helvetica, Arial;}
		.menuBox li.last a { padding-right:0px; } 
		.menuBox li a:hover, .menuBox li:hover a , .menuBox li.current_page_item a, .menuBox li.current-menu-item li a:hover, .menuBox li.current-menu-parent  a, .menuBox li.current-menu-parent  li a:hover,.menuBox li:hover li a:hover { color:#dc7fb4; }
		.menuBox li.current-menu-parent  li.current-menu-item a { background:#dc7fb4; color:#fff; }
		.menuBox li.current-menu-item li a, .menuBox li.current-menu-parent  li a, .menuBox li:hover li a { color:#252525; }
		.menuBox li ul { display:none; min-width:256px; padding:12px 0px 10px 0px; position:absolute; top:30px; left:-100px; border-top:solid 2px #dc7fb4; background:#FFFFFF; -webkit-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.47); -moz-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.47); box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.47);}
		.menuBox li li a { padding:5px 15px 5px 25px!important; display:block;  }
		.menuBox li.menu-item-has-children:hover a { padding-bottom:5px; background:url(images/arrow.png) bottom center no-repeat;  }
		.menuBox li:hover li a { padding-bottom:0px; background-image:none!important;  }
		.menuBox li:hover ul { display:block; }
		.menuBox li li { padding-bottom:0px; margin-left:0px;  width:100%;}
		
		.bannerBox { position:relative; z-index: 1000000;}
		.bannerBox .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
		.bannerBox img { margin:0 auto; width:100%; height:auto;}
		.bannerBox .flex-control-nav.flex-control-paging { width:100%; text-align:center; list-style-type:none;  list-style:none; position:absolute; bottom:45px; z-index:999;}
		.bannerBox .flex-control-nav.flex-control-paging li { margin-right:5px; display: -moz-inline-stack;
            display: inline-block;  list-style:none;  }
		.bannerBox .flex-control-nav.flex-control-paging li a { display:block;  width:9px; height:9px; text-indent:-9999px; border-radius:20px; background:#FFFFFF;}
		.bannerBox .flex-control-nav.flex-control-paging li a:hover, .bannerBox .flex-control-nav.flex-control-paging li a.flex-active { cursor:pointer; background:#dc7fb4;}
		.image-slider { margin:15px 0 25px 0;}
		
		/* Direction Nav */
		.bannerBox .flex-direction-nav {*height: 0;}
		.bannerBox .flex-direction-nav a  { display: block; width: 46px; height: 140px; position: absolute; top: 20%; z-index: 10; cursor: pointer;}
		.bannerBox .flex-direction-nav .flex-prev { background:url('images/prev_button.png') no-repeat; position: relative; margin-top: 10%;  left: 0px; float:left;}
		.bannerBox .flex-direction-nav .flex-next { background:url('images/next_button.png') no-repeat; position: relative; margin-top: 10%;  right: 0px; float:right; text-align: right; }


	/* ### content container ### */
	#contentCntr { padding-top:64px; padding-bottom:50px; margin:0 auto;  width: 984px; position: relative;}
	
    .textBox h1 { padding-top: 5px; padding-bottom:21px; font-size:40px; color:#000000; font-family: 'helvetica_neue_lt_std87HvCn'; font-weight: normal; line-height:normal; }
	.textBox p { padding-bottom:10px; line-height:23px;}
	.page-template-about-page-php .textBox h1 { padding-bottom:45px; }
	
	.vidooBox { margin-bottom:35px; width:960px; padding: 0; max-width: 100%; overflow:hidden;}
	
		/* ### detail box ### */
		.detailBox { padding: 0px 30px 0 0; width: auto; overflow: hidden; }
		.detailBox p { font-size: 16px; line-height: 23px; color: #484848; }
		.detailBox ul { padding: 60px 0 0 0; list-style: none; overflow: hidden; }
		.detailBox li {  padding: 0 0px 0px 0px; float: left; border-left: 1px solid #dedede; }
		.detailBox h2 { padding-top:30px; padding-bottom: 21px; font-size: 35px; line-height: 40px; color: #25afd3; font-family: 'helvetica_neue_lt_std87HvCn'; font-weight: normal; }
		.detailBox li.net_1 h2 , .detailBox li.net_2 h2 { padding-top:0px;}
		.detailBox li.net_1 .txt, .detailBox li.net_2 .txt { border-top:none;}
		.detailBox li.border { padding-left: 0px; border-left: 0px; }
		.detailBox li.border .txt { margin-left: 0px; margin-right: 32px; padding-left: 0px; }
		.detailBox ul.system, .detailBox ul.billing { padding: 0px 0 0 10px; }
		.detailBox ul.pay { padding: 0px; }
		.detailBox ul.system li, .detailBox ul.pay li, .detailBox ul.billing li { padding: 0px 7px 10px 0; width: auto; border: 0px; }
		.detailBox li p { padding-bottom: 23px; letter-spacing: 0.01em; }
		.detailBox li p.gap { padding: 0px; } 
		.detailBox li .txt { margin-left: 20px; padding: 0 70px 5px 40px; min-height: 385px; width: 321px; border-top: 1px solid #dedede; }
		.detailBox li .txt p {width: 383px;}
		.detailBox li.two h2 { padding-bottom: 16px; color: #24ab4a; }
		.detailBox li.three h2 { color: #dc7db3; } 
		.detailBox li.four h2 { color: #fccc2b; }
		.detailBox ul.system { padding-top: 10px; }  
		.detailBox img.country { margin-left: 8px; }
		.detailBox ul.billing li { padding-right: 10px; padding-bottom: 17px; } 
		
		
		/* ### product box ### */
			.productBox { padding: 0px 0 0 0; width: 100%; }
			.productBox h1 { padding-bottom: 8px; line-height: 50px; color: #000; font-size: 40px; font-family: 'helvetica_neue_lt_std87HvCn'; font-weight: normal; }
			.productBox p { color: #484848; font-size: 16px; line-height: 20px; }
			.productBox .product { padding: 65px 0 33px; float: left; border-bottom: 1px solid #dedede; width: 100%; position: relative;  }
			.productBox .product img { float: right; }
			.productBox .product .text { width: 293px; position: absolute; left: 0px; /*top: 20%;*/ }
			.productBox .text h3 { padding-bottom: 8px; color: #229f48; font-size: 41px; font-family: 'helvetica_neue_lt_com67MdCnOb'; font-weight: normal; line-height: 50px; }
			.productBox .text p { color: #229f48; line-height: 18px; font-family: 'helvetica_neue_lt_com57CnOb'; font-size: 15px; }
			.productBox .product2 { padding: 55px 0 39px 0; }
			.productBox .product2 .text { top: 12%; }

			.productBox .product3 { padding: 55px 0 0px 0; }
			.productBox .product3 .text { top: 8.5%; }

			.productBox .last { padding: 32px 0 0px 0; border: none; }
			.productBox .product4 .text { /*top: 30%;*/ }
			.productBox .product4 img { margin-right: -15px; }
		
	
	.bothSise .textBox { width:687px; float: left;}
	.bothSise .textBox .download { margin-top:10px; padding:0 33px 0 25px; height:50px; line-height:50px; display: -moz-inline-stack;
        display: inline-block; background:#e1e1e1; font-size:18px; color:#252525; text-decoration:none; border-radius:10px;  font-family: 'helvetica_neue_lt_st97BlkCnOb'; font-weight:normal;}
	.bothSise .textBox .download:hover { background:#252525;  color:#e1e1e1;}
	.bothSise .textBox .Post_title h1 { width:58%; float:left; font-family: 'helvetica_neue_lt_std87HvCn'; font-weight: normal; }
	.bothSise .textBox .Post_title h3 { width:100%; font-size:25px; line-height:30px; color:#222; vertical-align: top;margin-bottom: 20px;}
	.bothSise .textBox .Post_title ul {  width:200px;  list-style:none; margin-top: 27px;margin-right: 20px;}
	.bothSise .textBox .Post_title ul li {  font-size:15px; line-height:23px; color:#aaaaaa;  }
	.bothSise .textBox .postBox { padding-bottom:40px; margin-bottom:40px; border-bottom:solid 1px #dedede; border-right:solid 1px #dedede; background-color: #fcfcfc; padding: 20px;}
	.bothSise .textBox .postBox .more-link { font-size:16px; line-height:23px; color:#dc7fb4; }
	.bothSise .textBox .postBox .more-link:hover { color:#000;}
	

	.textBox ul.carrer { list-style:none; width:100%; overflow:hidden; margin-top:15px; }
	.textBox ul.carrer li { float:left; margin-right:35px; font-size:18px; line-height:25px; font-weight:bold; color:#484848; }
	.textBox ul.contactf { list-style:none;  margin-bottom:17px; }

	table.vacancy { width: 100%; }
	table.vacancy th { text-align: left; font-size: 18px; font-weight: bold; line-height: 25px; }
	table.vacancy th.date { width: 150px; }
	table.vacancy th.source { width: 200px }

	.single-vacancies .textBox ul {
		list-style-type: disc;
		margin-left: 15px;
		margin-bottom: 30px;
	}

	.single-vacancies .textBox button {
		background-color: #e1e1e1;
		color: #000000;
		font-weight: bold;
		border-radius: 5px;
		border: 0;
		padding: 10px 20px;
		font-style: italic;
		font-size: 14px;
	}


	.textBox .contactf li { float:left; margin-bottom:17px; margin-right:19px; }
	.textBox .contactf li.last { margin-right:0px; }
	.textBox .contactf .wpcf7-text { padding:0 8px 0px 22px; width:300px; height:41px; background:#FFFFFF; font-style:italic; font-size:18px; color:#808080; }
	.textBox .wpcf7 textarea {  padding:10px 8px 0px 22px; width:650px; height:191px; font-style:italic;}
	.textBox .wpcf7 .wpcf7-not-valid { width:297px; border:solid 3px #ff0000; background:#ffe5e5; color:#8d7373;}
	.textBox .wpcf7 .wpcf7-textarea.wpcf7-not-valid {width:649px;}
	.textBox .wpcf7 .wpcf7-not-valid-tip { display:none; }
    .textBox .wpcf7 .Category li , .textBox .wpcf7 .Kategorie li { float:none; margin-bottom:0px; margin-right:0px;}
	.textBox .wpcf7 span { font-size:15px; line-height:31px; color:#dc7fb4; font-style:italic; }
	.textBox .wpcf7 .wpcf7-submit { text-transform:uppercase; cursor:pointer; border:none;  padding:0 55px 0 58px; height:50px; line-height:50px; display: -moz-inline-stack;
display: inline-block; background:#e1e1e1; font-size:24px; color:#252525; text-decoration:none; border-radius:10px;  font-family: 'helvetica_neue_lt_st97BlkCnOb'; }
	.textBox .wpcf7 .wpcf7-submit:hover { background:#252525;  color:#e1e1e1;}
	.textBox .wpcf7 span.Category, .textBox .wpcf7 span.Kategorie { font-style:normal; }
	.textBox .wpcf7 span.Category .dk_container , .textBox .wpcf7 span.Kategorie .dk_container { border-radius:0px; background:#FFFFFF; margin-bottom:0px; margin-right:0px; float:none;}
	.textBox .wpcf7 .dk_toggle.dk_label { padding-left:22px;font-size:18px; color:#808080; font-weight:normal; width:263px!important; border:0px;  font-family: 'helvetica_neue_lt_std65Md';  }
	.textBox .wpcf7 .dk_focus .dk_toggle.dk_label{ color:#000!important;}
	.textBox .wpcf7 ul.dk_options_inner { border-top:solid 5px #dc7fb4; padding-bottom:10px;}
	.textBox .wpcf7 ul.dk_options_inner li { margin-top:3px;}
	.textBox .wpcf7 .dk_options a { border:0px; padding:0 0 0 22px; font-size:18px; color:#000;   font-family: 'helvetica_neue_lt_std65Md';}
	.textBox .wpcf7 .dk_options a:hover { color:#dc7fb4; background:none; text-shadow:none; } 
	.textBox .wpcf7 li.dk_option_current a,.textBox .wpcf7 li.dk_option_current a:hover { color:#FFFFFF; background:#dc7fb4; text-shadow:none;} 
	
	
	.bothSise .rightBox { margin-top: 75px; min-height:272px; padding-left:18px; float:right; width:260px; border-left:solid 1px #dedede; }
	.bothSise .rightBox h2 { font-size:28px; line-height:31px; color:#aaaaaa; }
	.bothSise .rightBox ul { list-style:none; }
	.bothSise .rightBox li a { font-size:18px; color:#484848; text-decoration:none; line-height:30px;}
	.bothSise .rightBox li.menu-item-has-children li a {color:#484848;}
	.bothSise .rightBox li a:hover, .bothSise .rightBox li.current-menu-item a, .bothSise .rightBox li.menu-item-has-children li a:hover, .bothSise .rightBox li.menu-item-has-children li.current-menu-item a { color:#25afd3;}
	.bothSise .rightBox li ul { margin-left:15px;}
	.bothSise .rightBox li ul li a { font-size:15px;}
	.bothSise .rightBox .widget_jal_widget h2 { display:none;}
	.bothSise .rightBox .widget_jal_widget .jaw_years { margin-bottom:35px;font-size:28px; line-height:31px; color:#aaaaaa; font-weight:bold; }
	.bothSise .rightBox .widget_jal_widget li ul { margin-left:0px;}
	.bothSise .rightBox .widget_jal_widget li li a { font-size:18px; color:#484848; text-decoration:none; line-height:30px;}
	.bothSise .rightBox .widget_jal_widget li li a:hover, .bothSise .rightBox .widget_jal_widget li li.active a {color:#25afd3;}
	
		
	/* ### footer container ### */
	#footerCntr { position:fixed; bottom:0px; padding:8px 0 6px 0px; overflow: hidden; width: 100%; background:#FFFFFF; z-index: 100000000000;}
	.footerBox { width:984px; margin:0 auto;display: table;}
	.footerBox p { display: table-cell; vertical-align: middle; float:left;  color:#a3a3a3; font-size:15px; line-height: 15px; text-transform:uppercase;  font-family: 'helvetica_neue_lt_pro67MdCn', Helvetica, Arial;}
	.footerBox .socialIcon {vertical-align: middle;
        display: -moz-inline-stack;
        display: inline-block;
        margin-right: 2px;
    }
	.footerBox .lang { float:right; }
	.footerBox .lang ul { list-style:none;}
	.footerBox .lang li { float:right; margin-right:5px; }
	.footerBox .lang li:first-child { padding-left:10px;  background:url(images/sep.jpg) left center no-repeat; }
	.footerBox .lang a { text-transform:uppercase; font-size:16px; color:#828283; text-decoration:none;   font-family: 'helvetica_neue_lt_pro67MdCn';}
	.footerBox .lang a:hover, .footerBox .lang li.active a { color:#252525; text-decoration:underline; }

 
/* Begin Images */
p img { padding: 0;}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
.commentlist li,
#commentform input,
#commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite,
.commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar #prev a,
#wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */


@media only screen and (max-width: 1400px) {

.slideText {
    padding: 15px;    
    font-size: 20px;
    line-height: 26px;
}
    
}


@media only screen and (max-width: 999px) {


.irFrame {
    -ms-zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0; 
}
.detailBox li .txt p {width: 100%;}

.slideText {    
    padding: 12px;
    font-size: 15px;
    line-height: 21px;
}

.frontWidgetCell {
    height: 160px;
}

.frontWidgetNumber {
    font-size: 50px;
    line-height: 50px;    
}

.frontWidgetMetric {
    margin: 0 30px;
    font-size: 15px;
    line-height: 15px;
}


#headerCntr { margin: 0 15px; width: auto; }
.bannerBox .flex-direction-nav .flex-prev { background:url('images/prev_button.png') center no-repeat; margin-top: 11%; height: 80px; }
.bannerBox .flex-direction-nav .flex-next { background:url('images/next_button.png') center no-repeat; margin-top: 11%; height: 80px; }


#contentCntr { margin: 0 15px;  width: auto; }
.textBox h1 { font-size: 30px; padding-bottom: 21px; }
.page-template-about-page-php .textBox h1 { padding-bottom: 21px; border-bottom: transparent solid 1px; }
.textBox { font-size: 15px; }

.detailBox li.border .txt { width: auto; }
.detailBox li { width: 48%; margin-bottom: 10px; }
.detailBox li .txt { padding: 0px; width: auto; min-height: 485px;}
.detailBox li.border .txt { padding: 0px; }
p img { max-width: 100%; height: auto; }
.detailBox p { font-size: 15px; }
.detailBox h2 { font-size: 30px; }
.productBox .product img { max-width: 100%; height: auto; margin-top: 40px; }

.bothSise .textBox { width: 70%; }
.bothSise .rightBox { width: 25%; }
.textBox iframe { margin-top: 100px; }
.textBox table { max-width: 100%; width: auto; }
.textBox table td { padding: 0 10px 5px 0; }

.textBox .contactf .wpcf7-text { width: 215px; }
.textBox .wpcf7 .dk_toggle.dk_label { width: 180px !important; }
.textBox .wpcf7 textarea { width: 480px; }
.textBox p img { max-width: 95%; height: auto; }

.vidooBox .video-js { width: 100% !important; }
.vidooBox .vjs-default-skin .vjs-big-play-button { left: 48% !important; }
.video-js .vjs-tech { background: #f5f5f5; }

.footerBox { width: 100%; margin: 0; }
	
}

@media only screen and (max-width: 767px) {


.irFrame {
    -ms-zoom: 0.5;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.5);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0; 
}


.slideText {    
    font-size: 12px;
    line-height: 14px;
    padding: 8px;
    z-index: 1;
}

.bannerBox {
    z-index: 2;
}
.featured_image {
/*     padding-top: 50px!important; */
    z-index: 0;
    overflow-x: hidden;
}
.featured_image img {
    margin-left: -25%!important;
    width: 150%!important;
    max-width: 150%; 
}
.featured_image_front {
    width: 100%;
}

body { background: #f5f5f5 url(images/body_bg1.png) top center repeat-x; }
#headerCntr { margin: 0px; z-index: 1000; height: 125px; }
#headerCntr a.logo { left: 15px; top: 20px; }
.menuBox { width: 100%; top: 125px;}
.menuBox a.menus { position: absolute; right: 15px; top: -40px; font-size: 0px; display: block; width: 36px; height: 36px; text-indent: -9999px; background: url('images/menu-icon.png') center no-repeat; }
.menuBox ul { display: none; overflow: hidden; width: 100%; background: #333; }
.menuBox li { padding: 0px; margin: 0px; float: none; width: 100%; border-bottom: #FFF solid 1px; }
.menuBox li a { padding: 5px 15px; display: block; color: #FFF; }

.vidooBox .video-js { height: 250px !important; }

#contentCntr { padding-top: 30px; }
.productBox .product img { margin-top: 80px; }
.bothSise .textBox .Post_title h3 { width: auto; }
.bothSise .rightBox li a { font-size: 16px; }

.textBox .contactf .wpcf7-text { padding: 5px 3%; width: 92%; }

.textBox .contactf li { float: none; margin-right: 0px; }
.textBox .wpcf7 textarea { padding: 5px 3%; width: 92%; }
.textBox .wpcf7 .dk_toggle.dk_label { width: 85% !important; }
.textBox .wpcf7 #dk_container_Category { margin-right: 8px; }

}

@media only screen and (max-width: 639px) {
.bothSise .rightBox {
    margin-top: 0;
    float: none;
}
.slideText {    
    font-size: 11px;
    line-height: 13px;
    padding: 3px;
}

.frontWidgetCell {
    width: 50%;
    height: 130px;
}

.frontWidgetNumber {
    font-size: 30px;
    line-height: 30px;    
}

.bannerBox .flex-direction-nav .flex-prev { margin-top: 14%; height: 60px; }
.bannerBox .flex-direction-nav .flex-next { margin-top: 14%; height: 60px; }
.bannerBox .flex-control-nav.flex-control-paging { bottom: 15px; }

.detailBox { overflow: hidden; padding: 0; width: auto; }
.detailBox ul { padding: 30px 0 0; }
.detailBox li { padding: 0px; margin-bottom: 10px; width: 100%; border: 0px; }
.detailBox li .txt { min-height: 0; padding: 0; width: auto; margin: 0px; border: 0px; }
.detailBox h2 { padding-bottom: 15px; margin-bottom: 0px; padding-top: 15px; }

.productBox .product .text { width: auto; position: static; left: 0px; top: 0px; }
.productBox .product img { margin-top: 20px; }
.productBox .product { padding: 25px 0 33px; }

.bothSise .textBox { padding-bottom: 20px; overflow: hidden; width: 100%; float: none; }
.bothSise .rightBox { padding: 20px 0px 0px 0px; border: 0px; border-top: #ccc solid 1px; width: 100%; float: none; }

.textBox iframe { margin-top: 10px; }
.vjs-default-skin .vjs-big-play-button { display: none !important; }
.productBox .text h3 { font-size: 30px; line-height: 40px; }
}

@media only screen and (max-width: 479px) {

.footerBox .lang li {
    margin-right: 0;
}
.footerBox .lang li:first-child {
    padding-left: 8px;
}
.slideText {    
    font-size: 9px;
    line-height: 11px;
    padding: 3px;
}

.frontWidgetCell {
    width: 50%;;
    background-size: 70% auto;
}

#footerCntr {
    padding: 3px 0 0 0;
    height: 20px;
}
.footerBox p { font-size:11px; line-height: 11px;
    float: none;
    font-size: 9px;
}
.footerBox .socialIcon {
    vertical-align: middle;
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: 2px;
    margin-top: -2px;
    width: 15px;
}
.footerBox .lang {
    margin-top: -5px;
    margin-right: 10px;
}
.footerBox .lang a{
    font-size: 12px;
    line-height: 12px;
}
.bannerBox .flex-direction-nav .flex-prev { margin-top: 10%; height: 60px; }
.bannerBox .flex-direction-nav .flex-next { margin-top: 10%; height: 60px; }
.vidooBox .video-js { height: 160px !important; }
.textBox { font-size: 13px; }
.vidooBox { padding-bottom: 15px; }
.textBox h1, .detailBox h2 { font-size: 25px; }
.productBox .text h3 { font-size: 25px; line-height: 35px; }
.bothSise .textBox .Post_title h3 { font-size: 15px; }

.bothSise .rightBox .widget_jal_widget .jaw_years { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
.bothSise .rightBox .widget_jal_widget li li a { font-size: 15px; line-height: 20px; }
.textBox p img { max-width: 92%; }
.footerBox { margin: 0 8px; }
}