.top-nav > ul > li {
	cursor: initial;
}
.text-shadow {
	text-shadow: 0px 2px 5px #000;
}
.header-main {
    font-size: 21em;
    line-height: 1;
    letter-spacing: 15px;
}
.header-sub {
	font-size: 7em;
    line-height: 0;
    margin-bottom: 150px;
    font-family: "Raleway",sans-serif;
}
.pos-abs {
	position: absolute;
}
.gray-bg {
	background: #22A7F0;
}
nav a.active {
	color: #22A7F0 !important;
}
.main-btn {
	font-size: 30px;
	padding: 0 100px;
	border-radius: 0 !important;
	font-family: "Raleway",sans-serif;
}
.sub-btn {
	font-size: 25px;
	color: #333;
	line-height: 1.5;
	font-family: "Raleway",sans-serif;
	display: table-cell;
	font-weight: 700;
}
.padding-vertical-new {
	display:table;
	vertical-align: middle;
	padding-top:0;
}
.padding-vert {
	padding: 50px 0;
}
.no-left-margin{
	margin-left:0;
}
.no-padding{
	padding:0;
}
.padding-t-b-50 {
	padding: 50px 0;
}
.no-padding-bot {
	padding-bottom: 0;
}
.no-padding-top {
	padding-top: 0;
}
.half-padding-top {
	padding-top: 50px;
}
.half-padding-bot {
	padding-bottom: 50px;
}
.no-padding-top {
	padding-top: 0;
}
.m-bot-20 {
	margin-bottom: 20px !important;
}
.m-bot-50 {
	margin-bottom: 50px !important;
}
.video-overlay{
	background:rgba(0,0,0,0.1);
}
.rev-btn{
	background-color:#22A7F0 !important;
	border:none;
	border-radius:2px;
}
.text-bold {
	font-weight: bold;
}
.clients img {
	margin:auto;
}
.center-quote {
	text-align: center;
}
.footer-middle {
	padding:50px 0 !important;
}
.bot-line, .lft-line{
	background-color:#22A7F0 !important;
}
.accordion.style-1 .panel>.panel-heading h4 a:not(.collapsed), .accordion.style-4 .panel>.panel-heading h4 a:not(.collapsed), .bquote-3, .filter-by, .head-3 b:before, .head-4 b:before, .icons-style-2:hover .heading, .inner-menu ul ul, .p-style4 .name-holder, .page-title.title-5 h3, .pagination.bottom-border ul li, .pricing-tbl.style-2:hover h3, .sidebar_widgets li.widget, .tabs-style-ballon .tab-content .tab-pane, .testimonials-3 .testimonials-bg, .toolsBar, .top-bar li ul, .top-search .search-box{
	border-bottom-color:#ef705f	!important;
}
.accordion.style-1 .panel>.panel-heading h4 a:not(.collapsed), .accordion.style-4 .panel>.panel-heading h4 a:not(.collapsed), .big-heart:before, .blog-posts .post-item:hover .post-content .post-icon, .btn.main-border.btn-outlined, .divider i.to-top, .footer-bottom .footer-menu li a:hover, .footer-menu a:hover, .icon-box.box-1:hover .transparent i, .icon-box.box-1:hover h3, .icon-box.gry-border-1:hover i, .icons-style-1:hover .heading, .icons-style-1:hover i.animat-icon, .icons-style-2:hover .heading, .item-price, .main-color, .main-color a, .menu-widget li a:hover, .nav-animate>ul>li>a span:after, .nav-animate>ul>li>span>a span:after, .post-item .post-info h2 a, .pricing-tbl.style-1.selected .price-lg, .pricing-tbl.style-1.selected h3, .pricing-tbl.style-1:hover .price-lg, .pricing-tbl.style-1:hover h3, .pricing-tbl.style-2.selected .price-lg, .pricing-tbl.style-2:hover .price-lg, .pricing-tbl.style-4.selected .plan-head i, .pricing-tbl.style-4:hover .plan-head i, .side-nav>ul>li.hasChildren.selected:after, .side-nav>ul>li.hasChildren:hover:after, .side-nav>ul>li.selected>a, .side-nav>ul>li:hover>a, .social-list li.main-color a, .tabs nav ul li.active a, .testimonials-2 p:after, .testimonials-2 p:before, .timeline .post-item:nth-child(even) .timeline_date .day, .timeline .post-item:nth-child(even) .timeline_date .month, .top-bar ul li i, .top-head .top-nav>ul>li.selected>a, .top-head .top-nav>ul>li.selected>span>a, .top-head.dark-transparent .top-nav>ul>li:hover>a, .top-head.transparent .top-nav>ul>li.hasChildren:hover>a:after, .top-head.transparent .top-nav>ul>li:hover>a, .top-nav ul li a span:before, .top-nav ul li.selected>a, .top-nav ul li.selected>span>a, .top-nav ul li:hover>a, .top-nav>ul>li.hasChildren:hover>a:after, .top-nav>ul>li.hasChildren:hover>span>a:after, .tweets-widget .tweets_txt span, .widget-tweets a, .widget.custom-menu-widget ul li.selected:before, a:hover{
	color:#ef705f !important;
}
.accordion.style-1 .panel>.panel-heading h4 a:not(.collapsed), .accordion.style-4 .panel>.panel-heading h4 a:not(.collapsed), .big-heart:before, .blog-posts .post-item:hover .post-content .post-icon, .btn.main-border.btn-outlined, .divider i.to-top, .footer-bottom .footer-menu li a:hover, .footer-menu a:hover, .icon-box.box-1:hover .transparent i, .icon-box.box-1:hover h3, .icon-box.gry-border-1:hover i, .icons-style-1:hover .heading, .icons-style-1:hover i.animat-icon, .icons-style-2:hover .heading, .item-price, .main-color, .main-color a, .menu-widget li a:hover, .nav-animate>ul>li>a span:after, .nav-animate>ul>li>span>a span:after, .post-item .post-info h2 a, .pricing-tbl.style-1.selected .price-lg, .pricing-tbl.style-1.selected h3, .pricing-tbl.style-1:hover .price-lg, .pricing-tbl.style-1:hover h3, .pricing-tbl.style-2.selected .price-lg, .pricing-tbl.style-2:hover .price-lg, .pricing-tbl.style-4.selected .plan-head i, .pricing-tbl.style-4:hover .plan-head i, .side-nav>ul>li.hasChildren.selected:after, .side-nav>ul>li.hasChildren:hover:after, .side-nav>ul>li.selected>a, .side-nav>ul>li:hover>a, .social-list li.main-color a, .tabs nav ul li.active a, .testimonials-2 p:after, .testimonials-2 p:before, .timeline .post-item:nth-child(even) .timeline_date .day, .timeline .post-item:nth-child(even) .timeline_date .month, .top-bar ul li i, .top-head .top-nav>ul>li.selected>a, .top-head .top-nav>ul>li.selected>span>a, .top-head.dark-transparent .top-nav>ul>li:hover>a, .top-head.transparent .top-nav>ul>li.hasChildren:hover>a:after, .top-head.transparent .top-nav>ul>li:hover>a, .top-nav ul li a span:before, .top-nav ul li.selected>a, .top-nav ul li.selected>span>a, .top-nav ul li:hover>a, .top-nav>ul>li.hasChildren:hover>a:after, .top-nav>ul>li.hasChildren:hover>span>a:after, .tweets-widget .tweets_txt span, .widget-tweets a, .widget.custom-menu-widget ul li.selected:before, a:hover{
	color:#ef705f !important;
}
.feature-img:hover figure a, .full-heading.main-bg:before, .accordion.style-1 .panel>.panel-heading h4 a:not(.collapsed):before, .accordion.style-3 .panel>.panel-heading h4 a:not(.collapsed), .black-bg:hover>a, .blog-posts .post-item:hover .post-content, .box-5:hover, .bquote-2, .comment-list .comment-content h6, .dark-bg:not(.top-head):hover a, .darker-bg:hover a, .diamond.colored:after, .diamonds:hover, .diamonds:hover a, .feature-img2:hover figure a, .filter-by ul li:after, .filter-by.style-2 ul li.active a, .filter-by.style-3 ul li.active a, .filter-by:not(.style-2) ul li.active a, .filter-by:not(.style-3) ul li.active a, .flex-control-paging li a.flex-active, .footer-3 .footer-top .social-list li a:hover, .footer-middle h3:after, .head-4:after, .head-5:after, .head-8:before, .header-9 .top-nav>ul>li.mega-menu:hover>span:after, .header-9 .top-nav>ul>li.mega-menu:hover>span:before, .header-9 .top-nav>ul>li:not(.mega-menu):hover:after, .header-9 .top-nav>ul>li:not(.mega-menu):hover:before, .heading-full [class*=head-]:after, .heading-full [class*=head-]:before, .icon-box .filled i:hover, .icon-box.box-1 .outlined i:after, .icon-box.box-1.bordered .inner:after, .icon-box.box-1.bordered .inner:before, .icon-box.box-1.bordered:after, .icon-box.box-1.bordered:before, .icon-box.gry-border-1:hover, .icon-box.gry-border-2:hover h3, .icon-box:hover .filled i, .icons-style-1:hover .btn, .item-img .product-buttons a:hover, .list-grid a.selected, .login-box-lg .login-inner:after, .main-bg, .main-heading .heading-separator:after, .minimal-socials li a:hover, .modal-header, .nav-border-bottom li.mega-menu .inner-mega:after, .nav-border-bottom>ul>li:after, .nav-border-left li.mega-menu .inner-mega:after, .nav-border-left>ul>li:after, .nav-border-right li.mega-menu .inner-mega:after, .nav-border-right>ul>li:after, .nav-border-top li.mega-menu .inner-mega:after, .nav-border-top>ul>li:after, .on-sale, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .pagination ul li.selected, .pagination.bar-1 ul li a:hover, .pagination.bar-3 ul:after, .pagination.bottom-border ul li:hover, .portfolio-item .fav:hover, .portfolio-item .link:hover, .portfolio-item .zoom:hover, .post-icon, .post-item:hover .bottom_tools a, .pricing-tbl.style-1.selected .btn, .pricing-tbl.style-1:hover .btn, .pricing-tbl.style-2.selected .btn, .pricing-tbl.style-2.selected h3, .pricing-tbl.style-2:hover .btn, .pricing-tbl.style-2:hover h3, .pricing-tbl.style-3.selected, .pricing-tbl.style-3:hover, .pricing-tbl.style-4.selected .btn, .pricing-tbl.style-4.selected .plan-head, .pricing-tbl.style-4.selected .plan-head:after, .pricing-tbl.style-4.selected .plan-head:before, .pricing-tbl.style-4:hover .btn, .pricing-tbl.style-4:hover .plan-head, .pricing-tbl.style-4:hover .plan-head:after, .pricing-tbl.style-4:hover .plan-head:before, .progress-bars .bar .bar-in, .saf-tags.hover-effect li:hover, .side-one li a, .sidebar_widgets .widget-head:after, .sidebar_widgets li.widget:after, .sidebar_widgets li.widget:before, .slick-dots li.slick-active button, .social-list li:not(.main-bg) a:hover, .tabs-style-ballon .nav-tabs>li.active>a, .tabs-style-bg .nav-tabs>li.active a:after, .tabs-style-bottomline li.active:after, .tabs-style-lg.style-1 .nav-tabs>li.active>a, .team-box.box-1:hover .team-details, .team-box.box-2:hover, .team-box.box-2:hover .team-pos, .timeline .post-item .timeline_date .inner_date:before, .timeline .post-item .timeline_date:before, .top-bar .social-list li a:hover, .top-bar.main-bg li.dropdown ul, .top-head.boxed-transparent .bot-line, .top-head.boxed-transparent .logo:after, .top-head.boxed-transparent .logo:before, .top-head.header-2 .top-cart>a:before, .top-head.header-2 .top-nav>ul>li.selected>a, .top-head.header-2 .top-nav>ul>li.selected>span>a, .top-head.header-2 .top-nav>ul>li:hover>a, .top-head.header-2 .top-nav>ul>li:hover>span>a, .top-head.header-2 .top-search>a:before, .top-head.header-5 .top-nav>ul>li .inner-mega:before, .top-head.header-5 .top-nav>ul>li:before, .top-head.header-6 .top-nav>ul>li .inner-mega:before, .top-head.header-6 .top-nav>ul>li.mega-menu:hover>a, .top-head.header-6 .top-nav>ul>li:hover:before, .top-head.header-6 .top-nav>ul>li:hover>a:before, .top-head.header-6 .top-nav>ul>li>span>a:before, .top-head.header-8 .top-nav>ul>li.selected>a, .top-head.header-8 .top-nav>ul>li.selected>span>a, .top-head.header-8 .top-nav>ul>li:hover>a, .top-head.header-8 .top-nav>ul>li:hover>span>a, .top-nav.colored-submenu ul li ul, .top-shop-links a:hover, .tri-line:before, footer .tags li a:hover, footer .tags.hover-effect a:after, input[type=radio]:checked+label>span>span, li.outlined.rectangle:hover{
	background-color:#ef705f !important;
}
.btn:hover {
	color: #FFF !important;
}
.full-heading.main-bg:before{
	background-color:rgba(0,0,0,0) !important;
}
.top-bar ul.social-list li a, .top-head .logo a, .top-head .top-nav > ul > li > a, .top-head .top-nav > ul > li > span > a, .top-head .top-cart > a, .top-nav > ul > li li.hasChildren > a:after, .cart-body .price, .top-head.sticky-nav .logo a, .footer-middle .logo, .footer-light .footer-middle, .bar-wrap b, .top-head.sticky-nav .top-nav > ul > li.hasChildren > a:after, .top-head.sticky-nav .top-cart > a, .footer-light .contact-widget .details li, .footer-light .footer-middle a, .list li.list-bg i, .filled.lg-icon i, .btn-default.btn-outlined, .btn-default.btn-square_outlined, .head-1 p.sub-heading, .head-2 p.sub-heading, .head-3 p.sub-heading, .head-4 p.sub-heading, .head-5 p.sub-heading, .head-6 p.sub-heading, .head-7 p.sub-heading, .head-8 p.sub-heading, .tabs nav a, .circliful, .circle-info, .circle-info-half, .fun-info, .cta_btn p, .pricing-tbl h3, .pricing-tbl.style-3:hover .price_txt, .pagination.bar-1 ul li a, .pagination.bar-2 ul li a, .pagination.bar-3 ul li a, .progress-bars.style-6 span.bar-title, .item-price ins
 .tags-widget .tags a, .cont-success i.success-icon, .login-2 .login-head, .name-holder h5 a, .cart-body .price{
 	color:#FFF;
 }
 .accordion .panel.main-bg, .btn.main-bg, .contact-widget .social-list .diamond.outlined a:hover:after, .feature-img:hover figure:before, .flex-control-paging li a.flex-active, .heading-full [class*=head-], .icon-box.gry-border-2:hover, .icons-style-2 i, .img-icon, .main-border, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .pricing-tbl.selected, .pricing-tbl.style-4.no-margin.selected, .pricing-tbl.style-4.selected .plan-head:before, .pricing-tbl.style-4:hover .plan-head:before, .pricing-tbl:hover, .testimonials-2 .testimonials-img, .tri-line, footer .tags li:hover, footer .tags.hover-effect a:hover, li.outlined.circle:hover, li.outlined.rectangle:hover {
 	border-color: #22A7F0 !important;
 }
.top-head.boxed-transparent > .header{
 	display: flex;
	flex-direction: row;
 }
.top-head.boxed-transparent.sticky-nav > .header{
	background:transparent;
}
.top-nav > ul > li > a.special > span{
	text-decoration: underline !important;
}
.top-nav > ul > li > a.special-phone > span{
	font-size:18px;
	margin-top:-6px;
}
.top-head .logo img {
  width: 206px !important;
}
.footer-middle img {
	width: 175px !important;
}
div.custom-icon-box > i{
	float:none;
	display: block;
	margin:auto;
	color:#333;
}

.custom-icon-box i:after{
	background:#22A7F0;
}

.contact-widget .details li {
	color:#000 !important;
	font-size:20px;
}
.side_contact {
	padding-top:50px;
}
.p-3-cols.no-margin.steps .portfolio-item {
	width:33.33333% !important;
}
.p-3-cols.no-margin.steps .portfolio-item.half {
	width:50% !important;
	/*max-height: 300px;*/
    overflow: hidden;
}
.p-style3 figure h4, .p-style3 figure .description {
	-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    left: 0;
}
.p-style3 figcaption::before {
	background: transparent;
}
.testimonials-4 .testimonials-bg {
	min-height: 150px;
}
.vertical-icons .icon-box-small .icon-sm-desc {
	padding-top: 15px;
}
.footer-bottom .social-list li {
	min-width: 90px;
}
#footWrapper .social-list li a {
	width:inherit;
	text-align: center;
}
.custom-form-half {
	width:49%;
	float:left;
}
.custom-form-half.left {
	margin-right: 2%;
}
.zoom-bg {
    -webkit-transform:scale(1.4);
    transform:scale(1.4);
}
#main-bg {
	-webkit-transition:all 1200ms ease-out;
    transition:all 1200ms ease-out;
}
.white.stay:hover {
	color:#FFF !important;
}
/* .card-1 {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
	transition: all 0.2s ease-in-out !important;
}

.card-1:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
} */

.card-2 {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
}

.card-3 {
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
}

.card-4 {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
}

.card-5 {
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22) !important;
}
.submit-btn {
    margin: auto;
    display: block;
    border-radius: 4px;
}
.full-btn {
	width: 100%;
}
.header-size {
	font-size: 100px;
}
.secondary-header-size {
	font-size: 50px;
}
.about-tile {
	padding: 25px 35px;
	background-color: rgba(0,0,0,0.6);
}
.feature-icon {
	text-align: center;
}
#quote {
	padding: 20px;
    background: rgba(255,255,255,0.8);
    border-radius: 5px;
}
#quote input, #quote select {
	border: 1px solid #e1e1e1;
}
.inline-input {
	margin-top: 10px;
}
.non-select {
	cursor: default;
}

.how-title {
	background: rgba(255,255,255,0.7);
	width: 100%;
}
.how-content {
	padding-top: 75px;
}
.about-title > .container.how-container {
	height: 250px;
}
.page-title > .container.how-container > .row {
	padding-top: 100px;
}
.secondary-logo img {
	width: 100px !important;
}
.how-cover {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 0 -350px;
}
/*.how-blur {
	-webkit-filter: blur(2px);
	filter: blur(2px);
}*/
#oemFeatures {
	margin-bottom: 25px;
}
#oemFeatures li {
	margin-bottom: 10px;
	line-height: 2;
	list-style: initial;
}
.auction-text {
	padding: 100px;
}
.auction-text.long {
	padding: 35px;
}
.feature-box {
	border-radius: 5px;
}
#contact input, #contact textarea {
	border: 1px solid #22A7F0;
}
.fun-icon {
	font-size: 20px !important;
}
.about-facts {
	height: 200px;
	padding: 50px 70px;
}
.about-facts h2 {
	font-weight: 600;
	margin-bottom: 10px;
}
.about-facts p {
	line-height: 20px;
}
.about-facts ul li {
	margin-top: 12px;
	font-size: 15px;
	font-weight: 500;
}
.about-facts ul li:first-child {
	margin-top:0;
}

.headertext h3, .headertext h4 {
	color:white;
}

.heading h1, .heading h5, .heading p {
	color:white;
	/*color:#004c58;*/
}
.greytext h5 {
	color:#333333;
}

.ourpromise h3 {
	font-size: 48px;
}
.ourpromise p {
	font-size: 18px;
	font-style: italic;
}

.careertext p, .subheading p {
	color:#333333;
}

.contactus{
	margin-top:100px;
}
.contactus h5 {
	color:#004c58;
	font-weight: 900;
}

.howitworks {
	color:white;
}

.howitworks-text {
	position: absolute;
	color: #ef705f;
	font-size: 63px;
	font-weight: bold;
	font-style: italic;
	padding: 0;
	margin-top: -49px;
	margin-left: 13%;
	background-color: #d5e8ec;
}

.steptwo h1 {
	font-size: 48px;
}
.stepfour h1 {
	font-size:48px;
}

.stepthree h1 {
	font-size:48px;
}

.stepfive h1 {
	font-size: 48px;
}
.appstore a img{
	transition: 0.2s all;
}
.appstore a img:hover {
	opacity:0.8;
	margin-top:-3px;
	border: 1px solid #FFF;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
}
.q-list {
	font-size: 15px;
}
.q-list li {
	margin-bottom: 5px;
}
.q-list.name {
	text-align: right;
}
.half-width {
	width: 50% !important;
	float: left;
}
.quote-price {
	font-weight: bold;
}
.info-tile {
	padding: 20px;
	background: rgba(255,255,255,0.8);
	border-radius: 5px;
}

#about {
	padding: 20px 30px;
  border-top: 2px solid #a8c0c3;
  background-color: #d5e8ec;
  padding-bottom: 0;
}

#about-detail {
	background: url('../images/sun-road.jpeg') no-repeat;
	background-size: cover;
}

.about-txt {
	margin: 170px 200px;
	padding: 125px 147px;
	font-weight: bold;
	font-size: 25px;
	line-height: 2;
  text-align: center;
	border: 3px solid #004c58;
	border-bottom: none;
	margin-bottom: 0px;
}

.a-detail {
	opacity: 0.7;
	padding: 40px 35px;
	margin-right: -25px;
	margin-top: -33px;
	margin-left: 35px;
	background-color: white;
}

.a-detail h1 {
	font-size: 39px;
	font-weight: bold;
	color: #317080;
	text-align: right;
}

.a-detail p {
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	color: #403f40;
}

.b-detail {
	opacity: 0.7;
  padding: 40px 35px;
  margin-right: 50px;
  margin-left: -35px;
  background-color: white;
}

.b-detail h1 {
	font-size: 39px;
	font-weight: bold;
	color: #317080;
	text-align: left;
  margin-bottom: 0px;
}
.b-detail div {
	font-size: 25px;
	font-weight: bold;
	color: #ef705f;
	text-align: left;
	margin-bottom: 30px;
}
.b-detail p {
	text-align: left;
	font-weight: bold;
	font-size: 15px;
	color: #403f40;
}

/* */
.contact-radius{
	border-radius: 10px;
}
.clearshadow{
	-webkit-box-shadow: none !important;
     box-shadow: none !important;
}
.colorchange{
	background: #ef705f !important;
    border: 1px solid #ef705f !important;
    border-color:#ef705f !important;

    -webkit-transition: all 100ms linear 0s;
    -moz-transition: all 100ms linear 0s;
    transition: all 100ms linear 0s;
    text-decoration: none !important;
}
.colorchange:hover{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
  transform: translateY(4px);
}
.btn.main-bg{
	border-color:#ef705f !important;
}
.headertext > h3{
	font-size:40px;
}
.headertext .sub-title{
	color:#004c58;
	font-size:35px;
}
.headertext .main-color{
	color: #ef705f !important;
}
.heading-separator::before{
	background: #004c58 !important;
}
.heading-separator .dark-bg{
	background-color: #004c58 !important;
}
.heading-separator .main-bg{
	background-color: #ef705f !important;
}
.heading-separator::after{
	background-color: #ef705f !important;
}
.form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #f1f1f1;
     color: #fff;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 0;
     border-radius: 50px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
.form-radio:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover
{
     background-color: #f7f7f7;
}
.form-radio:checked
{
     background-color: #ef705f;
}
.radio-name{
	font: 300 16px/1.7 'Open Sans', sans-serif;
     color: #666;
     cursor: pointer;
     position: relative;
    left: 50px;
    top: 5px;
}
.radio-names{
	font: 300 13px/1.7 'Open Sans', sans-serif;
     color: #666;
     cursor: pointer;
     position: relative;
    left: 10px;
    padding:0 10px;
    top: 7px;
}
.sub-heading{
	font-size:25px !important;
}
.text-right > a.btn , .orange-detail{
	box-shadow: 0 5px 6px -1px rgba(0, 0, 0, 0.3);
}
.contact100-form-btn:hover{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
}
.text-right a{
	-webkit-transition: all 100ms linear 0s;
    -moz-transition: all 100ms linear 0s;
    transition: all 100ms linear 0s;
    text-decoration: none !important;
}
.text-right > a:hover{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
}

img.partner {
	height:auto;
	max-height: 130px;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	display:table-cell;
	margin:auto;
}
.partner-box {
	display:table;
	width:100%;
}
.table-cell {
	vertical-align: middle;
	height:130px;
	display:table-cell;
	text-align: center;
}
.multbg-top-to-bottom {
  border-top: 5px solid #004c58;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004c58), to(transparent));
  background-image: -webkit-linear-gradient(#004c58, transparent);
  background-image:
      -moz-linear-gradient(#004c58, transparent),
      -moz-linear-gradient(#004c58, transparent);
  background-image:
      -o-linear-gradient(#004c58, transparent),
      -o-linear-gradient(#004c58, transparent);
  background-image: 
      linear-gradient(#004c58, transparent),
      linear-gradient(#004c58, transparent);
  -moz-background-size: 5px 100%;
  background-size: 5px 100%;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat; 
}
.multbg-top-to-bottom:hover {
  border-top: 5px solid #ef705f;
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef705f), to(transparent));
  background-image: -webkit-linear-gradient(#ef705f, transparent);
  background-image:
      -moz-linear-gradient(#ef705f, transparent),
      -moz-linear-gradient(#ef705f, transparent);
  background-image:
      -o-linear-gradient(#ef705f, transparent),
      -o-linear-gradient(#ef705f, transparent);
  background-image: 
      linear-gradient(#ef705f, transparent),
      linear-gradient(#ef705f, transparent);
}
/* Mobile in portrait mode */
@media only screen
and (max-width : 320px) {
	#howitworksMain{
		padding:0;
	}
	.howborder{
		width: 100%
	}
	#contentWrapper{
		margin-top:130px;
	}
	.howitworks-text{
		font-size:30px;
		margin-left:10%;
		margin-top:-24px;
	}
	.howcontent1{
		height: 200px;
	}
	.content-flex{
		padding: 0 !important;
		display: inline-block !important;
	}
	.content-flex .number{
		position: relative;
    	top: 40px;
    	left: 20px;
    	font-size:70px;
	}
	.content-flex .text{
		font-size: 10px !important;
	     margin-top: 0 !important; 
	     margin-left: 5px !important;
	    position: relative ;
	    left: 54px;
	    top: -25px;
	}
	.content-flex .parag-bold{
		font-size:12px;
	}
	.howcontent2{
		height: 200px;
	}
	.howcontent3{
		height: 200px;
	}
	.howcontent4{
		height: 200px;
	}
	.content-flex .parag{
		font-size: 8px;
    	width: 130px;
    	text-align: left;
    	line-height: 20px;
    	margin: 10px 0;
    	line-height: 14px;
	}
	.back-line{
		border-top: 0 !important;
	}
	.footer-middle{
		padding: 0px 0 40px 0 !important;
	}
}

/* Mobile in landscape mode */
@media only screen
and (min-width : 321px)
and (max-width : 480px) {
	#contentWrapper{
		margin-top:130px;
	}
	#howitworksMain{
		padding:0 !important;
		border:none !important;
		
	}
	.howitworks-text{
		margin-top: -24px;
		font-size: 36px;
	}
	.howborder{
		width: 100%;
	}
	.howcontent1{
		height: 200px;
	}
	.content-flex{
		padding: 0 !important;
		display: inline-block !important;
	}
	.content-flex .number{
		position: relative;
    	top: 40px;
    	left: 20px;
    	font-size:70px;
	}
	.content-flex .text{
		font-size: 12px !important;
	     margin-top: 0 !important; 
	     margin-left: 0 !important; 
	    position: relative ;
	    left: 54px;
	    top: -25px;
	}
	.content-flex .parag-bold{
		font-size:12px;
	}
	.howcontent2{
		height: 200px;
	}
	.howcontent3{
		height: 200px;
	}
	.howcontent4{
		height: 200px;
	}
	.content-flex .parag{
		font-size:12px;
	}
	.center_contact{
		width: 100%;
	}
	.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{
		margin-bottom: 10px;
	}
	#quote input, #quote select{
		font-size: 12px;
	}
}
/* Mobile in landscape mode */
@media only screen
and (min-width : 481px)
and (max-width : 767px) {
	.f-right{
		float:left !important;
		padding-left: 30px;
		padding-right: 50px;
		margin-left : 0 !important;
	}
	.f-left{
		float:none;
	}
	.about-txt{
		margin:0 !important;
		padding:40px 30px !important;
		font-size:20px !important;
	}
	#about {
    	padding: 30px 10px 0 10px !important;
	}
	.center_contact{
		width: 90% !important;
	}
	.spaceAbout{
		height: 30px!important;
	}
	#contactus{
		padding:0 !important;
		height: 130px;
	}
	#contentWrapper{
		margin-top: 130px !important;
	}
	#contactus  .orange-detail{
		    position: relative !important;
		    top: -322px !important;
		    font-size: 10px !important;
		    padding: 0 !important;
		    width: 150px !important;
		    left: 280px !important;
		    display: inline-block !important;
	}
	.contactus{
		margin-top:30px !important;
	}
	.heading > .sub-heading {
    	font-size: 14px !important;
    	line-height: 20px;
    	padding-bottom: 10px;
    	font-weight: 900;
	}
	.heading h1 {
	    font-size: 24px !important;
	    margin: 0 !important;
	}
	.side_contact {
   	 	padding-top: 0 !important;
	}
	.padding-vertical-40{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	#howitworksMain{
		padding: 0 !important;
	}
	.howitworks-text{
		font-size: 30px !important;
   		margin-top: -20px !important;
    	margin-left: 30px !important;
	}
	.howborder{
		width: 100% !important;
	}
	.howcontent1{height: 260px !important}
	.howcontent2{height: 260px !important}
	.howcontent3{height: 260px !important}
	.howcontent4{height: 260px !important}
	.content-flex{
		padding: 0 !important;
		display: inline-block !important;
	}
	.content-flex .number{
		position: relative;
    	top: 40px;
    	left: 30px;
    	font-size:100px;
	}
	.content-flex .text{
		font-size: 18px !important;
	     margin-top: 0 !important; 
	     margin-left: 0 !important; 
	    position: relative ;
	    left: 70px !important;
	    top: -50px;
	}
	/*index*/
	.feature-text{
		display: none;
	}
	.transport-form{
		width: 100% !important;
	}
	.line{
		width: 35% !important;
	}
	.back-line{
		border-top:none !important;
	}
	.feature-icon img{
		width: 65% !important;
		height: auto;
	}
	#list-borders{
		display: none;
	}
	#partners{
		padding:0 !important;
	}
}
/* Tables mode */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
	.new-track, .no-chains, .epod, .ontime, .competitive, .double-insured, .hassle-free, .innovative{
		height:290px;
	}

	#contentWrapper{
		margin-top:150px;
	}
	#howitworksMain{
		padding:0;
	}
	.howborder{
		width: 100%;
	}
	.howcontent1{
		height: 380px;
	}
	.howcontent2{
		height: 380px;
	}
	.howcontent3{
		height: 380px;
	}
	.howcontent4{
		height: 380px;
	}
	.content-flex .text{
		font-size: 24px !important;
	     margin-top: 0 !important; 
	     margin-left: 0 !important; 
	    position: relative ;
	    left: 108px;
	    top: -50px;
	}
	.content-flex{
		padding: 0 !important;
		display: inline-block !important;
	}
	.content-flex .number{
		position: relative;
    	top: 80px;
    	left: 40px;
    	font-size:140px;
	}
	.howitworks-text{
		margin-top: -30px !important;
    	margin-left: 5% !important;
   		font-size: 40px !important;
	}
}


body {
	font-family: Arial, sans-serif;
}