a:hover, a:focus { outline: 0 none; }
.affix-top .navbar-brand{background-repeat: no-repeat;height: auto;background-position: 15px 15px;}
.affix .navbar-brand{background-repeat: no-repeat;height: auto;background-position: 15px 15px;}
.navbar-brand img {max-width: 100%; height: auto; width: 200px;}
.main-header-section.affix {z-index: 999;}
.main-header-section.affix .navbar.navbar-default.navbar-fixed-top {background: #1e1e1e !important;border: 1px solid #1e1e1e !important;}
/*.navbar.navbar-default.navbar-fixed-top::after {background: #1e1e1e;content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0; transition: background 0.5s linear;*/
	-webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear;}
.navbar.navbar-default.navbar-fixed-top .container-fluid {position: relative;z-index: 99;}
/*.main-header-section.affix .navbar.navbar-default.navbar-fixed-top::after {background: #1e1e1e;}*/
.top-bar {color: #fff;}
.main-header-section.affix .top-bar {color: #777777;}
.navbar-default .navbar-nav > li > a {color: #fff;}
/*.main-header-section.affix .navbar-default .navbar-nav > li > a {color: #3e4558;}*/
.top-bar {width: 100%;position: fixed;z-index: 1100;top: 0;background: transparent !important;}
.modal {z-index: 1150;}
.port-item {background: #e3e9ee; border-radius: 10px;}
.img-sec {height: 350px; overflow: hidden; padding: 0 50px;}
.img-sec img {max-width: 100%;}
.web.img-sec { padding: 20px;}
.about-item {background: #fff;padding: 20px 30px;box-shadow: 0 1px 3px #dedede; border-radius: 0 0 10px 10px;} 
.about-item h2 {margin: 0 0 10px;font-size: 20px;}
.about-item p {font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.portfolio.blogPageMain .about-item h2 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.portfolio.blogPageMain .about-item h2 a{ color: #777; }
.see-item .btn.btn-primary {border: 2px solid #271471;color: #271471;background: transparent;padding: 10px 20px;border-radius: 50px;}
.portfolio {background: #f5f5f5;padding: 40px 0 80px;}
.btn.btn-primary.btn-border {border: 2px solid #271471;color: #271471;background: transparent;padding: 10px 20px;border-radius: 50px; transition: all 0.3s linear; }
.btn.btn-primary.btn-border:hover {color: #fff;background: #271471;}
.aboutus {padding: 70px 0;text-align: center;}
.services-section {background: url(../images/professional.jpg);background-attachment: fixed;background-size: cover; padding: 80px 0;}
.aboutus h3 {margin-top: 0;}
.slider p {margin-top: 30px;}
.see-item-all {text-align: center;padding-top: 40px;}
#portfolio { margin: 1rem 0;}
.scale-anm { transform: scale(1);}
.portItem {background: #f5f5f5;	padding: 60px 0;}
.portItem .toolbar.mb2.mt2 {text-align: center;	padding: 0 0 40px;}
.affix-top .navbar.navbar-default.navbar-fixed-top {background: #1e1e1e !important;}
.main-header-section + section, .main-header-section + div {margin-top: 100px;}
.portItem h3 {margin: 0;}
.portItem .port-item { margin-bottom: 25px; }
.bg-gray {background: #f5f5f5;}
.p-discuss {text-align: center;padding: 70px 0;}
.p-discuss h2 { color: #000; margin: 0 0 15px;}
.p-discuss p {text-transform: uppercase;  margin: 0 0 15px;}
.mr0 {margin: 0 !important;}
.inner-about {background: #f5f5f5;}
.about-head {text-align: center;background: url(../images/about_u.jpg);color: #fff;padding: 200px 0;background-attachment: fixed;background-size: cover; background-position: center center;}
.about-head h3 {margin: 0 0 20px;color: #fff;	font-size: 35px;}
.about-head p {font-size: 20px;max-width: 900px;margin: 0 auto;}
.point-out {background: url(../images/about_u.jpg);background-size: cover;background-attachment: fixed;padding: 90px 0;}
/*.main-cont span {display: inline-block;background: #fff;padding: 30px 30px;border-radius: 5px;margin-bottom: 20px;}*/
.main-cont span {display: block;background: #fff;padding: 30px 30px;border-radius: 5px;margin-bottom: 20px;position: relative;overflow: hidden;line-height: 27px;float: left;width: 100%;}
.main-cont span::before {content: "";position: absolute;width: 70px;height: 70px;background: #b34645;left: -35px;top: -35px;transform: rotate(45deg);}
.main-cont span::after {content: "";position: absolute;width: 70px;height: 70px;background: #b34645;right: -35px;bottom: -35px;transform: rotate(45deg);}
.inner-about img {padding: 40px 0;}
.point-head h3 {margin: 0 0 40px;color: #fff;}
.point-out h2 {margin: 0 0 10px;font-size: 25px;color: #000;}
.detail_contact_us {background-color: #f5f5f5;padding: 60px 0;}
.df-heading {font-weight: bold;color: #b34645;font-size: 20px;}
.df-contact h5 {font-size: 15px;margin-top: 25px;color: #000;}
.df-contact a {color: #777;}
.contact_us {padding: 60px 0;}
.contact_us h2 {text-align: center;margin-bottom: 25px;font-size: 28px;	color: #271471;}
.contact_us label {font-size: 15px;font-weight: normal;margin-bottom: 10px;margin-top: 5px;display: block;width: 100%;text-align: left;}
.contact_us input {border-radius: 0;height: 45px;}
.contact_us textarea {border-radius: 0;height: 237px;}
#contactForm .btn.btn-primary.btn-border {margin: 15px 0px;}
.approach-contact-banner {background: url(../images/work-approch.jpg) no-repeat fixed;position: relative;padding: 190px 0;background-size: cover;background-position: center center;}
.approach-contact-banner h3 {color: #fff;z-index: 99;text-align: center;}
.approach-contact-banner p {color: #fff;z-index: 9;position: relative;margin: 20px auto 0;text-align: center;max-width: 900px;}
.contact_us select {border-radius: 0;height: 45px;}
.s-info {margin-bottom: 70px;}
.contact_us .btn.btn-primary.btn-border {margin-top: 30px;}
.request-contact-banner {background: url(../images/about-us.jpg) no-repeat fixed;position: relative;padding: 190px 0;background-size: cover;background-position: center center;}
.content-panel {height: 100%;padding: 41px 61px 41px 41px;background-color: #fff;overflow: hidden;display: block;color: #7e7e7e !important;margin-bottom: 30px;text-decoration: none !important; box-shadow: 0 0 6px #ccc;}
.content-panel .title {height: 38px;color: #271471;text-transform: uppercase;vertical-align: top;}
.content-panel .title hr.grey-underline {width: 27px;height: 2px;background-color: #d9d9da; margin: 0;}
.content-panel .title h6 {color: #271471;text-transform: uppercase; font-size: 20px;}
.career-sec {padding: 60px 0;}
.text p {white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.career-heading {text-align: center;color: #271471;margin-bottom: 45px;}
.cr-head {background: #271471;color: #fff;text-align: center;padding: 30px 0 60px;}
.career-modal .modal-body {padding: 0;}
.career-modal .modal-dialog {width: 100%;margin: 0px auto;}
.career-modal .close {padding: 30px 20px !important;height: auto;display: block;opacity: 1;font-size: 25px;color: #fff;text-align: right;margin-top: -30px;}
.cr-head p {margin: 0;}
.cr-head h5 {font-size: 30px;margin: 15px 0;}
.cr-body {padding: 70px 0;font-size: 16px;line-height: 30px;}
.cr-body h6 {color: #271471;font-size: 25px;margin: 30px 0 10px;}
.cr-body ul {padding-left: 20px;}
.cr-body ul li {padding: 5px 0;}
.apply-btn {padding: 20px 0;}
.career-sec form {background: #fff;padding: 30px 30px; box-shadow: 0 0 6px #ccc;}
.career-sec form .form-control {height: 45px;border-radius: 0;background: #f5f5f5;border: 0;border-bottom: 2px solid #271471; box-shadow: 0 0 0;}

.approch_sec {padding: 70px 0;text-align: center;}
.col-approch {border: 2px dashed #dedede;max-width: 900px;margin: 60px auto 60px;padding: 30px 40px; position: relative; border-radius: 10px;}
.ca-icon {width: 138px;height: 138px;background: #fff;border: 2px dashed #dedede;border-radius: 50%;line-height: 135px;	margin: -100px auto 0;}
.ca-heading { text-align: center;margin-bottom: 15px;font-size: 24px;	color: #271471; text-transform: uppercase;}
.col-approch::after {content: "";position: absolute;left: 50%;top: 100%;height: 140px;border-left: 2px dashed #dedede;}
.col-approch:last-child::after {display: none;}
.col-approch:hover .ca-icon { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); transition: all 0.5s linear;}
.btn.btn-primary.btn-border.btn-white {border: 2px solid #fff;color: #fff;}
.about-head .text-center {margin-top: 25px;}

.d-features {text-align: center;background: #f5f5f5;padding: 60px 0;}
.d-features h2 {margin: 0 auto 20px;font-size: 30px;color: #271471;max-width: 720px;}
.d-features h3 {font-size: 20px;color: #555;line-height: 34px;margin: 10px 0 0px;text-transform: capitalize;}
.d-features .featureBox {margin: 20px 0;}

.app_slide .web-slider-content.app-item-3 {background: #035472;}
.app_slide .web-slider-content.app-item-2 {background: #1c4a6e;}
.app_slide .web-slider-content.app-item-1 {background: #510a18;}

.SBC_logic .inner_content_SBG {background: #282e3e;padding: 120px 0 80px;text-align: left;}
.SBC_logic h2 {background-color: #bf5650;color: #fff;font-size: 30px;font-weight: 700;padding: 20px 0;text-align: center;margin-bottom: -50px;position: relative; margin-top: -20px;}
.SBC_logic h2::after {content: "";border: 40px solid transparent;position: absolute;bottom: -80px;left: 50%;border-top-color: #bf5650;transform: translate(-50%, 0);}
.SBC_logic p {color: #fff;font-size: 17px;margin-bottom: 18px;}

.main-about {padding: 60px 0;}
.contact_us .input-group-addon {border: 0;background: #f5f5f5;color: #271471;border-bottom: 2px solid #271471;border-radius: 0;}
.contact_us input {border: 0;border-bottom: 2px solid #271471;border-radius: 0;background: #f5f5f5;box-shadow: 0 0 0;}
.contact_us textarea {border: 0;border-bottom: 2px solid #271471;border-radius: 0;background: #f5f5f5;box-shadow: 0 0 0; line-height: 30px;}

.foot_sec {position: fixed;bottom: 0;left: 0;width: 100%;}
.main-body {position: relative;	z-index: 999; background: #fff; margin-bottom: 550px;}

/*@import url('https://fonts.googleapis.com/css?family=Tinos&display=swap');font-family: 'Tinos', serif;*/
.detailContent {padding: 50px 0;color: #000; font-size: 20px;}
.detailContent p {margin-bottom: 30px;}
.detailContent ul, .detailContent ol {	padding-left: 20px;	margin-bottom: 30px;}
.detailContent li {margin: 15px 0;}


@media(max-width: 991px){
.service-text {	font-size: 14px;}
.portfolio .port-item {margin-top: 30px;}

}
@media only screen and (min-width: 768px) {
.dropdown:hover .dropdown-menu { display: block;}

}

@media(max-width: 767px){
.i-development-application .i-development-row {display: block;}
.img-sec img {max-width: 310px;margin: 0 auto;display: block; width: 100%;}
.web.img-sec {height: auto;margin-top: 20px;}
.foot_sec {position: relative;bottom: 0;left: 0;width: 100%;}
.main-body {position: relative;	z-index: 9999; background: #fff; margin-bottom: 0;}
}
@media(max-width: 480px){
.slider p { display: none; }
}