/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear_0 {clear:both; font-size:0px; line-height:0px; display:block;}
.last {margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
*{ margin:0; padding:0px; line-height:28px;}
img 	{  height: auto;  max-width: 100%;  vertical-align: middle;  border: 0;  -ms-interpolation-mode: bicubic;}
/**************************************************************************************/
a											{ color:#000; text-decoration:underline; outline:0 none;}
a:hover										{ color:#000; text-decoration:none;}
h1											{ font-size:24px;}
h2											{ font-size:22px;}
h3											{ font-size:18px;}
h4											{ font-size:16px;}
h5											{ font-size:14px;}
h6											{ font-size:12px;}
/*----------------------------------------------------------------------------------*/
html 										{ }
body										{ color:#b1b1b1; font-family:"Montserrat", Verdana, Tahoma; font-size:12px; line-height:16px;}
.flt_Lt										{ float:left; display:inline;}
.flt_Rt										{ float:right; display:inline;}
/* ---------------------------------------------------------------------------------*/


/* ----------------------- layout ----------*/
.wrapper									{ margin:0 auto;}
.container									{ width:1020px; margin:0 auto; border:0px solid red; border-top:0 none;}
/*-------------------------------------------*/

/* ------------------------- HEADER HERE -------------------*/
#header 									{ background:url(../images/header_top_border.jpg) repeat-x left top; width:100%;  margin-top: 15px;}
#header .header_top							{ float:right;}
.header_top .menu ul li						{ float:left; font-size:12px; line-height:16px; padding:10px 0px 0px 5px;}
.header_top .menu ul li a					{ text-transform:uppercase; color:#1f1f1f; background:url(../images/left_border.jpg) no-repeat right 0px top; width:1px; padding:0 5px;}
.header_top .menu ul li a:hover				{ color:#b62900;}
#header .header_btm_left					{ float:left;}
#header .header_btm_right					{ float:right;}
#header .header_btm_right h5				{ font-size:16px; color:#000040; font-family:Verdana, Arial; font-weight:400; padding:22px 5px; line-height:18px;}
#header .header_btm_right h5 tel			{ font-size:16px; font-family:"Montserrat", Verdana; bold}
#header .container							{ }
#logo										{ }
/*----------------------------- SET BANNER-------------------------*/
.banner .banner_img_left					{ float:left; max-width:490px;}
.banner .banner_text_right					{ float:right; max-width:490px; padding-top:12px; }
.banner .banner_text_right h1				{ font-size:30px; color:#000; line-height:36px; font-family:Arial, Verdana; font-weight:bold;}
.banner .banner_text_right p				{ color:#000; font-size:14px; padding:25px 0 0 0; font-weight:600; }
.banner_text_right .demo_btn				{ border-radius:5px; text-align:center;   margin: 0 auto; border-radius:5px; padding-top: 25px;} 
.banner_text_right .demo_btn > input		{width:253px; height:55px;  background:url(../images/fre_btn2.png) repeat-x center bottom; border:none; padding:15px 25px; font-size:20px; color:#fff; font-weight:bold; font-family:Arial, Verdana; cursor:pointer;}
/*----------------------------- END BANNER-------------------------*/
/* --------- NAVIGATION HERE ----------*/

#nav										{ }
#nav ul										{ }
#nav ul li									{ }
#nav ul li a								{ }
#nav ul li a span							{ }
#nav ul li a:hover							{ }
/* ---------------------------------------------------------*/

/* ------------------------ MAIN CONTENT HERE --------------*/
.main_content .business_se h1					{ font-size:30px; color:#000; line-height:36px; font-family:Arial, Verdana; font-weight:bold;  padding: 25px 0; }
.main_content .business_se_text					{ width:33.33%; float:left; padding:0 0 40px 0px;}
.main_content .business_se_text h2				{ font-weight:24px; line-height:28px; color:#000; text-align:center; text-transform:uppercase; padding:5px 0px;} 
.main_content .business_se_text p				{ text-align:left; color:#000; font-size:14px; line-height:16px;}

.main_content .platform_se						{ padding:40px 0 0 0; }
.main_content .platform_se h1					{ font-size:30px; color:#000; line-height:36px; font-family:Arial, Verdana; font-weight:bold; padding:0 0 50px;}
.platform_se .platform_se_post_left					{ float:left; padding:0 1.4%; border-right: solid #000000 1px; max-width:488px; float:left;}
.platform_se .platform_se_post_left h2				{ font-size:24px; color:#000; line-height:36px; font-family:Arial, Verdana; font-weight:bold; text-transform:uppercase; text-align:right; padding-right: 35px;}
.platform_se .platform_se_post_left h2 > a			{ font-size:12px; vertical-align:middle; margin-left:5px; color:#465c96; font-weight:bold; border-bottom:solid 3px #b62900;}
.platform_se .platform_se_post_left p				{ color:#000000; font-size:16px; padding:0 0 50px 0 ;}
.platform_se .platform_se_post_left .quick			{ background:url(../images/quick_back.jpg) repeat-x center bottom; width:148px; height:31px; margin:10px auto; text-align:center; border-radius:5px; padding: 0px;}
.platform_se .platform_se_post_left .quick > input			{ background:none; border:none; padding: 7px; font-size:12px; color:#fff; font-weight:bold; font-family:Arial, Verdana; cursor:pointer;}

.platform_se .platform_se_post_right					{ float:right; max-width:488px;}
.platform_se .platform_se_post_right h2				{ font-size:24px; color:#000; line-height:36px; font-family:Arial, Verdana; font-weight:bold; text-transform:uppercase; text-align:right; padding-right: 35px;}
.platform_se .platform_se_post_right h2 > a			{ font-size:12px; vertical-align:middle; margin-left:5px; color:#465c96; font-weight:bold; border-bottom:solid 2px #b62900;}
.platform_se .platform_se_post_right p				{ color:#000000; font-size:16px; padding:0 0 50px 0 ;}
.platform_se .platform_se_post_right .quick			{ background:url(../images/quick_back.jpg) repeat-x center bottom; width:148px; height:31px; margin:10px auto; text-align:center; border-radius:5px; padding:0px;}
.platform_se .platform_se_post_right .quick > input			{ background:none; border:none; padding: 5px; font-size:12px; color:#fff; font-weight:bold; font-family:Arial, Verdana; cursor:pointer;}

.main_content .device								{ padding:25px 0 0 ; text-align:center;}
.main_content .device h2							{ font-size:24px; color:#000; line-height:36px; font-family:Arial, Verdana; font-weight:400;}
.main_content .device h4							{ color:#000; font-weight:400; padding-bottom:30px;}
.main_content .device .post_se						{ width:48%; border-right:solid 1px #000; padding:0 0 0 28px; float:left;}
.main_content .device .device_left 					{ float:left; padding: 0 30px; max-width:177px;}				
.main_content .device .device_left h3				{ font-size:20px; color:#000; padding:25px 0 10px; text-align:left;}
.main_content .device .device_left p				{ color:#000; text-align:left;}
.device .device_left .price							{ text-align:center; padding:10px 0;}
.device .device_left .price h5						{ color:#000; font-size:14px; font-weight:400;}
.device .device_left .price a						{ color:#bd1616; font-weight:bold;}
.device_left .price .more							{ background:url(../images/more_btn.jpg) repeat-x center bottom; width:113px; height:23px; margin:5px auto; text-align:center; border-radius:5px; padding:0px;}
.device_left .price .more > input					{ background:none; border:none; padding: 2px; font-size:10px; color:#fff; font-weight:bold; font-family:Arial, Verdana; cursor:pointer;}


.post_se_right										{  width:48%; float:right; }
.post_se_right .device_right						{ width:177px;}

.main_content .device .device_right 					{ float:left; padding: 0 30px; max-width:177px;}				
.main_content .device .device_right h3				{ font-size:20px; color:#000; padding:25px 0 10px; text-align:left;}
.main_content .device .device_right p				{ color:#000; text-align:left;}
.device .device_right .price							{ text-align:center; padding:10px 0;}
.device .device_right .price h5						{ color:#000; font-size:14px; font-weight:400;}
.device .device_right .price a						{ color:#bd1616; font-weight:bold;}
.device_right .price .more							{ background:url(../images/more_btn.jpg) repeat-x center bottom; width:113px; height:23px; margin:5px auto; text-align:center; border-radius:5px; padding:0px;}
.device_right .price .more > input			{ background:none; border:none; padding: 2px; font-size:12px; color:#fff; font-weight:bold; font-family:Arial, Verdana; cursor:pointer;}


.main_content .video_se						{ text-align:center; padding:65px 0 0px 0; max-height:781px; margin:0 auto;}
.main_content .video_se h1					{ padding:50px 0 0 0; color:#aa1616; font-size:30px;}
/* ---------------------------------------------------------*/


/* ------------------ FOOTER HERE --------------------------*/
#footer										{margin-top:20px;  margin-bottom: 26px;}
#footer	.footer_top							{ padding:30px 0 0 0;}
#footer	.footer_top ul 						{ text-align:center; padding-bottom:15px;}
#footer	.footer_top ul li					{ display:inline; padding:0px;}
.footer_top li:last-child					{ vertical-align:bottom;}
#footer .footer_btm .footer_btm_left		{ max-width:210px; float:left; color:#000;}
#footer .footer_btm .footer_btm_right		{ max-width:810px; background:url(../images/foter_btm.jpg) repeat-x left; height:37px; width:auto; padding:0px 5px; float:right; border-radius:5px;}
.footer_btm .footer_btm_right ul li			{ display:inline-block;}
.footer_btm .footer_btm_right ul li a										{ text-transform:uppercase; color:#1f1f1f; background:url(../images/left_border.jpg) no-repeat right 1px top; width:1px; padding:0 8px;}
.footer_btm .footer_btm_right ul li a:hover		{ color:#b62900;}
.footer_menu li:last-child					{ vertical-align:top;}
.footer_btm .footer_btm_right ul li a last-child				{ background-image:none;}

.footer_menu > ul {
    padding: 0 10px 0 85px;
}
.copy										{ }
/* ------------------------INNER1---------------------------------*/

.banner_inner1 h1							{ font-size:38px; line-height:48px; color:#223788; text-align:center; font-family:"Open+Sans", Verdana; font-weight:400;   padding: 25px 0 ;}
.banner_inner1 h2							{ font-size:38px; line-height:48px; color:#000; text-align:center; font-family:"Montserrat", Verdana; font-weight: 700;   padding: 25px 0 ; text-decoration:underline;}
.main_content .gps_device					{ border-bottom:solid 1px #898989; padding: 0px 0;}
.main_content .gps_device h3				{ color:#000; font-size:30px; border-bottom:solid 5px #b62900; padding:15px 0px; max-width:630px; font-weight:400; }


.item 										{ float: none;  margin: auto; text-align: center;   width: 200px;}
.item > h5									{ font-size:15px; color:#4e4e4e; border:solid 1px #4e4e4e; border-radius:28px; padding:1px 0px;}
.owl-stage									{ padding:30px 0px; }
.owl-controls .owl-next						{ background:url(../images/arrow_left.png) repeat right; height:34px; width:26px; position:absolute; left:-35px; top:100px; font-size:0px;}
.owl-controls .owl-prev  					{ background:url(../images/arrow_right.png) repeat right; height:34px; width:26px; position:absolute; right:-35px; top:100px; font-size:0px;}
.owl-demo_one2.owl-carousel.owl-theme.owl-responsive-1000.owl-loaded	{ border-bottom:solid 1px #898989; padding: 0 0 20px;}

.live_trac									{ margin:0 auto; padding:30px 0; border-bottom:solid 1px #898989;}
.live_trac .live_trac_left					{ float:left; width:50%;}
.live_trac .live_trac_right					{ float:right; width:50%; padding:0px 0px;}
.live_trac .live_trac_right h2				{ color:#223788; font-size:30px; line-height:29px;}
.live_trac .live_trac_right p				{ padding:25px 0px; font-family:"Open+Sans", Verdana; font-weight:400; font-size:18px; color:#333333; line-height:22px;}
.live_trac .live_trac_right p				{ padding:25px 0px; font-family:"Work Sans", Verdana; font-weight:200; font-size:18px; color:#333333; line-height:22px;}
.live_trac .live_trac_right p2				{ padding:25px 0px; font-family:"Montserrat", Verdana; font-weight:bold; font-size:16px; color:#b62900; line-height:22px;}
.live_trac .live_trac_right a				{ background:url(../images/learn_more_btn.png) no-repeat 0 0; height:40px; width:148px; padding: 12px 35px; font-size:13px; text-transform:uppercase; color:#fff; font-weight:600;} 
.live_trac .live_trac_right a:hover			{ background-position:0 -40px; }

.main_content .inner_last > h4				{ color:#424d9f; font-size:30px; text-align:center; padding:20px 0px; line-height:35px;}
.main_content .inner_last > h3				{ border-bottom: 5px solid #b62900;  color: #000; font-size: 30px; font-weight: 400;   max-width: 820px;  padding: 7px 0; line-height:35px;}
.main_content .inner_last > p				 {  font-family:"Work Sans", Verdana; text-align:left; 400; color: #333333; font-size: 18px; line-height: 22px; padding: 20px 0;}
/* ------------------------INNER2---------------------------------*/
.parents h1									{ color:#223788; font-size:36px; font-weight:200; "Open+Sans", Verdana; line-height:46px; padding:20px 0px; text-align:center;}
.parents .parents_left						{ width:48%; float:left;}
.parents .parents_left p					{ font-family:"Work Sans", Verdana; color: #333333; font-size: 20px; font-weight:200;   line-height: 22px; padding:8px 0;}
.parents .parents_right					{ width:48%; float:right;}
.owl-demo_one3.owl-carousel.owl-theme.owl-responsive-1000.owl-loaded		{ border-bottom: 1px solid #898989;  padding: 0 0 20px;}
.parents .parents_left1						{ width:100%; float:left;}
.parents .parents_left1 p					{ font-family: "Work Sans", Verdana; color: #333333; font-size: 20px; font-weight:200;   line-height: 28px; padding:5px 0; margin-top: -25px; }
.parents .parents_left1 p2					{ font-family: "Work Sans", Verdana; color: #93201F; font-size: 28px; font-weight:400;   line-height: 28px; padding:5px 0; margin-top: -25px; }
.parents .parents_left1 p3					{ font-family: "Work Sans", Verdana; color: #000000; font-size: 24px; font-weight:400;   line-height: 28px; padding:5px 0; margin-top: -25px; }
.parents .parents_left1 p4					{ font-family: "Work Sans", Verdana; color: #333333; font-size: 20px; font-weight:200;   line-height: 28px; padding:5px 0; margin-top: -25px; }

.parents .parents_left2						{ width:100%; float:left;}
.parents .parents_left2 p2					{ font-family: "Work Sans", Verdana; color: #014099; font-size: 20px; font-weight:200;   line-height: 28px; padding:8px 0;}


.main_content .video_se h1					{   font-size: 30px;   line-height: 35px;}
.chat										{float:right; margin-top: 7px;}
.footer_menu > ul 							{ float: left;    padding: 0 10px 0 85px;     }
.item > h5									{ width: 135px;    margin: auto;}

.navigation ul		{display:none;}
.navigation         {display:none;}

.owl-demo_one3 .owl-nav	{display:block;}


.owl-demo_one3 .owl-controls .owl-prev	{ right: -8px;}
.owl-demo_one3 .owl-controls .owl-next   {left:-8px;}
/* Responsive Iframe */
.video-container {
    position: relative;
    padding-bottom: 40%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
}

/* HR Styled */
hr { height: 30px; border-style: solid; border-color: f1f1f1; border-width: 1px 0 0 0; border-radius: 5px; margin-top: 5px; } 

hr.style-seven:before { /* Not really supposed to work, but does */ display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: black; border-width: 0 0 1px 0; border-radius: 10px; }

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}
