.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {max-width: 100%; height: auto;}
.img-full {min-width: 100%;}
@font-face{
font-family: 'Georgia';
src: url('Georgia-Bold.eot');
src: url('Georgia-Bold.eot?#iefix') format('embedded-opentype'),
url('Georgia-Bold.woff') format('woff'),
url('Georgia-Bold.svg#Georgia-Bold') format('svg');font-weight:400;font-style:normal}
html {scroll-behavior: smooth}
body{background:#dbd6ca;color:#000;font-family: 'Montserrat', sans-serif;font-size:1.1rem}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:500;color:#f04725;font-family: 'Georgia';}
@media (min-width: 1200px){.h2, h2 {font-size: 3.2rem;}}
.h2, h2 {font-size: calc(2.1rem + 1.5vw);}
html, body {margin: 0;padding: 0;}
a{text-decoration:none;}
section{padding: 100px 0;}
header{position:relative;z-index:1000;background:#33282a;padding:10px 0;}
.navbar-nav > li{font-size:0.95rem;line-height: 20px;color:#f04725;font-weight:600;position: relative;}
.navbar-nav > li a{font-size:0.95rem;color:#f04725;font-weight:600;padding:4px 12px 10px 12px!important}
.navbar-nav > li a:hover{text-decoration:none;color:#fff}
.navbar-nav > li a.active{color:#fff!important;background:url(../images/active.png) no-repeat center bottom;}
.navbar-nav > li:hover{background:url(../images/active.png) no-repeat center bottom}
.navbar-nav .dropdown-menu{background:#33282a;border:none;}
.navbar-nav .dropdown-menu > li:hover{background:#fff}
.navbar-nav .dropdown-item.active, .navbar-nav  .dropdown-item:hover{background:#f04725;color:#fff;}
.navbar-toggler {border: #fff 0px solid;background: #f04725;}
.feedback-box{background:#fff;}
.grey-box{background:#33282a;}
.grey-box hr{border-color:#fff;}
.grey-box p{color:#fff}
.georgiaFont{font-family: 'Georgia';font-size:1.5rem;font-style:italic;line-height:1.25}
.callus {position: absolute;z-index: 100000;right: 0;top: 100px;display: block;}
.callus-mob{display:none;}

.portfolioItems{padding:0px;border: 1px solid #f8451d;}
.portfolioItems .port-item, .brandport-item {position: relative;overflow: hidden;padding: 15px;background:#fff;}
.portfolioItems article{position: relative;overflow: hidden;text-align: center;}
.portfolioItems .position-center-center{width: 100%;padding: 8px 30px 5px 30px;display: none;left: 50%;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.portfolioItems .port-hover {position: absolute;height: 0%;width: 100%;bottom: 0;left: 0;opacity: 0;background: rgba(0, 0, 0, 0.9);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.portfolioItems .port-item:hover .port-hover {opacity: 1;height:20%;}
.portfolio .port-item img {width: 100%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.portfolioItems .port-item:hover img {transform: scale(1.1);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.portfolioItems .port-item:hover .position-center-center {display: block;}
.portfolioItems .port-hover p {color: #fff;margin:0;letter-spacing:1px;line-height:21px;font-size:13px;font-weight: 300;text-transform:uppercase}
.portfolioItems .port-hover h6 {color: #ef4625;margin:0;font-weight: 500;text-transform:uppercase}

/*.portfolio .port-item {}

.portfolio article {position: relative;overflow: hidden;text-align: center;}
.port-item-up {margin-top: -150px;}
.portfolio .port-item:hover img {transform: scale(1.1);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
*/
.darkpatternBg{background:url(../images/pattern-bg.jpg) no-repeat right center;min-height:700px;padding: 50px 0;margin-top:30px}

footer #ftr-in{background:url(../images/ftr-bg.jpg) no-repeat center center #33282a;}
footer #ftr-in h3{color:#fff;font-size:18px;line-height: 20px;}
#ftr-inbook{background:url(../images/ftr-bokbg.jpg) no-repeat right bottom;padding:50px 0;}
.topornge{background:#f8451d;padding:20px 0;}
.topornge p{margin:0;}
footer p{color:#f4f4f4;font-size:13px;line-height:21px;}
.ftr-menus ul{padding:0;}
.ftr-menus ul li{display:inherit;}
.ftr-menus a{color:#f4f4f4;font-size:14px;line-height:25px;}
.ftr-menus a:hover{color:#ef4625;}

.social-links .fa{font-size:34px;margin:0 2px;color:#33282a}
.social-links .fa:hover{color:#ef4625}

.copyright{background:#dcd6cb;padding:11px 0;}
.copyright p{margin:0px 0;color:#000;font-size:12px;font-weight:500;line-height:16px;} 
.copyright p a{color:#000}
.copyright p a:hover{color:#ef4625}

#myBtn {position: fixed;padding:0;font-weight:600;display: none;bottom: 80px;right: 30px;width: 50px;height:50px;font-size: 14px;border: 0;background:#000;}
#myBtn a{padding:10px;display:inline-block;text-align: center;}
#myBtn:hover {background:#fff;color:#000}

#icol1 p {font-size: 12px;font-weight: normal;color: #4F4F4F;line-height: 170%;padding:0px; margin:0px;}
#icol1 h2 {font-size: 24px;font-weight: normal;color: #4F4F4F;padding:10px 0; margin:0px;}
#swfupload-control p{ margin:10px 5px; font-size:0.9em; }
#log{ margin:0; padding:0; width:500px;}
#log li{ list-style-position:inside; margin:2px; border:1px solid #ccc; padding:10px; font-size:12px;color:#333; background:#fff; position:relative;}
#log li .progressbar{ border:1px solid #333; height:5px; background:#fff; }
#log li .progress{ background:#999; width:0%; height:5px; }
#log li p{ margin:0; line-height:18px; }
#log li.success{ border:1px solid #CFCFCF; background:#C0EAFF; }
#log li span.cancel{ position:absolute; top:5px; right:5px; width:20px; height:20px; background:url('js/swfupload/cancel.png') no-repeat; cursor:pointer; }
#log li p.status {font-size:13px; color:#FF002A; font-weight:bold; padding-top:6px;}

.pouchbag{position:relative;}
.pouch-5f{position:absolute;z-index:20;left: 0;bottom: 20px;right: 0;}

.tble-cont{border:1px solid #c1c1c1}
.tble-cont th{background:#ef4625;text-align:center;padding:3px;}
.tble-cont td{background:#EDECEC;text-align:center;padding:3px;border-bottom:1px solid #c1c1c1}

/*=======================================================
			testimonial
========================================================*/

.list-list{margin:0 0 0px 0;}
.list-list li{font-size: 15px;list-style:none;background:url(../images/bullet.png) no-repeat left 12px;padding:7px 0 5px 20px;line-height: 19px;color: #000;}
.list-list li a{color: #fff;text-decoration:none;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.list-list li a:hover, .list-list li.active a{color: #ff6643;padding-left:15px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.main-headingIn{font-size: 50px;line-height: 48px}
.count-list{column-count:3}

.white-box{background:#fff;}
.yellow-box{background:#fdf48f;}
.arrowobject {position: relative;height: 60px;margin: 0;}
.arrowobject img{animation: MoveUpDown 3s linear infinite;position: absolute;left: 45%;bottom: 0;}
@keyframes MoveUpDown {
  0%, 100% {bottom: 0;}
  50% { bottom: 12px;}
}
.left-yellowborder{border-left:5px solid #ef4625;padding:0 0 0 15px;}

.contactForm input[type="text"], .contactForm input[type="email"], .contactForm textarea, .contactForm select{border: 1px solid #ccc;padding: 11px 7px;font-size: 0.9rem;width: 100%;border-radius: 3px;}
.contactForm  .formRow{margin-bottom:25px;}
.contactForm   .formRow p {margin-bottom:0.5rem;}
.contactForm .sndBtn{border: 1px solid #000;color:#fff;padding:10px 7px;width: 100%;border-radius: 3px;background:#000}
.contactForm  label{text-transform:uppercase;font-weight:600;margin-bottom:6px;}
.hint-text{font-size:0.9rem;}
.iconcthumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.iconcthumbnail p{font-size:1rem;margin-bottom:0;}
.contactForm  .servicelist{font-size:1rem;line-height:1.5}
.radio_form_pricing{width:4%;display:inline-block;text-align: center;}
.radio_input[type="radio"]{width: 32px;height: 32px;background:#fff;border:solid 1px #ccc;margin:0px;}
.pack_below-contant{width:95%;display:inline-block;background:#dcdcdc;padding:15px 15px 0px 15px;}
.send-btn input[type="submit"]{width: auto;}
.line-animation {position: absolute;right: -115px;z-index:100;bottom: 9%;}

/*-----*/
.animated-button1 {background: linear-gradient(-30deg, #33282a 50%, #f8451d 50%);padding: 15px 35px;margin: 12px;display: inline-block;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);overflow: hidden;color: #fff;font-size: 18px;letter-spacing: 1.5px;text-align: center;text-transform: uppercase;text-decoration: none;-webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.5);box-shadow: 0 20px 20px rgba(0, 0, 0, 0.5);}
.animated-button1::before {content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #f8451d;opacity: 0;-webkit-transition: .2s opacity ease-in-out;transition: .2s opacity ease-in-out;}
.animated-button1:hover{color:#fff;text-decoration:none;background: #f8451d}
.animated-button1 span { position: absolute;}
.animated-button1 span:nth-child(1) {top: 0px;left: 0px;width: 100%;height: 3px;background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#33282a));background: linear-gradient(to left, rgba(43, 8, 8, 0), #33282a);-webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite;}
@keyframes animateTop {
  0% {-webkit-transform: translateX(100%);transform: translateX(100%);}
  100% {-webkit-transform: translateX(-100%); transform: translateX(-100%);}
}

.animated-button1 span:nth-child(2) {top: 0px;right: 0px;height: 100%;width: 3px;background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#f8451d));background: linear-gradient(to top, rgba(43, 8, 8, 0), #f8451d);-webkit-animation: 2s animateRight linear -1s infinite;	  animation: 2s animateRight linear -1s infinite;}
@keyframes animateRight {
  0% {-webkit-transform: translateY(100%);transform: translateY(100%);}
  100% {-webkit-transform: translateY(-100%);transform: translateY(-100%);}
}

.animated-button1 span:nth-child(3) {bottom: 0px;left: 0px;width: 100%;height: 3px;background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#f8451d));background: linear-gradient(to right, rgba(43, 8, 8, 0), #f8451d);-webkit-animation: 2s animateBottom linear infinite;	  animation: 2s animateBottom linear infinite;}
@keyframes animateBottom {
  0% {-webkit-transform: translateX(-100%);transform: translateX(-100%)}
  100% {-webkit-transform: translateX(100%);transform: translateX(100%);}
}

.animated-button1 span:nth-child(4) {top: 0px;left: 0px;height: 100%;width: 3px;background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#33282a));background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #33282a);-webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite;}
@keyframes animateLeft {
  0% { -webkit-transform: translateY(-100%);transform: translateY(-100%);}
  100% {-webkit-transform: translateY(100%);transform: translateY(100%);}
}
/*------*/

.yellow-h strong{background:#ef4625;color:#000;padding:6px 10px 4px 10px;margin-bottom: 5px;display: inline-block;}
.special-bar{background:#1f2127;color:#fff;padding:5px 10px;}
/*.toggle-btn{margin-top:20px;display:inline-block;border:3px solid #b3b3b3;cursor:pointer;border-radius: 10rem;padding:6px 20px 7px 20px;font-weight:700;font-size:15px; color:#000;text-transform:uppercase;}
.toggle-btn:hover{border:3px solid #000;background:#000;color:#fff;}*/
.blackBtn{margin-top:15px;display:inline-block;border:0px solid #b3b3b3;background:#dbd6ca;cursor:pointer;border-radius: 10rem;padding:4px 15px;font-weight:500;font-size:14px; color:#33282a;text-transform:uppercase;}
.blackBtn:hover{border:0px solid #000;background:#000;color:#fff;}
.yellowBtn{margin-top:20px;display:inline-block;background:#ef4625;border:0px solid #ef4625;cursor:pointer;border-radius: 10rem;padding:8px 20px 8px 20px;font-weight:500;font-size:14px; color:#000;text-transform:uppercase;}
.yellowBtn:hover{border:0px solid #000;background:#000;color:#ef4625;}

.port-item  .hvrbox-layer {width: 100%;z-index: 1000;position: relative;height: auto;background: #fff;color: #000;padding:10px 0 0px;/*-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;-moz-transform: translateY(100%);-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);*/}
/*.port-item:hover .hvrbox-layer, .port-item.active .hvrbox-layer {opacity: 1;-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}*/
.port-item .hvrbox-layer p {text-align: justify;color:#000;font-size: 13px;line-height: 18px;margin-bottom:0;}


/*-------- form css --------*/
.home-form{display:none;}
.form-field{margin-top:30px;display: inline-block;width:100%;}
.form-field input[type="text"], .form-field input[type="email"], .form-field textarea{font-size: 13px;line-height: 21px;padding: 10px 10px 10px 0;margin-bottom: 25px;border: 0;border-bottom: 1px solid #000;background: transparent;width: 100%;outline: 0;}.form-field textarea{height:177px;}

.project-tab {width:100%;}
.project-tab #tabs{background: #007b5e;color: #eee;}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #fcd116;background-color: #008751;border-color: transparent transparent #fcd116;border-bottom: 3px solid !important;font-size: 16px;font-weight: bold;}
.project-tab .nav-link {background: #fff;margin:0 2px;border: 1px solid transparent;border-top-left-radius: .25rem;border-top-right-radius: .25rem;color: #0062cc;font-size: 16px;font-weight: 600;}
.project-tab .nav-link:hover {border: 1px solid transparent;background:#d7d5d4;color:#000}
.project-tab a{text-decoration: none;color: #333;font-weight: 600;}

.green-line{background:#008650}
.grey-line{background:#353841}
.green-line, .grey-line{color:#fff;padding:5px 15px;}
.hints{font-size:12px;color:#a2a2a2;font-style:italic}
#checkbox, .checkinput{width:auto;}
.sucessmsg{display: inline-block;padding: 10px 15px;font-size: 21px;line-height: 30px;color: #0474c3;}
.captcha-b{border:1px solid #ccc;background:#f7f7f7;padding:10px 10px;}

#order_area_bg {background: #F6F6F6;padding:0 10px;}
.terms_bg {background-color:#F4F4F4;padding:15px;font-size: 12px;color: #666;}
.terms_bg  a{color:#0092DB;}
.terms_bg  a:hover{color:#1B2A65;}
.order_submit_bg {background-color:#F4F4F4;height:100px; width:702px;float:left;}
.sub_butt {margin:5px 5px 0 0;width: auto;}
.close_butoon {font-size:17px; color:#fff;height:27px; line-height:27px;background-color:#0066CC;float:left; padding:2px 20px;text-transform:none;font-weight:bold;margin-left:362px;}
.close_butoon:hover {font-size:17px; color:#0066CC;background-color:#ccc;text-transform:none;}
.detailBoxB{background:#bcb8ad;padding:25px;margin-bottom:25px;}.detailBoxB h3{background:#000;padding:10px;text-align:center;margin-bottom:30px;}


@media (max-width: 768px){
.darkpatternBg{background:url(../images/pattern-bg.jpg) no-repeat right bottom;padding: 50px 0 710px 0;}
}

@media (max-width: 600px){
.navbar-brand img{width:210px;}
.feedback-box p span::before, .feedback-box p span::after {width: 1.5rem;}
.social-links, .copyright p{text-align:center!important;}
.copyright p{margin:2px 0;}
.ftr-menus ul li{display:inline;}
.ftr-menus ul li:after {content: "|";color: white;padding:0 1px 0 4px;}
.ftr-menus ul li:last-of-type:after {content: none;}
.callus{display:none;}
.callus-mob{display:block;text-align:center;width:100%;padding:0 10px}
.dropdown-menu{margin:5px 0 0 0;padding:0;}
.main-headingIn {font-size: 42px;line-height: 46px;}
h2, .h2 {font-size: 28px;line-height: 32px;}
.btn{padding: 7px 20px;margin-bottom: 5px;}
.count-list{column-count:1}
#ftr-inbook{padding: 50px 0 250px 0;}
}