/* Global Reset & Standards ---------------------- */
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-family: 'Open Sans';}

html {-webkit-text-size-adjust: 100%; /* Automatically adjusted for Safari on iPhone. */-ms-text-size-adjust: 100%;
-webkit-font-smoothing: subpixel-antialiased;}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {display: block;}
fieldset, img {	border: 0;}
html, body{height:100%; background: #fff; font-size:14px;}

/* Links ---------------------- */
a { color: #9e1102; text-decoration: none; line-height:inherit; outline:none;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;}
p a, p a:visited {line-height: inherit;}

/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }

/* Lists ---------------------- */
ul, ol, dl { margin:0; padding:0; list-style:none; }

/* form elements ---------------------- */
input::-moz-focus-inner{border: 0; padding: 0;}
input, select, textarea{outline:none;font-family: inherit;}
input[type="submit"], input[type="button"]{-webkit-appearance:none;}
select::-ms-expand{display:none;}
textarea{resize: vertical;}

/* Misc ---------------------- */
.float--left {float: left !important; }
.float--right {float: right !important; }

.nomargin {margin: 0!important;}
.nomargin--bottom { margin-bottom: 0!important;}
.nomargin--top { margin-top: 0!important;}
.nomargin--left { margin-left: 0!important;}
.nomargin--right { margin-right: 0!important;}

.nopadding {padding: 0!important;}
.nopadding--bottom { padding-bottom: 0!important;}
.nopadding--top { padding-top: 0!important;}
.nopadding--left { padding-left: 0!important;}
.nopadding--right { padding-right: 0!important;}

.align--left {text-align: left !important;}
.align--right {text-align: right !important;}
.align--center { text-align: center !important;}

.transition--none{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.gap {height:15px; display:block;clear:both;}
.clearfix:after {clear: both;display: block; content: "";}
img{max-width: 100%;display: block;}

/* placeholders ---------------------- */
::-webkit-input-placeholder {/* WebKit browsers */color:    #333;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #333;opacity:  1;}
::-moz-placeholder {/* Mozilla Firefox 19+ */color:    #333;opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color: #333;}




/* Works in Mozilla ---------------------- */
::-moz-selection {background-color: #9e1102;color: #fff;}

/* Works in Safari ---------------------- */
::selection {background-color: #9e1102;color: #fff;}

/* container ---------------------- */
.container,.container--fluid{margin-right: auto;margin-left: auto; position: relative;padding: 0 15px;}
.container--fixed{max-width: 1230px;padding: 0 15px;}
.container__white{background: #fff;}
.row {margin-left: -15px;margin-right: -15px;}
.row:after ,.container--fixed:after{clear: both; content:""; display: block; height: 0; visibility:hidden;}


/* header ---------------------- */
.header{ position:absolute; left: 0; top: 0; right: 0;width: 100%;height: 200px;z-index: 1001;}
.header:before{width: 100%; left: 0; right: 0; top: 0; height: 200px; content: ""; position:absolute;
background: -moz-linear-gradient(top, rgba(27,81,120,1) 0%, rgba(27,81,120,0.98) 5%, rgba(27,81,120,0.84) 21%, rgba(28,80,120,0.65) 39%, rgba(28,80,120,0.51) 50%, rgba(44,93,130,0.43) 56%, rgba(70,113,145,0.36) 62%, rgba(97,134,162,0.3) 67%, rgba(130,159,181,0.22) 73%, rgba(174,193,207,0.15) 81%, rgba(212,222,230,0.08) 88%, rgba(216,225,232,0.07) 89%, rgba(238,242,245,0.03) 95%, rgba(254,254,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(27,81,120,1) 0%,rgba(27,81,120,0.98) 5%,rgba(27,81,120,0.84) 21%,rgba(28,80,120,0.65) 39%,rgba(28,80,120,0.51) 50%,rgba(44,93,130,0.43) 56%,rgba(70,113,145,0.36) 62%,rgba(97,134,162,0.3) 67%,rgba(130,159,181,0.22) 73%,rgba(174,193,207,0.15) 81%,rgba(212,222,230,0.08) 88%,rgba(216,225,232,0.07) 89%,rgba(238,242,245,0.03) 95%,rgba(254,254,255,0) 100%);
background: linear-gradient(to bottom, rgba(27,81,120,1) 0%,rgba(27,81,120,0.98) 5%,rgba(27,81,120,0.84) 21%,rgba(28,80,120,0.65) 39%,rgba(28,80,120,0.51) 50%,rgba(44,93,130,0.43) 56%,rgba(70,113,145,0.36) 62%,rgba(97,134,162,0.3) 67%,rgba(130,159,181,0.22) 73%,rgba(174,193,207,0.15) 81%,rgba(212,222,230,0.08) 88%,rgba(216,225,232,0.07) 89%,rgba(238,242,245,0.03) 95%,rgba(254,254,255,0) 100%); 
}


/* navs ---------------------- */
.navs--small li{display: inline-block;vertical-align: top;color:#fff; padding: 0 10px 0 0;}
.navs--small li.first a{cursor:default;}
.navs--small li a{color:inherit;font-size: 0.9em;}
.navs--small li a .icon{width: 26px; height: 26px; border: 1px solid #fff; border-radius: 100%; display: inline-block;vertical-align: middle;margin: 0 10px 0 0;position: relative; top: -1px;overflow: hidden;}
.navs--small li a .icon svg{width:13px; height:13px;fill:#fff;margin:5px auto; display: block;}

.navs--main{display: table;width: 100%;}
.navs--main li{display:table-cell; padding: 0 28px; vertical-align: top;}
.navs--main li:first-child{ padding-left: 0;}
.navs--main li:last-child{ padding-right: 0;}
.navs--main li a{display:block;height: 44px; line-height: 44px; text-transform: uppercase; color:#fff;text-align: center;position: relative;}
.navs--main li a:before{bottom:0;content: "";height: 2px;left: 0;position: absolute;width: 100%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition:all 250ms ease 0s;
-o-transition: all 250ms ease 0s;
transition: all 250ms ease 0s;}



/* logo ---------------------- */
.logo{position: absolute; left:50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);top:70px;}
.logo img{width: 100%;}

/* section ---------------------- */
.section{padding:50px 0;position: relative;}
.section--primary{padding:10px 0;background: rgba(0,0,0,0.1); height:45px;}
.section--navs{border-bottom: 1px solid #fff; padding: 0;}
.section--contact{background-repeat: no-repeat;background-size: cover; background-position: center bottom; background-color: #eaeaea;}
.section--contact h2{font-size: 3.4em;font-weight: 900; line-height: 1.1;}
.section--footer {background: #242121;}

/* Listings ---------------------- */
.listings--socials li{display: inline-block;vertical-align:middle; margin:2px 15px 0 0;}
.listings--socials li a{display:block;overflow: hidden;}
.listings--socials li a svg{width:16px; height:16px;fill:#fff;
-webkit-transition:all 250ms ease 0s;
-o-transition: all 250ms ease 0s;
transition: all 250ms ease 0s;}
.listings--socials li:last-child{margin-right: 0;}

.listing--infos li{ padding:40px 50px 0; margin: 0 -2px; display: inline-block; vertical-align: top;text-align: center;}
.listing--infos li .icon{overflow: hidden;width:90px; height: 90px; border: 3px solid #7d3a08; border-radius: 100%; margin: 0 auto 20px;}
.listing--infos li .icon svg{width:46px; height: 46px; fill:#7d3a08; margin:18px auto 0;display: block;}
.listing--infos li .icon img{width:50px;margin:16px auto 0;display: block;}
.listing--infos li span{display: block; color: #7d3a08; font-size: 1.2em;font-weight: 600;line-height: 1.4;}
.listing--infos li span a{ color: #7d3a08;}

.listings--vertical li{ padding:10px 0;}
.listings--vertical li a{color: #cccaca;font-weight: 300;font-size: 0.9em;}


/* form ---------------------- */

.form--subscribe{position: relative;}
.form--subscribe input[type="text"]{width: 100%; background: #363434; border: none;height: 35px; padding: 0 50px 0 10px; color: #fff;border-radius:0;}
.form--subscribe input[type="submit"]{border-radius:0;background: #d9a309;text-align: center; font-weight: 900; line-height: 35px; border: none;height: 35px; padding: 0 10px; color: #fff; position: absolute; right: 0; top: 0;text-transform: uppercase;font-size: 1.2em; cursor: pointer;
-webkit-transition:all 250ms ease 0s;
-o-transition: all 250ms ease 0s;
transition: all 250ms ease 0s;}



/* footer ---------------------- */
.section--footer {background: #242121;}
.section--footer .grid--left{width: 30%; float: left;}
.section--footer .grid--right{width: 70%; float: right; padding: 0 0 0 60px;}
.section--footer h5{ color: #fff;font-size: 1.4em;margin: 0 0 10px 0;}
.section--footer .grid--left h5{margin: 0; padding: 0;}
.section--footer .txt--small{font-size: 0.9em; color: #918c8c; display: block; margin: 0 0 10px 0;}
.section--footer .colum{float: left; width: 28%;}
.section--footer .colum:last-child{float:right; width:15%;}


/* toggles ---------------------- */
.toggle--links{width: 35px; height: 30px;position: absolute; right: 10px;top:6px;display: none;}
.toggle--links:active{background: rgba(255,255,255,0.1);}
.toggle--links span{width:5px; height:4px; background:#fff; display:block; margin: 12px auto 0; position: relative;}
.toggle--links span:before{width:100%; height:4px; background:#fff;content: ""; position:absolute; top: -8px; left: 0;}
.toggle--links span:after{width:100%; height:4px; background:#fff;content: ""; position:absolute; bottom: -8px; left: 0;}


.toggle--nav{width:35px; height: 30px; float: left; margin: 0 0;display:none;position: absolute; left:10px; top: 6px;}
.toggle--nav span{width:25px; height:3px; background:#fff; display:block; margin: 13px auto 0; position: relative;}
.toggle--nav span:before{width:100%; height:3px; background:#fff;content: ""; position:absolute; top: -7px; left: 0;}
.toggle--nav span:after{width:100%; height:3px; background:#fff;content: ""; position:absolute; bottom: -7px; left: 0;}
.toggle--nav:active{background: rgba(255,255,255,0.1);}

/* overlays ---------------------- */
.overlay--nav{display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index:100;background-color: rgba(0,0,0,0.7);}

.slide--inner{height: 450px;position: relative;background-position: center top;background-repeat: no-repeat;background-size: cover;width: 100%;}


.header .float--right .navs.navs--small{margin-right:20px;}
.header .navs.navs--small,.header .listings--socials{display:inline-block;vertical-align:middle;}




/********************************************** blog pages css **********************************************/


.whiteWrap{background:#FFF; padding:0 0; border-left:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; width:100%; display:inline-block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 0 30px 0;
-moz-box-shadow:  0 0 4px #bbbbbb;
-webkit-box-shadow: 0 0 4px #bbbbbb;
box-shadow: 0 0 6px #bbbbbb;}

.leftPanel{ display:table-cell; vertical-align:top;border-right:1px solid #e3e3e3;  }
.leftPanel .inner{display:block; position:relative;padding:15px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.post{width:100%; display:block; overflow:hidden; position:relative; padding:0 0 15px 0;}
.date{ width:60px;/* height:58px;*/ background:#9E1102; padding:0 0 5px; float:right; text-align:center; margin:0 0 0 0;}
.date h4{font-family: "MyriadProSemibold"; background:#333; display:block; text-transform:uppercase; font-size:13px; color:#FFF; margin:0; padding:2px 0; line-height:normal;}
.date h2{font-family: "MyriadProSemibold"; line-height:24px; text-transform:uppercase; font-size:30px; color:#FFF; margin:0; padding:5px 0 3px;}

.title{ margin:0 0 0 0; padding:0 0 0 0; width:90%; float:left;}
.title h3{color:#000000; font-size:28px; line-height:30px; margin:0;}
.title h3 a{text-decoration:none;color:#000000;}
.title h3 a:hover{color:#9E1102;}

.title h1{color:#000000; font-size:28px; line-height:30px; margin:0 0 15px 0; font-family: "MyriadProSemibold";}
.title h1 a{text-decoration:none;color:#000000;}
.title h1 a:hover{color:#9E1102;}

.post_image{width:650px; display:inline-block; padding: 0; margin:15px 0 0 0;}
.post_content{ padding:10px 0 10px 0;}
.post_content p{font-size:16px; color:#2f2f2f; line-height:24px; padding:0 0 20px 0;}
.link{ font-size:16px; color:#9e1102; text-decoration:none; margin:0 0 0 0;}
.link:hover{ color:#000;}

.borderWrap{ width:100%; display: inline-block; height:25px;}
.borderWrap .text{ font-size:15px; color:#000000; margin:5px 0px; display:inline-block; vertical-align:top; line-height:18px;}
.borderWrap .text a{ font-size:15px; color:#000000; }
.borderWrap .text a:hover{ text-decoration:underline;}
.borderWrap .text span{ color:#ad405d;font-family: "MyriadProSemibold";}
.vertical_devide{height:18px; width:1px; background:#e3e3e3; display:inline-block; margin:6px 0px;}

.count{background:#9e1102; padding:0 8px; border-radius:3px; position:relative; display:inline-block; vertical-align:top; font-size:14px; margin:0 0 0 12px; color:#FFF; height:22px; line-height:19px;}

.sharewrap{float:right; margin:15px;}
.mr_social_sharing_wrapper{/* float:right;  margin:15px;*/ margin:5px;clear:both;}


ul.pagination{margin:20px 0; padding:0; text-align: center; display:block;}
ul.pagination li{text-align:center; display:inline-block; *display:inline;}
ul.pagination li a{ text-decoration:none; height:26px; display:block; line-height:24px; padding:0 10px; color:#282828; font-size:15px; border-radius:2px;}
ul.pagination li a.next{}
ul.pagination li a:hover.next{ background:none;}
ul.pagination li a.prev{}
ul.pagination li a:hover.prev{ background:none;}
ul.pagination li a:hover, ul.pagination li a.selected{background:#9e1102; color:#fff;}



.rightPanel{ display:table-cell; vertical-align:top; background:#eeebe7;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.rightPanel .inner{width:317px; display:block;padding:15px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; }



.search_Form{ background:#333; border:1px solid #000; width:100%; padding:20px; margin:0 0 20px 0;
-webkit-box-sizing: border-box; /* content-box */
-moz-box-sizing: border-box;
box-sizing: border-box;}
.search_Form .wrap{ background:#FFF; border:1px solid #9e1102; height:36px; padding:0 10px;}
.search_Form input[type="text"]{ border:none; background:none; height:36px; line-height:36px; vertical-align:middle; color:#666; font-size:15px; float:left; width:auto;}
.search_Form input[type="text"]:focus{ border:none !important;-moz-box-shadow:  0 0 4px #bbbbbb;
-webkit-box-shadow: 0 0 4px #bbbbbb;
box-shadow: 0 0 0 0;}
.search_Form input[type="submit"]{ background:url(https://www.villaatlakecomo.com/images/magnifier.png) no-repeat; width:21px; height:21px; border:none; cursor:pointer; float:right; margin:8px 0 0 0;}




.postList{margin:0; padding:0; }
.postList li{margin:0 0 -1px 0; padding:10px 15px 15px; display:inline-block;text-align:left; border-bottom:1px solid #e1e1e1; width:100%;
-webkit-box-sizing: border-box; /* content-box */
-moz-box-sizing: border-box;
box-sizing: border-box;}

.postList li:hover{background:#f2f2f2;}
.postList li a.heading{font-size:16px; color:#9e1102; line-height:19px; text-decoration:none;margin:0 0 0 0; padding:0 0 6px 0;}
.postList li a.heading:hover{ color:#000;}
.postList li span.datepost{color:#000000; font-size:13px; text-decoration:none; display:block; margin:5px 0 0 0;}

.colWrap{ width:100%; position:relative; padding:0 0 20px 0;}
.colWrap .top{ background:#9e1102; position: relative; padding:10px 15px;}
.colWrap .top .arrowdown{background:url(https://www.villaatlakecomo.com/images/downarrow.png) no-repeat; width:12px; height:6px; position:absolute; bottom:0; left:15px;}
.colWrap .top .arrowdown2{background:url(https://www.villaatlakecomo.com/images/downarrow2.png) no-repeat; width:12px; height:6px; position:absolute; bottom:0; left:15px;}
.colWrap .top h3{ margin:0; font-size:20px; color:#FFF; line-height:18px; padding:0 0 5px 0;font-family: "MyriadProSemibold";}
.colWrap .top h5{  margin:0;font-size:15px; line-height:19px; color:#FFF; padding:0 0 10px 0;font-family: "MyriadProSemibold";}
.colWrap .middle{border:1px solid #e1e1e1; border-top:none; background:#FFF; }
.colWrap .middle .siteForm{padding:15px;}

.widget_categories ul{margin:0; padding:0;}
.widget_categories ul li{ border-bottom:1px solid #e1e1e1;margin:0; padding:6px 10px;display:block; text-align:right; overflow:hidden;}
.widget_categories ul li a{margin:0; text-decoration:none; font-size:14px; color:#494a4a; text-align:left; float:left;}
.widget_categories ul li a span{ color:#9e1102; float:right;}
.widget_categories ul li:hover{background:#f2f2f2;}
.widget_categories ul li:hover a{color:#000;}


/* forms css */

.formTable{width:100%;}
.formTable td{ font-size:14px; color:#333; padding:0 0 10px 0;}
.formTable td label{ display:inline-block; padding:0 0 0 0; font-size:14px; color:#333;}
.formTable td table td{padding-bottom:0;}

.comment-form input[type="text"]{width:100%; background:#FFFFFF; border:1px solid #c3c3c3; height:36px; line-height:35px; vertical-align:middle; font-size:15px; color:#7a7a7a; padding:0 10px;
margin:0 0 0 0;
border-radius:2px;
-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;

-webkit-box-shadow: inset 0 0 2px #dedbdb;
-moz-box-shadow: inset 0 0 2px #dedbdb;
box-shadow: inset 0 0 2px #c6c6c6;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.comment-form input[type="text"]:focus{ 
border-color: #d83f2f !important;
-webkit-box-shadow: 0 0 6px #e77b98;
-moz-box-shadow: 0 0 6px #e77b98;
box-shadow:0 0 6px #e77b98;}

.comment-form input[type="password"]{width:100%; background:#FFFFFF; border:1px solid #c3c3c3; height:36px; line-height:35px; vertical-align:middle; font-size:15px; color:#7a7a7a; padding:0 10px; margin:0 0 0 0;border-radius:2px;

-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;

-webkit-box-shadow: inset 0 1px 1px #dedbdb;
-moz-box-shadow: inset 0 1px 1px #dedbdb;
box-shadow: inset 0 0 3px #c6c6c6;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.comment-form input[type="password"]:focus{ 
border-color: #d83f2f !important;
-webkit-box-shadow: inset 0 1px 1px #dedbdb, 0 0 6px #e77b98;
-moz-box-shadow: inset 0 1px 1px #dedbdb, 0 0 6px #e77b98;
box-shadow: inset 0 1px 1px #dedbdb, 0 0 6px #e77b98;}

.comment-form textarea{width:100%; background:#FFFFFF; border:1px solid #c3c3c3; height:100px; line-height:18px; font-size:15px; color:#7a7a7a; padding:10px;
margin:0 0 0 0;border-radius:2px;
-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;

-webkit-box-shadow: inset 0 1px 1px #dedbdb;
-moz-box-shadow: inset 0 1px 1px #dedbdb;
box-shadow: inset 0 0 3px #c6c6c6;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.comment-form textarea:focus{ 
border-color: #d83f2f !important;
-webkit-box-shadow: inset 0 1px 1px #dedbdb, 0 0 6px #e77b98;
-moz-box-shadow: inset 0 1px 1px #dedbdb, 0 0 6px #e77b98;
box-shadow: inset 0 1px 1px #dedbdb, 0 0 6px #e77b98;}


.widget_archive {margin-bottom:15px; }

.widget_archive select, .siteForm select{width:95%; background:#FFFFFF; border:1px solid #c3c3c3; font-size:15px; color:#7a7a7a; padding:6px;
margin:0 0 0 0;border-radius:2px;

-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;

-webkit-box-shadow: inset 0 1px 1px #dedbdb;
-moz-box-shadow: inset 0 1px 1px #dedbdb;
box-shadow: inset 0 0 3px #c6c6c6;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.widget_archive select {margin:10px 5px;}

.comment-form select:focus{ 
border-color: #d83f2f !important;
-webkit-box-shadow: inset 0 1px 1px #dedbdb, 0 0 6px #e77b98;
-moz-box-shadow: inset 0 1px 1px #dedbdb, 0 0 6px #e77b98;
box-shadow: inset 0 1px 1px #dedbdb, 0 0 6px #e77b98;}



.comment-form input[type="submit"]{ background:#9e1102; border: none; padding:7px 20px 7px;font-family: "MyriadProSemibold"; font-size:16px; color:#FFFFFF; cursor:pointer; margin:4px 0 0 0;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
border-radius:3px; /* Opera 10.5+ */}
.comment-form input[type="submit"]:hover{ background:#333; }
.comment-form input[type="submit"]:focus{ border:none !important; background:#333; }
.mandatory{color: #FF0000;}






/* inner page */

.post_content h1, h2, h3, h4, h5, h6 { font-family: "MyriadProSemibold"; font-weight:normal; color:#2F2F2F;
clear: both;
}
.post_content h1 {
font-size:30px;
line-height: 28px;
}
.post_content h2 {
font-size:26px;
line-height:26px;
}
.post_content h3 {
font-size: 22px;
}
.post_content h4 { padding:10px 0 5px;
font-size: 22px;
}
.post_content h5 {
font-size: 20px;
}
.post_content h6 {
font-size: 18px;
}
.post_content p a{ color:#AD405D; text-decoration:underline;}
.post_content ul{ margin:10px 0 10px 0; padding:0; width:100%; display:inline-block;}
.post_content ul li{ position:relative; font-size:16px;color:#2F2F2F; line-height:18px; padding:0 0 10px 15px;}
.post_content ul li:before{ position:absolute; left:0; top:4px; content:""; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #2F2F2F;}
.post_content ul li a{color:#2F2F2F; text-decoration: none;}

.post_content ol{ margin:10px 0 10px 20px; padding:0; width:100%; display:inline-block;}
.post_content ol li{color:#2F2F2F; list-style:decimal outside; font-size:16px; line-height:18px; padding:0 0 10px 0;}
.post_content ol li a{color:#2F2F2F; text-decoration: none;}





.wrapborder{ padding:15px; margin:0 0 15px 0; border-radius:4px; background:url(https://www.villaatlakecomo.com/images/grd_bg.jpg) repeat-x #FFF; border:1px solid #dbdbdb; width:100%; display:inline-block;
-webkit-box-sizing: border-box; /* content-box */
-moz-box-sizing: border-box;
box-sizing: border-box;}
.wrapborder h2{font-size:24px; margin:0; padding:0 0 15px 0; font-family: "MyriadProSemibold"; line-height:20px; color:#2F2F2F;}
.wrapborder h2 span{ color:#9e1102;}

ul.listing_arrows{margin:0; padding:0;}
ul.listing_arrows li{ font-size:14px; color:#666;margin:0; line-height:18px;}
ul.listing_arrows li a{ position:relative; font-size:16px; color:#666; padding:0 0 10px 15px; display: inline-block;}
ul.listing_arrows li a:before{ position:absolute; left:0; top:4px; content:""; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #2F2F2F;}
ul.listing_arrows li a:hover{color:#ad405d; background-position:0 -117px;}


ul.morelinks{margin:0; padding:0; float:left;}
ul.morelinks li{ float:left;margin:0 15px 0 0 ; padding:0; display:table;}
ul.morelinks li .inners{ background:#f0f0f0; padding:3px 5px 0px; height:30px; display: table-cell; vertical-align:middle; border-radius:4px; text-align:center;}
ul.morelinks li .inners:hover{background:#e9e9e9;}

.or{float:left; width:50px; text-align: center; font-size:16px; color:#666; font-family: "MyriadProSemibold"; margin:3px 0 0 0;}


.formsubscribe{ float: right; margin:0 0 0 5px}
.formsubscribe input[type="text"]{ float:left; width:60%; border-radius:2px 0 2px 2px; height:35px;}
.formsubscribe input[type="submit"]{ float:left; margin:0; border-radius:0 2px 2px 0;}


.formWrap{ border:1px solid #dfdedc; background:#EEEBE7; padding:15px; border-radius:4px;}
.formWrap .formTable td{padding-right:15px; padding-bottom:15px;}

.comments_area{ width:100%; position:relative;padding:0 0 0;
-webkit-box-sizing: border-box; /* content-box */
-moz-box-sizing: border-box;
box-sizing: border-box;}


.comments_wrap{ background:#fff; padding:10px; border-radius:4px; border:1px solid #DBDBDB; width:100%; margin:0 0 15px 0;
-webkit-box-sizing: border-box; /* content-box */
-moz-box-sizing: border-box;
box-sizing: border-box;

-moz-box-shadow:0 2px 0 #d4d4d4;
-webkit-box-shadow:0 2px 0 #d4d4d4;
box-shadow:0 2px 0 #d4d4d4;}

.comments_wrap .pic{width:60px; height:60px; border:4px solid #dbdbdb; border-radius:3px; float:left;}
.comments_wrap .pic img{width:100%;}
.comments_wrap .right{margin:0 0 0 85px;}
.comments_wrap .username{ font-size:18px; color:#7a7a7a;font-family: "MyriadProSemibold"; margin:0; clear:none;}
.comments_wrap .username span{color:#ad405d; text-decoration:none;}
.comments_wrap .username a{ color:#9e1102; text-decoration:none;}
.comments_wrap .username a:hover{ color:#333; text-decoration: underline;}
.comments_wrap .commentdate{ display:inline-block; padding:2px 0; font-size:13px; color:#000; text-transform:uppercase; margin:6px 0; }
.comments_wrap p{ font-size:14px; color:#666; line-height:20px; padding:0 0 15px 0;}

.comment-reply-link{background:#9e1102 url(https://www.villaatlakecomo.com/images/reply_arrow.png) no-repeat 86% 8px; border-radius:3px; display:inline-block; padding:0 30px 0 8px; height:22px; line-height:20px; font-size:13px; color:#FFF; text-decoration:none;}
.replyLink:hover{background:#33363b url(https://www.villaatlakecomo.com/images/reply_arrow.png) no-repeat 86% 8px;}

.comment_step2{ background:#EEEBE7;margin:15px 0 0 85px; padding:10px; border-radius:3px;}
.comment_step2 .comments_wrap{background:none; padding:0; border:none; border-radius:0; margin-bottom:0;
-moz-box-shadow:0 2px 0 #d4d4d4;
-webkit-box-shadow:0 2px 0 #d4d4d4;
box-shadow:0 0 0 0;}
.comment_step3{ background:#fff;margin:15px 0 0 85px; padding:10px; border-radius:3px;}
.comment_step3 .comments_wrap{background:none; padding:0; border:none; border-radius:0; margin-bottom:0;
-moz-box-shadow:0 2px 0 #d4d4d4;
-webkit-box-shadow:0 2px 0 #d4d4d4;
box-shadow:0 0 0 0;}


.sectionTitle{font-size:24px; margin:0; padding:0 0 15px 0; font-family: "MyriadProSemibold"; line-height:1; color:#2F2F2F;}
.sectionTitle span{ color:#ad405d; background:#000; font-size:12px; color:#FFF; padding:2px 10px; position:relative; top:-2px; border-radius:2px;}


.fb_count {
padding:6px 7px 6px 2px;
}
a.copywhiteLink {
color: #fff;
}
a.copywhiteLink:hover {
color: #25140c !important;
}

.post {border-bottom: 1px solid #E3E3E3; margin-bottom:10px; padding:0px 0px 10px; }
.listing-post-meta-info {
color: #2f2f2f;
font-size: 16px;
line-height:22px;
margin: 15px 0 0 0;
padding: 0 20px 10px 0;
width: 100%;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.listing-post-meta-info a{color: #9e1102;font-size: 16px;}
/* .cta-portion, .cta-portion .inner {
padding:0 !important;
} */
.cta-elements {
margin:10px 0 0 0;
}

.cta-elements img{width:100%; height:auto;}
#sticker-cta.fixedelement,sticker-cta{ position:fixed;z-index:5; top:10px;}
.link-Wrapper {
background: none repeat scroll 0 0 #33363b;
border: 1px solid #0d0d0d;
border-radius: 3px;
box-sizing: border-box;
display: inline-block;
margin: 20px 0 0;
padding: 25px;
position: relative;
text-align: center;
width: 100%;
text-decoration: none !important;
}

.link-Wrapper strong.titles {
color: #fff !important;
display: inline !important;
font-size: 19px !important;
font-weight: normal !important;
line-height: 24px !important;
width: 100% !important;
 height: 70px;
margin: 0;
min-height: 70px;
padding: 0 15px 0 0;
vertical-align: middle;
font-family: "CalibriRegular";
float:none !important;
}

.link-Wrapper .button {
background: none repeat scroll 0 0 #9e1102;;
border-radius: 3px;
color: #fff !important;
display: table;
margin: 15px auto 0;
padding: 8px 15px;
text-align: center;
font-family: "CalibriRegular";

}
.link-Wrapper:hover .button {
background: none repeat scroll 0 0 #fff;
color: #222 !important;
}
.link-Wrapper:hover {
background: none repeat scroll 0 0 #9e1102;;
border: 1px solid #fc5a34;
}



/* ------------------------------------------------- media queries -------------------------------------------------------------------- */


@media(min-width:768px) and (max-width:1200px){
.-hide-tab-ipad{display:none!important;}
}
/* hover css ---------------------- */
@media(min-width:1050px){
.listings--socials li a:hover svg,.navs--small li a:hover{opacity: 0.7;}
.navs--small li.first a:hover{opacity:1;}
.navs--main li a:hover:before{background: #fff;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);} 
.listings--vertical li a:hover{color: #fff; text-decoration: underline;}    
.form--subscribe input[type="submit"]:hover{background: #7d3a08;}    
}


@media(max-width:1200px){

body.toggled-right .float__group{ opacity: 1;right: 0;}    
body.toggled-right, body.toggled-left{overflow: hidden;}  
body.toggled-right .overlay--nav,body.toggled-left .overlay--nav{display: block;}  

.navs--main{display: block; background: #fff;box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);overflow:auto;position: fixed;top: 0; bottom: 0; margin: 0; text-align: left;   width:270px;z-index:110; left: 0;-ms-transform: translate3d(-270px, 0px, 0px); /* IE 9 */
-webkit-transform: translate3d(-270px, 0px, 0px); /* Chrome, Safari, Opera */
transform: translate3d(-270px, 0px, 0px);
-webkit-transition: all 300ms ease 0s;
-o-transition:  all 300ms ease 0s;
transition: all 300ms ease 0s;}     

body.toggled-left .navs--main{ opacity: 1;
transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);}   
.navs--main li{display: block;border-bottom: 1px dashed rgba(0,0,0,0.1); padding: 0; }    
.navs--main li a{display: block; color: #000;padding:10px;text-align: left;height: auto; line-height: normal;}    
.navs--main li a:active{background: rgba(0,0,0,0.05);}

.logo{left: 20px;top: 20px;transform: translate(0,0);-webkit-transform: translate(0,0);-ms-transform: translate(0,0);}
.header .float--right .navs.navs--small{margin-right:0;}

}

/* ipad ---------------------- */
@media(min-width:991px) and (max-width:1050px){
.navs--main li{padding: 0 8px;}
.navs--main li a{font-size: 0.9em;}  
.section--contact h2{font-size: 3em;}  
.section--footer .colum .toggle__target{display: block!important;}
.section--footer .listings--vertical li{ padding:7px 0;}
.section--footer .listings--vertical li a{font-weight: normal;font-size: 1.1em;}  
.section--contact h2 br{display: none;}    
}

/* tab ---------------------- */
@media(min-width:768px) and (max-width:1200px){
    .toggle--nav{display: block;right: 50px;left: auto;top:70px; background: #b71b0f;width:45px;height: 40px;}
.toggle--nav span{margin-top: 18px;}
.navs--main li,.navs--main li:first-child{font-size: 1.2em;padding:0 10px;}

}
@media(min-width:768px) and (max-width:990px){
.navs--small li a{font-size: 0.8em;}
.navs--main li{padding: 0 8px;}
.navs--main li a{font-size: 0.8em;}
.section{padding: 30px 0;} 
.section--navs{padding: 0;}    
.section--primary{padding:10px 0;}    
.section--contact h2{font-size: 2.4em;}  
.listing--infos li{padding: 40px 25px 0;}  
.section--contact h2{font-size: 1.5em;}
.listing--infos li span{font-size: 1.1em;}
.section--footer .listings--vertical li{ padding:7px 0;}
.section--footer .listings--vertical li a{font-weight: normal;font-size: 1em;}
.section--contact h2 br{display: none;}  
.section--footer .grid--right{padding-left: 40px;}    
}



/* mobile ---------------------- */
@media(min-width:767px){
.navs--main li a.is-nav-active:before{background: #fff;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);}     
}
@media(max-width:1023px){ 
.leftPanel {
display: block;
}
.leftPanel .inner {
width: auto;
padding:25px 10px 10px;
}
.rightPanel {
display: table;
margin: 0 auto 15px;
}
}
@media(max-width:767px){ 
body{font-size: 12px;}
.logo{transform: translate(0,0);-webkit-transform: translate(0,0);-ms-transform: translate(0,0);}    
.slide--inner{height:250px;}
.section{padding: 20px 0;}       
.logo{width: 110px; left: 50%; margin: 0 0 0 -55px;top: -50px;}
.section--primary{height: 60px;background: rgba(0,0,0,0.9); padding: 10px 0;}
.section--navs{border:none; padding: 0;}
.toggle--links,.toggle--nav{display: block;}
.navs--small{width: 100%;}
.navs--small li{display: block; border-bottom: 1px dashed rgba(0,0,0,0.2); padding: 0; color: #000;}
.navs--small li a .icon{border-color: #000;}
.navs--small li a .icon svg{fill: #000;}
.navs--small li a{display: block; padding:12px 10px;}
.navs--small li a:active{background: rgba(0,0,0,0.05);}
.float__group .float--left,.float__group .float--right{width: 100%;}
.float__group .float--right{padding: 0; margin: 0 0 0;}
.float__group .float--right .listings--socials li{margin-right: 0; padding: 0 2px;}
.float__group .float--right .listings--socials li a{display: block; width:35px; height: 35px; padding:2px;border:1px solid #000; border-radius: 100%;}
.float__group .float--right .listings--socials li a:active{background:  rgba(0,0,0,0.05);}
.float__group .float--right .listings--socials li svg{fill: #000; margin:7px auto 0; display: block;width: 15px; height: 15px;}
.float__group .float--right .listings--socials li:last-child{margin-right: 0;}

.float__group{background: #fff;box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);overflow:auto;position: fixed;top: 0; bottom: 0; margin: 0; text-align: left;   width:270px;z-index:110; right:-270px; 
-webkit-transition: all 300ms ease 0s;
-o-transition:  all 300ms ease 0s;
transition: all 300ms ease 0s;}     


.section--contact h2{font-size: 1.5em;}
.listing--infos li{padding: 20px 0;width: 100%;}
.listing--infos li span{font-size: 1.1em;}
.section--footer .grid--left{width: 100%;text-align: center; margin: 30px 0 0;}
.section--footer .grid--right{padding: 0; width: 100%;}
.section--footer .colum,.section--footer .colum:last-child{width: 100%;}    

.section--footer h5.toggle__trigger{ position:relative;text-align:left; display:block; position:relative;margin:2px 0 0 0; cursor:pointer; font-size:14px; text-transform:uppercase;padding:10px 10px 10px 15px; color:#fff;background:rgba(255,255,255,0.06);border-left:5px solid #d9a309; }
.section--footer h5.toggle__trigger:before{position: absolute; right: 15px; top: 17px; width:14px; height: 2px; background:#fff; content: "";}
.section--footer h5.toggle__trigger:after{position: absolute; right: 15px; top: 17px; width:14px; height: 2px; background:#fff; content: "";
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);}
.section--footer h5.toggle__trigger.active:after{display: none;}  
.toggle__target{display: none; padding: 10px 0;font-size: 1.1em;}   
.listings--vertical li{border-bottom: 1px dashed rgba(255,255,255,0.06);}
.listings--vertical li:last-child{border-bottom:none;}
.listings--vertical li a{font-size: 1.1em; display: block; padding:6px 18px;}
.header .listings--socials{padding:10px;}
.header .listings--socials li{margin:0 5px 5px 0;}


.post_image {
width: auto;
}


.comment-respond {
width: 100%;
}

.content_area h2.archive-title {
margin: 30px 0 10px;
}
.title h3, .title h1 {
color: #000000;
font-size: 16px;
line-height: 1.4;font-weight:600;
margin: 0;
}
.inner > div#comments {
margin-bottom: 15px;
}

.post .title {
float: left;
margin: 0;
padding: 0;
width: calc(100% - 68px);
}
.post_content p,.listing-post-meta-info,.listing-post-meta-info a,.post_content ul li{font-size:13px;}
.rightPanel .inner{width:100%;}
}
label.screen-reader-text {
    display: none;
}