@charset "utf-8";
/* CSS Document */

*::-moz-selection {
  background: #42a5f6 none repeat scroll 0 0;
  color: #fff;
}

::-moz-selection { background: #42a5f6; color:#fff; text-shadow: none; }
::selection { background:#42a5f6; color:#fff; text-shadow: none; }
 body {
	height:100%;
	width:100%;
	background:#fff;
	font-family: 'Raleway', sans-serif;
	font-size: 17px;
	line-height: 30px;
	overflow-x:hidden;
	position:relative;
	color:#181818;
	font-weight:400;
} 


header {
    position: relative;
}
header .navbar-default {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 2;
}
.menu {
    background-color: rgba(225,225,225,0.9);
    padding: 20px 10px;
    border-radius: 5px;
}
header a.navbar-brand {
    display: inline-block;
    padding: 0;
    margin: 0 auto;
}
.header-top {
    position: absolute;
    z-index: 3;
    margin-bottom: 20px;
    color: #fff;
    width: 100%;
    top: 20px;
}
header a.navbar-brand img {
    max-width: 100%;
    margin-top: -6px;
    width: 80%;
    margin: -6px auto 0;
}
header a.navbar-brand{
	display:inline-block;
}
.banner-m {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 270px 0 160px;
    text-align: center;
    color: #fff;
}
.banner-m::after{
	position:absolute;
	content:"";
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(0, 0, 0, 0.6);
}
.banner-detail{
	position:relative;
	z-index:1;
}
.header-top-m ul {
    padding: 0;
    margin: 0 auto;
}
.header-top-m ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    font-size: 13px;
}
.header-top-m ul li i.fa {
    margin-right: 10px;
    font-size: 16px;
    vertical-align: middle;
    color: rgb(19, 117, 163);
}
.start-btn {
    text-align: center;
}
.start-btn a{
	background-color:rgb(19, 117, 163);
	color:#fff;
	font-size:15px;
	font-weight:400;
	padding:8px 20px;
	border-radius:100px;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	
}
.header-top-m {
    margin-top: 6px;
}
.banner-detail span {
    font-size: 17px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}
.banner-detail h1 {
    font-size: 40px;
    width: 69%;
    margin: 20px auto 10px;
    text-transform: capitalize;
    line-height: 60px;
}
.banner-detail p {
    font-size: 18px;
    width: 57%;
    margin: 0 auto;
}
.menu .navbar-nav>li>a {
    padding: 6px 18px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
	color:#000;
}
.menu .navbar-nav>li>a:hover {
	color:rgb(19, 117, 163);
}
.navbar-default .menu .navbar-nav>.active>a, .navbar-default .menu .navbar-nav>.active>a:focus, .navbar-default .menu .navbar-nav>.active>a:hover {
    color: rgb(19, 117, 163);
    background-color: transparent;
}

/*-----abt-us-----*/
.about-us{
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
	padding:50px 0 0;
}
.heading{
	position:relative;
	text-align:center;
	margin:0 auto 30px;
}
.heading h2{
	font-size:32px;
	text-transform:capitalize;
	font-weight:700;
	color:rgb(19, 117, 163);
}
.about-img img{
	max-width:100%;
	margin-top:20px;
}
.about-content h3{
	color:#000;
	font-size:22px;
	text-transform:uppercase;
	font-weight:600;
	margin-top:10px;
}
.about-content p {
    font-size: 15px;
    text-align: justify;
    line-height: 22px;
}
.our-services{
	background-color:#f2f2f2;
	padding:50px 0;
}
.service-icon {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    border: 10px solid rgb(19, 117, 163);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: inherit;
    height: inherit;
    background-color: #fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: 1;
    height: 100px;
    width: 100px;
    padding: 26px 27px;
    font-size: 30px;
}
.services-detail:hover .service-read {
	opacity:1;
	transition:all 0.3s all ease-in-out;
}
.services-detail {
    margin-top: 30px;
	transition:all 0.3s all ease-in-out;
}
.service-icon::before {
    position: absolute;
    content: '';
    transform: translate(100%, -50%);
    -webkit-transform: translate(100%, -50%);
    -moz-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    -o-transform: translate(100%, -50%);
    border-radius: 5px;
    top: 50%;
    right: -14px;
    z-index: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border: 30px solid transparent;
    border-left: 15px solid rgb(19, 117, 163);
    border-right: 0;
    height: 0;
    width: 0;
}
.service-icon::after {
    position: absolute;
    content: '';
    background-color:rgb(19, 117, 163);
    width: 15px;
    height: 60px;
    transform: translate(100%, -50%);
    -webkit-transform: translate(100%, -50%);
    -moz-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    -o-transform: translate(100%, -50%);
    border-radius: 3px;
    top: 50%;
    right: 0;
    z-index: 2;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.services-detail:hover .service-icon{
    transform: translate(-50%,-50%) rotate(90deg);
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    -moz-transform: translate(-50%,-50%) rotate(90deg);
    -ms-transform: translate(-50%,-50%) rotate(90deg);
    -o-transform: translate(-50%,-50%) rotate(90deg);
    border-color: rgb(19, 117, 163);
}
.services-detail:hover .service-icon::before{
    border-left-color: rgb(19, 117, 163);
}
.services-detail:hover .service-icon::after{
    background-color: rgb(19, 117, 163);
}
.service-read{
	opacity:0;
	text-align:center;
	transition:0.3s all ease-in-out;
}
.service-read a{
	color: rgb(19, 117, 163);
	text-decoration:none;
	font-size:17px;
	font-weight:600;
	display:block;
	text-align:center;
}
.service-text h4 {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    margin: 20px auto 0px;
}
.service-text p {
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    margin-top: 10px;
}
.service-text {
    margin-top: 170px;
}
.service-read a i.fa {
    margin-right: 8px;
}
/*----choose-us------*/
.choose-us .container-fluid{
	padding:0;
}
.choose-img img{
	max-width:100%;
}
.choose-content {
    padding: 50px 20px 10px 0;
}
.choose-content h4 {
    font-size: 26px;
    font-weight: 700;
	color: rgb(19, 117, 163);
}
.choose-content p{
	font-size:15px;
	color:#333;
	text-align:justify;
	line-height:24px;
}
.testimonial {
    background-color: #f2f2f2;
    padding: 50px 0;
}
.client-detail{
	background-color:#fff;
	padding:30px 20px;
	text-align:center;
}
.client-detail p{
	font-size:15px;
	font-weight:400;
	width:90%;
	margin:0 auto 20px;
}
.client-img{
	height:80px;
	width:80px;
	display:block;
	margin:0 auto 10px;
	text-align:center;
	overflow:hidden;
	border-radius:100%;
}
.client-img img{
	max-width:100%;
	height:80px;
	width:80px;
}
.client-detail span{
	font-size:16px;
	font-weight:600;
	display:block;
}
.client-slider .slick-slide {
    margin: 0 15px !important;
}
.client-detail i.fa{
	font-size:16px;
	color:rgb(19, 117, 163);
}

.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{display:block;height:auto;margin:0 auto;overflow:hidden;padding:0;position:relative;}
.slick-list:focus{outline:none;}
.slick-loading .slick-list{background:#fff url("./ajax-loader.gif") center center no-repeat;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;left:0;top:0;display:block;}
.slick-track:before, .slick-track:after{content:"";display:table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{float:left;height:100%;min-height:1px;display:none;}
[dir="rtl"] .slick-slide{float:right;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}

/*-----blog------*/
.blog{
	background-attachment:fixed;
	background-position:top;
	background-size:cover;
	position:relative;
	padding:50px 0 70px;
	background-color:#fff;
}
.blog2-detail a{
	color:#333;
	text-decoration:none;
}
.blog2-img img{
	max-width:100%;
}
.blog2-content h5{
	color:#000;
	font-size:18px;
	font-weight:700;
}
.blog2-content p{
	color:#333;
	font-size:15px;
	text-align:justify;
	line-height:24px;
}
.blog2-content a.read-blog{
	color:rgb(19, 117, 163);
	font-size:16px;
	font-weight:600;
}
.blog2-content a.read-blog i.fa{
	margin-left:10px;
}
.blog2-content {
    background-color: #f2f2f2;
    padding: 20px;
    border: 1px solid #ddd;
    box-shadow: 0 5px 5px #ddd;
}
/*----footer------*/
footer{
	background-color:#084274;
	padding:50px 0;
	position:relative;
}
footer::after {
    position: absolute;
    content: "";
    top: -15px;
    left: -6px;
    height: 27px;
    width: 95%;
    right: 0;
    text-align: center;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url(../images/footer-bg.png);
}
.footer-abt img {
    max-width: 100%;
    width: 70%;
}
.footer-abt p{
	color:#fff;
	font-size:15px;
	font-weight:400;
	line-height:24px;
	text-align:justify;
	margin:20px auto 0;
}
.footer-links ul li{
	list-style:none;
	display:inline-block;
	width:49%;
	margin-bottom:5px;
}
.footer-links ul li a{
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
	position:relative;
}
.footer-links ul{
	padding:0;
}
.footer-links h4, .footer-blog h4 {
    font-size: 27px;
    font-weight: 700;
    color: #fff;
    margin: 24px auto 42px;
}
.footer-blog ul{
	padding:0;
	margin:0 auto;
}
.footer-blog ul li {
    list-style: none;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}
.footer-blog ul li img{
	max-width:100%;
}
.footer-blog-img{
	width:80px;
	height:70px;
	overflow:hidden;
	margin-right:10px;
}
.footer-blog-text h6 a{
	color:#fff;
	text-decoration:none;
	font-size:16px;
	font-weight:700;
	line-height:24px;
}
.footer-blog-text {
    width: 72%;
}
.footer-blog-text h6 {
    margin-top: 0;
    margin-bottom: 1px;
}
.footer-blog-text span{
	font-size:13px;
	color:#fff;
}


/*-----services-------*/
.service-banner{
	position:relative;
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	padding:150px 0 150px;
}
.service-banner::after{
	position:absolute;
	content:"";
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(0, 0, 0, 0.6);
}
.service-text{
	position:relative;
	z-index:1;
}
.service-text-m{
	position:absolute;
	bottom:-220px;
	left:0;
	right:0;
	text-align:center;
	margin:0 auto;
	background-color:#fff;
	border-radius:20px;
	box-shadow:3.5px 6px 20px 0px rgba( 0, 0, 0, 0.1 );
	padding:30px 20px;
	text-align:center;
	width:40%;
}
.service-text-m h1{
	font-weight:700;
	font-size:36px;
	color:#000;
	margin-top:0;
}
.service-text-m ul{
	padding:0;
	margin:0 auto;
}
.service-text-m ul li{
	list-style:none;
	display:inline-block;
}
.service-text-m ul li a{
	color:#000;
	font-size:16px;
	font-weight:400;
	display:inline-block;
	margin:0 10px;
}
.design-services{
	background-color:#fff;
	padding:140px 0 70px;
}
.design-service-detail{
	background-color:#f2f2f2;
	padding:20px;
	text-align:center;
	border:3px solid #d5d5d5;
	position:relative;
	text-align:center;
	margin-top:40px;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.design-service-detail i.fa{
	color:rgb(19, 117, 163);
	font-size:36px;
}
.design-service-detail h4{
	font-size:18px;
	font-weight:600;
	text-align:center;
	color:#000;
}
.design-service-detail p{
	font-size:15px;
	font-weight:400;
	text-align:center;
	line-height:30px;
}
.design-service-detail::before {
    display: block;
    content: "";
    width: 9%;
    height: 17%;
    position: absolute;
    bottom: -3px;
    right: -3px;
    border-bottom: 3px solid rgb(19, 117, 163);
    border-right: 3px solid rgb(19, 117, 163);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.design-service-detail::after {
    display: block;
    content: "";
    width: 9%;
    height: 17%;
    position: absolute;
    top: -3px;
    left: -3px;
    border-top: 3px solid rgb(19, 117, 163);
    border-left: 3px solid rgb(19, 117, 163);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.design-service-detail:hover::before {
    width: 95%;
    height: 90%;
}
.design-service-detail:hover::after {
    width: 95%;
    height: 90%;
}
.what-service-offer {
    position: relative;
    background-attachment: fixed;
    background-position: left;
    background-size: cover;
}
.what-service-offer::after {
    position: absolute;
    background-color: rgb(19, 117, 163);
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 60%;
}
.service-offer {
    position: relative;
    z-index: 1;
    color: #fff;
    width: 60%;
    float: right;
    padding: 30px 40px 40px;
    text-align: justify;
    font-size: 15px;
    line-height: 25px;
}
.service-offer h3{
	font-size:30px;
	font-weight:700;
}
.excellent-services{
	background-color:#fff;
	padding:150px 0 70px;
}
.excellent-services-m h4{
	font-size:24px;
	font-weight:700;
	color:#000;
}
.excellent-services-m p{
	font-size:15px;
	color:#333;
	line-height:22px;
	text-align:justify;
	font-weight:600;
}
.excellent-services-m ul li{
	list-style:none;
	font-size:15px;
	color:#333;
	line-height:22px;
	position:relative;
	margin-bottom:10px;
	text-align:justify;
}
.excellent-services-m ul li::after {
    position: absolute;
    content: "\f046";
    top: 0;
    left: -26px;
    font-family: fontawesome;
    font-size: 17px;
    color: rgb(19, 117, 163);
}
.service-offer.left-offer {
    float: left;
}
.what-service-offer.left-offer-m::after {
    left: 0;
	right:auto;
}
.excellent-img img {
    max-width: 100%;
    position: absolute;
    left: 20px;
    top: -40px;
}
.excellent-img {
    position: relative;
    background-color: rgb(19, 117, 163);
    padding: 10px;
    height: 490px;
}
.contact-details{
	padding:120px 0 50px;
	background-color:#fff;
}
.contact-icon{
	border:1px solid #ddd;
	padding:10px 20px;
	overflow:hidden;
	margin-bottom:30px;
}
.contact-icon-m{
	margin-right:10px;
	vertical-align:middle;
}
.contact-icon-m i.fa{
	color:rgb(19, 117, 163);
	font-size:30px;
	vertical-align:middle;
}
.contact-text{
	width:85%;
}
.contact-text p{
	font-size:16px;
	color:#333;
	margin-bottom:0;
}
.contact-map{
	padding:10px;
	border:1px solid #ddd;
}
.contact-form{
	background-color:#f2f2f2;
	padding:50px 0;
}
.contact-form label{
	display:block;
	font-size:16px;
	font-weight:600;
}
.contact-form input{
	width:100%;
	background-color:#fff;
	padding:6px 10px;
	border:1px solid #ddd;
	font-size:15px;
	font-weight:400;
	text-align:left;
	border-radius:10px;
}
.contact-form textarea{
	width:100%;
	background-color:#fff;
	padding:6px 10px;
	border:1px solid #ddd;
	font-size:15px;
	font-weight:400;
	text-align:left;
	border-radius:10px;
	height:120px;
	resize:none;
}
.contact-form-m{
	width:60%;
	margin:0 auto;
}
.submit-btn{
	text-align:right;
}
.submit-btn button{
	background-color:rgb(19, 117, 163);
	color:#fff;
	border:none;
	padding:10px 40px;
	font-size:16px;
	font-weight:600;
	border-radius:7px;
}

/*-----blog-----*/
.blog-page{
	background-color:#fff;
	padding:120px 0 50px;
}
.blog-list-page{
	overflow:hidden;
	padding-bottom:30px;
	border-bottom:1px solid #ddd;
	margin-bottom:30px;
}
.blog-list-img{
	width:36%;
	margin-right:20px;
}
.blog-list-img img{
	max-width:100%;
}
.blog-list-content {
    width: 60%;
}
.blog-list-content span {
    display: block;
    font-size: 14px;
	text-transform:uppercase;
}
.blog-list-content h5 a{
	color:#000;
	font-weight:600;
	font-size:18px;
	line-height:25px;
}
.blog-list-content p {
    font-size: 15px;
    text-align: justify;
}
.blog-list-content a.read-btn{
	background-color:rgb(19, 117, 163);
	color:#fff;
	padding:6px 25px;
	font-size:15px;
	font-weight:600;
	text-align:center;
	display:inline-block;
	margin-top:10px;
}


/*-----about-page-------*/
.about-page{
	background-color:#fff;
	padding:120px 0 60px;
}
.about-page-img img{
	max-width:100%;
	width:50%;
}
.about-page-img{
	overflow:hidden;
	margin-bottom:30px;
}
.abt-page-text p{
	font-size:16px;
	text-align:justify;
	margin-bottom:30px;
	color:#333;
}
.abt-page-text ul li{
	list-style:none;
	display:block;
	font-size:15px;
	position:relative;
}
.abt-page-text ul li::after{
	position:absolute;
	content:"\f069";
	top:0;
	left:-30px;
	font-family:fontawesome;
	font-size:15px;
	color:rgb(19, 117, 163);
	
}
.mission-vision{
	background-attachment:fixed;
	background-position:right;
	background-size:cover;
	position:relative;
}
.mision-vision-head{
	background-color:rgb(19, 117, 163);
	padding:40px 40px;
}
.mission-vision .container-fluid{
	padding:0;
}
.mision-vision-head h4{
	color:#fff;
	font-size:30px;
	font-weight:600;
}
.mision-vision-head p{
	color:#fff;
	font-size:15px;
	font-weight:400;
	margin-bottom:20px;
	text-align:justify;
}
.abt-faq{
	padding:50px 0;
}
.faq-img img{
	max-width:100%;
}
.faq-accordion .panel-default>.panel-heading {
    color: #fff;
    border: none;
    background-color: rgb(19, 117, 163);
}
.faq-accordion .panel-group .panel {
    margin-bottom: 20px;
    border-radius: 0;
}
.faq-accordion .panel-title a {
    text-decoration: none;
}
.faq-accordion .panel-body {
    font-size: 14px;
    text-align: justify;
}
.blog-detail-page {
    padding: 130px 0 50px;
}
.blog-detail-page-text img{
	max-width:100%;
	margin-bottom:20px;
}
.blog-detail-page-text h2{
	font-size:30px;
	font-weight:600;
	color: rgb(19, 117, 163);
	margin-bottom:20px;
}
.blog-detail-page-text p{
	font-size:15px;
	font-weight:400;
	text-align:justify;
}
.technology-page-m p{
	font-size:16px;
	font-weight:400;
	margin-bottom:15px;
	color:#333;
	text-align:justify;
}
.technology-page-m ul li{
	list-style:none;
	display:inline-block;
	font-size:14px;
	font-weight:400;
	line-height:28px;
	position:relative;
	text-align:justify;
}
.technology-page-m ul li::after{
	position:absolute;
	font-size:16px;
	font-weight:400;
	font-family:fontawesome;
	content:"\f101";
	top:0;
	left:-20px;
	color: rgb(19, 117, 163);
}
.technology-page{
	padding:130px 0 50px;
}
.get-quote h5{
	color: rgb(19, 117, 163);
	font-size:25px;
	font-weight:700;
	margin-bottom:25px;
	text-align:center;
	margin-top:0;
}
.get-quote{
	background-color:#f2f2f2;
	padding:20px;
	border:2px solid #ddd;
	border-radius:10px;
}
.get-quote form input{
	background-color:#fff;
	padding:8px 10px;
	font-size:15px;
	font-weight:400;
	width:100%;
	border:1px solid #ddd;
}
.get-quote form textarea{
	background-color:#fff;
	padding:8px 10px;
	font-size:15px;
	font-weight:400;
	width:100%;
	border:1px solid #ddd;
	resize:none;
	height:120px;
}
.get-quote form button{
	background-color: rgb(19, 117, 163);
	color:#fff;
	font-size:16px;
	font-weight:600;
	text-align:center;
	margin-top:10px;
	border:none;
	padding:10px 20px;
	width:100%;
}
.get-quote form .form-group{
	margin-bottom:25px;
}
#myModal .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: none;
	border:none;
	border-radius:0;
	padding:90px 50px 120px;
}
#myModal .modal-dialog {
    width: 100%;
    margin: 0 auto;
}
#myModal .modal-header {
    padding: 0;
    border-bottom: none;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}
#myModal .modal-title {
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 700;
	color: rgb(19, 117, 163);
}
.request-form {
    width: 90%;
    margin: 0 auto;
}
.request-form  label {
	display:block;
	font-size:16px;
	font-weight:400;
}
.request-form input{
	background-color:transparent;
	border:none;
	border-bottom:2px solid #ddd;
	padding:8px 10px;
	font-size:15px;
	font-weight:400;
	text-align:left;
	width:90%;
}
.request-form .form-group{
	margin-bottom:30px;
}
#myModal button.close {
    opacity: 1;
    font-size: 35px;
    position: absolute;
    top: -70px;
    right: -10px;
}

.request-form input:focus{
	outline-offset:none;
	-webkit-outline-offset:none;
	-moz-outline-offset:none;
	outline:none;
	-webkit-outline:none;
	-moz-outline:none;
}
.request-btn-m{
	text-align:center;
	margin-top:25px;
}
.request-btn-m button{
	background-color:rgb(19, 117, 163);
	color:#fff;
	font-size:18px;
	font-weight:600;
	border-radius:8px;
	padding:8px 40px;
	border:none;
	
}
.menu .dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
.portfolio-section{
    background: #f2f5f8;
    height: 260px;
    margin:20px 0 30px;
    position: relative;
	    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
	text-align:center;
}
.portfolio-section span{
	display:block;
	font-size:15px;
	font-weight:500;
	color:#333;
}
.portfolio-section h3{
	display:block;
	font-size:24px;
	font-weight:600;
	color:rgb(19, 117, 163);
}
.portfolio-section a{
	text-decoration:none;
	color:#333;
}
.portfolio-section-img {
    width: 100%;
    height: 250px;
    display: block;
	text-align:center;
	margin-top:0px;
	transition: 0.3s all ease-in-out;
    overflow: hidden;
	padding:10px;
}
.portfolio-content {
    background-color: #fff;
    opacity: 1;
    visibility: visible;
    padding: 15px;
    bottom: 0;
    box-shadow: 0 0 30px rgba(21,21,21,.12);
    -webkit-box-shadow: 0 0 30px rgba(21,21,21,.12);
}
.portfolio-content {
    position: absolute;
    padding: 30px 20px 30px;
    left: 0;
    transition: all .5s ease 0s;
	bottom:0px;
	text-align: left;
}
.portfolio-content p{
	font-size:18px;
	font-weight:600;
	color:#333;
}
.portfolio {
    padding: 100px 0 50px;
	
}
.portfolio-section:hover {
    box-shadow: 0 10px 10px #ddd;
    cursor:pointer !important;
}
.portfolio-section:hover .portfolio-section-img img {
    transform: scale(1.06);
}
.portfolio-section-img img{
	max-width:100%;
	transition:0.3s all ease-in-out;
}
.portfolio-content li {
    float: left;
    list-style: none;
    border: 1px solid #b1b2b3;
    border-radius: 20px;
    font-size: 14px;
    color: #343434;
    font-family: proxima_nova_rgbold;
    text-align: center;
    min-height: 35px;
    text-transform: uppercase;
    padding: 6px 8px 5px;
    line-height: 21px;
    margin-right: 7px;
    margin-bottom: 5px;
}
.portfolio-content ul{
	padding:0;
	margin:0 auto;
	overflow:hidden;
}
.portfolio-popup-m .modal-content{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	color:#fff;
	    border-radius: 0;
    box-shadow: none;
}
.portfolio-popup-m .modal-header {
    min-height: auto;
    padding: 10px 20px 0;
    border-bottom: none;
    overflow: hidden;
}
.portfolio-popup-m .modal-header .close {
    margin-top: -2px;
    color: #fff;
    opacity: 1;
    font-size: 38px;
    font-weight: 600;
}
.portfolio-pop-content {
    text-align: center;
    padding: 30px;
    border-bottom: 1px solid rgba(225,225,225,0.3);
}
.portfolio-pop-content h3 {
    font-size: 38px;
    font-weight: 600;
}
.portfolio-pop-content p {
    font-size: 28px;
    margin-top: 20px;
    line-height: 40px;
    text-transform: capitalize;
    font-weight: 500;
}
.portfolio-popup-m{
	padding-right:0 !important;
}
.portfolio-popup-m .modal-dialog {
    width: 100%;
    margin: 0;
}
.portfolio-popup-m  li {
    float: none;
	display:inline-block;
    list-style: none;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    min-height: 35px;
    text-transform: uppercase;
    padding: 6px 20px 5px;
    line-height: 21px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.portfolio-pop-img img{
	max-width:100%;
}
.portfolio-popup-m  ul{
	padding:0;
	margin:30px auto 30px;
	overflow:hidden;
	text-align:center;
}
.portfolio-pop-form {
	margin-top:20px;
	text-align:center;
}
.portfolio-pop-form h5{
	color:#fff;
	font-size:22px;
	font-weight:600;
}
.portfolio-pop-form p{
	color:#fff;
	font-size:16px;
	font-weight:400;
}
.portfolio-pop-form form{
	width:80%;
	text-align:center;
	margin:0 auto;
}
.portfolio-pop-form form input, .portfolio-pop-form form textarea{
	background-color:transparent;
	border:none;
	font-size:15px;
	border:none;
	width:100%;
	font-weight:400;
	text-align:left;
	border-bottom:1px solid #fff;
}
.portfolio-pop-form form textarea{
	resize:none;
	height:33px;
}
.portfolio-pop-form form label{
	display:block;
	font-size:15px;
	text-align:left;
}
.portfolio-pop-form form button{
	background-color:#fff;
	color:#000;
	font-size:16px;
	font-weight:500;
	border:none;
	padding:8px 40px;
	border-radius:10px;
	margin-top:10px;
}
input:focus{
	outline:none;
	-webkit-outline:none;
	-moz-outline:none;
}
a:focus{
	outline:none;
	-webkit-outline:none;
	-moz-outline:none;
}
/*----blog-form----*/
.blog-search-form, .blog-sidebar{
	background-color:#f2f2f2;
	padding:10px 20px;
	margin-bottom:30px;
	box-shadow:0 5px 5px #ddd;
}
.blog-search-form h5, .blog-sidebar h5{
	color:rgb(19, 117, 163);
	font-size:18px;
	font-weight:600;
	text-align:left;
}
.blog-search-form form {
    position: relative;
    margin-top: 20px;
}
.blog-search-form form input{background-color:#fff; padding:6px 10px; font-size:15px; border:1px solid #ddd; width:100%;}
.blog-search-form form button{position:absolute; content:""; top: 7px; right: 11px; font-size:16px; color:#000; background-color:transparent; border:none;
padding:0;}
.blog-sidebar ul{padding-left:20px;}
.blog-sidebar ul li{position:relative; list-style:none; display:block; padding-bottom:8px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.blog-sidebar ul li a{color:#333; font-size:15px; font-weight:400; text-align:left; text-decoration:none; display:block; }
.blog-sidebar ul li a::after{position:absolute; content:"\f101"; top:0; left:-16px; font-size:15px; font-weight:300; font-family:fontawesome;}
.blog-sidebar ul li:last-child{border:none;}
.blog-pagination ul{padding:0; text-align:center; margin:20px auto 0;}
.blog-pagination ul li{list-style:none; display:inline-block; margin:0 4px;}
.blog-pagination ul li a{ font-size:15px; color:#333; display:inline-block; text-decoration:none; color:#333; padding:4px 15px; font-weight:600;}
.blog-pagination ul li.active a, .blog-pagination ul li:hover a{background-color:rgb(19, 117, 163) !important; color:#fff !important; padding:4px 15px; display:inline-block;}

.portfolio_category .pcat{text-align: center; margin: 50px auto 30px; border: none;}
.portfolio_category .pcat li{float: none; margin-bottom: -1px; display: inline-block;}
.portfolio_category .pcat > li.active >a, .portfolio_category ul > li.active > a:focus, .portfolio_category ul > li.active >a:hover {color: #fff; cursor: default; background-color: rgb(19, 117, 163); border: none; border-bottom-color: transparent;}
.portfolio_category .pcat li a{margin: 0 3px; border: 1px solid transparent; border-radius: 0; background-color: #000; color: #fff; font-weight: 600; font-size: 16px; transition:0.3s all ease-in-out; padding: 10px 14px;}
.portfolio_category .pcat li:hover a{background-color: rgb(19, 117, 163); color: #fff; text-decoration:none;}

.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;}
.dropdown-submenu:hover>a:after {border-left-color: #333;}
.dropdown-submenu {float: none;}
@media (min-width: 768px) {
ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }
ul.nav li.dropdown:hover ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {display: none;} 
ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover ul.dropdown-menu {display: block;} 
.lead {font-size: 21px;}

}
.dropdown-submenu > .dropdown-menu {right: -100%; margin-left: -1px; -webkit-border-radius:0; -moz-border-radius:0; border-radius: 0;}
.dropdown-menu {min-width: 230px; background-color: rgb(19, 117, 163, 0.8); border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; top:40px;}
.dropdown-menu>li>a {padding: 6px 20px; color: #fff; font-size: 14px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #000; text-decoration: none; background-color:#fff ; font-weight: 500;}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.banner-slider.owl-theme .owl-dots {display:none; }
.banner-slider .owl-nav{display:none;}

@media screen and (max-width: 767px) {
.header-top {position: relative; background-color: #333; top:0; margin-bottom: 0;}
.header-top-m ul li i.fa {margin-right: 5px; font-size: 10px;color: #fff;}
.start-btn {display: none;}
.header-top-m ul li {margin-right: 5px; font-size: 9px;}
.header-top-m ul li:last-child{margin-right:0;}
.menu {background-color: #fff; padding: 20px 0 10px; border-radius: 5px;}
header .navbar-default {background-color: #fff; position: relative; top: 0;}
header a.navbar-brand img {width: 160px; margin: 0 auto;}
header .navbar-brand {float: none; height: auto;}
header .navbar-toggle {margin-top: 5px; margin-right: auto; margin-bottom: 0; background-color: #000; border-radius: 0;}
header .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
header .navbar-default .navbar-toggle {border-color: #000;}
header .navbar-default .navbar-toggle:focus, header .navbar-default .navbar-toggle:hover {background-color: #000;}
.menu .col-md-9.col-sm-8 {padding: 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent; padding: 0; background-color: #000;}
.menu .navbar-nav>li>a {padding: 8px 35px 8px; font-size: 14px; color: #fff; line-height: 30px; border-bottom: 1px dashed rgba(255,255,255, 0.3);}
.menu .navbar-nav>li:last-child > a{border:none;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff; padding-left: 40px;}
.dropdown-submenu>a:after {margin-right: 20px;}
.service-banner { padding: 50px 0 50px; background-attachment: inherit;}
.service-text {margin-top: 70px;}
.service-text-m {bottom: -120px; padding: 20px 10px; width: 90%;}
.blog-list-img {width: 100%; margin-right: auto;}
.blog-list-content {width: 100%;}
.blog-pagination {margin-bottom: 30px;}
footer::after {display:none;}
.contact-form-m {width: 100%;}
footer {padding: 50px 0 30px;}
.footer-links h4, .footer-blog h4 {font-size: 22px; margin: 24px auto 25px;}
.heading h2 {font-size: 26px; margin-top:0;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #fff;}
.faq-img {margin-bottom: 30px;}
.mision-vision-head {padding: 40px 20px;}
.about-page {padding: 120px 0 40px;}
.mision-vision-head h4 {font-size: 25px; font-weight: 600;}
.header-top-m {margin-top: 0;}
.service-text-m h1 {font-size: 26px; word-wrap: break-word;}
.service-text-m ul li a {font-size: 14px; margin: 0 5px;}
.design-services, .excellent-services {padding: 110px 0 50px;}
.what-service-offer::after {width: 100%;}
.service-offer {width: 100%; padding: 20px 0px 30px;}
.footer-blog-text {width: 68%; float: left !important;}
.dropdown-submenu > .dropdown-menu {right: 0; margin-left: -1px; display: block; margin-left: 20px; position: relative;}
.client-slider .slick-slide{margin:0 auto !important;}
.excellent-img img {max-width: 100%; position: relative; left: 0; top: 0;}
.excellent-img {height: auto; margin-top: 20px;}
.excellent-services-m h4 {font-size: 20px;}
.service-offer h3 {font-size: 24px;}
.technology-page {padding: 50px 0 50px;}
.blog-detail-page-text h2 {font-size: 18px; line-height: 28px;}
.blog-pagination ul li a {font-size: 14px; padding: 4px 5px;}
.blog-pagination ul {margin: 0 auto;}
.portfolio {padding: 100px 0 20px;}
.portfolio-pop-content {padding: 0px 0;}
.portfolio-pop-content h3 {font-size: 24px;}
.portfolio-pop-content p {font-size: 17px; line-height: 24px;}
.portfolio-popup-m li {font-size: 13px; min-height: 31px; padding: 4px 10px 2px; margin-right: 6px;}
.portfolio-pop-form form {width: 90%;}
.portfolio-pop-form .form-group {margin-bottom: 0;}
.portfolio-pop-form form input, .portfolio-pop-form form textarea {margin-bottom: 20px;}
.portfolio_category .pcat {padding: 0; margin:20px auto 10px}
.portfolio_category .pcat li a {font-size: 13px; padding: 6px 8px; margin-bottom: 5px;}
.blog2-detail {margin-bottom: 30px;}
.blog2-img {background-color: #fff; border: 1px solid #ddd; border-bottom: none;}
.choose-content {padding: 50px 20px 10px 20px;}
.banner-m {padding: 50px 0 50px;}
.banner-detail h1 {font-size: 30px; width: 100%; line-height: 35px; margin: 20px auto 10px;}
.banner-detail p {font-size: 15px; width: 100%; margin: 0 auto;}
.about-us {padding: 30px 0 0;}
.service-icon{top:-70px;}
.header-top-m ul{text-align:center;}
.our-services .service-text {margin-top: 140px;}
html{overflow-x:hidden;}
}

@media (min-width:768px) and (max-width:991px) {
.footer-blog-text {width: 57%;}
.start-btn a {font-size: 14px; padding: 6px 10px;}
.header-top-m ul li {margin-right: 10px;}
.contact-form-m {width: 100%;}
.contact-icon {padding: 10px 10px;}
.contact-text p {font-size: 15px;}
.contact-icon-m {margin-right: 5px;}
.contact-text {width: 83%;}
.portfolio-pop-content {padding: 0;}
.dropdown-menu {min-width: 220px;}
.service-text-m {width: 60%;}
.service-offer {width: 100%;}
.what-service-offer::after {background-color: rgb(19, 117, 163,0.8); width: 100%;}
.menu .navbar-nav>li>a{padding:4px 3px; font-size:11px;}
header a.navbar-brand img {margin-top: 0; width: 90%; margin: 0 20px;}
.banner-detail h1{font-size:36px; width:90%; line-height:50px;}
.blog2-content h5{font-size:16px;}
.blog2-content {padding: 20px 10px; min-height: 330px;}
.choose-content { padding: 50px 20px 10px 10px;}
.design-service-detail {padding: 20px 10px; min-height: 330px;}
.excellent-img {display: none;}
.service-text-m h1 {font-size: 28px;}
.heading h2 {font-size: 26px;}
.blog-detail-page-text img {width: 100%;}
.faq-img {display: none;}

}
@media (min-width:992px) and (max-width:1200px) {
.menu .navbar-nav>li>a {padding: 6px 8px; font-size: 13px;}
.footer-blog-text {width: 67%;}
.service-text-m {width: 60%;}
.excellent-services-m h4 {font-size: 18px;}
.excellent-services-m p {font-size: 14px;}
.excellent-services-m ul li {font-size: 13px; line-height: 18px;}
.excellent-img {height: 400px;}
.choose-content {padding: 20px 20px 10px 0;}
.choose-content p {font-size: 13px; line-height: 17px;}
}