@import url('https://d1dms8ke14gwlt.cloudfront.net/css/font.css?family=Roboto Condensed+Condensed:300,400,700');
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?8hx5gv');
  src: url('fonts/icomoon.eot?8hx5gv#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?8hx5gv') format('truetype'), url('fonts/icomoon.woff?8hx5gv') format('woff'), url('fonts/icomoon.svg?8hx5gv#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
  content: "\e904";
}

.icon-location:before {
  content: "\e900";
}

.icon-chevron-down:before {
  content: "\e903";
}

.icon-envelope:before {
  content: "\e902";
}

.icon-phone:before {
  content: "\e901";
}

.icon-fax:before {
  content: "\e905";
}

* {
  padding: 0;
  margin: 0;
}
b, strong {
    font-weight: 500;
}
html,
body,
#fullheight {
  min-height: 100% !important;
  height: 100%;
}

body {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 27px;
  color: #808294;
  -webkit-font-smoothing: antialiased;
  background: #f8f8fb;
  min-height: 3000px;
}

.body-bg {
  background-color: #fbfbfc;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #181825;
  margin: 0px 0px 15px 0px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400
}

h1 {
  font-size: 260%;
  line-height: 1.2;
  letter-spacing: -1px;
  margin-bottom: 2rem!important;
}

h2 {
  font-size: 34px;
  line-height: 44px;
  letter-spacing: -1px;
}

h3 {
  font-size: 26px;
  line-height: 33px;
  letter-spacing: -1px;
}

h4 {
  font-size: 20px;
  line-height: 31px;
}

h5 {
  font-size: 16px;
  line-height: 21px;
}

h6 {
  font-size: 13px;
  line-height: 21px;
}

.h2 {
  font-size: 35px;
  line-height: 48px;
  letter-spacing: -1px;
}

.h3,
h3 {
  font-size: 160%;
  line-height: 38px;
}

p {
  margin: 0px 0px 24px 0px;
}

p:last-child {
  margin: 0px;
}

a {
  color: #01387b;
  transition: 0.3s all ease;
}

a:hover {
  color: #de730b;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}

a.text-primary:focus,
a.text-primary:hover {
  color: #202db8!important;
}

ol,
ul {}

ol li,
ul li {}

.lead {
  font-size: 21px;
  line-height: 32px;
  color: #181825;
}

.z-index-0 {
  z-index: 0;
}

::selection {
  background: rgba(255, 244, 147, .8);
  color: #272c30;
}

.btn {
  font-size: 16px;
  padding: 11px 21px;
  border-radius: 4px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  transition: .3s ease;
}


/*--- btn default --*/

.btn-brand {
  color: #fff;
  background-color: transparent;
  border-color: #ffffff;
  padding: 5px 20px;
  text-transform: uppercase;
  font-weight: 700;
}
.fixed-header .btn-brand:hover,
.btn-brand:hover {
  color: #fff;
  background-color: #e17c1a;
  border-color: #e17c1a;
}
.fixed-header .btn-brand:focus,
.btn-brand.focus,
.btn-brand:focus {
  color: #fff;
 background-color: #e17c1a;
  border-color: #e17c1a;
  box-shadow: none;
}

.fixed-header .btn-brand {
  color: #272c30;
  border-color: #272c30;
}


/*----------------- 7. Headers ---------------------------------*/

.header-classic {
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
}


/* --------------------  Top Header  --------------------*/

.top-header {
  font-size: 14px;
  color: #ffffff;
  line-height: 30px;
  border-bottom: 1px solid #052b5a;
  padding-bottom: 4px;
  padding-top: 4px;
  background: #01387b;
}

.top-header ul {
  margin-bottom: 0px;
}

.top-header ul li {
  float: left;
  margin-left: 18px;
}

.top-header ul li a {
  color: #626582;
}

.top-header i {
  font-size: 10px;
}

.top-header-social {}

.top-header-social i {
  font-size: 14px;
}

.top-header-social ul {
  margin-left: 10px;
}

.top-header-social ul li {
  float: left;
  margin-left: 8px;
}

.top-header-social ul li a {
  color: #9d9ea7;
}

.top-header-social ul li a:hover {
  color: #01d486;
}


/*-------------------------------------------------------------------
8. Navigations
-------------------------------------------------------------------*/

.custom-navbar {
  transition: padding .5s ease, background-color .5s ease;
  padding: 1rem 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media(min-width: 922px){
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 0.5rem 0;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}

}


/*--------------------  Navigation classic ---------------------*/

.navbar-classic {}

.navbar-classic.navbar-light .navbar-nav .nav-link {
  color: #181825;
  padding: 12px 16px;
}

.navbar-classic .navbar-nav .nav-item {}

.navbar-classic .navbar-nav .nav-item .nav-link {
  color: #ffffff;
  padding: 12px 10px;
  line-height: 20px;
  font-weight: 300;
  text-transform: uppercase;
}

.fixed-header .navbar-nav .nav-item .nav-link {
  color: #181825;
}

.navbar-classic .navbar-nav .nav-item .nav-link:hover {
  color: #e17c1a;
  font-weight: 700;
}

.navbar-classic .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after {
  color: #e17c1a;
}

.navbar-classic.navbar {
  padding: 0;
  background: transparent;
}

.navbar-classic .dropdown-toggle::after {
  margin-top: 1px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  vertical-align: -2px;
  content: "\e903";
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  color: #bdbebf;
  font-family: 'icomoon';
  font-weight: 900;
  margin-right: 15px;
  font-size: 13px;
  float: right;
}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #f1f1f6;
  border-radius: 0px;
}

.navbar-brand {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 2px;
  margin-right: initial;
  line-height: inherit;
  white-space: nowrap;
  color: #181825;
  font-size: 24px;
}

.navbar-brand svg {
  width: 100px;
  fill: #fff;
}

.fixed-header .navbar-brand svg {
  width: 100px;
  fill: #01387b;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 16rem;
  padding: 12px;
  margin: 18px 0px;
  font-size: 1rem;
  color: #808294;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 2px;
  -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 10px 0;
  clear: both;
  font-weight: 400;
  color: #181825;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  font-size: 15px;
  font-family: 'Roboto Condensed', sans-serif !important;
  line-height: 15px;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #4955ef;
  text-decoration: none;
  background-color: #eeeffd;
  border-radius: 4px;
}

.dropdown-item:focus .dropdown-toggle::after,
.dropdown-item:hover.dropdown-toggle::after {
  color: #4955ef;
}

@media(min-width:992px) {

  .dropdown .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
  }
  .dropdown:hover>.dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }
  .dropdown-submenu:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }
}

.dropdown-toggle {
  padding-right: 0!important;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 17px;
  top: 25px;
}

.dropdown-submenu .dropdown-menu {
  top: 0px;
  left: 100%;
  margin-left: 13px;
  margin-right: .1rem;
}

.caret-up {
  width: 0;
  height: 0;
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-bottom: 4px solid;
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
}

.mega-dropdown {
  position: unset;
}

.mega-dropdown-menu {
  width: 100%;
  position: absolute;
  top: 35px;
  margin: 15px 0px;
  padding: 2rem;
}

.mega-dropdown-menu ul {
  list-style: none;
  width: 100%;
}

.mega-dropdown-menu .col {
  overflow: hidden;
}

.mega-dropdown-menu .menu-title {
  border-bottom: 1px solid #f0f1f9;
  padding-bottom: 0px;
  margin-bottom: 10px;
  width: 100%;
}

.mega-dropdown-menu .menu-title h2 {
  font-size: 120%;
}

.mega-dropdown-menu img {
  max-width: 40px;
}

.nav-dropitem-arrow {
  position: relative;
  font-size: 12px;
  opacity: 0;
  padding-right: 10px;
}

.nav-dropitem-arrow i {
  position: absolute;
  /* top: -1px; */
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #FF8A5B;
  text-decoration: none;
  background-color: transparent;
  border-radius: 4px;
}

.dropdown-item:hover .nav-dropitem-arrow {
  color: #4955ef;
  opacity: 1;
  margin-right: 5px;
}

.navbar-classic .navbar-toggler,
.navbar-boxed .navbar-toggler {
  padding: 10px 15px;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid #eaeaf0;
  border-radius: .25rem;
  position: relative;
}


/* mobile menu css */

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu {
  background: #fff;
  box-shadow: none;
  margin: 7px 0px;
}

.navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link {
  border-bottom: 1px solid rgb(241 241 246 / 12%);
}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu .dropdown-item {
  border-bottom: 1px solid #f1f1f6;
}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu {
  background: #fff;
  box-shadow: none;
  margin: 7px 0px;
}

.navbar-boxed .navbar-collapse.show .navbar-nav .nav-item .nav-link {
  border-bottom: 1px solid #f1f1f6;
}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu .dropdown-item {
  border-bottom: 1px solid #f1f1f6;
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu {
  background: #fff;
  box-shadow: none;
  margin: 7px 0px;
}

.navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link {
  border-bottom: 1px solid #495bfb;
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {
  border-bottom: 1px solid #f1f1f6;
}

.icon-bar {
  width: 21px;
  height: 3px;
  background-color: #de730b;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-top: 4px;
  box-sizing: border-box;
}

.navbar-toggler:focus {
  outline: 0px;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 190%;
  background-color: #de730b;
}

.navbar-toggler .middle-bar {
  opacity: 0;
}

.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% -80%;
  background-color: #de730b;
}

.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
  background-color: #de730b;
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
  background-color: #de730b;
}
/* ------------------- Banner --------------------- */
.banner {
    position: relative;
    height: 100%;
    max-height: 720px;
    padding-top: 0;
    text-align: center;
    color: #fff;
    background-position: bottom;
    background-size: cover;
    padding: 0 30px;
}
.banner-2 {
    position: relative;
    height: 100%;
    max-height: 500px;
    padding-top: 0;
    text-align: center;
    color: #fff;
    background-position: center;
    background-size: cover;
}
.banner-2 .content,
.banner .content {
  max-width: 1024px;
  margin:0 auto;
  position: relative;
  padding: 0 30px;
}

.banner-2 .content h1,
.banner .content h1{
 color:#fff;
 letter-spacing: 1px;
 font-size: 260%;
 font-weight: 400;
 text-shadow: 0 0 10px rgba(0, 0, 0, .75);
 margin-bottom: 3rem;
}
.banner-2 .content p,
.banner .content p{
 color:#fff;
 letter-spacing: 1px;
 font-size: 140%;
 text-shadow: 0 0 10px rgba(0, 0, 0, .75);
 line-height: 1.3;
 }


.overlay::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(0, 0, 0);
    z-index: 0;
    opacity: 0.35;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
/* ------------ Services ----------- */
.services {
    padding: 5rem 0;
    overflow: hidden;
    position: relative;
    display: block;
}
.heading h1 {
    margin-bottom: 0;
}
.heading p {
    margin-bottom: 0;
    font-size:130%;
    color:#0a0a0a;
}
.infograph{
  text-align: center;
  padding: 1rem 1.5rem 2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid transparent;
  cursor: pointer;
}


.infograph .icon {
  width: 110px;
  height: 110px;
  padding: 4px;
  border-radius: 50%;
  border: 1px solid rgba(37, 96, 101, .15);
  box-shadow: 0 0 15px rgba(37, 96, 101, .15);
  text-align: center;
  margin: 0 auto;
  margin-bottom: 1rem;
  transition: all .3s ease;
}
.infograph .icon img{
  width: 60px;
  height:auto;
}
.infograph .content h2{
  font-size: 160%;
}
.infograph .content p{
  font-weight:100;
  font-size: 120%;
  line-height: 25px!important;
  color: #3f3f3f!important;
}
.infograph .content a.btn-view {
    color:#de750b;
   
}

.infograph .content a.btn-view:hover{
    color:#222;

}


.infograph:hover{
  border: 1px solid rgba(37, 96, 101, .15);
  box-shadow: 0 0 15px rgba(37, 96, 101, .15);
  transition: all .3s ease;
}

.infograph:hover .icon{
  border: 1px solid transparent;
  box-shadow: none;
}

/*--------------------- Buttons -------------------------- */
.btn-start  {background-color: #01387b;color: #fff;padding: 10px 40px;border-radius: 5px;font-size: 17px!important;font-family: Roboto Condensed!important;text-transform: capitalize;font-weight: 400;letter-spacing: .15px;transition: all .25s;display: block;}

.btn-lead{
      background-color: #fff;
      color: #01387b;
      padding: 10px 60px;
      border-radius: 5px;
      text-transform: capitalize;
      font-weight: 400;
      letter-spacing: .15px;
      transition: all .25s;
      display: block;
}
.btn-start :hover{
    color: #fff;
    background-color: #e17c1a;
    border-color: #e17c1a;
}
.btn-lead:hover {
    color: #fff;
    background-color: #e17c1a;
    border-color: #e17c1a;
}
/*------------------------- Story ---------------------*/
.story {
    background: #E9EFFF;
    padding: 7rem 0;
}
.story-points ul {
    list-style:none;
    margin: 0;
    padding: 0;
}
.story-points ul li{
  margin-bottom: 3rem;
  min-height: 140px;
}
.story-points ul li img{
  position:absolute;
  width:60px;
}
.story-points_new ul li img{
  position:relative;
  height:60px;
  magin-bottom:10px;
}
.story-points_new .content{
  padding-left: 0!important;
}
.story-points .content{
  padding-left: 95px;
}
.story-points .content h3{
  margin-bottom: 1rem;
  margin-top:0;
  line-height:1;
}

.story-points .content p {
    font-weight: 400;
    font-size: 90%;
    color: #292929;
}


/* left col */

.left-col .heading{
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 2rem;
}

.left-col p{
  font-size:130%;
  font-weight: 300;
  color:#0a0a0a;
}
.left-col .heading:after{
    width:150px;
    height:1px;
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    background: #000;
}


/* -------------------- Branding --------------------- */
.world {
    background-size: auto;
    padding: 100px 0;
    
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
}
@media(max-width: 1024px){
  .world{
    max-width: 950px;

  }
  .mega-dropdown-menu ul{
    margin-bottom:3rem;
  }
}
.branding {
    padding:5rem 0;
    overflow-x: hidden;
}

.branding .world .data h3{font-size: 310%;font-weight: 300;color: #de730b;margin-bottom: 30px;}

.branding .world .data p {
    color: #000;
    font-size: 160%;
}


.data {
    text-align: center;
    max-width: 300px;
}

.data h3{
    position:relative;
}
.data h3:after{
    content:"";
    width:200px;
    height: 2px;
    background:#000;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
 }





.footer {
    padding: 5rem 0 3rem;
    background: #fff;
    -webkit-box-shadow: 0 8px 27px 0 rgba(27,27,41,.15);
    box-shadow: 0 8px 27px 0 rgba(27,27,41,.15);
    border-top: 1px solid rgba(0,0,0,.09);
}

ul.footer-widget {
  list-style: none;
    display: block;
    margin: 0 auto;
    padding-left: 50px;
}

ul.footer-widget li a{
      color:#2a2a2a;
      font-weight: 300;
}
ul.footer-widget h3 {
    font-size: 131%;
}
.logo {
    max-width: 160px;
}

.social a{
font-size: 210%;
color: #545454;
}

.social a:hover{
  color:#de730b;
}
/* credit to Junaid Khalid */
.jk{font-size:85%;line-height:20px;}
.jk svg{width:20px;height:20px;fill: #E91E63;}
.jk a:hover svg{
  fill: #FF5722;
}
/* ------------------- Inner content -------------------------*/
.grand-content{
  padding:5rem 0;
}
.featured-content {
    padding: 5rem 0;
    background: #fff;
}

.featured-content-b{
    padding: 5rem 0;
    position: relative;
    background: #F1F1E6;
}
.featured-content h1,
.featured-content-b h1{
  margin-bottom:6rem;
}
.featured-content-b .logo-background{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  max-width: 500px;
  opacity: 0.2;
}
.why-chose {
    padding:5rem 0
}

.why-chose .info-panel .icon img{
    width:100px;
    margin-bottom:1.5rem;
}
/* ------------------- responsive -------------------------*/
img.payment {
    max-width: 210px;
}
@media(max-width: 1024px){
  body{
    font-size: 1.1rem;
  }

  img.payment {
    max-width: 180px;
}
  p.fp {
    font-size: 80%;
    line-height: 1;
}
}


@media(max-width: 768px){
  body{
    font-size: 1rem;
  }
  ul.footer-widget{
    padding-left: 0!important;
  }
  
}


.header-classic {
    background: #0a0a0a;
    position: relative;
}
@media (max-width: 922px){
  .header-classic {
    background: #0a0a0a;
    position: relative;
}
.fixed-header {
  position: relative!important;
}
.mega-dropdown-menu img {
    max-width: 30px;
    margin-top: 7px;
}
.world,
.branding,
.story {
  padding: 3rem 0;
}
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px!important;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height:  40px!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}



.panel-pricing {
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  border: 1px solid #00000017;
  border-radius: 3px;
}
.panel-pricing:hover {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.panel-pricing .panel-heading {
  padding: 20px 10px;
}
.panel-pricing .panel-heading .fa {
  margin-top: 10px;
  font-size: 58px;
}
.panel-pricing .list-group-item {
  color: #777777;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid rgba(250, 250, 250, 0.5);
}
.panel-pricing .list-group-item:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.panel-pricing .list-group-item:first-child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.panel-pricing .panel-body {
  background-color: #01387b;
  font-size: 230%;
  color: #ffffff;
  padding: 20px;
  margin: 0px;
  line-height: 1;
  min-height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.panel-pricing .panel-body span{
  font-size: 40%;
  margin-top: 10px;
  display: block;
  font-weight: 300;
}


/* contact page */
#contact{
  padding: 100px 0;
}

.mainform {
  background: #fff;
  padding: 30px;
}
#contact textarea {
    height: 100%;
    display: block;
    min-height: 108px;
}

#contact .form-control{
    border-radius: 1px;
    border: 1px solid #0000001a;
}
.submit-button {
    margin-top: 30px;
    text-align:right
}

.submit-button input{
    background:#f44336;
    color:#fff;
    text-transform:uppercase;
    border-radius:2px;
    padding:5px 30px
}


.contact-text {
  color: #bbb;
}

.place {
  margin-left: 62px;
}

.phone {
  margin-left: 56px;
}

.gmail {
  margin-left: 53px;
}

.contact-text a {
  color: #bbb;
  text-decoration: none;
  transition-duration: 0.2s;
}