@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,500italic,400italic,300italic,100,100italic,700,700italic);
/* COMMON STYLES ********************* */
.clear-float {clear:both;}
.cell-1 {width:980px!important;}
.capital {text-transform:uppercase;}
.bold {font-weight:600;}
.capital-bold {font-family:'Robot', sans-serif; text-transform:uppercase;}
.font {font-weight:400/*;,Arial, Helvetica, sans-serif*/!important;}
.italic {font-style:italic;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center!important;}
.align-justify {text-align:justify;}
.margin-top-none {margin-top:0px!important;}
.img-block {display:compact;}

body { 
	font-family: 'Robot', sans-serif;
	color:#333!important; 
	font-size:15px;
	line-height:22px;
	font-weight:300;
	padding:0; margin:0;
	border-top:5px solid #777;
	padding-top:10px;
}


/* ******************************************************************** 
   HOMEPAGE
********************************************************************* */
/* Top */
.navbar-brand {
	display:none!important; 
}
.logo-symbol {
	
}
.top-cell {
	padding-bottom:0px; 
	padding-top:0px;
}
.top-contact {
	padding:4px 10px 7px 12px;
	border-radius:3px;
	/*background:#fff;
	font-family: 'OpenSans-Bold';*/
	float:right;
	text-align:right;
	/*margin-top:70px;*/
	margin-bottom:11px;
}
.bottom-contact {
	padding:4px 10px 7px 12px;
	border-radius:3px;
	background:#fff;
	float:left;
	text-align:right;
	margin:0 auto;
	margin-top:12px;
	margin-right:15px;
	margin-bottom:11px;
}
.top-contact-tab {
	float:left;
	margin-right:5px;
	text-transform:uppercase;
	color:#777;
	font-size:13px;
	margin-right:5px;
}
.top-contact-tab a {
	float:left;
	margin-right:7px;
}
.top-tagline {
	float:none;
	color:#177dc2;
	font-size:13px;
	text-align:right;
	font-weight:700;
	font-size:22px;
	border-bottom:1px solid #ddd;
	border-radius:5px;
	padding-bottom:20px;
	margin-top:10px;
	margin-right:5px;
	margin-bottom:18px;
}
.top-tagline span {
	color:#666;
}
.contact-phone {
	font-size:18px;
	font-weight:500;
	padding-left:10px;	
}
.contact-follow {
	padding-top:5px;	
	padding-right:10px;	
}
.contact-call {
	font-size:18px;
	padding-top:3px;
	margin-left:20px;	
}
.contact-call span {
	font-size:13px;
	padding-right:5px;
}
.main-nav {
	background:#177dc2;
	border-radius:0px;
	overflow:hidden;
}
.main-nav li a {
	color:#fff;	
	font-weight:500!important;
	text-transform:uppercase;
	font-size:13px!important;
	padding-left:42px;
	padding-right:42px;
}
.main-nav li a:hover {
	color:#fff;	
	background:#555!important;
}
.seperator {
	background:url(../images/seperator.jpg) repeat-x left bottom;
	padding:5px 0;
	margin:5px 0;
}
.welcome-text {
	text-align:center;
	font-size:18px;
	line-height:27px;
	padding:30px 0 35px 0;
	font-weight:normal;
	color:#444;
	background:url(../images/seperator.jpg) repeat left bottom;
}
.welcome-text span {
	font-weight:600;
}
.welcome-text h1 {
	margin-top:5px;
	margin-bottom:20px;
}
.welcome-text h1 span {
	color:#177dc2;
	font-weight:500;
}


/* CONTENT /////////////////*/
.content-product {
	background:url(../images/arrow-down.jpg) no-repeat bottom center;
	padding-bottom:18px;
	text-align:center;	
	font-size:17px;
	text-transform:uppercase;
	color:#666;
	font-weight:600;
}
.content-product a {
	color:#666;
}
.content-product a:hover {
	color:#177dc2;
}
.mission {
	background:#177dc2;	
	color:#fff;
	padding:30px;
	text-align:justify;
	margin-top:40px;
	font-style:italic;
	margin-bottom:20px;
}
.mission p {
	font-size:15px;
	line-height:23px;
	margin-bottom:20px;
}
.mission strong {
	font-weight:600;
	font-size:18px;
}

.primary-contact {
	padding:18px;
	text-align:center;
	margin-top:40px;
	margin-bottom:20px;
	border:1px solid #c2c2c2;
}
.primary-contact a {
	color:#666;
}
.primary-contact a:hover {
	color:#177dc2;
}
.primary-contact h4 {
	color:#666;
	font-size:17px;
	text-transform:uppercase;
	font-weight:600;
}




/* FOOTER /////////////////*/
.footer-cell-2 {
	color:#878787;
	padding:10px 0;
	margin:35px 0;
	font-size:12px;
	line-height:19px;
	background:#eaeaea;
}
.footer-nav {
	text-align:center;
}
.footer-nav a {
	color:#777;
	padding:0 18px;
}
.footer-nav a:hover {
	color:#177dc2;
}
.footer-nav-list {
	display:none;
}
.footer-nav-list select {
	text-transform:uppercase;
	font-size:12px;
	background:#fff;
	color:#777;
	text-align:center!important;
}

.copy-align-1 {
	text-align:left;	
}
.copy-align-2 {
	text-align:right;	
}

/* content-cell */
.content-cell {
	margin-top:5px; /* 50 */
	margin-bottom:20px;
}
.top-space-1 {
	margin-top:25px;	
}
.text-bg-1 {
	background:#222;
	color:#fff;	
	padding:0 15px 2px 10px;
}

/* ******************************************************************** 
   INNERPAGE
********************************************************************* */
.content-inner{
	border-bottom:1px solid #ddd;	
	padding-bottom:25px;
	margin-bottom:20px;
	text-align:justify;
}
.content-inner h2{
	font-size:22px;
	font-weight:600;
	margin:15px 0;
}
/* ******************************************************************** 
   Products
********************************************************************* */
.pro-menu-left {
	font-size:12px;	
	text-align:left;
}
.custom-head {
	background:#fff url(../images/plus-1.png) no-repeat 9px 10px!important;
	padding-top:8px!important;
	padding-left:25px!important;
	padding-bottom:8px!important;
	
}
.custom-head h4 {
	font-size:14px!important;
}
.custom-subhead {
	font-size:13px;
	font-weight:600;
	background:url(../images/arrow-menu-1.png) no-repeat 0px 3px;
	padding-left:12px;
}
.custom-body {
	padding:5px;	
}
.custom-group {
	margin-bottom:5px;	
}
.custom-ul-1 {
	padding-left:12px;	
	margin-bottom:0px;	
}





/* ******************************************************************** 
   CONTACT
********************************************************************* */
.slide.page-heading { background-color: #0082cc; padding-bottom: 70px}
.slide.google-map-canvas { height:600px; border:1px solid #EEEEEE; background:#17396b;}

.office-address { 
	/*position: absolute; right:0px; top:570px; z-index:5;width:250px; background-color: #fff; */
	border:1px solid #ddd;
	border-top:3px solid #177dc2;
	background:#0082cc;
	margin-bottom:5px;
	/*-webkit-box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.1);*/
}
.office-address .image { height:245px; overflow: hidden;}
.office-address .map-content { padding:15px 20px 15px 20px}
.office-address .map-content h3 {  font-size:16px; margin:0 0 10px 0; padding:0; line-height: 21px; color:#fff; text-transform:uppercase;font-family: 'Roboto', sans-serif; font-weight:600; border-bottom:2px dotted #fff; padding-bottom:5px;}
.office-address .map-content h4 {  font-size:18px; margin:3px 0 8px 0; padding:0; padding-top:10px; padding-bottom:10px;font-family: 'Roboto', sans-serif; font-weight:600; color:#177dc2;}
.office-address .map-content span { display: block; font-size:15px; padding:1px 0; color:#666; line-height:22px; font-weight:400;}
.office-address .map-content span a { color:#fff; text-decoration:none;}
.office-address .map-content span a:hover { color:#111;}
/* Address BG */
.adress-bg-1 { background:#718F05; }
.adress-bg-2 { 
	background:#fff; /* #4a266c; */
	color:#17396b;
	border:1px solid #ccc;
}
.adress-bg-2 h4 {color:#17396b!important;}
.adress-bg-2 span {color:#17396b!important;}
.adress-bg-3 { background:#F18E5C; }
.adress-bg-4 { 
	background:#fff;
	color:#666;
}
.adress-bg-5 { background:#01245a; }

.map-popup {width:370px; min-height:120px; padding:12px; font-size:15px!important}
.map-popup strong{ font-size:20px; font-weight:normal;}

.contact-form .btn-submit{ background-color: #ff9100; color:#fff; text-transform:uppercase;}
.contact-form .btn-submit:hover {background-color: #5b5b5b; color:#fff;}

.slide.footer .col3 a:hover{ background-color: #665A98; border-color:#665A98;color:#fff}
.slide.page-heading h1, .slide.page-heading h1 * {
	color: #fff;
	font-size: 36px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
.slide.contact-form .header h1 {
	font-size: 42px;
}
.contact-subhead {
	text-align:left!important;
	text-transform:uppercase;
	margin:20px 0;
	border-top:1px solid #eee;
	padding-top:20px;
}
.map-google {
	margin-top:20px;
}
.go-send {
	background-color: #177dc2;
	border-color: #177dc2;
	margin-top:10px;
}
.go-send:hover {
	background-color: #666;
	border-color: #666;
}

/* ******************************************************************** 
   EXTRA
********************************************************************* */
.opacity-5 { opacity:0.5; }
.border-1 { border-bottom:1px dashed #fff; }
.padd-none { padding:0px; }


/* TOP SCROLL ********************* */
.nav_up{
	padding:7px;
	background-color:white;
	position:fixed;
	background:transparent url(../images/arrow_up.png) no-repeat top left;
	background-position:50% 50%;
	width:30px;
	height:30px;
	bottom:5px;
	padding:3px;
	opacity:0.7;
	right:20px;
	white-space:nowrap;
	cursor: pointer;
}
.nav_down{
	padding:7px;
	background-color:white;
	border:3px solid #CCC;
	position:fixed;
	background:transparent url(../images/arrow_down.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	left:70px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/* ANIMATION flip one side ********************* */
.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 
} 

@-webkit-keyframes flipOutY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
@keyframes flipOutY { 
    0% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
.flipOutY { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipOutY; 
    backface-visibility: visible !important; 
    animation-name: flipOutY; 
}

/* ANIMATION flip both side ********************* */

.animated { 
    -webkit-animation-duration: 5s; 
    animation-duration: 5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 
} 

@-webkit-keyframes flip { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0); 
        -webkit-animation-timing-function: ease-out; 
    } 
    40% { 
        -webkit-transform: perspective(400px) translateZ(0px) rotateY(170deg); 
        -webkit-animation-timing-function: ease-out; 
    } 
    50% { 
        -webkit-transform: perspective(400px) translateZ(0px) rotateY(190deg) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
    80% { 
        -webkit-transform: perspective(400px) rotateY(0deg) scale(.95); 
        -webkit-animation-timing-function: ease-in; 
    } 
    100% { 
        -webkit-transform: perspective(400px) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
} 
@keyframes flip { 
    0% { 
        transform: perspective(400px) rotateY(0); 
        animation-timing-function: ease-out; 
    } 
    40% { 
        transform: perspective(400px) translateZ(0px) rotateY(170deg); 
        animation-timing-function: ease-out; 
    } 
    50% { 
        transform: perspective(400px) translateZ(0px) rotateY(190deg) scale(1); 
        animation-timing-function: ease-in; 
    } 
    80% { 
        transform: perspective(400px) rotateY(0deg) scale(.95); 
        animation-timing-function: ease-in; 
    } 
    100% { 
        transform: perspective(400px) scale(1); 
        animation-timing-function: ease-in; 
    } 
} 
.flip { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flip; 
    backface-visibility: visible !important; 
    animation-name: flip; 
}

/* ******************************************************************** 
   PRODUCT SLIDER
********************************************************************* */
#pro-gallery {
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	/*background:url(../products/panel.jpg) repeat-x bottom center #ffffff;*/
	
	/* The width of the gallery */
	width:350px;
	overflow:hidden;
	padding-bottom:10px;
	margin-bottom:20px;
}

#pro-slides{
	/* This is the slide area */
	/*height:400px;*/
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:350px;
	overflow:hidden;
	height:350px;
}
#pro-slides img{
	/* This is the slide area */
	/*height:400px;*/
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:350px;
	height:350px;
}

.pro-slide{
	float:left;
}

#pro-menu{
	/* This is the container for the thumbnails */
	height:62px;
}

.pro ul{
	margin:0px;
	padding:0px;
}

.pro li{
	/* Every thumbnail is a li element */
	width:52px;
	display:inline-block;
	list-style:none;
	height:52px;
	overflow:hidden;
	margin:10px 0px 10px 10px;
	padding:0px;
	
}

.pro li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	/*background:url(../products/pic_bg.png) repeat;*/
}

.pro li.act,li.act:hover{
	/* The active state of the thumb */
	/*background:url(../products/active_bg.png) no-repeat;*/
	border:2px solid #666;
}

.pro li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail 
	width:2px;*/
	/*background:url(../products/divider.png) no-repeat right;*/
}

.pro li a{
	/*display:block;
	background:url(../products/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;*/
}

.pro a img{
	border:none;
}
a.refresh img {
margin-top: 30px;
margin-left: -30px;
}