/* Font family declaration */
@font-face {
  font-family: "cloudrun";
  src:url("../fonts/cloudrun/cloudrun.eot");
  src:url("../fonts/cloudrun/cloudrun.eot?#iefix") format("embedded-opentype"),
    url("../fonts/cloudrun/cloudrun.woff") format("woff"),
    url("../fonts/cloudrun/cloudrun.ttf") format("truetype"),
    url("../fonts/cloudrun/cloudrun.svg#cloudrun") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "cloudrun" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "cloudrun" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-automotive:before {
  content: "\61";
}
.icon-canada:before {
  content: "\62";
}
.icon-cloud-migration:before {
  content: "\63";
}
.icon-cloud-native:before {
  content: "\64";
}
.icon-education:before {
  content: "\65";
}
.icon-facebook:before {
  content: "\66";
}
.icon-fintech:before {
  content: "\67";
}
.icon-healthcare:before {
  content: "\68";
}
.icon-insuretech:before {
  content: "\69";
}
.icon-law:before {
  content: "\6a";
}
.icon-leftarrow:before {
  content: "\6b";
}
.icon-linkedin:before {
  content: "\6c";
}
.icon-product-development:before {
  content: "\6d";
}
.icon-rdmore-arrow:before {
  content: "\6e";
}
.icon-realestate:before {
  content: "\6f";
}
.icon-rightarrow:before {
  content: "\70";
}
.icon-twitter:before {
  content: "\71";
}
.icon-web-mobile:before {
  content: "\72";
}
.icon-auth-sso:before {
  content: "\73";
}
@font-face {
  font-family: "Lato-Regular";
  src:url("../fonts/lato/Lato-Regular.eot");
  src:url("../fonts/lato/Lato-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lato/Lato-Regular.woff") format("woff"),
    url("../fonts/lato/Lato-Regular.ttf") format("truetype"),
    url("../fonts/lato/Lato-Regular.svg#Lato-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lato-Italic";
  src:url("../fonts/lato/Lato-Italic.eot");
  src:url("../fonts/lato/Lato-Italic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lato/Lato-Italic.woff") format("woff"),
    url("../fonts/lato/Lato-Italic.ttf") format("truetype"),
    url("../fonts/lato/Lato-Italic.svg#Lato-Italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lato-Light";
  src:url("../fonts/lato/Lato-Light.eot");
  src:url("../fonts/lato/Lato-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lato/Lato-Light.woff") format("woff"),
    url("../fonts/lato/Lato-Light.ttf") format("truetype"),
    url("../fonts/lato/Lato-Light.svg#Lato-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lato-Bold";
  src:url("../fonts/lato/Lato-Bold.eot");
  src:url("../fonts/lato/Lato-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lato/Lato-Bold.woff") format("woff"),
    url("../fonts/lato/Lato-Bold.ttf") format("truetype"),
    url("../fonts/lato/Lato-Bold.svg#Lato-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Generic CSS */
body{font-family: 'Lato-Light';font-size:1.3rem;color:#161718;}
h1,h2,h3,h4,h5,h6{font-family: 'Lato-Regular';margin:20px 0;}
strong{font-family: "Lato-Bold";}
a,a:focus,a:hover{outline:none;text-decoration:none;}
ul{list-style:none;margin:0;}
img{max-width:100%;height:auto;}
/* Pseudo Selector CSS */
.hs-icon:before,.c-footer:after,.cta-section:before,.cta-section:after,.how-we-can-help-section:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:-1;}
/* Common Padding */
.section-divider,.c-footer,.how-we-can-help-section,.industries-we-splz-section,.we-are-canadian-section{padding:40px 0;position:relative;overflow:hidden;}
/* Header CSS */
.c-hdr{padding:5px 0;box-shadow:0 0 4px #efefef;-webkit-box-shadow:0 0 4px #efefef;-moz-box-shadow:0 0 4px #efefef;-ms-box-shadow:0 0 4px #efefef;-o-box-shadow:0 0 4px #efefef;}
nav{background-color:transparent;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;}
nav ul li{float:none;display:inline-block;vertical-align:middle;}
nav ul a{color:#161718;font-family: 'Lato-Regular';line-height:1.5;}
.nav-btn,.c-btn,.rdmore-icon{background-color:#161718;color:#fff;padding:15px 30px;display:inline-block;}
nav .brand-logo{max-width:300px;height:60px;top:5px;}
nav .sidenav-trigger{color:#202021;}
.caption-cntnt{max-width:660px;}
.caption-cntnt h1, .caption-cntnt h2,.pg-hdr{font-size:3rem;}
.caption-cntnt h5{font-family: 'Lato-Light';font-size:2.4rem;}
.navbar-fixed nav{background-color:#fff;top:0;padding:5px 0;box-shadow:0 0 4px #dbdbdb;-webkit-box-shadow:0 0 4px #dbdbdb;-moz-box-shadow:0 0 4px #dbdbdb;-ms-box-shadow:0 0 4px #dbdbdb;-o-box-shadow:0 0 4px #dbdbdb;}
/* Banner CSS */
.banner{max-width:1920px;margin:0 auto;position:relative;font-size:0;}
.caption-wrpr{position:absolute;top:0;left:0;right:0;max-width:1920px;margin:0 auto;padding:5% 0;}
.rdmore-icon{margin-top:20px;font-size:1rem;padding:12px 15px 10px;border-top-right-radius:25px;-webkit-border-top-right-radius:25px;-moz-border-top-right-radius:25px;-ms-border-top-right-radius:25px;-o-border-top-right-radius:25px;}
.rdmore-icon span{font-size:13px;}
.sidenav li .nav-btn{color:#fff;}
/* How we can help section CSS */
.hwcr-left,.hwcr-right{float:left;}
.img-wrapper{overflow:hidden;font-size:0;margin:0 auto;margin-top:18%;}
.how-we-can-help-section{z-index:0;}
.how-we-can-help-section:after{width:1300px;height:1300px;background-color:#EDF1F4;left:auto;margin-right:-25%;margin-top:-28%;}
.helping-solutions-list{margin-top:40px;}
.helping-solutions-list ul{margin-left:-10px;font-size:0;}
.helping-solutions-list li{display:inline-block;margin:10px;vertical-align:top;text-align:center;}
.helping-solutions-list li .hs-box{color:#161718;display:block;width:270px;height:250px;box-shadow:4px 4px 10px #E2E2E2;position:relative;background-color:#fff;padding:40px 40px 20px;text-align:left;}
.hs-box .c-btn{position:absolute;top:0;bottom:0;left:0;right:0;height:60px;margin:auto;width:150px;font-size:16px;text-align:center;}
.hs-box .hs-icon{font-size:5rem;position:relative;z-index:0;display:block;}
.hs-icon:before{background-image:url('../img/icon-bg.svg');width:90px;height:90px;z-index:-1;left:20px;top:-10px;}
.hs-label{font-family: "Lato-Bold";font-size:14px;}
.hsbox-wrpr{position:relative;width:200px;height:200px;margin:0 auto;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;}
.js-tilt{transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;
  transform: perspective(300px);-webkit-transform: perspective(300px);-moz-transform: perspective(300px);-ms-transform: perspective(300px);-o-transform: perspective(300px);}
.hsbox-inner{will-change:transform;transition:.15s;-webkit-transition:.15s;-moz-transition:.15s;-ms-transition:.15s;-o-transition:.15s;position:absolute;width:calc(100% - 100px);height:calc(100% - 100px);transform: translateZ(50px) translateY(-50%) translateX(-50%);top:50%;left:50%;}
.slick-slider{margin:40px 0;}
/* Industries We Specialize In Section CSS */
.industries-we-splz-section{background-color:#F7F9FD;text-align:center;}
.intro-section{max-width:1000px;margin:0 auto;}
.slick_slider_box{margin:20px;background-color:#fff;padding:20px;box-shadow:4px 4px 10px #E2E2E2;-webkit-box-shadow:4px 4px 10px #E2E2E2;-moz-box-shadow:4px 4px 10px #E2E2E2;-ms-box-shadow:4px 4px 10px #E2E2E2;-o-box-shadow:4px 4px 10px #E2E2E2;}
.industry-icon{width:100px;height:100px;background-color:#EDF1F4;padding:10px;font-size:4rem;margin:0 auto;}
.industry-lbl{font-family: "Lato-Bold";font-size:1.4rem;}
/* We Are Canadian Section CSS */
.we-are-canadian-section{text-align:center;padding:80px 0 0;background-image:url('../img/canada-art.png');background-repeat:no-repeat;background-position:bottom right;background-size:300px;}
.cta-section{text-align:left;padding:10px 0;position:relative;z-index:0;margin-top:80px;}
.cta-section:before{background-color:#EDF1F4;margin-left:-50%;}
.cta-section:after{z-index: -1;background-color:#fff;width:100px;left:auto;transform:rotateZ(-30deg);-webkit-transform:rotateZ(-30deg);-moz-transform:rotateZ(-30deg);-ms-transform:rotateZ(-30deg);-o-transform:rotateZ(-30deg);right:48%;margin-top:-50px;height:200%;}
.cta-section h5{margin:0;}
.slick-btns{position:absolute;bottom:0;margin:20px 0;margin-bottom:-50px;font-size:1.5rem;cursor:pointer;width:60px;}
.prev-arrow{margin-left:-50px;left:50%;}
.next-arrow{margin-right:-50px;right:50%;}
.cta-section h5 .rdmore-icon{margin-left:10px;margin-top:20px;}
.social-links{margin-top:10px;}
.social-links li{display:inline-block;}
.social-links li a{color:#fff;display:block;padding:6px;text-align:center;width:34px;height:34px;}
.emailid{color:#fff;text-align:right;position:relative;display:inline-block;padding-left:30px;margin-top:15px;}
.emailid .c-icon{position:absolute;top:2px;left:0;}
/* Get In Touch CSS */
.get-in-touch-wrpr{z-index:2;position:relative;}
.contact-form{color:#fff;background-color:#0e0f0f;padding:50px;box-shadow:0 0 5px #131313;-webkit-box-shadow:0 0 5px #131313;-moz-box-shadow:0 0 5px #131313;-ms-box-shadow:0 0 5px #131313;-o-box-shadow:0 0 5px #131313;}
.contact-form h4{font-size:2rem;margin-bottom:40px;}
.contact-form h6{margin:0;}
.contact-form .form-control{color:#fff;}
.contact-form .form-control:focus{box-shadow:none!important;border-bottom:1px solid #fff!important;}
.contact-form textarea.form-control{min-height:6rem;}
.contact-form label.active{color:#fff!important;}
.contact-form .show-success{display:none;}
.video-desc{text-align:center;}
button.c-btn{border:0;background-color:#5b5b5b;cursor:pointer;color:#fff;}
button.c-btn:hover{background-color:#fff;color:#161718;box-shadow:0 0 4px #111;-webkit-box-shadow:0 0 4px #111;-moz-box-shadow:0 0 4px #111;-ms-box-shadow:0 0 4px #111;-o-box-shadow:0 0 4px #111;}
.get-in-touch-section{padding:40px 0;}
.errorMsg{display:none;font-size:14px;color:#fa3636;}
.show-success{position:relative;padding-left:30px;}
.show-success .c-icon{position:absolute;top:0;left:0;color:#09BF90;}
/* Footer Section CSS */
.c-footer{background-color:#161718;color:#fff;position:relative;z-index:0;}
.c-footer:after{width:2px;height:calc(100% - 100px);background-color:#fff;margin:auto;}
.c-footer .row{margin-bottom:0;}
.vertical-nav li{margin-bottom:10px;}
.vertical-nav li a{color:#fff;}
.quicklink-hdr{font-family: 'Lato-Light';font-size:1.2rem;margin:0;}
.vertical-links{margin-top:10px;}
.vertical-links li{margin-bottom:5px;}
.vertical-links li a{font-size:13px;color:#9B9B9B;position:relative;left:0;}
.copyright-desc{font-size:12px;color:#474747;}
.c-footer .vertical-links li:hover > a{color:#fff;left:2px;}
.social-links li a .c-icon{transform:scale(1);display:block;opacity:1;}
.social-links li a:hover .c-icon{animation:magic 1s ease;}
.jumptosection{display:block;position:relative;top:-50px;visibility:hidden;}
@keyframes magic{
  0%{
    opacity:0;
    transform:scale(3);
  }
  50%{    
    opacity:0.5;
    transform:scale(0);
  }
  100%{
    opacity:1;
    transform:scale(1);
  }
}
/* Inner page CSS */
.inner-banner{position:relative;padding:40px 0;color:#fff;background-color:#161718;overflow:hidden;}
.js-particles{position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.ibnr-caption {max-width:70%;margin:0 auto;text-align:center;position:relative;z-index:2;}
.ibnr-caption h1{font-size:2.28rem;}
.ibnr-caption-default-align {max-width:inherit;text-align:inherit;}
.bulleted-lists{margin:20px 0;}
.bulleted-lists ul li{position:relative;padding-left:20px;margin-bottom:10px;}
.bulleted-lists ul li .c-icon{position:absolute;left:0;top:6px;font-size:12px;}
.even-divider{background-color:#F7F9FD;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
/* Privacy Policy */
.privacy-policy h4{font-size:4.2rem;} /* Applies the <h1> style */

/*****COMMON ANIMATION*****/
button.c-btn,.vertical-links li a{transition:0.4s ease all;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;-ms-transition:0.4s ease all;-o-transition:0.4s ease all;}
/* Media Queries */
@media screen and (min-width:320px){
	.caption-wrpr,.c-container{width:90%;}
}
@media screen and (min-width:1200px){
	.hwcr-left{width:70%;}
	.hwcr-right{width:30%;}
	.img-wrapper{max-width:300px;}	
  .l-img-wrapper{max-width:100%;}
}
@media screen and (min-width:1400px){
	.caption-wrpr,.c-container{max-width:1270px;}
}
@media screen and (min-width:1500px){
	.caption-wrpr,.c-container{max-width:1400px;}
}
@media screen and (min-width:1600px){
	.caption-wrpr,.c-container{max-width:1500px;}
}
@media screen and (min-width:1700px){
	.caption-wrpr,.c-container{max-width:1670px;}
	.hwcr-left{width:60%;}
	.hwcr-right{width:40%;}
	.img-wrapper{max-width:400px;}
}
@media screen and (max-width:1499px){
	.helping-solutions-list li .hs-box{width:250px;padding:40px 30px 20px;}
	.how-we-can-help-section::after{width:1000px;height:1000px;}
}
@media screen and (max-width:1399px){
	.helping-solutions-list li .hs-box{width:220px;padding:40px 20px 20px;height:220px;}
	.hs-box .hs-icon{font-size:4rem;}
	.hs-label{font-size:13px;}
	.caption-cntnt h1, .caption-cntnt h2, .pg-hdr{font-size:2.2rem;}
	.caption-cntnt h5{font-size:1.8rem;}
}
@media screen and (max-width:1299px){
	.helping-solutions-list li{margin:5px;}
}
@media screen and (max-width:1199px){
	.caption-cntnt{max-width:600px;}
	.how-we-can-help-section{text-align:center;}
	.helping-solutions-list li .hs-box{width:250px;padding:40px 40px 20px;}
	.helping-solutions-list li{margin:10px;}
	.hwcr-left, .hwcr-right{float:none;}
	.img-wrapper{max-width:250px;margin:0 auto;margin-top:10px;}
}
@media screen and (max-width:992px){
	.c-footer::after{display:none;}
}
@media screen and (max-width:991px){
	.caption-cntnt h1, .caption-cntnt h2, .pg-hdr{font-size:24px;}
	.caption-cntnt h5{font-size:18px;}
	.caption-cntnt{max-width:450px;}
	.caption-wrpr{padding:20px 0;}
}
@media screen and (max-width:767px){
	.banner-main-img{display:none;}
	.caption-wrpr{position:relative;}
	.caption-cntnt{max-width:90%;text-align:center;padding:20px 0;margin:0 auto;}
	.cta-section::after{display:none;}
	.cta-section::before{margin-left:0;}
	.cta-section h5 .rdmore-icon{margin-top:0;}
	.we-are-canadian-section{padding-top:40px;background-position:center right;background-size:250px;}
	.banner{background-color:#202021;color:#fff;}
}
/***** Border Radius *****/
/*50%*/
.how-we-can-help-section:after{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
/*30px*/
.c-btn,.nav-btn{border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;}
/*5px*/
.contact-form,.industry-icon,.slick_slider_box,.hs-box,.img-wrapper{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}