/*
CTC Separate Stylesheet
Updated: 2024-08-28 07:31:37
Theme Name: CoastalPaintingFL Theme
Theme URI: http://e-visualizers.com
Template: bootstrap-basic4
Author: Evisualizers Infotech
Author URI: http://e-visualizers.com
Description: Custom Child theme based on Bootstrap v.4 basic theme for coastalpaintingfl website.
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-menu,featured-images,post-formats,threaded-comments,translation-ready,editor-style,blog
Version: 1.1.1724830297
*/

html { scroll-behavior:smooth;}
body{ font-family:'Rubik',sans-serif; font-size:16px; color:#2e2f30; background:#FFFFFF; margin:0; padding:0; scroll-margin-top:0;}
a, a:hover, a:active, a:focus, button {outline:0 !important; text-decoration:none; transition:all 0.3s ease; -moz-transition:all 0.3s ease;	-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
b, strong {font-weight:600;}
a, .btn, .btn:focus, .btn:active {font-family:'Karla',sans-serif; box-shadow:none !important;}

h1{font-family:'Arial',sans-serif; font-size:50px; color:#242424; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
h2{font-family:'Karla',sans-serif; font-size:32px; color:#242424; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
h3{font-family:'Karla',sans-serif; font-size:24px; color:#242424; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
h4{font-family:'Karla',sans-serif; font-size:22px; color:#242424; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
h5{font-family:'Karla',sans-serif; font-size:20px; color:#242424; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
h6{font-family:'Karla',sans-serif; font-size:18px; color:#2e2f30; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
p{font-family:'Rubik',sans-serif; font-size:16px; font-weight:400; line-height:1.6;}
.row-flex {display:flex; flex-wrap:wrap;}

header{ position:relative; background:#FFFFFF; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);}
.sticky { position:fixed; top:0; width:100%; background:#FFFFFF; z-index:99;}

header .topHead{ padding:18px 0;}
header .toplogo {}
header .topHead ul{ font-family:'Karla',sans-serif; list-style:none; margin:0; padding:0;}
header .topHead ul li{display: inline-block;}
header .topHead ul li a{ font-size:18px; color:#000; text-decoration:none; border-left:solid #bdbdbd 1px; text-align:center; padding:0 8px 0 12px;}
header .topHead ul li a:hover{color:#ff7800;}
header .topHead ul li:first-child a{border-left:0px;}
header .topHead ul li:last-child a{border-left:0px; background:#292a71; color:#fff; padding:13px 20px; border-radius:6px;}
header .topHead ul li:last-child a:hover{background:#ff7800;}
header .menupart { width:100%; display:flex; border-top:solid #ebebeb 1px;}

.videoPart{ position:relative; height:650px; overflow:hidden; z-index:1; border:0;  text-align:center;}
.videoPart video{width:100%; height:auto; margin-bottom:-8px;}
.videoPart .bg{ background-color: rgba(7, 11, 49, 0.4); position:absolute; z-index:9999; top:0; right:0; left:0; bottom:0;}
.videoPart .bg .contentpart { padding:110px 0 0 0; width:100%; max-width:1100px; text-align:center; margin:auto;}
.videoPart .bg .contentpart h1{ font-size:64px; text-transform:capitalize; font-weight:700; color:#fff; line-height:1.2;}
.videoPart .bg .contentpart p{ font-family:'Karla',sans-serif; font-size:28px; text-transform:inherit; font-weight:400; color:#fff; padding:20px 0 16px; line-height:1.4;}
.videoPart .bg .contentpart .btn-info, .videoPart .bg .contentpart .btn-primary{ margin:0 8px; background:#fff; width:310px; text-transform:uppercase; font-size:16px; font-weight:700; padding:22px 0; color:#ff7800; border:0; border-radius:6px;}
.videoPart .bg .contentpart .btn-info:hover{background:#ff7800; color:#fff;}
.videoPart .bg .contentpart .btn-primary{background:#fe7800; color:#fff;}
.videoPart .bg .contentpart .btn-primary:hover{background:#292a71 !important;}
.videoPart .bg .arrow { animation:bouncing 1s infinite ease-in-out; font-size:80px; color:#fff; position: relative; margin-top:40px;}
@keyframes bouncing { 0% {bottom:0;} 50% {bottom:20px;} 100% {bottom:0;}}

.whychoosePart{ padding:70px 0; text-align:center; scroll-margin-top:110px;}
.whychoosePart p{ padding:20px 0 30px;}
.mainBox{ height:400px; margin-bottom:24px;}
.flip-card { width:100%; height:100%; perspective:1000px; }
.flip-card-inner { position:relative; width:100%; height:100%; text-align:left; transition:transform 0.6s; transform-style: preserve-3d; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);}
.flip-card:hover .flip-card-inner { transform:rotateY(180deg);}
.flip-card-front { background-color:#fff; height:100%; padding:26px;}
.flip-card-front:after { position:absolute; content:""; border-top:70px solid #fff;  border-left:70px solid transparent; top:26px; right:26px;	}
.flip-card-front .fa-plus{ position:absolute; top:22px; right:22px; color:#111245; z-index:2;}
.flip-card-front h3{ padding:24px 0 0; line-height:1.3; font-weight:500;}
.flip-card-front, .flip-card-back { position:absolute; width:100%; height:100%; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.flip-card-back { background:#111245; color:#fff; transform:rotateY(180deg); padding:40px 26px 26px;}
.flip-card-back .fa-minus{ position:absolute; top:22px; right:22px; color:#fff;}
.flip-card-back p{ font-size:15px;}

.servicesPart{ background:#eaeef1; padding:80px 0 60px; scroll-margin-top:170px;}
.servicesPart .hdBox{ height:94%; padding:60px 0 0;}
.servicesPart .hdBox h1 span{ font-size:15px; font-weight:600; text-transform:uppercase; color:#fd7a00; padding:0 0 10px; display:block;}
.servicesPart .hdBox p{ font-size:18px; padding:10px 0 0;}
.servicesPart .serviceBox{ position:relative; height:94%; padding:38px 38px 110px; background:#fff; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);}
.servicesPart .serviceBox p{ font-size:15px;}
.servicesPart .serviceBox .fa-plus{ position:absolute; background:#fd7a00; bottom:40px; left:38px; width:36px; height:36px; line-height:36px; border-radius:100%; font-size:14px; font-weight:300; color:#fff; text-align:center;}

.valuesPart{ padding:90px 0 0;}
.valuesPart .hdPart{ padding:40px 0 0;}
.valuesPart .hdPart p{ font-size:18px; padding:10px 0 0; margin-bottom:4px;}
.valuesPart .valuesBox{ position:relative; width:100%; height:450px; overflow:hidden; margin-bottom:30px; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.5);}
.valuesPart .valuesBox .innerBox{ margin:22px auto 0; width:84%; height:400px; position:relative; overflow:hidden;}
.valuesPart .valuesBox .innerBox p{ height:auto; width:100%; font-size:14px; color:#fff; padding:0 15% 0 0;}
.valuesPart .valuesBox .innerBox .borderLeft { border-top: 1px solid #fff; position:absolute; left:85%; right:0;}
.valuesPart .valuesBox .innerBox .borderBottom{ border-bottom: 1px solid #fff; position:absolute; bottom:0; left:0; right:12%;}
.valuesPart .valuesBox .innerBox .border{ width:1px; height:800px; border-color:#fff !important; border-left:0px!important;}
.valuesPart .valuesBox h3 {writing-mode: vertical-lr; transform: rotate(-180deg); right:5%; bottom:25px; position:absolute; z-index:2; color:#fff;}
.valuesPart hr { margin-top:46px; margin-bottom:10px;}

.servePart{ padding:40px 0 70px; text-align:center; scroll-margin-top:180px;}
.serve-card {width:100%; height:420px; perspective: 1000px; margin:20px 0 10px;}
.serve-card-inner { position:relative; width:100%; height:100%; text-align:center; transition: transform 0.8s; transform-style: preserve-3d;}
.serve-card:hover .serve-card-inner { transform: rotateY(180deg);}
.serve-card-front, .serve-card-back { position:absolute; width:100%; height:100%; backface-visibility:hidden; }
.serve-card-front .img{ height:420px; width:100%; position:relative; }
.serve-card-front .img h3{ position:absolute; background:#ff7800; left:0; bottom:0; right:0; padding:14px; color:#fff;}
.serve-card-back { background:#292a71; color:#fff; transform:rotateY(180deg); padding:40px 30px;}

.aboutPart{ padding:10px 0 80px;}
.aboutPart h1{ padding:0 0 10px;}
.aboutPart h1 span{ font-size:15px; font-weight:600; text-transform:uppercase; color:#fd7a00; padding:0 0 10px; display:block;}
.aboutPart .btn-primary{ background:#292a71; text-transform:uppercase; font-size:16px; font-weight:600; padding:20px 40px; color:#fff; border:0; border-radius:6px; display:inline-block;}
.aboutPart .btn-primary:hover{background:#e86f03 !important;}
.aboutPart .aboutContact{}
.aboutPart .aboutContact .iconBox { display:inline-block;}
.aboutPart .aboutContact .callusBox{ display:inline-block; margin-left:12px; vertical-align:bottom;}
.aboutPart .aboutContact .callusBox h3 span{ font-size:15px; display:block; font-weight:500; color:#6e6f70; padding-bottom:6px;}
.aboutPart .videoBox{ position:relative; text-align:center;}
.aboutPart .videoBox video {width:100%; height:100%; margin-top:40px; border:solid #dfdfdf 6px;}
.aboutPart .videoBox .clickBtn{ position:absolute; display:block; background:#b6b6b6; opacity:0; padding:8px 60px; text-decoration:none; color:#000; border-radius:5px; bottom:20%; margin:auto; left:0; right:0; width:max-content;}

.testimonialPart{padding:0 0 60px; overflow:hidden;}
.testimonialPart .owl-carousel .owl-stage{display:flex; flex-wrap:wrap;}
.testimonialPart .owl-carousel .owl-stage .item { height:100%;}
.testimonialPart .testimoniBox{ height:100%; background:#fafafa; padding:18px 20px 12px 20px; border:solid #e2e2e2 1px; border-radius:4px; margin-bottom:20px;}
.testimonialPart .testimoniBox h4 span{ font-size:16px; font-weight:400; color:#383838; font-style:italic; display:block; padding:0; }
.testimonialPart .testimoniBox .rating {display:block; padding:8px 0 6px;}
.testimonialPart .testimoniBox .rating i {font-size:17px; color:#fd7a00;}
.testimonialPart .testimoniBox p{ font-size:15px; color:#383838; margin-bottom:0;}
.testimonialPart .owl-prev, .testimonialPart .owl-next{ position:absolute; z-index:99; outline:none; font-size:32px !important; bottom:46%; color:#000 !important;}
.testimonialPart .owl-theme .owl-nav { margin-top:0px;}
.testimonialPart .owl-prev { left:-40px; background:none!important; }
.testimonialPart .owl-next { right:-40px; background:none!important;}

.joinPart{ padding:50px 0; background:linear-gradient(45deg, rgba(66,90,134,1) 0%, rgba(39,63,106,1) 35%, rgba(24,46,86,1) 100%);}
.joinPart img{ border:solid #fff 6px; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); width:90%;}
.joinPart .txtjoin{ padding:30px 30px 30px 0;}
.joinPart .txtjoin p{ font-size:18px; color:#fff; padding:15px 0 24px;}
.joinPart .txtjoin a{ font-size:20px; color:#fff; border:solid #fff 1px; font-weight:500; padding:16px 30px; border-radius:6px;}
.joinPart .txtjoin a:hover{ background:#fe7800; color:#fff; border:solid #fe7800 1px;}

footer{ font-family:'Karla',sans-serif; padding:60px 0 0; background:#16173a;}
footer p a, footer p a:hover{ color:#f2f2f2; text-decoration:underline;}
footer p span{ font-size:22px; font-weight:600; display:block; padding:10px 0 0; color:#fff;}
footer .social { margin:24px 0 0 0;}
footer .social i {font-size:20px; color:#fff; margin-right:20px;}
footer .social img{ display:block; padding:16px 0 0;}
footer h3{ display:flex; align-items:center; position:relative; margin-bottom:22px; color:#fff;}
footer .ftlogo{ padding:0 0 22px;}
footer ul{ list-style:none; margin:0; padding:0 80px 16px 0; display:inline-grid;}
footer ul li a{ font-size:16px; color:#f2f2f2; display:block; text-decoration:none; font-weight:400; position:relative; padding:0 0 12px;}
footer ul li a:hover{ color:#fff;}
.address ul{ list-style:none; margin:0; padding:0 40px 16px 0; }
.address ul li{font-size:16px; color:#f2f2f2; display:block; text-decoration:none; font-weight:400; position:relative; padding:0 0 12px 22px;}
.address ul li::before { font-family:FontAwesome; font-size:16px; content:"\f041"; color:#f2f2f2; position:absolute; left:0; top:2px;}
footer .copyright {font-size:16px; color:#f2f2f2; padding:28px 0; border-top:solid #32335c 1px; margin:20px 0 0;}
footer .copyright .poweredby { font-size:12px; color:#acacac !important; text-decoration:none; float:right;}



/*---------------------- Inner page CSS ------------------------*/
.innerpage-contant{background:#eaeef1; padding:60px 0;}
.orangeColor{ color:#ff7800;}

.aboutpageBg{ background:#e9f3ff; margin:30px 0 50px; padding:40px 0;}
.aboutpagebox{ background:#fff; border:solid #cddbec 1px; border-radius:10px; margin:24px 0; overflow:hidden;}
.aboutpagebox .contantPart{ padding:35px 35px 35px 10px;}
.aboutpageLeadingBox{ background:#334871; border-radius:10px; padding:35px; margin-bottom:20px;}
.aboutpageLeadingBox p{ color:#fff;}

.blogBox{ background:#fff; margin:20px 0 10px;}
.blogBox .blogCont{ height:100%; position:relative; padding:28px 15px 28px 0;}
.blogBox .blogCont p{ padding:15px 0;}
.blogBox .blogCont .writer{ position:absolute; z-index:2; left:4px; bottom:22px; font-size:15px; color:#434343;}
.blogBox .blogCont .writer img{ width:30px; height:30px; border-radius:100%; margin-right:6px;}
.btn-primary{ background:#fe7800; text-transform:uppercase; font-size:16px; font-weight:700; padding:20px 36px; color:#fff; border:0;} 
.btn-primary:hover{background:#292a71 !important;}
.btn-primary img{ vertical-align:initial; padding-left:4px;}

.blogDetail{}
.blogDetail hr{margin-top:24px; margin-bottom:30px; border-top:3px solid #fe7800; width:65px;}
.blogDetail h2{ font-size:28px; padding:4px 0 10px;}
.blogDetail ul { margin:20px auto 10px; padding:0px;}
.blogDetail ul li {list-style:none; padding:0 0 14px 36px; position:relative;}
.blogDetail ul li::before { font-family:FontAwesome; position:absolute; z-index:2; font-size:14px; top:-1px; left:0; width:26px; height:26px; line-height:22px; border-radius: 90px; content:"\f00c"; color:#fe7800; text-align:center; border:solid #fe7800 2px; font-weight:900;}
.blogDetail .commentBox{ margin:40px 0 10px;}
.blogDetail .commentBox .form-control { height:48px;}
.blogDetail .commentBox textarea { height:auto !important;}
.blogDetail .commentBox .btn-primary{ background:#fe7800; text-transform:uppercase; font-size:16px; font-weight:700; padding:17px 40px; color:#fff; border:0;} 
.blogDetail .commentBox .btn-primary:hover{background:#292a71 !important;}

.careerPage{ padding:60px 0; background:#385fa3; text-align:center;}
.careerPage .searchBox{ padding:30px 0 24px;}
.careerPage .searchBox .form-control { height:58px; font-size:20px; margin-top:8px;} 
.careerPage .searchBox select {background-image:url(images/arrow-down.png) !important; background-size:15px; background-repeat: no-repeat;
  background-position:calc(100% - 12px); -webkit-appearance: none; -moz-appearance: none;}  
.careerPage .searchBox .btn-primary{ background:#fe7800; text-transform:uppercase; font-size:18px; font-weight:700; padding:18px 80px; color:#fff; border:0; } 
.careerPage .searchBox .btn-primary:hover{background:#292a71 !important;}

.joblftPart{ margin-bottom:24px;}
.joblftPart ul{ list-style:none; margin:0; padding:0; }
.joblftPart ul li a{ display:block; background:#fff; text-decoration:none; padding:18px; border-left:solid #ff7800 3px; display: flex; flex-wrap: wrap; margin-bottom:15px; box-shadow:0 0 10px 0 rgba(0,0,0,0.1) !important;}
.joblftPart .icon{ font-size:20px; color:#0c4ca1; margin:20px 20px 0 0;}
.joblftPart h5{ color:#0c4ca1;}
.joblftPart .address{ font-size:16px; color:#5d5d5d; padding:4px 0 0;}
.joblftPart .date{ font-size:16px; color:#5d5d5d;}
.joblftPart ul li a:hover{ background:#f3f3f3;}
.jobrgtBox{ margin-bottom:26px; line-height:0;}
.jobrgtBox h5{ background:#ff7800; padding:12px 10px; color:#fff; text-align:center;}

ul.jobdetail{ line-height:2; padding:0 0 0 20px;}
.resumeBtn {background:#fe7800; text-transform:uppercase; font-size:18px;font-weight:600; padding:20px 44px; color:#fff; border:0; margin-top:12px;}
.resumeBtn:hover{ background:#292a71 !important; color:#fff;}

.empoyeesBox{background:#fff; text-align:center; height:92%; padding:34px 30px; border:solid #fff 8px;border-radius:10px; margin-top:24px;}
.empoyeesBox .imgPart{ width:120px; height:120px; border-radius:100%; background:#fd7a00; border:solid #fff 4px; box-shadow:0 0 20px 0 rgba(0,0,0,0.2); text-align:center; margin:0 auto 24px;}
.empoyeesBox .imgPart img{ width:70px; padding-top:26px;}
.empoyeesBox p{ padding:12px 0 0; color:#242424;}
.modal-content {background:url(images/popup-bg.jpg) center top no-repeat; background-size:cover; border:solid #fff 6px; padding:25px;}
.modal-content .modal-header { padding:10px 0 20px 10px;}
.modal-content .modal-body { padding:0px 12px;}
.modal-content .close { background:#fff; width:44px; height:44px; border-radius:100%; color:#000; padding:0; font-size:36px; text-shadow:none; font-weight:400; opacity:1 !important; line-height:0.5; margin:-58px;}
.modal-content label { font-size:18px; color:#fff;}
.modal-content .form-control { padding:1.375rem .75rem;}
.modal-content .btn-primary{ background:#fe7800; margin:8px 0 30px 12px; text-transform:uppercase; font-size:16px; font-weight:600; padding:17px 50px; border:0;} 
.modal-content .btn-primary:hover{background:#292a71 !important;}

.contactBox{ background:#fff; margin:24px 0;}
.contactBox .contactInfoPart{padding:60px 50px 70px 50px;}
.contactBox .contactInfoPart p a{ color:#fe7800;}
.contactBox .contactInfoPart .socialPart { margin:14px 0 0 0;}
.contactBox .contactInfoPart .socialPart i { width:34px; height:34px; border-radius:100%; border:solid #1b1b1b 2px; line-height:30px; text-align:center; font-size:16px; color:#1b1b1b; margin-right:10px;}
.contactBox .contactInfoPart .addressPart{ margin:30px 0 0;}
.contactBox .contactInfoPart .addressPart p{ position:relative; padding:4px 0 0 20px;}
.contactBox .contactInfoPart .addressPart p::before{font-family: FontAwesome; font-size:16px; content:"\f041"; color:#393939;
  position:absolute; left:0; top:4px;}
.contactBox form{ background:url(images/contactform-bg.jpg) center top no-repeat; background-size:cover; padding:60px 60px 70px 60px;}
.contactBox form .form-control { height:50px; border:0;}	
.contactBox form textarea{height:auto !important;}
.contactBox form .btn-primary {background:#292a71; text-transform:uppercase; font-size:16px;font-weight:600; padding:17px 46px; color:#fff; border:0;}
.contactBox form .btn-primary:hover{ background:#fe7800 !important;}

.requestPage{padding:60px 0; background:url(images/request-bg.jpg) center top no-repeat; background-size:cover;}
.requestPage hr { margin-top:4px; margin-bottom:0; border-top:2px solid #fff; width:200px;}
.requestPage form{ padding:40px 50px;}
.requestPage form .form-control { background:#e9e9ee; height:48px; font-size:15px;}	
.requestPage form textarea{height:auto !important;}
.requestPage form .btn-primary { background:#fe7800; margin-top:20px; text-transform:uppercase; font-weight:600; padding:18px 100px; color:#fff; border:0;}
.requestPage form .btn-primary:hover{ background:#16173a !important;}

.requestPage input[type="file"] { display:none;}
.requestPage label[for="fileInput"] { background:#e9e9ee; display:inline-block; height:100%; vertical-align:baseline; padding:4px 0; width:100%; text-align:center; border-radius:4px; border:1px dashed #BBB; cursor:pointer;}
.requestPage label[for="fileInput"]:hover { background:#fbfcff;}

.subcontactbtn{ margin:22px 0 40px;}
.subcontactbtn ul{ margin:0; padding:0}
.subcontactbtn ul li{list-style:none; display:inline-block; font-size:16px; color:#2e2f30; vertical-align:text-top;}
.subcontactbtn ul li a{ display:inline-block; background:#292a71; padding:14px 26px; margin:6px 6px 0 0; font-size:16px; font-weight:500; color:#fff; border-radius:4px;}
.subcontactbtn ul li a:hover{ background:#fd7a00;}
.subcontactbtn ul li span{ display:block; font-size:15px; padding-top:10px;}

.officePage{padding:60px 0;}
.officePage .addressOffice{ background:#fff; border-radius:6px; border:solid #d6d6d6 1px; box-shadow: 0 0 12px 0 rgba(0,0,0,0.1); padding:30px 30px; margin-top:20px; height:92%;}
.officePage .addressOffice i{ background:#fff; font-size:20px; color:#fd7a00; width:50px; height:50px; line-height:50px; border-radius:6px; border:solid #fd7a00 1px; text-align:center; margin-bottom:20px;}
.officePage .addressOffice h3{ min-height:70px;}
.mapPart{ margin:40px 0 0;}
.mapPart .container{padding-right:0px; padding-left:0px;}
.mapPart .container .space-row { margin-right:0px; margin-left:0px;}
.mapPart .container .space-row > [class*="col-"] { padding-left:0px; padding-right:0px; padding-bottom:0px;}
.mapPart h2{ padding-bottom:40px;}
.mapPart .usmap{ padding:10px 24px 0; border-right:solid #e9e9e9 1px;}

.mapPart .floridamap{ padding:10px 24px 0;}
.mapImg{ position:relative; width:100%; margin:0 auto;}
.mapImg img { width:100%; height:auto;}
.cityMarker {position:absolute; background:#f00; opacity:0; padding:5px; border-radius:50%; width:14px;height:14px; transform:translate(50%, 50%); cursor:pointer;}
.contact-box {position:absolute; background:#fff; border:1px solid #ccc; padding:10px 12px; z-index:2;border-radius:5px;width:240px;display:none; margin-top:15px;}
.cityMarker:hover + .contact-box { display:block;}
.cityOrlando:hover + #contactOrlando,
.cityTampa:hover + #contactTampa,
.cityFortlauderdale:hover + #contactFortlauderdale,
.cityMiami:hover + #contactMiami{ display:block; }
#contactOrlando {top:35%; right:17.5%;}
#contactTampa {top:43.2%; right:32%;}
#contactFortlauderdale {top:72%; right:3%;}
#contactMiami {top:77%; right:3.5%;}






#main .post, #main .page {
	border: 1px solid #eee;
	margin-bottom: 20px;
	overflow: hidden !important;
	padding: 0;
  }

  header {
	position: relative;
	background: transparent;
	box-shadow: none;
  }





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

@media ( min-width: 1200px) {
	.container { max-width:1230px;}	
}
@media ( max-width: 1199px) {
	h1{font-size:40px;}
	.videoPart video{ width:120%;}
	.mainBox {height:450px;}
	.aboutPart .videoBox .clickBtn{ padding:4px 40px;}
	.testimonialPart .owl-prev { left:-30px;}
	.testimonialPart .owl-next { right:-30px;}	
	.joinPart .txtjoin { padding:0px 30px;}
	footer ul { padding:0 42px 16px 0;}
	.officePage .addressOffice h3 { min-height:auto; padding-bottom:12px;}
	
}
@media ( max-width: 991px) {
	h1{font-size:36px;}
	h2{font-size:26px;}
	h3{font-size:22px;}
	h4{ font-size:20px;}
	h5{font-size:18px;}	
		
	header .toplogo img{ width:190px;}	
	.videoPart{ height:520px;}		
	.videoPart .bg .contentpart h1{ font-size:40px;}
	.videoPart .bg .contentpart p { font-size:18px;}
	.videoPart .bg .contentpart .btn-info, .videoPart .bg .contentpart .btn-primary { width:274px; font-size:15px; padding:18px 0;}
	
	.whychoosePart { padding:30px 0;}
	.servicesPart { padding:40px 0 30px;}
	.servicesPart .serviceBox { height: 95%;}	
	.valuesPart { padding:30px 0 0;}	
	.valuesPart .hdPart { padding:0 0 20px;}
	.valuesPart hr { margin-top:20px;}	
	.aboutPart { padding:0 0 30px;}
	.aboutPart h1{ padding:0 0 10px;}
	.aboutPart .videoBox .clickBtn{ padding:12px 80px;}
	.joinPart{ padding:30px 0; text-align:center;}
	.joinPart .txtjoin {padding:20px 15px 30px;}
	.joinPart .txtjoin p { font-size:16px;}	
	.joinPart .img-fluid { width:300px; height:300px;}
	.joinPart .txtjoin a {font-size:16px; padding:14px 30px;}		
	footer { padding:40px 0 0;}	
	footer h3 { margin-bottom:10px; margin-top:20px;}
	footer ul { padding: 0 60px 0 0;}		
	.aboutpagebox .imgBox{ width:100%; height:400px;}
	.blogDetail h2{ font-size:26px; padding:4px 0 10px;}	
	.requestPage form{ text-align:center;}	
	.requestPage form .btn-primary { margin-top:4px;}
	
	.mapPart {margin:24px 0 0;}
	.mapPart h2 { padding-bottom:20px;}
	.mapPart .usmap { border-right:0; border-bottom: solid #e9e9e9 1px; margin-bottom:20px; padding-bottom:26px;}
}
@media ( max-width: 767px) {
	h1{font-size:28px;}	
	header .topHead { padding:14px 0;}
	header .toplogo img{ width:170px;}	
	.videoPart video{ width:160%;}	
	.videoPart .bg .contentpart h1{ font-size:32px; line-height:1.3;}
	.videoPart .bg .contentpart p { padding:16px 0 0;}
	.videoPart .bg .contentpart .btn-info, .videoPart .bg .contentpart .btn-primary { margin: 0 2px; width:246px; font-size:14px; padding:18px 0;}
	.whychoosePart { padding:30px 0;}
	.mainBox{ height:500px;}
	.servicesPart { padding:40px 0 0px;}
	.serveBox h3{ padding:10px;}
	.valuesPart .valuesBox .innerBox p { font-size:14px;}
	.serve-card { margin:20px 0 0;}
	.serve-card-front .img h3{ padding:12px;}	
	.aboutPart .aboutContact { margin:20px 0 0;}
	.aboutPart .videoBox .clickBtn{ padding:7px 48px;}
	.testimonialPart{padding:0 0 30px;}
	.joinPart .img-fluid { width:200px; height:200px;}			
	footer img { padding-top:26px; padding-bottom:12px;}
	footer .copyright { padding:18px 0; text-align:center;}
	footer .copyright .poweredby { float:none;}	
	
	.innerpage-contant {padding:30px 0;}	
	.blogBox{ text-align:center; padding:15px;}
	.blogBox .blogCont { text-align:left; padding:20px 0;}
	.blogBox .blogCont p { padding:10px 0 20px;}
	.blogBox .blogCont .writer { bottom:6px;}	
	.blogDetail .commentBox { margin:15px 0 10px;}	
	.careerPage {padding:35px 0;}
	.careerPage .searchBox { padding:20px 0 5px;}
	.careerPage .searchBox .form-control { height:50px; font-size:18px;}
	.careerPage .searchBox .btn-primary {font-size:16px; padding:16px 60px;}  
	.jobrgtBox { margin-bottom:15px;}
	.resumeBtn { font-size:16px; padding:18px 36px;}
	.requestPage{padding:30px 0;}
	.requestPage form { padding:20px 26px;}
	.requestPage form .form-control { height:44px;}	
	.requestPage form .btn-primary { margin-top:4px; padding:16px 60px;}	
	.aboutpagebox .imgBox{ width:100%; height:300px;}
	.aboutpagebox .contantPart { padding:15px;}	
	.contactBox { margin:15px 0;}
    .contactBox .contactInfoPart { padding:30px 20px;}
	.contactBox .contactInfoPart .socialPart i { margin-right:6px;}
	.contactBox form { padding:30px 20px;}
	.contactBox form .form-control { height:42px;}
	.officePage { padding:40px 0;}
	.mapPart .usmap { padding:10px 15px 20px;}
}
@media (max-width: 575px) {	
	.videoPart{ height:540px;}
	.videoPart video{ width:300%;}
	.videoPart .bg .contentpart { padding:70px 0 0 0;}	
	.videoPart .bg .contentpart h1{ font-size:28px;}
	.videoPart .bg .contentpart .btn-info, .videoPart .bg .contentpart .btn-primary { margin:0 0 10px; display:inline-block;}		
	.mainBox{ height:600px;}
	.servicesPart .hdBox { padding: 0;}
	.valuesPart .valuesBox .innerBox p { font-size:15px;}	
	.serve-card-back p{ font-size:16px;}
	.aboutPart .videoBox .clickBtn{ padding:6px 44px;}
	.testimonialPart .owl-prev { left:-15px;}
	.testimonialPart .owl-next { right:-15px;}
}	
@media (max-width: 479px) {	
	.mainBox{ height:500px;}
	.aboutPart .videoBox .clickBtn{ padding:3px 30px;}
	footer ul { padding: 0 50px 0 0;}	
}