/*banner*/
.carouselBanner{background:url(../images-thankyou/banner-bg.png) no-repeat center;  background-size:cover; position: relative; height: 773px; overflow: hidden; }
.topSpace{ width:100%; clear:both; height:100px;}
.carouselBanner-caption{ text-align:center; padding-top:152px; font-family: 'Source Sans Pro'; color:#fff; font-weight: 100; width: 58%; margin: 0 auto;}
.carouselBanner-caption h1 {font-family: 'Source Sans Pro';font-weight: 600;text-transform: none;font-size: 80px; letter-spacing: 0.02em; margin-bottom: 28px; padding: 0px;}
.carouselBanner-caption p { font-family: 'Source Sans Pro'; font-size: 20px; padding-bottom: 47px;letter-spacing: 0.02em;}

.captionBox p {  line-height: 32px; color: #555555; font-size: 24px;  padding: 70px 8%; text-align: center; font-family: 'Source Sans Pro'; letter-spacing: 0.02em;}
.inEnterprises{ color:#fff; padding:101px 36px!important }
.inEnterprises h2{margin-top: -6px;  text-transform: uppercase;  letter-spacing: 0.02em; font-size:30px; font-family: 'Source Sans Pro'; font-weight: 600;}
.inEnterprises p{ margin-top: -3px;  letter-spacing: 0.02em; font-size:18px; font-family: 'Source Sans Pro'; font-weight: 100;}
.inEnterprises button{ margin-top:10px;}
.carouselBanner button{padding: 12px 45px!important;}
.carousel-inner {overflow: unset !important;}
/*services*/
.thnk_cls {
  padding: 78px 0 !important;
}
.servicesBox{position:relative;display:block;cursor:pointer;overflow:hidden; cursor:pointer;    height: 250px; background: #fff;padding:74px 0px; margin-bottom: 30px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.00);}
.servicesBox h2 {text-transform: uppercase;    letter-spacing: 0.02em; font-size: 24px;font-family: 'Source Sans Pro';font-weight: 600; padding-top: 35px; line-height: 18px; padding-bottom: 18px;}
.servicesBox img{ height:60px;      margin-top: 20px;  }
.servicesBox p{letter-spacing: 0.02em;line-height: 24px;padding: 13px;position: relative;top: 80px;background: rgba(87,157,218,0.8);}
.servicesBox:hover .servicesBoxcaption{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);opacity:1;top:0;}
.servicesBoxcaption{left:0px; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0.6;position:absolute;height:100%;width:100%;top:270px;background:rgba(87,157,218,0.8);color:#fff;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s;}
.servicesBoxcaption h3{ font-size: 24px;font-family: 'Source Sans Pro';font-weight: 600;  padding:30px;margin-bottom:0;position:relative;righ:100%;margin-top:37px;-webkit-transition:all .9s ease;-moz-transition:all .9s ease;-o-transition:all .9s ease;-ms-transition:all .9s ease;transition:all .9s ease;}
.servicesBoxcaption p{font-family: 'Source Sans Pro';padding:10% 30px;margin-bottom:0;position:relative;left:100%;font-size:18px;-webkit-transition:all .9s ease;-moz-transition:all .9s ease;-o-transition:all .9s ease;-ms-transition:all .9s ease;transition:all .9s ease;}
.servicesBoxcaption .pclass{    padding: 33% 29px 5% 29px;  }
.servicesBox:hover p{display: none;}
.servicesBox:hover h3,.servicesBox:hover p{left:0;}
.variety{color: white; position: absolute; bottom: 33px; left: 98px;}
.hideitonhov{color: white;padding: 85px 15px;}
.showonhov{color: white;padding: 93px 15px; display: block}

.schedul_call {
font-size:18px !important;
margin-bottom:30px !important;
border-radius:4px;
width:55% !important;
border:none;
font-family: "Roboto";
padding:14px 0 !important;
background:#F5A623;
color:#FFFFFF !important;
text-transform:uppercase;
font-weight: 400 !important;
}

/* New Transitions */
.descrp {
    color: #FFFFFF;
}
.descrp > span {
    display: block;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}


.c--anim-btn span {
  color: white;
  text-decoration: none;
  text-align: center;
  display: block;
  /*    position: relative;
    top: 72%;
    left: 17px; */
}
}

.c--anim-btn, .c-anim-btn {
  transition: 0.3s;     
}

.c--anim-btn {
 height: 195px; 
  font: normal normal 700 1em/4em Arial,sans-serif;
  overflow: hidden;
  width: 200px;
 
}

.c-anim-btn{
  margin-top: 0em;   
}

.c--anim-btn:hover .c-anim-btn{
  margin-top: -4em;
}

/* Transition End */

/*portfolio*/
.portfolio{background:url(../images-thankyou/porfolio-bg.jpg) no-repeat;  background-size:100%; position: relative; height: 860px; overflow: hidden; margin-top:90px }
.ourClients img{padding-top:45px;}
.leftBorder{ border-right:1px solid #D0D0D0}
.ourClientsLogos .clear1{border-top:1px solid #D0D0D0}
.ourClientsLogos{     overflow: hidden; height: 256px;     margin-bottom: 40px}
.ourClientsLogos div {border: 1px solid #D0D0D0; text-align: center; min-height: 130px; margin-top: -1px;  margin-bottom: 0px; margin-right: 0px; margin-left: -1px;}
.ourClientsLogos div:nth-child(4),.ourClientsLogos div:last-child{border-right:1px solid #fff}
.ourClients .mainTitle{ font-weight: 700;}
.ourClients button{margin-top: 40px; }

/*blogs*/
.blogs{background:url(../images-thankyou/blogs-bg.jpg) no-repeat;  background-size:100%; position: relative; height: 563px; overflow: hidden;  margin-top:90px}
.blogsContainer{background: #FFFFFF; box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.17); padding:24px 30px; color:#4E4E4E}
.blogsContainer span{ color:#A3A3A3; text-transform: uppercase; font-size: 12px;}
.blogsContainer p{font-size: 26px;font-family: 'Source Sans Pro';font-weight: 400;     padding-top: 10px; line-height:36px;}
.blogs .mobilitybox{margin-right: 40px; margin-left: -13px;}


/*talktoUs*/
.talktoUs{margin-bottom: 80px;}
.talktoUs .inputText { background: none!important;  border: none!important; border-bottom: 1px solid #CACACA!important;  padding: 10px 0px; font-size:16px; font-weight: 100; margin-bottom:40px}
.talktoUs textarea{ background:none!important; border-top:none!important; border-left:none!important; border-right:none!important; border-bottom:1px solid #CACACA!important; padding:10px 0px;}
.talktoUs .inputText::-webkit-input-placeholder {  color: #B2B2B2; font-size: 16px;font-family: 'Source Sans Pro'; font-weight: 100;}
.talktoUs .inputText::-moz-placeholder { color: #B2B2B2; font-size: 16px;font-family: 'Source Sans Pro'; font-weight: 100;}
.talktoUs .inputText:-ms-input-placeholder { color: #B2B2B2; font-size: 16px;font-family: 'Source Sans Pro'; font-weight: 100;}
.talktoUs .inputText:-moz-placeholder { color: #B2B2B2; font-size: 16px;font-family: 'Source Sans Pro'; font-weight: 100;}
.talktoUs textarea:placeholder-shown, .talktoUs input:placeholder-shown{ color: #B2B2B2; font-size: 16px;font-family: 'Source Sans Pro'; font-weight: 100;}
.talktoUs .mainTitle{ font-weight: 700;}
.talktoUs button{margin:40px 0px; }

.grayBg{ background:#F5F5F5; }
.gradient-bg{  background: #272529; background: -moz-linear-gradient(left, #0084e5 50%, #0084e5 50%); background: -webkit-linear-gradient(left, #0084e5 50%,#0084e5 50%); background: -ms-linear-gradient(left, #0084e5 50%,#0084e5 50%); background: linear-gradient(to right, #272529 50%,#0084e5 50%); }
.mainTitle{letter-spacing: 0.02em; font-size:50px; font-family: 'Source Sans Pro'; font-weight: 600;  text-align: center;  padding: 108px 0px 50px 0px}
.clear{ clear:both;}
.whiteText{ color:#fff} 
.ftrBG2{ margin-top:0px!important; padding-top:50px}
.noPadLeft{padding-left:0px!important}
.noPadRight{padding-right:0px!important}
.noPad{padding-left:0px!important; padding-right:0px!important;}
.mainTitle span{text-transform: lowercase;}
.boldText{ font-weight: 700;}
.btnDefault{ font-size:14px; border:2px solid #fff; background: transparent;  font-family: 'Source Sans Pro'; padding: 7px 13px;  border-radius: 200px;  text-transform: uppercase;   font-weight: 600;} 
.btnDefault span{ background: url(../images-thankyou/btnrightArrow.svg) no-repeat!important; width: 17px; height: 10px; float: right;     margin-left: 15px; margin-top: 6px;}
.btnDefault { margin-top: 109px;}
/*.btnDefault:hover{background:#0084e5!important; color:#fff!important; border-color:#0084e5!important }
*/
.btnYellow{ font-size:14px; border:2px solid #F3AA00;     color: white;background: #F3AA00;  font-family: 'Source Sans Pro';  padding:12px 25px;  border-radius: 200px;  text-transform: uppercase;   font-weight: 600;} 
.btnYellow span{ background: url(../images-thankyou/btnrightArrow.svg) no-repeat!important; width: 17px; height: 10px; float: right;     margin-left: 15px; margin-top: 7px;}
/*.btnYellow:hover{background:#0084e5!important; color:#fff!important; border-color:#0084e5!important }
*/
.btnPrimary{ font-size:14px; border:2px solid #0084e5; background: #0084e5;  color:#fff; font-family: 'Source Sans Pro';  padding:12px 25px;  border-radius: 200px;  text-transform: uppercase;    font-weight: 600;} 
.btnPrimary span{ background: url(../images-thankyou/btnrightArrow.svg) no-repeat!important; width: 17px; height: 10px; float: right;     margin-left: 15px;margin-top: 7px;}
.btnPrimaryYellow{ font-size:14px; border:2px solid #F6A623; background: #F6A623;  color:#fff; font-family: 'Source Sans Pro';  padding:12px 25px;  border-radius: 200px;  text-transform: uppercase;    font-weight: 600;} 
.btnPrimaryYellow span{ background: url(../images-thankyou/btnrightArrow.svg) no-repeat!important; width: 17px; height: 10px; float: right;     margin-left: 15px;margin-top: 7px;}
.btnSecondary{ font-size:14px; border:2px solid #707070; background: transparent;  font-family: 'Source Sans Pro';  padding:12px 25px;  border-radius: 200px;  text-transform: uppercase;    font-weight: 600;} 
.btnSecondary span{ background: url(../images-thankyou/btnArrow.svg) no-repeat!important; width: 17px; height: 10px; float: right;     margin-left: 15px; margin-top: 7px;}
.btnSecondary:hover{background:#0084e5!important; color:#fff!important; border-color:#0084e5!important }
.btnSecondary:hover span{background-image: url(../images-thankyou/btnrightArrow.svg)!important;}

.btnThird{ font-size:14px; border:2px solid #FFF; background: #FFF;  color:#000;font-family: 'Source Sans Pro';      padding: 4px 19px; border-radius: 200px;  text-transform: uppercase;    font-weight: 600;} 
.btnThird span{ background: url(../images-thankyou/btnArrowBlack.svg) no-repeat!important; width: 17px; height: 10px; float: right;     margin-left: 15px; margin-top: 9px;}
.btnThird:hover{background:#0084e5!important; color:#fff!important; border-color:#0084e5!important }
.btnThird:hover span{background-image: url(../images-thankyou/btnrightArrow.svg)!important;}

.btnFour{ font-size:14px;border: 2px solid #F74652;background: #F74652; font-family: 'Source Sans Pro';  padding:8px 24px; border-radius: 200px;  text-transform: uppercase;    font-weight: 600;} 
.btnFour span{ background: url(../images-thankyou/btnrightArrow.svg) no-repeat!important; width: 17px; height: 10px; float: right;     margin-left: 15px; margin-top: 9px;}
.btnFour:hover{background:#0084e5!important; color:#fff!important; border-color:#0084e5!important }
.btnFour:hover span{background-image: url(../images-thankyou/btnrightArrow.svg)!important;}


.gradient-bg .btnDefault:hover { background-color: #fff!important; border-color: #fff!important; color: #000!important;}
.gradient-bg .btnDefault:hover span{background-image: url(../images-thankyou/btnArrow.svg)!important;}
.gradient-bg .btnYellow:hover { background-color: #fff!important; border-color: #fff!important; color: #000!important;}
.gradient-bg .btnYellow:hover span{background-image: url(../images-thankyou/btnArrow.svg)!important;}
.blogs .btnSecondary{border-color:#979797!important}
.blogs .btnSecondary:hover{border-color:#0084e5!important}

.blogs .btnThird{border-color:#979797!important}
.blogs .btnThird:hover{border-color:#0084e5!important}

.carouselBanner .btnDefault:hover { background-color: #fff!important;  border-color: #fff!important;  color: #000!important;}
.carouselBanner .btnDefault:hover span{background-image: url(../images-thankyou/btnArrow.svg)!important;}
.carouselBanner .btnYellow:hover { background-color: #fff!important;  border-color: #fff!important;  color: #000!important;}
.carouselBanner .btnYellow:hover span{background-image: url(../images-thankyou/btnArrow.svg)!important;}
.bottomheight{padding-bottom: 10%;}


.Bannerimage-report {background:url(https://www.xcubelabs.com/lp/wp-content/themes/twentyfourteen/br-images/blockchain-report-banner.png) no-repeat center !important;}
/* InnerPage */
.trainingBanner,.vrinSales{background:url(../images-thankyou/tranning.jpg) no-repeat center;  background-size:cover; position: relative; height: 500px; overflow: hidden;}
.Bannerimage,.vrinSales{background:url(../images-thankyou/banner-bg.png) no-repeat center;  background-size:cover; position: relative; height: 450px; overflow: hidden;}
.vrinSales{background:url(../images-thankyou/vrinSales.jpg) no-repeat center;}
.trainingBanner h1{font-family: 'Source Sans Pro';font-weight: 600; text-transform:none; color:#fff; font-size:50px; text-align:center; padding-top: 20%;}
.Bannerimage h1{font-family:"Roboto";width: 100%;font-weight: 600; text-transform:none; color:#fff; font-size:90px; text-align:center; padding-top: 9%;
    margin-bottom: 6px;}
.vrReally {padding: 100px 0px;}
.vrReally img{width:340px;height:340px;background: #527C8A;border: 8px solid #FFFFFF;box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.50);border-radius:100%;}
.vrReallyContainer{padding-top:8%;}
.vrReally p{ font-family: 'Source Sans Pro'; color: #525252; font-size: 18px;}
.costEffectiveBox{ min-height: 200px; background: #FFFFFF; box-shadow: 0px 30px 60px 0px rgba(0,0,0,0.09); font-family: 'Source Sans Pro'; font-size: 18px; color: #525252; line-height: 24px; padding:30px 24px; margin-bottom: 30px; overflow: hidden;}
.costEffectiveBox p {font-family: 'Source Sans Pro'; display: block;  padding: 0px; overflow: hidden; text-overflow: ellipsis;   display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp:4; -moz-box-orient: vertical; display: -ms-box; -ms-line-clamp:4; -ms-box-orient: vertical;}
.costEffectiveBox h2{ font-family: 'Source Sans Pro'; font-size: 20px; color: #353535; padding-bottom: 10px; font-weight: 600;}
.costEffectiveButton{ margin-top:50px; margin-bottom:120px}
.boadrbott{border-bottom: 1px solid #D1D1D1;}
.imgboard{border-bottom: 1px solid #D1D1D1;   border-right: 1px solid #D1D1D1;}
.imgrightboard{border-right: 1px solid #D1D1D1;}
.imgbottom{border-bottom: 1px solid #D1D1D1;}

.board{border-right: 1px solid #D1D1D1;}
.pdtops {    padding-top: 1%;
    padding-bottom: 9%;
color:#4E4E4E;}
.imagelay { 
   position: relative; 
   width: 100%; /* for IE 6 */
}
h2 {
    font-size: 50px !important;
    font-family: 'Source Sans Pro';
}
body{
    color: #4E4E4E;
}
p.newimg { 
      position: absolute;
    bottom: -10px;
    left: 69px;
    width: 324px;
    font-weight: normal;
    height: 108px;
    padding-top: 23px;
    color: #d6d2d2;
    text-decoration: underline;
    background: black;
    text-align: center;
    margin-left: -54px;
    font-family: 'Source Sans Pro';
}
/* Tabs */

.servicetop {padding-top: 5%; padding-bottom: 3%;    color: #4E4E4E; font-weight: bold;font-family: 'Source Sans Pro';}
 div.tab {float: left;height: 300px; }

/* Style the buttons inside the tab */
div.tab button {
    display: block;
    background-color: inherit;
    color: #4E4E4E;
   padding: 7px 14px;
        width: 285px;
        font-size: 15px;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
   color:#F3AA00;
}

.headtab{padding-top: 2px;
    padding-right: 15px;
    padding-left: 30px;
text-transform: uppercase;
font-size: 22px;
color:#4E4E4E;}
.pcontent {    padding-top: 15px;
    padding-right: 15px;
    padding-left: 31px;
font-size: 17px;    text-align: justify;
    color: #4E4E4E;font-weight: 300;}
.pfonts {    padding: 37px; font-size: 16px;}

/* Create an active/current "tab button" class */
div.tab button.active {
   color:#F3AA00;
   background: url(../images-thankyou/servicearow.png) no-repeat left;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    border-left: none;
        width: 96%;
    height: auto;
    -webkit-box-shadow: 0 0 5px 2px #fff;
    -moz-box-shadow: 0 0 5px 2px #fff;
        box-shadow: 0 0 43px 23px #f2f2f2;
}


.discoverpart{
    line-height: 50px;
    font-size: 43px;
    margin-bottom: 9px;}

/****************ONCLICK EVENT TESTING BLOCK*********************/
#mydiv {
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 100px;
    top: 100px;
    position: absolute;
    opacity: 0.5;
    z-index: 200;
}
#mydiv-container {
    margin-left: auto;
    margin-right: auto;
}
#mydiv-content {
    width: 70%;
    padding: 20px;
    background-color: white;
    border: 1px solid #6089F7;
}

.overlapboxes {
       background: #3B464C !important;
    border-bottom: 1px solid #6C6F70 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    color: #B6B6B6 !important;
    font-size: 16px;
    font-weight: 300;
    padding-top: 21px !important;
    padding-bottom: 7px !important;
    width: 90% !important;
}
.crossbutt{
    background: none;
    border: none;
    position: absolute;
        top: 15px;
    right: 15px;

    }
 #rePlace{
         display: block;
         background: #3B464C;
        }

        #rePlace2 {
          display: none;
         background: #3B464C;
        min-height: 466.8px;
        }
#Button1{
    font-size: 18px;

}
.spchng{
    margin-left: 6px !important;
    margin-top: 8px !important;
}
.somthngontop{
        padding-top: 29px;
}
.formtopbot{
        padding-top: 60px;
}

.forweight{padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 21px;
    padding-right: 20px;}


 .mobtoppads{
    padding-bottom: 34px;
    margin-top: -27px;
}
/****************ONCLICK EVENT TESTING BLOCK END*********************/


/*talktoUs Button*/

a.talkusbutton {border: 0px solid #f2aa00; background-color: #f2aa00;display: block;font-family: 'Source Sans Pro'; text-decoration : none; font-size: 15px;font-weight: 700; margin: 0 auto 30px; text-transform: uppercase;padding: 12px; color: #FFFFFF !important; width: 42%;text-align: center;transition: background 0.5s ease 0s;border-radius: 50px;text-decoration: none; }
.submitbut {border: 0px solid #f2aa00; background-color: #f2aa00;display: block;font-family: 'Source Sans Pro'; text-decoration : none; font-size: 14px;font-weight: 700; margin: 0 auto 30px; text-transform: uppercase;    padding: 13px 35px 14px 11px;
    color: #FFFFFF;
    width: 18%;text-align: center;transition: background 0.5s ease 0s;border-radius: 50px;text-decoration: none; }
.talkusbutton:hover{color:white;}
a.talkusclient {    border: 2px solid #707070;
    background-color: #f4f4f4;display: block;font-family: 'Source Sans Pro'; text-decoration : none; font-size: 14px;font-weight: 700; margin: 0 auto 30px; text-transform: uppercase;padding: 11px; color: #4E4E4E; width: 13%;text-align: center;transition: background 0.5s ease 0s;border-radius: 50px;text-decoration: none; }
.workshops{background:url(../images-thankyou/workshops.png) no-repeat center;  background-size:cover; position: relative; height: auto; overflow: hidden;}

.blog{background:url(../images-thankyou/yellowimage.png) no-repeat center;  background-size:cover; position: relative; height: auto; overflow: hidden;}
.subimage{position: absolute;         top: 35%;
    right: 44%;}
.middlealign{text-align : center;}
a.downloadebook {border: 2px solid #707070; background-color: #fff;display: block;font-family: 'Source Sans Pro'; text-decoration : none; font-size: 15px;font-weight: 700; margin-left: 4%; text-transform: uppercase;padding: 11px; color: #4E4E4E; width: 43%;text-align: center;transition: background 0.5s ease 0s;border-radius: 50px;text-decoration: none; }

.mobility{color: #A3A3A3;font-weight: normal;font-size: 12px;}
a.readmore {border: 2px solid #707070; background-color: #fff;display: block;font-family: 'Source Sans Pro'; text-decoration : none; font-size: 14px;font-weight: 700; text-transform: uppercase;padding: 8px; color: #4E4E4E; width: 118px;text-align: center;transition: background 0.5s ease 0s;border-radius: 50px;text-decoration: none; }
.servicesreadmore {border: 2px solid #707070; background-color: #fff;display: block;font-family: 'Source Sans Pro'; text-decoration : none; font-size: 14px;font-weight: 700; text-transform: uppercase;padding: 11px; color: #4E4E4E; width: 37%;text-align: center;transition: background 0.5s ease 0s;border-radius: 50px;text-decoration: none; }

.ourclients {padding-top: 5%;}
.clientbottom {padding-bottom: 2%;    color: #4E4E4E;font-weight: bold; font-family: 'Source Sans Pro'; }
.ourclientsbottom {padding-top: 5%; padding-bottom: 8%; padding-left: 14px;
}

.bottomheight{padding-top: 5%;}
.leftread{  padding-top: 5%; }
.servicesread{     padding: 4% 0% 2% 7%; }
.digitaltransf{padding-top: 7%;
    padding-bottom: 7%;}
div.newimg p {margin: 6%;}

.digitrans{    font-size: 32px;    color: #4E4E4E;
   padding-top: 7%;
    text-transform: uppercase;
     font-family: 'Source Sans Pro';
    font-weight: bold;
    padding-bottom: 3%;}
.digiebook{ font-family: 'Source Sans Pro'; font-size: 18px; padding-bottom: 3%; font-weight: 300;     color: #4E4E4E;width: 100%; margin: 0 auto; }
.digtop{ padding-top: 5%;}
.workp{font-size: 18px;        padding: 6px 17px 17px 17px;  line-height: 26px;color:#4E4E4E;font-family: 'Source Sans Pro';}
.workshopsp{font-size: 18px;          padding-top: 11px; line-height: 26px;color:#4E4E4E;font-family: 'Source Sans Pro';}
.workhfour{font-size: 20px; color:#4E4E4E;     padding-top: 12px;font-family: 'Source Sans Pro';
    font-weight: bold;}
.workshopstitle{font-size: 20px; color:#4E4E4E;  font-family: 'Source Sans Pro';
    font-weight: bold;}
.digstrat{    background: white;
    width: 100%;

    padding: 28px;
    height: auto;
    /* line-height: 12px; */}
.mobstrat{    background: white;
    width: 100%;

    padding: 28px;
    height: auto;
    /* line-height: 12px; */}
.bgourclients{background-color: #F4F4F4;}


.bottomheight{    padding-bottom: 5%;}

.formboxes{padding-left: 17%;}
.formboxright{    padding-right: 17%;}
.formtop{padding-top: 2%;}
.formfields{font-family: 'Source Sans Pro';    color: #A19E9E;
    font-size: 16px;width: 100%;padding: 3%;     border-bottom: 1px solid #CACACA;border-top: 0px; border-left: 10px;  border-color: #CACACA;   font-weight: 200;  border-right: 0px;}
.workshoptop{padding-top: 7%; padding-bottom: 3%;color:white;
font-family: 'Source Sans Pro';
    font-weight: bold;}
.whyxcube{padding-top: 6%; padding-bottom: 3%;color:#4E4E4E;font-family: 'Source Sans Pro';
    font-weight: bold;}
.layer{background-color: #272529;height: auto;opacity: 0.9; }

::-webkit-input-placeholder {
    color:#A19E9E;
}

::-moz-placeholder {
    color:#A19E9E;
}

::-ms-placeholder {
    color:#A19E9E;
}

::placeholder {
    color:#A19E9E;
}
    /* text-left*/
.padfont {    padding-top: 2%;
    line-height: 35px;
    color: #4E4E4E;
        font-size: 25px;
       font-weight: 600;
    font-family: 'Source Sans Pro';
    font-size: 25px;} 
.text-left{ font-family: 'Source Sans Pro';font-size: 15px;padding-bottom: 30px;font-weight: 300;color:white;width: 100%;margin: 0 auto;text-align: center; text-align: center;}

.bannertext {    font-size: 34px;         padding-bottom: 20px;
    padding-top: 0px;font-weight: 300;color: white; width: 100%; margin: 0 auto; }
.footform {padding-bottom: 13px; padding-top: 8%;  font-size: 30px !important;      color: #4E4E4E;    font-weight: bold; font-family: 'Source Sans Pro';}
.iconsblock { padding-top: 3%; padding-bottom: 8%; font-size: 22px;}
.footp{font-family: 'Source Sans Pro';font-size: 18px;    color: #4E4E4E;}

/** Thank You Page Styling Custom */

.clearfix:before,
.clearfix:after {
    content: ".";    
    display: block;    
    height: 0;    
    overflow: hidden; 
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



.light {
  font-weight: 400;
}
.navbar-custom {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  font-family: 'Source Sans Pro';
  background-color: black;
}
.navbar-custom .navbar-toggle {
  color: white;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 12px;
}
.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:active {
  outline: none;
}
.navbar-custom .navbar-brand {
  font-weight: 700;
}
.navbar-custom .navbar-brand:focus {
  outline: none;
}
.navbar-custom a {
  color: white;
}
.navbar-custom .nav li a {
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.navbar-custom .nav li a:hover {
  color: rgba(255, 255, 255, 0.8);
  outline: none;
  background-color: transparent;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
  outline: none;
  background-color: transparent;
}
.navbar-custom .nav li.active {
  outline: none;
}
.navbar-custom .nav li.active a {
  background-color: rgba(255, 255, 255, 0.3);
}
.navbar-custom .nav li.active a:hover {
  color: white;
}
@media (min-width: 768px) {
  .navbar-custom {
    padding: 20px 0;
    border-bottom: none;
    letter-spacing: 1px;
    background: transparent;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  }
  .navbar-custom.top-nav-collapse {
    padding: 0;
    background: black;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}
.intro {
  display: table;
  width: 100%;
  height: auto;
  padding: 100px 0;
  text-align: center;
  color: white;
  background: url(../images-thankyou/intro-bg.jpg) no-repeat bottom center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.intro .intro-body {
  display: table-cell;
  vertical-align: middle;
}
.intro .intro-body .brand-heading {
  font-size: 40px;
}
.intro .intro-body .intro-text {
  font-size: 18px;
}
@media (min-width: 768px) {
  .intro {
    height: 100%;
    padding: 0;
  }
  .intro .intro-body .brand-heading {
    font-size: 100px;
  }
  .intro .intro-body .intro-text {
    font-size: 26px;
  }
}
.btn-circle {
  width: 70px;
  height: 70px;
  margin-top: 15px;
  padding: 7px 16px;
  border: 2px solid white;
  border-radius: 100% !important;
  font-size: 40px;
  color: white;
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.btn-circle:hover,
.btn-circle:focus {
  outline: none;
  color: white;
  background: rgba(255, 255, 255, 0.1);
}
.btn-circle i.animated {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
.content-section {
  padding-top: 100px;
}
.download-section {
  width: 100%;
  padding: 50px 0;
  color: #000;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
#map {
  width: 100%;
  height: 200px;
  margin-top: 100px;
}
@media (min-width: 767px) {
  .content-section {
    padding-top: 0px;
  }
  .download-section {
    padding: 100px 0 37px 0;
  }
  .contact-section {
    padding: 100px 0;
  }
  #map {
    height: 400px;
    margin-top: 250px;
  }
}
.btn {
  text-transform: uppercase;
  font-family: 'Source Sans Pro';
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 0;
}
.btn-default {
  border: 1px solid #42DCA3;
  color: #42DCA3;
  background-color: transparent;
}
.btn-default:hover,
.btn-default:focus {
  border: 1px solid #42DCA3;
  outline: none;
  color: black;
  background-color: #42DCA3;
}
ul.banner-social-buttons {
  margin-top: 0;
}
@media (max-width: 1199px) {
  ul.banner-social-buttons {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  ul.banner-social-buttons li {
    display: block;
    margin-bottom: 20px;
    padding: 0;
  }
  ul.banner-social-buttons li:last-child {
    margin-bottom: 0;
  }
}
footer {
  padding: 50px 0;
}
footer p {
  margin: 0;
}
::-moz-selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, 0.2);
}
::selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, 0.2);
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}


/*new*/
.widget {
    box-shadow: 1px 1px 16px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 1px 1px 16px 8px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: 1px 1px 36px 12px rgba(195, 195, 195, 0.23);
    margin-bottom: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.widget .widget-content {
    padding: 15px;
}
.lastbottompad {
        padding-top: 5%;

}
.bg-white {
    background: #ffffff !important;
    color: inherit;
}
.icon-people:before {
    content: url(../images-thankyou/awards.png);
}
.icon-awards:before {
    content: url(../images-thankyou/value-creation.png);
}
.icon-emp:before {
    content: url(../images-thankyou/employees.png);
}

.designcurve{padding-top: 32%;}
.ourstory{padding: 25% 0% 0% 34%; font-family: 'Source Sans Pro';    font-size: 40px;
    text-align: left;
    color: #474747;
    text-transform: uppercase;
font-weight: 600;}
.ourstoryfornumber {padding: 23% 41% 0% 1%; font-family: 'Source Sans Pro';    font-size: 40px;
    text-align: left;
    color: #474747;
    text-transform: uppercase; 
font-weight: 600;}    
.trusted{
  display: block;
  box-shadow: 1px 1px 16px 8px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 1px 1px 16px 8px rgba(0, 0, 0, 0.23);
 /*    -webkit-box-shadow: -3px 9px 34px 17px rgba(173, 163, 163, 0.23); */
  -webkit-box-shadow: 1px 1px 36px 12px rgba(142, 134, 134, 0.23);
      margin-bottom: 20px;
  background: #fff;
   
    min-height: 65px;
}
.gridthirdcol{
        padding-top: 26.788%;
}
.girdsecondcol{
        padding-top: 8%;
}
#contact{background: #e5e5e5;}
.contact-section {
    width: 100%;
    padding: 50px 0 20px 0;
    color: #000;
    background-color: #e5e5e5;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.shadow-effect {
            background: #fff;
            padding: 20px;
            border-radius: 4px;
            text-align: center;
    border:1px solid #ECECEC;
            box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
        }
        #customers-testimonials .shadow-effect p {
            font-family: inherit;
            font-size: 17px;
            line-height: 1.5;
            margin: 0 0 17px 0;
            font-weight: 300;
        }
        .testimonial-name {
            margin: -17px auto 0;
            display: table;
            width: auto;
            background: #3190E7;
            padding: 9px 35px;
            border-radius: 12px;
            text-align: center;
            color: #fff;
            box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
        }
        #customers-testimonials .item {
            text-align: center;
            padding: 50px;
                margin-bottom:80px;
            opacity: .2;
            -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        #customers-testimonials .owl-item.active.center .item {
            opacity: 1;
            -webkit-transform: scale3d(1.0, 1.0, 1);
            transform: scale3d(1.0, 1.0, 1);
        }
        .owl-carousel .owl-item img {
            -webkit-transform-style: preserve-3d;
                    transform-style: preserve-3d;
            max-width: 90px;
            margin: 0 auto 17px;
        margin-top: -26%;
        }
        #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot.active span, #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
            background: #28CB75;
            -webkit-transform: translate3d(0px, -50%, 0px) scale(0.7);
                    transform: translate3d(0px, -50%, 0px) scale(0.7);
        }
        #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot span {
            background: #C4C4CC;
            display: block;
            height: 20px;
            margin: 0 2px 5px;
            -webkit-transform: translate3d(0px, -50%, 0px) scale(0.3);
                    transform: translate3d(0px, -50%, 0px) scale(0.3);
            -webkit-transform-origin: 50% 50% 0;
                    transform-origin: 50% 50% 0;
            -webkit-transition: all 250ms ease-out 0s;
            transition: all 250ms ease-out 0s;
            width: 20px;
        }
.testimonials{
    padding: 40px 0;}
    #about{
        padding: 100px 0;}
    .thumbnail {
    position:relative;
    overflow:hidden;
}

.thumbnail .caption .threegrid {

        font-size: 23px;
    line-height: 26px;
    color: #FFF;
        padding-bottom: 11px;
}
.caption {
    position:absolute;
    top:0;
    right:0;
    background:#579DDA;
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}
.thumbnail .caption {
    padding: 26% 5% !important;
    color: #FFF !important;
    font-family: Source Sans Pro;
}

.noeffects{

    border:0px solid #FFF !important; 
}
.footer-nav-social{
    list-style: none;
    
}

.SocialImages{
    float: left;
    margin-left: 2px;
    padding: 6px;
    color: #fff;
    font-family: trebuchet ms;
    font-size: 19px;
    font-weight: lighter;
    text-align: justify;
    word-wrap: break-word;

}


.thumbnail, .img-thumbnail{box-shadow: 0 0px 0px rgba(0, 0, 0, .075) !important;}
.padtop{padding-top: 12%;}
.blue1{color:#4896DB;    text-align: left;     font-size : 50px; font-weight: 500;}
.orange{color:#F09906; text-align: left;     font-size : 50px;  font-weight: 500;}
.red{color:#F74652; text-align: left;    font-size : 50px;   font-weight: 500;}
.discover{

  background: #3B464C;
        padding: 17px 0px 60px 20px;
    margin-top: 9%;
    text-align: left;
    color: #fff;
    position: relative;
    display: block;
}

.iawards{
        text-align: left;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: -4px;
    color:#717171;
}


/** Thank You Page Custom Styling End -->


/*Accordian*/
 .accordion {
    width: 100%;
    background-color: #EDEDED;
}
.accordion .accordion-head {
    color: #454545;
    background-color: #EAEAEA;
    border-bottom: 1px solid #fff;
    position: relative;
    padding: 13px;
    font-size: 0.87em;
    cursor: pointer;
    overflow: hidden;
}
.accordion .accordion-head * {
    cursor: pointer;
     color: #454545;
}
.accordion .accordion-head h4 {
    float: left;
}
.accordion .accordion-head:hover {
   
}
.accordion .accordion-body {
    border-bottom: 1px solid #fff;
    padding: 20px;
    height: auto;
    display: none;
        background-color: white;
}
.arrow {
float: right;
    width: 0px;
    height: 0px;
    margin-top: 23px;
    /* border: 10px solid transparent; */
    margin-top: 4px;
    margin-right: 20px;
    font-size: 28px;
    border-top-color: #454545;
    color: #454545;
}
.accordion-head.open .arrow {
    margin-right: 20px;
    border-bottom-color: #F3F3F3;
    border-top-color: transparent;
}
.close{
    float: none !important;
    opacity: 1 !important; 

}

/* Vertical tabs End */


/*Image Responsive*/

ul.clientsec {  margin: -1px;     text-align: center;}
ul.clientsec li {
    display: inline-block;    margin-right: -4px;    position: relative;
}
.bg-cmpny ul.clientsec li img {
    border-right: 0;
}
/* Image Responsive End */

/* Testimonials Block */

.medium-paragraph { font-size: 18px; line-height: 34px; }

::-moz-selection { background: #42bfc2; color: #fff; text-shadow: none; }
::selection { background: #42bfc2; color: #fff; text-shadow: none; }


/***** General style, all sections *****/

.section-container { margin: 0 auto; padding-bottom: 80px; }

.section-container-image-bg {background:url(../images-thankyou/testimonial-bg.png);}
.section-container-image-bg, 
.section-container-image-bg h3 { color: #474747;        text-align: center; font-weight: 300; }

.section-container-image-bg .divider-1 .line { border-color: #fff; opacity: 0.8; }

.section-description { margin-top: 60px; padding-bottom: 10px; }

.section-description p { margin-top: 20px; padding: 0 120px; }
.section-container-image-bg .section-description p { opacity: 0.8; }


/***** Divider *****/

.divider-1 { padding: 25px 0 15px 0; }
.divider-1 .line { width: 200px; margin: 0 auto; border-bottom: 1px solid #ddd; }


/***** Testimonials *****/

.testimonials-container { padding-bottom: 70px; }

.testimonial-list { margin-top: 30px;margin-bottom: 30px; text-align: center; }

.testimonial-list .testimonial-image img {
   max-width: 81px;
    margin-top: -10%;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}

.testimonial-list .testimonial-text {        margin-top: -6px; padding-bottom: 53px;}
.testimonial-list .testimonial-text p { opacity: 0.8; font-size: 18px; font-family: 'Source Sans Pro'; color: #474747;} 

.testimonial-list .testimonial-text a { color: #fff; border-bottom: 1px dotted #fff; }
.testimonial-list .testimonial-text a:hover, 
.testimonial-list .testimonial-text a:focus { color: #fff; border: 0; }

.testimonial-list .nav-tabs { margin-top: 23px; border: 0; }
.testimonial-list .nav-tabs li { float: none; display: inline-block;     margin-left: -2px;
    margin-right: 10px; }

.testimonial-list .nav-tabs li a {
    width: 10px; height: 10px; margin: 0; padding: 0;
    background: #FFF; border: 1px solid #fff; border-color: rgba(255, 255, 255, 0.8);
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}
.testimonial-list .nav-tabs li a:hover {
    background: #fff; background: rgba(255, 255, 255, 0.8);
    border: 1px solid #fff; border-color: rgba(255, 255, 255, 0.8);
}

.testimonial-list .nav-tabs li.active a,
.testimonial-list .nav-tabs li.active a:focus { background: #7BBBF3; border: 0; }

.setup {    font-weight: bold !important;
    font-size: 18px;
    padding-top: 15px;}
.bottomname{font-size: 12px !important;
    margin-top: -5px;}
.testi-title{text-align: center;}
.tab-content{background: #FFF; padding: 28px 14px 63px 14px; border-radius: 10px;}
.testimonial-text{color:#000;     padding: 0% 11% 0%;}

.h3text{color:green;}

/*** Testimonial New Start ******/

/*-------------------------------*/
/*      Code snippet by          */
/*      @maridlcrmn              */
/*-------------------------------*/


section {
       /* padding-top: 130px;
    padding-bottom: 90px; */
    padding-top: 80px;
   padding-bottom: 50px;
}

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  /*padding-bottom: 31px; */
  padding-bottom: 20px;
   padding: 6% 1% 6% 1%;
   overflow: hidden;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 24px;
}
#fade-quote-carousel.carousel .carousel-indicators > li.active {
  background-color: #7BBBF3;
      border: none;
    width: 10px;
    height: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #FFF;
      border: none;
          margin: 0px;
    width: 10px;
    height: 10px;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
        margin-top: -41px;
    z-index: 99999;
}

.carousel-inner{    background-color: white;
    border-radius: 10px;

}

.carousel-indicators .active{
    background-color: #7BBBF3;
        width: 10px;
    height: 10px;
}
.overlap{
    margin-top: -34%;
}
/**********Testimonials End**********/


/***** MEDIA QUERIES *****/

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {

    .section-description p { padding: 0; }
    
    .footer-social a { margin-right: 15px; }
    .footer-social i { font-size: 22px; }

}

@media (max-width: 767px) {
    
    .section-description p { padding: 0; }
    
    footer { text-align: center; }
    .footer-social { padding-top: 30px; text-align: center; }
    .footer-social a { margin: 0 10px; }

}


/* Testimonials End */



@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .imgleftboard {
 
  border-top: 1px solid #D1D1D1; 
}
.imgtopboard {
 
  border-top: 1px solid #D1D1D1; 
}
.imgnoright {
 
  border-right: 0px solid #D1D1D1; 
}
a.talkusclient {
    width:15%;
}
.digitrans{
    margin-left: 15%;
}
.digiebook{
    margin-left: 15%;
}
a.downloadebook{
        width: 52%;
            margin-left: 18%;
}

.workshopsp{

    font-size: 16px;
}

.digstrat{

    width: 295px;
    text-align: justify;
    padding: 9%;
    /* height: 302px; */
    /* line-height: 12px; */
}

.mobstrat{
        width: 295px;
       padding: 18px 23px 25px 30px;
   height: auto; 
}

.subimage{
    position: absolute;
    top: 34%;
    right: 43%;
}
    .submitbut{width: 22%;
    }

    div.tab button{
        width: 100%;
    }

    .headtab{
        margin-top: -12px;
        padding-top: 0px;
    }
    .pcontent{
        padding-top: 0px;
    }
.servicesreadmore{

        width: 43%;
}
.servicesread {
    padding: 2% 0% 2% 7%;
}
.tabcontent{
    width: 86%;
}
.hideatsomepoint{
    display: none;
}

}

@media only screen and (min-width : 1024px) and (max-width : 1199px) {

 .Bannerimage h1 {      font-size: 60px; padding-top: 15%;}
 a.talkusbutton {width: 49%; }
 .board {    border-right: 0px solid #D1D1D1;}
 .ourclientsbottom { padding-left: 72px;}
 .designcurve {
    padding-top: 19%;
}
.ourstoryfornumber {
   padding: 0% 0% 3% 0%;
   text-align: center;
}
.download-section {
    padding: 60px 0;
}
.gridthirdcol{
        padding-top: 0%;
}
.girdsecondcol{
        padding-top: 0%;
}
.ourstory {
    padding:0%;
    text-align: center;
}
.bannertop: {padding-top: 15%;}
.fixheight{
    height: 277px !important;
}
}
@media only screen and (min-width : 991px) and (max-width : 1024px) {
    .ourclientsbottom { padding-left: 66px;}
    .Bannerimage .bannertop{    font-size: 71px;
   
    padding-top: 6%;}
    .ourstoryfornumber {
   padding: 0% 0% 3% 0%;
   text-align: center;
}

.download-section {
    padding: 60px 0;
}
.designcurve {
    padding-top: 22%;
}
.gridthirdcol{
        padding-top: 0%;
}
.girdsecondcol{
        padding-top: 0%;
}
.ourstory {
    padding:0%;
    text-align: center;
}
}

@media only screen and (min-width : 768px) and (max-width : 991px) {

.mobstrat {    padding: 15px 24px 24px 24px;}
.padfont{    padding-top: 0%;    font-size: 18px;     line-height: 33px;}
.workshopsp{    font-size: 16px;    font-weight: 300;padding-top: 0px;line-height: 25px;}
.workshopstitle { font-size: 19px; }
.digstrat{    padding: 6px 24px 24px 24px; height:auto;}
a.downloadebook{width: 56%;    margin-left: 2%;}
.digiebook {    padding-left: 14px;     }
.digitrans{padding-left: 14px;}
.ourclientsbottom{     padding-left: 7%; }
.imgsmlright{border-right: none;}
a.talkusclient{width: 20%}
.Bannerimage .bannertop{    padding-top: 11%;
    font-size: 63px;}
.bannertext {font-size: 18px;}
 a.talkusbutton {width: 63%; }
 .imgwidth{ width: 300px;      height: 395px;}
 p.newimg {width: 300px; height: 100px;    right: 55px;}
 .headtab {    margin-top: -11%; padding-top: 0px;}
 .pcontent {padding-top: 2px;}
 .servicesreadmore{    width: 51%;}
 .servicesread{    padding: 4% 0% 2% 10%;}
.tabcontent{ padding: 0px;     box-shadow: none;}


.SocialImages{    margin-left: 1px;
    padding: 2px;}
.discoverpart{font-size: 25px;}
.forweight{font-weight: 200; }
.ourstoryfornumber {
   padding: 0% 0% 3% 0%;
   text-align: center;
}

.download-section {
    padding: 60px 0;
}
.designcurve {
    padding-top: 22%;
}
.gridthirdcol{
        padding-top: 0%;
}
.girdsecondcol{
        padding-top: 0%;
}
.ourstory {
    padding:0%;
    text-align: center;
}

#fade-quote-carousel.carousel .carousel-indicators{
        bottom: -14px;
}
#fade-quote-carousel.carousel {


    padding: 7% 1% 0% 1%;

    }

    .discover{
            padding: 17px 0px 60px 23px;
    }
  .formtopbot {
    padding-top: 0px;
}
#rePlace2{
    min-height: 200px;
}
.padtop{
    padding-top: 0;
}

}





@media only screen and (min-width : 320px) and (max-width : 479px) {
    .navbar-header{    margin-top: 16px!important;}
    .topSpace{height: 40px;}
    .carouselBanner { background: url(../images-thankyou/banner-bg.png) no-repeat bottom #000; height:200px;   background-size: 100%;}
    .carouselBanner-caption { padding-top: 30px;  width: 100%;}
    .carouselBanner-caption h1 {font-size: 20px;}
    .carouselBanner-caption  p {  line-height: 18px;}
    .captionBox p { padding: 10px 0px; width: 100%;}
    .mainTitle {   font-size: 40px; padding-top: 10px;}
    .gradient-bg{  background: #272529; background: -moz-linear-gradient(top, #0084e5 50%, #0084e5 50%); background: -webkit-linear-gradient(top, #0084e5 50%,#0084e5 50%); background: -ms-linear-gradient(top, #0084e5 50%,#0084e5 50%); background: linear-gradient(to bottom, #272529 50%,#0084e5 50%); }
    .inEnterprises {padding: 50px 0px!important;}
    .portfolio{height: 200px;}
    .ourClientsLogos {height: auto;}
    .ourClients{ text-align:center}
    .ourClientsLogos div { min-height: 60px; margin-top: -1px; margin-bottom: 0px; margin-right: 3px; margin-left: -1px; width: 101%;}
    .ourClients img { padding: 15px 0px;}
    .blogs { background: url(../images-thankyou/blogs-bg.jpg) no-repeat bottom #000; height: auto; margin-top: 0px;}
    .blogsContainer{padding: 15px; margin-bottom: 15px;}

    .trainingBanner, .vrinSales{ background-size: 100%;     height: 120px;}
    .trainingBanner h1 {padding-top: 20%; font-size: 20px;}
    .vrReally img { width: 250px; height: 250px;}
    .vrReally p{text-align:center}
    .vrReally {padding: 50px 0px;}
    .costEffectiveButton { margin-top: 30px; margin-bottom: 30px;}
    .costEffectiveBox{text-align:center}
    .costEffectiveBox h2{line-height: 25px;}
    .boldText {   font-size: 30px; padding-top: 50px;}
     .Bannerimage h1{font-size: 35px;padding-top: 17%;}
    .bannertext{width: 100% !important;margin-top: 24px;font-size: 16px !important;padding-left: 10px !important; padding-right: 10px !important;
}
    .Bannerimage{height: 330px;}
    .workmobile{padding-bottom: 7%;}
    .formboxes{padding-left: 0%;     text-align: center;}
    .formboxright{    padding-right: 0%;  }
    .formfields{text-align: center;}
    .imgboardpulsara{border-right: none;}
    .imgrightboardge{border-right: none;border-bottom: 1px solid #D1D1D1;}
    .imgbottomboard{border-bottom: 1px solid #D1D1D1;}
    .imgboard{border-right: none;}
    .imgrightboard{border-right: none;}
    #about{padding: 0px;}
    .discover{margin-top: 0%; margin-bottom: 10%;} 
    .testimonial-list .testimonial-image img{    margin-top: -34%;}
    .content-section{padding: 0px;}
    .ourstoryfornumber{padding: 0px; font-size: 32px; text-align: center;}
    .designcurve{padding-top: 0px;}
    .girdsecondcol{padding:0px;}
    .gridthirdcol{
        padding: 0%;
}
.ourstory{
        padding: 0%;
        font-size: 29px;
        text-align: center;
}
#fade-quote-carousel.carousel {


    padding: 12% 1% 0% 1%;

    }
    #fade-quote-carousel.carousel .carousel-indicators {
    bottom: -14px;
}
  .discover{
            padding: 17px 0px 60px 23px;
    }
  .formtopbot {
    padding-top: 0px;
}
#rePlace2{
    min-height: 365px;
}
.servicesBoxcaption .pclass {
    padding: 21% 29px 5% 29px;
}

}

@media only screen and (min-width : 480px) and (max-width : 567px) {
    .navbar-header{    margin-top: 16px!important;}
    .topSpace{height: 40px;}
    .carouselBanner { background: url(../images-thankyou/banner-bg.png) no-repeat bottom #000; height:200px;   background-size: 100%;}
    .carouselBanner-caption { padding-top: 30px;  width: 100%;}
    .carouselBanner-caption h1 {font-size: 20px;}
    .carouselBanner-caption  p {  line-height: 18px;}
    .captionBox p { padding: 10px 0px; width: 100%;}
    .mainTitle {   font-size: 40px; padding-top: 10px;}
    .gradient-bg{  background: #272529; background: -moz-linear-gradient(top, #0084e5 50%, #0084e5 50%); background: -webkit-linear-gradient(top, #0084e5 50%,#0084e5 50%); background: -ms-linear-gradient(top, #0084e5 50%,#0084e5 50%); background: linear-gradient(to bottom, #272529 50%,#0084e5 50%); }
    .inEnterprises {padding: 50px 0px!important;}
    .portfolio{height: 200px;}
    .ourClientsLogos {height: auto;}
    .ourClients{ text-align:center}
    .ourClientsLogos div { min-height: 60px; margin-top: -1px; margin-bottom: 0px; margin-right: 3px; margin-left: -1px; width: 101%;}
    .ourClients img { padding: 15px 0px;}
    .blogs { background: url(../images-thankyou/blogs-bg.jpg) no-repeat bottom #000; height: auto; margin-top: 0px;}
    .blogsContainer{padding: 15px; margin-bottom: 15px;}

    .trainingBanner, .vrinSales{ background-size: 100%; height: 160px;}
    .trainingBanner h1 {padding-top: 20%; font-size: 20px;}
    .Bannerimage, .vrinSales{ height: 330px;
    background-size: cover;}

    .vrReally img { width: 250px; height: 250px;}
    .vrReally,.costEffectiveBox{text-align:center}
    .trainingBanner h1 {padding-top: 20%; font-size: 20px;}
    .vrReally { padding: 50px 0px;}
    .costEffectiveButton { margin-top: 30px; margin-bottom: 30px;}
    .imgboard{border-right: none;}
    .imgrightboard{border-right: none;border-bottom: 1px solid #D1D1D1;}
    .Bannerimage h1{font-size: 30px;padding-top: 9%;}
    .bannertext{font-size: 16px;}
    .imgtexas{border-bottom: 1px solid #D1D1D1;}
    .workmobile{padding-bottom: 7%;}
    .formboxes{padding-left: 0%;     text-align: center;}
    .formboxright{    padding-right: 0%;  }
    .formfields{text-align: center;}
    .Bannerimage .bannertop{font-size: 46px; }
    #about{padding:0px;}
    .discover{margin-top: 0%;margin-bottom: 41px;}

    .testimonial-list .testimonial-image img {margin-top: -27%;}
    .ourstoryfornumber{padding :0%; text-align: center;}
    .content-section{padding: 0px;}
    .designcurve{    padding-top: 9%;}
    .girdsecondcol{padding-top: 0%;}
    .gridthirdcol{padding-top : 0%;}
    .ourstory{padding: 0%; font-size: 35px;text-align: center;}
    #fade-quote-carousel.carousel {
    padding: 9% 1% 0% 1%;
    }
    #fade-quote-carousel.carousel .carousel-indicators {
    bottom: -14px;
}
 .bannerpalign{margin-right: -35% !important; }
   .discover{
            padding: 17px 0px 60px 23px;
    }
  .formtopbot {
    padding-top: 0px;
}
#rePlace2{
    min-height: 396px;
}
.servicesBoxcaption .pclass {
    padding: 18% 29px 5% 29px;
}

}

@media only screen and (min-width : 568px) and (max-width :767px) {
    .navbar-header{    margin-top: 16px!important;}
    .topSpace{height: 40px;}
    .carouselBanner { background: url(../images-thankyou/banner-bg.png) no-repeat bottom #000; height:200px;   background-size: 100%;}
    .carouselBanner-caption { padding-top: 30px;  width: 100%;}
    .carouselBanner-caption h1 {font-size: 20px;}
    .carouselBanner-caption  p {  line-height: 18px;}
    .captionBox p { padding: 10px 0px; width: 100%;}
    .mainTitle {   font-size: 40px; padding-top: 10px;}
    .gradient-bg{  background: #272529; background: -moz-linear-gradient(top, #0084e5 50%, #0084e5 50%); background: -webkit-linear-gradient(top, #0084e5 50%,#0084e5 50%); background: -ms-linear-gradient(top, #0084e5 50%,#0084e5 50%); background: linear-gradient(to bottom, #272529 50%,#0084e5 50%); }
    .inEnterprises {padding: 50px 0px!important;}
    .portfolio{height: 200px;}
    .ourClientsLogos {height: auto;}
    .ourClients{ text-align:center}
    .ourClientsLogos div { min-height: 60px; margin-top: -1px; margin-bottom: 0px; margin-right: 3px; margin-left: -1px; width: 101%;}
    .ourClients img { padding: 15px 0px;}
    .blogs { background: url(../images-thankyou/blogs-bg.jpg) no-repeat bottom #000; height: auto; margin-top: 0px;}
    .blogsContainer{padding: 15px; margin-bottom: 15px;}
    a.talkusbutton { margin: 0 auto 30px; padding: 11px; color: #FFFFFF; width: 25%;text-align: center;transition: background 0.5s ease 0s;border-radius: 50px;text-decoration: none; }
    .text-left{font-size: 15px;}
    .trainingBanner, .vrinSales{ background-size: 100%; height: 160px;}
    .trainingBanner h1 {padding-top: 14%; font-size: 20px;}
    
    .vrReally img { width: 250px; height: 250px;}
    .vrReally,.costEffectiveBox{text-align:center}
    .trainingBanner h1 {padding-top: 20%; font-size: 20px;}
 
    .vrReally { padding: 50px 0px;}
    .costEffectiveButton { margin-top: 30px; margin-bottom: 30px;}
    .text-left{ width:100%; font-size: 13px;}
    .workmobile {padding-top: 5%;
    padding-bottom: 5%;}
    .workshoptop{ padding-bottom: 0%; }
    .imgboardpulsara{border-right: none;}
    .imgrightboardge{border-right: none;border-bottom: 1px solid #D1D1D1;}
    .imgbottomboard{border-bottom: 1px solid #D1D1D1;}
    .formboxes{padding-left: 0%;     text-align: center;}
    .formboxright{    padding-right: 0%;  }
    .formfields{text-align: center;}
    .bannertext{font-size: 22px;}
     .Bannerimage h1{      padding-top: 9%;    font-size: 48px;}
     .Bannerimage{height: 330px;}
     .bannerpalign{margin-right: -65% !important; }
     .padtop {
    padding-top: 0%;
}
.servicesBoxcaption .pclass {
    padding: 13% 29px 3% 29px;
}
.discover{
    margin-top: 0%;
}
.ourstoryfornumber {
   padding: 0% 0% 3% 0%;
   text-align: center;
}
.content-section{
    padding-top: 0px;
}
.download-section {
    padding: 60px 0;
}
.designcurve {
    padding-top: 0%;
}
.gridthirdcol{
        padding-top: 0%;
}
.girdsecondcol{
        padding-top: 0%;
}
.ourstory {
    padding:0%;
    text-align: center;
}
#fade-quote-carousel.carousel {


    padding: 7% 1% 0% 1%;

    }
    #fade-quote-carousel.carousel .carousel-indicators {
    bottom: -14px;
}
  .discover{
            padding: 17px 0px 60px 23px;
    }
  .formtopbot {
    padding-top: 0px;
}
#rePlace2{
    min-height: 346px;
}
.servicesBoxcaption .pclass {
    padding: 14% 29px 5% 29px;
}
}

@media only screen and (min-width : 768px) and (max-width :1023px) {
    .navbar-header{    margin-top: 16px!important;}
    .topSpace{height: 40px;}
    .carouselBanner-caption{padding-top: 50px;}
    .carouselBanner{height: 310px;}
    .captionBox p{    width: 100%; padding:70px 0px}
    .mainTitle{padding-top: 50px; font-size: 30px;}
    .portfolio{    height: 340px;}
    .blogs { background: url(../images-thankyou/blogs-bg.jpg) no-repeat #000 bottom; height: 440px; margin-top: 90px;}

    .trainingBanner, .vrinSales{ background-size:cover; height: 250px;}
    .trainingBanner h1 {      font-size: 30px;  padding-top: 12%;}
    .Bannerimage, .vrinSales{ background-size:cover; height: 400px;}
  
    .text-left{    width: 80%; font-size: 15px;}
    .vrReally img { width: 200px; height: 200px; margin-top: 50px;}
    .costEffectiveBox{height: 200px;}
    .costEffectiveBox h2{    line-height: 20px;     font-size: 18px;}
    .costEffectiveButton { margin-top: 30px; margin-bottom: 30px;}
    .vrReally {padding: 0px 0px 50px 0px;}
    a.talkusbutton {border: 0px solid #f2aa00; background-color: #f2aa00;display: block;font-family: 'Open Sans';font-size: 0.85em;font-weight: 700; margin: 0 auto 30px; text-transform: uppercase;padding: 11px; color: #FFFFFF; width:  width: 60%;text-align: center;transition: background 0.5s ease 0s;border-radius: 50px;text-decoration: none; }
     .workshops {    height: auto;}
     .blog {    height: auto;}
     .servicesBoxcaption .pclass {
    padding: 44% 29px 3% 29px;
}


}

@media only screen and (min-width : 1024px) and (max-width :1280px) {
    .carouselBanner{height: 415px;}
    .carouselBanner-caption {padding-top: 30px; width: 60%;}
    .servicesBox{   /* height: 300px; */   overflow: hidden;}
    .portfolio{    height: 500px;}
    .blogs { background: url(../images-thankyou/blogs-bg.jpg) no-repeat #000; height: 470px; margin-top: 90px;}
    .blogs .mainTitle{padding-top: 85px;}
    .costEffectiveButton { margin-top: 30px; margin-bottom: 30px;}
    .mainTitle{padding-top: 30px; font-size: 30px;}
    .trainingBanner, .vrinSales{ background-size:cover; height: 350px;}
    .trainingBanner h1 {      font-size: 30px;  padding-top: 17%;}
    .vrReally img { width: 250px; height: 250px; margin-top:-20px;}
    .vrReallyContainer { padding-top: 0%; }
    .costEffectiveBox{height: 200px;}
    .costEffectiveBox h2{  line-height: 22px;}
    .text-left{width:100%;}
    .discover{    margin-top: 7%;}
}

a.cslinedButton {
    border: 2px solid #c8c8c8;
    background-color: #f2aa00;
    display: block;
    font-family: 'Open Sans';
    font-size: 0.85em;
    font-weight: 700;
    margin: 0 auto 30px;
    text-transform: uppercase;
    padding: 8px;
    color: #FFFFFF;
    width:10%;
    text-align: center;
    transition: background 0.5s ease 0s;
    border-radius: 50px;
    text-decoration: none;
    }

 {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}