/*   
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio and Blog Theme.
 * Version: 1.3
 * Author: Html Stream
 * Website: http://htmlstream.com/preview/unify
*/

/*Import app.css*/
@import url(app.css);

/*Import Google Fonts*/
@import url(http://fonts.googleapis.com/css?family=Monda:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/*Block Headline*/
.headline {
	display: block;
	margin: 10px 0 25px 0;
	border-bottom: 1px dotted #e4e9f0;
}
.headline h2, 
.headline h3, 
.headline h4 {
	color: #585f69;
	margin: 0 0 -2px 0;
	padding-bottom: 5px;
	display: inline-block;
	border-bottom: 2px solid #72c02c;
}
.headline h2 {
	font-size: 23px;
}

.headline-md h2 {
	font-size: 21px;
}
.rabc
{
    width:45%;
}
#colst
{
     width:113%;
}
#ifrm
{
    margin: 20px 10px 20px 105px;width: 900px;
}
#containerspe
{
     padding-top: 188px;
    position: relative;
}
#myquote1
{
   border:1px solid #46bde5;width:79%;  background: #fdeafd none repeat scroll 0 0;

}
#name, #phone, #email, #message,#comp 
{
    width:400px;height:40px; font-size:15px;
}
#message
{
    height:150px;
}
#loginsec
{
    padding-top:62px; margin-bottom:150px;
}
#pdiv
{
    margin-left:3px !important;
}
.headline-md {
	margin-bottom: 15px;
}

.header_area
{
    position:fixed; width:100%; z-index:10000; background:#fff;
}

/*Purchase Block*/
.purchase {
	padding: 30px 0;
	margin-bottom: 30px;
	box-shadow: inset 0 0 4px #eee;
	background: url(../img/breadcrumbs.png) repeat;
}
.purchase p {
	margin-bottom: 0;
}
.purchase span {
	color: #666;
	display: block;
	font-size: 28px;
	font-weight: 200;
	line-height: 35px;
	margin-bottom: 12px;
	font-family: 'Open Sans', sans-serif;
}
.purchase a.btn-buy {
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	margin-top: 22px;
	font-weight: bold;
	background: #72c02c;
	display: inline-block;
	text-decoration: none;
	padding: 12px 28px 9px;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #51a00b;
}
.purchase a.btn-buy:hover {
	color: #fff;
	background: #68af28;
	text-decoration: none;
	box-shadow: 0 0 5px #c0c2c1;
} 

/*Service*/
.service {
	overflow: hidden; 
	margin-bottom: 10px;
	padding: 15px 15px 10px;
}
.service:hover {
	background: #fcfcfc;
	box-shadow: 0 0 5px #ddd;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.service:hover i {
	color: #656565;
}

.service .desc {
	padding: 0 15px; 
	overflow: hidden;
}
.service .desc h4 {
	font-size: 22px;
	line-height: 25px;
}

.service .service-icon {
	float: left;
	padding: 10px;
	color: #72c02c;
	font-size: 45px;  
	text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service .service-icon.icon-cogs {
	font-size: 37px;
}
.service .service-icon.icon-plane {
	font-size: 43px;
}

/* Recent Work  */
.recent-work a {
	text-align: center;
	background: #fcfcfc;
	display: inline-block;
}

.recent-work a:hover {
	text-decoration: none;
}

.recent-work a:hover strong {
	color: #555;
}

.recent-work em.overflow-hidden {
	display: block;
}

.recent-work a span {
	display: block;
	padding: 10px;
	border-bottom: solid 2px #eee;
}

.recent-work a strong {
	color: #555;
	display: block;
}

.recent-work a i {
	color: #777;
}

.recent-work a img {
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}

.recent-work a:hover img {
	opacity: 0.8;
   -webkit-transform: scale(1.2) rotate(3deg);
   -moz-transform: scale(1.2) rotate(3deg);
   -o-transform: scale(1.0) rotate(3deg);
   -ms-transform: scale(1.2) rotate(3deg);
   transform: scale(1.2) rotate(3deg);
}

.recent-work a:hover span {
	border-bottom: solid 2px #72c02c;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*Blockquote*/
blockquote p {
	font-size: 16px;
	font-weight: 200;
}

blockquote:hover {
	border-left-color: #72c02c; 
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hero {
	padding: 18px;
	margin: 20px 0;
	color: #566c8a;
	font-size: 16px;
	background: #fcfcfc;
	border-left: 4px solid #94c564; 
	font-family: 'Open Sans', sans-serif;
}
.hero h1, .hero p { 
	text-shadow: 1px 1px 0 #fff;
}

.hero-unify p {
	font-size: 13px;
	line-height: 20px;
}

/* Work */
.work {
	margin-top: 6px;
}
.work .details {
	padding: 10px;
}
.work .caption {
	display: block;
	padding-top: 5px;
	color: #585f69 !important;
	font-size: 18px !important;
}
.work .caption:hover {
	cursor: pointer;
	color: #444 !important;
	text-decoration: underline;
}

/*Footer*/
.footer {
	color: #dadada;
	margin-top: 40px;
	padding: 20px 0 30px;
	background: #585f69;
}

.footer.margin-top-0 {
	margin-top: 0;
}

.footer h1, 
.footer h2, 
.footer h3, 
.footer h4, 
.footer h5 {
	text-shadow: none;
	font-weight: normal !important; 
} 

.footer p,
.footer a {
	font-size: 14px;
} 
.footer p {
	color: #dadada;
} 

.footer a {
	color: #72c02c;
}
.footer a:hover {
	color: #a8f85f;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.footer h2, 
.footer h3,
.footer h4 {
	color: #e4e4e4;
	background: none;
	text-shadow: none;
}

/*Footer Subsribe*/
.footer .footer-subsribe {
	width: 85%;
}

/*Blog Posts*/
.footer .blog-list {
	margin: 0;
	padding: 0;
	color: #dadada;
	list-style: none;
}

.footer .blog-list li {
	padding: 0 0;
	margin-bottom: 7px; 
}
.footer .blog-list li span {
	color: #818488;
}

.footer .dl-horizontal,
.footer .dl-horizontal:hover {
	border: none !important;
	background: none !important;
}
.footer .dl-horizontal a {
	color: #dadada;
}
.footer .dl-horizontal a:hover {
	color: #a8f85f !important;
}
.footer .dl-horizontal img {
	border-color: #888 !important;
}

/*Copyright*/
.copyright {
	font-size: 12px;
	padding: 11px 0 7px;
	background: #3e4753;
	border-top: solid 1px #777;	
}

.copyright p {
	color: #dadada;
}

.copyright p.copyright-space {
	margin-top: 12px;
}

.copyright a {
	margin: 0 5px;
	color: #72c02c;
}
.copyright a:hover {
	color: #a8f85f;
}

/*Page (Features)
------------------------------------*/
/*Thumbnail*/
a.thumbnail {
	padding: 0;
	border: none;
	margin-bottom: 15px;
}

.thumbnail-style { 
	padding: 5px;
	margin-bottom: 20px; 
}
.thumbnail-style:hover { 
	box-shadow: 0 0 8px #ddd; 
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.thumbnail-style h3 {
	margin: 5px 0 0 0;
}
.thumbnail-style h3 a {
	font-size: 20px;
}
.thumbnail-style h3 a:hover {
	color: #72c02c;
	text-decoration: none;
}
.thumbnail-style .thumbnail-img {
	position: relative;
	margin-bottom: 10px;
}
.thumbnail-style a.btn-more {
	right: -10px;
	bottom: 10px;
	color: #fff;
	padding: 1px 6px;
	position: absolute;
	background: #72c02c;
	display: inline-block; 
}
.thumbnail-style a.btn-more:hover {
	text-decoration: none;
	box-shadow: 0 0 0 2px #377500;
}
.thumbnail-style:hover a.btn-more {
	right: 10px;
}

.thumbnail-kenburn img {
	left: 10px;
	margin-left: -10px;
	position: relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.thumbnail-kenburn:hover img {
   -webkit-transform: scale(1.2) rotate(2deg);
   -moz-transform: scale(1.2) rotate(2deg);
   -o-transform: scale(1.2) rotate(2deg);
   -ms-transform: scale(1.2) rotate(2deg);
   transform: scale(1.2) rotate(2deg);
}
 
/*Servive Blocks*/
.servive-block .servive-block-in {
	padding: 20px 30px;
	text-align: center;
	margin-bottom: 20px;
	background: #fafafa;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.servive-block .servive-block-in:hover {
	box-shadow: 0 0 8px #ddd;
}

.servive-block .servive-block-in h4 {
	line-height: 25px;
}

.servive-block .servive-block-in h4 a:hover {
	color: #72c02c;
	text-decoration: none;
}

.servive-block .servive-block-in:hover h4,
.servive-block .servive-block-in:hover i {
	color: #72c02c;
}

.servive-block .servive-block-in i {
	color: #565656;
	font-size: 40px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.servive-block .servive-block-red {
	background: #e74c3c;
}
.servive-block .servive-block-sea {
	background: #1abc9c;
}
.servive-block .servive-block-blue {
	background: #3498db;
}
.servive-block .servive-block-grey {
	background: #95a5a6;
}
.servive-block .servive-block-yellow {
	background: #f1c40f;
}
.servive-block .servive-block-orange {
	background: #e67e22;
}
.servive-block .servive-block-green {
	background: #2ecc71;
}

.servive-block .servive-block-colored i,
.servive-block .servive-block-colored p,
.servive-block .servive-block-colored h4,
.servive-block .servive-block-colored:hover i,
.servive-block .servive-block-colored:hover h4 {
	color: #fff;
}

.servive-block .servive-block-colored:hover {
	opacity: 0.8;
	box-shadow: none;
}

/*Service Alternative Block*/
.service-alternative .service:hover { 
	background: #76ca2c;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service-alternative .service:hover i,
.service-alternative .service:hover p,
.service-alternative .service:hover h4 { 
	color: #fff;
}

/*Servive Block Versions*/
.service-v1 h2 {
	margin: 15px 0;
	font-size: 20px;
	line-height: 28px;
}

.service-v1 p {
	text-align: justify;
}

/*Posts*/
.posts .dl-horizontal { 
	margin-bottom: 0;
	overflow: hidden;
}

.posts .dl-horizontal dt { 
	width: 60px; 
	float: left;
}

.posts .dl-horizontal dt img { 
	width: 60px; 
	height: 60px;
	padding: 2px;
	margin-top: 2px; 
	border: solid 1px #ddd;
}

.posts .dl-horizontal dd { 
	margin-left: 70px;
}

.posts .dl-horizontal dd p { 
	margin: 0;
}

.posts .dl-horizontal dd a {
	font-size: 14px;
	line-height: 16px !important; 
}

.posts .dl-horizontal dd a:hover { 
	color: #72c02c; 
	text-decoration: none;
}

.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a { 
	color: #72c02c;
	border-color: #72c02c !important;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

/*Breadcrumbs*/
.breadcrumbs {
	padding: 10px 0 6px;
	box-shadow: inset 0 0 4px #eee;
	background: url(../img/breadcrumbs.png) repeat;
}
.breadcrumbs h1 {
	color: #686868;
	font-size: 26px;
	margin-top: 12px;
}

.breadcrumb { 
	top: 0px;
	padding:5px 0 0 0;
	background: none;
	position: relative;
}
.breadcrumb a {
	color: rgba(8, 8, 8, 0.7);
}
.breadcrumb li.active,
.breadcrumb li a:hover {
	color: #72c02c;
	text-decoration: none;
}

/*Pegination*/
.pagination li a {
	color: #777;
	padding: 5px 15px;
}

/* Testimonials */
.testimonials {
	margin-bottom: 10px;
}

.testimonials .testimonial-info {
	color: #72c02c;
	font-size: 16px;
	padding: 0 15px;
	margin-top: 18px;
}

.testimonials .testimonial-info span {
	top: 3px;
	position: relative;
}

.testimonials .testimonial-info em {
	color: #777;
	display: block;
	font-size: 13px;
}

.testimonials .testimonial-info img {
	width: 60px;
	float: left;
	height: 60px;
	padding: 2px;
	margin-right: 15px;
	border: solid 1px #ccc;
	border-radius: 50% !important;	
}

.testimonials .testimonial-author {
	overflow: hidden;
}

.testimonials .carousel-arrow {
	top: -65px;
	position: relative;
}

.testimonials .carousel-arrow i {
	color: #777;
	font-size: 20px;
	padding: 2px 8px; 
	background: #fafafa;
}

.testimonials .carousel-arrow i:hover {
	color: #fff;
	background: #72c02c;
}

.testimonials .carousel-control {
	opacity: 1;
	width: 100%;
	text-align: right;
	text-shadow: none;
	position: absolute;
}

.testimonials .carousel-control.left {
	right: 27px;
	left: auto;
}
.testimonials .carousel-control.right {
	right: 0px;
}

.testimonials.testimonials-v1 .item p {
	padding: 15px;
	font-size: 14px;
	font-style: italic;
	position: relative;
	background: #fafafa;
}

.testimonials.testimonials-v1 .item p:after,
.testimonials.testimonials-v1 .item p:before {
	width: 0; 
	height: 0;
	left: 80px;
	content: " "; 
	bottom: -20px;
	display: block; 
	position: absolute;
}

.testimonials.testimonials-v1 .item p:after {
	border-top: 22px solid #fafafa;	
	border-left: 0 solid transparent;
	border-right: 22px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-right-style: inset; /*FF fixes*/
}

.testimonials.testimonials-v2 .testimonial-info {
	padding: 0 20px;
}

.testimonials.testimonials-v2 p {
	padding: 15px;
	font-size: 14px;
	font-style: italic;
	background: #fafafa;
	padding-bottom: 15px;
}

.testimonials.testimonials-v2 .carousel-arrow {
	top: -55px;	
}

.testimonials.testimonials-v2 .item p:after,
.testimonials.testimonials-v2 .item p:before {
	width: 0; 
	height: 0;
	left: 8%;
	content: " "; 
	bottom: 45px;
	display: block; 
	position: absolute;
}

.testimonials.testimonials-v2 .item p:after {
	border-top: 20px solid #fafafa;	
	border-left: 25px solid transparent;
	border-right: 0px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-right-style: inset; /*FF fixes*/
}

/*Tabs v1*/
.tab-v1 .nav-tabs { 
	border: none;
	background: none;
	border-bottom: solid 2px #72c02c; 	
}

.tab-v1 .nav-tabs a { 
	font-size: 14px;
	padding: 5px 15px; 
}

.tab-v1 .nav-tabs > .active > a, 
.tab-v1 .nav-tabs > .active > a:hover, 
.tab-v1 .nav-tabs > .active > a:focus { 
	color: #fff;
	border: none; 
	background: #72c02c; 
}

.tab-v1 .nav-tabs > li > a { 
	border: none;
}
.tab-v1 .nav-tabs > li > a:hover { 
	color: #fff; 
	background: #72c02c; 
}

.tab-v1 .tab-content { 
	padding: 10px 0;
}

.tab-v1 .tab-content img {
	margin-top: 4px;
	margin-bottom: 15px; 
}

.tab-v1 .tab-content img.img-tab-space {
	margin-top: 7px;
}

/*Tabs v2*/
.tab-v2 .nav-tabs {
	border-bottom: none;
}

.tab-v2 .nav-tabs li a {
	padding: 9px 16px;
	background: none;
	border: none;
}

.tab-v2 .nav-tabs li.active a {
	background: #fff;
	padding: 7px 15px 9px;
	border: solid 1px #eee;
	border-top: solid 2px #72c02c;
	border-bottom: none !important;
}

.tab-v2 .tab-content {
	padding: 10px 16px;
	border: solid 1px #eee;
}

/*Tabs v3*/
.tab-v3 .nav-pills li a {
	color: #777;
	font-size: 17px;
	padding: 4px 8px;
	margin-bottom: 3px;
	background: #fafafa;
	border: solid 1px #eee;
}

.tab-v3 .nav-pills li a:hover,
.tab-v3 .nav-pills li.active a {
	color: #fff;
	background: #72c02c;
	border: solid 1px #68af28;
}

.tab-v3 .nav-pills li i {
	width: 1.25em;
	margin-right: 5px;
	text-align: center;
	display: inline-block;
}

.tab-v3 .tab-content {
	padding: 15px;
	background: #fafafa;
	border: solid 1px #eee;
}

/*Accardion v1*/
.acc-v1 .panel-heading {
	padding: 0;
	box-shadow: none;
}

.acc-v1 .panel-heading a {
	display: block;
	font-size: 14px;
	padding: 5px 15px;
	background: #fefefe;
}

.acc-icon a.accordion-toggle i {
	color: #585f69;
	margin-right: 8px;
}
.acc-icon a.accordion-toggle:hover i {
	color: #39414c;
}

/*Carousel v1*/
.carousel-v1 .carousel-caption {
   left: 0;
   right: 0;
   bottom: 0;
   padding: 7px 15px;
   background: rgba(0, 0, 0, 0.7);
}

.carousel-v1 .carousel-caption p {
   color: #fff;
   margin-bottom: 0;
}

.carousel-v1 .carousel-arrow a.carousel-control {
   opacity: 1;
   font-size:30px;
   height:inherit;
   width: inherit;
   background: none;
   text-shadow: none;
   position: inherit;
}

.carousel-v1 .carousel-arrow a i {
   top: 50%;
   opacity: 0.6;
   background: #000;
   margin-top: -18px;
   padding: 2px 12px; 
   position: absolute;
}
.carousel-v1 .carousel-arrow a i:hover {
   opacity: 0.8;
}

.carousel-v1 .carousel-arrow a.left i {
   left: 0;
}
.carousel-v1 .carousel-arrow a.right i {
   right: 0;
}

/*About Page
------------------------------------*/
.team ul.team-socail { 
	text-align: right;
}
.team ul.team-socail li {
	padding: 0 !important;
	margin: 0 !important;
}

.team ul.team-socail li a,
.team ul.team-socail li a:hover {
	text-decoration: none;
}

.team ul.team-socail li i {
	color: #aaa;
	padding: 3px;
	min-width: 30px;
	font-size: 20px;
	text-align: center;
	background: #f7f7f7;
	display: inline-block;
}
.team ul.team-socail li i:hover {
	color: #fff;
	background: #72c02c;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.team .thumbnail-style {
	padding: 12px;
}

.team .thumbnail-style small {
	display: block; 
	font-size: 12px;
}

.team .thumbnail-style h3 {
	margin-bottom: 10px;
}
.team .thumbnail-style:hover h3 a {
	color: #72c02c !important;
}

/*Gallery Page
------------------------------------*/
.gallery-page .thumbnail,
.gallery-page .thumbnail:hover {
	padding: 0;
	border: none;
	box-shadow: none;
}
.gallery-page .thumbnails {
	margin-bottom:6px;
}

/*Privacy Page
------------------------------------*/
.privacy a {
	text-decoration: underline;
}
.privacy a:hover {
	color: #72c02c;
	text-decoration: none;
}

/*Portfolio Item Page v1
------------------------------------*/
.portfolio-item h2 {
	color: #555;
	font-size: 24px;
	margin: 0 0 15px;
}
.portfolio-item li {
	padding: 3px 0;
} 
.portfolio-item p a {
	text-decoration: underline;
}
.portfolio-item p a:hover {
	text-decoration: none;
}

/*Portfolio Item v1*/
.portfolio-item1 ul {
	margin: 10px 0 20px;
}

.portfolio-item1 li {
	font-size: 16px;
	margin-bottom: 3px;
}

.portfolio-item1 li i {
	font-size: 18px;
	margin-right: 4px;
}

/*Sidebar Features
------------------------------------*/
/*Blog Tags*/
ul.blog-tags li {
	display: inline-block;
}

ul.blog-tags a {
	font-size :13px;
	padding: 2px 7px;
	background: #f7f7f7;
	margin: 0 3px 6px 0;
	display: inline-block;
}

ul.blog-tags a i {
	color: #666;
}

ul.blog-tags a:hover {
	background: #72c02c;
}

ul.blog-tags a:hover,
ul.blog-tags a:hover i {
	color: #fff !important;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*Blog Photo Stream*/
.blog-photos li {
	display: inline;
}
.blog-photos li img {
	opacity: 0.6;
	width: 58px;
	height: 58px;
	margin: 0 2px 8px;
}
.blog-photos li img:hover {
	opacity: 1;
	box-shadow: 0 0 0 2px #72c02c;
}

/*Blog Latest Tweets*/
.blog-twitter .blog-twitter-inner {
	padding: 10px;
	position: relative;
	background: #fafafa;
	margin-bottom: 15px;
	border-top: solid 2px #eee;
}

.blog-twitter .blog-twitter-inner,
.blog-twitter .blog-twitter-inner:after,
.blog-twitter .blog-twitter-inner:before {
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;	
}

.blog-twitter .blog-twitter-inner:after,
.blog-twitter .blog-twitter-inner:before {
	width: 0; 
	height: 0;
	right: 0px;
	bottom: 0px;
	content: " "; 
	display: block; 
	position: absolute;
}

.blog-twitter .blog-twitter-inner:after {
	border-top: 15px solid #f0f0f0;	
	border-right: 15px solid transparent;
	border-left: 0px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-right-style: inset; /*FF fixes*/
}
.blog-twitter .blog-twitter-inner:before {
	border-bottom: 15px solid #fff;	
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}

.blog-twitter .blog-twitter-inner:hover {
	border-color: #72c02c;
	border-top-color: #72c02c;	
}
.blog-twitter .blog-twitter-inner:hover:after {
	border-top-color: #72c02c;	
}

.blog-twitter .blog-twitter-inner span {
	color: #777;
	display: block;
	font-size: 11px; 
}

.blog-twitter .blog-twitter-inner a {
	color: #72c02c;
	text-decoration: none;
}
.blog-twitter .blog-twitter-inner a:hover {
	text-decoration: underline;
}

.blog-twitter .blog-twitter-inner i.icon-twitter {
	top: 2px;
	color: #bbb;
	font-size: 18px;
	position: relative;
}

/*Choose Block*/
.who li { 
	margin-bottom: 6px;
}
.who li i { 
	top: 2px; 
	color: #72c02c; 
	font-size: 18px;
	margin-right: 8px;
	position: relative; 
}
.who li:hover i, 
.who li:hover a { 
	color: #777;
}
.who li:hover a:hover {
	text-decoration: none;
}

/*Sidebar Menu
------------------------------------*/
/*Sidebar Menu v1*/
.sidebar-nav-v1 li {
	padding: 0;
}

.sidebar-nav-v1 li a {
	display: block;
	padding: 8px 30px 8px 10px;
}

.sidebar-nav-v1 li a:hover {
	text-decoration: none;
}

.sidebar-nav-v1 li.active,
.sidebar-nav-v1 li.active:hover {
	background: #f5f5f5;
	border-color: #ddd;
} 

.sidebar-nav-v1 li.active a {
	color: #555;
}

.sidebar-nav-v1 span.badge {
	margin-top: 10px;
	margin-right: 10px;
}

.sidebar-nav-v1 span.badge-green {
	background: #2ecc71;
}
.sidebar-nav-v1 span.badge-red {
	background: #e74c3c;
}
.sidebar-nav-v1 span.badge-blue {
	background: #3498db;
}
.sidebar-nav-v1 span.badge-sea {
	background: #1abc9c;
}

/*Tag Boxes
------------------------------------*/
.tag-box  {
	padding: 20px;
	margin-bottom: 30px;
}

.tag-box h2 {
	font-size: 20px;
	line-height: 25px;
}

.tag-box p {
	margin-bottom: 0;
}

/*Tag Boxes v1*/
.tag-box-v1 {
	border: solid 1px #eee;
	border-top: solid 2px #72c02c;
}

/*Tag Boxes v2*/
.tag-box-v2 {
	background: #fafafa;
	border: solid 1px #eee;
	border-left: solid 2px #72c02c;
}

/*Tag Boxes v3*/
.tag-box-v3 {
	border: solid 2px #eee;
}

/*Tag Boxes v4*/
.tag-box-v4 {
	border: dashed 1px #bbb;
}

/*Tag Boxes v5*/
.tag-box-v5 {
	margin: 20px 0;
	text-align: center;
	border: dashed 1px #ccc;
}

.tag-box-v5 span {
	color: #555;
	font-size: 28px;
	margin-bottom: 0;
}

/*Tag Boxes v6*/
.tag-box-v6 {
	background: #fafafa;
	border: solid 1px #eee; 
}

/*Tag Boxes v7*/
.tag-box-v7 {
	border: solid 1px #eee;
	border-bottom: solid 2px #72c02c;
}

/*Panels (Portlets)
------------------------------------*/
/*Panel Table*/
.panel .table {
    margin-bottom: 0;
}

/*Panel Blue*/
.panel-blue {
   border-color: #3498db;
}

.panel-blue > .panel-heading {
   color: #fff;
   background: #3498db;
}

/*Panel Red*/
.panel-red {
   border-color: #e74c3c;
}

.panel-red > .panel-heading {
   color: #fff;
   background: #e74c3c;
}

/*Panel Green*/
.panel-green {
   border-color: #2ecc71;
}

.panel-green > .panel-heading {
   color: #fff;
   background: #2ecc71;
}

/*Panel Sea*/
.panel-sea {
   border-color: #1abc9c;
}

.panel-sea > .panel-heading {
   color: #fff;
   background: #1abc9c;
}

/*Panel Orange*/
.panel-orange {
   border-color: #e67e22;
}

.panel-orange > .panel-heading {
   color: #fff;
   background: #e67e22;
}

/*Panel Yellow*/
.panel-yellow {
    border-color: #f1c40f;
}

.panel-yellow > .panel-heading {
    color: #fff;
    background: #f1c40f;
}

/*Panel Grey*/
.panel-grey {
   border-color: #95a5a6;
}

.panel-grey > .panel-heading {
   color: #fff;
   background: #95a5a6;
}

/*Promo Page
------------------------------------*/
/*Slider Part*/
.fullwidthbanner-container.slider-promo {
	max-height: 460px !important;
}

.slider-promo-info-bg {
	padding: 25px 20px 20px;
	background: url(../img/bg-black.png) repeat;
}

.slider-promo-info span.big-size { 
	color: #fff;
	display: block;
	font-size: 30px;
	margin-bottom: 25px;
	text-shadow: 0 !important;
}

.slider-promo-info p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 0;
}

/*Promo Box*/
.promo-box {
	padding: 20px;
	margin: 25px 0 20px;
	text-align: center;
}

.promo-box i {
	display: block;
	font-size: 50px;
}

.promo-box p {
	font-size: 14px;
	margin-bottom: 0;
}

.promo-box strong,
.promo-box strong a {
	color: #555;
	font-size: 20px;
	display: block;
	margin: 20px 0 15px;
	font-weight: 200; 
}

.promo-box:hover strong, 
.promo-box:hover strong a {
	color: #e74c3c;
}

/*Promo Service*/
.promo-service {
	margin-bottom: 20px;
}

.promo-service a.btn-u {
	margin: 0 20px 10px 0;
}

/*Promo Elements*/
.title-box {
	margin: 20px 0;
	padding: 40px 0;
	font-size: 16px;
	text-align: center;
	border-bottom: solid 1px #eee;
}

.title-box .title-box-text {
	color: #555;
	display: block;
	font-size: 35px;
	font-weight: 200;
}

.block-blockquote {
	margin: 20px 0; 
	text-align: center;
	border: dashed 1px #ccc;
}

.block-blockquote-inner {
	padding: 15px; 
}

.block-blockquote p {
	font-size: 26px;
	margin-bottom: 0;
}

/*Info Blocks*/
.info-blocks {
	margin-bottom: 15px;
}

.info-blocks:hover i.icon-info-blocks {
	color: #72c02c;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;	
}

.info-blocks i.icon-info-blocks {
	float: left;
	color: #777;
	font-size: 40px;
	margin-top: 5px;
	min-width: 50px;
	text-align: center;
}

.info-blocks .info-blocks-in {
	padding: 0 10px;
	overflow: hidden;
}

.info-blocks .info-blocks-in h3 {
	color: #555;
	font-size: 20px;
	line-height: 28px;
}

.info-blocks .info-blocks-in p {
	font-size: 12px;
}
/*===========================================================

Template Name: Max Logistics
Author: Hastech
Author URI: http://hastech.company/
Version: 1.0
Description: This Template is created for Logistic supports
    
-------------------------------------------------------------
    
CSS INDEX
=========

    Base CSS or Common CSS are in reset.css


  1. 	Start Header CSS
	2. 	Start Main Slider CSS
	3. 	Start Why Us CSS
	4. 	start we are best
	5. 	Start Get Quote Area
	6. 	Start Counter Area
	7. 	Start Transport Features Area
	8. 	Start Client Says Area
	9. 	Start From Our Blog Area
	10. Start We Are Best At Area
	11. Start Breadcrumd Area
	12. start About Us Page Area
	13. Start Blog Page Area
	14. Start Footer CSS
	15. Start Single Blog Page
	16. Start Services Page
	17. Start Faq Page Area
	18. Start Faq-Accordion Page Area
	19. Start Contact Page Area
	20. Start 404 page Area
	21. Start On Parking Page Area
	22. Start 2nd Home page Area
  23. start contact us page CSS
  24. Start Responsive CSS


==============================================*/


/* ============================================
1.               Start Header CSS
===============================================*/

.header_top {
  margin: 7px 0;
}
.header_top_area {
  background: #252b3f none repeat scroll 0 0;
}
.main_menu .navbar-default{
  background: transparent;
  border: none;
}
.header_bottom_area {
  background:#274979  none repeat scroll 0 0;
   margin-top:4px; 
   box-shadow: 0 0 8px #eee;
}
.header_top_menu {
  margin: 8px 0;
}
.header_top_menu a {
  border-right: 1px solid #fff;
  color: #fff;
  font-family: "Oxygen";
  font-size: 12px;
  padding: 0 14px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.header_top_menu a:hover{
  color: #017cc0;
}
.header_top_menu ul li:first-child a{
  padding: 0 16px 0 0;
 /* text-transform: uppercase;*/
}
.header_top_menu ul li:last-child a{
  border-right: none;
}
.header_top_social i {
  color: #959595;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  font-size: 15px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.header_top_social a:hover i{
  color: #fff;
}
.header_top_social a:hover i.fa-twitter{
  background: #55acee;
}
.header_top_social a:hover i.fa-facebook{
  background: #3b5998;
}
.header_top_social a:hover i.fa-google-plus{
  background: #e51c23;
}
.header_top_social a:hover i.fa-dribbble{
  background: #EA4C89;
}
.header_top_social a:hover i.fa-linkedin{
  background: #007BB6;
}


.header_logo {
margin: 41px 0px;}
.header_we_are > dl {
  float: left;
  margin-bottom: 0;
  margin-right: 9px;
  text-align: right;
  width: 68%;
}
.header_we_are i {
  line-height: 54px;
  text-align: center;
  width: 27%;
  display: inline-block;
}
.header_we_are dt {
  color: #666666;
  font-family: "RobotoMedium";
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}
.header_we_are dt, .header_we_are dd{
  line-height: 28px;
}
.header_we_are dd, .header_we_are dd a {
  color: #959595;
}
.header_we_are dd a:hover{
  color: #017cc0;
}
.tp-bullets, .tp-bannertimer, .tp-bottom
{
    display:none !important;
}

.main_menu .navbar-default .navbar-nav{
  width: 100%;
}
.main_menu .navbar-default .navbar-nav > li > a{
  color: #252b3f;
   color: #fff;
  /*font-family: "RobotoLight";*/
  padding: 22px 32px;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
}
.main_menu .nav.navbar-nav li:hover > a {
  background: #f1f5f7;
   color: #fff;
}
.nav li:hover > ul
{
    display:block;
}
/*.main_menu .nav.navbar-nav li.dropdown > a {
  background: url("images/dropdown_bg.png") no-repeat scroll 90% center;
}*/
.main_menu .nav.navbar-nav li.dropdown:hover > a {
  background: #86C4CB url("images/dropdown_bg.png") no-repeat scroll 90% center;

    color: #000;
}
.main_menu .navbar-nav > li > .dropdown-menu{
  top: 99%;
  min-width: 200px;
  background-color: #2e363f;
  text-transform: uppercase;
}
.main_menu .navbar-nav > li > .dropdown-menu li:hover a{
  background-color: #a2a2a2;
}
.main_menu .dropdown-menu > li > a{
  border-bottom: 1px solid #e4e4e4;
  font-family: "RobotoLight";
  padding: 10px 25px;
}
.main_menu .dropdown-menu > li:last-child > a{
  border-bottom: none;
}
.main_menu .navbar-default .navbar-nav > li:last-child{
/*margin:-5px 0 0 22px;*/
margin-left: 14px;
}
.main_menu .navbar-default .navbar-nav > li:last-child > a{
 background: #f60303 none repeat scroll 0 0;
    border-radius: 12px;
    color: #fff;
    font-family: "RobotoMedium";
    margin-top: 13px;
    padding: 8px;
    height: 36px;
}
.main_menu .navbar-default .navbar-nav > li.active:last-child > a{
  background-color: #0060b1;
  color: #fff;
}
.main_menu .navbar-default .navbar-nav > li:last-child > a:hover{
  background: #0060b1;
}
.main_menu .navbar-default .navbar-nav > li > a:hover{
background: #86C4CB none repeat scroll 0 0;
    color: #000;
}
.main_menu .navbar {
  margin: 0;
}
.main_menu .navbar-default .navbar-nav > li.active > a{
   background: #86C4CB none repeat scroll 0 0;
    color: #000;
}



/* ============================================
                End Header CSS
===============================================*/


/* ============================================
2.              Start Main Slider CSS
===============================================*/

.main_slider_area {
  position: relative;
}

/* ============================================
                End Main Slider CSS
===============================================*/

/* ============================================
3.              Start Why Us CSS
===============================================*/
.single_why_us {
  position: relative;
  z-index: 1;
  background: #fff;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 30px;
  overflow: hidden;
}
.single_why_hover {
  background: rgb(48, 141, 199) none repeat scroll 0 0;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  top: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;

}
.single_why_us:hover .single_why_hover{
  opacity: 0.75;
  animation-name: fadeInUp;
  backface-visibility: visible !important;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.single_why_us h5 {
  margin-top: 22px;
  margin-bottom: 21px;
}
.single_why_us:hover h5, .single_why_us:hover  p{
  color: #fff;
}
.single_why_us .icon_one{
  display: inline-block;
  width: 74px;
  height: 114px;
  background: url(images/logistic-service.png) no-repeat center center;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single_why_us:hover .icon_one{
  background: url(images/logistic-service-hover.png) no-repeat center center; ;
}
.single_why_us .icon_two{
  display: inline-block;
  width: 74px;
  height: 114px;
  background: url(images/warehousing.png) no-repeat center center; 
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single_why_us:hover .icon_two{
  background: url(images/warehousing-hover.png) no-repeat center center;
}
.single_why_us .icon_three{
  display: inline-block;
  width: 74px;
  height: 114px;
  background: url(images/customer-service.png) no-repeat center center; 
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single_why_us:hover .icon_three{
  background: url(images/customer-service-hover.png) no-repeat center center; ;
}

/* ============================================
              End Why Us CSS
===============================================*/


/* ============================================
4.            start we are best
===============================================*/

.weare_best_left_service .single_weare_best > dl {
  float: left;
  text-align: right;
}
.weare_best_right_service .single_weare_best > dl {
  float: right;
  text-align: left;
}
.single_weare_best > dl {
  margin-bottom: 0;
  margin-right: 9px;
  width: 68%;
}
.single_weare_best i {
  line-height: 54px;
  text-align: center;
  width: 23%;
  display: inline-block;
}
.single_weare_best dt {
  color: #313131;
  font-family: "RobotoMedium";
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
.single_weare_best dt, .single_weare_best dd{
  line-height: 25px;
}
.single_weare_best dd{
  color: #959595;
}
.weare_best_area .section_title {
  margin-bottom: 105px;
}



/* ============================================
                End we are best
===============================================*/



/* ============================================
5.              Start Get Quote Area
===============================================*/

.get_quote_area {
  background: rgba(0, 0, 0, 0) url("images/get-a-quote.jpg") no-repeat scroll 67% center / cover ;
  color: #fff;
  padding: 90px 0;
}
.get_quote_area .section_title > h4 {
  color: #fff;
}
.get_quote_area .section_title > p {
  color: #cdcdcd;
}
.get_quote_area .form-group select {
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin-bottom: 17px;
  height: 43px;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #959595;
  text-indent: 2px;
  border: 1px solid #ececec;
}
.get_quote_area .input-group {
  width: 100%;
}
.get_quote_area .form-group input[type="text"] {
  color: #959595;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 43px;
  margin-bottom: 17px;
  width: 100%;
  text-indent: 17px;
  border: 1px solid #ececec;
}
.get_quote_area .form-group input[type="submit"] {
  margin-bottom: 0;
}
.get_quote_area .form-group.submit{
  margin: 0;
}
.icon_arrow:after{
  color: #959595;
  content: "";
  font-family: "FontAwesome";
  font-size: 14px;
  line-height: 42px;
  position: absolute;
  right: 11%;
  top: 0%;
  z-index: 10;
}
.get_quote_area .form-group textarea{
  border: 1px solid #ececec;
  color: #959595;
  height: 133px;
  padding: 12px 20px;
  width: 100%;
  margin-bottom: 22px;
}


/* ============================================
              End Get Quote Area
===============================================*/


/* ============================================
6.              Start Counter Area
===============================================*/

.logistic_counter_area{
  background: rgba(0, 0, 0, 0) url("images/counter-bg.jpg") no-repeat scroll center center / cover ;
}
.single-counter{
  text-align: center;
  padding: 90px 0;
}
.single-counter img{
  display: inline-block;
}
.single-counter > h4 {
  color: #222222;
  font-size: 14px;
  font-family: 'RobotoMedium';
}
.single-counter span{
  color: #333333;
  display: block;
  font-family: "RobotoBold";
  font-size: 36px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 22px;
  margin-top: 36px;
}

/* ============================================
              End Counter Area
===============================================*/


/* ============================================
7.            Start Transport Features Area
===============================================*/

.transport_features .section_title p {
  color: #fff;
}
.transport_features_area {
  background: rgba(0, 0, 0, 0) url("images/transport-features.jpg") no-repeat scroll 55% center / cover ;
  overflow: hidden;
}
body#home_two .transport_features_area {
  background: rgba(0, 0, 0, 0) url("images/transport-features-two.jpg") no-repeat scroll center center / cover ;
  overflow: hidden;
}
.transport_features_area .panel-title span {
  background: #2f364f url("images/transport-features-open.png") no-repeat scroll center center;
  padding: 30px 8px;
  float: left;
  height: 50px;
  width: 50px;
}
.transport_features_area .panel-title a.collapsed span {
  background-image: url("images/transport-features-lock.png");
}
.transport_features {
  min-height: 800px;
  padding-bottom: 120px;
  padding-top: 135px;
}
.transport_features_area .panel-default > .panel-heading {
  padding: 0;
  background: none;
  border-radius: 0px;
}
.transport_features_area .panel-default .panel-body p{

  color: #999;
}
.transport_features_area .panel-default > .panel-heading .panel-title a {
  background: #252b3f none repeat scroll 0 0;
  border-bottom: 1px solid #dee8ec;
  color: #fff;
  display: block;
  line-height: 60px;
  text-indent: 20px;
  border-bottom: none;
}
.transport_features_area .panel-group .panel{
  border: medium none;
  border-radius: 0;
  box-shadow: none;
}
.transport_features_area .panel-group .panel-body, .transport_features_area .panel-collapse, .transport_features_area .panel-default > .panel-heading + .panel-collapse > .panel-body, .transport_features_area .panel-group .panel-heading + .panel-collapse > .panel-body, .transport_features_area .panel-group .panel-heading + .panel-collapse > .list-group{
  background-color: #1874c1;
  border: medium none;
  color: #fff;
}
.transport_features_area .panel-group .panel-heading + .panel-collapse > .panel-body{
  border-bottom: none;
}

/* ============================================
          End Transport Features Area
===============================================*/


/* ============================================
8.        Start Client Says Area
===============================================*/

.all_testimonial_area {
  background: rgba(0, 0, 0, 0) url("images/client-says-bg.jpg") no-repeat scroll center center / cover ;
}
body#home_two .all_testimonial_area {
  background: rgba(0, 0, 0, 0) url("images/client-says-bg-2.jpg") no-repeat scroll center center / cover ;
}
.all_testimonial_area .section_title > p {
  color: #fff;
}
.all_testimonial_container{
    position: relative;
}
.testimonial_area .section_heading{
    margin-bottom: 60px;
}
.single_testi_slider{
    text-align: center;
}
.testi_studient_txt p{
  color: #fff;
  font-family: "RobotoLightItalic";
  font-size: 18px;
  font-style: italic;
  line-height: 32px;
  margin-bottom: 55px;
}
.testi_studient_txt h3{
  color: #fff;
  font-family: "RobotoMedium";
  font-size: 20px;
  margin-bottom: 8px;
}
.testi_studient_txt span{
  color: #fff;
  display: block;
  font-family: "OxygenBold";
  font-size: 14px;
  margin-bottom: 15px;
}
.testi_slider_nav .testi_prev{
  position: absolute;
  left: 0;
  top: 80%;
  z-index: 9;
}
.testi_slider_nav .testi_next{
  position: absolute;
  right: 0;
  top: 80%;
  z-index: 9;
}
.testi_slider_nav .testi_prev, .testi_slider_nav .testi_next{
    line-height: 51px;
    width: 51px;
    text-align: center;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
}
.all_testimonial_area .section_title {
  margin-bottom: 39px;
}

/* ============================================
            End Client Says Area
===============================================*/


/* ============================================
9.          Start From Our Blog Area
===============================================*/

.single_blog_comment ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single_blog_comment li a {
  border: 1px solid #4690cd;
  border-radius: 5px;
  display: inline-block;
  line-height: 35px;
  margin-bottom: 13px;
  text-align: center;
  width: 35px;
}
.single_blog_comment li figure{
  margin: 0;
  position: relative;
}
.single_blog_comment li figure figcaption{
  background: #1874c1 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  left: 2px;
  padding: 1px 20px;
  position: absolute;
  top: 2px;
  width: 158px;
  opacity: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single_blog_comment li figure:hover figcaption{
  opacity: 1;
  left: -1px;
  top: -1px;
  z-index: 9;
}
.single_blog_comment figcaption img {
  margin-left: -15px;
}
.single_blog_comment figcaption span {
  margin-left: 20px;
}
.single_blog_info a {
  color: #222222;
  display: block;
  text-align: left;
  font-size: 16px;
}
.single_blog_info a:hover{
  color: #017cc0;
}
.single_blog_info > img {
  margin-bottom: 25px;
}
.single_blog_info > span {
  color: #959595;
  display: block;
  margin-top: 8px;
  text-align: left;
  font-size: 13px;
}
.single_blog_info span i {
  color: #999999;
  font-size: 15px;
  margin-right: 17px;
}
.single_blog_info > p {
  border-top: 1px solid #ecf0f1;
  color: #959595;
  margin-top: 20px;
  padding-top: 20px;
  text-align: left;
}



/* ============================================
            End From Our Blog Area
===============================================*/



/* ============================================
10.         Start We Are Best At Area
===============================================*/

.weare_best_at_area {
  background: rgba(0, 0, 0, 0) url("images/we-are-best-1.jpg") no-repeat scroll center center;
  background-size: cover;
}

/* ============================================
            End We Are Best At Area
===============================================*/


/* ============================================
11.         Start Breadcrumd Area
===============================================*/

.mybanner
{
    background: url(../img/breadcrumb-one.jpg) no-repeat center center / cover #000000;
}
.breadcrumb_main_area{
  background: url(../img/breadcrumb-one.jpg) no-repeat center center / cover #000000;
  padding-top:188px;
  position: relative;
}
.breadcrumb_bg {
    background: transparent url("../../banner/bg.jpg") repeat-x scroll 0 0;
  /*background: rgba(51, 51, 51, 0.75) none repeat scroll 0 0;*/
  padding: 1px 0;
  height: 32px;
}
.breadcrumb_main_area .breadcrumb {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0;
 margin: 4px 0 0 0;
  padding: 0;
 
}
.breadcrumb_bg h6 {
   color: #fff;
    font-family: "Oxygen";
    font-size: 17px;
    margin-top: 4px;
    font-weight: bold;
  
}
.breadcrumb_main_area .breadcrumb a {
  color: #000;
  font-size: 12px;
  padding: 6px;
  text-transform: uppercase;
}
 .breadcrumb a {
  color: #000;
  font-size: 12px;
  padding: 6px;
  text-transform: uppercase;
}
.breadcrumb_main_area .breadcrumb li:last-child a{
  padding-right: 0;
}
.breadcrumb_main_area .breadcrumb a:hover{
  color: #017cc0;
}
.breadcrumb_main h3 {
  color: #fff;
  font-family: "RobotoMedium";
  font-size: 36px;
  line-height: 30px;
  margin: 96px 0 32px;
}


/* ============================================
            End Breadcrumd Area
===============================================*/


/* ============================================
12.         start About Us Page Area
===============================================*/


.single_who.first > figure {
  background: rgba(0, 0, 0, 0) url("images/our_vision_bg.jpg") no-repeat scroll 0 0;
  margin: 0;
}
.single_who.second > figure{
  background: rgba(0, 0, 0, 0) url("images/our_mision_bg.jpg") no-repeat scroll 0 0;
  margin: 0;
}
.single_who figure h5, .single_who figure p{
  color: #fff;
}
.single_who figure h5 {
  margin-bottom: 4px;
  padding-left: 30px;
  padding-top: 37px;
}
.single_who figure p {
  margin: 0;
  padding: 25px 30px 30px;
}
.why_choose_us_area .section_title h4 {
  padding-bottom: 20px;
  margin: 0;
}
.why_choose_us_area .section_title p{
  margin: 35px 0;
}

.about_client_area .client_border {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.about_client_area .client_border:nth-child(3), .about_client_area .client_border:nth-child(6){
  border-right: none;
}
.about_client_area .client_border:nth-child(4), .about_client_area .client_border:nth-child(5), .about_client_area .client_border:nth-child(6){
  border-bottom: none;
}
.about_client_area .client_box > a {
  -webkit-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.about_client_area .client_box > a:hover{
  -webkit-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
.about_client_area .section_title{
  margin-bottom: 63px;
}

body#about_us .all_testimonial_area {
  background: rgba(0, 0, 0, 0) url("images/about-client-says-bg.jpg") no-repeat scroll center center / cover ;
}
body#about_us .single_weare_best_at > dl, body#home_two .single_weare_best_at > dl {
  float: right;
  margin-bottom: 0;
  margin-right: 9px;
  text-align: left;
  width: 73%;
  color: #fff;
}
body#about_us .single_weare_best_at > dl > dt, body#home_two .single_weare_best_at > dl > dt {
  font-family: "RobotoMedium";
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 15px;
}
body#about_us .single_weare_best_at i, body#home_two .single_weare_best_at i {
  display: inline-block;
  line-height: 54px;
  text-align: center;
  width: 21%;
}
body#about_us .single_weare_best_at, body#home_two .single_weare_best_at {
  margin-bottom: 35px;
}
.single_on_parking figure{
  position: relative;
}
.single_on_parking figcaption {
  background: #fff none repeat scroll 0 0;
  bottom: calc(0% - 25px);
  margin: 0 20px;
  position: absolute;
  width: 85%;
  padding: 0 23px;
  text-align: left; 
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single_on_parking figure:hover figcaption{
  bottom: calc(0% - 20px);
}
.single_on_parking figcaption p{
  display: inline-block;
  margin-left: 23px;
}
.on_parking_area .section_title {
  margin-bottom: 0;
}
.on_parking_area .section_title p:last-child{
  margin-bottom: 0;
}



/* ============================================
          End About Us Page Area
===============================================*/


/* ============================================
13.       Start Blog Page Area
===============================================*/

body#blog_page .breadcrumb_bg h6{
  text-transform: none;
}
.single_blog_post{
  border: 1px solid #eeeeee;
}
.single_blog_post figure {
  position: relative;
  margin: 0;
}
.single_blog_post img {
  padding: 10px;
}
.single_blog_post figcaption {
  position: absolute;
  right: calc(0px + 17px);
  top: calc(0px + 17px);
}
.single_blog_post .blog_comment, .single_blog_post .comment_num {
  background: #fff none repeat scroll 0 0;
  padding: 10px;
}
.blog_comment i, .comment_num i {
  display: block;
  font-size: 20px;
  margin-bottom: 5px;
  color: #0072a5;
}
.single_blog_post span {
  color: #0072a5;
}
.single_blog_post h5 {
  margin-bottom: 22px;
  margin-top: 30px;
  padding-left: 30px;
  text-transform: none;
  color: #313131;
}
.single_blog_post ul{
  border-bottom: 1px solid #ecf0f1;
  border-top: 1px solid #ecf0f1;
  list-style: outside none none;
  margin: 0;
  padding: 6px 0 10px 30px;
}
.single_blog_post ul li{
  border-right: 1px solid #b9b8b8;
  display: inline-block;
  padding: 0 20px;
  color: #b9b8b8;
}
.single_blog_post ul li a{
  color: #b9b8b8;
}
.single_blog_post ul li a:hover{
  color: #017cc0;
}
.single_blog_post ul li span{
  color: #666666;
}
.single_blog_post ul li:last-child{
  border-right: none;
}
.single_blog_post ul li:first-child{
  padding-left: 0px;
}
.single_blog_post .blog_details > p {
  color: #999999;
  margin: 30px 0;
  padding-left: 30px;
  padding-right: 30px;
}
.single_blog_post .blog_details > a {
  display: block;
  text-align: right;
  padding: 0 30px 30px 0;
  color: #313131;
  font-size: 13px;
  font-family: 'RobotoMedium';
}
.single_blog_post .blog_details > a:hover{
  color: #017cc0;
}
.single_blog_post .blog_details i {
  margin-right: 7px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single_blog_post .blog_details > a:hover i{
  margin-right: 3px;
}
.single_widget {
  margin-bottom: 55px;
  overflow: hidden;
}
.single_widget .search_wid {
  border: 20px solid #f8f8f8;
}
.single_widget .search_wid > form {
  border: 2px solid #d1d1d1;
}
.single_widget .search_wid input[type="text"] {
  border: 0 none;
  height: 29px;
  line-height: 29px;
  width: calc(100% - 33px);
  text-indent: 5px;
}
.single_widget .search_wid a {
  display: inline-block;
  margin-right: 10px;
}
.single_widget .search_wid img {
  padding-bottom: 5px;
}
.single_widget .category_wid > ul, .single_widget .recent_posts_wid ul, .single_widget .popular_tag_wid ul, .single_widget .flickr_stream_wid ul, .single_widget .archives_wid ul, .all_frequent_queries ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.single_widget .section_title{
 margin-bottom: -15px;
}
.single_widget .section_title h4 {
  margin-bottom: 30px;
  padding-bottom: 20px;
}
.single_widget h4{
  color: #313131;
  font-size: 18px;
}
.single_widget .category_wid > ul > li > a {
  color: #B40A0A;
}
/*.single_widget .category_wid > ul > li: active {
	  color:#0072a5; !important;
}*/
.active
{
color:#000 !important;
}
.single_widget .category_wid > ul > li > a:hover{
  color: #0072a5;
}
.single_widget .category_wid li {
  border-bottom: 1px solid #efefef;
  line-height: 40px;
  padding-left: 10px;
}
.single_widget .category_wid i {
  font-size: 15px;
  margin-right: 15px;
}
.single_widget .recent_posts_wid h6 a {
  text-transform: none;
  font-size: 12px;
  color: #999;
  font-family: 'Oxygen';
}
.single_widget .recent_posts_wid h6 a:hover{
  color: #0072a5;
}
.single_widget .recent_posts_wid p {
  color: #c7c7c7;
  font-size: 11px;
  line-height: 25px;
  margin-bottom: 0;
  margin-top: 0;
}
.single_widget .recent_posts_wid p i{
  margin-right: 10px;
}
.single_widget .recent_posts_wid li {
  border-bottom: 1px solid #efefef;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.single_widget .recent_posts_wid li:last-child{
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.single_widget .popular_tag_wid ul li{
  float: left;
  margin-bottom: 14px;
  margin-right: 14px;
}
.single_widget .flickr_stream_wid ul li{
  float: left;
  margin-right: 14px;
  margin-bottom: 14px;
}
.single_widget .flickr_stream_wid ul li:nth-child(4), .single_widget .flickr_stream_wid ul li:nth-child(8){
  margin-right: 0px
}
.single_widget .popular_tag_wid ul li a{
  border: 1px solid #dbdbdb;
  color: #777777;
  display: block;
  font-size: 13px;
  line-height: 32px;
  padding: 0 16px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single_widget .popular_tag_wid ul li a:hover{
  color: #017cc0;
  border: 1px solid #017cc0;
}
.single_widget .archives_wid li {
  padding: 18px 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single_widget .archives_wid li a{
  display: block;
  color: #999999;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single_widget .archives_wid li a:hover{
  color: #017cc0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single_widget .archives_wid span {
  border: 1px solid #d7d7d7;
  border-radius: 50%;
  display: inline-block;
  float: right;
  height: 30px;
  line-height: 26px;
  text-align: center;
  width: 30px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single_widget .archives_wid li:hover span{
  border: 1px solid #017cc0;
  color: #017cc0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}


/* ============================================
            End Blog Page Area
===============================================*/



/* ============================================
14.         Start Footer CSS
===============================================*/


.footer_area {
  border-top: 4px solid #dcdcdc;
}
.footer_top_area {
  background: url(images/footer-top.jpg) no-repeat center center /cover;
}

.single_footer_widgets ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single_footer_widgets ul li, .single_footer_widgets ul li a, .single_footer_widgets p, .widget_title, .single_footer_widgets span{
  color: #fff;
}
.single_footer_widgets ul li{
  color: #fff;
}
.single_footer_widgets ul li a{
  color: #fff;
}
.address_list i {
  display: inline-block;
  float: left;
  line-height: 49px;
  margin-right: 24px;
  width: 12%;
}
.address_list dl {
  width: 88%;
}
.single_footer_widgets h4 {
  margin-bottom: 22px;
}
.address_list dt, .address_list dd {
  font-family: "Oxygen";
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}
.address_list > li {
  margin-bottom: 22px;
}
.single_footer_widgets p {
  font-size: 12px;
  color: #dcdcdc;
}
.single_footer_widgets input {
  background: #e6e6e6 none repeat scroll 0 0;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 15px;
  text-indent: 17px;
  width: 100%;
}
.single_footer_widgets span{
  color: #dcdcdc;
  margin-bottom: 31px;
  display: block;
}
.footer_social_icons > li {
  display: inline-block;
}
.footer_social_icons a{
  display: block;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.footer_social_icons i {
  border: 1px solid #959595;
  border-radius: 50%;
  display: block;
  height: 32px;
  line-height: 30px;
  text-align: center;
  width: 32px;
  margin-right: 17px;
  font-size: 13px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.footer_social_icons a:hover i.fa-facebook{
  border: 1px solid #3b5998;
  color: #3b5998;
}
.footer_social_icons a:hover i.fa-google-plus{
  border: 1px solid #e51c23;
  color: #e51c23;
}
.footer_social_icons a:hover i.fa-twitter{
  border: 1px solid #55acee;
  color: #55acee;
}
.footer_social_icons a:hover i.fa-dribbble{
  border: 1px solid #EA4C89;
  color: #EA4C89;
}
.footer_social_icons a:hover i.fa-linkedin{
  border: 1px solid #007BB6;
  color: #007BB6;
}
.industry_support > li {
  border-bottom: 1px solid #2d2d2d;
  padding: 12px 0;
}
.industry_support > li:first-child{
  padding-top: 0;
}
.industry_support > li:last-child{
  border-bottom: none;
}
.single_footer_widgets .industry_support a {
  color: #dcdcdc;
  display: block;
  line-height: 13px;
}
.industry_support a:hover{
  color: #017cc0;
}
.single_footer_widgets .our_twitter a {
  color: #6dcff6;
}
.single_footer_widgets .our_twitter > li {
  border-bottom: 1px solid #2d2d2d;
  color: #dcdcdc;
  padding-bottom: 22px;
  padding-top: 22px;
}
.single_footer_widgets .our_twitter > li:first-child{
  padding-top: 0;
}
.single_footer_widgets .our_twitter > li:last-child{
  padding-bottom: 0;
  border-bottom: none;
}
.our_twitter span {
  color: #959595;
  font-size: 12px;
  margin-top: 2px;
  margin-bottom: 0;
}
.single_footer_widgets .about_us > li {
  color: #dcdcdc;
  margin-bottom: 9px;
}
.single_footer_widgets .about_us a {
  color: #898989;
  font-size: 13px;
  font-family: 'RobotoMedium';
}
.about_us i {
  display: inline-block;
  margin-left: 12px;
  font-size: 16px;
}
.single_footer_widgets .about_us a:hover i{
  margin-left: 16px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single_footer_widgets > img {
  display: block;
  margin: 70px auto 23px;
}
.footer_fixed_img > img {
  display: block;
  margin: 0 auto;
}
.footer_copyright > li {
  line-height: 25px;
  text-align: center;
}

.footer_bottom_area {
  background: #000;
  padding: 30px 0;
}
.footer_bottom_left ul, .footer_bottom_right ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer_bottom_left ul li, .footer_bottom_right ul li {
  display: inline-block;
}
.footer_bottom_left ul li a, .footer_bottom_right ul li a {
  color: #fff;
  display: block;
  font-size: 13px;
  line-height: 16px;
  padding: 0 7px;
}
.footer_bottom_left ul li a:hover, .footer_bottom_right ul li a:hover{
  color: #017cc0;
}
.footer_bottom_left ul li a{
  border-right: 1px solid #fff;
}
.footer_bottom_left ul li:last-child a{
  border-right: none;
}
.footer_bottom_right ul li{
  border-right: 1px solid #fff;
}
.footer_bottom_right ul li:last-child{
  border-right: none;
}
.single_footer_widgets .industry_support {
  margin-bottom: 50px;
}

/* ============================================
               End Footer CSS
===============================================*/


/* ============================================
15.            Start Single Blog Page
===============================================*/


.share-this{
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  overflow: hidden;
  padding: 15px 30px;
}
.share-left{float: left;}
.share-left span.share-title{color: #666666;
font-size: 13px;}
.share-left span.share-icon a{display: inline-block;
margin-left: 10px;}
.share-left span.share-icon a i{
  border: 1px solid #ddd;
  border-radius: 50%;
  color: #959595;
  height: 30px;
  padding-top: 8px;
  text-align: center;
  width: 30px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.share-left span.share-icon a i:hover{border-color:#017cc0;color:#017cc0}
.share-right{float: right;}
.share-right span{margin-left: 30px;}
.share-right span i{color: #0072a5;}
.share-right span a{
  color: #666666;
  font-size: 14px;
  margin-left: 5px;
}
span.special-text-b{background: #f8f8f8 none repeat scroll 0 0;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
color: #616161;
display: block;
font-size: 18px;
font-style: italic;
line-height: 30px;
margin: 30px;
padding: 20px;}
.super-user{background: #f8f8f8 none repeat scroll 0 0;
margin-top: 60px;
overflow: hidden;
padding: 15px;
}
.s-user-img{float: left;}
.s-user-img img{float: left;
margin-right: 15px;}
.s-user-name{
  border-bottom: 1px solid #ddd;
  margin-top: 12px;
  overflow: hidden;
  padding-bottom: 15px;
}
span.s-user-n{
  color: #313131;
  float: left;
  font-size: 18px;
  text-transform: uppercase;
}
span.s-user-icon{
  float:right;
}
span.s-user-icon a i{
  color: #d6d6d6;
  font-size: 16px;
  margin-left: 10px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
span.s-user-icon a i:hover{color:#017cc0}
.s-user-text p{color: #999999;
font-size: 14px;}
.user-comments{margin-top: 75px;}
.user-comments h2{color: #313131;
font-size: 18px;}
.single-comments{margin-top: 70px;}
.comments-user{margin-top: -30px;
overflow: hidden;
position: absolute;
width: 82%;}
.comments-user span.comments-name{color: #313131;
float: left;
font-size: 15px;
width: 50%;}
.comments-user span.comments-date{color: #0072a5;
font-size: 12px;
padding-left: 15px;}
.comments-user span.comments-reply{float: right;
padding-right: 30px;
text-align: right;
width: 50%;}
.comments-user span.comments-reply a{color: #0072a5;
font-size: 13px;}
.comments-user span.comments-reply a i{}
.inner-comments{border: 1px solid #ddd;
overflow: hidden;}
.comments-img{float: left;
margin-top: -45px;
position: absolute;
width: 12%;
z-index: 9999;}
.comments-text{float: right;
overflow: hidden;
padding-left: 20px;
width: 88%;}
.comments-text p{color: #999999;}
.middle-comment{padding-left: 45px;}
.middle-comment .comments-user {
  width: 78%;
}
.single-post-contact{margin-top: 75px;}
.single-post-contact h2{color: #313131;
font-size: 18px;
margin-bottom: 45px;}
.single-post-contact input[type=text], .leave_message input[type=text]{
  border: 1px solid #ddd;
  height: 40px;
  margin-bottom: 40px;
  padding-left: 20px;
  width: 100%;
}
.single-post-contact textarea#message,  .leave_message textarea#message{
  border: 1px solid #ddd;
  height: 160px;
  margin-bottom: 30px;
  padding-left: 20px;
  width: 100%;padding-top: 15px;
}
.single-post-contact input[type=submit]{
  background: #0072a5 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px;
  text-transform: uppercase;
}
body#single_blog_page .single_blog_post{
  border: none;
}
body#single_blog_page .single_blog_post figure{
  border: 1px solid #eeeeee;
}

/* ============================================
            End Single Blog Page
===============================================*/



/* ============================================
16.         Start Services Page
===============================================*/


body#services_page .get_quote_area {
  background: rgba(0, 0, 0, 0) url("images/get-a-quote-services.jpg") no-repeat scroll 50% center / cover ;
  color: #fff;
}
body#services_page .single_weoffer_best > dl {
  float: right;
  margin-bottom: 0;
  text-align: left;
  width: 73%;
}
body#services_page .single_weoffer_best > dl > dt {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 16px;
  color: #313131;
}
body#services_page .single_weoffer_best > dl > dd{
  color: #a6a3a3;
}
body#services_page .single_weoffer_best i {
  display: inline-block;
  line-height: 54px;
  margin-right: 20px;
  text-align: center;
  width: 21%;
}
.watch_video_area{
  background: rgba(0, 0, 0, 0) url("images/watch-video.jpg") no-repeat scroll 50% center / cover ;
}
.watch_video_area h3 {
  color: #fff;
}
.industry_support_area .nav.nav-tabs {
  margin: 0 auto;
  text-align: center;
  border-bottom: none;
  margin-bottom: 40px;
}
.industry_support_area .nav.nav-tabs li{
  display: inline-block;
  float: none;
  margin-right: 24px;
}
.industry_support_area .nav.nav-tabs li a{
  border: 1px solid #017cc0;
  border-radius: 80px;
  color: #017cc0;
  font-family: "RobotoMedium";
  letter-spacing: 0.9px;
  line-height: 35px;
  padding: 6px 34px;
  text-transform: uppercase;
}
.industry_support_area .nav.nav-tabs li.active a{
  background: #0072a5;
  color: #fff;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  cursor: pointer;
}
.industry_support_area .tab-content img {
  float: left;
  margin-right: 40px;
}
.industry_support_area .tab-content p{
  color: #777777;
  line-height: 28px;
}
.performance_area .single_perform {
  border: 1px solid #eaeaea;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.performance_area .single_perform:hover{
  border: 1px solid #0072a5;
}
.performance_area .single_perform > img {
  margin-top: -32px;
}
.performance_area .single_perform > h5 {
  margin-bottom: 29px;
  margin-top: 26px;
}
.performance_area .single_perform > p {
  color: #999999;
  line-height: 24px;
  margin-bottom: 39px;
}


/* ============================================
                End Services Page
===============================================*/


/* ============================================
17.             Start Faq Page Area
===============================================*/


.all_frequent_queries a {
  color: #313131;
  display: block;
  font-family: "RobotoMedium";
  font-size: 16px;
  line-height: 60px;
}
.all_frequent_queries a:hover{
  color: #017cc0;
}
body#faq_main_page .section_title{
  margin-bottom: 30px;
}
.single_why_chose_truck > a {
  color: #999999;
  float: right;
  font-family: "Lato",sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 39px;
}
.single_why_chose_truck > p {
  color: #999;
  font-size: 15px;
  line-height: 30px;
}
.all_frequent_queries ul{
  margin-bottom: 75px;
}
.single_why_chose_truck > h4 {
  letter-spacing: 1px;
  margin-bottom: 23px;
  text-transform: none;
  line-height: 40px;
}
.single_why_chose_truck{

}


/* ============================================
                End Faq Page Area
===============================================*/


/* ============================================
18.         Start Faq-Accordion Page Area
===============================================*/


.all_frequent_accordion_queries .panel-title span {
  background: rgba(0, 0, 0, 0) url("images/faq-accordion-lock.png") no-repeat scroll center center;
  padding: 30px 8px;
  float: right
}
.all_frequent_accordion_queries .panel-title a.collapsed span {
  background-image: url("images/faq-accordion-lock-click.png");
}
.all_frequent_accordion_queries .panel-default > .panel-heading {
  padding: 0;
  background: none;
  border-radius: 0px;
}
.all_frequent_accordion_queries .panel-default .panel-body p{
  color: #999;
}
.all_frequent_accordion_queries .panel-default > .panel-heading .panel-title a {
  border-bottom: 1px solid #dee8ec;
  display: block;
  line-height: 60px;
}
.all_frequent_accordion_queries .panel-group .panel{
  border: medium none;
  border-radius: 0;
  box-shadow: none;
}
.all_frequent_accordion_queries .panel-group .panel-body, .all_frequent_accordion_queries .panel-collapse, .all_frequent_accordion_queries .panel-default > .panel-heading + .panel-collapse > .panel-body, .all_frequent_accordion_queries .panel-group .panel-heading + .panel-collapse > .panel-body, .all_frequent_accordion_queries .panel-group .panel-heading + .panel-collapse > .list-group{
  border: none;
}
.all_frequent_accordion_queries .panel-group .panel-heading + .panel-collapse > .panel-body{
  border-bottom: 1px solid #dee8ec;
}


/* ============================================
            End Faq-Accordion Page Area
===============================================*/


/* ============================================
19.         Start Contact Page Area
===============================================*/


.our_address_contact .section_title {
  margin-bottom: 36px;
}
.our_address_contact .section_title h4{
  padding-bottom: 20px;
}
.our_branches ul{
  list-style: outside none none;
  margin: -8px 0 0;
  padding: 0;
}
.our_branches ul li i{
  color: #2f8bb5;
  margin-right: 20px;
}
.our_branches ul li{
  color: #999999;
  line-height: 45px;
}
.keep_quick dl, .keep_contact dl{
  float: right;
  margin-bottom: 0;
  text-align: left;
  width: 73%;
}
.keep_quick dl dt, .keep_contact dl dt {
  color: #313131;
  font-family: "Oxygen";
  font-size: 15px;
  font-weight: 600;
  line-height: 31px;
  letter-spacing: 1px;
}
.keep_quick dl dd, .keep_contact dl dd{
  color: #999;
}
.keep_quick i, .keep_contact i {
  display: inline-block;
  line-height: 54px;
  margin-right: 20px;
  text-align: center;
  width: 21%;
}
.keep_in_touch p {
  color: #959595;
  font-size: 15px;
  line-height: 27px;
}
.leave_message  input[type="submit"]{
  background: #0072a5 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-family: 'RobotoMedium';
  font-size: 16px;
  /*font-weight: 600;*/
  padding: 13px 68px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.leave_message .section_title {
  margin-bottom: 80px;
}


/* ============================================
            End Contact Page Area
===============================================*/


/* ============================================
20.         Start 404 page Area
===============================================*/

.error_mail{
  background: #f1f1f1 none repeat scroll 0 0;
  padding: 60px 0;
}
.error_section input[type="submit"]{
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #363636 none repeat scroll 0 0;
  border-color: -moz-use-text-color -moz-use-text-color #252525;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 3px;
  color: #fff;
  font-family: "RobotoMedium";
  font-size: 14px;
  letter-spacing: 1px;
  padding: 17px 34px;
  text-transform: uppercase;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.error_section input[type="submit"]:hover{
  background: #222 none repeat scroll 0 0;
}
.error_mail input[type="text"] {
  border: 0 none;
  border-radius: 0;
  height: 53px;
  line-height: 29px;
  margin-right: -3px;
  text-indent: 30px;
  width: calc(100% - 163px);
}
.error_mail input[type="submit"] {
  background: #0072a5 none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  float: right;
  font-family: "RobotoMedium";
  font-size: 14px;
  font-weight: 600;
  line-height: 29px;
  padding: 12px 52px;
  text-transform: uppercase;
  letter-spacing: 1px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.error_mail input[type="submit"]:hover{
  background: #004d6f;
}


/* ============================================
              End 404 page Area
===============================================*/



/* ============================================
21.         Start On Parking Page Area
===============================================*/

.all_parking_trucks .nav.nav-tabs {
  border-bottom: medium none;
  margin: 0 auto 40px;
  text-align: center;
}
.all_parking_trucks .nav.nav-tabs li {
  display: inline-block;
  float: none;
  margin-right: 24px;
}
.all_parking_trucks .nav.nav-tabs li a {
  color: #6b6b6b;
  font-family: "RobotoMedium";
  letter-spacing: 0.9px;
  line-height: 30px;
  padding: 0 20px;
  text-transform: none;
  border-radius: 0px;
}
.all_parking_trucks .nav.nav-tabs li.active a, .all_parking_trucks .nav.nav-tabs li:hover a {
  color: #0072a5;
  border: 1px solid #0072a5;
}
.all_parking_trucks .tab-content .single_truck{
  margin-bottom: 30px;
}
.all_parking_trucks .tab-content figure {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.single_truck .truck_photo_caption {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.single_truck:hover .truck_photo_caption {
  opacity: 1;
}
.single_truck .truck_photo_caption a.lightbox {
  color: #fff;
  display: block;
  font-size: 90px;
  height: 30px;
  left: 50%;
  line-height: 30px;
  margin-left: -40px;
  margin-top: -40px;
  position: absolute;
  top: 50%;
  width: 30px;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.single_truck:hover .truck_photo_caption a.lightbox {
  font-size: 30px;
  margin-left: -15px;
  margin-top: -15px;
}
.single_truck .truck_photo_caption span {
  background: #0072a5 none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  font-family: "RobotoMedium";
  font-size: 18px;
  left: 0;
  padding: 15px 0;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
}
.pagination_number nav ul{
  margin: 0;
}
.pagination_number nav ul li a{
  font-size: 15px;
  color: #999999;
  border: 1px solid #eeeeee;
  margin-right: 5px;
}
.pagination_number nav ul li a:hover{
  background-color: #fff;
}
.pagination_number nav ul li.active a {
  background-color: #0072a5;
}
.pagination_number nav ul li:last-child a, .pagination_number nav ul li:first-child a{
  border-radius: 0px;
}
.pagination_number nav ul li a, .pagination_number nav ul li.active a{
  padding: 9px 17px;
}


/* ============================================
            End On Parking Page Area
===============================================*/



/* ============================================
22.         Start 2nd Home page Area
===============================================*/


.main_two_slider_area {
  background: rgba(0, 0, 0, 0) url("images/main-slider-four.jpg") no-repeat scroll center center / cover ;
  min-height: 800px;
}

.main_two_slider_area h1, .main_two_slider_area p{
  color: #fff;
}
.main_two_slider_area h1{
  font-weight: 400;
  text-transform: none;
  font-size: 45px;
  line-height: 55px
}
.main_two_slider_area p {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 29px;
  text-transform: none;
}
.why_choose_home_two .section_title h4{
  font-family: Roboto Medium;
  font-size:24px;
  color:#333333;
  line-height: 30px;
}
.why_choose_home_two h4{
  font-family: Oxygen;
  font-size:14px;
  color:#959595;
}
.single_whyhome_two_img:hover figure figcaption {
  left: 1%;
  bottom: 1%;
}
.single_whyhome_two_img figure{
  position: relative;
  overflow: hidden;
}
.single_whyhome_two_img figcaption {
  background-color: #017cc0;
  border-radius: 50%;
  bottom: -6%;
  left: -3%;
  padding: 20px;
  position: absolute;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single_blog_info h6{
    font-size: 17px;
    color:#313131;
}
.single_blog_info p{
    font-family: Oxygen;
    font-size: 14px;
    color:#777777;
    line-height: 26px
}
body#home_two .logistic_counter_area{
  background: rgba(0, 0, 0, 0) url("images/counter-bg-home-two.jpg") no-repeat scroll center center / cover ;
}
body#home_two .single-counter span {
  color: #0a8fc7;
}
body#home_two .single-counter > h4{
  color: #fff;
}
body#home_two .single-counter{
  padding: 0;
}
body#home_two .logistic_counter_area .section_title{
  margin-bottom: 70px;
}
body#home_two .logistic_counter_area .section_title p{
  color: #fcfcfc;
}
body#home_two .transport_features .section-content ul {
  list-style: outside none none;
  margin: 0 0 51px;
  padding: 0;
}
body#home_two .transport_features .section-content ul li{
  color: #fff;
  line-height: 42px;
}
body#home_two .transport_features .section-content ul li img{
  margin-right: 23px;
}
body#home_two .transport_features .section-content a.btn{
  font-size: 15px;
  color: #252b3f;
  background: #fff;
  border-radius: 0px;
  border-bottom: 2px solid #eeeaea;
}
body#home_two .owl-carousel .owl-item img {
  width: auto;
}
.client_home_two_txt {
  background: #fff none repeat scroll 0 0;
  margin: 0 auto;
  width: 84%;
}
.client_home_two_txt > img {
  float: left;
  margin-right: 35px;
}
.client_home_two_txt h3 {
  color: #017cc0;
  font-family: "Oxygen";
  font-size: 14px;
  padding: 15px 0;
}
.client_home_two_txt p {
  color: #999;
  padding-bottom: 21px;
  line-height: 28px;
  margin: 0;
}
body#home_two .testi_prev, body#home_two .testi_next {
  color: #36383f;
  font-size: 40px;
  top: 62%;
}
.blog_feed_home > ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.blog_feed_home li {
  border-right: 1px solid #b0b0b0;
  color: #999999;
  display: inline-block;
  font-size: 13px;
  margin-right: 20px;
  padding-right: 20px;
}
.blog_feed_home li:last-child{
  border-right: none;
}
.blog_feed_home li img {
  padding: 0 15px;
}
.blog_feed_home {
  padding: 10px;
  border: 1px solid #eeeeee;
}
.blog_feed_home h6{
  margin: 26px 0 7px;
}
.blog_feed_home h6 a{
  font-size: 17px;
}
.blog_feed_home > p {
  color: #777777;
  line-height: 28px;
}
.header-contact{background: #fff none repeat scroll 0 0;
overflow: hidden;
padding: 30px;}
h2.header-contact-title{background: #0072a5 none repeat scroll 0 0;
color: #fff;
font-size: 24px;
font-weight: 500;
padding: 17px 0;
text-align: center;
text-transform: capitalize;
width: 100%;}
.header-form-left{float: left;
padding-right: 15px;
width: 50%;}
.header-form-right{float: right;
width: 50%;padding-left: 15px;}
.header-contact p{color: #313131;
font-size: 14px;
margin-bottom: 5px;}
.form-h-name {
  margin-bottom: 20px;
}
.form-h-name > input {
border: 1px solid #ddd;
height: 40px;
padding-left: 10px;
width: 100%;
}
.form-h-select select{ border: 1px solid #ddd;
height: 40px;
padding-left: 10px;
width: 100%;}
.text-area-h{margin-bottom: 20px;}
.text-area-h textarea#message-h{border: 1px solid #ddd;
height: 83px;
padding-left: 10px;
padding-top: 10px;
width: 100%;}
.text-area-h input[type=submit]{background: #0072a5 none repeat scroll 0 0;
border: medium none;
color: #fff;
font-weight: 700;
height: 40px;
letter-spacing: 1px;
margin-top: 30px;
text-transform: uppercase;
width: 100%;}
.header-form-top{margin-top: 145px;}
.about_transport .btn.btn-see:hover{
  color: #fff;
}
.about_transport .btn.btn-see {
  border-radius: 0;
  background-color: #0072a5;
  margin-right: 10px;
}
.about_transport .btn.btn-see.btn-white {
  background-color: #fff;
  color: #0072a5;
}
.single_whyhome_two_img > p {
  color: #777;
}
.single_whyhome_two_img h5 {
  margin: 26px 0 16px;
}


/* ============================================
            End 2nd Home page Area
===============================================*/


/* --------------------------------------------------------
23.           start contact us page CSS
-----------------------------------------------------------*/
.send_mail .section_title h4, .contact_info .section_title h4{
  color: #515151;
  font-size: 18px;
}
.send_mail input, .send_mail textarea {
  border: 1px solid #e0e1e5;
  color: #666666;
  display: inline;
  font-size: 14px;
  line-height: 20px;
  padding: 20px;
  margin-bottom: 30px;
  outline: none;
  width: 100%;
  text-transform: uppercase;
}
.send_mail a.btn{
  text-transform: none;
}
.contact_info > ul > li{
  line-height: 25px;
  margin-bottom: 29px;
  font-size: 16px;
}
.contact_info > ul > li > i {
  float: left;
  font-size: 20px;
  margin-right: 15px;
  min-height: 40px;
  padding-top: 3px;
}
body#contact_us_page .contact_info .social_icons > ul > li > a, .contact_info > ul > li{
  color: #999999;
}
body#contact_us_page .contact_info .social_icons > ul > li > a{
  font-size: 20px;
  padding-right: 30px;
}
body#contact_us_page .contact_info .social_icons > ul > li > a:hover{
  color: #313a45;
}
.submit_btn {
  margin-top: 16px;
}
.thank_box {
  background: none repeat scroll 0 0 #eee;
  border-bottom: 5px solid #1774c1;
  font-size: 20px;
  height: 271px;
  margin: 100px auto 0;
  padding-top: 90px;
  text-align: center;
  width: 55%;
}
.thank_box a {
  background: #1774c1 none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #fff;
  display: block;
  font-size: 13px;
  margin: 25px auto 0;
  padding: 15px 30px;
  text-decoration: none;
  text-transform: uppercase;
  width: 250px;
}
.thank_box a:hover {
  background: none repeat scroll 0 0 #fff;
  color: #1774c1;
  border:2px solid #1774c1;
  text-decoration:none;
}
.thank_box i {
  font-size: 12px;
  margin-right: 5px;
}
.send_mail .btn{
  text-transform: none;
}
.myh5
{
      font-family: "RobotoMedium";
    font-weight: 400; font-size: 18px; color: #fff;  margin-bottom: 4px;
    padding-left: 30px;
    padding-top: 37px;line-height: 20px;
}
.myp
{
      margin: 0;
    padding: 25px 30px 30px; color: #fff; font-size: 14px;text-align:left;
}
/*.btn-md {
    font-size: 14px;
    padding: 9px 43px; font-weight: 500;  text-transform: uppercase;  -moz-user-select: none; cursor: pointer;
    display: inline-block;line-height: 1.42857;
    margin-bottom: 0; text-align: center;
    vertical-align: middle;
    white-space: nowrap;  text-decoration: none;    
}
.btn-default {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #252b3f;
    border-radius: 5px;
    color: #252b3f;
    font-family: "RobotoLight";
    transition: all 0.5s ease 0s; border-radius: 5px; transition: all 0.5s ease 0s;
}
.btn:hover {
    background: #fff none repeat scroll 0 0;
    border-bottom: 2px solid #959595;
    color: #017cc0;text-decoration: none;
}*/
/* --------------------------------------------------------
                End contact us page CSS
-----------------------------------------------------------*/       



/* --------------------------------------------------------
24.                Start Responsive CSS
-----------------------------------------------------------*/


/* ============================================
          Start Medium Layout: 1280px
===============================================*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.container{
  width: 970px;
}
.header_we_are > dl {
  width: 67%;
}
.main_menu .navbar-default .navbar-nav > li > a {
  padding: 24px 31px;
}
.header_we_are dd, .header_we_are dd a {
  font-size: 12px;
}
.transport_features_area .panel-default > .panel-heading .panel-title a {
  font-size: 14px;
}
.transport_features {
  min-height: 850px;
}
.single_footer_widgets h4 {
  font-size: 22px;
}
.footer_social_icons i {
  margin-right: 7px;
}
.address_list dt, .address_list dd {
  font-size: 11px;
}
.single_who figure p {
  padding: 10px 30px 10px;
}
.single_on_parking figcaption {
  margin: 0 16px;
  padding: 0 10px;
}
.single_on_parking figcaption p {
  margin-left: 14px;
}
.keep_quick i, .keep_contact i {
  margin-right: 10px;
}
body#services_page .single_weoffer_best i {
  margin-right: 10px;
  width: 22%;
}
body#services_page .single_weoffer_best > dl > dt {
  font-size: 16px;
}
body#services_page .get_quote_area {
  background-position: 61.5% center;
}
.industry_support_area .tab-content p {
  line-height: 25px;
}
.single_blog_post ul li {
  padding: 0 10px;
}
.blog_feed_home li {
  margin-right: 15px;
  padding-right: 15px;
}
.blog_feed_home h6 a {
  font-size: 15px;
}
body#home_two .transport_features .section-content ul li {
  font-size: 13px;
}
body#home_two .transport_features .section-content ul li img {
  margin-right: 3px;
}


}
/* ============================================
          End Medium Layout: 1280px
===============================================*/


/* ============================================
          Start Tablet Layout: 768px
===============================================*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .container{
  width:750px;
}
.header_we_are i {
  width: 22%;
}
.main_menu .navbar-default .navbar-nav > li > a {
  padding: 24px 21px;
}
.main_menu .dropdown-menu > li > a {
  font-size: 12px;
}
.transport_features_area .panel-default > .panel-heading .panel-title a {
  text-indent: 3px;
  font-size: 10px;
}
.single_footer_widgets {
  margin-bottom: 30px;
}
.single_who figure p {
  padding: 0 11px 5px;
}
.transport_features {
  min-height: 850px;
}
.get_quote_area {
  background: #000;
}
/*start about-us on parking*/
.single_on_parking {
  margin-bottom: 50px;
}
.single_on_parking figcaption {
  margin: 0 52px;
  padding: 0 29px;
  width: 70%;
}
/*End about-us on parking*/
.our_branches ul li i {
  margin-right: 1px;
}
.keep_quick i, .keep_contact i {
  margin-right: 10px;
}
.keep_in_touch p {
  font-size: 13px;
  line-height: 20px;
}
body#services_page .single_weoffer_best {
  margin-bottom: 60px;
}
body#services_page .single_perform{
  margin-bottom: 60px;
}
body#services_page .get_quote_area{
  background: #000;
}
.weare_best_at_area {
  background: #000 none repeat scroll 0 0;
}
.client_home_two_txt p {
  line-height: 19px;
  padding-bottom: 10px;
}
.blog_feed_home {
  margin-bottom: 30px;
}




}

/* ============================================
          Start Mobile Layout: 320px
===============================================*/

@media only screen and (max-width: 767px) {
.container {
  width:320px;
}
.why_us_area .single_why_us{
  margin-bottom: 30px;
}
.transport_features_area {
  background: #1874C1;
}
.transport_features_area .panel-title span {
  height: 40px;
  padding: 30px 5px;
  width: 40px;
}
.transport_features_area .panel-default > .panel-heading .panel-title a {
  font-size: 9px;
  text-indent: 4px;
}
.get_quote_area {
  background: #000;
}
.error_mail input[type="submit"] {
  padding: 12px 6px;
}
.error_mail input[type="text"] {
  text-indent: 5px;
  width: calc(100% - 75px);
}
.single_who figure p {
  margin-bottom: 30px;
  padding: 5px 30px;
}
.weare_best_at_area {
  background: #1D1C21;
}
.on_parking_area .single_on_parking {
  margin-top: 50px;
}
.about_client_area .client_border{
  border: none;
}
.all_parking_trucks .nav.nav-tabs li {
  margin-bottom: 20px;
  margin-right: 5px;
}
.all_parking_trucks .nav.nav-tabs li a {
  padding: 0 5px;
}
.pagination_number nav ul li a, .pagination_number nav ul li.active a {
  padding: 2px 11px;
}
.share-right span {
  margin-left: 5px;
}
.share-this {
  padding: 10px;
}
.share-left span.share-icon a {
  margin-left: 2px;
}
.single_blog_post ul li {
  border-right: none;
}
.single_blog_post figcaption{
  display: none;
}
.keep_quick i, .keep_contact i {
  margin-right: 10px;
}
.our_branches{
  margin-bottom: 30px;
  margin-top: 30px;
}
.all_frequent_accordion_queries .panel-default > .panel-heading .panel-title a{
  font-size: 14px;
  line-height: 50px;
}
body#services_page .single_weoffer_best i {
  margin-right: 10px;
}
body#services_page .single_weoffer_best > dl > dt {
  line-height: 23px;
}
body#services_page .single_weoffer_best{
  margin-bottom: 50px;
}
.industry_support_area .nav.nav-tabs li{
  margin-bottom: 30px;
}
.performance_area .single_perform{
  margin-bottom: 60px;
}
span.s-user-icon {
  float: left;
}
span.s-user-icon a i {
  margin-left: 5px;
}
.single_blog_post img {
  padding: 0; 
}
.comments-img {
  margin-left: 5px;
  margin-top: -18px;
}
.comments-user span.comments-name {
  font-size: 12px;
  width: 60%;
}
.comments-user span.comments-date {
  padding-left: 5px;
}
.comments-user span.comments-reply {
  text-align: left;
  width: 40%;
  padding: 0 5px;
}
.blog_details ul li img {
  padding: 0 10px;
}
.about_transport .btn.btn-see {
  font-size: 17px;
  padding: 10px;
}
body#home_two .single_whyhome_two_img {
  margin-bottom: 50px;
}
body#home_two .transport_features_area {
  background: #262b3f none repeat scroll 0 0;
}
body#home_two .owl-carousel .owl-item img {
  margin: 0 35px auto;
}
.client_home_two_txt h3 {
  margin: 10px;
}
.blog_feed_home li {
  margin-right: 15px;
  padding-right: 15px;
}
.blog_feed_home{
  margin-bottom: 30px;
}
body#home_two .single-counter {
  margin-bottom: 30px;
}


}
/* ============================================
          End Mobile Layout: 320px
===============================================*/


/* ============================================
          Start Wide Mobile Layout: 480px
===============================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
  width:450px;
}


}
/* ============================================
          End Wide Mobile Layout: 480px
===============================================*/


/* --------------------------------------------------------
                End Responsive CSS
-----------------------------------------------------------*/