@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }


html, body { height: 100%; }

body { font-weight: 300; min-width: 320px; font-family: 'Roboto', sans-serif; font-smooth: always; -webkit-font-smoothing: antialiased; }

::-moz-selection { color: #FFF; background-color: #009de2; }

::selection { color: #FFF; background-color: #009de2; }

a { text-decoration: none; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }

iframe { border: none; overflow: hidden; margin: 0; }


/* ========================================================================== Site Loader
============================================================================= */
.site-loader { display: table; position: fixed; z-index: 999999999; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; background-image: url("../img/preloader.gif"); background-position: 50%; background-repeat: no-repeat; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .site-loader { background-image: url("../img/preloader.gif"); background-size: 32px 32px; } }
/* ========================================================================== Global CSS
============================================================================= */
.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 60px; overflow: hidden; }
.responsive-video iframe, .responsive-video object, .responsive-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mfp-bg { background-color: #000 !important; z-index: 99999 !important; }

.mfp-wrap { z-index: 99999 !important; }

.z-forward { z-index: 2; }

.padding.paddv-100 { padding: 100px 0 !important; }
.padding.paddv-80 { padding: 80px 0 !important; }
.padding.paddv-60 { padding: 60px 0 !important; }
.padding.paddv-30 { padding: 30px 0 !important; }
.padding.paddv-10 { padding: 10px 0 !important; }

.margin.margv-100 { margin: 100px 0 !important; }
.margin.margv-80 { margin: 80px 0 !important; }
.margin.margv-60 { margin: 60px 0 !important; }
.margin.margv-30 { margin: 30px 0 !important; }
.margin.margv-10 { margin: 10px 0 !important; }

.remove-padding.paddv { padding-top: 0 !important; padding-bottom: 0 !important; }
.remove-padding.paddh { padding-left: 0 !important; padding-right: 0 !important; }
.remove-padding.paddt { padding-top: 0 !important; }
.remove-padding.paddb { padding-bottom: 0 !important; }
.remove-padding.paddl { padding-left: 0 !important; }
.remove-padding.paddr { padding-right: 0 !important; }

.add-padding.paddt-30 { padding-top: 30px !important; }
.add-padding.paddb-30 { padding-bottom: 30px !important; }
.add-padding.paddl-30 { padding-left: 30px !important; }
.add-padding.paddr-30 { padding-right: 30px !important; }
.add-padding.paddt-60 { padding-top: 60px !important; }
.add-padding.paddb-60 { padding-bottom: 60px !important; }
.add-padding.paddl-60 { padding-left: 60px !important; }
.add-padding.paddr-60 { padding-right: 60px !important; }
.add-padding.paddt-80 { padding-top: 80px !important; }
.add-padding.paddb-80 { padding-bottom: 80px !important; }
.add-padding.paddl-80 { padding-left: 80px !important; }
.add-padding.paddr-80 { padding-right: 80px !important; }

.add-margin.margt-30 { margin-top: 30px !important; }
.add-margin.margb-30 { margin-bottom: 30px !important; }
.add-margin.margl-30 { margin-left: 30px !important; }
.add-margin.margr-30 { margin-right: 30px !important; }
.add-margin.margt-60 { margin-top: 60px !important; }
.add-margin.margb-60 { margin-bottom: 60px !important; }
.add-margin.margl-60 { margin-left: 60px !important; }
.add-margin.margr-60 { margin-right: 60px !important; }
.add-margin.margt-80 { margin-top: 80px !important; }
.add-margin.margb-80 { margin-bottom: 80px !important; }
.add-margin.margl-80 { margin-left: 80px !important; }
.add-margin.margr-80 { margin-right: 80px !important; }
.add-margin.margt-100 { margin-top: 100px !important; }
.add-margin.margb-100 { margin-bottom: 100px !important; }
.add-margin.margl-100 { margin-left: 100px !important; }
.add-margin.margr-100 { margin-right: 100px !important; }

.remove-margin.margv { margin-top: 0 !important; margin-bottom: 0 !important; }
.remove-margin.margh { margin-left: 0 !important; margin-right: 0 !important; }
.remove-margin.margt { margin-top: 0 !important; }
.remove-margin.margb { margin-bottom: 0 !important; }
.remove-margin.margl { margin-left: 0 !important; }
.remove-margin.margr { margin-right: 0 !important; }

/*================================================== Effect 2 ===============================================*/
.effect2 { position: relative; }

.effect2:before, .effect2:after { display: block; z-index: -1; position: absolute; content: ""; bottom: 15px; left: 20px; width: 50%; top: 80%; max-width: 900px; background: transparent; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 10px 30px #000; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }

.effect2:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; }

/* ========================================================================== Background Attributes
============================================================================= */
.has-bg { background-repeat: repeat-y; background-position: 50%; background-size: cover; }

.bg-size-auto { background-size: auto; }

.bg-fixed { background-attachment: fixed; }

/* ========================================================================== Site Container with Content
============================================================================= */
.site-container { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; overflow: hidden;  }
.site-container.boxed { max-width: 1250px; margin: 0 auto; background: #fff; -moz-box-shadow: 0 0 16px #aaa; -webkit-box-shadow: 0 0 16px #aaa; box-shadow: 0 0 16px #aaa; }
.site-container.boxed header.affix { position: fixed !important; top: 0 !important; left: inherit !important; max-width: 1250px !important; width: 1250px !important; margin: 0 auto !important; z-index: 99999 !important; }


.site-container .header { position: relative; z-index: 99999; width:100%; top:0; }

@media screen and (min-width: 900px) {
  .site-container .header { position: fixed; z-index: 99999; width:100%; top:0; }
  .site-container { padding-top:243px; }
}

@media screen and (min-width: 990px) {
    .site-container { padding-top:284px; }
}


@media screen and (min-width: 1200px) {
  .site-container .header { position: fixed; z-index: 99999; width:100%; top:0; }
  .site-container { padding-top:111px; }
}

.site-container .header.affix { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-box-shadow: 0 2px 10px -3px #808080; -webkit-box-shadow: 0 2px 10px -3px #808080; box-shadow: 0 2px 10px -3px #808080; background: white; }
.site-container .header.affix .top-bar { display: none; }
.site-container .header .top-bar { width: 100%; background-color: #002c3c; }
.site-container .header .top-bar p { font-family: "Roboto", sans-serif; font-size: 13px; font-weight: normal; font-style: italic; color: #FFF; padding: 10px 0; }
.site-container .header .top-bar p i { padding: 0 5px 0 0; }
.site-container .header .top-bar .top-social { float: right; }
.site-container .header .top-bar .top-social li { float: left; margin: 0 1px 0 0; }
.site-container .header .top-bar .top-social li a { display: block; font-size: 12px; width: 30px; padding: 12px 0; background-color: #00394e; text-align: center; color: #FFF; }
.site-container .header .top-bar .top-social li a:hover { background-color: #FFF; color: #3c5a99; border-bottom: #3c5a99 3px solid; padding-bottom: 9px; }
.site-container .header .top-bar .top-social li a:hover.facebook-bar { color: #3c5a99 !important; border-bottom: #3c5a99 3px solid !important; }
.site-container .header .top-bar .top-social li a:hover.google-bar { color: #f5b400 !important; border-bottom: #f5b400 3px solid !important; }
.site-container .header .top-bar .top-social li a:hover.pinterest-bar { color: #e3262e !important; border-bottom: #e3262e 3px solid !important; }
.site-container .header .top-bar .top-social li a:hover.youtube-bar { color: #cc181e !important; border-bottom: #cc181e 3px solid !important; }
.site-container .header .top-bar .top-social li a:hover.rss-bar { color: #FF6600 !important; border-bottom: #FF6600 3px solid !important; }
.site-container .header .bottom-bar { background-color: rgba(255, 255, 255, 0.8); }
.site-container .header .bottom-bar .navbar { position: relative; margin: 0; padding: 0 15px; }
.site-container .header .bottom-bar .navbar .navbar-header .navbar-brand { padding: 25px 0 0; }
.site-container .header .bottom-bar .navbar .navbar-header .navbar-brand i { font-size: 100px; line-height: 25px; display: inline-block; color: #18abcf; }
.site-container .header .bottom-bar .navbar .navbar-header button { padding: 15px 10px; }
.site-container .header .bottom-bar .navbar .navbar-header button span {
  background: #000;ound-color: #000 !important; height: 5px; }
.site-container .header .bottom-bar .navbar .navbar-collapse { padding: 0; }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li { float: left; position: relative; }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li.active > a { background-color: transparent; color: #009de2; }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li a { font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: bold; color: #343434; text-decoration: none; text-transform: uppercase; padding: 30px 15px; }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li a:hover { background-color: transparent; color: #009de2; }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li a:focus { background: transparent; }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li:not(:first-child) > a:before { position: absolute; left: -3px; content: "•"; display: inline-block; }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li.search > a:before { content: "|"; }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li.search > a:hover:before { color: #343434; }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li:hover > ul.drop-down { visibility: visible; opacity: 1; -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li ul.drop-down { position: absolute; top: 97%; left: 15px; width: 200px; visibility: hidden; opacity: 0; margin: 0; padding: 3px 0 0; z-index: 9999; -moz-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; transition: all 0.17s ease-in-out; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li ul.drop-down li { position: relative; margin: 0; display: block; float: none; }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li ul.drop-down li a { display: block; background-color: #FFF; padding: 15px; text-align: left; }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li ul.drop-down li a:before { display: none; }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li ul.drop-down li a:hover { color: #FFF; background-color: #303133; }
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li ul.drop-down li ul.drop-down.level3 { position: absolute; top: 0px; left: 100%; margin-left: 1px; -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -moz-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); }
.site-container .header .bottom-bar .navbar.active-search .navbar-collapse { display: none; visibility: hidden; }
.site-container .header .bottom-bar .navbar.active-search .navbar-header { display: none; visibility: hidden; }
.site-container .header .bottom-bar .navbar.active-search #top-search { display: block; visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.site-container .header .bottom-bar .navbar #top-search { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.site-container .header .bottom-bar .navbar #top-search #top-search-trigger { position: absolute; right: 0; top: 40%; font-size: 20px; color: #696969; }
.site-container .header .bottom-bar .navbar #top-search > form { width: 100%; height: 100%; }
.site-container .header .bottom-bar .navbar #top-search > form input { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 30px; padding-left: 30px; padding-right: 50px; color: #696969; width: 100%; height: 100%; background: transparent; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.site-container .breadcrumb { width: 100%; min-height: 280px; position: relative; margin: 0; z-index: 1; }
.site-container .breadcrumb .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 2; }
.site-container .breadcrumb .content { position: relative; width: 100%; height: 100%; z-index: 3; padding: 100px 0 0; }
.site-container .breadcrumb .content h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 26px; color: #FFF; text-align: center; text-transform: uppercase; letter-spacing: 15px; }
.site-container .breadcrumb .content h2 span { display: block; font-family: "Roboto",sans-serif; font-weight: normal; font-size: 15px; text-transform: none; color: #FFF; letter-spacing: normal; margin-top: 15px; letter-spacing: 2px; }
.site-container .revolution-slider { position: relative; top: -75px; left: 0; width: 100%; background-color: #FFF; }
.site-container .revolution-slider .dev-caption-big { font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 2.3125em; text-transform: uppercase; color: #009de2; padding: 1em 0.8125em; background-color: rgba(255, 255, 255, 0.8); }
.site-container .revolution-slider .dev-caption-small { font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 1.25em; color: #009de2; padding: 0.9375em 1.375em; background-color: rgba(255, 255, 255, 0.8); }
.site-container .site-wrapper { z-index: 9999 !important; background-color: #FFF; position: relative !important; }
.site-container .site-wrapper.site-homepage { margin-top: -75px !important; }
.site-container .site-wrapper .single-team-paragraph p { font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 15px; color: #696969; line-height: 25px; margin-bottom: 30px; }
.site-container .site-wrapper section.section-parallax { overflow: hidden; }
.site-container .site-wrapper section.no-overflow { overflow: none !important; }
.site-container .site-wrapper section.black-pattern { width: 100%; background-color: #000; }
.site-container .site-wrapper section.black-pattern p { font-family: "Roboto", sans-serif; font-weight: 700; font-size: 27px; line-height: 28px; margin-bottom: 20px; margin-top: 15px; color: #FFF; }
.site-container .site-wrapper section.black-pattern a { display: table; background-color: #009de2; padding: 20px 50px; font-family: "Montserrat", sans-serif; font-weight: normal; font-size: 17px; text-decoration: none; text-align: center; color: #FFF; margin: 0 auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: transparent 1px solid; }
.site-container .site-wrapper section.black-pattern a:hover { background-color: #FFF; border: #009de2 1px solid; color: #009de2; }
.site-container .site-wrapper section.black-pattern a i { margin-left: 10px; font-size: 20px; }
.site-container .site-wrapper .form-marged { margin-top: -100px; padding: 0; z-index: 99999; }
.site-container .site-wrapper .form-marged .grouped-form { padding: 25px; }
.site-container .site-wrapper .form-marged .grouped-form .form-group { margin-bottom: 15px !important; }
.site-container .site-wrapper .form-marged .grouped-form h2 { font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: normal; color: #FFF; margin-bottom: 20px; }
.site-container .site-wrapper .form-marged .grouped-form input { background-color: #7ad8ee; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: none; font-family: "Roboto", sans-serif; font-weight: normal; font-size: 13px; font-style: italic; color: #FFF; }
.site-container .site-wrapper .form-marged .grouped-form input::-webkit-input-placeholder { color: #FFF; }
.site-container .site-wrapper .form-marged .grouped-form input:-moz-placeholder { color: #FFF; }
.site-container .site-wrapper .form-marged .grouped-form input::-moz-placeholder { color: #FFF; }
.site-container .site-wrapper .form-marged .grouped-form input:-ms-input-placeholder { color: #FFF; }
.site-container .site-wrapper .form-marged .grouped-form input:focus { background-color: #FFF; color: #343434; }
.site-container .site-wrapper .form-marged .grouped-form input:focus::-webkit-input-placeholder { color: #343434; }
.site-container .site-wrapper .form-marged .grouped-form input:focus:-moz-placeholder { color: #343434; }
.site-container .site-wrapper .form-marged .grouped-form input:focus::-moz-placeholder { color: #343434; }
.site-container .site-wrapper .form-marged .grouped-form input:focus:-ms-input-placeholder { color: #343434; }
.site-container .site-wrapper .form-marged .grouped-form input.dev_time_picker, .site-container .site-wrapper .form-marged .grouped-form input.dev_date_picker { background-image: url(../img/dropinput.png); background-position: right 10px center; background-repeat: no-repeat; }
.site-container .site-wrapper .form-marged .grouped-form.form-one { background-color: #009de2; }
.site-container .site-wrapper .form-marged .grouped-form.form-two { background-color: #43c7e6; }
.site-container .site-wrapper .form-marged .grouped-form.form-two .row_num span { float: left; width: 15% !important; font-family: "Roboto", sans-serif; font-weight: 500; font-size: 13px; line-height: 40px; color: #FFF; }
.site-container .site-wrapper .form-marged .grouped-form.form-two .row_num input { width: 85% !important; }
.site-container .site-wrapper .form-marged .grouped-form.form-three { background-color: #5ad4f1; }
.site-container .site-wrapper .form-marged .grouped-form.form-three input { background-color: #8ddff3 !important; }
.site-container .site-wrapper .form-marged .grouped-form.form-three input:focus { background-color: #FFF !important; color: #343434 !important; }
.site-container .site-wrapper .form-marged .grouped-form.form-three input:focus::-webkit-input-placeholder { color: #343434 !important; }
.site-container .site-wrapper .form-marged .grouped-form.form-three input:focus:-moz-placeholder { color: #343434 !important; }
.site-container .site-wrapper .form-marged .grouped-form.form-three input:focus::-moz-placeholder { color: #343434 !important; }
.site-container .site-wrapper .form-marged .grouped-form.form-three input:focus:-ms-input-placeholder { color: #343434 !important; }
.site-container .site-wrapper .form-marged .grouped-form.form-three button[type="submit"] { width: 100%; background: transparent; border: #FFF 1px solid; color: #FFF; padding: 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; }
.site-container .site-wrapper .about-author { position: relative; overflow: hidden; }
.site-container .site-wrapper .about-author .author-content { float: left; width: 60%; }
.site-container .site-wrapper .about-author .author-content .author-title { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 17px; text-transform: uppercase; color: #009de2; margin-bottom: 25px; margin-top: 80px; }
.site-container .site-wrapper .about-author .author-content .author-title span { display: block; font-family: "Roboto", sans-serif; font-weight: normal; font-style: italic; font-size: 13px; color: #969696; padding-top: 7px; }
.site-container .site-wrapper .about-author .author-content .author-desc { font-family: "Roboto", sans-serif; font-weight: 700; font-size: 29px; color: #000; line-height: 42px; }
.site-container .site-wrapper .about-author .author-content .author-link { display: inline-block; font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 700; color: #009de2; border: #009de2 2px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 15px 30px; text-decoration: none; margin-right: 15px; margin-top: 35px; margin-bottom: 80px; }
.site-container .site-wrapper .about-author .author-content .author-link:hover { color: #FFF; background-color: #009de2; }
.site-container .site-wrapper .about-author .author-attachment { position: absolute; bottom: 0; right: 0; width: 40%; }
.site-container .site-wrapper .about-author .author-attachment .author-image { display: block; width: 100%; margin-top: -60px; margin-bottom: -3px; }
.site-container .site-wrapper .about-author .author-attachment .author-image img { width: 100%; }
.site-container .site-wrapper .heading { display: table; position: relative; padding-left: 10px; padding-right: 50px; font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: 700; color: #000; text-transform: uppercase; margin-bottom: 30px; }
.site-container .site-wrapper .heading:before { content: "\e605"; font-family: 'devsolution'; font-size: 50px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #009de2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: -15px; left: -45px; z-index: 2; }
.site-container .site-wrapper .heading:after { content: ""; display: block; position: absolute; right: 0; left: -7px; height: 2px; margin-top: 10px; background-color: #009de2; z-index: 1; }
.site-container .site-wrapper p { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 14px; line-height: 25px; color: #696969; }
.site-container .site-wrapper .icon-box { width: 100%; margin-bottom: 35px; }
.site-container .site-wrapper .icon-box:first-child { margin-top: 50px; }
.site-container .site-wrapper .icon-box:hover > a { background-color: #009de2; color: #FFF; }
.site-container .site-wrapper .icon-box:hover .content h2 { color: #009de2; }
.site-container .site-wrapper .icon-box > a { float: left; display: block; width: 120px; height: 120px; text-align: center; text-decoration: none; padding-top: 37px; font-size: 48px; color: #009de2; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: #009de2 2px solid; }
.site-container .site-wrapper .icon-box .content { margin-left: 145px; }
.site-container .site-wrapper .icon-box .content h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; color: #696969; margin-top: 10px; margin-bottom: 20px; }
.site-container .site-wrapper .icon-box .content p { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 13px; line-height: 19px; color: #696969; }
.site-container .site-wrapper .vertical-tabs { margin-top: 50px; }
.site-container .site-wrapper .vertical-tabs .tab { width: 100%; margin-bottom: 6px; }
.site-container .site-wrapper .vertical-tabs .tab .image { display: none; /*visibility: hidden;*/ width: 100%; }
.site-container .site-wrapper .vertical-tabs .tab .image img { width: 100%; }
.site-container .site-wrapper .vertical-tabs .tab .content { margin-top: -3px; border: #ebebeb 1px solid; padding: 20px; }
.site-container .site-wrapper .vertical-tabs .tab .content .link-tab { display: block; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #696969; }
.site-container .site-wrapper .vertical-tabs .tab .content .link-tab i { display: inline-block; width: 20px; height: 20px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #dadada; color: #FFF; text-align: center; padding-top: 3px; margin-right: 15px; }
.site-container .site-wrapper .vertical-tabs .tab .content p { padding-left: 45px; margin-top: 15px; display: none; /*visibility: hidden;*/ font-family: "Roboto", sans-serif; font-weight: normal; font-size: 13px; line-height: 21px; color: #696969; }
.site-container .site-wrapper .vertical-tabs .tab.active .image { display: block; /*visibility: visible;*/ }
.site-container .site-wrapper .vertical-tabs .tab.active .content .link-tab { color: #009de2; }
.site-container .site-wrapper .vertical-tabs .tab.active .content .link-tab i { background-color: #009de2; }
.site-container .site-wrapper .vertical-tabs .tab.active .content p { display: block; visibility: visible; }
.site-container .site-wrapper .seperated-background { width: 100%; min-height: 446px; }
.site-container .site-wrapper .seperated-background .skills { float: left; width: 50%; padding: 50px; background-color: #f5f5f5; }
.site-container .site-wrapper .seperated-background .skills ul.list-skills { display: table; margin: 50px auto 0; }
.site-container .site-wrapper .seperated-background .skills ul.list-skills li { display: inline-block; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 700; color: #696969; }
.site-container .site-wrapper .seperated-background .skills ul.list-skills li.active a { color: #009de2 !important; }
.site-container .site-wrapper .seperated-background .skills ul.list-skills li a { font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 700; color: #696969; text-transform: uppercase; text-decoration: none; }
.site-container .site-wrapper .seperated-background .skills ul.list-skills li a:hover { color: #009de2; }
.site-container .site-wrapper .seperated-background .skills ul.list-skills li:not(:last-child):after { content: "|"; display: inline-block; padding: 0 10px; }
.site-container .site-wrapper .seperated-background .skill-bg { float: right; width: 50%; min-height: 446px !important; /* browser fill */ height: auto; /*content fill */ }
.site-container .site-wrapper .progress { position: relative; overflow: inherit !important; margin: 50px 0 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background-color: #FFF; padding: 3px; margin-bottom: 25px; }
.site-container .site-wrapper .progress span { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 17px; color: #000; text-transform: uppercase; line-height: 20px; }
.site-container .site-wrapper .progress .p-label { position: absolute; top: -30px; left: 0; }
.site-container .site-wrapper .progress .p-count { position: absolute; top: -29px; right: -30px; }
.site-container .site-wrapper .progress .progress-bar { background-color: #009de2; text-align: right; position: relative; }
.site-container .site-wrapper .step-box { width: 100%; margin-top: 50px; }
.site-container .site-wrapper .step-box > a { display: block; position: relative; width: 200px; height: 200px; margin: 0 auto 20px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #FFF; }
.site-container .site-wrapper .step-box > a img { width: 100%; position: absolute; bottom: 0; z-index: 1; }
.site-container .site-wrapper .step-box > a .box { position: absolute; top: 50%; left: -24px; margin-top: -30px; width: 60px; height: 60px; background-color: #0c8ead; z-index: 2; border: #FFF 2px solid; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.site-container .site-wrapper .step-box > a .box span { font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 700; color: #FFF; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 37%; top: 40%; }
.site-container .site-wrapper .step-box .content h2 { font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 700; color: #696969; text-align: center; text-transform: uppercase; margin-bottom: 22px; }
.site-container .site-wrapper .step-box .content p { line-height: 21px; text-align: center; }
.site-container .site-wrapper .step-box:hover .content h2 { color: #009de2; }
.site-container .site-wrapper .divider { position: relative; margin: 80px auto; width: 60%; height: 1px; background-color: #dddddd; }
.site-container .site-wrapper .divider span { font-size: 100px; line-height: 0; position: absolute; top: -5px; left: 50%; margin-left: -50px; background: #FFF; padding: 5px; color: #009de2; }
.site-container .site-wrapper .chart { position: relative; width: 220px; height: 220px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: #ededed 20px solid; margin: 0px auto 60px; }
.site-container .site-wrapper .chart canvas { display: block; position: absolute; top: 0; left: 0; }
.site-container .site-wrapper .chart h2 { font-family: "Montserrat", sans-serif; font-size: 17px; font-weight: 700; color: #000; margin-top: 45px; text-align: center; text-transform: uppercase; }
.site-container .site-wrapper .chart span { font-family: "Roboto", sans-serif; font-weight: 700; font-style: italic; font-size: 40px; color: #000; display: block; line-height: 180px; text-align: center; width: 180px; font-family: "Arial", sans-serif; font-weight: 100; margin-left: 5px; }
.site-container .site-wrapper .background-video { position: relative; width: 100%; height: 700px; background-color: #000; overflow: hidden; }
.site-container .site-wrapper .background-video .circle-play { position: absolute; top: 50%; left: 50%; display: block; width: 209px; height: 209px; background: rgba(0, 0, 0, 0.2); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: #009de2; margin-top: -105px; margin-left: -105px; text-decoration: none; }
.site-container .site-wrapper .background-video .circle-play:after { display: block; content: ""; width: 85%; height: 85%; position: absolute; top: 7.5%; left: 7.5%; background-color: #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; z-index: 2; }
.site-container .site-wrapper .background-video .circle-play i { position: absolute; top: 50%; left: 50%; font-size: 40px; margin-top: -20px; margin-left: -10px; z-index: 3; }
.site-container .site-wrapper .background-video .video-text { position: absolute; top: 85%; width: 100%; text-align: center; font-family: "Montserrat", sans-serif; font-size: 21px; font-weight: 700; color: #FFF; }
.site-container .site-wrapper .team-member { margin-top: 40px; line-height: 0; }
.site-container .site-wrapper .team-member:hover > a { border: #009de2 1px solid; }
.site-container .site-wrapper .team-member > a { display: block; width: 100%; border: transparent 1px solid; }
.site-container .site-wrapper .team-member > a img { width: 100%; padding: 0; margin: 0; }
.site-container .site-wrapper .team-member .toolbar { overflow: hidden; padding: 0 20px; margin-top: -40px; }
.site-container .site-wrapper .team-member .toolbar .left { position: relative; float: left; width: 100%; height: 70px; background-color: #009de2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px; }
.site-container .site-wrapper .team-member .toolbar .left h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 17px; text-transform: uppercase; color: #FFF; line-height: 17px; }
.site-container .site-wrapper .team-member .toolbar .left h2 span { display: block; font-family: "Roboto", sans-serif; font-weight: normal; font-size: 13px; text-transform: none; color: #FFF; margin-top: 2px; line-height: 15px; }
.site-container .site-wrapper .team-member .toolbar .right { float: right; position: relative; width: 30%; height: 70px; background-color: #0a7088; padding-left: 10px; -moz-border-radius: 0px 5px 5px 0; -webkit-border-radius: 0px; border-radius: 0px 5px 5px 0; }
.site-container .site-wrapper .team-member .toolbar .right ul { display: table; margin: 28px auto 0; }
.site-container .site-wrapper .team-member .toolbar .right ul li { display: inline-block; margin-right: 15px; }
.site-container .site-wrapper .team-member .toolbar .right ul li a { font-size: 16px; color: #009de2; }
.site-container .site-wrapper .team-member .toolbar .right ul li a:hover { color: #FFF; }
.site-container .site-wrapper .team-member .toolbar .right:after { content: ""; position: absolute; top: 0; left: -30px; display: inline-block; width: 0; height: 0; border-bottom: 70px solid #0a7088; border-left: 30px solid transparent; }
.site-container .site-wrapper .team-member p { margin-top: 25px; text-align: center; }
.site-container .site-wrapper .team-pagination { display: table; margin: 50px auto 0; }
.site-container .site-wrapper .team-pagination li { display: inline-block; margin-right: 15px; }
.site-container .site-wrapper .team-pagination li:first-child a, .site-container .site-wrapper .team-pagination li:last-child a { padding: 14px 20px; }
.site-container .site-wrapper .team-pagination li a { display: block; padding: 14px 30px; border: #009de2 2px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 15px; color: #009de2; text-transform: uppercase; }
.site-container .site-wrapper .team-pagination li a:hover { background-color: #009de2; color: #FFF; }
.site-container .site-wrapper .team-pagination li a i { font-size: 13px; }
.site-container .site-wrapper .testimonials .messages .message span { display: block; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 250px; line-height: 50px; color: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; text-align: center; margin-top: 150px; }
.site-container .site-wrapper .testimonials .messages .message p { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 17px; line-height: 28px; color: #000; text-align: center; }
.site-container .site-wrapper .testimonials .peoples { display: table; margin: 30px auto 20px; max-width: 400px; }
.site-container .site-wrapper .testimonials .peoples .owl-wrapper-outer { overflow: inherit !important; }
.site-container .site-wrapper .testimonials .peoples .people { padding: 20px 0; height: 150px; position: relative; }
.site-container .site-wrapper .testimonials .peoples .people > a { display: table; margin: 0 auto; width: 50px; height: 50px; overflow: hidden; text-decoration: none; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.site-container .site-wrapper .testimonials .peoples .people > a img { width: 100%; height: 100%; z-index: 2; }
.site-container .site-wrapper .testimonials .peoples .people h2 { /*display: none;*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 17px; text-transform: uppercase; text-align: center; color: #000; position: absolute; top: 70%; /*left: -70%;*/ width: 200px; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.site-container .site-wrapper .testimonials .peoples .people h2 span { display: block; font-family: "Roboto", sans-serif; font-weight: normal; font-size: 13px; text-transform: none; margin-top: 5px; color: #696969; }
.site-container .site-wrapper .testimonials .peoples .people.active > a { width: 80px; height: 80px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; border: rgba(0, 0, 0, 0.15) 5px solid; margin-top: -15px; }
.site-container .site-wrapper .testimonials .peoples .people.active h2 { /*display: block;*/ filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.site-container .site-wrapper .fullwidthport ul.fullfilters { display: table; margin: 40px auto; }
.site-container .site-wrapper .fullwidthport ul.fullfilters li { float: left; margin-right: 20px; }
.site-container .site-wrapper .fullwidthport ul.fullfilters li a { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 15px; color: #696969; text-transform: uppercase; text-decoration: none; }
.site-container .site-wrapper .fullwidthport ul.fullfilters li.active a, .site-container .site-wrapper .fullwidthport ul.fullfilters li:hover a { color: #009de2; }
.site-container .site-wrapper .fullwidthport ul.fullfilters li:not(:last-child):after { content: "|"; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 15px; color: #696969; margin-left: 20px; }
.site-container .site-wrapper .fullwidthport ul.items { padding: 0; margin: 0; width: 100%; }
.site-container .site-wrapper .fullwidthport ul.items.portfolio-two > li.item { width: 30.3333333333%; margin: 1%; }
.site-container .site-wrapper .fullwidthport ul.items.portfolio-three > li.item { width: 33.3333333333%; }
.site-container .site-wrapper .fullwidthport ul.items.portfolio-three > li.item.item-larg { width: 66.6%; }
.site-container .site-wrapper .fullwidthport ul.items.portfolio-three > li.item.item-min { width: 25%; }
.site-container .site-wrapper .fullwidthport ul.items > li.item { float: left; width: 20%; position: relative; overflow: hidden; margin: 0; padding: 0; line-height: 0; }
.site-container .site-wrapper .fullwidthport ul.items > li.item > img { width: 100%; margin: 0; padding: 0; line-height: 0; }
.site-container .site-wrapper .fullwidthport ul.items > li.item > .hov { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(39, 177, 210, 0.85); text-align: center; overflow: hidden; color: #FFF; }
.site-container .site-wrapper .fullwidthport ul.items > li.item > .hov .content { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.site-container .site-wrapper .fullwidthport ul.items > li.item > .hov .content > i { display: block; font-size: 100px; margin-bottom: 10px; }
.site-container .site-wrapper .fullwidthport ul.items > li.item > .hov .content > ul { display: table; width: 100%; margin-bottom: 50px; }
.site-container .site-wrapper .fullwidthport ul.items > li.item > .hov .content > ul > li { display: inline-block; margin-right: 10px; }
.site-container .site-wrapper .fullwidthport ul.items > li.item > .hov .content > ul > li > a { display: block; width: 40px; height: 40px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: #FFF 1px solid; padding-top: 11px; color: #FFF; }
.site-container .site-wrapper .fullwidthport ul.items > li.item > .hov .content > ul > li > a:hover { background-color: #FFF; color: #009de2; }
.site-container .site-wrapper .fullwidthport ul.items > li.item > .hov .content > h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; }
.site-container .site-wrapper .fullwidthport ul.items > li.item > .hov .content > h2 span { display: block; font-family: "Roboto", sans-serif; font-weight: normal; font-size: 13px; padding-top: 20px; text-transform: none; }
.site-container .site-wrapper .fullwidthport ul.items > li.item:hover .hov { top: 0; display: block; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.site-container .site-wrapper .read-more { display: table; margin: 60px auto 0; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 15px; color: #009de2; border: 2px #009de2 solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 15px 30px; text-decoration: none; text-transform: uppercase; }
.site-container .site-wrapper .read-more:hover { background-color: #009de2; color: #FFF; }
.site-container .site-wrapper .promotion { position: relative; padding: 60px 0; min-height: 550px; overflow: hidden; }
.site-container .site-wrapper .promotion .left { float: left; width: 60%; padding: 0 30px 0 20px; margin-top: 170px; }
.site-container .site-wrapper .promotion .left h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 16px; color: #000; line-height: 21px; text-transform: uppercase; position: relative; padding-left: 170px; margin-bottom: 40px; }
.site-container .site-wrapper .promotion .left h2 span { font-size: 150px; line-height: 0; position: absolute; left: 0; top: 7px; color: #009de2; }
.site-container .site-wrapper .promotion .left p { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 13px; color: #000; line-height: 21px; }
.site-container .site-wrapper .promotion .left .dev-btn { float: right; display: block; margin-right: 15px; text-indent: -9999px; width: 130px; height: 40px; margin-top: 40px; }
.site-container .site-wrapper .promotion .left .dev-btn.appstore { background: url(../../demo/appstore-btn.png) no-repeat; }
.site-container .site-wrapper .promotion .left .dev-btn.googleplay { background: url(../../demo/googleplay-btn.png) no-repeat; }
.site-container .site-wrapper .promotion .right { float: right; width: 40%; }
.site-container .site-wrapper .promotion .right a { display: block; position: absolute; bottom: -3px; margin-left: 40px; }
.site-container .site-wrapper .promotion .right a img { width: 100%; }
.site-container .site-wrapper .blog-post { position: relative; width: 100%; overflow: hidden; line-height: 0; margin: 15px 0; }
.site-container .site-wrapper .blog-post.post-link .hov { top: 0; margin: 0; background-color: #009de2; padding-top: 40px; text-align: center; }
.site-container .site-wrapper .blog-post.post-link .hov > a { display: block; color: #FFF; font-size: 33px; margin-bottom: 20px; }
.site-container .site-wrapper .blog-post.post-link .hov > h2 { font-family: "Montserrat", sans-serif; font-weight: normal; font-size: 15px; letter-spacing: 2px; padding: 0; color: #FFF; margin-bottom: 25px; }
.site-container .site-wrapper .blog-post.post-link .hov > p { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 17px; line-height: 25px; letter-spacing: 1px; color: #FFF; margin-bottom: 30px; }
.site-container .site-wrapper .blog-post.post-link .hov > .read-link { display: block; font-family: "Roboto",sans-serif; font-weight: normal; font-style: italic; font-size: 13px; color: #FFF; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.site-container .site-wrapper .blog-post.post-link:hover .hov { top: 0; margin: 0; background-color: #009de2; }
.site-container .site-wrapper .blog-post.post-link:hover .hov > h2 { padding: 0; color: #FFF; }
.site-container .site-wrapper .blog-post.post-video:hover .hov { top: 100%; left: 0; margin-top: -90px; background-color: rgba(39, 177, 210, 0.9); }
.site-container .site-wrapper .blog-post.post-video:hover .hov h2 { padding: 0px 0 30px; }
.site-container .site-wrapper .blog-post.post-video:hover .hov h2 a { color: #FFF; text-decoration: none; }
.site-container .site-wrapper .blog-post.post-video:hover .hov h2 a span { color: #FFF; }
.site-container .site-wrapper .blog-post.post-video .hov h2 a { color: #FFF; text-decoration: none; }
.site-container .site-wrapper .blog-post.post-video .hov h2 a span { color: #FFF; }
.site-container .site-wrapper .blog-post.post-video .video-link { display: block; position: absolute; top: 40%; left: 50%; -moz-transform: translate(-40%, -50%); -ms-transform: translate(-40%, -50%); -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); width: 75px; height: 75px; background-color: rgba(0, 0, 0, 0.2); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.site-container .site-wrapper .blog-post.post-video .video-link .circle { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; background-color: #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; padding-top: 22px; font-size: 23px; color: #009de2; }
.site-container .site-wrapper .blog-post img { width: 100%; }
.site-container .site-wrapper .blog-post:hover .hov { margin: 0; top: 0; background-color: rgba(255, 255, 255, 0.9); }
.site-container .site-wrapper .blog-post:hover .hov h2 { padding-top: 65px; color: #000; }
.site-container .site-wrapper .blog-post:hover .hov h2 span { color: #696969; }
.site-container .site-wrapper .blog-post .hov { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-color: #009de2; overflow: hidden; padding: 28px; line-height: 0; margin-top: -90px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.site-container .site-wrapper .blog-post .hov h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 17px; color: #FFF; text-transform: uppercase; padding: 0px 0 30px; line-height: 15px; }
.site-container .site-wrapper .blog-post .hov h2 span { display: block; font-family: "Roboto", sans-serif; font-weight: normal; font-size: 13px; text-transform: none; margin-top: 7px; }
.site-container .site-wrapper .blog-post .hov p { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 14px; color: #696969; line-height: 25px; }
.site-container .site-wrapper .blog-post .hov a.more { display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 15px; color: #696969; text-transform: uppercase; text-decoration: none; margin-top: 25px; }
.site-container .site-wrapper .blog-post .hov a.more i { margin-left: 3px; }
.site-container .site-wrapper .paginations { display: table; margin: 40px auto 0; }
.site-container .site-wrapper .paginations li { float: left; margin-right: 10px; }
.site-container .site-wrapper .paginations li a { display: block; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 13px; color: #696969; text-align: center; width: 30px; height: 30px; text-decoration: none; padding-top: 9px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: transparent; }
.site-container .site-wrapper .paginations li a:hover, .site-container .site-wrapper .paginations li a.active { background-color: #009de2; color: #FFF; }
.site-container .site-wrapper .paginations li.prev a, .site-container .site-wrapper .paginations li.next a { width: auto; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.site-container .site-wrapper .paginations li.prev a:hover, .site-container .site-wrapper .paginations li.next a:hover { background-color: transparent; color: #009de2; }
.site-container .site-wrapper .paginations li.prev { margin-right: 20px; }
.site-container .site-wrapper .paginations li.next { margin-left: 20px; }
.site-container .site-wrapper .contact-us { width: 100%; height: 500px; overflow: hidden; position: relative; }
.site-container .site-wrapper .contact-us .left { float: left; position: relative; width: 50%; min-height: 500px; background-image: url(../../demo/content/parallax-01.jpg); z-index: 2; }
.site-container .site-wrapper .contact-us .left:after { content: ""; display: block; position: absolute; top: 0; right: -84px; width: 84px; height: 500px; background: transparent url(../../demo/content/contact-arrow.png) right center no-repeat; }
.site-container .site-wrapper .contact-us .right { float: right; position: relative; width: 50%; min-height: 500px; background: #696969; z-index: 1; }
.site-container .site-wrapper .contact-us .right .google-maps { width: 100%; height: 500px !important; min-height: 500px !important; }
.site-container .site-wrapper .contact-us .top-form { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; padding: 60px 0; }
.site-container .site-wrapper .contact-us .top-form .form-inner { float: left; width: 50%; }
.site-container .site-wrapper .contact-us .top-form .form-inner h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 20px; color: #000; text-transform: uppercase; margin-bottom: 30px; }
.site-container .site-wrapper .contact-us .top-form .form-inner textarea, .site-container .site-wrapper .contact-us .top-form .form-inner input { background: #FFF; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; font-family: "Roboto", sans-serif; font-weight: normal; font-style: italic; font-size: 15px; color: #000; padding: 15px; }
.site-container .site-wrapper .contact-us .top-form .form-inner textarea:focus, .site-container .site-wrapper .contact-us .top-form .form-inner input:focus { border: #55b0cf 1px solid; }
.site-container .site-wrapper .contact-us .top-form .form-inner textarea::-webkit-input-placeholder, .site-container .site-wrapper .contact-us .top-form .form-inner input::-webkit-input-placeholder { color: #b3b3b3; font-size: 15px; line-height: 20px; }
.site-container .site-wrapper .contact-us .top-form .form-inner textarea:-moz-placeholder, .site-container .site-wrapper .contact-us .top-form .form-inner input:-moz-placeholder { color: #b3b3b3; font-size: 15px; line-height: 20px; }
.site-container .site-wrapper .contact-us .top-form .form-inner textarea::-moz-placeholder, .site-container .site-wrapper .contact-us .top-form .form-inner input::-moz-placeholder { color: #b3b3b3; font-size: 15px; line-height: 20px; }
.site-container .site-wrapper .contact-us .top-form .form-inner textarea:-ms-input-placeholder, .site-container .site-wrapper .contact-us .top-form .form-inner input:-ms-input-placeholder { color: #b3b3b3; font-size: 15px; line-height: 20px; }
.site-container .site-wrapper .contact-us .top-form .form-inner button[type="submit"] { float: right; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; background: transparent; color: #009de2; padding: 10px 25px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: #009de2 2px solid; margin-top: 20px; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .site-wrapper .contact-us .top-form .form-inner button[type="submit"]:hover { background: #009de2; color: #FFF; }
.site-container .site-wrapper .large-profile { display: block; width: 100%; }
.site-container .site-wrapper .large-profile img { width: 100%; }
.site-container .site-wrapper .toolbar-single { overflow: hidden; width: 50%; margin-left: -60px; margin-top: 30px; margin-bottom: 35px; }
.site-container .site-wrapper .toolbar-single .left { position: relative; float: left; width: 100%; height: 70px; background-color: #009de2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px; }
.site-container .site-wrapper .toolbar-single .left h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 17px; text-transform: uppercase; color: #FFF; line-height: 17px; }
.site-container .site-wrapper .toolbar-single .left h2 span { display: block; font-family: "Roboto", sans-serif; font-weight: normal; font-size: 13px; text-transform: none; color: #FFF; margin-top: 2px; line-height: 15px; }
.site-container .site-wrapper .toolbar-single .right { float: right; position: relative; width: 30%; height: 70px; background-color: #0a7088; padding-left: 10px; -moz-border-radius: 0px 5px 5px 0; -webkit-border-radius: 0px; border-radius: 0px 5px 5px 0; }
.site-container .site-wrapper .toolbar-single .right ul { display: table; margin: 28px auto 0; }
.site-container .site-wrapper .toolbar-single .right ul li { display: inline-block; margin-right: 15px; }
.site-container .site-wrapper .toolbar-single .right ul li a { font-size: 16px; color: #009de2; }
.site-container .site-wrapper .toolbar-single .right ul li a:hover { color: #FFF; }
.site-container .site-wrapper .toolbar-single .right:after { content: ""; position: absolute; top: 0; left: -30px; display: inline-block; width: 0; height: 0; border-bottom: 70px solid #0a7088; border-left: 30px solid transparent; }
.site-container .site-wrapper .header-box h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 17px; color: #000; letter-spacing: 2px; margin-bottom: 15px; }
.site-container .site-wrapper .header-box h2:after { content: ""; display: block; width: 30px; height: 1px; background-color: #696969; margin-top: 20px; }
.site-container .site-wrapper .header-box p { font-size: 13px; color: #696969; }
.site-container .site-wrapper .sidebar { padding: 15px; }
.site-container .site-wrapper .sidebar .widget { margin-bottom: 25px; }
.site-container .site-wrapper .sidebar .widget h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; color: #000; margin-bottom: 20px; }
.site-container .site-wrapper .sidebar .widget:not(:last-child):after { content: ""; display: block; width: 50px; height: 1px; background-color: #cdcdcd; margin-top: 30px; }
.site-container .site-wrapper .sidebar .widget.search-widget input { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-color: #ebebeb; font-family: "Roboto", sans-serif; font-weight: normal; font-size: 15px; color: #000; }
.site-container .site-wrapper .sidebar .widget.search-widget input::-webkit-input-placeholder { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 15px; color: #adadad; }
.site-container .site-wrapper .sidebar .widget.search-widget input:-moz-placeholder { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 15px; color: #adadad; }
.site-container .site-wrapper .sidebar .widget.search-widget input::-moz-placeholder { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 15px; color: #adadad; }
.site-container .site-wrapper .sidebar .widget.search-widget input:-ms-input-placeholder { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 15px; color: #adadad; }
.site-container .site-wrapper .sidebar .widget.search-widget input:focus { border-color: #009de2; }
.site-container .site-wrapper .sidebar .widget.social-list ul li { float: left; margin-right: 15px; }
.site-container .site-wrapper .sidebar .widget.social-list ul li a { display: block; width: 45px; height: 45px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: #adadad 1px solid; color: #adadad; text-align: center; font-size: 17px; padding-top: 14px; }
.site-container .site-wrapper .sidebar .widget.social-list ul li a:hover { background-color: #009de2; color: #FFF; border-color: #009de2; }
.site-container .site-wrapper .sidebar .widget.archive select { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 13px; color: #adadad; /* reset */ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #343434 50%), linear-gradient(135deg, #343434 50%, rgba(0, 0, 0, 0) 50%); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px,5px 5px,1px 1.5em; background-repeat: no-repeat; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #ebebeb; }
.site-container .site-wrapper .sidebar .widget.archive select:focus { border-color: #009de2; color: #000; }
.site-container .site-wrapper .sidebar .widget.latest-posts ul { width: 100%; }
.site-container .site-wrapper .sidebar .widget.latest-posts ul li { width: 100%; margin-bottom: 15px; }
.site-container .site-wrapper .sidebar .widget.latest-posts ul li a { float: left; display: block; width: 70px; height: 70px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.site-container .site-wrapper .sidebar .widget.latest-posts ul li a img { width: 100%; }
.site-container .site-wrapper .sidebar .widget.latest-posts ul li .content { padding-left: 100px; padding-top: 20px; }
.site-container .site-wrapper .sidebar .widget.latest-posts ul li .content h2 { font-family: "Roboto", sans-serif; font-weight: 700; font-size: 15px; text-transform: none; color: #000; }
.site-container .site-wrapper .sidebar .widget.latest-posts ul li .content h2 span { display: block; font-size: 13px; color: #969696; margin-top: 7px; }
.site-container .site-wrapper .sidebar .widget.tag-cloud ul li { float: left; margin-right: 10px; margin-bottom: 10px; }
.site-container .site-wrapper .sidebar .widget.tag-cloud ul li a { display: block; font-family: "Roboto", sans-serif; font-weight: normal; font-size: 13px; color: #969696; text-decoration: none; padding: 10px 25px; background-color: #ebebeb; }
.site-container .site-wrapper .sidebar .widget.tag-cloud ul li a:hover { background-color: #009de2; color: #FFF; }
.site-container .site-wrapper .single-content { margin-top: 15px; }
.site-container .site-wrapper .single-content .featured-image { position: relative; width: 100%; line-height: 0; margin-bottom: 35px; }
.site-container .site-wrapper .single-content .featured-image img { width: 100%; margin: 0; }
.site-container .site-wrapper .single-content .featured-image .toolbar { position: absolute; bottom: 0; left: 0; width: 60%; padding: 30px 25px; background-color: rgba(39, 177, 210, 0.9); }
.site-container .site-wrapper .single-content .featured-image .toolbar h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 17px; color: #FFF; letter-spacing: 2px; text-transform: uppercase; line-height: normal; }
.site-container .site-wrapper .single-content .featured-image .toolbar h2 span { display: block; font-family: "Roboto",sans-serif; font-size: 13px; font-weight: normal; text-transform: none; margin-top: 5px; }
.site-container .site-wrapper .single-content p { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 15px; color: #696969; margin-bottom: 20px; line-height: 25px; }
.site-container .site-wrapper .single-content blockquote { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 15px; color: #000; line-height: 25px; padding: 25px; }
.site-container .site-wrapper .single-content blockquote:after, .site-container .site-wrapper .single-content blockquote:before { content: ""; display: block; width: 30%; height: 1px; background-color: #d2d2d2; margin: 0 auto 25px; }
.site-container .site-wrapper .single-content blockquote p { position: relative; font-family: "Roboto", sans-serif; font-weight: normal; font-size: 15px; color: #000; line-height: 25px; padding: 25px; }
.site-container .site-wrapper .single-content blockquote p:before { position: absolute; left: -30px; top: 50px; content: "“"; font-family: "Montserrat", sans-serif; font-weight: normal; font-size: 107px; color: #38b0ca; }
.site-container .site-wrapper .single-content blockquote p:after { position: absolute; right: 0px; bottom: 0px; content: "”"; font-family: "Montserrat", sans-serif; font-weight: normal; font-size: 107px; color: #38b0ca; }
.site-container .site-wrapper .single-content img { width: 100%; margin: 25px 0; }
.site-container .site-wrapper .metabox { width: 100%; padding: 30px 0; border-top: #d2d2d2 1px solid; border-bottom: #d2d2d2 1px solid; }
.site-container .site-wrapper .metabox .meta-socials li { display: inline-block; }
.site-container .site-wrapper .metabox .meta-socials li a { display: block; width: 45px; height: 45px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border-radius: 50%; border: #adadad 1px solid; color: #adadad; text-align: center; font-size: 17px; padding-top: 14px; }
.site-container .site-wrapper .metabox .meta-socials li a:hover { border-color: #009de2; background-color: #009de2; color: #FFF; }
.site-container .site-wrapper .metabox .meta-tags { float: right; padding-top: 15px; }
.site-container .site-wrapper .metabox .meta-tags li { display: inline-block; }
.site-container .site-wrapper .metabox .meta-tags li a { font-family: "Roboto",sans-serif; font-weight: normal; font-style: italic; font-size: 15px; color: #adadad; text-decoration: none; }
.site-container .site-wrapper .metabox .meta-tags li a:hover { color: #009de2; }
.site-container .site-wrapper .metabox .meta-tags li:not(:last-child):not(:first-child) a:after { content: ","; display: inline-block; }
.site-container .site-wrapper .author { padding: 30px 0; border-bottom: #d2d2d2 1px solid; }
.site-container .site-wrapper .author > a { float: left; display: block; width: 100px; height: 100px; }
.site-container .site-wrapper .author > a img { width: 100%; }
.site-container .site-wrapper .author .content { padding-left: 130px; }
.site-container .site-wrapper .author .content h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 18px; color: #000; margin-bottom: 20px; }
.site-container .site-wrapper .author .content h2 span { display: block; font-family: "Roboto",sans-serif; font-weight: normal; font-size: 14px; color: #696969; margin-top: 8px; }
.site-container .site-wrapper .author .content p { font-family: "Roboto",sans-serif; font-weight: normal; font-size: 13px; line-height: 24px; color: #696969; }
.site-container .site-wrapper .comments-section .comments-count { display: inline-block; margin: 35px 0; font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 18px; color: #000; text-decoration: none; }
.site-container .site-wrapper .comments-section .comments-text { display: inline-block; float: right; margin: 35px 0; font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 18px; color: #000; text-decoration: none; }
.site-container .site-wrapper .comments-section .comments { margin-bottom: 30px; border-bottom: #d2d2d2 1px solid; }
.site-container .site-wrapper .comments-section .comments li a { display: block; width: 100px; height: 100px; float: left; }
.site-container .site-wrapper .comments-section .comments li a img { width: 100%; }
.site-container .site-wrapper .comments-section .comments li .content { padding-left: 130px; }
.site-container .site-wrapper .comments-section .comments li .content h2 { font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 18px; color: #000; margin-bottom: 15px; }
.site-container .site-wrapper .comments-section .comments li .content h2 span { display: block; font-family: "Roboto",sans-serif; font-weight: normal; font-size: 14px; color: #696969; margin-top: 8px; }
.site-container .site-wrapper .comments-section .comments li .content p { font-family: "Roboto",sans-serif; font-weight: normal; font-size: 13px; color: #696969; line-height: 24px; }
.site-container .site-wrapper .comments-section .comments li ul { padding: 40px 0 40px 100px; }
.site-container .site-wrapper .comments-section .leave-comment { width: 100%; padding-bottom: 30px; border-bottom: #d2d2d2 1px solid; }
.site-container .site-wrapper .comments-section .leave-comment h2 { font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 18px; color: #000; margin-bottom: 30px; }
.site-container .site-wrapper .comments-section .leave-comment textarea, .site-container .site-wrapper .comments-section .leave-comment input { background: #FFF; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-color: #dedede; color: #000; font-style: normal; }
.site-container .site-wrapper .comments-section .leave-comment textarea::-webkit-input-placeholder, .site-container .site-wrapper .comments-section .leave-comment input::-webkit-input-placeholder { font-family: "Roboto",sans-serif; font-weight: normal; font-style: italic; font-size: 15px; color: #b3b3b3; }
.site-container .site-wrapper .comments-section .leave-comment textarea:-moz-placeholder, .site-container .site-wrapper .comments-section .leave-comment input:-moz-placeholder { font-family: "Roboto",sans-serif; font-weight: normal; font-style: italic; font-size: 15px; color: #b3b3b3; }
.site-container .site-wrapper .comments-section .leave-comment textarea::-moz-placeholder, .site-container .site-wrapper .comments-section .leave-comment input::-moz-placeholder { font-family: "Roboto",sans-serif; font-weight: normal; font-style: italic; font-size: 15px; color: #b3b3b3; }
.site-container .site-wrapper .comments-section .leave-comment textarea:-ms-input-placeholder, .site-container .site-wrapper .comments-section .leave-comment input:-ms-input-placeholder { font-family: "Roboto",sans-serif; font-weight: normal; font-style: italic; font-size: 15px; color: #b3b3b3; }
.site-container .site-wrapper .comments-section .leave-comment textarea:focus, .site-container .site-wrapper .comments-section .leave-comment input:focus { border-color: #009de2; }
.site-container .site-wrapper .comments-section .leave-comment button[type="submit"] { float: right; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; background: transparent; color: #009de2; padding: 10px 25px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: #009de2 2px solid; margin-top: 20px; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .site-wrapper .comments-section .leave-comment button[type="submit"]:hover { background-color: #009de2; color: #FFF; }
.site-container .site-wrapper .post-navigation { display: table; margin: 40px auto 0; }
.site-container .site-wrapper .post-navigation a { display: inline-block; margin-right: 30px; padding: 10px 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: #009de2 2px solid; color: #009de2; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; background: transparent; text-decoration: none; }
.site-container .site-wrapper .post-navigation a:hover { background-color: #009de2; color: #FFF; }
.site-container .site-wrapper .single-project .gallery-project { overflow: hidden; position: relative; margin-bottom: 50px; }
.site-container .site-wrapper .single-project .gallery-project .project-slider { width: 100%; }
.site-container .site-wrapper .single-project .gallery-project .project-slider .owl-controls .owl-buttons > div { position: absolute; bottom: 24px; width: 75px; height: 75px; background-color: rgba(255, 255, 255, 0.5); text-align: center; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 50px; padding-top: 10px; color: #FFF; }
.site-container .site-wrapper .single-project .gallery-project .project-slider .owl-controls .owl-buttons > div:hover { background-color: #FFF; color: #009de2; }
.site-container .site-wrapper .single-project .gallery-project .project-slider .owl-controls .owl-buttons .owl-prev { left: 22%; }
.site-container .site-wrapper .single-project .gallery-project .project-slider .owl-controls .owl-buttons .owl-next { right: 22%; }
.site-container .site-wrapper .single-project .gallery-project .project-slider .item { width: 100%; }
.site-container .site-wrapper .single-project .gallery-project .project-slider .item img { width: 100%; }
.site-container .site-wrapper .single-project .gallery-project .project-thumbs { position: absolute; bottom: 20px; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); max-width: 470px; }
.site-container .site-wrapper .single-project .gallery-project .project-thumbs .item { padding: 0 5px; }
.site-container .site-wrapper .single-project .gallery-project .project-thumbs .item img { width: 100%; border: transparent 1px solid; }
.site-container .site-wrapper .single-project .gallery-project .project-thumbs .item.active img { border: #FFF 2px solid; line-height: 0; }
.site-container .site-wrapper .single-project h2.heading-title { font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 17px; color: #000; text-transform: uppercase; margin-bottom: 20px; }
.site-container .site-wrapper .single-project h2.list-title { font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 17px; color: #000; text-transform: uppercase; margin-bottom: 20px; }
.site-container .site-wrapper .single-project h2.list-title span { display: block; font-family: "Roboto",sans-serif; font-weight: normal; font-size: 13px; color: #696969; margin-top: 10px; }
.site-container .site-wrapper .single-project p { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 13px; color: #696969; line-height: 21px; margin-bottom: 20px; }
.site-container .site-wrapper .single-project .metabox-project { margin-top: 30px; }
.site-container .site-wrapper .single-project .metabox-project ul li { float: left; margin-right: 10px; }
.site-container .site-wrapper .single-project .metabox-project ul li a { display: block; width: 30px; height: 30px; background-color: #f1f1f1; color: #969595; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding-top: 9px; font-size: 13px; text-decoration: none; }
.site-container .site-wrapper .single-project .metabox-project ul li a:hover { background-color: #009de2; color: #FFF; }
.site-container .footer > .row { margin: 0; }
.site-container .footer .widget { padding: 60px 30px; color: #FFF; min-height: 283px; }
.site-container .footer .widget h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 20px; color: #FFF; text-transform: uppercase; margin-bottom: 20px; }
.site-container .footer .widget h2:after { display: block; content: ""; margin-top: 20px; width: 50px; height: 3px; background-color: #FFF; }
.site-container .footer .widget p { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 17px; color: #FFF; line-height: 25px; }
.site-container .footer .widget p i { margin-right: 10px; }
.site-container .footer .widget:nth-child(1) { background-color: #51bbe5; }
.site-container .footer .widget:nth-child(2) { background-color: #3cadda; }
.site-container .footer .widget:nth-child(3) { background-color: #2ca4d3; }
.site-container .footer .bottom-footer { position: relative; background-color: #002c3c; min-height: 45px; }
.site-container .footer .bottom-footer p { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 13px; color: #FFF; padding: 20px; margin: 0; }
.site-container .footer .bottom-footer p span { font-weight: 700; }
.site-container .footer .bottom-footer .top-scroll { display: block; width: 40px; height: 40px; background-color: #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: #002c3c; font-size: 25px; text-align: center; padding: 6px 0 0 0; position: absolute; right: 5%; top: -20px; }
.site-container .footer .bottom-footer .bottom-social li { float: left; margin: 0 1px 0 0; }
.site-container .footer .bottom-footer .bottom-social li a { display: block; font-size: 19px; width: 45px; padding: 17px 0; background-color: #00394e; text-align: center; color: #FFF; }
.site-container .footer .bottom-footer .bottom-social li a:hover { background-color: #FFF; color: #3c5a99; border-bottom: #3c5a99 3px solid; padding-bottom: 14px; }
.site-container .footer .bottom-footer .bottom-social li a:hover.facebook-bar { color: #3c5a99 !important; border-bottom: #3c5a99 3px solid !important; }
.site-container .footer .bottom-footer .bottom-social li a:hover.google-bar { color: #f5b400 !important; border-bottom: #f5b400 3px solid !important; }
.site-container .footer .bottom-footer .bottom-social li a:hover.pinterest-bar { color: #e3262e !important; border-bottom: #e3262e 3px solid !important; }
.site-container .footer .bottom-footer .bottom-social li a:hover.youtube-bar { color: #cc181e !important; border-bottom: #cc181e 3px solid !important; }
.site-container .footer .bottom-footer .bottom-social li a:hover.rss-bar { color: #FF6600 !important; border-bottom: #FF6600 3px solid !important; }

/* ========================================================================== Animations
============================================================================= */
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); } }
@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); } }
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); } }
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); } }
@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); } }
@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); } }
@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); } }
@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); } }
@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); }
  100% { -webkit-transform: scale(1); } }
@-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); }
  60% { opacity: 1; -webkit-transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); } }
@-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); }
  60% { opacity: 1; -webkit-transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); }
  100% { -webkit-transform: translateY(0); } }
@-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); } }
@-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); } }
@-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); }
  25% { -webkit-transform: scale(0.95); }
  50% { opacity: 1; -webkit-transform: scale(1.1); }
  100% { opacity: 0; -webkit-transform: scale(0.3); } }
@-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(20px); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); } }
@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(-20px); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); } }
@-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(20px); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); } }
@-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(-20px); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); } }
@-webkit-keyframes flash { 0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0); }
  20% { -webkit-transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); }
  50% { -webkit-transform: translateY(0); }
  60% { -webkit-transform: translateY(-15px); }
  80% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(0); } }
@-webkit-keyframes shake { 0% { -webkit-transform: translateX(0); }
  10% { -webkit-transform: translateX(-10px); }
  20% { -webkit-transform: translateX(10px); }
  30% { -webkit-transform: translateX(-10px); }
  40% { -webkit-transform: translateX(10px); }
  50% { -webkit-transform: translateX(-10px); }
  60% { -webkit-transform: translateX(10px); }
  70% { -webkit-transform: translateX(-10px); }
  80% { -webkit-transform: translateX(10px); }
  90% { -webkit-transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); } }
@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } }
@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } }
@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } }
@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } }
@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } }
@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } }
@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } }
@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } }
@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; }
  100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } }
@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } }
@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); }
  10% { -webkit-transform: scale(0.9) rotate(-3deg); }
  20% { -webkit-transform: scale(0.9) rotate(-3deg); }
  30% { -webkit-transform: scale(1.1) rotate(3deg); }
  40% { -webkit-transform: scale(1.1) rotate(-3deg); }
  50% { -webkit-transform: scale(1.1) rotate(3deg); }
  60% { -webkit-transform: scale(1.1) rotate(-3deg); }
  70% { -webkit-transform: scale(1.1) rotate(3deg); }
  80% { -webkit-transform: scale(1.1) rotate(-3deg); }
  90% { -webkit-transform: scale(1.1) rotate(3deg); }
  100% { -webkit-transform: scale(1) rotate(0); } }
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(-20px); } }
@-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(20px); } }
@-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
@-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(-20px); } }
@-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
@-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(20px); } }
@-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(-2000px); } }
@-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(2000px); } }
@-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
@-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(-2000px); } }
@-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
@-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(2000px); } }
@-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); }
  50% { opacity: 1; -moz-transform: scale(1.05); }
  70% { -moz-transform: scale(0.9); }
  100% { -moz-transform: scale(1); } }
@-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); }
  60% { opacity: 1; -moz-transform: translateY(30px); }
  80% { -moz-transform: translateY(-10px); }
  100% { -moz-transform: translateY(0); } }
@-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); }
  60% { opacity: 1; -moz-transform: translateY(-30px); }
  80% { -moz-transform: translateY(10px); }
  100% { -moz-transform: translateY(0); } }
@-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); }
  60% { opacity: 1; -moz-transform: translateX(-30px); }
  80% { -moz-transform: translateX(10px); }
  100% { -moz-transform: translateX(0); } }
@-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); }
  60% { opacity: 1; -moz-transform: translateX(30px); }
  80% { -moz-transform: translateX(-10px); }
  100% { -moz-transform: translateX(0); } }
@-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); }
  25% { -moz-transform: scale(0.95); }
  50% { opacity: 1; -moz-transform: scale(1.1); }
  100% { opacity: 0; -moz-transform: scale(0.3); } }
@-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); }
  20% { opacity: 1; -moz-transform: translateY(20px); }
  100% { opacity: 0; -moz-transform: translateY(-2000px); } }
@-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); }
  20% { opacity: 1; -moz-transform: translateY(-20px); }
  100% { opacity: 0; -moz-transform: translateY(2000px); } }
@-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); }
  20% { opacity: 1; -moz-transform: translateX(20px); }
  100% { opacity: 0; -moz-transform: translateX(-2000px); } }
@-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); }
  20% { opacity: 1; -moz-transform: translateX(-20px); }
  100% { opacity: 0; -moz-transform: translateX(2000px); } }
@-moz-keyframes flash { 0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes bounce { 0% { -moz-transform: translateY(0); }
  20% { -moz-transform: translateY(0); }
  40% { -moz-transform: translateY(-30px); }
  50% { -moz-transform: translateY(0); }
  60% { -moz-transform: translateY(-15px); }
  80% { -moz-transform: translateY(0); }
  100% { -moz-transform: translateY(0); } }
@-moz-keyframes shake { 0% { -moz-transform: translateX(0); }
  10% { -moz-transform: translateX(-10px); }
  20% { -moz-transform: translateX(10px); }
  30% { -moz-transform: translateX(-10px); }
  40% { -moz-transform: translateX(10px); }
  50% { -moz-transform: translateX(-10px); }
  60% { -moz-transform: translateX(10px); }
  70% { -moz-transform: translateX(-10px); }
  80% { -moz-transform: translateX(10px); }
  90% { -moz-transform: translateX(-10px); }
  100% { -moz-transform: translateX(0); } }
@-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } }
@-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } }
@-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } }
@-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } }
@-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; }
  100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } }
@-moz-keyframes tada { 0% { -moz-transform: scale(1); }
  10% { -moz-transform: scale(0.9) rotate(-3deg); }
  20% { -moz-transform: scale(0.9) rotate(-3deg); }
  30% { -moz-transform: scale(1.1) rotate(3deg); }
  40% { -moz-transform: scale(1.1) rotate(-3deg); }
  50% { -moz-transform: scale(1.1) rotate(3deg); }
  60% { -moz-transform: scale(1.1) rotate(-3deg); }
  70% { -moz-transform: scale(1.1) rotate(3deg); }
  80% { -moz-transform: scale(1.1) rotate(-3deg); }
  90% { -moz-transform: scale(1.1) rotate(3deg); }
  100% { -moz-transform: scale(1) rotate(0); } }
@-ms-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-ms-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }
@-ms-keyframes fadeOutUp { 0% { opacity: 1; -ms-transform: translateY(0); }
  100% { opacity: 0; -ms-transform: translateY(-20px); } }
@-ms-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }
@-ms-keyframes fadeOutDown { 0% { opacity: 1; -ms-transform: translateY(0); }
  100% { opacity: 0; -ms-transform: translateY(20px); } }
@-ms-keyframes fadeInRight { 0% { opacity: 0; -ms-transform: translateX(20px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }
@-ms-keyframes fadeOutLeft { 0% { opacity: 1; -ms-transform: translateX(0); }
  100% { opacity: 0; -ms-transform: translateX(-20px); } }
@-ms-keyframes fadeInLeft { 0% { opacity: 0; -ms-transform: translateX(-20px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }
@-ms-keyframes fadeOutRight { 0% { opacity: 1; -ms-transform: translateX(0); }
  100% { opacity: 0; -ms-transform: translateX(20px); } }
@-ms-keyframes fadeInUpBig { 0% { opacity: 0; -ms-transform: translateY(2000px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }
@-ms-keyframes fadeOutUpBig { 0% { opacity: 1; -ms-transform: translateY(0); }
  100% { opacity: 0; -ms-transform: translateY(-2000px); } }
@-ms-keyframes fadeInDownBig { 0% { opacity: 0; -ms-transform: translateY(-2000px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }
@-ms-keyframes fadeOutDownBig { 0% { opacity: 1; -ms-transform: translateY(0); }
  100% { opacity: 0; -ms-transform: translateY(2000px); } }
@-ms-keyframes fadeInRightBig { 0% { opacity: 0; -ms-transform: translateX(2000px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }
@-ms-keyframes fadeOutLeftBig { 0% { opacity: 1; -ms-transform: translateX(0); }
  100% { opacity: 0; -ms-transform: translateX(-2000px); } }
@-ms-keyframes fadeInLeftBig { 0% { opacity: 0; -ms-transform: translateX(-2000px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }
@-ms-keyframes fadeOutRightBig { 0% { opacity: 1; -ms-transform: translateX(0); }
  100% { opacity: 0; -ms-transform: translateX(2000px); } }
@-ms-keyframes bounceIn { 0% { opacity: 0; -ms-transform: scale(0.3); }
  50% { opacity: 1; -ms-transform: scale(1.05); }
  70% { -ms-transform: scale(0.9); }
  100% { -ms-transform: scale(1); } }
@-ms-keyframes bounceInDown { 0% { opacity: 0; -ms-transform: translateY(-2000px); }
  60% { opacity: 1; -ms-transform: translateY(30px); }
  80% { -ms-transform: translateY(-10px); }
  100% { -ms-transform: translateY(0); } }
@-ms-keyframes bounceInUp { 0% { opacity: 0; -ms-transform: translateY(2000px); }
  60% { opacity: 1; -ms-transform: translateY(-30px); }
  80% { -ms-transform: translateY(10px); }
  100% { -ms-transform: translateY(0); } }
@-ms-keyframes bounceInRight { 0% { opacity: 0; -ms-transform: translateX(2000px); }
  60% { opacity: 1; -ms-transform: translateX(-30px); }
  80% { -ms-transform: translateX(10px); }
  100% { -ms-transform: translateX(0); } }
@-ms-keyframes bounceInLeft { 0% { opacity: 0; -ms-transform: translateX(-2000px); }
  60% { opacity: 1; -ms-transform: translateX(30px); }
  80% { -ms-transform: translateX(-10px); }
  100% { -ms-transform: translateX(0); } }
@-ms-keyframes bounceOut { 0% { -ms-transform: scale(1); }
  25% { -ms-transform: scale(0.95); }
  50% { opacity: 1; -ms-transform: scale(1.1); }
  100% { opacity: 0; -ms-transform: scale(0.3); } }
@-ms-keyframes bounceOutUp { 0% { -ms-transform: translateY(0); }
  20% { opacity: 1; -ms-transform: translateY(20px); }
  100% { opacity: 0; -ms-transform: translateY(-2000px); } }
@-ms-keyframes bounceOutDown { 0% { -ms-transform: translateY(0); }
  20% { opacity: 1; -ms-transform: translateY(-20px); }
  100% { opacity: 0; -ms-transform: translateY(2000px); } }
@-ms-keyframes bounceOutLeft { 0% { -ms-transform: translateX(0); }
  20% { opacity: 1; -ms-transform: translateX(20px); }
  100% { opacity: 0; -ms-transform: translateX(-2000px); } }
@-ms-keyframes bounceOutRight { 0% { -ms-transform: translateX(0); }
  20% { opacity: 1; -ms-transform: translateX(-20px); }
  100% { opacity: 0; -ms-transform: translateX(2000px); } }
@-ms-keyframes flash { 0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 1; } }
@-ms-keyframes bounce { 0% { -ms-transform: translateY(0); }
  20% { -ms-transform: translateY(0); }
  40% { -ms-transform: translateY(-30px); }
  50% { -ms-transform: translateY(0); }
  60% { -ms-transform: translateY(-15px); }
  80% { -ms-transform: translateY(0); }
  100% { -ms-transform: translateY(0); } }
@-ms-keyframes shake { 0% { -ms-transform: translateX(0); }
  10% { -ms-transform: translateX(-10px); }
  20% { -ms-transform: translateX(10px); }
  30% { -ms-transform: translateX(-10px); }
  40% { -ms-transform: translateX(10px); }
  50% { -ms-transform: translateX(-10px); }
  60% { -ms-transform: translateX(10px); }
  70% { -ms-transform: translateX(-10px); }
  80% { -ms-transform: translateX(10px); }
  90% { -ms-transform: translateX(-10px); }
  100% { -ms-transform: translateX(0); } }
@-ms-keyframes rotateInDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; }
  100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } }
@-ms-keyframes rotateInUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; }
  100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } }
@-ms-keyframes rotateInUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; }
  100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } }
@-ms-keyframes rotateInDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; }
  100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } }
@-ms-keyframes rotateOutDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; } }
@-ms-keyframes rotateOutUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; } }
@-ms-keyframes rotateOutDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; } }
@-ms-keyframes rotateOutUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; } }
@-ms-keyframes rotateIn { 0% { -ms-transform-origin: center center; -ms-transform: rotate(-200deg); opacity: 0; }
  100% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; } }
@-ms-keyframes rotateOut { 0% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: center center; -ms-transform: rotate(200deg); opacity: 0; } }
@-ms-keyframes tada { 0% { -ms-transform: scale(1); }
  10% { -ms-transform: scale(0.9) rotate(-3deg); }
  20% { -ms-transform: scale(0.9) rotate(-3deg); }
  30% { -ms-transform: scale(1.1) rotate(3deg); }
  40% { -ms-transform: scale(1.1) rotate(-3deg); }
  50% { -ms-transform: scale(1.1) rotate(3deg); }
  60% { -ms-transform: scale(1.1) rotate(-3deg); }
  70% { -ms-transform: scale(1.1) rotate(3deg); }
  80% { -ms-transform: scale(1.1) rotate(-3deg); }
  90% { -ms-transform: scale(1.1) rotate(3deg); }
  100% { -ms-transform: scale(1) rotate(0); } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); } }
@keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-20px); } }
@keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0); } }
@keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(20px); } }
@keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); }
  100% { opacity: 1; transform: translateX(0); } }
@keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(-20px); } }
@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0); } }
@keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(20px); } }
@keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); }
  100% { opacity: 1; transform: translateY(0); } }
@keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-2000px); } }
@keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); }
  100% { opacity: 1; transform: translateY(0); } }
@keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(2000px); } }
@keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); }
  100% { opacity: 1; transform: translateX(0); } }
@keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(-2000px); } }
@keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); }
  100% { opacity: 1; transform: translateX(0); } }
@keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(2000px); } }
@keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.05); }
  70% { transform: scale(0.9); }
  100% { transform: scale(1); } }
@keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); }
  60% { opacity: 1; transform: translateY(30px); }
  80% { transform: translateY(-10px); }
  100% { transform: translateY(0); } }
@keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); }
  60% { opacity: 1; transform: translateY(-30px); }
  80% { transform: translateY(10px); }
  100% { transform: translateY(0); } }
@keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); }
  60% { opacity: 1; transform: translateX(-30px); }
  80% { transform: translateX(10px); }
  100% { transform: translateX(0); } }
@keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); }
  60% { opacity: 1; transform: translateX(30px); }
  80% { transform: translateX(-10px); }
  100% { transform: translateX(0); } }
@keyframes bounceOut { 0% { transform: scale(1); }
  25% { transform: scale(0.95); }
  50% { opacity: 1; transform: scale(1.1); }
  100% { opacity: 0; transform: scale(0.3); } }
@keyframes bounceOutUp { 0% { transform: translateY(0); }
  20% { opacity: 1; transform: translateY(20px); }
  100% { opacity: 0; transform: translateY(-2000px); } }
@keyframes bounceOutDown { 0% { transform: translateY(0); }
  20% { opacity: 1; transform: translateY(-20px); }
  100% { opacity: 0; transform: translateY(2000px); } }
@keyframes bounceOutLeft { 0% { transform: translateX(0); }
  20% { opacity: 1; transform: translateX(20px); }
  100% { opacity: 0; transform: translateX(-2000px); } }
@keyframes bounceOutRight { 0% { transform: translateX(0); }
  20% { opacity: 1; transform: translateX(-20px); }
  100% { opacity: 0; transform: translateX(2000px); } }
@keyframes flash { 0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes bounce { 0% { transform: translateY(0); }
  20% { transform: translateY(0); }
  40% { transform: translateY(-30px); }
  50% { transform: translateY(0); }
  60% { transform: translateY(-15px); }
  80% { transform: translateY(0); }
  100% { transform: translateY(0); } }
@keyframes shake { 0% { transform: translateX(0); }
  10% { transform: translateX(-10px); }
  20% { transform: translateX(10px); }
  30% { transform: translateX(-10px); }
  40% { transform: translateX(10px); }
  50% { transform: translateX(-10px); }
  60% { transform: translateX(10px); }
  70% { transform: translateX(-10px); }
  80% { transform: translateX(10px); }
  90% { transform: translateX(-10px); }
  100% { transform: translateX(0); } }
@keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } }
@keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } }
@keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } }
@keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } }
@keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } }
@keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } }
@keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } }
@keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } }
@keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; }
  100% { transform-origin: center center; transform: rotate(0); opacity: 1; } }
@keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; }
  100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } }
@keyframes tada { 0% { transform: scale(1); }
  10% { transform: scale(0.9) rotate(-3deg); }
  20% { transform: scale(0.9) rotate(-3deg); }
  30% { transform: scale(1.1) rotate(3deg); }
  40% { transform: scale(1.1) rotate(-3deg); }
  50% { transform: scale(1.1) rotate(3deg); }
  60% { transform: scale(1.1) rotate(-3deg); }
  70% { transform: scale(1.1) rotate(3deg); }
  80% { transform: scale(1.1) rotate(-3deg); }
  90% { transform: scale(1.1) rotate(3deg); }
  100% { transform: scale(1) rotate(0); } }