/* @import url('http://example.com/example_style.css'); */



@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');



@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');







/**

 * CSS @imports must be at the top of the file.      

 * Add them above this section.                             

 */















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





   1. BASE STYLES                                             





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





/** 

 * Box Sizing

 * 

 * Applies a natural box layout model to all elements so that width and padding 

 * are essentially combined, making responsive styles easier to manage.

 */



*, *:before, *:after {

  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;

}



html, body {

  min-height: 100%;

  margin: 0;

  padding: 0;

} 



/* Website background color and default font styles */

body {

  background: #fff;

  color: #4d4d4d;

  font-family: 'Roboto', sans-serif;

  font-size: 16px;

  line-height: 1.5;

}



/**

 * Page Center

 *

 * Apply .page-center to full-width modules.

 */



.container {

  float: none;

  max-width: 1430px;

  width: 100%;

  margin: 0 auto;

  padding-left: 15px;

  padding-right: 15px;

}



a { 

  text-decoration: none;

  outline: none;

  color: #4d4d4d;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

}

a:hover, a:focus { 

  text-decoration: none;

  outline: none;

  color: #000; 

}



hr {

  color: #ccc;

  background-color: #ccc;

  height: 1px;

  border: none;

}



/* Highlighted Text */

::-moz-selection {

  color: #fff;

  background: #3399ff;

  text-shadow: none;

}

::selection {

  color: #fff;

  background: #3399ff;

  text-shadow: none;

}



/* Corrects width issues in table elements created via the wysiwyg editor */

table tr td img {

    max-width: initial;

}







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

   Typography

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





/* Basic text */

p {} 

small {}

strong {}

em {}

cite {}

code {}

pre {}



sup, sub {

  position: relative;

  font-size: 75%;

  line-height: 0;

  vertical-align: baseline;

}



sup { top: -0.5em; }

sub { bottom: -0.25em; }



/* Headings */

h1, h2, h3, h4, h5, h6 {

  margin: 5px 0 10px;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}



h1 {

  font-size: 30px;

  margin-top: 0;

}

h2 {

  font-size: 24px;

}

h3 {

  font-size: 22px;

}

h4 {

  font-size: 20px;

}

h5 {

  font-size: 18px;

}

h6 {

  font-size: 16px;

}



/* Lists */

ul, ol {}

ul ul, ul ol, ol ol, ol ul {}

li {}



ul.unstyled, ol.unstyled {

  list-style: none;

  margin: 0;

  padding: 0;

}



/* Quotes */

blockquote {}

blockquote p {}

blockquote small {}

blockquote small:before {}



q:before, q:after, blockquote:before, blockquote:after {}





.padding_right{

  padding-right: 30px;

}





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

   Header

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



/*===== Header Css =====*/

.topbar-timing {

    float: left;

}



.topbar-email {

    float: right;

}



.topbar {

    padding: 5px 0;

    background-color: #fca421;

}



.topbar-email,.topbar-email a, .topbar-timing {

    color: #fff;

    font-size: 14px;

}



.topbar-email a:hover {

    color: #474747;

}

.cm_header {

    background: #fff;

    padding: 15px 0;

}

a.navbar-brand {

    height: auto;

    padding: 0;

}  

.header_col_right {

    text-align: right;

}

.header_col_right p {

    margin: 0 0 10px;

    font-size: 26px;

    color: #4d4d4d;

    line-height: 1;

}

.header_col_right p:last-child {

    margin: 0;

}

.header_col_right p a.call_b {

  display: inline-block;

    background: #474747;

  border: 1px solid #474747;

    font-size: 30px;

  text-transform: capitalize;

  text-align: center;

  white-space: normal;

    line-height: 1;

    color: #fcfcfc;

    font-weight: 700;

    padding: 14px 24px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -o-border-radius: 5px;

    -ms-border-radius: 5px;

  margin-left: 20px;

} 

.header_col_right p a.call_b:hover{

  background: transparent;

  color: #474747;

}









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

   Content                                                 

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



   

   

/*===== Banner Css =====*/



.banner_sec {

    background-size: 100% 100%;

    background-position:  center center;

    background-repeat:  no-repeat;

    padding-top: 90px;

}

.banner_top_cnt {

    text-align: right;

  margin-bottom: 50px;

}

.banner_top_cnt h1 {

    font-size: 100px;

    line-height: 1.3;

    color: #fca421;

    font-weight: 900;

    margin: 0 0 0px;

  text-transform: uppercase;

}   

.banner_top_cnt h2 {

    font-size: 52px;

    font-weight: 700;

    line-height: 1.3;

    margin: 0 0 10px;

    color: #4d4d4d;

}   

.banner_top_cnt strong {

    font-size: 27px;

    line-height: 1.3;

    color: #4d4d4d;

    font-weight: 400;

}

.bann_form {

    max-width: 810px;

    float: right;

    background: #da9022;

    padding: 35px 40px 45px;

    border-top: 5px solid #fff;

  position: relative;

} 

.bann_form:before{

  content: "";

  position: absolute;

  top: 0;

  left: 53px;

  background: url(images/arrow.png);

  height: 26px;

  width: 38px;

  content: "";

}   

.bann_form h3 {

    font-size: 42px;

    line-height: 1.3;

    font-weight: 900;

    color: #fff;

    text-transform: uppercase;

    margin: 0 0 20px;

}

.f_padding {

    padding-left:  5px;

    padding-right: 5px;

}

.bann_form .form-control {

    background: #fff;

    height: 51px;

    border-radius: 0;

    border: 3px solid #ca841f;

    margin: 0 0 7px;

    font-size: 16px;

    line-height: 1;

    padding: 12px;

    color: #4d4d4d;

    font-weight: 500;

    box-shadow: none;

    outline: none;

}

.bann_form textarea.form-control {

    height: 51px;

    resize: none;

}

.bann_form select.form-control {

  appearance:  none;

    -webkit-appearance:  none;

  -moz-appearance:  none;

  -ms-appearance:  none;

  -o-appearance:  none;

  background: #fff url(images/f-arrow.png) no-repeat right 12px top 18px;

}

.bann_form .form-btn {

    background: #4d4d4d;

    display: inline-block;

    border: 1px solid #4d4d4d;

    font-size: 18px;

    line-height: 1;

    color: #fff;

    font-weight: 900;

    text-transform: uppercase;

    letter-spacing: 0.8px;

    padding: 15px 25px;

    white-space: normal;

    text-align: center;

    border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

    margin-top: 12px;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

}

.bann_form .form-btn:hover{

  background: transparent;

  border-color: #fff;

}

.bann_form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #4d4d4d;

}

.bann_form .form-control::-moz-placeholder { /* Firefox 19+ */

  color: #4d4d4d;

}

.bann_form .form-control:-ms-input-placeholder { /* IE 10+ */

  color: #4d4d4d;

}

.bann_form .form-control:-moz-placeholder { /* Firefox 18- */

  color: #4d4d4d;

}

.bann_form label.error {

    font-weight: 400;

    color: #f00;

}



/*=== Feature Section Css ===*/



.feature_sec {

    background: #fff;

    padding: 90px 0 90px;

}

.feature_box {

    text-align: center;

    padding: 0 20px;

}



.feature_box .f_img {

    display: inline-block;

    margin-bottom: 22px;

}

.feature_box h3 {

    font-size: 24px;

    line-height: 1.3;

    font-weight: 500;

    margin: 0 0 35px;

}

.feature_box h3 a {

    color: #fca421;

}

.feature_box h3 a:hover {

    color: #000;

}

.feature_box p {

    margin: 0;

}



/*===== COntact Section Css */



.contact_sec {

    background: #fff;

    padding: 25px 0;

    text-align: center;

    border-top: 2px solid #f3f3f3;

}

.contact_sec p {

    margin: 0;

    font-size: 24px;

    font-weight: 500;

}

.contact_sec p span,.contact_sec p a {

    color: #f09e25;

}

.contact_sec p a{

  font-weight: 600;

}

.contact_sec p a:hover{

  color: #000;

}

.contact_sec.sunday_sec{background: #ec9b25;}

.contact_sec.sunday_sec h2{color:#fff;}

.contact_sec.sunday_sec h2,.contact_sec.sunday_sec p {

    text-transform: uppercase;

}



.contact_sec.sunday_sec p a {

    color: #fff;

}

/*==== About Section Css ====*/



.about_section {

    display: table;

    width: 100% !important;

  background: #f3f3f3;

}

.about_section .ab_col {

    float: none;

    display: table-cell;

    vertical-align: middle;

    position: relative;

}

.about_section .ab_col.ab_left .img_ab {

    background-position:  center center;

    background-size:  cover;

    background-repeat:  no-repeat;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.about_section .ab_col.ab_right .ab_cnt{

    padding: 70px 0 70px 65px;

}

.about_section .ab_col.ab_right .ab_cnt .ab_top_cnt{

  padding-left: 40px;

  padding-right: 105px;

}

.about_section .ab_col.ab_right .ab_cnt h3 {

    font-size: 36px;

    line-height: 1.4;

    font-weight: 500;

    color: #f09e25;

    margin: 0 0 22px;

}



.about_section .ab_col.ab_right .ab_cnt p {

    line-height: 21px;

    color: #4d4d4d;

    font-weight: 500;

    margin: 0 0 22px;

}

.about_section .ab_col.ab_right .ab_cnt .bg_para {

    padding: 25px;

    font-style: italic;

  position: relative;

}

.about_section .ab_col.ab_right .ab_cnt .bg_para:before {

  content: "";

  position: absolute;

  top: 0;

  right: 0px;

  background: url(images/fade-bg.png);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  height: 100%;

  width: 100%;

  content: "";

}

.about_section .ab_col.ab_right .ab_cnt .bg_para .para_inn {

    position: relative;

    z-index: 1;

}



/*==== Packers Moving Section ====*/



.packers_moving{

  background: url(images/bg.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

  padding: 102px 0 114px;
  position: relative;

}

.packers_moving .p_m_box {

    background: #fff;

    padding: 45px 25px;

    float: right;

    max-width: 630px;

    margin-right: 88px;
    position: relative;

}

.packers_moving .p_m_box h3 {

    font-size: 36px;

    color: #474747;

    margin: 0 0 18px;

    line-height: 1.3;

}

.packers_moving .p_m_box p {

    margin: 0 0 25px;

    font-weight: 500;

}

.packers_moving .p_m_box span {

    display: block;

    font-size: 22px;

    font-weight: 500;

    color: #fca421;

}

.packers_moving .p_m_box span a {

    color: #fca421;

    margin-left: 5px;

}

.packers_moving .p_m_box span a:hover {

    color: #000;

}



/*=== Pricing Css ===*/



.pricing_section {

    background: #f3f3f3;

    padding: 60px 0;

  position: relative;

}

.pricing_section:before{

  background: url(images/price-bg.png) no-repeat;

  background-size: cover;

  background-position: center center;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  content: '';

}

.pricing_section > .container {

  position: relative;

  z-index: 10;

}

.pricing_section .price_top_sec {

    text-align: center;

    margin: 0 0 50px;

}

.pricing_section .price_top_sec h2 {

    font-size: 36px;

    color: #4d4d4d;

    line-height: 1;

    margin: 0 0 10px;

    font-weight:  500;

}

.pricing_section .price_top_sec p {

    font-size: 18px;

    line-height: 22px;

    color: #474747;

    margin: 0;

}

.price_box_sec {
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}


.price_box {
   margin-bottom: 20px;
    padding-left:  13px;

    padding-right: 13px;

}

.price_box .price_main {

    padding-left:  28px;

    padding-right: 28px;

}

.price_box .price_box_inn {

    background: #474747;

    color: #fff;

    text-align: center;

}

.price_box .price_box_inn .price_box_inn_top {

    padding: 30px 25px;

}

.price_box .price_box_inn .price_box_inn_bottom{

  padding: 50px 20px;

}

.price_box .price_box_inn .price_box_inn_top p,

.price_box .price_box_inn .price_box_inn_bottom p {

    font-size: 18px;

    margin: 0;

    line-height: 1.3;
        min-height: 46px;

}

.price_box_inn_middle {

    background: #ec9b25;

    margin-left:  -28px;

    margin-right:  -28px;

    padding: 25px 25px;

}

.price_box_inn_middle p {

    font-size: 20px;

    line-height: 36px;

    margin: 0;

}

.price_box_inn_middle p span {

    display: block;

}

.price_box_inn_middle p strong {

    font-size: 35px;

}



.price_box_inn_middle.last-box strong {

    display: block;

    line-height: 47px;

    color: #fff

}



.price_box_inn_middle.last-box {

    background-color: #008ed6;

}

.price_box_inn_middle.last-box strong:hover {

    color: #474747;

}

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

   Footer

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



/*=== Footer Top Css ===*/



.contact_sec.footer_middle {

    border: none;

}

.footer_top {

    background: #474747;

    padding: 90px 0;

    color: #fff;

  border-top: 1px solid #fff;

}

.footer_top .f_top_box {

    text-align: center;

    padding: 0 20px;

}

.footer_top .f_top_box .f_top_img {

    display: inline-block;

    margin: 0 0 30px;

}

.footer_top .f_top_cnt p {

    font-size: 20px;

    line-height: 1;

    margin: 0;

    font-weight: 900;

}

.footer_top .f_top_cnt p strong {

    display: block;

    margin: 0 0 15px;

}   

   

   

/*=== Footer Middle Css ===*/



.contact_sec.footer_middle {

    border: none;

}   

   

/*===== Footer Bottom Css =====*/



.footer_bottom {

    background: #e7e7e7;

    text-align: center;

    padding: 15px 0;

}

.footer_bottom p {

    margin: 0;

    font-size: 14px;

    color: #000;

}   





/*==== Thank You Page Css ====*/



.bann_form.thank_you {

    padding: 55px 45px;

}

.bann_form.thank_you p {

    font-size: 20px;

    color: #fff;

}

.bann_form.thank_you h3 {

    margin: 0 0 10px;

}
/* ==========================================================================

   Brands

   ========================================================================== */
.brands-moving {
    background: #fff;
    padding: 25px 0;
    text-align: center;
    border-top: 2px solid #f3f3f3;
}
.brand-box-wrap {
    display: table;
    width: 100%;
}
.brand-box {
    display: inline-table;
    vertical-align: middle;
    width: 18%;
    margin: 0 12px;
}
.brand-box-wrap .brand-box:nth-child(3) {
    position: relative;
    top: -11px;
    left: 0;
}
.brand-box img {
    margin: auto;
}

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

   Forms

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





/* All Global Forms

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





/* Labels */

body label {}



/* One Line Inputs */

body input[type="text"],

body input[type="password"], 

body input[type="datetime"], 

body input[type="datetime-local"], 

body input[type="date"], 

body input[type="month"], 

body input[type="time"], 

body input[type="week"], 

body input[type="number"], 

body input[type="email"], 

body input[type="url"], 

body input[type="search"], 

body input[type="tel"], 

body input[type="color"],

body input[type="file"],

body textarea,

body select {

  width: 100%;

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

}



body input[type="text"]:focus,

body input[type="password"]:focus, 

body input[type="datetime"]:focus, 

body input[type="datetime-local"]:focus, 

body input[type="date"]:focus, 

body input[type="month"]:focus, 

body input[type="time"]:focus, 

body input[type="week"]:focus, 

body input[type="number"]:focus, 

body input[type="email"]:focus, 

body input[type="url"]:focus, 

body input[type="search"]:focus, 

body input[type="tel"]:focus, 

body input[type="color"]:focus,

body input[type="file"]:focus,

body textarea:focus,

body select:focus {}



/* Separate Styles for Multiple Line Inputs */

body textarea {}

body textarea:focus {}



/* Separate Styles for Drop Downs */

body select {}

body select:focus {}



/* Multiple Selection Inputs */



body input[type="radio"] {}

body input[type="checkbox"] {}



/* Required */

body input:focus:required:invalid, 

body textarea:focus:required:invalid, 

body select:focus:required:invalid {}



body input:focus:required:invalid:focus, 

body textarea:focus:required:invalid:focus, 

body select:focus:required:invalid:focus {}



/* Placeholder Text */

::-webkit-input-placeholder { /* Webkit Browsers */

   /* color: #555;

   opacity: 1; */

}

:-moz-placeholder { /* Firefox 18- */

   /* color: #555;

   opacity: 1; */

}

::-moz-placeholder { /* Firefox 19+ */

   /* color: #555;

   opacity: 1; */

}

:-ms-input-placeholder { /* IE10 */

   /* color: #555;

   opacity: 1; */

}







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

   Buttons                                              

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





/* All Global Buttons (Excluding CTAs)

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



body input[type="submit"],

body input[type="button"] {

  cursor: pointer;

  -webkit-appearance: none;

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  text-decoration: none !important;

}



body input[type="submit"]:hover,

body input[type="button"]:hover {}



body input[type="submit"]:focus,

body input[type="button"]:focus {}



.ui-widget-header .ui-icon {

    background-image: url(images/ui-icons_444444_256x240.png) !important;

}

.packers_moving:before {
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.6);
}
.banner_top_cnt h1 {
    text-shadow: 2px 2px 2px #000;
}

.banner_top_cnt h2 {
    color: #fff;
    text-shadow: 2px 2px 2px #000;
}

.banner_top_cnt strong {
    text-shadow: 2px 2px 2px #000;
    color: #fff;
    font-weight: 800;
}
.box .content {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: pink;
	margin: 0;
	color: #fca421;
	font-weight: 800;
	font-size: 21px;
}

.box {
    margin-top: 10px;
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 5px;
	position: relative;
	overflow: hidden;
}

.box::before {
	content: '';
	position: absolute;
	width: 550%;
	height: 575%;
	background: repeating-linear-gradient(
			white 0%,
			white 7.5px,
			black 7.5px,
			black 15px,
			white 15px,
			white 22.5px,
			black 22.5px,
			black 30px);
	transform: translateX(-44.5%) translateY(-20%) rotate(-45deg);
	animation: animate 20s linear infinite;
}

.box .content {
	position: relative;
	background-color: white;
	flex-direction: column;
	box-sizing: border-box;
	padding: 15px;
	text-align: center;
	font-family: sans-serif;
	z-index: 2;
}

.box,
.box .content {
	border-radius: 10px;
}


@keyframes animate {
	from {
		background-position: 0;
	}

	to {
		background-position: 0 450px;
	}
}