body { margin: 0; padding: 0; line-height: 20px; word-wrap: break-word; font-family: metropolisregular; }
p { line-height: 26px; font-size: 17px; }
a { color: #4265bf; text-decoration: none !important; }
html { scroll-behavior: smooth; }
.bannerforphone { display: none; }

.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.inline-block { display: inline-block; }
.mr-10 { margin-right: 10px; }
.pb-20 { padding-bottom: 20px; }
.mt-0 { margin-top: 0px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: metropolissemi_bold; }
.cr-control { display: none; }
h2 { font-size: 36px; }
h4 { font-size: 20px; }


/* Navbar section */

.nav { padding-top: 20px; padding-bottom: 20px; transition: all 0.4s ease; }
.nav { width: 100%; height: 65px; position: fixed; line-height: 65px; text-align: center; z-index: 9; }
.affix { padding: 0; background-color: #fff; z-index: 999; box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1); }
.top-navbar .nav .logo { float: left; width: auto; height: auto; padding-left: 5rem; }
.top-navbar .nav .logo a { font-size: 20px; color: #fff; text-transform: uppercase }
.top-navbar .nav .logo a:hover { color: #fff; }
.nav .main_list { height: 65px; float: right; }
.nav .main_list .navlinks { width: 100%; height: 65px; display: flex; list-style: none; margin: 0; padding: 0; }
.nav .main_list .navlinks .main_nav { width: auto; height: 65px; padding: 0; padding-right: 5rem; }
.nav .main_list .navlinks .main_nav .main_navlink { text-decoration: none; color: #fff; line-height: 65px; font-size: 15px; }
/*.nav .main_list .navlinks .main_nav .main_navlink:hover { color: #fff;}*/
.navTrigger { display: none; }

.nav .lightlogo { display: inline-block; vertical-align: middle; width: 200px; }
.nav .darklogo { display: none; vertical-align: top; width: 200px; }
.affix.nav .lightlogo { display: none; vertical-align: top; width: 200px; }
.affix.nav .darklogo { display: inline-block; vertical-align: top; padding-top: 10px; width: 200px; }

.affix.nav .logo a { font-size: 20px; color: #111; text-transform: uppercase }
.affix.nav .logo a:hover { color: #111; }
.affix.nav .main_list .navlinks .main_nav .main_navlink { text-decoration: none; color: #111; line-height: 65px; font-size: 15px; }

.affix .siocn_light { display: none; }
.affix .siocn_dark { display: block; }
.siocn_dark { display: none; }
.socil_footer a:last-child { margin-right: 0px; }

.navlinks .main_nav .main_navlink.active { border-bottom: 1px solid #fff; padding-bottom: 6px; }
.affix .navlinks .main_nav .main_navlink.active { border-bottom: 1px solid #111; padding-bottom: 6px; }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: transparent; border-color: #337ab7; }
.caret { color: #fff; margin-top: -6px; }
.affix .caret { color: #111; }
.ct-ddl { border-radius: 0px; margin: 0px 0; padding: 0px 0; }
.ct-ddl li a { padding: 10px 20px; border-bottom: 1px solid #dddddd; }

.socil_top a img { width: 18px; }
.socil_top a { margin-right: 20px; }
.socil_top a:last-child { margin-right: 0px; }

.carousel-caption { position: absolute; top: 25%; left: 5%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: left; width: 40%; text-shadow: none; }
.carousel-caption p { margin-top: 10%; line-height: 26px; font-size: 17px; padding-bottom: 20px; }
.carousel-caption h1 { font-size: 45px; line-height: 60px; }

.btn.focus, .btn:focus, .btn:hover { color: #fff; text-decoration: none; }

.emptestimonial .carousel .carousel-control { display: none; }
.carousel-indicators .active { width: 18px; height: 18px; margin: 5px; background-color: #fff; }
.carousel-indicators li { display: inline-block; width: 18px; height: 18px; margin: 5px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0,0,0,0); border: 1px solid #fff; border-radius: 10px; }
.btn-view a { position: relative; }
.btn-theme { background: transparent; border: 1px solid #ffffff; color: #ffffff; border-radius: 0; text-transform: uppercase; font-size: 14px; padding: 12px 25px; font-weight: 600; transition: all 0.5s ease-in-out !important; }
.btn-theme:hover { border: 1px solid #fff; color: #BB4725; background: #fff; }

.btn-outline { background: transparent; border: 1px solid #000000; color: #000000; border-radius: 0; text-transform: uppercase; font-size: 14px; padding: 12px 25px; font-weight: 600; transition: all 0.5s ease-in-out !important; }
.btn-outline:hover { background: #9D5A63; border: 1px solid #9D5A63; color: #fff; }
.btn-tab a { margin: 15px; }


.first_bg { background: #2F4456; color: #fff; }
.second_bg { background: #644E5B; color: #fff; }
.third_bg { background: #9D5A63; color: #fff; }
.forth_bg { background: #C96567; color: #fff; }

.first_bg_bnr img { width: 410px; }
.first_bg_bnr { text-align: right; }
.third_bg_bnr { text-align: right; }
.third_bg_bnr img { width: 410px; }
.cta_text { padding: 100px 50px; }
.cta_text h5 { font-size: 24px; }
.padd100 { padding: 100px 0; }
.left-img { text-align: left; }
.cta_text p { padding-top: 20px; padding-bottom: 20px; }

.second_bg_bnr { width: 300px; height: unset; background-image: url(../images/second-img.png); background-position: left 0 bottom 0; background-repeat: no-repeat; background-size: contain; }
.client_cta { width: 100%; display: flex; }
.client_cta .client .client_ul li { float: left; list-style-type: none; min-height: 120px; }
.client_cta .client .client_ul li img { width: 150px; }
.client_cta .client { width: 60%; }
.client_cta .cta { width: 40%; }


.recent-projects { width: 100%; display: flex; }
.recent-projects .projects-text { padding: 20px 40px; width: 40%; }
.pro-gall { width: 60%; }
.pro-gall .col-md-6 { padding-left: 0; padding-right: 0; }
.pro-gall ul { padding-left: 0; margin-left: 0; list-style: none; }
.projects-list { padding-left: 0; list-style-type: none; }
.projects-list li p { width: 100%; margin-bottom: 0; float: left; }
.pro-arrow { text-align: right; margin-top: 25px; }
.projects-list li { border-bottom: 1px solid #ffffff80 !important; display: inline-block; padding: 20px 0; }
.projects-list li:last-child { border-bottom: none; }

.pro-gall-title { position: relative; }
.pro-gall-title h3 { position: absolute; top: 15px; left: 15px; color: white; font-size: 20px; }
.pro-gall-title h4 { position: absolute; top: 15px; left: 15px; color: white; font-size: 20px; }



/* footer */
.footer { clear: both; position: relative; background: #EFEFEF; color: #000000; padding-top: 30px; padding-bottom: 50px; }
.footer-heading { font-size: 18px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; color: #BB4725; }
.menu-quick-links ul { list-style: none; margin: 0; padding: 0; }
.menu-quick-links ul li { padding-bottom: 15px; }
.menu-quick-links ul li a { color: #000000; font-size: 15px; pointer-events: none; cursor: text; }
.socil_footer a img { width: 18px; }
.socil_footer a { margin-right: 20px; }
.copyright { position: absolute; bottom: -190px; }

/* Contact Us */
.image-bdc { position: relative; }
.image-bdc h1 { position: absolute; bottom: 50px; color: white; }
.contact-form .form-control { display: block; width: 100%; height: 55px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #EFEFEF; background-image: none; border: none; border-radius: 5px; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.contact-form .mess { height: 120px; }
.contact-form .form-group { margin-bottom: 30px; }
.btncontact .btn-danger { background-color: #BB4725; border-color: #BB4725; padding: 12px 60px; font-size: 17px; }
.contact-area {background: #9D5A63;color: white;    padding: 80px 10px;}
.contactbox {
    border: 2px solid white;
    padding: 20px;
    min-height: 180px;
    text-align: center;
}
.contactbox h4{margin-top:0px;}
.contactbox p{margin-bottom:0px;}

/* Services Box */
.servic-box { height: 250px; width: 300px; position: relative; margin-bottom: 70px; overflow: hidden; margin: 25px auto; }
.servic-box img { width: 150px; position: absolute; right: -25px; bottom: -20px; }
.servic-box .servic-text { color: white; padding: 20px; font-size: 20px; margin: 0; font-weight: 600; line-height: 30px; }
.padd_top100 { padding-top: 100px; }

.bg_line { background-image: url(../images/bg_line.png); background-repeat: no-repeat; background-size: cover; height: 300px; width: 300px; margin: 0 auto; }
.bg_line p { padding: 80px 50px; margin-bottom: 0; }

.servic-bdc .breadcrumb { padding: 10px 0px; list-style: none; background-color: transparent; }
.servic-bdc .breadcrumb li { display: inline; font-size: 18px; }
.servic-bdc .breadcrumb li + li:before { padding: 8px; color: #fff; content: "/\00a0"; }
.servic-bdc .breadcrumb li a { color: #fff; text-decoration: none; }
.servic-bdc .breadcrumb li a:hover { color: #fff; text-decoration: underline; }
.servic-bdc .breadcrumb-sec { position: absolute; bottom: 50px; color: white; }
.servic-bdc { position: relative; height: 600px; overflow: hidden; }

.prosec .row { margin-right: 0; }
.prosec .container-fluid { padding-left: 0; padding-right: 0; }
.cldser h2 { margin-top: 0; }
.cldser { padding: 80px; }
.btn-redtheme { background-color: #C96567; border-color: #C96567; padding: 10px 20px; font-size: 17px; color: #fff; }
.btn-redtheme:hover { color: #fff; }
.paper_plan img { width: 135px; position: relative; top: 50px; left: 190px; }
.buss-trans h3 { margin-top: 50px; }

.carieer_sec .row { margin-right: 0; }
.carieer_sec .col-md-6 { padding: 0; }
.carieer_sec .container-fluid { padding-left: 0; padding-right: 0; }

.our-benefits .benefits-card { padding: 0px 52px; margin-bottom: 30px; }
.our-benefits .benefits-card h3 { font-size: 20px; }
.benefit-heading { margin-top: 0; text-align: center; margin-bottom: 70px; line-height: 35px; }
.our-benefits .benefits-card img { width: 70px; }

/*openings*/
.openings { background: #EFEFEF; padding: 30px 30px; margin: 0px 0px; margin-bottom: 30px; min-height: 490px;position:relative; }
.openings .applybtn { position: absolute; bottom: 30px; margin-bottom: 0; border-top: 1px solid; width: 83%; padding-top: 10px; }
.openings .openings-card h3 { line-height: 34px; min-height: 50px; }
.openings .openings-card h3 a { color: #000000; transition: 0.3s; }
.openings .openings-card h3 a:hover { color: rgb(201, 101, 103) }
.openings .openings-card .content { height: 300px; overflow: hidden; }
.applybtn .linkbtn { color: #747474; font-size: 16px;}
.applybtn .linkbtn i { margin-left: 10px; font-size: 22px;position: absolute; }
.applybtn a:hover { color: rgb(201, 101, 103);}

.quote .text-right { text-align: right; padding: 0px 40px; }
.quote i { opacity: 0.5; }
.quote .fa-quote-right { float: right; }
.quote .fa-quote-left { float: left; }
.quote-name { text-align: right; padding: 0px 40px; margin-top: 40px; }
.bubble { padding: 80px; }

.why_box { border: 2px solid white; padding: 50px; margin: 0px 30px; margin-bottom: 60px; }
.team-list .teamingbox { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: 0 auto; border: 1px solid #dfdfdf; }
.team-list img { width: 100%; filter: grayscale(100%); transition: 0.3s; }
.team-list img:hover { filter: grayscale(0%); }
.team-listing { margin-top: 65px; }
.team-listing .team-list { margin-bottom: 50px; }

.project_box { background: #EFD0D1; padding: 50px; min-height: 400px; margin: 0px 30px; margin-bottom: 60px; transition: all 0.5s ease-in-out !important; }
.project_box:hover { background: #9D5A63; color: #fff; transition: all 0.5s ease-in-out !important; }
.project_box a { color: #333; transition: all 0.5s ease-in-out !important; }
.project_box a:hover, .project_box a:focus { background: #9D5A63; color: #fff; transition: all 0.5s ease-in-out !important; }
.project_box:hover a { color: #fff; transition: all 0.5s ease-in-out !important; }


.our-work-slider { margin-top: 45px; padding-top: 100px;}
.ourworkcrousel {position:relative;}
.our-work-slider .ows-img {    margin-top: 20px;}
.our-work-slider .ows-img img { filter: drop-shadow(0px 0px 15px #00000020); }

.rowflex { display:flex;}
.colmdimg { width: 60%;  padding-left: 15px;  padding-right: 15px;}
.colmdtext { width: 40%;  padding-left: 15px;  padding-right: 15px;}

.ourworkdetails { margin-top: -410px; }
.ourworkdetails .owdbannerimg{width:100% ; height: 516px; overflow: hidden; position:relative;}
.ourworkdetails .owdbannerimg img{height: 100%;  width: 100%;}
.ourworkdetails .carousel-control.left{background-image:none; top: 25%; left:0%;}
.ourworkdetails .carousel-control.right { background-image: none; top: 25%; right: 0%; }
.owdmore {background-color:white;color:black;padding:22px;    margin-bottom: 100px;}
.owdmore h4{margin-bottom: 25px;}
.ourworkdetails
.carousel-control { width: 10%; }






.Breadcrumb-previous { position: absolute; top: 50%; left: 5%; z-index: 100; }

.Breadcrumb-next { position: absolute; top: 50%; right: 5%; z-index: 100; }
.work-slidertop { }

.careers-textimonial { }
.careers-textimonial .careerspage-img { max-height: 550px; overflow: hidden; }
.careers-content { width: 60%; margin: 0 auto; margin-top: 60px; }
.careers-content .quote { position: relative; }
.careers-content .quote .fa-quote-left { position: absolute; top: 0; left: -40px; }
.ourwork-technology { padding: 10px; font-size: 22px; vertical-align: sub; }
.testi-sec { height: 450px; }
.testi-sec img { height: 450px; }

.tabs { display: flex; justify-content: center;  align-items: center; }
.tabs label { order: 1; display: block; padding: 1rem 2rem; margin: 15px; cursor: pointer; background: transparent; border: 1px solid #000000; font-weight: bold; transition: background ease 0.2s; }
.tabs project-tab { order: 1; display: block; padding: 1rem 2rem; cursor: pointer; background: transparent; border: 1px solid #000000; font-weight: bold; transition: background ease 0.2s; }

.tabs .tab { order: 99; flex-grow: 1; width: 100%; display: none; padding: 1rem; background: #fff; }
.tabs input[type="radio"] { display: none; }
.tabs input[type="radio"]:checked + label { background: #9D5A63; color: white; border: #9D5A63; }
.tabs input[type="radio"]:checked + label + .tab { display: block; }

.worktab { display: inline-block; padding: 10px 20px; margin: 15px; cursor: pointer; background: transparent; border: 1px solid #000000; font-weight: bold; transition: background ease 0.2s; color:#333333; }
.worktab:hover { background-color: #9D5A63; color: #ffffff; }
.worktab.active { background-color: #9D5A63; color: #ffffff; }

.tabs .active { }
.project-tab { margin-top: 100px; margin-bottom: 50px; }


@media (max-width: 45em) {
    /* .tabs .tab, */
    /* .tabs label { */
    /* order: initial; */
    /* } */
    .tabs label { width: 100%; margin-right: 0; margin-top: 0.2rem; }
}

.about-testi-user .profileimgbox { width: 160px; height: 160px; border-radius: 50%; overflow: hidden; }
.about-testi-user img { width: 100% }
.userin-social img { margin-right: 20px; }
.careers-textimonial .carousel-indicators { left: 10%; }
.servic-textimonial .carousel-indicators { left: unset; right: 8%; text-align: right; }

/* modal*/
#modal-Dropcv .modal-dialog { width: 700px; margin: 30px auto; }
#modal-Dropcv input[type="file"] { display: inline-block; width: auto; }
.custom-file-upload { padding: 17px !important; font-weight: 100; cursor: pointer; }

/*#modal-ApplyNow .modal-dialog { width: 700px;  margin: 30px auto;}*/
#modal-ApplyNow input[type="file"] { display: inline-block; width: auto; }
.custom-file-upload { padding: 17px !important; font-weight: 100; cursor: pointer; }

#modal-GetQuote .modal-dialog { width: 700px; margin: 30px auto; }
#modal-GetQuote input[type="file"] { display: inline-block; width: auto; }
.custom-file-upload { padding: 17px !important; font-weight: 100; cursor: pointer; }





.testimonial-container { width: 100%; }
.flex-nav-prev { display: none; }
.flex-nav-next { display: none; }
.cd-testimonials-wrapper { padding: 50px 0px; z-index: 1 }
.testimonial-content { width: 60%; margin: 0 auto; margin-top: 60px; }
.cd-testimonials > li { position: absolute; opacity: 0; }
.cd-testimonials > li:first-child { position: relative; opacity: 1; }
.testimonial-content p { }
.cd-author-info span p { display: inline-block; font-size: 14px; padding-left: 0; }
.cd-author-info span p a { color: rgba(126, 129, 136, 1); }
/* ul.cd-author-info {	list-style: none;} */
/* ul.cd-author-info li span:before { */
/* font-family: 'FontAwesome'; */
/* content: '\f099'; */
/* font-size: 24px; */
/* display: inline-block; */
/* position: absolute; */
/* margin-top: 2px; */
/* font-style: normal; */
/* margin-left: -30px; */
/* } */
/* ul.cd-author-info li span { */
/* font-size: 14px; */
/* padding-left: 30px; */
/* line-height: 24px; */
/* font-family: 'Open Sans', sans-serif; */
/* font-style: italic; */
/* font-weight: 300; */
/* } */





.flex-direction-nav a { text-decoration: none; display: block; width: 50px; height: 100%; margin: 0px 0 0; position: absolute; z-index: 9999; top: 0; overflow: hidden; opacity: 1; background: rgba(245, 245, 245, 1); cursor: pointer; color: rgba(255, 255, 255, .5); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.flex-direction-nav a:before { font-size: 40px; content: url('https://dl.dropboxusercontent.com/u/97609687/codepen/chevronleft.svg'); position: absolute; display: block; top: 50%; padding: 14px 10px 14px 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.flex-direction-nav a.flex-next:before { content: url('https://dl.dropboxusercontent.com/u/97609687/codepen/chevronright.svg'); padding: 14px 20px 14px 10px; }

.flex-direction-nav .flex-prev { left: 0px; }

.flex-direction-nav .flex-next { right: 0px; text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: 0px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 0px; }

.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; }

.flex-control-paging li a { width: 18px; height: 18px; display: block; border: 1px solid #666; cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(2, 23, 31, 1); cursor: default; }

.flex-control-nav { bottom: 30px; position: absolute; margin: 0 auto; padding: 0; text-align: center; width: 100%; }

.flex-control-nav li { display: inline-block; padding: 0px 5px 0px 5px; }









.navTrigger { cursor: pointer; width: 30px; height: 25px; margin: auto; position: absolute; right: 20px; top: 24px; }
.navTrigger i { background-color: #fff; border-radius: 2px; content: ''; display: block; width: 100%; height: 4px; }
.navTrigger i:nth-child(1) { -webkit-animation: outT 0.8s backwards; animation: outT 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
.navTrigger i:nth-child(2) { margin: 5px 0; -webkit-animation: outM 0.8s backwards; animation: outM 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }

.navTrigger i:nth-child(3) { -webkit-animation: outBtm 0.8s backwards; animation: outBtm 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }

.navTrigger.active i:nth-child(1) { -webkit-animation: inT 0.8s forwards; animation: inT 0.8s forwards; }

.navTrigger.active i:nth-child(2) { -webkit-animation: inM 0.8s forwards; animation: inM 0.8s forwards; }

.navTrigger.active i:nth-child(3) { -webkit-animation: inBtm 0.8s forwards; animation: inBtm 0.8s forwards; }

@-webkit-keyframes inM {
    50% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(45deg); }
}

@keyframes inM {
    50% { transform: rotate(0deg); }
    100% { transform: rotate(45deg); }
}

@-webkit-keyframes outM {
    50% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(45deg); }
}

@keyframes outM {
    50% { transform: rotate(0deg); }
    100% { transform: rotate(45deg); }
}

@-webkit-keyframes inT {
    0% { -webkit-transform: translateY(0px) rotate(0deg); }
    50% { -webkit-transform: translateY(9px) rotate(0deg); }
    100% { -webkit-transform: translateY(9px) rotate(135deg); }
}

@keyframes inT {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(9px) rotate(0deg); }
    100% { transform: translateY(9px) rotate(135deg); }
}

@-webkit-keyframes outT {
    0% { -webkit-transform: translateY(0px) rotate(0deg); }
    50% { -webkit-transform: translateY(9px) rotate(0deg); }
    100% { -webkit-transform: translateY(9px) rotate(135deg); }
}

@keyframes outT {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(9px) rotate(0deg); }
    100% { transform: translateY(9px) rotate(135deg); }
}

@-webkit-keyframes inBtm {
    0% { -webkit-transform: translateY(0px) rotate(0deg); }
    50% { -webkit-transform: translateY(-9px) rotate(0deg); }
    100% { -webkit-transform: translateY(-9px) rotate(135deg); }
}

@keyframes inBtm {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-9px) rotate(0deg); }
    100% { transform: translateY(-9px) rotate(135deg); }
}

@-webkit-keyframes outBtm {
    0% { -webkit-transform: translateY(0px) rotate(0deg); }
    50% { -webkit-transform: translateY(-9px) rotate(0deg); }
    100% { -webkit-transform: translateY(-9px) rotate(135deg); }
}

@keyframes outBtm {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-9px) rotate(0deg); }
    100% { transform: translateY(-9px) rotate(135deg); }
}



/*Blog Page css*/
.side-item { border: 1px solid #DFDFDF; padding: 25px; border-radius: 4px; margin-bottom: 25px; }
.side-item .item-content { padding-top: 25px; }
.item-title { color: #000000; margin-bottom: 0; }
.item-date { color: #A0A0A0; margin-top: 15px; }
.readmore { background: transparent; color: #C96567; border: 2px solid #C96567; border-radius: 2px; padding: 7px 15px; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.readmore:hover { color: #C96567; }
.border-left { border-left: 3px solid #efefef; }
.blog-title { font-weight: 700; padding: 0; font-size: 18px; margin-top: 0; text-transform: uppercase; margin-left: 20px; }
.widgetR .media { display: flex; align-items: center; }

.widgetR .media { margin-bottom: 30px; background-color: transparent; padding-top: 0; padding-bottom: 0; padding-right: 10px; overflow: hidden; }
ul.list-unstyled li { padding: 4px 0 6px 0px; font-size: 16px; line-height: 30px; font-weight: 300; }
.widgetR .media img { max-width: 100px; height: 100px; }
.item-meta { font-size: 13px; text-transform: uppercase; font-weight: 500; color: #707787; font-style: italic; }
.widgetR ul li .media-body a { text-transform: uppercase; color: #000; font-size: 15px; font-weight: 700; }
.media-body { margin-left: 20px; }
.mb-40 { margin-bottom: 40px; }
.widget { margin: 55px 0; }
.categories li a { color: #707787; font-style: italic; font-weight: 500; }
.widget_videos.list-unstyled { display: flex; flex-wrap: wrap; margin: -5px; }
.widget_videos.list-unstyled li { width: 33.3%; padding-right: 5px; padding-left: 5px; }

.widget_videos.list-unstyled li img { width: 100%; height: 100px; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #fff; cursor: default; background-color: #BB4725; border-color: #BB4725; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 50%; border-bottom-left-radius: 50%; }
.pagination-sm > li > a, .pagination-sm > li > span { line-height: 26px; text-align: center; font-size: 15px; color: #9E9E9E; margin: 0px 5px; width: 40px; height: 40px; border-radius: 50%; background: #ebebeb; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 50%; border-bottom-right-radius: 50%; }

.bd-heading { font-size: 16px; line-height: 32px; padding-bottom: 0; font-weight: 500; }
.blog-social { padding-top: 8px; }
.blog-social span { font-size: 18px; font-weight: 800; }
.blog-social a i { color: #BB4725; padding-left: 20px; font-size: 18px; }

.contact-address { padding: 10px; margin: 10px; border: solid 1px #EFEFEF; min-height: 150px; text-align: center; }
.contact-address h6 { text-align: center; font-size: 18px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; }
.contact-address p { font-size: 16px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; }



.applyjobbanner { height: 250px; overflow: hidden; }
.job-details { margin-top: -50px; margin-bottom: 50px; }
.job-details .jobtitle { font-size: 17px; font-weight: bold; line-height: 28px; margin-bottom: 20px; text-align: right; }
.job-details .jobdisc { font-size: 17px; line-height: 28px; margin-bottom: 20px; }
.mb50 { margin-bottom: 50px; }

.jop-apply input[type=file] { display: inline-block; }
/*Project details Page*/
.bdc-600 { position: relative; height: 600px; overflow: hidden; }
.ow-project-head .ow-project-info { background-color: #EFEFEF; text-align: center; padding: 50px; padding-bottom: 300px; border-radius: 30px; }
.ow-project-head .ow-project-info h2 { color: #000; margin-top: 0px; }
.ow-project-head .ow-project-info p { font-size: 17px; font-weight: 600; margin-top: 30px; }
.ow-project-img { padding: 0 100px; position: relative; margin-top: -260px;height: 452px;}
.ow-project-img img { width: 100%; border-radius: 10px;     height: 100%;}

.ow-jobdesc { margin-top: 50px; padding: 0px 50px;}
.ow-jobdesc h5 { font-size: 20px; font-weight: 600; margin-bottom: 10px; }
.ow-jobdesc p { font-size: 17px; }
.ow-jobdesc ul { margin-top: 20px; }
.ow-jobdesc ul li { font-size: 17px; margin-bottom: 12px; }
.ow-jobdesc .technology { border: 1px solid #707070; padding: 6px 12px; border-radius: 4px; font-size: 16px; font-weight: 600; margin-right: 10px; display: inline-block; }


.project_box { background: #EFD0D1; padding: 20px; margin: 0px 0px; margin-bottom: 20px;    border-radius: 4px; transition: all 0.5s ease-in-out !important; position:relative;}
.project_box .projectviewbtn { position:absolute;bottom:20px;}
.btnviewsm { border: 1px solid #333; padding: 5px 7px; font-size: 12px; font-weight: 600;background-color:transparent; }
.project_box:hover .projectviewbtn > .btnviewsm { border: 1px solid #fff; background-color: #fff; color: #9D5A63; }
.project-detail-page {padding: 100px 0;}
.Project_bg { background: #9D5A63; color: #fff; min-height:500px; padding-top:100px; }
.Project_bg .projectdtl { position: inherit; display: inline-block; padding-top:100px; min-height: 500px; }

.our-work-Project-heding { padding: 10px; color: #fff; padding-top:20px; }
.our-work-Project-p { position: inherit; display: inline-block; padding: 30px 100px 30px 100px; color: #fff; background-color: #9D5A63; }
.our-work-Project { height: 1400px; margin-top: 45px; }
.our-work-ows .project-img { border-radius: 4px; }
.our-work-ows .project-img img { filter: drop-shadow(0px 0px 15px #00000015); }

.overlay { position: fixed; z-index: 99; top: 0px; left: 0px; width: 100%; height: 100%; filter: Alpha(Opacity=70); opacity: 0.70; -moz-opacity: 0.70; }
.loader { z-index: 999999; position: fixed; width: 120px; margin-left: -30px; top: 50%; left: 50%; margin-top: -30px; }
.loader img { width: 60px; }

.work-dtl { z-index: 100; padding-top:100px; list-style: none; background-color: transparent; text-align:center;  }
.work-dtl .workbreadcrumb { width: 100%; margin: 0 auto; text-align: center; padding-left: 0; }
.work-dtl .workbreadcrumb li { display: inline; font-size: 14px; color: #fff; }
.work-dtl .workbreadcrumb li + li:before { padding: 8px; color: #fff; content: "/\00a0"; }
.work-dtl .workbreadcrumb li a { color: #fff; }
.work-dtl .workbreadcrumb li a:hover { color: #fff; text-decoration: underline; }