*{margin:0; padding: 0; box-sizing: border-box; }
section, footer, .contact-pop, .opportunities{width:100%; float:left; padding:80px 0; }
body,html{scroll-behavior: smooth; background: #fff; font-size: 100%; font-family: 'Open Sans' !important; }
.outer-wrapper{width:100%; float:left; }
.inner-wrapper{width:80%; max-width:1199px; margin:0 auto; float:none; }
.canada-flag{width: 30px; display: inline-block; float: none; margin-left: 10px; }

canvas {display: block; vertical-align: bottom; }

#particles-js {position: absolute; width: 100%; height: 100%; background: transparent; top:0; left:0; }


.top-bar{width:100%; float:left; background: #fff; padding:10px 0; }
.top-bar .right-side{display: inline-block; float: right; text-align: right; }
.top-bar .numbers{width: 100%; max-width: 380px; text-align: right; }
.top-bar .numbers span {width: 30px; display: block; float: right; }
.top-bar .numbers a{float: none !important; margin-right: 15px !important; color:#2a54b3!important; }
.top-bar .numbers a:hover{color:#28cc8b !important; }
.top-bar .numbers span img{width:100%; float:left; }
.top-bar .numbers .usa{width: 100%; float: right; text-align: right; }
.top-bar .numbers .india{width:100%; float:left; }
.top-bar .logo{display: inline-block; max-width:150px; float:left; }
.top-bar .logo img{width:100%; }
.top-bar .right-side .search-icon{display: inline; padding: 5px; }
.top-bar .right-side h2 a{font-size: 25px; color:#295ea7; text-decoration: none; }

		/* Starting Navbar 	*/
.navbar-bg{background: #28cc8b; width:100%; float:left; z-index: 99999; position: relative; }
 .navbar-nav .company-item .nav-link, .navbar-nav .services-item .nav-link{cursor: default; }
 .navbar-nav .nav-link{color: #fff !important; font-size: 16px; padding: 15px 30px !important; display: block; transition: all .4s; }
 .navbar-nav .nav-item.active .nav-link{background:#18a46c; }
 .navbar-nav .nav-link:hover{background:#18a46c; }

 		/*	Start Slider from  Here */

.slider{width:100%; float: left; background: url('../images/slider.jpg') no-repeat center; background-color: rgba(0,0,0,0.6); background-blend-mode: overlay; background-attachment: fixed; padding:80px 0; position: relative; }
.slider .captions{text-align: center; color: #fff; z-index: 999; display: block; position: relative;}
.slider .captions h1.hero-text{font-size: 50px; text-shadow: 4px 4px 3px rgba(0,0,0,0.4); line-height: 60px; padding-top:30px; font-weight: 600;}
.slider .captions p{text-shadow: 2px 2px 2px rgba(0,0,0,0.4); margin-top:20px; }
.slider .captions .read-btn{font-size: 15px; color: #fff; padding: 10px 28px; border-radius: 15px; background: #28cc8b; margin-top: 30px; display: inline-block; text-decoration: none; transition: all .4s; }
.slider .captions .read-btn:hover{background:#18a46c; box-shadow: 2px 2px 10px rgba(0,0,0,0.7); transform: translateY(-5px); }


				/* Start Content*/
.content{width:100%; float:left; }
section.why-choose-us{width: 100%; background-color: #f9f9f9b5; background-image: url(../images/feature.jpg); background-blend-mode: overlay; background-size: cover; float: left; }
.heading-part{text-align: center; padding:0px 0 50px; }
.white-heading.heading::after{content:''; width:100px; height:4px; background:#fff; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); }
.ext-bdr.heading::after{content:''; bottom:-20px; width:200px; }
.heading::after{content:''; width:100px; height:4px; background:#28cc8b; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); border-radius: 10px; }
.heading{position:relative; color:#203a74; font-size: 45px; margin-bottom: 0; }
.sub-heading{color:#798ab1; font-size: 18px; }
section.why-choose-us .box{border: 2px solid #28cc8b; text-align: center; padding: 30px; background: #f9f9f987; }
section.why-choose-us .box .title{font-size: 22px; margin-top: 30px; margin-bottom: 10px; color: #203a74; }
.box p{color:#9b9b9b; font-size: 15px; margin-bottom:0!important; }

				/* 	Start About Us 	*/
		
.about-us{color: #fff; background-image: url(../images/attern.png); background-blend-mode: overlay; background-color: #28cc8be6; background-repeat: no-repeat; background-size: cover; }
section.about-us .heading{color:#fff; }
section.about-us .sub-heading{color:#fff; }
.about-us .title{margin-bottom: 30px; }
.about-us .rd-btn{font-size: 14px; padding: 10px 24px; border-radius: 10px; margin-top: 20px; display: inline-block; transition: all .4s; background:transparent; color:#fff; border:2px solid #fff; }
.about-us .rd-btn:hover{text-decoration: none; border:2px solid transparent; background: #fff; color: #28cc8b; }
.about-box{overflow:visible; }
.about-box span{position: absolute; z-index: 0; top: -25px; left: 25px; width: 87%; height: 115%; border: 6px solid #ffffffab; }
.about-us .about-img{max-width:400px; float:right; overflow: visible; }
.about-us .about-img img{width:100%; position: relative; }

					/*			Start Services Here 		*/


.services{background:#eaf5ff; }
.service1{width:100%; padding:30px 40px; text-align: center; margin-bottom:20px; }
.service1 .title{font-size: 20px; margin:30px 0 15px; color:#203a74; transition: all .4s; }
.services .bdr:hover a{text-decoration: none; display: block; z-index: 99999;position: relative;}
.services .bdr:hover a .title{color:#28cc8b; }
.services .bdr{background: #fff; transition: all .4s; min-height: 330px; position: relative; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.18); }
.services .bdr::before{content: ''; position: absolute; top:0; left:0; border-left:3px solid #28cc8b; border-right:3px solid #28cc8b; width:100%; height:100%; z-index: 1; transform: scaleY(0); transition: all .4s; }
.services .bdr:hover::before{content: ''; transform: scaleY(1); }
.services .bdr:hover::after{content: ''; transform: scaleX(1); }
.services .bdr::after{content: ''; position: absolute; top:0; left:0; border-top:3px solid #28cc8b; border-bottom:3px solid #28cc8b; width:100%; height:100%; z-index: 1; transform: scaleX(0); transition: all .4s; }

						/*				Start Technology 		*/
.technology{background: url('../images/technology/tech-bg.jpg') no-repeat center; background-attachment: fixed; background-size: cover; }
.technology .heading, .subscribe .heading{color:#fff; }
.technology .sub-heading, .subscribe .sub-heading{color:#fff; }
.technology ul{text-align: center; }
.technology li{display: inline-block; text-align:center; margin:20px 3%; transition: all .4s; }
.technology li:hover{transform: translateY(-10px); cursor: pointer; }
.technology li img{width:auto; border-radius:10px; }


							/*		Subscription Start 		*/
.subscribe{background: linear-gradient(320deg, #0c307f, #28cc8b); text-align: center; }
.subscribe .subs-form{height:60px; display: inline-block; margin:0 auto; border:1px solid #fff; border-radius:20px; padding:5px 30px; background:rgba(255,255,255,0.3); overflow: hidden; padding-right: 0; }
.subscribe .subs-form input{border:none; background:transparent; font-size: 14px; color:#fff; line-height: 50px; }
.subscribe .subs-form input::placeholder{color:#fff; font-size: 14px; }
.subscribe .subs-form input:focus{outline: none; border:none; }
.subs-form .email-add{width:400px; }
.subs-form .subs{border-left: 1px solid #fff !important; padding-left: 70px; text-indent: -1000px; background: url(../images/subs.png) no-repeat center !important; cursor: pointer; }


											/*			Contact Form Start 			*/

.contact{background: #f9f9f9; }
.contact .title{font-size: 30px; color:#28cc8b; margin-bottom: 50px; }
.contact .bdr{border-left: 1px solid #e2e2e270; }
.get-in-touch{padding-right:70px; }
.get-in-touch .sub-title{font-size: 14px; text-transform: uppercase; color:#203a74; font-weight: bold; }
.contact p, .opportunities p{color:#878787; font-size: 14px; }
.contact p b, .opportunities p b{color:#28cc8b; }
.contact .add{position: relative; padding:0 0 10px 30px; border-bottom: 1px solid #e2e2e270; }
.contact .add:before{content:''; width:4px; background:#28cc8b; height:70px; position: absolute; top:0; left:0; }
.contact .add.ph:before{content:''; height:46px; }
.contact .address:before{content:''; width:4px; background:#28cc8b; height:85%; position: absolute; top:0; left:0; }
.ph,.email{margin-top:30px; }
.email{border-bottom:none !important; }


.contact-form{padding-left:70px; }
.contact-form input, .contact-form textarea{border: 1px solid #e1e1e1; overflow: visible; width: 100%; padding: 8px 10px; color: #878787; margin-bottom: 20px; font-size: 14px; }
.contact-form input:focus, .contact-form textarea:focus{border:1px solid #72ff00; }
.contact-form textarea{width:100%; height:135px; }
.contact-form .submit{border: none; background: #28cc8b; color: #fff; padding: 10px 40px; display: block; margin: 0 auto; transition: all .4s; cursor:pointer; }
.contact-form .submit:hover{transform: translateY(-10px); }
.contact-form input::placeholder{color:#ccc; }
.contact-form textarea::placeholder{color:#ccc; }

footer{background-image:url(../images/footer-bg.jpg); background-color:#000d; background-size: cover; background-blend-mode: overlay; color:#e2e2e2; padding-bottom:0px; background-attachment: fixed; }
footer .foot-heading{margin-bottom:30px; position: relative; }
footer .foot-heading::after{content: ''; width: 50px; height: 2px; background: #28cc8b; position: absolute; top: 125%; left: 3px; }
footer .about-foot p{margin-top:20px; font-size: 14px; padding-right:10px; }
footer li{font-size: 14px; list-style: none; }
footer li a{font-size: 14px; color: #eee; display: block; transition: all .3s; font-weight: 350; line-height: 30px; border-bottom: 1px solid #cccccc2b; }
footer li:hover a{color:#28cc8b; text-decoration: none; transform: translateX(4px); }
footer .copyright{text-align: center; border-top:2px solid #28cc8b; padding-top:10px; margin-top:20px;
}
footer .copyright a{color:#28cc8b; }


				/*			About Us Page CSS 		*/

.slide{width:100%; float: left; background-color: rgba(0,0,0,0.6); background-blend-mode: overlay; background-attachment: fixed; background-size: cover; padding:70px 0; }
.slider-graphics{
	background: url('../images/web-design-slider.jpg') no-repeat center;
}
.slider-contact.blogs.slide{
	background: url('../images/blog.jpg') no-repeat center;
}
.slider-digital-marketing{
	background: url('../images/services/graphic/digital-marketing-banner.jpg') no-repeat center;
}
.slider-content-writing{
	background: url('../images/services/graphic/content-writing-banner.jpg') no-repeat center;
}
.slider-web-startup{
	background: url('../images/services/graphic/web-startup-banner.jpg') no-repeat center;
}
.slider-web-development{
	background: url('../images/services/graphic/web-development-banner.jpg') no-repeat center;
}
.slider-graphics1{
	background: url('../images/services/graphic/graphics-banner.jpg') no-repeat center;
}
.slider-training{
	background: url('../images/services/graphic/training-banner.jpg') no-repeat center;
}
.slider-about{
	background: url('../images/about-slider.jpg') no-repeat center;
}
.slider-career{
	background: url('../images/job.jpg') no-repeat center;
}
.slider-contact{
	background: url('../images/contact.jpg') no-repeat center;
}
.slide .captions{text-align: center; color:#fff; }
.slide .captions h1.hero-text{font-size: 45px; text-shadow: 4px 4px 3px rgba(0,0,0,0.4); line-height: 60px; padding-top:30px; }
 .slide .captions p{text-shadow: 2px 2px 2px rgba(0,0,0,0.4); margin-top:20px; }

.about-us-bg{background:#f9f9f9 !important; color:#878787; }
.about-us-bg .title{color: #2051a5; margin-bottom: 30px; font-weight: 400; }
.about-us-bg .about-img{max-width:400px; float:right; }
.about-us-bg .about-img img{width:100%; }

.about-us-bg .mission-img{max-width:400px; margin: 0 auto; }
.about-us-bg .mission-img img{width:100%; }
.about-img{overflow: hidden; }
.about-box{position: relative; }
/*.about-box span{
	    width: 160%;
    height: 100%;
    position: absolute;
    background: rgba(40, 204, 139, 0.4);
        bottom: -126px;
    right: -221px;
    transform: rotate(-40deg);
    border-top: 6px solid #ffffff;
    transition: all .4s;
}
.about-box:hover span{
    bottom: 126px;
    right: 101px;
    border: 6px solid #ffffff;
}
*/

.contact-pop{background: linear-gradient(320deg, #0c307f, #28cc8b); position: relative; }
.contact-pop .container{z-index: 1; position: relative; }

.contact-pop::before {position: absolute; background-image: url(../images/checkered-pattern.png); left: 0; top:0; width: 100%; height: 100%; display: block; content: ""; animation: animatedBackground 50s linear infinite; background-position: 0px 0px; background-repeat: repeat; }

@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 100% 0;
    }
}



.contact-pop h1{display: inline-block; font-size: 32px; color: #fff; font-weight: 400; float: left; }
.contact-pop a.rd-btn{color: #fff; float: left; display: inline-block; padding: 10px 30px; border: 1px solid #fff; border-radius: 20px; margin-left: 30%; transition: all .4s; }
.contact-pop a.rd-btn:hover{transform: translateY(-10px); text-decoration: none; }

				/*	Career section  */

.hire-board p:first-of-type{max-width: 420px; }
.hire-board p:last-of-type{color:#28cc8b; }

.hire-board p a{color:#3276ff; font-style: italic; }

.opportunities{background:#fff; }
.opportunities .skills{width:90%; float: left; }
.opportunities .skills h1{color:#28cc8b; font-size: 36px; margin-bottom:20px; }
.opportunities .second{margin-top:60px; }

.educational-menu {top: 55px; background: rgba(255,255,255,1); width: 300px; padding: 10px 20px 5px; border-radius: 0px 0px 4px 4px; position: absolute; left: 0px; z-index: 999; box-shadow: rgba(0, 0, 0, 0.0666667) 0px 1px 10px, rgba(0, 0, 0, 0.0470588) 0px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 5px 10px; opacity: 0; transform: rotateX(30deg); visibility: hidden; }
.educational-menu .srt{width: 100%; }
.educational-menu .about-icon:last-of-type{border-bottom:none; }
.company-menu .about-icon:last-of-type::before{content: ""; display: none; }

.educational-menu .about-icon::before{width: 30%; position: absolute; z-index: 99; bottom: -1px; left: 0; content: ""; height: 2px; background: linear-gradient(320deg, #28cc8b, #0c307f); transition: all .4s; }
.educational-menu .about-icon{color: #203a74; text-decoration: none; background-color: transparent; border-bottom: 1px solid #f1f1f1; padding: 10px 0; display: block; position: relative; }
.educational-menu .about-icon:hover::before{width:100% !important; }
.educational-menu .about-icon:hover{color:#28cc8b; }
.educational-menu .srt{float: left; display: block; margin-right: 20px; margin-top: 0px; text-align: left; }
.company-item{position: relative; }
.company-item:hover .educational-menu {opacity: 1; visibility: visible; transform: rotateX(0deg); }
.services-item:hover .service-menu{opacity: 1; visibility: visible; transform: rotateX(0deg); }
.service-menu{width:100%; max-width:960px; margin:0 auto; }
.service-menu .about-icon{width:200px; } 
.service-menu .sub-menu a:hover{text-decoration: none; color:#28cc8b; padding-left:10px; }
.service-menu .sub-menu{margin-top:15px; }
.service-menu .sub-menu a:last-of-type{border:none; }
.service-menu .sub-menu a::before{content: '\f054'; font-family: 'FontAwesome'; color:#28cc8b; margin-left:-10px; margin-right:5px; opacity: 0; transition: all .4s;}
.service-menu .sub-menu a:hover::before{opacity: 1;}
.service-menu .sub-menu a{transition: all .4s; font-size: 14px; display: block; padding:10px 0; color:#777; border-bottom:1px solid #f1f1f1; }
.service-menu .first-row{float:left; margin-right:25px; margin-bottom:20px; }
.service-menu .first-col{width:230px; float:left; }
.navbar i.fa-phone{transform: rotate(90deg);}


.quick-link li:last-child a, .foot-services li:last-child a{border:none;}
.scrollTop {position: fixed; right: 2%; bottom: 90px; background-color: #28cc8b; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; transform: rotate(270deg); border-radius: 5px; z-index: 99; box-shadow: 0 0 4px 2px #ffffffc2; }
.scrollTop:hover{transform: translateY(-10px)rotate(270deg); }
.scrollTop a:hover{color:#fff !important; }
.scrollTop a{padding: 10px 15px; display: block; font-size: 18px; color: #fff; }
.map iframe{width:100%; height:350px; }
.cont-bdr{border-bottom:3px solid #28cc8b; }

.social-media-icons	.fa {padding: 10px; font-size: 20px; width: 40px; text-align: center; text-decoration: none; margin: 5px 8px; border-radius: 50%; height: auto; transition: all .2s; background: #fff; color:#222; }

.social-media-icons .fa-facebook:hover {background: #3B5998; color: white; }

.social-media-icons .fa-twitter:hover {background: #55ACEE; color: white; }

.social-media-icons .fa-google:hover {background: #dd4b39; color: white; }

.social-media-icons .fa-linkedin:hover {background: #007bb5; color: white; }
.social-media-icons .fa-pinterest:hover {background: #C92228; color: white; }


		/*	Services-subservices	*/
.graphic-pic{text-align: center; }
.graphic-pic img{max-width: 800px; width:100%; border:2px solid #e9e9e9; }
.graphic-discription{margin:50px auto 0px; max-width: 750px; font-size: 14px; }
.graphic-discription h3{font-size: 16px; color: #2d86bd; margin-top: 20px; }
.graphic-discription ul{padding-left: 40px; margin-top: 10px; }
.graphic-discription ul li{color: #6a6a6a; line-height: 2; font-weight: 500; }
.graphic-discription b{color:#43a2dd; }
.graphic-services h4{color:#203a74; font-size: 18px; font-weight: 500; text-transform: uppercase; }
.graphic-services p{font-size: 14px; color: #878787; }
.graphic-services{width:100%; float:left; }
.graphic-services .right-side{width: calc(100% - 70px); display: inline-block; padding-left: 10px; padding-right: 40px; }
.graphic-services .left-side{width:70px; float:left; }
.graphic-services .left-side img{visibility: hidden; }

.graphic-services .title a{color:#00cf7d; }
.graphic-services .title a:hover{color:#203a74; }

.second-serv{margin-top:60px; }


		/*			Blogs Section			*/

.blogs aside{width:100%; max-width: 300px; float: right;}

.blogs{width:100%; float:left; }

.blogs .blog-heading{color: #181818 !important; margin-top: 15px; font-size: 22px; font-weight: 400;}

.blogs .all-blogs{background:#fafafa; padding:0 20px;}
.blogs .blog-box{border-bottom: 1px solid #d8d8d8; padding: 40px 0;}

.blogs .blog-box:first-of-type{padding-top:20px !important;}
.blogs .blog-box:last-of-type{border-bottom:none !important;}

.blogs .keywords{display: block; color:#0c2e71; font-size: 14px;}
.blogs .keywords a{color:#0c2e71;}
.blogs .blog-para{font-size: 14px; color: #777; font-weight: 400; line-height: 22px; margin-bottom: 8px !important;}
.blogs .blog-para b a{color:#777;}

.blogs .read-more{background: linear-gradient(to left, #0c307f, #28cc8b); color: #fff; padding: 5px 15px; font-size: 13px; display: inline-block; margin-top: 10px; border-radius: 10px; font-weight: 400; text-decoration: none; transition: all .3s;}

.blogs .read-more:hover{transform: translateY(-2px); box-shadow: 0px 2px 4px 0 #808080;}

.blogs .img-box img{width:100%;}

.blogs .media figure {height: 46px; width: 46px; border: 1px solid #e7ffeb; border-radius: 50px; background: #e7ffeb; position: relative; left: 0; top: 0;}
.blogs .media figure span {font-size: 20px; color: #24ba82; position: relative; font-weight: 500; top: 9px; left: 16px; line-height: 25px; vertical-align: top; }
.blogs .media .media-body{padding-left: 10px;}
.blogs .media span.date{color: #28cc8b; font-weight: 550;}
.blogs .media span.author{color: #0c3076; font-weight: 600;}

.blogs .media {border-bottom: 1px solid #e8e8e8; width: 100%; margin-bottom: 10px; padding-bottom: 9px; padding-top: 9px; font-family: 'Signika', sans-serif !important; position: relative; font-size: 12px; min-height: 74px; }

.blogs .media a{font-size: 17px !important; font-weight: 500; color: #1a1a1a !important; text-decoration: none;}

.aside-heading {color: #1a1a1a; font-size: 20px; height: 42px; line-height: 36px; margin: 4px auto 16px; font-weight: 500; text-transform: capitalize; border-bottom: 1px solid #ccc; position: relative; }

.aside-heading::after {content: ""; position: absolute; height: 3px; z-index: 99; left: 0; border-radius: 3px; width: 22%; bottom: -2px; background: #24ba82; }

.blogs .blogs-category{margin-top: 30px;}
.blogs .blogs-category ul{list-style: none; padding-left: 5px; padding: 8px; max-height: 300px; overflow-y: scroll;}

.blogs .blogs-category ul::-webkit-scrollbar{
	width:4px;
	display: none;
}
.blogs .blogs-category ul:hover::-webkit-scrollbar{
	width:4px;
	display: block;
}

/* Track */
.blogs .blogs-category ul::-webkit-scrollbar-track {background: transparent; /*box-shadow: inset -1px -1px 1px #ccc;*/ }
 
/* Handle */
.blogs .blogs-category ul::-webkit-scrollbar-thumb {background: #28cc8b; border-radius: 10px; }

/* Handle on hover */
.blogs .blogs-category ul::-webkit-scrollbar-thumb:hover {background: #0e3873; }

.blogs .blogs-category a {padding: 4px 0; display: block; border-bottom: 1px solid #ebebeb; color: #777; }
.blogs aside a:hover{text-decoration: none; color:#019444 !important;}


.blogs .pagination-wrap{margin-top: 40px;}
.blogs .pagination{max-width: 270px; margin:0 auto;}
.blogs .pagination .page-item.active .page-link{background-color: #23aa7b; border-color: #23b382; color:#fff; }
.blogs .pagination .page-item .page-link{color:#03a84e; }
.page-link:focus{box-shadow: none !important; }

.blog-box p.sub span {padding-right: 10px; border-right: 1px solid #dcdcdc; padding-left: 10px; }
.blog-box p.sub span:last-child{border-right: none;}
.blog-box p.sub span:first-child{padding-left: 0px;}
.blog-box p.sub {padding: 8px; font-size: 12px; color: #777;     border-bottom: 1px solid #dedede;}
.blog-box p.sub span i {padding-right: 5px; }


.amazon{padding: 20px 0; text-align: center; width: 100%; float: left; background: #222; }
.amazon p, .amazon p a{color: #fff; font-size: 20px; text-transform: capitalize; margin-bottom:0 !important;}
.amazon p a{text-decoration: underline;}

.portfolio{width:100%; float:left; background: #fff;}
.portfolio .portfolio-box{margin:15px 0; max-height: 300px; overflow: hidden; position: relative; box-shadow: 0 0 3px 0 #00000026;}
.portfolio .portfolio-box .content{position: absolute; z-index: 999; top: 50%; cursor: pointer; left: 50%; width: 100%; transform: translate(-50%,-50%)scale(0); text-align: center; background: rgba(32, 58, 116, 0.8); height: 100%; color: #fff; text-shadow: 1px 1px 1px #0000006e; transition: all .4s;}
.portfolio .portfolio-box:hover .content{transform: translate(-50%,-50%)scale(1);}
.portfolio .portfolio-box .content .caption{    position: relative; top: 50%; transform: translateY(-50%);}
.portfolio .portfolio-box .content .caption p{background: #00000082; padding: 8px 0; margin-top:10px; }
.modal-body{padding:0 !important;}

.modal-header .close{position: absolute; top: 0; right: 0; margin: 0 !important; font-size: 32px; }
.modal-header .modal-title{width: 100%; text-align: center; font-size: 24px; font-weight: 600; color: #272b3d;}


.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.fade-scale.show {
  opacity: 1;
  transform: scale(1);
}

.portfolio p {margin:40px 0 0; text-align: center;}
.portfolio p a{
	display: inline-block;
    padding: 5px 10px;
    border: none;
    background: #28cc8b;
    color: #fff;
    padding: 10px 40px;
    margin: 0 auto;
    transition: all .4s;
}

.modal-open .modal::-webkit-scrollbar-thumb{
	display: none;
	opacity: 0;
}
.modal-open .modal::-webkit-scrollbar{
	display: none;
	opacity: 0;
}

/* width */
  ::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #3b5cfb; 
    border-radius: 10px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #28cc8b, #1f9864); 
    border-radius: 10px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #203a74; 
  }


  		/*	New Changes		*/

.services .company-shapel-1 {
    background: url(../images/company-shape-1.png);
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    width: 215px;
    height: 100%;
    right: 0;
    top: 0;
    background-size: cover;
}

.services .company-shapel-2 {
    background: url(../images/shapel2-company.png);
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    width: 149px;
    height: 100%;
    right: 0px;
    top: 0;
    background-size: cover;
}






















						/*			Start Media Query		*/
@media screen and (max-width: 991px){
	.about-img{
		margin-top:50px;
	}
	.about-us-bg .mission-img{
		margin-bottom: 50px;
	}
	.about-us-bg .vision-img{
		margin-top: 50px;
		margin-bottom: 0!important;
	}
	.page-about{
		float:none !important;
		margin-left:auto;
		margin-right:auto;
	}
	.box{
		margin-bottom:20px;
	}
	.get-in-touch{
		padding-right:15px !important;
	}
	.contact-form{
		padding-left:15px !important;
	}
	footer .col-md-6{
		margin-bottom:40px;
	}

	.contact-pop{
		text-align: center;
	}
	.contact-pop h1{
		float:none;
		display: block;
		margin-bottom: 30px;
	}
	.contact-pop a.rd-btn{
		float:none;
		margin:0;
	}

	.hire-board{
		    display: block;
    margin: 0 auto;
    max-width: 420px;
    width: 98%;
    margin-bottom: 60px;
	}
	.contact .bdr{
		border:none;
	}
	.contact .contact-form{
		margin-top:40px;
	}
	.opportunities{
		display: none;
	}
	.opportunities .float-right{
		float:none!important;
	}
	.offset-1{
		margin-left:0 !important;
	}
}
@media screen and (max-width: 767px){
	.top-bar .numbers {
	    width: 100%;
	    max-width: 320px;
	    text-align: right;
	    font-size: 14px;
	}
	.blogs aside {
    width: 100%;
    max-width: 100%;
    float: left;
    margin-top: 30px;
}

	.top-bar .numbers a {
	    float: none !important;
	    margin-right: 8px !important;
	    color: #2a54b3!important;
	}
	.top-bar .numbers span, .canada-flag {
	    width: 25px;
	}

	.box{
	    width: 96%;
	    margin: 0 auto;
	    max-width: 400px;
	    margin-bottom: 30px;
	}
	.about-img{
		float:left !important;
	}
	.graphic-services .right-side{
    width: 100%;
}
.graphic-services .left-side img{
	display: none;
}


	
}

@media screen and (max-width: 565px){
	.slider{
		padding: 40px 0!important;
	}
	.slider .captions h1.hero-text {
	    font-size: 30px;
	    text-shadow: 4px 4px 3px rgba(0,0,0,0.4);
	    line-height: 45px;
	    padding-top: 30px;
	}
	.heading{
		font-size: 30px!important;
	}
	.about-us .title {
    	font-size: 24px;
	}
	.about-us-bg .title{
    	font-size: 24px;
	}
	.contact-pop{
		padding:40px 0;
	}
	.contact .title {
    	font-size: 24px;
	}
	.contact-pop h1{
    	font-size: 24px;
	}

}

@media screen and (max-width:500px){

	.top-bar .logo {
	     display: block; 
	    max-width: 150px;
	    margin-left: auto;
	    margin-right: auto;
	    float: none;
	}
	.top-bar .contact-info{
		max-width: 320px;
	}


	.top-bar .right-side {
    float:none;
    margin: 0 auto;
    display: block;
    max-width:320px;
	}
}
@media screen and (max-width: 420px){
	.slide .captions p{
		margin-top: 0px;
	}

	.contact-pop h1{
		margin-bottom: 18px;
		font-size: 22px;
	}
	.contact-pop a.rd-btn{
		font-size: 14px;
		padding:7px 24px;
	}
}





.mobile-nav img{
	width:30px;
}