﻿@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css?family=Montserrat');*/
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans&amp;display=swap');
*{ padding:0px; margin:0px;  } div{ box-sizing:border-box}
body{ font-family: 'Nunito Sans', sans-serif; font-size:15px; font-weight:normal; letter-spacing:.2px;  color:#333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6{ margin-bottom:10px} p{ line-height:24px;} a{ text-decoration:none}
.contpad ul{ margin:0px; padding:0px;} .contpad li{ margin-left:20px; margin-bottom:10px; }
a { color: #337ab7;text-decoration: none;}
input, textarea, button, lable{font-family: 'Nunito Sans', sans-serif; }
.mainwrap{ width:100%; float:left} .bluetxt{ color:#134861;} .ft15{ font-size:18px}
.contentwrap{ width:90%; margin:auto}  .text-right{ text-align:right}
.head{ color:#353737; font-size:25px;} .center{ text-align:center}
.ft-25{ font-size:25px;} .browntxt{ color:#744208;}
.logo1{ width:auto; float:left}
.top-rightsec{ width:auto; float:right; margin-top:10px; width:38%;} 
.chatnow{ width:65%; float:left; text-align:right}
.contctus{ width:auto; float:right; vertical-align:baseline; margin-top: 5px;} .contctus img{vertical-align: middle;} 
.top-link{ width:100%; float:left}
.headersection{ width:100%; float:left; position:relative;} .headersection img{ width:100%; height:100%; vertical-align:bottom }
.imgoverlay{background-color: rgba(51, 51, 51, 0.7);position: absolute; top: 0; left: 0; z-index: 2000; width:100%; height:100%}
.ft-14{ font-size:14px; display:block; margin-bottom:15px;}

.top-banner{ width: 100%; float: left;  box-sizing: border-box;}
.top-banner img { width: 100%; }
.top-textbanner{width: 100%; float: left;   }
.leftsec1{ width: 68%; float: left; margin-top: 20px; }
.rightsec1{ width:26%; float: right; padding: 10px; box-sizing: border-box; margin-top: 20px; }

.rightsec1 ul{ margin: 0px; padding: 0px; }
.rightsec1 li{ list-style: none; padding: 0px; margin: 0px; line-height: 45px; border-bottom: #ccc solid 1px}
.rightsec1 li a{ color: #61676b }
.calcu-box{ width: 100%; float: left; background-color: #f7f7f7; padding: 55px; box-sizing: border-box; border-radius: 15px; margin: 40px 0px;   }
.CalSecBox1{ width: 48%; float: left }
.CalSecBox2{ width: 48%; float: left; margin-left: 23px; }
.SelBox{ padding: 10px;  font-size: 15px; font-family: 'Nunito Sans', sans-serif; width: 100% }
.calButton{ width: 100%; float: left }
.CalBut1{ background: #0e7998; padding: 10px 0px; box-sizing: border-box;  width: 100%; border: none; margin-top: 28px; color: #fff; font-size: 18px; border-radius: 5px }

.CostCalMainBox{ width: 100%; float: left }
.CostCalMainBox ul{ margin: 0px; padding: 0px;}
.CostCalMainBox li{ width: 47%; float: left; padding: 10px; box-sizing: border-box; list-style: none; border: #ccc solid 1px; margin-left: 0px; margin-right: 22px; margin-bottom: 20px }
.heading1{ font-size: 18px; color: #5e5e5e; color: #000; display: block; clear: both  }
.imgbox{ width: 48%; float: left }
.BoxSizeinfo{ width: 48%; float: left;     padding-top: 18px;  }

.dis-block { display: block }

.ft-30{ font-size: 30px; font-weight: normal; }
.ft-18{ font-size: 18px; font-weight: normal; color: #747a7d;}
.bottom-but-box{ width: 100%;  float: left; text-align: right; padding: 15px; box-sizing: border-box; margin-bottom: 20px; background: #f2f3f3; font-size: 14px;  }
.bottom-but-box img{ vertical-align: middle; width: 20px; height: 20px }
.bottom-but-box button{ background: none; border: none; font-size: 16px; cursor: pointer}
.emailpop{   width: 300px; float: left; margin-top: 10px; }
.emailpop input{ border: #ccc solid 1px; padding: 8px; width: 60%; float: left  }
.emailpop button{ width: auto; padding: 8px 20px; background: #077a8b; border: none; color: #fff; cursor: pointer; float: left}
.emailbox{ width: auto; display: inline-block; position: relative}
.popup-content{ background: #fff; padding: 20px; position: absolute; width: 380px; text-align: left; border: #8b9c9d solid 1px; top: 27px;}
.close{ position: absolute; right: 30px; border: none}




#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; float:right}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left; margin-left:35px; text-transform:uppercase}
#cssmenu > ul > li:first-child a{ border-bottom:#6c0d8f solid 1px; color: #8b2bae;  }
#cssmenu > ul > li > a{padding: 5px 0px; font-size:14px;letter-spacing:1px;text-decoration:none;color: #040404;}
#cssmenu > ul > li > a:hover{ border-bottom:#000 solid 1px }
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#4d4c49}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

.faqsection{ width:100%; float:left; margin-bottom:25px}
.faqbox{ margin-bottom:20px; } .faqbox h3{ margin-bottom:0px; font-size:16px }
.leftsec1 h2, h3, h4,  h5{ display:block; margin-bottom:0px; margin-top:20px; }
.rightsec1 h3{ margin-top:0px;}

.bottom-link{ background: #023950; color: #fff ; padding : 10px 0px; text-align: center; width: 100%; float: left; } 
.bottom-link b{ display: inline-block;  color: #fff}
.bottom-link ul{ margin-bottom: 0px; padding: 0px; display: inline-block; margin-top: 0px; }
.bottom-link li{ list-style: none; display: inline-block; margin-bottom: 0px; border-right: #fff solid 1px; line-height: 12px; padding : 0px 15px;  }
.bottom-link li a{ color: #fff; text-decoration: none;} .bottom-link li:last-child{border-right: none;}
.movetype{ width:25%; float:left } .movetype input[type="radio"]{ margin-right:10px; }
.cost-fm-2 { width: 100%;  float: left; margin-top: 25px;}
.cost-fm-2 b { font-size: 15px;  color:#1c3254;   font-weight:600;  margin-bottom:6px;  margin-left:2px; text-align:left}
.bt-link {
    width: 100%;
    float: left;
    background: #e2e3e5;
    padding: 8px 0px;
}
.bt-link a {
    padding: 0 8px;
}
.copyright {
    width: 100%;
    background: #222222;
    padding: 8px 0px;
        padding-top: 8px;
    color: #fff;
    float: left;
}

.copyright, .col-md-6 {
    padding-top: 7px;  
}
.dmca {
    width: 15%;
    float: left;
}
.col-md-4 {
    width: 32.1%;
}
.col-md-6 {
    width: 50%; float: left
}
.dis {
    width: 100%;
    float: left;
    background: #4f6774;
    padding: 20px 0px;
    color: #fff;
}
.dis b {
    color: #fff;
}


.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
}
.container {
    width: 1280px;
}
.text-right {
    text-align: right;
}
.pull-right {
    float: right !important;
}




@media (max-width:1020px){
.wrapper {width: 100%; margin: auto;}
.listingslider #slider img { width: 600px;height: 90px; overflow: hidden;}
.listingslider #slider { height: 90px;}
.listingslider {padding-top: 3px;}
	.container {
    width: 100%;
}
}
@media screen and (max-width:1000px) {
    nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none; background:#fff; z-index:10000;}
#cssmenu ul li{width:100%;border-top: 1px solid #d2d2d2;}
#cssmenu ul li:hover{background:#fff;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:left}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 100;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #284360;border-bottom:2px solid #284360;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;
background: #284360;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#284360;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#284360;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
.logo1{position: relative;z-index: 10000000;}
}


@media (max-width:768px){
	
	.leftsec1 { width: 100%;}
	.rightsec1{ width: 100%;}
	.CalSecBox1 { width: 100%; }
.CalSecBox2 {width: 100%; margin-left: 0px; margin-top: 30px;}
	.CostCalMainBox li {width: 45%;}	
	.imgbox img{ width: 100% }
	.BoxSizeinfo {padding-top: 5px; }
	.imgbox {width: 41%;} .BoxSizeinfo { float: right }
	.bottom-but-box { box-sizing: border-box }
	
	.popup-content { right: 0px; }

	  nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none; background:#fff; z-index:10000;}
#cssmenu ul li{width:100%;border-top: 1px solid #d2d2d2;}
#cssmenu ul li:hover{background:#fff;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:left}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 100;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #284360;border-bottom:2px solid #284360;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;
background: #284360;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#284360;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#284360;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
.logo1{position: relative;z-index: 10000000;}

.chatnow { width: 53%; text-align: left;}	
.top-rightsec { width: 100%; float: left;}	
	
.top-link { top: -102px; position: relative; }	
.top-rightsec {  border-top: #cddcec solid 2px; padding-top: 10px;  height: 50px; margin-top: 0px;}	
.contentwrap { width: 98%; padding: 10px 0px; box-sizing: border-box}	
	
	.top-banner {margin-top: 0px;}	
	.copyright .col-md-6 { width: 100%;}
	.dmca { width: 100%;}
	.pull-right { float: left !important;}
	.bt-link {text-align: center; }

	
}
	
@media (max-width:480px){
	
	.CostCalMainBox li {width: 100%}
	
}

	
	





