body {
    width: 100%;
    height: 100%;
    font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #848484;
}


html {
    width: 100%;
    height: 100%;
}

h1{
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
	color: #66A2BF;
}
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
	color: #66A2BF;
}
.intro h1{
color:#fff;}
#map h3 {
    margin: 0 0 5px;
	text-transform: none;
}
.img-responsive {
    display: inline;
}

#page_title i {
    font-size: 15px;
    vertical-align: top;
}

#contact-form h4 {
    margin: 10px;
}

#privacy h3 {
    margin-bottom: 10px;
}
p {
    margin: 0 0 25px;
    font-size: 18px;
    line-height: 1.5;
}

@media(min-width:768px) {
    p {
        margin: 0 0 35px;
        font-size: 14px;
        line-height: 1.6;
    }
}

a {
    xcolor: #66A2BF;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #fff;
}

.light {
    font-weight: 400;
}

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

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

#wrapper.toggled {
    padding-left: 220px;
}

#sidebar-wrapper {
    z-index: 1000;
    left: 220px;
    width: 0;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #66A2BF;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 220px;
}

#page-content-wrapper {
    width: 100%;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -220px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #66A2BF;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li:first-child a {
    color: #fff;   
}
.sidebar-nav li:nth-child(2):before {
    background-color: #314190;   
}
.sidebar-nav li:nth-child(3):before {
    background-color: #79aefe;   
}
.sidebar-nav li:nth-child(4):before {
    background-color: #314190;   
}
.sidebar-nav li:nth-child(5):before {
    background-color: #79aefe;   
}
.sidebar-nav li:nth-child(6):before {
    background-color: #314190;   
}
.sidebar-nav li:nth-child(7):before {
    background-color: #79aefe;   
}
.sidebar-nav li:nth-child(8):before {
    background-color: #314190;   
}
.sidebar-nav li:nth-child(9):before {
    background-color: #79aefe;   
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}

.sidebar-nav li a {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 10px 15px 10px 30px;    
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
    height: 87px;
    font-size: 20px;
    line-height: 44px;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  position: fixed;
  top: 20px;  
  z-index: 999;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  background: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
  -moz-transform: translate3d(0,0,0);
  -moz-transition: all .35s ease-in-out;
  -ms-transform: translate3d(0,0,0);
  -ms-transition: all .35s ease-in-out;
  transform: translate3d(0,0,0);
  transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
  -moz-transform: translate3d(-100px,0,0);
  -moz-transition: all .35s ease-in-out;
  -ms-transform: translate3d(-100px,0,0);
  -ms-transition: all .35s ease-in-out;
  transform: translate3d(-100px,0,0);
  transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #66A2BF;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #66A2BF;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
  -moz-transform: rotate(45deg);
  -moz-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
  -ms-transform: rotate(45deg);
  -ms-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
  transform: rotate(45deg);
  transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
  -moz-transform: rotate(-45deg);
  -moz-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
  -ms-transform: rotate(-45deg);
  -ms-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
  transform: rotate(-45deg);
  transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
  -moz-transform: translate3d(0,0,0);
  -moz-transition: all .35s ease-in-out;
  -ms-transform: translate3d(0,0,0);
  -ms-transition: all .35s ease-in-out;
  transform: translate3d(0,0,0);
  transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
  -moz-transform: translate3d(-100px,0,0);
  -moz-transition: all .35s ease-in-out;
  -ms-transform: translate3d(-100px,0,0);
  -ms-transition: all .35s ease-in-out;
  transform: translate3d(-100px,0,0);
  transition: all .35s ease-in-out;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}



.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #eee;
    border-color: #428bca;
}

.sidebar-nav li a {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 10px 15px 10px 30px;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px;
}
.open>a {
    outline: 0;
}

.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
	
    xbackground-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro .intro-body .brand-heading {
    font-size: 40px;
}

.intro .intro-body .intro-text {
    font-size: 18px;
}

@media(min-width:768px) {
    .intro {
        height: 100%;
        padding: 0;
    }

    .intro .intro-body .brand-heading {
        font-size: 80px;
    }

    .intro .intro-body .intro-text {
        font-size: 26px;
    }
}

/*Intro For the slideshow background*/

.intro_cs {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.intro_cs .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro_cs .intro-body .brand-heading {
    font-size: 40px;
}

.intro_cs .intro-body .intro-text {
    font-size: 18px;
}

@media(min-width:768px) {
    .intro_cs {
        height: 100%;
        padding: 0;
    }

    .intro_cs .intro-body .brand-heading {
        font-size: 80px;
    }

    .intro_cs .intro-body .intro-text {
        font-size: 26px;
    }
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 35px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 100%!important;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}


#map {
    width: 100%;
    height: 200px;
}

@media(min-width:767px) {

    .content-section {
    padding-top: 60px;
	margin-bottom: 20px;
}

    .download-section {
        padding: 100px 0;
    }
	
	.counters-section {
        padding: 100px 0;
    }

    #map {
        height: 400px;
    }
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 1px solid #66A2BF;
    color: #fff;
    background-color: #66A2BF;
}

.btn-default:hover, .btn-default:focus {
    border: 1px solid #314190;
    outline: 0;
    color: #fff;
    background-color: #314190;
}

ul.banner-social-buttons {
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}



::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

/*
============================================================
					Preloader
============================================================
*/

#loading{
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 99999;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
    -webkit-animation: loading-center-absolute 1s infinite;
	animation: loading-center-absolute 1s infinite;

}
.object{
	width: 20px;
	height: 20px;
	background-color: #66A2BF;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;	
}
.object:nth-child(2n+0) {
	margin-right: 0px;

}
#object_one{
	-webkit-animation: object_one 1s infinite;
	animation: object_one 1s infinite;
	}
#object_two{
	-webkit-animation: object_two 1s infinite;
	animation: object_two 1s infinite;
	}	
#object_three{
	-webkit-animation: object_three 1s infinite;
	animation: object_three 1s infinite;
	}		
#object_four{
	-webkit-animation: object_four 1s infinite;
	animation: object_four 1s infinite;
	}		
	
@-webkit-keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}			
	
}		
@keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}
}	

								

@-webkit-keyframes object_one{
50% {
    -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}		
@keyframes object_one{
50% {
     -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}


@-webkit-keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}		
@keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}



@-webkit-keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}		
@keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}



@-webkit-keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}		
@keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}

/*
============================================================
					Particles Background
============================================================
*/

body .vertical-centered-box {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
body .vertical-centered-box:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
body .vertical-centered-box .content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 0;
}
.loader-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  margin-left: -60px;
  margin-top: -60px;
}
.loader-line-mask {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  overflow: hidden;
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -o-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
  -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
  -webkit-animation: rotate 1.2s infinite linear;
  -moz-animation: rotate 1.2s infinite linear;
  -o-animation: rotate 1.2s infinite linear;
  animation: rotate 1.2s infinite linear;
}
.loader-line-mask .loader-line {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
#particles-background,
#particles-foreground {
  left: -51%;
  top: -51%;
  width: 202%;
  height: 202%;
  -webkit-transform: scale3d(0.5, 0.5, 1);
  -moz-transform: scale3d(0.5, 0.5, 1);
  -o-transform: scale3d(0.5, 0.5, 1);
  -ms-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1);
}
#particles-background {
  background: #2c2d44;
  background-image: -moz-linear-gradient(45deg, #3f3251 2%, #002025 100%);
  background-image: -webkit-linear-gradient(45deg, #3f3251 2%, #002025 100%);
  background-image: linear-gradient(45deg, #3f3251 2%, #002025 100%);
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes rotate{ 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);}}
@-moz-keyframes rotate{ 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg);}}
@-o-keyframes rotate{ 0% { -o-transform: rotate(0deg);} 100% { -o-transform: rotate(360deg);}}
@keyframes rotate{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);};
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes rotate{ 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);}}
@-moz-keyframes rotate{ 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg);}}
@-o-keyframes rotate{ 0% { -o-transform: rotate(0deg);} 100% { -o-transform: rotate(360deg);}}
@keyframes rotate{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);};
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@-moz-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@-o-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;};
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@-moz-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@-o-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;};
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@-moz-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@-o-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;};
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@-moz-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@-o-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;};
}



/*
============================================================
					Countdown Section
============================================================
*/

#defaultCountdown{
	z-index:2;
	margin:0 auto;
	display:table;
	position:relative;
}

.countdown-row {
	margin:0 auto;
	width:100%;
	display:table;
	text-align:center;
	
}

.countdown-section {
	display: block;
	float: left;
	text-align: center;
	width:100px;
	height:150px;
	text-align:center;
	margin:40px 20px;
}

.countdown-amount {
    font-size: 60px;
	font-weight:700;
	line-height:120px;
}
.countdown-period {
    display: block;
	line-height:0px;
	color:#66A2BF;
	font-size:18px;
	font-weight:100;
}

/*
============================================================
					Contacts Section
============================================================
*/

label {
    color: #333;
}
.form-control {
    margin-bottom: 20px;
}
.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}
input.btn.btn-success.btn-send {
    background-color: #66A2BF;
    border-color: #6dbce2;
}
.checkbox label input[type="checkbox"], .radio label input[type="radio"] {
    display: none;
}
.checkbox .cr, .radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
	    background-color: #fff;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}
.checkbox .cr .cr-icon, .radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

/*
============================================================
					Features Section
============================================================
*/
#services .row {
    padding: 10px 0px;
}
#services h3 {
    margin: 20px 0px;
}
.service-items {
    margin: 0 auto 40px;
    padding: 0 0;
    border: 2px solid #66A2BF;
    height: 110px;
    width: 110px;
    border-radius: 20%;
}

.services-about i {
    margin: 0 auto;
    padding: 30px 0;
    font-size: 48px;
    color: #fff;
}

.services i {
    margin: 0 auto;
    padding: 30px 0;
    font-size: 48px;
	color: #66A2BF;
}

.services {
    margin: 0 0 34% 0;
    position: relative;
}

.the-features {
    padding: 4% 0;
}


img.featured.img-responsive {
    max-width: 90%;
	margin-top: -3%;
}

.bx-wrapper {
    padding: 0 14%;
}

.section-body {
    margin-top: 80px;
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
}
.media-right h4 {
    float: left;
}

.media-right p {
    float: left;
    width: 90%;
    position: relative;
    margin: -30px 0 50px 0px;
}

.media-left, .media>.pull-left {
    padding-right: 10px;
}

.parallax-window {
    min-height: 300px;
    background: transparent;
}

.service-items:hover {
    background-color: #314190;
    border: 2px solid #66A2BF;
}
.services i:hover {
    color: #fff;
}

#services ul {
  list-style-type: none;
  padding-left: 50px;
}
#services li:before {    
font-family: 'FontAwesome';
content: '\f00c';
margin:0 5px 0 -15px;
color: #66A2BF;
}

/*
============================================================
					Counter Section
============================================================
*/

span.counter {
    font-size: 40px;
	color:#fff;
}
.item {
    color: #66A2BF;
    font-size: 20px;
}

/*
============================================================
					Progress Bar
============================================================
*/
.pro-bar-container {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    height: 15px;
    margin: 0 0 20px 90px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #222;
    overflow: hidden;
}

.pro-bar-skill{
	position: absolute;
}

.pro-bar-container.bm-remove {
  margin-bottom: 0;
}

.pro-bar-container.bm-smaller {
  margin-bottom: 5px;
}

.pro-bar-container.bm-small {
  margin-bottom: 10px;
}

.pro-bar-container.bm-medium {
  margin-bottom: 20px;
}

.pro-bar-container.bm-large {
  margin-bottom: 30px;
}

.pro-bar-container.bm-larger {
  margin-bottom: 40px;
}

.pro-bar-container.color-turquoise {
  border-color: #1abc9c;
  background: #1abc9c;
}

.pro-bar-container.color-green-sea {
  border-color: #16a085;
  background: #16a085;
}

.pro-bar-container.color-emerald {
  border-color: #2ecc71;
  background: #2ecc71;
}

.pro-bar-container.color-nephritis {
  border-color: #27ae60;
  background: #27ae60;
}

.pro-bar-container.color-peter-river {
  border-color: #3498db;
  background: #3498db;
}

.pro-bar-container.color-belize-hole {
  border-color: #2980b9;
  background: #2980b9;
}

.pro-bar-container.color-amethyst {
  border-color: #9b59b6;
  background: #9b59b6;
}

.pro-bar-container.color-wisteria {
  border-color: #8e44ad;
  background: #8e44ad;
}

.pro-bar-container.color-wet-asphalt {
  border-color: #34495e;
  background: #34495e;
}

.pro-bar-container.color-midnight-blue {
  border-color: #2c3e50;
  background: #2c3e50;
}

.pro-bar-container.color-sun-flower {
  border-color: #f1c40f;
  background: #f1c40f;
}

.pro-bar-container.color-orange {
  border-color: #f39c12;
  background: #f39c12;
}

.pro-bar-container.color-carrot {
  border-color: #e67e22;
  background: #e67e22;
}

.pro-bar-container.color-pumpkin {
  border-color: #d35400;
  background: #d35400;
}

.pro-bar-container.color-alizarin {
  border-color: #e74c3c;
  background: #e74c3c;
}

.pro-bar-container.color-pomegranate {
  border-color: #c0392b;
  background: #c0392b;
}

.pro-bar-container.color-clouds {
  border-color: #ecf0f1;
  background: #ecf0f1;
}

.pro-bar-container.color-silver {
  border-color: #bdc3c7;
  background: #bdc3c7;
}

.pro-bar-container.color-concrete {
  border-color: #95a5a6;
  background: #95a5a6;
}

.pro-bar-container.color-asbestos {
  border-color: #7f8c8d;
  background: #7f8c8d;
}

.pro-bar {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 0;
  height: 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #444;
}

.pro-bar.bar-100 {
  width: 100%;
}

.pro-bar.bar-99 {
  width: 99%;
}

.pro-bar.bar-98 {
  width: 98%;
}

.pro-bar.bar-97 {
  width: 97%;
}

.pro-bar.bar-96 {
  width: 96%;
}

.pro-bar.bar-95 {
  width: 95%;
}

.pro-bar.bar-94 {
  width: 94%;
}

.pro-bar.bar-93 {
  width: 93%;
}

.pro-bar.bar-92 {
  width: 92%;
}

.pro-bar.bar-91 {
  width: 91%;
}

.pro-bar.bar-90 {
  width: 90%;
}

.pro-bar.bar-89 {
  width: 89%;
}

.pro-bar.bar-88 {
  width: 88%;
}

.pro-bar.bar-87 {
  width: 87%;
}

.pro-bar.bar-86 {
  width: 86%;
}

.pro-bar.bar-85 {
  width: 85%;
}

.pro-bar.bar-84 {
  width: 84%;
}

.pro-bar.bar-83 {
  width: 83%;
}

.pro-bar.bar-82 {
  width: 82%;
}

.pro-bar.bar-81 {
  width: 81%;
}

.pro-bar.bar-80 {
  width: 80%;
}

.pro-bar.bar-79 {
  width: 79%;
}

.pro-bar.bar-78 {
  width: 78%;
}

.pro-bar.bar-77 {
  width: 77%;
}

.pro-bar.bar-76 {
  width: 76%;
}

.pro-bar.bar-75 {
  width: 75%;
}

.pro-bar.bar-74 {
  width: 74%;
}

.pro-bar.bar-73 {
  width: 73%;
}

.pro-bar.bar-72 {
  width: 72%;
}

.pro-bar.bar-71 {
  width: 71%;
}

.pro-bar.bar-70 {
  width: 70%;
}

.pro-bar.bar-69 {
  width: 69%;
}

.pro-bar.bar-68 {
  width: 68%;
}

.pro-bar.bar-67 {
  width: 67%;
}

.pro-bar.bar-66 {
  width: 66%;
}

.pro-bar.bar-65 {
  width: 65%;
}

.pro-bar.bar-64 {
  width: 64%;
}

.pro-bar.bar-63 {
  width: 63%;
}

.pro-bar.bar-62 {
  width: 62%;
}

.pro-bar.bar-61 {
  width: 61%;
}

.pro-bar.bar-60 {
  width: 60%;
}

.pro-bar.bar-59 {
  width: 59%;
}

.pro-bar.bar-58 {
  width: 58%;
}

.pro-bar.bar-57 {
  width: 57%;
}

.pro-bar.bar-56 {
  width: 56%;
}

.pro-bar.bar-55 {
  width: 55%;
}

.pro-bar.bar-54 {
  width: 54%;
}

.pro-bar.bar-53 {
  width: 53%;
}

.pro-bar.bar-52 {
  width: 52%;
}

.pro-bar.bar-51 {
  width: 51%;
}

.pro-bar.bar-50 {
  width: 50%;
}

.pro-bar.bar-49 {
  width: 49%;
}

.pro-bar.bar-48 {
  width: 48%;
}

.pro-bar.bar-47 {
  width: 47%;
}

.pro-bar.bar-46 {
  width: 46%;
}

.pro-bar.bar-45 {
  width: 45%;
}

.pro-bar.bar-44 {
  width: 44%;
}

.pro-bar.bar-43 {
  width: 43%;
}

.pro-bar.bar-42 {
  width: 42%;
}

.pro-bar.bar-41 {
  width: 41%;
}

.pro-bar.bar-40 {
  width: 40%;
}

.pro-bar.bar-39 {
  width: 39%;
}

.pro-bar.bar-38 {
  width: 38%;
}

.pro-bar.bar-37 {
  width: 37%;
}

.pro-bar.bar-36 {
  width: 36%;
}

.pro-bar.bar-35 {
  width: 35%;
}

.pro-bar.bar-34 {
  width: 34%;
}

.pro-bar.bar-33 {
  width: 33%;
}

.pro-bar.bar-32 {
  width: 32%;
}

.pro-bar.bar-31 {
  width: 31%;
}

.pro-bar.bar-30 {
  width: 30%;
}

.pro-bar.bar-29 {
  width: 29%;
}

.pro-bar.bar-28 {
  width: 28%;
}

.pro-bar.bar-27 {
  width: 27%;
}

.pro-bar.bar-26 {
  width: 26%;
}

.pro-bar.bar-25 {
  width: 25%;
}

.pro-bar.bar-24 {
  width: 24%;
}

.pro-bar.bar-23 {
  width: 23%;
}

.pro-bar.bar-22 {
  width: 22%;
}

.pro-bar.bar-21 {
  width: 21%;
}

.pro-bar.bar-20 {
  width: 20%;
}

.pro-bar.bar-19 {
  width: 19%;
}

.pro-bar.bar-18 {
  width: 18%;
}

.pro-bar.bar-17 {
  width: 17%;
}

.pro-bar.bar-16 {
  width: 16%;
}

.pro-bar.bar-15 {
  width: 15%;
}

.pro-bar.bar-14 {
  width: 14%;
}

.pro-bar.bar-13 {
  width: 13%;
}

.pro-bar.bar-12 {
  width: 12%;
}

.pro-bar.bar-11 {
  width: 11%;
}

.pro-bar.bar-10 {
  width: 10%;
}

.pro-bar.bar-9 {
  width: 9%;
}

.pro-bar.bar-8 {
  width: 8%;
}

.pro-bar.bar-7 {
  width: 7%;
}

.pro-bar.bar-6 {
  width: 6%;
}

.pro-bar.bar-5 {
  width: 5%;
}

.pro-bar.bar-4 {
  width: 4%;
}

.pro-bar.bar-3 {
  width: 3%;
}

.pro-bar.bar-2 {
  width: 2%;
}

.pro-bar.bar-1 {
  width: 1%;
}

.pro-bar.bar-0 {
  width: 0;
}

.pro-bar.color-turquoise {
  background: #1abc9c;
}

.pro-bar.color-green-sea {
  background: #16a085;
}

.pro-bar.color-emerald {
  background: #2ecc71;
}

.pro-bar.color-nephritis {
  background: #27ae60;
}

.pro-bar.color-peter-river {
  background: #3498db;
}

.pro-bar.color-belize-hole {
  background: #2980b9;
}

.pro-bar.color-amethyst {
  background: #9b59b6;
}

.pro-bar.color-wisteria {
  background: #8e44ad;
}

.pro-bar.color-wet-asphalt {
  background: #34495e;
}

.pro-bar.color-midnight-blue {
  background: #2c3e50;
}

.pro-bar.color-sun-flower {
  background: #f1c40f;
}

.pro-bar.color-orange {
  background: #f39c12;
}

.pro-bar.color-carrot {
  background: #e67e22;
}

.pro-bar.color-pumpkin {
  background: #d35400;
}

.pro-bar.color-alizarin {
  background: #e74c3c;
}

.pro-bar.color-pomegranate {
  background: #c0392b;
}

.pro-bar.color-clouds {
  background: #ecf0f1;
}

.pro-bar.color-silver {
  background: #bdc3c7;
}

.pro-bar.color-concrete {
  background: #95a5a6;
}

.pro-bar.color-asbestos {
  background: #7f8c8d;
}

@-webkit-keyframes progressStripeLTR {
  to {
    background-position: 30px 0;
  }
}

@-moz-keyframes progressStripeLTR {
  to {
    background-position: 30px 0;
  }
}

@-ms-keyframes progressStripeLTR {
  to {
    background-position: 30px 0;
  }
}

@-o-keyframes progressStripeLTR {
  to {
    background-position: 30px 0;
  }
}

@keyframes progressStripeLTR {
  to {
    background-position: 30px 0;
  }
}

@-webkit-keyframes progressStripeRTL {
  to {
    background-position: -30px 0;
  }
}

@-moz-keyframes progressStripeRTL {
  to {
    background-position: -30px 0;
  }
}

@-ms-keyframes progressStripeRTL {
  to {
    background-position: -30px 0;
  }
}

@-o-keyframes progressStripeRTL {
  to {
    background-position: -30px 0;
  }
}

@keyframes progressStripeRTL {
  to {
    background-position: -30px 0;
  }
}

.pro-bar-candy {
  width: 100%;
  height: 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,.25)25%,transparent 25%,transparent 50%,rgba(255,255,255,.25)50%,rgba(255,255,255,.25)75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,.25)25%,transparent 25%,transparent 50%,rgba(255,255,255,.25)50%,rgba(255,255,255,.25)75%,transparent 75%,transparent);
  background-image: -ms-linear-gradient(-45deg,rgba(255,255,255,.25)25%,transparent 25%,transparent 50%,rgba(255,255,255,.25)50%,rgba(255,255,255,.25)75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(-45deg,rgba(255,255,255,.25)25%,transparent 25%,transparent 50%,rgba(255,255,255,.25)50%,rgba(255,255,255,.25)75%,transparent 75%,transparent);
  background-image: linear-gradient(-45deg,rgba(255,255,255,.25)25%,transparent 25%,transparent 50%,rgba(255,255,255,.25)50%,rgba(255,255,255,.25)75%,transparent 75%,transparent);
  background-repeat: repeat-x;
  background-size: 30px 30px;
}

.pro-bar-candy.candy-ltr {
  -webkit-animation: progressStripeLTR .6s linear infinite;
  -moz-animation: progressStripeLTR .6s linear infinite;
  -ms-animation: progressStripeLTR .6s linear infinite;
  -o-animation: progressStripeLTR .6s linear infinite;
  animation: progressStripeLTR .6s linear infinite;
}

.pro-bar-candy.candy-rtl {
  -webkit-animation: progressStripeRTL .6s linear infinite;
  -moz-animation: progressStripeRTL .6s linear infinite;
  -ms-animation: progressStripeRTL .6s linear infinite;
  -o-animation: progressStripeRTL .6s linear infinite;
  animation: progressStripeRTL .6s linear infinite;
}

/*
============================================================
					Other Stuff
============================================================
*/

.text p {
    position: relative;
    float: initial;
    text-align: justify;
}
.content {
    padding: 4%;
}
ul.information-list {
    list-style-type: none;
}
.information-list li {
    margin-left: -40px;
}
.map iframe{
    pointer-events: none;
}
#map_container{
  position: relative;
}
#map{
    height: 0;
    overflow: hidden;
    padding-bottom: 22.25%;
    xpadding-top: 30px;
    position: relative;
}
.os-animation{
  opacity: 0;
}
 
.os-animation.animated{
    opacity: 1;
}

.inner {
    padding-top: 10%;
}
.window-static {
    min-height: 300px;
    background: url(../img/intro-bg.jpg) no-repeat center center scroll;
	    background-size: cover;
}
.text-center {
    text-align: center;
}
#breadcrumbs {
    background-color: #66A2BF;
}
#breadcrumbs p {
    padding: 3% 0 0;
	color: #fff;
}
#page_title h1 {
    color: #fff;
}
#breadcrumbs span a {
    color: #314190;
}
#breadcrumbs span a:hover {
    color: #337ab7;
}
.carousel-inner{
    padding:0px;
list-style:none;
}

.carousel-control.left, .carousel-control.right{
	background-image:none;
}

.blog_slider {
    position: relative;
}
.team_photo {
    margin-bottom: 20px;
    background: #d8d08b;
}
.team_photo img {
    opacity: 0.88;
    filter: alpha(opacity=88);
	width: 100%;
}
#skill {
    padding-top: 60px;
}
#team {
    padding-bottom: 5%;
}

#team p {
    margin-bottom: 10px;
}

#team .social-list li:hover {
    background-color: #1396bf;
    color: #fff;
    text-align: center;
}
#team .social-list {
    padding-top: 10%;
}
#team h3{
    margin: 0 0 15px;
}
#download {
    background-color: #66A2BF;
	height: 145px;
}
.inverse{
color:#fff;}

.contact_btn {
    display: inline-block;
    width: auto;
    margin: -25px 1px 5px 0;
    padding: 25px 50px;
    color: #fff;
    background-color: #000;
    border-color: #fff;
}

.scrollToTop{
    width: 60px;
    height: 60px;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background: url('../images/arrow_up.png') no-repeat;
    z-index: 9999;
}
.scrollToTop:hover{
	text-decoration:none;
	opacity:0.6;
}
.photo img {
    width: 100%;
}
#skill .tab-content {
    min-height: 300px;
	padding: 40px 0;
}
/*
============================================================
					Vertical tabs
============================================================
*/
.fade {
opacity: 0;
-webkit-transition: opacity 2s linear;
  -moz-transition: opacity 2s linear;
   -ms-transition: opacity 2s linear;
	-o-transition: opacity 2s linear;
	   transition: opacity 2s linear;
}
.tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus {
    border-bottom-color: #314190;
    border-right-color: transparent;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #66A2BF;
    border-bottom-color: transparent;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    color: #fff;
}
.nav-tabs>li>a:hover {
    border-color: transparent;
}
.tab-content {
    min-height: 300px;
}
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: -2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left>li>a {
  border-radius: 0;
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
  border-radius: 0;
  margin-right: 0;
}
.sideways {
  margin-top:50px;
  border: none;
  position: relative;
}
.sideways>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.sideways>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.sideways>li.active>a,
.sideways>li.active>a:hover,
.sideways>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.sideways.tabs-left {
  left: -50px;
}
.sideways.tabs-right {
  right: -50px;
}
.sideways.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sideways.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/*
============================================================
					Blog Default
============================================================
*/
#blog{
	padding:2%;
	min-height: 600px;
}

.blog-content {
    padding: 2%;
}

#blog hr {
    width: 40%;
    border: 1px solid #66A2BF;
}
/*
============================================================
					Footer Section
============================================================
*/

.footer {
    position: relative;
    bottom: 0;
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #66A2BF;
    line-height: 26px;
	z-index: 9999;
}

.footer .container {
    padding-bottom: 10px;
    padding-top: 39px;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
	color: #fff;
}
.social-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.social-list li:first-child {
    margin-left: 0;
}
.social-list li {
    display: inline-block;
    margin-left: 0.5em;
	border: 1px solid #fff;
    height: 30px;
    width: 30px;
    border-radius: 20%;
	text-align: center;
	margin-bottom:20px;
}

.social-list li:hover {
    background-color: #314190;
	color: #fff;
}

.social-list a {
    width: 1.125em;
    height: 2em;
    font-size: 1em;
    line-height: 2em;
    border-radius: 1em;
    color: inherit;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.footer .social-list.alignright i.fa {
    margin-left: 3px;
}
.footer .social-list li a i {
    color: #fff;
    font-size: 16px;
    position: relative;
    top: 2px;
}

/*
============================================================
				Testimonial Carousel Section
============================================================
*/
span.testimonials-post a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
span.testimonials-post a:hover {
    color: #66A2BF;
    font-size: 16px;
    font-weight: bold;
}
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: none;
    color: #fff;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    cursor: pointer;
    border: 2px solid #CCC;
    opacity: 0.4;
    overflow: hidden;
}
#quote-carousel .carousel-indicators .active {
    background: #66A2BF;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner.text-center p {
    color: #000;
}
.carousel-inner {
    min-height: 240px;
}

blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative;
}
blockquote::before {
    border-left: 0 inset rgba(0, 0, 0, 0);
    border-right: 22px inset rgba(0, 0, 0, 0);
    border-top: 22px solid #f8f8f8;
    bottom: -20px;
    content: " ";
    display: block;
    height: 0;
    left: 70px;
    position: absolute;
    width: 0;
}
blockquote::after {
    bottom: 0;
    content: " ";
    display: block !important;
    height: 13px;
    position: absolute;
    right: 0;
    width: 13px;
    z-index: 23;
}
.carousel-info img {
    border: 4px solid #66A2BF;
    border-radius: 150px !important;
    height: 75px;
    width: 75px;
}
.carousel-info {
    overflow: hidden;
}
.carousel-info img {
    margin-right: 15px;
}
.carousel-info span {
    display: block;
}
span.testimonials-name {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 7px;
}
span.testimonials-post {
    color: #66A2BF;
    font-size: 12px;
}

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

.cb-slideshow,
.cb-slideshow:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
	list-style-type: none;
	overflow:hidden;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px;
	color: rgba(169,3,41, 0.8);
}
.cb-slideshow li:nth-child(1) span { background-image: url(../images/first.jpg) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../images/two.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../images/three.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -moz-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -o-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(10);
	}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }
}

/*
============================================================
					Blog Masonry Section
============================================================
*/

#blog_area {
    background-color: #fff;
}

#grid {
    text-align: center;
}
/* Grid */

#posts { margin: 30px auto 0; }
.post {
	width: 100%;
}
.post img { padding: 0 15px; width: 100%; }

#grid.container .post img { padding: 0; }


/* Medium devices */

@media (min-width: 768px) {
	#grid > #posts .post { width: 335px; }
	#grid > #posts .post.cs2 { width: 100%; }
	.post img { padding: 5% 0 0; }
}



/* Medium devices */

@media (min-width: 992px) {
	#grid > #posts .post { width: 445px; }
	#grid > #posts .post.cs2 { width: 100%; }
}



/* Large devices */

@media (min-width: 1200px) {
	#grid > #posts .post { width: 346px; }
	#grid > #posts .post.cs2 { width: 742px; }
}



/* Large devices min-width (1200px) + a .post margin (50px) * 2 (100px) = 1300px */
/* 1300px gives me the clearance I need to keep the margins of the entire #grid (the
bleed if you will) the same width as the .post margins posts (50px). Basically I'm
being really picky about whitespace. If you don't care, no problem, just delete this.
Can this be done with Masonry options? */

@media (min-width: 1300px) {
	#grid {
		left: -50px;
		padding-left: 50px;
		padding-right: 50px;
		position: relative;
    	}
	#grid.container {
		left: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*
============================================================
					Blog Fullwidth Section
============================================================
*/



/** 
 * Style for blog row
 ****************************************************************************/
.blog-row {
	font-family: 'Open Sans', sans-serif;
}
.blog-row-spacing {
	padding: 25px;
}
.blog-title {
	font-family: 'Anton', sans-serif;
	font-size: 2.7em;
	text-transform: uppercase;
}
.blog-image  img{
	max-width: 100%;
	border: 1px solid transparent;
	padding: 10px;
}


/**
 * Common style for blog image
 ****************************************************************************/
.blog-image figure {
	position: relative;
	width: 100%;
	text-align: center;
}

.blog-image figure img {
	width: 100%;
	opacity: 0.8;
	text-align: center;
}

.blog-image figure figcaption {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.blog-image figure figcaption::before,
.blog-image figure figcaption::after {
	pointer-events: none;
}

.blog-image figure figcaption,
.blog-image figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**
 * Effect on image mouse over 
 ****************************************************************************/
.blog-image figure.effect-layla figcaption::before,
.blog-image figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

.blog-image figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.blog-image figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.blog-image figure.effect-layla h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.blog-image figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

.blog-image figure.effect-layla img,
.blog-image figure.effect-layla h2 {
	
}

.blog-image figure.effect-layla img,
.blog-image figure.effect-layla figcaption::before,
.blog-image figure.effect-layla figcaption::after,
.blog-image figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.blog-image figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.blog-image figure.effect-layla:hover figcaption::before,
.blog-image figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.blog-image figure.effect-layla:hover h2,
.blog-image figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.blog-image figure.effect-layla:hover figcaption::after,
.blog-image figure.effect-layla:hover h2,
.blog-image figure.effect-layla:hover p,
.blog-image figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/*
============================================================
					Sidebar Section
============================================================
*/
#sidebar {
    padding: 3%;
}
.widget {
    background-color: transparent;
    border: 0px solid #ffd400;
	border-radius: 0;
	padding: 25px 0;
}
#sidebar h2{
	font-size:25px;
	color: #FFD400;
}
.lead {
    font-size: 14px;
}
#sidebar hr {
    width: 40%;
    border: 1px solid #ffd400;
    margin: 25px auto;
}

.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #000;
    border: 1px solid #66A2BF;
    border-radius: 15px;
}
.pager li>a:hover, .pager li>a:focus {
    text-decoration: none;
    background-color: #FFD400;
}
ul.tags {
    list-style: none;
    padding: 0;
    margin: 0;
}
.comments {
    margin-bottom: 40px;
}
ul.all-comments {
    margin: 0;
    padding: 0;
}
.all-comments li {
    list-style: none;
}
.comments-area {
    overflow: hidden;
    margin-bottom: 10px;
}
.comments-area img {
    width: auto;
    max-width: 85px;
    float: left;
    border-radius: 50%;
    height: 85px;
	border: 2px solid #66A2BF;
}
.comments-description {
    margin-left: 90px;
}
.comments-area .comments-description p {
    font-size: 14px;
    margin: 0 !important;
}
.comments-area .comments-description span {
    font-size: 12px;
    margin: 0 0 10px;
    font-size: 11px;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.comments-description .btn.btn-default {
    float: right;
	margin: 1%;
}

ul.tags li:hover .tag {
    background-color: #66A2BF;
    border-color: #66A2BF;
    color: #fff !important;
}
ul.tags li .tag {
    border: 1px solid #66A2BF;
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 2px;
    padding: 2px 10px;
    text-transform: lowercase;
}

ul.tags li {
    display: inline-block;
}

/*
============================================================
					Portfolio Section
============================================================
*/

section#theportfolio {
    min-height: 600px;
	padding-bottom: 5%;
}
 
#filters {
	margin:1%;
	padding:0;
	list-style:none;
}

	#filters li {
		float:left;
	}
	
	#filters li span {
		display: block;
		padding:5px 20px;		
		text-decoration:none;
		color:#666;
		cursor: pointer;
	}
	
	#filters li span.active {
		background: #314190;
		color:#fff;
	}
 

 
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:23%;
	margin:1%;
	display:none;
	float:left;
	overflow:hidden;
}

#portfoliolist_3columns .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:31%;
	margin:1%;
	display:none;
	float:left;
	overflow:hidden;
}


	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		background: transparent;
		cursor:pointer;
	}

	.portfolio img {
		max-width:100%;
		position: relative;
		top:0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);		
	}
	
	.portfolio .label {
		position: absolute;
		width: 100%;
		height:40px;
		bottom:-40px;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	
	a.text-title {
		color: #d6d6d6;
		line-height: 15px;
	}

		.portfolio .label-bg {
			background: #66A2BF;
			width: 100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
		}
	
		.portfolio .label-text {
			color:#fff;
			position: relative;
			z-index:500;
			padding:5px 8px;
		}
			
			.portfolio .text-category {
				display:block;
				font-size:9px;
			}
	
	.portfolio:hover .label {
    bottom:0;
  }
	.portfolio:hover img {
    top:-30px;
  }  



/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container {
		width: 768px; 
	}
}


/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.container { 
		width: 95%; 
	}
	
	#portfoliolist .portfolio {
		width:48%;
		margin:1%;
	}		

	#ads {
		display:none;
	}
	
}


/* #Mobile (Landscape) - Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	
	#ads {
		display:none;
	}
	
}

/* Tablet Landscape */
@media only screen and (min-width: 958px) and (max-width: 1079px) {
#page_title {
    height: 250px;
}
.parallax-window {
    min-height: 250px;
    background: transparent;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.parallax-window {
    min-height: 160px;
    background: transparent;
}
#page_title {
    height: 160px;
}
.img-responsive {
    display: inline;
    padding-bottom: 30px;
}
#download {
    background-color: #66A2BF;
    height: 190px;
}
.contact_btn {
    margin: -20px 0px 5px 35%;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#page_title h1 {
    color: #fff;
    font-size: 20px;
}
.img-responsive {
    display: inline;
    padding-bottom: 25px;
}
#page_title {
    height: 100px;
}
.parallax-window {
    min-height: 100px;
    background: transparent;
}
.contact_btn {
    margin: 0px 0px 5px 100px;
}
#download h3 {
    font-size: 18px;
}
}

/* Vertical Iphone */
@media only screen and (max-width: 479px) {
.contact_btn {
    margin: -25px 0px 5px 50px;
}
#download h3 {
    font-size: 12px;
}
#page_title h1 {
    color: #fff;
    font-size: 20px;
}
.img-responsive {
    display: inline;
    padding-bottom: 25px;
}
#page_title {
    height: 100px;
}
.parallax-window {
    min-height: 100px;
    background: transparent;
}
.content-section {
    padding-top: 40px;
}
#map {
    height: 200px !important;
}
.window-static {
    min-height: 120px;
	}
#breadcrumbs p {
    padding: 0%;
    color: #fff;
    font-size: 12px;
    margin: 15px 0;
}
h2 {
    font-size: 25px;
}
p {
    font-size: 16px;
	}
#team .social-list {
    padding-top: 3%;
    padding-bottom: 8%;
}
#theportfolio {
    min-height: 600px;
    padding-bottom: 5%;
    padding-top: 7%;
}
#portfoliolist_3columns .portfolio {
    width: 48%;
}
h1.page-header {
    font-size: 25px;
}
.carousel-control {
    top: -25%;
}
.counters-section {
    padding-top: 10%;
}
}

.info {
    margin: 2% 0 0;
}

div#share-buttons{
	float:right;
}

#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}