body {font-family:'PT Serif', serif; font-size:18px; line-height:22px; -webkit-text-size-adjust:none; background-color:#fff; color:#777;}

body * {box-sizing:border-box;}
#page {margin:0; padding:0;}
.clear {clear:both;}

header {background:#222c35;}
#header-top {height:150px; width:100%; background:#1c1a14; box-shadow:0 0 20px rgba(0,0,0,0.2); position:absolute; top:0; left:0; z-index:1000;}

#logo {height:90px; width:330px; float:left;}
#logo .nav {margin:0; float:none; text-align:left;}
#logo .nav a {display:inline-block; width:330px; height:66px; background:url('../images/FT.png') 0 0 no-repeat; color:#fff; overflow:hidden; text-indent:-1000px; position:relative; top:10px; left:0;}

#header-top-phone {float:right; font-size:24px; line-height:40px; font-weight:700; letter-spacing:-0.5px; position:relative; top:36px; color:#c9cfd3;}
#header-top-phone .custom:before {content:"\f10b"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; position:absolute; left:-30px; top:0; font-size:36px; color:#c9cfd3; opacity:0.66;}

.readmore {line-height:15px; padding:0;}
.readmore a {font-size:13px; font-weight:700; text-decoration:none; text-transform:uppercase; color:#333d47; }
.readmore a::after {content:"\f18e"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-left:6px; font-size:14px; opacity:0.66; transition:all 0.3s ease;}
.readmore a:hover::after {padding-left:12px; opacity:1;}
.readmore a.btn {background:transparent; padding:0; color:#333d47; text-transform:uppercase; line-height:15px; padding:6px 0;}
.readmore a.btn:hover, .readmore a.btn:focus, .readmore a.btn:active  {background:#transparent; color:#111; }
.readmore .btn span, .readmore .btn i {display:none;}

.contact-address, .contact-phone, .contact-fax, .contact-mobile, .contact-email, .contact-user, .contact-position {margin-left:20px;}
.contact-address:before {content:"\f041"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:4px;  margin-left:-20px; font-size:13px; position:absolute;}
.contact-mobile:before {content:"\f10b"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:4px;  margin-left:-20px; font-size:16px; position:absolute;}
.contact-phone:before {content:"\f095"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:4px;  margin-left:-20px; font-size:12px; position:absolute;}
.contact-fax:before {content:"\f1ac"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:4px;  margin-left:-20px; font-size:12px; position:absolute;}
.contact-email:before {content:"\f0e0"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:4px;  margin-left:-20px; font-size:11px; position:absolute;}
.contact-user:before, .contact-position:before {content:"\f007"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:4px;  margin-left:-20px; font-size:11px; position:absolute;}

.contactinfo {border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:40px 0 30px 0; margin-bottom:40px;}

#header-main {background:#222c35; min-height:110px;}

#slider {z-index:1;} 

#special {background: #b9972e; color:#fff; padding:30px 0 0 0;}
.special-module {margin:0; padding:0 0 60px 0;}
.special-module .custom {text-align:center;}
#special h3 {color:#fff; font-size:21px; line-height:21px; margin:0; font-weight:700;}
#special h3 a, #special h3 a:hover, #special h3 a:focus, #special a:active {color:#fff; text-decoration:none;}
#special a {}
#special .frontpage-icon-container .fa {font-size:60px;}


main {display:block; float:none; clear:both;}
section {padding:20px 0; display:block; float:none; clear:both;}

.page-header {margin:0; border-bottom:none; padding-bottom:0;}
.page-header h1, .page-header h2, h1.page-title, h2.page-title, h1.item-title, h2.item-title 
{color:#333d47; font-size:30px; line-height:32px; text-decoration:none; font-weight:700; margin:0 0 30px 0;}
.page-header h1 a, .page-header h2 a, h1.page-title a, h2.page-title a, h1.item-title a, h2.item-title a
{color:#333d47; font-size:30px; line-height:32px; text-decoration:none; font-weight:700;}


#content h3 {color:#333d47; font-size:17px; line-height:18px; margin:30px 0 20px 0; font-weight:700;}
#content h4 {color:#333d47; margin:20px 0; font-size:15px; line-height:18px; font-weight:700;}

#content img {max-width:100%;}

p {margin:0 0 16px 0;}
ul {margin:0 0 16px 32px; list-style:square;}
ol {margin:0 0 16px 32px; list-style:decimal;}
main a {font-weight:700;}
a {color:#333d47;}
a:hover, a:focus, a:active {text-decoration:none; color:#222c35; outline:0;}

#sidebar .moduletable {margin-bottom:40px; padding:0;}
#sidebar a {color:#333d47; font-weight:700; text-decoration:none;}
#sidebar .moduletable h3 {font-size:30px; line-height:32px; font-weight:700; color:#99a39f; margin:0 0 30px 0;}
#sidebar .nav {list-style-type:none; margin-left:0; padding-left:0; }
#sidebar .nav > li {margin:0; padding:10px 0; border-bottom:1px dotted #c6c6c6;line-height:16px;}

/*
#sidebar .nav > li ul {margin:0 0 0 20px; padding:8px 0 2px 0;}
#sidebar .nav > li li {margin:0; padding:6px 0; line-height:16px;}
#sidebar .nav .parent .separator {cursor:pointer;}
#sidebar .nav a, #sidebar .nav .parent .separator {font-weight:bold; color:#727376; display:block; padding:8px 0; line-height:15px;}
*/
#sidebar .nav a:hover, #sidebar .nav a:focus, #sidebar .nav a:active,
#sidebar .nav .parent .separator:hover, #sidebar .nav .parent .separator:focus, #sidebar .nav .parent .separator:active 
{background:#fff; text-decoration:none; color:#333d47; outline:0;}

#sidebar .nav a {color:#727376; padding:0; font-weight:normal;}
#sidebar .nav a:hover, #sidebar .nav a:focus, #sidebar .nav a:active {color:#333d47; font-weight:normal;}

#frontpage1 .custom {padding-top:30px; padding-bottom:30px;}
#frontpage1 .custom::before {display:inline-block; width:70px; height:70px; line-height:70px; font-size:28px; text-align:center; font-weight:700; color:#fff; background:#b9972e; transition:all 0.5s ease;}
#frontpage1 .custom:hover::before {background:#333d47 /*#a0a3a6*/;}
#frontpage1 .frontpage-1a .custom::before {content: 'I';}
#frontpage1 .frontpage-1b .custom::before {content: 'II';}
#frontpage1 .frontpage-1c .custom::before {content: 'III';}
#frontpage1 .frontpage-1d .custom::before {content: 'IV';}
#frontpage1 .frontpage-1e .custom::before {content: 'V';}
#frontpage1 .frontpage-1f .custom::before {content: 'VI';}

#info {background:#333d47; color:#c0c2c6;}
#info .custom {padding:30px 0;}
#info h3, #info h3 a {color:#f0f2f6; font-weight:700; font-size:21px; margin-bottom:30px;}
#info h3 a:hover, #info h3 a:focus, #info h3 a:active {color:#fff;}
#info .readmore a, #info .readmore a.btn {color:#c0c2c6;}
#info .readmore a:hover, #info .readmore a.btn:hover, 
#info .readmore a:focus, #info .readmore a.btn:focus, 
#info .readmore a:active, #info .readmore a.btn:active, 
#info .readmore a:hover::after, #info .readmore a:focus::after, #info .readmore a:active::after {color:#fff;}

#footer {color:#808286; background:#f0f2f6; padding:60px 0; font-size:13px;}
#footer h3 {font-weight:700; font-size:15px; text-transform:uppercase; margin-bottom:40px;}
#footer p {margin-bottom:10px;}
#footer .nav {margin-left:0;}
#footer .nav a {padding:0; margin-bottom:10px;}
#footer a {color:#808286; font-weight:400; transition:all 0.4s ease;}
#footer a:hover, #footer a:focus, #footer a:active {color:#111; font-weight:400;}

.footer-module .separator, .footer-module .nav-child {display:none;}

.footer-social {padding:20px 0;}
.footer-social a {font-size:22px; margin-right:15px;}

#footer-bottom {padding:20px 0; background:#fff; color:#a0a2a6; text-align:left;}
#footer-bottom a {font-weight:normal; color:#a0a2a6;}
#footer-bottom a:hover, #footer-bottom a:focus, #footer-bottom a:active {color:#909296;}
#footer-bottom p {margin:0; padding:0;}

#bottom-dev {display:block; padding-top:10px;}
#bottom-menu {display:block; padding:10px 0;}
#bottom-menu a {display:block; padding:2px 0; margin-right:10px;}

legend {font-size:16px; line-height:30px;}
.inputbox:focus, .inputbox:active, .inputbox:hover {box-shadow:none;} 
.inputbox {border-radius:0; padding:2px 4px; }



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

#main-menu-container {background:#fff; margin:0; padding:0; z-index:10000;}

#main-menu-home {float:left; background-color:#fff;}
#main-menu-home .nav {margin:0; padding:0;}
#main-menu-home .nav > li > a {background-color:#fff; color:#333d47; padding:12px 15px; font-size:0; width:50px; box-sizing:border-box;}
#main-menu-home .nav > li > a:before {font-size:22px; color:#333d47;}

#main-menu {background:#fff; margin:0; padding:0; z-index:10000; float:left;}
#main-menu .mainmenu-hide {display:none !important;}
#main-menu, #main-menu * {border-radius:0; outline:none;}

#main-menu .bm-cool-menu {margin:0 !important; padding:0 !important; letter-spacing:-0.25px;}
#main-menu .bm-cool-menu a {text-transform:uppercase; font-weight:700; padding:12px 15px !important; font-size:15px;}
#main-menu .bm-cool-menu .separator {text-transform:uppercase; font-weight:700; color:#333d47; padding:12px 15px !important; display:block; font-size:14px; cursor:pointer;}

#main-menu .bm-cool-menu > li > a {text-transform:uppercase; font-weight:700; padding:15px 13px 12px 13px !important; font-size:14px;}
#main-menu .bm-cool-menu > li > .separator {text-transform:uppercase; font-weight:700; color:#333d47; padding:15px 13px 12px 13px !important; display:block; font-size:14px; cursor:pointer;}

#main-menu .bm-cool-menu li {border-right:none;}
#main-menu .bm-cool-menu > li.active {background-color:#fff !important;}
#main-menu .bm-cool-menu ul li {border-bottom:none;}
#main-menu .bm-cool-menu ul, #main-menu .bm-cool-menu ul ul {box-shadow:none !important; border-radius:0 !important;}
#main-menu .bm-cool-menu li > ul {background:#333d47;}
#main-menu .bm-cool-menu li ul a {color:#fff; padding-right:20px !important;}
#main-menu .bm-cool-menu li > ul > li > a:hover, 
#main-menu .bm-cool-menu li > ul > li > a:focus, 
#main-menu .bm-cool-menu li > ul > li > a:active, 
#main-menu .bm-cool-menu li > ul > li > .separator:hover, 
#main-menu .bm-cool-menu li > ul > li > .separator:focus, 
#main-menu .bm-cool-menu li > ul > li.active > a {color:#fff; background:#333d47;}
#main-menu .bm-cool-menu li > ul > li > ul {background:#333d47;}
#main-menu .bm-cool-menu li > ul > li > ul > li > a:hover, 
#main-menu .bm-cool-menu li > ul > li > ul > li > a:focus, 
#main-menu .bm-cool-menu li > ul > li > ul > li > a:active, 
#main-menu .bm-cool-menu li > ul > li > ul > li > .separator:hover, 
#main-menu .bm-cool-menu li > ul > li > ul > li > .separator:focus,
#main-menu .bm-cool-menu li > ul > li > ul > li.active > a {color:#fff; background:#333d47;}
#main-menu .bm-cool-menu li > ul > li > ul > li > ul {background:#333d47;}

#main-menu .bm-cool-menu ul li:first-child > a::after,
#main-menu .bm-cool-menu ul ul li:first-child a::after {display:none;}


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

#main-menu-mobile {display:none; position:absolute; top:0; left:0; width:100%; background:#fff; min-height:100%; z-index:1000; padding-bottom:40px;}
#main-menu-mobile .nav {margin:0 0 40px 0; font-size:17px;}
/*#main-menu-mobile ul {margin:0; padding:0; }*/
#main-menu-mobile li {margin:0 20px; padding:0;}
#main-menu-mobile li li {margin-left:40px;}
#main-menu-mobile li a {display:block; padding:12px; color:#727376; transition:all 0.5s ease; font-weight:bold;}
#main-menu-mobile li li a {display:block; padding:8px 12px; font-size:15px; color:#a2a3a6;}
#main-menu-mobile li a:hover, #main-menu-mobile li a:focus, #main-menu-mobile li a:active {background-color:#fff; color:#333d47;}

#main-menu-mobile .nav .separator, #main-menu-mobile .nav-child {display:none;}

#main-menu-mobile-close {text-align:right; padding:12px;}
#main-menu-mobile-close a {font-size:30px; border-bottom:0; padding:15px; color:#727376; position:relative; left:8px;}
#main-menu-mobile-close a:hover, #main-menu-mobile-close a:focus, #main-menu-mobile-close a:active {color:#333d47;}


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

/* contact */

.visform {}
.visCSSlabel {margin-top:10px; display:block; float:none;}
.visCSSinput {/* width:70%; */ margin-top:0;}
.visform input.inputbox {height:30px;}
.visform textarea.inputbox {height:150px; padding-left:8px; padding-right:8px; border:1px solid #d1d2d3;}
/*.visform textarea.inputbox:hover, .visform textarea.inputbox:focus, */ .visform textarea.inputbox:active {border:1px solid #b1b2b3 !important;}
.visform #recaptcha_response_field {height:30px;}
.visform .captchaCont .asterix-ancor {display:none; /* visibility:hidden; opacity:0; */}
.visBtnCon {text-align:left !important;}
.visform .btn {border:0; background:#555; color:#fff; padding:10px 20px; transition:all 0.5s ease;}
.visform .btn:hover {background:#333d47;}
.visform .input-append .btn {border:0; background:#ccc; color:#fff; padding:5px 10px; transition:all 0.5s ease; border-radius:0;}
.visform .input-append .btn:hover {background:#555;}


/* buttons */
.btn {
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background-color:#1f3073;
    background-image:none;
    background-repeat:no-repeat;
    border-color:none;
    border-image:none;
    border-radius:0;
    border-style:none;
    border-width:0;
	border:0;
    box-shadow:none;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    line-height:20px;
    margin-bottom:0;
    padding:7px 14px;
    text-align:center;
    text-shadow:none;
    vertical-align:middle;
	transition:all 0.5s ease; font-weight:700;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {background-color:#ccc; color:#fff;}

.btn-primary {
    background-color:#1f3073;
    background-image:none;
    background-repeat:no-repeat;
    border-color:transparent; border:0;
    color:#fff;
    text-shadow:none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active  {background-color:#011c2d; color:#fff;}
.btn-primary.disabled, .btn-primary[disabled] {background-color:#ccc; color:#fff;}


/* inputs */

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"] {height:18px; padding-left:8px; padding-right:8px;}

textarea, 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"], .uneditable-input, select {
    background-color:#fff; color:#727376;
    border:1px solid #d1d2d3;
    box-shadow:none;
    transition:none; border-radius:0; font-size:13px;
}

textarea: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, .uneditable-input:focus, select:focus {
    border:1px solid #b1b2b3;
    box-shadow:none;
}

label, input, button, select, textarea {
    font-size:13px;
    font-weight:normal;
    line-height:18px;
}

.form-actions {background:transparent; border:0;}

.camera_prev, .camera_next, .camera_commands {background: transparent !important;}
.camera_commands {display:none !important;}
.camera_caption > div {background:none !important;}

.camera_caption_title {font-size:27px; text-align:left; text-transform:uppercase; color:#f0f2f6; font-weight:700;}
.camera_caption_desc {font-size:15px; text-align:left; color:#b0b2b6; font-weight:700;}

.camera_caption_title span {/* background:#fff; */ padding:6px 15px; box-decoration-break: clone; -webkit-box-decoration-break: clone; line-height:1.5;}
.camera_caption_desc span {/* background:#fff; */ box-decoration-break: clone; -webkit-box-decoration-break: clone; padding:3px 10px; line-height:1.8;}

#call {position:fixed; bottom:0; left:0; width:100%; z-index:1000;}
#call a {background:green; color:#fff; text-align:center; font-weight:bold; display:block; padding:16px 0 0 0; height:56px; font-size:21px; line-height:21px; }
#call a:before {content:"\f10b"; position:relative; top:4px;font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:10px; display:inline-block; font-size:33px;}




@media (min-width:240px) {
	

	#main-menu-mobile-btn {float:right; font-size:24px; position:relative; left:10px; top:16px;}
	#main-menu-mobile-btn a {padding:10px; color:#c9cfd3; opacity:0.66;}
	
	.container {padding-left:20px; padding-right:20px;}
	#main-menu-container, #main-menu-home {display:none;}

	#header-top {height:54px;}
	#header-main {padding-top:54px;}
	#header-top-phone {display:none;}
	#special h3 {font-size:16px; line-height:16px;}
	#special .frontpage-icon-container .fa {font-size:40px;}
	
	#logo {height:60px; width:180px;}
	#logo .nav {margin:0; float:none;}
	#logo .nav a {width:180px; height:36px; background:url('../images/FT-sm.png') 0 0 no-repeat;}

	#map {height:280px;}

	.camera_caption_title, .camera_caption_desc {text-align:center;}

	.camera_caption {bottom:10px !important;}
	.camera_caption_title {font-size:25px !important; margin:0 40px 20px 40px;}
	.camera_caption_desc {font-size:13px !important; margin:0 40px; }
	.table-default td.pricing {width:33%;}
	
	#sidebar {display:none;}
}


@media (min-width:479px) {
	#header-top {height:68px;}
	#header-main {padding-top:68px;}
	#logo {height:60px; width:240px;}
	#logo .nav {margin:0; float:none;}
	#logo .nav a {width:240px; height:48px; background:url('../images/FT-md.png') 0 0 no-repeat;}
	#main-menu-mobile-btn {top:24px;}
	#map {height:360px;}
	#special .frontpage-icon-container .fa {font-size:60px;}
	#special h3 {font-size:18px; line-height:18px;}
	
	#bottom-menu a {display:inline-block; }
	.camera_caption {bottom:10px !important;}
	.camera_caption_title {font-size:25px !important; margin:0 40px 20px 40px;}
	.camera_caption_desc {font-size:13px !important; margin:0 40px; }
}

@media (max-width:576px) {
.cc-revoke, .cc-revoke * {display:none !important; visibility:hidden !important; opacity:0;}
}

@media (min-width:576px) {
	#call, #call * {display:none !important;}
}

@media (min-width:768px) {

	.container {padding-left:0; padding-right:0;}

	#header-top {height:130px;}
	#header-main {padding-top:130px; min-height:180px;}
	#main-menu-container {display:block;}
	#header-top-phone {display:block;}
	
	#main-menu-mobile-btn {top:28px;}
	#main-menu-mobile-btn, #main-menu-mobile {display:none;}

	#logo {height:106px; width:330px;}
	#logo .nav {margin:0; float:none; position:relative; top:10px;}
	#logo .nav a {width:330px; height:66px; background:url('../images/FT.png') 0 0 no-repeat;}
	#info {background-image:url('../images/bg-info.jpg'); background-position: center center; background-repeat:no-repeat; background-size:cover;}

	#map {height:400px;}
	.camera_caption {bottom:20px !important;}
	.camera_caption_title {font-size:27px !important; margin:0 80px 20px 80px;}
	.camera_caption_desc {font-size:15px !important; margin:0 80px;}

	#sidebar {display:block;}
	
}

@media (min-width:980px) {

	#map {height:480px;}
	#special h3 {font-size:20px; line-height:21px;}
	#main-menu-home {display:block;}

	.camera_caption_title, .camera_caption_desc {text-align:left;}
	.camera_caption {bottom:70px !important;}
	.camera_caption_title {font-size:27px !important; width:940px; margin:0 auto 20px auto;}
	.camera_caption_desc {font-size:15px !important; width:940px; margin:0 auto;} 
	
	#frontpage1 .custom {padding-left:86px; padding-right:10px;}
	#frontpage1 .custom::before {position:absolute; top:50px; left:12px;}

	#bottom-dev {padding-top:0; text-align:right;}
	#bottom-menu {display:inline-block; padding:0 0 0 20px;}
	#bottom-menu a {padding:0 10px; margin-right:0;}
}

@media (min-width:1200px) {
	.camera_caption {bottom:90px !important;}
	.camera_caption_title {font-size:27px !important; width:1170px; margin:0 auto 20px auto;}
	.camera_caption_desc {font-size:15px !important; width:1170px; margin:0 auto;} 
	#map {height:600px;}
}


.hide {display:none !important;}