/*---------- Add Text Fonts ------------*

@import url(http://fonts.googleapis.com/css?family=Roboto);*/

@font-face {
 	 font-family: "proximaNova";
 	src: url('fonts/textFonts/proxima_nova/ProximaNovaRegular.otf');
    src: url('fonts/textFonts/proxima_nova/ProximaNovaRegular.eot');
    src: url('fonts/textFonts/proxima_nova/ProximaNovaRegular.eot?#iefix') format('embedded-opentype'),
         url('fonts/textFonts/proxima_nova/ProximaNovaRegular.woff2') format('woff2'),
         url('fonts/textFonts/proxima_nova/ProximaNovaRegular.woff') format('woff'),
         url('fonts/textFonts/proxima_nova/ProximaNovaRegular.ttf') format('truetype'),
         url('fonts/textFonts/proxima_nova/ProximaNovaRegular.svg#proxima_Nova') format('svg');
    
    font-style: normal;
}
@font-face {
 	 font-family: "proximaNovaBold";
 	src: url('fonts/textFonts/proxima_nova_bold/proximaNovaBold.otf');
    src: url('fonts/textFonts/proxima_nova_bold/proximaNovaBold.eot');
    src: url('fonts/textFonts/proxima_nova_bold/proximaNovaBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/textFonts/proxima_nova_bold/proximaNovaBold.woff2') format('woff2'),
         url('fonts/textFonts/proxima_nova_bold/proximaNovaBold.woff') format('woff'),
         url('fonts/textFonts/proxima_nova_bold/proximaNovaBold.ttf') format('truetype'),
         url('fonts/textFonts/proxima_nova_bold/proximaNovaBold.svg#proximaNovaBold') format('svg');
    
    font-style: normal;
}
@font-face {
	  font-family: "teen";
	  src: url('fonts/textFonts/teen/teen-webfont.eot');
    src: url('fonts/textFonts/teen/teen-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/textFonts/teen/teen-webfont.woff2') format('woff2'),
         url('fonts/textFonts/teen/teen-webfont.woff') format('woff'),
         url('fonts/textFonts/teen/teen-webfont.ttf') format('truetype'),
         url('fonts/textFonts/teen/teen-webfont.svg#teen') format('svg');
	
 	 font-style: normal;
}

/*------------------------------------------*/
/*	      General & Basic Styles
/*------------------------------------------*/
html {
  overflow-x: hidden;
}
body
{
    font-family: 'proximaNova',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #555;
	-webkit-font-smoothing: antialiased;
}

h1{
	font-size: 2em;
}
h2{
	font-size: 1.5em;
}

img
{
    max-width: 100%;
    height: auto;
	background: #fff;
}

ul, ol
{
	 padding: 0;
    margin: 0;
	list-style:none;
}

a
{
    transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
}

a:hover
{
    color: #444;
}

a, a:hover
{
    text-decoration: none;
	cursor: pointer;
}

i
{
    font-size: 1em;
}


p
{
    color: #555;
    font-size: 1.1em;
    margin: 0;
	padding-bottom: 25px;
}
b,strong{
font-family: 'proximaNovaBold';
font-weight:normal;
}
.accent-color-bg
{
    color: #fff;
}


.pointer
{
    cursor:pointer;
}

.uppercase
{
    text-transform: uppercase;
}

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

.main-button, input[type="submit"]
{
    display: inline-block;
    text-decoration: none;
    color: #fff !important;
    font-weight: 300;
    text-transform: uppercase;
    padding: .67em 2em;
	font-size: 0.8em;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
	cursor:pointer;
}

.main-button:hover, input[type="submit"]:hover
{
    background: #444;
    color: #fff;
}

.main-button i
{
    font-size: 1.3em;
}

input[type="submit"]
{
    border: none;
}
.tooltip .tooltip-inner
{
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}
.career-content .noPadding{
  padding-bottom: 0;
  margin-bottom: -15px;
}
.career-content .olist_para
{
padding: 0px 0 15px 25px;
}
.career-content-description{
  padding-bottom: 40px;
}
.career-content-description p:last-child {
  padding-bottom: 0;
}

.career-content-description .career-content-header{
padding-bottom:0px;
}
.career-content-description ol{
margin-bottom:0px;
}
.career-content li{

font-size: 1.1em;

}
.career-content ul li,.career-content ol li{

margin: 0 25px;
}
.career-content ul li{

list-style:disc;
}
.career-content ol li{
list-style: decimal;
  font-style: italic;
}
.career-content-desc{
padding:25px 0;
}
#content
{
    padding: 60px 0;
	background: #fff;
}
.light-section
{
    color: #fff;
}

.light-section .testimonials
{
    color: #aaa;
}

.light-section .testimonials .testimonial-content p
{
    color: #c4c4c4;
}

.testimonial-content {
  color: #777;
  position: relative;
  padding: 15px 25px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  margin: 15px 0 20px;
  /*border: 1px solid #e8e8e8;
  box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
  -o-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
  -moz-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;*/
   /* font-style: italic;*/
	font-family: 'proximaNovaBold';
	display:inline-block;
}/*
.testimonial-content p::before {
	content: open-quote;
	margin-right: 6px;
}

.testimonial-content p::after {
	content: close-quote;
	margin-left: 6px;
}*/


#CS_logo{
width:40px;
display: inline-block;
}

#CS_logo_text{
  margin: 0px 5px;
  font-family: "teen";
  display: inline-block;
  vertical-align: bottom;
  color: #f39c12;
}

#loader
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999999999;
}

.spinner
{
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    -webkit-animation: rotatee 2.0s infinite linear;
    animation: rotatee 2.0s infinite linear;
}

.dot1, .dot2
{
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    border-radius: 100%;
    -webkit-animation: bouncee 2.0s infinite ease-in-out;
    animation: bouncee 2.0s infinite ease-in-out;
}

.dot2
{
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes rotatee{ 100% { -webkit-transform: rotate(360deg) }}

@keyframes rotatee{
	100% {
		transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes bouncee{
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes bouncee{
	0%, 100% {
		transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
}

/*------------------------------------------*/

/*	     02 - Header & Navigation
/*------------------------------------------*/

header
{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.fixed-header
{
    /*opacity: 0.95;*/
    box-shadow:  0 3px 3px -1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2);
}

.top-bar
{
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
}

.top-bar.color-bar
{
    border-bottom: 0;
}

.top-bar.color-bar a
{
    color: rgba(255,255,255,.6);
}

.top-bar.color-bar a:hover
{
    color: rgba(255,255,255,1) !important;
}

.top-bar.color-bar ul.social-list li a i
{
    border-left: 1px solid rgba(255,255,255,.1);
}

.top-bar.color-bar ul.social-list li:last-child a i
{
    border-right: 1px solid rgba(255,255,255,.1);
}

.top-bar.color-bar .contact-details li a:before
{
    color: rgba(255,255,255,.2);
}

.top-bar.dark-bar
{
    background-color: #444;
    border-bottom: 0;
}

.top-bar.dark-bar a
{
    color: rgba(255,255,255,.4);
}

.top-bar.dark-bar a:hover
{
    color: rgba(255,255,255,1) !important;
}

.top-bar.dark-bar ul.social-list li a i
{
    border-left: 1px solid rgba(255,255,255,.08);
}

.top-bar.dark-bar ul.social-list li:last-child a i
{
    border-right: 1px solid rgba(255,255,255,.08);
}

.top-bar.dark-bar .contact-details li a:before
{
    color: rgba(255,255,255,.2);
}

.top-bar a,.team-social-list a
{
    color: #aaa;
}

.top-bar .contact-details li
{
    display: inline-block;
	margin-right: 5px;
}

/*.top-bar .contact-details li a:before
{
    position: relative;
    content: "|";
    font-size: 13px;
    margin: 0 3px;
    top: -1px;
    color: #ddd;
}
*/
.top-bar .contact-details li a:before
{
    color: #aaa;
}

.top-bar .contact-details li:first-child a:before
{
    display: none;
}

.top-bar .contact-details li a
{
    font-size: 0.85em;
    display: block;
    line-height: 32px;
	  text-decoration: none;
}
.team-social-list{
  width: 100%;
  margin-bottom: 20px;
}
ul.social-list
{
    float: right;
}

ul.social-list li
{
    float: left;
}

ul.social-list li a
{
    display: inline-block;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.social-list li a:hover
{
    color: #fff;
}

ul.social-list li a.facebook:hover
{
    background-color: #3b5998;
}

ul.social-list li a.twitter:hover
{
    background-color: #55acee;
}

ul.social-list li a.google:hover
{
    background-color: #dd4b39;
}

ul.social-list li a.linkdin:hover
{
    background-color: #0976b4;
}

ul.social-list li a.youtube:hover
{
    background-color: #cc181e;
}

ul.social-list li a.rss:hover
{
    background-color: #f26522;
}

ul.social-list li a.github:hover
{
    background-color: #333;
}

ul.social-list li a i
{
    
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-left: 1px solid #f2f2f2;
}

ul.social-list li:last-child a i
{
    border-right: 1px solid #f2f2f2;
}

.navbar
{
    margin-bottom: 0;
    background: #fff;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}

.navbar-brand
{
    position: relative;
	height: auto;
    padding: 20px 0;
    margin: 0!important;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.navbar-default .navbar-nav
{
    margin-right: -29px!important;
    position: relative;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav > li,.navbar-default .navbar-nav > ul
{
    margin-left: 6px;
}



.navbar-default .navbar-nav > li > a
{
    color: #555;
    display: block;
    font-weight: 300;
    padding: 30px 15px 30px 15px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li:hover > a
{
    /*border-bottom: 2px solid;*/
	
}




.navbar-default .navbar-nav > li > a.active:after
{
    opacity: 1;
}

.navbar-collapse.in{
overflow-y: scroll;
  overflow-x: hidden;
}

/*================================================== 
     Slideshow
 ================================================== */

/*-- Main slide --*/

#main-slide
{
	position:relative;
}

#main-slide .item.active .slider-content
{
    z-index: 0;
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
}

#main-slide .main-img-text
{
	/*position:absolute;
	top:50%;*/
	/*width: 100%;*/
	padding: 45px 15px 150px;
	/*background:#7BB1CD;*/
	background-size: cover;
}
.body-bg{
	background-size: cover;
	background-attachment: fixed;
	background-position: center; 
}
.homepage-bg{
/*background-image: url("../images/bg/mountain_bg.jpg");*/
background:#F89406;   
}
.about-bg{
/*background-image: url("../images/bg/main-bg.jpg");*/
background:#ed4e4e; 
}
.product-bg{
/*background-image: url("../images/bg/main-bg.jpg");*/
background:#a1cc6c; 
}
.career-bg{
/*background-image: url("../images/bg/city.jpg");*/
background:#6bc1d5; 
}
#main-slide  h1
{
    font-size: 3em;
    font-weight: 100;
}
#main-slide  h2
{
    font-size: 2em;
    font-weight: 100;
	padding:5px;
}
#main-slide  h3
{
    font-size:1.4em;
    font-weight: 300;
    color: #fff;
}
#main-slide .white
{
    color: #fff;
	font-family: 'proximaNovaBold'
}
.sub-heading-container{
  padding-bottom: 100px;
}
.sub-heading-icon{
  border: 4px solid #fff;
  border-radius: 50%;
  padding: 15px;
  font-size: 1.2em;
  color: #fff;
  margin-bottom: 25px;
  display: inline-block;
}
.sub-heading-bottom{
  margin: auto;
}

/*
.about-sub-heading-bottom{
background: #F9BF3B;
  border: 1px solid #F9BF3B;
}
*/
/*------------------------------------------*/

/*	   03 - Main Page Elements
/*------------------------------------------*/
.container{
max-width: 960px;
}
.page-content{
max-width:750px;
margin:0 auto;
}
.page-content-blocks{
	/*border-bottom: 1px solid #ECEAEA;
	/*margin-bottom: 80px;
	padding-bottom: 50px;*/
}

.blog-box{

}
.page-banner
{
    padding: 30px 0;
    background: #f6f6f6;
    border-bottom: 1px solid #eee;
	display:none;
}

.page-banner h2
{
	padding-bottom: 5px;
    font-weight: 500;
    text-transform: uppercase;
}

.page-banner p
{
    font-weight: 300;
}


main
{
    outline: none;
}

#contact-form input[type="text"],#contact-form input[type="email"],
#contact-form textarea,#contact-form select
{
  resize: vertical;
    color: #aaafb5;
    
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    outline: none;
    width: 100%;
    padding: 7px 14px;
    display: block;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.form-group {
  margin-bottom: 15px;
}


ul.icons-list li i
{
width: 20px;
}
.name-missing, .email-missing, .message-missing
{
    opacity: 0;
    color: #ED2C3A;
    margin-left: 10px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.main-heading
{
    padding: 100px 0 20px 0;
}

.main-heading h1
{
    font-size: 3em;
    font-weight: 100;
}

#map
{
    position: relative;
    height: 300px;
    width: 100%;
}

/*------------------------------------------*/

/*************** Tabs ***************/

.nav-tabs
{
    border-color: #eee;
}

.nav-tabs > li > a
{
font-family: 'proximaNovaBold';
	font-size: 1.4em;
    color: #555;
    padding: 8px 14px;
    border: none;
	background:#fff;
	border-radius:0px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.nav-tabs > li > a i
{
    margin-right: 1px;
    padding-right: 5px;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus
{
    color: #fff;
    border-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
    -o-box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
    border:none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover
{
    box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
    -o-box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
}

.tab-content
{
    /*border: 1px solid #eee;
    border-top: none;
    padding: 12px 16px;*/
}



.tab-content p:last-child
{
    margin-bottom: 0;
}

/*************** Icons ***************/

.section
{
    padding-top: 80px;
    padding-bottom: 80px;
}


.icon-small
{
    font-size: 2em;
    color: #444;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-small:hover, .service-box:hover .icon-small
{
    text-shadow: 5px 5px 2px rgba(255,255,255,0);
}

.icon-medium
{
    font-size: 2.5em;
    color: #666;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-medium:hover, .service-box:hover .icon-medium
{
    text-shadow: 5px 5px 2px rgba(255,255,255,0);
}

.icon-large
{
    font-size: 3em;
    color: #555;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-large:hover, .service-box:hover .icon-large
{
    text-shadow: 5px 5px 2px rgba(255,255,255,0);
}

/*************** Heading Titles ***************/

.classic-title
{
    margin-bottom: 30px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
    font-weight: 300;
}

.classic-title span
{
    padding-bottom: 8px;
    border-bottom: 1px solid;
}

/*------------------------------------------*/

/*			   08 - Blog Styles
/*------------------------------------------*/

.blog-post
{
   /* margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;*/
}

.blog-post .post-head
{
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
}

.blog-post .post-head .thumb-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: rgba(0,0,0,0);
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}


.blog-post .post-head:hover .thumb-overlay i
{
    color: #444;
    top: 50%;
}

.blog-post .post-head img
{
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.blog-post .post-content
{
  padding-left: 240px;
  margin-bottom: 60px;
  position: relative;
  padding-bottom: 10px;
  min-height: 210px;
}

.post-content-dscription li{
padding: 10px 25px 10px 15px;
font-size: 1.1em;

}
#our-values .post-content-dscription li{
list-style: disc;
}
.blog-post .post-type
{
    position: absolute;
    left: 0;
    top: 5px;
    width: 200px;
	min-height:200px;
    /*line-height: 36px;*/
    text-align: center;
    background-color: #eee;
}

.blog-post .post-type i
{
    font-size: 13em;
    color: #ddd;
}

.blog-post.quote-post .post-type
{
    top: 0;
}

.post-content h2
{
    margin-bottom: 4px;
	font-family: 'proximaNovaBold'
}
.extra-info{
margin-bottom: 45px; 
}
.post-content h2 a
{
   font-size: 1.6em;
   color: #f15a29;
  vertical-align: middle;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.post-content-dscription{
	  
}
.post-content-dscription p{
  padding-bottom:10px;
}

ul.post-meta
{
    margin-bottom: 10px;
	margin-top: 5px;
}

ul.post-meta li
{
    display: inline-block;
}


ul.post-meta li:last-child:after
{
    content: "";
    margin: 0;
}

ul.post-meta li, ul.post-meta li a
{
    color: #aaa;/*#BEBEBE;*/
	font-size: 1em;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.post-content p
{
    /*margin-bottom: 15px;*/
}

/*------------------------------------------*/

/*		    Single post Styles
/*------------------------------------------*/

.blog-page, .blog-post-page
{
    padding-top: 5px;
}

.blog-post-page .blog-post
{
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.blog-post-page ul.post-meta
{
    margin-bottom: 12px;
}


.post-bottom
{
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #f6f6f6;
}


.blog-post .author-info
{
    display: block;
    margin-bottom: 10px;
}

.blog-post .author-info .author-image
{
    float: left;
}

.blog-post .author-info .author-image img
{
    width: 70px;
    height: 70px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border: 4px solid #eee;
}

.blog-post .author-info .author-bio
{
    padding-left: 85px;
}

.blog-post .author-info h4
{
    margin-bottom: 4px;
    font-weight: 500;
}

.blog-post .author-info p:last-child
{
    margin: 0;
}

/*------------------------------------------*/

/*			 11 - Footer Styles
/*------------------------------------------*/

footer
{
 /* font-family:teen;*/
  border-top: 1px solid #e8eaee;
  background: #f4f5f7;
 padding: 25px 0;
  clear:both;
  color: #a1a3a6;
}

footer a
{
    color: #a1a3a6;
	font-size: 0.8em;
	
}

footer a:hover
{
    color: #2baae1;
}
.footer-content span{
display:inline-block;
padding:0 5px;
}

.career-main-content{
margin-bottom:50px;
margin-top:25px;
}
.career-content{
padding:10px 0;
border-top: 1px solid #dbdce1;
}
.career-main-content .career-content:last-child {
  padding-bottom: 25px;
  border-bottom: 1px solid #dbdce1;
}

ul.footer-nav
{
    float: right;
}

ul.footer-nav li
{
    display: inline-block;
    float: left;
    margin-left: 15px;
}

ul.footer-nav li:first-child
{
    margin-left: 0;
}

ul.footer-nav li a
{
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.footer-nav li a:hover
{
    color: #fff;
}

.back-to-top
{
    display: none;
    position: fixed;
    bottom: 20px;
    right: 15px;
}
.back-to-top:hover.back-to-top i{
	color:#fff;
}
.back-to-top i
{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #444;
    border-radius:50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius:50%;
    text-align: center;
    /*background-color: #f8f8f8;*/
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}


/* Effects 
 **********************************************/
.rotate-plus{
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  
}

.control-icon{
-webkit-transition: .2s ease;
  -moz-transition: .2s ease;
  -o-transition: .2s ease;
  -ms-transition: .2s ease;
  transition: .2s ease;
  }


/* ---------------------------------------
 * 	side panel

 --------------------------------------------*/


#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#wrapper.toggled {
    padding-right: 300px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 300px;
    width: 0;
    height: 100%;
    margin-right: -300px;
    overflow-y: auto;
    background: #FDE3A7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 85%;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
}
#page-content-wrapper {
-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
	}
#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-left: -85%;
}

/* Sidebar Styles */

#close-menu{
  padding: 10px 15px;
  font-size: 1.5em;
  color: #DB0A5B;
}
.sidebar-nav {
   position: absolute;
  top: 40px;
  width: 100%;
  height: 80%;
  overflow-y: auto;
  margin: 0;
  padding: 0 0 40px 0;
  list-style: none;
  z-index: 3000;
}

.sidebar-list{
    /*line-height: 40px;*/
	padding:5px 15px;
}
.sidebar-nav .social-list{
    
   /* line-height: 40px;*/
	padding:10px 25px;
}
.sidebar-nav .social-list a{
	color:#000;
}
.sidebar-list a {
	display: block;
	text-decoration: none;
	color:#000;
	padding:10px 10px;
	font-size: 1.1em;
}

.sidebar-nav li a:hover,.sidebar-nav li a.active {
	text-decoration: none;
	text-decoration: none;
	color: #DB0A5B; 
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

.contact-us-blocks{
margin-bottom: 15px;
display:inline-block;

}
.find-us-list li{
	  padding: 5px 0;
}
.find-us-detail{
	display: inline-block;
	width: 80%;
	color: #555;
	vertical-align: top;
}
/*--------------------------------------------*/

/*----------------colors---------------------

/*--------------------------------------------*/

.pink{
  color: #E24F50;
  border-color:#E24F50;
}
.saffron{
color:#fff;
border-color:#fff;
}
.httpabout{
color:#C12828;
}
.httphome{
color:#C66305;
}
.httpproduct{
color:#557132;
}
.httpcareer{
color:#357A8A;
}
.darkPurple{
  color: #674172;
  border-color:#674172;
}
.rose{
color:#fff;
font-family: 'proximaNovaBold'
}
.hash{
color:#fff;
}

.grey{
color:#777;
}