@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Raleway');
body{ margin:0px; font-size:15px; font-family: 'Lato', sans-serif; line-height:28px;}
img{ width:auto; max-width:100%;}
a{ text-decoration:none;}
ul{ padding:0; margin:0px; list-style:none;}
.clr{ clear:both;}
.full_wrapper{ width:100%;}
.wrapper{ width:96%; margin:0px auto; max-width:1200px;}
.top_wrapper{ width:100%;}
.box{ width:100%;}
.box_img{ width:100%;}
.box_hed{ width:100%; padding:10px 0px; font-size:18px; font-weight:600;}
.box_matter{ text-align:center; width:96%; padding:0% 2%;}
.matter{ width:100%; padding:3px 0px; display:block;}
.top_social{ background:#007cc2; width:100%;}
.so_icon{ width:40px; float:right; text-align:center; border-right:1px solid #066195; padding:2px 10px;}
.so_icon img{ max-width:32px;}
.logo{ width:30%; float:left; margin-top:-45px;}
.logo_right{ width:65%; float:right; padding:3px 0px;}
.con_top_box{ float:right; padding:1%;}
.con_top_box_icn{ float:left; padding:8px;}
.con_top_mtr{ float:left; padding:16px 0px; font-size:16px; font-weight:600; color:black;}
.nav_wrapper{ background:#00923f; width:100%;}
.banner{ width:100%; position:relative;}
.bnr_btm_box{ width:100%; float:left; margin-top:-94px; position:relative;}
.bd_bx{ width:30%; float:left; background:rgba(133,194,38,0.8);}
.bd_ob{width:22.5%; float:left;background:rgba(118,197,240,0.8);}
.bd_obr{width:22.5%; float:left;background:rgba(1,146,63,0.8);}
.bd_od{width:25%; float:left;background:rgba(0,124,194,0.8);}
.bnr_btm_box_icn{ float:left; padding:5px 10px;}
.bnr_btm_box_mtr{ float:left; padding:35px 0px; font-size:18px; font-weight:500; color:white; text-transform:uppercase;font-family: 'Raleway', sans-serif; }
.wel_wrapper{ width:100%; float:left; padding:30px 0px;}
.wel_left{ width:50%; float:left; padding-right:3%; margin-right:3%; border-right:2px solid #066195;}
.wel_right{ width:43%; float:left;}
.wel_hed{ color:#00923f; font-size:28px;font-family: 'Raleway', sans-serif; line-height:36px; padding-bottom:10px;}
.wel_hed span{ color:#007cc2; width:100%; display:block;}
.red_btn{ color:#007cc2; display:block; width:100%; padding:8px 0px;}
.red_btn:hover{ color:#00923f;}
.wel_rgt_mtr{ width:63%; float:left;}
.wel_rgt_img{ width:35%; float:right;}
.wel_btm{ width:100%; float:left;padding:10px 0px 30px;}
.sp_bx{ width:24.5%;  text-align:center;border:1px solid #e1e1e1; border-top:none; display:inline-block; padding-bottom:20px;}
.sp_icon_bl{ text-align:center; background:#007cc2;}
.sp_icon_bll{ text-align:center; background:#76c5f0;}
.sp_icon_g{ text-align:center; background:#01923f;}
.sp_icon_gl{ text-align:center; background:#85c226;}
.drk_wrapper{ background:#343434; padding:30px 0px;}
.white_hed{color:#FFF; font-size:28px;font-family: 'Raleway', sans-serif; line-height:36px; padding-bottom:10px;}
.txt_cnt{ text-align:center;}
.news_full{ padding:00px 0px 0px; width:100%; display:block; position:relative;}
.news_bx{  text-align:center;border:1px solid #8d8d8d; display:inline-block; padding-bottom:20px;text-align:center; color:white; margin:50px 1%;}
.news_icon{ text-align:center; margin-top:-30px; margin-bottom:20px;}
.news_hed{ color:#85c226; font-size:18px; padding:15px 0px; }
.news_btn{ background:#343434; width:auto; display:table; margin:0px auto; padding:10px 20px; color:white; font-size:18px;font-family: 'Raleway', sans-serif; border:1px solid #8d8d8d; margin-bottom:-40px; margin-top:20px;}
.dx_menu {margin:  0px 0 0 0 !important;font-family: 'Raleway', sans-serif;}
.dx_menu {width:auto;margin: 0;padding:  0;position: relative;float: right;list-style:  none;padding:00px 0px;}
.dx_menu li {display: inline-block;font-size:14px;margin: 0;padding: 0;float: left;position: relative;}
.dx_menu > li > a {padding: 12px 15px;color:#fff;text-decoration: none;display: block;text-transform: uppercase;-webkit-transition: color 0.2s linear, background 0.2s linear;-moz-transition: color 0.2s linear, background 0.2s linear;-o-transition: color 0.2s linear, background 0.2s linear;transition: color 0.2s linear, background 0.2s linear; border-right:1px solid #e1e1e1;}
.dx_menu li: hover > a,.dx_menu li.active a {background:  #a7cf3a; }
.dx_menu li a:hover, .dx_menu li.current-menu-item>a{ background:  #0b8fcf; color:white;}
.dx_menu li.right {float:  right;}
.dx_menu ul, .dx_menu ul li ul {list-style:  none;margin:  0;padding:  0;display:  none;position:  absolute;z-index:  99999;width:100%; min-width:200px;background:  #333333;box-shadow:  0 1px 1px rgba(0,0,0,0.3);}
.dx_menu ul {top:  45px;left:  0;}
.dx_menu ul li ul {top:  0;left:  100%;}
.dx_menu ul li {clear: both;width: 100%;border:  none;font-size: 13px;}
.dx_menu ul li a {padding: 10px 20px;width: 100%;color: #d9d9d9;font-size: 14px;text-decoration: none;display: inline-block;float: left;clear: both;
box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-transition: color 0.2s linear, background 0.2s linear;-moz-transition: color 0.2s linear, background 0.2s linear;-o-transition: color 0.2s linear, background 0.2s linear;transition: color 0.2s linear, background 0.2s linear; border-bottom:1px solid #d9d9d9;}
.dx_menu > li .indicator {position:  absolute;color:  #dedede;top:  20px;right:  8px;font-size:  17px;display:none;}
.dx_menu ul > li .indicator {top:  10px;right:  8px;}
.thin > li > a {padding:  10px 22px;}
.thin ul {top:  40px;}
.thin > li .indicator {top:  10px;}
.thick > li > a {padding:  40px 22px;}
.thick ul {top:  100px;}
.thick > li .indicator {top:  40px;}
.dx_menu i {line-height:  20px !important;margin-right:  6px;font-size:  18px;float:  left;}
.dx_menu > li.showhide {display:  none;width:  100%;height:  50px; margin-top:00px;cursor:  pointer;color: #424242;}
.dx_menu > li.showhide span.title {margin:  16px 0 0 25px;float:  left;}
.dx_menu > li.showhide span.icon {margin:  17px 20px;float:  right;}
.dx_menu > li.showhide .icon em {margin-bottom:  3px;display:  block;width:  20px;height:  2px;background:  #ccc;}
.orange li: hover > a, .orange li.active a {background:  #ff670f;color:  #fff!important;}
.dx_menu.vertical {width:  200px;}
.dx_menu.vertical li {width:  100%;}
.dx_menu.vertical li a {display:  inline-block !important;width:  100%;padding: 18px 20px 16px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.dx_menu.vertical ul li {width:  100%;}
.dx_menu.vertical ul, .dx_menu.vertical ul li ul {width:  200px;}
.dx_menu.vertical ul {top:  0;left:  100%;}
.dx_menu.vertical ul li ul {top:  0px;}
.dx_menu.vertical.right {float:  right !important;}
.dx_menu.vertical.right ul {left:  -150px !important;}
.dx_menu.vertical > li .indicator {top:  17px;right:  15px;font-size:  17px; }
.dx_menu.vertical ul > li .indicator {top:  18px;right:  15px;}
.footer{ width:100%; background:#292625; padding:15px 0px;}
.matter{ width:100%;}
.ftr_box{ width:25%; float:left;}
.ftr_box img{ text-align:right;}
.ftr_link, .footer-widget li a{ width:100%; display:block; color:white; padding:8px 0px;}
.ftr_link:hover{ color:#0b8fcf;}
.footer_btm{ background:#1d1a1a; padding:5px 0px; color:white; }
.txt_white{ color:white;}
.vh{ visibility:hidden;}
.pb{padding:50px 0px;}
.cnt_left{ width:73%; float: left; background:white; padding:1%; }
.cnt_right{ width:22%; float:right; background:white; padding:1%; }
.right_link_box ul{ margin: 0; padding: 0; }
.rig_link, .right_link_box li a{ color:#000; display:block; padding:10px 5px 10px 40px;font-size:14px; background:url(../images/next.png) center left no-repeat; text-transform:uppercase; margin-bottom:5px; border:1px solid #e1e1e1; display:block; }
.rig_link:hover{ color:#00923f;}
.rig_link span{ padding:8px 5px 0px; border-right:1px solid #e1e1e1; margin-right:5px;}
.rig_link span img{ max-width:24px; padding-top:0px; float:left; display:block;}
.right_link_box{ width:98%; padding:1%;}
.right_link_hed{  color:#007cc2; font-size:18px; padding:10px 0px; text-transform:uppercase;}
.banner_hed{ width:100%;  padding:5px 0px; color:white; font-size:24px;font-family: 'Raleway', sans-serif; text-transform:uppercase; font-weight:600; }
.banner_hed_sml{ display:table; font-size:12px; padding:3px 0px; color:white;}
.bnr_hed_box{  position: relative; top:25%; width:95%;padding:40px 10px 10px;}
.banner_inr{ background:black url(../images/inr.jpg) center no-repeat; width:100%; }
.full_box{ width:100%; display:inline; padding:10px 0px;}
.tm_s{ display:inline-block; text-align:center; margin:1%; width:20%; padding:1%; padding:1%;  border:1px solid #e1e1e1; max-width:230px;}
.tm_b{ display:block; text-align:center; margin:0px auto; max-width:85%; padding:1%; border:1px solid #e1e1e1; max-width:230px;}
.tm_b_hed{ color:#000; font-size:16px; text-align:center; padding:1px 0px;  display:block; width:100%; text-transform:uppercase;}
.tm_b_sub{ text-align:center;  color:#007cc2; font-size:14px;}




@media only screen and (max-width:  1250px) {
.dx_menu > li > a {padding: 12px 14%;}	
	}
@media only screen and (max-width:  1100px) {
.dx_menu{ padding:0px; width:100%}
.dx_menu.vertical {width:  100%;}
.dx_menu li {display:  block;width:  100% !important;}
.dx_menu > li > a {padding-top: 15px;padding-bottom: 15px;padding-left:  25px; border-bottom:1px solid #d9d9d9;}
.dx_menu a {width:  100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.dx_menu ul, .dx_menu ul li ul,.dx_menu.vertical ul, .dx_menu.vertical ul li ul {width:  100%;left:  0;border-left:  none;position:  static;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; background:none;}
.dx_menu ul li {border-left:  none;border-right:  none;}
.dx_menu ul li a,.dx_menu.vertical ul li a {padding-top: 10px;padding-bottom: 10px;}
.dx_menu ul > li > a {padding-left:  40px !important; background:#424242;}
.dx_menu > li .indicator {top:  15px;right:  25px;font-size:  17px; display:block;}
.dx_menu ul > li .indicator {right:  24px;}
.dx_menu.vertical ul > li .indicator {top:  10px;right:  15px;}
.dx_menu > li > ul > li > a {padding-left:  40px !important;}
.dx_menu > li > ul > li > ul > li > a {padding-left:  60px !important;}
.dx_menu > li > ul > li > ul > li > ul > li > a {padding-left:  80px !important;}		
}
@media only screen and (max-width:  1000px) {
.cnt_left{ width:63%; }
.cnt_right{ width:32%;  }	
}

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

.bd_bx{ width:25%;}
.bd_ob{width:25%;}
.bd_obr{width:25%;}
.bd_od{width:25%;}
.bnr_btm_box{ margin-top:0px;}
.bnr_btm_box_icn{ text-align:center; width:100%;}
.bnr_btm_box_mtr{ width:100%; padding:10px 0px; font-size:16px; font-weight:600; text-align:center; }
.sp_bx{ width:49%; margin-bottom:20px;}
}

@media only screen and (max-width:  800px) {
.bd_bx{ width:50%;}
.bd_ob{width:50%;}
.bd_obr{width:50%;}
.bd_od{width:50%;}	
.wel_left{ padding:10px 0px; margin:10px 0px; width:100%; border:none;}
.wel_right{ width:100%}
}
@media only screen and (max-width:  700px) {
.ftr_box{ width:50%; float:left;}
.ftr_right{ width:98%;}
.tm_s{ width:44.7%; 
}
}
@media only screen and (max-width:  600px) {
.logo_right{ display:none;}	
.cnt_left{ width:98%; }
.cnt_right{ width:98%;  }
}
@media only screen and (max-width:  500px) {
.tm_s{ width:94.7%; max-width:100%;} 
.tm_b{ width:94.7%; max-width:100%;}
}
@media only screen and (max-width:  500px) {
.ftr_box{ width:100%; float:left;}
.sp_bx{ width:99%; margin-bottom:20px;}
.wel_rgt_mtr{ width:100%;}
.wel_rgt_img{width:100%;}
.wel_rgt_img img{ min-width:100%;}
.vh{ display:none;}
.pb{padding:10px 0px;}
.so_icon{ width:25px;}
.logo{ width:40%;}
.camera_caption h1{ padding:10px 5px; font-size:15px !important;}
.camera_caption p{ padding:6px 5px; font-size:13px !important; margin-top:-1%;}
.bnr_btm_box_mtr{ width:100%; padding:10px 0px; font-size:14px; font-weight:600; text-align:center; }
}
@media only screen and (max-width:  300px) {
.bd_bx{ width:100%;}
.bd_ob{width:100%;}
.bd_obr{width:100%;}
.bd_od{width:100%;}	
}

.glowing{ background:#6e3997; color:white !important;}
.camera_wrap a, .camera_wrap img, 
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img, 
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none
}
.camera_wrap {
	display: none;
	float: left;
	position: relative;
	z-index: 0;
	margin-top:-1px;
}
.camera_wrap img {
	max-width: none!important;
}
.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.camera_wrap {
	width: 100%;
	
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.camera_loader {
    background: #fff url(../images/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center;
	border: 1px solid #ffffff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}
.camera_bar {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
	height: 100%;
	position: absolute;
	width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
	height: auto;
	position: absolute;
	width: 100%;
}
.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}

.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.camera_command_wrap .hideNav {
	display: none;
}
.camera_command_wrap {
	left: 0;
	position: relative;
	right:0;
	z-index: 4;
}
.camera_wrap .camera_pag .camera_pag_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-align: left;
	text-indent: -9999px;
	width: 16px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 8px;
	left: 4px;
	overflow: hidden;
	position: absolute;
	top: 4px;
	width: 8px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}
.camera_pag_ul li img {
	display: none;
	position: absolute;
}
.camera_pag_ul .thumb_arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
	top: 0;
	left: 50%;
	margin-left: -4px;
	position: absolute;
}
.camera_prev, .camera_next, .camera_commands {
	cursor: pointer;
	height: 60px;
	width: 60px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	z-index: 2;
}
.camera_prev {
	left: 0;
}
.camera_prev > span {
	background: url(../images/prv.png) no-repeat center center;
	display: block;
	height: 100%;
	width: 100%;
}
.camera_next {
	right: 0;
}
.camera_next > span {
	background: url(../images/red_btn.png) no-repeat center center;
	display: block;
	height: 100%;
	width: 100%;
}
.camera_pag_ul{
	position:absolute;
	bottom:0px;
	z-index:10;
	right:20px;

}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 20px 5px;
	position: relative;
	text-indent: -9999px;
	
	
	
}
.camera_thumbs_cont {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
		box-shadow:0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_thumbs_cont > div {
	float: left;
	width: 100%;
}
.camera_thumbs_cont ul {
	overflow: hidden;
	padding: 3px 4px 8px;
	position: relative;
	text-align: center;
}
.camera_thumbs_cont ul li {
	display: inline;
	padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
	border: 1px solid;
	cursor: pointer;
	margin-top: 5px;
	vertical-align:bottom;
}
.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}
.camera_caption {
	
	display: block;
	position: absolute;
	width: 60%;
	right:5%;
	top:50%; max-width:600px;
}
.camera_caption > div {
	padding: 0;
}

.camera_caption {
	color: #fff;
}
.camera_caption > div {
	/*background: #ADD037;*/
	color:#fff; 
	
}

.camera_caption > div h1{
	font-size:18px;
	margin:0px;
	text-transform:uppercase;
	line-height:normal;background:rgba(7,141,206,.5);padding:15px 10px;font-family: 'Raleway', sans-serif;
}

.camera_caption > div p{
	margin:0;
	line-height:normal;
	font-size:16px;background:rgba(0,0,0,.5);padding:15px 10px; font-family: 'Lato', sans-serif;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: #000;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #10A0D3;
}
.camera_pag_ul li img {
	border: 4px solid #e6e6e6;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	box-shadow: 0px 3px 6px rgba(0,0,0,.5);
}

.camera_azure_skin .camera_prev > span:hover, .camera_azure_skin .camera_next > span:hover{

}


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

.camera_caption {

	width: 40%;
	top:32%;
	right:10%;
}

.camera_caption > div {
	/*background: #ADD037;*/
	padding:20px 0;
}





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

.camera_caption {

	width: 40%;
	top:25%;
	right:10%;
}




}

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

.camera_caption {

	width: 50%;
	top:20%;
	right:5%;
}
.camera_caption > div {
	/*background: #ADD037;*/
	padding:15px 0;
}


.camera_caption > div h1{
	font-size:20px;
}
.camera_prev, .camera_next, .camera_commands {
	
	height: 30px;
	width: 30px;

}
.camera_prev > span, .camera_next > span {
	background-size:10px;
	background-repeat: no-repeat;
	background-position: center center;
}

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

.camera_caption {
	width: 90%;
	top:22%;

}
.camera_caption > div h1{
	font-size:18px;
	margin:0 0 0px 0;
}


}

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

.camera_caption {
	width:90%;

}



}




