body {
	background: none repeat scroll 0 0 #fff;
	font-family: 'Arial';
	height: auto;
	letter-spacing: 0;
	margin: auto;
	padding: 0 0px;
	width: 100%;
	overflow-x: hidden;
}
* {
	outline: none !important;
}
p {
	color:#707070;
}
.overflow_hidden {
	overflow: hidden;
}

.navbar-nav li a {
line-height: 30px;
}

.navbar-default {
background-color: #333;
}

 @media only screen and (min-width: 320px) and (max-width: 700px) {
	 

.navbar-inner {
	background: none repeat scroll 0 0 #f9f9f9;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	float: left;
	margin-bottom: 10px;
	padding: 0 10px;
	width: 95%;
}

.navbar .nav {
	display: block;
	float: left !important;
	font-weight: normal;
	left: 0;
	margin: 8px 0 0 0px !important;
	position: relative;
	width: 100%;
	background: none !important;
	border: none !important;
}
.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
	padding: 7px 0;
	color: #545454;
	background: none !important;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	border-radius: 3px;
	color: #636363 !important;
	font-weight: normal;
	margin: 0;
	padding: 7px 0;
	text-align: left;
	font-size: 16px;
}
.nav-collapse .nav > li {
	float: left;
	width: 100%;
}
.nav li a {
    height: auto !important;
}
.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
	float: left;
	text-align: left;
	color: hsl(213, 49%, 53%) !important;
	background: none;
	width: 100%;
	margin: 0px;
	padding: 7px 0px;
	line-height: 20px;
}
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
	background: none repeat scroll 0 0 #F3B407;
	color: #cd8926;
	margin: 0;
	padding: 0px 0px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	font-size: 14px;
}
.basic_function span {
	width: 100% !important;
}
ul, ol {
	margin: 0 0 10px 5px !important;
}
.nav-tabs > li > a {
	font-size: 14px;
}

}
@media only screen and (min-width: 768px) and (max-width: 790px) {
	

.navbar .nav {
	display: block;
	float: left !important;
	font-weight: normal;
	left: 0;
	margin: 8px 0 0 0px !important;
	position: relative;
	width: 100%;
	background: none !important;
	border: none !important;
}
.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
	padding: 7px 0;
	color: #545454;
	background: none !important;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	border-radius: 3px;
	color: #636363 !important;
	font-weight: normal;
	margin: 0;
	padding: 7px 0;
	text-align: left;
	font-size: 16px;
}
.nav-collapse .nav > li {
	float: left;
	width: 100%;
}
.nav li a {
    height: auto !important;
}
.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
	float: left;
	text-align: left;
	color: hsl(213, 49%, 53%) !important;
	background: none;
	width: 100%;
	margin: 0px;
	padding: 7px 0px;
	line-height: 20px;
}
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
	background: none repeat scroll 0 0 #F3B407;
	color: #cd8926;
	margin: 0;
	padding: 0px 0px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	font-size: 14px;
}
.nav-tabs > li > a {
	font-size: 14px;
}

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

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

.contact_info {

    width: 80% !important;
}
}
@media only screen and (min-width: 800px) and (max-width: 1000px) {
.out_wrap {
	padding: 0px 3.5%;
	width: 93%;
}
.navbar-inner {
	background: none repeat scroll 0 0 #f9f9f9;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	float: left;
	margin-bottom: 10px;
	padding: 0 10px;
	width: 95%;
}
.navbar .nav {
	display: block;
	float: left !important;
	font-weight: normal;
	left: 0;
	margin: 8px 0 0 0px !important;
	position: relative;
	width: 100%;
	background: none !important;
	border: none !important;
}
.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
	padding: 7px 0;
	color: #545454;
	background: none !important;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	border-radius: 3px;
	color: #636363 !important;
	font-weight: normal;
	margin: 0;
	padding: 7px 0;
	text-align: left;
	font-size: 16px;
}
.nav-collapse .nav > li {
	float: left;
	width: 100%;
}
.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
	float: left;
	text-align: left;
	color: #cd8926 !important;
	background: none;
	width: 100%;
	margin: 0px;
	padding: 7px 0px;
	line-height: 20px;
}
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
	background: none repeat scroll 0 0 #F3B407;
	color: #cd8926;
	margin: 0;
	padding: 0px 0px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	font-size: 14px;
}
.nav-tabs > li > a {
	font-size: 14px;
}

}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.navbar-inverse .nav > li > a {
	color: #656565;
	margin: 0px !important;
	padding: 10px 11px !important;
}

}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.navbar-inverse .nav > li > a {
	color: #656565;
	margin: 0px !important;
	padding: 10px 11px !important;
}

}

/*...........................end header.............................................*/



.one_div a{color:#67b5fd;}

.tutorial h1 { color:#f7891c;font-family: 'Arial';font-size:30px; text-align:center; margin-top:10px;}
.tutorial h2 { color:#707070;font-family: 'Arial';font-size:18px; font-weight:normal;text-align:center;}
.guide { width:100%; background:#f1fcff; float:left; height:auto; box-shadow: 0 1px 0 #cbdae5; margin-top:20px;}
.guide h1 { color:#f7891c;font-family: 'Arial';font-size:21px; text-align:center;}
.guide h1 span { color:#707070;font-family: 'Arial';font-size:21px; font-weight:normal;}
.video_contents{background:#f0f3f7; float:left; width:100%;border-bottom: 1px solid #b9b7b6; margin-top:35px;}
.video_contents h1 { color:#828890;font-family: 'Arial';font-size:17px; margin-left:10px; }
.video_contents h1 img { margin-right:5px; margin-top:-3px;}
.video_content_right h1 { color:#f7891c;font-family: 'Arial';font-size:34px; font-weight:normal; margin: 40px 0 20px; float:left;}
.video_content_right h1 span { color:#737070;font-family: 'Arial';font-size:34px; font-weight:normal;}

.accordBlock {
	width: 100%;
	height: auto;
	float: left;

}
.accordBlock .accordTab {
	position: relative;
	width: 100%;
	height: 50px;
	border-top: 1px solid #b9b7b6;
	cursor: pointer;
	margin-top: 0px;
}
.accordTab h4 {
	line-height: 50px;
	width: 92%;
	font-size: 13px;
	text-transform: none;
	margin: 0 0 0 10px;
color:#f7891c;
font-weight:normal;
font-family: 'Arial';
background:url(../images/arrw.png) no-repeat center right;
}
.accordTab h4 img { margin-right:5px;}
.accordTab .tabBtn {
	position: absolute;
	left: 10px;
	bottom: -11px;
	width: 34px;
	height: 11px;
	z-index: 006;
}
.accordBlock .accordText {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0;
	z-index: 004;
	display: none;
}
.accordText .textBoxBtn {
	position: absolute;
	left: 10px;
	bottom: -11px;
	width: 34px;
	height: 11px;
	z-index: 006;
}

.accordText ul  { margin:0 ; list-style:none;}
.accordText ul li  { background:url(../images/circle_icon.png)10px 8px no-repeat; list-style:none; padding:5px 0 5px 20px;}
.accordText ul li:hover { background:#f7891c url(../images/circle_icon_hr.png)10px 8px no-repeat; color:#fff; padding:5px 0 5px 20px; }
.mrgn { margin:0 !important;}
.accordText ul li a { color:#686c71; margin-left:10px;font-weight:normal;font-family: 'Arial'; font-size:13px;}
.accordText ul li:hover a { color:#fff; margin-left:10px;}

.text2 {
color: #f7891c;
}


.responsive-video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.responsive-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }