/*!
 * Start Bootstrap - Freelancer Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    overflow-x: hidden;
}

p {
    font-size: 20px;
}

p.small {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #18bc9c;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
    letter-spacing: 2px;
   
}

hr.star-light,
hr.star-primary {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 250px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}

hr.star-light:after,
hr.star-primary:after {
    content: "\f005";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 2em;
}

hr.star-light {
    border-color: #fff;
}
.col-lg-12.footer-link{ margin-top:20px;}
.col-lg-12.footer-link .list-inline{ margin-bottom:0px;}
.footer-link .list-inline a {
    color: #fff;
}
hr.star-light:after {
    color: #fff;
    background-color: #18bc9c;
}

hr.star-primary {
    border-color: #58C3B9;
}

hr.star-primary:after {
    color: #58C3B9;
    background-color: #fff;
}

.img-centered {
    margin: 30px auto 0;
}

header {
    text-align: center;
    color: #fff;
	background-position: 0 130px;
    background-image: url('../img/Background.jpg');
	background-repeat: no-repeat;
	background-size: 100% auto;
    
}

header .container {
    padding-top: 100px;
    padding-bottom: 20px;
}

header img {
    display: block;
    margin: 0 auto 20px;
}

header .intro-text .name {
    display: block;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 2em;
    font-weight: 700;
}

header .intro-text .skills {
    font-size: 1.25em;
    font-weight: 300;
}

@media(min-width:768px) {
    header .container {
        padding-top: 200px;
        
    }

    header .intro-text .name {
        font-size: 4.75em;
    }

    header .intro-text .skills {
        font-size: 1.75em;
    }
}

@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 25px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 10px 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

.navbar {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
}

section {
    padding: 50px 0;
}

section h2 {
    margin: 0;
    font-size: 3em;
}

section.success {
    color: #000;
    background: #fff;
}

section.success a,
section.success a:hover,
section.success a:focus,
section.success a:active,
section.success a.active {
    outline: 0;
    color: #58C3B9;
}

@media(max-width:767px) {
    section {
        padding: 75px 0;
    }

    section.first {
        padding-top: 75px;
    }
}

#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(24,188,156,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .caption:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
    margin: 0;
}

#portfolio * {
    z-index: 2;
}

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}

.btn-outline {
    margin-top: 15px;
    border: solid 2px #fff;
    font-size: 20px;
    color: #fff;
    background: 0 0;
    transition: all .3s ease-in-out;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    border: solid 2px #fff;
    color: #18bc9c;
    background: #fff;
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
    z-index: 1;
    position: relative;
    
    border: 0;
   
    
    box-shadow: none!important;
    resize: none;
}

.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    font-size: .85em;
    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
}

.floating-label-form-group::not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #eee;
}

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1;
}

.floating-label-form-group-with-focus label {
    color: #18bc9c;
}



footer {
    color: #fff;
	font-size:12px;
}

footer h3 {
    margin-bottom: 30px;
}

footer .footer-above {
    padding-top: 50px;
    background-color: #58C3B9;
}

footer .footer-col {
    margin-bottom: 50px;
}

footer .footer-below {
    padding: 25px 0;
    background-color: #233140;
}

.btn-social {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

.btn:focus,
.btn:active,
.btn.active {
    outline: 0;
}

.scroll-top {
    z-index: 1049;
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
}

.scroll-top .btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 28px;
}

.scroll-top .btn:focus {
    outline: 0;
}
/*=============MY-CSS=================*/
.navbar-fixed-top{ margin-top:40px; box-shadow:0 3px 5px -4px #000;}
.row.top-nav{ background-color: #196fb8;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 5;}
.top-liner .navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
}
.top-nav .nav.navbar-nav.navbar-right a {color: #fff;
    font-size: 16px;
    font-weight: bold;}
.top-nav .nav.navbar-nav.navbar-right h3 {
    font-size: 25px;
    margin: -3px 0;
}
.top-nav .nav.navbar-nav.navbar-right li:last-child a{ padding-right:0px;margin-left: 4px;}
.navbar-header.page-scroll {
	 transition:all 0.5s ease 0s;
    margin-top: -8px;
}
.navbar-shrink .navbar-header.page-scroll {
    margin-top: -3px;
	 transition:all 0.5s ease 0s;
}
.navbar-brand > img { width: 420px;}
.navbar-shrink .navbar-brand > img{width: 390px; }
.btn.btn-sm.pull-right.get {
    background-color: #f69d03;
    border-radius: 0;
    box-shadow: 0 3px 0 #c98000;
    color: #fff;
    font-weight: bold;
    margin-top: -5px;
    padding: 3px 30px;
    text-transform: uppercase;
}
.text-center.text {
    font-size: 16px;
    margin-top: 15px;
}
#Ignition-difference{ background-color:#E6EDF5;}
#Contact-us{ background-color:#196FB8;padding-bottom: 10px;}
.formcenter{ float:none; margin:0 auto;}
.strike {
display: block;
text-align: center;
overflow: hidden;
white-space: nowrap;

}
.col-lg-12.text-center h3{margin-bottom:40px;font-size:30px; font-family: "Roboto Slab",serif;margin-top: 5px; color:#fff;}
#home h3{ color: #1970b8;}
#Ignition-difference .text-center h3{ color:#1970B8;}
.strike > h3 {
font-family: "Roboto Slab",serif;	
position: relative;
text-shadow: 2px 4px 0 #125893;
font-size:30px;
display: inline-block;
color:#fff;
}

.strike > h3:before,
.strike > h3:after {
content: "";
box-shadow: 1px 4px 0 #125893;
position: absolute;
top: 50%;
width:80px;
/* Here is the modification */
border-top: 3px solid #fff;
}

.strike > h3:before {
right: 100%;
margin-right: 15px;
}

.strike > h3:after {
left: 100%;
margin-left: 15px;
}
.dashboard-div-wrapper {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    color: #000;
    height: 319px;
    margin-bottom: 25px;
    max-height: 325px;
    padding: 15px;
    text-align: center;
}
.venu {
    margin-bottom: 30px;
    margin-top: 30px;
}
#Ignition-difference p {
   font-size: 23px;
    line-height: 30px;
    margin-bottom: 5px;
	letter-spacing:2px;
}
ul.nav {display: inline-block;border-bottom: 0 none;}
.nav.nav-tabs > li > a {
    margin: 0 55px;
	
}
 
.tab-content{ 
    float: none;
	font-size: 18px;
    letter-spacing: 1px;
    margin: 5px auto;
    padding: 15px;}
.nav.nav-tabs h5 {
    color: #1970b8;
    font-size: 18px;
}

/*.nav.nav-tabs li.active::after {
    border-color: transparent transparent #e2e2e2;
    border-image: none;
    border-style: solid;
    border-width: 28px 15px;
    bottom: -5px;
    content: "";
    left: 42%;
    margin: -4px auto;
    opacity: 1;
    position: absolute;
}
.nav.nav-tabs li.active::before {
	border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 25px 13px;
    bottom: -6px;
    content: "";
    left: 43%;
    margin: -5px auto;
    opacity: 1;
    position: absolute;
    z-index: 1;
}*/
.span12.center-block{ float:none;}
.getquate{ background-color: #f69d03;
    border-radius: 0;
    box-shadow: 0 3px 0 #c98000;
    font-weight: bold;
    letter-spacing: 2px;}
.whiter.center-block {
    background-color: #fff;
    border-radius: 3px;
    float: none;
	padding-top:8px;
}
.whiter label {
	letter-spacing:1px;
    color: #878c90;
	 padding-top: 8px !important;
    font-size: 17px;
}
.statictext{ border: 1px solid #e2e2e2;padding:6px 10px;margin-bottom: 12px;
    margin-top: 4px;width: 195px; float:right;}
.span12 h5 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 25px;
	text-shadow: 2px 2px 0 #125893;
}	
.span12 .well{padding: 30px 20px 45px;}
.skills > span {
    font-family: "Roboto Slab",serif;
    font-size: 55px;
    font-weight: 300;
    letter-spacing: 2px;
    text-shadow: 2px 3px 0 #125893;
}
.skills b {
    font-family: "Roboto Slab",serif;
    font-size: 55px;
	letter-spacing: 2px;
    text-shadow: 2px 3px 0 #125893;
    text-transform: uppercase;
}
.intro-text {
    margin-bottom: 65px;
    margin-top: 60px;
	line-height: 50px;
}
.btn-lg .icon-envelope {
    font-size: 20px;
    margin-right: 15px;
}
.dynic {
    font-size: 17px !important;
    letter-spacing: 1px;
    line-height: 21px !important;
}
.form-group .pull-right {
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}
.form-group .pull-right .icon-facebook {
    background-color: #3B518D;
    margin-left: 8px;
    margin-right: 8px;
    padding: 6px 9px;
	color:#fff;
}
.form-group .pull-right a:hover{ text-decoration:none;}
.form-group .pull-right .icon-twitter {color:#fff; padding: 6px 7px; background-color: #2C88D1;border-radius: 20px;}
.formcenter .form-control::-moz-placeholder {color: #84a2d4; font-size: 16px; text-transform: uppercase;}
.formcenter .form-control::-webkit-input-placeholder {color: #84a2d4; font-size: 16px; text-transform: uppercase;}


.form-horizontal .pull-right { margin-right: 15px;}
.form-horizontal .pull-right h5 {
    color: #878c90;
    float: left;
    margin: 9px 10px 0;
    text-shadow: 0 0 0;
}
.nav .fa.fa-phone {
    font-size: 21px;
    margin-right: 6px;
}
.top-liner .fa.fa-circle {
    color: #77df4a;
	 font-size: 13px;
    margin-right: 8px;
}
.formcenter .text-danger ul{padding-left: 3px; list-style:none;}
.formcenter .text-danger{font-size: 16px;}
.btn.btn-success.btn-lg.emailon {
   background-color: #196fb8;
    border-color: #fff;
}
#Contact-us .form-control{
    padding: 10px 15px;
}
#message.form-control
/* ============================================================
  SECTIONS
============================================================ */

section.module.parallax h3{ color:#fff;}
section.module.parallax {
  padding: 30px 0;
  background-position: 0 0;
}
section.module.parallax p {
  color: #fff;
  font-size: 15px;
  line-height: 1;
 
}
section.module.parallax-1 {
  background-image: url("../img/Parallax_Background.jpg");
  background-size:100% auto;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
/*#About-us .img-responsive {
    width: 120px;
}*/

img.financeico{transition: all 1s ease 0s;}
img.financeico:hover{ transform:rotate(360deg);}
.nav > li > a > img.searchico { transition: all .2s ease-in-out; }
.nav > li > a > img.searchico:hover{ transform: scale(1.2); cursor:pointer;}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -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;
}
.hvr-buzz-out:hover {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  cursor:pointer;
}
#home .nav-tabs > li{margin-bottom: -3px;}

@media all and (min-width: 600px) {
  section.module p {
    font-size: 15px;
  }
  section.module p {
    font-size: 20px;
  }
  section.module.parallax {
    padding: 40px 0;
  }
  section.module.parallax p {
    font-size: 96px;
  }
  
}
@media all and (min-width: 960px) {
  section.module.parallax p {
    font-size: 20px;
  }
}

/*==================MY-MEDIA-QUERY=================
===================================================*/
@media only screen and (min-width:320px) and (max-width:400px){
.pull-right {
    float: left !important;
    margin-top: 13px;
}
#home .col-xs-8{width: 80.667%;}
}
@media only screen and (min-width:320px) and (max-width:767px)
{
/*.financeico {left: 7px;}*/	
.top-nav ul.nav.navbar-nav.navbar-right {
    float: none;
    margin: 0 auto;
    width: 318px;
	display:block;
}
section.module.parallax-1{background-size: cover;}
.top-nav .nav > li {float: left; margin: 0; padding: 0;}
.top-nav .nav.navbar-nav.navbar-right h3 {
    font-size: 11px;
    margin: 2px 5px;
    padding-top: 8px;
}
.top-nav .nav.navbar-nav.navbar-right a {
   font-size: 12px;
   margin: 7px 0;
  padding: 0;  
}
.top-liner .fa.fa-circle { margin-right:2px;}
.top-nav .nav.navbar-nav.navbar-right li:last-child a {margin-left: 0; margin-top: 10px; padding-right: 0;
}
.navbar-collapse .nav.navbar-nav.navbar-right li:last-child{ display:none;}
header{background-position:center center; background-size:cover;}	
.navbar-header.page-scroll { margin-top:0;}
.navbar-brand > img {
    margin-top: 16px;
    width: 249px;
}
.row.top-nav{ height:120px;}
.navbar-shrink .navbar-brand > img {
    width: 240px;
}
.intro-text{ line-height: 33px;}
.skills > span,.skills b{font-size: 35px;}	
.col-lg-12.text-center h3{ font-size:20px;}
section{padding: 30px 0;}
.nav.nav-tabs h5{ font-size:15px;}
.nav.nav-tabs > li > a {
    margin: 0 8px;
}
#Ignition-difference .col-xs-6 { float: none;
    margin: 0 auto;
    width: 300px;}
iframe {
    height: auto;
    width: 100%;
}
.dynic{font-size: 18px !important;padding: 0 10px; line-height:22px !important;}
.chat-window{z-index:1; width:100%;}	
.chat-window .panel {
    float: right;
    margin: 0 auto;
    width: 282px;
}
}
@media only screen and (min-width:768px) and (max-width:995px)
{

.nav > li > a {
    display: block;
    font-size: 12px;
    margin: 0 7px;
}
}
@media only screen and (min-width:768px) and (max-width:1200px)
{
.navbar-collapse ul.nav.navbar-nav.navbar-right {
    margin-top: 14px;
}
.navbar-shrink .navbar-header{ margin:0 auto !important;}	
.navbar-brand > img {
    margin-top: 28px;
    width: 139px;
}
.navbar-shrink .navbar-brand > img {
    margin-top: 14px;
    width: 121px;
}
.col-md-9.center-block.whiter{ width:auto;}	
#Ignition-difference .col-sm-3 {
    width: 50%;
	margin:0 auto;
	
}
section.module.parallax h3 {margin-bottom: 12px;}
.dynic {font-size: 18px !important; line-height: 22px !important;}

}
@media only screen and (min-width:768px) and (max-width:1780px)
{
header{background-position:center center; background-size:cover;}
.chat-window{ width:98%; z-index:1;}
.chat-window .panel {
    float: right;
    margin: 0 auto;
    width: 290px;
}	
}