/*
Theme Name: RankTheme
Author: RankTheme
Description: RankTheme
*/

*{margin:0px;padding:0px;}
.clr{clear:both;}
a{text-decoration:none;outline:0;}
a img{border:none;outline:none;}
img{max-width:100%;}
textarea{resize:vertical;font-family: 'Raleway', sans-serif;font-size:13px;height:100px;}
p{color:#575757;font-size:16px;line-height:27px;}
h1{font-size:38px; font-weight:400;text-transform:uppercase;}
h2{padding-bottom:15px;color:#333;font-size:30px;font-weight:700;text-transform:uppercase;}
h3{}
h4{font-size:20px;font-weight:500;text-transform:uppercase;}
h5{color:#fff;font-size:24px;font-weight:400;margin-bottom:10px;text-transform:uppercase;}
h6{color:#737373;font-size:14px;margin-bottom:10px;}
body{font-family: 'Raleway', sans-serif;}
.wraper{width:90%;margin:0px auto;}
.body_back{}
.body_back_in{background:rgba(25, 62, 112, 0.74);}
.header{padding:10px 0;border-bottom:1px solid #52789f;position:relative;background:#134d89;}
.logo{font-weight:600;float:left;font-size:35px;color:#fff;font-style:italic;width:490px;}
.right_side{float:right;text-align:right;margin-top:5px;}
.right_side h5{font-size:20px;color:#fff;font-weight:300;text-transform:uppercase;margin:0;}
.right_side h5 a{color:#fff;font-size:30px;font-weight:500;}
.logo img{float:left;}
.baner{padding:60px 0 120px;}
.baner_left{margin-top:5%;float:left;width:31%;position:relative;}
.baner_right{float:right;width:45%;text-align:center;}
.baner_left h2{color:#fff;font-size:24px;}
.baner_left h1{color:#fff;font-size:36px;font-weight: 800;margin-bottom: 25px;}
.more{border:1px solid #fff;color:#fff;font-weight:600;padding:10px 15px;text-transform:uppercase;}
.baner_right .input{background:rgba(25, 62, 112, 0.74);font-size:16px;color:#fff; border:1px solid #97b6e4;margin:10px;padding:12px 8px;width:43%;}
.baner_right select.input{margin-right:0;width:46.5%;}
.baner_right textarea{width:93% !important;margin-bottom:20px !important;}
.baner_right .submit{cursor:pointer;background:#e6e6e6;position: relative;
border:1px solid #fff;font-size:18px;padding:10px 0;text-transform:uppercase;
width:96%;font-weight:600;font-family:'Raleway', sans-serif;}
.sub_sec{text-align:center;}
.ajax-loader{position:absolute;margin-top:14px;}
.baner_right .wpcf7-not-valid-tip{font-size:14px !important;left:9px;position:absolute;top:34px;color:#ff9292 !important;}
.baner_right .wpcf7-response-output{color:#fff;font-size:15px;position:relative;}
.service_sec{ margin:-80px 0;}
.service_sec ul li{overflow:hidden;text-align:center;position:relative;list-style-type:none;display:inline-block;width:50%;float: left;}
.servic_info{height: 100%;position:absolute;top:0;padding:50px 55px 71px;}
.service_sec .wraper{width: 72%;}
.service_sec ul li img {float: left;}
.service_sec ul li:nth-child(1) .servic_info{color:#fff;background:rgba(244, 131, 11, 0.86);}
.service_sec ul li:nth-child(2) .servic_info{background:rgba(232, 232, 232, 0.90)}
.service_sec ul li:nth-child(3) .servic_info{background:rgba(232, 232, 232, 0.90)}
.service_sec ul li:nth-child(4) .servic_info{color:#fff;background:rgba(244, 131, 11, 0.86);}
.servic_info p{padding-bottom: 35px;}
.service_sec ul li:nth-child(1) .servic_info .more{color:#fff;}
.service_sec ul li:nth-child(4) .servic_info .more{color:#fff;}
.service_sec ul li:nth-child(1) .servic_info p{color:#fff;}
.service_sec ul li:nth-child(4) .servic_info p{color:#fff;}
.service_sec ul li:nth-child(1) .servic_info h2{color:#fff;}
.service_sec ul li:nth-child(4) .servic_info h2{color:#fff;}
.service_sec ul li:nth-child(2) .servic_info .more{color:#333;border:1px solid #333;}
.service_sec ul li:nth-child(3) .servic_info .more{color:#333;border:1px solid #333;}
.service_sec ul li .servic_info h2{line-height:40px;margin-bottom:12px;}
.brand_sec{text-align: center;padding:120px 0 60px 0;background:rgba(0, 0, 0, 0) url("https://www.pacifictruckingca.com/wp-content/uploads/2023/11/our-service.jpg") no-repeat scroll center;}
.brand_sec span{color:#fff;font-size:20px;}
.brand_sec h2{color:#fff;}
.brand_sec ul li{width:135px;list-style-type:none;display:inline-block;margin:5px 10px;}
.brand_sec h5{color:#fff;text-transform:uppercase;margin-bottom:10px;font-weight:400;}
.offer_sec{padding:40px 50px;position:relative;}
.offer_left{float:left;}
.offer_right{border:15px solid rgba(244, 131, 11, 0.86);float:right;padding:45px 45px 45px 156px;position:absolute;right:0;top:86px;width:30%;}
.offer_right h3{font-size:23px;font-weight:700;text-transform: uppercase;}
.offer_right li{display:inline-block;float:left;list-style-type:none;margin-top:11px;width:100%;}
.offer_left img{float:left;}
.offer_right h6{color:#e88541;margin-top:18px;text-align:right;margin-bottom:0;}
.customer_sec{padding:0 0 50px;text-align:center;}
.customer_sec h5{color:#333;}
.customer_sec h2{}
.customer_sec ul{margin-top:4%;}
.customer_sec ul li{padding-left:25px;border:10px solid #e7e7e7;display:inline-block;list-style-type:none;margin:0 30px;text-align:left;width:38%;}
.review_cont{float: left;background:#fff;margin:-50px -11px 25px 0;}
.customer_sec ul li img{ background:#dbdbdb;border:1px solid #a1a1a1;border-radius:50%;float:left;padding:2px;}
.customer_sec ul li p{float: left;}
.review{float:left;width:100%;}
.review_info{float: left;margin:17px 0 0 14px;}
.review_info > h6{color:#333;font-size: 20px;text-transform: uppercase;}
.review_info span{color:#f3a96c;}
.subscribe_sec{text-align:center;background:rgba(0, 0, 0, 0) url("https://pacifictruckinginc.com/wp-content/uploads/2023/11/footer.jpg") no-repeat scroll center bottom / cover;}
.subscribe_sec_in{padding:50px 0;background: rgba(24, 56, 103, 0.81) none repeat scroll 0 0;}
.subscribe_sec h6{}
.subscribe_sec h2{color:#fff;}
.subscribe_sec p{color:#fff;}
.subscribe_wp > h6{display: none;}
.subscribe_wp{margin:0 auto;padding-top: 20px;width: 30%; position:relative;}
.sub_mail{border:1px solid #ccc;font-size: 15px;padding: 14px;width: 100%;}
.subscribe_wp .btn{background:#fd8401;border:medium none;color:#fff;font-size:18px;padding:11px 15px;position:absolute;right:-29px;text-transform:uppercase;top:21px;}
.copy_right{padding:20px 0;background:#e6e6e6;text-align: center;}
.copy_right a{color:#575757;}
.offer_right li img{width:10px;opacity:0.7;}
input::placeholder{color:#fff;}
.baner_right textarea::placeholder{color:#fff;}
.baner_right p{line-height:normal;}
.coming_soon{text-align:center;}
.wpcf7 form .wpcf7-response-output{margin:0 0.5em !important;}
.inner_page{padding: 50px 0;}
.inner_page h1{margin-bottom: 30px;}
.inner_page p{margin-top:20px;}
.back_btn a{color:#043b72;}
.back_btn{color:#575757}
.wpcf7-spinner{position:absolute !important;margin:0 !important;}
form.wpcf7-form{margin-top:10px;}
.subscribe_sec_in .input{padding:10px;border-radius:5px 0px 0px 5px;border:none;}
.subscribe_sec_in .btn{padding:10px;border-radius:0px 5px 5px 0px;border:none;cursor:pointer;background:rgb(244 131 11);
font-weight:bold;color:#fff;}
.metaslider{position: absolute !important;z-index:0 !important;}
.wpcf7 form .wpcf7-response-output{margin:2em 0.5em 0em !important;}
.input:focus{outline:none;}



/*Responsive Media*/

@media only screen and (max-width: 1280px) and (min-width: 1068px){ 
.wraper{width:1024px;}
.baner_right .input{margin:10px 8px;width:41%;}
.baner_right{width:54%;}
.baner_right textarea{width:90% !important;}
.baner_right .submit{width:94%;}
.service_sec .wraper{width:95%;}
.service_sec ul li img{float:left;width:100%;}

}
@media only screen and (max-width: 1067px) and (min-width: 963px){ 
.wraper{width:940px;}
.baner_right .input{margin:10px 8px;width:41%;}
.baner_right{width: 54%;}
.baner_right textarea{width:90% !important;height: 50px;}
.baner_right .submit{width:94%;}
.service_sec ul li .servic_info h2{line-height:25px;margin-bottom:0;font-size:22px;padding-bottom:10px;}
.servic_info{padding:20px 20px 70px;}
.service_sec .wraper{width:95%;}
.baner{padding:20px 0 65px;}
.baner_left h1{font-size:28px;}
.baner_left h2{font-size:15px;}
.baner_left{width:42%;}
.logo{width:30%;}
.right_side{text-align:left;width:auto;margin:0;}
.right_side h5{font-size:15px;}
.right_side h5 a{font-size:17px;}
.more{padding:7px 9px;font-size:13px;}
.service_sec .wraper{width:95%;}
.service_sec ul li{width:50%;}
.servic_info{padding:19px 10px 33px 10px;}
.service_sec ul li .servic_info h2{line-height:27px;margin-bottom:0;padding-bottom:4px;}
.servic_info p{padding-bottom:15px;font-size:14px;line-height:21px;}
.offer_sec{padding:5% 0;}
.offer_right{padding:10px;position:absolute;width:46%;top:5%;}
.customer_sec {padding:20px 0;}
.customer_sec ul li{margin:50px 0 0 0;width:auto;}
.customer_sec ul{margin-top:0;}
.brand_sec{padding:30px 0;}
.offer_left{width:45%;}
.service_sec{margin:-26px 0 30px;}


} 
@media only screen and (max-width: 962px) and (min-width: 801px){ 
.wraper{width:780px;}
.baner_right .input{margin:10px 8px;width:41%;}
.baner_right{width: 54%;}
.baner_right textarea{width:90% !important;height: 50px;}
.baner_right .submit{width:94%;}
.service_sec ul li .servic_info h2{line-height:25px;margin-bottom:0;font-size:22px;padding-bottom:10px;}
.servic_info{padding:20px 20px 70px;}
.service_sec .wraper{width:95%;}
.baner{padding:20px 0 65px;}
.baner_left h1{font-size:28px;}
.baner_left h2{font-size:15px;}
.baner_left{width:42%;}
.logo{width:45%;}
.right_side{text-align:left;width:auto;margin:0;}
.right_side h5{font-size:15px;}
.right_side h5 a{font-size:17px;}
.more{padding:7px 9px;font-size:13px;}
.service_sec .wraper{width:95%;}
.service_sec ul li{width:50%;}
.servic_info{padding:19px 10px 33px 10px;}
.service_sec ul li .servic_info h2{line-height:27px;margin-bottom:0;padding-bottom:4px;}
.servic_info p{padding-bottom:15px;font-size:14px;line-height:21px;}
.offer_sec{padding:5% 0;}
.offer_right{padding:10px;position:absolute;width:46%;top:5%;}
.customer_sec {padding:20px 0;}
.customer_sec ul li{margin:50px 0 0 0;width:auto;}
.customer_sec ul{margin-top:0;}
.brand_sec{padding:30px 0;}
.offer_left{width:45%;}
.service_sec{margin:-26px 0 30px;}

}
@media only screen and (max-width: 800px) and (min-width: 668px){ 
.wraper{width:640px;}
h2{font-size:20px;}
.logo{width:45%;}
.right_side{text-align:left;width:auto;margin:0;}
.right_side h5{font-size:15px;}
.right_side h5 a{font-size:17px;}
.baner{padding:0px 0 35px;}
.baner_left{margin-top:0;width:47%;}
.baner_left h2{font-size:15px;padding-bottom:5px;}
.baner_left h1{font-size:28px;margin-bottom:15px;}
.more{padding:7px 9px;font-size:13px;}
.baner_right{width:50%;margin-top: 0;}
.baner_right .input{width:94%;margin:8px 0;padding:8px;}
.baner_right .submit{font-size:15px;width:100%;}
.baner_right textarea{margin-bottom:15px !important;}
.service_sec .wraper{width:95%;}
.service_sec ul li{width:50%;}
.servic_info{padding:19px 10px 33px 10px;}
.service_sec ul li .servic_info h2{line-height:27px;margin-bottom:0;padding-bottom:4px;}
.servic_info p{padding-bottom:15px;font-size:14px;line-height:21px;}
.offer_sec{padding: 0;}
.offer_right{padding: 10px;position: unset;width: auto;}
.customer_sec {padding: 20px 0;}
.customer_sec ul li{margin: 50px 0 0 0;width: auto;}
.customer_sec ul{margin-top: 0;}
.brand_sec{padding:100px 0 30px 0;}

} 
@media only screen and (max-width: 667px) and (min-width: 601px){ 
.wraper{width:95%;} 
h5{font-size:18px;}
h2{font-size:22px;}
.logo{width:auto;}
.right_side{text-align:center;width:100%;}
.right_side h5{font-size:15px;}
.right_side h5 a{font-size:22px;}
.baner{padding:30px 0 80px;}
.baner_left{margin-top:0;width:100%;}
.baner_left h2{font-size:15px;padding-bottom:5px;}
.baner_left h1{font-size:20px;margin-bottom:15px;}
.more{padding: 7px 9px;font-size:13px;}
.baner_right{width:100%;margin-top:20px;}
.baner_right .input{width:94%;margin:10px 0;}
.baner_right .submit{font-size:15px;width:100%;}
.baner_right textarea{margin-bottom:15px !important;}
.service_sec .wraper{width:95%;}
.service_sec ul li{width:50%;}
.servic_info{padding:19px 10px 33px 10px;}
.service_sec ul li .servic_info h2{line-height:27px;margin-bottom:0;padding-bottom:4px;}
.servic_info p{padding-bottom:15px;font-size:14px;line-height:21px;}
.offer_sec{padding: 0;}
.offer_right{padding: 10px;position: unset;width: auto;}
.customer_sec {padding: 20px 0;}
.customer_sec ul li{margin: 50px 0 0 0;width: auto;}
.customer_sec ul{margin-top: 0;}
.brand_sec{padding:100px 0 30px 0;}

}
@media only screen and (max-width: 600px) and (min-width: 481px){ 
.wraper{width:95%;} 
h2{font-size:20px;}
.logo{width:auto;}
.right_side{text-align:center;width:100%;}
.right_side h5{font-size:15px;}
.right_side h5 a{font-size:22px;}
.baner{padding:30px 0 80px;}
.baner_left{margin-top:0;width:100%;}
.baner_left h2{font-size:15px;padding-bottom:5px;}
.baner_left h1{font-size:20px;margin-bottom:15px;}
.more{padding: 7px 9px;font-size:13px;}
.baner_right{width:100%;margin-top:20px;}
.baner_right .input{width:94%;margin:10px 0;}
.baner_right .submit{font-size:15px;width:100%;}
.baner_right textarea{margin-bottom:15px !important;}
.service_sec .wraper{width:95%;}
.service_sec ul li{width:50%;}
.servic_info{padding:19px 10px 33px 10px;}
.service_sec ul li .servic_info h2{font-size:16px;line-height:27px;margin-bottom:0;padding-bottom:4px;}
.servic_info p{padding-bottom:15px;font-size:14px;line-height:21px;}
.offer_sec{padding: 0;}
.offer_right{padding: 10px;position: unset;width: auto;}
.customer_sec {padding: 20px 0;}
.customer_sec ul li{margin: 50px 0 0 0;width: auto;}
.customer_sec ul {margin-top: 0;}
.service_sec ul li .servic_info h2 br {display: none;}
.subscribe_sec_in .input{width:60%;}
.brand_sec ul li{width:105px;}
} 
@media only screen and (max-width: 480px) and (min-width: 376px){ 
.wraper{width:95%;} 
h5{font-size:18px;}
h2{font-size:22px;}
.logo{width:auto;}
.right_side{text-align:center;width:100%;}
.right_side h5{font-size:15px;}
.right_side h5 a{font-size:22px;}
.baner{padding:30px 0 80px;}
.baner_left{margin-top:0;width:100%;}
.baner_left h2{font-size:15px;padding-bottom:5px;}
.baner_left h1{font-size:20px;margin-bottom:15px;}
.more{padding: 7px 9px;font-size:13px;}
.baner_right{width:100%;margin-top:20px;}
.baner_right .input{width:94%;margin:10px 0;}
.baner_right .submit{font-size:15px;width:100%;}
.baner_right textarea{margin-bottom:15px !important;}
.service_sec .wraper{width:95%;}
.service_sec ul li{width:100%;}
.servic_info{padding:19px 10px 33px 10px;}
.service_sec ul li .servic_info h2{line-height:27px;margin-bottom:0;padding-bottom:4px;}
.servic_info p{padding-bottom:15px;font-size:14px;line-height:21px;}
.offer_sec{padding: 0;}
.offer_right{padding: 10px;position: unset;width: auto;}
.customer_sec {padding: 20px 0;}
.customer_sec ul li{margin: 50px 0 0 0;width: auto;}
.customer_sec ul {margin-top: 0;}
.subscribe_sec_in .input{width:60%;}
.brand_sec ul li{width:105px;}
} 
@media only screen and (max-width: 375px) and (min-width: 0px){ 
.wraper{width:95%;} 
h5{font-size:18px;}
h2{font-size:22px;}
.logo{width:auto;}
.right_side{text-align:center;width:100%;margin-top:10px;}
.right_side h5{font-size:15px;}
.right_side h5 a{font-size:22px;}
.baner{padding:22px 0 110px;}
.baner_left{margin-top:0;width:100%;}
.baner_left h2{font-size:15px;padding-bottom:5px;}
.baner_left h1{font-size:20px;margin-bottom:15px;}
.more{padding: 7px 9px;font-size:13px;}
.baner_right{width:100%;margin-top:30px;}
.baner_right .input{width:94%;margin:10px 0;}
.baner_right .submit{font-size:15px;width:100%;}
.baner_right textarea{margin-bottom:15px !important;}
.service_sec .wraper{width:95%;}
.service_sec ul li{width:100%;}
.servic_info{padding:19px 10px 33px 10px;}
.service_sec ul li .servic_info h2{line-height:27px;margin-bottom:0;padding-bottom:4px;}
.servic_info p{padding-bottom:15px;font-size:14px;line-height:21px;}
.offer_sec{padding: 0;}
.offer_right{padding: 10px;position: unset;width: auto;}
.customer_sec {padding: 20px 0;}
.customer_sec ul li{margin: 50px 0 0 0;width: auto;}
.customer_sec ul {margin-top: 0;}
.subscribe_sec_in .input{width:60%;}
.brand_sec ul li{width:105px;}

}