.nav.firsttabs li a:focus{
    background-color: transparent;
}
.nav.firsttabs li a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #000;
}
.nav-stacked>li{
    border-left: 2px solid transparent;
    padding: 5px 0;
}
.nav.firsttabs li a{
    color: #000;
}
.nav.firsttabs li a img{
    margin-right: 20px;
}
.nav.firsttabs li:first-child a img{
    filter: brightness(0) invert(0);
}
.nav.firsttabs:after{
    content: '';
    border-right: 2px solid #dcdee0;
    width: 2px;
    height: 535px;
    position: absolute;
    right: 0;
    top: 0;
}
.nav.secondpricetab{
    margin-bottom: 20px;
    border-bottom: 0;
}
p.discountLabel{
    margin-bottom: 100px;
    text-align: center;
    font-weight: bold;
    color: #111656;
    font-size: 24px;
}
 p.discountLabel span{
    color: #ef8c04;
}
.cliperBox span.discountOffer{
    display: block;
}
.nav.secondpricetab li{
    width: 305px;
}
.nav.secondpricetab li a{
    height: 230px;
}
.nav.secondpricetab li a p:nth-child(1){
    font-size: 18px;
    color: #000;
    margin: 0;
    font-weight: 700;
}
.nav.secondpricetab li a h1{
    margin: 10px 0;
    font-size: 40px;
    color: #000;
    font-weight: bold;
}
.nav.secondpricetab li a p:nth-child(2){
    font-size: 15px;
    color: #666666;
    text-transform: capitalize;
}
.nav.secondpricetab li a h4{
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
    margin: 15px 0;
}
.nav.secondpricetab li a p:nth-child(3){
    font-size: 14px;
    color: #666666;
}
.nav.secondpricetab li a h1 small{
    font-size: 15px;
}
.nav-stacked>li.active{
    border-left: 2px solid #f67d04;
  }
.nav.secondpricetab li a{
    background-color: transparent;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border-width: 0px 1px 0px 0px;
    border-radius: 0;
}
.nav-tabs.secondpricetab li.active>a, 
.nav-tabs.secondpricetab li.active>a:focus, 
.nav-tabs.secondpricetab li.active>a:hover{
    background-color: #d0d9e6;
    border-bottom-color: transparent;
    border-width: 0px 1px 0px 0px;
}
.nav.secondpricetab li:last-child a{
    border: 0;
}
.secondtabdetail,
.firsttabdetail{
    padding: 0 0 0 150px;
}

.secondtabdetail p{
    font-size: 24px;
    color: #414141;
    border-bottom: 1px solid #c5c7c8;
    padding-bottom: 50px;
    margin-bottom: 35px;
}
.firsttabdetail p{
    font-size: 16px;
    color: #727491;
}

.firsttabdetail ul li a.btn-primary,
.secondtabdetail ul li a.btn-primary{
    background-color: #1a7cd2;
    border-color: #1a7cd2;
    font-size: 16px;
    padding: 10px 12px;
    width: 105px;
}
.firsttabdetail ul li a.btn-outline-warning,
.secondtabdetail ul li a.btn-outline-warning{
    border-color: #f67d04;
    font-size: 16px;
    padding: 10px 12px;
    width: 105px;
    color: #f67d04;
}

.firsttabdetail ul li:first-child,
.secondtabdetail ul li:first-child {
	padding:0
}
.firsttabdetail ul li a.btn-primary:hover,
.secondtabdetail ul li a.btn-primary:hover{
opacity: 0.9;
}
.firsttabdetail ul li a.btn-outline-warning:hover,
.secondtabdetail ul li a.btn-outline-warning:hover{
    background-color:#f67d04;
    color: #fff;
}

.firsttabdetail .progress{
    margin: 50px 0 0;
    height: 6px;
}
.firsttabdetail .progress .progress-bar{
    background-image: linear-gradient(141deg, #1d6fd2 0%, #1fc8db 51%);
    -webkit-transition: width 1s ease;
    -o-transition: width 1s ease;
    transition: width 1s ease;
    -webkit-animation: to25 1s;
    -o-animation: to25 1s;
    animation: to25 1s;
}
.orange-tooltip + .tooltip > .tooltip-inner {
    background: #fcf5d9;
    border: 1px solid #f5ca7a;
    color: black;
}

.priceProductivitySection dt:last-child{
    margin-bottom: 30px;
}
.priceProductivitySection a.btn-custom{
    background-color: #111656;
    color: #fff;
    padding: 10px 12px;
    font-size: 16px;
    padding: 12px 15px;
    margin: 15px 0;
    font-weight: bold;
    width: 125px;
}

.priceProductivitySection a.btn-custom:active,
.priceProductivitySection a.btn-custom:focus,
.priceProductivitySection a.btn-custom:hover{
    background: linear-gradient(to top, #ed7d3d 0%,#edac3d 100%);
}

.nav.firsttabs li a.detail.active{
    color: #ed7f3d;
}
body{margin: 0; padding: 0; font-family: 'Cabin', sans-serif; }

.container{max-width: 1560px; width: 100%;}
a:focus, a:hover{text-decoration: none; transition: color 0.5s ease; outline: none;}
a:focus{color: #fff;}
ul,li{margin: 0; padding: 0; list-style: none;}
p{color: #595968;}
.orangeBg{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed7d3d+0,ea7c3d+100 */
background: #ed7d3d; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ed7d3d 0%, #ea7c3d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ed7d3d 0%,#ea7c3d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ed7d3d 0%,#ea7c3d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7d3d', endColorstr='#ea7c3d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



.featuredSection:before {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f4f5f8;
    width: 40.5%;
    height: 100%;
    content: "";
}

.inner-page .featuredSection:before{display: none;}

.no-gutter > [class*='col-'] {
    padding-right:0; padding-left:0;
}

.greyBg{background-color: #f4f5f8;}
.headingH2{color: #242935; font-size: 60px; font-weight: bold; line-height: 55px; margin-bottom: 120px;}

.headingH5{  color: #ed7d3d; font-size: 26px; position: relative;}
.pricing-sect2 .headingH5{
    color: #7c7691;  
}
.pricing-sect2 .headingH5:before{
    background-color: #f67d04;
    width: 70px;
    height: 3px;
    content: "";
    display: block;
    position: absolute;
    top: 90px;
    left: 0;
}
.headingH5:before{
    background-color: rgba(167,164,179,0.4);
    width: 70px;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    left: -100px;
    top: 15px;
}

.headingH4 {color: #fff; font-size: 22px; position: relative; }
.headingH4 span{position: relative; margin-right: 20px; vertical-align: top;}
.headingH4 span:before{
	background-color: rgba(255,255,255,1); width:30px; height: 1px; content: ""; display: inline-block; vertical-align: middle;
}

.homePageBanner{background: url(../images/homehdrBg.jpg) no-repeat center top; overflow: hidden;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

 }
 
 .featuresPageBanner{ position: relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f5a81+0,3d3160+85 */
background: #0f5a81; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #0f5a81 0%, #3d3160 85%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #0f5a81 0%,#3d3160 85%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #0f5a81 0%,#3d3160 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f5a81', endColorstr='#3d3160',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.navbar-default {background-color: transparent;; border: none; padding-top: 30px;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color: #ed7d3d; background-color: transparent;
}

.navbar-default .navbar-nav>li{padding: 0 25px;}
.navbar-default .navbar-nav>li>a { color: #fff; text-transform: capitalize; font-size: 22px; padding: 0;}
.navbar-right.navbar-nav>li{padding: 0;}
.navbar-right.navbar-nav>li>a{font-size: 14px; padding:10px 32px 8px 32px;  border-radius: 25px;}
.navbar-right.navbar-nav>li.first a{border: 2px solid #515aa8; text-transform: uppercase;}
.navbar-right.navbar-nav>li.first a:hover{background-color:#ed7d3d; color: #fff; border: 2px solid #ed7d3d;}
.navbar-right.navbar-nav>li.last a{background-color:#515aa8; }


.navbar-header{position: relative;}
.navbar-header:after{ content:""; width: 1px; height: 30px; background-color: rgba(255, 255, 255,0.3); position: absolute; top: 28px; right: -6px;}

.navbar-default .navbar-collapse{margin-top: 31px; border:none; box-shadow: none; -webkit-box-shadow:none;}

.bannerText{padding: 65px 0 50px 0;}
.bannerText h1{font-size: 70px; color: #fff; font-weight: bold; text-transform: capitalize;}
.bannerText h3{font-size: 70px;color: #ed7d3d;font-weight: bold; text-transform: none;}
.bannerText h3 span{ color: #fff;}
.bannerText p{font-size: 25px; color: #fff; max-width: 600px; margin: 0 auto;}

.headerForm { position: relative;  max-width: 500px; margin: 0 auto; margin-top: 30px;}
.headerForm input[type=text]{background-color: #fff; border: 2px solid #fff; padding:11px 230px 11px 15px; border-radius:31px; width: 100%; font-size: 20px;}
.headerForm input[type=text]:focus, .headerForm input[type=submit]:focus{outline: none;}
.headerForm input[type=submit]{background-color: #ed7d3d;  border: none; padding: 11px 25px; color: #fff; border-radius:31px; position: absolute; right:2px; top: 2px; font-size: 20px; font-weight: bold;}

.headerForm input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #242935;
}
.headerForm input[type=text]::-moz-placeholder { /* Firefox 19+ */
  color: #242935;
}
.headerForm input[type=text]:-ms-input-placeholder { /* IE 10+ */
  color: #242935;
}
.headerForm input[type=text]:-moz-placeholder { /* Firefox 18- */
  color: #242935;
}


.homedesktopScreens{/*background: url(../images/windowBar.jpg) no-repeat center top;*/ padding-top: 51px;}
.homedesktopScreens img{margin: 0 auto; display: block;}

/**** Home Header End ****/

/****  .unlimitedSolution Start *****/
.unlimitedSolution{padding: 0; position: relative; }
 .paddLeft245{padding-left: 245px;}


.unlimitedSolution h4, .workspace h4{font-size: 24px; color: #253356;font-weight: bold; position: relative;}
.unlimitedSolution h4:before{content: ""; width: 25px; height: 1px; background-color: #253356; display: block; margin: 35px 0 28px 0;}
.unlimitedSolution p, .workspace p{font-size: 15px; color: #595968;}

.unlimitedSolution .box{ padding-top:280px;padding-bottom:50px; border-left: 1px solid #f4f5f8; padding-left: 0; 
	padding-right: 60px; min-height:500px; width: 27.5%;}
.unlimitedbnrtext { position: absolute; top:50px;z-index: 1;}
.unlimitedSolution .box.last{ padding-top:490px; width: 16%;}

.icon, .breadcrumb a:before, .accordion-privacy .panel-default .panel-title a:after, .priceProductivitySection .panel-title:before, .faqSection li a:after, .platformSection li.first a:before, .platformSection li.last a:before{	background-image: url('../images/sprite.png') ;background-repeat: no-repeat; width: 100px;height: 92px; display: block;}
.icon01{background-position:  -1px 0;}
.icon02{background-position:  -113px -1px;}
.icon03{background-position:  -215px -1px;}
.iconlogin{background-position:  -594px -1px; margin-right: 10px;width: 13px;height: 17px; display: inline-block; vertical-align: top;}
.iconrightArrow {background-position:  -594px -33px; margin-right: 10px;width: 19px;height: 13px; display:block; margin-top: 15px; }
.icon01_term{background-position: -482px -228px; width: 93px;height: 119px;}
.iconProduct01 {background-position: -207px -107px; width: 90px;height: 86px;}
.iconProduct02 {background-position: -186px -360px; width: 95px;height: 91px;}
.iconProduct03 {background-position: -297px -363px; width: 95px;height: 70px;}
.iconProduct04 {background-position: -415px -362px; width: 85px;height: 91px;}
.iconProduct05 {background-position: -515px -363px; width: 87px;height: 86px;}
.iconProduct06 {background-position: -617px -360px; width: 88px;height: 81px;}

.iconProduct07 {background-position: -727px -361px; width: 120px;height: 91px;}
.iconProduct08 {background-position: -864px -363px; width: 74px;height: 97px;}
.iconProduct09 {background-position: -953px -363px; width: 68px;height: 96px;}
.iconProduct10 {background-position: -1px -472px; width: 89px;height: 89px;}
.iconProduct11 {background-position: -109px -472px; width: 80px;height: 100px;}
.iconProduct12 {background-position: -218px -477px; width: 91px;height: 91px;}

.workspace .icon {width: 55px; height: 70px;}
.workspace .icon04{background-position:  -308px -1px;}
.workspace .icon05{background-position:  -377px -1px; width: 65px;}
.workspace .icon06{background-position:  -456px -1px;}
.workspace .icon07{background-position:  -517px -1px;}

.iconCollab01 {background-position: -985px 0; width: 36px;height: 53px;}
.iconCollab02 {background-position: -924px -1px; width: 48px;height: 50px;}
.iconCollab03 {background-position: -311px -107px; width: 34px;height: 47px;}
.iconCollab04 {background-position: -396px -107px; width: 39px;height: 48px;}
.iconCollab05 {background-position: -348px -108px; width: 47px;height: 38px;}
.iconCollab06 {background-position: -446px -108px; width: 47px;height: 43px;}


.active .iconCollab01 {background-position:-985px -60px; }
.active .iconCollab02 {background-position: -924px -61px; }
.active .iconCollab03 {background-position: -311px -160px;}
.active .iconCollab04 {background-position: -396px -161px; }
.active .iconCollab05 {background-position: -348px -164px; }
.active .iconCollab06 {background-position:-446px -164px;}

.pricingCarousel .icon{width: auto; height: auto;}
.pricingCarousel .pricingCarouselicon_01{background-position:-597px -223px;width: 115px;height: 97px;}
.pricingCarousel .pricingCarouselicon_02{background-position:-730px -223px;width: 113px;height: 117px;}
.pricingCarousel .pricingCarouselicon_03{background-position:-852px -222px;width: 135px;height: 98px;}
.pricingCarousel .pricingCarouselicon_04{background-position:-530px -92px;width: 117px;height: 117px;}





.line{background-image: url('../images/linerepeat.png') ;background-repeat: repeat-y; background-position: center top; }

/*
.unlimitedSolution .box, .workspace .box{width: 27%;}
.unlimitedSolution .box.last, .workspace .box.last{width: 18%; padding-top: 190px;}

*/
.workspace .box.last{ padding-top: 190px;}
.unlimitedSolution .box.last a{font-size: 23px; color: #ed7d3d; line-height: 24px; font-weight: bold;}

/****  .unlimitedSolution End *****/


/****  .featuredSection Start *****/

.featuredSection .greyBg, .featuredSection .orangeBg{padding: 50px 0;}

/****  .featuredSection End *****/


.workspace{position: relative; background: url(../images/workSpaceBg.jpg) no-repeat center top; background-size: 100% 100%;}
.workspace h2, .workspace h4, .workspace p{color: #fff;}
.workspace h4{margin: 25px 0;}
.workspace h4:before{content: ""; width: 25px; height: 1px; background-color: #fff; display: block; position: absolute; left: -35px; top: 14px; }
.workspace h5:before{
	background-color: rgba(255,255,255,0.4); width: 70px; height: 1px; content: ""; display: block;
	position: absolute; left: -100px; top: 15px;
}

.workspace .box{padding-left: 50px; vertical-align: top;  transition: 0.5s ease; padding-top:280px; padding-bottom: 70px; border-left: 1px solid #4c638c;}
.workspace .box:hover a{visibility: visible;}
.workspace .box.last{padding-top:280px;}
.workspace .box p{max-width: 170px; margin-bottom: 30px;}
.workspace .box a, .button{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed7d3d+1,edad3d+100 */
background: #ed7d3d; /* Old browsers */
background: -moz-linear-gradient(left, #ed7d3d 1%, #edad3d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ed7d3d 1%,#edad3d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ed7d3d 1%,#edad3d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7d3d', endColorstr='#edad3d',GradientType=1 ); /* IE6-9 */
border-radius: 25px; 
padding: 10px 25px;
color: #fff;
font-size: 20px;
visibility: hidden;
}

.workspace .box:hover{display: block; background-color: rgba(22,26,88, 0.3)}
.workspaceHeading{position: absolute; top:50px; z-index: 1;}



.integrateSection{background: url(../images/integrateBg.jpg) no-repeat center top #f9fafb; text-align: center; padding:50px 0;  -webkit-animation: slide 20s linear infinite;}
.integrateSection h2{font-size: 60px; font-weight: bold; color: #242935;}
.integrateSection p{font-size: 16px;}
.integrateSection .box{margin-top: 50px;}

.integrateSection .icon {width: 131px;height: 130px; display: block; margin: 0 auto;}
.integrateSection .icon08{background-position:  -1px -226px;}
.integrateSection .icon09{background-position:  -163px -222px;}
.integrateSection .icon10{background-position:  -322px -226px;}
.integrateSection figure{ max-width: 200px; margin: 0 auto;text-align: center; margin-bottom: 25px;}

.integrateSection .panel {
	margin: 0 auto;
	height: 300px;  
	max-width: 350px;
	position: relative;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	background: transparent;
}


.integrateSection .panel .front,
.integrateSection .panel .back {
	text-align: center;
	width: 100%;
}
	
.integrateSection .panel .front {
	height: inherit;
	position: absolute;
	top: 0;
	z-index: 900;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	   -moz-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.integrateSection .panel .back {
	height: inherit;
	position: absolute;
	top: 0;
	z-index: 1000;
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.integrateSection .panel.flip .front {
	z-index: 900;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.integrateSection .panel.flip .back {
	z-index: 1000;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
}
.integrateSection .box1{
	background-color: #fff;
	width: 100%;
	height: 300px;
	margin: 0 auto;
	padding:50px 20px;
}
.integrateSection .box2{
	background-color: #ed7d3d;
	width: 100%;
	height: 300px;
	margin: 0 auto;
	padding:50px 20px;
	color: #fff;
}
.integrateSection .box2 p{color: #fff;}

.subscribeSection {background: url(../images/subscribeBg.jpg) no-repeat center top;  padding:50px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.subscribeSection .headingH2{color: #fff; letter-spacing: -0.6px; margin-bottom: 30px;}
.subscribeSection .headingH2:before { background-color: #fff; width: 70px;height: 1px; content: ""; display: block;position: absolute;left: -100px;top: 50px;}
.subscribeSection p{color: #fff; width: 85%; font-size: 20px;}
.subscribeSection input[type=text]{background-color: transparent; border: 1px solid rgba(255,255,255,0.5); padding:12px 15px; border-radius:31px; width: 100%; margin:30px 0 20px 0; color: #fff; }
.subscribeSection input[type=text]:focus, .subscribeSection input[type=submit]{outline: none;}
.subscribeSection input[type=submit]{
    background: #ed7d3d;
    background: -moz-linear-gradient(left, #ed7d3d 1%, #edad3d 100%);
    background: -webkit-linear-gradient(left, #ed7d3d 1%,#edad3d 100%);
    background: linear-gradient(to right, #ed7d3d 1%,#edad3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7d3d', endColorstr='#edad3d',GradientType=1 );
    border-radius: 25px;
    padding: 10px 25px;
    color: #fff;
    font-size: 20px;
	border: none; padding: 8px 35px; color: #fff; border-radius:31px;  font-size: 18px; text-transform: uppercase;}


.subscribeSection input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.subscribeSection input[type=text]::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.subscribeSection input[type=text]:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.subscribeSection input[type=text]:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}


.successStory{padding: 50px 0;}
.successStory h2 i.icon{width: 73px;height: 112px; }
.successStory h2 i.icon11{background-position:0 -101px; position: absolute; left: -83px;top: 60px;}
.successStory p{max-width: 70%; font-size: 18px; color: #595968; }
.successStory .text-right img{display: inline-block;}
.successStory .dottedLineOrange{padding: 0px 0 30px 0; margin-bottom: 30px;}
.successStory strong{margin: 30px 0 15px 0; display: block; color: #242935; font-size: 18px;}
.successStory strong:before { background-color: #000; width:10px; height: 1px; content: ""; display: inline-block; vertical-align: middle; margin-right: 5px;  }
.dottedLineOrange:before { transform: rotate(25deg);
    -webkit-transform: rotate(-62deg); content: ""; width: 1px;height: 140px; display: block;background-color: rgba(237,125,61, 0.7); position: absolute; right: -62px;
    bottom: -103px; z-index: 8; }
.dottedLineOrange:after { content: ""; width: 5px;height: 5px; display: block;background-color: rgba(237,125,61, 1); position: absolute;right: -132px;
    bottom: -71px; border-radius: 11px; z-index: 10; }


.dottedLineOrange{border-bottom: 1px dotted #ed7e3d; position: relative;}
.Layer_1{position: absolute;}



.platformSection {background: url(../images/platformBg.png) no-repeat center top #fff;  padding:40px 40px 0;}
.platformSection ul{margin-top: 50px;}
.platformSection li.first a{background: #e87838; color: #fff; border: 1px solid #e87838;}
.platformSection li.first a:before{content: ""; background-position: -895px -89px; margin: 1px 10px 0 0; width: 13px;height: 16px; display: inline-block; 
    vertical-align: top;}
.platformSection li.last a{background: #fff; color: #e87838; border: 1px solid #e87838;}
.platformSection li.last a:before{content: ""; background-position: -894px -116px; margin: 2px 10px 0 0; width: 15px;height: 16px; display: inline-block; 
    vertical-align: top;}
.platformSection li a{padding: 10px 25px; text-transform: uppercase; }

.platformSection .headingH2{margin-bottom: 50px;}
.platformSection .headingH5{margin-top: 100px;}
.platformSection p{font-size: 18px;}

.featuredSection{padding:50px 0; position: relative;}
.featuredSection p{width: 40%;}
.featuredSection .column-2{padding-left: 180px; padding-top: 80px;}
.featuredSection .column-2a{padding-left: 180px; }
.featuredSection .headingH2{margin-bottom: 50px; line-height: 62px; width: 63%;}
.featuredSection .button{visibility: visible; text-transform: uppercase; font-size: 18px; margin-top: 20px; display: inline-block;}
.carousel-indicators li{  background-color: #c7cbd8;}
.carousel-indicators .active{    background-color: #ed7d3d;}
.carousel-inner{padding-bottom: 60px;}
.carousel-indicators { bottom: 10%; margin-left: -20%;}

.mobileScreen{position: absolute; right: 0; bottom: -50px; z-index: 9;}
.mobileScreen03{position: absolute; right: 75px; bottom: 0px; z-index: 9;}
.triangleShapeRotate{position: absolute; left: 0; bottom:0px; }
.triangleShapeRotate1{position: absolute; right: 0; left: 20%; margin: 0 auto; bottom:100px; }
.triangleShapeRotate2{position: absolute; left: 0;  margin: 0 auto; bottom:50%;}
.triangleShapeRotate3{position: absolute; left:15%;  bottom:0%; z-index: 1;}
.leftgreydesign{position: absolute; left: 0; top:0px;}
.rightgreydesign{position: absolute; right: 0; top:0px; z-index: 1}
.rightyellowdesign{position: absolute; right: 0; bottom:0px; z-index: 1}
.featuresBgdesign{position: absolute; right: 0; bottom:0px; z-index: 1}



/** Footer CSS Start **/
footer{background: url(../images/footerBg.jpg) no-repeat center top #252537;  padding:50px 0 0px 0;}
footer .heading{color: #ed7d3d; font-size: 21px; font-weight: bold; margin-bottom: 30px; position: relative;}
footer .heading:before{content: ""; width: 25px; height: 1px; background-color: #9496a0; display: block; position: absolute; left: -35px; top: 10px; }
footer a, footer p{color: #cccddb; font-size: 17px; margin-bottom: 15px; display: inline-block;}
footer a:hover{color: #fff;}
.ftrLogo{margin-bottom: 30px;}

.copyrights{background-color:rgba(25,27,55,0.7); padding: 15px 0; margin-top: 50px; }
.copyrights p, .copyrights a{font-size: 16px; margin-bottom: 0;}
.copyrights .inline-block{text-align: right;}
.inline-block li{display: inline-block; margin-right: 20px; position: relative; }
.copyrights .inline-block li.last{margin-right:0; }
.copyrights .inline-block li:after{content: ""; width: 1px; height: 18px; background-color: #cccddb; display: inline-block; position: absolute; right: -12px; top: 2px; }
.copyrights .inline-block li.last:after{display: none;}
.copyrights .inline-block.socialIcons li:after{display: none;}
.copyrights .inline-block.socialIcons li{margin-right: 8px;}

/** Footer CSS End **/


/* About Us Start CSS */
.marginAuto{margin: 0 auto;}
.button{visibility: visible;}
.button:hover{color: #fff;}
.orangeBox{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e77334+0,e7a434+98 */
background: #e77334; /* Old browsers */
background: -moz-linear-gradient(left, #e77334 0%, #e7a434 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e77334 0%,#e7a434 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e77334 0%,#e7a434 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e77334', endColorstr='#e7a434',GradientType=1 ); /* IE6-9 */}

.aboutUspage .button{display: inline-block; margin-top: 30px; text-transform: uppercase; padding: 10px 45px; }
.aboutUspage .featuredSection{padding: 50px 0; }
.aboutUspage .featuredSection .column-2 {padding-left: 22%; padding-top: 0px;}
.aboutUspage .featuredSection p{width: 80%;}
.aboutUspage .integrateSection{padding-bottom: 0;}
.aboutUspage .icon01{background-position:  -628px -1px; width: 69px;height: 72px;}
.aboutUspage .icon02{background-position:  -710px -1px; width: 78px;height: 67px;}
.aboutUspage .icon03{background-position:  -808px -1px; width: 69px;height: 71px;}
.aboutUspage .icon04{background-position:  -1px -361px; width: 73px;height: 74px;}
.aboutUspage .icon05{background-position:  -96px -360px; width: 68px;height: 72px;}

.aboutUspage .workspace{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b0f51+0,57a7d5+98 */
background: #0b0f51; /* Old browsers */
background: -moz-linear-gradient(top, #0b0f51 0%, #57a7d5 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0b0f51 0%,#57a7d5 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0b0f51 0%,#57a7d5 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0f51', endColorstr='#57a7d5',GradientType=0 ); /* IE6-9 */
padding-bottom: 70px;
}
.aboutUspage .workspace .box p { max-width: 270px;}
.aboutUspage .workspace .box{border:none; padding-left: 15px; padding-bottom: 20px;}
.aboutUspage .workspace .box:hover{background-color: transparent;}
.aboutUspage .workspace h4:before{position: relative; left: inherit; top: inherit; background-color: #edac3d; margin-bottom: 15px;}

img.inline-block{display: inline-block;}
.aboutPageBanner{background: url(../images/aboutusBg.jpg) no-repeat center top; overflow: hidden; background-size: cover;}
.termsConditionPageBanner{background: url(../images/termshdrBg.jpg) no-repeat center top; overflow: hidden; background-size: cover;}
.privacyPolicyBanner{background: url(../images/privacyhdrBg.jpg) no-repeat center top; overflow: hidden; background-size: cover;}
.privacyPolicyBanner .bannerText h1, .pricingPageBanner .bannerText h1, .inner-page .bannerText h1{text-transform: inherit;}
.breadcrumb{background-color: rgba(53,114,200,0.4); border-radius: 0; margin-bottom: 0; padding: 15px; position: relative; z-index: 2;}
.breadcrumb a{color: #d2dfff;}
.breadcrumb a:before{content:""; width:6px; height:7px; background-position: -594px -56px; position: absolute; right: -16px; top:7px;}
.breadcrumb li{color: #fff;}

.inner-page .bannerText h1{font-size: 62px; margin-bottom: 60px;}

.subscribeSection_2 {background:#fff; padding: 50px 0;}
.subscribeSection_2 .headingH2{color: #454341; letter-spacing: -0.6px; margin-bottom: 30px;}
.subscribeSection_2 .headingH2:before { background-color: #fff; width: 70px;height: 1px; content: ""; display: block;position: absolute;left: -100px;top: 50px;}
.subscribeSection_2 p{color: #454341; width: 85%; font-size: 20px;}
.subscribeSection_2 input[type=text]{background-color: transparent; border: 1px solid rgba(0,0,0,0.5); padding:12px 15px; border-radius:31px; width: 100%; margin:30px 0 20px 0; color: #000; font-size: 18px; }
.subscribeSection_2 input[type=text]:focus, .subscribeSection input[type=submit]{outline: none;}
.subscribeSection_2 input[type=submit]{
    background: #ed7d3d;
    background: -moz-linear-gradient(left, #ed7d3d 1%, #edad3d 100%);
    background: -webkit-linear-gradient(left, #ed7d3d 1%,#edad3d 100%);
    background: linear-gradient(to right, #ed7d3d 1%,#edad3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7d3d', endColorstr='#edad3d',GradientType=1 );
    border-radius: 25px;
    padding: 10px 25px;
    color: #fff;
    font-size: 20px;
	border: none; padding: 8px 35px; color: #fff; border-radius:31px;  font-size: 18px; text-transform: uppercase;}


.subscribeSection_2 input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.subscribeSection_2 input[type=text]::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.subscribeSection_2 input[type=text]:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.subscribeSection_2 input[type=text]:-moz-placeholder { /* Firefox 18- */
  color: #000;
}


.sizeFitAll{position: relative; }
.sizeFitAll .orangeBox{padding:120px 50px;}
.sizeFitAll h2, .sizeFitAll p{color: #fff;}
.sizeFitAll h2{ font-size: 50px; margin-bottom: 50px;  line-height: 45px;}
.sizeFitAll p{font-size: 18px;     line-height: 22px;}
.sizeFitAll .orangeBox .icon{ width: 90px;height: 92px;}
.sizeFitAll .orangeBox .icon01{background-position: -91px -101px;}
.sizeFitAll .orangeBox .icon02{background-position: -660px -90px; width: 92px;}
.sizeFitAll .orangeBox .icon03{background-position: -764px -90px; width: 92px;}
.sizeFitAll #OrangeSlider .carousel-caption{right: 9%; bottom: auto !important; margin-top: -53%; padding: 0; text-align: left; }
.sizeFitAll #OrangeSlider .carousel-inner{padding-bottom: 0;}
.sizeFitAll #OrangeSlider .carousel-inner img{margin-top: 81px;}
 #OrangeSlider .carousel-control, .thumbnailSlider .carousel-control{background-color: #4750a0; opacity: 1; width: 80px; height: 80px;}
 #OrangeSlider .controller{max-width: 161px; position: absolute; right: -45%;  bottom: 265px; display: inline-block; left: -6px; margin: 0 auto;}
#OrangeSlider .controller  .carousel-control{transition: background-color 0.5s ease; position: inherit; display: inline-block; padding-top: 30px; background-image: none;}
#OrangeSlider .controller  .carousel-control:hover, .thumbnailSlider .carousel-control:hover {background-color: #ed7d3d;}
#OrangeSlider .num {color: #ed7d3d; font-size: 18px; margin-left: 18%; margin-bottom: -50px; margin-top: 25px;}
#OrangeSlider .num:before{background-color: #888b91; content: ""; width: 70px; height: 1px; display: inline-block; vertical-align: middle; margin-right:30px;}
.clearfix{clear: both;}

/* About Us End CSS */



/* Terms And Conition Page Start CSS */

.termsAndConditionpage .featuredSection .headingH2 { margin-bottom: 50px;line-height: 62px; width: 100%;}
.termsAndConditionpage .featuredSection p{width: auto; font-size: 18px;}
.termsAndConditionpage .featuredSection p.width70 { width: 70%;}
.termsAndConditionpage .featuredSection .headingH2:before {
    background-color:#91949a; width: 70px; height: 1px; content: ""; display: block;position: absolute;left: -100px; top: 50px;
}

.termsConditionPageBanner .headingH4{font-weight: bold;}
.termsDetail{background: url(../images/termsImg01.jpg) no-repeat right top; padding-bottom: 150px;}

.termsAndConditionpage .triangleShapeRotate2{left: -105px; max-width: 300px;}

.border-dash-top{border-top: 1px dashed #c3c7d4;}
.leftalignIcon_p{padding-top: 50px; margin-top: 50px;}
.leftalignIcon_p i{float: left;}
.leftalignIcon_p p{margin-left: 130px;}
.orangeText{color:#ed7d3d;}
.orangeBg{background-color: #ed7d3d;}
.yellowBtn{background-color: #edad3d; color: #fff; padding: 10px 35px; border-radius: 25px; font-weight: bold; font-size: 22px; transition: background 0.5s ease;  }
.yellowBtn:hover{background-color: #13265c; color: #fff; transition: background 0.5s ease;}


.headingH2Overlap{margin: -100px 0 0px 0;  width: 63%; position: relative; z-index: 1; background-color: #f4f5f8; padding: 40px 50px; }
.headingH2Overlap h2{font-size: 40px; font-weight: normal; color: #242935;}

.whiteBoxesArea{position: relative;}
.whiteBoxesArea .box{
	width: 96%; margin-left: 4%;
	background-color: #fff; padding: 50px 50px 20px 50px; min-height: 260px; margin-bottom: 50px; box-shadow: 0px 0px 25px rgba(0,0,0,0.05);}
.whiteBoxesArea .box p{position: relative; font-size: 18px;}
.whiteBoxesArea .box p:before {
    background-color:#ed7d3d; width: 30px; height: 1px; content: ""; display: block;position: absolute;left: -50px; top: 10px;
}
.whiteBoxesArea .box h3{margin-top: 0;}

.orangeSection{padding: 50px 0 60px 0; text-align: center; position: relative; overflow: hidden;}
.orangeSection h2{font-size: 60px; color: #fff; text-transform: uppercase; font-weight: bold; margin-bottom: 50px; position: relative; z-index: 2;}
.orangeSection h2 span{display: block;}
.orangeSection h2 span:before, .orangeSection h2 span:after{ vertical-align: middle; width: 70px; height: 1px; background-color: #fff; content: ""; display: inline-block;}
.orangeSection h2 span:before{margin-right: 25px;}
.orangeSection h2 span:after{margin-left: 25px;}


/* Terms And Conition Page End CSS */


/* Privacy Policy Page Start CSS */

.privacyPolicypage .policyDetail {background: url(../images/privacy-img01.jpg) no-repeat right top;  padding-bottom:150px;}

.privacyPolicypage  .featuredSection .width90{width: 90%;}
.privacyPolicypage  .featuredSection p{width: 100%;}
.privacyPolicypage  .triangleShapeRotate2 {bottom: -7%;}
.privacyPolicypage .headingH2:before {
    background-color: #91949a;
    width: 70px; height: 1px;content: ""; display: block; position: absolute;    left: -80px;top: 50px;
}

.accordion-privacy{position: relative; z-index: 2;}
.accordion-privacy .panel-default{ border: none;   background-color: #fff; padding:20px 75px;margin-bottom:25px; box-shadow: 0px 0px 25px rgba(0,0,0,0.05);}
.accordion-privacy .panel-default>.panel-heading{background-color: transparent; border: none; border-right: 1px solid #eaeaea;}
.accordion-privacy .panel-default .panel-title{position: relative; color: #242935; font-size: 22px; font-weight: bold;}
.accordion-privacy .panel-default .panel-title a{display: block;}
.accordion-privacy .panel-default .panel-title:before {
    background-color: #ed7d3d;
    width: 30px;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    left: -50px;
    top: 10px;
}
.accordion-privacy  .panel-default>.panel-heading+.panel-collapse>.panel-body{border: none;  font-size: 18px; color: #595968;}

.privacyPolicypage .whiteBoxesArea .box{margin-left: 0; width: 100%; min-height: inherit; z-index: 2; position: relative;}
.privacyPolicypage .whiteBoxesArea .box p:before{display: none;}
.privacyPolicypage .whiteBoxesArea .box h4{margin-top: 30px;}
.privacyPolicypage .whiteBoxesArea .box h3{margin-top: 0;}
.accordion-privacy .panel-default .panel-title a:after {
	width: 19px;height: 11px;content: "";background-position: -891px -20px;
	position: absolute; right: -60px; top: 5px;
}
.accordion-privacy .panel-default .panel-title a.collapsed:after {
	width: 19px;height: 11px;content: "";background-position: -891px -1px;
}

/* Privacy Policy Page End CSS */


/* featuresPage Start CSS */
.padd50TopBtm{padding-top: 50px; padding-bottom: 50px;}
.featuresPageBanner .headingH5, .featuresPageBanner p{color: #fff;}
.featuresPageBanner .headingH5:before{background-color: #fff; width: 30px; left: -50px;}
.featuresPageBanner p{font-size: 20px;}
.featuresPageBanner .column-2{width: 30%;padding-left: 4%; padding-top: 6%; position: relative; z-index: 10;}

.projectSection{padding: 50px 0; position: relative;}
.projectSection p{font-size: 18px; color: #595968;}
.projectSection .button{margin-top: 50px; display: inline-block;}


.productivitySection {position: relative; overflow: hidden; }
.productivitySection:before{position: absolute; left: 0; top: 0; background-color: #ed7d3d; width: 41.7%; height: 100%; content: "";}
.productivitySection .column-2{padding-left: 180px; padding-top: 80px;}
.productivitySection .column-1{padding: 100px 0 200px 100px;}
.productivitySection .carousel-inner{padding-bottom: 0;}
.thumbnailSlider h4.orangeText{text-transform: uppercase; font-size: 26px; position: relative; text-align: center; font-weight: bold;}
.thumbnailSlider h4.orangeText:after{content: ""; background-color: #ed7d3d; height: 11px; width: 1px; display: block; margin: 0 auto; position: absolute; left:0px; right: 0;}
.thumbnailSlider .controller{width: 161px; z-index: 4; position: relative; position: absolute; bottom: 80px; right: 156px; left: 0; margin: 0 auto}
.thumbnailSlider .carousel-control{box-shadow: none; background-image:none; padding-top: 27px; }
.thumbnailSlider .thumb{text-transform: uppercase; margin:0;border:1px solid transparent;border-radius:0;width: auto; height: auto; padding: 15px 0; color: #a6adbf; text-indent: 0; background-color: transparent; font-size: 16px; border-bottom: 2px solid transparent; margin-right:35px; font-weight: bold;}
.thumbnailSlider .thumb.active{color: #242935; border-bottom: 3px solid #fb9854;}
.thumbnailSlider .carousel-indicators { bottom: 0%;margin-left: -2%; z-index: 3; margin-bottom: 0; width: 50%;}
.thumbnailSlider .tabScreen{position: relative; right: -50px; } 
.thumbnailSlider .num1{padding-top: 100px; font-size: 16px; color: #a6adbf;}
.thumbnailSlider .num1 span{color: #242935;}
.thumbnailSlider .icon{margin-bottom: 50px;}
.thumbnailSlider .dottedLineOrange { border-bottom: 1px dashed #ed7e3d; width: 92px; left: 24px;}
.thumbnailSlider .pulsating-circle{right: inherit; left: -110px; bottom: -35px;}
.thumbnailSlider .pulsating-circle:after{ background-color: #eef1f2;}
.thumbnailSlider .dottedLineOrange:before{ transform:none; -webkit-transform:none; width: 90px; height: 1px; background-color: #b7b9be; right: 0px; left: -92px; bottom: -1px;}
.thumbnailSlider .dottedLineOrange:after{    right: 200px; bottom: -3px;}
.thumbnailSlider .headingH2{font-size: 50px;}
.thumbnailSlider .carousel-inner .item{z-index: 2;}
.productivitySection .thumbnailSlider p{font-size: 18px;}
/*
.thumbnailSlider.carousel-fade .carousel-inner .item{opacity: 0.2;}
.thumbnailSlider.carousel-fade .carousel-inner .item .tabScreen{ right:700px;}
.thumbnailSlider.carousel-fade .carousel-inner .item.active{opacity: 1;}
.thumbnailSlider.carousel-fade .carousel-inner .item.active .tabScreen{right: -160px;}
*/
.productivityPara{position: absolute; right: 0; top: 50px;}

.padTop400{padding-top: 400px;}

/* featuresPage End CSS */


.collaborationSection{background: url(../images/collabBg.jpg) no-repeat right top; padding: 50px 0;}

.collaborationSection figure{display: inline-block; vertical-align: top; width: 98px; height: 98px; padding-top:27px; background-color: #fff; border: 1px solid #ed7d3d; border-radius:100px; margin-right: 15px; }
.collaborationSection figure i{margin: 0 auto; position: relative; z-index: 3; transition: background 0.5s ease;}
.collaborationSection h4{font-size: 24px; color: #242935; font-weight: bold;}
.collaborationSection h4:after{content: ""; background-color: #242935; width: 30px; height: 1px; display: block; margin-top: 20px;}
.collaborationSection p{font-size: 18px; color: #595968;}
.collaborationSection .iconCaption {display: inline-block; width: 65%; }
.collaborationSection li{margin-bottom: 70px;}

.collaborationSection li.active i {transition: background 0.5s ease;}
.collaborationSection li.active figure{
border: 1px dashed #ed7d3d;
}
.collaborationSection li.active figure span{display: block; position: relative;}
.collaborationSection li.active figure span:after{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed7d3d+0,edac3d+100 */
background: #ed7d3d; /* Old browsers */
background: -moz-linear-gradient(left, #ed7d3d 0%, #edac3d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ed7d3d 0%,#edac3d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ed7d3d 0%,#edac3d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7d3d', endColorstr='#edac3d',GradientType=1 ); /* IE6-9 */
content: ""; width: 80px; height: 80px; display: block; position: absolute;      top: -19px;  left: 8px; border-radius:100px;  z-index: 1;
}

.usageToolsSection:before{background-color: #2a3366;}

.priceProductivitySection{background-color: #f6f9fc; padding-top: 50px;}
.pricingPage .priceProHeading{font-size: 22px; color: #ed7f3d; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f9fc+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #f6f9fc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#f6f9fc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#f6f9fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f9fc',GradientType=1 ); /* IE6-9 */
padding: 15px; border-radius:5px; 
 }
 .productivityAccordion li.active span.checked{
    background: linear-gradient(to right,#111656 0%,#0012ff 100%);
}
.priceProductivitySection .productivityAccordion li.active span.unCheck{
    border-color: gray;
}
 .priceProductivitySection .panel-title{padding:0px;}
 .priceProductivitySection .panel-title a{display: block; padding:10px 25px;  color: #000;}
 .priceProductivitySection .checked:hover,  
 .priceProductivitySection dt.active .panel-title:after{
    background: #111656;
    background: -moz-linear-gradient(left, #111656 0%,#0012ff 100%);
    background: -webkit-linear-gradient(left, #111656 0%,#0012ff 100%);
    background: linear-gradient(to right,#111656 0%,#0012ff 100%);
}
.priceProductivitySection .checked,  
.priceProductivitySection dt.active .panel-title:after{
    background: #ed7d3d;
    background: -moz-linear-gradient(left, #ed7d3d 0%,#edac3d 100%);
    background: -webkit-linear-gradient(left, #ed7d3d 0%,#edac3d 100%);
    background: linear-gradient(to right,#ed7d3d 0%,#edac3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7d3d', endColorstr='#edac3d',GradientType=1 );
    width: 28px; height: 28px; display: block; border-radius: 30px;
    margin: 0 auto;
}
.priceProductivitySection .unCheck:hover{
    border-color: #111656;
}
.priceProductivitySection dt .fas.fa-check-square {
    color:#111656;
    cursor: pointer;
}
.priceProductivitySection li.active dt .fas.fa-check-square{
    color: #ed7f3d;
}
 .priceProductivitySection .unCheck{ border: 1px solid #ed7d3d; 
    width: 28px; height: 28px; display: block; border-radius: 30px; margin: 0 auto; margin-top: 10px;
}
.priceProductivitySection .checked{ margin-top: 10px;cursor: pointer;}
.priceProductivitySection .pro_trigger p { margin-top: 10px;cursor: pointer;}
.priceProductivitySection .panel-title:after {content: ""; display: inline-block; position:absolute; right:30%; top: 10px;}
.priceProductivitySection .panel-title:before{
background-position:-500px -131px; width: 14px; height: 20px;
content: ""; display: inline-block; position:absolute; left: 0; top: 10px;
}
.priceProductivitySection .panel-title:hover::before{background-position: -500px -108px;}

.priceProductivitySection dt.active .panel-title:before{background-position:-500px -108px;}
.priceProductivitySection dt .panel-title:after{border: 1px solid #ed7d3d; background: transparent; width: 28px; height: 28px; display: block; border-radius: 30px; display: none;}
.priceProductivitySection dt.active .panel-title:after{display: none;}
.priceProductivitySection dt{margin-bottom: 10px;     display: flex; align-items: center;}
.priceProductivitySection dl{position: relative;}
.priceProductivitySection dl:after{background-color:#c0c6ca; width: 1px; height: 100%; content: ""; display: block; position: absolute; right: 30%; top: 0;}
.priceProductivitySection dt .fas.fa-times{
    width: 26px;
    height: 25px;
    background-color: #bfbfbf;
    color: #fff;
    line-height: 1.3;
    border-radius: 3px;
    cursor: pointer;
}
.priceProductivitySection li.active dt .fas.fa-times{
    background-color: #bfbfbf;
}

.productivityAccordion  .panel-heading {
    color: #242935; font-size: 18px;
    background-color:transparent;
    border-color: transparent;
    position: relative;
    padding: 0;
}
.productivityAccordion  .panel-default {
    border-color: transparent; background-color: transparent; box-shadow:none;
}
.productivityAccordion  .panel-body p{font-size: 16px; color: #6b758d; padding-left: 2%; }


.pricingCarousel {
    position: relative;
    background: url(../images/pricing-carouselBg.jpg) no-repeat center top;
    background-size: 100% 100%;
    padding:50px 0;
}

.pricingCarousel .item{background-color: #fff; border-radius:7px; padding:25px;   margin:15px 40px;  min-height: 172px;     box-shadow: 0px 0px 15px rgba(0,0,0,0.3);}
.pricingCarousel .item h4{color: #ed7d3d; font-size: 25px; font-weight: bold; margin: 0 0 15px 0;}
.pricingCarousel .item p{color: #100f11; font-size: 17px;}
.pricingCarousel .item figure{width: 40%; display: inline-block;}
.pricingCarousel .iconCaption{width: 58%; display: inline-block; vertical-align: top;}
.pricingCarousel .slick-arrow{color: #fff; border: none; background-color: transparent;position: absolute;top:-50px; font-size: 28px; opacity: 0.7;}
.pricingCarousel .slick-prev{ right:25%; }
.pricingCarousel .slick-next{ right:22%; }
.pricingCarousel .slick-arrow:focus, .pricingCarousel .slick-arrow:hover, .pricingCarousel .slick-arrow:active{outline: none; opacity:1;}

.faqSection{padding: 50px 0; background-color: #f4f5f8; }
.faqSection .container{max-width: 800px;}
.faqSection li{padding: 50px; background-color:transparent; border-bottom: 1px solid #b5bbbf;}
.faqSection li.active{background-color: #fff; border-bottom: 1px solid transparent; box-shadow: 0px 0px 50px rgba(0,0,0,0.1);}
.faqSection li a{font-size: 22px; color: #1f2b31; display: block; position: relative; font-weight: bold;}
.faqSection li.active a{color: #ed7d3d; margin-bottom: 15px; }
.faqSection li a:after{display: block; content: "";  width: 26px; height: 26px; background-position: -888px -44px; position: absolute;right:0px; top:10px;}
.faqSection li.active a:after{height: 2px; background-position: -888px -79px;}
.pricingCarousel .item h4:before{display: none;}
.faqSection li p{    font-size: 18px;}



/*===Start==============Apex Css==================*/

.professionalsPageBanner {
	background: url(../images/professionals-banner.jpg) no-repeat center top;
	overflow: hidden;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:500px;
}
.container-1300 { max-width: 1360px; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.container-1100 { max-width: 1130px; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.pb-l-content {padding-top:70px;padding-bottom:70px;}
.pb-l-content .c-wrap { max-width: 610px;}
.pb-l-content h1 { color: #ffffff; font-size: 70px; font-weight:bold; line-height:1.125; margin-top: 0; margin-bottom: 25px; }
.pb-l-content p { color: #ffffff; font-size: 22px; font-weight:400; line-height:1.49; }
.color-2 {color: #ed7d3d !important;}

.pb-l-content .down-icon { margin-top: 45px; }
.services-tab-icons {
	    position: relative;
    z-index: 22;
    -webkit-box-shadow: 0 0px  20px rgba(38, 69, 147, 0.17);
    box-shadow: 0 0px  20px rgba(38, 69, 147, 0.17);
}
.services-tab-icons .s-icons { display: inline-block; width: 100%; padding-top:25px; padding-bottom: 15px;}
.services-tab-icons .s-icon {  float: left; position: relative; width: auto;    opacity: 0.76; text-align: left;
-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
transition: all .3s linear;


}
.services-tab-icons .s-icon.active ,.services-tab-icons .s-icon:hover {     opacity:1;}


.sc-sep { float: left;
    padding-left: 8.5%;
    padding-right: 8.5%;
}
.sc-sep span { display: inline-block; width: 100%; text-align: center; padding-top: 90px;}
.services-tab-icons .s-icon.s-icon1 { }
.services-tab-icons .s-icon.s-icon2 { }
.services-tab-icons .s-icon.s-icon3 { }
.services-tab-icons .s-icon.s-icon4 { text-align: right;}

.services-tab-icons .s-icon a {  display: inline-block;  }
.services-tab-icons .s-icon span {  display: block; text-align: center; }
.services-tab-icons .s-icon .s-icon-title {
    font-size: 22px;
    font-weight: 500;
    padding-top: 20px;
    color: #253356;
}
.grtv { background: #f0f1f5;
    padding:70px 0 70px  0;
    position: relative;
	clear: both;
}

.grtv .h-wrap,.h-wrap.dark { text-align: center;}
.grtv .h-wrap h2 ,.h-wrap.dark h2  { color: #2d2836; font-size: 60px; font-weight:bold; line-height:1.125; margin-top: 0; margin-bottom: 40px;}

.grtv .h-wrap p ,.h-wrap.dark p  { color: #595968; font-size: 20px; font-weight:500; line-height:1.49; }
.grtv-boxes { position: relative;    padding-left: 30px;
    margin-top: 50px;
    display: inline-block;
    width: 100%;}
.grtv-boxes::before { content: url(../images/plus-left.png);
display:block; position: absolute; left: 0;top: 0;
} 
.box-row .b-content { background: #fff;}
.box-row .b-content .c-wrap { padding: 50px; position: relative;}
.box-row .b-content .c-wrap h4{  margin-top: 0; margin-bottom: 25px; position: relative; color: #253356;
font-weight: bold; font-size: 28px; padding-bottom: 15px;
}

.box-row .b-content .c-wrap h4::after { content:"";
display:block;  width: 25px; height: 1px; background: #ed7d3d;
	    bottom: -15px;
    position: relative;
} 
.rightimg .b-img {
    float: right;
    width: 50%;
}
.rightimg .b-content {
    float: left;
    width: 50%;
    margin-top: 40px;
}

.box-row.rightimg {
    width: 100%;
    display: inline-block;
}
.box-row.botimg ,.box-row.topimg { width: 50%; float: left;}
.box-row.botimg {
    margin-top: 65px;
}
.box-row.topimg {
    margin-top: 20px;
	padding-right: 30px;
}

.box-row .b-content .c-wrap p{  margin-top: 0; margin-bottom:0; position: relative; color: #595968;
font-weight: 400; font-size: 18px;
}

.box-row.rightimg .b-content .c-wrap::after {
	    content: "";
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-bottom: 14px solid transparent;
    position: absolute;
    top: 35px;
    right: -14px;
    z-index: 2;
}

.box-row.topimg .b-content .c-wrap::after {
	    content: "";
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #fff;
    position: absolute;
    left:70px;
    top: -14px;
    z-index: 2;
}

.box-row.botimg .b-content .c-wrap::after {
	    content: "";
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #fff;
    position: absolute;
    left:70px;
    bottom: -14px;
    z-index: 2;
}
.mfet {background: url(../images/mfet-bg.png) no-repeat center top #274382;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom:70px;
    padding-top:70px;
	position: relative;
/*	background-color: #f6f9fc;*/

}
.mfet .h-wrap  { text-align: center;}
.mfet .h-wrap h2 {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    line-height: 1.125;
    margin-top: 0;
    margin-bottom: 40px;
}
.mfet .h-wrap p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.49;
}

.mfet-tabs .links-wrap ul { padding: 0; margin: 0; list-style: none; width: 166px; padding:0 5px;  float: left;}
.mfet-tabs .links-wrap ul.ul-2 { margin-top: 85px;} 
.mfet-tabs .links-wrap ul.ul-3 { margin-top: 265px;} 
.mfet-tabs .links-wrap ul li { list-style: none;
    width: 100%;
    height: 170px;
    
    text-align: center;
}
.mfet-tabs .links-wrap ul li a  {  background: #fff;
    display: block;
    padding: 25px 10px 15px 10px;
    height: 100%;
    border-radius: 5px;
    margin: 10px 0;
-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
transition: all .3s linear;

} 
.mfet-tabs .links-wrap ul li a.active {
        box-shadow: 0 0 22px rgba(255, 255, 255, 0.67), 3px 3px 3px hsl(22, 83%, 58%) inset, -3px -3px 3px hsl(22, 83%, 58%) inset;
}

.mfet-tabs .links-wrap ul li .title {
    color: #5a5b5d;
    font-size: 18px;
    font-weight: bold;
	    padding-top: 10px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
transition: all .3s linear;

}
.mfet-tabs .links-wrap ul li a.active .title  {color: #ed7d3d;}
.mfet-tabs .links-wrap ul li .img-wrap {
    height: 75px;
}
.mfet-s-wrap {
    padding-top: 75px;
}

.mfet-tabs .links-wrap ul li a span  { display: block; } 
.mfet-s-wrap .slick-list { display: block; width: 100%;}
.m-s { display: block;}
 .slick-slide {
   
    outline: none !important;
}

.mfet-slides .mf-title {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    text-align: center;
	display: none;
}

.rfe {
	
	background-image: url(../images/rfe-bg.png);
	background-position: 100% 140%;
    background-repeat: no-repeat;
    min-height: 850px;
    background-color: #f0f1f5;
    padding-top: 115px;
    padding-bottom: 80px;
    background-attachment: fixed;
    margin-top: -220px;
}
.rfe-wrap {
    padding-top: 80px;
}
.rfe-imgwrap {
    position: relative;
}

.rfe-ac-list {    padding-left: 43px;}
.rfe-ac { position: relative;}
.rfe-img {
	display: none; position: absolute;
}
.rfe-img.active  {
	display: block; position: relative;
	  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	 -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.rfe-ac .c-wrap {
    position: relative;
    padding-left:25px;
    
    padding-right: 180px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
transition: all .3s linear;

}
.rfe-ac.active .c-wrap {padding-top: 25px; padding-bottom: 25px;  padding-right: 25px; background: #fff;
    -webkit-box-shadow: 20px 20px 32px rgba(40, 74, 133, 0.06), -20px -20px 32px rgba(40, 74, 133, 0.06);
    box-shadow: 20px 20px 32px rgba(40, 74, 133, 0.06), -20px -20px 32px rgba(40, 74, 133, 0.06);

}

.rfe-ac .c-wrap .ac-icon {
    position: absolute;
    right: 30px;
	cursor: pointer;
}

.rfe-ac .c-wrap .ac-icon img {
    position: absolute;
	    right: 0;
}
.rfe-ac .c-wrap .ac-icon img.plus { display: block;}
.rfe-ac .c-wrap .ac-icon img.minus { display: none;}
.rfe-ac .c-wrap .rfe-ac-title { font-size:18px; display: none; font-weight: 400; color:#ed7d3d; text-transform: uppercase;    margin-bottom: 10px; }
.rfe-ac .c-wrap .rfe-ac-content { font-size:17px; font-weight: 500; color:#808080; }
.rfe-ac.active .c-wrap .rfe-ac-title {display: block;}
.rfe-ac.active .c-wrap .ac-icon img.minus{display: none;}
.rfe-ac.active .c-wrap .ac-icon img.plus {display: none;}
.rfe-ac {
    position: relative;
    padding-bottom: 55px;
    padding-top: 55px;
    border-bottom: 1px solid #c7c7c7;
}
.rfe-ac-list .rfe-ac:first-child { padding-top: 0;}
.rfe-ac-list .rfe-ac:last-child {   border-bottom: 0px solid #c7c7c7;}


.professionalsPageBanner.marketingPageBanner {
	background-image: url(../images/marketing-banner.jpg);
}
.professionalsPageBanner.pmPageBanner {
	background-image: url(../images/pm-banner.jpg);
}
 .professionalsPageBanner.freelancersPageBanner {
	background-image: url(../images/freelancer-banner.jpg);
}

.freelancersPageBanner  .pb-l-content .c-wrap {
    max-width: 710px;
}
 
.mfet-tabs .links-wrap.pm-linksslider  ul li .title {
    font-size: 16px;
}

.mfet-tabs .links-wrap.pm-linksslider ul li a {
    background: #fff;
    display: block;
    padding: 25px 5px 15px 5px;
	
}
.mfet-tabs .links-wrap.secondset {     padding-top: 50px;}
.mfet-tabs .links-wrap.secondset ul.ul-2 {
    margin-top: 100px;
}
.mfet-tabs .links-wrap.secondset ul.ul-3 {
    margin-top: 190px;
}

.pricingPageBanner {
	background: url(../images/pricing-top-bg.jpg) no-repeat center top;
	overflow: hidden;
	background-size: cover;
}

.pricing-sect2 {background: url(../images/pricing-s2-bg.jpg) no-repeat center top;
	background-size: cover;
padding-top: 50px;
padding-bottom: 150px;
	
}

.pricing-sect3 { 
	background-image: url(../images/triangleShape1.png);
	background-color: #f6f9fc;
	background-position: -13% 40%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	padding-top: 40px;
}

.ps3-wrap {
    text-align: right;
	    margin-top: -235px;
	padding-bottom: 40px;
}
.pkgbox {     width: 517px;     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    text-align: left;
    margin-right: 65px;
}
.pkgbox:last-child {margin-right: 0;}
.pkgbox-head { min-height: 156px;  padding-top: 30px;padding-bottom: 30px; padding-left:150px;padding-right: 40px; background: #0bbed3; position: relative;} 
 .business .pkgbox-head { background: #1e6bd2; } 
 
.pkgbox-head .pbh-icon { position: absolute;     left: 40px;} 
.pkgbox-head .pbh-content h4 { color: #ffffff; font-size: 36px; font-weight: bold;     margin-top: 0; } 
.pkgbox-head .pbh-content p{ color: #ffffff; font-size: 16px; } 

.ps2-wrap { padding-left: 100px;}

.pbb-row {border-bottom: 1px solid #efefef; padding: 20px;}
.pbb-row:last-child {border-bottom: 0px solid #efefef;}
	
	.pbb-c {font-size: 18px; font-weight: bold; color: #1f2b31;}
	.pbb-c .brk-note {font-size: 16px; font-weight: bold; display: block; color: #1f2b31;}
.pkgbox-footer { padding-bottom: 40px; padding-left: 40px; padding-right: 40px;}
.pkg-note { text-align: center; color: #6b758d; font-style: italic; font-size: 16px;}
.pkg-detail-link {text-align: center;     padding-top: 10px;
    padding-bottom: 5px; }
.pkg-detail-link a { color:#ed7d3d;  font-size: 16px; text-decoration:underline!important;  }
.pkg-btns {  text-align: center; padding-top: 25px;}
.pkg-btns .button { 
    background: #ed7d3d;
    background: -moz-linear-gradient(left, #ed7d3d 1%, #edad3d 100%);
    background: -webkit-linear-gradient(left, #ed7d3d 1%, #edad3d 100%);
    background: linear-gradient(to right, #ed7d3d 1%, #edad3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7d3d', endColorstr='#edad3d', GradientType=1 );
    border-radius: 25px;
	font-weight: bold;
    padding: 11px 95px 12px;
    color: #fff;
    font-size: 22px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
transition: all .3s linear;

    }
.pkg-btns .button:hover { background: #edad3d;
    background: -moz-linear-gradient(right, #ed7d3d 1%, #edad3d 100%);
    background: -webkit-linear-gradient(right, #ed7d3d 1%, #edad3d 100%);
    background: linear-gradient(to left, #ed7d3d 1%, #edad3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edad3d', endColorstr='#ed7d3d', GradientType=1 );}

/*=================Apex Css================End==*/







/* Animated CSS Start */

.pulsating-circle-1 {
  position: absolute;
  right: 0px;
  left: 0;
  margin: 0 auto;
  bottom: 200px;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 200px;
  height:200px;
  z-index: 9;
}
.pulsating-circle-1:before {
  content: "";
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 300px;
  background-color: transparent;
  border:30px solid rgba(255,255,255,0.1);
  -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle-1:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border:30px solid rgba(255,255,255,0.1);
  border-radius:300px;
  -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}




.pulsating-circle {
  position: absolute;
  right: -165px;
  bottom: -102px;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 35px;
  height: 35px;
  z-index: 9;
}
.pulsating-circle:before {
  content: "";
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 55px;
  background-color: #ed7e3d;
  -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
  border-radius: 25px;
  -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%,
	100% {
    opacity: 0;
  }
}

@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%,
	100% {
    opacity: 0;
  }
}
@-webkit-keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}


@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -400px 0; }
}


.st0{
fill:none;
stroke:#000000;
stroke-miterlimit:10;
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
-webkit-animation: draw1 4s linear forwards;
animation: draw1 4s linear forwards;
}
.st1{
fill:none;
stroke:#000000;
stroke-miterlimit:10;
stroke-dasharray: 200;
stroke-dashoffset: 200;
-webkit-animation: draw2 3s linear 2s forwards;
animation: draw2 3s linear 2s forwards;
}
  
@-webkit-keyframes draw1{
  to {stroke-dashoffset: 0;}
}
@keyframes draw1{
  to {stroke-dashoffset: 0;}
}
@-webkit-keyframes draw2{
  to {stroke-dashoffset: 0;}
}
@keyframes draw2{
  to {stroke-dashoffset: 0;}
}

/** fadeInLeft **/

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-50px);
        -moz-transform: translatex(-50px);
        -o-transform: translatex(-50px);
        transform: translatex(-50px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-50px);
        -moz-transform: translatex(-50px);
        -o-transform: translatex(-50px);
        transform: translatex(-50px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-duration:1s;
    animation-delay: 0.2s;
}



/** fadeInRight **/

@-webkit-keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(50px);
        -moz-transform: translatex(50px);
        -o-transform: translatex(50px);
        transform: translatex(50px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(50px);
        -moz-transform: translatex(50px);
        -o-transform: translatex(50px);
        transform: translatex(50px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(100px);
        -moz-transform: translatex(100px);
        -o-transform: translatex(100px);
        transform: translatex(100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-duration:1s;
    animation-delay: 0.2s;
}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* Animated CSS End */



.open-account-wrap { overflow: hidden;}
.sign-in-wrap {
    background: url(../images/account-bg.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 888888;
    overflow: auto;
    display: none;
    justify-content: center;
   
}

.sign-in-wrap.signin { align-items: center;}

.sign-in-wrap.forgot { align-items: center;}
.sign-in-wrap.active{display: flex;}

.sign-in-box {
    width: 433px;
    min-height: 520px;
    border: 1px solid #fff;
    position: relative;
    display: none;
    border-radius: 5px;
    margin-top: 25%;
    margin-bottom: 25%;
}

.sign-up-box {
    width: 433px;
    min-height: 520px;
    border: 1px solid #fff;
    position: relative;
    display:none;
    border-radius: 5px;
    margin-top: 25%;
    margin-bottom: 25%;
} 

.forgot-box {

    width: 433px;
    min-height: 420px;
    border: 1px solid #fff;
    position: relative;
    display: none;
    border-radius: 5px;
    margin-top: 25%;
    margin-bottom: 25%;
}
.sign-in-wrap.signin .sign-in-box ,.sign-in-wrap.forgot .forgot-box,.sign-in-wrap.signup .sign-up-box {
    display: block !important;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}





.close-account {
    position: absolute;
    right: 0;
    top: 0;
    color: #ed7d3d;
    font-size: 20px;
    font-weight: bold;
    padding-top: 55px;
    padding-right: 120px;
}

.close-account a {
    text-decoration: none !important;
    color: #ed7d3d;
}

.close-account img {
    vertical-align: unset;
    padding-right: 10px;
}

.sign-in-inner {
    padding: 55px;
}

.sign-in-inner .h-wrap {
    padding-left: 55px;
    position: relative;
}

.sign-in-inner .h-wrap .icon-signin {
    position: absolute;
    left: 0;
}

.sign-in-inner .h-wrap .h-title h4 {
    font-size: 34px;
    text-transform: capitalize;
    font-weight: bold;
    color: #fff;
    margin: 0;
}

.s-form-wrap {
    padding-top: 20px;
}

.sign-in-inner .input-wrap {
    padding-bottom: 20px;
}

.sign-in-inner .input-wrap input {
    color: #fff;
    border: none;
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    outline: none;
    height: 40px;
    padding-bottom: 0;
    padding-top: 10px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2 linear;
    font-size: 16px;
    font-weight: 400;
}

.sign-in-inner .input-wrap input:focus {
    padding-top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.btn-2 {
    background: #ed7d3d;
    background: -moz-linear-gradient(left, #ed7d3d 1%, #edad3d 100%);
    background: -webkit-linear-gradient(left, #ed7d3d 1%, #edad3d 100%);
    background: linear-gradient(to right, #ed7d3d 1%, #edad3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7d3d', endColorstr='#edad3d', GradientType=1 );
    border-radius: 25px;
    font-weight: bold;
    padding: 14px 40px 9px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    border: none;
    outline: none !important;
}

.btn-2:hover {
    background: #edad3d;
    background: -moz-linear-gradient(right, #ed7d3d 1%, #edad3d 100%);
    background: -webkit-linear-gradient(right, #ed7d3d 1%, #edad3d 100%);
    background: linear-gradient(to left, #ed7d3d 1%, #edad3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edad3d', endColorstr='#ed7d3d', GradientType=1 );
}

.s-form-wrap .btn-2 {
    display: block;
    width: 100%;
}

.s-form-wrap input::-webkit-input-placeholder {
    color: #fff;
}

.s-form-wrap input::-moz-placeholder {
    color: #fff;
}

.s-form-wrap input:-ms-input-placeholder {
    color: #fff;
}

.s-form-wrap input:-moz-placeholder {
    color: #fff;
}

.sign-in-inner .btn-wrap {
    padding-top: 10px;
}

.link-wrap {
    text-align: center;
    color: #fff;
    padding-top: 25px;
    padding-bottom: 20px;
    font-size: 16px;
}

.link-wrap.orline {
    padding-top: 0;
}

.link-wrap a {
    color: #fff;
}

.forgot-link {
    font-size: 18px;
    text-decoration: underline;
}

.btn-3 {
    color: #fff;
    text-decoration: none !important;
    display: block;
    font-size: 16px;
    width: 100%;
    text-align: center;
    border: 1px solid #fff;
    padding: 14px 10px;
    border-radius: 5px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.btn-3:hover {
    background: #edad3d;
    color: #fff;
    border: 1px solid #edad3d;
}
.google-link img { padding-right: 15px;}


.accordion-privacy .panel-default .panel-title a{color:#000; }
.priceProductivitySection .active .panel-title a{font-weight: bold;}

/*
.priceProductivitySection  dd{display: none;}
.priceProductivitySection dt:hover + dd{display: block;}
*/

/* 404 Page Start */
#wapper_error_pg {
    width: 98%;
    margin: 8% auto;
    max-width: 650px;
}
#wapper_error_pg .content {
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    padding: 24px;
}
#wapper_error_pg p {
    font-size: 14px;
    color: #999;
    line-height: 22px;
    margin-bottom: 0;
}
#wapper_error_pg p strong { font-size: 24px;}
#wapper_error_pg  p .btn {background-color: #3f527b; border: none; border-radius: 0; margin-top: 20px;}
#wapper_error_pg .logo_404 { margin-bottom: 40px;}
.page_404{
    -webkit-box-shadow: inset 0px 0px 149px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 149px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 149px 0px rgba(0,0,0,0.25);
}
.bodycontainer {
    background-color: transparent;
    height: 100vh;
    padding-top: 44px;
}

/* 404 Page End */

.hpp {
	background: rgba(0, 0, 0, 0.79);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	display: none;
}

.hpp .hpp-inner {
	max-width: 1081px;
	height: 600px;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.hpp .hpp-inner .closebtn {
	position: absolute;
	top: -20px;
	right: -20px;
}

.hpp .hpp-inner .signup-now-btn {
	margin: -30px auto;
	max-width: 298px;
	width: 100%;
	display: block;
}

.offer-date {
	background: #FFFFFF;
	color: #000000;
	position: absolute;
	left: 0;
	right: 0;
	width: 36%;
	text-align: center;
	margin: 0 auto;
	padding: 18px 30px;
	font-size: 18px;
	font-weight: bold;
	bottom: 50px;
}

/*Contact Us Page*/
.contact-us-details .headingH2{margin-bottom: 20px; width: 100%;}
.contact-us-details .contact-us-address{font-size: 20px; margin-top: 21px;}
.contact-email-address-ul{width: 90%; display: flex; justify-content: space-between;}
.contact-email-address-ul > li{display: inline-block; margin-right: 5%;}
.contact-email-address-ul > li:last-child{margin-right: 0;}
.contact-email-address-ul > li > .headingH5:before{display: none;}
.contact-us-email-address {font-weight: bold; font-size: 16px;}
.contact-us-email-address > a{color: #595968;font-size: 15px;}
.headingH5{font-size: 19px;line-height: 0.5;}
.contact-map{width: 100%;}
.contact-email-address-ul > li > .headingH5 > a{color: #ed7d3d;}
.contact-us-form {width: 70%; box-shadow: 0 2px 8px 1px rgba(29, 28, 57, 0.1); padding: 40px; border-radius: 5px; margin: 0 auto; transition: 0.25s;}
.contact-us-form:hover{box-shadow: 0 2px 8px 0 rgba(29, 28, 57, 0.4);}
.contact-us-form > div > input, .contact-us-form > div  > select, .contact-us-form > div  > textarea {background-clip: padding-box; background-color: rgba(245, 247, 250, 0.15); border: 1px solid #ccd5e2; color: #1d1c39; display: block; font-size: 16px; line-height: 1.25; padding: 18px 8px; width: 100%; border-radius: 4px; margin-bottom: 15px;}
.contact-us-form > div  > input.contact-submit-btn{margin-bottom: 0; background-color: #13265c; color: #fff; transition: 0.5s; font-size: 20px;}
.contact-us-form > div  > input.contact-submit-btn:hover {background-color: #eb7c3d;}
.form-label-overlap{transform: translate(10px, 10px); display: inline-block; background-color: #fff; padding: 1px 10px;}
.contact-us-form > div  > textarea {height: 120px;}
.form-text{font-size: 16px; color: #727491; margin-top: 20px; margin-bottom: 40px;}
.contact-us-icon-info{transform: rotate(-20deg);}
.contact-us-details{display: flex; justify-content: space-between;}
.contact-details-left{display: flex; flex-direction: column; justify-content: space-between;}
.contact-us-details h3{font-size: 30px;}
.filed-error-message{display: none; color: red;}
.field-is-empty > .filed-error-message{display: block !important;}
.field-is-empty > .req-field{border-color: red;}
.field-is-empty > .req-field::placeholder{color: red !important;}
.thankyou-head {color: #ed7d3d; font-size: 30px;}
.thankyou-text{font-size: 18px;}

/*** Responsive CSS Start ***/
@media (min-width: 1200px){
.col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

}
@media screen and (min-width: 767px) {
.pricing-sect3 .pricingWrapper{
    margin-top: -270px;
}
}
@media screen and (max-width: 1919px) {

.sizeFitAll #OrangeSlider .carousel-inner img { margin-top: 80px;}
#OrangeSlider .controller {right: -31.5%;bottom:326px;left: 0%;}
.sizeFitAll #OrangeSlider .carousel-caption{bottom: 326px !important; margin-top: 0; left: 0;}
.sizeFitAll .orangeBox {padding: 120px 30px;}
.productivitySection .thumbnailSlider .tabScreen {right: 0px;}
.thumbnailSlider .thumb{margin-right: 20px;}

}
@media screen and (max-width: 1600px) {

/*.container-fluid, .container{max-width: 1260px;}*/

.container{max-width: 1260px;}
.paddLeft245 {padding-left: 95px;}
.featuredSection .headingH2{ width: 68%; line-height: 50px;}
.mobileScreen{max-width: 265px;}
.featuredSection{padding-bottom: 50px;}
.featuredSection .carousel-indicators { bottom: 0%;margin-left: -14%;}
.thumbnailSlider .controller {width: 100px;     bottom: 50px;}
.thumbnailSlider .carousel-control{padding-top: 13px;     width: 50px;height: 50px;}


.featuresPageBanner .column-2{width: 48%;}
.headingH2{font-size: 42px; }
.productivitySection .padTop400 { padding-top: 330px;}
.thumbnailSlider .carousel-indicators{margin-left: -3%; width: 54%;}
.productivitySection .thumbnailSlider h4.orangeText{font-size: 18px;}
.thumbnailSlider .thumb{font-size: 14px; margin-right: 10px;}
.workspace h4 { font-size: 18px;}

.pricingCarousel .item {padding: 30px;margin: 15px 40px;}
.collaborationSection{    background-size: cover;}




	/*=================Apex Css================Start==*/
	.pricing-sect3.container {
    max-width: 1260px;
	}
	.pkgbox {
    width: 450px;
	}
	.pkgbox-head .pbh-content h4 {
    
    font-size: 28px;
	}
	.pkgbox-head .pbh-content p {
    font-size: 14px;
	}
	.pbb-c {
    font-size: 16px;
	}
	.pbb-c .brk-note {
    font-size: 14px;
	}
	.container-1300 {
		max-width: 1250px;
	}
	.pb-l-content h1 {
    font-size: 64px;
	}
	.freelancersPageBanner  .pb-l-content .c-wrap {
    max-width: 650px;
}
	.pb-l-content p {
    font-size: 20px;
	}
	
	
	
	.services-tab-icons .s-icon .s-icon-title {
    font-size: 20px;
	}
	
	.grtv .h-wrap h2, .h-wrap.dark h2 ,.mfet .h-wrap h2 {
    font-size: 50px;
	}
	.grtv .h-wrap p, .h-wrap.dark p ,.mfet .h-wrap p {
    font-size: 18px;
	}
	.mfet-tabs .links-wrap ul li .title {
    font-size: 16px;
    line-height: 1.25;
	}
	.mfet-tabs .links-wrap.pm-linksslider ul li .title {
    font-size: 14px;
}
	.mfet-tabs .links-wrap ul {
    width: 150px;
	}
	/*=================Apex Css================End==*/
#OrangeSlider .controller {right: -45%;bottom:213px;left: -10%;}
.sizeFitAll #OrangeSlider .carousel-caption{bottom: 213px !important; }
.sizeFitAll h2 { font-size: 45px; margin-bottom: 30px;}

/*Contact Us Page*/
.contact-email-address-ul{width: 100%;}

}
@media screen and (max-width: 1366px) {

.aboutUspage .triangleShapeRotate1, .aboutUspage .leftgreydesign,  .aboutUspage  .rightgreydesign{max-width:300px;}
.sizeFitAll .orangeBox { padding: 50px 30px;}
#OrangeSlider .controller {right: -45.5%;bottom:194px;}
.sizeFitAll #OrangeSlider .carousel-caption{bottom: 194px !important; }

}

@media screen and (max-width: 1320px) {
	/*
	.container-fluid, .container{max-width: 1000px;}
	*/

    .container{max-width: 1000px;}
    .workspace .box a, .button{font-size: 15px;     padding: 10px 15px;}
    .unlimitedSolution .box, .unlimitedSolution .box.last{ width: 25%; padding-top: 200px;}
    .unlimitedSolution .box.last{ padding-top: 450px;}

    .workspace .box, .workspace .box.last{padding-top: 200px;}

	.headingH2 { font-size: 30px; margin-bottom: 10px; line-height: 30px;}
	.mobileScreen03 { right: 0px; max-width: 250px;}

	.pricingCarousel .item {padding:35px 20px;margin: 15px 20px; min-height:192px;}
	
	/*=================Apex Css================Start==*/
	.container-1300 {
		max-width: 1000px;
	}
	.pb-l-content h1 {
    font-size: 50px;
	}
	.pb-l-content p {
    font-size: 16px;
	}
	
	
	.services-tab-icons .s-icon .s-icon-title {
    font-size: 15px;
	}
	
	.grtv .h-wrap h2, .h-wrap.dark h2 ,.mfet .h-wrap h2 {
    font-size: 42px;
		    margin-bottom: 30px;
	}
	.grtv .h-wrap p, .h-wrap.dark p ,.mfet .h-wrap p {
    font-size: 16px;
	}
	
	.box-row .b-content .c-wrap p {
    font-size: 14px;
}
	.box-row .b-content .c-wrap h4 {
    font-size: 22px;
	}
	.box-row .b-content .c-wrap {
    padding: 25px;
	}
	.rightimg .b-content {
    margin-top: 35px;
}
	.box-row.botimg {
    margin-top: 40px;
}
	.box-row.topimg {
    margin-top: 10px;
	}
	
	.rfe {
    
    background-position: 120% 140%;
		padding-top: 90px;
	}
	.grtv {
    padding: 80px 0 70px 0;
	}
	.orangeSection h2 {
    font-size: 42px;
	}
	
	.mfet-tabs .links-wrap ul li .title {
    font-size: 16px;
    line-height: 1.25;
	}

	/*=================Apex Css================End==*/
	
	
	

	.paddLeft245, .featuredSection .column-2, .aboutUspage .featuredSection .column-2{padding-left: 10%;}
    .carousel-indicators{bottom: 0;}
    .featuredSection .headingH2 { width: 98%;}
    .mobileScreen{max-width: 250px;}
    .aboutUspage .triangleShapeRotate1, .aboutUspage .leftgreydesign,  .aboutUspage  .rightgreydesign{max-width: 350px;}

    .inner-page .bannerText { padding: 20px 0;}

    .unlimitedSolution .paddLeft245{padding-left: 1%;}
    .pricing-sect2{padding-bottom: 190px;}

/*Contact Us Page*/
.contact-us-form {width: 100%;}
.contact-email-address-ul{display: block;}
.contact-email-address-ul > li {display: block; margin-right: 0%; width: 100%; margin-top: 25px;}
.contact-email-address-ul > li > img, .contact-email-address-ul > li > a > img {width: 15%;display: none;}
.contact-us-details h3 {font-size: 25px;}
.contact-us-details .contact-us-address {font-size: 16px;}
}

@media screen and (max-width: 1180px) {
    .pricing-sect3 .pricingWrapper {
        margin-top: -170px;
    }
    .secondtabdetail, .firsttabdetail {
        padding: 0;
    }   
.bannerText { padding: 30px 0 ;}
.bannerText h1{font-size: 60px;}
.unlimitedSolution, .workspace, .integrateSection, .successStory, .subscribeSection, .platformSection, .featuredSection  {padding: 50px 0 ;}
.featuredSection .column-2{padding-top: 0;}
.workspace .box{padding-left: 10px;}
.workspace .box a{font-size: 15px;}
.featuredSection .column-2a { padding-left: 78px;}

#OrangeSlider .controller {right: -50%;bottom:110px;}
.sizeFitAll #OrangeSlider .carousel-caption{bottom: 110px !important; }
.sizeFitAll .orangeBox { padding:50px 20px 20px 20px;}
.sizeFitAll h2 {font-size: 30px; margin-bottom: 20px;}
.sizeFitAll p {font-size: 15px;}


.termsAndConditionpage .featuredSection .headingH2{line-height: 50px; margin-bottom: 20px; font-size: 50px;}
.termsAndConditionpage .featuredSection p.width70{width: 100%;}
.headingH2Overlap {margin: -30px 0 20px 0;  padding: 10px 40px;}
.headingH2Overlap h2{font-size: 36px;}
.thumbnailSlider .thumb {  margin-right: 2px;}
.productivitySection .thumbnailSlider p { font-size: 14px;}
.thumbnailSlider .icon { margin-bottom: 15px;}



}

@media (max-width: 1080px) {

	.hpp .hpp-inner img {
		max-width: 100%;
	}

	.hpp .hpp-inner {
    	box-sizing: border-box;
    	padding-left: 15px;
    	padding-right: 15px;
	}

	.hpp .hpp-inner .closebtn {
    	right: 0px;
	}

}

@media(max-width:1023px){
.container{max-width: 800px;}
.navbar-default .navbar-nav>li { padding: 0 6px;}
.navbar-default .navbar-nav>li>a{font-size: 15px;}
.mobileScreen03 { max-width: 200px;}
.productivitySection .padTop400 { padding-top:250px;}
.productivitySection .thumbnailSlider p{    font-size: 12px; line-height: 14px;}
.productivitySection{padding-bottom: 100px;}
.productivitySection .thumbnailSlider .thumb{margin-right: 5px; font-size: 12px;}
.thumbnailSlider .carousel-indicators{bottom:-19%;    margin-left: -8%;width: 57%; }


.collaborationSection .headingH2 br{display: none;}
.headingH2{font-size: 28px;}
.collaborationSection h4{font-size: 18px;}
.collaborationSection p{font-size: 14px; line-height: 16px;}
.collaborationSection .iconCaption{width: 100%;}
.collaborationSection li { margin-bottom: 10px;}
.collaborationSection h4:after{margin-top: 10px;}
.collaborationSection  #tab-body{padding-top: 100px;}

.pricingCarousel .iconCaption, .pricingCarousel .item figure {width: 100%;}
.pricingCarousel .icon{    margin: 0 auto;}

	/*=================Apex Css================Start==*/
	.container-1300 {
		max-width: 700px;
	}
	.pb-l-content h1 {
    font-size: 45px;
	}
	.pb-l-content .c-wrap {
    max-width: 510px;
}
	.freelancersPageBanner .pb-l-content .c-wrap {
    max-width: 470px;
}
	.pb-l-content p {
    font-size: 16px;
	}
	.professionalsPageBanner {
    min-height: 0;
}
	
	.sc-sep {
    
    padding-left: 5.5%;
    padding-right: 5.5%;
}
	.services-tab-icons .s-icon .s-icon-title {
    font-size: 14px;
	}
	
	.mfet-tabs .links-wrap.pm-linksslider ul li .title {
    font-size: 9px;
}
	
	.grtv .h-wrap h2, .h-wrap.dark h2 ,.mfet .h-wrap h2 {
    font-size: 34px;
    margin-bottom: 25px;
	}
	.grtv .h-wrap p, .h-wrap.dark p ,.mfet .h-wrap p {
    font-size: 14px;
	}
	
	.box-row .b-content .c-wrap p {
    font-size: 12px;
}
	.box-row .b-content .c-wrap h4 {
    font-size: 20px;
    margin-bottom: 15px;
	}
	.box-row .b-content .c-wrap {
    padding: 25px;
	}
	.rightimg .b-content {
    margin-top: 0;
}
	.grtv-boxes::before {
    top: -33px;
}
	.box-row.botimg {
    margin-top: 10px;
}
	.box-row.topimg {
    padding-right: 15px;
}
	.box-row.topimg {
    margin-top: 10px;
	}
	.mfet-tabs .links-wrap ul li .img-wrap {
    height: 40px;
}
	.mfet-tabs .links-wrap ul li .img-wrap img {
    max-height: 100%;
    width: auto;
}
	
	.rfe {
    
    background-position: 120% 140%;
		padding-top: 100px;
	}
	.grtv {
    padding: 80px 0 70px 0;
	}
	.orangeSection h2 {
    font-size: 42px;
	}
	.mfet-tabs .links-wrap ul {
    width: 105px;
}
	.mfet-tabs .links-wrap ul li {
    height: 120px;
	}
	.mfet-tabs .links-wrap ul li .title {
    font-size: 12px;
    line-height: 1.25;
	}
	.mfet-tabs .links-wrap ul.ul-2 {
    margin-top: 65px;
}
	.mfet-tabs .links-wrap.secondset ul.ul-2 {
    margin-top: 75px;
}
	.mfet-tabs .links-wrap.secondset ul.ul-3 {
    margin-top: 140px;
}
	.mfet-tabs .links-wrap ul.ul-3 {
    margin-top: 195px;
}
	.mfet-s-wrap {
    padding-top: 120px;
}
	
	.mfet {
    min-height: 0;
		
	}
	.mfet-slider {
    padding-top: 30px;
}
	.container-1100 {
    max-width: 700px;
	}
	.rfe-ac .c-wrap .rfe-ac-content {
    font-size: 12px;
	}
	.rfe-ac {
    padding-bottom: 30px;
    padding-top: 30px;
	}
	.rfe-ac .c-wrap {
    padding-right: 65px;
	}

	/*================= Apex Css================End==*/

.unlimitedSolution .box{ padding-top: 250px;}
.unlimitedSolution .box.last { padding-top: 406px;}

.pkgbox { width: 350px; vertical-align: top;margin-right: 10px;}
.pkg-btns .button{ padding: 11px 50px 12px;}

}

@media screen and (max-width: 991px) {
.cyberDiscount {right: 0px; left: auto !important; }
.secondtabdetail, .firsttabdetail {padding: 0 ;}
.nav.secondpricetab li {width: auto;}
.nav.secondpricetab li a {height: auto;}
.navbar-default .navbar-nav>li { padding: 0 10px;}
.navbar-default .navbar-nav>li>a{font-size: 18px; display: inline-block;}
.navbar-right{margin-top: -10px;}
.navbar-right.navbar-nav>li.first a{font-size: 14px; padding: 8px 22px 6px 22px;}
.unlimitedSolution{padding: 0 0 50px 0;}
.unlimitedbnrtext{top: 50px;}
.unlimitedSolution .box, .workspace .box, .unlimitedSolution .box.last, .workspace .box.last{width: 50%;}
.unlimitedSolution .box{padding-top: 190px; padding-bottom:0px; min-height: inherit;}
.unlimitedSolution .box.last{padding-top: 180px;}



.headingH2, .bannerText h1, .integrateSection h2, .inner-page .bannerText h1{font-size: 35px; line-height: 30px; margin-bottom: 30px;}
.successStory p {max-width: 100%;}
.featuredSection .headingH2{width: 100%; line-height: 40px; margin-bottom: 20px;}
.featuredSection p{width: 100%;}
.featuredSection .carousel-indicators { bottom: 0%;}
.mobileScreen{max-width: 180px;}
.workspaceHeading{top: inherit; position: relative;}
.workspace .box, .workspace .box.last{padding-top: 0px;}
.workspace .box:hover{background: none;}
footer .heading:before { width: 15px;left: -20px;}

.aboutUspage .workspace .box{ width: 33.33333333%; padding-bottom: 20px;}
.sizeFitAll #OrangeSlider .carousel-caption{left: 0; right: 0; margin-top:0; bottom: 90px !important; }
.sizeFitAll .orangeBox { padding:20px 20px 10px 20px;}
.sizeFitAll h2 {font-size: 30px; margin-bottom: 20px;}
.sizeFitAll p {font-size: 15px;}
.sizeFitAll #OrangeSlider .carousel-inner img { margin-top: 80px;}
#OrangeSlider .controller {right: -34.5%;bottom:90px;left: -10%;}


.termsAndConditionpage .featuredSection .headingH2{line-height: 48px; margin-bottom: 20px;}
.termsAndConditionpage .featuredSection p.width70{width: 100%;}
.leftalignIcon_p{clear: both;}
.headingH2Overlap { margin: -30px 0 0px 0;width: 97%;padding: 10px 30px;}
.whiteBoxesArea .box p{font-size: 16px;}
.whiteBoxesArea .box{width: 100%; margin-left: 0px; padding: 30px 50px;}
.orangeSection h2{font-size: 40px;}


.featuresPageBanner .column-2 { width: 49%; padding-left: 4%; padding-top: 6%;}
.mobileScreen03 {right: 0px; bottom: 0px; max-width: 180px;}
.featuresPageBanner .headerForm input[type=submit] {padding: 11px 10px;}
.featuresPageBanner .headerForm input[type=text] {padding: 14px 202px 14px 15px;font-size: 16px;}
.productivitySection .padTop400{padding-top: 200px;}
.productivitySection .headingH2{font-size: 22px; line-height: 24px;}
.productivitySection .thumbnailSlider .icon { margin-bottom: 20px;}
.productivitySection .thumbnailSlider .controller{bottom: 40px;right: 27px; width: 101px;}
.productivitySection .thumbnailSlider .carousel-control{width: 50px; height: 50px; padding-top: 12px;}
.productivitySection { padding-bottom: 50px;}
.productivitySection .thumbnailSlider .thumb { padding: 10px 0; margin-right: 5px;    font-size: 10px;}
.productivitySection  .thumbnailSlider .carousel-indicators {bottom: -12%;}
.productivitySection .thumbnailSlider h4.orangeText{font-size: 18px;}
.productivitySection  .thumbnailSlider .num1 {padding-top: 85px;}

.pkgbox { width: 350px; margin-right: 20px;vertical-align: top; }
.pbb-row {padding:20px 10px;}
.pkg-btns .button{padding: 10px; font-size: 18px;}

.copyrights .inline-block li{margin-right: 10px;}
.copyrights .inline-block li:after{right: -7px;}
.copyrights p, .copyrights a {  font-size: 14px; margin-bottom: 0;}


/* Q.A Updates CSS Start */
.bannerText h3{font-size: 32px;}
.bannerText h1{font-size: 40px;}
.unlimitedSolution .paddLeft245 { padding-left:4%;}
.workspace h5:before, .headingH5:before { width: 20px; left: -25px;}
.successStory .paddLeft245{padding-left: 13%;}
footer .container {padding: 0 25px;}
.sc-sep { padding-left: 5%;padding-right: 5%;}
.sizeFitAll h2 {  font-size: 28px; margin-bottom: 10px; line-height: 28px;}
.sizeFitAll p { font-size: 14px; line-height: 18px;}

.pbb-c { font-size: 14px;}
.headingH2, .integrateSection h2, .inner-page .bannerText h1{font-size: 32px;}
.pricingCarousel .slick-next { right: 15%;}
.pricingCarousel .slick-prev { right: 21%;}
.termsAndConditionpage .whiteBoxesArea .box{min-height: inherit;}

/* Q.A Updates CSS End */

}

@media screen and (max-width: 767px) {
.nav.secondpricetab li {width: auto;}   
.secondtabdetail, .firsttabdetail {padding: 0;}
.contact-details-left{text-align: center;}
.navbar-default, .bannerText{padding-top: 15px;}
.navbar-toggle{margin-top: 15px;}
.navbar-right{margin-top: 0px;}
.navbar-right.navbar-nav>li.first a{display: inline-block;}
.paddLeft245{padding-left: 15px;}
.unlimitedSolution .box, .workspace .box{width: 100%;}
.unlimitedSolution .box.last, .workspace .box.last{padding-top: 0;}
.workspace .box p, .successStory p, .subscribeSection p, .unlimitedSolution .box.last, .workspace .box.last, .featuredSection .headingH2, .featuredSection p, .aboutUspage .featuredSection p, .aboutUspage .workspace .box p, .subscribeSection_2 p{max-width: inherit; width: 100%;}
.bannerText h3{font-size: 24px;}
.bannerText p{font-size: 15px;}
.headerForm input[type=text]{padding: 10px; margin-bottom: 15px;}
.headerForm input[type=submit]{position: relative; right: inherit; top: inherit;  padding: 11px 25px; font-size: 16px;}
.headingH2, .bannerText h1, .integrateSection h2, .featuredSection .headingH2, .inner-page .bannerText h1{font-size: 30px; line-height: 28px;}
.headingH2{margin-bottom: 30px;}
.platformSection .headingH5{margin-top: 0;}
.pulsating-circle, .successStory .dottedLineOrange:after, .successStory .dottedLineOrange:before, .successStory h2 i.icon11, .platformSection img.img-responsive, .successStory img.img-responsive, .homedesktopScreens, .featuredSection .column-1{display: none;}
.unlimitedSolution, .workspace, .integrateSection, .successStory, .subscribeSection, .platformSection, .copyrights, .copyrights .inline-block, .featuredSection .column-2, .subscribeSection_2{text-align: center;}
.icon{margin: 0 auto;}
.unlimitedSolution h4:before, .workspace h4:before{ margin: 20px auto;}
.unlimitedbnrtext{position: relative; top: inherit; margin-bottom: 30px;}
.unlimitedSolution .box{min-height: inherit; border-left: 0; padding: 0; margin-bottom: 30px;}

.workspace h4:before{position: relative; top: inherit;; left: inherit;}
.workspace .box a, .featuredSection .button{visibility: visible;}
footer{background-size: cover;}
.ftrLogo{max-width: 180px;}
footer .heading:before{left: 0;}
footer .heading, footer ul{padding-left: 30px;}
.copyrights .inline-block{padding-left: 0;}
.navbar-default .navbar-collapse{width: 100%; margin: 0; padding-top: 30px;}
.navbar-default .navbar-nav>li, .platformSection li a{padding: 10px;}
.platformSection .inline-block li{margin-right: 0;}
.copyrights p, .copyrights a { font-size: 12px;}

.featuredSection .column-2{ padding: 0 15px 0 15px;}
.featuredSection .carousel-indicators { bottom: 0; margin-left: -30%;}
.workspaceHeading {position: relative; top: inherit;}
.workspace .box{padding-top: 0px;}
.workspace{background: #274774;}
.featuredSection .column-2a {padding-left: 0px; text-align: center;}


.aboutUspage .featuredSection .column-2{padding-left: 15px;}
.aboutUspage .workspace .box{width: 100%;}
.aboutUspage .triangleShapeRotate1, .aboutUspage .leftgreydesign,  .aboutUspage  .rightgreydesign{max-width: 200px;}
.sizeFitAll .orangeBox { padding: 30px 10px;}
.sizeFitAll h2 {font-size: 30px; margin-bottom: 20px;}
.aboutUspage .button{padding: 10px 20px;}
.aboutUspage .workspace .leftgreydesign{max-width: 100px;}
.aboutUspage  .workspace .box{padding-bottom: 40px;}
.sizeFitAll #OrangeSlider .carousel-inner img, #OrangeSlider .num{margin: 0; display: none;}
.sizeFitAll #OrangeSlider .carousel-inner p{ font-size: 14px;}
.sizeFitAll #OrangeSlider .carousel-inner .item{min-height: 400px;}
.sizeFitAll #OrangeSlider .carousel-caption{bottom: 0 !important; left: 0; right: 0; text-align: center; }
#OrangeSlider .controller .carousel-control{padding-top: 12px; width: 40px; height: 40px; font-size: 15px;}
#OrangeSlider .controller{max-width: 81px; bottom: 40px; margin: 0 auto; right: 0%; left: 0;}
.sizeFitAll .orangeBox { padding: 30px 10px 50px 10px;}



.leftalignIcon_p { padding-top: 20px; margin-top: 20px;}
.headingH2Overlap{margin: 0; width: 100%; padding: 20px;}
.headingH2Overlap h2, .orangeSection h2{font-size: 24px;}
.leftalignIcon_p i { float: none;}
.leftalignIcon_p p { margin-left: 0;}
.whiteBoxesArea .box{min-height: inherit;  padding: 20px 30px; margin-bottom: 20px;}
.orangeSection{padding: 20px 0 40px 0;}
.orangeSection h2 span:before, .orangeSection h2 span:after{display: none;}
.orangeSection h2{margin-bottom: 20px;}
.whiteBoxesArea .box p, .termsAndConditionpage .featuredSection p{font-size: 15px;}
.whiteBoxesArea .box p:before {width: 20px; left: -31px;}
.termsAndConditionpage .featuredSection .headingH2{font-size: 24px; line-height: 28px;}


/* features Page Start */
.featuresPageBanner .column-2 {width: 100%; box-sizing: border-box; padding: 2% 5%;}
.featuresPageBanner .headingH5:before { width: 20px; left: -25px;}
.featuresPageBanner .headerForm input[type=text] { padding: 11px 230px 11px 15px;font-size:16px;}
.featuresPageBanner .headerForm input[type=submit] { padding: 11px 25px; position: absolute;
    right: 2px; top: 2px; font-size: 16px;
}
.headingH2{font-size: 24px; margin-bottom: 20px;}
.projectSection, .collaborationSection{padding:30px 0; }
.projectSection .button{margin-top: 10px; font-size: 16px;}
 .collaborationSection{background-image: none;}
 .collaborationSection li{margin-bottom: 20px; text-align: center;}
 .collaborationSection .iconCaption { display: block; width: 100%;}
 .collaborationSection h4:after{ margin: 15px auto;}
 .collaborationSection h4{font-size: 18px;}
 .collaborationSection p{font-size: 15px;}
 .productivitySection{padding: 50px 0;}
.productivitySection .padTop400 {padding-top:50px;}
.productivitySection:before, .navbar-header:after, .thumbnailSlider .dottedLineOrange, .pulsating-circle-1{display: none;}
.thumbnailSlider .icon {  margin: 20px auto;}
.thumbnailSlider .dottedLineOrange {width: 70px; left: 180px;}
.thumbnailSlider .dottedLineOrange:after {right: 159px;}
.thumbnailSlider .num1{padding-top: 0;}
.productivitySection .thumbnailSlider .controller {width: 100px; bottom:0px;right: 0px; margin: 0 auto;}
.thumbnailSlider .carousel-control{padding-top: 8px; width: 40px; height: 40px;}
.thumbnailSlider .carousel-indicators{width: 100%; margin-left: 0; left: 0; display: none;}
.thumbnailSlider .carousel-indicators{bottom:-25%;}
.thumbnailSlider .num1 { padding-top: 15px; text-align: center;}
.productivitySection .thumbnailSlider p{text-align: center;}
.thumbnailSlider .pulsating-circle { left: -92px; display: block;}
.usageToolsSection{padding-bottom: 50px; padding-top: 0;}
.productivityPara { position: relative; right: inherit; top: inherit;}

.container>.navbar-header {margin-left: 0; margin-right: 0;}
.faqSection li a{font-size: 18px;}
.faqSection li a:after{right: -25px;}
.faqSection li{padding:15px 40px 15px 15px;}
.pricingCarousel .item {padding:15px; margin:10px;}

.pkgbox { width: 300px; margin-right: 0;  margin-bottom: 15px;}
.pricing-sect2{padding: 30px 0;}
.priceProductivitySection dl:after{display: none;}
.priceProductivitySection .panel-title:after{right: 0;}
.ps3-wrap{text-align: center; margin-top: 0}
.pkg-btns .button{padding: 10px 25px; font-size: 18px;}
.pkgbox-head {padding-left: 115px;padding-right: 10px;}
.pkgbox-head .pbh-icon{left: 20px;}
.pbb-row { padding: 10px;}

/* features Page End */


	/*=================Apex Css================Start==*/
	.pb-l-content p br {
    display: none;
}
	.mfet-slides .slick-arrow {
    background: none;
    border: none;
    outline: none !important;
    font-size: 22px;
    color: #fff;
    position: absolute;
		top: 50%;

}
	.mfet-slides .slick-arrow.slick-prev { left: -20px;}
	.mfet-slides .slick-arrow.slick-next { right: -20px;}
	
	.mfet-slides .mf-title { display: block;}
	.col-sm-6.mfet-tabs {
    display: none;
}
	.container-1300 {
    max-width: 520px;
}
	
	.mfet-s-wrap {
    padding-top: 0;
}
	
	.services-tab-icons .s-icon {
    width: 25%;
}
	.sc-sep {
    padding-left: 0;
    padding-right: 0px;
    display: none;
}
	.services-tab-icons .s-icon .s-icon-title {
    font-size: 12px;
}
	.rightimg .b-img {
    float: none;
    width: 100%;
}
	.rightimg .b-content {
    float: none;
    width: 100%;
	}
	.box-row.botimg, .box-row.topimg {
    width: 100%;
    float: none;
}
	
	.box-row.topimg {
    padding-right: 0;
}
	
	.box-row.rightimg .b-content .c-wrap::after {
 
       border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #fff;
    position: absolute;
    left: 70px;
    top: -28px;
    z-index: 2;
}
	.mfet {
    min-height: 0;
    padding-bottom: 260px;
		padding-top: 80px;
    background-position: left;
}
	.grtv .h-wrap h2, .h-wrap.dark h2, .mfet .h-wrap h2 {
    font-size: 28px;
}
	.rfe-wrap .col-sm-5 {
		text-align: center;
		padding-bottom: 35px;
}
	.rfe-ac-list {
    padding-left: 0;
}
	.rfe-imgwrap {
    display: inline-block;
}
	
	.container-1100 {
    max-width: 500px;
}
	.grtv .h-wrap p br, .h-wrap.dark p br, .mfet .h-wrap p br {
    display: none;
}
	.rfe-wrap {
    padding-top: 40px;
}
	
	.rfe {
    background-position: 150% 140%;
    padding-top: 150px;
}
	
	
	/*=================Apex Css================End==*/

/* Privacy Policy Page Start CSS */

.accordion-privacy .panel-default{padding: 10px 25px;}
.accordion-privacy .panel-default .panel-title, .privacyPolicypage .whiteBoxesArea .box h4{font-size: 14px;}
.accordion-privacy .panel-default>.panel-heading{border: none;}
.accordion-privacy .panel-default .panel-title a:after{right: -20px;}

/* Privacy Policy Page End CSS */

.pricingCarousel .headingH5:before{ display:none; }
.unlimitedSolution .icon02{width: 91px;}
.unlimitedSolution .icon03{width: 79px;}
.productivitySection .thumbnailSlider .num1 { padding-top: 25px;}
.ps2-wrap { padding-left: 30px;}
.accordion-privacy .panel-default .panel-title:before {left: -30px;top: 7px; width: 20px;}
.privacyPolicypage .policyDetail{padding-bottom: 30px;}
.productivitySection { padding: 50px 25px;}
.inner-page  .collaborationSection{ padding: 0px 0;}
.inner-page  .productivitySection .padTop400, .inner-page  .productivitySection { padding-top: 30px;}
.successStory .paddLeft245 {  padding-left: 15px;}
.workspace h5:before, .headingH5:before { left: 10px;}
.homePage  .workspace h5:before, .homePage .headingH5:before {    left: 0px;
    right: 0;
    margin: 0 auto;
    bottom: -10px;
    top: inherit;
    width: 30px;}
.inner-page .workspace h5:before, .inner-page .headingH5:before { left: -25px;}
#wapper_error_pg {text-align: center;}
#wapper_error_pg .logo_404 img{max-width: 200px;}
.workspace{padding-bottom: 0;}
.copyrights{margin-top: 0;}

.contact-us-address > br:not(:last-child){display: none;}
.contact-email-address-ul {margin-bottom: 20px;}
.contact-email-address-ul > li {width: 33%; display: inline-block; float: left;}
.contact-us-details {display: block;}
.contact-us-form {background-color: #fff;}
.contact-email-address-ul > li > img, .contact-email-address-ul > li > a > img {width: 50px;}
.contact-email-address-ul > li > h5 {font-size: 18px;}
.contact-email-address-ul > li > p {font-size: 14px;}
.contact-us-form {margin-top: 20px;}
.contact-us-details .headingH2:before{display: none;}

}

@media(max-height:600px){
    .sign-in-wrap.signin { align-items:flex-start;}
    .sign-in-wrap.forgot { align-items: flex-start;}
}

@media(max-width:500px){

    .close-account {
        padding-top: 25px;
        padding-right: 5%;
    }
    .sign-in-box ,.forgot-box ,.sign-up-box{ width: auto; margin-left: 10px; margin-right: 10px; } 
    .sign-in-inner {
        padding: 30px;
    }

    .sign-in-inner .h-wrap .h-title h4 {
        font-size: 26px;
        padding-top: 10px;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .pricing-sect3 .pricingWrapper {
        margin-top: 0px;
    }
    .pricing-sect3{ padding-top: 0;}
    .nav.secondpricetab {
        margin-bottom: 50px;
    }
    .secondtabdetail ul.list-inline{
        margin-bottom: 25px;
     }
}

@media screen and (max-width:480px) {
.featuresPageBanner .column-2{ padding: 2% 10%;}
.featuresPageBanner .headerForm input[type=text], .featuresPageBanner .headerForm input[type=submit]  { padding:10px 15px;}
.featuresPageBanner .headerForm input[type=submit] { position: relative; right: inherit;  top: inherit;}
.padd50TopBtm { padding-top: 25px; padding-bottom: 25px;}

.contact-us-details .headingH2 {margin-top: 0; margin-bottom: 0;}
.contact-us-details h3 {font-size: 20px;}
.contact-email-address-ul > li > h5{
	font-size: 16px;
}
/*.contact-email-address-ul > li {width: 100%; margin-top: 5px; text-align: center;}
.contact-email-address-ul > li > img, .contact-email-address-ul > li > a > img {width: 30px; margin: 0 auto; display: inline-block;}*/
.contact-us-form {padding: 15px;}
.contact-us-email-address > a {
    font-size: 13px;
	}
.contact-us-details .contact-us-address {
    font-size: 14px;
}	
}

@media screen and (max-width:388px) {
	.contact-email-address-ul > li {width: 100%; margin-top: 5px; text-align: center;}
}



/*=================Apex Css================Stert==*/
@media screen and (max-width: 560px) {
	.container-1300 {
    max-width: 360px;
}
	.pb-l-content h1 {
    font-size: 38px;
}
	.pb-l-content p {
    font-size: 14px;
}
	
	.s-icon-img img {
    max-height: 44px;
    width: auto;
}
	.services-tab-icons .s-icon .s-icon-title {
    font-size: 13px;
}
	.grtv .h-wrap h2, .h-wrap.dark h2, .mfet .h-wrap h2 {
    font-size: 24px;
}
	.mfet {
    min-height: 0;
    padding-bottom: 200px;
	}
	.container-1100 {
    max-width: 90%;
}

.hpp .hpp-inner .signup-now-btn {
    margin: 30px auto;
}

/*.contact-email-address-ul > li {width: 100%;}
*/	
}

@media screen and (max-width: 360px) {
	.pb-l-content h1 {
    font-size: 30px;
}
	
	.pb-l-content p {
    font-size: 12px;
}
	.container-1300 {
    max-width: 95%;
}
	.services-tab-icons .s-icon .s-icon-title {
    font-size: 10px;
}
	.grtv-boxes::before {
    top: -33px;
    left: -22px;
}
	.grtv-boxes {
    padding-left: 0;
	}
}
/*=================Apex Css================End==*/