html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Hind', sans-serif; margin: 0;}
*,*:before,*:after{ box-sizing: inherit; }
body{background-color: #fff; ; margin: 0; padding: 0;}
a{ text-decoration: none; ; cursor: pointer}

/* == HERO == */
.vortex1{background: #66767f; margin: 30px 0 0 0; padding: 30px 0}
.vortex1 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 20px; margin: 0px 0 0 0; color: #fff;}
.vortex1 img{width: 100%; margin: 30px 0 0;}

.vortex2{background: #000; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex2 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 20px; margin: 0px 0 0 0; color: #fff;}
.vortex2 img{width: 80%; margin: 30px auto 0;}

.vortex3{background: #692d7c; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex3 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 20px; margin: 0px 0 0 0; color: #fff;}
.vortex3 img{width: 100%; margin: 0px auto 0;}

.vortex4{background: #65686c; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex4 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 20px; margin: 0px 0 0 0; color: #fff;}
.vortex4 img{width: 100%; margin: 30px auto 0;}

.vortex5{background:#040509; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex5 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 20px; margin: 0px 0 0 0; color: #fff;}
.vortex5 img{width: 100%; margin: 30px auto 0;}


.vortex6{background: #001E37; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex6 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 20px; margin: 0px 0 0 0; color: #fff;}
.vortex6 img{width: 100%; margin: 0px auto 0;}

.vortex7{background: #000; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex7 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 20px; margin: 0px 0 0 0; color: #fff;}
.vortex7 img{width: 100%; margin: 0px auto 0;}

.vortex8{background: #000; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex8 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 20px; margin: 0px 0 0 0; color: #fff;}
.vortex8 img{width: 100%; margin: 0px auto 0;}

@media only screen and (min-width:768px){
.vortex1{background: #66767f; margin: 30px 0 0 0; padding: 30px 0; text-align: center}
.vortex1 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 22px; margin: 0px 0 0 0; color: #fff;}
.vortex1 img{width:600px; margin: 30px auto 0;}

.vortex2{background: #000; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex2 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 22px; margin: 0px 0 0 0; color: #fff;}
.vortex2 img{width: 500px; margin: 30px auto 0;}

.vortex3{background: #712A7F; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex3 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 22px; margin: 0px 0 0 0; color: #fff;}
.vortex3 img{width: 100%; margin: 0px auto 0;}

.vortex4{background: #65686c; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex4 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 22px; margin: 0px 0 0 0; color: #fff;}
.vortex4 img{width: 100%; margin: 30px auto 0;}

.vortex5{background:#040509; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex5 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 22px; margin: 0px 0 0 0; color: #fff;}
.vortex5 img{width: 100%; margin: 30px auto 0;}


.vortex6{background: #001E37; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex6 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 22px; margin: 0px 0 0 0; color: #fff;}
.vortex6 img{width: 100%; margin: -30px auto 0;}

.vortex7{background: #000 margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex7 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 22px; margin: 0px 0 0 0; color: #fff;}
.vortex7 img{width: 100%; margin:30px auto 0;}

.vortex8{background: #000 margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex8 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 22px; margin: 0px 0 0 0; color: #fff;}
.vortex8 img{width: 100%; margin:30px auto 0;}

}

@media only screen and (min-width:1024px){
.vortex1{background: #66767f; margin: 30px 0 0 0; padding: 30px 0; text-align: center}
.vortex1 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 30px; margin: 0px 0 0 0; color: #fff;}
.vortex1 img{width:800px; margin: 30px auto 0;}

.vortex2{background: #000; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex2 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 30px; margin: 0px 0 0 0; color: #fff;}
.vortex2 img{width: 700px; margin: 30px auto 0;}

.vortex3{background: #712A7F; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex3 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 30px; margin: 0px 0 0 0; color: #fff;}
.vortex3 img{width: 800px; margin: 0px auto 0;}

.vortex4{background: #65686c; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex4 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 30px; margin: 0px 0 0 0; color: #fff;}
.vortex4 img{width: 800px; margin: 30px auto 0;}

.vortex5{background:#040509; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex5 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 30px; margin: 0px 0 0 0; color: #fff;}
.vortex5 img{width: 800px; margin: 30px auto 0;}

.vortex6{background: #001E37; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex6 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 30px; margin: 0px 0 0 0; color: #fff;}
.vortex6 img{width: 800px; margin: -30px auto 0;}


.vortex7{background: #000; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex7 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 30px; margin: 0px 0 0 0; color: #fff;}
.vortex7 img{width: 880px; margin: 30px auto 0;}

.vortex8{background: #000; margin: 0px 0 0 0; padding: 30px 0 0; text-align: center}
.vortex8 .title{ text-transform: uppercase; text-align: center; line-height: 1em; font-size: 30px; margin: 0px 0 0 0; color: #fff;}
.vortex8 img{width: 880px; margin: 30px auto 0;}
}

@media only screen and (min-width:1280px){

}

@media only screen and (min-width:1600px){
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;-webkit-clip-path:none;clip-path:none;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,:before,:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}