body
{
/*font-family:"Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;*/
font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
webkit-tap-highlight-color:#0078c5;
overflow-x:hidden;
}

/* Selection Section */

::-moz-selection
{
text-shadow:none;
background:#0078c5;
}
::selection
{
text-shadow:none;
background:#0078c5;
}
img::selection
{
background:0 0
;
}
img::-moz-selection
{
background:0 0;
}
.img{ width:100%;}

/* End Selection Section */

/* Common Classes */

.text-primary,a
{color:#0078c5;
}
p
{
font-size:14px;line-height:1.75
}
p.large
{
font-size:16px;
}
a,a.active,a:active,a:focus,a:hover
{
outline:0;
}
a.active,a:active,a:focus,a:hover
{
color:#0078c5
}
.img-centered
{
margin:0 auto;
}
.bg-light-gray
{
background-color:#eee;
}
.bg-darkest-gray
{
background-color:#222;
}
.gray{ color:#454545;}

.yellow{ color:#0078c5;}

/* End Common Classes */


/*Header*/

.navbar-custom
{
background-color:#222;
border-color:transparent;
}
.navbar-custom .navbar-brand
{
color:#0078c5;
font-family:"Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;

}
.navbar-custom .navbar-brand.active,.navbar-custom .navbar-brand:active,.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:hover
{
color:#0078c5;
}
 
.navbar-custom .nav li a,.navbar-custom .navbar-toggle
{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
color:#fff;
text-transform:uppercase; 
font-size:12px;
}
.navbar-custom .navbar-collapse
{
border-color:rgba(255,255,255,.02);
}
.navbar-custom .navbar-toggle
{
background-color:#0078c5;
border-color:#0078c5;
font-size:12px;
}
.navbar-custom .navbar-toggle:focus,.navbar-custom .navbar-toggle:hover
{
background-color:#0078c5;
}
.navbar-custom .nav li a
{
font-weight:400;letter-spacing:1px; font-size:14px;
}
.navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover
{
color:#0078c5;
outline:0;
}
.navbar-custom .navbar-nav>.active>a
{
border-radius:0;
color:#0078c5;

}
.navbar-custom .navbar-nav>.active>a:focus,.navbar-custom .navbar-nav>.active>a:hover
{
color:#0078c5;

}
@media (min-width:768px)
{
.navbar-custom
{
background-color:transparent;
padding:25px 0;
-webkit-transition:padding .3s;
-moz-transition:padding .3s;
transition:padding .3s;
border:none;
}
.navbar-custom .navbar-brand
{
font-size:2em;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s;
}
.navbar-custom .navbar-nav>.active>a
{
border-radius:3px;
}
.navbar-custom.affix
{
background-color:#222;
/*padding:0px 0 0px 0;*/
}
.navbar-custom.affix .navbar-brand
{
font-size:1.5em;
}
}
header
{
background-image:url(../images/banner-1.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
-o-background-size:cover;
text-align:center;
color:#fff;
}
header .intro-text
{
padding-top:100px;
padding-bottom:50px;
}
header .intro-text .intro-lead-in
{
font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
font-style:italic;
font-size:22px;
line-height:22px;
margin-bottom:25px;
}
header .intro-text .intro-heading
{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
font-size:18px;
line-height:50px;
margin-bottom:25px;
text-shadow:2x 2x #333;
}
@media (min-width:768px)
{
header .intro-text
{
padding-top:300px;padding-bottom:200px;
}
header .intro-text .intro-lead-in
{
font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
font-style:italic;
font-size:40px;
line-height:40px;
margin-bottom:25px;
}
header .intro-text .intro-heading
{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
font-size:18px;
line-height:75px;
margin-bottom:50px;
text-shadow:2x 2x #333;
}
}
.welcome-text{ font-size:45px;}
@media (max-width: 1024px) {
  
  .navbar-custom
  {
      background-color:#222;
      border-color:transparent;
  }
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none !important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  
  .welcome-text{ font-size:20px; margin-top:59px;}
  .intro-heading{ font-size:14px; margin-top:25px;}
  
}
.fa-down{ padding-top:35px;}
s
/*End Header*/


/*Service Section*/
.service-heading
{
margin:15px 0;text-transform:none;
}
/*End Service Section*/


/*Portfolio Section*/

.swag { background: url('../images/port-folio-new.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 50px 0; }
.swag h1 { color: #fff; font-size: 40px;  }
.swag h2 { color:#FFFFFF;}
.swag h1 span { display: block; font-size: 25px; margin-top: 20px; }
.down-arrow-btn { width: 40px; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(61, 201, 179, 0.8); display: inline-block; margin: 10px auto 20px; color: #fff; font-size: 16px; line-height: 40px; text-align: center; }
.down-arrow-btn:hover, .down-arrow-btn:focus { color: #fff; background: rgba(61, 201, 179, 1); }

.portfolio .portfolio-item .portfolio-caption p,section h3.section-subheading
{
font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
/*font-style:italic;*/
}
section
{
padding:50px 0;
}
section h2.section-heading
{
font-size:28px;margin-top:0;margin-bottom:15px;
}
section h3.section-subheading
{
font-size:16px;text-transform:none;font-weight:400;margin-bottom:75px;
}
@media (min-width:768px)
{
section{
padding:50px 0;
}
}

.portfolio .portfolio-item
{
margin:0 0 15px;right:0;
}
.portfolio .portfolio-item .portfolio-link
{
display:block;
position:relative;
max-width:400px;
margin:0 auto;
}
.portfolio .portfolio-item .portfolio-link .portfolio-hover
{
background:rgb(30 146 196 / 90%);
position:absolute;
width:100%;
height:100%;opacity:0;
transition:all ease .5s;
-webkit-transition:all ease .5s;
-moz-transition:all ease .5s;
}
.portfolio .portfolio-item .portfolio-link .portfolio-hover:hover
{
opacity:1;
}
.portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content
{
position:absolute;
width:100%;height:20px;
font-size:20px;
text-align:center;
top:50%;
margin-top:-12px;
color:#fff;
}
.portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i
{
margin-top:-12px;
}
.portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,.portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4
{
margin:0;
}
.portfolio .portfolio-item .portfolio-caption
{
max-width:400px;
margin:0 auto;
background-color:#fff;
text-align:center;
padding:25px;
}
.portfolio .portfolio-item .portfolio-caption h4
{
text-transform:none;
margin:0;
}
.portfolio .portfolio-item .portfolio-caption p
{
font-size:16px;margin:0;
}

.portfolio *{
z-index:2;
}
@media (min-width:767px)
{
.portfolio .portfolio-item
{
margin:0 0 30px;
}
}

/* End Portfolio Section*/


/* Blog Section */

.portfolio-modal .modal-dialog
{
margin:0;height:100%;width:auto}
.portfolio-modal .modal-content
{
border-radius:0;
background-clip:border-box;
-webkit-box-shadow:none;
box-shadow:none;
border:none;
min-height:100%;
padding:100px 0;
text-align:center;
}
.portfolio-modal .modal-content h2
{
margin-bottom:15px;
font-size:3em;
}
.portfolio-modal .modal-content p
{
margin-bottom:30px;
}
.portfolio-modal .modal-content p.item-intro
{
margin:20px 0 30px;
font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
font-style:italic;
font-size:16px;
}
.portfolio-modal .modal-content ul.list-inline
{
margin-bottom:30px;
margin-top:0;
}
.portfolio-modal .modal-content img
{
margin-bottom:30px;
}
.portfolio-modal .close-modal
{
position:absolute;
width:75px;
height:75px;
background-color:transparent;
top:25px;
right:25px;
cursor:pointer;
}
.portfolio-modal .close-modal:hover
{
opacity:.3;
}
.portfolio-modal .close-modal .lr
{
height:75px;
width:1px;
margin-left:35px;
background-color:#222;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
z-index:1051;
}
.portfolio-modal .close-modal .lr .rl
{
height:75px;
width:1px;
background-color:#222;
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
z-index:1052;
}
.portfolio-modal .modal-backdrop
{
opacity:0;display:none;
}

/* End Blog Section*/



/* Skill Section*/

.skill-count {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    padding: 30px;
    color: #fff;
}
.skill-count h2 {
    margin: 10px 0 5px 0;
    font-size: 34px;
    color: #fff;
}
.skill-count p {
    margin: 0;
}
.skill-count i {
    font-size: 40px;
}
.text-muted
{

}
.team-text
{
padding-top:3px;
color:#CCCCCC;
}

.swag2 { background: url('../images/port-folio.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 50px 0; }
.swag2 h1 { color: #fff; font-size: 40px;  }
.swag2 h2 { color:#FFFFFF;}
.swag2 h1 span { display: block; font-size: 25px; margin-top: 20px; }
.down-arrow-btn { width: 40px; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(61, 201, 179, 0.8); display: inline-block; margin: 10px auto 20px; color: #fff; font-size: 16px; line-height: 40px; text-align: center; }
.down-arrow-btn:hover, .down-arrow-btn:focus { color: #fff; background: rgba(61, 201, 179, 1); }

/* End Skill Section*/


/* Team Member Section*/

.team-member
{
text-align:center;
margin-bottom:50px;
background-color:#333;
margin-left:25px;
margin-right:25px;
padding-bottom:15px;
}
.team-member img
{
margin:0 auto;border:0px solid #fff;
}
.team-member h4
{
margin-top:25px;
margin-bottom:0;
text-transform:none;
}
.team-member p
{
margin-top:0;
}
aside.clients img
{
margin:50px auto;
}
/* End Team Member Section*/


/* Testimonial Section*/
.swag3 { background: url('../images/contact-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 50px 0; }
.swag3 h1 { color: #fff; font-size: 40px;  }
.swag3 h2 { color:#FFFFFF;}
.swag3 h1 span { display: block; font-size: 25px; margin-top: 20px; }
.down-arrow-btn { width: 40px; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(61, 201, 179, 0.8); display: inline-block; margin: 10px auto 20px; color: #fff; font-size: 16px; line-height: 40px; text-align: center; }
.down-arrow-btn:hover, .down-arrow-btn:focus { color: #fff; background: rgba(61, 201, 179, 1); }

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel p{ color:#EBEBEB;}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
     
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators .active { background-color: #fff; } 
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #0078c5;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}

/* End Testimonial Section*/


/* Buttons*/

.btn-primary.active,.btn-primary:active,.btn-xl.active,.btn-xl:active,.open .dropdown-toggle.btn-primary,.open .dropdown-toggle.btn-xl
{
background-image:none
}

.btn-primary,.btn-xl,h1,h2,h3,h4,h5,h6
{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
}

.btn-primary
{
color:#fff;
background-color:#0078c5;
border-color:#0078c5;
}
.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary
{
color:#fff;
background-color:#0078c5;
border-color:#f6bf01;
}
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover
{
background-color:#0078c5;
border-color:#0078c5;}
.btn-primary .badge
{
color:#0078c5;background-color:#fff;
}
.btn-xl
{
color:#333333;
background-color:#0078c5;
border-color:#0078c5;
border-radius:3px;
font-size:18px;
padding:9px 40px;
}
.btn-xl.active,.btn-xl:active,.btn-xl:focus,.btn-xl:hover,.open .dropdown-toggle.btn-xl
{
color:#fff;
background-color:#0078c5;
border-color:#f6bf01;
}
.btn-xl.disabled,.btn-xl.disabled.active,.btn-xl.disabled:active,.btn-xl.disabled:focus,.btn-xl.disabled:hover,.btn-xl[disabled],.btn-xl[disabled].active,.btn-xl[disabled]:active,.btn-xl[disabled]:focus,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl,fieldset[disabled] .btn-xl.active,fieldset[disabled] .btn-xl:active,fieldset[disabled] .btn-xl:focus,fieldset[disabled] .btn-xl:hover
{
background-color:#0078c5;
border-color:#0078c5;
}
.btn-xl .badge
{
color:#0078c5;
background-color:#fff;
}


/* End Buttons*/

/*Contact Section*/

section#contact
{

background-position:center;
background-repeat:no-repeat;
}
section#contact .section-heading
{
color:#fff;
}
section#contact .form-group
{
margin-bottom:25px;
}
section#contact .form-group input,section#contact .form-group textarea
{
padding:20px;
}
section#contact .form-group input.form-control
{
height:auto;
}
section#contact .form-group textarea.form-control
{
height:236px;
}
section#contact .form-control:focus
{
border-color:#0078c5;
box-shadow:none;
}
section#contact ::-webkit-input-placeholder
{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
color:#eee;
}
section#contact :-moz-placeholder{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
color:#eee;
}
section#contact ::-moz-placeholder
{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
color:#eee;
}
section#contact :-ms-input-placeholder
{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
color:#eee;
}
section#contact .text-danger
{
color:#e74c3c;
}

/*End Contact Section*/


/*Footer Section*/

footer
{
padding:25px 0;
text-align:center;
}
footer span.copyright
{
line-height:40px;
text-transform:uppercase;
text-transform:none;
}
footer ul.quicklinks
{
margin-bottom:0;
line-height:40px;
text-transform:uppercase;
text-transform:none;
}
footer span.copyright,footer ul.quicklinks
{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
ul.social-buttons
{
margin-bottom:0;
}
ul.social-buttons li a
{
display:block;
background-color:#222;
height:40px;
width:40px;
border-radius:100%;
font-size:20px;
line-height:40px;
color:#fff;
outline:0;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s;}
ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover
{
background-color:#0078c5;
}
.btn.active,.btn:active,.btn:active:focus,.btn:focus
{
outline:0;
}

/*End Footer Section*/
.affix-top
{
background-color:#4c4d4d !important;}

.navbar-toggle{ margin:50px 20px}




section h3.sec-subheading
{
font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
/*font-style:italic;*/
}

section h3.sec-subheading
{
font-size:16px;text-transform:none;font-weight:400;
}




@media (min-width: 768px) {
    .container-temp {
        padding: 100px 0;
    }
  .nav.navbar-nav.navbar-right {
    margin: 25px 0;
}
 }
@media (min-width: 992px) {
  .container-temp {
        padding: 130px 0;
    }
  .nav.navbar-nav.navbar-right {
    margin: 25px 0;
}
}
@media (min-width: 1200px) {
   .container-temp {
        padding: 180px 0;
    }
  .nav.navbar-nav.navbar-right {
    margin: 25px 0;
}
}