﻿
/* =============================================================
   GENERAL STYLES
 ============================================================ */
body {
    /*font-family: Calibri, sans-serif;*/
    color:#e1e1e1;
   
}

.popContent a:hover {
    color:#7D982A;
}

.p_body {
    z-index:999;
}

.link {
    cursor: pointer; 
    cursor: hand;
}

.linktext {

}

.margin-right-10 {
    margin-right:10px;
}

.nowrap {
    white-space:nowrap;
}

.container-fluid {
    background-color:#333;
    width:100%;
}

.pad-right-10 {
    padding-right:10px;
}

.pad-right-20 {
    padding-right:20px;
}

.pad-top-60 {
    padding-top:60px;
}

.pad-top-10 {
    padding-top:10px;
}

.pad-top-20 {
    padding-top:20px;
}

.pad-top-30 {
    padding-top:30px;
}

.text-center {
    text-align:center;
}
i.fa {
    padding:5px;
}

section {
    padding-top:50px;
}

.item {
    width:100% !important;
}

p {
    font-weight:300;
    line-height:30px;
}
.pad-row {
    padding-top:40px;
    padding-bottom:40px;
}
.pad-bottom {
    padding-bottom:50px;
}

.pad-bottom-10 {
    padding-bottom:10px;
}

/* NAVBAR STYLE */


/*.navbar-inverse .navbar-nav > li > a {
color: #FFF;
}

.navbar-inverse .navbar-brand {
color: #FFF;
}*/

/*.navbar-inverse {
    background-color:#1e1515;
}*/


/* ADDED PADDING IN NAVBAR */

h4 a {
    color:#fff !important;
}

.showright {
    text-align:right;
}

.navbar {
    z-index:100;
    text-align:right;
    padding:15px;
     -webkit-transition: background .8s ease-out,padding .8s ease-out;
        -moz-transition: background .8s ease-out,padding .8s ease-out;
        transition: background .8s ease-out,padding .8s ease-out;
}

.navbarsmall {
    text-align:right;
}

#navsub a {
    color:#fff !important;
}


/* CLASS FOR REMOVING PADDING IN NAVBAR*/


.navbar-pad-original {
      padding:0px;
}

.active-sub a {
    color: #fff;
    font-size:large;
}

.subnav a:hover {
    color: #fff;
    background: transparent !important;
}

.subnav a:visited {
    color: #fff;
    background: transparent !important;
}


/* CAROUSEL STYLE OR SLIDESHOW STYLE*/


.back-light {
    /*background-color:rgba(0, 0, 0, 0.50);*/
    padding:10px;
}
/*NOTE SECION STYLE*/
.note-sec {
    padding-bottom:50px;
    background: url(/Content/images/4.png) no-repeat 50% 50%;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    display: block;
    height: auto;
    min-height:200px;
    color:#fff;
}

/*HEADINGS IMAGE STYLE*/


.head-main-img {
     padding-bottom:50px;
    background: url(/Content/images/4.jpg) no-repeat 50% 50%;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
display: block;
height: auto;
   min-height:300px;
    color:#fff;
}
    .head-main-img h1 {
        padding: 50px 2px 2px 10px;
        text-transform:uppercase;
    }


 /* PRICING STYLE */


 .plan {
padding: 0 0 15px 0;
margin: 30px 0px;
list-style: none;
text-align: center;
}

.plan li {
padding: 15px 0px;
font-size: 16px;
border-bottom: 1px dotted #e1e1e1;
}

.price {
    font-size:45px!important;
}

small {
    font-size:15px;
    padding-left:10px;
}

    .plan li i {
        padding-right:10px;
    }
.price-two {
    font-size:30px!important;
    padding: 15px 0px;
background-color: rgba(162, 188, 253, 1);
color: #fff;
border: none;
font-weight: 900;
}

.adjust-border-radius {
    -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.adjust-border {
    border-top-left-radius: 0px;
 border-top-right-radius: 0px;
}

#socialmedia{
	position:fixed;
	z-index:9;
	right:10px;
	top:28%;
	width:auto;
	background-color:transparent;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}



/*    PORTFOLIO STYLES*/

#showcase {
    background-color: #fff;
    font-family: sans-serif;
    color:#e1e1e1;
}

.k-window {
    /*background-color: #fff;*/
}
.portfolio-items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.portfolio-items {
  margin-right: -20px;
}
.portfolio-items > li {
  float: left;
  padding: 0;
  margin: 0;
}

.portfolio-items.col-3 > li {
  /*width: 33%;*/
}

.portfolio-item .item-main {
  margin: 0 10px 10px 0;
  text-align: center;
  background: #fff;
  padding: 10px;
  border:1px solid #E8EAEE;
  
}
.portfolio-item img {
  /*width: 100%;*/
}
.portfolio-item .portfolio-image {
  position: relative;
}
.portfolio-item h5 {
  margin: 0;
padding: 30px 0 30px 0;
background-color: #000;
color: #fff;
font-size: 20px;
}
.portfolio-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  /*background-color: rgba(177, 166, 255, 1);*/
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item:hover .overlay {
  opacity: 1;
}

/*CONTACT STYLES*/


.cnt {
width: 100%;
min-height: 350px;
border: 1px solid #e1e1e1;
}
.add {
    font-size:20px;
    font-weight:800;
    padding:30px;
}
#contact-sec {
  padding-top:0px;
}

.imageClip{
    width:75%;
    height: auto;
    overflow:hidden;
}

.borderBottom {
    border-bottom: 1px dashed #777;
}

.logo {
    z-index:999;
}

a {
    color: #999 ;
}

a:visited {
    color: #999 ;
}

a:hover {
    color: #e1e1e1;
}

.btn-primary {
  color: #fff;
  background-color: #999;
  border-color: #999;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #777;
  border-color: #777;
}

.popContent {
    padding:20px;
    color:#777;
    font-size: medium;
}

.featureImage {
    max-height:500px;
}

.featureText {
    margin: 0px 0px 50px 0px;
}

.control-label {
    font-weight:bold;
    font-size:medium;
    color: #777;
    vertical-align:top;
}

/* FOOTER STYLE*/


#footer-sec {
    background-color:#000;
    color:#808080;
}

#footer-sec h4 {
    text-transform:uppercase;
    color:#fff;
}

.footer-detail {
    border-top:1px solid #333;
    padding-top:5px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
}