@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-face {
    -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     font-smooth: always;
     transform: rotate(-0.0000000001deg);
     text-shadow: 0 0 1px #333;
}

/* WIREFRAME DEFAULTS
----------------------------------------------------------*/

/*Spacing*/
.padding,.padding1 {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 {padding-left:20px}
.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-top:before, .no-margin-top :after {margin-bottom: 0px;}
.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.4em}
.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 {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: 1px 1px 3px 3px #01px 1px 3px 3px #0; }
.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}
.row {margin-top: 1em; margin-bottom:1em;}
.row.no-margin {margin: 0;}
button, select, textarea, input[type="text"], input[type="submit"], input[type="reset"], button, .button {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
select, textarea, input[type="text"] {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    width:100%
}

/*EXTRAS*/
.rotate{
    -webkit-backface-visibility:hidden;
    transform:rotate(3deg);                
    -ms-transform:rotate(3deg); /* IE 9 */
    -moz-transform:rotate(3deg); /* Firefox */
    -webkit-transform:rotate(3deg); /* Safari and Chrome */
    -o-transform:rotate(3deg); /* Opera */
}

.gradient{
    background: #efefef;
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
}
.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;
    }
a img.opc {position:relative; -webkit-backface-visibility: hidden;}

.col-sm-, .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;}

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

.requirement, .error { color: #c7254e;}
.error {color: #c7254e}
.clear { clear: both;}

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

/*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(/Styles/Images/ui.totop.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: #ccc; 
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {margin-bottom:10px;}

/*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 */
    
}
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); }

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

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

/* Landscape phone to portrait tablet */
@media (min-width:768px){

}

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

}

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

}