/*
Theme Name: Imaginate Landing
Theme URI: http://imaginatewebsites.com.au
Author: Imaginate Websites
Description: Theme for our lovely landing page
*/
/*-----Fonts------
 *  font-family: 'Lora', serif;
 *  font-family: 'Asul', sans-serif;
 *  font-family: 'Montserrat', sans-serif;
 */
 /*!
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=ea8d7c8249bc98c099fb)
 * Config saved to config.json and https://gist.github.com/ea8d7c8249bc98c099fb
 *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}
body, html {
  height: 100%;
}
body {
 font-family: 'Raleway', sans-serif;
 font-size: 18px;
 overflow-x: hidden;
}
.container { 
 z-index: 10;
 position: relative;
 display: block;
 }
#long_back, #large_back_2 { 
 height: 3500px;
 width: 100%;
 } 
.container_80_perc {
 //margin: 0 0 0 112px;
// padding: 0 7%;
max-width: 100%;
overflow: hidden;
 }
 /*-----------------------NO JS------*/
#no_js {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: #222 url( 'images/top_back.jpg' ) no-repeat 0 0;
 color: #fff;
 font-size: 40px;
 text-align: center;
 padding: 200px;
 width: 100%;
 height: 100%;
 z-index: 10000000000000000000000000000000000000000000000;
 }
/*--------------------------------------Section setup--------------------------------------
-----------------------------------------------------------------------------------------*/
.page {
 z-index: -1;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 width: 100%;
}
.active {
 z-index: 1!important;
 }
.grid_text {
 font-family: 'Montserrat', sans-serif;
 }
.hover_menu:hover {
 background-color: #547a87!important;
 cursor: pointer;
 }
/*--------------------------------------Tablet and mobile header + stuff----------------------
---------------------------------------------------------------------------------------*/
.loading {
 color: #fff;
 width: auto;
 margin: 300px auto 0;
 display: block;
 text-align: left;
 z-index: 100000;
 font-size:50px;
 text-align: center;
 }
#loading_slide {
 background-color: #004261;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 bottom: 0;
 right; 0;
 left: 0;
 z-index: 100001;
 }
#loading_image_portfolio {
 width: 128px;
 height: 128px;
 display: block;
 position: absolute;
 left: 50%;
 margin-left: -64px;
 }
#close_mobile_contact {
background: transparent url( 'images/close_mobile_contact.png' )no-repeat 0 0;
 width: 35px;
 height: 35px;
 right: 5px;
 top: 5px;;
 position: absolute;
 }
h4.mobile_contact_header {
 text-align: center;
 color: #efefef;
 margin-top: 20px;
 display: lbo
 }
#mobile_contact_container {
 background-color: #111111;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 display: block;
 z-index: 10005;
 display: none;
 }
 
#mobile_tab_menu {
 width: 100%;
 height: 50px;
 padding: 10px;
 background: rgba(0, 0, 0, 0.5); 
 position: absolute;
 top: 0;
 left: 0;
 z-index: 104;
 display: block;
 margin-bottom: 20px;
}
.page {
 translate3d(0,0,0);
 -webkit-transform: translate3d(0, 0, 0);
 }
#mob_logo_img {
 display: block;
 float: right;
 width: 30%;
 z-index: -1;
 margin-top: 6px;
 }
.phone_email_mobile {
 display: block;
 background-color: transparent;
 width: 90%;
 margin: 75px auto 0;
 padding: 15px 20px 15px 20px;
 border: #ccc 2px solid;
 color: #fff;
 }
.submit_mobile {
display: block;
 background: transparent url( 'images/mob_button_back.jpg' )no-repeat 12px 9px;
 width: 156px;
 margin: 20px auto;
 padding: 16px 24px 16px 26px;
 border: #ccc 2px solid;
 width: 138px;
 color: #363232;
 margin-top: 20px;
 text-align: center;
 }
.bottom_mobile_contact {
 position: absolute;
 bottom: 0;
 height: 90px;
 padding: 0 20px;
 }
#email_mobile {
 margin-left: 50px;
 }
/*---------------------------------------Top-section---------------------------------------
-----------------------------------------------------------------------------------------*/
.back {
 display: block;
 width: 64px;
 height: 63px;
 //background: transparent url( 'images/close.png') no-repeat 0 0;
 z-index: -1;
 position: absolute;
 top: 105px;
 left: 24px;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  display: none;
  z-index: 11;
  cursor: pointer;
 }
.back:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"!important;
  filter: alpha(opacity=60)!important;
  -moz-opacity: 0.6!important;
  -khtml-opacity: 0.6!important;
  opacity: 0.6!important;
  }
.front_back {
 width: 100%;
 background: #222 url( 'images/top_back.jpg' ) no-repeat 0 0;
 background-size: cover;
 height: 100%;
 }
img#top_back_img {
 min-width: 100%;
 min-height: 100%;
 position: absolute;
 z-index: -1;
 display: none;
 background-color: #004261;
 }
.front_menu_mob {
overflow: hidden;
 background-color: #000;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  bottom: 0;
  z-index: 99;
  padding: 60px 0 0;
}
.front_menu_mob a {
 font-family: 'Oswald', sans-serif;
 color: #fff;
 font-size: 25px;
 text-align: left;
 padding-left: 10px;
 display: block;
 padding-right: 10px;
 margin-top: 20px;
 }
.front_menu a:first-child {
 }
.front_menu a:last-child {
 }
.front_menu a:hover {
 color: #f4df9e;
 text-decoration: none;
 z-index: 100;
 }
#logo_img {
 display: none;
 float: right;
 margin: 15px 10px 50px 15px;
 width: 50%;
 }
.front_statment {
 margin-right: 10px;
 font-size: 1em;
 padding-left: 3%
 }
.name {
 display: none;
 }
.phone_email {
 display: none;
 }
.phone_email_test {
 display: none;
 }
.phone_email_centered {
 display: none;
 }
.submit {
 display: none;
 }
.submit_centered {
 display: none;
 }
.submit_test {
 display: none;
 }
.dark {
 color: #404547;
 border-color: #404547;
 }
  
/*------------------------------What you get---------------------------------------------
----------------------------------------------------------------------------------------*/
.dark_image_back {
// background: #121212 url( 'images/leaf_back.jpg' ) no-repeat 0 0;
 background-size: cover;
 background-color: #164d66;
 }
.what_you_get {
 background-color: #fff;
 overflow: hidden;
 }
h2.what_title {
 color: #0075ac;
  margin-top: 75px;
 color: #282929;
//font-family: 'Montserrat', sans-serif;
font-size: 37px;
text-align: left;
 }
#responsive {
 position: relative;
 display: block;
 width: 50%;
 margin-left: 25%;
 }
.info {
 color: #444546;
 font-family: 'Montserrat', sans-serif;
 text-align: left;
 margin-top: 15px;
 display: block;
 font-size: 1.2em;
 }
.silver {
 background-color: #d6dcde;
}
.white_back {
 background-color: #fff;
 }
.w_sprite {
 background: transparent url( 'images/what_you_get_sprite.png' ) no-repeat 0 0;
 height: 82px;
 padding-left: 110px;
 margin: 60px 0 -50px;
 //text-align: center;
}
.w_sprite::after {
 content: ' ';
 display: block;
 background-color: #fff;
 width: 82px;
 height: 82px;
 margin: 31px 0 0 -130px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
 }
#w_speed {
 background-position: 0px -64px;
 }
#w_hosting {
 background-position: 0px -128px;
 }
#w_support {
 background-position: 0px -192px;
}
#w_visibility {
 background-position: 0px -256px;
}
#w_conversion {
 background-position: 0px -320px;
}
.form_centered {
 width: 550px;
 margin: -70px auto 0;
 }
img#lemon {
 width: 300px;
 margin: 0 auto;
 display: block;
 }
.grass {
 position: absolute;
 bottom: 0;
 width: 100%;
 }
/*-----------------------------------Testimonials---------------------------------------
-------------------------------------------------------------------------------------*/
.padding_left-right {
 padding: 0 50px;
 }
.testimonials {
 background-color: #fff;
 overflow: hidden;
 }
.padding_50 {
 padding: 50px 0;
 }
ul {
 list-style-type: circle;
 padding-left: 0;
 }
.testimonials_ref {
 font-size: 1em;
 margin: 20px 0 50px 20px;
 font-family: "Montserrat", sans-serif;
 }
.froggie {
background: none;
 background-color: #fff;
 padding-right: 20px;
 }
.testimonial_form {
 width: 50%;
 float: right;
 margin-top: 30px;
 }
h3.test {
 color: #ff7800;
 font-size: 1.4em;
 text-align: left;
 font-family: "Montserrat", sans-serif;
 }
/*----------------------------------Our Porfolio--------------------------------------
-------------------------------------------------------------------------------------*/
.arrow_container {
 position: absolute;
 top: 10px;
 left: 50%;
 margin-left: -42px;
 width: 84px;
 z-index: 1000;
 display: none;
 }
.portfolio_arrow {
 display: none;
 height: 30px;
 width: 30px;
 background: transparent url( 'images/mob_arrows.png' ) no-repeat 0 0;
 float: right;
 cursor: pointer;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  position: relative;
  z-index: 100;
}
.portfolio_arrow:hover {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  }

#portfolio_left {
 margin-right: 24px;
 }
.white_arrow_right {
 background-position: 0px -30px;
 }
.black_arrow_left {
 background-position: 0px -60px;
 }
.black_arrow_right {
 background-position: 0px -90px;
 }
h2.portfolio_page_header {
 font-size: 1.2em;
 text-align: center;
 color: #222;
 margin-bottom: 15px;
 }
.portfolio {
 overflow: hidden;
 width: 100%;
 }
.portfolio_slide {
 width: 100%;
 height: auto;
 overflow: hidden;
 z-index: -1;
 position: absolute;
 }
#my_work_loading {
 width: 100%;
 background-color: #fff;
 position: fixed;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 1000;
 display: none;
 }
img.loading {
 width: 150px;
 height: 150px;
 margin: 300px auto;
 display: block;
 position: relative;
 z-index: 100001;
 }
#my_work {
 //margin-top: -120px;
 width: 100%;
 background-color: #fff;
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 z-index: -5;
 }
.cover {
 height: auto;
 }
#cover_div {
 width: 100%;
 height: 100%;
 background-color: #fff;
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 z-index: -4;
 }
.portfolio_side_panel {
 background-color: #171718;
 padding: 160px 40px;
 width: 380px;
 position: absolute;
 left: 0;
 top: 0;
 }
 #pull_out {
 background: transparent url( 'images/pullout.png' ) no-repeat 0 0;
 width: 28px;
 height: 43px;
 position: absolute;
 left: 90%;
 margin-top: -90%;
 }
.portfolio_link {
 color: #fff;
 width: 100%;
 line-height: 3em;
 display: block;
 text-align: left;
 font-family: 'Montserrat', sans-serif;
 }
 h3.work { 
 color: #7ae1ff;
 font-size: 2em;
 text-align: left;
 margin: 30px 0;
 }
.portfolio_main_window {
 background: #121212 url( 'images/coffee.jpg' ) no-repeat 0 0;
 background-size: cover;
 padding: 150px 50px;
 min-width: 100%;
 min-height:100%;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;
 margin: 0;
 text-align: center;
}
#portfolio_page {
 width: 100%;
 //position: fixed;
 //display: none;
 }
#portfolio_page_header {
 width: 100%;
 padding: 35px 0;
 background-color: #008ba0;
// position: fixed;
 display: none;
 top: 0;
 }
h2.portfolio_header {
 color: #fff;
 text-align: center;
 font-size: 40px;
 text-shadow: 3px 3px 0 #1c1c1c;
 font-family: 'Raleway', sans-serif;
}
h3.portfolio_sub_header{ 
 color: #fff;
 text-align: center;
 font-size: 30px;
 font-family: 'Raleway', sans-serif;
 }
.portfolio_active {
 z-index: 1!important;
 }
.touch {
 float: right;
 font-size: 1.2em;
 margin-top: 30px;
 margin-right: 10px;
 }
.side_arrow {
 background: transparent url( 'images/side_arrow.png')no-repeat 0 0;
 width: 108px;
 height: 108px;
 display: block;
 position: absolute;
 cursor: pointer;
 left: 90%;
 z-index: 5;
 margin-top: 23%;
 }
.portfolio_p {
 font-size: 16px;
// text-align: center;
// width: 80%;
// margin-left:10%;
 margin-top: 15px;
 }
.dark_back {
 background-color: #141414;
}
.dark {
 color: #efefef!important;
 }
.silver_darker {
 background-color: #a6a5a5;
 }
.qs_dark_back {
 background-color: #332f30;
 }

/*------------------------BQC*/
span.bqc_logo {
 color: #1d1b1b;
 font-family: 'Montserrat', sans-serif;
 font-size: 39px;
 padding-top: 24px;
 display: block;
 float: left;
 }
img#bqc_screen {
 width: 100%;
 display: block;
 margin: 50px 0;
 }
/*------------------------MBM*/
img#mbm_screen3 {
 margin: 25px 0 50px;
 display: block;
 width: 80%;
 }
 /*-----------------------DLM*/
#dlm_logo {
 display: block;
 margin-bottom: 15px;
 }
 /*-----------------------QS*/
 #qs_screen1 {
  margin-top: 35px;
  }
 .qs_silver {
  background-color: #c3cbcd;
  }
/*------------------------JB*/
.jb_dark_back {
 background-color: #0c0c0c;
 }
#jb_screen1 {
 margin: 35px 0 50px;;
 }
#jb_screen3 {
 margin: 70px 0 50px;
 }
/*-------------------------Common and standard elements--------------------------------
----------------------------------------------------------------------------------------*/
h1 {
 color: #fff;
 font-family: 'Raleway', sans-serif;
 font-size: 40px;
 position: relative;
 margin: 0 10px 0 0;
 //text-shadow: #121212 2px 2px 1px;
  letter-spacing: -0.07em;
 }
h2 {
 color: #f4df9e;
 margin-top: 30px;
 font-size: 27px;
 font-family: 'Raleway', sans-serif;
 clear: both;
 margin-right: 10px;
 margin-bottom: 0px;
 margin-top: 80px;
 }
h2#what_get_title {
 text-align: center;
 color: #fff;
 margin-top: 45px;
 font-family: 'Montserrat', sans-serif;
 font-size: 1.6em;
 display: none;
 }
h3 {
 text-align: center;
 color: #282929;
 font-family: 'Montserrat', sans-serif;
 font-size: 30px;
 text-align: left;
 }
h3.orange {
 font-size: 1.4em;
 }
h4 {
 text-align: center;
 color: #0075ac;
 font-family: 'Montserrat', serif;
 font-size: 1.1em;
 text-align: left;
 }
h5 {
 color: #125893;
 text-align: center;
 font-size: 60px;
 margin: 30px 0 80px; 
 width: 80%;
 margin-left: 10%;
 }
 
a:hover {
 color: #f4df9e;
 text-decoration: none;
 z-index: 101;
 }
/*---------------------------------Helper classes---------------------------------------
---------------------------------------------------------------------------------------*/
.blue {
 color: #0075ac;
 }
.underline {
 border-bottom: 1px solid #008ab7;
 }
.perc_80 {
 width: 80%;
 margin-left: 10%;
 }
.monst {
 font-family: "Montserrat", sans-serif;
 }
 .museo {
  font-family: "Montserrat", serif;
  }
.larger {
 font-size: 1.3em;
 }
.pad_50 {
 padding-left: 110px;
 }
.white {
 color: #fff;
 }
.full_width {
 width: 100%;
 }
.orange {
 color: #ef5a1f;
 }
.aqua {
 color: #39aeae!important;
 }
.float_left {
 float: left;
}
.float_right {
 float: right;
}
.text-left {
 text-align: left;
}
.text-right {
 text-align: right;
}
.text-center {
 text-align: center;
 }
.right {
 text-align: right;
 float: right;
}
.left {
 text-align: left;
 float: left;
}
.centered {
 margin-right: auto;
 margin-left: auto;
 text-align: center;
}
.clear::before {
 clear: both;
 }
.spacer_25_before::before {
 content: '';
 display: block;
 clear: both;
 height: 25px;
 }
 .spacer_25_after::after {
  content: '';
 display: block;
 clear: both;
 height: 25px;
 }
.spacer_50_before::before {
 content: '';
 display: block;
 clear: both;
 height: 50px;
}
.spacer_50_after::after {
 content: '';
 display: block;
 clear: both;
 height: 50px;
}
.spacer_100_before::before {
 content: '';
 display: block;
 clear: both;
 height: 100px;
}
.spacer_100_after::after {
 content: '';
 display: block;
 clear: both;
 height: 100px;
}
.spacer_200_before::before {
 content: '';
 display: block;
 clear: both;
 height: 200px;
}
.spacer_200_after::after {
 content: '';
 display: block;
 clear: both;
 height: 200px;
}
.full_width_img {
 width: 100%;
}
/*---------------------------Ajax animation-----------------------------------------
---------------------------------------------------------------------------------*/
#loading_image {
display: none;
z-index: 101;
margin: 0 50%;
left: -100px;
width: 220px;
height: 220px;
position: fixed;
top: 240px;
z-index: 1000000000000000;

}
#thankyou {
display: none;
padding: 80px;
width: 500px;
height: 200px;
border-radius: 20px;
position: fixed;
left: 50%;
top: 240px;
margin-left: -250px;
//margin-top: 150px;
color: #fff;
font-size: 1.4em;
text-shadow: 2px 2px 2px #222;
z-index: 101;
text-align: center;
z-index: 1000000000;
display: none;
}
#loading {
display: none;
width: 100%;
height: 100%;
content: '';
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10;
background-color: #000;
-ms-filter: "alpha(Opacity=70)";
filter: alpha(opacity=80);
-moz-opacity: .8;
-khtml-opacity: .8;
opacity: .8;
}
/*---------------------------Media Queries-----------------------------------------
----------------------------------------------------------------------------------*/
* {
 text-shadow: none;
 box-shadow: none;
 -webkit-box-shadow: none;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
#contact-details {
 display: none;
 }
.full_width_mob {
max-width: 100%;
}
.portfolio_slide {
 padding: 0 20px;
 }
.front_menu_mob {
 padding: 100px 0 0;
 }
#mobile_contact {
 background: transparent url( 'images/fae_back.png' ) repeat 0 0;
 background: #1b5061;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  padding: 3px 0 20px;
  bottom: 0px;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  z-index: 102;
  }
 .mob_touch {
  background: transparent url( 'images/up_arrow.png') no-repeat 0 0;
  height: 30px;
  padding-left: 5px;
  text-align: center;
  width: 220px;
  margin: 3px auto;
  }
.grid_text {
 font-family: 'Montserrat', sans-serif;
 }
#menu_icon {
 background: transparent url( 'images/menu_icon_mob.png' ) no-repeat 0 0;
 width: 30px;
 height: 30px;
 position: absolute;
 top: 15px;
 left: 15px;
 z-index: 101;
 cursor: pointer;
 }
#page_size_checker::after {
 content: 'less than 768';
 display: block;
 z-index: 102;
 color: #fff;
 position: fixed;
 top: 0;
 display: none;
 }
.front_menu::after {
 content: 'less than 768';
 display: block;
 z-index: 102;
 color: #fff;
 position: fixed;
 top: 20px;
 display: none;
 }
.all_but_mob {
 display: none;
}
h2.what_title {
 color: #0075ac;
 font-size: 36px;
 }
.info {
 font-size: 1.1em;
 }
h2, h1, #img_logo, .front_statment, #mob_logo_img {
 margin-right: 10px;
 }
 #responsive {
    display: none;
    max-width: 100%;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#responsive {
    margin-top: 50px;
}
.front_back {
 background: none;
 }
img#top_back_img {
display: block;
}
.arrow_container {
 margin-top: 5px;
 }
.portfolio_arrow {
 height: 48px;
 width: 48px;
 background: transparent url( 'images/arrows.png' ) no-repeat 0 0;
 float: right;
 cursor: pointer;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  z-index: 100;
}
.white_arrow_right {
 background-position: 0px -48px;
 }
.black_arrow_left {
 background-position: 0px -96px;
 }
.black_arrow_right {
 background-position: 0px -144px;
 }
#mobile_tab_menu {
 height: 100px;
 padding: 0;
 margin-bottom: 80px;
}
h3.portfolio_sub_header{ 
 color: #fff;
 text-align: left;
 font-size: 40px;
 font-family: 'Montserrat', sans-serif;
 }
h2.portfolio_header {
 color: #fff;
 text-align: left;
 font-size: 80px;
 text-shadow: 3px 3px 0 #1c1c1c;
 font-family: 'Montserrat', sans-serif;
}
.arrow_container {
 position: absolute;
 top: 20px;
 left: 85%;
 float: right;
 margin-right: 100px;
 width: 120px;
 margin-left: 0;
 z-index: 1000;
 }
.front_menu_mob a {
 font-family: 'Oswald', sans-serif;
 color: #fff;
 font-size: 45px;
 text-align: left;
 padding-left: 30px;
 display: block;
 padding-right: 25px;
 margin-top: 50px;
 }
#menu_icon {
 background: transparent url( 'images/menu_icon.png' ) no-repeat 0 0;
 width: 81px;
 height: 81px;
 position: absolute;
 top: 10px;
 left: 10px;
 z-index: 101;
 cursor: pointer;
 }
.portfolio_main_window {
padding: 120px 100px 0px 200px;
}
h2 {
margin-bottom: -10px;
margin-top: 130px;
margin-right: 40px;
}
.front_statment {
 margin-right: 100px;
 font-size: 1.5em;
 padding-left: 20%;
 }
#logo_img {
 width: 20%;
 margin: 30px 100px 200px;
 display: none;
 z-index: 102;
 }
h2 {
font-size: 50px;
}
h1 {
 font-size: 100px;
 }
 h2, h1, #img_logo, .front_statment, #mob_logo_img {
 margin-right: 40px;
 }
#img_logo {
 width: 30%;
 }
#mob_logo_img {
 margin-top: 20px;
 }
.grid_text {
 min-height: 350px;
 }
#page_size_checker::after {
 content: 'min-width: 768px';
 }
   .mobile_only {
      display: none;
    }
    .all_but_mob {
      display: block;
    }
#mobile_contact {
 display: none;
 }
.phone_email {
 display: block;
 float: right;
 background-color: transparent;
 width: 340px;
 padding: 25px 25px 25px 35px;
 margin-top: 50px;
 border: #ccc 2px solid;
 border-right: none;
 color: #fff;
 }
.phone_email_test {
 display: block;
 float: left;
 background-color: transparent;
 width: 340px;
 padding: 25px 25px 25px 35px;
 border: #ccc 2px solid;
 border-right: none;
 color: #fff;
 }
.phone_email_centered {
 display: block;
 float: right;
 background-color: transparent;
 width: 340px;
 padding: 25px 25px 25px 35px;
 border: #ccc 2px solid;
 border-right: none;
 color: #fff;
 margin-top: -20px;
 }
.submit {
 display: block;
 margin-top: 50px;
 background: transparent url( 'images/button_back.png' )no-repeat 8px 10px;
 float: right;
 margin-right: 40px;
 padding: 26px 60px 24px 35px;
 border: #ccc 2px solid;
 border-left: none;
 color: #363232;
 }
.submit_centered {
display: block;
 background: transparent url( 'images/button_back.png' )no-repeat 8px 10px;
 float: right;
 padding: 26px 60px 24px 35px;
 border: #ccc 2px solid;
 border-left: none;
 color: #363232;
 margin-top: -20px;
 }
.submit_test {
display: block;
 background: transparent url( 'images/button_back.png' )no-repeat 8px 10px;
 float: left;
 padding: 26px 60px 24px 35px;
 border: #ccc 2px solid;
 border-left: none;
 color: #363232;
 }
 }
/* Small devices (tablets, 800px and up) */
@media (min-width: 900px) {
.arrow_container {
 margin-top: 20px;
 }
 .arrow_container {
 position: absolute;
 top: 50px;
 }
.froggie {
 background: #fff url( 'images/froggie.jpg' ) no-repeat 105% top;
 padding-right: 150px;
 }
#img_logo {
 width: 20%;
 }
.portfolio_main_window {
padding: 250px 100px 0px 500px;
}
#mobile_contact {
 display: none;
 }
.phone_email {
 display: block;
 float: right;
 background-color: transparent;
 width: 340px;
 padding: 25px 25px 25px 35px;
 margin-top: 50px;
 border: #ccc 2px solid;
 border-right: none;
 color: #fff;
 }
.phone_email_test {
 display: block;
 float: left;
 background-color: transparent;
 width: 340px;
 padding: 25px 25px 25px 35px;
 border: #ccc 2px solid;
 border-right: none;
 color: #222;
 }
.phone_email_centered {
 display: block;
 float: right;
 background-color: transparent;
 width: 340px;
 padding: 25px 25px 25px 35px;
 border: #ccc 2px solid;
 border-right: none;
 color: #fff;
 margin-top: -20px;
 }
.submit {
 display: block;
 margin-top: 50px;
 background: transparent url( 'images/button_back.png' )no-repeat 8px 10px;
 float: right;
 margin-right: 100px;
 padding: 26px 60px 24px 35px;
 border: #ccc 2px solid;
 border-left: none;
 color: #363232;
 }
.submit_centered {
display: block;
 background: transparent url( 'images/button_back.png' )no-repeat 8px 10px;
 float: right;
 padding: 26px 60px 24px 35px;
 border: #ccc 2px solid;
 border-left: none;
 color: #363232;
 margin-top: -20px;
 }
.submit_test {
display: block;
 background: transparent url( 'images/button_back.png' )no-repeat 8px 10px;
 float: left;
 padding: 26px 60px 24px 35px;
 border: #ccc 2px solid;
 border-left: none;
 color: #363232;
 }
h2, h1, #img_logo, .front_statment, #mob_logo_img, button.submit {
 margin-right: 55px;
 }
#page_size_checker::after {
 content: 'min-width: 900px';
 }
   .mobile_only {
      display: none;
    }
    .all_but_mob {
      display: block;
    }

}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
h2, h1, #img_logo, .front_statment, #mob_logo_img, button.submit {
 margin-right: 65px;
 }
#logo_img {
 display: block;
 }
#mobile_tab_menu {
 display: none;
}
#responsive {
 float: right;
 position: relative;
 display: block;
 width: 70%;
 }
.container_80_perc {
 margin: 0 0 0 112px;
 padding: 0 7%;
 }
.back {
 background: transparent url( 'images/close.png') no-repeat 0 0;
 z-index: -1;
 }
.front_menu {
 background-color: #000;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  bottom: 0;
  z-index: 10;
  padding: 0 15px;
}
.front_menu a {
 font-family: 'Oswald', sans-serif;
 color: #3b4647;
 font-size: 75px;
 line-height: 85px;
 letter-spacing: -0.07em;
 text-align: right;
 padding-left: 30%;
 display: block;
 padding-right: 25px;
 position: absolute;
 top: 50%;
 margin-top: -113px;
 }
.front_menu a:first-child {
 top: 0;
 padding-left: 40%;
 position: absolute;
 margin-top: 0;
 }
.front_menu a:last-child {
 padding-left: 20%;
 top: auto;
 margin-top: 0;
 position: absolute;
 bottom: 0;
 }
    .front_menu {
    display: block;
    }
    #menu_icon {
     display: none;
     }
#page_size_checker::after {
content: 'desktops, 992px and up'; 
}
 .front_menu a {
  font-size: 63px;
  padding-left: 12%;
  line-height: 67px;
  }
    .front_menu a:last-child {
  padding-left: 6%;
}
#responsive {
    position: relative;
    display: block;
    width: 50%;
    margin-left: 25%;
    margin-top: 0;
}
}
/* Medium-Large devices (desktops, 1275px and up) */
@media (min-width: 1275px) {
h2, h1, #logo_img, .front_statment, #mob_logo_img, button.submit {
 margin-right: 100px;
 }
#logo_img  {
 margin-bottom: 160px;
 width: 280px;
 margin-top: 60px;
 }
/*h1 {
 font-size: 130px;
 }
 h2 {
  font-size: 40px;
  margin-bottom: -10px;
  }*/
.front_statment {
  font-size: 1.4em;
  }
#page_size_checker::after {
content: 'desktops, 1275px and up'; 
}
 .front_menu a {
  font-size: 65px;
  padding-left: 30%;
  line-height: 72px;
  }
    .front_menu a:last-child {
  padding-left: 12%;
}
}
/* Medium-Large devices (desktops, 1330px and up) */
@media (min-width: 1330px) {
#page_size_checker::after {
content: 'desktops, 1330px and up'; 
}
 .front_menu a {
  font-size: 66px;
  padding-left: 32%;
  line-height: 74px;
  }
  .front_menu a:last-child {
  padding-left: 14%;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1455px) { 
.clear_100 {
 height: 100px;
 clear: both;
 width: 100%;
 }
#contact-details {
 float: right;
 margin-top: 50px;
 display: block;
 color: #fff;
 background: rgba(0,0,0,0.5);
 font-family: 'Raleway', sans-serif;
 padding: 5px 15px 5px 45px;
 text-align: right;
 margin-right: 100px;
 font-size: 1.2em;
 }
#contact-details a {
 color: #fff;
 text-decoration: none;
 }
 #contact-details a:hover {
 color: #12d5e1;
 text-decoration: none;
 }
#page_size_checker::after {
content: 'min-width: 1455px';
}
h2.what_title {
 color: #0075ac;
  margin-top: 55px;
  font-size: 55px;
 }
.grid_text {
 min-height: 220px;
 font-family: 'Montserrat', sans-serif;
 }
 .front_menu a {
  font-size: 68px;
    padding-left: 22%
  line-height: 75px;
  }

}
/* medium=medium devices (large desktops, 1315px and up) */
@media (min-width: 1475x) { 
h1 { 
font-size: 130px;
}
h2 {
font-size: 80px;
}
.front_statment {
font-size: 1.6em;
}
#page_size_checker::after {
content: 'min-width: 1475px';
}
 .front_menu a {
  font-size: 70px;
  padding-left: 23%
  line-height: 78px;
  }

}
/* medium=medium devices (large desktops, 1400px and up) */
@media (min-width: 1510px) { 
#page_size_checker::after {
content: 'min-width: 1510px';
}
 .front_menu a {
  font-size: 72px;
  padding-left: 23%;
  line-height: 82px;
  }

}
/* Extra-Large devices (desktops, 1400px and up) */
@media (min-width: 1575px) {
h1 { 
font-size: 130px;
}
h2 {
font-size: 60px;
}
.front_statment {
font-size: 1.6em;
}
#page_size_checker::after {
content: 'desktops, 1575px and up'; 
}
.front_menu {
 background-color: #000;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  bottom: 0;
  z-index: 10;
  padding: 0 15px;
}
.front_menu a {
 font-family: 'Oswald', sans-serif;
 color: #3b4647;
 font-size: 83px;
 line-height: 85px;
 letter-spacing: -0.07em;
 text-align: right;
 padding-left: 20%;
 display: block;
 padding-right: 20px;
 position: absolute;
 top: 50%;
 margin-top: -113px;
 }
.front_menu a:hover {
 color: #f4df9e;
 text-decoration: none;
 z-index: 100;
 }
.front_menu a:first-child {
 top: 0;
 padding-left: 40%;
 position: absolute;
 margin-top: 0;
 }
.front_menu a:last-child {
 padding-left: 15%;
 top: auto;
 margin-top: 0;
 position: absolute;
 bottom: 0;
 }
}
/*simple min-width query */
@media all and (min-height: 600px) {
 .front_menu::after {
 content: 'min-height: 600px'; 
}
}
/*simple max-width query*/
@media ( max-height: 600px ){
  .front_menu::after {
 content: 'max-height: 600px'; 
}
.front_menu, #logo_img {
 display: none;
 }
#menu_icon, #mobile_tab_menu {
 display: block;
 }
}