@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);



body {

    width: 100%;

    height: 100%;

    font-family: 'Montserrat', sans-serif;

    color: #fff;

	background: url("../img/web_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);

}



html {

    width: 100%;

    height: 100%;

}



h1,

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;

}



p {

    margin: 0 0 25px;

    font-size: 18px;

    line-height: 1.5;

}



.featurette-heading {

    text-align: left;

	width: 57%;

}



.col-lg-8.col-lg-offset-2 > p {

	text-align: center;

}



a {

    color: #1c8496;

    -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: #0e424d;

}



.light {

    font-weight: 400;

}



.navbar-custom {

    margin-bottom: 0;

    border-bottom: 1px solid rgba(255,255,255,.3);

    text-transform: uppercase;

    font-family: Montserrat, sans-serif;

    background-color: #000;

}



.navbar-custom .navbar-brand {

    font-weight: 700;

}



.navbar-custom .navbar-brand:focus {

    outline: 0;

}



.navbar-custom .navbar-brand .navbar-toggle {

    padding: 4px 6px;

    font-size: 16px;

    color: #fff;

}



.navbar-custom .navbar-brand .navbar-toggle:focus,

.navbar-custom .navbar-brand .navbar-toggle:active {

    outline: 0;

}



.navbar-custom a {

    color: #fff;

}



.navbar-custom .nav li.active {

    outline: nonte;

    background-color: rgba(255,255,255,.3);

}



.navbar-custom .nav li a {

    -webkit-transition: background .3s ease-in-out;

    -moz-transition: background .3s ease-in-out;

    transition: background .3s ease-in-out;

}



.navbar-custom .nav li a:hover,

.navbar-custom .nav li a:focus,

.navbar-custom .nav li a.active {

    outline: 0;

    background-color: rgba(255,255,255,.3);

}



.btn {

    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-submit {

	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);

    text-transform: uppercase;

    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

    font-weight: 400;

	border-radius: 0;

	border: 0;

	padding: 10px 20px;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.btn-submit:hover, .btn-submit:focus {

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);

    color: #000;

    text-decoration: none;

}



.btn-default {

    border: 1px solid #219ab3;

    color: #219ab3;

    background-color: transparent;

}



.btn-default:hover,

.btn-default:focus {

    border: 1px solid #219ab3;

    outline: 0;

    color: #000;

    background-color: #219ab3;

}



ul.banner-social-buttons {

    margin-top: 0;

}



/**

* Contact Page styling

**/



.address {

	clear:both;

	text-align: left;

}



ul.unstyled {

    list-style: none outside none;

    margin: 0;

    padding: 0;

}

ul.unstyled li {

    padding: 5px 0;

}

ul.unstyled i {

    margin-right: 20px;

}

ul.social-link {

    list-style: none outside none;

    margin: 0;

    padding: 0;

	text-align: left;

}

ul.social-link li {

    display: inline-block;

    padding: 10px 20px 10px 0;

}

ul.social-link li a {

    color: #fff;

    opacity: 0.5;

}

ul.social-link li a:hover {

    opacity: 1;

}

ul.social-link li a i {

    font-size: 30px;

}

.social {

	margin: 30px 0 0 0;

}



/* 

CONTACT FORM

*/

#form {

	font-family:"Titillium Web", arial, sans-serif;

	float:left;

	overflow:auto;

	padding:0 0 9px;

	position:relative;

	width:100%;

}



input::selection {

  background: #e5e5e5;

}



input::-moz-selection {

  background: #e5e5e5;

}



textarea::selection {

  background: #e5e5e5;

}

textarea::-moz-selection {

  background: #e5e5e5;

}



#form table { 

	margin:0;

	padding:0;

	width:100%;

}



#form input[type="submit"],#form input[type="reset"] {

	background-color:#FFF;

	border:none;

	border-radius:5px;

	color:#555;

	cursor:pointer;

	font-family:"Titillium Web", arial, sans-serif;

	font-size:21px;

	font-weight:400;

	margin:10px 0 0 0;

	padding:5px 20px;

	text-decoration:none;

	transition:all 160ms linear;

}



 #form input[type="reset"] {

	margin: 0 0 0 15px;

}



#form input[type="submit"]:hover,#form input[type="reset"]:hover { background-color:#888; }



#form input[type="text"],#form input[type="email"] {

	background-color:#FFF;

	border:none;

	border-radius:5px;

	color:#555;

	font-family:"Titillium Web", arial, sans-serif;

	font-size:16px;

	font-weight:400;

	height:43px;

	margin:0 0 10px;

	overflow:auto;

	padding:8px 0 8px 13px;

	width:100%;

}



#form input[type="email"]:required:invalid,#form input[type="email"]:focus:invalid {

	background-image:url("../img/locked.png");

	background-position:right 8px center;

	background-repeat:no-repeat;

	box-shadow:none;

}



#form input[type="email"]:required:valid {

	background-image:url("../img/unlocked.png");

	background-position:right 8px center;

	background-repeat:no-repeat;

}



#form textarea {

	background-color:#FFF;

	border:none;

	border-radius:5px;

	clear:left;

	color:#555;

	display:block;

	float:left;

	font-family:"Titillium Web", arial, sans-serif;

	font-size:16px;

	font-weight:400;

	height:241px;

	margin:0;

	overflow:auto;

	padding:8px 0 8px 13px;

	resize:none;

	width:100%;

}



/*

Contact Message fade in

*/

#contactResponse > h2 {

	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */

    -moz-animation: fadein 2s; /* Firefox < 16 */

    -ms-animation: fadein 2s; /* Internet Explorer */

    -o-animation: fadein 2s; /* Opera < 12.1 */

    animation: fadein 2s;

}



@keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Firefox < 16 */

@-moz-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Internet Explorer */

@-ms-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Opera < 12.1 */

@-o-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/*

General Styling

*/

.intro {

    display: table;

    width: 100%;

    height: auto;

    padding: 100px 0;

    text-align: center;

    color: #fff;

    background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;

    background-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;

}



.btn {

	padding: 0;

}



.btn-circle {

    width: 50px;

    height: 50px;

    margin-top: 15px;

    border-radius: 35px;

    font-size: 40px;

    color: rgba(255, 255, 255, 1);

    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;

}



.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);

    }

}



/* Desktops and laptops ----------- */

@media only screen 

and (min-width : 1224px) {



	.intro-text {

    text-align: center;

	}



	section#about {

		border-top: 5px solid rgba(255,255,255, 0.1);

		height: 100% !important;

		padding-top: 150px;

	}



	.featurette-heading > h2, p {

		text-align: left;

	}

	

	section#web {

	min-height: 100%;

	padding-top: 80px;

	padding-bottom: 80px;

	}



	section#graphics {

	min-height: 100%;

	padding-top: 80px;

	padding-bottom: 80px;

	}

	.graphics-section {

    	width: 100%;

		height: 100%;

    	color: #fff;

	}

	section#contact {

   		height: 85% !important;

	}

	section#contact p {

   		

	}



	.col-lg-4 {

    	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);

	    border-radius: 5px;

    	display: inline;

	    margin-right: 10px;

    	padding: 10px 8px 0;

		width: 32% !important;

	}


	.web-section {

    	width: 100%;

		height:100%;

	    color: #fff;

	    -webkit-background-size: cover;

    	-moz-background-size: cover;

	    background-size: cover;

    	-o-background-size: cover;

	}

}



@media(max-width:1199px) {

    ul.banner-social-buttons {

        margin-top: 15px;

    }



	img.featurette-image.pull-right {

	  width: 50%;

	}

}



/* iPads (portrait and landscape) ----------- */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) {



    .content-section {

        padding-top: 75px;

    }



	.container {

		width:auto;

		height: 200%;

	}



	section#about {

		height: 600px;

	}



	section#web {

   		height: 120% !important;

		padding-top: 50px;

		margin-bottom: 40px;	

	}



	section#graphics {

   		min-height: 600px !important;

		margin-bottom: 150px;	

	}



 	.web-section {

    	width: 100%;

		padding-top: 30px;

	    color: #fff;

		border-top: 2px solid #333;

		background: url("../img/web_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

	}



	.graphics-section {

    	width: 100%;

    	color: #fff;

		padding-top: 30px;

		border-top: 2px solid #333;

		border-bottom: 2px solid rgba(255, 255, 255, 0.2);

	}



	.col-lg-4 {

    	background: none !important;

	    border-radius: 5px;

	    margin-right: 10px;

	    padding: 10px 8px 0;

	    width: 100;

	}

		

}





@media(min-width:767px) {

    p {

        margin: 0 0 30px;

        font-size: 20px;

        line-height: 1.6;

    }



    .navbar {

        padding: 20px 0;

        border-bottom: 0;

        letter-spacing: 1px;

        background: 0 0;

        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;

        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;

        transition: background .5s ease-in-out,padding .5s ease-in-out;

    }



    .top-nav-collapse {

        padding: 0;

        background-color: #000;

    }



    .navbar-custom.top-nav-collapse {

        border-bottom: 1px solid rgba(255,255,255,.3);

    }



    .intro {

        height: 100%;

        padding: 0;

    }



    .intro .intro-body .brand-heading {

        font-size: 100px;

    }



    .intro .intro-body .intro-text {

        font-size: 25px;

    }

}



@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3)

{

	.col-lg-4 {

    	background: none !important;

	    border-radius: 5px;

	    margin-right: 10px;

	    padding: 10px 8px 0;

	    width: 30% !important;

	}

	section#about {

		border-top: 5px solid rgba(255,255,255, 0.1);

		height: 1200px !important;

		padding-top: 100px;

	}

	.featurette-image.pull-right {

    	display: none;

	}

	.featurette-heading {

    	text-align: center;

	    width: 100%;

	}

	section#web {

 		height: 1530px !important;

		padding-top: 60px;

		margin-bottom: 40px;	

	}

	.nav-tabs > li {

		width: 100%;

		text-align: center !important;

	}



	section#graphics {

		height: 1800px !important;

		padding-top: 60px;

		margin-bottom: 150px;

		text-align: center !important;

	}

  	.graphics-section {

    	width: 100%;

	    padding: 50px 0;

    	color: #fff;

	}

	.address > p {

		text-align: center;

	}

	.col-lg-4 {

	    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);

    	border-radius: 5px;

	    display: inline;

    	margin-right: 10px;

	    padding: 10px 8px 0;

	   	width: 100% !important;

	}



	img.featurette-image.pull-right {

	  width: 50%;

	}

}



footer {

    padding: 50px 0;

}



footer p {

    margin: 0;

	text-align: center;

}



::-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;

}



body {

    webkit-tap-highlight-color: rgba(255,255,255,.2);

}



.col-lg-4 p {

	font-size: 15px;

}



.col-lg-4 h3 {

	font-size: 20px;

}



.container {

	width:auto;

}



/**

* Tab Navigation Overrides

**/



.panel {

	background: transparent !important;

	border: none;

}



.panel-default > .panel-heading {

	background-color: transparent !important;

	color: #fff !important;

	border: none;

}



.tab-pane {

	min-height: 300px;

}



#myTabContent {

	float: left;

}



#myTab {

	float: left;

}



#myTab p {

	text-align: justify !important;

}



.nav > li > a:hover, .nav > li > a:focus {

	background: rgba(255, 255, 255, 0.3);

	color: #fff;

	border: none !important;

	transition: background 0.3s ease-in-out 0s;

}



.col-lg-4 p {

	text-align: justify;

}



.tab-content {

    padding-top: 10px;

}



.nav-tabs {

    border: none !important;

}







.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

	background-color: rgba(255,255,255, 0.1) !important;

	color: #fff !important;

	border: none !important;

}



.nav-tabs > li > a {

    border: none !important;

    border-radius: 0px !important;

    line-height: 1.42857;

    margin-bottom: 8px;

    margin-right: 2px;

}

.nav.nav-tabs {

   font-size: 20px;

    line-height: 1.6;

}



#t1 p,#t2 p,#t3 p,#t4 p,#t5 p {

	-webkit-animation: tabfadein 2s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: tabfadein 2s; /* Firefox < 16 */

        -ms-animation: tabfadein 2s; /* Internet Explorer */

         -o-animation: tabfadein 2s; /* Opera < 12.1 */

            animation: tabfadein 2s;

}



@keyframes tabfadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Firefox < 16 */

@-moz-keyframes tabfadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes tabfadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Internet Explorer */

@-ms-keyframes tabfadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Opera < 12.1 */

@-o-keyframes tabfadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/** glyph-icon override **/

.glyphicon-phone-alt {

	font-size: 0.8em;

}



/**

* Auto Slider Styling

**/



/*Animations are sped up so you're not sitting here all day*/



/*Desktop and Tablet*/

@-webkit-keyframes slide {

  0% { margin:0; }

  5%,50% { margin:0 0 0 -100%; }

  55%, 100% { margin:0; }

}

@-moz-keyframes slide {

  0% { margin:0; }

  5%,50% { margin:0 0 0 -100%; }

  55%,100% { margin:0; }

}

@-ms-keyframes slide {

  0% { margin:0; }

  5%,50% { margin:0 0 0 -100%; }

  55%,100% { margin:0; }

}

@-o-keyframes slide {

  0% { margin:0; }

  5%,50% { margin:0 0 0 -100%; }

  55%,100% { margin:0; }

}

@keyframes slide {

  0% { margin:0; }

  5%,50% { margin:0 0 0 -100%; }

  55%,100% { margin:0; }

}



/*Mobile*/

@-webkit-keyframes slide_mobile {

  0%, 22% { margin:0; }

  25%, 47% { margin:0 0 0 -100%; }  

  50%, 72% { margin:0 0 0 -200%; }

  75%, 97% { margin:0 0 0 -300%; }

  100% { margin:0; }

}



@-moz-keyframes slide_mobile {

  0%, 22% { margin:0; }

  25%, 47% { margin:0 0 0 -100%; }  

  50%, 72% { margin:0 0 0 -200%; }

  75%, 97% { margin:0 0 0 -300%; }

  100% { margin:0; }

}



@-ms-keyframes slide_mobile {

  0%, 22% { margin:0; }

  25%, 47% { margin:0 0 0 -100%; }  

  50%, 72% { margin:0 0 0 -200%; }

  75%, 97% { margin:0 0 0 -300%; }

  100% { margin:0; }

}



@-o-keyframes slide_mobile {

  0%, 22% { margin:0; }

  25%, 47% { margin:0 0 0 -100%; }  

  50%, 72% { margin:0 0 0 -200%; }

  75%, 97% { margin:0 0 0 -300%; }

  100% { margin:0; }

}



@keyframes slide_mobile {

  0%, 22% { margin:0; }

  25%, 47% { margin:0 0 0 -100%; }  

  50%, 72% { margin:0 0 0 -200%; }

  75%, 97% { margin:0 0 0 -300%; }

  100% { margin:0; }

}



    .rotator-wrap {

        overflow:hidden;

        position:relative;

        min-height:100px;

        width:100%;

    }



    .rotator {

        width:200%;

        overflow:hidden;

        margin:0;

        list-style:none;

        padding:0;



	/* Length of the animation */

        -webkit-animation: slide 10s infinite ease-out 5s;

        -moz-animation:    slide 15s infinite ease-out 5s;

        -ms-animation:     slide 15s infinite ease-out 5s;

        -o-animation:      slide 15s infinite ease-out 5s;

        animation:         slide 15s infinite ease-out 5s;

    }



    .rotator > li {

        padding:15px;

        width:12.5%;

        float:left;

        margin:0;

        box-sizing:border-box;      

        -webkit-transition:margin .2s ease-out;

        -moz-transition:margin .2s ease-out;

        -ms-transition:margin .2s ease-out;

        -o-transition:margin .2s ease-out;

        transition:margin .2s ease-out;

    }

    .rotator > li:hover {

      margin:-7px 0 0 0;

      cursor:pointer;

    }



    .rotator > li > div {

        width:100%;

        height:100%;

        line-height: 0;

        overflow:hidden;  

        -webkit-transition: box-shadow .2s ease-out;

        -moz-transition:box-shadow .2s ease-out;

        -ms-transition:box-shadow .2s ease-out;

        -o-transition:box-shadow .2s ease-out;

        transition:box-shadow .2s ease-out;

    }





	

	@media only screen and (max-width: 1024px) {

		.rotator li {

            width:35%;

        }



		.brand-heading > img {

			width:50%;

			height:50%;

			

		}



	}



	@media only screen and (max-width: 1024px) {



		.brand-heading > img {

			width:50%;

			height:50%;

			

		}

		.rotator li {

            width:25%;

        }



		.rotator img {

			width: 80% !important;

		}



	}



    @media only screen and (max-width: 767px) {

		.brand-heading > img {

			width:50%;

			height:50%;

			

		}



        .rotator {

            width:266%;

        }



		.rotator img {

			width: 70% !important;

		}



		.rotator li {

            width:12.5%;

        }



      	section#about {

			padding-top:20px;

		}

		section#web {

			padding-top:30px;

		}

		section#graphics {

			padding-top:30px;

		}

		img.featurette-image.pull-right {

		  width: 50%;

		}



		.nav-tabs > li {

		    display: inline;

		    float: left;

		    margin-bottom: -1px;

		    width: 100%;

		}

    }



    @media only screen and (max-width: 520px) {

      

		.brand-heading > img {

			width:50%;

			height:50%;

			

		}



		img.featurette-image.pull-right {

			width: 50%;

		}

		

		section#about {

			padding-top:20px;

			padding-bottom: 20px;

		}

		section#web {

			padding-top:30px;

			padding-bottom: 20px;

		}

		section#graphics {

			padding-top:30px;

		}

		.nav-tabs > li {

		    display: inline;

		    float: left;

		    margin-bottom: -1px;

		    width: 100%;

		}



		.rotator {

            width:800%;

            -webkit-animation: slide_mobile 25s infinite ease-out;

            -moz-animation:    slide_mobile 25s infinite ease-out;

            -ms-animation:     slide_mobile 25s infinite ease-out;

            -o-animation:      slide_mobile 25s infinite ease-out;

            animation:         slide_mobile 25s infinite ease-out;

        }



		.rotator > li > div {

		    height: 100%;

		    line-height: 0;

		    overflow: hidden;

		    transition: box-shadow 0.2s ease-out 0s;

		    width: 200px;

			margin: 0 auto;

		}



		p.intro-text a {

			text-shadow: 0 0 6px rgba(0, 0, 0, 0.4);

		}



    }



/**

* Canvas

**/

canvas#world {

    left: 0;

    padding-top: 175px;

    position: absolute;

    width: 100%;

    z-index: 0;

}



section#graphics1 {

	background: url("../img/bg-2.jpg") no-repeat center center;

	height: 100%;

    width: 100%;

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

}

#snow {
	position:relative;
}