@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300);
@font-face {
    font-family: 'bebasregular';
    src: url('/images/fonts/bebas-regular-webfont.eot');
    src: url('/images/fonts/bebas-regular-webfont.eot?#iefix') format('embedded-opentype'),
         /* url('/images/fonts/bebas-regular-webfont.woff') format('woff'), */
         url('/images/fonts/bebas-regular-webfont.ttf') format('truetype'),
         url('/images/fonts/bebas-regular-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face { font-family: 'euphorigenic'; src: url('http://icoastalnet.com/images/fonts/euphorigenic-webfont.eot'); src: url('http://icoastalnet.com/images/fonts/euphorigenic-webfont.eot?#iefix') format('embedded-opentype'), url('http://icoastalnet.com/images/fonts/euphorigenic-webfont.woff') format('woff'), url('http://icoastalnet.com/images/fonts/euphorigenic-webfont.ttf') format('truetype'), url('http://icoastalnet.com/images/fonts/euphorigenic-webfont.svg#euphorigenicregular') format('svg'); font-weight: normal; font-style: normal;}
/* Clearfixes */
.social:after, .head:after, nav ul:after, nav ul ul li a:after, .roundabout:after, .content form:after, .featured ul:after, footer .quick-view:after { content: ""; display: table; clear: both; }

body { font: 14px/22px Arial; color: #707070; background: #f7f7f7; -webkit-font-smoothing: antialiased; position: relative; }

.spans {display:block; background: #34695e; color: #fff !important; margin: 0 auto; padding: 10px 0; text-align: center; }
.spans:hover {background: #f8b418; text-decoration: none !important; }

.SEOheader { font: 12px Arial; color: #9bcec3; text-align: center; z-index: 100; position: absolute; bottom: 8px; width: 100%; right: 0; left: 0; }
.hidden-logo-for-social-media { position: absolute; top: 0; left: -999999px; }

header { padding-top: 80px; height: 801px; position: relative; z-index: 2; background: url("http://icoastalnet.com/images/layout/headerbg.png") center center repeat scroll transparent; }
header .hp { position: relative; }
header .hp:before, header .hp:after { content: ""; display: block; width: 105px; height: 476px; position: absolute; top: 90px; z-index: -1; }
header .hp:before { left: -63px; background: url("http://icoastalnet.com/images/layout/wrap-shadow-left.png") 0 0 no-repeat scroll transparent; }
header .hp:after { right: -63px; background: url("http://icoastalnet.com/images/layout/wrap-shadow-right.png") 0 0 no-repeat scroll transparent; }
header.interior { height: auto; }

.social { margin: 0; padding: 0; position: absolute; top: -65px; right: 0; z-index: 4; }
.social li { list-style: none; float: right; padding: 3px 4px 5px; }
.social li a { width: 23px; height: 17px; opacity: 0.7; position: relative; text-indent: -9999px; text-align: left; display: block; }
.social li a:hover { opacity: 1; text-decoration: none; }
.social li a em { height: 16px; display: block; position: relative; background: url("http://icoastalnet.com/images/layout/sprite.png") 0 0 no-repeat scroll transparent; }
.social li a em.twitter { width: 22px; background-position: -171px -42px; }
.social li a em.facebook { width: 9px; background-position: -194px -42px; left: 8px; }
.social li a em.linkedin { width: 17px; background-position: -204px -42px; left: 4px; }
.social li a em.gplus { width: 17px; background-position: -236px -42px; left: 4px; }
.social li a em.pinterest { width: 17px; background-position: -255px -41px; left: 4px; }
.social li.support { font: 22px "bebasregular", sans-serif; position: relative; top: 23px; left: 161px; }
.social li.support b { color: #fff; font-weight: normal; display: inline-block; padding: 0 11px 0 0; position: relative; left: -6px; }
.social li.support b:after { content: ""; display: block; background: #a3d3c9; width: 2px; height: 20px; position: absolute; right: 3px; top: 10px; }
.social li.support a, .social li.support { color: #f9bc31; text-decoration: none; text-indent: 0; display: inline-block; background: none; width: auto; height: auto; opacity: 1; }
.social li.support a:hover { color: #fbd47b; text-decoration: none; }

.banner { position: absolute; top: -80px; z-index: 10; }
.banner img { width: 100%; width: auto; }
.banner a {position: absolute; top: 25px;}
.banner .eastern {left: 7px;}
.banner .western {right: 7px;}

.head { margin: 0; padding: 0; height: 120px; position: relative; z-index: 3; background: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #e6e6e6); background-image: -moz-linear-gradient(#ffffff, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #e6e6e6); }
.head:before { content: ""; display: block; width: 100%; height: 216px; position: absolute; top: -116px; left: 0; z-index: 1; background: url("http://icoastalnet.com/images/layout/top-shine.png") 0 0 no-repeat scroll transparent; background-size: contain; }
.head .logo { padding: 12px; width: 155px; height: 116px; display: block; margin: 0 auto; }
.head .logo a { width: 100%; position: relative; z-index: 9999; background: url("http://icoastalnet.com/images/layout/logo.png") 0 0 no-repeat scroll transparent; text-indent: -9999px; text-align: left; display: block; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; height: 100%; }

nav { width: 100%; position: relative; top: 0; left: 0; z-index: 4; }
nav ul { margin: 0; padding: 0; width: 98%; }
nav ul li { text-align: center; width: 12.5%; list-style: none; float: left; }
nav ul li a { font: 17px "bebasregular", sans-serif; color: #34695e; text-decoration: none; display: block; padding: 46px 0 7px; }
nav ul li a:hover, nav ul li a.current { color: #fff; background: #f8b418; text-decoration: none; }
nav ul ul { display: none; width: 104%; background: #fff; position: absolute; left: -2%; top: 100%; z-index: 20; -webkit-box-shadow: black 0 5px 10px -5px; -moz-box-shadow: black 0 5px 10px -5px; box-shadow: black 0 5px 10px -5px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #e6e6e6); background-image: -moz-linear-gradient(#ffffff, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #e6e6e6); overflow: hidden; }
nav ul ul li { text-align: left; width: 50%; height: auto; min-height: 100px; float: left; position: relative; }
nav ul ul li a { font-size: 16px; padding: 15px; text-shadow: white 1px 1px 1px; height: auto; min-height: 100px; }
nav ul ul li a:hover { color: #34695e; background: #4d9c8c; text-shadow: #444444 0 1px 1px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d9c8c), color-stop(100%, #34695e)); background-image: -webkit-linear-gradient(#4d9c8c, #34695e); background-image: -moz-linear-gradient(#4d9c8c, #34695e); background-image: -o-linear-gradient(#4d9c8c, #34695e); text-decoration: none; }
nav ul ul li a:hover span, nav ul ul li a:hover i { color: #fff; text-decoration: none; }
nav ul ul li a span { display: block; float: left; padding: 1px 0 0 13px; width: 80%; position: relative; word-spacing: 3px; }
nav ul ul li a span:after { content: ""; display: block; height: 1px; background: #cfe7e2; position: absolute; bottom: -3px; left: 0; right: 0; }
nav ul ul li a i { font: 11px Arial; color: #555; display: inline-block; padding: 3% 3% 0 3%; width: 82%; letter-spacing: -0.04em; min-height: 40px; }
nav ul ul li a em { float: left; }

.heading { margin: 0 -16px; background: #8ac5b9; position: relative; z-index: 2; -webkit-box-shadow: #34695e 0 0 300px 0 inset; -moz-box-shadow: #34695e 0 0 300px 0 inset; box-shadow: #34695e 0 0 300px 0 inset; }
.heading.interior { padding: 10px 25px; height: auto; -webkit-box-shadow: #34695e 0 0 150px 0 inset; -moz-box-shadow: #34695e 0 0 150px 0 inset; box-shadow: #34695e 0 0 150px 0 inset; }
.heading.interior h3 { font: 55px "bebasregular", sans-serif; color: #fff; letter-spacing: -0.05em; margin: 0; text-shadow: rgba(0, 0, 0, 0.3) 0 0 5px; word-spacing: 15px; }
.heading.interior h3 span { font: bold 45px "Yanone Kaffeesatz", sans-serif; color: #f9bc31; text-transform: uppercase; letter-spacing: 0.07em; position: relative; top: -3px; left: 8px; text-shadow: #777777 0 0 1px; }

.workshop-rotate {position: relative; top: -10px; left: -20px; width: 660px; height: 270px; overflow: hidden; }
.workshop-rotate img {width: 660px; height: 270px; }
.main .mls-rotate {position: relative; width: 600px; height: 330px; box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; -ms-box-shadow: 0 0 5px #000; -o-box-shadow: 0 0 5px #000; border: 4px solid #f7f7f7; }
.main .mls-rotate .mls-pic {width: 600px; box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px #000; -ms-box-shadow: 0 0 3px #000; -o-box-shadow: 0 0 3px #000; }
.main .mls-rotate span {display: block; padding: 25px; width: 500px; font-size: 14px; position: relative; z-index: 99999; top:-50px; }

.main .vacation-sites {position: relative; }
.main .vacation-sites p {float: left; width: 290px; margin: 0 16px 0 0; }
.main .vacation-sites .form-intro {float: left; width: 290px; margin: 0 0 15px 10px; }
.main .vacation-rental-rotate, .vacation-rental-rotate2 {float: left; position: relative; width: 300px; height: 370px; padding: 0; margin: 0; box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; -ms-box-shadow: 0 0 5px #000; -o-box-shadow: 0 0 5px #000; border: 4px solid #f7f7f7; z-index: 99999; }
.main .vacation-rental-rotate li, .vacation-rental-rotate li {list-style: none; }
.main .vacation-rental-rotate .rotate-pic, .vacation-rental-rotate2 .rotate-pic {width: 300px; height: 450px; box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px #000; -ms-box-shadow: 0 0 3px #000; -o-box-shadow: 0 0 3px #000; }
.main .vacation-rental-rotate img, .vacation-rental-rotate2 img {width: 300px; }

#rotate-nav { position: absolute; top: 313px; left: 45%; z-index: 100; }
#rotate-nav a { float: left; margin: 0 3px; width: 15px; height: 15px; background: #f9bc31; -webkit-box-shadow: black 1px 1px 5px -2px; -moz-box-shadow: black 1px 1px 5px -2px; box-shadow: black 1px 1px 5px -2px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9bc31), color-stop(100%, #d69707)); background-image: -webkit-linear-gradient(#f9bc31, #d69707); background-image: -moz-linear-gradient(#f9bc31, #d69707); background-image: -o-linear-gradient(#f9bc31, #d69707); text-indent: -9999px; text-align: left; display: block; }
#rotate-nav a.activeSlide { position: relative; }
#rotate-nav a.activeSlide:after { content: ""; display: block; width: 5px; height: 5px; background: #f85718; position: absolute; top: 5px; left: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

#rotate-nav2 { position: absolute; top: 377px; left: 402px; z-index: 999999; }
#rotate-nav2 a { float: left; margin: 0 3px; width: 15px; height: 15px; background: #f9bc31; -webkit-box-shadow: black 1px 1px 5px -2px; -moz-box-shadow: black 1px 1px 5px -2px; box-shadow: black 1px 1px 5px -2px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9bc31), color-stop(100%, #d69707)); background-image: -webkit-linear-gradient(#f9bc31, #d69707); background-image: -moz-linear-gradient(#f9bc31, #d69707); background-image: -o-linear-gradient(#f9bc31, #d69707); text-indent: -9999px; text-align: left; display: block; }
#rotate-nav2 a.activeSlide { position: relative; }
#rotate-nav2 a.activeSlide:after { content: ""; display: block; width: 5px; height: 5px; background: #f85718; position: absolute; top: 5px; left: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

#rotate-nav3 { position: absolute; top: 407px; left: 97px; z-index: 999999; }
#rotate-nav3 a { float: left; margin: 0 3px; width: 15px; height: 15px; background: #f9bc31; -webkit-box-shadow: black 1px 1px 5px -2px; -moz-box-shadow: black 1px 1px 5px -2px; box-shadow: black 1px 1px 5px -2px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9bc31), color-stop(100%, #d69707)); background-image: -webkit-linear-gradient(#f9bc31, #d69707); background-image: -moz-linear-gradient(#f9bc31, #d69707); background-image: -o-linear-gradient(#f9bc31, #d69707); text-indent: -9999px; text-align: left; display: block; }
#rotate-nav3 a.activeSlide { position: relative; }
#rotate-nav3 a.activeSlide:after { content: ""; display: block; width: 5px; height: 5px; background: #f85718; position: absolute; top: 5px; left: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

header:before { content: ""; display: block; height: 67px; position: absolute; bottom: -40px; left: 0; z-index: -1; background: url("http://icoastalnet.com/images/layout/rotate-shadow.png") center center no-repeat scroll transparent; background-size: contain; width: 100%; }
.round-wrap { position: relative; top: 7px; width: 80%; margin: 0 auto; left: 5px;}
.roundabout { margin: 0; padding: 0; height: 220px; width: 100%; position: relative; top: 0; left: 0; z-index: 10; }
.roundabout li { width: 33%; height: 19em; list-style: none; text-align: center; background: #57ac9a; position: relative; -webkit-box-shadow: #1b3630 0 0 200px 0 inset; -moz-box-shadow: #1b3630 0 0 200px 0 inset; box-shadow: #1b3630 0 0 200px 0 inset; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.roundabout li:before, .roundabout li:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 7px 15px 0; border-color: transparent #212121 transparent transparent; position: absolute; bottom: 0; left: -7px; }
.roundabout li:after { border-width: 15px 7px 0 0; border-color: #212121 transparent transparent transparent; left: auto; right: -7px; }
.roundabout li:hover { background: #458b7d; -webkit-box-shadow: #0a1412 0 0 200px 0 inset; -moz-box-shadow: #0a1412 0 0 200px 0 inset; box-shadow: #0a1412 0 0 200px 0 inset; text-decoration: none; }
.roundabout li h4 { position: relative; top: 100px; font: 24px "bebasregular", sans-serif; margin: 0; word-spacing: 15px; }
.roundabout li h4 a { color: #fff; text-decoration: none; text-shadow: black 0 0 2px; }
.roundabout li h4 em { display: block; margin: 0 auto 8px; width: 50px; height: 50px; }
.roundabout .roundabout-in-focus { height: 255px; background: #f8ca18; -webkit-box-shadow: #f89618 0 0 200px 0 inset; -moz-box-shadow: #f89618 0 0 200px 0 inset; box-shadow: #f89618 0 0 200px 0 inset; }
.roundabout .roundabout-in-focus:hover { background: #efc007; -webkit-box-shadow: #d67c07 0 0 200px 0 inset; -moz-box-shadow: #d67c07 0 0 200px 0 inset; box-shadow: #d67c07 0 0 200px 0 inset; text-decoration: none; }
.roundabout .roundabout-in-focus:before { border-width: 0 7px 29px 0; }
.roundabout .roundabout-in-focus:after { border-width: 29px 7px 0 0; }

.prev, .next { width: 38px; height: 38px; background: #f8b418; position: absolute; bottom: 80px; z-index: 15; text-indent: -9999px; text-align: left; display: block; }
.prev:hover, .next:hover { background-color: #facc62; text-decoration: none; }
.prev:before, .prev:after, .next:before, .next:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 0 4px 13px; border-color: transparent transparent #8c2a04 transparent; position: absolute; top: -4px; left: 0; }
.prev:after, .next:after { border-width: 0 13px 4px 0; border-color: transparent #8c2a04 transparent transparent; top: 38px; }
.prev em, .next em { display: block; width: 6px; height: 9px; position: relative; top: 14px; left: 14px; background: url("http://icoastalnet.com/images/layout/sprite.png") 0 0 no-repeat scroll transparent; }

.prev { left: -14px; }
.prev em { background-position: -221px -41px; }

.next { right: -14px; }
.next:before, .next:after { border-width: 4px 0 0 13px; border-color: transparent transparent transparent #8c2a04; left: auto; right: 0; }
.next:after { border-width: 4px 13px 0 0; border-color: #8c2a04 transparent transparent transparent; }
.next em { background-position: -228px -41px; left: 17px; }

.main { position: relative; z-index: 1; }
.main.interior { padding: 0 0 0 33px; width: 927px; }
.main h3 { font: 18px "Myriad Pro", Arial; color: #444; margin-bottom: 0.3em; }
.main h2, .main h4 { font: 24px "Myriad Pro", Arial; color: #efa907; }
.main .content { padding-top: 25px; }
.main .list-split { padding: 0; margin: 0; }
.main .list-split li { border-bottom: 1px #ccc solid; padding: 4px; list-style: none; }
.main .content .button:hover { text-decoration: none; }

.content { margin: 25px auto; padding: 50px; position: relative; background: url("http://icoastalnet.com/images/layout/contentbg.jpg") bottom center repeat-x scroll white; -webkit-box-shadow: #cccccc 0 0 10px -3px; -moz-box-shadow: #cccccc 0 0 10px -3px; box-shadow: #cccccc 0 0 10px -3px; }
.content h3 { font-size: 28px; color: #34695e; margin-bottom: 0.3em; }
.content h4 { font-size: 25px; color: #f8b418; margin-bottom: 0.3em; }
.content h5 { font-size: 18px; text-transform: uppercase; color: #f8b418; margin-bottom: 0.3em; }
.content h6 { font-size: 14px; text-transform: uppercase; color: #34695e; margin-bottom: 0.3em; }
.content a { color: #34695e; text-decoration: none; font-weight: bold; }
.content a:hover { text-decoration: underline; }
.content blockquote { font: italic bold 15px/24px Arial; color: #000; margin: 2% 0 2% 5%; padding: 15px 15px 0 55px; width: 60%; border: 1px #eee solid; background: #f8f8f8; float: right; position: relative; }
.content blockquote:before { content: "\201C"; display: block; font: 90px Arial; color: #f8b418; position: absolute; top: 2px; left: 15px; }
.content blockquote span { font-size: 95%; color: #f8b418; padding: 15px 0; display: block; float: right; }
.content form { display: block; }
.content form label { font-size: 85%; text-align: right; display: block; float: left; margin: 0 2% 15px 0; padding: 0; width: 25%; position: relative; }
.content form label.required:after { display: block; content: "*"; font: 100% Arial; color: red; position: absolute; top: 0; right: -6px; }
.content form input[type=text], .content form input[type=email], .content form input[type=tel], .content form textarea { border: 1px #ccc solid; margin: 0 0 15px; padding: 5px 8px; width: 72%; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.content form textarea { min-height: 75px; }
.content form span { display: block; clear: both; padding: 15px; background: #f1f1f1; }
.content form span input { position: relative; left: 25%; }
.content .latest-news h4 { margin-bottom: 10px; }
.content .latest-news .news-wrap { margin: 0; padding: 15px; border-bottom: 1px #eee solid; background: #f7f7f7; display: block; }
.content .latest-news .news-wrap a { font-style: italic; text-decoration: underline; color: #34695e; }
.content .latest-news .news-wrap a.title { font-weight: bold; font-style: normal; color: #707070; display: block; }
.content .latest-news .news-wrap a:hover { text-decoration: none; }
.content .latest-news.right-float { float: right; margin: 0 0 25px 25px; width: 450px; }


.main .content img.gwrm-pic {width:30%; margin:0 0 0 2%;}
.form-head {padding: 20px 0 0; border-top: 50px solid #f1f1f1;}
.content form.products-form {width: 85%; margin: 30px 0 0;}
.content form.products-form label { font-size: 85%; text-align: right; display: block; float: left; margin: 0 2% 15px 0; padding: 0; width: 35%; position: relative; }
.content form.products-form label.required:after { display: block; content: "*"; font: 100% Arial; color: red; position: absolute; top: 0; right: -6px; }
.content form.products-form input[type=text], .content form input[type=email], .content form input[type=tel], .content form textarea { border: 1px #ccc solid; margin: 0 0 15px; padding: 5px 8px; width: 60%; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.content form.products-form textarea { min-height: 75px; }
.content form.products-form span { display: block; clear: both; padding: 15px; background: #f1f1f1; }
.content form.products-form span input { position: relative; left: 25%; }


.featured { margin: 0 0 10px; }
.featured h3 { margin: 25px 0 20px; }
.featured ul { margin: 0; padding: 0; }
.featured ul li { list-style: none; margin: 0 0 40px; width: 33.3%; height: 145px; float: left; overflow: hidden; }
.featured ul li.last { margin: 0 0 40px; }
.featured ul li a { display: block; text-decoration: none; position: relative; z-index: 1; }
.featured ul li.last a img { padding: 0; }
.featured ul li.last a span { width: 100%; }
.featured ul li a img { width: 100%; min-height: 145px; -webkit-box-shadow: black 0 0 10px -2px; -moz-box-shadow: black 0 0 10px -2px; box-shadow: black 0 0 10px -2px; padding: 0 2% 0 0; }
.featured ul li a span { display: block; width: 98%; min-height: 145px; background: transparent; background: rgba(0, 0, 0, 0.34); position: absolute; top: 0; left: 0; z-index: 2; }
.featured ul li a span em { font: 14px "Myriad Pro", Arial; color: #fff; display: block; padding: 17px 52px 13px 23px; width: 60%; background: #2f2f2f; position: absolute; top: 40%; left: 20%; right: 20%; z-index: 3; }
.featured ul li a span em:before { content: ""; display: block; width: 51px; height: 48px; background: #f8b418; position: absolute; top: 0; right: 0; z-index: 4; }
.featured ul li a span em:after { content: ""; display: block; width: 22px; height: 23px; position: absolute; top: 12px; right: 15px; z-index: 5; background: url("http://icoastalnet.com/images/layout/sprite.png") 0 0 no-repeat scroll transparent; background-color: #f8b418; background-position: -112px -40px; }

.feature-list { width: 100%; border: none; margin: 0 0 20px; }
.feature-list thead { background: #f3f3f3; border: none; color: #34695E; }
.feature-list thead td { padding: 8px; }
.feature-list thead, .feature-list th { font-weight: bold; }
.feature-list th, .feature-list td { padding: 8px; border: none; }
.feature-list td:nth-child(2n-1) { font-weight: bold; }

.feature-list2 { width: 100%; border: none; margin: 0 0 20px; }
.feature-list2 td { padding: 8px; border: none; width: 50%; font-weight: bold; }

.sidebar { padding: 0 20px 50px; }
.sidebar.null { display: none; }
.sidebar .featured li { margin: 0 0 10px; width: 100%; float: none; }
.sidebar .featured li.last { margin: 0 0 10px; }
.sidebar .featured li a span em { font-size: 11px; height: 49px; padding: 19px 52px 2px 12px; top: 35%; }
.sidebar form { padding: 30px; background: #fff; position: relative; -webkit-box-shadow: #cccccc 0 0 10px -3px; -moz-box-shadow: #cccccc 0 0 10px -3px; box-shadow: #cccccc 0 0 10px -3px; }
.sidebar form input[type=email], .sidebar form input[type=text], .sidebar form textarea { border: 1px #ccc solid; padding: 5px 8px; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.sidebar form .button { position: absolute; bottom: -15px; left: 30%; right: 30%; }
.sidebar h3 { margin: 25px 0 5px; }
.sidebar a { color: #34695e; text-decoration: none; font-weight: bold; }
.sidebar a:hover { text-decoration: underline; }
.sidebar ul { padding: 0 0 0 25px; }

#showcase { margin: 0; background: #f8f8f8; padding: 25px; }
#showcase h3 { margin: 0 0 10px; }
#showcase div { display: none; }
.row.showcase-wrap { margin: 0 -35px; }
.row.showcase-wrap h2 { margin-top: 0; border-bottom: 1px #eee solid; }
.row.showcase-wrap h5 { margin: 25px 0 3px; color: #34695E; }
.showcase h3 { margin: 0 0 10px; }
.showcase-list { padding: 0; margin: 0; }
.showcase-list li { list-style: none; padding: 2px 0; position: relative; }
.showcase-list li a { background: #f1f1f1; color: #444; display: block; padding: 3px 8px; position: relative; }
.showcase-list li a:hover, .showcase-list li a.current { background: #FFC744; text-decoration: none; color: #fff; }

.mobile-preview-wrap { position: relative; width: 353px; background: url("http://icoastalnet.com/images/layout/iphone.jpg") top center no-repeat; height: 594px; padding: 94px 0 0 64px; float: right; margin-bottom: 50px; }
.mobile-preview-wrap:after { display: block; content: ""; background: url("http://icoastalnet.com/images/layout/iphone-shine.png") top left no-repeat; width: 229px; height: 191px; position: absolute; top: 105px; right: 60px; z-index: 100; }
.mobile-preview-wrap a:hover { text-decoration: none; }
.mobile-preview { padding: 0; width: 229px; }
.mobile-preview li { list-style: none; width: 229px; height: 394px; }
.mobile-preview li span { display: block; padding: 4px 0 0 49px; height: 29px; width: 180px; overflow: hidden; color: #555; font-weight: normal; font-size: 11px; }
.mp-prev, .mp-next { position: absolute; top: 600px; }
.mp-prev { left: 115px; }
.mp-next { right: 107px; }

.isotope-wrap { padding: 0 0 25px; background: #F7F7F7; }
.isotope-container h5 { margin-top: 0; }
.isotope-item { z-index: 2; width: 33%; padding: 25px 25px 0; }
.isotope-hidden.isotope-item { z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property:  -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

footer { background: #fff; position: relative; -webkit-box-shadow: #cccccc 0 0 10px -3px; -moz-box-shadow: #cccccc 0 0 10px -3px; box-shadow: #cccccc 0 0 10px -3px; }
footer .quick-view { margin: 0; padding: 50px 0; }
footer .quick-view li { list-style: none; width: 223.5px; }
footer .quick-view li h4 { font: 14px "bebasregular", sans-serif; color: #34695e; margin: 0 0 30px; }
footer .quick-view li ul { margin: 0; padding: 0; }
footer .quick-view li ul li { width: auto; float: none; }
footer .quick-view li ul li a { color: #707070; text-decoration: none; }
footer .quick-view li ul li a:hover { color: #f8b418; text-decoration: none; }
footer .quick-view li ul li p { margin: 0; padding: 0 0 0 40px; position: relative; }
footer .quick-view li ul li p em { display: block; width: 20px; height: 20px; position: absolute; left: 0; top: 5px; background: url("http://icoastalnet.com/images/layout/sprite.png") 0 0 no-repeat scroll transparent; }
footer .quick-view li ul li p em.pin { background-position: -155px -40px; }
footer .quick-view li ul li p em.phone { background-position: -135px -40px; height: 13px; }
footer .quick-view li ul li p em.email { background-position: -136px -55px; }
footer .social { width: 20%; background: #f8b418; position: absolute; bottom: 76px; left: 40%; right: 40%; top: auto; }
footer .social:before, footer .social:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 3px 15px 0; border-color: transparent #212121 transparent transparent; position: absolute; bottom: 0; left: -3px; }
footer .social:after { border-width: 15px 3px 0 0; border-color: #212121 transparent transparent transparent; left: auto; right: -3px; }
footer .social li { padding: 14px 5px; width: 19%; float: left; }
footer .social li a { width: 100%; height: auto; }
footer .social li a em { margin: 0 auto; }
footer .social li a em.facebook { left: 0; }
footer .baseline { background: #489283; padding: 44px 0 35px; -webkit-box-shadow: black 0 0 150px -25px inset; -moz-box-shadow: black 0 0 150px -25px inset; box-shadow: black 0 0 150px -25px inset; }
footer .baseline p { font: 12px Arial; text-align: center; color: #9bcec3; margin: 0; }
footer .baseline p a { color: #9bcec3; text-decoration: none; -webkit-transition: all 0.5s ease; -webkit-transition-delay: 0; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
footer .baseline p a:hover { color: #fff; text-decoration: none; }

.button { display: inline-block; font: 13px/18px "Myriad Pro", Arial; color: #fff !important; text-decoration: none; text-transform: none; font-weight: normal !important; padding: 6px 18px 4px; border: 1px #34695e solid; background: #458b7d; cursor: pointer; text-shadow: #707070 1px 1px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: #bddfd8 0 0 2px 0 inset; -moz-box-shadow: #bddfd8 0 0 2px 0 inset; box-shadow: #bddfd8 0 0 2px 0 inset; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #458b7d), color-stop(100%, #34695e)); background-image: -webkit-linear-gradient(#458b7d, #34695e); background-image: -moz-linear-gradient(#458b7d, #34695e); background-image: -o-linear-gradient(#458b7d, #34695e); }
.button:hover { border: 1px #23473f solid; background: #34695e; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34695e), color-stop(100%, #23473f)); background-image: -webkit-linear-gradient(#34695e, #23473f); background-image: -moz-linear-gradient(#34695e, #23473f); background-image: -o-linear-gradient(#34695e, #23473f); text-decoration: none; }
.button:active { -webkit-box-shadow: #1b3630 0 0 10px 0 inset; -moz-box-shadow: #1b3630 0 0 10px 0 inset; box-shadow: #1b3630 0 0 10px 0 inset; }
.button.light { color: #707070 !important; border: 1px #e1e1e1 solid; background: #fbfbfb; text-shadow: white 1px 1px 0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#fbfbfb, #eeeeee); background-image: -moz-linear-gradient(#fbfbfb, #eeeeee); background-image: -o-linear-gradient(#fbfbfb, #eeeeee); }
.button.light:hover { border: 1px #d4d4d4 solid; background: #eeeeee; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #d4d4d4)); background-image: -webkit-linear-gradient(#eeeeee, #d4d4d4); background-image: -moz-linear-gradient(#eeeeee, #d4d4d4); background-image: -o-linear-gradient(#eeeeee, #d4d4d4); text-decoration: none; }
.button.light:active { -webkit-box-shadow: #c8c8c8 0 0 10px 0 inset; -moz-box-shadow: #c8c8c8 0 0 10px 0 inset; box-shadow: #c8c8c8 0 0 10px 0 inset; }
.button.right { float: right; }

/* NAVIGATION */
em.icon { display: block; margin: 0 9px; width: 38px; height: 37px; background: url("http://icoastalnet.com/images/layout/sprite.png") 0 0 no-repeat scroll transparent; }
em.icon.seo { background-position: -1px -2px; }
em.icon.blog { height: 38px; background-position: -40px -2px; }
em.icon.mobile { width: 22px; height: 38px; margin: 0 18px; background-position: -80px -1px; }
em.icon.email { width: 43px; height: 36px; margin: 0 8px 0 7px; background-position: -103px -2px; }
em.icon.mls { height: 38px; background-position: -148px -1px; }
em.icon.booking { height: 38px; background-position: -187px -1px; }
em.icon.rental { width: 41px; height: 38px; margin: 0 2px 0 1px; background-position: -226px -1px; }
em.icon.estore { width: 42px; margin: 0 7px 0 9px; background-position: -268px -2px; }
em.icon.golf { width: 35px; height: 38px; margin: 0 2px 0 7px; background-position: -311px -1px; }
em.icon.res { width: 37px; height: 38px; margin: 0 12px 0 7px; background-position: -348px -1px; }
em.icon.print { width: 40px; height: 38px; margin: 0 7px 0 9px; background-position: -387px -1px; }
em.icon.news { width: 37px; height: 38px; margin: 0 3px 0 4px; background-position: -429px -1px; }
em.icon.ppc { width: 40px; height: 38px; margin: 0 7px 0 9px; background-position: -466px -1px; }
em.icon.bulb { width: 33px; height: 38px; background-position: -1px -40px; }
em.icon.stats { width: 36px; height: 30px; background-position: -36px -40px; }
em.icon.arrow { width: 40px; height: 32px; background-position: -71px -40px; }
em.icon.guest { width: 42px; margin: 0 7px 0 7px; background-position: -270px -42px; }
em.icon.lead { width: 36px; margin: 0 10px; background-position: -311px -2px; }
em.icon2 { display: block; margin: 0 3px; width: 50px; height: 37px; }
em.icon2.about {background: url("http://icoastalnet.com/images/layout/about-icon.png") no-repeat; }
em.icon2.workshops {background: url("http://icoastalnet.com/images/layout/workshop-icon.png") no-repeat}
em.icon2.realtor {background: url("http://icoastalnet.com/images/layout/realtor-icon.png") no-repeat; }
em.icon2.bei {background: url("http://icoastalnet.com/images/layout/bei-icon.png") no-repeat; }
em.icon2.nav-gallery {background: url("http://icoastalnet.com/images/layout/photo-gallery-icon.png") no-repeat; }
em.icon2.portfolio {background: url("../images/layout/portfolio.png") no-repeat;}
em.icon2.rentals {background: url("../images/layout/rentals.png") no-repeat;}
em.icon2.real-estate {background: url("../images/layout/real-estate.png") no-repeat;}
em.icon2.retail {background: url("../images/layout/retail.png") no-repeat;}
em.icon.professional { height: 38px; background-position: -187px -1px; margin: 0 9px 0 8px; }
em.icon2.professional {background: url("../images/layout/professional.png") no-repeat;}
em.icon2.tourism {background: url("../images/layout/tourism.png") no-repeat;}
em.icon2.medical {background: url("../images/layout/medical.png") no-repeat;}
em.icon2.responsive {background: url("../images/layout/responsive-icon.png") no-repeat;}
em.icon2.partners {background: url("../images/layout/partners-icon.png") no-repeat;}
em.icon2.food {background: url("../images/layout/fruit-icon.png") no-repeat;}
em.icon2.entertainment {background: url("../images/layout/entertainment-icon.png") no-repeat;}
em.icon2.architecture {background: url("../images/layout/architecture-icon.png") no-repeat;}

.quick-view .twtr-hd, .quick-view .twtr-ft { display: none; }
.quick-view .twtr-doc { width: 200px !important; }
.quick-view .twtr-widget { position: relative; top: -8px; }
.quick-view .twtr-widget .twtr-tweet-wrap { padding: 8px 0; }
.full { width: 100%; }
.fb-like-box { background: #fff; }
#map_canvas { display: block; }

.vrbei-screenshots {margin: 0 0 35px;}
.vrbei-screenshots:after {content: ""; clear: both; display: block;}
.vrbei-screenshots a {display: block; float: left; width: 32%; margin: 0 0.5%;}
.vrbei-screenshots a:hover {text-decoration: none;}
.vrbei-screenshots a img {width: 100%;}
.vrbei-screenshots a h4 {text-align: center;}

/* Workshop */
.workshop-social {width:264px; margin: 0 3px -20px 0; }
.line-up {display: inline; }
.workshop-fb-share {position: relative; top: -1px; padding: 0 0 0; }
.workshop-pinit {position: relative; top: 0; }
.pricing {width: 255px; float: left; padding: 0 10px 0 0; }
.highlight {font-weight: bold; color: #34695E; font-size: 16px; }
.map {width: 350px; float: left; }
.agenda {clear: both; padding: 5px 0 0; }
.schedule {font-weight: bold; font-size: 16px; }
.pricing2 {width: ; padding: 0 10px 0 0; }
.pricing2 .button {float: left; }
.signup-form form {margin: 0 80px 0 0; }
.mobile-nav-trigger { display: none; }

/* Workshops Page */
.category-list {padding:0 0 10px 0; }
.jump li {list-style: none; float: left; padding: 0 20px; }
#workshops, #login, #speakers, #testimonials, #gallery, #survey {margin: 25px 0 0 0; border-top: 1px solid rgba(52,105,94,0.3); }
#speakers li {list-style: circle; }
.ui-tabs-vertical {}
.ui-tabs-vertical .ui-tabs-nav {padding: .2em .1em .2em .2em; float: left; width: 12em; list-style: none; }
.ui-tabs-vertical .ui-tabs-nav li {clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a {display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel {padding: 10px; width: 450px; }
.ui-tabs-vertical .ui-tabs-panel h3 {padding: 0; margin: 0; border-bottom: 2px solid #34695e; }
.ui-tabs-vertical .ui-tabs-panel h5 {padding: 10px 0; margin: 0; }
.ui-tabs-vertical .ui-tabs-panel ul {padding: 0 10px; margin: 0; }
.ui-tabs-vertical .ui-tabs-panel ul li {list-style: circle; }
#tabs {width: 650px; }
.tabs-content {float: left; }
#login p {line-height: 10px; }
#gallery img {overflow: hidden; width: 110px; height: 78px; margin: 0 10px 0 0; border: 5px solid #fcfcfc; box-shadow: 0 0 7px #555; }
#survey form input {margin: 5px; }
#survey form input[name=name] {margin-left: 15px; }
#survey form input[name=email] {margin-left: 18px; }
#survey form input[name=phone] {margin-left: 12px; }
#survey form input[value=Submit] {display: block; margin: 0 auto; }

.career-head {font-size: 20px; font-weight: bold; color: #34695e; padding: 0 0 10px;}

.twitter-widget, .follow-widget, .facebook-widget, .linkedin-widget, .google-widget, .pinterest-widget {float: left; overflow: hidden; margin-right: 7px; }
.twitter-widget {width: 56px; }
.follow-widget {width: 60px; }
.facebook-widget {width: 48px; }
.linkedin-widget {width: 59px; }
.google-widget {width: 32px; }
.pinterest-widget {width: 40px; }

.conference {margin: 0 0 25px; }
h3.conference-title {font-size: 38px; margin: 0; }
.conference-date {font-size: 22px; margin: 0 0 16px 0; }
.conference-desc {border-bottom: 1px #ccc solid; padding-bottom:15px; }

.sidebar form.workshops-form {padding: 17px; }
.sidebar form.workshops-form input, .sidebar form.workshops-form textarea {margin: 5px 0; }
.sidebar textarea {width: 167px; }

/* 2013 Spring Card Page */
.enter-form { position: relative; width: 555px; }
.enter {position: absolute; top: 87px; right: 6px; }
.enter-form span {color:red;clear:none !important;background: none !important; padding:0 0 8px 0 !important; }

/* VACATION RENTAL WEB SITE form */
form.vrws-form {width: 530px; font-size: 15px; }
form.vrws-form span {background: none; margin: 0 0 0 2px; }
form.vrws-form2 {width: 300px; font-size: 15px; float: left; margin: 0 0 0 20px; }
form.vrws-form2 span {background: none; margin: 0 0 20px 2px; padding: 0; }
form.vrws-form2 label {display: block; float: none; text-align: left; width: auto; margin: 0; }
form.vrws-form2 input[type="text"] {float: none; margin: 0; width: 280px; }
form.vrws-form2 textarea {width: 280px; }

.testimonials {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 30px 0; }
.testimonials ul {width: 600px !important; }
.testimonials ul li {width: 570px; padding: 0 15px 0 0; list-style: none; }
.testimonials ul li em {font-weight: bold; color: #34695e; display: block; text-align: right; margin: 5px 0 0; }

.nashville {display:block; margin: 15px 0 0; width: 99%; background:#3e7f72; font-size:42px; line-height: 48px; color:#fff; padding:30px 10px; font-family: 'euphorigenic', 'bebasregular'; text-align: center;}
.work-screenshots {display: block; width: 100%; margin: 0 0 0 5px; padding: 0;}
.work-screenshots li {width: 33%; float: left; list-style: none;}
.work-screenshots li img {width: 100%;}


/*=============================== VRMA ===============================*/

/* Nashville VRMA FORM */
form.crew-contact {width: 100%;}
form.crew-contact input[type=text], form.crew-contact textarea {border-radius: 0; box-shadow: inset 0px 0px 5px 1px #ccc; margin: 10px 0; padding: 8px; width: 100%;}
form.crew-contact .checkbox-container {width:25%; float:left; margin:50px 0 0 20px;}
form.crew-contact .checkbox-row {width: 100%; margin: 0; position: relative;}
form.crew-contact .checkbox-row label {cursor: pointer; position: absolute; width: 35px; height: 35px; top: 0; left: 0; background: #fff;	border:1px solid #ddd; box-shadow: inset 0px 0px 5px 1px #ccc; -webkit-box-shadow: inset 0px 0px 5px 1px #ccc; -moz-box-shadow: inset 0px 0px 5px 1px #ccc;}
form.crew-contact .checkbox-row label.check-one {top: 0; left: 0; }
form.crew-contact .checkbox-row label.check-one:after{opacity: 0.2;	content: ''; position: absolute;	width: 15px;	height: 15px; background: #333; top: 9px;	left: 9px; border: 3px solid #333;	/* border-top: none;	border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	-ms-transform: rotate(-45deg); transform: rotate(-45deg); */}
form.crew-contact .checkbox-row label.check-one:hover::after {opacity: 0.5;}
form.crew-contact .checkbox-row input[name=checkbox]#checkbox-one:checked + label.check-one:after {opacity: 1;}
form.crew-contact .checkbox-row label.check-one:hover::after {opacity: 0.5;}
form.crew-contact .checkbox-row label.check-two {top: 53px; left: 0; }
form.crew-contact .checkbox-row label.check-two:after{opacity: 0.2;	content: ''; position: absolute;	width: 15px;	height: 15px; background: #333; top: 9px;	left: 9px; border: 3px solid #333;	/* border-top: none;	border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	-ms-transform: rotate(-45deg); transform: rotate(-45deg); */}
form.crew-contact .checkbox-row label.check-two:hover::after {opacity: 0.5;}
form.crew-contact .checkbox-row input[name=checkbox]#checkbox-two:checked + label.check-two:after {opacity: 1;}
form.crew-contact .checkbox-row label.check-two:hover::after {opacity: 0.5;}
form.crew-contact .checkbox-row label.check-three {top: 105px; left: 0; }
form.crew-contact .checkbox-row label.check-three:after{opacity: 0.2;	content: ''; position: absolute;	width: 15px;	height: 15px; background: #333; top: 9px;	left: 9px; border: 3px solid #333;	/* border-top: none;	border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	-ms-transform: rotate(-45deg); transform: rotate(-45deg); */}
form.crew-contact .checkbox-row label.check-three:hover::after {opacity: 0.5;}
form.crew-contact .checkbox-row input[name=checkbox]#checkbox-three:checked + label.check-three:after {opacity: 1;}
form.crew-contact .checkbox-row input[type=checkbox] {display: none;}
form.crew-contact span {float: left; background: 0; padding: 0;}
form.crew-contact span.label-one {margin: 7px 0 0 40px; }
form.crew-contact span.label-two {margin: 30px 0 0 40px; }
form.crew-contact span.label-three {margin: 30px 0 0 40px; }
form.crew-contact input[type=button] {margin-top: 100px;}
.crew-contact label.error {width: 100%; text-align: left; margin: 0; color: red; font-weight: bold;}
.crew-contactmsg {text-align: center; font:24px "bebasregular", sans-serif; margin: 30px 0;}

/* Nashville MODAL POP-UP FORM */
form.crew-contact-popup {width: 100%;}
form.crew-contact-popup input[type=text] {border-radius: 0; box-shadow: inset 0px 0px 5px 1px #ccc; margin: 10px 0; padding: 8px; width: 100%;}
form.crew-contact-popup .checkbox-container {width:25%; float:left; margin:50px 0 0 20px;}
form.crew-contact-popup .checkbox-row {width: 100%; margin: 0; position: relative;}
form.crew-contact-popup .checkbox-row label {cursor: pointer; position: absolute; width: 35px; height: 35px; top: 0; left: 0; background: #fff;	border:1px solid #ddd; box-shadow: inset 0px 0px 5px 1px #ccc; -webkit-box-shadow: inset 0px 0px 5px 1px #ccc; -moz-box-shadow: inset 0px 0px 5px 1px #ccc;}
form.crew-contact-popup .checkbox-row label.check-one {top: 0; left: 0; }
form.crew-contact-popup .checkbox-row label.check-one:after{opacity: 0.2;	content: ''; position: absolute;	width: 15px;	height: 15px; background: #333; top: 9px;	left: 9px; border: 3px solid #333;	/* border-top: none;	border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	-ms-transform: rotate(-45deg); transform: rotate(-45deg); */}
form.crew-contact-popup .checkbox-row label.check-one:hover::after {opacity: 0.5;}
form.crew-contact-popup .checkbox-row input[name=checkbox]#checkbox-one-popup:checked + label.check-one:after {opacity: 1;}
form.crew-contact-popup .checkbox-row label.check-one:hover::after {opacity: 0.5;}
form.crew-contact-popup .checkbox-row label.check-two {top: 53px; left: 0; }
form.crew-contact-popup .checkbox-row label.check-two:after{opacity: 0.2;	content: ''; position: absolute;	width: 15px;	height: 15px; background: #333; top: 9px;	left: 9px; border: 3px solid #333;	/* border-top: none;	border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	-ms-transform: rotate(-45deg); transform: rotate(-45deg); */}
form.crew-contact-popup .checkbox-row label.check-two:hover::after {opacity: 0.5;}
form.crew-contact-popup .checkbox-row input[name=checkbox]#checkbox-two-popup:checked + label.check-two:after {opacity: 1;}
form.crew-contact-popup .checkbox-row label.check-two:hover::after {opacity: 0.5;}
form.crew-contact-popup .checkbox-row label.check-three {top: 105px; left: 0; }
form.crew-contact-popup .checkbox-row label.check-three:after{opacity: 0.2;	content: ''; position: absolute;	width: 15px;	height: 15px; background: #333; top: 9px;	left: 9px; border: 3px solid #333;	/* border-top: none;	border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	-ms-transform: rotate(-45deg); transform: rotate(-45deg); */}
form.crew-contact-popup .checkbox-row label.check-three:hover::after {opacity: 0.5;}
form.crew-contact-popup .checkbox-row input[name=checkbox]#checkbox-three-popup:checked + label.check-three:after {opacity: 1;}
form.crew-contact-popup .checkbox-row input[type=checkbox] {display: none;}
form.crew-contact-popup span {float: left; background: 0; padding: 0;}
form.crew-contact-popup span.label-one {margin: 7px 0 0 40px; }
form.crew-contact-popup span.label-two {margin: 30px 0 0 40px; }
form.crew-contact-popup span.label-three {margin: 30px 0 0 40px; }
form.crew-contact-popup input[type=submit] {margin-top: 100px;}
.crew-contact-popup label.error {width: 100%; text-align: left; margin: 0; color: red; font-weight: bold;}
.headshots {width: 100%; margin: 10px 0 0;}
.headshots .crew {background: #3e7f72; margin-right: 1%; padding: 5px; width: 19%; float: left;}
.headshots .crew:hover {background: #569e92;}
.headshots .crew a:hover {text-decoration: none;}
.headshots .crew span {display: block; font: 13px "bebasregular", sans-serif; color: #fff; text-align: center; text-transform: uppercase; padding: 5%;}
.headshots .crew img {width: 100% !important;}

/* VRMA STANDARD PAGES */
.vrma .vrma-pic {padding: 10px; margin:0 15px 10px 0; border: 1px solid #f7f7f7; display: block; float: left; width:; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.display-work {height: auto; min-height: 270px; margin: 30px 0 7%;}
.display-work h4, .bio h4 {background: #f8b418; color: #fff; padding: 20px; text-align: center; font-size: 32px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 0 3px rgba(0,0,0,0.2);}
.display-work a {display: block; float: left; width: 30%; /* height: 196px; */ margin: 2% 0 0 20px;}
.display-work a img {width: 100%; box-shadow: 0 0 3px rgba(0,0,0,0.5);}
.vrma .vrma-button {display: table; font-size: 20px; text-align: center; margin: 0 auto; padding: 16px 24px; box-shadow: 0 0 5px rgba(0,0,0,0.6); background: rgb(255,255,255); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); }
.vrma .vrma-button:hover {text-decoration: none; background: rgb(255,255,255); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(224,224,224,1) 50%, rgba(206,206,206,1) 51%, rgba(237,237,237,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(224,224,224,1)), color-stop(51%,rgba(206,206,206,1)), color-stop(100%,rgba(237,237,237,1))); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 50%,rgba(206,206,206,1) 51%,rgba(237,237,237,1) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 50%,rgba(206,206,206,1) 51%,rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 50%,rgba(206,206,206,1) 51%,rgba(237,237,237,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 50%,rgba(206,206,206,1) 51%,rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); }
.vrma .vrma-article {background: #3e7f72; margin: 0 0 30px; padding: 20px; clear: both;}
.vrma .vrma-article img {float: left; margin: 0 20px 0 0;}
.vrma .vrma-article p { color: #fff; font-size: 15px; line-height: 17px; font-weight: bold; text-transform: uppercase; text-shadow: 1 0 3px rgba(0,0,0,0.3); margin: 6px 0 0;}
.vrma .vrma-article p:after {display: block; content: ""; clear: both;}
.vrma .vrma-article span {font-size: 28px; display: block; line-height: 32px;}
.vrma .vrma-article .date {display: block; font-size: 18px; color: #fff; font-weight: normal; text-transform: none; line-height: 32px;}
.vrma .vrma-article strong {font-size: 14px;}
.vrma .vrma-article a {color: #efa907;}
.vrma .bio {clear: both; margin: 15px 0 5px 0; border-bottom: 1px solid #f7f7f7;}
.vrma .bio h4 {margin: 0 0 26px;}
.vrma .bio img {float: left; margin: 0 7px 0 0; border: 2px solid #fff; box-shadow: 1px 1px 4px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);}
.vrma .name {font-size: 18px; font-weight: bold; color: #34695e;}
.sidebar .sticky {width: 245px;}
.sidebar .attendee-form {width: 100%;}
.sidebar .attendee-form input {margin: 0 0 5px;}
.sidebar .attendee-form label {display: block;}
.sidebar .attendee-form .button {left: 35%;}
.vrma-downloads {margin: 30px 0;}
.vrma-downloads:after {content: ""; display: block; clear: both;}
.vrma-downloads li {opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; /*  box-shadow: 0 0 5px rgba(0,0,0,0.5);  */list-style: none; float: left; margin: 5px; width: 30%; min-height: 320px; overflow: auto  }
.vrma-downloads li:hover {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.vrma-downloads li span {display: block;}

/*=============================== VRMA ===============================*/

/* ICND IS COMING TO TOWN FORM*/
form.coming {width: 100%;}
form.coming input[type=text], form.coming textarea {border-radius: 0; box-shadow: inset 0px 0px 5px 1px #ccc; margin: 10px 0; padding: 8px; width: 100%;}
form.coming .checkbox-container {width:30%; float:left; margin:22px 0 0 20px;}
form.coming .checkbox-row {width: 100%; margin: 0; position: relative;}
form.coming .checkbox-row label {cursor: pointer; position: absolute; width: 35px; height: 35px; top: 0; left: 0; background: #fff;	border:1px solid #ddd; box-shadow: inset 0px 0px 5px 1px #ccc; -webkit-box-shadow: inset 0px 0px 5px 1px #ccc; -moz-box-shadow: inset 0px 0px 5px 1px #ccc;}
form.coming .checkbox-row label.check-one {top: 0; left: 0; }
form.coming .checkbox-row label.check-one:after{opacity: 0.2;	content: ''; position: absolute;	width: 15px;	height: 15px; background: #333; top: 9px;	left: 9px; border: 3px solid #333;	/* border-top: none;	border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	-ms-transform: rotate(-45deg); transform: rotate(-45deg); */}
form.coming .checkbox-row label.check-one:hover::after {opacity: 0.5;}
form.coming .checkbox-row input[name=checkbox]#checkbox-one:checked + label.check-one:after {opacity: 1;}
form.coming .checkbox-row label.check-one:hover::after {opacity: 0.5;}
form.coming .checkbox-row label.check-two {top: 53px; left: 0; }
form.coming .checkbox-row label.check-two:after{opacity: 0.2;	content: ''; position: absolute;	width: 15px;	height: 15px; background: #333; top: 9px;	left: 9px; border: 3px solid #333;	/* border-top: none;	border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	-ms-transform: rotate(-45deg); transform: rotate(-45deg); */}
form.coming .checkbox-row label.check-two:hover::after {opacity: 0.5;}
form.coming .checkbox-row input[name=checkbox]#checkbox-two:checked + label.check-two:after {opacity: 1;}
form.coming .checkbox-row label.check-two:hover::after {opacity: 0.5;}
form.coming .checkbox-row label.check-three {top: 105px; left: 0; }
form.coming .checkbox-row label.check-three:after{opacity: 0.2;	content: ''; position: absolute;	width: 15px;	height: 15px; background: #333; top: 9px;	left: 9px; border: 3px solid #333;	/* border-top: none;	border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	-ms-transform: rotate(-45deg); transform: rotate(-45deg); */}
form.coming .checkbox-row label.check-three:hover::after {opacity: 0.5;}
form.coming .checkbox-row input[name=checkbox]#checkbox-three:checked + label.check-three:after {opacity: 1;}
form.coming .checkbox-row label.check-four {top: 160px; left: 0; }
form.coming .checkbox-row label.check-four:after{opacity: 0.2;	content: ''; position: absolute;	width: 15px;	height: 15px; background: #333; top: 9px;	left: 9px; border: 3px solid #333;	/* border-top: none;	border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	-ms-transform: rotate(-45deg); transform: rotate(-45deg); */}
form.coming .checkbox-row label.check-four:hover::after {opacity: 0.5;}
form.coming .checkbox-row input[name=checkbox]#checkbox-four:checked + label.check-four:after {opacity: 1;}
form.coming .checkbox-row label.check-four:hover::after {opacity: 0.5;}
form.coming .checkbox-row label.check-five {top: 215px; left: 0; }
form.coming .checkbox-row label.check-five:after{opacity: 0.2;	content: ''; position: absolute;	width: 15px;	height: 15px; background: #333; top: 9px;	left: 9px; border: 3px solid #333;	/* border-top: none;	border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	-ms-transform: rotate(-45deg); transform: rotate(-45deg); */}
form.coming .checkbox-row label.check-five:hover::after {opacity: 0.5;}
form.coming .checkbox-row input[name=checkbox]#checkbox-five:checked + label.check-five:after {opacity: 1;}
form.coming .checkbox-row label.check-five:hover::after {opacity: 0.5;}
form.coming .checkbox-row input[type=checkbox] {display: none;}
form.coming span {float: left; background: 0; padding: 0;}
form.coming span.label-one {margin: 7px 0 0 40px; }
form.coming span.label-two {margin: 30px 0 0 40px; }
form.coming span.label-three {margin: 30px 0 0 40px; }
form.coming span.label-four {margin: 30px 0 0 40px; }
form.coming span.label-five {margin: 30px 0 0 40px; }
form.coming input[type=button] {margin-top: 130px;}

/* VRMA PREZI FORM */
form.prezi-form input[type=text] {border-radius: 0; box-shadow: inset 0px 0px 5px 1px #ccc; margin: 10px 0; padding: 8px; width: 100%;}
form.responsive-contact {position:relative; width: 50%; margin: 0 auto;}
form.responsive-contact input[type=text], form.responsive-contact textarea[type=text] {border-radius: 0; box-shadow: inset 0px 0px 5px 1px #ccc; margin: 10px 0; padding: 8px; width: 100%;}
form.responsive-contact input[type=button] {position: relative; left: 80%; bottom: 0;}
.rotate-front-left {position: absolute; left: -114px; top: 494px; line-height: 0; font-size: 30px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.rotate-front-right {position: absolute; right: -114px; top: 494px; line-height: 0; font-size: 30px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.rotate-behind-left {position: absolute; left: -142px; top: 1008px; line-height: 0; font-size: 30px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.rotate-behind-right {position: absolute; right: -142px; top: 1008px; line-height: 0; font-size: 30px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.people-wrap {position: relative;}
.thumbs-row { margin: 10px 0 0; padding: 0; }
.thumbs-row:after { display: table; content: ""; clear: both; }
.thumbs-row li { list-style: none; float: left; width: 20%; margin: 0; padding: 0; position: relative; }
.thumbs-row li a { display: block;}
.thumbs-row li img { width: 100% !important; }
.thumbs-row li div { display: none; position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(111, 168, 156, 0.6); }
.thumbs-row li a:hover div { display: block; }
.thumbs-row li span { width: 100%; position: absolute; bottom: 0; padding: 10px; text-align: center; color: #fff; font: 15px "bebasregular", sans-serif; word-spacing: 2px; }
.thumbs-row li span em { display: block; font: italic 11px/11px Arial; word-spacing: normal; margin-top: 3px; }

/* VRMA SPRING 2014 (ORLANDO and SALT LAKE CITY) */

.vrmadownloads .modal-dialog {width: 90%; height: 100%;}
.vrmadownloads .modal-content {top: 0; height: auto;}
.vrmadownloads #dialog-modal2 {height: 100%; font-family: "bebasregular", helvetica; color: #fff; background: #57ac9a; position: relative; -webkit-box-shadow: #1b3630 0 0 200px 0 inset; -moz-box-shadow: #1b3630 0 0 200px 0 inset; box-shadow: #1b3630 0 0 200px 0 inset; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.vrmadownloads #dialog-modal2 p {text-indent: 0; position: relative; font-family: "bebasregular", helvetica; font-size: 60px; text-align: center; line-height: 60px; text-shadow: 2px 2px 5px rgba(0,0,0,0.35); word-spacing: 8px; margin: 6px 0 0;}
.vrmadownloads #dialog-modal2 em {font-size: 100px; font-style: normal; line-height: 100px; display: block;}
.vrmadownloads #dialog-modal2 i {font-size: 46px; font-style: normal; line-height: 54px; display: block;}
.vrmadownloads #dialog-modal2 span {display:block; font-size: 60px; line-height: 50px; text-align: center; word-spacing: 10px; padding: 4px 0 20px; border-bottom: 1px solid rgba(0,0,0,0.3); box-shadow: 0 1px 0 rgba(255,255,255,0.3);}
.vrmadownloads #dialog-modal2 form {position: relative; width: 90%; height: auto; margin: 20px auto 0;}
.vrmadownloads #dialog-modal2 form input[type=text]{display: block; width: 100%; margin: 6px 0; padding: 10px; font-size: 30px; line-height: normal; color: #777;}
.vrmadownloads #dialog-modal2 form input[type=button]{font-size: 24px; word-spacing: 3px; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.25); padding: 24px; position: absolute; bottom: 0; border: 0; /* background: rgb(255,255,255); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); */}
.vrmadownloads #dialog-modal2 form input[type=button].nothanks {right: 0; font-size: 16px; background: none; padding: 0; /* background: rgb(255,214,102); background: -moz-linear-gradient(top,  rgba(255,214,102,1) 0%, rgba(254,191,4,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,214,102,1)), color-stop(100%,rgba(254,191,4,1))); background: -webkit-linear-gradient(top,  rgba(255,214,102,1) 0%,rgba(254,191,4,1) 100%); background: -o-linear-gradient(top,  rgba(255,214,102,1) 0%,rgba(254,191,4,1) 100%); background: -ms-linear-gradient(top,  rgba(255,214,102,1) 0%,rgba(254,191,4,1) 100%); background: linear-gradient(to bottom,  rgba(255,214,102,1) 0%,rgba(254,191,4,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd666', endColorstr='#febf04',GradientType=0 ); */}
.vrmadownloads #dialog-modal2 form input[type=button].yesplease {position: relative; left: 0; right: 0; margin: 0 auto; display: block; background: rgb(255,48,25); background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );}
.vrmadownloads #dialog-modal2 form input[type=button].yesplease:hover {background: rgb(237,27,23); background: -moz-linear-gradient(top,  rgba(237,27,23,1) 0%, rgba(198,3,3,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,27,23,1)), color-stop(100%,rgba(198,3,3,1))); background: -webkit-linear-gradient(top,  rgba(237,27,23,1) 0%,rgba(198,3,3,1) 100%); background: -o-linear-gradient(top,  rgba(237,27,23,1) 0%,rgba(198,3,3,1) 100%); background: -ms-linear-gradient(top,  rgba(237,27,23,1) 0%,rgba(198,3,3,1) 100%); background: linear-gradient(to bottom,  rgba(237,27,23,1) 0%,rgba(198,3,3,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1b17', endColorstr='#c60303',GradientType=0 );}
.vrmadownloads #dialog-modal2 #vrmadownloadsresponse p {font-size: 30px; line-height: 32px; margin:10px 0 0;}
.vrmadownloads .ui-draggable .ui-dialog-titlebar {background: none; border: 0; padding: 0;}
.vrmadownloads .ui-dialog .ui-dialog-titlebar-close {position: absolute; top: 8px; right: -2px; z-index: 9999; display: none;}
body.modal-open{margin:0;overflow:visible}

/* VRM PAGE */
.social-share-this .main-container {float: left; width: 78%;}
.social-share-this h4 {display: inline-block; float: left; margin: 24px 20px 0 0; font-size: 30px;}
.vrm-social { margin: 0 auto; padding: 0;}
.vrm-social:after {content: ""; display: block; clear: both;}
.vrm-social h4{display: inline-block; float: left; margin: 10px 20px 0 0; font-size: 30px;}
.vrm-social form {margin: 0 2px; padding: 5px; float: left;}
.vrm-social form input[type="email"]{width: 200px;}
.vrm-social form input.button {padding: 7px 15px; margin: 0 0 0 5px;}
.vrm-social .social {position: relative; top: 0; float: left; width: auto;}
.vrm-social .social li {float: left; padding: 0; margin: 0 2px;}
.vrm-social .social li a {width: 42px; height: 42px; padding: 14px 10px; opacity: 1;}
.vrm-social > a:hover, .vrm-social .social li a:hover {opacity: .7;}
.vrm-social .social li a em { height: 16px; display: block; position: relative; background: url("http://icoastalnet.com/images/layout/sprite.png") 0 0 no-repeat scroll transparent; }
.vrm-social .social li a.facebook {background: #306199;}
.vrm-social .social li a.facebook em { width: 9px; background-position: -194px -42px; left: 8px; }
.vrm-social .social li a.twitter {background: #26C4F1;}
.vrm-social .social li a.twitter em { width: 22px; background-position: -171px -42px; }
.vrm-social .social li a.gplus {background: #E93F2E;}
.vrm-social .social li a.gplus em { width: 17px; background-position: -236px -42px; left: 4px; }
.vrm-social .social li a.linkedin {background: #007BB6;}
.vrm-social .social li a.linkedin em { width: 17px; background-position: -204px -42px; left: 4px; }
.vrm-social .social li a.pinterest {background: #B81621;}
.vrm-social .social li a.pinterest em { width: 17px; background-position: -255px -41px; left: 4px; }

/* VRMA ANNUAL */
.vrma-annual .sec1 {background: #fff url("/images/vrma-annual/flow-denim-gray-pattern.png") repeat left top; height: 180px; position: relative;}
.vrma-annual .sec1 h2 {font-family: 'helvetica', 'arial', 'sans serif'; font-size: 72px; color: #fff; text-align: center; line-height: 140px;}
.vrma-annual .sec2 {background: url("/images/vrma-annual/yuli-header-background.jpg") no-repeat;}
.vrma-annual .sec2 > div:first-child {padding: 20px 100px;}
.vrma-annual .sec2 > div:first-child p {font-size: 17px; color: #fff; line-height: normal; padding: 0 0 0 50px;}
.vrma-annual .sec2 > div:first-child p span {font-size: 30px; color: #1fa6b0; text-align: center; background: #374958; display: inline-block; width: 46px; height: 46px; margin: 20px 10px 0 -56px; padding: 7px 0; border-radius: 50%;}
.vrma-annual .sec2 > div:first-child p strong {font-size: 20px; display: block; margin: -45px 0 0;}
.vrma-annual .sec2 > div:first-child p.arrow-bar {padding: 0; display: block; background: url("/images/vrma-annual/arrow.png") no-repeat; background-size: contain; width: 100%; height: 48px; padding: 10px;}
.vrma-annual .sec2 > div + div {background: url("/images/vrma-annual/beers-and-ideas-page.jpg") no-repeat; padding: 20px 160px 0 80px; height: 90%; min-height: 700px;}
.vrma-annual .sec2 > div + div h3 {font-size: 36px; color: #dba42e;}
.vrma-annual .sec2 > div + div span {font-size: 13px; color: #fff;}
.vrma-annual .sec2 > div + div label,
.vrma-annual .sec2 > div + div label input[type="text"] {width: 100%; display: block; text-align: left; font-size: 15px; float: none;}
.vrma-annual .sec2 > div + div label input[type="text"] {background: #3d505e; border: 1px solid #98abba; -webkit-box-shadow: inset 0px 2px 3px #354551; -moz-box-shadow: inset 0px 2px 3px #354551; box-shadow: inset 0px 2px 3px #354551; border-radius: 5px; color: #fff;}
.vrma-annual .sec2 > div + div input[type="submit"] { display:block; width:100%; height:74px; behavior:url(/PIE.htc); border-radius:0; background-color:#f7941d; background:-webkit-linear-gradient(#ebb747,#e5ad35); background:-moz-linear-gradient(#ebb747,#e5ad35); background:-ms-linear-gradient(#ebb747,#e5ad35); background:-o-linear-gradient(#ebb747,#e5ad35); background:linear-gradient(#ebb747,#e5ad35); box-shadow:inset 0px 1px 0px #ffde99,inset 0 -1px 2px #b28629; text-shadow:1px 1px #5b3405; color:#fff; border: 1px solid #b08324; font-size:21px; line-height:25px; font-weight:normal; text-align:center;}
.vrma-annual .sec2 > div + div h5 {font-size: 22px; line-height: 32px; color: #fff;	text-transform: none;}
.vrma-annual .sec2 > div + div {}
.vrma-annual .sec2 h3 {font-family: ; font-size: 34px; color: #fff; line-height: normal;}
.vrma-annual .sec3 {background: url("/images/vrma-annual/bg-pattern-light-squares.png") repeat;}
.vrma-annual .sec3 > div {margin: 0 0 70px;}
.vrma-annual .sec3 img {display: block; margin: 0 auto;	}
.vrma-annual .sec3 .title {background: #fff; font-size: 24px; color: #00C0D2; margin: 30px auto 16px; padding: 10px 50px; display: block; width: 360px; text-align: center;}
.vrma-annual .sec3 .title + h4,
.vrma-annual .sec3 > div.col-md-12 h4 {text-align: center;}
.vrma-annual .sec3 h4 {font-size: 26px; color: #666666; text-align: left;}
.vrma-annual .sec3 ul li {font-size: 16px; list-style-image: url("/images/vrma-annual/checkmark.png");}
.vrma-annual .sec4 {background: url("/images/vrma-annual/bg-pattern-dark-checkeredwild.png") repeat; padding: 36px 0;}
.vrma-annual .sec4 a {display:block; margin: 0 auto; padding: 24px 0; width: 500px; height:83px; behavior:url(/PIE.htc); border-radius:5px; background-color:#f7941d; background:-webkit-linear-gradient(#f7941d,#d75305); background:-moz-linear-gradient(#f7941d,#d75305); background:-ms-linear-gradient(#f7941d,#d75305); background:-o-linear-gradient(#f7941d,#d75305); background:linear-gradient(#f7941d,#d75305); box-shadow:inset 0px 1px 0px #ffbb6a,inset 0 -1px 2px #a33f03; text-shadow:1px 1px #521601; -pie-background:linear-gradient(#f7941d,#d75305); color:#fff; border:1px solid #333333; font-size:25px; line-height:30px; font-weight:normal; text-align:center; background-repeat:no-repeat;}
.vrma-annual .sec5 {background: url("/images/vrma-annual/bg-pattern-light-squares.png") repeat;}
.vrma-annual .sec5 h2 {font-size: 72px; text-align: center; color: #666666;}
.vrma-annual .sec5 > div > div {border-radius: 50%; overflow: hidden; width: 130px; height: 130px; float: right;}
.vrma-annual .sec5 div img {display: block; margin: 0 auto; width: 130px;}
.vrma-annual .sec5 p {width: 70%; line-height: 24px;}
.vrma-annual .sec5 strong,
.vrma-annual .sec5 em {display: block; font-size: 14px; color: #43887c;}
.vrma-annual .sec5 em {margin-bottom: 50px;}
.vrma-annual .sec6 {background: url("/images/vrma-annual/bg-pattern-dark-escheresque.png") repeat; padding: 36px 0;}
.vrma-annual .sec6 a {display:block; margin: 0 auto; padding: 24px 0; width: 500px; height:83px; behavior:url(/PIE.htc); border-radius:5px; background-color:#f7941d; background:-webkit-linear-gradient(#f7941d,#d75305); background:-moz-linear-gradient(#f7941d,#d75305); background:-ms-linear-gradient(#f7941d,#d75305); background:-o-linear-gradient(#f7941d,#d75305); background:linear-gradient(#f7941d,#d75305); box-shadow:inset 0px 1px 0px #ffbb6a,inset 0 -1px 2px #a33f03; text-shadow:1px 1px #521601; -pie-background:linear-gradient(#f7941d,#d75305); color:#fff; border:1px solid #333333; font-size:25px; line-height:30px; font-weight:normal; text-align:center; background-repeat:no-repeat;}


/* SOCIAL MEDIA PAGE */
.sm-blogs-wrap:after {clear:both; content: ""; display: block;}
.sm-blogs.news-wrap { width:49%; margin: 0 3px 6px; padding: 15px; border-bottom: 1px #eee solid; background: #f7f7f7; display: block; float: left; height: 180px; }
.sm-blogs.news-wrap a { font-style: italic; text-decoration: underline; color: #34695e; display: block;}
.sm-blogs.news-wrap a.title { font-weight: bold; font-style: normal; color: #707070; display: block; }
.sm-blogs.news-wrap a:hover { text-decoration: none; }

.main .content .listed {width: 48%; float: left; margin: 20px 6px 10px 0;}
.main .content .listed:after {display: table; content: ""; clear: both;}
.social-button a {display: block; float: left; text-align: center; width: 200px; margin: 10px 4px 10px 0; padding: 15px; background: #f7f7f7; border: 1px #eee solid;}
.social-button a:hover {text-decoration: none; background: #eee;}
.social-button span {color: #707070;}
.social-button em {color: #34695e; display: block; font-style: normal;}
.social-button:after {display: table; content: ""; clear: both;}

form.whitepaperform {margin: 0 0 35px;}
form.whitepaperform img {width: 95%; margin: 0 auto; display: block;}
form.whitepaperform span {text-align: center; margin-bottom: 10px; font-size: 15px; font-weight: bold; color: #34695e; line-height: 18px; display: block; border-bottom: 1px solid #ccc;}
/* form.whitepaperform input[type=submit], */ form.whitepaperform input[type=text] {display: block; float: none; margin: 5px 0;}
.social-side {margin: 50px auto 0; width: 200px;}
.social-side div {vertical-align: top;}

/* IE Fixes */
*, *:before, *:after{*behavior:url(/stylesheets/boxsizing.htc);} /* Polyfill fix for box-sizing for ie7/8 */
/*
.ie7 header { height: 700px; }
.ie7 header.interior { height: auto; }
.ie7 .heading { margin: 0; }
.ie7 .rotate li h3 { font-size: 100px; }
.ie7 .rotate li p { padding: 0 45px 0 0; width: 550px; }
.ie7 .rotate li.mobile p { padding: 0 45px 0 0; width: 400px; }
.ie7 #rotate-nav { top: 335px; }
.ie7 nav ul ul li a { height: 55px; cursor: pointer; }
.ie7 .column, .ie7 .columns { padding: 0; }
.ie7 .main .content { padding-top: 25px; }
.ie7 .content { padding: 50px; width: 860px; }
.ie7 .main .row.interior .nine.columns.content { width: 597px; padding: 50px; margin-right: 20px; }
.ie7 .isotope-wrap { overflow: hidden; }
.ie7 .item { float: left; padding: 15px; width: 250px; }
.ie7 .featured ul li { width: 300px; height: 145px; overflow: hidden; }
.ie7 .featured ul li a { height: 145px; overflow: hidden; }
.ie7 .showcase-wrap .nine.columns { width: 697px; }
.ie7 footer .social { width: 200px; }
.ie7 footer .social li { width: 25px; padding-left: 0 0 0 5px; }
*/
.ie8 .nav-toggle, .ie8 .head:before, .ie8 header .hp:before, .ie8 header .hp:after { display: none; }
.ie8 .head .logo, .ie7 .head .logo { padding: 3px 0 0; }
.ie8 .head .logo a, .ie7 .head .logo a { width: 155px; height: 116px; }
.ie8 .carousel-caption, .ie7 .carousel-caption { left: auto; right: auto; }
.ie8 .left.carousel-control, .ie8 .right.carousel-control, .ie7 .left.carousel-control, .ie7 .right.carousel-control { filter: -; }
.ie7 .carousel-indicators { left: 77%; }
.ie7 .carousel-indicators li { float: left; }
.ie7 form.crew-contact .checkbox-container {margin:30px 0 0 20px;}
.ie7 form.crew-contact input[type=text] {width: 85%;}
.ie7 form.crew-contact .checkbox-row label.check-one, .ie7 form.crew-contact .checkbox-row label.check-two, .ie7 form.crew-contact .checkbox-row label.check-three {display: none;}
.ie7 form.crew-contact .checkbox-row input[type=checkbox] {display: block;}
.ie7 form.crew-contact .checkbox-row span.label-one {position: relative; top: -27px;}
.ie7 form.crew-contact .checkbox-row span.label-two {position: relative; top: -51px;}
.ie7 form.crew-contact .checkbox-row span.label-three {position: relative; top: -50px;}
.ie7 form.crew-contact input[type=submit] {width: 100px; padding: 5px; text-align: center; margin-left: 20px;}
.ie7 .headshots .crew {background: #3e7f72; margin-right: 5px; padding: 5px; width: 104px; float: left;}
.ie7 form.crew-contact-popup input[type=text] {width: 85%;}
.ie7 form.crew-contact-popup .checkbox-row label.check-one, .ie7 form.crew-contact-popup .checkbox-row label.check-two, .ie7 form.crew-contact-popup .checkbox-row label.check-three {display: none;}
.ie7 form.crew-contact-popup .checkbox-row input[type=checkbox] {display: block;}
.ie7 form.crew-contact-popup .checkbox-row span.label-one {position: relative; top: -27px;}
.ie7 form.crew-contact-popup .checkbox-row span.label-two {position: relative; top: -51px;}
.ie7 form.crew-contact-popup .checkbox-row span.label-three {position: relative; top: -50px;}
.ie7 form.crew-contact-popup input[type=submit] {width: 100px; padding: 5px; text-align: center; margin-left: 20px;}
.ie8 form.crew-contact .checkbox-container {margin:30px 0 0 20px;}
.ie8 form.crew-contact .checkbox-row label.check-one, .ie8 form.crew-contact .checkbox-row label.check-two, .ie8 form.crew-contact .checkbox-row label.check-three {display: none;}
.ie8 form.crew-contact .checkbox-row input[type=checkbox] {display: block;}
.ie8 form.crew-contact .checkbox-row input[type=checkbox]#checkbox-one {position: relative; top:20px;}
.ie8 form.crew-contact .checkbox-row input[type=checkbox]#checkbox-two {position: relative; top:65px; left: -139px;}
.ie8 form.crew-contact .checkbox-row input[type=checkbox]#checkbox-three {position: relative; top:105px; left: -139px;}
.ie8 form.crew-contact-popup .checkbox-row label.check-one, .ie8 form.crew-contact-popup .checkbox-row label.check-two, .ie8 form.crew-contact-popup .checkbox-row label.check-three {display: none;}
.ie8 form.crew-contact-popup .checkbox-row input[type=checkbox] {display: block;}
.ie8 form.crew-contact-popup .checkbox-row input[type=checkbox]#checkbox-one {position: relative; top:20px;}
.ie8 form.crew-contact-popup .checkbox-row input[type=checkbox]#checkbox-two {position: relative; top:65px; left: -139px;}
.ie8 form.crew-contact-popup .checkbox-row input[type=checkbox]#checkbox-three {position: relative; top:105px; left: -139px;}
.ie9 form.crew-contact .checkbox-container {margin:40px 0 0 20px;}

/* Custom code for bootstrap 3 implimentation */
html { font-size: 62.5%; }
body { font-size: 1.4rem; /* 14px */ }
#carousel-example-generic, .round-wrap { opacity: 0; }
.container { margin: 0 auto; }
.carousel-control.right, .carousel-control.left { background: none; }
.carousel-indicators { bottom: 40px; }
.carousel-inner>.item { background: none; min-height: 370px; }
.carousel-inner>.item h3 { font: 90px/90px "bebasregular", sans-serif; color: #FFF; letter-spacing: -0.06em; margin: 0 0 15px; padding: 0; text-shadow: rgba(0, 0, 0, 0.3) 0 0 5px; word-spacing: 15px; }
.carousel-inner>.item h3 span { font: 28px "Yanone Kaffeesatz", sans-serif; color: #F9BC31; text-transform: uppercase; letter-spacing: 0.07em; text-indent: 4px; display: block; word-spacing: normal; }
.carousel-inner>.item p { font: 18px "Myriad Pro", Arial; color: #FFF; text-shadow: #777 0 0 2px; }
.isotope-wrap { padding: 35px 25px; margin: 0; }
.isotope-container .item { margin-bottom: 15px; }
.isotope-container .item img { float: left; padding-right: 8px; }
.js .nav-collapse.closed { display: none; }
header.interior:before { display: none; }
.sidebar img, #showcase img { width: 60%; }
#showcase img { width: 45%; margin: 0 5px 10px 0; }
#showcase .small-img { width: 35%; }
.main .content img { width: auto; max-width: 100%; }
.item img { width: 26%; left: auto; top: auto; float: left; margin: 3% 0 6% 10%; }
.carousel-caption { top: auto; bottom: auto; left: auto; position: relative; right: auto; float: left; width: 52%; text-align: center; /* padding: 3% 10% 0 3%; */ z-index: 1; }
.heading, .carousel, .carousel-inner>.item, header { height: auto; }
.round-wrap { top: -12px; }
.carousel { margin: 0 0 25px; }
.nav-collapse.opened { display: block !important; }

/* Large Desktop */
@media only screen and (min-width : 1200px) and (max-width: 1310px) {
  header .hp:before, header .hp:after { display: none; }

  .vrmadownloads #dialog-modal2 p {font-size: 50px; line-height: 50px; word-spacing: 7px; margin: 6px 0 0;}
  .vrmadownloads #dialog-modal2 em {font-size: 80px; line-height: 74px;}
  .vrmadownloads #dialog-modal2 i {font-size: 38px; line-height: 52px;}
  .vrmadownloads #dialog-modal2 span {font-size: 46px; line-height: 30px; word-spacing: 10px;}
  .vrmadownloads #dialog-modal2 form {position: relative; width: 90%; margin: 20px auto 0;}
  .vrmadownloads #dialog-modal2 form input[type=text]{display: block; width: 100%; margin: 6px 0; padding: 10px; font-size: 24px; line-height: normal; color: #777;}
  .vrmadownloads #dialog-modal2 form input[type=button]{font-size: 24px; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.25); padding: 24px; position: absolute; bottom: 0; border: 0;}

}

/* Medium desktop size */
@media only screen and (min-width : 1024px) and (max-width: 1200px) {
  .banner img { width: 90%;}
  .banner a {top: 23px;}
  .banner .eastern {left: 0;}
  .banner .western {right: 67px;}
  .display-work a {margin: 2% 0 0 14px;}

  .carousel-inner>.item h3 { font-size: 70px; line-height: 70px; }
  .carousel-inner>.item h3 span { font-size: 22px; }
  .carousel-inner>.item p { font-size: 16px; }
  header .hp:before, header .hp:after { display: none; }

  .rotate-front-left {left:-90px; top: 390px; font-size: 24px;}
  .rotate-front-right {right:-90px; top: 390px; font-size: 24px;}
  .rotate-behind-left {left: -111px; top: 808px; font-size: 24px;}
  .rotate-behind-right {right: -111px; top: 808px; font-size: 24px;}

  .vrmadownloads #dialog-modal2 p {font-size: 46px; line-height: 40px; word-spacing: 7px; margin: 6px 0 0;}
  .vrmadownloads #dialog-modal2 em {font-size: 80px; line-height: 80px;}
  .vrmadownloads #dialog-modal2 i {font-size: 36px; line-height: 48px;}
  .vrmadownloads #dialog-modal2 span {font-size: 46px; line-height: 36px; word-spacing: 10px;}
  .vrmadownloads #dialog-modal2 form {position: relative; width: 90%; margin: 20px auto 0;}
  .vrmadownloads #dialog-modal2 form input[type=text]{display: block; width: 100%; margin: 10px 0; padding: 10px; font-size: 20px; line-height: normal; color: #777;}
  .vrmadownloads #dialog-modal2 form input[type=button]{font-size: 24px; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.25); padding: 24px; position: absolute; bottom: 0; border: 0;}

	.vrma-annual .sec1 h2 {font-size: 58px;}
	.vrma-annual .sec2 h3,
	.vrma-annual .sec2 > div + div h3 {font-size: 28px}
	.vrma-annual .sec2 > div + div{ padding: 20px 80px 0 80px;}
}

/* iPad Portrait */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .banner img {width: 60%;}
  nav ul li a { font-size: 13px; }
  nav ul ul li {height: 125px;}
  nav ul ul li a span { width: 95%; }
  nav ul ul li a i { display: block; clear: left; width: 100% }
  em.icon2.realtor { width: 37px; }
  .banner img { width: 65%;}
  .banner a {top: 12px;}
  .banner .eastern {left: -30px;}
  .banner .western {right: 199px;}
  .display-work a {margin: 2% 0 0 14px;}
  .carousel-inner>.item h3 { font: 55px/55px "bebasregular", sans-serif; }
  .carousel-inner>.item h3 span { font: 19px "Yanone Kaffeesatz", sans-serif; }
  .next { right: -23px; }
  .prev { left: -22px; }
  .prev:before, .prev:after, .next:before, .next:after { display: none; }
  .roundabout li { width: 40%; }
  .roundabout .roundabout-in-focus:before { border-width: 0 7px 15px 0; }
  .roundabout .roundabout-in-focus:after { border-width: 15px 7px 0 0; }
  .latest-news { margin: 0 0 30px; padding: 0; }
  .featured ul li a span em { width: 80%; left: 10%; }
  footer { padding: 10px 0 0; }
  footer .quick-view { padding: 15px 0; }
  footer .baseline { margin-top: 25px; }
  .roundabout li:before, .roundabout li:after { display: none; }
  header .hp:before, header .hp:after { display: none; }
  header { overflow: hidden; }
  .carousel-inner>.item { min-height: 315px; }
  .carousel-inner>.item p { font-size: 16px; }
  .nav-collapse.opened { display: none !important; }
  .rotate-front-left {left:-94px; top: 400px; font-size: 24px;}
  .rotate-front-right {right:-94px; top: 400px; font-size: 24px;}
  .rotate-behind-left {left: -116px; top: 828px; font-size: 24px;}
  .rotate-behind-right {right: -116px; top: 828px; font-size: 24px;}
  .thumbs-row li a:hover div { display: none; }

  .vrmadownloads #dialog-modal2 p {font-size: 46px; line-height: 44px; word-spacing: 7px; margin: 6px 0 0;}
  .vrmadownloads #dialog-modal2 em {font-size: 46px; line-height: 44px; display: inline;}
  .vrmadownloads #dialog-modal2 i {font-size: 36px; line-height: 40px; width: 460px; margin: 10px auto;}
  .vrmadownloads #dialog-modal2 span {font-size: 46px; line-height: 47px; word-spacing: 10px; padding: 0 0 20px;}
  .vrmadownloads #dialog-modal2 form {position: relative; width: 90%; height: 164px; margin: 20px auto 0;}
  .vrmadownloads #dialog-modal2 form input[type=text]{display: block; width: 100%; margin: 10px 0; padding: 10px; font-size: 20px; line-height: 20px; color: #777;}
  .vrmadownloads #dialog-modal2 form input[type=button]{font-size: 17px; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.25); padding: 12px; position: absolute; bottom: 0; border: 0;}
  .vrmadownloads #dialog-modal2 form input[type=button].nothanks {font-size: 12px;}

	.vrma-annual .sec1 h2 {font-size: 40px;}
	.vrma-annual .sec2 h3,
	.vrma-annual .sec2 > div + div h3 {font-size: 28px}
	.vrma-annual .sec2 > div + div{ padding: 20px 80px 0 80px; background-size: cover;}

}

/* iPhone Landscape */
@media only screen and (min-width : 320px) and (max-width : 767px) {
  body { overflow-x: hidden; }
/* CONTEST HEADER */
  header { padding: 50px 0 0; height: auto; }
/* NORMAL HEADER */
/*   header { padding: 45px 0 0; height: auto; } */
  header:before, header .hp:before, header .hp:after { display: none; }
  .banner {position: relative; top: -70px; left: 0; right: 0; }
  .banner img { width: 90%; display: block; margin: 0 auto;}
  .banner a {top: 25px;}
  .banner .eastern {left: 30px;}
  .banner .western {right: 32px;}
  .display-work {min-height: 240px;}
  .display-work a {margin: 2% 1% 0 2%;}
  .display-work h4, .bio h4 {font-size: 28px;}
  .vrma .bio img {float: left; display: block; margin: 0 10px 0 0; width: 30%;}
  .vrma .name {font-size: 15px; text-align: left; margin: 10px 0;}

  .container { padding: 0; }
  .social { top: -35px; width: 96%; left: 2%; right: 2%; }
  .social li { float: left; }
  .social li.support { text-align:right; display: block; float: right; top: -5px; left: auto; padding: 0; width: 290px; }
  .social li.support b { left: 0; }
  .social li.support b:after { right: 4px; top: 6px; }
  .head:before { display: none; }
  .heading { height: auto; overflow: hidden; }
  .carousel-inner>.item h3 { font-size: 6rem; line-height: normal; text-align: center; margin: 0 0 5px; }
  .carousel-inner>.item p { font: 1.4rem "Myriad Pro", Arial; text-align: center; }
  .carousel { height: auto; }
  .carousel-indicators { bottom: 0; }
  .round-wrap, .prev, .next { display: none !important; }
  .latest-news { padding: 0; margin: 0 0 20px; }
  .main .content { padding: 25px; margin: 0; }
  .isotope-wrap { padding: 25px; }
  .isotope-container { padding: 0; }
  .featured { padding: 25px; margin: 0; }
  .featured h3 { margin: 0 0 15px; }
  .featured ul li { margin: 0 0 3px; height: 115px; }
  .featured ul li.last { margin: 0 0 3px; }
  .featured ul li a span em { width: 95%; top: 26%; left: 2.5%; height: 48px; padding-left: 12px; font-size: 12px; }
  footer { padding: 25px; }
  footer .container div { padding: 0; float: left; width: 50%; text-align: center; }
  footer .quick-view { padding: 0; margin: 0 0 10px; }
  footer .quick-view li h4 { margin: 0 0 10px; }
  footer .container .quick-view div { width: 100% !important; }
  footer .baseline { margin: 25px -25px -25px; }
  footer .social { width: 40%; left: 30%; right: 30%; }
  .nav-toggle { position: absolute; top: -85px; right: 45px; z-index: 5; }
  .carousel-inner>.item h3 span { font-size: 2rem; text-align: center; }
  .collapsible { display: none; }
  .row.showcase-wrap { margin: 0 -15px; }
  #carousel-example-generic .carousel-caption { text-align: center; top: -7px; position: relative; padding: 20px 0 35px 0; }
  .carousel-inner>.item { height: auto; background: none; min-height: 0; }
  .carousel { margin: 0; }
  .rotate-front-left {left:-90px; top: 154%; font-size: 24px;}
  .rotate-front-right {right:-90px; top: 154%; font-size: 24px;}
  .rotate-behind-left {left: -111px; top: 318%; font-size: 24px;}
  .rotate-behind-right {right: -111px; top: 318%; font-size: 24px;}
  .vrma .vrma-article p {font-size: 15px}
  .vrma .vrma-article span {font-size: 25px;}
  .thumbs-row li {width: 25%;}
  .thumbs-row li a {padding: 1px;}
  .thumbs-row li a:hover div { display: none; }
  .blank-box {display: none;}
  .fancybox-inner .pop-up{width:auto;height:auto}
  .fancybox-inner .pop-up img { padding: 0; border: none; box-shadow: 0 0 0 #000; margin: 0 0 10px; }
  .bio-content { height: auto !important; }
  .pop-up .button {position: relative !important; bottom: 0 !important; right: 0 !important;}
  .sm-blogs.news-wrap, .main .content .listed { float:none; width:100%; margin: 0 0 6px; height:auto; }
  body { margin-right: 0 !important; }
  .vrmadownloads #dialog-modal2 p {font-size: 28px; line-height: 40px; word-spacing: 7px; margin: 6px 0 0;}
  .vrmadownloads #dialog-modal2 em {font-size: 46px; line-height: 44px; display: block;}
  .vrmadownloads #dialog-modal2 i {font-size: 28px; line-height: 30px; margin: 3px auto;}
  .vrmadownloads #dialog-modal2 span {font-size: 26px; line-height: 28px; word-spacing: 6px; padding: 0 0 10px;}
  .vrmadownloads #dialog-modal2 form {position: relative; width: 90%; height: 140px; margin: 20px auto 0;}
  .vrmadownloads #dialog-modal2 form input[type=text]{display: block; width: 100%; margin: 10px 0; padding: 8px; font-size: 16px; line-height: 20px; color: #777;}
  .vrmadownloads #dialog-modal2 form input[type=button]{font-size: 14px; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.25); padding: 10px; position: absolute; bottom: 0; border: 0;}
  .vrmadownloads #dialog-modal2 form input[type=button].nothanks {font-size: 8px;}
  .vrma-downloads li {list-style: none; float: left; margin: 5px; width: 46%; min-height: 310px;}
  .vrma-downloads li span {display: block;}
  .vrmadownloads #dialog-modal2 #vrmadownloadsresponse p {font-size: 16px; line-height: 18px; margin:10px 0 0;}

	.vrma-annual .sec1 h2 {font-size: 40px; line-height: normal;}
	.vrma-annual .sec2 h3,
	.vrma-annual .sec2 > div + div h3 {font-size: 28px}
	.vrma-annual .sec2 > div + div{ padding: 20px 80px 30px 80px; background-size: cover; height: auto; min-height: 500px;}
	.vrma-annual .sec3 > div {margin:  0 0 35px;}
	.vrma-annual .sec3 h4,
	.vrma-annual .sec3 ul {width: 80%; margin: 0 auto;}
	.vrma-annual .sec5 div {margin: 10px 0;}
	.vrma-annual .sec5 > div > div {float: none; margin: 0 auto;}
	.vrma-annual .sec5 h2 {font-size: 40px;}
	.vrma-annual .sec5 p,
	.vrma-annual .sec5 strong,
	.vrma-annual .sec5 em {margin: 0 auto; width: 80%;}
}


/* Responsive video */

.responsive-vid { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-vid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* iPhone Portrait */
@media only screen and (min-width : 320px) and (max-width : 568px) {
/* CONTEST HEADER */
  header { padding: 90px 0 0; }
/* NORMAL HEADER */
/*   header { padding: 70px 0 0; } */
  .social { top: -80px; text-align: center; }
  .social li { float: none; display: inline-block; }
  .social li.support { float: none; text-align: center; width: 100%; top: 10px; }
  .head .logo { margin: 0 0 0 30px; }
  .banner {position: relative; top: -90px; left: 0; right: 0; }
  .banner img { width: 90%; display: block; margin: 0 auto;}
  .banner a {top: 90%;}
  .banner .eastern {left: 0px;}
  .banner .western {right: 2px;}
  .vrma .vrma-article img {display: block; margin: 0 0 0 15%; width: 70% !important;}
  .vrma .vrma-article p {font-size: 15px; text-align: center;}
  .vrma .bio img {float: none; display: block; margin: 0 auto; width: 80%;}
  .vrma .name {font-size: 15px; text-align: center; margin: 10px 0;}
  .display-work {min-height: 170px;}
  .display-work a {margin: 2% 1% 0 2%;}
  .display-work h4, .bio h4 {font-size: 20px;}
  .carousel-inner>.item>img, .carousel-inner>.item>a>img { display: none; }
  #carousel-example-generic .carousel-caption { width: 70%; left: 15%; text-align: center; }
  .featured ul li a span em { padding: 17px; font-size: 12px; }
  .featured ul li a span em:before, .featured ul li a span em:after { display: none; }

  .rotate-front-left {left:-62px; top: 36%; font-size: 16px;}
  .rotate-front-right {right:-62px; top: 36%; font-size: 16px;}
  .rotate-behind-left {left: -78px; top: 73%; font-size: 16px;}
  .rotate-behind-right {right: -78px; top: 73%; font-size: 16px;}
  .thumbs-row li {width: 25%; }
  .thumbs-row li a {padding: 1px;}
  .thumbs-row li span { word-spacing: normal; font-size: 12px; }
  .thumbs-row li span em { display: none; }
  .blank-box {display: none;}
  .bio-content { height: auto !important;}
  .pop-up .button {position: relative !important; bottom: 0 !important; right: 0 !important;}

  .attendee-form .button {left: 35% !important;}

  .vrma .vrma-pic {display: block; width: 100% !important; float: none;}
  .vrma .vrma-article p {font-size: 15px; margin: 10px 0 0; clear: both;}
  .vrma .vrma-article span {font-size: 25px;}
  .vrmadownloads #dialog-modal2 p {font-size: 24px; line-height: 30px; word-spacing: 7px; margin: 6px 0 0;}
  .vrmadownloads #dialog-modal2 em {font-size: 40px; line-height: 38px; display: block;}
  .vrmadownloads #dialog-modal2 i {font-size: 24px; line-height: 30px; margin: 3px auto;}
  .vrmadownloads #dialog-modal2 span {font-size: 16px; line-height: 20px; word-spacing: 2px; padding: 0 0 10px;}
  .vrmadownloads #dialog-modal2 form {position: relative; width: 90%; height: 150px; margin: 20px auto 0;}
  .vrmadownloads #dialog-modal2 form input[type=text]{display: block; width: 100%; margin: 6px 0; padding: 6px; font-size: 14px; line-height: 18px; color: #777;}
  .vrmadownloads #dialog-modal2 form input[type=button]{font-size: 12px; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.25); padding: 8px; position: relative; bottom: 0; border: 0;}
  .vrmadownloads #dialog-modal2 form input[type=button].nothanks {font-size: 8px; position: absolute; bottom: 0; right: 0;}
  .vrmadownloads #dialog-modal2 form input[type=button].yesplease {left: 0;}
  .vrma-downloads li {min-height: 260px;}

  .vrm-social {width: 396px; margin: 0 auto; padding: 0 0 20px; border-bottom: 1px solid #ccc;}
  .vrm-social > a {display: inline-block; margin: 0 1px; padding: 7px 10px; background: #0A88FF; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; float: left;}
  .vrm-social .social li a {width: 36px; height: 36px; padding: 11px 7px; opacity: 1;}

	.vrma-annual .sec1 {height: 140px;}
	.vrma-annual .sec2 > div:first-child {padding: 20px 30px;}
	.vrma-annual .sec2 > div + div h5 {font-size: 16px; line-height: 22px	}
	.vrma-annual .sec3 .title {width: 100%;}
	.vrma-annual .sec4 a,
	.vrma-annual .sec6 a {width: 100%; font-size: 18px;}

  footer .container div { width: 100%; }
  footer .quick-view li { width: 100%; }
  footer .quick-view li ul li { width: auto; padding: 5px 0; float: none; border-bottom: 1px #E9E9E9 solid; }
  footer .social { width: 60%; left: 20%; right: 20%; bottom: 92px; }
  footer .baseline p { padding: 0 40px; }
}

.entry .body img {height: auto;}

.fade.in {background: rgba(0,0,0,0.7);}
.modal-content {top: 100px;}

/* Retina-Specific */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .head .logo a { background: url("http://icoastalnet.com/images/logo-high-res.png") top left no-repeat; background-size: 118px 92px; }
}


/* EXTRA MEDIA STYLES */
@media all and (max-width: 991px) {
  .sticky {position: relative !important; width: 100% !important;}
  .sidebar .attendee-form .button {left: 44%;}
}

/* Web design news blog fix */

.entry-content {position: relative;top: 20px;}
.entry-utility {
  margin-top: 28px;
}