﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);


@viewport { width: device-width; }
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }

/* FONT SMOOTHING
----------------------------------------------------------*/
@font-face {
    -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     font-smooth: always;
     transform: rotate(-0.0000000001deg);
     text-shadow: 0 0 1px #333;
}

/* WIREFRAME DEFAULTS
----------------------------------------------------------*/
/*img, div, a, input { behavior: url(/Styles/resources/pngfix/iepngfix.htc) }*/

* {
  margin: 0;
}
html, body, form {
  height: 100%;
}

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -30px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 30px; 
}


body {font-family: 'Open Sans', sans-serif;}


::selection,::-moz-selection,::-webkit-selection{
	background:#323232;
	color:#fff;
}

/*Spacing*/
.padding {padding: 15px}
.padding-small {padding: 6px}
.padding-sides {padding-left: 15px;padding-right: 15px;}
.padding-top {padding-top: 15px;}
.padding-top-bottom {padding-top: 15px; padding-bottom:  15px;}
.padding-right {padding-right:15px}
.padding-left-long {padding-left:40px}
.no-padding-top  {padding-top:0px!important;}
.no-padding-bottom {padding-bottom:0px!important;}
.no-padding-right {padding-right:0px!important;}
.no-padding {padding:0px!important;}

.margin-right{margin-right:15px}
.margin-left{margin-left:15px}
.margin-bottom {margin-bottom:15px!important;}
.margin-top-bottom {margin-bottom:15px!important;margin-top:15px!important;}
.no-margin{margin:0em!important;}
.no-margin-top {margin-top:0px!important;}
.no-margin-bottom {margin-bottom:0px!important;}


/*Alignment*/
.center {text-align:center}
.full-width {width:100%;}
.align-right{float:right;}
.align-left{float:left;}


/*textarea*/
.txt-large  {font-size:1.2em}
.txt-xlrg  {font-size:2em}
.txt-small {font-size:0.8em;}
.txt-center{text-align:center;}
.txt-right{text-align:right;}
.txt-left{text-align:left}

/*misc*/
.inline-block {display:inline-block;}
.no-wrap {white-space:nowrap;}
.shadow { box-shadow: 0px 0px 10px 0px #000; -moz-box-shadow: 0px 0px 10px 0px #000; -webkit-box-shadow: 0px 0px 10px 0px #000; }
.txt-shadow { text-shadow: 1px 1px 1px #000;}
.txt-no-shadow { text-shadow: none;}
.rounded { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.rounded-large{ border-radius: 10px!important; -webkit-border-radius: 10px!important;-moz-border-radius: 10px!important;}
.rounded-bottom { border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;}
.rounded-bottom-large{ border-radius: 0 0 10px 10px!important; -webkit-border-radius: 0 0 10px 10px!important;-moz-border-radius: 0 0 10px 10px!important;}
.border-light-blue{border:solid 1px #0096c8}


/*EXTRAS*/
a img.opc {position:relative;}
.opc:hover,.opc:active {
    transition: 0.15s ease-in-out;  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; 
	filter: alpha(opacity=75);   
	-moz-opacity:0.75; 
	-khtml-opacity: 0.75;
	opacity: 0.75;
    }

/*INPUTS*/
textarea,select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s;
    padding:5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
    -khtml-border-radius: 3px; /* for old Konqueror browsers */
    margin-bottom: 1.25em;
    
}
textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

/*BUTTONS*/ 
    input[type="submit"],input[type="submit"].btn,
    input[type="button"],input[type="button"].btn,
    a.btn {
        background: #E8E8E8;
        border: 1px solid #b7b7b7;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        color: #242424;
        -moz-box-shadow:  inset 0 1px 0 0 rgba(255, 255, 255,0.3);
        -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255,0.3);
        box-shadow: inset 0 1px 0 0 rgba(255, 255, 255,0.3);
        position:relative;
        display: inline-block;
        font-weight: normal;
        text-decoration: none;
        -webkit-text-shadow: 0;
        -moz-text-shadow: 0;
        text-shadow: 0;  /*text-shadow: 0 1px rgba(0, 0, 0, 0.5);*/
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        behavior: url(../kDQ6lbnbxZ6r.htc); /*IE 8 and Below fix*/
        cursor: pointer;
        margin-bottom: 1.25em;
        line-height: normal;
        padding: .5em .8em;
        outline: none; 
        }
    input[type="submit"]:hover,input[type="submit"].btn:hover,
    input[type="button"]:hover,input[type="button"].btn:hover,
    a.btn:hover {
        border: 1px solid #888888;
        background: #E8E8E8;
        }
    input[type="submit"]:active,input[type="button"]:active,a.btn:active {
        top:1px;
        }


     /*GREY BUTTON*/
      input[type="submit"].btn-default,input[type="button"].btn-default {
        background:#b7b7b7;
        border: 1px solid #888888;
        border-top: 1px solid #b7b7b7;
        border-left: 1px solid #b7b7b7;
        }
      input[type="submit"].btn-default:hover,input[type="button"].btn-default:hover,.btn-default:hover,a.btn-default:hover {
        border: 1px solid #888888;
        }    
      /*BLUE BUTTON*/
      input[type="submit"].btn-blue,input[type="button"].btn-blue {
        background:#005f89;
        border: 1px solid #005073;
        border-top: 1px solid #3ab4e9;
        border-left: 1px solid #3ab4e9;
        color:#fff;
        }
      input[type="submit"].btn-blue:hover,input[type="button"].btn-blue:hover,.btn-blue:hover,a.btn-blue:hover {
        border: 1px solid #005073;
        }
      /*ORANGE BUTTON*/
      input[type="submit"].btn-orange,input[type="button"].btn-orange,a.btn-orange {
        background:#ff8700;
        border: 1px solid #bf7c30;
        border-top: 1px solid #ffbd73;
        border-left: 1px solid #ffbd73;
        color:#fff;        
        }    
        input[type="submit"].btn-orange:hover,input[type="button"].btn-orange:hover,a.btn-orange:hover {
        border: 1px solid #bf7c30;
        }
     /*YELLOW BUTTON*/
     input[type="submit"].btn-yellow,input[type="button"].btn-yellow,a.btn-yellow{
        background:#ffb700;
        border: 1px solid #a67700;
        border-top: 1px solid #ffd773;
        border-left: 1px solid #ffd773;
        color:#fff;
        }
     input[type="submit"].btn-yellow:hover,input[type="button"].btn-yellow:hover,a.btn-yellow:hover {
        border: 1px solid #a67700;
        }
    /*CORAL BUTTON*/
    input[type="submit"].btn-coral,input[type="button"].btn-coral,a.btn-coral {
        background: #fd4c22;
        border: 1px solid #a62000;
        border-top: 1px solid #ff8e73;
        border-left: 1px solid #ff8e73;
        color:#fff;
        } 
    input[type="submit"].btn-coral:hover,input[type="button"].btn-coral:hover,a.btn-coral:hover {
        border: 1px solid #a62000;
        }  
     /*GREEN BUTTON*/
    input[type="submit"].btn-green,input[type="button"].btn-green,a.btn-green {
        background: #009c3f;
        border: 1px solid #008134;
        border-top: 1px solid #17b557;
        border-left: 1px solid #17b557;
        color:#fff;  
        }
    input[type="submit"].btn-green:hover,input[type="button"].btn-green:hover,a.btn-green:hover {
        border: 1px solid #008134;
        }

.row, img{-webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;}

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

.clear { clear: both;}
img {max-width:100%;height: auto !important;
     -ms-interpolation-mode: bicubic;
}



    /* Bootstrap Overrides 
    ----------------------------------------------------------*/
    .media.media-block {margin-top:0}    
    .accordion span.glyphicon:before {
        content: "\e113";
    }
    .accordion.collapsed span.glyphicon:before {
        content: "\e114";
    }

/* TABLES 
----------------------------------------------------------*/
table { border-spacing:0;}

/*Back to top button*/ 
#toTop {
    display: none;
    position: fixed;
    z-index: 1000;
    bottom:0;
    right:0;
}
#toTop a {
	width: 50px;
	display: block;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
   
}
/* arrow icon (span tag) */
#toTop span {
	width: 50px;
	height: 50px;
	display: block;    
	background-image: url(../images/gkiklCLXanxb.png);
    background-color: #333;
    background-repeat:no-repeat;
    background-position: center center;
    transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;	
}
#toTop a:hover span {
	background-color: #0096c8; 
}

.fa-2{font-size:2em}
.fa-3{font-size:4em}
.fa-4{font-size:7em}
.fa-5{font-size:12em}
.fa-6{font-size:2em}


/* RESPONSIVE CSS
-------------------------------------------------- */

/* Landscape phone and down */
@media (max-width:767px){
    .no-mobile{display:none}
}

/* Landscape phone to portrait tablet */
@media (min-width:768px){
    .navbar-header{display:inline-block}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}

/* Large desktop */ 
@media (min-width:1200px){

}
