/* www.bootstrappage.com */
@font-face {
            font-family: 'HelveticaRegular';
            src: url('../fonts/helvetica___-webfont_latin.eot');
            src: url('../fonts/helvetica___-webfont_latin.eot?#iefix') format('embedded-opentype'),
                 url('../fonts/helvetica___-webfont_latin.ttf') format('truetype'),
                 url('../fonts/helvetica___-webfont_latin.svg#HelveticaRegular') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        @font-face {
            font-family: 'HelveticaBold';
            src: url('../fonts/helvetica_bold___-webfont_latin.eot');
            src: url('../fonts/helvetica_bold___-webfont_latin.eot?#iefix') format('embedded-opentype'),
                 url('../fonts/helvetica_bold___-webfont_latin.ttf') format('truetype'),
                 url('../fonts/helvetica_bold___-webfont_latin.svg#HelveticaRegular') format('svg');
            font-weight: bold;
            font-style: normal;
        }
body{ padding:0; color: #454545; font-family: 'Open Sans', sans-serif;}
a,a:hover{text-decoration:none; color:white}
h2,h3{color:#00BFFF; text-rendering: optimizelegibility; }
h1{padding: 0 0 44px; font-weight: 200;font-size: 54px;line-height: 56px;color:black;margin: 0;font-family: 'HelveticaRegular';text-rendering: optimizelegibility;text-shadow: 2px 2px #aaa;}
h1.brand {padding: 0;height: 75px;padding-top: 75px;margin: -104px auto 0;width: 150px;background: rgb(255, 61, 0);border-radius: 50%;box-shadow: 0px 0px 4px #000;color: #fff;font-size: 41px;text-shadow: 1px 1px 0 #000;line-height: 81px;}
.clr{clear:both}
.cntr{text-align:center}

.navbar{margin-bottom:-1px; margin-top:8px; position:relative;color:#FFFFFF; min-height:0px}
.navbar .nav, .navbar .nav > li{float:none; text-align:center}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .navbar .nav> .active > a:active {color: #FFFFFF;text-decoration: none;background-color: #00BFFF; -webkit-box-shadow:  0 0 0;-moz-box-shadow:  0 0 0;box-shadow: 0 0 0;border-bottom: 2px solid #0033FF;}
.navbar .nav>li>a:hover, .navbar .nav>li>a:focus, .navbar .nav>li>a:active{color: #FFFFFF;background-color: #00BFFF}
.nav li{display:inline-block; float:none;}
.nav a {padding: 3px 18px; text-transform: uppercase;font-size: 14px; display: inline-block; color:#FFFFFF; font-family: 'HelveticaBold';}

#contactSection, #portfolioSection, #ourServices, #testimonialSection, #blogSection, #ourPartners, #requestSection{padding:130px 0 44px; }
.txtR{text-align:right}
#blogSection{background: #e6e6e6 url(../images/background1.jpg) no-repeat fixed center;}
#blogSection .thumbnail{box-shadow: 10px 10px 5px #888888;}
#ourServices{background: #e6e6e6 url(../images/background2.jpg) no-repeat fixed center;text-align: center;border-top: 1px solid #ddd;}
#ourServices .thumbnail{background:#fff; color:#00BFFF;}
#ourServices .thumbnail:hover, .thumbnail:active{color:#fff; background:#00BFFF}
#ourServices .thumbnail p{text-align:center}
#ourServices .thumbnail ul{list-style-type:none}
#ourServices .thumbnail ul li{text-align:center}
#blogSection .thumbnail{box-shadow: 10px 10px 5px #888888}

#headerSection {background: url(../images/shadow.png) no-repeat center bottom #00abf0;border-bottom: 1px solid #dedede; padding: 8px 0 0; opacity:0.9}
#welcomeSection{padding:0px 120px 30px 120px; text-align:center; color:#00BFFF;width:100%}
#welcomeSection p{text-align:center;}
#headerSection {border-bottom:1px solid #fff;position: fixed;top: 0;left: 0;display: inline-block;width: 100%;z-index: 1;transition: all 800ms;z-index: 9999;}
.blockDtl {text-align:center; color:#00BFFF}
#shadow{background:url(../images/shadow.png) no-repeat center bottom #fff; min-height:44px; padding:18px 0; text-align:center}

#carouselSection{ margin:0 auto; background:url(../images/shadowsReverse.png) no-repeat center bottom #fff; padding: 95px 0 31px; color:#eee;}
#carouselSection #myCarousel{margin-bottom:0}
#myCarousel .carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
#myCarousel .carousel .active.left {left:0;opacity:0;z-index:2;}
#myCarousel .carousel .next {left:0;opacity:1;z-index:1;}
.carousel-caption,.carousel-control {display:none}

.inner{margin-bottom:38px;padding-bottom:20px}
.blogBlk{background:#fff; display: block;padding: 28px;line-height: 1.6em;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.blogBlk:last-child{padding-bottom: 0px}

#footerSection{background:#e6e6e6; border-top:1px solid #fff; margin-top:0px; padding:18px 0 8px; }
#footerMenu a{padding:4px; color:#666;}
#footerMenu a:hover{color:#000; text-decoration:underline}
#footerMenu a:focus{text-decoration:none}

#footerSection, #headerSection {box-shadow: 0 0 14px rgba(36, 33, 33, 0.5);-webkit-box-shadow: 0 0 14px rgba(36, 33, 33, 0.5);-moz-box-shadow: 0 0 14px rgba(36, 33, 33, 0.5);}
#footerSection .container{position:relative; }
#footerSection .right{text-align:right}
#footerSection .designer{font-weight:bold; color:blue}
.socialMedia{height:100px; width:160px; margin-top:-50px; position:absolute; right:0; top:0;}
.socialMedia a:hover{z-index:999;}
.socialMedia a{border-radius:50%;}
.twitter{position:absolute; right:0; top:0; display:inline-block; height:100px; width:100px; background:url(../images/t.png) no-repeat center center #00a0d1; z-index:1}
.facebook{position:absolute; left:0; top:0; display:inline-block; height:100px; width:100px; background:url(../images/f.png) no-repeat center center #3b5998; z-index:2}
.linkedin{position:absolute; right:0; top:0; display:inline-block; height:100px; width:100px; background:url(../images/l.png) no-repeat center center #00a0d1; z-index:1}

.go-top {
display: inline-block;
position: fixed;
bottom: 8px;
right: 30px;
padding: 0px 10px 5px;
color: #999;
text-decoration: none;
font-size: 30px;
line-height: 34px;
}
.go-top:hover {
color: #fff;
text-decoration: none;
background-color: #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}


#headerSection .btn.btn-navbar {
width: 100%;
text-align: center;
border: 0;
margin: 0;
border-radius: 0;
}
#headerSection  .navbar .btn-navbar .icon-bar {
width: 100%;
height: 2px;
}
.blockDtl{background:#fff}

#brand{color:white;text-rendering: optimizelegibility;font-size:20pt;}
#headerSection .container{width:100%}
.container{padding-left:0px; padding-right:0px;}
.comment {text-align:justify; color:gray; font-family:'HelveticaRegular'}
.serviceText{color:#00BFFF}
.navbar .nav>li>a {float: none;padding: 10px 15px 10px;color: #FFFFFF;text-decoration: none;text-shadow: none;height:auto}

.nav>a#menu {
    display: none;
}

.row{margin-right:0px}

/*Main Carousel*/
#main-carousel .item{
  margin: 3px;
}
#main-carousel .item img{
  display: block;
  width: 100%;
  height: auto;
}

#main-carousel{width:100%; height:40%; padding-top: 35px;}

.owl-carousel {
position: relative;
}
.owl-prev,
.owl-next {
position: absolute;
top: 50%;
margin-top: -1%; /*Half of the prev/next buttons height here in negatives to center them perfectly*/
}
.owl-prev {
left: 0;
}
.owl-next {
right: 0;
}

.overlay{
   position:absolute;
   display:block;
   bottom:0px;
   left:0px;
   background-color:black;
   opacity:0.5;
   filter: alpha(opacity=50);
   width:100%;
   color:white;
   padding-left:2%;
   padding-bottom:1%;
}


.overlay > p, .overlay > h4 {
	position:relative;
	color:white;
   	opacity:1;
   	filter: alpha(opacity=100);
   	text-align:left
}
.overlay > p {font-size:1em;}
.overlay > h4{font-weight:bold;}

.serviceImages{
	width 100%
}
h1.profile{color: #00BFFF}
p.vision{font-style:italic;}
h4{text-align:center;}
h4.left{text-align:left;}
p{text-align: justify}
.partner{padding: 10px 10px 10px 10px; color:#464646; text-decoration:none}
.sidebyside{float:left; padding: 0px 5px 5px 0px; overflow:hidden}
.span10{padding-left:100px}

/*Form Styles*/
.formstyle{background-color: #dedede}
.formstyle1{background-color: #00BFFF}
label.radio-inline{font-weight: none}
.control-group{clear:both}
.form-border{border: 1px solid #00BFFF; background-color:white}
.form-horizontal{padding:20px 20px 20px 20px}
.form-actions{background-color: #dedede; padding:10px 0px 10px 5px}
#contactForm{height:auto; padding-bottom:30px; padding-top:20px}

#map{width: 100%;height: 285px;border: 1px solid white}

/*Form Alert Styles*/
.required{color:red}
.alert-error{
	color:#b94a48;
	background-color:#f2dede;
	border-color:#eed3d7
}
.alert{
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	border: 1px solid #fbeed5;
	border-radius: 4px
}

/*Testimonial Carousel*/
#testimonialCarousel .name{font-weight:bold;color:#A52A2A}
#testimonialCarousel .right{text-align:right}
#testimonialCarousel .comment{font-style:italic;color:#A52A2A}
#testimonialCarousel {height:400px}

@media screen and (max-width: 1024px) {
	#testimonialCarousel {height:500px}
	#main-carousel{width:100%; height:auto; padding-top: 0px;}
	#welcomeSection{padding:0px 10px 30px 10px;}
	.navbar{
		border:0px
	}
     .nav {
        height: auto;
    }
     .nav>ul.nav {
        width: 100%;
        display: none;
        height: auto;
    }
     .nav>li {
        width: 50%;
        float: left;
        position: relative;
    }
     .nav>li>a {
        border-bottom: 1px solid #576979;
        border-right: 1px solid #576979;
    }
     .nav>a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
    }

    .nav>a#menu {
        display: block;
        background-color: #283744;
        width: 100%;
        position: relative;
        text-decoration:none
    }

    .nav>a#menu:after {
        content:"";
        background: #283744 url(../images/menu-icon.png) no-repeat;
        width: 25px;
        height: 25px;
        display: inline-block;
        position: absolute;
        right: 30px;
        top: 0px;
    }
    h4{
    	font-weight:bold;
    }
}

@media screen and (max-width: 980px) {
	#ourServices .thumbnail{font-size:.8em}
}

@media screen and (max-width: 767px) {
	#ourServices .thumbnail{font-size:1em}
}

@media screen and (max-width: 680px) {
	#testimonialCarousel {height:600px}
}

@media screen and (max-width: 600px) {
	 .overlay > p {font-size:0.9em;}
	 .overlay > h4{font-size:1em}
     .nav {
        height: auto;
    }
     .nav>ul {
        width: 100%;
        display: block;
        height: auto;
    }
     .nav>li {
        width: 50%;
        float: left;
        position: relative;
    }
     .nav>li>a {
        border-bottom: 1px solid #576979;
        border-right: 1px solid #576979;
    }
     .nav>a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
    }

}
@media screen and (max-width: 520px) {
	 .overlay > p {font-size:0.6em;}
	 .overlay > h4{font-size:0.9em}
}

@media only screen and (max-width : 480px) {
	#testimonialCarousel {height:750px}
     .nav {
        border-bottom: 0;
    }
     .nav>ul {
        display: none;
        height: auto;
    }

     #brand{
    	font-size:1.5em
    }
}

@media only screen and (max-width : 360px) {
	#testimonialCarousel {height:850px}
     .nav>li {
        display: block;
        float: none;
        width: 100%;
    }
     .nav>li>a {
        border-bottom: 1px solid #576979;
    }

    #brand{
    	font-size:1.2em
    }
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/*Privacy Policy*/
#privacypolicy{
  padding: 15px;
  text-align: center;
}

/*Carousel Styles from Bootstrap.css*/
/*.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}*/

/*.carousel-indicators li {
  background-color: #999;
  background-color: rgba(70,70,70,.25);
}

.carousel-indicators .active {
  background-color: #444;
}*/