@import url('https://fonts.googleapis.com/css?family=Merienda:400,700');
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}* {-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;}audio,canvas,img,video {vertical-align: middle;}hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}fieldset {border: 0;margin: 0;padding: 0;}::-moz-selection {background: #b3d4fc;text-shadow: none;}::selection {background: #b3d4fc;text-shadow: none;}.browsehappy {margin: 0.5em;background: #ccc;color: #000;padding: 1em;}.hidden {display: none !important;visibility: hidden}.show {display: block !important;visibility: visible}.clear {clear:both}

html, body{font-family:Geneva, Arial, Helvetica, sans-serif; height:100%; margin:0 auto;}
a {text-decoration:none;}
body {background: #3c91e9; /* Old browsers */
background: -moz-linear-gradient(top,  #001777 0%, #3d91eb 100%) fixed; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #001777 0%,#3d91eb 100%) fixed; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #001777 0%,#3d91eb 100%) fixed; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001777', endColorstr='#3d91eb',GradientType=0 ); /* IE6-9 */}

.clouds {background:url(../images/cloud_bg.png) repeat-x; position:absolute; top:0px; left:0px; width:100%; height:220px; z-index:0;}

p, h1, h2 { padding-bottom:10px;}
p {line-height:135%; font-family: 'Merienda', cursive;}
h2 {font-weight:bold; font-size:110%;}
.acenter {text-align:center!important;}
.aleft {text-align:left!important;}
.aright {text-align:right!important;}
.quote, .signature{font-size:120%; text-align:center; padding:2rem; line-height:2rem!important; font-style:italic;}
.small-text {font-size:80%;}

.fright {float:right;  margin-left:0.5em}
.fleft {float:left; margin-right:0.5em}
.tred {color:#ab0000; }
.red {background:#ab0000; color:#FFF;}
.underline {text-decoration:underline;}
.img100 {width:100%; height:auto;}
strong {font-weight:bold;}
.button {border:1px #999999 solid; margin:0.4%; white-space:nowrap; border-radius:6px; background:#cccccc; color:#000000; display:inline-block;text-align:center; font-weight:bold;color:#FFFFFF; background:rgba(136,136,136,0.99); font-size:90%; font-weight:bold; vertical-align:middle; padding:1rem;  overflow:hidden; position:relative; outline: 0;
transition-property: all;
animation-timing-function: ease-in;
transition-duration: .3s;
}
.button:hover {background:rgba(82,1,189,0.80);}
.page-heading-top, .page-heading-center, .page-sub-heading {font-family: 'Merienda', cursive;}
.page-heading {font-size:180%; padding:1rem 0 1rem 0; font-weight:bold;}
.page-sub-heading {font-size:130%; padding:1rem 0 1rem 0; font-weight:bold;}
.page-heading-top {font-size:200%; padding:40px 20px 20px 20px; text-align:center; line-height:80px}
.page-heading-center {font-size:190%; padding:20px 20px 40px 20px; text-align:center; line-height:50px}
.excerpt{font-size:120%; padding:20px;margin:25px 0 25px 0;}
.excerpt p:before { 
     content: open-quote; font-size:180%;
 } 
 .excerpt p:after { 
     content: close-quote; font-size:180%;
 } 
.h-logo, .menu, .top-menu, .page-heading, .button, .bullets { font-family: 'Merienda', cursive;}
/* MARGIN AUTO */
header, .content {margin:0 auto; width:90%; max-width:1600px;}

/* POSITION RELATIVE */
.header, .inner-wrapper, .content, footer {position:relative; margin:0 auto;}

/* SPRITE BG */
.h-logo, .dd::after, .trade-login::before {background-image:url(../images/rtk-sprite.png);/*background-image:url(../images/rtk-sprite@2x.png); */background-repeat:no-repeat; }

@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
.h-logo, .dd::after{background-image:url(../images/rtk-sprite@2x.png);background-repeat:no-repeat;}
.h-logo {width:250px; height:120px; background-position: 0px -128px; background-size:90%; left:10px; top:2px; border:0px #CCCCCC solid; }

}

.grid-wrapper, .inner-wrapper {margin-top:1em; margin-bottom:1em;}


/* COOKIE */
.cookie {background:#e29a00; color:#000; padding:1em;line-height:1.5em; position:fixed; bottom:-200px; left:0; width:100%; border-top:2px #070f07 solid; text-align:center}
.cookie a { border:1px #000 solid; padding:0.5em; background:#3c3c3c; border-radius:6px; color:#fff; text-shadow:1px 1px #161616; }
.cookie a:hover{ background:#c20202; text-shadow:1px 1px #960000; }


/* WRAPPERS */
.wrapper { border:0px #FF0000 solid; min-width:320px; }
.inner-wrapper{border:0px #CCCCCC dashed; margin-bottom:2em; overflow:hidden; max-width:1600px;}
.cookie-bar {background:#333333; color:#FFFFFF; padding:0.8%; display:none;}
.info-bar {background:#303030; color:#FFFFFF}
.top-bar-content{padding:16px; height:100px; margin-top:-90px;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
  }
  .top-bar-content a{color:#FFFFFF;}
.top-bar-open {margin-top:0;}  

/* HEADER */
header {border:2px #5101bb solid; /*border-top:none;*/	text-align:center; background:#999999; min-height:150px; 
position:relative; margin-top:1.5rem; border-radius:8px 8px 0 0;
background: #a4ccf8; /* Old browsers */
background: -moz-linear-gradient(top,  #a4ccf8 0%, #eaf4ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a4ccf8 0%,#eaf4ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a4ccf8 0%,#eaf4ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4ccf8', endColorstr='#eaf4ff',GradientType=0 ); /* IE6-9 */
 }

.lower-head {position:relative;height:90px; overflow:hidden; color:#FFFFFF; } 
.h-links { position:absolute; right:0; top:0px;}
.h-links a {padding:8px; display:inline-block;}
.h-links a:hover {text-decoration:underline; color:#000000;}

.h-nicola {width:200px; height:62px; font-size:2rem;padding:0.25rem;position:absolute; left:10px; top:20px;  color:#333333; border:0px #333 solid; }
.h-nicola img {width:100%; height:auto;}
.h-logo {width:400px; height:120px; font-size:2rem; padding:0.25rem; position:absolute; right:80px; top:12px;  color:#333333; border:0px #CCCCCC solid; }

.h-logo img {width:100%; height:auto;}
.h-fb {border:1px #CCCCCC solid; position:absolute; right:20px; top:30px; }

.h-strap {position:absolute; right:0; top:30px; font-size:160%;}
.h-tel{display:block;  text-align:right; color:#303030; position:absolute; right:0; bottom:10px; font-size:1.7em; letter-spacing:0.1em;
text-shadow:1px 1px #f9f9f9; background:url(../images/images/tel-icon.png) left no-repeat; background-size: 32px; padding:4px 0 6px 0;text-indent:45px; border:0px #333333 solid}
.h-tel a, .h-links a {text-decoration:none; color:#303030;}

.window {position:absolute; right:40%; top:10px; font-size:80%; color:#FFFFFF;}

/* MENUS */
.mmenu {display:none; width:100%; position:absolute; top:145px; left:0; overflow:hidden; height:50px; background: #5101bb;}
.mmenu a { min-height:52px;  text-indent:-999em; display:block; border:0px #FFFFFF solid;}
/*.mmenu a:before {content:''; background:url(../images/mmenu_wht.png) 4px 4px no-repeat;  background-size:160%; width:50px; height:50px; border:1px #666666 solid; position:absolute; left:50%; margin-left:-25px;}*/
.mopen a, .mclose a{background:url(../images/mmenu_wht.png) no-repeat;  background-size:160%; width:50px; height:50px; position:absolute; left:50%; margin-left:-25px;} 

.mopen a{background-position:5px 5px;}

.mclose a{background-position:-39px 4px;}

.menu {border-top:1px #FFFFFF solid; width:100%; position:absolute; top:99px; left:0; overflow:hidden;}
.menu ul  {/*border:1px #339933 solid;*/ position:relative;   

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5101bb+0,6f19e8+52,5101bb+100 */
background: #5101bb; /* Old browsers */
background: -moz-linear-gradient(top,  #5101bb 0%, #6f19e8 52%, #5101bb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5101bb 0%,#6f19e8 52%,#5101bb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5101bb 0%,#6f19e8 52%,#5101bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5101bb', endColorstr='#5101bb',GradientType=0 ); /* IE6-9 */


}
.menu li {display:inline-block; /*width:16.6%;*/ width:14.25%; height:50px; margin:0; line-height:1.9em; vertical-align:top; border-left:1px #390183 solid; overflow:hidden;
/*transition-property: all;
animation-timing-function: ease-in;
transition-duration: .2s;*/
}
.menu li:first-child {border:none;}
.menu li:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5c1aba+0,7e39e5+51,5c1aba+100 */
background: #5c1aba; /* Old browsers */
background: -moz-linear-gradient(top,  #5c1aba 0%, #7e39e5 51%, #5c1aba 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5c1aba 0%,#7e39e5 51%,#5c1aba 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5c1aba 0%,#7e39e5 51%,#5c1aba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c1aba', endColorstr='#5c1aba',GradientType=0 ); /* IE6-9 */
}

.menu a {color:#FFFFFF; padding:0.65rem; border:0px #ffffff solid; display:block; outline: 0;}
.menu a:hover {}
.menu li:hover a{}


.menu ul ul {background:#FFFFFF;  border:0px #ffffff solid; position:absolute; top:50px; width:100%; left:0; color:#000000; padding:0.5em; text-align:left; /*display:none; */border-radius: 0 0 8px 8px;  /*max-width:1600px; margin:0 auto;*/
/*background:rgba(255,255,255,0.5);*/
overflow-y: hidden;
transition-property: all;
transition-duration: .4s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
max-height:0;visibility:hidden; top:50px; /*padding:0px; */
z-index:900!important;
}
.menu ul ul li { width:32%; vertical-align:top; margin-left:1%; border:1px #ffffff solid; border-radius:8px; overflow:hidden;height:auto; }
.menu ul ul li:hover {background:#f9f9f9; border-color:#666666;}
.menu ul ul a {color:#000; display:block; width:48.5%; display:inline-block; border:none; border-radius:6px;margin:0 0 1% 1%; }
.menu ul ul img {margin-right:0.5rem; width:40px; height:auto;}
.menu ul ul a:hover {background:#CCCCCC}

.menu li:hover ul {/*display:block;*/ max-height:500px; visibility:visible; top:50px; background:#FFFFFF; padding:1.5em 0.5em;}

.dd-title {display:block; font-size:110%; padding:0.5em; text-align:left;}

.dd::after {content:''; float:right; margin-top:-34px; /*padding-right:2rem;*/ border:0px #FFFFFF solid;/*position:absolute;top:10px; right:10px;*/width:20px; height:20px; background-position:-65px -238px; margin-right:2rem}
.menu li:hover.dd::after{background-position:-27px -238px;  border:0px #333 solid;}

.top-links {position:absolute; right:20px; top:20px; text-transform:uppercase;}
.top-links a{color:#FFFFFF; background:rgba(255,255,255,0.1); font-size:90%; font-weight:bold; vertical-align:middle; padding:0.7rem 0.7rem 0.7rem 2.5rem; border:1px #858585 solid; border-radius:4px; overflow:hidden; position:relative; outline: 0;
transition-property: all;
animation-timing-function: ease-in;
transition-duration: .2s;}

.top-links a:hover {color:#333; background:rgba(255,255,255,0.95); }


.top-wrapper {width:100%; background:#122310; border-bottom:0px #333333 solid;} 
.top-menu {background:#122310; height:36px;  letter-spacing:0.2em; font-weight: lighter; overflow:hidden;}

.top-menu li{border-left:1px #333333 solid;  width:14.27%; }
.top-menu li:last-child{border-right:1px #333333 solid; }
.top-menu li a{ font-size:0.86em;   color:#f9f9f9;  line-height:36px; } 
.top-menu li a:hover{background:#1c3818} 




/* CONTENT */
.content {clear:both;  padding:1rem 2rem 1rem 2rem; border:2px #5101bb solid; border-top:none; border-radius:0 0 8px 8px; background: rgba(255,255,255,0.8); }
.content p {line-height:1.8rem;}

.overlay-content {text-align:center; padding:1em; background: rgba(255, 255, 255, 0.85); width:60%; border-radius:8px 0 8px 0; border:1px #999999 solid; position:absolute; bottom:15%; left:20%;}

.sold {position:relative; border:1px #FF0000 solid; text-align:center; font-size:1.8em; padding:0.5em; border-radius:8px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF0000; margin-bottom:0.5em;}

/* POP OVER */
.popover {display:none; text-align:center; background:#f1f1f1; border:12px #999999 solid; border-radius:6px; padding:20px; position:fixed; top:40%; left:50%; width:70%; margin-left:-35%;}

/* GRIDS */
.grid-wrapper {position:relative; clear:both; overflow:hidden; border:0px #009900 dashed; }
.grid-wrapper div {border:0px #333333 solid; vertical-align:top; line-height:1.4em; overflow:hidden;}
.grid-25 div, .grid-50 div {width:25%; display:inline-block; margin:0 auto; padding:0.5em 1.2em 0.5em 1.2em;}
.grid-25 img, .grid-50 img {width:100%; height:auto;}
.grid-50 div {width:50%;}

.grid-6, .grid-5, .grid-4, .grid-2, .grid-3 {float:left; margin:0.5%; border:0px #CCCCCC dashed; text-align:center;}
.grid-6 {width:15.6%;}
.grid-5 {width:19%; }
.grid-4 {width:24%; }
.grid-3 {width:32.3%; }
.grid-2 {width:49%;}

.gallery {border:1px #1c3818 solid; border-radius:4px; text-align:center; height:150px; overflow:hidden;}
.gallery img {height:100%; width:auto;}

.grid-pc {position:relative; background:#70a368; color:#FFFFFF; border:1px #1c3818 solid; border-radius:4px;   height:60px;  text-align:center;}
.grid-pc a{color:#FFFFFF; text-shadow:1px 1px #1c3818; display:block; padding:8px; line-height:1.3em;  position: absolute; top: 50%; transform: translate(0, -50%); width:100%;   }
.grid-pc:hover {background:#1c3818;}

.cta div{border-radius:12px; transition-property: all;
animation-timing-function: ease-in;
transition-duration: .4s;
}
.cta img {margin-bottom:1em; max-width:225px;}
.cta a {color:#333333;}

.cta div:hover {background:rgba(82,1,189,0.50);}
.cta div:hover a {color:#ffffff;}

.bullets {list-style:square; margin:0.5em 1.5em 0.5em 1.5em;}
.bullets li {margin-bottom:0.5em; line-height:1.6em}

 /* FORMS */
.form {border:1px #333333 solid; padding:8px; margin-bottom:25px; border-radius:6px;}
.form label{display:inline-block; width:20%; text-align:right; padding:6px 12px 6px 6px; color:#000000; vertical-align:top; }
.form p {padding:6px 2px 6px 2px; background:#f1f1f1; margin:1%; border-radius:8px; text-align:left;}
.form input, .form textarea{ padding:10px; width:75%; border:2px #666666 solid; border-radius:8px; margin:2px 0 2px 10px}
.form textarea{height:150px; }
.form .send{ font-size:110%; width:96%; background:#e29a00; border:1px #000 solid; cursor:pointer;}
.form .sbt{display:none;}
.error {border:2px #FF0000 dashed; padding:12px; font-size:106%; text-align:center!important; background:#f9f9f9; margin-top:15px; margin-bottom:15px;}
.g-recaptcha {text-align:center; padding:2%; width:304px; margin:0 auto;}

.pp-form input {padding:0.5em; margin:0.5em 0;}
.question {width:80%;}

/* FOOTER */
footer {background:#5201bd; border-top:2px #340078 solid; margin-top:1em;}
footer .inner-wrapper {width:90%; margin:0 auto;}

.site-links, .sm-links  {width:49.7%; border:0px #FF9900 dashed; display:inline-block;  vertical-align:top; margin-bottom:1.5em; text-align:left;}


.site-links li{display:inline-block; width:33.3%;}
.site-links a{ color:#ffffff; padding:1em;display:block}
.site-links a:hover{text-decoration:underline;}

.sm-links  {text-align:center;}
.sm-links li{display:inline-block; width:50%; }
.sm-links a{ color:#ffffff; padding:1em; display:block}
.site-links a:hover{ text-decoration:underline;}

.end-links {color:#fff; clear:both; font-size:80%; padding:1em 0 2em 0;}
.end-links a{color:#fff;}



.top-button{
	width:50px; 
	height:50px;
	padding:10px; 
	text-align:center; 	
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:30px;
	right:30px;
	display:none;
	opacity: .5;
}
.top-button:hover{opacity: 1;}
@media screen and (min-width: 1780px) {
header {left:50%; margin-left:-800px;}
}

@media screen and (max-width: 1200px) {
header {left:0; margin:0 auto;}
header, .content {width:100%;}

footer {padding:1em;}
footer .inner-wrapper {width:100%;}
.site-links, .sm-links {width:100%; display:block; text-align:left;}
.site-links li, .sm-links li {width:33.3%;}

.overlay-content { width:80%; left:10%}

}
@media screen and (max-width: 950px) {

}

@media screen and (max-width: 800px) {
header {min-height:250px;}
.mmenu {display:block;}
.menu {z-index:1000; display:none; top:193px;}

.h-nicola {width:200px; height:80px; position:relative; left:auto; top:auto;   margin:0 auto; }
.h-logo {width:300px; height:100px;  position:relative; right:auto; top:auto;   margin:0 auto;}


.h-nicola img {width:100%; height:auto;}

.menu li {width:100%; }
.menu a {padding:0.7rem; font-size:90%;}
.menu ul ul {top:40px;}
.grid-25 div {width:50%; }
.fleft, .fright {float:none; width:50%; margin-left:25%;text-align:center;}
.overlay-content { width:90%; bottom:10%;left:5%; padding:0.5em; font-size:90%}

}
@media screen and (max-width: 600px) {



}