/* cyrillic-ext */
@font-face {
   font-family: 'circularstd-bold';
   src: url(fonts/CircularStd-Bold.otf);
}
@font-face {
   font-family: 'avenirnextLTpro-regular';
   src: url(fonts/AvenirNextLTPro-Regular.ttf);
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
  }
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
  }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
  }
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
  }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
  }
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
  }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
  }
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
  }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
  }
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
  }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
  }
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
  }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*{
  margin:0;
  padding:0;
  outline:none;
}
html body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  position:relative;
}
img{
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
h1, h2, h3, h4, h5, h6, p{
	font-family: "Roboto", sans-serif;
  margin: 0 !important;
}
a:focus, a:hover {
  text-decoration: none !important;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
p{
  color: #7c8d93;
  font-size: 15px;
  margin: 0;
}
/*---------------------SLIDER--------------------------*/
#slider {
    padding-bottom: 100px;
}
#slider .container-fluid{
	padding-right: 0px;
  padding-left: 0px;
}
.slider-img {
  position: relative;
}
.bannerrightimg {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top:  -1em;
}
.bannerrightimg img {
  width: 660px;
  max-width: 660px;
  margin: 0 auto;
}
#slider .carousel-caption{ 
  left: 13em;
  right: 9em;
  top: 6em;
}
.slide-txt{
	text-align: left;
  margin-top: 120px;
}
#slider .container-fluid i{
	margin-top: 300px;
	font-size: 30px;
  color:#fff;
}
.slider-button{
  text-align: left;
  padding-top: 35px;
}
.more-button{
  font-size: 15px;
  border: 6px solid rgba(204,241,255,.5);
  border-radius: 33px;
  text-align: center;
  background-image: linear-gradient(to right, #70bafe 0%, #998dff 51%, #70bafe 100%);
  -o-transition: all 400ms ease-out;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  background-size: 200% auto;
  display: inline-block;
  line-height: 55px;
  color: #fff;
  margin: 0px;
  padding: 0px 53px; 
  letter-spacing: 0px; 
  font-weight: 500;
  font-family: roboto,sans-serif;
}
.more-button:hover{
  background-position: right center;
  color: white;
}
.slide-txt-title{
  color: #414071;
  font: 40px/55px circularstd-bold,sans-serif;
}
.slide-txt-subtitle{
  color:#334f88;
  font-size: 21px;
  line-height: 35px;
  font-weight: 300;
  width: 75%;
  padding: 10px 0;
}
.slider-nav-left a{
  background-image: linear-gradient(to right, #70bafe 0%, #998dff 51%, #70bafe 100%);
  padding: 30px 50px 25px 50px;
  border: 10px solid rgba(204, 241, 255, 0.5);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  opacity:0;
  background-size: 200% auto;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
}
.slider-nav-left a:hover{
  background-position: right center;
  color: white;
}
.slider-nav-left.left.carousel-control{
  left: -64px;
  opacity: 1;
}
#myCarousel .carousel-indicators li{
  border: 1px solid #9394ff;
}
#myCarousel .carousel-indicators li.active{
  background-color:#9394ff;
}
.slider-nav-right a{
  background-image: linear-gradient(to right,#6fbcfe 0%,#998dff 51%,#6fbcfe 100%);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border: 10px solid rgba(204, 241, 255, 0.5);
  padding:30px 50px 27px 50px;
  opacity: 0;
  background-size: 200% auto;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
}
.slider-nav-right a:hover{
  background-position: right center;
  color: white;
}
.slider-nav-right.right.carousel-control{
  right: -64px;
  opacity: 1;
}
#slider .container-fluid :hover > .slider-nav-left a {
  opacity: 1;
}
#slider .container-fluid :hover > .slider-nav-right a {
  opacity: 1;
}
/*-----------------------Services------------------------*/
 #services{
  background-color: #f7f5f9;
  padding: 40px 0;
}
.services-heading{
	font-size: 14px;
  font-family: roboto,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #7c8d93;
  padding-bottom: 10px;
}
.services-title{
	/*padding-bottom: 10px;*/
  text-align: center;
}
.services-title img {
  padding-bottom: 30px;
}
.services-txt{
	padding: 40px 0px 0px;
}
.services-txt p{
	font-size: 15px;
  line-height: 28px;
  font-family: roboto,sans-serif;
  color: #7c8d93;
  font-weight: 500;
  max-width: 290px;
  margin: auto !important;
  padding-bottom: 40px;
}
.services-txt h3{
	color: #0b1033;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 24px;
}
.services-title h2 {
  font-size: 40px;
  color: #0b1033;
  font-family: roboto,sans-serif;
  font-weight: 500;
  padding:  0;
  margin-bottom: 20px !important;
}
.services-btn a{
	padding: 0px 46px;
  background-image: linear-gradient(to right,#6fbcfe 0%,#998dff 51%,#6fbcfe 100%);
  background-size: 200% auto;
  z-index: 2;
  display: inline-block;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-family: roboto,sans-serif;
  line-height: 55px;
  border: 6px solid rgba(204,241,255,.5);
  border-radius: 33px;
  opacity: 0;
  }
.services-btn a:hover{
	background-position: right center;
	color: #fff;
  }
.services-img{
	min-height: 91px;
	position: relative;
  }
.services-content{
	padding: 0px 0 25px;
  }
.services-content:hover{
	-webkit-box-shadow: 0 14px 38px 0 rgba(0,0,0,.11);
  box-shadow: 0 14px 38px 0 rgba(0,0,0,.11);
  }
.services-content:hover a{
	opacity: 1;
  }
  .services-img img{
    width: 100%;
    padding: 20px 80px;
    height: 200px;
  }
/*----------------------------feature--------------------------*/
#feature {
  overflow: hidden;
  padding: 40px 0;
  }
.l_title {
  padding-bottom: 10px;
  }
.l_title img {
  padding-top: 15px;
  padding-bottom: 10px;
  }
.feature-text .l_title h3 {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #7c8d93;
  padding-bottom: 10px;
  }
.feature-text .l_title h4{
  font-size: 40px;
  color: #0b1033;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  }
.feature-text p {
  font-family: roboto,sans-serif;
  color: #7c8d93;
  font-size: 15px;
  line-height: 28px;
  font-weight: 500;
  padding-bottom: 10px;
  }
.feature-text ul {
  padding-left: 20px;
  }
.feature-text ul li {
  width: calc(100%/2);
  float: left;
  margin-bottom: 15px;
  }
.feature-text ul li:nth-child(even) {
  padding-left: 22px;
  }
.feature-text ul li a {
  padding-left: 18px;
  font-family: roboto,sans-serif;
  color: #7c8d93;
  font-size: 15px;
  line-height: 28px;
  font-weight: 500;
  position: relative;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  }
.feature-text ul li a:before {
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #a6d7ff;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  }
.featur-top img{
  margin-top: 30px;
  text-align: center;
  }
.team_img_inner .row .col-lg-6 {
  padding: 0 10px;
  margin-bottom: 20px;
  overflow: hidden;
  }
.team_img_inner .row .col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  }
.team_img_item img{
  border: none;
  height: auto;
  width: 100%;
  padding: 0;
  }

  /*-------------------------our-dream-----------------------------*/
#dream {
  background: #f7f5f9;
  width: 100%!important;
  padding: 40px 0;
}
.dreampara, .clnt-revpara, .cw-para{
  text-align: center;
  font-family: roboto,sans-serif;
  color: #7c8d93;
  font-size: 15px;
  line-height: 28px;
  font-weight: 500;
  width: 70%;
  margin: auto;
}
.dreamimg{
  padding: 20px 0;
  text-align: center;
}
.dreamimg img{
  width: 70%;
  margin: auto;
  border-radius: 10px;
}
/*-------------------ABOUT US -----DETAILS--------------------*/
#about-us{
  padding: 40px 0;
  }
.details {
  margin-left: 90px;
  }
#contactForm{
  margin-top: 50px;
  }
#contactForm .form-grp {
  margin-bottom: 5px;
  }
#contactForm .form-grp input{
  height: 50px;
  border: none;
  border-bottom: 2px solid #e1e1e1;
  border-radius: 0px;
  padding: 10px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #a5bbd0;
  }
#contactForm .form-grp input:focus {
  border-image: -moz-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  -webkit-border-image: -webkit-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  border-image: -webkit-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  border-image: -ms-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  border-image-slice: 1;
  }
#contactForm .form-grp textarea {
  height: 136px;
  border: none;
  border-bottom: 2px solid #e1e1e1;
  border-radius: 0px;
  padding: 15px 10px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #a5bbd0;
  resize: none;
  }
#contactForm .form-grp textarea:focus {
  border-image: -moz-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  -webkit-border-image: -webkit-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  border-image: -webkit-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  border-image: -ms-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  border-image-slice: 1;
  }
#contactForm .form-grp .about-btn{
  outline: none !important;
  -webkit-box-shadow: none !important;
  line-height: 58px;
  margin-top: 40px;
  }
.about-btn a{
  /*width: 176px;*/
  text-decoration: none;
  font-size: 15px;
  border: 6px solid rgba(204,241,255,.5);
  border-radius: 33px;
  text-align: center;
  background-image: linear-gradient(to right, #70bafe 0%, #998dff 51%, #70bafe 100%);
  -o-transition: all 400ms ease-out;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  background-size: 200% auto;
  display: inline-block;
  line-height: 55px;
  color: #fff;
  margin: 0px;
  padding: 0px 53px;
  letter-spacing: 0px;
  font-weight: 500;
  font-family: "Roboto",sans-serif;
  }
.about-btn a:hover{
  color: white;
  background-position: right center;
  }
.about-right img {
  padding-top: 20px;
  padding-bottom: 5px;
  }
.about-right h3{
  font-size: 14px;
  font-family: roboto,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #7c8d93;
  padding-bottom: 10px;
  }
.about-right h4{
  font-size: 48px;
  color: #0b1033;
  font-family: roboto,sans-serif;
  font-weight: 500;
  }
.details p{
  font-size: 15px;
  line-height: 28px;
  font-family: roboto,sans-serif;
  color: #7c8d93;
  }
.details h5 {
  font-size: 18px;
  color: #97ccfe;
  font-family: roboto,sans-serif;
  font-weight: 500;
  display: block;
  padding: 20px 10px;
  }
.details h6 {
  font-size: 30px;
  color: #0b1033;
  font-family: roboto,sans-serif;
  font-weight: 500;
  }
/*/----------------*MAP*--------/*/
#map{
  background-color:#f7f5f9;
  padding: 40px 0;
  }
#map .map-img {
  max-width: 100%;
  height: auto;
  }
#map .map-bg{
	text-align: center;
  position: relative;
  padding: 10px 0px;
  }
#map .map-txt{
	 text-align: left;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 600px;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0px 0px 46px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 46px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 46px 15px rgba(0, 0, 0, 0.15);
  border-left: 8px;
  border-style: solid;
  border-image: -moz-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
  border-image: -webkit-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
  -o-border-image: -o-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
  border-image: -webkit-gradient(linear, left top, left bottom, from(#9b8aff), to(#6ebcfe));
  border-image: linear-gradient(to bottom, #9b8aff 0%, #6ebcfe 100%);
  border-image-slice: 1;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  padding-left: 70px;
  padding-top: 35px;
  padding-bottom: 35px;
  }
#map .map-txt p{
	color: #7c8d93;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 28px;
  display: inline-block;
  }
#map .map-txt h4{
	display: inline-block;
  padding-left: 50px;
  }
#map .map-txt h4 a{
	display: block;
  color: #7c8d93;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 28px;
  }
/*------------------------------Footer----------------------------*/

#footer{
	background-image: url(../images/footer-bg.jpg);
	background-size: cover;
  padding: 100px 0 90px;
  }
#footer p{
	font-size: 15px;
  line-height: 28px;
  color: #fff;
  font-family: roboto,sans-serif;
  font-weight: 500;
  }
.f-title{
	padding-bottom: 45px;
  }
.f-title h3{
	font-size: 16px;
  color: #fff;
  font-family: roboto,sans-serif;
  font-weight: 500;
  }
.f-insta ul{
	overflow: hidden;
  margin: -1px;
  }
.f-insta ul li{
	width: calc(100%/4);
  float: left;
  }
.f-insta ul li a{
	display: inline-block;
  padding: 1px;
  }
.f-insta ul li a img {
  width: 100%;
  }
.f-logo{
	padding-bottom: 15px;
  margin-top: 20px;
  }
.f-logo h4{
  color: white!important;
  font-size: 24px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  /* line-height: 1px; */
  letter-spacing: 1px;
  }
.f-logo small{
  color: white;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  }
.f-input{
	padding-bottom: 30px;
  }
.f-input input{
	display: block;
  width: 100%;
  border-radius: 23px;
  border: none;
  height: 52px;
  padding: 0 30px;
  font-size: 12px;
  font-family: roboto,sans-serif;
  font-style: italic;
  color: #9b9b9b;
  }
.f-btn a:hover{
	background-position: right center;
	color: #fff;
  }
.f-btn a{
	padding: 0px 46px;
  background-image: linear-gradient(to right,#6fbcfe 0%,#998dff 51%,#6fbcfe 100%);
  background-size: 200% auto;
  z-index: 2;
  display: inline-block;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-family: roboto,sans-serif;
  line-height: 55px;
  border: 6px solid rgba(204,241,255,.5);
  border-radius: 33px;
  opacity: 1;
  }
#copyright1 {
  overflow: hidden;
  background: #11173b;
  padding: 10px 0;
  }
#copyright1 {
	font-size: 14px;
  color: #bbbcca;
  font-family: roboto,sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  }
#copyright1 ul li {
  display: inline-block;
  margin-right: 32px;
  }
#copyright1 ul li a{
	font-size: 14px;
  color: #ffffff;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  }
#copyright1 ul li a:hover{
  color: #f1598b;
  }
.left.carousel-control, .carousel-control.right {
  background: unset !important;
  }





/*-----------media queries---------------*/

@media  screen and (max-width: 1199px){
  .feature-text ul li {
    width: calc(100% / 1);
    float: none;
    margin-bottom: 15px;
  }
  .feature-text p {
    padding-bottom: 24px;
  }
  .details {
    margin-left: 0px;
  }
}
@media  screen and (max-width: 1024px){
  #slider .container-fluid i {
    margin-top: 4em;
  }
}
@media screen and (max-width: 1024px) and (min-width: 992px){
  #slider .carousel-caption{
    left: 5em;
    right: 9em;
    top: -1em;
  }
  .feature-text ul li{
    width: calc(100% / 2);
    float: left;
  }
  #feature{
    padding-bottom: 20px;
  }
  .team-ftr{
    padding-left: 11px;
    padding-right: 5px;
  }
  #map .map-bg{
    padding: 0px 0px;
  }
  #footer{
    padding: 45px 0px;
  }
  #copyright1{
    padding: 25px 0px;
  }
  .services-title h2{
    font-size: 30px;
  }
  .feature-text .l_title h4 {
    font-size: 30px;
      }


}
@media  screen and (max-width: 991px){
  #slider {
    padding-top: 30px;
  }
  .bannerrightimg img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .bannerrightimg {
    text-align: center;
    position: unset;
  }
  .slide-txt-title {
    font: 25px/30px circularstd-bold,sans-serif;
  }
  .more-button {
    padding: 0 30px;
  }
  .team_img_inner {
    max-width: 591px;
    margin: 30px auto -20px;
  }
  .details .about-right {
    margin-left: 0px;
    margin-top: 60px;
  }
  .dreamhead h1{
  font-size: 35px;
  }
  .slide-txt {
    margin-top: 0;
  }
  .slide-txt-title {
    font-size: 20px;
    width: 100%;
    
  }

  .services-title h2 {
    font-size: 30px;
  }
  .slide-txt-subtitle{
    font-size: 14px;
    line-height: 20px;
    width: 100%;
  }
  .slider-button{
    padding-top: 0;
  }
  .more-button{
    line-height: 34px;
  }
}
@media  screen and (max-width: 768px){
  #slider .container-fluid i {
    margin-top: 6em;
    font-size: 30px;
  }
  #map .map-txt {
    left: 0px;
    padding: 30px 15px;
    max-width: 300px;
  }
  #map .map-txt h4 {
    display: block;
    padding-left: 0px;
    padding-top: 10px;
  }
  .dreamhead h1, .clnt-rehd h1, .cw-head h1 {
    font-size: 30px;
  }
  .compscroll{
    height: auto;
  }


}
@media  screen and (min-width: 767px){
  .details {
    margin-left: 0 !important;
  }
}
@media  screen and (max-width: 576px){
  #slider {
    padding-top: 30px;
  }
  .slide-txt, .slider-button {
    text-align: center;
  }
  .slide-txt-title {
    font-size: 22px ;
    line-height: 28px;
  }
  .slide-txt-subtitle{
    font-size:16px;
    line-height: 20px;
  }
  .slider-button{
    padding-top: 1px;
  }
  .more-button{
    padding: 0px 40px;
    line-height: 39px;
  }
  #feature{
    text-align: center;
  }
  .team_img_inner .team_img_item img {
    max-width: 100%;
  }
  #about-us{
    text-align: center;
  }
  #map .map-txt {
    position: relative;
    transform: translateY(0%);
    margin: auto;
  }
  #slider .container-fluid i {
    margin-top: 3em;
    font-size: 30px;
  }
  #footer{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .f-logo{
    padding-bottom: 23px;
  }
  .f-title{
    padding-top: 17px;
    padding-bottom: 22px;
  }
  .dreamhead h1,  .clnt-rehd h1 {
    font-size: 25px;
  }
  .skewleft, .whatwedo-head {
    transform: unset !important;
    font: 20px/30px avenirnextLTpro-regular,sans-serif !important;
  }
  .howcanwehelp-head h2, .howcanwehelp-head h2 {
    font: 25px/30px circularstd-bold,sans-serif !important;
  }
  .howcanwehelp-txt p {
    font: 15px/25px avenirnextLTpro-regular,sans-serif !important;
  }
}
@media  screen and (max-width: 480px){
  #header{
    padding: 10px;
  }
  #header .logo .navbar-brand{
    padding: 0px;
  }
  #slider .carousel-caption{
    left: 25px;
    top: -10px;
  }
  .feature-text .l_title h4 {
    font-size: 32px;
  }
  .about-right h4 {
    font-size: 32px;
  }
  .services-title h2{
    font-size: 32px;
  }
}
@media screen and (max-width: 425px){
  .slide-txt-subtitle{
    font-size: 15px;
  }
  #clnt-rev {
    padding: 10px;
  }
  .clnttxt p {
    font-size: 16px;
  }
  .clnttxt {
    margin-top: -60px;
  }
}
@media (min-width: 320px) and (max-width: 375px){
  #slider .container-fluid i {
    margin-top: 2em;
    font-size: 30px;
  }
  #header {
    position: unset;
    padding: 5px 1px 8px;
  }
  .logo .navbar-brand{
    height: 0px;
    padding: 0px;
    font-size: 16px !important;
  }
  #slider{
    padding-bottom: 16px;
  }
  #slider .carousel-caption{
    left: 1em;
    right: 0em;
    top: 1em;
  }
  .slide-txt-title {
    font-size: 15px ;
    line-height: 20px;
  }
  .slide-txt-subtitle{
    font-size: 12px;
    line-height: 18px;
  }
  .slider-button{
    padding-top: 12px;
  }
  #slider .more-button{
    line-height: 33px;
    padding: 0px 27px;
  }
  #services .services-title{
    padding-bottom: 0px;
  }
  .services-title  h2{
    font-size: 24px;
    font-weight: 400;
  }
  .services-title .services-heading{
    font-weight: 500;
  }
  .services-txt .services-img{
    min-height: 60px;
  }
  .services-txt h3{
    font-size: 16px
  } 
   .services-content{
    padding-left: 10px;
    padding-right: 10px;
  }
  .services-content .services-txt p{
    line-height: 20px;
     padding-bottom: 10px;
     font-size: 14px;
  }
  .services-content .services-btn a{
    padding: 0px 27px;
    line-height: 33px;
    font-weight: 400;
  }
  #feature {
    text-align:center;
    padding-bottom: 16px;
  }
  .feature-text .l_title h3{
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 0px;
    text-align: center;
  }
  .feature-text .l_title h4 {
    font-weight: 400;
    text-align: center;
    font-size: 25px !important;
  }
  .l_title{
    padding-bottom: 5px;
  }
  .feature-text p{
     padding-bottom: 0px;
    text-align: center;
    line-height:18px;
    font-size:13px; 

  }
  .feature-text ul{
    padding-left: 5px;
    margin-bottom: 0px;
  }
  .feature-text ul li:nth-child(even) {
    padding-left: 0px;
    margin-bottom: 0px;
  }
  .feature-text ul li{
    margin-bottom: 0px;
  }
  .feature-text ul li a.list-one{
    left: 2px;
  }
  .feature-text ul li a.list-two{
    left: 2px;
  }
  .feature-text ul li a.list-three{
    left: -9px;
  }
  .feature-text ul li a.list-four{
    left: 2px;
  }
  .feature-text ul li a.list-five{
    left: 2px;
  }
  .team_img_inner{
    margin-top: 0px;
  }

  .featur-top img{
    margin-top: 0px;
  }

  #our-team{
    margin-top: 25px;
    padding-bottom: 16px; 
  }
  .section-head{
    margin-bottom: 0px;

  }
  .section-head img{
    padding-bottom: 0px;
  }
  .section-title{
    font-size: 22px;
    font-weight: 600;
    line-height: 35px;
  }
  .sub-title{
    font-size: 13px;
    margin-bottom: 0px;
    margin-top: 11px;
  }
  .team-txt{
    padding-bottom:3px;
  }
  .team-txt h4{
    font-weight: 600;
    font-size: 16px !important ;
    margin: 5px 0px 2px;
  }
  .team-txt p{
    font-size: 13px;
    margin-bottom: 0px;
  }
  .team-ftr{
    bottom:  49px;
  }
  #about-us{
    padding-top: 0px;
    padding-bottom: 16px;
  }
  #contactForm{
    margin-top: 0px;
  }
  #contactForm .form-grp{
    margin-bottom: 0px;
  }
  #contactForm .form-grp input{
    height: 37px;
  }
  #contactForm .form-grp textarea{
    height: 75px;
    padding-bottom: 0px;
    padding-top: 10px;
  }
  .about-btn{
    margin-top: 11px !important;
  }
  .about-btn a{
    font-weight: 400;
    padding: 1px 45px 1px 45px;
    line-height: 33px;
    font-size: 14px;
  }
  .about-right{
    padding-bottom: 0px;
    text-align: center;
  }
  .details .about-right{
    margin-top: 0px;
  }
  .about-right h3{
    padding-bottom: 0px;
    font-size: 13px;
  }
  .about-right h4{
    font-size: 21px !important;
    margin: 1px 0px 0px;
  }
  .details p{
    line-height: 23px;
    font-size: 14px;
    text-align: center;
  }
  .details h5{
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 16px;
    text-align:center;
  }
  .details h6{
    text-align: center;
    font-size: 22px;
    font-weight: 400;
  }
  #map{
    padding: 0px 0px 16px;
  }
  #map .map-bg{
    padding: 11px 0px 0px 0px;
  }
  #map .map-txt{
    padding: 5px;
  }
  #map .map-txt h3{
    font-size: 21px;
  }
  #map .map-txt p {
    line-height: unset;
    font-size: 14px;
  }
  #map .map-txt h4{
    padding-top: 0px;
  }
  #map .map-txt h4 a{
    line-height: 21px;
    font-size: 14px;
  }
  #footer{
    padding-top: 0px;
    padding-bottom: 16px;
  }
  .f-logo{
    padding-bottom: 0px;
  }
  .f-logo h4{
    font-size: 20px;
  }
  #footer p{
    font-size: 14px;
    line-height: unset;
    font-weight: 400;
  }
  .f-title{
    padding-bottom: 0px;
  }
  .f-input{
    padding-bottom: 14px;
  }
  .f-input input{
  height: 31px;
  }
  .f-btn a{
    padding: 0px 33px;
    line-height: 35px;
    font-size: 14px;
  }
}
#copyright1 ul {
    margin-top: 10px;
}

/*about us page*/
#abt-1{
  text-align: center;
  padding-bottom: 20px;
  }
.head-txt{
  padding-top: 5%;
  }
.head-txt h1{
  font-size: 40px;
  color: #0b1033;
  font-family: roboto,sans-serif;
  font-weight: 500;
}  
.abt-btn-1{
  padding: 30px;
  }
.abt-btn-1 a{
   padding: 0px 46px;
    background-image: linear-gradient(to right,#6fbcfe 0%,#998dff 51%,#6fbcfe 100%);
    background-size: 200% auto;
    z-index: 2;
    display: inline-block;
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-family: roboto,sans-serif;
    line-height: 55px;
    border: 6px solid rgba(204,241,255,.5);
    border-radius: 33px;
    opacity: 1;
  }
  .abt-btn-1 a:hover{
     background-position: right center;
    color: #fff;
  }
.abt-no{
  font-size: 30px;
  }
.abt-banner img{
  width: 100%;
  }
#abt-info{
  text-align: center;
  padding: 40px;
  }
.abt-information h3{
  font-size: 30px;
  color: #0b1033;
  font-family: roboto,sans-serif;
  font-weight: 500;
  }
.abt-information p{
  width: 50%;
  margin: auto !important;
  font-size: 16px;
  padding-bottom: 20px;
  }
.abt-information a{
  padding: 0px 46px;
  background-image: linear-gradient(to right,#6fbcfe 0%,#998dff 51%,#6fbcfe 100%);
  background-size: 200% auto;
  z-index: 2;
  display: inline-block;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-family: roboto,sans-serif;
  line-height: 55px;
  border: 6px solid rgba(204,241,255,.5);
  border-radius: 33px;
  opacity: 1;
}
  .abt-information a:hover{
    background-position: right center;
    color: #fff;
  }
#abt-differnce{
  background-color: #f7f5f9;
  padding: 40px;
  }
.diff-heading h4{
  text-align: center;
  font-size: 40px;
  color: #0b1033;
  font-family: roboto,sans-serif;
  font-weight: 500;
  }
#our-process{
  padding: 30px;
  }
.our-process-head{
  text-align: center;
  }
.our-process-head h4{
  font-size: 40px;
  color: #0b1033;
  font-family: roboto,sans-serif;
  font-weight: 500;
  }
.process-list ul li{
  list-style: circle;
  }
.op-head h5{
  text-align: center;
  background: #96b2f3;
  margin: 0;
  padding: 30px 10px 15px;
  color: #fff;
  font-size: 16px;
  }
.process-list{
  padding: 20px;
  background-color: #f7f5f9;
  }
.op-top{
  padding: 20px 0px;
  }
.op-btn{
  text-align: center;
  }
.op-btn a{
  padding: 0px 46px;
  background-image: linear-gradient(to right,#6fbcfe 0%,#998dff 51%,#6fbcfe 100%);
  background-size: 200% auto;
  z-index: 2;
  display: inline-block;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-family: roboto,sans-serif;
  line-height: 55px;
  border: 6px solid rgba(204,241,255,.5);
  border-radius: 33px;
  opacity: 1;
  }
.op-btn a:hover{  
  background-position: right center;
  color: #ffff;
  }

/*counter*/

.employees,.customer,.design,.order
{
  margin: 20px 0;
}
.counter-count
{
  font-size: 18px;
  background-color: #78b2fe;
  border-radius: 50%;
  position: relative;
  color: #ffffff;
  text-align: center;
  line-height: 92px;
  width: 92px;
  height: 92px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-block;
}
.projects-p,.staff-p,.offices-p,.clients-p
{
  font-size: 24px;
  color: #000000;
  line-height: 34px;
  font-family: roboto,sans-serif;
  font-weight: 500;
}

/*Contact US*/
#contact-box{
  padding-bottom: 20px;
}
.cont-us h1{
  font-size: 40px;
  color: #000;
  font-family: roboto,sans-serif;
  font-weight: 500;
  }
.Map-locn iframe{
  width: 100%;
  border:0;
  height: 500px;
}
.contact-address, .contact-email, .contact-phone {
    margin: 20px 0;
}
.inner-cont {
  padding: 10px 5px;
  background: #ffffff;
}
.c_icon {
    display: table;
    margin: 0 auto;
    padding: 30px 8px;
    border-radius: 50%;
    background-image: linear-gradient(to right, #70bafe 0%, #998dff 0%, #70bafe 100%);
}
.contact-email i, .contact-address i, .contact-phone i {
    text-align: center;
    background-color: transparent;
    border-radius: 50%;
    font-size: 38px;
    color: #ffffff;
    margin: 0 auto;
    text-align: center;
    width: 87px;
    display: inline-table;
}
.c_content{
  margin: 20px 0;
}
.c_content span {
    font-size: 18px;
    font-weight: 600;
}
.contac_form h3 {
    color: #8a9eff;
}
.process-txt{
  margin-top: 10px;
}

/*portfoolio*/
.portf{
  font-size: 40px;
  color: #000;
  font-family: roboto,sans-serif;
  font-weight: 500;
}
/*portfolio*/
#portfolios{
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 40px;
}
.title-head{
  text-align: center;
  color: #ffffff;
  
}
.title-head h3{
  font-size: 14px !important;
  font-weight: 600;
  text-align: center;
}
#portfolios .title-head h4{
    padding: 0;
    font-size: 36px !important;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
}

#portfolios .port-img {
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    position: relative;
}
#portfolios .port-img img{
  width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.port-img:hover img {
    transform: scale(1.1);
}
#portfolios .port-box{
  width: 100%;
    height: 100%;
    background: rgba(236, 238, 239, 0.9);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateY(180deg) scale(0.5);
    transition: all 0.45s ease-out 0s;
}
#portfolios .port-content{
  font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 5px;
    position: absolute;
    top: 10%;
    padding: 20px;
    text-align: center;
}
#portfolios .port-content h3{
    color: #333;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;

}
#portfolios .port-title a {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #262626;
    font-weight: 600;
}

.tabs ul li a {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    color: #7e8d9c;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

#portfolios .nav-pills>li.active>a, #portfolios .nav-pills>li.active>a:focus, #portfolios .nav-pills>li.active>a:hover {
    background-color: unset;
     color: #0b1033;
}
#portfolios .p-mt{
  margin-top: 10px;
}
#portfolios .port-text{
  display: block;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #262626;
    font-weight: 400;
}
#portfolios .port-img:hover .port-box {
  opacity: 1;
  transform: rotateY(0deg) scale(1) !important;
 }
#portfolios .tabs{
  text-align: center;
  padding: 50px 0px 50px 0px;
  }
#portfolios .align{
  display: inline-block;
}
#contactus-1 {
    padding-top: 30px;
}