@charset "utf-8";
/* CSS Document */

body{color:#222; font-family:Arial, Helvetica, sans-serif;}
*::before, *::after {box-sizing: border-box;}
*::before, *::after {box-sizing: border-box;}

header, nav, section, details, footer {width:100%;/* overflow:hidden;*/}
p{font-size:16px; line-height:24px; margin:0 0 10px;}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontawesome-webfont.woff') format('woff'),
         url('../fonts/fontawesome-webfont.ttf') format('truetype'),
         url('../fonts/fontawesome-webfont.svg#erasdemi') format('svg');
    font-weight:normal;font-style:normal;
	}
.clearfix {float:none;clear:both;}

table {border: 0;border-spacing: 0;margin: 10px 0;   width: 100%;border-collapse: collapse;border-spacing: 0;}
.thbgblue{background:#328aa4; color:#fff;}
tr {border-bottom: 1px solid #ccc;padding: 0.1em 0.6em;}
tr td, tr th {padding: 4px 9px;border: 1px solid #eaeaea;text-align: left;}
.table-responsive {max-width: 100%;overflow: auto;}
.fr {float: right;}

header{padding:5px 0px;}
header p{margin:5px 0 0 0px; padding:0px; line-height:18px;}

/*********************     Start Header top link login search etc       *********************/
.bginput{background:#62ceff;}
ul.loginbtn {margin: 0px;padding: 0px;float: right;}
ul.loginbtn li {float: left;padding-right: 30px;list-style: none;margin-top: 17px;text-align: left;}
ul.loginbtn li .widget_icon {
    background-color: #f4f6f9;
    width: 45px;
    height: 45px;
    line-height: 46px;
    text-align: center;
    float: left;
    font-size: 18px;
    border: 1px solid #eaecf2;
}
ul.loginbtn li .widget_content {margin-left: 14px;float: left;}

ul.loginbtn li .widget_content p, ul.loginbtn li .widget_content h5 {margin-bottom: 0px;}
ul.loginbtn li .widget_content h5{font-size: 1.1em;color: #444;font-weight: 600;line-height: 1.2;margin-top: 0;}
ul.loginbtn li:last-child a {color: #fff;padding: 10px 25px;font-size:1.2em; font-weight: 700; border-radius: 5px;margin-top:3px; display: block;font-weight: 400;background: #fb2821;}
ul.loginbtn li:last-child a:hover{background: #aa0903; text-decoration: none;}

.tblue{color: #216ea3;}
/*********************     End Header top link login search etc       *********************/

/*****************  Start nav CSS    ****************************/
.navbar-inverse {background: #02669a;border: 0px;}
ul.navborder li{border-left:0px solid #d0d0d0; border-right:1px solid #1483bd;}
ul.navborder li:first-child{border-left:0px;}
ul.navborder li:last-child{border-right:0px;}
ul.navbar-nav > li > a {padding: 15px 45px;}
.navbar-inverse .navbar-nav > li > a {color: #fff;}
ul.navborder li.dropdown:hover ul.dropdown-menu{display: block;}
ul.navborder ul.dropdown-menu{margin: 0px; padding: 0px;}
ul.navborder ul.dropdown-menu li{border-left: 0px;border-bottom: 1px solid #1483bd;}
ul.navborder ul.dropdown-menu li:last-child{border-bottom: 0px;}
ul.navborder ul.dropdown-menu li a{padding: 10px 20px;background: #02669a;color: #fff;}
ul.navborder ul.dropdown-menu li a:hover{background: #d6e9f7; color: #000;}
.dropdown-menu {min-width: 200px;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #fff !important;background: #00517b !important;}

/********* Start Banner form********/
.sliderbox, .formbox{padding: 0px;height: 412px;background: rgb(220, 220, 222);}
.sliderbox .carousel-inner, .carousel-inner > .item > img{height: 412px;}
.rqst_form { background: rgb(220, 220, 222);padding: 10px 25px 10px;border: 1px solid #ddd;}
.rqst_form p.hadding {color: #02669a;margin-top: 0px;text-align: center; margin-bottom: 15px;text-transform: uppercase;font-size: 24px;font-weight: 700;}
.rqst_form p.hadding span {border: 1px solid #666;display: block;width: 180px;margin: 10px auto;}
.rqst_form .form-control {border-color: #aaa;border-radius: 0px;}
.rqst_form .form-control::placeholder, .rqst_form select{color: #999;}
.rqst_form .btn {width: 100%;color: #fff;background: #fb2821;border: 0px;border-radius: 0px;padding:9px 0px;}
.rqst_form .btn:hover{background: #aa0903;}
.rqst_form input[type="date"]{line-height: 21px;color: #999;}
/********* End Banner form********/

/********** Our Service ********/
.tarotbox {padding: 40px 0px;box-sizing: border-box;}
.all_products .owl-controls .owl-prev, .client_products .owl-controls .owl-prev{position: absolute;top: 33%;
    border: 2px solid #111;
    padding: 5px 7px;
    left: -15px;}
.all_products .owl-controls .owl-next, .client_products .owl-controls .owl-next{position: absolute;top: 33%; 
    right: -15px;
    border: 2px solid #111;
    padding: 5px 7px;
}
.all_products .owl-nav .owl-prev::before, .client_products .owl-nav .owl-prev::before {color: #000;content: "\f053";font: normal normal normal 25px/1 FontAwesome;}
.all_products .owl-nav .owl-next::before, .client_products .owl-nav .owl-next::before {color: #000;content: "\f054";font: normal normal normal 25px/1 FontAwesome;}
.all_products .owl-nav .owl-next, .all_products .owl-nav .owl-prev, .client_products .owl-nav .owl-next, .client_products .owl-nav .owl-prev {font-size: 0px !important;}
.client_products .owl-controls .owl-prev, .client_products .owl-controls .owl-next{top: 32%;}

.single_product {border: 1px solid #dbdee9;margin-left: auto;margin-bottom: 15px;}
.prod_img {overflow: hidden;position: relative;border-bottom: 1px dashed #ccc;}
.prod_img a {display: block;text-decoration: none;text-align: center;height: 100%;}
.single_product h5 {color: #535962;font-size: 16px;line-height: 16px;padding:13px 10px;font-weight: 700;text-align: center;margin: 0px;background: #fff;}
.readbox{background: #02669a;color: #fff;display: block; padding: 10px 25px;text-align: center; font-weight: 700;}
.readbox:hover{background: #fb2821; color: #fff; text-decoration: none;}

.adcart_overly {
    height: 100%;
    position: absolute;
    top: 0;
    background: #13AEF7;
    padding-top: 50px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    display: none;
}
.adcart_overly p {color: #fff;line-height: 23px;text-align: center;margin-bottom: 15px;}
.adcart_overly a {
    background: #fff none repeat scroll 0 0;
    color: #535962;
    display: inline-block;
    font-size: 14px;
    height: 43px;
    line-height: 27px;
    overflow: hidden;
    padding: 8px 21px;
    text-transform: uppercase;
    font-weight: bold;
}
.single_product:hover .adcart_overly {background: #18224a;}
.single_product:hover .adcart_overly {display: block;}


/************ Start Work process *****/
.workprocess{padding: 40px 0;}
.welcome{padding: 30px 0;}
.process-services {margin-left: -26px;background-image: url(../images/process.png);background-position: -17px -114px;background-repeat: no-repeat; z-index: 99999;}
.process_box {text-align: center;margin-top: 30px;margin-bottom: 30px;}
.process_title {font-size: 20px;font-weight: 600;margin-top: 10px;}
/************ End Work process *****/

/************ Start Why Us for Mahindra *****/
.mt50px{margin-top: 80px;}
.section_gray{padding: 40px 0; background: url(../images/bgg.jpg) top left repeat;}
.home_two_single_promotions {background: #fff;margin-bottom: 40px; padding: 40px 20px; position: relative;}
.text-center {text-align: center;}
.home_two_single_promotions .s_promotion_icon {
    background: #fb2821;
    border: medium none;
    border-radius: 0;
    height: 80px;
    margin-left: -40px;
    margin-top: 18px;
    padding-top: 20px;
    transition: all 0.3s ease 0s;
    width: 80px;
}
.s_promotion_icon {left: 50%;position: absolute;top: -51px;}
.home_two_single_promotions > h2 {font-size: 17px;margin-bottom: 30px;margin-top: 49px;text-transform: uppercase;}
.know_more {
    background: #222222;
    bottom: -15px;
    color: #fff;
    left: 50%;
    margin-left: -75px;
    padding: 10px;
    position: absolute;
    text-transform: uppercase;
    width: 150px;
}
.know_more:hover{background: #02669a; color: #fff; text-decoration: none;}
.home_two_single_promotions > h2::after{content: none;}
/************ End Why Us for Mahindra *****/

/***** Start Packegin images*/
.mb30px{margin-bottom: 30px;}
.packegin{padding: 40px 0;}
.overflow-hidden {overflow: hidden !important;}
.item-card {overflow: hidden;border-radius: 7px;}
.item-card-desc {position: relative;}
.item-card .item-card-desc::before {background: rgba(40, 35, 47, 0.5);}
.item-card .item-card-desc::before {
    content: '';
    display: block;
    position: absolute;
    background: rgba(22, 41, 70, 0.5);
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 9px;
}
.card {position: relative;margin-bottom: 1.5rem;width: 100%;}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    border-radius: 4px;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #d8dde6;
    border-radius: 5px;
    box-shadow: 0 0 40px 0 rgba(234, 238, 249, .5);
}
.card-img { width: 100%;border-radius: calc(3px - 1px); height: 100%;}
.item-card .item-card-desc .item-card-text {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    z-index: 2;
}
.item-card .item-card-desc img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	max-width: 100%;
	max-height: 100%;}
.item-card .item-card-desc:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.card-img img {border-radius: 5px;}
.cover-image {background-size: cover !important;width: 100%;position: relative;}
.item-card-text h4 {font-size: 25px;font-weight: 300;}
.item-card-text span {font-size: 16px;display: block;margin: .5rem;font-weight: 400;}
.item-card:hover .item-card-desc::before {background: rgba(0, 0, 0, 0.856);}
/*****End Packegin images*/

.reviews-area {
    background: url(../images/movers.jpg) no-repeat;
    overflow: hidden;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    width: 100%;
    height: auto;
    position: relative;
}
.higlights {background: rgba(0, 0, 0, 0.8);text-align: center;color: #fff;font-size: 18px;padding: 50px 100px;}
.request-quote p, .request-quote h3 {text-align: center;color: #fff;}
.request-quote .quote-form {text-align: left;}
.request-quote .quote-form .form-control {padding: 10px 15px;border-radius: 3px; box-shadow: none; border-color: #eaeced;}
.request-quote .quote-form .form-control, .request-quote .quote-form select, .request-quote .quote-form textarea {font-size: 14px;}
.request-quote p, .request-quote h3{text-align: center; color: #fff;}
.request-quote .quote-form .form-group label {margin: 28px 10px 0 0;font-family: 'Raleway', sans-serif;font-weight: 500;letter-spacing: 1px;color: #eaeaea;}
.request-quote .quote-form .form-group input, .request-quote .quote-form .form-group textarea{
    background: rgba(255,255,255,0.85);
    border: medium none;
    color: #333;
    padding:12px 17px;
    width: 100%;
    resize: none;
    height: auto;
}
.request-quote .quote-form .form-group textarea{ height: 130px;}
.quote-form .form-group .btn {
    color: #fff;
    background-color: #fb2821;
    font-size: 17px;
    text-transform: uppercase;
    padding: 10px 20px;
    box-shadow: 0 4px 0 #c44e04;
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    transition: all 1s ease 0s;
}
.quote-form .form-group .btn:hover{background: #c44e04;}
.request-quote input::placeholder, .request-quote textarea::placeholder{color: #666;}


.abouttext{padding-bottom: 30px;}
.textfor{text-align:center;/* padding:0 30px;*/}
.textfor h2{font-size:1.8em; color:#515e6c; line-height:29px; font-weight:bold; border-bottom:1px solid #edeff0; padding-bottom:15px;margin-top:17px; margin-bottom:0px;}
.textfor .border {height:1px;margin:-1px auto 15px;width:70px;}
.text-center {text-align: center;}

.buttonread {
    text-transform: uppercase;
    border: 0px solid #222;
    padding: 12px 35px 12px 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin: 20px 0 0 0;
    border-radius: 30px;
    background: linear-gradient(to right, #216ea3 50%, #fb2821 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    letter-spacing: 2px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
}
.buttonread:hover{background-position: left bottom; color: #fff; text-decoration: none;}

.abouttext a{position: relative;}
.abouttext a::after { content: '\00BB'; font-size: 1.2em; position: absolute; right: 18px; top:9px;}

.accodnbox{background: #18224a; color: #fff; padding: 40px 0;}
.accodnbox h2{font-size: 2.8em; margin-bottom: 20px; color: #e4f0ff;font-weight: 600;}
.accodnbox .panel-group .panel{border:0px solid #2b2b70;}
.accodnbox .panel-default > .panel-heading{padding: 0px;border-radius: 0px;}
.accodnbox .panel-default > .panel-heading h4 a{padding: 10px;background: #18224a;
     display: block; 
     color: rgb(238, 242, 253);
     border: 1px solid #212d5f;
     border-radius:0px;
}
.accodnbox .panel-default > .panel-heading h4 a:hover{background: #1a264e;}
.accodnbox .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #212d5f;background: #1f2a58;}
.accodnbox .panel-group .panel-heading + .panel-collapse > .panel-body {border-top: 1px solid #212d5f;margin-top: 0px; 
    line-height: 26px;color: #f6f6f6; font-size: 1.1em;}
.accodnbox .panel-group .panel-heading + .panel-collapse > .panel-body p{color: #f6f6f6; font-size: 1.1em;}
.accodnbox a:hover{text-decoration: none;}

.panel-title > a:before { float: right !important; font-family: FontAwesome; content:"\f068";padding-right: 5px;}
.panel-title > a.collapsed:before { float: right !important; content:"\f067";}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {text-decoration:none;}

/************* Testimonails full********************/
h3, h2, h1 {
    font-size: 2.5em;
    font-weight: 600;
	color: #333;
	text-align: center;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	position: relative;
	margin: 10px 0 60px;
}
h3::after, h2::after {
	content: "";
	width: 100px;
	position: absolute;
	margin: 0 auto;
	height: 3px;
	background: #fb2821;
	left: 0;
	right: 0;
	bottom: -10px;
}
.blogbox h3{text-transform: capitalize;}
.textfor h1{
    font-size: 3em;
    font-weight: 600;
	color: #333;
	text-align: center;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	position: relative;
    margin: 30px 0 60px;}
.textfor h1::after {
    content: "";
    width: 100px;
    position: absolute;
    margin: 0 auto;
    height: 3px;
    background: #fb2821;
    left: 0;
    right: 0;
    bottom: -10px;
}
.testimonalbox{padding: 40px 0;}
.testimonalbox .carousel-inner {width: 90%;margin: auto;}
.testimonalbox .carousel {margin: 50px auto 0;padding: 0 70px;}
.testimonalbox .carousel .item {color: #999;font-size: 14px;text-align: center;overflow: hidden; min-height: 290px;}
.testimonalbox .carousel .item .img-box {width: 135px;height: 135px;margin: 0 auto;padding: 5px;border: 1px solid #ddd;	border-radius: 50%;}
.testimonalbox .carousel .img-box img {width: 100%;height: 100%;display: block;border-radius: 50%;}
.testimonalbox .carousel .testimonial {padding: 30px 0 10px;}
.testimonalbox .carousel .overview {font-style: italic;}
.testimonalbox .carousel .overview b {text-transform: uppercase;color: #fb2821;}
.testimonalbox .carousel .carousel-control {width: 40px; height: 40px;margin-top: -20px;top: 50%;background: none;}
.testimonalbox .carousel-control i {font-size: 68px;line-height: 42px; position: absolute;display: inline-block;color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;}
.testimonalbox .carousel .carousel-indicators {bottom: -40px;}
.testimonalbox .carousel-indicators li, .testimonalbox .carousel-indicators li.active {width: 10px;height: 10px;margin: 1px 3px;border-radius: 50%;}
.testimonalbox .carousel-indicators li {background: #999;border-color: transparent;box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);}
.testimonalbox .carousel-indicators li.active {background: #555;box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);}
.testimonalbox .carousel-control-prev {font-size: 60px;position: absolute;left: 0;top: 40%;}
.testimonalbox .carousel-control-next {font-size: 60px;position: absolute;right: 0;top: 40%;}

/**************** End Testimonal Slider Full ***********/
.bradcome{padding: 10px; border-bottom: 1px solid #dbdbdb; background: #f2f2f2;}
.bradcome ul{margin: 0px; padding: 0px;}
.bradcome ul li{list-style:none;display: inline-block;border-right: 1px solid #ccc; padding: 0 10px; margin: 0;}
.bradcome ul li.selected, .bradcome ul li a:hover{color: #007cff;}
.bradcome ul li:last-child{border-right: 0px;}
.bradcome ul li a{color: #000;}

.innerpage p{text-align: left; color: #333;}
.innerpage h1{
    font-size: 2.8em;
    font-weight: 600;
	color: #333;
	text-align: center;
	font-family: "Roboto", sans-serif;
	position: relative;
	margin:0 0 30px 0;
    text-transform: capitalize;
}
.haddingtow h2{
    font-size: 2.5em;
    font-weight: 600;
	color: #333;
	text-align: center;
	font-family: "Roboto", sans-serif;
	position: relative;
	margin:0 0 30px 0;
    text-transform: capitalize;
}
.innerpage{padding: 40px 0;}
.innerbanner {/*min-height: 250px;*/position: relative;overflow: hidden;text-align: center;background: #002340;}
.testibg, .contactbg, .ditigelbg {
    background-image: url('../images/aboutbg.jpg');
    background-position: center center;
    background-size: cover;
    display: block;
    width: 100%;
}
.contactbg {background-image: url('../images/contactbg.jpg');}
.servicebg {background-image: url('../images/service.jpg');}
.carbg {background-image: url('../images/carbg.jpg');}
.officebg{background-image: url('../images/officebg.jpg');}
.moverbg{background-image: url('../images/moverbg.jpg');}
.uppackingbg{background-image: url('../images/uppackingbg.jpg');}
.warehousebg{background-image: url('../images/warehousebg.jpg');}
.housebg{background-image: url('../images/housebg.jpg');}

.innerbanner p.bannerhadding, .innerbanner h1.bannerhadding{
    margin: 0 0 20px;
    font-size: 5.2rem;
    line-height: 1.12;
    font-weight: bold;
    color: #ffffff;
    text-transform: capitalize;
}
.innerbanner h1.bannerhadding{text-align: left;}

.innerbanner .text-block {padding: 60px 0;}
.innerbanner h1 {margin: 0 0 20px;font-size: 5.2rem;line-height: 1.12;font-weight: bold;color: #ffffff;}
.innerbanner p {color: rgba(255, 255, 255, 0.5);font-size: 18px;line-height: 1.1;display: inline-block;margin: 0 0 15px;}
.innerbanner.ditigelbg .text-block { padding: 60px 0;}
.innerbanner.ditigelbg p{text-align: left; display: block;}
.innerbanner.ditigelbg .heading-holder{width: 60%;}
.innerbanner.ditigelbg p.tagline{line-height: 26px; color: #fff;}
.ac {text-align: center !important;}
img.fullimg{width: 100%; display: block; margin-bottom: 20px; border: 1px solid #ccc; padding: 5px; border-radius: 5px; height: 300px;}

.inner-title {
    position: relative;
    padding-bottom: 15px;
    margin-top: 25px;
    margin-bottom: 10px;
}
.inner-title h4{font-size: 2em; }
.inner-title:before {
    content: "";
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgb(230, 230, 230);
}
.inner-title:after {
    content: "";
    position: absolute;
    top: 38px;
    left: 0;
    width: 50px;
    height: 1px;
    background: #fb2821;
}
.service-catergory {
    border: 1px solid #f4f4f4;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
}
.service-catergory li {
    list-style: none;
    position: relative;
    padding: 4px 0;
    border-bottom: 1px solid #eee;
}
.service-catergory li:last-child{border-bottom: 0px;}
.service-catergory li a {
    display: block;
    font-size: 16px;
    color: #222;
    line-height: 30px;
    border-left: 5px solid transparent;
    font-weight: 400;
    padding-left: 34px;
    transition: all 0.5s ease;
    position: relative;
}
.service-catergory li.active a {
    color: #fb2821;
}
.service-catergory li.active a:before {
    position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    right: 15px;
    top: 5px;
    color: #fb2821;
}
.service-catergory li a:after {
    position: absolute;
    content: "\f067";
    font-family: FontAwesome;
    font-size: 12px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    left: -5px;
    top: 5px;
    color: #848484;
    background: #f4f4f4;
}
.contact-info2 {
    background: #fb2821;
    padding: 15px 10px;
    margin-top:20px;
}
.contact-info2 h4 {
    color: #fff;
    font-size: 22px;
    margin: 0;
    font-weight: 800;
    text-align: center;
    border-bottom: 1px solid #ff4a44;
    padding-bottom: 10px;
}
.contact-info2 ul {
    padding-top: 10px;
    margin-bottom: 20px;
}
.contact-info2 ul li {
    color: #fff;
    margin: 6px 0;
    list-style: none;
}
.contact-info2 ul li i {
    font-size: 11px;
    background: #fff;
    margin-right: 10px;
    color: #fb2821;
    border-radius: 1px;
    height: 15px;
    width: 15px;
    text-align: center;
    line-height: 15px;
}
.contact-info2 ul li a {
    color: #fff;
}
.thm-btn {
    position: relative;
    background: #fb2821;
    font-size: 14px;
    line-height: 46px;
    font-weight: 600;
    color: #ffffff;
    border: 2px solid #fb2821;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    padding: 0 38px;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.contact-info2 .thm-btn {
    background: #fff;
    color: #fb2821;
    width: 100%;
    line-height: 41px;
}
.contact-info2 .thm-btn:hover {
    color: #fff;
    background: #222;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
p.servicehadding{background: #fb2821; font-size: 1.5em; padding: 10px; text-align: center; font-weight: 700; color: #fff; margin-bottom: 0px;}



/********* Contact Page ******/
.section-block {position: relative;background: #fafafa;overflow: hidden;}
.background-shape-3::before, .background-shape-3::after {position: absolute;bottom: 0; content: ''; width: 300px;}
.background-shape-3::before {
    left: 50%;
    margin-left: -125px;
    height: 800px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 40%, rgba(0, 0, 0, 0.03) 100%);
    transform: rotate(-60deg);
    transform-origin: bottom right;
}
.contact-box-place-office {
    position: relative;
    text-align: center;
    background: rgba(255, 255, 255, .8);
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    box-shadow: 0 20px 30px rgba(0,0,0,.05);
    padding: 20px 20px 0 20px;
    margin: 15px 0px;
    z-index: 9999;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    min-height: 220px;
}
.contact-box-place-office i {color: #0088cc;font-size: 45px;}
.contact-box-place-office h4 {color: #222;font-size: 22px;font-weight: 500;margin-top: 10px;line-height: 46px;margin: 0 0 25px;}
.contact-box-place-office h6 {color: #666;font-size: 16px;font-weight: 400;margin-top: 5px;line-height: 24px;margin-bottom: 0px;}
.contact-box-place-office ul {margin-top: 20px;}
.contact-box-place-office ul li {color: #666;font-size: 16px;font-weight: 400;padding: 5px 0px;list-style: none;}
.contact-box-place-office ul li i {color: #46bfe2;font-size: 20px;margin-right: 15px;}
.fa-map::before {content: "\f279";}

.company{padding: 40px 0;background: #fff;}
.contact{clear: right;padding: 40px 0 0 0;}
.enquiry{background: #eeeeee;padding: 40px 0;color: #333;}
.enquiry h2{color: #333;text-align: center;font-family: "Roboto", sans-serif;margin:0 0 30px 0px;}
.enquiryform{ width: 60%; margin:auto;}
.enquiryform input, .enquiryform textarea, .enquiryform select{border: 1px solid #dfdfdf !important;}
.request-quote .enquiryform select, .enquiry .contactpage select {
    background: rgba(255,255,255,0.7) url('../images/arrow-black.png') no-repeat 97% 20px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    border-radius: 3px;color: #555;
}
.request-quote label{color: #333; font-weight: 600;}
.enquirybtn{text-align: center;}
.enquirybtn .btn {float: none !important;}
.iframe-divisions iframe{max-height: 524px;border: 1px solid #ccc; padding: 5px;background: #fff;}
.contactpage{background: #fff;padding:30px 10px;box-sizing: border-box;float: left;}
.contactpage input, .contactpage textarea, .contactpage select{border: 1px solid #dfdfdf !important;}
.contactpage h3, .enquiryform1 h3{color: #333 !important; font-weight: 600; margin-bottom: 30px; font-size: 2em; margin-top: 0;text-transform: capitalize;}

.contatc_detail {color: #fff;font-size: 1.1em;line-height: 28px;text-align: left;}
.contatc_detail h4 {font-size: 1.8em;font-weight: 700;margin-bottom: 10px;margin-top: 0;}
.contatc_detail p {margin-bottom: 20px;}
.tbold{font-weight: 700; font-size: 1.2em; margin-bottom: 10px; display: block; color: #dcf1ff;}
.contatc_detail p .fa{margin-right: 10px;}
.contatc_detail p a:hover{color: #fff;}


.request-quote .quote-form {text-align: left;}
.request-quote .quote-form .form-control {padding: 10px 15px;border-radius: 3px; box-shadow: none; border-color: #eaeced;}
.request-quote .quote-form .form-control, .request-quote .quote-form select, .request-quote .quote-form textarea {font-size: 14px;}
.request-quote p, .request-quote h3{text-align: center; color: #fff;}
.request-quote .quote-form .form-group label {margin: 6px 0 6px 1px;font-weight: 600;color: #333;}
.request-quote .quote-form .form-group input, .request-quote .quote-form .form-group textarea{
    background: rgba(255,255,255,0.7);
    border: medium none;
    color: #333;
    padding:12px 17px;
    width: 100%;
    resize: none;
    height: auto;
}
.request-quote .red{color: #f00;}

.request-quote .quote-form .form-group textarea{height: 130px;}
.request-quote select {
    background: rgba(255,255,255,0.7) url('../images/arrow.png') no-repeat 97% 20px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    border-radius: 3px;
}
.request-quote select {
    border: medium none;
    color: #333;
    height: 45px;
    padding: 0 17px;
    width: 100%;
    resize: none;
}

.quote-form .form-group .btn {
    color: #fff;
    background-color: #fb2821;
    font-size: 17px;
    text-transform: uppercase;
    padding: 10px 20px;
    box-shadow: 0 4px 0 #c44e04;
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    transition: all 1s ease 0s;
}
.quote-form .form-group .btn:hover{background: #c44e04;}

.img-with-arrow { position: relative; width: 100%; height: auto;}
.img-with-arrow img {width: 100%;}
.img-with-arrow:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    vertical-align: middle;
    margin: auto 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-right-color: #fff;
}
.mb {margin-bottom: 25px;}
.gallery .gallery-items-row img{max-width: 100%; display: block; height: 200px;}
.mb-4{margin-bottom: 20px;}
.gallery .modal-dialog .modal-body img{width: 100%;}
.gallery ul{margin-bottom: 15px;}
.gallery .nav > li > a{padding: 10px 14px;background-color: #428bca; color: #fff;}
.gallery .nav > li > a.active{background-color: #02669a; color: #fff;}
.gallery .nav > li > a::after {content: none;}
.gallery .nav > li > a:hover{background-color: #02669a; color: #fff;}


.hs_service_main_box_wrapper { float: left; width: 100%; margin-bottom: 20px;text-align: center; border: 1px dashed #cecece; padding: 15px; transition: all 0.5s;}
.hs_service_icon_main_wrapper { display: inline-block; border: 1px dashed #cecece; border-radius: 100%; padding: 10px;}
.hs_service_icon_cont_wrapper { float: left; width: 100%;}
.hs_service_icon_wrapper {
    position: relative;
    width: 130px;
    height: 130px;
    text-align: center;
    line-height: 90px;
    border: 1px dashed #cecece;
    border-radius: 100%;
    float: left;
    transition: all 0.5s;
    overflow: hidden;
    background: #f8fdff;
}
.hs_service_icon_wrapper img{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);width: 170%;}
.hs_service_icon_wrapper:hover{background-color: #c8ebfc;transition: all 0.5s;}

.hs_service_icon_cont_wrapper a {font-size: 20px;margin-top: 10px; color: #333;font-weight: bold; transition: all 0.5s;}
.hs_service_icon_cont_wrapper a:hover{color: #fb2821; text-decoration: none;}

.hs_service_icon_cont_wrapper h5 a {font-size: 16px;color: #fb2821; padding-top:0px;margin-top:0px; display: inline-block;}
.fa-long-arrow-right::before {content:"\f178";}
.hs_service_icon_cont_wrapper h5 a i {position: relative;top: 2px;.5s;transition: all 0.5s;}
.hs_service_main_box_wrapper:hover {border-bottom: 1px dashed #ff7e00;transition: all 0.5s;}
.hs_service_main_box_wrapper:hover .btc_step_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fb2821;
    opacity: 1;
}
.hs_service_main_box_wrapper:hover .hs_service_icon_cont_wrapper a {color: #fb2821;transition: all 0.5s;}
.hs_service_icon_cont_wrapper h5 a:hover i {transition: all 0.5s; padding-left: 5px;}


.buttonread-sm {
    text-transform: capitalize;
    border: 0px solid #222;
    padding: 7px 15px;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    margin:0px 0 0 0;
    border-radius: 30px;
    background: linear-gradient(to right, #216ea3 50%, #fb2821 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    letter-spacing: 0px;
    font-size: 15px !important;
    font-weight: 600;
    display: inline-block;
}
.buttonread-sm:hover{background-position: left bottom; color: #fff; text-decoration: none;}

.servicebox h3{margin: 0px 0 35px;}
.bgwhite{background: #fff;}

.client_products .single_product{padding: 15px; box-sizing: border-box; background: #fff;text-align: center;}
.client_products .single_product img{width: 80%; margin: auto;filter: grayscale(100%) }
.client_products .single_product:hover img{filter: grayscale(40%);}

.addr{margin:10px 0;}
.addr h4 {color: #61993a;font-size: 16px;margin:10px 0;}
.addr h5 {color: #333532;font-size: 16px; line-height: 22px; margin: 10px 0;}
.pull-right {float: right !important;}
.tarotbox{
    background: url('../images/sign_bg.jpg') 50% 0 repeat-y;
    background-size: cover;
    background-position: left 0;
    background-repeat: no-repeat;
    padding: 40px 0px;
    box-sizing: border-box;
    border-top: 1px dashed #cecece;
}

.tbold{font-weight: 700; font-size: 1.2em; margin-bottom: 10px; display: block; color: #dcf1ff;}

ul.list-unstyled {padding-left: 0;list-style: none;}

.higlights input.datebox{padding: 5px 15px !important;color: #333;}


footer{padding: 40px 0;background: #18224a;}
footer h3{text-align: left; margin: 0 0 15px 0;color: #bccffb;font-size: 1.2em;font-weight: 600;}
footer p {color: #e4f0fb;font-size:1.1em;margin: 0px; line-height: 26px;}
footer h3::after{content: none;}
footer img.flogo{max-height: 50px; margin-bottom: 15px;}

footer ul li {color: #e4f0fb;margin-bottom:0px;padding:0px;}
footer ul li i.fa {margin-right: 10px;}
footer ul li a {padding: 4px 0px 4px 18px;color:#fff; text-decoration: none; border: none;display: inline-block;position: relative;}
footer ul li a::before {
    content: '\00BB';
    font-size: 1.2em;
    position: absolute;
    left: 0;
    top: 2px;
    text-decoration: none;
}
footer ul li a:hover{color: #fb2821;}
footer .tbold{margin: 10px 0 0 0;}
footer p a:hover{color: #fb2821;}

.bgblack a {color: #e4f0fb;}
.socallink a{
    border-radius: 50%;
    background: #fff;
    height: 27px;
    width: 27px;
    display: inline-block;
    text-align: center;
    color: #000;
    line-height: 27px;
    font-size: 16px;
    margin: 5px 5px 0 0;
}
.socallink a.fb{background: #44578f; color: #fff;}
.socallink a.ld{background: #12a7f3; color: #fff;}
.socallink a.tw{background: #01b5db; color: #fff;}
.socallink a.in{background: #0675b1; color: #fff;}

.socallink a.fb:hover{background: #2e3d6b; color: #fff;}
.socallink a.ld:hover{background: #045a88; color: #fff;}
.socallink a i{-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}
.socallink a:hover i {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
     -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
     transition: all 0.2s;
    }
.last-footer{background: #02669a; text-align: center; padding: 10px 0;}
.last-footer p{padding: 0px; margin: 0px; color: #c8ecff; font-size: 14px;}
/*****************  End nav CSS    ****************************/

.contactpage { width: 100%;}



/************   Responsive Css *************/

/* -- min-width: 1366 to max-width: 1500 */
@media only screen and (min-width: 1366px) and (max-width: 1500px) {

}

/* -- min-width: 1201 to max-width: 1365 */
@media only screen and (min-width: 1201px) and (max-width: 1365px) {

}


/* -- min-width: 992 to max-width: 1200 */
@media (max-width: 1199px) and (min-width: 992px){    
.container {width: 100%;}
/*nav .nav > li > a {padding: 10px 8px !important;}*/
.innerbanner p.bannerhadding, .innerbanner h1.bannerhadding {font-size: 4.2rem;}
ul.loginbtn li {padding-right: 10px;}
ul.loginbtn li:last-child{padding-right: 0px;}
ul.loginbtn li:last-child a {padding: 10px 13px;}
.footer-col4{padding-left: 0px;}
.emailt{font-size: 15px;}
}

@media (max-width: 1040px) and (min-width: 992px){  
img.logo{max-height: 70px;} 
ul.loginbtn li .widget_content {margin-left: 8px;}
ul.loginbtn li .widget_icon {width: 35px;height: 35px;line-height: 35px;}
.footer-col4{padding-left: 0px;}
.emailt{font-size: 13px;}
}


/* -- min-width: 768 to max-width: 991 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
img.logo{max-height: 57px;} 
ul.loginbtn li {padding-right: 8px;margin-top: 6px;}
ul.loginbtn li .widget_content {margin-left: 5px;}
ul.loginbtn li .widget_icon {width: 30px;height: 30px;line-height: 30px;}
ul.loginbtn li:last-child{position: absolute;right: 0px;bottom: -65px;z-index: 99;padding-right: 0;}
ul.loginbtn li:last-child a{margin-top: 0px;padding: 13px 25px;border-radius: 0;}
.emailt{font-size: 13px;}
.process-services {margin-left: 0;}
.item-card-text h4 {font-weight: 600; font-size: 16px;}

nav .navbar-nav {width: 100%;}
nav .nav > li > a {padding:15px 18px !important;}
.rqst_form p.hadding{font-size: 18px;}
.sliderrow .sliderbox, .sliderrow .formbox{width: 100%;}
.sliderbox .carousel-inner, .carousel-inner > .item > img, .sliderbox, .formbox {height: auto;}
footer img.flogo {max-height: 36px;}
.higlights{padding:50px;}
.request-quote h3{font-size: 2em;}
.client_products .owl-controls .owl-prev, .client_products .owl-controls .owl-next {top: 25%;}
.tarotbox{padding-bottom: 0px;}

.textfor h1 {font-size: 2em;margin: 30px 0 30px;}
.accodnbox h2{font-size: 2em;}
.hs_service_main_box_wrapper{margin-bottom: 15px;}
.innerbanner p.bannerhadding, .innerbanner h1.bannerhadding {font-size: 4.2rem;}
.innerpage {padding: 40px 15px;}
.threeimage ul li {width: 32%;margin: 15px 10px 0px 0;}
.threeimage ul li img{width: 100%;}
.threeimage li:last-child{margin-right: 0px;}
.threeimage1 ul li .title ul li {width: 100%;}
.abouttext {padding-bottom: 0;}
.threeimage1 ul li .title ul {top: 35%;}
.threeimage ul li .fadedbox{width: 194px;height: 194px;}
.contact-box-place-office ul li{text-align: center;}
.contact-info2 ul li:last-child{font-size: 12px;}
}


@media only screen and (min-width: 280px) and (max-width: 767px) {
header .container{}
h3, h2, h1 {font-size: 2em;}

.innerpage {padding: 40px 15px;}

.logoac {text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.logoac img {max-height: 60px;}
.sliderbox .carousel-inner, .carousel-inner > .item > img, .sliderbox, .formbox{height: auto;}

.phonemail{padding-left: 0px;padding-right: 6px;}
nav .navbar-nav {width: 100%;}
.navbar-nav {margin: 0;}
nav.affix{height: auto; overflow: scroll;position: inherit;}
ul.navbar-nav > li > a { padding: 15px 15px;}
ul.navborder li {border-left: 0px solid #999;border-right: 0px solid #fff;}
ul.navborder li.dropdown ul.dropdown-menu {display: block !important;width: 100%;float: left; position: inherit;margin-bottom: 15px;box-shadow: none;border: 0px;background: #e7ebee;padding-left:0px;}
ul.navborder ul.dropdown-menu li {border-bottom: 1px solid #157cb1;}
.home_two_single_promotions .s_promotion_icon{margin-top: 40px;}
.higlights{padding: 30px;}
.testimonalbox .carousel {padding: 0 20px;}
ul.loginbtn {float: inherit;width: 100%;}
ul.loginbtn li { padding-right: 10px;margin-top: 5px;float: none;display: inline-block;}
ul.loginbtn li:last-child {padding-right: 0px;}
ul.loginbtn li:last-child a {padding: 8px;}
ul.loginbtn li .widget_icon {width: 25px;height: 25px; line-height: 26px;}
ul.loginbtn li .widget_content {margin-left: 7px;width: 100%;text-align: center;}
.phonemail.ar {text-align: center;}

.textfor h1 {font-size: 2em;margin: 30px 0 30px;}
.hs_service_main_box_wrapper, .recentblog{margin-bottom: 15px;}
.accodnbox h2{font-size: 2em;}
.chooset, .choosetlist { padding: 15px;}
.testimonalbox h3, .chooset h3, .blogbox h3{margin: 20px 0 40px;}
.chooset ul li, .choosetlist ul li {width: 100%;margin-right: 0;}
.blogbox {padding: 0px 0 30px;}
.recentblog .recentblogimg img {max-height:150px;}
.recentblog h4 {text-align: center;}
.innerbanner.ditigelbg .heading-holder {width: 100%;}
.innerbanner p.bannerhadding, .innerbanner h1.bannerhadding {font-size: 3.2rem;}
.innerpage h2 {font-size: 2em;}
.digitalservice h3 {font-size: 1.5em;margin: 10px;text-align: center;}
.mt30px {margin-top: 15px;}
.enquiryform {width: 100%;}
.contact-box-place-office ul li{text-align: center;}
.contactpage { width: 100%;}

}

@media only screen and (min-width: 600px) and (max-width: 767px) {
.footer-col1, .footer-col2, .footer-col3, .footer-col4{width: 49%; min-height: 260px;}
}

@media (min-width:410px) and (max-width:585px){
header{padding-bottom: 0px;}
ul.loginbtn li .widget_desc{font-size: 12px;}
ul.loginbtn li:last-child a {top: -10px;position: relative; font-size: 12px;right: 0;}
ul.loginbtn li .widget_icon{display: none;}
}

@media (min-width:310px) and (max-width:409px){
header{padding-bottom: 0px;}
ul.loginbtn li .widget_icon{display: none;}
ul.loginbtn li{width: 100%; background: #f3f3f3; padding: 10px 5px; margin: 0px;float: left;
    display: inherit;box-sizing: border-box;
}
ul.loginbtn li:nth-child(2){
    display:none;
}
.widget_desc{font-size:20px;font-weight:bold;}
ul.loginbtn li:last-child {text-align: center;padding-right:5px;}

}



@media (min-width:280px) and (max-width:479px){
.logoac{border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.logoac, .phonemail{width: 100% !important;text-align: center;}
.phonemail{padding-right: 0px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {height: 150px !important;}
}

.phone_call{
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 10;
}
.shareicon{
   width: 50px;
    height: 50px;
    background: #ffffff;
    padding: 13px;
    margin: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 8px 5px rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.shareicon span {
    background: red;
    padding: 5px;
    /* width: 138px; */
    position: absolute;
    left: -100px;
    width: 150px;
    display:none;
    z-index: -1;
    /* border-radius: 10px; */
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.shareicon:hover{
    cursor:pointer;
}
span#callSpan {
    top: 24px;
}
#whatsupSpan{
    bottom: 24px;
}
#call:hover #callSpan{
    display:block;
    transition: all 1s ease;
}
#whatsup:hover #whatsupSpan{
    display:block;
    transition: all 1s ease;
}