@charset "utf-8";
/* CSS Document */
/* Custom CSS for FGX Foundation - Overwrite default Foundation 4 CSS */

html,
body { font-size: 14px; }

body { background:url(../images/new/main-bg2.jpg) #111 no-repeat center top fixed; background-attachment: fixed;  color: #fff;  padding: 0; font-weight: normal; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; min-height: 100%; background: cover;}

/* Grid HTML Classes */
.row { max-width: 100em; }
.row .column, .row .columns { padding-left: 1.250em; padding-right: 1.250em; }
.row .row { margin: 0 -1.250em;}


@media only screen and (max-width: 48em) {
.row .column,
.row .columns { padding-left: 0.9375em; padding-right: 0.9375em; }
.row .row { margin: 0 -0.9375em;}
  }

/* Default Link Styles */
a { color: #CBAD74;  text-decoration: none;  line-height: inherit;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
a:hover, a:focus { color: #eee; }
a img { border: none; }

/* Default paragraph styles */
p { font-family: inherit; font-weight: 300; font-size: 1.0em; line-height: 1.6; margin-bottom: 1.25em; text-shadow:#000000 0 1px 0}
p aside {font-size: 0.875em; line-height: 1.35;  font-style: italic; }



/* Default header styles */
h1, h2, h3, h4, h5, h6 { font-family: "Source Sans Pro", "Helvetica", Helvetica, Arial, sans-serif; font-weight:400; margin-bottom: 0.4em; margin-top: 0.4em; color: #fff; text-transform:none}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }

h1 {font-size: 4em; }

h2 {font-size: 3em; }

h3 {font-size: 2.6em; }

h4 {font-size: 2.2em; }

h5 {font-size: 1.8em; }

h6 {font-size: 1.6em; }

hr { clear: both; margin:5em 0; height: 0; border:none}

/*==========================*/
/*Margins and Paddings*/
/*==========================*/

.top0{margin-top:0;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30{margin-top:30px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}

.bottom0{margin-bottom:0;}
.bottom10{margin-bottom:10px;}
.bottom20{margin-bottom:20px;}
.bottom30{margin-bottom:30px;}
.bottom40{margin-bottom:40px;}
.bottom50{margin-bottom:50px;}

/*==========================*/
/*Breadcrumbs*/
/*==========================*/

.breadcrumbs { border: none; background:none; padding:0.375em 0; margin:1.4em 0; line-height:1.4em;}

/*====================================================*/
/*==========================*/
/*FGX Foundation 4 Main Navigation*/
/*==========================*/
/*====================================================*/


.top-bar {overflow: hidden; height: 55px; line-height: 55px; position: relative; background: none; margin-bottom:0; font-family: "Source Sans Pro", "Helvetica", Helvetica, Arial, sans-serif; z-index:20000}
.top-bar ul {margin-bottom: 0;  list-style: none; }
.top-bar .row { max-width: none; }
.top-bar form, .top-bar input {margin-bottom: 0; padding-top:5px; }
.top-bar input { height: 2.45em; }
.top-bar .button { padding-top: .5em;  padding-bottom: .5em;  margin-bottom: 0;}
.top-bar .title-area { position: relative; }
.top-bar .name { height: 55px;margin: 0; font-size: 16px; }
.top-bar .name h1 {line-height: 55px; font-size: 1.0625em; margin: 0; }
.top-bar .name h1 a { font-weight: bold;  color: white;  width: 50%; display: block;  padding: 0 15px; }
.top-bar .toggle-topbar { position: absolute; right: 0; top: 0;  background:#333}
.top-bar .toggle-topbar a { color: white; text-transform: uppercase;  font-size: 0.8em;  font-weight: bold; position: relative; display: block;  padding: 0 10px; height: 55px; line-height: 55px;}
.top-bar .toggle-topbar.menu-icon {right: 0px; left:0; top: 50%; margin-top: -16px;  padding-left:0px; }
.top-bar .toggle-topbar.menu-icon a {text-indent: -75px; width: 34px; height: 34px; line-height: 33px; padding: 0; color: white; }
.top-bar .toggle-topbar.menu-icon a span { position: absolute; right: 0; display: block; width: 12px; height: 0; -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }
.top-bar .toggle-topbar.menu-icon a strong { text-indent: 45px; display: inline-block; float: left; color: #FFFFFF; height: 34px; }
.top-bar.expanded { height: auto; background: transparent; }
.top-bar.expanded .title-area {background: none; }
.top-bar.expanded .toggle-topbar a { color: #0B3E3E; }
.top-bar.expanded .toggle-topbar a span {-webkit-box-shadow: 0 10px 0 1px #0B3E3E, 0 16px 0 1px #0B3E3E, 0 22px 0 1px #0B3E3E; box-shadow: 0 10px 0 1px #0B3E3E, 0 16px 0 1px #0B3E3E, 0 22px 0 1px #0B3E3E; }

.top-bar-section {left: 0; position: relative; width: auto;  -webkit-transition: left 300ms ease-out;  -moz-transition: left 300ms ease-out; transition: left 300ms ease-out;}
.top-bar-section ul { width: 100%; height: auto; display: block; background: none; font-size: 16px;  margin: 0; }
.top-bar-section .divider { border-bottom: solid 1px #4d4d4d; border-top: solid 1px #1a1a1a; clear: both; height: 1px; width: 100%; }
.top-bar-section ul li > a { display: block; width: 100%; padding: 12px 0 12px 15px; color: white; font-size: 1.15em; font-weight: normal; background: #333333; }
.top-bar-section ul li > a:hover { background: #003333; color:#fff}
.top-bar-section ul li > a.button { background: #003333; font-size: 0.8125em; }
.top-bar-section ul li > a.button:hover { background: #0099cc; }
.top-bar-section ul li > a.button.secondary { background: #e9e9e9; }
.top-bar-section ul li > a.button.secondary:hover { background: #d0d0d0; }
.top-bar-section ul li > a.button.success { background: #003333; }
.top-bar-section ul li > a.button.success:hover { background: #003333; }
.top-bar-section ul li > a.button.alert { background: #c60f13; }
.top-bar-section ul li > a.button.alert:hover { background: #970b0e; }
.top-bar-section ul li.active a {background: transparent; }
.top-bar-section ul li a.active {color: #fff; background: #003333}
.top-bar-section .has-form { padding: 15px; }
.top-bar-section .has-dropdown {position: relative; }
.top-bar-section .has-dropdown > a:after { content: "\f105"; font-family: 'FontAwesome';  display: block;  width: 0;  height: 0; border: none; margin-right: 20px; margin-top: -12px; position: absolute; top: 50%; right: 0; }
.top-bar-section .has-dropdown.moved { position: static; }
.top-bar-section .has-dropdown.moved > .dropdown { visibility: visible; }
.top-bar-section .dropdown {position: absolute; left: 100%; top: 0; visibility: hidden;  z-index: 99; }
.top-bar-section .dropdown li { width: 100%; border-left:#003333 4px solid;}
.top-bar-section .dropdown li a {font-weight: normal; padding: 8px 15px; font-size:0.925em; color:#ccc}
.top-bar-section .dropdown label { padding: 8px 15px 8px; margin-bottom: 0; text-transform: uppercase; color: #003333; font-weight: normal; font-size: 0.8em;}

.top-bar-section .has-dropdown.moved > .dropdown h5{font-size:1.2em; font-family: "PT Sans", "Helvetica", Helvetica, Arial, sans-serif; text-transform:none !important; background:#666666}

.top-bar-js-breakpoint {
  width: 58.75em !important;
  visibility: hidden; }

.js-generated {
  display: block; }
  
.logo{margin-left:35px;}
.logo a{color:#fff}

@media only screen and (min-width: 58.75em) {
.top-bar { background: none;  *zoom: 1;  overflow: visible; }
.top-bar:before, .top-bar:after { content: " ";  display: table; }
.top-bar:after { clear: both; }
.top-bar .toggle-topbar {display: none; }
.top-bar .title-area { float: left; }
.top-bar .name h1 a {width: auto; }
.top-bar input,
.top-bar .button {line-height: 2em; font-size: 0.875em; height: 2em; padding: 0 10px; position: relative; top: 8px; }
.top-bar.expanded { background: #111111; }

.top-bar-section { -webkit-transition: none 0 0; -moz-transition: none 0 0; transition: none 0 0; left: 0 !important; }
.top-bar-section ul { width: auto; height: auto !important; display: inline; }
.top-bar-section ul li { float: left; }
.top-bar-section ul li .js-generated { display: none; }
.top-bar-section li a:not(.button) {  padding: 0 20px; line-height: 55px; background: none; }
.top-bar-section li a:not(.button):hover { background: #003333; color:#fff}
.top-bar-section .has-dropdown > a { padding-right: 35px !important; }
.top-bar-section .has-dropdown > a:after { content: "\f107"; font-family: 'FontAwesome'; display: block; width: 0; height: 0; border: none; margin-right: 20px; margin-top: -26px; }
.top-bar-section .has-dropdown.moved {  position: relative; }
.top-bar-section .has-dropdown.moved > .dropdown { visibility: hidden; }
.top-bar-section .has-dropdown:hover > .dropdown, .top-bar-section .has-dropdown:active > .dropdown { 	opacity: 1;	visibility: visible; margin: 0; }
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\f105"; font-family: 'FontAwesome'; margin-top: -9px;  right: 5px; }
.top-bar-section .dropdown { left: 0; top: auto; background: transparent; 	margin: 20px 0 0 0;	_margin: 0; /*IE6 only*/ opacity: 0; visibility: hidden; position: absolute; z-index: 1;

transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;   }
.top-bar-section .dropdown li a {line-height: 1.4; white-space: nowrap; padding: 10px 25px;  background: #111; }
.top-bar-section .dropdown li a:hover {line-height: 1.4; white-space: nowrap; padding: 10px 25px;  background: #003333; color:#fff}
.top-bar-section .dropdown li label { white-space: nowrap; background: #111; }
.top-bar-section .dropdown li .dropdown { left: 100%; top: 0;margin: 0 0 0 20px;_margin: 0; /*IE6 only*/}
.top-bar-section > ul > .divider {border-bottom: none; border-top: none; border-right: solid 0px #555; border-left: solid 0px #333; clear: none; height: 55px; width: 0px; }
.top-bar-section .has-form { background: none; padding: 0px; height: 55px; }
.top-bar-section ul.right li .dropdown { left: auto; right: 0; }
.top-bar-section ul.right li .dropdown li .dropdown { right: 100%; } 

}

/* Side Nav */
.side-nav { display: block; margin: 0; padding: 0.875em 0; list-style-type: none; list-style-position: inside; }
.side-nav li {margin: 0 0 0.4375em 0; font-size: 0.95em; }
.side-nav li a {display: block;color: #ccc; }
.side-nav li a.active { color: #0B3E3E; font-weight: normal; }
.side-nav li.divider { border-top: 1px solid;  height: 0; padding: 0; list-style: none; border-top-color: #555; }

/* Side Nav - sub-nav */
.sub-nav { display: block; width: auto; overflow: hidden; margin: -0.25em 0 1.125em; padding-top: 0.25em;  margin-right: 0; margin-left: -0.5625em; }
.sub-nav dt, .sub-nav dd {float: left; display: inline;  margin-left: 0.5625em;  margin-bottom: 0.625em; font-weight: normal; font-size: 0.95em; }
.sub-nav dt a, .sub-nav dd a {color: #999999; text-decoration: none; }
.sub-nav dt.active a, .sub-nav dd.active a { -webkit-border-radius: 2px; border-radius: 2px; font-weight: normal; background: #0B3E3E; padding: 0.1875em 0.5625em; cursor: default; color: white; }

[data-magellan-expedition] { background: none; z-index: 99999;min-width: 0%; padding: 0px; }

.standard-list { list-style:none;}
.standard-list li { margin-bottom:5px; font-size:0.9em}
.standard-list li a{ color:#fff}
.standard-list li a:hover{ color:#0B3E3E}

/*====================================================*/
/*==========================*/
/*FGX Foundation 4 Orbit Slider*/
/*==========================*/
/*====================================================*/

.orbit-bullets { display:none;}
.orbit-slide-number { display:none;}
.orbit-timer {top: 0 !important; width:100% !important; right:0 !important;}

.orbit-container .orbit-timer > span { top: 15px;   right: 10px;}
.orbit-container .orbit-timer.paused > span { right: 10px;   top: 15px; }
.orbit-container:hover .orbit-timer > span { display: block; }

/*==========================*/
/*Font Awesome - Retina Icons*/
/*==========================*/

[class^="icon-"],
[class*=" icon-"] { padding:0 10px 0 0;}

.btn-icon { padding:0.5em !important; margin:0 5px 5px 5px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px}
.btn-icon [class^="icon-"],
.btn-icon [class*=" icon-"] { padding:0;}

/*List icons demo*/
.the-icons { list-style-type: none; margin: 0;}
.the-icons li {height: 32px; line-height: 32px; padding-left: 12px;}


/*====================================================*/
/*==========================*/
/*FGX CUSTOM CSS*/
/*==========================*/
/*====================================================*/

/* ====> Main Wraper and Main Content <==== */

.main-wrapper{ max-width: 100em; margin: 0 auto;}

/*==========================*/
/*Row Zones - backgrounds and text colors*/
/*==========================*/

/* ====> Header <==== */

.top-header{padding:10px 0; background:#222; color:#999;}
.top-header .inline-list { margin:0;}
.top-header .inline-list li{margin-left: 0.5em;}
.top-header .inline-list li a{color:#ccc}
.top-header .inline-list li a:hover{color:#ccc}

.bottom-header{ background: rgba(0, 0, 0, 0.5);}

/* ====> Navigation <==== */
.main-navigation{ background: rgba(0, 0, 0, 0.5)}

/* ====> Showcase <==== */
.showcase{}
.shadow{ background:url(../images/body_shadow.png) center bottom no-repeat; height:52px}

/* ====> Main Content <==== */
.main-content-top{ background:#0B3E3E}
.main-content-top h2{ color:#f9f9f9 !important;}
.main-content{ padding:30px 0;}
.main-content-two{ padding:0 0 30px 0;}

.inline-list li a{color:#0B3E3E}
.inline-list li a:hover{color:#ccc}


/* ====> Footer <==== */
.top-footer a{color:#ccc}
.top-footer p{color:#ccc}
.top-footer a:hover{color:#0B3E3E}
.top-footer {padding:0px 0 50px 0; background:#222; color:#ccc; border-bottom: 1px solid #444;}
.top-footer h1, .top-footer h2, .top-footer h3, .top-footer h4, .top-footer h5, .top-footer h6 { border-bottom: 5px solid #222; color: #ccc; font-weight: 300; margin-bottom: 0.8em; padding-bottom: 0.8em;}

.top-footer .footer-list { list-style:none;}
.top-footer .footer-list li { margin-bottom:5px; font-size:0.9em}

.bottom-footer { padding:20px 0; background:#222; color:#ccc; border-top: 1px solid #222;}
.bottom-footer p{ margin:0; font-size:0.9em}
.bottom-footer .inline-list { margin-bottom:0}
.bottom-footer .inline-list a{ color:#ccc; font-size:0.9em}
.bottom-footer .inline-list a:hover{ color:#0B3E3E}

/*====================================================*/
/*==========================*/
/*Forms*/
/*==========================*/
/*====================================================*/

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { padding: 0.4em;}

/*====================================================*/
/*==========================*/
/*Clearing*/
/*==========================*/

.clearing-thumbs { list-style:none;}
.clearing-thumbs li { float: left; margin-right: 10px; margin-bottom: 5px;}


/*====================================================*/

/*====================================================*/
/*==========================*/
/*Image Overlays*/
/*==========================*/
/*====================================================*/


.view {
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
	max-width:370px;
}

.view .mask, .view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view .mask{
	max-width:370px;
}

.view img {
    display: block;
    position: relative
}

.view h3 {
    text-transform:none;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}


/*================ Complex Hover Effect 1 =========================*/

/* 1 */

.view-one img {
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.view-one .mask {
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(0px, -100px) ;
   -moz-transform: translate(0px, -100px) ;
   -o-transform: translate(0px, -100px) );
   -ms-transform: translate(0px, -100px);
   transform: translate(0px, -100px);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.view-one h3 {
	font-size:2em;
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-one p {
   -webkit-transform: translateX(300px) rotate(90deg);
   -moz-transform: translateX(300px) rotate(90deg);
   -o-transform: translateX(300px) rotate(90deg);
   -ms-transform: translateX(300px) rotate(90deg);
   transform: translateX(300px) rotate(90deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-one a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-one:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
.view-one:hover h3 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.view-one:hover p {
   -webkit-transform: translateX(0px) rotate(0deg);
   -moz-transform: translateX(0px) rotate(0deg);
   -o-transform: translateX(0px) rotate(0deg);
   -ms-transform: translateX(0px) rotate(0deg);
   transform: translateX(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-one:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

/*  2  */		


.view-two img {
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-two .mask {
   background-color: rgba(0,0,0,0.8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}
.view-two .mask p{
  text-shadow:none !important;
  font-family: "PT Sans", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color:#777;
  font-size:0.9em;
  margin-bottom:-5px;
}
.view-two h3 {
   font-size:1.75em;
   color:#fff;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-two h5 {
   font-size:1.5em;
   color:#fff;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   background: transparent;
   margin: 20px 20px 0px 20px;
   padding-bottom:5px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-two p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-two a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-two:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-two:hover img {
   -webkit-transform: scale(1.8);
   -moz-transform: scale(1.8);
   -o-transform: scale(1.8);
   -ms-transform: scale(1.8);
   transform: scale(1.8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 100;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-two:hover h3,
.view-two:hover h5,
.view-two:hover p,
.view-two:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}

/* 3 */

.view-three img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-three .mask {
   background-color: rgba(242,242,242,0.3);
   -webkit-transform: translateX(-100%);
   -moz-transform: translateX(--100%);
   -o-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-three h3 {
   background: rgba(255, 255, 255, 0.5);
   color: #444;
}
.view-three p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-three:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-three:hover img {
   -webkit-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -o-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
}
.view-three:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/*====================================================*/
/*==========================*/
/* Tooltips - Smallipop Themes Overwrite */
/*==========================*/
/*====================================================*/

.smallipop-instance {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  border: 1px solid #222;
  color: #fff;
  z-index: 9999;
  max-width: 400px;
}

/* default theme */
.smallipop-instance.default {
  text-shadow: none ;
  -webkit-box-shadow: none ;
  -moz-box-shadow: none ;
  box-shadow: none ;
  -webkit-border-radius: 0px ;
  -moz-border-radius: 0px ;
  -ms-border-radius: 0px ;
  -o-border-radius: 0px ;
  border-radius: 0px ;
  background: none ;
}
.smallipop-instance.default a {
  text-shadow: none ;
}
.smallipop-instance.default .sipContent {
  border-top: none ;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px ;
  -ms-border-radius: 0px ;
  -o-border-radius: 0px ;
  border-radius: 0px ;
  background-color: #444;
}
.smallipop-instance.default .sipArrow {
  border-color: #222 transparent transparent transparent;
}
.smallipop-instance.default .sipArrowBorder {
  border-color: #222 transparent transparent transparent;
}
.smallipop-instance.default.sipAlignBottom .sipArrow {
  border-color: transparent transparent #222 transparent;
}
.smallipop-instance.default.sipAlignBottom .sipArrowBorder {
  border-color: transparent transparent #222 transparent;
}
.smallipop-instance.default.sipPositionedLeft .sipArrow {
  border-color: transparent transparent transparent #222;
}
.smallipop-instance.default.sipPositionedLeft .sipArrowBorder {
  border-color: transparent transparent transparent #222;
}
.smallipop-instance.default.sipPositionedRight .sipArrow {
  border-color: transparent #222 transparent transparent;
}
.smallipop-instance.default.sipPositionedRight .sipArrowBorder {
  border-color: transparent #222 transparent transparent;
}

.cssgradients.rgba .smallipop-instance.default {
  background-color: transparent;
}


/* blue theme */
.smallipop-instance.blue {
  background: transparent;
  color: #fff ;
  border: none ;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) ;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) ;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) ;
  -webkit-border-radius: 0px ;
  -moz-border-radius: 0px ;
  -ms-border-radius: 0px ;
  -o-border-radius: 0px ;
  border-radius: 0px ;
}

.smallipop-instance.blue .sipContent { background: #0B3E3E ;}
.smallipop-instance.blue .sipArrow { bottom: -20px ; border-color: #0B3E3E transparent transparent transparent ;
}
.smallipop-instance.blue.sipAlignBottom .sipArrow { top: -20px ; border-color: transparent transparent #0B3E3E transparent ;}
.smallipop-instance.blue.sipPositionedLeft .sipArrow { border-color: transparent transparent transparent #0B3E3E ;}
.smallipop-instance.blue.sipPositionedRight .sipArrow { border-color: transparent #0B3E3E  transparent transparent ;}

/* white theme */
.smallipop-instance.white {
  background-color: #fff;
  border-color: #ccc;
  text-shadow: 0 1px 1px #eee;
  color: #444;
  width:  inherit;
  max-width: 200px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.smallipop-instance.white .sipContent {
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.smallipop-instance.white .sipArrow {
  border-color: #fcfcfc transparent transparent transparent;
}
.smallipop-instance.white .sipArrowBorder {
  border-color: #ccc transparent transparent transparent;
}
.smallipop-instance.white.sipAlignBottom .sipArrow {
  border-color: transparent transparent #fcfcfc transparent;
}
.smallipop-instance.white.sipAlignBottom .sipArrowBorder {
  border-color: transparent transparent #ccc transparent;
}
.smallipop-instance.white.sipPositionedLeft .sipArrow {
  border-color: transparent transparent transparent #fcfcfc;
}
.smallipop-instance.white.sipPositionedLeft .sipArrowBorder {
  border-color: transparent transparent transparent #ccc;
}
.smallipop-instance.white.sipPositionedRight .sipArrow {
  border-color: transparent #fcfcfc transparent transparent;
}
.smallipop-instance.white.sipPositionedRight .sipArrowBorder {
  border-color: transparent #ccc transparent transparent;
}
.smallipop-instance.white .smallipop-tour-progress {
  color: #777;
}
.smallipop-instance.white .smallipop-tour-close-icon {
  background: #fafafa;
  color: #555;
  text-shadow: 0 1px 1px #fff;
}
.smallipop-instance.white .smallipop-tour-close-icon:hover {
  background: #f5f5f5;
  color: #222;
}
.smallipop-instance.white .smallipop-tour-prev,
.smallipop-instance.white .smallipop-tour-next,
.smallipop-instance.white .smallipop-tour-close {
  color: #666;
  background: #f0f0f0;
}
.smallipop-instance.white .smallipop-tour-prev:hover,
.smallipop-instance.white .smallipop-tour-next:hover,
.smallipop-instance.white .smallipop-tour-close:hover {
  color: #333;
  background: #f4f4f4;
}

/*====================================================*/
/*==========================*/
/* Buttons */
/*==========================*/
/*====================================================*/

.button { border:none; cursor: pointer; font-family: inherit; font-weight: 300; line-height: 1; margin: 0 0 1.25em; position: relative;  text-decoration: none;  text-align: center; display: block;  padding-top: 0.75em;  padding-right: 1.5em;  padding-bottom: 0.8125em;  padding-left: 1.5em;  font-size: 1.25em;  background-color: #000; color: white; 
border:rgba(0, 0, 0, 0.5) 5px solid; }
.button:hover, .button:focus { background-color: #0B3E3E; }
.button:hover, .button:focus {color: white; }
.button.secondary {background-color: #e9e9e9; color: #333333; }
.button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; }
.button.secondary:hover, .button.secondary:focus { color: #333333; }
.button.success {background-color: #0B3E3E; color: white; }
.button.success:hover, .button.success:focus { background-color: #000; }
.button.success:hover, .button.success:focus {color: white; }
.button.alert {background-color: #c60f13; color: white; }
.button.alert:hover, .button.alert:focus {background-color: #000; }
.button.alert:hover, .button.alert:focus { color: white; }

.button.large {padding-top: 1em;padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em; }
.button.small { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.9em; }
.button.tiny {padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.8em; }
.button.expand {padding-top: false; padding-right: 0px; padding-bottom: false0.0625em; padding-left: 0px; width: 100%; }

.button.left-align {text-align: left; text-indent: 0.75em; }
.button.right-align {text-align: right; padding-right: 0.75em; }
.button.disabled, .button[disabled] { background-color: #0B3E3E; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {background-color: #0099cc; }
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; }
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #0B3E3E; }
.button.disabled.secondary, .button[disabled].secondary {background-color: #e9e9e9; color: #333333; cursor: default;opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {background-color: #d0d0d0; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {color: #333333; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {background-color: #e9e9e9; }
.button.disabled.success, .button[disabled].success {background-color: #0B3E3E; color: white; cursor: default;opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {background-color: #0B3E3E; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {color: white; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {background-color: #0B3E3E; }
.button.disabled.alert, .button[disabled].alert {background-color: #c60f13; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {background-color: #970b0e; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {color: white; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {background-color: #c60f13; }

input.button,
button.button { padding-top: 0.8125em; padding-bottom: 0.75em; }
input.button.tiny,
button.button.tiny {padding-top: 0.5em; padding-bottom: 0.4375em; }
input.button.small,
button.button.small {padding-top: 0.625em; padding-bottom: 0.5625em; }
input.button.large,
button.button.large {padding-top: 1.03125em; padding-bottom: 1.03125em; }

@media only screen {
.button { -webkit-box-shadow: none;  box-shadow: none; }
.button:active { -webkit-box-shadow: none;  box-shadow: none; }
.button.radius { -webkit-border-radius: 3px; border-radius: 3px; }
.button.round {-webkit-border-radius: 1000px; border-radius: 1000px; }
 }
@media only screen and (min-width: 48em) {
  .button {display: inline-block; }
  }


/*====================================================*/
/*==========================*/
/* Twitter */
/*==========================*/
/*====================================================*/

.jta-tweet-list { list-style:none; margin-bottom:0;}

.jta-tweet-attributes {width:100%; text-align:right; float:left; font-style: italic;}

.jta-tweet-actions
{
	display: block;
    color: #999;
    font-size: 11px;
    margin-top: 3px;
}

.jta-tweet-action-reply,
.jta-tweet-action-retweet,
.jta-tweet-action-favorite
{
	padding-right: 1em;
}

.jta-tweet-action-reply a,
.jta-tweet-action-retweet a,
.jta-tweet-action-favorite a
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 19px;
	padding-top: 3px;
	color: #999;
	text-decoration: none;
}

.jta-tweet-action-reply a    { background-image: url(http://si0.twimg.com/images/dev/cms/intents/icons/reply.png); }
.jta-tweet-action-retweet a  { background-image: url(http://si0.twimg.com/images/dev/cms/intents/icons/retweet.png); }
.jta-tweet-action-favorite a { background-image: url(http://si0.twimg.com/images/dev/cms/intents/icons/favorite.png); }

.jta-tweet-action-reply a:hover,
.jta-tweet-action-retweet a:hover,
.jta-tweet-action-favorite a:hover
{
    color: #666666;
	text-decoration: underline;
}

.jta-tweet-action-reply a:hover    { background-image: url(http://si0.twimg.com/images/dev/cms/intents/icons/reply_hover.png); }
.jta-tweet-action-retweet a:hover  { background-image: url(http://si0.twimg.com/images/dev/cms/intents/icons/retweet_hover.png); }
.jta-tweet-action-favorite a:hover { background-image: url(http://si0.twimg.com/images/dev/cms/intents/icons/favorite_hover.png); }


/* ======================== Back To Top ===================== */

.scrollup{width:32px; height:32px; opacity:1; position:fixed; bottom:12px; right:12px; display:none; background:#111; z-index:99999; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; color:#fff; font-size:1.25em; padding: 5px 0 0 7px}
.scrollup:hover{ opacity:0.9; background:#0B3E3E;}

/*====================================================*/
/*==========================*/
/* Carousel */
/*==========================*/
/*====================================================*/
.list_carousel {margin-left:-10px;}
.list_carousel ul {	margin: 0;	padding: 0;	list-style: none;display: block;}
.list_carousel li {	color: #999;text-align: center;	background-color: #eee;	width: 320px;padding: 0;margin-left: 10px;	display: block;	float: left;			}
.list_carousel.responsive {	width: auto;margin-left: 0;	}

.clearfix {float: none;clear: both;	}
				
.list_carousel .carousel_nav{ position:absolute; padding-right:15px; right:0; top:22px;}			
a.prev, a.next {background: #111;display: block;position: relative;float:left; text-align:center; padding:5px 10px; color: #fff;}
a.prev [class^="icon-"], a.prev [class*=" icon-"], a.next [class^="icon-"], a.next [class*=" icon-"] { padding:0;}
a.prev {background-position: 0 0; margin-left:10px;}

a.prev:hover, a.next:hover { background:#0B3E3E; color: #fff;}

a.prev.disabled {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; background:#111}
a.next.disabled {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; background:#111}

a.prev.disabled, a.next.disabled {cursor: default;}

.pager {float: left; width: 300px; text-align: center;}
.pager a {margin: 0 5px;text-decoration: none;}
.pager a.selected {text-decoration: underline;}
.timer {background-color: #999;height: 6px;width: 0px;}		

/*====================================================*/
/*==========================*/
/* FRAMEWORK DEMO CSS */
/*==========================*/
/*====================================================*/

.magellan-demo { background:#111; padding:8px 10px;}

/* ======================== Contact Page ===================== */

.contact-form1{}
.contact-form1 textarea{ height:250px;}
.contact-form1 form{ background:#F8F8F8; padding:20px; margin: 20px 0;}

.contact-details p{ margin-bottom:5px;}
.contact-details p span{ font-weight: 600; color:#0B3E3E;}

.map_location{ margin:20px 0; padding:10px; border:1px solid #efefef; background:#f8f8f8;}
#map_canvas { height: 320px;}

/*-----------Flickr Footer-----------*/
.thumbs { 
	margin: 0px; 
	padding: 0px; 
	overflow: hidden; 
}
.thumbs li { 
	list-style: none; 
	float: left;
}
.thumbs li a { }
.thumbs li img { 
	display: block; 
}
.thumbs li a img { 
	border: none;
	width:52px;
	height:40px;
	margin:8px;
	border:#333333 0px solid;
	outline:#555555 2px solid;	
}
.thumbs li a img:hover{
	outline:#0B3E3E 2px solid;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
/*-----------Flickr Sidebar-----------*/
.sidebarthumbs { 
	margin: 0px; 
	padding: 0px; 
	overflow: hidden; 
}
.sidebarthumbs li { 
	list-style: none; 
	float: left;
}
.sidebarthumbs li a { }
.sidebarthumbs li img { 
	display: block; 
}
.sidebarthumbs li a img { 
	border: none;
	width:52px;
	height:40px;
	margin:6px;
	border:#cccccc 0px solid;
	outline:#cccccc 2px solid;	
}
.sidebarthumbs li a img:hover{
	outline:#0B3E3E 2px solid;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}

/*-----------Centering-----------*/
.center{margin:auto; text-align:center}

/*-----------Portfolio-----------*/
.filter{padding: 0px 0;margin-bottom: 20px;}
.filter li {display:inline-block; margin-left:0;margin-bottom:7px;}
.filter li:first-child{margin-left:0}
.filter li.active a, .filter li:hover a{background:#0B3E3E; color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.filter li a {font-family:'PT Sans', serif; color:#999; font-size:0.9em; padding:4px 10px;}

.portfolio-content, .filter{list-style:none}

.portfolio-content li {margin-bottom:20px}

/*-----------Texture Band-----------*/
.band{background:#111; padding:0px 0px; border-top:#444 0px solid; border-bottom:#444 0px solid}
.col-hover{-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
.col-hover:hover{background:#0B3E3E; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
.col-highlight{background:#111;}

/*-----------Blog-----------*/
.content_wrapper{ margin-top:25px;}
.post_img{margin-bottom:10px; position:relative;}
.mod_con_img{position:relative}
.post_text{font-size: 0.9em; margin-top: 0px; padding:0 20px}
.post .button{margin-left:20px; margin-right:20px}
.post{padding-bottom: 10px; border-bottom: 5px solid #444; margin-bottom: 15px; background:#222; max-width:960px}
.post h3, .post h2{ font-size:28px; padding:0 20px}
.meta {position:absolute; bottom:0px; right:0px; list-style:none; margin-bottom:1px}
.meta li {background:#0B3E3E; width:180px; height:60px; display:inline-block; padding:10px 20px; color:#fff; font-family: 'Source Sans Pro', sans-serif; font-size:1.5em; text-align:center; font-weight:400}
.contact_title{margin-bottom: 0.4em; margin-top: 1em; font-weight:500; color:#ccc;}
.post h3 a{color:#fff}
.post h3 a:hover{color:#0B3E3E}

/*-----------Single Post-----------*/
.comment_count{padding: 10px 0 10px 10px; font-weight:500; color:#ccc;}
.post.single-post{padding-bottom:10px}
.addthis_toolbox{padding:20px;}
/*-----------Comments-----------*/
.comments{background:#222; border-bottom: 5px solid #444; max-width:960px}
.comment_list{
    list-style: none;
    overflow: hidden;
    margin: 0; 
}
.com_item:first-child{   
    margin-top: 0;
    padding-top: 0;
}
.com_item{
    padding-top: 0px;
    float: left;
    width: 100%;
}
.com_main{
    padding: 10px;
    margin: 0;
    height: 100%;
}
.avatar{
    width: 65px;
	height:65px;
    position: relative;
    float: left;
    margin-right: 15px;
}
.avatar img{
    width: 65px;
    height: 65px;
}
.com_content{
    float: left;
}
.user_name>a{
    font-family: 'PT Sans', sans-serif;
    font-size: 0.9em;  
    color:#0B3E3E;
}
.com_date{
    font-family: 'PT Sans', sans-serif;
    font-size: 0.9em;  
    color: rgb(184,184,184)
}
 p.com_text{
    font-family: 'PT Sans', sans-serif;
    font-size: 0.9em; 
    color:#999)
}
.com_reply{
    width: 100%;
    float: right;
    margin-top: -5px;;
}
.com_item .com_child{
    list-style: none;
    float: left;
    position: relative;
    margin: 0;
    padding: 0px 0 0 75px;
    width: 100%;    
}
.com_item .com_child .com_item{
    position: relative;   
}
.contact_form{max-width:500px}
.float-right {float: right;}

.error, .errorarr {
  color: #FFCC33;
  margin-bottom: 10px;
}
.main-message {
  color: #00CC00;
  margin-bottom: 10px;  
}