@import url('https://fonts.googleapis.com/css?family=Poppins');

@import url('https://fonts.googleapis.com/css?family=Great+Vibes&display=swap');

.mt-10{

    margin-top:10px;

}

.mt-20{

margin-top:20px!important;

}	

.mt-25{

margin-top:25px;

}

.mb30 {

    margin-bottom: 30px;

}

.mb-30 {

    margin-bottom: 30px;

}

.mt-40{

	margin-top:40px;

}

.mt-50{

	margin-top:50px;

}

.mt-60{

	margin-top:60px;

}

.mt-70{

	margin-top:60px;

}

.mt-80{

	margin-top:60px;

}

.mb-40{

	margin-bottom:40px;

}

.mt-95{

margin-top:95px;

}



.mt-75{

    margin-top:75px;

}

.p25 {

    padding: 25px;

}

h3, .h3{

	font-size:22px!important;

}

/*--Logo Design---*/

.logo-wrap {

    /*background-color: #562857;

	background:url(../images/branding/logo-design-bg.jpg);

    position: relative;*/

}

.logo-wrap .vector {

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	right: 0;

	text-align: right;

	height: 100%;

	overflow: hidden;

}

.logo-wrap .vector img {

	object-fit: cover;

	object-position: center;

}

.logo-area {

	width: 1088px;

	margin: 0 auto;

	position: relative;

	/*bottom: -172px!important;

	margin-bottom: 100px;*/

	padding:70px 0px;

}

.logo-area .left {

	padding: 45px 44px;

	width: 527px;

	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

	background-color: #fff;

	position: relative;

	/*z-index: 2;*/

}

.logo-area figure:first-child {

	margin: 100px 0px;

}

.logo-area figure img {

	display: block;

}

.logo-area .right {

	width: 561px;

	padding: 102px 50px 102px 121px;

	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

	background-color: #fff;

	position: relative;

	/*z-index: 1;*/

	margin: 40px 0 0 -2px;

}

.logo-area .extra-right

{

	margin-top: 133px;

}

.logo-area h3 {

	/*font-family: 'AddingtonCF-Bold';*/

    font-size: 35px;

    color: #5c2a47;

    line-height: 1.25;

    margin: 0 0 30px -58px;

    text-transform: capitalize;

    text-align: center;

}

.logo-area h3 strong{

	color: #f0011e;

}

.logo-area span {

	display: block;

}

.logo-area p {

	/*font-family: 'Open Sans', sans-serif;*/

	font-size: 18px;

	color: #141414;

	line-height: 1.8;

	margin-bottom: 30px;

	margin-left: -55px;

}

.logo-area .btn {

	min-width: 217px;

}

.text-top

{

	vertical-align: text-top;

	display: inline-block !important;

	margin-top: -3px;

}

.logo-area .text-top

{	

	margin-top: -10px;

}

.btn {

    font-size: 16px;

    color: #fff!important;

    background-color: #ee323c!important;

    border-radius: 5px;

	padding:10px 30px!important;

   /* text-transform: capitalize;

    border: 1px solid #562857;*/

    -webkit-box-shadow: 0 1px 2px 0 rgba(78,77,77,0.5);

    -moz-box-shadow: 0 1px 2px 0 rgba(78,77,77,0.5);

    box-shadow: 0 1px 2px 0 rgba(78,77,77,0.5);

    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    -ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    width:100%;

}



.btn:hover {

    border: 1px solid #373e5b!important;

    background-color: #373e5b!important;

    color: #FFF!important;

}

.btn-secondary {

    padding: 0 15px;

    font-size: 16px;

    font-weight: 600;

    margin-top: 15px;

    height: 43px;

    line-height: 43px;

}

.btn-yellow {

    padding: 0 15px;

    font-size: 16px;

    font-weight: 600;

    margin-top: 15px;

    height: 43px;

    line-height: 43px;

	background:#5c2a47;

	color:#FFF;

	border-radius: 5px;

	padding:15px 30px;

}

.btn-yellow:hover {

    border: 1px solid #5c2a47;

    background:#FFF;

    color: #000;

}

/*=========logo style End=========*/





.logo-service {

    padding: 70px 0px;

	background:url(../images/branding/logo-design-bg.jpg);

}

.logo-service-content {

    width: 1088px;

    margin: 0 auto;

    padding-left: 70px;

}

.logo-service-content .desc {

    width: 533px;

    margin-top: 27px;

}

.logo-service-content h4 {

   margin: 0 0 45px -40px;

    line-height: 1.2;

    color:#FFF;

    text-transform: capitalize;

    letter-spacing: -0.4px;

    font-size: 48px;

}

.logo-service-content li {

    margin-bottom: 20px;

}

.logo-service-content li  p{

	color:#FFF;

}

.logo-service-content li {

    position: relative;

    padding-left: 38px;

    margin-bottom: 35px;

}

.desc ul, .full-description ul {

    margin-top: 38px;

}

.desc ul{

	list-style-type:none;

	margin-left:-60px;

}

.logo-service-content li span {

    position: absolute;

    top: 5px;

    left: 0;

    width: 25px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    background-color: #14b0bf;

   /* font-family: 'Open Sans', sans-serif;*/

    font-size: 14px;

    text-align: center;

    color: #fff;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    overflow: hidden;

}

.logo-service figure{

	/*margin-top:130px;*/

}

.our-logos{

	background:#250833;

	padding: 60px 0 40px 0;

    box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);

}

.our-logos h1{

	color:#FFF;

}

@media (max-width: 650px){

	.logo-area {

	width: auto!important;

	margin: 0 auto;

	position: relative;

	/*bottom: -172px!important;

	margin-bottom: 100px;*/

	padding:0px 0px;

}

.logo-area .left {

	padding: 0px 25px;

	width: auto!important;

	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

	background-color: #fff;

	position: relative;

	/*z-index: 2;*/

}

.logo-area figure:first-child {

	margin: 100px 0px;

}

.logo-area figure img {

	display: block;

}

.logo-area .right {

width: auto!important;

    padding: 55px 15px 24px 68px;

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

    background-color: #fff;

    position: relative;

    /*z-index: 1;*/

    margin: 40px 0 0 -2px;

}

.logo-area .extra-right

{

	margin-top: 133px;

}

.logo-area h3 {

	font-family: 'AddingtonCF-Bold';

	font-size: 28px;

	color: #141414;

	line-height: 1.25;

	margin: 0 0 30px -58px;

	text-transform: capitalize;

}

.logo-area h3 strong{

	color: #f0011e;

}

.logo-area span {

	display: block;

}

.logo-area p {

	font-family: 'Open Sans', sans-serif;

	font-size: 18px;

	color: #141414;

	line-height: 1.8;

	margin-bottom: 30px;

	margin-left: -55px;

}

.logo-area .btn {

	min-width: 217px;

}

	.logo-service {

    padding: 133px 0 100px 0px;

}

.logo-service-content {

    width: auto!important;

    margin: 0 auto;

    padding-left: 70px;

}

.logo-service-content .desc {

    width: auto!important;

    margin-top: 27px;

}

.logo-service-content h4 {

    margin: 0px 45px 23px -20px;

    line-height: 1.2;

    color: #141414;

    text-transform: capitalize;

    letter-spacing: -3.4px;

    font-size: 40px;

}

.logo-service-content li {

    margin-bottom: 20px;

}

.logo-service-content li {

    position: relative;

    padding-left: 38px;

    margin-bottom: 35px;

    margin-left: -30px;

}

.description ul, .full-description ul {

    margin-top: 38px;

}

.logo-service-content li span {

    position: absolute;

    top: 5px;

    left: 0;

    width: 25px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    background-color: #14b0bf;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    text-align: center;

    color: #fff;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    overflow: hidden;

}

.uiux-factors {

     padding: 0rem; 

}

.uiux-research {

   margin-top: 0px; 

}

.uiux-story .uiux__white-bg {

    max-width: 561px;

    margin: 135px -45px 0px -40px!important;

    position: relative;

    z-index: 999;

}

.uiux-research .uiux__gray-bg {

    margin: 0px -45px 0px -40px!important;

    padding: 0rem 0rem;

}



}

/*-------More logos----------*/

.box{

    text-align: center;

    box-shadow: 0 0 3px rgba(0,0,0,0.3);

    position: relative;

}

.box img{

    width: 100%;

    height: auto;

}

.box .box-content{

    padding-top: 15%;

    border: 1px solid #fff;

    background: rgba(0,0,0,0.6);

    position: absolute;

    top: 20px;

    left: 20px;

    bottom: 20px;

    right: 20px;

    opacity: 0;

    transform: scaleY(0);

    transition: all 0.5s ease 0s;

}

.box:hover .box-content{

    opacity: 1;

    transform: scaleY(1);

}

.box .title{

    font-size: 22px;

    font-weight: 700;

    color: #da2d5b;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin: 0 0 10px;

}

.box .post{

    display: block;

    font-size: 15px;

    font-style: italic;

    font-weight: 600;

    color: #fff;

    margin-bottom: 15px;

}

.box .icon{

    padding: 0;

    margin: 0;

    list-style: none;

}

.box .icon li{ display: inline-block; }

.box .icon li a{

    display: block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 20px;

    color: #fff;

    margin-right: 5px;

    position: relative;

}

.box .icon li a:before{

    content: "";

    width: 100%;

    height: 100%;

    background: transparent;

    border: 1px solid #fff;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    transition: all 0.3s ease 0s;

}

.box .icon li a:hover:before{

    border: #da2d5b;

    background: #da2d5b;

    transform: rotate(180deg);

}

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

    .box{ margin-bottom: 30px; }

}





/*-------------------Contact Page--------------*/



.contact-banner {

    padding:50px 0px;

    position: relative;

    background: url(../images/contact_background.jpg);

    background-size: cover;

}

.organic-banner {

    position: absolute;

    width: 60%;

    height: 50%;

    top: -50px;

    right: -20%;

}

.contact-banner .title {

    /*padding-left: 100px;*/

    width: 50%;

    margin-bottom: 32px;

}

.contact-banner .title1 {

   padding-left: 100px;

    /*width: 50%;*/

    margin-bottom: 32px;

}

.contact-banner h1 {

    font-size: 30px;

    color: #1a1a1a;

    margin-top: 40px;

   /* margin: 0 0 21px -100px;

    letter-spacing: -2.1px;*/

}

.contact-banner .title p {

    font-size: 20px;

    color: #7d7c84;

    line-height: 1.4;

    font-family: 'Open Sans', sans-serif;

    margin-bottom: 44px;

}

.contact-banner .contact-detail.active {

    display: block;

}

.contact-banner .contact-detail {

    flex: 0 0 614px;

    background-color: #ffffff6b;

    -webkit-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);

    -moz-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);

    box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);

    position: relative;

    z-index: 2;

    display: none;

   /* min-height: 862px;*/

}

.contact-banner .contact-detail li {

    display: -ms-flexbox;

    display: flex;

    border-bottom: 1px solid #e3e3e3;

    line-height: 1;

}

.contact-request {

    padding: 21px 50px 60px;

}

.agree-wrap {

    margin-bottom: 35px;

}

.checkbox-wrap {

    padding: 5px 0 0 40px;

    position: relative;

    margin-bottom: 15px;

}

.checkbox-wrap input {

    z-index: 2;

    opacity: 0;

}

.checkbox-wrap input, .checkbox-wrap i {

    position: absolute;

    top: 3px;

    left: 0;

    width: 22px;

    height: 22px;

    background-color: transparent;

    border: 1px solid #1a1a1a;

}



.checkbox-wrap label {

    font-size: 17px;

    color: #1a1a1a;

    font-family: 'Open Sans', sans-serif;

    line-height: 1.3;

}

.checkbox-wrap label span {

    display: block;

    font-size: 14px;

    color: #b2b2b2;

}

.text-left {

    text-align: left;

}



.chat-wrap {

   /*flex: 0 0 663px; */

    max-width: 663px;

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);

    -moz-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);

    box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);

    margin: -184px 0 0 -44px;

    /*padding: 189px 76px 0px 115px;*/

	padding: 189px 60px 0px 100px;

    position: relative;

}

.chat-wrap p {

    font-size: 14px;

    color: #2a2a2a;

    font-family: 'Open Sans', sans-serif;

    margin-bottom: 34px;

    line-height: 1.7;

    margin-left: 40px;

}

.chat-wrap i{

	color: #562857!important;

    margin-right: 10px!important;

    font-size: 20px!important;

}

.chat-wrap > span {

    font-size: 15px;

    color: #2a2a2a;

    display: block;

    font-family: 'Open Sans', sans-serif;

    letter-spacing: 0.6px;

}

.chat-wrap .telephone {

    font-family: 'Circular Std Bold';

    font-size: 48px;

    color: #2a2a2a;

    display: inline-block;

   /* margin: 15px 0 45px -70px;*/

    letter-spacing: -1px;

}

.chat-wrap .telephone span {

    font-size: 17px;

    color: #2a2a2a;

    font-family: 'Open Sans', sans-serif;

    letter-spacing: 1px;

}

.mail-wrap .telephone {

    font-size: 15px;

    margin: 10px 0 10px 0;

    font-family: 'Open Sans', sans-serif;

    font-weight: 500;

    color: #f0011e;

    letter-spacing: 0.6px;

}

.chat-wrap .lady-executive {

    position: absolute;

    bottom: -83px;

    right: -19px;

}

.chat-wrap .contact-address {

    position: absolute;

    top: calc(100% + 60px);

    top: -webkit-calc(100% + 60px);

    width: 370px;

}

.chat-wrap .contact-address li {

    line-height: 1;

    position: relative;

    padding-left: 62px;

    margin-bottom: 23px;

}

.chat-wrap li {

    margin-bottom: 2px;

}

.chat-wrap .add-contact h2, .Phone-contact h2, .email-contact h2 {

    color: #562857;

    font-weight: 500;

    font-size: 20px;

}

.contact-banner .contact-detail li {

    display: -ms-flexbox;

    display: flex;

    border-bottom: 1px solid #e3e3e3;

    line-height: 1;

}

.contact-banner .contact-detail .left {

    /*min-height: 90px; 

    border-right: 1px solid #e3e3e3;*/

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: center;

    justify-content: center;

    /*flex: 0 0 103px;

    max-width: 103px;*/

}

.contact-banner .contact-detail .right {

    flex: 0 0 511px;

    max-width: 511px;

}

.contact-detail .icon-name, .contact-detail .icon-telephone, .contact-detail .icon-currency, .contact-detail .icon-mail  {

	font-size: 25px;

}

.contact-detail input[type="text"] {

    font-size: 15px;

    color: #FFF;

    border: none;

    padding: 0 28px;

    /*width: 100%;*/

    font-weight: 400;

     float: left;

    border-radius: 0px;

    line-height: 1;

    height: 60px;

}

.contact-detail input[type="email"] {

    font-size: 15px;

    color: #FFF;

    border: none;

    padding: 0 28px;

    /*width: 100%;*/

    font-weight: 400;

    float: left;

    border-radius: 0px;

    line-height: 1;

    height: 60px;

}

.contact-detail select {

    font-size: 15px;

    color: #FFF;

    border: none;

    padding: 0 28px;

    /*width: 100%;*/

    font-weight: 400;

    float: left;

    border-radius: 0px;

    line-height: 1;

    height: 60px;

}

.contact-banner .contact-detail textarea {

    border: none;

    resize: none;

    /*min-height: 139px;

    width: 100%;*/

    padding: 37px 28px 37px;

    font-size: 17px;

    color: #FFF;

    font-weight: 400;

    

}



.logo-description h4{

    color: #5c2a47;

    font-size: 20px;

}

.branding-content h4{

	color: #5c2a47;

    font-size: 20px;

}

.branding-content p{

	 color:#000;

}

@media (max-width: 1400px){



}





/*---------contact---------*/

.chat-wrap1 {

   /*flex: 0 0 663px; */

    max-width: 663px;

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);

    -moz-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);

    box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);

    /* margin: -184px 0 0 -44px;

   padding: 189px 76px 0px 115px;*/

	padding:15px 60px 0px 45px;

    position: relative;

}

.chat-wrap1 p {

    font-size: 14px;

    color: #2a2a2a;

    font-family: 'Open Sans', sans-serif;

    margin-bottom: 34px;

    line-height: 1.7;

    margin-left: 30px;

}

.chat-wrap1 i{

	color: #562857!important;

    margin-right: 10px!important;

    font-size: 20px!important;

}

.chat-wrap1 > span {

    font-size: 15px;

    color: #2a2a2a;

    display: block;

    font-family: 'Open Sans', sans-serif;

    letter-spacing: 0.6px;

}

.chat-wrap1 .telephone {

    font-family: 'Circular Std Bold';

    font-size: 15px;

    color: #2a2a2a;

    display: inline-block;

   /* margin: 15px 0 45px -70px;*/

    letter-spacing: -1px;

}

.chat-wrap1 .telephone span {

    font-size: 17px;

    color: #2a2a2a;

    font-family: 'Open Sans', sans-serif;

    letter-spacing: 1px;

}

.mail-wrap1 .telephone {

    font-size: 15px;

    margin: 10px 0 10px 0;

    font-family: 'Open Sans', sans-serif;

    font-weight: 500;

    color: #f0011e;

    letter-spacing: 0.6px;

}

.chat-wrap1 .lady-executive {

    position: absolute;

    bottom: -83px;

    right: -19px;

}

.chat-wrap1 .contact-address {

    position: absolute;

    top: calc(100% + 60px);

    top: -webkit-calc(100% + 60px);

    width: 370px;

}

.chat-wrap1 .contact-address li {

    line-height: 1;

    position: relative;

    padding-left: 62px;

    margin-bottom: 23px;

}

.chat-wrap1 li {

    margin-bottom: 2px;

}

.chat-wrap1 .add-contact h2, .Phone-contact h2, .email-contact h2 {

    color: #562857;

    font-weight: 500;

    font-size: 20px;

}



/*--------------Why Choose Branding----------------*/



.why-branding{

	padding:60px 0px;

	background: aliceblue;

}

.serviceBox{

    text-align: center;

}

.serviceBox .service-icon1{

    width: 150px;

    height: 150px;

    line-height: 150px;

    display: block;

    overflow: hidden;

    position: relative;

    margin: 0 auto;

}

.serviceBox .service-icon1 strong{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-width: 5px;

    border-style: solid;

    border-color:hsl(299, 37%, 25%) hsla(0, 0%, 0%, 0) hsla(0, 0%, 0%, 0) hsl(299, 37%, 25%);

    border-radius: 400px;

    transform: rotate(-45deg);

    transition: all 0.5s ease 0s;

    z-index: 1;

}

.serviceBox .service-icon1:hover strong{

    transform: rotate(315deg);

    transition: all 0.5s ease 0s;

}

.serviceBox .service-icon1 span{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-width: 5px;

    border-style: solid;

    border-color: hsl(0, 2%, 90%);

    border-radius: 400px;

    z-index: 0;

}

.serviceBox .icons{

    display: inline-block;

}

.serviceBox .icons i{

    font-size: 70px;

    margin-top: 40px;

    transform: rotateY(0deg);

    transition: all 0.5s ease 0s;

}

.serviceBox .service-icon1:hover .icons i{

    transform: rotateY(360deg);

    transition: all 0.5s ease 0s;

}

.serviceBox .service-content p{

   text-align:justify;

}

.service-content h3{

font-size:20px;

color:#572857;

}

.serviceBox .read{

    background: hsl(0, 0%, 36%);

    color: hsl(0, 0%, 100%);

    font-size: 18px;

    font-family: "Arial",sans-serif;

    line-height: 24px;

    text-transform: capitalize;

    padding: 14px 32px 15px;

    display: inline-block;

    transition: all 0.2s ease 0s;

}

.serviceBox .read:hover{

    background:#ec0303;

    text-decoration: none;

}

.serviceBox .service-icon1 span{

    border-color: hsl(0, 2%, 90%);

}

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

    .serviceBox{

        margin-bottom: 35px;

    }

}



/*------UI/UX Design------------*/

.uiux-research {

    margin-top: -90px;

}

.uiux-factors {

    padding: 0rem 6rem 4rem 6rem;

}

.uiux-research .uiux__gray-bg {

    margin: 140px -50px 0 -65px;

    padding: 1rem 0rem;

}

.uiux__gray-bg {

    background: #f6f7f8;

    padding: 5rem;

    margin: 52px 0 0;

}

.uiux__gray-bg figure {

    display: block;

    text-align: center;

}

.uiux-research .uiux__gray-bg figure img {

    max-width: 350px;

}

.twelveth-order figure img {

    max-width: 300px;

}

.uiux__gray-bg figure img {

    display: inline-block;

}

@media (min-width: 1500px){

.uiux__white-bg {

    margin-left: -50px;

}

}

.uiux__white-bg {

    -webkit-box-shadow: 0px 16px 59px 0 rgba(0, 0, 0, 0.13);

    box-shadow: 0px 16px 59px 0 rgba(0, 0, 0, 0.13);

    padding: 5rem 3.7rem;

    background: #fff;

}

.uiux-research .uiux-title {

    padding-left: 1.3rem;

    z-index: 999;

}

.uiux__white-bg .uiux-title {

    position: relative;

}

.uiux-title {

    font-size: 20px;

    color: #000;

}

.uiux__white-bg .uiux-title span {

    position: absolute;

    content: "";

    top: -3rem;

    left: -7px;

    font-size: 70px;

    color: #f6f7f8;

    z-index: -999;

}

.uiux-factors {

    /*padding: 0rem 6rem 4rem 6rem;*/

    padding:5rem 6rem 10rem 6rem;

}



.uiux-story .uiux__white-bg {

    max-width: none;

}

.uiux-story .uiux__white-bg {

    max-width: 561px;

    margin: 95px -189px 0px -55px;

    position: relative;

    z-index: 999;

}

.uiux__white-bg .uiux-title span {

    position: absolute;

    content: "";

    top: -3rem;

    left: -7px;

    font-size: 70px;

    color: #f6f7f8;

    z-index: -999;

}

.ui-section p{

	color:#000;

}

.ui-section h4{

	color: #5c2a47;

        font-size: 18px;

    letter-spacing: 1px;

}

.ui-callout{

	 padding: 70px 0px;

	/*background:url(../images/branding/logo-design-bg.jpg);*/

	background:#2b3344;

}

.ui-callout h2{

	color:#f7b052;

	font-size: 40px;

	margin-bottom:20px;

}

.ui-callout p{

	color:#FFF;

}

.ui-capabilities{

	    padding: 60px 0px;

    background: #f6f7f8;

}

.design-icon svg{

	font-size:10px;

}





/*------Business Card Design--------------*/

.product-features{

	background-color: #f9f9f9;

	padding:60px 0px;

}

.product-features h6{

	font-size:25px;

	font-weight:500;

}

.product-features ul{

	list-style-type:none;

}

.list--tick {

    margin-left: -3.75rem;

}

.list--bottom-margin {

    margin-bottom: .9375rem;

}

.list li:not(:last-child) {

    margin-bottom: .9375rem;

}

.list--tick li {

        background-image: url(../images/branding/common-medium-tick-e5119dac9f.svg);

    background-repeat: no-repeat;

    background-position: 0 2px;

    /* background-size: 1.5rem; */

    padding-left: 4.4375rem;

}



/*--Choose Section--*/

ul.ultick li {

    margin-bottom: 30px;

    position: relative;

}

ul.ultick {

    list-style-type: none;

    padding-left: 70px;

}

ul.ultick li:before {

    content: '';

    background: url(../images/branding/doubletick.png);

    top: 0px;

    left: -50px;

    height: 30px;

    width: 30px;

    position: absolute;

}

.fweight4 {

    font-weight: 400;

}

.font20 {

    font-size: 17px;

    color:#000;

    line-height: normal;

}

.no-js .owl-carousel {

    display: block;

}

.owl-carousel {

    /*display: none;*/

    -webkit-tap-highlight-color: transparent;

    position: relative;

    z-index: 1;

}

.commeniconsplit.ticky {

    background-position: -5px -5px;

    width: 40px;

    height: 40px;

}

.commeniconsplit {

    background-image: url(../images/branding/commeniconsplit.png);

    display: inline-block;

    position: relative;

}

/*-----------------Landing Pages-------------*/

.choose-sec{

	background:#e5e5e563;

	padding:60px 0px;

}

.choose-sec .container{

	

    text-align: center;

}

.trusted span {

    display: block;

    color: #5c2a47;

    font-weight: 700;

    margin: 15px 0 0;

    font-size: 22px;

} 

.counter{

	/*background:#e5e5e563;*/

	padding:20px 0px;;

}

.process-sec{

    background: #f9f9f9;

    padding: 60px 0px;

	}

.process-inner{

	text-align:center;

}

.process-inner h6 {

    font-size: 20px;

    color: #000;

    font-weight: 600;

    margin-top: 15px;

}

.high-lights h5{

	font-size:20px;

	padding-top:20px;

}



/*-------Social Media Marketing----------*/



.bgwhite {

    background-color: #fff;

}

.minheight300 {

    min-height: 300px;

}

.social-media{

	background:#f1f1f1;

	padding:60px 0px;

}

.social-media h4{

	font-size:30px;

}



.social-desc{

	color:#FFF;

}

.social-callout{

	background:#250833;

	padding: 60px 0 40px 0;

    box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);

	}

.social-callout h1 {

    font-size: 36px;

    color: #FFF;

    font-weight: 500;

    position: relative;

    margin-bottom: 16px;

}

.social-callout p{

	color:#FFF;

	font-size:18px;

}

.text_content li:before {

    content: '';

    position: absolute;

    left: 0;

    top: 7px;

    width: 14px;

    height: 14px;

    border: solid 2px #39ade0;

    border-radius: 7px;

}

.text_content li {

    margin: 0;

    padding: 0 0 0 30px;

    list-style: none;

    position: relative;

	line-height:30px;

}

.text_content ul {

    display: block;

    margin: 0;

    padding: 0 0 20px 10px;

	

}

.social h3 {

	font-family: 'AddingtonCF-Bold';

    font-size:23px;

    color:#5c2a47;

    line-height: 1.25;

    margin: 0 0 30px -58px;

    text-transform: capitalize;

    text-align: center;

}



/*-------SMO Services----------------------*/

.smo h3{

    font-size: 35px;

    color: #000000;

    text-align: center;

    font-weight: 600;

    position: relative;

    line-height: 51px;

}

.smm-section p{

    text-align:center;

}

.smm-section h3{

    text-align:center;

}

.smm-ul li{

    line-height:30px;

    

}

/*---------ppc-services------*/

.ppc-item h3{

    font-size:20px!important;

    color:#2f3a50;

}

.ppc-item i{

    color:#5c2a47;

}

.ppc-services{

    margin-top:50px;

}

.ppc-item figure {

    text-align: center;

    margin: 0 auto 37px;

    width: 192px;

    height: 194px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    overflow: hidden;

    background-color: #fff;

    -webkit-box-shadow: 0 10px 40px rgba(0,0,0,0.1);

    -moz-box-shadow: 0 10px 40px rgba(0,0,0,0.1);

    box-shadow: 0 10px 40px rgba(0,0,0,0.1);

    position: relative;

}

.ppc-item figure svg {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    width: 60px;

}



.ppc-item{

   background: #FFF;

    padding: 20px;

    text-align: center;

    border-radius: 5px;

    height: 250px;

    margin-bottom: 30px;

}

.ppc-section h2{

    font-size:30px;

    text-align: center;

    line-height: 40px;

}

.ppc-section h3{

    font-size:30px;

    text-align: center;

    /*line-height: 40px;*/

}

.lead-item{

    background: #FFF;

    padding: 20px;

    text-align: center;

    border-radius: 5px;

    height: 350px;

    margin-bottom: 30px;

}

.lead-item h3{

    font-size:20px!important;

    color:#2f3a50;

}

.ppc-services{

    margin-top:50px;

}





.lead-item{

   background: #FFF;

    padding: 20px;

    text-align: center;

    border-radius: 5px;

    height: 350px;

    margin-bottom: 30px;

}

.lead-item1{

   background: #FFF;

    padding: 20px;

    text-align: center;

    border-radius: 5px;

    height: 270px;

    margin-bottom: 30px;

}

.lead-item1 h3{

     font-size:20px!important;

    color:#2f3a50;

}

.lead-section h2{

    font-size:30px;

    text-align: center;

    line-height: 40px;

}

.lead-section h3{

    font-size:30px;

    text-align: center;

    /*line-height: 40px;*/

}





/* ============================================================== 

     # Services 

=================================================================== */

.site-heading {

    margin-bottom: 30px;

    overflow: hidden;

    margin-top: -5px;

}

.site-heading.site-heading.left-position h4 {

    color: #e9ac01;

    font-weight: 600;

    margin-bottom: 10px;

    padding-left: 30px;

    position: relative;

    text-transform: uppercase;

    z-index: 1;

    font-size:25px;

}

.site-heading.site-heading.left-position h4::before {

    background: #FFF none repeat scroll 0 0;

    content: "";

    height: 2px;

    left: 0;

    margin-top: -1px;

    position: absolute;

    top: 50%;

    width: 30%;

}

.site-heading.site-heading.left-position h4::after {

    background: #FFF none repeat scroll 0 0;

    content: "";

    height: 2px;

    right: 0;

    margin-top: -1px;

    position: absolute;

    top: 50%;

    width: 28%;

}

.site-heading.left-position h2 {

    padding: 0;

}

.site-heading h2 {

    color: #1e2726;

    display: inline-block;

    font-weight: 700;

    padding-bottom: 20px;

    position: relative;

    /*text-transform: uppercase;*/

    margin-top:0px!important;

}

.services-area.icon-items .item {

  background: #ffffff none repeat scroll 0 0;

  -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  overflow: hidden;

  padding: 19px;

  position: relative;

  z-index: 1;

  margin-bottom: 20px;

      height: 260px;

}



.services-area.icon-items .item::after {

  background: #f9f9f9 none repeat scroll 0 0;

  content: "";

  height: 100px;

  left: -65px;

  position: absolute;

  top: -65px;

  transform: rotate(45deg);

  width: 100px;

  z-index: -1;

  transition: all 0.35s ease-in-out;

  -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  -ms-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

}



.services-area.icon-items .item:hover::after {

  background: #6a2e54 none repeat scroll 0 0;

}



.services-area.icon-items.color-yellow .item:hover::after {

  background: #ff9800 none repeat scroll 0 0;

}



.services-area.icon-items .equal-height {

  /*margin-bottom: 30px;*/

}



.services-area.icon-items .item .icon {

  display: table-cell;

  vertical-align: top;

  font-size: 50px;

}



.services-area.icon-items .item .info {

  display: table-cell;

  padding-left: 15px;

  vertical-align: top;

}



.services-area.icon-items .item .thumb {

  display: table-cell;

  vertical-align: middle;

  width: 40%;

}



.services-area.icon-items .item .count {

  bottom: 30px;

  color: #f1f1f1;

  display: inline-block;

  font-family: "Poppins",sans-serif;

  font-size: 50px;

  font-weight: 900;

  left: 15px;

  position: absolute;

  z-index: -1;

}



.services-area.icon-items .item .icon i {

  color: #2154cf;

  display: inline-block;

  font-size: 50px;

}



.services-area.icon-items.color-yellow .item .icon i {

  color: #ff9800;

}



.services-area.icon-items .item .info h3 {

  font-weight: 600;

  text-transform: uppercase;

  font-size: 16px!important;

  /*margin-top: 30px;*/

}



.services-area.icon-items .owl-nav {

  margin-top: 15px;

  text-align: left;

}



.services-area.icon-items .owl-nav .owl-prev, 

.services-area.icon-items .owl-nav .owl-next {

  background: #ffffff none repeat scroll 0 0;

  -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  color: #2154cf;

  height: 40px;

  line-height: 40px;

  margin: 0 10px 0 0;

  padding: 0;

  text-align: center;

  transition: all 0.35s ease-in-out;

  -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  -ms-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

  width: 40px;

}



.services-area.icon-items.color-yellow .owl-nav .owl-prev, 

.services-area.icon-items.color-yellow .owl-nav .owl-next {

  color: #ff9800;

}



.services-area.icon-items.equal-items .item .thumb, 

.services-area.icon-items.equal-items .item .info {

  display: block;

}



.services-area.icon-items.equal-items .item .thumb {

  margin-bottom: 30px;

  width: 100%;

}



.services-area.icon-items.equal-items .item .info {

  padding: 0;

}

.item .icon{

margin-top: -85px;

    margin-left: 20px;

}

a.more {

    display: inline-block;

    font-weight: 600;

    text-transform: uppercase;

    color: #666666;

}

a.more:hover {

    color: #6a2e54;

}













.service-effect {

  width: 100%;

  height: 100%;

  float: left;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: default;

}



.service-effect .overlay {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0;

  background-color: rgba(75,75,75,0.7);

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.service-effect:hover .overlay {

  background-color: rgba(75,75,75,0.7);

}



.service-effect img {

  display: block;

  position: relative;

}



.service-effect h2 {

  text-transform: uppercase;

    color: #fff;

    text-align: center;

    /* position: relative; */

    font-size: 17px;

    padding: 15px;

    background: rgba(0, 0, 0, 0.6);

    -webkit-transform: translateY(135px);

    -ms-transform: translateY(135px);

    transform: translateY(135px);

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.service-effect:hover h2 {

  -webkit-transform: translateY(5px);

  -ms-transform: translateY(5px);

  transform: translateY(5px);

}



.service-effect a.info {

        display: inline-block;

    text-decoration: none;

    /* padding: 7px 14px; */

    /* text-transform: uppercase; */

    color: #fff;

    /* border: 1px solid #fff; */

    background-color: rgba(75,75,75,0.7);

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    font-weight: normal;

    margin: -5px 0 0 0;

    padding: 0px 10px 15px;

}

.service-effect a.info p{

    color:#FFF;

}

.service-effect:hover a.info {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.service-effect a.info:hover {

  box-shadow: 0 0 5px #fff;

}



.service-effect p.info {

        display: inline-block;

    text-decoration: none;

    /* padding: 7px 14px; */

    /* text-transform: uppercase; */

    color: #fff;

    /* border: 1px solid #fff; */

    background-color: rgba(75,75,75,0.7);

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    font-weight: normal;

    margin: -5px 0 0 0;

    padding: 0px 10px 324px;

}

.service-effect p.info p{

    color:#FFF;

    padding: 5px;

    text-align: center;

}

.service-effect:hover p.info {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.service-effect p.info:hover {

  box-shadow: 0 0 5px #fff;

}



.mb-20{

    margin-bottom:20px;

}





/*---------------Home Services----------*/

.our-services{

    margin-bottom:30px;

    

}

.our-services h3{

    text-align:center;

    color:#000;

    font-size:20px;

}

.our-services p{

    text-align:center;

}

.our-services img{

    text-align:center;

}

.our-services-item{

     padding:20px;

}

.our-services-item:hover{

   color: #fff!important;

       box-shadow: 0 0 8px 0 rgba(0, 1, 6, 0.48);

    padding:20px;

}

.our-services-item p:hover{

   

}



.our-services-item>h3>a{

    color:#5c2a47;



}



.right>.right-inner {

   margin-top: 0px!important; 

 margin-bottom: 0px!important;

    background: #ffca01;

    padding: 8px;

    text-align: center;

}



.left{

        line-height: 35px;

}

.left i{

 padding-right:5px;   

 color: #ffca01;

}

.mail{

    margin-left:-60px;

}

.service-link{

    display: inline-block;

    padding: 5px 20px;

    font-size: 20px;

    color: #562857;

    text-transform: uppercase;

    overflow: hidden;

    z-index: 1;

    position: relative;

    transition: all 0.3s ease 0s;

}

.service-link:hover{ color: #fff; }

.service-link:before,

.service-link:after{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 10px;

    background:#562857;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    z-index: -1;

    transform: scale(0.1);

    transform-origin: left top 0

}

.service-link:after{

    top: auto;

    left: auto;

    bottom: 0;

    right: 0;

    transform-origin: right bottom 0;

}

.service-link:hover:before,

.service-link:hover:after{

    opacity: 1;

    transform: scale(1);

    transition: all 0.3s linear 0s;

}

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

    .service-link{ margin-bottom: 20px; }

}



.section-pt{

    padding-top:50px;

}

.section-pb{

    padding-bottom:50px;

}

.section-pb-150{

    padding-bottom:150px;

}

.section-mb{

    margin-bottom:50px;

}

/*-----------BUTTONS CSS----------------*/

.audit-link{

   display: inline-block;

    padding: 10px 25px;

    font-size: 20px;

    color: #FFF;

    /* text-transform: uppercase; */

    overflow: hidden;

    z-index: 1;

    position: relative;

    transition: all 0.3s ease 0s;

    background: #ee323c;

}

.audit-link:hover{ color: #fff;background:#373e5b; }

.audit-link:after{

    content: "";

    display: block;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: #373e5b;

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: -1;

    transform: translate(-50%, -50%) scale(0);

    transition: all 0.5s ease 0s;

}

.audit-link:hover:after{ transform: translate(-50%, -50%) scale(7); }

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

    .audit-link{ margin-bottom: 20px; }

}

.audit-img{

        margin-top: -100px;

}

.button {

 border-radius: 4px;

    background-color: #6a2e54;

    border: none;

    color: #FFFFFF;

    text-align: center;

    font-size: 20px;

    padding: 10px 30px;

    transition: all 0.5s;

    cursor: pointer;

    margin: 5px;

}



.button span {

  cursor: pointer;

  display: inline-block;

  position: relative;

  transition: 0.5s;

}



.button span:after {

  content: '\00bb';

  position: absolute;

  opacity: 0;

  top: 0;

  right: -20px;

  transition: 0.5s;

}



.button:hover span {

  padding-right: 25px;

}



.button:hover span:after {

  opacity: 1;

  right: 0;

}

.link{

    display: inline-block;

    padding: 3px 10px;

    font-size: 17px;

    font-weight: 600;

    color: #5c2a47;

    /*border: 1px solid  #5c2a47;*/

    position: relative;

    transition: all 0.3s ease 0s;

}

.link:hover{ color:  #5c2a47; }

.link:before{

	 content: "";

    width: 18px;

    height: 18px;

    border-width: 1px 0 0 1px;

    border-style: solid;

    border-color:  #5c2a47;

    position: absolute;

    top: -6px;

    left: -6px;

    transition: all 0.3s ease 0s;

}

.link:after{

    content: "";

    width: 18px;

    height: 18px;

    border-width: 1px 0 0 1px;

    border-style: solid;

    border-color:  #5c2a47;

    position: absolute;

    top: -6px;

    left: -6px;

    transition: all 0.3s ease 0s;

}

.link:after{

    top: auto;

    bottom: -6px;

    left: auto;

    right: -6px;

    border-width: 0 1px 1px 0;

}

.link:before{

    top: auto;

    bottom: -6px;

    left: auto;

    right: -6px;

    border-width: 0 1px 1px 0;

}

.link:hover:before,

.link:hover:after{

    width: calc(100% + 12px);

    height: calc(100% + 12px);

    transform: rotateY(180deg);

}

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

    .link{ margin-bottom: 20px; }

}



.career-link{

    display: inline-block;

    padding: 3px 10px;

    font-size: 17px;

    font-weight: 600;

    color: #5c2a47;

    /*border: 1px solid  #5c2a47;*/

    position: relative;

    transition: all 0.3s ease 0s;

}

.career-link:hover{ color:  #5c2a47; }

.career-link:before,

.career-link:after{

    content: "";

    width: 18px;

    height: 18px;

    border-width: 1px 0 0 1px;

    border-style: solid;

    border-color:  #5c2a47;

    position: absolute;

    top: -6px;

    left: -6px;

    transition: all 0.3s ease 0s;

}

.career-link:after{

    top: auto;

    bottom: -6px;

    left: auto;

    right: -6px;

    border-width: 0 1px 1px 0;

}

.career-link:hover:before,

.career-link:hover:after{

    width: calc(100% + 12px);

    height: calc(100% + 12px);

    transform: rotateY(180deg);

}

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

    .career-link{ margin-bottom: 20px; }

}



/*------------About Us----------------------------------*/

.services-section-three{

	position:relative;

	/*padding:150px 0px 110px;

	background-color:#f2f3fa;*/

	padding-bottom:80px;

		padding-top:40px;

}



/* Services Block Three */



.services-block-three{

	position:relative;

}



.services-block-three .inner-box{

	position:relative;

	text-align:center;

	padding:0px 50px 60px;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	box-shadow:0px 0px 15px rgba(0,0,0,0.15);

	background-color:#ffffff;

}



.services-block-three .inner-box:hover{

	-webkit-transform: translateY(20px);

	-moz-transform: translateY(20px);

	-ms-transform: translateY(20px);

	-o-transform: translateY(20px);

	transform:translateY(20px);

}



.services-block-three .inner-box:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:0px;

	height:4px;

	background-color:#5c2a47;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

}



.services-block-three .inner-box:after{

	position:absolute;

	content:'';

	right:0px;

	bottom:0px;

	width:0px;

	height:4px;

	background-color:#5c2a47;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

}



.services-block-three .inner-box:hover::before,

.services-block-three .inner-box:hover::after{

	width:100%;

}



.services-block-three .inner-box .icon-box{

	position:relative;

	width:100px;

	height:100px;

	color:#ffffff;

	font-size:50px;

	text-align:center;

	line-height:100px;

	margin:0 auto;

	border-radius:50%;

	margin-top:-59px;

	display:inline-block;

	margin-bottom:20px;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	background-image: -ms-linear-gradient(right, #5c2a47 0%, #5c2a47 100%);

	background-image: -moz-linear-gradient(right, #5c2a47 0%, #5c2a47 100%);

	background-image: -o-linear-gradient(right, #5c2a47 0%, #5c2a47 100%);

	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #5c2a47), color-stop(100, #5c2a47));

	background-image: -webkit-linear-gradient(right, #5c2a47 0%, #5c2a47 100%);

	background-image: linear-gradient(to left, #5c2a47 0%, #5c2a47 100%);

}



.services-block-three .inner-box h6{

	position:relative;

	font-size:18px;

	font-weight:700;

	line-height:1.4em;

	margin-bottom:15px;

}



.services-block-three .inner-box h6 a{

	position:relative;

	color:#012068;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.services-block-three .inner-box:hover h6 a{

	color:#5c2a47;

}



.services-block-three .inner-box .text{

	position:relative;

	font-size:16px;

	line-height:1.7em;

}



/*** 



====================================================================

	Section Title

====================================================================



***/



.sec-title{

	position:relative;

	margin-bottom:50px;

}



.sec-title .title{

	position:relative;

	font-size:15px;

	color:#012068;

	letter-spacing:1px;

	margin-bottom:12px;

	font-weight:400;

	text-transform:uppercase;

}



.sec-title h2{

	position:relative;

	color:#012068;

	font-weight:700;

	line-height:1.3em;

	padding-bottom: 20px;

}



.sec-title h2 span{

	color:#5c2a47;

	/*font-style:italic;

	font-family: 'Playfair Display', serif;*/

}



.sec-title h2:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:40px;

	height:3px;

	background-color:#012068;

}



.sec-title .text{

	position:relative;

	font-size:16px;

	line-height:1.8em;

	color:#1a1e66;

	margin-top:25px;

}



.sec-title.centered h2:after{

	left:50%;

	margin-left:-30px;

}



.sec-title.centered{

	text-align: center;

}



.sec-title.light .title{

	color:#ffffff;

}



.sec-title.light h2{

	color:#ffffff;

}



/*** ====================================================================

	Section Title Two

====================================================================***/



/*** ====================================================================

	About Services Four

====================================================================***/



.about-section-four{

	position:relative;

	padding:60px 0px 90px;

}



.about-section-four .sec-title-three .text{

	position:relative;

	color:#666666;

	font-size:16px;

	max-width:600px;

	line-height:1.7em;

}



.about-section-four .image-column{

	position:relative;

	margin-bottom:40px;

}



.about-section-four .image-column .inner-column{

	position:relative;

}



.about-section-four .image-column .inner-column:before{

	position:absolute;

	content:'';

	left:-160px;

	top:40px;

	width:387px;

	height:255px;

	z-index:-1;

	display:inline-block;

	background:url(../images/aboutus-images/pattern-4.png) center top no-repeat;

}



.about-section-four .image-column .image-2{

	position:absolute;

	right:0px;

	top:80px;

	opacity:0.6;

	z-index:-1;

}





.faq-section{

	position:relative;

	padding:50px 0px 60px;

	background-color:#f2f3fa;

}



.faq-section .faq-column{

	margin-bottom:40px;

	padding: 0px 150px;

}



.faq-section .side-image{

	position:absolute;

	right:0px;

	top:0px;

	width:45%;

	height:100%;

	background-size:cover;

	background-repeat:no-repeat;

}



.faq-section .side-image:before{

	position:absolute;

	content:'';

	right:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	opacity:0.9;

	background-image: -ms-linear-gradient(left, #0120685e 0%, #2f3ff55e 100%);

	background-image: -moz-linear-gradient(left, #0120685e 0%, #2f3ff55e 100%);

	background-image: -o-linear-gradient(left, #0120685e 0%, #2f3ff55e 100%);

	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0120685e), color-stop(100, #2f3ff55e));

	background-image: -webkit-linear-gradient(left, #0120685e 0%, #2f3ff55e 100%);

	background-image:linear-gradient(to right, #0120685e 0%, #2f3ff55e 100%);

}







.faq-section .counter-column{

	position:relative;

}



.faq-section .counter-column .inner-column{

	position:relative;

	z-index:1;

	margin-bottom:40px;

}



.faq-section .counter-column .inner-column .image{

	position:relative;

	box-shadow:0px 0px 20px rgba(0,0,0,0.25);

}



.faq-section .counter-column .inner-column .image img{

	position:relative;

	width:100%;

	display:block;

}





/* Awards Blocks */



.awards-blocks{

	position:relative;

}



.awards-blocks .awards-inner{

	position:relative;

/*	max-width:590px;*/

	padding:0px 150px;

}



.awards-blocks .awards-inner h2{

	position:relative;

	color:#FFF;

	font-weight:700;

	line-height:1.4em;

	margin-bottom:18px;

}



.awards-blocks .awards-inner h2 span{

	color:#f3b500;

}



.awards-blocks .awards-inner .text{

    position: relative;

    color: #f2f3fa;

    font-size: 16px;

    line-height: 1.7em;

	margin-bottom:40px;

}



.awards-blocks .awards-inner ul{

	position:relative;

	margin-left:-50px;

}



.awards-blocks .awards-inner ul li{

    position: relative;

    /* width: 30%; */

    /* margin-right: 20px; */

    display: inline-block;

    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);

    /* margin-left: -9px; */

}



.business-section .contents-column .awards-blocks .awards-inner ul li:last-child{

	margin-right:0px;

}





/* =================== Team Section ==================== */



.pic{

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}



.pic:hover{

   -webkit-filter: grayscale(0%);

    filter: grayscale(0%);

}



.team .media-left img{

        width: 160px;

    margin-top: 35px;

}

.team .media{

    background: #ffffff none repeat scroll 0 0;

    padding: 10px 10px;

    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

}



.team .media-heading{

   font-size: 20px;

    /* padding-top: 20px; */

    padding-bottom: 0px!important;

    font-weight: 600;

    color: #562857;

}

.team-members {

	float: left;

	width: 100%;

}

.team {

	float: left;

	width: 100%;

	text-align: center;

	position: relative;

	overflow: hidden;

	margin-bottom:20px;

}

.team img {

	width: 100%;

	 -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

.team img:hover {

 -webkit-filter: grayscale(0%);

    filter: grayscale(0%);

}

.team-members h3 {

	color: #000000;

	font-size: 18px;

	font-weight: 400;

	float: left;

	width: 100%;

}

.team-members h4 {

	color: #000;

		font-size: 14px;

	font-weight: 400;

	margin-bottom: 20px;

	float: left;

	width: 100%;

}

.team-info {

	float: left;

	width: 100%;

	padding: 10px 0;

	visibility: hidden;

	opacity: 0;

	position: absolute;

	bottom: 0;

	transform: translateY(100%);

}

.team-info ul li {

	    display: inline-block;

    margin-right: 40px;

    color: #FFF;

    text-align: center;

}

.team-info ul li i {

	font-size: 14px;

	color: #000;

	width: 30px;

	height: 30px;

	line-height: 30px;

	border-radius: 100px;

	background-color: #fff;

}

.team:hover .team-info {

	opacity: 1;

	visibility: visible;

	transform: translateY(0);

}

.team:hover .team-info h3,

.team:hover .team-info h4 {

	color: #fff;

}

.team:hover > h3,

.team:hover > h4 {

	visibility: hidden;

	opacity: 0;

}



.team-info {

    background-color: #1a0027;

}









.team1 .media-left img{

        width: 160px;

    margin-top: 15px;

}

.team1 .media{

    background: #ffffff none repeat scroll 0 0;

    padding: 10px 10px;

    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

    height: 220px;

}



.team1 .media-heading{

   font-size: 20px;

   /*padding-top: 20px;*/

    padding-bottom: 0px!important;

    font-weight: 600;

    color: #562857;

}

.team-members {

	float: left;

	width: 100%;

}

.team1 {

	float: left;

	width: 100%;

	text-align: center;

	position: relative;

	overflow: hidden;

	margin-bottom:20px;

}

.team1 img {

	width: 100%;

	 -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

.team1 img:hover {

 -webkit-filter: grayscale(0%);

    filter: grayscale(0%);

}

.team-members h3 {

	color: #000000;

	font-size: 18px;

	font-weight: 400;

	float: left;

	width: 100%;

}

.team-members h4 {

	color: #000;

		font-size: 14px;

	font-weight: 400;

	margin-bottom: 20px;

	float: left;

	width: 100%;

}

.team-info {

	float: left;

	width: 100%;

	padding: 10px 0;

	visibility: hidden;

	opacity: 0;

	position: absolute;

	bottom: 0;

	transform: translateY(100%);

}

.team-info ul li {

	    display: inline-block;

    margin-right: 40px;

    color: #FFF;

    text-align: center;

}

.team-info ul li i {

	font-size: 14px;

	color: #000;

	width: 30px;

	height: 30px;

	line-height: 30px;

	border-radius: 100px;

	background-color: #fff;

}

.team1:hover .team-info {

	opacity: 1;

	visibility: visible;

	transform: translateY(0);

}

.team1:hover .team-info h3,

.team:hover .team-info h4 {

	color: #fff;

}

.team1:hover > h3,

.team1:hover > h4 {

	visibility: hidden;

	opacity: 0;

}



.team-info {

    background-color: #1a0027;

}

/************************************

     Our Team singl Start

*************************************/

.our-team-single .skilled-seo{

    border-bottom: none;

}

.our-team-single .skilled-seo .text-box{

   /* padding-bottom: 24px;*/

    padding-top: 10px;

    /*border-bottom: 2px solid #282828;*/

    text-align:center;

}

.our-team-single .skilled-seo .text-box h5{

    padding-bottom: 5px;

    font-size: 20px;

}

.our-team-single .skilled-seo .btn{

    width: 100%;

   margin-top: 20px;

}

.team-education{

    /*margin-bottom: 52px;*/

    padding: 0px 15px;

}

.team-education p{

   /* padding-top: 20px;*/

}

.team-education ul{

    margin-top: 20px;

    list-style-type:none!important;

        margin-left: -30px;

}

.team-education ul li {

    color: #555555;

    font-family: "Open Sans",sans-serif;

    margin-bottom: 10px;

    font-size: 13px;

}

.team-education ul li i{

    font-size: 13px;

    margin-right: 20px; 

}

.team-education .skillst-progras{

    padding-top: 51px;

}

.intrio-tearm{

    border: 1px solid #ebebeb;

    border-radius:2px;

    text-align: center;

    padding: 17px 16px 25px;

    margin-top: 26px;

    transition: all 0.5s ease-in-out;

}

.intrio-tearm .flaticon-tools-1{

    font-size: 50px;

    color: #e5e4e4;

}

.intrio-tearm h4{

    margin-top: 20px;

    margin-bottom: 33px;

    position: relative;

}

.intrio-tearm h4:after{

    background-color: #e5e4e4;

    bottom: -19px;

    content: "";

    height: 3px;

    left: 42%;

    position: absolute;

    width: 50px;

}

.intrio-tearm:hover .flaticon-tools-1, .intrio-tearm:hover p{

    color: #fff;

    transition: all 0.5s ease-in-out;

}

.image-holder img{

   /* border: 1px solid #5c2a47;*/

    width:150px;

    text-align:center;

     /*  margin-left: 12px;*/

}

/************************************

      Services Area singl Start

*************************************/

.services-side-bar .widget{

    margin-bottom: 43px;

}

.services-side-bar .widget h3{

    /*border-bottom: 2px solid #ddd;

    padding-bottom: 16px;*/

    position: relative;

}

.services-side-bar .widget h3:after{

    position: absolute;

    content: "";

    width: 20px;

    height: 2px;

    bottom: -2px;

    left: 0;

}

.services-side-bar .widget ul{

       margin-top: 15px;

    list-style-type: none;

    margin-left: -30px;

}

.services-side-bar .widget ul li {

    border-bottom: 1px solid #f5f4f4;

    color: #030303;

    display: inline-block;

    margin-left: 15px;

    width: 89%;

    padding: 10px 0;

}

.widget.widget-gallery ul li {

    width: auto;

    padding: 0;

    margin: 0;

}

.services-side-bar .widget ul li i{

   /*font-size: 11px; */

    margin-right: 10px;

}

.text-hedding:after{

    color: #ff7200;

}

#team{

    background: #fcfcfc;

}







/*---- Our Team ----*/



section#our_team.index-3 .item {

    margin-bottom: 50px;

}



section#our_team.index-3 .item .client_dp {

    width: 22%;

    float: left;

    border-radius: 50%;

    overflow: hidden;

}



section#our_team.index-3 .item .client_dp img {

    width: 100%;

    height: 100%;

}



section#our_team.index-3 .item .team-card {

    width: 73%;

    float: right;

    padding: 0;

    text-align: left;

    padding: 25px;

    position: relative;

    margin-bottom: 0

}



section#our_team.index-3 .item .team-card .name_designation {

    text-align: left;

    margin-bottom: 10px;

    margin-top: 0

}



section#our_team.index-3 .item:hover .team-card {

    -webkit-box-shadow: 0px 15px 32px -14px rgba(173, 173, 173, 1);

    -moz-box-shadow: 0px 15px 32px -14px rgba(173, 173, 173, 1);

    box-shadow: 0px 15px 32px -14px rgba(173, 173, 173, 1);

    cursor: pointer;

    transition: all 0.5s ease;

}



section#our_team.index-3 .item .team-card:after,

section#our_team.index-3 .item .team-card:before {

    right: 100%;

    top: 20%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

}



section#our_team.index-3 .item .team-card:after {

    border-color: rgba(255, 255, 255, 0);

    border-right-color: #fff;

    border-width: 10px;

    margin-top: -10px;

}



section#our_team.index-3 .item .team-card:before {

    border-color: rgba(230, 230, 230, 0);

    border-right-color: #e6e6e6;

    border-width: 11px;

    margin-top: -11px;

}



/*---Services Section-------*/



.section-title {

    font-size: 30px;

    color: #222;

   /* display: inline-block;*/

    font-weight: 700;

    position: relative;

}

.shape {

    height: 1px;

    margin: 0 auto 30px;

    position: relative;

    width: 60px;

    background-color: #f63854;

}

.home-services-item {

    padding: 20px;

    border-radius: 4px;

    text-align: center;

    margin: 15px 0;

    box-shadow: 0 0 3px #CCCC;

    transition: all .3s ease-in-out 0s;

    -moz-transition: all .3s ease-in-out 0s;

    -webkit-transition: all .3s ease-in-out 0s;

    -o-transition: all .3s ease-in-out 0s;

	 margin-right: 20px;

}

.home-services-item .icon {

    border: 1px solid #f1f1f1;

    width: 70px;

    height: 70px;

	line-height:50px;

    border-radius: 50%;

    margin: 0 auto;

    transition: all .3s ease-in-out 0s;

    -moz-transition: all .3s ease-in-out 0s;

    -webkit-transition: all .3s ease-in-out 0s;

    -o-transition: all .3s ease-in-out 0s;

	position:none!important;

	margin-left: -20px;

}

.home-services-item .icon i {

    font-size: 40px!important;

    color: #562857;

    line-height: 70px;

    transition: all .3s ease-in-out 0s;

    -moz-transition: all .3s ease-in-out 0s;

    -webkit-transition: all .3s ease-in-out 0s;

    -o-transition: all .3s ease-in-out 0s;

	margin-left:0px!important;

}

.home-services-item .services-content{

	/*margin-left: 40px;*/

    text-align: center;

}

.lni-cog:before {

    content: "\e94c";

}

.home-services-item .services-content h3 {

    margin-top: 10px;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 10px;

	text-align:center;

}

.home-services-item .services-content h3 a {

    font-size: 15px;

    color: #000;

}

.home-services-item:hover {

    box-shadow: 0 10px 22px 10px rgba(0, 0, 0, 0.1);

}

.home-services-item:hover .icon {

    background: #c1c1c1;

	

}





.separator {

    margin: -45px auto 0px;

    width: 120px;

    position: relative;

}

.separator ul {

    padding: 0px;

    margin: 0px;

}

.separator ul::before {

    content: '';

    width: 40px;

    height: 1px;

    background: #562857;

    left: 0;

    top: 61%;

    position: absolute;

}

.separator ul li {

    display: inline-block;

    width: 3px;

    height: 7px;

    margin: 0px 2px;

    padding: 0px;

}

.separator ul li {

    background: #f7921e;

}

.separator ul::after {

    content: '';

    width: 40px;

    height: 1px;

    background: #562857;

    right: 0;

    top: 61%;

    position: absolute;

}



/*

#footer {

    background:#391c3a;

    display: block;

    padding-top:0px!important;

    padding-bottom:0px!important;

}

.footer-yellow {

    background-color: #d8d8d8;

    padding-left: 0px;

    padding-right: 0px;

}

.footer-left {

    margin: 20px 15px;

  height: 570px;

}

.footer-left .footer-title {

   margin-top: 18px;

    padding: 0;

}

.footer-title {

    line-height: 1.1em;

    margin: 0 0 15px;

    font-size: 20px;

    color: #391c3a;

}

#footer ul {

    list-style: none;

    margin-left: -35px;

}

#footer .social li {

   margin: 0 0 8px;

    padding: 0!important;

}

#footer .social li object {

    top: 6px;

    position: relative;

    margin-top: 0!important;

}

#footer .social li a {

    margin: 0;

    padding: 0 0 0 10px!important;

}

#footer li a {

    color: #fbfbfb;

    font-size: 13px;

    line-height: normal;

}

.social li a {

    font-weight: 400;

}

#footer h4{

   color: #e9ac01!important;

   text-align: center!Important;

    font-size: 18px;

    font-weight: bold;

    margin-left: 40px;

}

.social li a {

    color: #000!important;

}

#footer-wrapper .footer-links {

    margin-left: 0px!important;

    list-style: none;

}

.st0 {

    fill: #000000!important;

}

footer .footer-copyright {

    padding-top: 40px!important;

    margin-left: 14px;

}*/



/* ================ Blog section ================== */



.intro-bg1{

	background: url("../images/wp-seo.png") no-repeat;

}

.intro-bg2{

	background: url("../images/mobile-app.jpg") no-repeat;

}

.intro-bg3{

	background: url("../images/Omni-Channel.jpg") no-repeat;

}



.intro-title p{

	margin-bottom: 50px;

}

.single-intro{

	overflow: hidden;

}

.intro-img{

	width: 100%;

	height: 222px;

	background-size: cover;

	background-position: center;

	position: relative;

	-webkit-transition: all .3s;

	transition: all .3s;

}

.intro-img:after{

	content: "";

	position: absolute;

	top: 0px; 

	left: 0px; 

	width: 100%;

	height: 100%;

	background: rgba(10, 11, 22, 0.57);

	-webkit-transition: .3s;

	transition: .3s;

	opacity: 0;

}

.single-intro:hover .intro-img:after{

	opacity: 1;

}

.single-intro:hover 

.intro-details{

	border-bottom: 4px solid #562857;

}

.intro-details{

	background: #ececec none repeat scroll 0 0;

    box-shadow: 0 2px 29px 0 rgba(15, 46, 64, 0.12);

    padding: 15px;

    position: relative;

    overflow: hidden;

    border-bottom: 4px solid #fff;

    -webkit-transition: all .3s;

    transition: all .3s;

	text-align:left;

	/* max-height: 210px; */

    /* margin: -40px auto 30px; */

    /* width: 88%; */

	/* border-radius: 4px; */

}

.intro-details h3 {

    margin-top: 0;

    font-size: 20px!important;

    color: #000;

    line-height: 1.5;

    font-weight: 600;

}

.intro-details p{

	text-align:justify;

}

.intro-details h3 :hover{

	margin-top: 0;

	font-size:20px;

	color:#391c3a;

}

/*===============================================*/

/*  7.10 CUSTOM SECTION - CONTACT	 			 */

/*===============================================*/

.section--contact{

	clear:both;

	float:left;

	width:100%;

	padding-bottom:100px;

}

.grid--contact{

	background-color:#313ee7;

	color:#fff;

	display: flex;

}

.grid--contact .grid__item--x2, .grid--contact .grid__item--x3{

	margin-bottom:0px;

}

 .grid--contact .grid__item--x2.grid__item--padding{

	

	         /*   (    one grid item with padding  ) * 2 + space between cols + padding */

	 width: calc((((100% - 80px * 4 - 50px * 10) / 5) * 2) + 80px + 50px * 2);

	 padding:40px 50px;

	 background:none;

}

.grid--contact .grid__title{

	font-size:30px;

	line-height:42px;

	font-weight:300;

	padding:10px 0 20px 0;

	margin:0px;

	position:relative;

}

.grid--contact .grid__text{

	padding:20px 0 20px 0;

}

.grid--contact .grid__more{

	font-size:32px;

	font-weight:700;

	color: #fff;

	letter-spacing:-0.5px;

}

/*  CONTACT	FORM */

/*----------------------------------------------*/

.form__page{

	width:60%;

	margin:0 15%;

	clear:both;

	float:left;

	padding:40px 5%;

	background-color:#f7f7f7;

}

.grid__item--form{

	background-color:#f7f7f7;

}

.grid__form{

	width:70%;

	height:100%;

	margin:auto;

	padding:0 10% 0 20%;

	position:relative;

}

.svg-form-left{

	height:100%;

	width:15%;

	position:absolute;

	left:0px;

	top:0px;

	z-index:222;

}

.form__title{

	font-size:24px;

	padding:0;

	font-weight: 700;

	margin:0px;

}

.form__subtitle{

	font-size:18px;

	color:#000;

	padding:30px 0 10px 0;

	width:100%;

	clear:both;

	font-weight: 700;

	margin:0px;

}

.form__container{

	width:100%;

	padding:20px 0 40px 0;

	float:left;

	clear:both;

}

.form__row {

	width:100%;

	position:relative;

}

.form__input {

	width: 100%;

	height:25px;

	background:none;

	border:none;

	border-bottom:1px #a8a8a8 solid;

	padding:10px 0;

}

.form__label {

	width: 100%;

	display:block;

	color: #a8a8a8;

	padding:20px 0 0 0;

	text-align:left;

}

.form__row-border{

	position:absolute;

	bottom:0px;

	left:0px;

	width:0px;

	height:2px;

	z-index:22;

	background-color:#313ee7;

	-webkit-transition:all 0.3s 0.12s;

	transition: all 0.3s 0.12s;

}

.form__textarea {

	width:100%;

	height:50px;

	background:none;

	border:none;

	border-bottom:1px #a8a8a8 solid;

	padding:10px 0;

	font-size:14px;

	font-family: 'Source Sans Pro', sans-serif;

}

.form__select {

	width:100%;

	height:25px;

	padding:10px 0;

	display:block;

	border-bottom:1px #a8a8a8 solid;

	background:url(images/drop-down.png) no-repeat 98% 50%;

}

select.select__field{

	width:100%;

	height:30px;

	font-weight: 300;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 14px;

	line-height:30px;

    border: none;

    box-shadow: none;

    background-color: transparent;

    background-image: none;

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

}

.form__input:focus + .form__row-border, .form__textarea:focus + .form__row-border, .select__field:focus + .form__row-border{

	width:100%;

}

 .form__checkbox{

	width:100%;

	padding:10px 0 0 0;

}

.form__checkbox{text-align:left;line-height:14px; clear:both;}

.form__checkbox label {	cursor: pointer; color:#000;}

.form__checkbox input[type="checkbox"] {display: none;}

.form__checkbox input[type="checkbox"] + label:before{

	border:none;

	content: "\00a0";

	display: inline-block;

	font-size: 18px;

	font-weight:900;

	width:18px;

	height:18px;

	border-radius:2px;

	-webkit-border-radius:2px;

	-khtml-border-radius:2px;

	margin:0 10px 0 0;

	line-height:18px;

	vertical-align: center;

	border:none;

	background-color:#a8a8a8;

}

.form__checkbox input[type="checkbox"]:checked + label:before {color: #fff;content: "\2713";border:none;	text-align: center;background-color:#313ee7; }

.form__checkbox input[type="checkbox"]:checked + label:after {font-weight: bold;}

.form__checkbox input[type="checkbox"] + label:before, input[type="checkbox"]:checked + label:before{background-color:#a8a8a8;}

 .form__radio{

	width:100%;

	padding:10px 0 0 0;

}

.form__radio{text-align:left;line-height:14px; clear:both;}

.form__radio label {	cursor: pointer; color:#000;}

.form__radio input[type="radio"] {display: none;}

.form__radio input[type="radio"] + label:before{

	border:none;

	content: "\00a0";

	display: inline-block;

	font-size: 18px;

	font-weight:900;

	width:18px;

	height:18px;

	border-radius:9px;

	-webkit-border-radius:9px;

	-khtml-border-radius:9px;

	margin:0 10px 0 0;

	line-height:18px;

	vertical-align: center;

	border:none;

	background-color:#a8a8a8;

}

.form__radio input[type="radio"]:checked + label:before {color: #fff;content: "\2713";border:none;	text-align: center;background-color:#313ee7; }

.form__radio input[type="radio"]:checked + label:after {font-weight: bold;}

.form__radio input[type="radio"] + label:before, input[type="radio"]:checked + label:before{background-color:#a8a8a8;}



.form__switcher{

	width:100%;

	clear:both;

	padding:10px 0 0 0;

}

.switch__label {

	position: relative;

	display: block;

	vertical-align: top;

	width: 80px;

	height: 30px;

	padding: 0;

	background-image: none;

	margin:0;

	border-radius: 18px;

	cursor: pointer;

}

.switch__input {

	width: 80px;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

}

.switch__data {

	position: relative;

	display: block;

	height: inherit;

	font-size: 14px;

	text-transform: uppercase;

	border-radius: inherit;

	border: solid 2px #a8a8a8;

	box-shadow: none;

	color:#a8a8a8;

}

.switch__data:before, .switch__data:after {

	position: absolute;

	top: 50%;

	margin-top: -.5em;

	line-height: 1;

	-webkit-transition: inherit;

	-moz-transition: inherit;

	-o-transition: inherit;

	transition: inherit;

}

.switch__data:before {

	content: attr(data-off);

	right: 11px;

}

.switch__data:after {

	content: attr(data-on);

	left: 11px;

	color: #313ee7;

	opacity: 0;

}

.switch__input:checked ~ .switch__data {	

	border-color: #313ee7;

}

.switch__input:checked ~ .switch__data:before {

	opacity: 0;

}

.switch__input:checked ~ .switch__data:after {

	opacity: 1;

}

.switch__handle {

	position: absolute;

	border-radius: 100%;	

	top: 6px;

	left: 8px;

	background: #a8a8a8;

	width: 22px;

	height: 22px;

	box-shadow: none;	

}

.switch__handle:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -6px 0 0 -6px;

	width: 12px;

	height: 12px;

	border-radius: 6px;

	background: #eceeef;

}

.switch__input:checked ~ .switch__handle {

	left: 52px;

	background: #313ee7;

	box-shadow: none;

}

.switch__data, .switch__handle {

	transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}



.form__file {

  width:100%;

  clear:both;

  padding:10px 0 0 0;

}

.form__file input[type="file"] {

  display: none;

}

.form__file .file__label {

  display: inline-block;

  border: none;

  background-image: url(images/upload_file.png);

  background-color: #a8a8a8;

  background-repeat: no-repeat;

  background-position: 85% 50%;

  padding:12px 50px 12px 30px; 

  vertical-align: middle;

  line-height: normal;

  text-align: center;

  margin: 0px;

  font-size: 14px;

  width: auto;

  color:#fff;

  font-weight: 400;

  -webkit-appearance: none;

	-webkit-border-radius: 25px; 

	-moz-border-radius: 25px; 

	border-radius: 25px; 

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;

}

.form__file .file__label:hover {

  cursor: pointer;

  background-color: #313ee7;

}

.form__submit{

	clear:both;

	float:left;

	margin:40px 0 0 0;

	cursor:pointer;

}



/*--------Contact Us-----------*/

.skew {

    position: relative;

   /* width: 120px;*/

    padding: 10px 20px 10px 10px;

    font-size: 20px;

    position: relative;

    color: #FFF;

    background: #1a0027;

}

.skew:after {

    content: " ";

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: -1;

    background: #1a0027;

    transform-origin: bottom left;

    -ms-transform: skew(-30deg, 0deg);

    -webkit-transform: skew(-30deg, 0deg);

    transform: skew(-25deg, 0deg);

}





.contact-adress{

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

height: 400px;

width:1200px;

background-color:#eeeeee;

box-shadow:2px 2px 2px 2px #5c2a47;

display: flex;

}

.content{

width:calc(50% - 50px);

height:100%;

background-color:#000000;

box-sizing: border-box;

}

.imageBox{

width: calc(50% + 50px);

height:100%;

background-color:#ececec;

box-sizing: border-box;

border-left: 100px solid #000;

border-bottom:400px solid transparent;

}





/*---------home portfolio--------*/

.portfolio{

                background:url(assets/images/portfoliobg.jpg) center top no-repeat;

                -moz-background-size: cover;

                -webkit-background-size: cover;

                -o-background-size: cover;

                background-size: cover;

                width: 100%;

                overflow: hidden;	

            }



            .portfolio_content{

                padding-bottom:120px;

                display:inline-block;

            }

            .portfolio .portfolio_content .head_title h3{

                color:#000000;

            }

            .portfolio .portfolio_content .head_title h4{

                color:#000000;

            }



            .single_portfolio_text{

                display:inline-block;

                /*padding:0;*/

                position:relative;

                overflow:hidden;



            }

            .single_portfolio_text img{

                width:100%;

            }



            .single_portfolio_text:hover .portfolio_images_overlay{

                top:5%;

                left: 5%;

            }



            .portfolio_images_overlay{

                width: 90%;

                height: 90%;

                background: rgba(0, 0, 0, .5);

                padding: 20px;

                margin: 0 auto;

                top:-100%;

                left: 5%;

                position: absolute;

                transition:.6s;

            }

            .portfolio_images_overlay h6{

                /*text-transform:uppercase;*/

                color:#fff;

                font-size:2rem;

                line-height:2.575rem;

                font-weight: 500;

                margin-bottom: 1rem;

                margin-top:6rem;

            }



            .portfolio_images_overlay p.product_price{

                font-size:2.5725rem;

                color:#fff;

                line-height:3rem;

            }

            .portfolio_images_overlay .btn{

                /*margin-top: 25px;*/

            }



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

                .portfolio_images_overlay {

                    padding: 0px;

                }

            }

            @media (max-width:768px) {

                .portfolio_images_overlay{

                    padding: 170px 20px;

                }

				.navbar-brand>img {

				display: block;

				width: 160px!important;

				margin-top: 8px;

			}

            }

            @media (max-width:580px) {

                .portfolio_images_overlay{

                    padding: 100px 20px;

                }

            }

            @media (max-width:480px) {

                .portfolio_images_overlay{

                    padding: 40px 20px;

                }

            }

            @media (max-width:320px) {

                .portfolio_images_overlay{

                    padding: 20px;

                }

            }









.contact-pageheader {

    position: relative;

    margin-bottom: 70px;

}



.contact-caption {

    position: relative;

    top: 100px;

}



.contact-title {

    font-family: 'PT Serif', serif;

    font-size: 50px;

    font-style: italic;

    margin-bottom: 40px;

    line-height:80px;

}



.contact-caption-text {

    font-size: 23px;

    color: #272d2c;

}



#contact-map {

    height: 450px;

    width: 100%;

    position: relative;

}



.contact-form {

    background-color: #fff;

    padding: 30px;

    text-align: center;

    position: relative;

    bottom: 0px;

    top: 100px;

    -webkit-box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.29);

    -moz-box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.29);

    box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.29);

}



.contact-section {

        /* margin-bottom: 40px; */

    margin-top: 15px;

    /* padding-bottom: 30px; */

    border-bottom: 1px solid #e4e9e8;

}



.contact-section .contact-icon {

    float: left;

    margin-bottom: 20px;

    display: inline-block;

    font-size: 25px;

    color: #34b2a4;

    padding-right: 20px;

    position: initial;

}



.contact-section .contact-info {

    padding-top: 10px;

    font-weight: 700;

}







/*================================================

Services CSS

=================================================*/

.services-area {

  overflow: hidden;

}



.services-content .section-title {

  text-align: left;

  margin-bottom: 20px;

}



.services-content .section-title .bar {

  margin-left: 0;

  margin-right: 0;

}



.services-content .section-title p {

  margin: 0;

}



.services-content .row {

  margin-left: -8px;

  margin-right: -8px;

}



.services-content .row .col-lg-6 {

  padding-left: 8px;

  padding-right: 8px;

}



.services-content .box {

  position: relative;

  margin-top: 30px;

  z-index: 1;

  display: block;

  padding: 15px 3px;

  color: #6084a4;

  font-weight: 500;

  border-radius: 3px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

          margin-top: 15px;

}

.services-content .box a:hover{

    color:#FFF!important;

}

.services-content .box p:hover{

    color:#FFF!important;

}

.services-content .box::before {

  content: '';

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: linear-gradient(135deg, #1b0329 0%, #5c2a47 100%);

  opacity: 0;

  visibility: hidden;

  position: absolute;

  border-radius: 3px;

  z-index: -1;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.services-content .box svg {

  margin-right: 5px;

  display: inline-block;

  color: #000;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  width: 18px;

  padding-top: 10px;

}



.services-content .box:hover {

  color: #ffffff;

  -webkit-transform: translateY(-10px);

          transform: translateY(-10px);

}



.services-content .box:hover::before {

  opacity: 1;

  visibility: visible;

}



.services-content .box:hover svg {

  color: #ffffff;

}



.services-right-image {

  position: relative;

}



.services-right-image img {

  position: absolute;

}



.services-right-image img:nth-child(1) {

  left: 22%;

  top: -85px;

  z-index: 1;

}



.services-right-image img:nth-child(2) {

  left: 0;

  right: 0;

  text-align: center;

  margin: 0 auto;

  top: -52px;

}



.services-right-image img:nth-child(3) {

  left: 44%;

  top: -33px;

  z-index: 1;

}



.services-right-image img:nth-child(4) {

  right: 38%;

  z-index: 1;

  top: -220px;

}



.services-right-image img:nth-child(5) {

  z-index: 1;

  right: 24%;

  top: 8px;

}



.services-right-image img:nth-child(6) {

  left: 29%;

  top: 0;

  z-index: 1;

}



.services-right-image img:nth-child(7) {

  right: 44%;

  top: -78px;

  z-index: 1;

}



.services-right-image img:nth-child(8) {

  right: 30%;

  top: -134px;

  z-index: 1;

}



.services-right-image img:nth-child(9) {

  right: 31%;

  top: -21px;

  z-index: 1;

}



.services-right-image img:nth-child(10) {

  right: 24%;

  top: -80px;

}



.services-right-image img:nth-child(11) {

  left: 27%;

  top: -60px;

  z-index: 2;

}



.services-right-image img:nth-child(12) {

  right: 28%;

  z-index: 1;

  top: -54px;

}



.services-right-image img:nth-child(13) {

  left: 31%;

  top: -105px;

  z-index: 1;

}



.services-right-image img.bg-image {

  top: -262px;

  left: 0;

  right: 0;

  margin: 0 auto;

  text-align: center;

}



.services-right-image img:last-child {

  display: none;

}



.services-right-image.single-right-image img {

  display: block;

}



.services-right-image.single-right-image img:first-child {

  top: -60px;

}



.services-right-image.single-right-image img:last-child {

  position: relative;

  left: 0;

  top: 0;

}



.services-left-image {

  position: relative;

}



.services-left-image img {

  position: absolute;

}



.services-left-image img:nth-child(1) {

  left: 15%;

  top: -98px;

}



.services-left-image img:nth-child(2) {

  left: 0;

  top: -200px;

  right: 0;

  text-align: center;

  margin: 0 auto;

}



.services-left-image img:nth-child(3) {

  left: 36%;

  z-index: 12;

  top: -55px;

}



.services-left-image img:nth-child(4) {

  left: 55px;

  top: -38px;

  z-index: 1;

}



.services-left-image img:nth-child(5) {

  z-index: 3;

  right: 26%;

  top: -66px;

}



.services-left-image img:nth-child(6) {

  right: 19%;

  top: -41px;

  z-index: 2;

}



.services-left-image img:nth-child(7) {

  right: 97px;

  top: 40px;

  z-index: 1;

}



.services-left-image img:nth-child(8) {

  right: 23%;

  top: -175px;

  z-index: 2;

}



.services-left-image img.bg-image {

  top: -262px;

  left: 0;

  right: 0;

  margin: 0 auto;

  text-align: center;

}



.services-left-image img:last-child {

  display: none;

}



.services-left-image.single-left-image img {

  display: block;

}



.services-left-image.single-left-image img:first-child {

  top: -60px;

}



.services-left-image.single-left-image img:last-child {

  position: relative;

  left: 0;

  top: 0;

}



.single-services-box {

  position: relative;

  background: #ffffff;

  padding-left: 20px;

  padding-top: 30px;

  padding-right: 20px;

  padding-bottom: 30px;

  margin-bottom: 30px;

  border-radius: 5px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.single-services-box h3 {

  font-size: 18px;

  margin-top: 25px;

  margin-bottom: 15px;

}



.single-services-box .icon {

  text-align: center;

  width: 55px;

  height: 55px;

  line-height: 55px;

  background: #cdf1d8;

  border-radius: 50%;

  color: #44ce6f;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.single-services-box .icon.bg-c679e3 {

  color: #c679e3;

  background: #edc3fc;

}



.single-services-box .icon.bg-eb6b3d {

  color: #eb6b3d;

  background: rgba(235, 107, 61, 0.3);

}



.single-services-box::before, .single-services-box::after {

  content: '';

  position: absolute;

  width: 0;

  height: 4px;

  background: #44ce6f;

  opacity: 0;

  visibility: hidden;

  bottom: 0;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.single-services-box::before {

  left: 0;

}



.single-services-box::after {

  right: 0;

}



.single-services-box:hover {

  -webkit-transform: translateY(-10px);

          transform: translateY(-10px);

  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

}



.single-services-box:hover .icon {

  background: #44ce6f;

  color: #ffffff;

}



.single-services-box:hover .icon.bg-c679e3 {

  background: #c679e3;

}



.single-services-box:hover .icon.bg-eb6b3d {

  background: #eb6b3d;

}



.single-services-box:hover::after, .single-services-box:hover::before {

  opacity: 1;

  visibility: visible;

  width: 50%;

}



.services-area-two {

  padding-bottom: 50px;

}





.your-apps {

    width: 100%;

    background: url(../images/background.png) center 0 no-repeat;

    /*height: 318px;*/

   background-size: cover;

}

    

.app-continer {

   /* width: 1200px;*/

    margin: 0 auto;

    text-align: center;

    padding:50px 0px;

}

.app-continer h1 {

    /*font: 40px/52px open_sansbold;*/

    font-size:40px;

    color: #FFF;

    /*padding-top: 50px;

    padding-bottom: 15px;*/

    text-align: center;

}

.app-continer p {

    /*font: 25px/40px "Open Sans";*/

    font-size:20px;

    color: #FFF;

    padding-bottom: 25px

}

.app-continer a {

    background: #5c2a47;

    font-size: 20px;

    text-align: center;

    vertical-align: middle;

    padding: 15px 25px;

    color: #FFF;

    border-radius: 10px 10px 0;

    -webkit-border-radius: 10px 10px 0;

    -moz-border-radius: 10px 10px 0;

    -ms-border-radius: 10px 10px 0

}

.app-continer a:hover {

    background: #f3f3f3;

    color:#5c2a47;

}



/*================================================

Boxes CSS

=================================================*/

.boxes-area {

  position: relative;

  /*padding-bottom: 80px;

  margin-top: -130px;*/

  z-index: 1;

}



.single-box {

  border: 1px dashed #cdf1d8;

  padding: 30px 20px;

  position: relative;

  z-index: 1;

  border-radius: 5px;

  background: #ffffff;

  -webkit-box-shadow: 0 0 10px rgba(72, 69, 224, 0.1);

          box-shadow: 0 0 10px rgba(72, 69, 224, 0.1);

  -webkit-transition: 0.5s;

  transition: 0.5s;

  text-align:center;

}



.single-box .icon {

  display: inline-block;

  text-align: center;

  width: 55px;

  height: 55px;

  line-height: 55px;

  background: #cdf1d8;

  border-radius: 50%;

  color: #44ce6f;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.single-box h3 {

  font-size: 18px;

  margin-top: 25px;

  margin-bottom: 15px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.single-box::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  border-radius: 5px;

  height: 100%;

  /*background: linear-gradient(135deg, #1b0329 0%, #5c2a47 100%);*/

  background:#2f3a50;

  z-index: -1;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.single-box p {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.single-box.bg-f78acb {

  border-color: rgba(247, 138, 203, 0.3);

}



.single-box.bg-f78acb .icon {

  color: #f78acb;

  background: rgba(247, 138, 203, 0.3);

}



.single-box.bg-c679e3 {

  border-color: #edc3fc;

}



.single-box.bg-c679e3 .icon {

  color: #c679e3;

  background: #edc3fc;

}



.single-box.bg-eb6b3d {

  border-color: rgba(235, 107, 61, 0.3);

}



.single-box.bg-eb6b3d .icon {

  color: #eb6b3d;

  background: rgba(235, 107, 61, 0.3);

}



.single-box:hover {

  -webkit-transform: translateY(-9px);

          transform: translateY(-9px);

  border-color: transparent;

}



.single-box:hover::before {

  opacity: 1;

  visibility: visible;

}



.single-box:hover .icon {

  background: #ffffff;

  color: #44ce6f;

}



.single-box:hover h3, .single-box:hover p {

  color: #ffffff;

}



.single-box:hover.bg-f78acb .icon {

  color: #f78acb;

}



.single-box:hover.bg-c679e3 .icon {

  color: #c679e3;

}



.single-box:hover.bg-eb6b3d .icon {

  color: #eb6b3d;

}





/*================================================

Features CSS

=================================================*/

.features-area {

  padding-bottom: 50px;

}



.features-area-two {

  overflow: hidden;

}



.single-features {

  position: relative;

  background: #f3f3f3;

  padding-left: 110px;

  padding-top: 30px;

  padding-right: 20px;

  padding-bottom: 30px;

  margin-bottom: 30px;

  border-radius: 5px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.single-features h3 {

  font-size: 18px;

  margin-bottom: 15px;

}



.single-features .icon {

  position: absolute;

  text-align: center;

  width: 70px;

  height: 70px;

  line-height: 30px;

  background: #cdf1d8;

  border-radius: 50%;

  color: #44ce6f;

  left: 20px;

  top: 30px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.single-features .icon.bg-c679e3 {

  color: #c679e3;

  background: #edc3fc;

}



.single-features .icon.bg-eb6b3d {

  color: #eb6b3d;

  background: rgba(235, 107, 61, 0.3);

}



.single-features:hover {

  -webkit-transform: translateY(-10px);

          transform: translateY(-10px);

  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

}



.single-features:hover .icon {

  background: #44ce6f;

  color: #ffffff;

}



.single-features:hover .icon.bg-c679e3 {

  background: #c679e3;

}



.single-features:hover .icon.bg-eb6b3d {

  background: #eb6b3d;

}

.bg-f7fafd {

    background-color: #f7fafd;

}



.subheading {

    font-family: open_sansitalic;

    font-size: 15px;

    color: #494949;

    line-height: 20px;

    font-weight: 400;

    margin: 0 0 25px;

    position: relative;

    opacity: .8;

    filter: alpha(opacity=80);

    text-align:center;

}

.subheading:before {

    content: " ";

    border-top: 2px solid #562857;

    display: inline-block;

    width: 50px;

    height: 1px;

    position: relative;

    top: -3px;

    margin: 0 5px;

}

.subheading:after {

    content: " ";

    border-top: 2px solid #562857;

    display: inline-block;

    width: 50px;

    height: 1px;

    position: relative;

    top: -3px;

    margin: 0 5px;

}



.contact-detail button{

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

    background: transparent!important;

}

.contact-detail  input{

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

    background: transparent!important;

}

.contact-detail select{

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

    background: transparent!important;

}

.contact-detail textarea {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

    background: transparent!important;

}







.input-group-text {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: .375rem .75rem;

    margin-bottom: 0;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #495057;

    text-align: center;

    white-space: nowrap;

    background-color: #e9ecef;

    border: 1px solid #ced4da;

    border-radius: .25rem;

}



.section-heading {

    margin-bottom: 50px;

    text-align: center;

}

section-heading span {

    position: relative;

    font-size: 15px;

    font-weight: 500;

    color: #47588f;

    line-height: 200%;

    margin-bottom: 10px;

}

.margin-50px-bottom {

    margin-bottom: 50px;

}

.contact-box {

    text-align: center;

    /*background: #fff;

    border: 1px solid #ececec;

    border-radius: 2px;

    -webkit-box-shadow: 0 20px 80px rgba(0, 0, 0, .12);

    box-shadow: 0 20px 80px rgba(0, 0, 0, .12);*/

    margin: 10px 0;

    padding: 10px 15px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

}

.contact-box i {

    background: #2f3a50;

    color: #fff;

    font-size: 35px;

    margin: 10px 0 20px;

    height: 60px;

    width: 60px;

    line-height: 60px;

    border-radius: 50%;

}

.contact-box h4 {

    color: #5c2a47;

    font-size: 18px;

    font-weight: 600;

    margin: 0 0 5px;

    line-height: normal;

}

.contact-box span {

    color: #999;

    font-size: 14px;

}

article {

    background: rgb(244, 244, 244);

    padding: 5px 0px 25px 0px;

    text-align: center;

    border-radius:20px;

    margin-bottom: 10px;

}

article h3{

    

}





article p{

   line-height: 1!important;

}

article .icon {

    display: inline-block;

    font-size: 30px;

    z-index: 9999;

    color: #000;

    margin-left: 10px;

}

.media-body {

    width: auto!important;

    padding-top: 10px;

    text-align:left;

}

.media-left, .media>.pull-left {

    padding-right: 20px!Important;

}

.bg-form{

    margin-top:10px;

}

/*.form-control {

        display: block;

    width: 100%;

    height: 50px!important;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #eaeaea;

    background-image: none;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    margin-bottom: 10px;

}*/

.form-control {

display: block;

    width: 100%;

    height: 50px!important;

    padding: 6px 12px!important;

    font-size: 14px!important;

    line-height: 1.42857143!important;

    color: #555!important;

    background-color: #eaeaea!important;

    background-image: none;

    border: none!important;

    border-radius: 0px!important;

    -webkit-box-shadow: none!important;

    box-shadow: none!important;

    -webkit-transition: none!important;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: none!important;

    margin-bottom: 0px!important;

}

/*--------Careers Tabs------------------*/

.nav-tabs { border:none!important;}

.content-quality{float:left;width:193px;}

.content-quality p{margin-left:10px;font-size:14px;font-weight:600;line-height:17px;}

.content-quality p span{display:block;}

.tabtop li a{font-family:'Lato', sans-serif;font-weight:700;color:#1b2834;border-radius:0px;margin-right:22.008px;border:1px solid #ebebeb !important;}

.tabtop .active a:before{/*content: "♦";*/position: absolute;top: 10px;left: 70px;color: #562857;font-size: 40px;text-align: center;}

.tabtop li a:hover{color:#562857 !important;text-decoration:none;}

.tabtop .active a:hover{color:#fff !important;}

.tabtop .active a{/*background-color:#562857 !important;*/

color: #562857 !important;

    border-bottom: 3px solid #562857!important;

    border-top: none!important;

    border-left: none!important;

    border-right: none!important;}

.margin-tops{margin-top:30px;}

.tabtop li a:last-child{padding: 10px 8px;}

.thbada{padding:10px 28px !important;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {

    color: #562857 !important;

    cursor: default;

    /* background-color: #fff; */

    border: 1px solid #ddd;

    border-bottom-color: transparent;

}



.careers-list ul li {

    padding-left: 25px;

    color: #000000;

    float: left;

    font-size: 15px;

    margin: 0;

    padding: 0px 0px 5px 25px;

    width: 100%;

    position: relative;

    cursor: text;

    list-style-type: none;

}



.careers-list ul li::after {

    content: "";

    left: 0px;

    position: absolute;

    top: 10%;

    width: 100%;

}

.careers-list ul li::after {

   background-image: url(../img/check-mark1.png);

    /* background-position: center center; */

    background-repeat: no-repeat;

    border: medium none;

    height: 30px;

    width: 30px;

    padding-left: 27px;

}

.intern{

   /* background:url(../images/career-background.jpg);

    background-size:cover;*/

}

.intern h2{

    color:#FFF!important;

}

.intern p{

    color:#FFF;

}

.intern .careers-list ul li{

    /*color:#FFF!important;*/

}





.btn-primary {

    color: #fff;

    background-color: #337ab7;

    border-color: #2e6da4;

    width: auto!important;

}





/*----------------Portfolio-------------------*/





#portfolio-section {

   /* padding-top: 50px*/

}



.port-img {

    position: relative

}



.port-img img {

    width: 100%

}



.title-port {

    color: #fff;

    padding: 10px 5px;

    background: #2886c4

}



.post {

    max-width: 600px;

    height: auto;

    position: relative;

    overflow: hidden

}

.post img {

    display: block;

    width: 100%;

    height: auto

}



.post:hover .post-s {

    width: 100%

}



.post-s {

    width: 0;

    height: 100%;

    background: rgba(26, 0, 39, 0.82);

    position: absolute;

    top: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

    transition: 0.7s ease

}



.post-s h2 {

    color: white;

    font-size: 20px;

    border: 2px solid white;

    padding: 10px 30px;

        line-height: 30px;

}



.post-s h2 i {

    font-weight: 100;

    font-size: 15px;

    animation: fadeOutRight .8s infinite

}



.post:hover .post-b {

    height: 100%

}



.post-b {

    width: 100%;

    height: 0;

    background:rgba(204, 103, 51, 0.55);

    position: absolute;

    bottom: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

    transition: 0.4s ease

}



.post-b h3 {

    color: #FFF;

    font-size: 20px;

    border-bottom: 1px solid white;

    padding: 10px 10px

}



.post-b a {

    text-align: center

}



.post-b a i {

    line-height: .6;

    display: block;

    color: #fff;

    font-size: 15px;

    text-align: center;

    animation: fadeOutDown .8s infinite

}



.post:hover .post-t {

    height: 100%

}



.post-t {

    width: 100%;

    height: 0;

    background: rgba(99, 70, 54, 0.81);

    position: absolute;

    top: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

    transition: 0.4s ease

}



.post-t h3 {

    color: white;

    font-size: 20px;

    border-top: 1px solid white;

    padding: 10px 10px

}



.post-t a {

    text-align: center

}



.post-t a i {

    line-height: .6;

    display: block;

    color: #fff;

    font-size: 20px;

    text-align: center;

    animation: fadeOutUp .8s infinite

}







.post:hover .post-c {

    width: 100%

}



.post-c {

    width: 0;

    height: 100%;

    background: rgba(5, 161, 225, 0.71);

    position: absolute;

    top: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

    transition: 0.7s ease

}



.post-c h3 {

    color: #000;

    font-size: 20px;

    border: 2px solid white;

    padding: 10px 30px;

        line-height: 30px;

}



.post-c h2 i {

    font-weight: 100;

    font-size: 15px;

    animation: fadeOutRight .8s infinite

}



.post:hover .post-d {

    width: 100%

}



.post-d {

    width: 0;

    height: 100%;

    background: rgba(65, 66, 149, 0.72);

    position: absolute;

    top: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

    transition: 0.7s ease

}



.post-d h3 {

    color: #FFF;

    font-size: 20px;

    border: 2px solid white;

    padding: 10px 30px;

        line-height: 30px;

}



.post-d h2 i {

    font-weight: 100;

    font-size: 15px;

    animation: fadeOutRight .8s infinite

}





#test-section {

    padding: 100px 0

}



#test-holder {

    border-top: 1px solid #000;

    display: block;

    padding: 20px

}



.test-title {

    background: #2886c4;

    color: #fff;

    padding: 10px;

    display: block;

    text-align: center;

    max-width: 200px;

    margin: 0 auto;

    margin-top: -25px

}





/*Main style*/

.list-quotes {

    cursor: pointer;

    height: auto;

    margin-bottom: 30px;

    overflow: hidden;

    position: relative;

    display: block;

    border-bottom: 1px solid blue;

}

.list-quotes img,

.list-quotes h1 {

    -webkit-transition: -webkit-transform 0.35s;

    transition: transform 0.35s;

}

.list-quotes img {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.list-quotes h1{

   background: rgba(20,31,44,0.8);

    bottom: 0px;

    float: right;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    padding: 15px;

    position: absolute;

    margin: 0;

    width: 100%;

}



.list-quotes p {

    position: absolute;

    bottom: -1px;

    left: 0;

    right: 0;

    margin: 0;

    padding: 10px;

    opacity: 0;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

    -webkit-transform: translate3d(0,50px,0);

    transform: translate3d(0,50px,0);

    font-size: 15px;

    font-weight: normal;

    background: rgba(51,153,153,0.8);

    width: 100%;

    color: #fff;

}

.list-quotes:hover img {

    -webkit-transform: translate3d(0,-80px,0);

    transform: scale(1.2);

    transition: all 250ms ease;

}

.list-quotes:hover{

    box-shadow: 0 0 5px 2px rgba(51,153,153, 0.5);

}

.list-quotes:hover h1 {

    -webkit-transform: translate3d(0,-100px,0);

    transform: translate3d(0,-100px,0);

    text-shadow: 0px 0 15px #fff;

    transition: all 250ms ease;

}

.list-quotes:hover p {

    opacity: 1;

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

.quotes span{

    color:#222;

    font-weight: bold;

    text-transform: capitalize;

    color: #fff;

}





[class*=bg-img] {

    position: relative;

    background-size: cover;

    width: 100%;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    overflow: hidden;

}

.bg-img4 {

    background: url(../images/contact-banner.jpg);

    background-size:cover;

}





.gradient-bg1 {

    background: #3264f5;

    background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);

    background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);

    background: linear-gradient(to right, #000000 2%,#000000 82%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorPrimary', endColorstr='@colorSecondary', GradientType=1);

}

.gradient-bg1 {

    background: #3264f5;

    background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);

    background: -webkit-linear-gradient(left, #3264f5 2%,#7202bb 82%);

    background: linear-gradient(to right, #000000 2%,#000000 82%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3264f5', endColorstr='#7202bb',GradientType=1 );

}

.bg-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.opacity-8 {

    opacity: .7;

}

.address-text {

    padding: 13.5rem 0;

}

.text-white {

    color: #fff!important;

}

.mb-3, .my-3 {

    margin-bottom: 1rem!important;

}

#contact form {

    padding-top: 0px!important;

}

.title h2 {

    font-size: 3rem;

    line-height: 1.2;

    font-weight: 500;

}

.mb-4, .my-4 {

    margin-bottom: 1.5rem!important;

}

.title h2 {

    font-size: 3rem;

    line-height: 1.2;

    font-weight: 500;

}

.list-unstyled {

    padding-left: 0;

    list-style: none;

}

.position-relative {

    position: relative!important;

}



#contact input[type="submit"] {

    background: #5c2a47!important;

    border-radius: 100px;

    border: none;

    color: #ffffff;

    font-weight: bold;

    transition: all 0.4s ease-in-out;

}







/* Ts-Team */



.ts-team-bg {

   background-color: #F8F9FD;

}



.ts-team-info p+p {

   border-bottom: 1px solid #f0f0f0;

   padding-bottom: 20px;

   margin-bottom: 18px;

}



.ts-team-vision {

   padding: 80px 0;

   position: relative;

}



.ts-team-vision-bg {

   position: absolute;

   right: 0;

   top: 0px;

   z-index: 1;

}



.ts-team-vision-bg:after {

   position: absolute;

   top: 0;

   left: 0;

   content: "";

   width: 100%;

   background: rgba(0, 0, 0, 0.6);

   height: 100%;

}



.ts-team-vision-bg .team-text {

   position: absolute;

   top: 50%;

   transform: translateY(-50%);

   z-index: 1;

}



@media (max-width: 991px) {

   .ts-team-vision-bg {

      position: relative;

      top: 0;

   }

   .ts-team-vision-bg .team-text {

      padding-left: 15px;

   }

}



@media (max-width: 767px) {

   .ts-team-vision-bg {

      position: relative;

      top: 0;

   }

   .ts-team-vision-bg .team-text {

      padding-left: 15px;

   }

}



.team-text h2,

.team-text p {

   color: #fff;

}



.team-text {

   padding: 0 35px 0 85px;

}



.ts-team-vision-bg img {

   width: 100%;

   /*height: 430px;*/

}



.team-text p {

   margin-bottom: 25px;

}



.team-content p {

   padding-right: 50px;

   margin-bottom: 35px;

}



.ceo-signature small {

   display: block;

   font-size: 14px;

}



.ceo-signature p {

   font-size: 20px;

   font-weight: 700;

   display: inline-block;

}



.ceo-signature img {

   float: right;

}





.ts-team-vision {

    padding: 80px 0;

    position: relative;

}

.solid-bg {

    background: #FFF;

    box-shadow: none;

}



/*-----------about Flipping Content------------*/

.about-box{

    /*position: relative;

    overflow: hidden;

    margin-bottom:10px;

    perspective:1000px;

    -webkit-perspective:1000px;*/

	    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

    padding: 25px;

    text-align: center;

}

.about-icon{

    width: 100%;

    height: 220px;

    padding: 20px;

    text-align: center;

    transition: all .5s ease;

}



.about-content{

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    height: 220px;

    padding: 20px;

    text-align: center;

    transition: all .5s ease;

    background-color: #562857;

    backface-visibility:hidden;

    transform-style: preserve-3d;

    -webkit-transform: translateY(110px) rotateX(-90deg);

    -moz-transform: translateY(110px) rotateX(-90deg);

    -ms-transform: translateY(110px) rotateX(-90deg);

    -o-transform: translateY(110px) rotateX(-90deg);

    transform: translateY(110px) rotateX(-90deg);

}

.about-box .about-icon .about-front-content{

    position: relative;

    top:80px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



.about-box .about-icon .about-front-content i {

    font-size: 28px;

    color: #fff;

    font-weight: normal;

}



.about-box .about-icon .about-front-content h3 {

    font-size: 25px;

    color: #fff;

    text-align: center;

    margin-bottom: 15px;

    /*text-transform: uppercase;*/

}

.about-box .about-content h3 {

    font-size: 25px;

    font-weight: 700;

    color: #fff;

    margin-bottom:10px;

    text-transform: uppercase;

}

.about-box .about-content p {

    font-size: 17px;

    color: #b1b1b1;

    margin:0;

}

/*.yellow{background-color: #2f3a50;}

.yellow3{background-color: #2f3a50;}*/

.orange{background-color: #fc7f0c;}

.red{background-color: #e84b3a;}

.grey{background-color: #474747;}

.mision{

    background:url(../images/aboutus-images/our-mission2.jpg);

}

.vision{

    background:url(../images/aboutus-images/our-vision1.jpg);

}

.values{

    background:url(../images/aboutus-images/our-values.jpg);

}

.about-box:hover .about-icon{

    opacity: 0;

    -webkit-transform: translateY(-110px) rotateX(90deg);

    -moz-transform: translateY(-110px) rotateX(90deg);

    -ms-transform: translateY(-110px) rotateX(90deg);

    -o-transform: translateY(-110px) rotateX(90deg);

    transform: translateY(-110px) rotateX(90deg);

}

.about-box:hover .about-content {

    opacity: 1;

    -webkit-transform: rotateX(0);

    -moz-transform: rotateX(0);

    -ms-transform: rotateX(0);

    -o-transform: rotateX(0);

    transform: rotateX(0);

}

        

/*---------Bread Crumb------------*/        

.breadcrumb {

    padding: 10px 0px 45px 0px!important;

    margin-bottom: 0px!important;

    list-style: none;

   background-color: transparent!important; 

    border-radius: 4px;

   

}



.list-text ul li{

    line-height:30px;

}

/*#clients:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-image: url(../images/pattern.png);

    background-repeat: repeat-x;

    background-position: center 130%;

}*/

#contact input[type="submit"]:hover{

    background:#2f3a50!important;

}



/*-----Home--*/

.contact_lists li {

    font-size: px;

    font-weight: 400;

    line-height: px;

    margin-bottom: 0px;

    background-color: transparent;

    border-width: 0px;

    border-style: solid solid solid solid;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;

    padding-top: 0px;

    padding-bottom: 0px;

    padding-left: 13px;

    padding-right: 13px;

}



.contact_lists ul {

    list-style-type: none;

	margin-left:-40px;

}

.contact_lists ul li {

    display: inline-block;

}



#work-serv-section {

    text-align: center;

    -webkit-transition: all .2s ease-out;

    -moz-transition: all .2s ease-out;

    -o-transition: all .2s ease-out;

    transition: all .2s ease-out;

    /*border: 1px solid #dbdbdb;*/

    border-left: 0;

    display: block

}



#work-serv-section .col-6 {

    background: #f7f7f7;

    padding:50px;

}



#work-serv-section .col-6:first-child {

    border-right: 1px solid #dbdbdb

}

#work-serv-section .col-6:hover {

    background: #000;

    color:#FFF;

}

/*#work-serv-section .col-6:hover, #work-serv-section .col-6:hover .text, #work-serv-section .col-6:hover .title, #work-serv-section .col-6:hover .top-text,span:hover {

    color: #5c2a47!important;

}*/

#work-serv-section .link {

    font-family: 'Open Sans', sans-serif;

    font-size: 20px;

    border-bottom: 1px solid transparent;

}

#work-serv-section .col-6:nth-child(3) {

    border-right: 1px solid #dbdbdb;

}



#work-serv-section .col-6 {

    background: #f7f7f7;

}

#work-serv-section .col-6:nth-child(2) {

    border-bottom: 1px solid #dbdbdb;

}

#work-serv-section .col-6:nth-child(1) {

    border-bottom: 1px solid #dbdbdb;

}



.opening-section2 .form-control {

    display: block;

    width: 100%;

    height: 50px!important;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #ffffff;

    background-image: none;

    /* border: 1px solid #ccc!important; */

    /* border-radius: 4px; */

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    margin-bottom: 10px!important;

}

.opening-section2  textarea.form-control {

    height: 100px!important;

}

/*------services-----*/

.home-third-w {

    background: url(../img/home-page/hover-bg-wn1.png) no-repeat

}



.home-third-w h4 span {

    color: #fff

}



.home-third-w .hide-hov-y {

    visibility: visible

}



.home-fourth-w {

    background: url(../img/index/fourth-bg.png) no-repeat;

    margin-top: 30px

}

.ecommm-content-w {

    display: none;

}

.ecommm-content-w h6 {

    color: #fff;

    font-size: 30px;

    margin-bottom: 15px;

    font-weight: 600!important;

    font-family: proxima_nova_ltbold;

}

.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;

}

.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

.ecommm-content-w a {

    color: #fff;

    font-family: ProximaNova-Regular;

    font-size: 23px;

    padding: 5px 0;

    display: block;

}

.icon-a {

    background-position: 0 0;

}

.home-section-icon {

   /*background: url(../img/index/sprite-images.png) no-repeat;

    width: 30px;

    height: 30px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;*/

}

.home-border:hover {

    background: url(../images/hover-bg11.png) no-repeat;

    height: 321px;

    border: none;

    box-shadow: none;

    border-radius: none;

    animation: height 3s;

}

.home-border {

    border: 1px solid #ebebeb;

    box-shadow: 0px 8px 10px #eaeaea;

    border-radius: 5px;

    background: #fff;

    margin: 30px 0px;

    padding: 0 15px;

}

.ecommm-content-w {

    display: none;

}



.home-border:hover .ecommm-content-w {

    display: block;

    padding: 0% 6%;

    position: absolute;

}

h6.home-font-size {

    font-size: 25px;

    color: #251b5b;

    font-weight: 600!important;

    font-family: proxima_nova_ltbold;

}

.home-pad {

    padding: 22px 20px 0;

}

.home-spimg{background: url(../images/services/sp-img.png) no-repeat;width: 100px;height: 130px;display: inline-block;}

.home-spimg.spimg1{background-position: 0px 36px;}

.home-spimg.spimg2{background-position: -3px -227px; width: 108px;}

.home-spimg.spimg3{background-position: -137px 27px;}

.home-spimg.spimg4{background-position: 11px -104px;}

.home-spimg.spimg5{background-position: -294px 38px; width: 112px;}

@keyframes height {from {opacity: 0;}to {opacity: 1;}}

.home-border.border2:hover{background: url(../images/hover-bg2.png) no-repeat; height: 378px;}

.home-border.border3:hover{background: url(../images/hover-bg4.png) no-repeat;height: 321px;}

.home-border.border4:hover{background: url(../images/hover-bg.png) no-repeat;height: 201px;}

.home-border.border5:hover{background: url(../images/hover-bg5.png) no-repeat;height: 183px;}



.home-border:hover .home-spimg,.home-border:hover h6.home-font-size,.home-border:hover p.home-font-size{display: none;}

h6.home-40font-size{font-size: 40px; color:#fff;margin-top: -12px;}

.home-li-font{font-size: 25px;line-height: 1.7; margin-top: 22px;}

.home-mar-left{margin-left: 50px;}

.home-a-color a{color: #fff;}

.home-a-color a:hover{color: #354267;}

.home-bg-mil{background: url(../images/home-bg.png) center top no-repeat;background-size: contain!important;}

h2.home-h2font{font-size: 49px; margin-top: 50px; font-weight: bold!important; color: #251b5b; line-height: 1.2;font-family: proxima_nova_rgbold;}

.home-overlay{background: rgba(0, 0, 0, 0.3); height: 100px; width: 100%; position: absolute; bottom: 0px; 

    text-align: center; left: 0;transition-delay: .8s}

.home-h6-jfont{color: #fff; font-size: 35px; line-height: 1.0; font-family: proxima_nova_ltbold; margin-top: 7px;}

.span-dfont-size{color: #fff; font-size: 25px;}

.home-hover-pfont{font-size: 22px; color:#fff; padding: 10px;}

.home-sub-tech{font-weight: bold!important; font-size: 52px; margin-top: 15px;color: #251b5b; font-family: proxima_nova_rgbold;}

.owl-carousel img.home-quate{width: 150px; vertical-align: top; margin: -30px -8px -40px 5px; padding-top: 0;}

.home-sixth-w1{background:url('../images/bg-customer.png')no-repeat;}



/*---Counter Section--------*/

.counter-item {

  text-align: center;

}

.counter-img i{

        padding: 25px 0px;

    color:#253046;

}

.counter-title {

  font-size: 18px;

  line-height: 24px;

  color: #a9a9a9;

  margin-bottom: 17px;

}

.counter-number {

  line-height: 24px;

}

.counter-effects {

  position: relative;

  margin-top: 100px;

}

.counter-effects:hover {

  -moz-transition-duration: 0.4s;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s;

}

.counter-effects:hover .counter-circle:before {

  bottom: -60px;

  height: 60px;

  -moz-transition-duration: 0.4s;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s;

}

.counter-effects:hover .counter-img {

  position: relative;

  top: 10px;

  -moz-transition-duration: 0.4s;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s;

}

.counter-img {

  width: 105px;

  height: 105px;

  line-height: 105px;

  border-radius: 50%;

  box-shadow: 3px 0 20px rgba(0, 0, 0, 0.2);

  display: inline-block;

  border: 1px solid #fbfbfb;

  background: rgba(0, 0, 0, 0);

  position: relative;

  top: 0;

  -moz-transition-duration: 0.2s;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

}

.counter-circle {

  position: absolute;

  top: -71px;

  left: 50%;

  margin-left: -10px;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  display: block;

  box-shadow: 3px 0 15px rgba(0, 0, 0, 0.2);

}

.counter-circle:before {

  content: "";

  width: 2px;

  height: 50px;

  position: absolute;

  left: 9px;

  border: 1px dashed #dfe8f3;

  bottom: -50px;

  -moz-transition-duration: 0.4s;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s;

}

.fw-col-md-15 {

  position: relative;

  min-height: 1px;

  padding-left: 15px;

  padding-right: 15px;

  float: left;

  width: 100%;

}

@media only screen and (min-width: 992px) {

  .fw-col-md-15 {

    width: 20%;

  }

}

.counter-2-img:hover:after, .victorious-item:hover:after{

        border-color: #ffa506;

}

.counter-2-img:hover {

    border-color: rgba(0, 0, 0, 0);

    -moz-transition-duration: 0.3s;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}

.counter-2 {

  margin: 43px 0 70px 0;

  text-align: center;

}

.counter-2-item {

  text-align: center;

}

.counter-2-img {

  display: inline-block;

  height: 140px;

  width: 140px;

  line-height: 140px;

  border: 1px solid #e9e9e9;

  border-radius: 50%;

  margin-bottom: 30px;

  position: relative;

}

.counter-2-img img {

  position: relative;

  z-index: 3;

}

.counter-2-img:before {

  content: "";

  left: 50%;

  top: 50%;

  width: 0;

  height: 0;

  position: absolute;

  border-radius: 50%;

  -moz-transition-duration: 0.3s;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.counter-2-img:after {

  content: "";

  border: 1px solid rgba(0, 0, 0, 0);

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  position: absolute;

  border-radius: 50%;

  -moz-transition-duration: 0.3s;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.counter-2-img:hover {

  border-color: rgba(0, 0, 0, 0);

  -moz-transition-duration: 0.3s;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.counter-2-img:hover:before {

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  -moz-transition-duration: 0.3s;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.counter-2-img:hover:after {

  left: -5px;

  top: -5px;

  width: 148px;

  height: 148px;

  z-index: 2;

  -webkit-transition-delay: 0.3s;

  -moz-transition-delay: 0.3s;

  transition-delay: 0.3s;

}

.counter-2-number {

  font-size: 30px;

  font-weight: 700;

  font-family: 'Poppins', sans-serif;

  color: #232323;

  margin-bottom: 10px;

}

.counter-2-desc {

  font-size: 18px;

  color: #aaaaaa;

  font-weight: 700;

  font-family: 'Poppins', sans-serif;

}

@media (min-width: 768px){

.fw-col-sm-15 {

    width: 20%;

}

}

@media (min-width: 768px){

.fw-col-sm-1, .fw-col-sm-2, .fw-col-sm-3, .fw-col-sm-4, .fw-col-sm-5, .fw-col-sm-6, .fw-col-sm-7, .fw-col-sm-8, .fw-col-sm-9, .fw-col-sm-10, .fw-col-sm-11, .fw-col-sm-12, .fw-col-sm-15 {

    float: left;

}

.new-headding:before {

    position: absolute;

    content: '';

    /* left: -120px; */

    top: -25px;

    width: 93px;

    height: 93px;

    z-index: 0;

    background: url(../images/dots-bg2.png) no-repeat center / cover;

}

}



.media-left img{

   width: 38px;

    margin-top: 30px;

}

.navbar {

    position: relative;

    min-height: 50px;

    margin-bottom: 7px!important;

    border: 1px solid transparent;

}

.navbar-brand>img {

    display: block;

    width: 221px;

}

.navbar-nav>li>a {

    padding-top: 10px;

    padding-bottom: 10px;

    line-height: 20px;

    color: #000!important;

}

.navbar-brand {

    float: left;

    height: auto!important;

    padding: 0px!important;

    font-size: 18px;

    line-height: 20px;

}

/*------mobile code--------*/

@media (max-width: 450px){

	.new-headding:before {

    position: absolute!important;

    content: '';

    /* left: -120px; */

    top: -25px!important;

    width: 93px!important;

    height: 93px!important;

    z-index: 0;

    background: url(../images/dots-bg2.png) no-repeat center / cover;

}

.my-media{

    padding:20px!important;

}

.team img {

   width: 100px!important;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

.app-continer h1 {

    /* font: 40px/52px open_sansbold; */

    font-size: 25px!important;

    color: #FFF;

    text-align: center;

}

.trusted-img ul li {

    display: block!important;

    margin-left:0px!important;

    text-align: center;

    margin-bottom: 10px!important;

}

#clients{

    display:none;

}

.home-clients {

    display: block!important;

}

.home-testimonials {

    display: block!important;

    margin-top: -40px;

}

.packages-slider{

   display:none;  

}

.homepage-form{

    display: block!important; 

}

.formleft{

    display:none;

}

.contact_lists li {

    font-size: 20px;

    font-weight: 400;

    line-height: 40px;

    margin-bottom: 0px;

    background-color: transparent;

    border-width: 0px;

    border-style: solid solid solid solid;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;

    padding-top: 0px;

    padding-bottom: 0px;

    padding-left: 13px;

    padding-right: 13px;

}

.industries {

    display:none;

}

}

@media (min-width: 768px){

.navbar-right {

    float: right!important;

    margin-right: -15px;

    padding: 5px 0px 0px!important;

}

}

/*-------Mobile Version Client Css-------*/

.carousel-control {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 0%!important;

    font-size: 20px;

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0,0,0,.6);

    filter: alpha(opacity=50);

    opacity: .5;

}

.carousel {

    margin-bottom: 0;

    padding: 0 40px 30px 40px;

    text-align: center!important;

}

/* The controlsy */

.carousel-control {

	left: -12px;

    height: 40px;

	width: 40px;

    background: none repeat scroll 0 0 #222222;

    border: 4px solid #FFFFFF;

    border-radius: 23px 23px 23px 23px;

    margin-top: 90px;

}

.carousel-control.righ.section-bgt {

	right: -12px;

}

/* The indicators */

.carousel-indicators {

	right: 50%;

	top: auto;

	bottom: -10px;

	margin-right: -19px;

}

/* The colour of the indicators */

.carousel-indicators li {

	background: #cecece;

}

.carousel-indicators .active {

background: #428bca;

}

/*--------- mobile testimonials slider-----------*/

.testimonial_subtitle{

    color: #0aaa7a;

    font-size: 12px;

}

.home-testimonials{

    display:none; 

}

.certificates{

    text-align:center;

}

.home-clients{

    display:none;

}

.homepage-form{

     display:none;

}



.social-links {

	list-style: none;

	padding: 0;

	text-align:center;

	margin-left: -35px;

}



.address-info-3 {

    padding: 0px;

    margin: 0px 0 0 0;

}

#diamond {

    width: 0;

    height: 0;

    border: 50px solid transparent;

    border-bottom-color: #fff;

    position: relative;

    top: -50px;

    float: left;

    margin-right: 20px;

    z-index: 9;

}

.diamond2 {

    width: 0;

    height: 0;

    border: 45px solid transparent;

    border-bottom-color: #ddd;

    position: relative;

    top: -40px;

    float: left;

    left: -45px;

    z-index: 99;

}

#diamond i {

    font-size: 30px;

    color: #303c39;

    line-height: 90px;

    position: relative;

    z-index: 99;

    left: -15px;

}

.diamond2:after {

    content: '';

    position: absolute;

    left: -45px;

    top: 45px;

    width: 0;

    height: 0;

    border: 45px solid transparent;

    border-top-color: #ddd;

}

.address-info-3 .address {

    padding-top: 20px;

}

.digital-head{

    font-weight: 600;

    color: #5c2a47;

    margin-bottom: 50px;

}



.about-media h5{

        font-size: 20px;

    margin-top: -10px;

    color: #5c2a47;

    font-weight: 700;

}

.about-media p{

         font-size: 20px;

    margin-top: 0px;

    color: #363636;

    font-weight: 700;

}

.digital-box{

         background:#FFF;

    }

/*-----------Mobile Responsive*------------*/



@media (max-width: 768px){

	.paypal h3, .paytm h3, .instamojo h3, .bank-tranfer h3, .razorpay h3, .payumoney h3, .UPI h3 {

    color: #000;

    line-height: 30px;

	font-size:18px!important; 

}

.paypal, .instamojo, .payumoney, .paytm, .razorpay{

        text-align: center;

    border-radius: 5px;

    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);

    border: 1px solid #e0e0e0;

    padding: 40px;

    height: 200px;

	margin-bottom:20px;

}

.UPI{

	    text-align: center;

    border-radius: 5px;

    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);

    border: 1px solid #e0e0e0;

    padding: 10px 40px;

    height: 200px;

	margin-bottom:20px;

}

.bank-tranfer{

        text-align: center;

    border-radius: 5px;

    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);

    border: 1px solid #e0e0e0;

    padding: 25px 40px;

    height: 330px;

	margin-bottom:20px;

}

.bank-tranfer h3{

   font-size:18px!important; 

}

.bank-tranfer p{

   font-size:15px!important; 

}

	.career-hiring img{

	 display:none;

}

	.footer-bot-pay img {

    width: 60px!important;

    margin-bottom: 15px;

}

	.banner-text {

    text-align: center;

}

    .digital-box{

        margin-bottom:40px;

        background:#FFF;

    }

	.team .media {

    background: #ffffff none repeat scroll 0 0;

    padding: 10px 10px;

    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

    height: 440px!important; 

}

.team1 .media {

    background: #ffffff none repeat scroll 0 0;

    padding: 10px 10px;

    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

    height: 530px!important;

}

.page-social-links{

	text-align:center!important;

	    margin-left: 35px!important;

		list-style-type:none!important;

}

.media-body {

    width: auto!important;

    padding-top: 10px;

    text-align: center; 

    font-size: 14px!important;

}

.media-body p{

	font-size:14px!important;

}

.media-left, .media-right, .media-body {

    display: inline-block!important; 

    vertical-align: top;

}

    .section-bg {

    background: #ececec;

    padding: 50px 0 30px 0;

    box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);

}

.section-header p {

    text-align: center;

    margin: auto;

    font-size: 15px;

    /*padding-bottom: 30px;*/

    color: #556877;

    width: 100%;

}

.section-padding {

    padding-top: 30px;

    padding-bottom: 30px;

}

.section-header h3 {

    font-size: 30px!important;

    color: #000000;

    text-align: center;

    /* font-weight: 600; */

    position: relative;

    line-height: 35px;

}

.Process-title h2 {

    font-size: 30px!important;

    color: #FFF;

    line-height: 35px;

    margin-bottom: 15px;

}

.nav-pills>li>a {

    border-radius: 4px;

    font-size: 14px!important;

}

.section-title h1 {

    font-size: 30px;

    text-align: center;

    line-height: 50px;

    color: #562857;

    display: inline-block;

    position: relative;

}

.team-content h2{

text-align:center;

}

.team-content p {

    padding-right: 0px;

    margin-bottom: 20px;

    text-align:center;

}

.ceo-signature{

text-align:center;

}

.team-text h2, .team-text p {

    color: #fff;

    padding: 20px 0px 0px 0px;

    text-align: center;

}

.team-text{

text-align:center;

}

.ts-team-vision {

   padding: 40px 0;

   position: relative;

}

section#intro-page-title h1 {

    color: #fff;

    font-size: 25px;

    padding: 30px 0px 5px 0px;

    text-align: center;

}

.subheading:after {

    content: " ";

    border-top: 2px solid #562857;

    display: inline-block;

    width: 35px;

    height: 1px;

    position: relative;

    top: -3px;

    margin: 0 5px;

}

.subheading:before {

    content: " ";

    border-top: 2px solid #562857;

    display: inline-block;

    width: 35px;

    height: 1px;

    position: relative;

    top: -3px;

    margin: 0 5px;

}

.address-text {

    padding: 4.5rem 0;

}

#careers-bg {

    background-image: url(../images/banners/careers-bg.jpg);

   min-height:auto; 

    background-size: cover;

}

.careers-bg-h1{

    text-align:center;

    padding:30px;

}

.nav-tabs>li {

    float: left;

    margin-bottom: -1px;

    width: 100%;

}

}

.parallax3 {

    background-image: url(../images/bg-contact.png);

}



/* Row

-------------------------------------------------------------- */

.flat-row {

    clear: both;

    display: block;

    position: relative;

    padding: 50px 0;    

}



.overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

       filter: alpha(opacity=50);

      opacity: 0.5;

}



.overlay.bg-18ba60 {

    background-color: #18ba60 ;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

       filter: alpha(opacity=50);

      opacity: 0.5;

}



.overlay.bg-f1f2f8  {

    background-color: #f1f2f8 ;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

       filter: alpha(opacity=50);

      opacity: 0.5;

}



.flat-wrapper {

    padding: 0 15px;

}



.pad-bottom0px {

    padding-bottom: 0;

}



.no-margin-top {

    margin-top: 0;

}



.no-margin-bottom {

    margin-bottom: 0;

}







.background-f1f2f8 {

    background-color: #f1f2f8;

}



.background-20242e {

    background-color: #20242e;

}



.home-title {

    text-align: center;

    color: #fff;

    line-height: 1.3;

    margin-top: 0;

    margin-bottom: 0;

}





/* Flat contact us

-------------------------------------------------------------- */

.flat-contact-us {

    text-align: center;

}



.flat-contact-us .title {

    margin-bottom: 10px;

}



.flat-contact-us .desc {

    margin-bottom: 30px;

}



/* flat contact us style1 */

.flat-contact-us.style1 {

    text-align: left;

	margin-top:115px;

}



.flat-contact-us.style1 .desc {

    margin-bottom: 20px;

}





/* Flat iconbox

-------------------------------------------------------------- */

.flat-iconbox {

    margin: 0 -15px;

}



.flat-iconbox .item-three-column {

    float: left;

    padding: 0 15px;

    margin-bottom: 30px;

}



.iconbox {

    background: #ffffff;

    padding: 25px;

    position: relative;

    -webkit-transition: all 0.3s ease-in-out;

       -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

         -o-transition: all 0.3s ease-in-out;

            transition: all 0.3s ease-in-out;

			/*height: 300px;*/

			    margin-bottom: 15px;

				    text-align: center;

}



.iconbox:hover {

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

       -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

        -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

         -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

            box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

    -webkit-transform: translateY(-10px);

       -moz-transform: translateY(-10px);

        -ms-transform: translateY(-10px);

         -o-transform: translateY(-10px);

            transform: translateY(-10px);

}



.iconbox .box-header {

    margin-bottom: 20px;

}



.iconbox .box-header .box-icon i {

    font-size: 28px;

    position: absolute;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    color: #ffffff;

    width: 60px;

    height: 60px;

    background-color: #562857;

    text-align: center;

    line-height: 60px;

    top: 0;

    left: 40px;

   -webkit-transition: all 0.3s ease-in-out;

       -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

         -o-transition: all 0.3s ease-in-out;

            transition: all 0.3s ease-in-out;

}



.iconbox:hover .box-header .box-icon i {

    background-color: #ffca01;

    color: #545252;

}



.iconbox .box-header .box-icon i.icons {

    font-size: 32px;

}



.iconbox .box-header .box-icon img {

    margin-bottom: -15px;

}



.iconbox .box-header .box-title {

    margin: 45px 0 0 0;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 1.1;

}



.iconbox .box-readmore {

    margin-top: 20px;

}



.iconbox .box-readmore a {

    color: #18ba60;

    display: inline-block;

    font-weight: bold;

    position: relative;

    text-transform: uppercase;

}



.iconbox .box-readmore a:after {

    content: "\f054";

    font-family: "fontAwesome";

    font-size: 14px;

    font-weight: normal;

    margin-left: 10px;

    display: inline-block;

}



.iconbox .box-readmore a:before {

    content: "";

    position: absolute;

    height: 5px;

    left: 0;

    bottom: -30px;

    width: 0;

    -webkit-transition: all 0.3s ease-in-out;

       -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

         -o-transition: all 0.3s ease-in-out;

            transition: all 0.3s ease-in-out;

}



.iconbox .box-readmore a:hover:before {

    width: 100%;

    background-color: #18ba60;

}



.iconbox:hover .box-header .box-icon i:after {

    -webkit-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

            transform: rotate(-45deg);

}

.box-content p{

	font-size:14px!important;

	    margin-bottom: 15px;

}



.iconbox1 {

    background: #ffffff;

    padding: 25px 20px;

    position: relative;

    -webkit-transition: all 0.3s ease-in-out;

       -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

         -o-transition: all 0.3s ease-in-out;

            transition: all 0.3s ease-in-out;  

			    margin-bottom: 15px;

			    text-align: center;

}



.iconbox1:hover {

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

       -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

        -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

         -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

            box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

    -webkit-transform: translateY(-10px);

       -moz-transform: translateY(-10px);

        -ms-transform: translateY(-10px);

         -o-transform: translateY(-10px);

            transform: translateY(-10px);

}



.iconbox1 .box-header {

    margin-bottom: 20px;

}



.iconbox1 .box-header .box-icon i {

    font-size: 28px;

    position: absolute;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    color: #ffffff;

    width: 60px;

    height: 60px;

    background-color: #562857;

    text-align: center;

    line-height: 60px;

    top: 0;

    left: 40px;

   -webkit-transition: all 0.3s ease-in-out;

       -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

         -o-transition: all 0.3s ease-in-out;

            transition: all 0.3s ease-in-out;

}



.iconbox1:hover .box-header .box-icon i {

    background-color: #ffca01;

    color: #545252;

}



.iconbox1 .box-header .box-icon i.icons {

    font-size: 32px;

}



.iconbox1 .box-header .box-icon img {

    margin-bottom: -15px;

}



.iconbox1 .box-header .box-title {

    margin: 45px 0 0 0;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 1.1;

}



.iconbox1 .box-readmore {

    margin-top: 20px;

}



.iconbox1 .box-readmore a {

    color: #18ba60;

    display: inline-block;

    font-weight: bold;

    position: relative;

    text-transform: uppercase;

}



.iconbox1 .box-readmore a:after {

    content: "\f054";

    font-family: "fontAwesome";

    font-size: 14px;

    font-weight: normal;

    margin-left: 10px;

    display: inline-block;

}



.iconbox1 .box-readmore a:before {

    content: "";

    position: absolute;

    height: 5px;

    left: 0;

    bottom: -30px;

    width: 0;

    -webkit-transition: all 0.3s ease-in-out;

       -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

         -o-transition: all 0.3s ease-in-out;

            transition: all 0.3s ease-in-out;

}



.iconbox1 .box-readmore a:hover:before {

    width: 100%;

    background-color: #18ba60;

}



.iconbox1:hover .box-header .box-icon i:after {

    -webkit-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

            transform: rotate(-45deg);

}

.box-content p{

	font-size:14px!important;

}

.box {

   width: 80px;

    margin: 50px auto;

    background: #ffca01;

    padding: 10px;

    text-align: center;

    font-weight: 900;

    color: #2b2b2b;

    font-family: arial;

    position: relative;

    margin-top: -15px;

    margin-left: 398px;

}



.box:before {

    content: "";

    width: 0px;

    height: 0px;

    position: absolute;

    border-left: 10px solid #ffca01;

    border-right: 10px solid transparent;

    border-top: 10px solid #ffca01;

    border-bottom: 10px solid transparent;

    left: 19px;

    bottom: -19px;

}



.box2 {

    width: 80px;

    margin: 0px auto;

    background: #ffca01;

    padding: 10px;

    text-align: center;

    font-weight: 900;

    color: #2b2b2b;

    font-family: arial;

    position: relative;

    margin-top: -34px;

    margin-left: 75px;

}



.box2:before {

    content: "";

    width: 0px;

    height: 0px;

    position: absolute;

    border-left: 10px solid #ffca01;

    border-right: 10px solid transparent;

    border-top: 10px solid #ffca01;

    border-bottom: 10px solid transparent;

    left: 19px;

    bottom: -19px;

}



.box3 {

       width: 100px;

    margin: 0px auto;

    background: #ffca01;

    padding: 10px;

    text-align: center;

    font-weight: 900;

    color: #2b2b2b;

    font-family: arial;

    position: relative;

    margin-top: 125px;

    margin-left: 905px;

}



.box3:before {

    content: "";

    width: 0px;

    height: 0px;

    position: absolute;

    border-left: 10px solid #ffca01;

    border-right: 10px solid transparent;

    border-top: 10px solid #ffca01;

    border-bottom: 10px solid transparent;

    left: 19px;

    bottom: -19px;

}

.box4 {

   width: 100px;

    margin: 0px auto;

    background: #ffca01;

    padding: 10px;

    text-align: center;

    font-weight: 900;

    color: #2b2b2b;

    font-family: arial;

    position: relative;

    margin-top: -155px;

    margin-left: 660px;

}



.box4:before {

    content: "";

    width: 0px;

    height: 0px;

    position: absolute;

    border-left: 10px solid #ffca01;

    border-right: 10px solid transparent;

    border-top: 10px solid #ffca01;

    border-bottom: 10px solid transparent;

    left: 19px;

    bottom: -19px;

}

.footerform-horizontal-gap>.col-md-8>.form-group input {

    width: 100%;

    height: 50px;

    border: none;

    /* border-radius: 4px; */

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background: #eaeaea;

    /* border: 1px solid #CCC; */

}



.line::after{

	content: "";

    position: absolute;

    top: 0px;

    left: 0;

    width: 80px;

    height: 3px;

    border: 2px solid #CCC;

}



.location-sec{

		background: url(../images/map-bg.jpg);

		background-position: center;

		background-repeat: no-repeat;

		height: 500px;

	}

	/*.location-sec1{

			display:none;

	}*/

@media (max-width: 450px) {

	.careers h2 {

    line-height: 25px!important;

    font-size: 15px!important;

}

	#slide-1 .hsContent {

    bottom: 0px!important; 

    top: 0!important; 

	padding: 50px 15px!important;

}

	.hsContent p {

    width: auto!important; 

    color: #000;

    text-align: justify;

}

#slide-2 .hsContent {

    margin-right: auto!important;

    bottom: 0px;

    top: 0%!important;

    padding-top: 50px;

}

#slide-3 .hsContent {

    margin-left: 0px!important;

    top: 0!important;

    bottom: 0!important;

    padding: 50px 15px!important;

}

#slide-4 .hsContent {

    margin-left: 0px!important;

    margin-right: 0px!important;

    top: 0!important;

    bottom: 0!important;

    padding: 50px 15px!important;

}

.hsContent {

    max-width: auto!important; 

    position: absolute;

   right: 0!important; 

    top: 20%;

    padding: 0px 15px;

    background: #ffffff7d;

}

.homeSlide {

    height: 450px!important;

}



	.cd-timeline-date-xl{

		display:none!Important;

	}

	.iconbox1 {

    background: #ffffff;

    padding: 40px 20px;

    position: relative;

    -webkit-transition: all 0.3s ease-in-out;

       -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

         -o-transition: all 0.3s ease-in-out;

            transition: all 0.3s ease-in-out;

			/*height: 350px;*/

			    margin-bottom: 15px;

			/*width: 350px;*/

}

	.location-sec{

		display:none;

	}

	.location-sec1{

		/*display: inline-block;

    padding: 15px;

	display:none;*/

	}

	.social-links {

    margin-left: -45px;

}

	.flat-contact-us.style1 {

    text-align: left;

    margin-top: 25px;

}

.social-links {

    margin-left: 0px!important; 

}

.services-area.icon-items .item {

  background: #ffffff none repeat scroll 0 0;

  -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  overflow: hidden;

  padding: 19px;

  position: relative;

  z-index: 1;

  margin-bottom: 20px;

      height: 330px!important;

}

.career-hiring img{

	 display:none;

}

}







/*-----------Sticky---Social---menu--------------*/



/* fixed social*/

#fixed-social {

   position: fixed;

   top: 130px;

   z-index: 999;

}



#fixed-social a {

  color: #fff;

    display: block;

    height: 35px;

    position: relative;

    text-align: center;

    line-height: 35px;

    width: 35px;

    margin-bottom: 1px;

    z-index: 2;

}

#fixed-social a:hover>span{

	visibility: visible;

  left: 41px;

  opacity: 1;

} 

#fixed-social a span {

	line-height: 35px;

    left: 60px;

    position: absolute;

    text-align: center;

    width: 120px;

    visibility: hidden;

    transition-duration: 0.5s;

    z-index: 1;

    opacity: 0;

}

 .fixed-facebook{

 	background-color: #4b4b9c;

 }

 .fixed-facebook span{

	background-color: #4b4b9c;

 }

 .fixed-twitter{

	background-color: #00AAE5;



 }

 .fixed-twitter span{

 	background-color: #00AAE5;

 }

 .fixed-pinterest{

	background-color: #ED2B29;



 }

 .fixed-pinterest span{

 	background-color: #ED2B29;

 }

 .fixed-linkedin{

	background-color: #0976b4;



 }

 .fixed-linkedin span{

 	background-color: #0976b4;

 }

 .fixed-instagrem{

	background-color: #b63d9d ;



 }

 .fixed-instagrem span{

 	background-color: #b63d9d;

 }

 .fixed-youtube{

	background-color: #ed3237 ;



 }

 .fixed-youtube span{

 	background-color: #ed3237;

 }

  .fixed-behance{

	background-color: #1769ff;



 }

 .fixed-behance span{

 	background-color: #1769ff;

 }

/*end fixed social*/





.nav>li>a:focus, .nav>li>a:hover {

    text-decoration: none;

    background-color: transparent!important;

    color: #562857!important;

}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {

   background-color: #562857!important;

    color: #FFF!important;

}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {

    background-color: #ffca01!important;

}

.mega-dropdown-menu > li > ul > li > a> span{

	    margin-left: 10px!important;

    font-size: 13px!important;

}

.mega-dropdown-menu > li > ul > li > a> i{

	width:15px!important;

}







.mega-dropdown {

  position: static !important;

}

.mega-dropdown-menu {

    padding: 20px 0px;

    width: 100%;

    box-shadow: none;

    -webkit-box-shadow: none;

}

.mega-dropdown-menu > li > ul {

  padding: 0;

  margin: 0;

}

.mega-dropdown-menu > li > ul > li {

  list-style: none;

      line-height: 25px;

}

.mega-dropdown-menu > li > ul > li > a {

  display: block;

  color: #222;

  padding: 3px 2px;

}

.mega-dropdown-menu > li ul > li > a:hover,

.mega-dropdown-menu > li ul > li > a:focus {

  text-decoration: none;

  background: #ffca01;

    color: #000;

	    padding: 3px 6px;

}

.mega-dropdown-menu .dropdown-header {

      font-size: 17px;

    color: #6a2e54;

    padding: 5px 60px 5px 5px;

    line-height: 30px;

    font-weight: 700;

}

.navbar-toggle {

    position: relative;

    float: right;

    padding: 8px;

    margin-top: 15px;

    margin-right: 15px;

    margin-bottom: 8px;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

	width:auto!important;

}









.footer-address ul {

	display: inline-block;

	    margin-left: -15px;

}



a.btn-social,

.btn-social

{

   border-radius: 50%;

    color: #ffffff !important;

    display: inline-block;

    height: 35px;

    line-height: 35px;

    margin: 8px 4px;

    text-align: center;

    text-decoration: none;

    transition: background-color .3s;

    webkit-transition: background-color .3s;

    width: 35px;

    font-size: 20px;

}

.btn-social img{

	width: 35px;

}

.btn-social .fa,.btn-social i

{

    backface-visibility: hidden;

    moz-backface-visibility: hidden;

    ms-transform: scale(1);

    o-transform: scale(1);

    transform: scale(1);

    transition: all .25s;

    webkit-backface-visibility: hidden;

    webkit-transform: scale(1);

    webkit-transition: all .25s;

	margin-top: 8px;

}

.btn-social:hover,.btn-social:focus

{

    color: #fff;

    outline: none;

    text-decoration: none;

}

.btn-social:hover .fa,.btn-social:focus .fa,.btn-social:hover i,.btn-social:focus i

{

    ms-transform: scale(1.3);

    o-transform: scale(1.3);

    transform: scale(1.3);

    webkit-transform: scale(1.3);

}

.btn-social.btn-xs

{

    font-size: 9px;

    height: 24px;

    line-height: 13px;

    margin: 6px 2px;

    width: 24px;

}

.btn-social.btn-sm

{

    font-size: 13px;

    height: 36px;

    line-height: 18px;

    margin: 6px 2px;

    width: 36px;

}

.btn-social.btn-lg

{

    font-size: 22px;

    height: 72px;

    line-height: 40px;

    margin: 10px 6px;

    width: 72px;

}



.btn-behance

{

    background-color: #1769ff;

}

.btn-behance:hover

{

    background-color: #4a8aff;

}



.btn-facebook

{

    background-color: #3b5998;

}

.btn-facebook:hover

{

    background-color: #4c70ba;

}



.btn-google-plus

{

    background-color: #dd4b39;

}

.btn-google-plus:hover

{

    background-color: #e47365;

}

.btn-instagram

{

    background-color: #3f729b;

}

.btn-instagram:hover

{

    background-color: #548cb9;

}



.btn-linkedin

{

    background-color: #0976b4;

}

.btn-linkedin:hover

{

    background-color: #0b96e5;

}



.btn-pinterest

{

    background-color: #cc2127;

}

.btn-pinterest:hover

{

    background-color: #e04046;

}

.btn-youtube

{

    background-color: #e62117;

}

.btn-youtube:hover

{

    background-color: #e04046;

}

.btn-blog

{

    background-color: #ff6900;

}

.btn-blog:hover

{

    background-color: #ff7819;

}

.btn-twitter

{

    background-color: #55acee;

}

.btn-twitter:hover

{

    background-color: #83c3f3;

}



.btn-email

{

    background-color: #44c456;

}

.btn-email:hover

{

    background-color: #6bd079;

}

   .tabs1 {

    	clear: both;

    	position: relative;   

       max-width: 650px;

       margin: 0 auto;

       /* you can either manually set a min-height here or do it via JS ---> */

    }

    

    .tab1 {

    	float: left;

    }

    

    .tab1 label {

    	margin-right: 20px;

    	position: relative;

    	top: 0;

    	cursor: pointer;

    	color: #333;

       text-transform: uppercase;

    }

    

    .tab1 [type=radio] {

    	display: none;   

    }

    

    .tab__content {

       position: relative;

    	top: 40px;

    	left: 0;

    	right: 0;

    	bottom: 0;

    	transition: opacity .2s cubic-bezier(.42,0,.34,1.01);

    	opacity: 0;

    }

    

    [type=radio]:checked ~ label {

    	border-bottom: 2px solid #1d1d1d;

    	color: #1d1d1d;

    	z-index: 2;

    }

    

    [type=radio]:checked ~ label ~ .tab__content {

    	z-index: 1;

    	opacity: 1;

    }

	

	

	

.form-group input{

	width: 100%;

    height: 50px;

    border: none;

    /* border-radius: 4px; */

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background: #eaeaea;

    /* border: 1px solid #CCC; */

}



.footer-links li span{

	margin-left:8px;

}

.footer-links li span:hover{

	color:#ffca01!important;

}

.footer-links li i{

	width:20px;

	}

	

.services-area.icon-items .item .careers-text{

		text-align:center!important;

	}

	



.careers-area.icon-items .item {

  background: #ffffff none repeat scroll 0 0;

  -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  overflow: hidden;

  padding: 19px;

  position: relative;

  z-index: 1;

  margin-bottom: 20px;

  height: 230px;

}



.careers-area.icon-items .item::after {

  background: #f9f9f9 none repeat scroll 0 0;

  content: "";

  height: 100px;

  left: -65px;

  position: absolute;

  top: -65px;

  transform: rotate(45deg);

  width: 100px;

  z-index: -1;

  transition: all 0.35s ease-in-out;

  -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  -ms-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

}



.careers-area.icon-items .item:hover::after {

  background: #6a2e54 none repeat scroll 0 0;

}



.careers-area.icon-items.color-yellow .item:hover::after {

  background: #ff9800 none repeat scroll 0 0;

}



.careers-area.icon-items .equal-height {

  /*margin-bottom: 30px;*/

}



.careers-area.icon-items .item .icon {

  display: table-cell;

  vertical-align: top;

  font-size: 50px;

}



.careers-area.icon-items .item .info {

  padding-left: 15px;

  vertical-align: top;

}



.careers-area.icon-items .item .thumb {

  display: table-cell;

  vertical-align: middle;

  width: 40%;

}



.careers-area.icon-items .item .count {

  bottom: 30px;

  color: #f1f1f1;

  display: inline-block;

  font-family: "Poppins",sans-serif;

  font-size: 50px;

  font-weight: 900;

  left: 15px;

  position: absolute;

  z-index: -1;

}



.careers-area.icon-items .item .icon i {

  color: #2154cf;

  display: inline-block;

  font-size: 50px;

}



.careers-area.icon-items.color-yellow .item .icon i {

  color: #ff9800;

}



.careers-area.icon-items .item .info h3 {

  font-weight: 600;

  text-transform: capitalize;

  font-size: 20px!important;

  /*margin-top: 30px;*/

}

.testi-btn {

    background: #db7803!important;

    padding: 10px 35px!important;

    border: 1px solid #FFF!important;

    border-radius: 6px!important;

    font-size: 20px!important;

    line-height: 30px!important;

    color: #FFF!important;

	margin-bottom: 20px!important;

}

.testi-btn1{

	background:transparent;

	padding: 10px 50px!important;

	border: 1px solid #FFF!important;

	border-radius: 6px!important;

	font-size: 20px!important;

	line-height: 30px!important;

	color:#FFF!important;

	margin-top: 20px!important;

}

.testimonial h2 {

    font-size: 31px;

    font-weight: 300!important;

    margin-top: 0px!important;

}

@media (max-width: 768px) {

	.modal-dialog {

    width: auto!important; 

    margin: 0px!important;

}  

	.careers h2 {

    line-height: 25px!important;

    font-size: 15px!important;

}

	.footer-bot-pay img {

        width: 87px!important;

    margin-top: 19px;

}

#slide-2 .hsContent {

    margin-left: 320px!important;

    bottom: 0px;

    top: 20%;

}

.hsContent {

    max-width: 700px!important;

    position: absolute!important;

    left: 0%!important;

	 right: 0%!important;

    top: 20%!important;

    padding: 0px 15px!important;

}

#slide-2 h2 {

    color: #000;

    /* background-color: rgba(0,0,0,0.6); */

}

#slide-4 .hsContent {

    max-width: 700px!important;

    position: absolute!important;

    left: 43%!important;

    top: 20%!important;

    padding: 0px 15px!important;

}

.hsContent p {

    width: 451px;

    color: #000;

    text-align: justify;

}



	.cd-timeline-date-xl{

		display:none!Important;

	}

	.why-us {

    border-right: 1px solid rgba(0,0,0,0.1);

}

.page-social-links a{

	float:left;

	margin-right:0px;

	width:32px!important;

	height:32px!important;

}

	.leadership-follow{

	color:#000;

	font-size:20px;

	font-weight:600;

    margin-right: 45px!important;

	margin-left: 0px!important;

}

	.page-social-links {

    margin-left: 0px!important;

	list-style-type:none!important;

}

	.mysection-agency img{

		display:none;

	}

	.audit-link {

    display: inline-block;

    padding: 10px 25px;

    font-size: 18px;

    color: #FFF;

    /* text-transform: uppercase; */

    overflow: hidden;

    z-index: 1;

    position: relative;

    transition: all 0.3s ease 0s;

    background: #ee323c;

}

.iconbox1 {

    background: #ffffff;

    padding: 40px 25px;

    position: relative;

    -webkit-transition: all 0.3s ease-in-out;

       -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

         -o-transition: all 0.3s ease-in-out;

            transition: all 0.3s ease-in-out;

			/*height: 350px;*/

			    margin-bottom: 15px;

			/*width: 350px;*/

}

		.my-media .media-body {

    display: table-cell!important;

	text-align:left;

	}

	.my-media .media-left {

    display: table-cell;

    /* vertical-align: top; */

    /* text-align: center; */

}

.my-media .media-right{

    display: table-cell;

    /* vertical-align: top; */

    /* text-align: center; */

}

.testi-btn {

    background: #db7803!important;

    padding: 10px 15px!important;

    border: 1px solid #FFF!important;

    border-radius: 6px!important;

    font-size: 20px!important;

    line-height: 30px!important;

    color: #FFF!important;

	margin-bottom: 20px!important;

}

.testi-btn1{

	background:transparent;

	padding: 10px 30px!important;

	border: 1px solid #FFF!important;

	border-radius: 6px!important;

	font-size: 20px!important;

	line-height: 30px!important;

	color:#FFF!important;

	margin-top: 20px!important;

}

.testimonial h2 {

        font-size: 25px;

    font-weight: 300!important;

    margin-top: 0px!important;

    line-height: 35px;

}

.testimonial p {

    font-size: 15px;

    margin-top: 0px;

	margin-bottom:20px;

}

	.navbar {

    position: relative;

    min-height: 50px;

    margin-bottom: 2px!important;

    border: 1px solid transparent;

}

	.social-tittle{

	margin-left:0px!important; 

}

.contact_lists ul {

    list-style-type: none;

	margin-left:-40px!important;

}

em{

	margin:20px 0px;

}

.page-social-links img{

	float:left;

	margin-right:10px;

	width:32px!important;

	height:32px!important;

}

	.top-head-link li {

    list-style-type: none;

    float: left;

    margin-right: 0px!important; 

}

	a.btn-social, .btn-social {

    border-radius: 50%;

    color: #ffffff !important;

    display: inline-block;

    height: 30px!important;

    line-height: 30px!important;

    margin: 8px 2px;

    text-align: center;

    text-decoration: none;

    transition: background-color .3s;

    webkit-transition: background-color .3s;

    width: 30px!important;

    font-size: 15px;

}

.banner-btn{

text-align: center;

    display: inline-block;

}

.banner-btn .btn-default{

	display:none!important;

}

.social-links img{

	width:30px!important;

}

.top-head-link{

	display:none!important;

}

.footer-cont h3{

	font-size: 19px!important;

}

.newsletter h3 {

    font-size: 19px!important;

    color: #FFF;

    margin-bottom: 15px;

}

.talk-btn{

	background: #ffca01!important;

    border: 2px solid #ffca01;

    border-radius: 100px;

    color: #1a0027!important;

    font-size: 15px;

    font-weight: bold;

    letter-spacing: 2px;

    /* text-transform: uppercase; */

    padding: 10px 35px;

    margin-top: 42px;

    transition: all 0.4s ease-in-out;

    width: auto!important;

    float: left;

	margin-left:0px!important;

	text-align:center;

}

.left {

        line-height: 35px;

    /* margin-left: -20px; */

    margin-right: 0px!important;

    text-align: center;

    font-size: 11px!important;

}

.top-header {

    background-color: #562857;

    color: #fff;

    height: auto;

}

	.location-sec{

		display:none;

	}

	.location-sec1 {

   /* display: inline-block;

    padding: 15px;

	display:none;*/

}

	.services-area.icon-items .item {

  background: #ffffff none repeat scroll 0 0;

  -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

  overflow: hidden;

  padding: 19px;

  position: relative;

  z-index: 1;

  margin-bottom: 20px;

      height: 380px!important;

}



.formleft{

	display:none;

}

.industries h3 {

    color: #FFF;

}

.industries p {

    color: #FFF;

}

.home-clients {

    display: block!important;

}

#clients {

    display: none;

}

.social-links {

    margin-left: -45px;

}

.post {

    max-width: auto;

    height: auto;

    position: relative;

    overflow: hidden;

}

}



.navbar-nav>li>.dropdown-menu {

    margin-top: 0;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    box-shadow: 0px 0px 10px -3px #808080;

}

.whyArea {

    width: 100%;

    float: left;

    background-color: #f1f1f1;

    padding: 80px 0px;

}

.why-choose-text h4 {

    margin: 0 0 8px 0;

    font-size: 17px;

    color: #111111;

    line-height: 19px;

    font-weight: 600;

}

.req-btn{

	    text-align: center;

    background: #ffca01 none repeat scroll 0 0;

   font-size: 12px!important;

    font-weight: 700;

    padding: 0px 20px;

    text-transform: uppercase;

    transition: all 0.5s ease;

    display: inline-block;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    box-shadow: 0 0 1px rgba(0,0,0,0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

	/*color:#2b2b2b!important;*/

transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);}



.req-btn:hover{

	    text-align: center;

    background: #2b2b2b none repeat scroll 0 0;

color:#FFF!important;

} 

.contact-btn{

	text-align: center;

	background: #ffca01 none repeat scroll 0 0;

	font-size: 12px!important;

	padding: 10px 20px; 

	margin-top:20px;

	text-transform: uppercase;

	color:#2b2b2b;

    }



.contact-btn:hover{

	    text-align: center;

    background: #2b2b2b none repeat scroll 0 0;

color:#FFF!important;

} 

.talk-btn{

	background: #ffca01!important;

    border: 2px solid #ffca01;

    border-radius: 100px;

    color: #1a0027!important;

    font-size: 15px;

    font-weight: bold;

    letter-spacing: 2px;

    /* text-transform: uppercase; */

    padding: 10px 35px;

    margin-top: 42px;

    transition: all 0.4s ease-in-out;

    width: auto!important;

    float: left;

	margin-left:20px!important;

}

.about-box h3{

	    color: #562857;

		font-weight:600;

}

.top-head-link{

	    float: right;

    padding-right: 0px!important;

}

.top-head-link li{

	list-style-type:none;

	float:left;

	margin-right:20px;

}

.top-head-link li a{ 

line-height:35px;

color:#2b2b2b;

}

.top-head-link li a:hover{ 

line-height:35px;

color:#FFF;

}

.top-head-link li i{

	margin-right:8px;

}

.home-testimonials h4{

font-size: 14px;	

}



/*-----contact us --- locations----*/

.tooltip {

  position: relative;

  display: inline-block;

  border-bottom: 1px dotted black;

}



.tooltip .tooltiptext {

  visibility: hidden;

  width: 120px;

  background-color: #555;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  padding: 5px 0;

  position: absolute;

  z-index: 1;

  bottom: 125%;

  left: 50%;

  margin-left: -60px;

  opacity: 0;

  transition: opacity 0.3s;

}



.tooltip .tooltiptext::after {

  content: "";

  position: absolute;

  top: 100%;

  left: 50%;

  margin-left: -5px;

  border-width: 5px;

  border-style: solid;

  border-color: #555 transparent transparent transparent;

}



.tooltip:hover .tooltiptext {

  visibility: visible;

  opacity: 1;

}

.social-tittle{

	/*margin-left:-45px;*/

}



.page-social-links a{

	float:left;

	margin-right:10px;

	width:32px!important;

	height:32px!important;

}

.page-social-links a img{

	float:left;

	margin-right:20px;

	-webkit-filter: grayscale(0%)!important;

    filter: grayscale(0%)!important;

}

.navbar-toggle .icon-bar {

    display: block;

    width: 27px!important;

    margin-top: 5px!important;

	height: 3px!important;

    border-radius: 1px;

	background-color: #000!important;

}

.leadership-follow{

	color:#000;

	font-size:20px;

	font-weight:600;

    margin-right: 45px!important;

	margin-left: -40px;

}

.modal-backdrop.in {

    filter: alpha(opacity=50);

    opacity: 0!important;

}







.modal a.close-modal {

    position: absolute;

    top: 1.5px!important;

    right: 0.5px!important;

    display: block;

    width: 30px;

    height: 30px;

    text-indent: -9999px;

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center center;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR…o8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);

}



/*--------location page-------------*/

.contact-loc-Box{

    text-align: center;

    overflow: hidden;

    position: relative;

}

.contact-loc-Box .location-content{

    padding: 40px 30px 20px;

    position: relative;

    transition: all 0.3s ease-in-out 0s;

	text-align:left;

}



.contact-loc-Box .location-content i{

    font-size: 15px;

    color: #000;

    margin-bottom: 10px;

	margin-right: 10px;

    transition: all 0.3s ease-in-out 0s;

}

.contact-loc-Box:hover .location-content i{

    /*transform: rotate(360deg);*/

}

.contact-loc-Box .title{

        font-size: 18px!important;

    font-weight: 700;

    color: #50175e;

    margin-bottom: 15px;

	margin-top: 0px!important;

	line-height: 30px;

}

.contact-loc-Box .description{

    font-size: 14px;

    color: #222;

    line-height: 25px;

}

.contact-loc-Box .icon-bg{

    font-size: 90px;

    color: rgba(34, 34, 34, 0.44);

    /* line-height: 120px; */

    position: absolute;

    bottom: 0;

    right: 0px;

    /* transition: all 0.3s ease-in-out 0s;*/

}

.contact-loc-Box:hover .icon-bg{

    transform: rotate(360deg);

}

.contact-loc-Box {

	/*height: 250px;*/

	border-radius: 10px;

	background: #fff!important;

    box-shadow: 0 0 10px rgba(0,0,0,0.1);

    border: 1px solid #e9e9e9;}

	

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

    .contact-loc-Box{ margin-bottom: 30px; }

}

.location-content h2{

	    margin-top: 0px!important;

}



.contact-loc-Box .address-bgimg {

    position: absolute;

    right: 0;

    bottom: -10px;

    width: 150px;

    opacity: 0.1;

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -ms-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

}

.contact-loc-Box .address-bgimg1 {

    position: absolute;

    right: 0;

    bottom: -10px;

    width: 150px;

    opacity: 0.1;

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -ms-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

}

.contact-loc-Box .address-bgimg2 {

    position: absolute;

    right: 0;

    bottom: -10px;

    width: 150px;

    opacity: 0.1;

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -ms-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

}

.contact-loc-Box .address-phone {

    font-size: 15px;

    padding: 0 0 2px 0px;

    line-height: 20px;

    margin: 0;

}

.contact-loc-Box:hover {

    background: #f8f8f8;

    box-shadow: 0 0 15px rgba(0,0,0,0.2);

    border-color: #ddd;

}

.contact-loc-Box h3 {

    margin: 0 0 10px 0;

    position: relative;

    font-size: 20px;

    font-family: Verdana,Geneva,sans-serif;

    font-weight: bold;

    color: #2f55a1;

}

.contact-loc-Box h3:after {

    background: #2f55a1;

    position: absolute;

    left: 0;

    right: 77%;

    bottom: -10px;

    content: "";

    height: 2px;

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -ms-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

}

.contact-loc-Box:hover  h3:after {

    right: 0;

}

/* Section - Title */

/**************************/

#parallax-world-of-ugg .title {padding:15px 0px;  margin:0 auto; text-align:center;}

#parallax-world-of-ugg .title h1 {font-size:35px; letter-spacing:8px;}



/* Section - Block */

/**************************/

#parallax-world-of-ugg .block {background: white; padding: 60px; width:820px; margin:0 auto; text-align:justify;}

#parallax-world-of-ugg .block-gray {background: #f2f2f2;padding: 60px;}

#parallax-world-of-ugg .section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}



/* Section - Parallax */

/**************************/

#parallax-world-of-ugg .parallax-one {padding-top: 50px; padding-bottom: 50px; overflow: hidden; position: relative; width: 100%; background-image: url(../images/service-bg.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

#parallax-world-of-ugg .parallax-two {padding-top: 50px; padding-bottom: 50px; overflow: hidden; position: relative; width: 100%; background-image: url(../images/service-bg1.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;}

#parallax-world-of-ugg .parallax-three {padding-top: 50px; padding-bottom: 50px; overflow: hidden; position: relative; width: 100%; background:#f0f8ff;}







#parallax-world-of-ugg .parallax-one h3{

	color:#FFF;

}

#parallax-world-of-ugg .parallax-one p{

	color:#FFF;

}



#parallax-world-of-ugg .parallax-two h3{

	color:#FFF;

}

#parallax-world-of-ugg .parallax-two p{

	color:#FFF;

}

/* Extras */

/**************************/

#parallax-world-of-ugg .line-break {border-bottom:1px solid black; width: 150px; margin:0 auto;}



/* Media Queries */

/**************************/

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

  #parallax-world-of-ugg .block {padding: 40px; width:620px;}

}

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

  #parallax-world-of-ugg .block {padding: 30px; width:420px;}

  #parallax-world-of-ugg h2 {font-size:30px;}

  #parallax-world-of-ugg .block {padding: 30px;}

  #parallax-world-of-ugg .parallax-one, #parallax-world-of-ugg .parallax-two, #parallax-world-of-ugg .parallax-three {padding-top:100px; padding-bottom:100px;}

}

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

  #parallax-world-of-ugg .block {padding: 30px 15px; width:290px;}

}

  

  .blog-sec{

	padding: 50px 0px 100px 0px;

    background: #ececec;

    box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);

}

  .blog-sec1{

	    padding: 0px 0px 50px 0px;

    margin-top: -100px;

  }

  

  

  .new-headding:before {

    position: absolute;

    content: '';

    /*left: -120px;*/

    top: -8px;

    width: 93px;

    height: 93px;

    z-index: 0;

    background: url(../images/dots-bg3.png) no-repeat center / cover;

}

/*.new-headding:before {

    position: absolute;

    content: '';

    width: 35px;

    height: 4px;

    left: -60px;

    background-color: #000;

    top: 50%;

    transform: translateY(-50%);

}*/

 

 

 

 

 

 

 /*---------------Our story--------------*/

 .our-story{

	     padding: 0px 15px;

 }

 .cd-timeline {

    position: relative;

    padding: 3em 0;

}

.cd-timeline-line {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 48px;

    width: 4px;

    z-index: 1;

    background: #d7e4ed;

}

.cd-timeline-block-wrapper{

    position: relative;

    z-index: 2;

}

.cd-timeline-content {

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    flex-grow: 1;

    background: #fff;

    min-height: 5.5em;

    border-radius: .25em;

    padding: .5em 1.25em;

    border: 2px solid #e0e2e7;

    margin-left: 30px;

    font-size: .9rem;

}

.cd-timeline-block {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 5em 0;

}

.cd-timeline-img {

    z-index: 2;

    width: 100px;

    height: 100px;

    flex-grow: 0;

    flex-shrink: 0;

    background-color: #fff;

    border-radius: 50%;

    border: 6px solid #11203e;

    overflow: hidden;

}

.cd-timeline-img img {

    width: 100%;

    height: 100%;

}

.cd-timeline-content::before {

    position: absolute;

    content: "\00A0";

    width: 10px;

    height: 10px;

    top: 50%;

    left: -6px;

    margin-top: -5px;

    background: #fff;

    border-left: 2px solid #e0e2e7;

    border-bottom: 2px solid #e0e2e7;

    transform: rotate(45deg) skew(10deg,10deg);

}

.cd-timeline-content p {

    margin: .25em 0;

}

.cd-timeline-text {

    font-weight: 400;

}

.cd-timeline-date {

    font-weight: 600;

    font-size: .75rem;

    color: #8d959d;

}

.cd-timeline-block::after, .cd-timeline-content::after, .clearfix::after {

    display: block;

    clear: both;

    content: "";

}



 @media (min-width: 1200px){

	 .cd-timeline-block:nth-child(even) .cd-timeline-content::before {

    left: -6px;

    right: auto;

    border-left: 2px solid #e0e2e7;

    border-bottom: 2px solid #e0e2e7;

    border-right: 0;

    border-top: 0;

}

.cd-timeline-content::before {

    left: auto;

    right: -6px;

    border-left: 0;

    border-bottom: 0;

    border-right: 2px solid #e0e2e7;

    border-top: 2px solid #e0e2e7;

}

	.cd-timeline-block:nth-child(4n+1) .cd-timeline-date-xl {

    background-color: #2cd0e3;

}

.cd-timeline-block:nth-child(4n+2) .cd-timeline-date-xl {

    background-color: #2f3a50;

}



.cd-timeline-date-xl {

    display: block;

    position: absolute;

    width: 200px;

    left: 50%;

    top: 50%;

    margin-left: -100px;

    margin-top: -1.5em;

    border-radius: 1.5em;

    line-height: 3em;

    font-weight: 600;

    text-align: center;

    color: rgba(255,255,255,.7);

}

.cd-timeline-content.bounce-in {

    visibility: visible;

    -webkit-animation: .6s cd-bounce-2;

    -moz-animation: .6s cd-bounce-2;

    animation: .6s cd-bounce-2;

}

.cd-timeline-block:nth-child(even) .cd-timeline-img {

    left: auto;

    right: 50%;

    margin-left: 0;

    margin-right: 12.5%;

}

.cd-timeline-date, .cd-timeline-line::after, .cd-timeline-line::before, .navbar-expand-xl .navbar-toggler {

    display: none;

}

.cd-timeline-content::before {

    left: auto;

    right: -6px;

    border-left: 0;

    border-bottom: 0;

    border-right: 2px solid #e0e2e7;

    border-top: 2px solid #e0e2e7;

}

.cd-timeline-content {

    margin-left: 0;

    padding: 1.6em;

    width: 37%;

}

.cd-timeline-date-xl {

    display: block;

    position: absolute;

    width: 200px;

    left: 50%;

    top: 50%;

    margin-left: -100px;

    margin-top: -1.5em;

    border-radius: 1.5em;

    line-height: 3em;

    font-weight: 600;

    text-align: center;

    color: rgba(255,255,255,.7);

} 

.cd-timeline-content.bounce-in {

    visibility: visible;

    -webkit-animation: .6s cd-bounce-2;

    -moz-animation: .6s cd-bounce-2;

    animation: .6s cd-bounce-2;

}

.cd-timeline-date-xl {

    display: block;

    position: absolute;

    width: 200px;

    left: 50%;

    top: 50%;

    margin-left: -100px;

    margin-top: -1.5em;

    border-radius: 1.5em;

    line-height: 3em;

    font-weight: 600;

    text-align: center;

    color: rgba(255,255,255,.7);

}

.cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {

    -webkit-animation: .6s cd-bounce-2-inverse;

    -moz-animation: .6s cd-bounce-2-inverse;

    animation: .6s cd-bounce-2-inverse;

}

.cd-timeline-block:nth-child(even) .cd-timeline-content, .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {

    float: right;

}

.cd-timeline-content {

    margin-left: 0;

    padding: 1.6em;

    width: 37%;

}

.cd-timeline-img {

    position: absolute;

    top: 50%;

    width: 146px;

    height: 146px;

    left: 50%;

    margin-left: 12.5%;

    margin-top: -73px;

    -webkit-transform: translateZ(0);

    -webkit-backface-visibility: hidden;

}

.cd-timeline-block:first-child {

    margin-top: 0;

}

.cd-timeline-block {

    display: block;

    position: relative;

}

.cd-timeline-line {

    top: 5em;

    bottom: 5em;

    left: 50%;

    margin-left: -2px;

}

.cd-timeline-content {

    margin-left: 0;

    padding: 1.6em;

    width: 37%;

}

.cd-timeline-block:nth-child(4n+1) .cd-timeline-date-xl {

    background-color: #5c2a47;

}

.cd-timeline-block:nth-child(4n+3) .cd-timeline-date-xl {

    background-color: #197ce1;

}



.cd-timeline-date-xl {

    display: block;

    position: absolute;

    width: 200px;

    left: 50%;

    top: 50%;

    margin-left: -100px;

    margin-top: -1.5em;

    border-radius: 1.5em;

    line-height: 3em;

    font-weight: 600;

    text-align: center;

    color: rgba(255,255,255,.7);

}

.cd-timeline-block:nth-child(4n+4) .cd-timeline-date-xl {

    background-color: #f1b038;

}

.cd-timeline-date-xl {

    display: block;

    position: absolute;

    width: 200px;

    left: 50%;

    top: 50%;

    margin-left: -100px;

    margin-top: -1.5em;

    border-radius: 1.5em;

    line-height: 3em;

    font-weight: 600;

    text-align: center;

    color: rgba(255,255,255,.7);

}

}





/*------------Our story ----------*/



.demo{ background-color: #e7e7e7; }

.main-timeline{

    font-family: 'Titillium Web', sans-serif;

    padding: 50px 0 0;

    position: relative;

}

 .main-timeline:before{

    content: '';

    background-color: #fff;

    height: 100%;

    width: 60%;

    box-shadow: 0 0 10px #333;

    transform: translateX(-50%);

    position: absolute;

    left: 50%;

    top: 10px;

}

.main-timeline .timeline{

    margin: -42px 0 0 0;

    position: relative;

}

.main-timeline .timeline:before{

    content: '';

    border: 10px solid #FF9B00;

    height: 90%;

    width: 50%;

    border-radius: 100px;

    position: absolute;

    left: 12%;

    top: 22px;

    z-index: -1;

    background: #FFF;

}

.main-timeline .timeline-content{

    background-color: #fff;

    text-align: center;

    width: 60%;

    padding: 10px 15px 60px;

    margin: 0 auto;

    display: block;

}

.main-timeline .timeline-content:hover{ text-decoration: none; }

.main-timeline .timeline-year{

    color: #FF9B00;

    font-size: 30px;

    font-weight: 600;

    margin: 0 0 10px;

}

.main-timeline .title{

    color: #333;

    font-size: 25px;

    font-weight: 600;

    text-transform: uppercase;

    margin: 0;

}

.main-timeline .title:after{

    content: '';

    background-color: #FF9B00;

    height: 3px;

    width: 60px;

    margin: 12px auto;

    display: block;

}

.main-timeline .description{

    color: #333;

    font-size: 14px;

    letter-spacing: 1px;

}

.main-timeline .timeline:nth-child(even):before{

    left: auto;

    right: 12%;

}

.main-timeline .timeline:nth-child(4n+2):before{ border-color: #FF503B; }

.main-timeline .timeline:nth-child(4n+2) .timeline-year{ color: #FF503B; }

.main-timeline .timeline:nth-child(4n+2) .title:after{ background-color: #FF503B; }

.main-timeline .timeline:nth-child(4n+3):before{ border-color: #009CE6; }

.main-timeline .timeline:nth-child(4n+3) .timeline-year{ color: #009CE6; }

.main-timeline .timeline:nth-child(4n+3) .title:after{ background-color: #009CE6; }

.main-timeline .timeline:nth-child(4n+4):before{ border-color: #B160BD; }

.main-timeline .timeline:nth-child(4n+4) .timeline-year{ color: #B160BD; }

.main-timeline .timeline:nth-child(4n+4) .title:after{ background-color: #B160BD; }

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

    .main-timeline .timeline:before{

        left: 5%;

        border-radius: 120px;

    }

    .main-timeline .timeline:nth-child(even):before{ right: 5%; }

}

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

    .main-timeline:before{ width: 85%; }

    .main-timeline .timeline{ margin: -38px 0 0 0; }

    .main-timeline .timeline:before{

        border-width: 8px;

        border-radius: 0;

        left: 0;

    }

    .main-timeline .timeline:nth-child(even):before{ right: 0; }

    .main-timeline .timeline-content{ width: 85%; }

    .main-timeline .title{ font-size: 18px; }

}







.js .floating-labels div {

    margin: 10px 0!important;

    width: 100%;

}

.career-left{

	background:#2f3a50;

	padding:58px 0px;

}

.cd-form input[type="text"], .cd-form input[type="email"], .cd-form textarea, .cd-form select {

    padding: 12px;

    border: 1px solid #cfd9db;

    background-color: #ffffff;

    border-radius: .25em;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);

    color: #FFF!important;

}

.no-touch .cd-form input[type="submit"]:hover {

    background: #fa5496!important;

    color: #FFF;

}

.cd-form input[type="submit"] {

    border: none;

    background: #f9f9f9!important;

    border-radius: .25em;

    padding: 16px 20px;

    color: #2f3a50!important;

    font-weight: bold;

    float: right;

    cursor: pointer;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    width: 100%;

}





/*-----Life At Zype------------*/

.life-zype{

	background:#2b2b2b;

	color:#FFF;

	    padding: 40px 25px;

}

.life-zype-subscribe{

	background:#ffca01; 

	    padding: 20px;

}

.life-zype h3{

	margin-top:0px!important;

}

.life-zype-subscribe h3{

margin-top:0px!important;

}

.life-zype-subscribe .newsletter input {

    height: 40px;

    border: 0px;

    width: 70%;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}

.life-zype-subscribe .newsletter input[type=submit] {

    width: 30%;

    background-color: #d00d0d;

    float: none;

    height: 41px;

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

}

.life-sec{

	background:#1a0027;

}

/*-----services-parllex ------*/

main {

	overflow-x: hidden;

}

.homeSlide{

	height:600px!important;

}

.bcg {

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

	height: 100%;

	width: 100%;

}



.hsContainer {

	width: 100%;

	height: 100%;

	overflow: hidden;

	position: relative;

}



.hsContent {

	/*max-width: 700px;

	position: absolute;

	left: 50%;

	top: 20%;*/

	max-width: 700px;

    position: absolute;

    right: 58%;

    top: 20%;

}

	.hsContent h2  {

		color: #000;

		/*background-color: rgba(0,0,0,0.5);*/

		padding: 10px 5px;

		font-size: 35px;

		line-height: 38px;

		margin-bottom: 12px;

	}

	.hsContent p {

		/*width: 400px;

		color: #b2b2b2;*/

		width: 400px;

    color: #000;

    text-align: justify;

	}

	.hsContent a {

		color: #b2b2b2;

		text-decoration: underline;

	}



/* Slide 1 */

#slide-1 .bcg {background-image:url('../images/web-development-dev.png')}

#slide-1 .hsContent {

	/*bottom: 200px;

	top: auto;*/

	    bottom: 150px;

    top: auto;

}



/* Slide 2 */

#slide-2 .bcg {background-image:url('../images/mobile-app-development-dev.png')} 

#slide-2 .hsContent {

	/*margin-left: -450px;

	bottom: 200px;

	top: auto;*/

	margin-right: -800px;

    bottom: 0px;

    top: 20%;

}



/* Slide 3 */

#slide-3 .bcg {background-image:url('../images/ecommerce-dev.png')}

#slide-3 .hsContent {

	margin-left: 0px;

}

	#slide-3 h2 {

		color: #000;

		/*background-color: rgba(0,0,0,0.6);*/

	}



/* Slide 4 */

#slide-4 .bcg {background-image:url('../images/webdesign-dev.png')}

#slide-4 .hsContent {

	/*margin-left: -450px;*/

	    margin-right: -700px;

}

	#slide-4 h2 {

		background: none;

		padding-left: 0;

		padding-right: 0;

		color:#000;

	}

/* Slide 5 */

#slide-5 .bcg {background-image:url('../images/landingpage-design-dev.jpg')}

#slide-5 .hsContent {

	margin-left: -450px;

}

	#slide-5 h2 {

		background: none;

		padding-left: 0;

		padding-right: 0;

		color:#000;

	}

/* Slide 6 */  

#slide-6 .bcg {background-image:url('http://zypedigital.com/images/domain-hosting-dev.jpg')}

#slide-6 .hsContent {

	/*margin-left: -450px;*/

	    margin-right: -700px;

}

	#slide-6 h2 {

		background: none;

		padding-left: 0;

		padding-right: 0;

		color:#000;

	}

	/* Slide 7 */  

#slide-7 .bcg {background-image:url('../images/web-development-dev1.jpg')}

#slide-7 .hsContent {

	margin-left: -450px;

	   /* margin-right: -700px;*/

}

	#slide-6 h2 {

		background: none;

		padding-left: 0;

		padding-right: 0;

		color:#000;

	}

.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    /* IE 6/7 fallback */

    *text-indent: -9999px;

}



.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 150%;

}



.hidden {

    display: none !important;

    visibility: hidden;

}



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



.invisible {

    visibility: hidden;

}





.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}





.clearfix {

    *zoom: 1;

}



@media only screen and (min-width: 35em) {

    /* Style adjustments for viewports that meet the condition */

}



@media print,

       (-o-min-device-pixel-ratio: 5/4),

       (-webkit-min-device-pixel-ratio: 1.25),

       (min-resolution: 120dpi) {

    /* Style adjustments for high resolution devices */

}



@media print {

   



    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }



}







.footer-cont h2 {

    display: flex;

    width: 100%;

    justify-content: center;

    align-items: center;

    text-align: center;

}



.footer-cont h2:before{

    content: '';

    border-top: 2px solid;

    margin: 0 20px 0 0;

    flex: 1 0 20px;

}

.footer-cont h2:after {

        content: '';

    border-top: 2px solid;

    margin: 0 0px 0px 15px;

    flex: 1 0 20px;

}



.footer-bot-link{

	list-style-type:none;

	    margin-left: -40px;

}

.footer-bot-link li a{

	float: left;

    margin-right: 10px;

    color: #FFF;

}

.footer-bottom{

	background:#333;

padding:15px 0 0 0;

}

.footer-bottom img{

	height:25px;

	margin-right:10px;

}

.footer-bot-pay{

	    list-style-type: none;

    margin-left: -15px;

    text-align: center;

}

.footer-bot-pay li{

	text-align: center;

	    margin-top: 20px;

}

.footer-bot-pay li a{

	    float: left;

   margin-right: 10px;

    

}

.footer-bot-pay img{

	width:175px;

}



.paypal, .instamojo, .payumoney, .paytm, .razorpay{

        text-align: center;

    border-radius: 5px;

    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);

    border: 1px solid #e0e0e0;

    padding: 40px;

    height: 200px;

	margin-bottom:20px;

}

.UPI{

	    text-align: center;

    border-radius: 5px;

    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);

    border: 1px solid #e0e0e0;

    padding: 10px 40px;

    height: 200px;

	margin-bottom:20px;

}

.bank-tranfer{

        text-align: center;

    border-radius: 5px;

    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);

    border: 1px solid #e0e0e0;

    padding: 25px 40px;

    height: 330px;

	margin-bottom:20px;

}

.paypal h3, .paytm h3, .instamojo h3, .bank-tranfer h3, .razorpay h3, .payumoney h3, .UPI h3{

    color:#000;

	    line-height: 30px;

}

.career-hiring img{

	   width: auto;

    height: 30px;

    margin: 10px 0px 0px 0px!important;

}

.careers h2{

	line-height: 40px;

}

.badge {

    display: inline-block;

    min-width: 10px;

    padding: 5px 10px!important;

    font-size: 12px;

    font-weight: 700;

    line-height: 1;

    color: #2f3a50!important;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    background-color: #ffca01!important;

    border-radius: 10px;

}





/*-----careers page--------------*/

.panel-heading a:before {

    content: "\f0d7";

    font-family: "Font Awesome 5 Free";

    width: 30px;

    height: 30px;

    line-height: 27px;

    text-align: center;

    font-size: 25px;

    font-weight: 900;

    color: #000;

    position: absolute;

    /*top: 15px;*/

    right: 30px;

    /*transform: rotate(180deg);*/

    transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275);

}

.careers .row{

	width:90%!important;

}

.panel-body {

    padding: 15px 0px!important;

}

.float-left{

	text-align:left!important;

	margin-bottom: -17px!important;

}

.float-right{

	text-align:right!important;

}

.d-inline-block {

    display: inline-block;

}

.exp, .post {

    min-width: 80px;

    font-weight: 500;

}

.post {

    max-width: 600px;

    height: auto;

    position: relative;

    overflow: hidden;

}



.job-left{

	    /*background-color: #ebebeb;*/

		    padding: 40px 15px!important;

}

.job-left h3{

	font-weight:600;

}

.job-right{

	    background-color: #f5f5f5;

		padding: 58px 40px!important;

}

.job-right input{

	margin-bottom:11px!important;

}

.job-right textarea{

	margin-bottom:10px!important;

}

.job-right select{

	margin-bottom:10px!important;

}

.careers-area{

	background: #f8f8f9;

}



/*----Apply for a job--------------*/



.area-careers input{

	margin-bottom:10px!important;

}

.area-careers select{

	margin-bottom:10px!important;

}

.area-careers textarea{

	margin-bottom:10px!important;

}

.breadcrumb {

    padding: 8px 15px;

    margin-bottom: 20px;

    list-style: none;

    background-color: transparent!important;

    border-radius: 4px;

}

.partner-left{

	background:#f1f1f2;

	padding:30px 0px;

	margin-bottom:20px;

}

.partner-left:after {

    position: absolute;

    content: "";

    width: 5px;

    height: 40%;

    background: #ffca01;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

}   

.partner-right{

	background:#f1f1f2;

	padding:20px 0px;

	margin-bottom:20px;

	text-align:right;

}

.partner-right:before {

    position: absolute;

    content: "";

    width: 12px;

    height: 40%;

    background: #ffca01;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

}

.partner-right h2{

	    padding: 0px 0px 0px 15px;

    font-size: 25px;

    margin-top: 0px!important;

}  

.partner-left h2{

	    padding: 0px 0px 0px 15px;

    font-size: 25px;

    margin-top: 0px!important;

}

.partner img{

	    width: 135px!important;

}



/*----------Footer Sticky popup---------*/

#mask {

  /*position:absolute;*/

  left:0;

  top:0;

  z-index:9000;

 /* background-color:transparent;*/

  display:none;

}  

#boxes .window {

  position:absolute;

  left:0;

  top:0;

  /*width:440px;

  height:200px;*/

  display:none;

  z-index:9999;

  padding:20px;

  border-radius: 15px;

  text-align: center;

}

#boxes #dialog {

        width: 100%;

    padding: 0px 0px;

    background-color: #5c2a47;

    font-size: 15px;

    bottom: 0%important;

    height: max-content;

    top: 95%!important;

    display: inline-block;

    border-radius: 0!important;

    position: fixed;

}

.maintext{

	text-align: center;

  text-decoration: none;

}



#lorem{

	font-size: 12px;

  text-align: left;

  padding: 0px 0px!important;

}

#lorem p{

color:#FFF;

padding:5px 0px 0px 0px;

}

#popupfoot {

    font-size: 14px;

    padding: 0px 10px;

}

#popupfoot a {

    text-decoration: none;

    /*float: left;*/

    /* background: #ffca01; */

    z-index: 999;

    /* padding: 10px; */

    margin-top: 2px;

    color: #ffca01!Important;

    opacity: 2.0!important;

}

.close {

    float: auto!important;

    font-size: 14px!important;

    font-weight: 500!important;

    line-height: 1!important;

    color: #fff!important;

    text-shadow: none!important;

    filter: alpha(opacity=20)!important;

    opacity: 1.2!important;

}

.agree:hover{

 /* background-color: #D1D1D1;*/

}

.popupoption:hover{

	background-color:#D1D1D1;

	color: green;

}

.popupoption2:hover{

	color: red;

}



.paynow-links{

    list-style-type: none;

    text-align: center;

    margin-left: -35px!important;

}

input[type=file] {

    display: block;

    border: 1px solid #eaeaea;

    width: 100%;

    height: 50px!important;

    padding: 14px 12px!important;

    font-size: 14px!important;

    /* line-height: 3; */

    color: #555!important;

    background-color: #eaeaea!important;

}

.line{

    margin: 15px auto;

}

/*.one-img{

    width: 33.3333%;

    float: left;  

}*/

.one{

    background-color: #fff;

    padding: 15px;

    margin: 15px;

    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.1);

}

.one-img .img{

    height: 400px;

    overflow: hidden;

}

.one-img #img1:hover{

    transform: translateY(-288px);

}

.one-img #img2:hover{

    transform: translateY(-332px);

}

.one-img #img3:hover{

    transform: translateY(-188px);

}

.one-img #img4:hover{

    transform: translateY(-198px);

}

.one-img #img5:hover{

    transform: translateY(-760px);

}

.one-img #img6:hover{

    transform: translateY(-442px);

}

.premium-image-scroll-image{

    transition: all 4s;

    -webkit-transition: all 4s;

	width:100%!important;

}

.logo-line{

    margin: 30px auto;

}







/*.carousel-3d-slide{

	width:100%!important;

	height:1000px!important;

}

*/



.carousel-3d-slider[data-v-c06c963c] {

    position: relative;

    margin: 180px auto;

    transform-style: preserve-3d;

    -webkit-perspective: 1000px;

    -moz-perspective: 1000px;

    /* perspective: 1000px; */

}

.carousel-3d-container[data-v-c06c963c]{

	height:auto!important;

}

#carousel3d .carousel-3d-slide {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  text-align: center;

  background-color: #fff;

  padding: 10px;

  -webkit-transition: all .4s;

  transition: all .4s;

}

#carousel3d .carousel-3d-slide.current {

  background-color: #333;

  color: #fff;

 

}

#carousel3d .carousel-3d-slide.current span {

  font-size: 20px;

  font-weight: 500;

}



.closeClass{

	display:block;

}





/*-----Portfolio Page-----------*/

.portfolio-box{

    text-align: center;

    overflow: hidden;

    position: relative;

}

.portfolio-box img{

    width: 100%;

    height: auto;

    transform: scale3d(1, 1, 1);

    transition: all 0.3s ease 0s;

}

.portfolio-box:hover img{ transform: scale3d(1.15, 1.15, 1); }

.portfolio-box .portfolio-box-content{

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,0.8);

    padding-top: 13%;

    color: #fff;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    z-index: 2;

    transition: all 0.3s ease 0s;

}

.portfolio-box:hover .portfolio-box-content{ opacity: 1; }

.box .box-content:before,

.box .box-content:after{

    content: "";

    position: absolute;

    top: 15px;

    left: 15px;

    bottom: 15px;

    right: 15px;

    border: 1px solid rgba(255, 255, 255, 0.7);

    opacity: 0;

    z-index: -1;

    transform: scale(1.5);

    transition: all 0.6s ease 0.2s;

}

.portfolio-box .portfolio-box-content:before{

    border-top: none;

    border-bottom: none;

    left: 30px;

    right: 30px;

}

.portfolio-box .portfolio-box-content:after{

    border-left: none;

    border-right: none;

    top: 30px;

    bottom: 30px;

}

.portfolio-box:hover .portfolio-box-content:before,

.portfolio-box:hover .portfolio-box-content:after{

    opacity: 1;

    transform: scale(1);

}

.portfolio-box .portfolio-content-inner{

    opacity: 0;

    transform: scale(0);

    transition: all 0.3s ease 0s;

}

.portfolio-box:hover .portfolio-content-inner{

    opacity: 1;

    transform: scale(1);

}

.portfolio-box .portfolio-title{

    font-size: 22px;

    font-weight: 700;

    color: #ffca01;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin: 0 0 10px;

}

.portfolio-box .portfolio-post{

    display: block;

    font-size: 15px;

    font-weight: 600;

    font-style: italic;

    margin-bottom: 15px;

}

.portfolio-box .portfolio-icon{

    padding: 0;

    margin: 0;

    list-style: none;

    z-index: 2;

}

.portfolio-box .portfolio-icon li{ display: inline-block; }

.portfolio-box .portfolio-icon li a{

    display: block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border: 1px solid #fff;

    font-size: 18px;

    color: #fff;

    margin-right: 5px;

    position: relative;

    transition: all 0.3s ease 0s;

}

.portfolio-box .portfolio-icon li a:hover{ color: #000; }

.portfolio-box .portfolio-icon li a:before{

    content: "";

    width: 100%;

    height: 100%;

    background: #fff;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    transform: scale(0);

    transition: all 0.3s ease 0s;

}

.portfolio-box .portfolio-icon li a:hover:before{ transform: scale(1); }

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

    .portfolio-box{ margin-bottom: 30px; }

}



.portfolio-box:hover .portfolio-box-content:before, .portfolio-box:hover .portfolio-box-content:after {

    opacity: 1;

    transform: scale(1);

}

.portfolio-box .portfolio-box-content:after {

    border-left: none;

    border-right: none;

    top: 50px;

    bottom: 50px;

}

.portfolio-box .portfolio-box-content:before, .portfolio-box .portfolio-box-content:after {

    content: "";

    position: absolute;

    top: 50px;

    left: 50px;

    bottom: 50px;

    right: 50px;

    border: 1px solid rgba(255, 255, 255, 0.7);

    opacity: 0;

    z-index: -1;

    transform: scale(1.5);

    transition: all 0.6s ease 0.2s;

}

.nav-pills>li>a {

    border-radius: 4px;

    font-size: 17px!important;

    color:#000;

}

.engagement-model h2{

	    line-height: 50px;

    font-size: 40px;

}

.bg-light{

	background: aliceblue;

}



.heading-sec{

	color: rgb(79, 80, 82);

    font-size: 50px;

    font-family: Roboto, Poppins, sans-serif;

    font-weight: 700;

	text-align:center;

}



// workaround

.intl-tel-input {

  display: table-cell;

}

.intl-tel-input .selected-flag {

  z-index: 4;

}

.intl-tel-input .country-list {

  z-index: 5;

}

.input-group .intl-tel-input .form-control {

  border-top-left-radius: 4px;

  border-top-right-radius: 0;

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 0;

}

.intl-tel-input{position:relative;display:inline-block}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}@media (max-width: 500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name{margin-right:6px}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}.intl-tel-input.allow-dropdown .flag-container{right:auto;left:0}.intl-tel-input.allow-dropdown .selected-flag{width:46px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,0.05)}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag{background-color:rgba(0,0,0,0.05);display:table}.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel]{padding-left:76px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]{padding-left:84px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag{width:78px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel]{padding-left:92px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel]{padding-left:100px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}.iti-mobile .intl-tel-input .country-list .country{padding:10px 10px;line-height:1.5em}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0px 0px}.iti-flag.ad{height:14px;background-position:-22px 0px}.iti-flag.ae{height:10px;background-position:-44px 0px}.iti-flag.af{height:14px;background-position:-66px 0px}.iti-flag.ag{height:14px;background-position:-88px 0px}.iti-flag.ai{height:10px;background-position:-110px 0px}.iti-flag.al{height:15px;background-position:-132px 0px}.iti-flag.am{height:10px;background-position:-154px 0px}.iti-flag.ao{height:14px;background-position:-176px 0px}.iti-flag.aq{height:14px;background-position:-198px 0px}.iti-flag.ar{height:13px;background-position:-220px 0px}.iti-flag.as{height:10px;background-position:-242px 0px}.iti-flag.at{height:14px;background-position:-264px 0px}.iti-flag.au{height:10px;background-position:-286px 0px}.iti-flag.aw{height:14px;background-position:-308px 0px}.iti-flag.ax{height:13px;background-position:-330px 0px}.iti-flag.az{height:10px;background-position:-352px 0px}.iti-flag.ba{height:10px;background-position:-374px 0px}.iti-flag.bb{height:14px;background-position:-396px 0px}.iti-flag.bd{height:12px;background-position:-418px 0px}.iti-flag.be{height:15px;background-position:-440px 0px}.iti-flag.bf{height:14px;background-position:-460px 0px}.iti-flag.bg{height:12px;background-position:-482px 0px}.iti-flag.bh{height:12px;background-position:-504px 0px}.iti-flag.bi{height:12px;background-position:-526px 0px}.iti-flag.bj{height:14px;background-position:-548px 0px}.iti-flag.bl{height:14px;background-position:-570px 0px}.iti-flag.bm{height:10px;background-position:-592px 0px}.iti-flag.bn{height:10px;background-position:-614px 0px}.iti-flag.bo{height:14px;background-position:-636px 0px}.iti-flag.bq{height:14px;background-position:-658px 0px}.iti-flag.br{height:14px;background-position:-680px 0px}.iti-flag.bs{height:10px;background-position:-702px 0px}.iti-flag.bt{height:14px;background-position:-724px 0px}.iti-flag.bv{height:15px;background-position:-746px 0px}.iti-flag.bw{height:14px;background-position:-768px 0px}.iti-flag.by{height:10px;background-position:-790px 0px}.iti-flag.bz{height:14px;background-position:-812px 0px}.iti-flag.ca{height:10px;background-position:-834px 0px}.iti-flag.cc{height:10px;background-position:-856px 0px}.iti-flag.cd{height:15px;background-position:-878px 0px}.iti-flag.cf{height:14px;background-position:-900px 0px}.iti-flag.cg{height:14px;background-position:-922px 0px}.iti-flag.ch{height:15px;background-position:-944px 0px}.iti-flag.ci{height:14px;background-position:-961px 0px}.iti-flag.ck{height:10px;background-position:-983px 0px}.iti-flag.cl{height:14px;background-position:-1005px 0px}.iti-flag.cm{height:14px;background-position:-1027px 0px}.iti-flag.cn{height:14px;background-position:-1049px 0px}.iti-flag.co{height:14px;background-position:-1071px 0px}.iti-flag.cp{height:14px;background-position:-1093px 0px}.iti-flag.cr{height:12px;background-position:-1115px 0px}.iti-flag.cu{height:10px;background-position:-1137px 0px}.iti-flag.cv{height:12px;background-position:-1159px 0px}.iti-flag.cw{height:14px;background-position:-1181px 0px}.iti-flag.cx{height:10px;background-position:-1203px 0px}.iti-flag.cy{height:13px;background-position:-1225px 0px}.iti-flag.cz{height:14px;background-position:-1247px 0px}.iti-flag.de{height:12px;background-position:-1269px 0px}.iti-flag.dg{height:10px;background-position:-1291px 0px}.iti-flag.dj{height:14px;background-position:-1313px 0px}.iti-flag.dk{height:15px;background-position:-1335px 0px}.iti-flag.dm{height:10px;background-position:-1357px 0px}.iti-flag.do{height:13px;background-position:-1379px 0px}.iti-flag.dz{height:14px;background-position:-1401px 0px}.iti-flag.ea{height:14px;background-position:-1423px 0px}.iti-flag.ec{height:14px;background-position:-1445px 0px}.iti-flag.ee{height:13px;background-position:-1467px 0px}.iti-flag.eg{height:14px;background-position:-1489px 0px}.iti-flag.eh{height:10px;background-position:-1511px 0px}.iti-flag.er{height:10px;background-position:-1533px 0px}.iti-flag.es{height:14px;background-position:-1555px 0px}.iti-flag.et{height:10px;background-position:-1577px 0px}.iti-flag.eu{height:14px;background-position:-1599px 0px}.iti-flag.fi{height:12px;background-position:-1621px 0px}.iti-flag.fj{height:10px;background-position:-1643px 0px}.iti-flag.fk{height:10px;background-position:-1665px 0px}.iti-flag.fm{height:11px;background-position:-1687px 0px}.iti-flag.fo{height:15px;background-position:-1709px 0px}.iti-flag.fr{height:14px;background-position:-1731px 0px}.iti-flag.ga{height:15px;background-position:-1753px 0px}.iti-flag.gb{height:10px;background-position:-1775px 0px}.iti-flag.gd{height:12px;background-position:-1797px 0px}.iti-flag.ge{height:14px;background-position:-1819px 0px}.iti-flag.gf{height:14px;background-position:-1841px 0px}.iti-flag.gg{height:14px;background-position:-1863px 0px}.iti-flag.gh{height:14px;background-position:-1885px 0px}.iti-flag.gi{height:10px;background-position:-1907px 0px}.iti-flag.gl{height:14px;background-position:-1929px 0px}.iti-flag.gm{height:14px;background-position:-1951px 0px}.iti-flag.gn{height:14px;background-position:-1973px 0px}.iti-flag.gp{height:14px;background-position:-1995px 0px}.iti-flag.gq{height:14px;background-position:-2017px 0px}.iti-flag.gr{height:14px;background-position:-2039px 0px}.iti-flag.gs{height:10px;background-position:-2061px 0px}.iti-flag.gt{height:13px;background-position:-2083px 0px}.iti-flag.gu{height:11px;background-position:-2105px 0px}.iti-flag.gw{height:10px;background-position:-2127px 0px}.iti-flag.gy{height:12px;background-position:-2149px 0px}.iti-flag.hk{height:14px;background-position:-2171px 0px}.iti-flag.hm{height:10px;background-position:-2193px 0px}.iti-flag.hn{height:10px;background-position:-2215px 0px}.iti-flag.hr{height:10px;background-position:-2237px 0px}.iti-flag.ht{height:12px;background-position:-2259px 0px}.iti-flag.hu{height:10px;background-position:-2281px 0px}.iti-flag.ic{height:14px;background-position:-2303px 0px}.iti-flag.id{height:14px;background-position:-2325px 0px}.iti-flag.ie{height:10px;background-position:-2347px 0px}.iti-flag.il{height:15px;background-position:-2369px 0px}.iti-flag.im{height:10px;background-position:-2391px 0px}.iti-flag.in{height:14px;background-position:-2413px 0px}.iti-flag.io{height:10px;background-position:-2435px 0px}.iti-flag.iq{height:14px;background-position:-2457px 0px}.iti-flag.ir{height:12px;background-position:-2479px 0px}.iti-flag.is{height:15px;background-position:-2501px 0px}.iti-flag.it{height:14px;background-position:-2523px 0px}.iti-flag.je{height:12px;background-position:-2545px 0px}.iti-flag.jm{height:10px;background-position:-2567px 0px}.iti-flag.jo{height:10px;background-position:-2589px 0px}.iti-flag.jp{height:14px;background-position:-2611px 0px}.iti-flag.ke{height:14px;background-position:-2633px 0px}.iti-flag.kg{height:12px;background-position:-2655px 0px}.iti-flag.kh{height:13px;background-position:-2677px 0px}.iti-flag.ki{height:10px;background-position:-2699px 0px}.iti-flag.km{height:12px;background-position:-2721px 0px}.iti-flag.kn{height:14px;background-position:-2743px 0px}.iti-flag.kp{height:10px;background-position:-2765px 0px}.iti-flag.kr{height:14px;background-position:-2787px 0px}.iti-flag.kw{height:10px;background-position:-2809px 0px}.iti-flag.ky{height:10px;background-position:-2831px 0px}.iti-flag.kz{height:10px;background-position:-2853px 0px}.iti-flag.la{height:14px;background-position:-2875px 0px}.iti-flag.lb{height:14px;background-position:-2897px 0px}.iti-flag.lc{height:10px;background-position:-2919px 0px}.iti-flag.li{height:12px;background-position:-2941px 0px}.iti-flag.lk{height:10px;background-position:-2963px 0px}.iti-flag.lr{height:11px;background-position:-2985px 0px}.iti-flag.ls{height:14px;background-position:-3007px 0px}.iti-flag.lt{height:12px;background-position:-3029px 0px}.iti-flag.lu{height:12px;background-position:-3051px 0px}.iti-flag.lv{height:10px;background-position:-3073px 0px}.iti-flag.ly{height:10px;background-position:-3095px 0px}.iti-flag.ma{height:14px;background-position:-3117px 0px}.iti-flag.mc{height:15px;background-position:-3139px 0px}.iti-flag.md{height:10px;background-position:-3160px 0px}.iti-flag.me{height:10px;background-position:-3182px 0px}.iti-flag.mf{height:14px;background-position:-3204px 0px}.iti-flag.mg{height:14px;background-position:-3226px 0px}.iti-flag.mh{height:11px;background-position:-3248px 0px}.iti-flag.mk{height:10px;background-position:-3270px 0px}.iti-flag.ml{height:14px;background-position:-3292px 0px}.iti-flag.mm{height:14px;background-position:-3314px 0px}.iti-flag.mn{height:10px;background-position:-3336px 0px}.iti-flag.mo{height:14px;background-position:-3358px 0px}.iti-flag.mp{height:10px;background-position:-3380px 0px}.iti-flag.mq{height:14px;background-position:-3402px 0px}.iti-flag.mr{height:14px;background-position:-3424px 0px}.iti-flag.ms{height:10px;background-position:-3446px 0px}.iti-flag.mt{height:14px;background-position:-3468px 0px}.iti-flag.mu{height:14px;background-position:-3490px 0px}.iti-flag.mv{height:14px;background-position:-3512px 0px}.iti-flag.mw{height:14px;background-position:-3534px 0px}.iti-flag.mx{height:12px;background-position:-3556px 0px}.iti-flag.my{height:10px;background-position:-3578px 0px}.iti-flag.mz{height:14px;background-position:-3600px 0px}.iti-flag.na{height:14px;background-position:-3622px 0px}.iti-flag.nc{height:10px;background-position:-3644px 0px}.iti-flag.ne{height:15px;background-position:-3666px 0px}.iti-flag.nf{height:10px;background-position:-3686px 0px}.iti-flag.ng{height:10px;background-position:-3708px 0px}.iti-flag.ni{height:12px;background-position:-3730px 0px}.iti-flag.nl{height:14px;background-position:-3752px 0px}.iti-flag.no{height:15px;background-position:-3774px 0px}.iti-flag.np{height:15px;background-position:-3796px 0px}.iti-flag.nr{height:10px;background-position:-3811px 0px}.iti-flag.nu{height:10px;background-position:-3833px 0px}.iti-flag.nz{height:10px;background-position:-3855px 0px}.iti-flag.om{height:10px;background-position:-3877px 0px}.iti-flag.pa{height:14px;background-position:-3899px 0px}.iti-flag.pe{height:14px;background-position:-3921px 0px}.iti-flag.pf{height:14px;background-position:-3943px 0px}.iti-flag.pg{height:15px;background-position:-3965px 0px}.iti-flag.ph{height:10px;background-position:-3987px 0px}.iti-flag.pk{height:14px;background-position:-4009px 0px}.iti-flag.pl{height:13px;background-position:-4031px 0px}.iti-flag.pm{height:14px;background-position:-4053px 0px}.iti-flag.pn{height:10px;background-position:-4075px 0px}.iti-flag.pr{height:14px;background-position:-4097px 0px}.iti-flag.ps{height:10px;background-position:-4119px 0px}.iti-flag.pt{height:14px;background-position:-4141px 0px}.iti-flag.pw{height:13px;background-position:-4163px 0px}.iti-flag.py{height:11px;background-position:-4185px 0px}.iti-flag.qa{height:8px;background-position:-4207px 0px}.iti-flag.re{height:14px;background-position:-4229px 0px}.iti-flag.ro{height:14px;background-position:-4251px 0px}.iti-flag.rs{height:14px;background-position:-4273px 0px}.iti-flag.ru{height:14px;background-position:-4295px 0px}.iti-flag.rw{height:14px;background-position:-4317px 0px}.iti-flag.sa{height:14px;background-position:-4339px 0px}.iti-flag.sb{height:10px;background-position:-4361px 0px}.iti-flag.sc{height:10px;background-position:-4383px 0px}.iti-flag.sd{height:10px;background-position:-4405px 0px}.iti-flag.se{height:13px;background-position:-4427px 0px}.iti-flag.sg{height:14px;background-position:-4449px 0px}.iti-flag.sh{height:10px;background-position:-4471px 0px}.iti-flag.si{height:10px;background-position:-4493px 0px}.iti-flag.sj{height:15px;background-position:-4515px 0px}.iti-flag.sk{height:14px;background-position:-4537px 0px}.iti-flag.sl{height:14px;background-position:-4559px 0px}.iti-flag.sm{height:15px;background-position:-4581px 0px}.iti-flag.sn{height:14px;background-position:-4603px 0px}.iti-flag.so{height:14px;background-position:-4625px 0px}.iti-flag.sr{height:14px;background-position:-4647px 0px}.iti-flag.ss{height:10px;background-position:-4669px 0px}.iti-flag.st{height:10px;background-position:-4691px 0px}.iti-flag.sv{height:12px;background-position:-4713px 0px}.iti-flag.sx{height:14px;background-position:-4735px 0px}.iti-flag.sy{height:14px;background-position:-4757px 0px}.iti-flag.sz{height:14px;background-position:-4779px 0px}.iti-flag.ta{height:10px;background-position:-4801px 0px}.iti-flag.tc{height:10px;background-position:-4823px 0px}.iti-flag.td{height:14px;background-position:-4845px 0px}.iti-flag.tf{height:14px;background-position:-4867px 0px}.iti-flag.tg{height:13px;background-position:-4889px 0px}.iti-flag.th{height:14px;background-position:-4911px 0px}.iti-flag.tj{height:10px;background-position:-4933px 0px}.iti-flag.tk{height:10px;background-position:-4955px 0px}.iti-flag.tl{height:10px;background-position:-4977px 0px}.iti-flag.tm{height:14px;background-position:-4999px 0px}.iti-flag.tn{height:14px;background-position:-5021px 0px}.iti-flag.to{height:10px;background-position:-5043px 0px}.iti-flag.tr{height:14px;background-position:-5065px 0px}.iti-flag.tt{height:12px;background-position:-5087px 0px}.iti-flag.tv{height:10px;background-position:-5109px 0px}.iti-flag.tw{height:14px;background-position:-5131px 0px}.iti-flag.tz{height:14px;background-position:-5153px 0px}.iti-flag.ua{height:14px;background-position:-5175px 0px}.iti-flag.ug{height:14px;background-position:-5197px 0px}.iti-flag.um{height:11px;background-position:-5219px 0px}.iti-flag.us{height:11px;background-position:-5241px 0px}.iti-flag.uy{height:14px;background-position:-5263px 0px}.iti-flag.uz{height:10px;background-position:-5285px 0px}.iti-flag.va{height:15px;background-position:-5307px 0px}.iti-flag.vc{height:14px;background-position:-5324px 0px}.iti-flag.ve{height:14px;background-position:-5346px 0px}.iti-flag.vg{height:10px;background-position:-5368px 0px}.iti-flag.vi{height:14px;background-position:-5390px 0px}.iti-flag.vn{height:14px;background-position:-5412px 0px}.iti-flag.vu{height:12px;background-position:-5434px 0px}.iti-flag.wf{height:14px;background-position:-5456px 0px}.iti-flag.ws{height:10px;background-position:-5478px 0px}.iti-flag.xk{height:15px;background-position:-5500px 0px}.iti-flag.ye{height:14px;background-position:-5522px 0px}.iti-flag.yt{height:14px;background-position:-5544px 0px}.iti-flag.za{height:14px;background-position:-5566px 0px}.iti-flag.zm{height:14px;background-position:-5588px 0px}.iti-flag.zw{height:10px;background-position:-5610px 0px}.iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("../img/flags.png");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image:url("../img/flags@2x.png")}}.iti-flag.np{background-color:transparent}

.iti-flag{width:16px;height:11px;background:url("../images/flags.png")}.iti-flag.ad{background-position:-16px 0}.iti-flag.ae{background-position:-32px 0}.iti-flag.af{background-position:-48px 0}.iti-flag.ag{background-position:-64px 0}.iti-flag.ai{background-position:-80px 0}.iti-flag.al{background-position:-96px 0}.iti-flag.am{background-position:-112px 0}.iti-flag.ao{background-position:-128px 0}.iti-flag.ar{background-position:-144px 0}.iti-flag.as{background-position:-160px 0}.iti-flag.at{background-position:-176px 0}.iti-flag.au{background-position:-192px 0}.iti-flag.aw{background-position:-208px 0}.iti-flag.az{background-position:-224px 0}.iti-flag.ba{background-position:-240px 0}.iti-flag.bb{background-position:0 -11px}.iti-flag.bd{background-position:-16px -11px}.iti-flag.be{background-position:-32px -11px}.iti-flag.bf{background-position:-48px -11px}.iti-flag.bg{background-position:-64px -11px}.iti-flag.bh{background-position:-80px -11px}.iti-flag.bi{background-position:-96px -11px}.iti-flag.bj{background-position:-112px -11px}.iti-flag.bm{background-position:-128px -11px}.iti-flag.bn{background-position:-144px -11px}.iti-flag.bo{background-position:-160px -11px}.iti-flag.br{background-position:-176px -11px}.iti-flag.bs{background-position:-192px -11px}.iti-flag.bt{background-position:-208px -11px}.iti-flag.bw{background-position:-224px -11px}.iti-flag.by{background-position:-240px -11px}.iti-flag.bz{background-position:0 -22px}.iti-flag.ca{background-position:-16px -22px}.iti-flag.cd{background-position:-32px -22px}.iti-flag.cf{background-position:-48px -22px}.iti-flag.cg{background-position:-64px -22px}.iti-flag.ch{background-position:-80px -22px}.iti-flag.ci{background-position:-96px -22px}.iti-flag.ck{background-position:-112px -22px}.iti-flag.cl{background-position:-128px -22px}.iti-flag.cm{background-position:-144px -22px}.iti-flag.cn{background-position:-160px -22px}.iti-flag.co{background-position:-176px -22px}.iti-flag.cr{background-position:-192px -22px}.iti-flag.cu{background-position:-208px -22px}.iti-flag.cv{background-position:-224px -22px}.iti-flag.cw{background-position:-240px -22px}.iti-flag.cy{background-position:0 -33px}.iti-flag.cz{background-position:-16px -33px}.iti-flag.de{background-position:-32px -33px}.iti-flag.dj{background-position:-48px -33px}.iti-flag.dk{background-position:-64px -33px}.iti-flag.dm{background-position:-80px -33px}.iti-flag.do{background-position:-96px -33px}.iti-flag.dz{background-position:-112px -33px}.iti-flag.ec{background-position:-128px -33px}.iti-flag.ee{background-position:-144px -33px}.iti-flag.eg{background-position:-160px -33px}.iti-flag.er{background-position:-176px -33px}.iti-flag.es{background-position:-192px -33px}.iti-flag.et{background-position:-208px -33px}.iti-flag.fi{background-position:-224px -33px}.iti-flag.fj{background-position:-240px -33px}.iti-flag.fk{background-position:0 -44px}.iti-flag.fm{background-position:-16px -44px}.iti-flag.fo{background-position:-32px -44px}.iti-flag.fr,.iti-flag.bl,.iti-flag.mf{background-position:-48px -44px}.iti-flag.ga{background-position:-64px -44px}.iti-flag.gb{background-position:-80px -44px}.iti-flag.gd{background-position:-96px -44px}.iti-flag.ge{background-position:-112px -44px}.iti-flag.gf{background-position:-128px -44px}.iti-flag.gh{background-position:-144px -44px}.iti-flag.gi{background-position:-160px -44px}.iti-flag.gl{background-position:-176px -44px}.iti-flag.gm{background-position:-192px -44px}.iti-flag.gn{background-position:-208px -44px}.iti-flag.gp{background-position:-224px -44px}.iti-flag.gq{background-position:-240px -44px}.iti-flag.gr{background-position:0 -55px}.iti-flag.gt{background-position:-16px -55px}.iti-flag.gu{background-position:-32px -55px}.iti-flag.gw{background-position:-48px -55px}.iti-flag.gy{background-position:-64px -55px}.iti-flag.hk{background-position:-80px -55px}.iti-flag.hn{background-position:-96px -55px}.iti-flag.hr{background-position:-112px -55px}.iti-flag.ht{background-position:-128px -55px}.iti-flag.hu{background-position:-144px -55px}.iti-flag.id{background-position:-160px -55px}.iti-flag.ie{background-position:-176px -55px}.iti-flag.il{background-position:-192px -55px}.iti-flag.in{background-position:-208px -55px}.iti-flag.io{background-position:-224px -55px}.iti-flag.iq{background-position:-240px -55px}.iti-flag.ir{background-position:0 -66px}.iti-flag.is{background-position:-16px -66px}.iti-flag.it{background-position:-32px -66px}.iti-flag.jm{background-position:-48px -66px}.iti-flag.jo{background-position:-64px -66px}.iti-flag.jp{background-position:-80px -66px}.iti-flag.ke{background-position:-96px -66px}.iti-flag.kg{background-position:-112px -66px}.iti-flag.kh{background-position:-128px -66px}.iti-flag.ki{background-position:-144px -66px}.iti-flag.km{background-position:-160px -66px}.iti-flag.kn{background-position:-176px -66px}.iti-flag.kp{background-position:-192px -66px}.iti-flag.kr{background-position:-208px -66px}.iti-flag.kw{background-position:-224px -66px}.iti-flag.ky{background-position:-240px -66px}.iti-flag.kz{background-position:0 -77px}.iti-flag.la{background-position:-16px -77px}.iti-flag.lb{background-position:-32px -77px}.iti-flag.lc{background-position:-48px -77px}.iti-flag.li{background-position:-64px -77px}.iti-flag.lk{background-position:-80px -77px}.iti-flag.lr{background-position:-96px -77px}.iti-flag.ls{background-position:-112px -77px}.iti-flag.lt{background-position:-128px -77px}.iti-flag.lu{background-position:-144px -77px}.iti-flag.lv{background-position:-160px -77px}.iti-flag.ly{background-position:-176px -77px}.iti-flag.ma{background-position:-192px -77px}.iti-flag.mc{background-position:-208px -77px}.iti-flag.md{background-position:-224px -77px}.iti-flag.me{background-position:-112px -154px;height:12px}.iti-flag.mg{background-position:0 -88px}.iti-flag.mh{background-position:-16px -88px}.iti-flag.mk{background-position:-32px -88px}.iti-flag.ml{background-position:-48px -88px}.iti-flag.mm{background-position:-64px -88px}.iti-flag.mn{background-position:-80px -88px}.iti-flag.mo{background-position:-96px -88px}.iti-flag.mp{background-position:-112px -88px}.iti-flag.mq{background-position:-128px -88px}.iti-flag.mr{background-position:-144px -88px}.iti-flag.ms{background-position:-160px -88px}.iti-flag.mt{background-position:-176px -88px}.iti-flag.mu{background-position:-192px -88px}.iti-flag.mv{background-position:-208px -88px}.iti-flag.mw{background-position:-224px -88px}.iti-flag.mx{background-position:-240px -88px}.iti-flag.my{background-position:0 -99px}.iti-flag.mz{background-position:-16px -99px}.iti-flag.na{background-position:-32px -99px}.iti-flag.nc{background-position:-48px -99px}.iti-flag.ne{background-position:-64px -99px}.iti-flag.nf{background-position:-80px -99px}.iti-flag.ng{background-position:-96px -99px}.iti-flag.ni{background-position:-112px -99px}.iti-flag.nl,.iti-flag.bq{background-position:-128px -99px}.iti-flag.no{background-position:-144px -99px}.iti-flag.np{background-position:-160px -99px}.iti-flag.nr{background-position:-176px -99px}.iti-flag.nu{background-position:-192px -99px}.iti-flag.nz{background-position:-208px -99px}.iti-flag.om{background-position:-224px -99px}.iti-flag.pa{background-position:-240px -99px}.iti-flag.pe{background-position:0 -110px}.iti-flag.pf{background-position:-16px -110px}.iti-flag.pg{background-position:-32px -110px}.iti-flag.ph{background-position:-48px -110px}.iti-flag.pk{background-position:-64px -110px}.iti-flag.pl{background-position:-80px -110px}.iti-flag.pm{background-position:-96px -110px}.iti-flag.pr{background-position:-112px -110px}.iti-flag.ps{background-position:-128px -110px}.iti-flag.pt{background-position:-144px -110px}.iti-flag.pw{background-position:-160px -110px}.iti-flag.py{background-position:-176px -110px}.iti-flag.qa{background-position:-192px -110px}.iti-flag.re{background-position:-208px -110px}.iti-flag.ro{background-position:-224px -110px}.iti-flag.rs{background-position:-240px -110px}.iti-flag.ru{background-position:0 -121px}.iti-flag.rw{background-position:-16px -121px}.iti-flag.sa{background-position:-32px -121px}.iti-flag.sb{background-position:-48px -121px}.iti-flag.sc{background-position:-64px -121px}.iti-flag.sd{background-position:-80px -121px}.iti-flag.se{background-position:-96px -121px}.iti-flag.sg{background-position:-112px -121px}.iti-flag.sh{background-position:-128px -121px}.iti-flag.si{background-position:-144px -121px}.iti-flag.sk{background-position:-160px -121px}.iti-flag.sl{background-position:-176px -121px}.iti-flag.sm{background-position:-192px -121px}.iti-flag.sn{background-position:-208px -121px}.iti-flag.so{background-position:-224px -121px}.iti-flag.sr{background-position:-240px -121px}.iti-flag.ss{background-position:0 -132px}.iti-flag.st{background-position:-16px -132px}.iti-flag.sv{background-position:-32px -132px}.iti-flag.sx{background-position:-48px -132px}.iti-flag.sy{background-position:-64px -132px}.iti-flag.sz{background-position:-80px -132px}.iti-flag.tc{background-position:-96px -132px}.iti-flag.td{background-position:-112px -132px}.iti-flag.tg{background-position:-128px -132px}.iti-flag.th{background-position:-144px -132px}.iti-flag.tj{background-position:-160px -132px}.iti-flag.tk{background-position:-176px -132px}.iti-flag.tl{background-position:-192px -132px}.iti-flag.tm{background-position:-208px -132px}.iti-flag.tn{background-position:-224px -132px}.iti-flag.to{background-position:-240px -132px}.iti-flag.tr{background-position:0 -143px}.iti-flag.tt{background-position:-16px -143px}.iti-flag.tv{background-position:-32px -143px}.iti-flag.tw{background-position:-48px -143px}.iti-flag.tz{background-position:-64px -143px}.iti-flag.ua{background-position:-80px -143px}.iti-flag.ug{background-position:-96px -143px}.iti-flag.us{background-position:-112px -143px}.iti-flag.uy{background-position:-128px -143px}.iti-flag.uz{background-position:-144px -143px}.iti-flag.va{background-position:-160px -143px}.iti-flag.vc{background-position:-176px -143px}.iti-flag.ve{background-position:-192px -143px}.iti-flag.vg{background-position:-208px -143px}.iti-flag.vi{background-position:-224px -143px}.iti-flag.vn{background-position:-240px -143px}.iti-flag.vu{background-position:0 -154px}.iti-flag.wf{background-position:-16px -154px}.iti-flag.ws{background-position:-32px -154px}.iti-flag.ye{background-position:-48px -154px}.iti-flag.za{background-position:-64px -154px}.iti-flag.zm{background-position:-80px -154px}.iti-flag.zw{background-position:-96px -154px}.intl-tel-input{position:relative;display:inline-block}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-left:44px;margin-left:0;transition:background-color 100ms ease-out}.intl-tel-input input.iti-invalid-key{transition:background-color 0;background-color:#FFC7C7}.intl-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:1px}.intl-tel-input .flag-dropdown:hover{cursor:pointer}.intl-tel-input .flag-dropdown:hover .selected-flag{background-color:rgba(0,0,0,0.05)}.intl-tel-input input[disabled]+.flag-dropdown:hover,.intl-tel-input input[readonly]+.flag-dropdown:hover{cursor:default}.intl-tel-input input[disabled]+.flag-dropdown:hover .selected-flag,.intl-tel-input input[readonly]+.flag-dropdown:hover .selected-flag{background-color:transparent}.intl-tel-input .selected-flag{z-index:1;position:relative;width:38px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:50%;margin-top:-5px}.intl-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{list-style:none;position:absolute;z-index:2;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;width:430px;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list .iti-flag{display:inline-block}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .iti-flag,.intl-tel-input .country-list .country-name{margin-right:6px}

.iti-flag {background-image: url("http://jackocnr.com/assets/flags-grey.png");}

.partner input {

    margin-bottom: 10px!important;

}

.partner select {

    margin-bottom: 10px!important;

}

.partner-with-us h4{

	text-align:center;

	line-height:30px;

	font-weight: 600;

}

.partner-with-us p{

	text-align:center;

}













/*-----------------Become a partner------------*/



/*  bhoechie tab */

div.bhoechie-tab-container{

  z-index: 10;

  /*background-color: #ffffff;

  padding: 0 !important;

  border-radius: 4px;

  -moz-border-radius: 4px;

  border:1px solid #ddd;

  /*margin-top: 20px;

  margin-left: 50px;

  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);

  box-shadow: 0 6px 12px rgba(0,0,0,.175);

  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);*/

  background-clip: padding-box;

  opacity: 0.97;

  filter: alpha(opacity=97);

}

div.bhoechie-tab-menu{

  padding-right: 0;

  padding-left: 0;

  padding-bottom: 0;

}

div.bhoechie-tab-menu div.list-group{

  margin-bottom: 0;

}

div.bhoechie-tab-menu div.list-group>a{

  margin-bottom: 0;

  font-size: 20px;

}

div.bhoechie-tab-menu div.list-group>a .glyphicon,

div.bhoechie-tab-menu div.list-group>a .fa {

  color: #2f3a50;

}

div.bhoechie-tab-menu div.list-group>a:first-child{

  border-top-right-radius: 0;

  -moz-border-top-right-radius: 0;

}

div.bhoechie-tab-menu div.list-group>a:last-child{

  border-bottom-right-radius: 0;

  -moz-border-bottom-right-radius: 0;

}

div.bhoechie-tab-menu div.list-group>a.active,

div.bhoechie-tab-menu div.list-group>a.active .glyphicon,

div.bhoechie-tab-menu div.list-group>a.active .fa{

  background-color: #2f3a50;

  background-image: #2f3a50;

  color: #ffffff;

  font-size:20px;

}

div.bhoechie-tab-menu div.list-group>a.active:after{

  content: '';

  position: absolute;

  left: 100%;

  top: 50%;

  margin-top: -13px;

  border-left: 0;

  border-bottom: 13px solid transparent;

  border-top: 13px solid transparent;

  border-left: 10px solid #2f3a50;

}

.list-group-item {

    position: relative;

    display: block;

    padding: 30px 15px!important;

    margin-bottom: -1px;

    background-color: #fff;

    border: 1px solid #ddd;

}

div.bhoechie-tab-content{

  /*background-color: #ffffff;

   border: 1px solid #eeeeee; */

  padding-left: 20px;

  padding-top: 10px;

}



div.bhoechie-tab div.bhoechie-tab-content:not(.active){

  display: none;

}

.become-a-partner label{

	padding-top:10px;

}



/*----------Services Page----------------*/

.services-page{

	position: relative;

	background: #d4d4d4;

	border-radius: .4em;

}

.services-page:after{

	content: '';

	position: absolute;

	bottom: 0;

	left: 50%;

	width: 0;

	height: 0;

	border: 20px solid transparent;

	border-top-color: #d4d4d4;

	border-bottom: 0;

	margin-left: -20px;                    

	margin-bottom: -20px;

}

.services-page-left-sec ul li{

	    line-height: 30px;

}

.services-page h2{

	text-align:left;

}

.services-page h5{

	text-align:left;

}

.services-page .section-title{

	margin-bottom:0px!important;

}

 .service_button .link ul li a {

     font-size: 20px;

     margin-bottom: 18px;

     word-break: break-all 

}

 .service_button .link ul li:last-child a {

     margin-bottom: 0 

}

.service_button .link ul li a {

    display: inline-block;

    color: #565656;

    position: relative;

    text-decoration: none;

    padding: 0 15px;

    transition: all .5s ease-in;

    -webkit-transition: all .5s ease-in;

}

.service_button .link {

    margin: 35px 0 15px;

}

.service_button .link:before, .link:after{

	display:none!important;

}

.service_button .link ul li{

	display:inline-block;

}

.service_button .link ul li a:before {

    color: #ffca01;

    content: "\f111";

    font-family: FontAwesome;

    font-size: 10px;

    left: 0;

    position: absolute;

    top: 6px;

    transirion: all .5s ease-in;

    -webkit-transition: all .5s ease-in;

}

.service_button .link ul li a:before {

    color: #ffca01;

    content: "\f111";

    font-family: FontAwesome;

    font-size: 10px;

    left: 0;

    position: absolute;

    top: 6px;

    transirion: all .5s ease-in;

    -webkit-transition: all .5s ease-in;

}

.wordpressdiv ul{

	list-style-type:none!important;

}

.wordpressdiv ul li{

	    font-size: 16px;

    line-height: 30px;

}

.wordpressdiv p, .phpdiv p, .angularjs p, .nodejs p, .reactjs p, .psd2html p, .magento p{

	font-size:18px;

}

.wordpressdiv .btn{

background: #ffca01!important;

    border: 2px solid #ffca01;

    border-radius: 100px;

    color: #1a0027!important;

    font-size: 15px;

    font-weight: bold;

    letter-spacing: 2px;

    /* text-transform: uppercase; */

    padding: 15px 35px;

    margin-top: 20px;

    transition: all 0.4s ease-in-out;

    width: auto!important;

    float: left;

}

.phpdiv .btn{

background: #ffca01!important;

    border: 2px solid #ffca01;

    border-radius: 100px;

    color: #1a0027!important;

    font-size: 15px;

    font-weight: bold;

    letter-spacing: 2px;

    /* text-transform: uppercase; */

    padding: 15px 35px;

    margin-top: 20px;

    transition: all 0.4s ease-in-out;

    width: auto!important;

    float: left;

}

.angularjs .btn{

background: #ffca01!important;

    border: 2px solid #ffca01;

    border-radius: 100px;

    color: #1a0027!important;

    font-size: 15px;

    font-weight: bold;

    letter-spacing: 2px;

    /* text-transform: uppercase; */

    padding: 15px 35px;

    margin-top: 20px;

    transition: all 0.4s ease-in-out;

    width: auto!important;

    float: left;

}

.nodejs .btn{

background: #ffca01!important;

    border: 2px solid #ffca01;

    border-radius: 100px;

    color: #1a0027!important;

    font-size: 15px;

    font-weight: bold;

    letter-spacing: 2px;

    /* text-transform: uppercase; */

    padding: 15px 35px;

    margin-top: 20px;

    transition: all 0.4s ease-in-out;

    width: auto!important;

    float: left;

}

.reactjs .btn{

background: #ffca01!important;

    border: 2px solid #ffca01;

    border-radius: 100px;

    color: #1a0027!important;

    font-size: 15px;

    font-weight: bold;

    letter-spacing: 2px;

    /* text-transform: uppercase; */

    padding: 15px 35px;

    margin-top: 20px;

    transition: all 0.4s ease-in-out;

    width: auto!important;

    float: left;

}

.psd2html .btn{

background: #ffca01!important;

    border: 2px solid #ffca01;

    border-radius: 100px;

    color: #1a0027!important;

    font-size: 15px;

    font-weight: bold;

    letter-spacing: 2px;

    /* text-transform: uppercase; */

    padding: 15px 35px;

    margin-top: 20px;

    transition: all 0.4s ease-in-out;

    width: auto!important;

    float: left;

}

.magento .btn{

background: #ffca01!important;

    border: 2px solid #ffca01;

    border-radius: 100px;

    color: #1a0027!important;

    font-size: 15px;

    font-weight: bold;

    letter-spacing: 2px;

    /* text-transform: uppercase; */

    padding: 15px 35px;

    margin-top: 20px;

    transition: all 0.4s ease-in-out;

    width: auto!important;

    float: left;

}



.career-btn {

  border-radius: 4px;

  background-color: #5c2a47;

  border: none;

  color: #FFFFFF;

  text-align: center;

  font-size: 20px;

  padding: 10px 35px;

  transition: all 0.5s;

  cursor: pointer;

  margin: 5px;

}



.career-btn span {

  cursor: pointer;

  display: inline-block;

  position: relative;

  transition: 0.5s;

}



.career-btn span:after {

  content: '\00bb';

  position: absolute;

  color: #FFFFFF;

  opacity: 0;

  top: 0;

  right: -20px;

  transition: 0.5s;

}



.career-btn:hover span {

  padding-right: 25px;

  color: #FFFFFF;

}



.career-btn:hover span:after {

  opacity: 1;

  right: 0;

}

.color-puple{

	color: #562857;

	font-weight:bold;

}

.color-yellow{

	color: #ffca01;

	font-weight:bold;

}