body, select, input, textarea {color: rgb(99, 99, 99);}
body{
	font-family: Raleway;
	position:relative;
}
div.section_slide{
	background-image: url(imgs/bg_bk_gradient.jpg);
	background-size: cover;
	text-align: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.rev_slider_wrapper{
	background: transparent;
}

a {color: #347C9E;}
a:hover {color: #347C9E;}
.bd{
	color: #bdbdbd;
}
a:hover span{
	color: #347C9E;
}
blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: '';
}

/* Custom text-selection colors (remove any text shadows: https://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

h1, h2, h3, h4, h5, h6{
	color: #A20404;
    font-weight: bold;
}
h5{
	font-size: 20px;
}
.divider_title{
	padding-top: 80px;
}
.header_container{
	position: fixed;
    z-index: 1000;
	width: 100%;
	box-shadow: 0px 0px 10px #252525
}
.header_top{
	background: #252525;	height: 44px;
}
.header_top h1{
	font-size: 16px;
    color: white;
    margin: 13px;
}
.header_nav{
	background: white;
}
@media screen and (max-width: 768px) {
	.header_nav{
		top: 0;
	}
}
@media screen and (max-width: 700px) {
	.header_top h1{
		font-size: 10px;
	}
}
.no-margin{
	margin: 0px;
}
#pg-67-2 h1{
    color: #fff;
}
.tp-caption.largebkcolorbg, .largebkcolorbg {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(254,254,254,1) 60%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(254,254,254,1) 60%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(254,254,254,1) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}





#dvLoading{
   background:#ffffff url(https://motomix.com/wordpress/wp-content/uploads/2016/11/loading2.gif) no-repeat center center;
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: 10000;
}


/* Bootstrap Mod */
.btn-primary {
    background-color: #347C9E;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #860000;
    border-color: #FFFFFF;
}
.btn-outline {
	padding: 15px 20px;
	font-size: 16px;
}
.media-left h4{
	margin: 2px 0 0 0;
}
.media-left h3{
	margin: 0;
}
.media-left h4 i{
	width: 18px;
    text-align: center;
}
.media-left h3 i{
	width: 28px;
    text-align: center;
}
.media{
	margin-top: 6px;
}	
.navbar {
    min-height: 10px;
	margin-bottom: 0px;
	border: none;
	-webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #347C9E;
}
.navbar-default {
    background-color: rgba(255, 255, 255, 0);
    border-color: #e7e7e7;
}
.navbar-brand {
	height: auto;
	padding: 6px 10px;
	    margin-top: 10px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-color: #a50000;
	color: white;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover {
	padding: 30px 10px 30px 10px;
	background: #860000;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #383838;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #347C9E;
    color: #FEFEFE;
}
.nav>li {
	font-size: 16px;
}
.nav>li>a {
    padding: 10px 10px;
	text-transform: uppercase;
	-webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}
.navbar-nav>li>a {
    padding-top: 30px;
    padding-bottom: 30px;
}
.navbar-btn {
    margin-top: 14px;
    margin-bottom: 14px;
	margin: 13px 10px;
}
.navbar-default .navbar-toggle {
    margin-top: 14px;
    margin-bottom: 14px;
	border-color: #347C9E;
    background-color: #ffffff;
	-webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #347C9E;
	border-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #347C9E;
	-webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.navbar-default .navbar-toggle:hover .icon-bar , .navbar-default .navbar-toggle:focus  .icon-bar {
    background-color: #ffffff;
}
.icon-bar{
	-webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}
.collapsed .icon-bar-top{
	-ms-transform: rotate(0deg) translate(0px,0px);
    -webkit-transform: rotate(0deg) translate(0px,0px);
    transform: rotate(0deg) translate(0px,0px);
}
.collapsed .icon-bar-middle{
	opacity: 1;
}
.collapsed .icon-bar-bottom{
	-ms-transform: rotate(0deg) translate(0px,0px);
    -webkit-transform: rotate(0deg) translate(0px,0px);
    transform: rotate(0deg) translate(0px,0px);
}
.icon-bar-top{
	-ms-transform: rotate(45deg) translate(4px,4px);
    -webkit-transform: rotate(45deg) translate(4px,4px);
    transform: rotate(45deg) translate(4px,4px);
}
.icon-bar-middle{
	opacity: 0;
}
.icon-bar-bottom{
	-ms-transform: rotate(-45deg) translate(4px,-4px);
    -webkit-transform: rotate(-45deg) translate(4px,-4px);
    transform: rotate(-45deg) translate(4px,-4px);
}
.btn {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}	
.btn-bk_white{
    color: #fff;
    background-color: rgba(255, 255, 255, 0);
    border-color: #FFFFFF;
	-webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btn-bk_white:hover, .btn-bk_white:focus{
    color: #347C9E;
    background-color: rgb(255, 255, 255);
}
.btn-bk_blue{
    color: #347C9E;
    background-color: rgba(255, 255, 255, 0);
    border-color: #347C9E;
	-webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btn-bk_blue:hover, .btn-bk_blue:focus{
    color: #ffffff;
    background-color: #347C9E;
}
.panel-primary {
    border-color: #347C9E;
}
.panel-primary>.panel-heading {
    background-color: #347C9E;
    border-color: #347C9E;
}
.btn-outline {
    background-color: transparent;
	border-color: transparent;
    color: inherit;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
	margin: 5px;
	font-weight: bold;
}

.btn-primary.btn-outline {
    color: #347C9E;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #454545;
	background: #ffffff;
}

.btn-danger.btn-outline {
    color: #ffffff;
	background: #a50000;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover{
	color: #ffffff;
    background: #a50000;
    border-color: #ffffff;
}
.btn-danger.btn-outline:hover {
    color: #a50000;
	background: #ffffff;
}
/* END Bootstrap Mod */





.err404{
	padding: 100px 0 0 0;
}
.fa-stack-1x, .fa-stack-2x {
    top: 0;
}
.big_icon_size {
    font-size: 50px;
}
.spacer_top{
 height: 67px;
}
footer {
    padding: 80px 0;
	background-image: url(imgs/bg_contact.jpg);
    background-size: cover;
	color: #8E8E8E;
	background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
}
footer a{
	color: #8E8E8E;
}
footer a:hover{
	color: #ffffff;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
	color: #dadada;
}
.divider_line{
	background-image: url(imgs/bg_bk_gradient.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	height: 10px;
}
.divider-ext-margin {
  padding: 25px 0 0 0;
  background: #fff;
  background: -moz-radial-gradient(center bottom, ellipse cover, #efefef 0%, #fff 60%);
  background: -webkit-gradient(radial, center bottom, 0px, center bottom, 60%, color-stop(0%, #efefef), color-stop(60%, #fff));
  background: -webkit-radial-gradient(center bottom, ellipse cover, #efefef 0%, #fff 60%);
  background: -o-radial-gradient(center bottom, ellipse cover, #efefef 0%, #fff 60%);
  background: -ms-radial-gradient(center bottom, ellipse cover, #efefef 0%, #fff 60%);
  background: radial-gradient(ellipse at center bottom, #efefef 0%,#ffffff 60%);
  margin-bottom: 25px;
}
div.divider-int {
  height: 1px;
  background: #fff;
  background: -moz-linear-gradient(left, #fff 0%, #b7b7b7 30%, #b7b7b7 70%, #fff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(10%, #fff), color-stop(30%, #b7b7b7), color-stop(70%, #b7b7b7), color-stop(90%, #fff), color-stop(100%, #fff));
  background: -webkit-linear-gradient(left, #fff 0%, #b7b7b7 30%, #b7b7b7 70%, #fff 100%);
  background: -o-linear-gradient(left, #fff 0%, #b7b7b7 30%, #b7b7b7 70%, #fff 100%);
  background: -ms-linear-gradient(left, #fff 0%, #b7b7b7 30%, #b7b7b7 70%, #fff 100%);
  background: linear-gradient(to right, #ffffff 0%,#b7b7b7 30%,#b7b7b7 70%,#ffffff 100%);
}
section{
    padding: 0px 0;
}
#body_container{	padding-top: 115px;
}
.divider_title{
	background-image: url(imgs/bg_bk_gradient.jpg);
	background-size: cover;
	text-align: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.divider_title h1{
	color: white;
}

@media screen and (min-width: 768px) {
	.navbar-default .navbar-nav>li>a {
		color: #a50000
	}
	.navbar-fixed-top-1 .navbar-default .navbar-nav>li>a {
		color: #777;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
		color: #FFFFFF;
	}
	.navbar-fixed-top-1 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
		color: #347C9E;
	}
}
	
@media screen and (max-width: 768px) {
	.header_nav{
		background: white;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover {
		border: none;
		padding: 10px;
		text-align: center;
		background-color: #347C9E;
		color: white;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
	.navbar-btn {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		background-color: #ffffff;
		color: #347C9E;
	}
	.navbar-default ul ul{
		text-align: center;
		background-color: #E0EBF1;
	}
	.navbar-default ul ul li{
		background-color: #E0EBF1;
	}
	.navbar-default ul ul li {
		background-color: rgba(52, 124, 158, 0.5);
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #FFF;
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: 0px;
	}
}	

.tablet{
	width: 450px;
	height: 670px;
	background: url(imgs/tablet.png);
	margin: 15px auto;
	position:relative;
	transform: perspective( 600px ) rotateY( 5deg );
	webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.tablet:hover{
	transform: perspective( 600px ) rotateY( 0deg );
}
#ivirtual{
	position: absolute;
    width: 400px;
    height: 533px;
    top: 69px;
    left: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mouse{
	webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
	width: 90%;
	margin-left: 0%;
}
#pg-9-2:hover .mouse{
	margin-left: 10%;
}
.smartphone{
	width: 160px;
	height: 320px;
	background: url(https://motomix.com/wordpress/wp-content/uploads/2017/02/smartphone_pic.png);
	margin: auto;
	position:relative;
	transform: perspective( 600px ) rotateY( 10deg );
}
.page_app{
	position: absolute;
    width: 135px;
    height: 241px;
    background: url(https://motomix.com/wordpress/wp-content/uploads/2017/02/page_app_pic.jpg);
    top: 35px;
    left: 14px;
    background-size: cover;
	background-position: top left;
	webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.page_app:hover{
	background-position: top right;
}
form label, form label input, form label textarea{
	width: 100%;
}
form label input{
    border-radius: 10px;
    border: solid 1px #e4e4e4;
    background: #FFFFFF;
    height: 50px;
    padding: 0 20px;
    margin-bottom: 20px;
}
form label textarea{
    border-radius: 10px;
    border: solid 1px #e4e4e4;
    background: #FFFFFF;
    padding: 0 20px;
}
.appstoreimg{
   width: 120px;
}

.navbar-default .navbar-nav>li>a {
    color: #a50000;
    font-weight: bold;
}
.bk_img_button{
	padding: 0px;
	webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.section7 img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
	    margin: 20px;
}
.section7 img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}