/*
	Styles for Changemaker Challenge
*/
/*
@font-face {font-family: Montserrat-Black;src: url('/fonts/Montserrat-Black.ttf');}
@font-face {font-family: Montserrat-Bold;src: url('/fonts/Montserrat-Bold.ttf');}
@font-face {font-family: Montserrat-Medium;src: url('/fonts/Montserrat-Medium.ttf');}
@font-face {font-family: Montserrat-Regular;src: url('/fonts/Montserrat-Regular.ttf');}
@font-face {font-family: Montserrat-Light;src: url('/fonts/Montserrat-Light.ttf');}
*/
@font-face {font-family: Montserrat-Black;src: url('/fonts/Gotham-Black.ttf'); format('truetype')}
@font-face {font-family: Montserrat-Bold;src: url('/fonts/Gotham-Bold.ttf'); format('truetype')}
@font-face {font-family: Montserrat-Medium;src: url('/fonts/Gotham-Regular.ttf'); format('truetype')}
@font-face {font-family: Montserrat-Regular;src: url('/fonts/Gotham-Regular.ttf'); format('truetype')}
@font-face {font-family: Montserrat-Light; src: url('/fonts/Gotham-Light.ttf'); format('truetype')}
@font-face {font-family: GothamItalic; src: url('/fonts/Gotham-LightItalic.ttf'); format('truetype')}
/*@font-face {font-family: Montserrat-Light;src: url('/fonts/Montserrat-Light.ttf');}*/

/*.it{font-family: GothamItalic;}*/

i{font-family: GothamItalic;}


*, *::before, *::after {
  	box-sizing: border-box;
  	padding:0; margin:0;
  	font-family:Montserrat-Medium, helvetica, arial;
}
* img{width:100%}

body{background-color: #d5ebfc;margin:0;padding:0}
* a{text-decoration:none;color:#000}

#maincontainer_home{
 	width:100%;
 	padding: 0 10px;
 	min-height: 500px;
	background-color:#d5ebfc;
}


#maincontainer{
 	width:100%;
 	margin-top:160px;
 	padding: 0px;
	background-color:#d5ebfc;
}


.cc-inpt{width:100%;border: 1px solid #666; padding:10px;margin:5px 0}
.cc-inpt-short{width:50%;border: 1px solid #666; padding:10px;margin:5px 0}
.cc-inpt-country{width:100%;border: 1px solid #666; padding:10px;margin:5px 0; color:#666666}
.cc-inpt-birth-select{color:#666666}
.cc-btn{
	font-family: Montserrat-Light;
	padding:10px 20px;  
	font-size: 1.2em; 
	color:#fff; 
	background-color: #c63c8d; 
	border:0; 
	min-width:100%;
	cursor:pointer;
	margin: 10px 0;
}
.cc-btn:hover{background-color: #d66cad;}


#pagehead_home{
	/*overflow: hidden;*/
	position:relative;
	width:100%;
	top:0;
	text-align:center;
 	background: rgb(50,82,154);
	background: linear-gradient(0deg, rgba(50,82,154,1) 0%, rgba(24,51,133,1) 100%);
 	border-bottom:1px solid #000;
	height: 302px;
	color:#ffffff;
	z-index:1;
	font-size:2.2em;
	line-height:1.4em;
}
#pagehead-home-image{position: relative; width:1060px; margin:0 auto;}
#pagehead-home-image-mob{position: relative; width:200px; margin:0 auto;}

#pagehead{
	/*overflow: hidden;*/
	position:fixed;
	width:100%;
	top:0;
	font-family:Montserrat-Bold;
	font-size:2.6em;
	padding:25px 10px 25px 10px;
	text-align:center;
 	background: rgb(50,82,154);
	background: linear-gradient(0deg, rgba(50,82,154,1) 0%, rgba(24,51,133,1) 100%);
 	border-bottom:1px solid #000;
	height: 160px;
	
	color:#fced4f;
	z-index:1;
	line-height:1.2em;
}
.pagehead-bold{font-family:Montserrat-Black; color:#fced4f; font-size:1.6em; letter-spacing:0em}

#pagehead-image{position: absolute; max-width:140px; left:200px; top:41px;}

.letter{font-family:Montserrat-Black; color:#ffffff; font-size:1.2em; letter-spacing:-0.15em;}
.no_1{ transform: rotate(356deg); -ms-transform: rotate(356deg); -webkit-transform: rotate(356deg); display: inline-block;}
.no_2{}
.no_3{transform: rotate(357deg); -ms-transform: rotate(357deg); -webkit-transform: rotate(357deg); display: inline-block;}
.no_4{transform:translate(0px,-3px); display: inline-block;}
.no_5{ transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); display: inline-block}
.no_6{}
.no_7{transform: rotate(4deg); -ms-transform: rotate(4deg); -webkit-transform: rotate(4deg); display: inline-block;}
.no_8{transform: rotate(353deg); -ms-transform: rotate(353deg); -webkit-transform: rotate(353deg); display: inline-block;}
.no_9{}

#pagefoot{position:relative;min-height:300px; font-family:Montserrat-Light;background-color: #653670; color:#fff; padding:60px 120px; font-size:0.8em}
#si_logo{display:inline-block; width:150px;margin:10px 0}
#pkl_logo{display:inline-block; width:80px;margin:10px}
#sr_logo{display:inline-block; width:180px;margin:10px}
#wcpf_logo{position:absolute; width:100px; right:140px;top:60px}

.current_user{font-size:0.7em}
#location_str{font-family: Montserrat-Light;font-size:0.8em; width: 100%; margin-left:60px; padding:20px 0;}
#menuicon{font-family: Montserrat-Light;position:absolute;top:15px;right:120px;font-weight:normal;color:#fff; cursor:pointer;z-index:100}

.navigate{position:absolute; display:none;  left:-200px; top:30px; }
.nav-visible{display:block;}

/*.lang2{position:fixed;height:15px;top:85px;right:200px;background-color:#000fff}*/

#langicon{position:absolute;top:47px;right:180px; height:35px;background-color:#d5ebfc; min-width:125px; padding:5px; 10px; border-radius:20px; z-index:50; overflow:hidden}
#langicon-sub{position:absolute;top:30	px;right:180px; height:35px;background-color:#d5ebfc; min-width:125px; padding:5px; 10px; border-radius:20px; z-index:50; overflow:hidden}
#langbuttontext{display:inline;font-size:0.9em;position:absolute;left:40px;top:9px}
#langglobeicon{display:inline;position:absolute;left:10px;top:6px}
.langmenu{display:none;position:absolute;height:15px;top:75px;right:185px;background-color:#ffaa00;line-height:0.3em;text-align:left;padding:0;width:100px;z-index:51}

.lang-visible{display:block;z-index:51}
.langmenu ul{list-style:none;border-top:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff;}
.langmenu li{padding:0;color:#000;font-size:13px;font-weigh:bold;padding:10px ;width:98px;height:30px;border-bottom:1px solid #fff;background-color:#d5ebfc;}
.langmenu li a{font-family: Montserrat-Bold;}
.langmenu li:hover{background:#fff}



#globeinmenu{position:absolute;left:15px;top:7px}

#menu{
	text-align:left;
	border-top:2px solid #071c3a;
	border-right:2px solid #071c3a;
	border-left:2px solid #071c3a;
	list-style:none;
}
#menu li{
	font-family:Montserrat-Bold, helvetica, arial;
	border-bottom:2px solid #071c3a;
	padding:12px 15px 12px;
	min-width:180px;
	font-size:0.4em;
	font-weight:bold;
	line-height:1.4em;
	color: #000;
	background-color:#fff;
}
#menu li.langbt{position:relative;padding-left:45px}
#menu li a{font-family: Montserrat-Bold; text-decoration:none;color:#071c3a}


h5.currentstep{font-family:Montserrat-Light;font-size:1em;color: #a326b2;}
h3.currentstep_part{font-family:Montserrat-Light;font-size:1.8em;color: #000; margin:40px 0 20px}

.textblock{font-family: Montserrat-Light;margin: 20px 0;}
.textblock p{font-family: Montserrat-Light;margin:20px 0;line-height:1.4em}
.textblock p i{font-family: Montserrat-Light;margin:20px 0;line-height:1.4em}

.textblock h4{font-family: Montserrat-Regular;margin:0 0 10px}
.textblock h3{font-family: Montserrat-Regular;margin:0 0 10px}
.textblock ul{font-family: Montserrat-Light;margin: 0 0 0 18px;}
.textblock ul li{font-family: Montserrat-Light;margin: 10px 0 0 0; line-height:1.4em}

textarea.usercomment{width:100%;height:150px;padding:5px;font-size:1em;border:1px solid #ddd;background:#fcfcfc;}

#progressbar-bg{position:relative;margin-top:10px;background-color:#EFEFEF; height:15px; width:100%; /*max-width:300px;*/ border-radius:7px}
#progressbar{position:absolute;left:0;top:0;background-color:#1f3581; height:15px; border-radius:7px}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  position:relative;
  /*background-color: #b5e1c7;*/
  background-color: #653670;
  font-family: Montserrat-Light;
  /*color: #367c3f;*/
  color: #ffffff;
  font-size: 0.9em;
  cursor: pointer;
  padding: 18px;
  padding-right:40px;
  padding-left: 40px;
  width: 100%;
  max-width:400px;
  text-align: left;
  border: none;
  border-bottom:3px solid #d5ebfc;
  z-index:0;
  outline: none;
  transition: 0.4s;
}
.active{
	color: #FFF;
	/*background-color: #a326b2;*/
	background-color: #c63c8d;
	border-bottom: 0;
}
.checkdot{
  display:block;
  position:absolute;
  top:15px;
  left:10px;
  height:20px;
  width:20px;
  background-color:white;
  border-radius:50%;
}
/* Style the accordion panel. Note: hidden by default */

.panel{
  position:relative;
  padding:0;
  max-height: 0;
  max-width:400px;
  overflow: hidden;
  /*color: #a326b2;*/
  color:#ffffff;
  transition: max-height 0.2s ease-out;
}
.arrow {
  display: inline-block;
  position:absolute;
  right:20px;
  top:20px;
  width: 10px;
  height: 10px;
  /*border-top: 2px solid #367c3f;
  border-right: 2px solid #367c3f;*/
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  margin-left:20px;
  transform: rotate(135deg);
 }
 
 .menuicon {
  display: inline-block;
  position:absolute;
  right:12px;
  top:12px;
  width: 80px;
  height: 40px;
  font-size:0.7em;
  /*background-color:#cccccc;*/
  text-align:right;
 /* z-index:3;*/
  /*margin-left:20px;*/
  
 }
 
 .typeicon{
 	position:absolute;
 	right:50px;
 	top:35px;
 	max-width:40px;
 }
 
 .stepchecked{
 	position:absolute;
 	left:12px;
 	top:17px;
 	
 }
 
 .headstepchecked{
 	position:absolute;
 	left:10px;
 	top:20px;
 	z-index:10;
 }
 
.arrow-up {
  top:25px;
  padding-top: 5px;
  border-color: #FFF;
  transform: rotate(-45deg);
  
}

.panel ul{list-style:none;margin:0;padding:0}
.panel ul li{
  position:relative; /*/added 240106*/
  font-family: Montserrat-Light;
  padding: 15px 60px 15px 40px;
  margin:auto;
  max-height:100px;
  min-height:50px;
  color:#000000;
  background-color: #ffffff;
  overflow: hidden;
  border-bottom:1px solid #c63c8d;
}

.panel ul li:last-child {
  border-bottom: 3px solid #fff;
}

li a {font-family: Montserrat-Light; text-decoration:none;/*color: #a326b2;*/ color: #000000;}

.maincontent{display:flex; background-color:#d5ebfc; margin:0 60px; margin-bottom:30px}
.maincontent-login{display:block;background-color:#d5ebfc; margin:0 30px; margin-bottom:30px;min-height:400px}

.contentleft{width:100%; max-width:350px; min-width:280px; margin-right:40px; background-color:#d5ebfc;}
.contentcourse{width:100%; max-width:350px; min-width:280px; margin-right:40px; background:#fff}
.contentcourse_right{position:relative; width:100%; max-width:900px; min-width:357px; padding:0 50px; background:#fff}
.contentright{position:relative;width:100%; max-width:900px; min-width:340px; padding:0 50px; background:#fff;}
.contentcenter{ width:80%; max-width:500px; min-height:350px; margin: 50px auto; text-align:center;}
.contentright p{font-family:Montserrat-Light;margin:0 0 20px}

.contentcenter p{font-family:Montserrat-Light;text-align:center}
.contentcenter h1{font-family:Montserrat-Bold; font-size:2.2em}
.contentleft-head{font-family: Montserrat-Light;background-color: #fff; padding:18px;}

.cc-accessbox{margin:0 auto;max-width:400px;background-color:white; border:1px solid #000; padding:20px; border-radius:5px; min-height:400px;text-align:center}
.cc-accessbox-blue{margin:0 auto;max-width:500px; padding:20px; min-height:400px;text-align:center}
.cc-accessbox-wide{margin:0 auto;max-width:800px;background-color:none}
.cc-loginheader-main{color:#000;width:100%;background-color:transparent;text-align:center;font-size:1.2em;padding-bottom:20px}
.cc-loginheader{font-family:Montserrat-Bold;color:#000;width:100%;background-color:transparent;border:0;font-size:1em;padding:10px 0}
.cc-loginbox{display:inline;float:left;max-width:350px; margin:0 20px;padding-bottom:20px;min-height:150px}
.cc-reg-account{clear:left;width:100%;background-color:none;text-align:center;padding-top:20px}
.cc-link{color:blue;text-decoration:underline}
.cc_home_text{margin: 0 auto; width:75%; line-height:1.4em}
.cc_home_text h1{ line-height:1.1em;margin-bottom:10px}

.imgtext{font-family:Montserrat-Medium;margin:5px 0 20px; font-size:0.8em}

.cc_home_buttons{display:flex; justify-content: center}
.cc_home_buttons div{width:150px; margin:10px 20px 10px}
#start_btn{font-family:Montserrat-Bold;background-color:#64b32a; padding:45px 0;color:#fff;width:160px;height:160px;border:10px solid #a0bedc;border-radius:100px;font-size:0.8em}
#cc-start-img{margin:20px auto; max-width:200px;}
#cc-start-img-mob{margin:20px 0; }
.cc-start-btn-mob{width:150px;margin:0 10px}
#quiz_total_result{margin:40px 0 20px}

.cc_form{margin:20px 0}
.cc_chk_img_question{
	font-family: Montserrat-Bold;
	font-size: 1.5em;
	background: #ffffff;
	padding:0px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.cc_chk_img{
	display:flex;
	flex-wrap: wrap;
	/*column-count: 3;*/
	/*column-gap: 40px;*/
	background: #fff;
	padding:0;
}
.cc_chk_img_item{min-width:100px;max-width:230px; margin:10px 25px 25px 0; background: #ddd;}
.cc_chk_img_question{font-family:Montserrat-Light;font-size:0.9em}
.selectable_img{cursor:pointer}

.cc_range_form_item{
	display:flex;
	flex-wrap: wrap;
	margin:20px 0;
	background: #f6f8fb;
	padding:30px;
}
.cc_range_form_item_img{
	margin-right:10px;
	width:25%;
}
.cc_range_form_item_question{
	font-size:1.5em;
	font-weight:bold;
	width:70%;
}
.cc_range_form_item_slider{
	width:100%;
}


.cc_submit_btn{
	font-family: Montserrat-Light;
	padding:10px 20px;  
	font-size: 1.2em; 
	color:#fff; 
	background-color: #c63c8d; 
	border:0; 
	cursor:pointer;
	margin: 20px 0;
}
.cc_submit_btn:hover{background-color: #d66cad;}

.cc_submit_btn_complete{
	
	font-family: Montserrat-Light;
	padding:10px 20px;  
	font-size: 1.2em; 
	color:#fff; 
	background-color: #0a0; 
	border:0; 
	cursor:pointer;
	margin: 20px 0;
	
}
.cc_submit_btn_complete:hover{background-color: #0b0; }
.cc_div_submit_btn_container{position:relative}
.cc_div_submit_btn_medal{position:absolute; top:10px; right:-40px;width:80px}
.cc_div_submit_btn_medal_quiz{position:absolute; top:140px; right:100px;width:80px}


.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  margin:20px 0;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%; 
  background: #04AA6D;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #04AA6D;
  cursor: pointer;
}

.cc_quiz_question{
	font-family: Montserrat-Bold;
	font-size: 1.5em;
	margin:30px 0 30px 0;
	padding:20px 30px;
	background: #b9d79c;
}
.cc_quiz_question:nth-child(even of .cc_quiz_question) {background: #b9d79c}
.cc_quiz_options{
	font-family: Montserrat-Light;
}

.cc_quiz_option_line{ display:flex;flex-wrap:nowrap;width:100%;margin-bottom:10px;padding-right:5px}
.cc_quiz_option_radio{padding:1px 10px 0 10px;max-width:40px;}
.cc_quiz_option_question{font-family: Montserrat-Light; width:100%; cursor:pointer}

.cc_input_question{font-family:Montserrat-Bold;font-size:1.2em}

.cc_quiz_result_comment{font-family: Montserrat-Light;margin-top:20px}


/* */
/* Style the buttons that are used to open and close the accordion panel */
.drophead {
position:relative;
  font-family: Montserrat-Bold;
  font-size: 1.2em;
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  border-top:1px solid #aaa;
  outline: none;
  transition: 0.4s;
}


/* Style the accordion panel. Note: hidden by default */
.droppanel {
  padding: 0 18px;
  background-color: #ffffff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.droppanel p{
	margin:10px 0;
}

.droppanel ul li{
	margin:10px 0;
}


.d_arrow {
  display: inline-block;
  position:absolute;
  right:20px;
  top:20px;
  width: 15px;
  height: 15px;
  border-top: 2px solid #367c3f;
  border-right: 2px solid #367c3f;
  margin-left:20px;
  transform: rotate(135deg);
 }
 
.d_arrow-up {
  top:25px;
  padding-top: 5px;
  border-color: #000;
  transform: rotate(-45deg);
  
}



@media only screen and (max-width:600px) {
	
	
	#pagehead-image{display:none}

	/*#cc-start-img-mob{display:block}
	#cc-start-img{display:none}*/
	.cc_chk_img_item{min-width:100px;max-width:300px; margin:10px 10px 25px 0; background: #fff;}
	
	
	#maincontainer{padding:0;margin:0}
	.maincontent{margin:10px; padding:0;}
	.contentright{margin:0}
	
	.cc-btn{font-size:0.7em}
	.cc_submit_btn{font-size:0.7em}
	.cc_submit_btn_complete{font-size:0.7em}
	#location_str{margin:0 15px}
	
	.cc-loginbox{margin:0;}
	#langicon{min-width:90px;top:10px;right:40px;height:25px; }
	/*#langbuttontext{overflow:hidden; max-width:3ch; white-space: nowrap;}*/
	
	
}


@media only screen and (max-width:800px) {
	
	/*#cc-start-img-mob{display:none}
	#cc-start-img{display:block}*/
	.cc-start-btn-mob{width:100px}

	.cc_chk_img_item{min-width:100px;max-width:200px; margin:10px 10px 25px 0; background: #fff;}
	
	#maincontainer{padding:0;margin:0;margin-top:100px;}
	
	.maincontent{margin:10px; padding-bottom:10px}
	
	#pagehead{font-size:1.9em;padding:28px 10px 25px 10px; height: 110px;}
	#pagehead-image{max-width:100px; left:30px; top:25px;}
	
	#menuicon{top:35px;right:30px;}
	
	#location_str{margin-left:0}
	#pagefoot{ padding:20px;}
	
	#wcpf_logo{position:relative;display:inline-block;width:70px;right:0;top:0px;margin-top:10px;margin-left:10px}
	
	.letter{font-size:1.2em}
	.contentleft{display:none}
	.contentright{padding:0 20px; background:#fff}
	
	.textblock p{font-family: Montserrat-Regular;margin:10px 0;line-height:1.5em}
	
	.contentcourse_right{display:none}
	.contentcourse{margin-right:0;}
	.cc_range_form_item_question{font-size:1em}
	/*
	
	#pagehead-image{max-width:80px; left:70px; top:45px;}
	*/
	.cc_range_form_item_slider{font-size:0.8em}
	#pagehead_home{height:217px;margin:0}
	
	#pagehead-home-image{display:none;position: relative; width:345px; margin:0 auto 0;}
	#pagehead-home-image-mob{display:block;position: relative; width:300px; margin:0 auto 0; padding:55px 0}
	
	
	.contentcenter{ margin: 10px auto; padding:0}
	.cc_home_text{margin: 0 auto; width:100%;}
	
	
	.contentcenter h1{font-size:1.8em}
	
	 .typeicon{right:20px; top:20px; max-width:20px;}
	 #location_str{margin:0 15px}
	#langicon-sub{display:none}
	
	#langbuttontext{max-width: 2ch; white-space: nowrap;}
	
	#langicon{min-width:60px;top:20px;right:60px;height:29px;}
	#langbuttontext{overflow:hidden;max-width: 3ch; text-overflow: ellipsis; white-space: nowrap; top:6px; left:25px;}
	#langglobeicon{top:3px;left:4px;}
	
	/*
	#langicon{position:absolute;top:47px;right:180px; height:35px;background-color:#d5ebfc; min-width:125px; padding:5px; 10px; border-radius:20px; z-index:50; overflow:hidden}
	#langbuttontext{display:inline;font-size:0.9em;position:absolute;left:40px;top:9px}
	#langglobeicon{display:inline;position:absolute;left:10px;top:5px}
	
	*/
	 
	 .cc_home_buttons div{width:100px;margin:30px 20px;padding:0;}
	 .langmenu{right:30px;top:50px}
	 .langmenu ul{border-top:1px solid #000;border-right:1px solid #000;border-left:1px solid #000;}
	 .langmenu li{background:#fff;border-bottom:1px solid #000;}
	 #menuicon{top:6px;right:20px;}
	 
	 #cc_home_text_content{display:none}
 
}



@media only screen and (min-width: 801px) and (max-width:1000px) {
	/*#cc-start-img-mob{display:block}
	#cc-start-img{display:none}*/
	
	
	#pagehead-image{max-width:110px; left:50px; top:45px;}
	#pagehead-home-image-mob{display:none;}
	.cc_chk_img_item{min-width:100px;max-width:200px; margin:10px 10px 25px 0; background: #fff;}
	.contentleft{display:none}
	.contentcourse_right{display:none}
	.contentcourse{margin-right:0;}
	.cc_range_form_item_question{font-size:1em}
	#location_str{margin:0 15px 0 10px; }
	/*#langicon{display:none}*/
	
	#langicon{min-width:60px;top:22px;right:53px;height:28px;}
	#langbuttontext{overflow:hidden;max-width: 3ch; text-overflow: ellipsis; white-space: nowrap; top:6px; left:25px;}
	#langglobeicon{top:3px;left:4px;}
	
	
	 .langmenu{right:30px}
	  .langmenu ul{border-top:1px solid #000;border-right:1px solid #000;border-left:1px solid #000;}
	 .langmenu li{background:#fff;border-bottom:1px solid #000;}
	#menuicon{top:35px;right:30px;}
	#langicon-sub{display:none}
	
	#cc_home_text_content_mob{display:none}
}

@media only screen and (min-width: 1001px) and (max-width: 1400px) {
	/*#cc-start-img-mob{display:none}
	#cc-start-img{display:block}*/
	
	#pagehead-home-image-mob{display:none;}
	
	.cc_chk_img_item{min-width:100px;max-width:100px; margin:10px 10px 25px 0; background: #fff;}

	.cc_chk_img_item{min-width:100px;max-width:230px; margin:10px 20px 25px 0; background: #fff;}
	#maincontainer{padding: 0 20px 20px 20px}
	.maincontent{margin:0 10px;}
	#location_str{margin:0 15px}
	
	#menuicon{top:20px;right:40px;}
	#langicon{right:100px;top:30px}
	 #langicon-sub{right:90px;top:35px}
	 .langmenu{right:110px}
	#cc_home_text_content_mob{display:none}

}


@media only screen and (min-width: 1401px) and (max-width: 3500px) {
	
	#pagehead-home-image-mob{display:none;}
	.cc_chk_img_item{min-width:100px;max-width:230px; margin:10px 20px 25px 0; background: #fff;}
	#cc-start-img-mob{display:none}
	#cc-start-img{display:block}
	.cc_chk_img{column-count:3}

	#maincontainer{padding:0 60px}
	
	 #cc_home_text_content_mob{display:none}
	 #langicon{right:160px;top:30px}
	 #langicon-sub{right:170px;top:30px}
}