/*
Theme Name: Blank
Author: Zoomroom Interactive
Author URI: http://wordpress.org/
Description: Default theme 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black,left-sidebar, right-sidebar, fixed-layout, responsive-layout,custom-header, custom-menu, 

/******************************************************************
01. GENERAL STYLES
******************************************************************/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;*display: inline; *zoom: 1;}
audio:not([controls]) { display: none;height: 0;}
[hidden] { display: none;}
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{border: 0;font: inherit;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
html,body{font-family: "adobe-garamond-pro",sans-serif;font-weight:300;font-size:14px;}
body{background:#fff;}
html{font-size: 1em;ms-text-size-adjust: 1em;webkit-text-size-adjust: 1em;}
ul li{list-style: inside none;}
select{font-size: 1em;}
hr{display:none;}
p { margin-bottom:20px; line-height:24px; color:#000; }
h3 { font-weight:bold; font-size:22px; padding-top:20px; }
a { color:#2e3192; }

/******************************************************************
02. CLEARFIXIN / FLOATS / INPUTS STYLES
******************************************************************/
.left{float: left;}
.right{float: right;}
.hidden {display: none !important;}
.opaque {opacity: 0 !important;}
.show{display:block;}
.last{margin:0!important}
.clearfix{zoom: 1;}
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clear{clear:both;}
.spacer{height:20px;}
*::-moz-selection{background: none repeat scroll 0 0 #95C6B5;color: #FFFFFF;}
*::selection {background: none repeat scroll 0 0 #95C6B5;color: #FFFFFF;}
input[type="text"], input[type="email"], input[type="url"], input[type="number"], input[type="password"], textarea {-moz-box-sizing: border-box;background-color: #005095 !important ;margin: 0;padding: 6px 10px;width: 100%; border-radius: 0 !important;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus { -moz-box-sizing: border-box;color: #000; border:1px solid #DDDDDD;}
input, button, textarea { -moz-box-sizing: border-box;color: #000; border:1px solid #DDDDDD; outline: medium none;position: relative;transition: all 0.1s ease 0s; -webkit-appearance: none;border-radius: 0;resize:none;}
a[href^=tel]{text-decoration:none;color:#fff;}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
blockquote.alignleft,img.alignleft {margin: 7px 24px 7px 0;}
.wp-caption.alignleft {margin: 7px 14px 7px 0;}
blockquote.alignright,img.alignright {margin: 7px 0 7px 24px;}
.wp-caption.alignright {margin: 7px 0 7px 14px;}
blockquote.aligncenter,img.aligncenter,.wp-caption.aligncenter {margin-top: 7px;margin-bottom: 7px;}
blockquote a { color:#D2A757; }
.site-content blockquote.alignleft,.site-content blockquote.alignright {border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-top: 17px;width: 50%;}
.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {margin-bottom: 17px;}
.wp-caption {margin-bottom: 24px;}
.wp-caption img[class*="wp-image-"] {display: block;margin: 0;}
.wp-caption {color: #767676;}
.wp-caption-text {font-size: 12px;font-style: italic;line-height: 1.5;margin: 9px 0;}

/******************************************************************
03. LAYOUT & GRID STYLES
******************************************************************/

.col1 { width:8.33%; float:left; margin:0px; padding:0px; }
.col2 { width:16.66%; float:left; margin:0px; padding:0px; }
.col3 { width:25%; float:left; margin:0px; padding:0px; }
.col4 { width:33.33%; float:left; margin:0px; padding:0px; }
.col5 { width:41.66%; float:left; margin:0px; padding:0px; }
.col6 { width:50%; float:left; margin:0px; padding:0px; }
.col7 { width:58.33%; float:left; margin:0px; padding:0px; }
.col8 { width:66.66%; float:left; margin:0px; padding:0px; }
.col9 { width:75%; float:left; margin:0px; padding:0px; }
.col10 { width:83.33%; float:left; margin:0px; padding:0px; }
.col11 { width:91.66%; float:left; margin:0px; padding:0px; }
.col12, .row { width:1170px; clear:both; float:none; margin:0px auto; padding:0px; }
.container { width:100%; float:none; clear:both; position:relative; padding:0px; }
.clr { width:100%; clear:both; height:1px; position:relative; }

/******************************************************************
04. SITE STYLES
******************************************************************/

@font-face {
    font-family: 'ambleregular';
    src: url('./lib/fonts/Amble-Regular-webfont.eot');
    src: url('./lib/fonts/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./lib/fonts/Amble-Regular-webfont.woff') format('woff'),
         url('./lib/fonts/Amble-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'amblebold';
    src: url('./lib/fonts/Amble-Bold-webfont.eot');
    src: url('./lib/fonts/Amble-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./lib/fonts/Amble-Bold-webfont.woff') format('woff'),
         url('./lib/fonts/Amble-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'AvantGarde LT';
    src:  url('./lib/fonts/hinted-AvantGardeLT-ExtraLight.eot');
    src: local('ITC Avant Garde Gothic LT Extra Light'), local('AvantGardeLT-ExtraLight'),
         url('./lib/fonts/hinted-AvantGardeLT-ExtraLight.eot?#iefix') format('embedded-opentype'),
         url('./lib/fonts/hinted-AvantGardeLT-ExtraLight.woff') format('woff'),
         url('./lib/fonts/hinted-AvantGardeLT-ExtraLight.ttf') format('truetype'),
         url('./lib/fonts/hinted-AvantGardeLT-ExtraLight.svg#AvantGardeLT-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'AvantGarde LT Book';
    src:  url('./lib/fonts/hinted-AvantGardeLT-Demi.eot');
    src: local('ITC Avant Garde Gothic LT Demi'), local('AvantGardeLT-Demi'),
         url('./lib/fonts/hinted-AvantGardeLT-Demi.eot?#iefix') format('embedded-opentype'),
         url('./lib/fonts/hinted-AvantGardeLT-Demi.woff') format('woff'),
         url('./lib/fonts/hinted-AvantGardeLT-Demi.ttf') format('truetype'),
         url('./lib/fonts/hinted-AvantGardeLT-Demi.svg#AvantGardeLT-Demi') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'AvantGarde LT Book';
    src: url('./lib/fonts/AvantGardeLT-Book.eot');
    src: url('./lib/fonts/AvantGardeLT-Book.eot?#iefix') format('embedded-opentype'),
        url('./lib/fonts/AvantGardeLT-Book.woff') format('woff'),
        url('./lib/fonts/AvantGardeLT-Book.ttf') format('truetype'),
        url('./lib/fonts/AvantGardeLT-Book.svg#AvantGardeLT-Book') format('svg');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'AvantGarde LT';
    src:  url('./lib/fonts/hinted-AvantGardeLT-Medium.eot');
    src: local('ITC Avant Garde Gothic LT Medium'), local('AvantGardeLT-Medium'),
         url('./lib/fonts/hinted-AvantGardeLT-Medium.eot?#iefix') format('embedded-opentype'),
         url('./lib/fonts/hinted-AvantGardeLT-Medium.woff') format('woff'),
         url('./lib/fonts/hinted-AvantGardeLT-Medium.ttf') format('truetype'),
         url('./lib/fonts/hinted-AvantGardeLT-Medium.svg#AvantGardeLT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'AvantGarde LT CondBook';
    src:  url('./lib/fonts/hinted-AvantGardeLT-CondDemi.eot');
    src: local('ITC Avant Garde Gothic LT Condensed Demi'), local('AvantGardeLT-CondDemi'),
         url('./lib/fonts/hinted-AvantGardeLT-CondDemi.eot?#iefix') format('embedded-opentype'),
         url('./lib/fonts/hinted-AvantGardeLT-CondDemi.woff') format('woff'),
         url('./lib/fonts/hinted-AvantGardeLT-CondDemi.ttf') format('truetype'),
         url('./lib/fonts/hinted-AvantGardeLT-CondDemi.svg#AvantGardeLT-CondDemi') format('svg');
    font-weight: normal;
    font-style: normal;
}


#header {
    height: 140px;
    margin-bottom: 50px;
    background: rgba(250,250,250,0.4);
}
body { font-family: 'AvantGarde LT CondBook', sans-serif; font-size:16px; background: url(img/bg_RGB.jpg) no-repeat fixed left top; background-size: cover;}
.steps h2, h1 { 
    font-family: 'AvantGarde LT CondBook', sans-serif; 
    text-transform:uppercase; 
    font-size:60px; 
    padding:15px 0px;
    line-height:90%;
    color:rgb(0,82,146);
    text-align:left;
    margin-bottom: 10px;
}
#main_menu {
    position: absolute;
    right: 0;
    top: 70px;
    border-bottom: 1px solid rgb(0,82,149);
    padding-right: 100px;
}
ul#menu-main-menu { display:block; padding:0px; margin:0px; white-space:nowrap; padding-left:0px; }
ul#menu-main-menu li { list-style-type:none; display:inline-block; float:left; padding:15px 35px 10px 0px; }
ul#menu-main-menu li a { font-size:16px;  }
ul#menu-main-menu li a:hover {text-decoration: none; color:rgb(0,102,166);}
ul.sub-menu {
    position: absolute;
    text-align: center;
    display: none;
    border-bottom: 2px solid #024F97;
border-top: 2px solid #024F97;
    background: rgba(250,250,250,0.8);
    margin-top: 10px;
    padding: 0 5px;
    z-index: 101;
    -webkit-transition: .5s all;   
    -webkit-transition-delay: 5s; 
    -moz-transition: .5s all;   
    -moz-transition-delay: 5s; 
    -ms-transition: .5s all;   
    -ms-transition-delay: 5s; 
    -o-transition: .5s all;   
    -o-transition-delay: .5s; 
    transition: .5s all;   
    transition-delay: .5s;
    opacity: 0.6;
}
ul#menu-main-menu li:hover ul.sub-menu {
    display: block;
    opacity: 1;
}
#homeheader { padding:0px; color:#fff; }
#curlhead, #curlfoot, #curlfoot2 { display:none; width:100%; height:auto; }
.curlmanual { display:block; height:100%; width:auto; }
#header2 { padding-top:30px; }

#video iframe { width:80%; margin:10px auto; }
#footer { 
    color:#fff; margin-top: 60px;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));
}
#footer2 { color:#fff; text-align:left; padding: 20px 0 40px; background: #005095; }
#footer2 span { padding-top:10px; }
#footer form { text-align:left; }
#topright .curlmanual {
    display: inline-block;
    height: 400px;
    width: auto;
    margin-right: -25px;
    transform: rotate(-10deg);
    vertical-align: middle;
}
#topright {
    position: absolute;
    right: 0;
    top: 220px;
    z-index: 100;
}
#topright div {
    background-image: -moz-linear-gradient(5% 13% 100deg,rgb(0,82,148) 0%,rgb(0,102,186) 100%);
    background-image: -webkit-gradient(linear,5% 13%,104% 13%,color-stop(0, rgb(0,82,148)),color-stop(1, rgb(0,102,186)));
    background-image: -webkit-linear-gradient(100deg,rgb(0,82,148) 0%,rgb(0,102,186) 100%);
    background-image: -o-linear-gradient(100deg,rgb(0,82,148) 0%,rgb(0,102,186) 100%);
    background-image: -ms-linear-gradient(100deg,rgb(0,82,148) 0%,rgb(0,102,186) 100%);
    background-image: linear-gradient(100deg,rgb(0,82,148) 0%,rgb(0,102,186) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff005294,endColorstr=#ff0066ba,GradientType=1)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff005294,endColorstr=#ff0066ba,GradientType=1);
    width: 200px;
    display: inline-block;
    vertical-align: middle;
}
#topright p {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.3em;
    color: #fff;
    text-align: center;
    margin: 10px auto;
    background: #024F97;
    padding: 20px 10px;
}
#topright p a {
    display: inline-block;
    background-color: #fff;
    text-decoration: none;
    border-radius: 15px;
    font-family: amblebold, sans-serif;
    padding: 5px 15px;
    margin-top: 5px;
}
#formsub { display:inline-block; color:#fff; text-decoration:none; border-radius:20px; border:1px solid #fff; font-family: amblebold, sans-serif; padding:7px 35px; margin-top:5px; }
#footer h3 { text-align:left; font-size:20px; padding-bottom:0px; padding-top:0px; }
#footer #fname, #footer #sname, #footer #femail { border:0px; border-radius:20px; width:100%; margin:5px 0px; text-align:center; color:#2e3192; padding:8px 0px; }
#logo img { display:block; width:auto; height:70px; margin-top:30px; }
.p60 {
    font-family:'AvantGarde LT Book';
    font-size:17px;
    font-weight: 500;
    line-height:151%;
    color:rgb(76,77,108);
    text-align:left;
}
.p60 p strong {
    font-weight: bold;
}

h2 { color:#2e3192; font-weight:700; padding-bottom:20px; }
.steps h3 {
    font-size: 20px;
    padding: 10px;
    background: rgb(0,82,146);
    display: inline-block;
    color: #fff;
}
#stepsmenu {
    position: fixed;
    left: 20px;
    z-index: 10;
    cursor: pointer;
    top: 250px;
}
#stepsmenu li { margin: 5px 0; }
#sponsored { float:right; display:block; width:300px; height:auto; margin-top: 20px;}
#logobase { float:left; display:block; width:100px; height:auto; }
#footerlogo img { display:block; width:60%; height:auto; margin:100px 0px 0px 0px; }
#footerimg { text-align:right; }
#footerimg img { 
    display: block;
    height: auto;
    transform: rotate(-10deg);
    vertical-align: top;
    margin: -55px;
}
div#page {
    padding-right: 340px;
}

blockquote {
    padding-left: 40px;
    margin-bottom: 30px;
    border-left: 2px solid #2E3192;
    font-weight: bold;
    font-style: italic;
}
    
#pardot-form label, #footer h3 {color: #024F97;}

/******************************************************************
05. MOBILE STYLES
******************************************************************/
@media only screen and (max-width: 1700px) { /* FF: Tablet landscape (1024 x 768) */
    #menu-steps-menu {width: 130px;}
}
@media only screen and (max-width: 1500px) { /* FF: Tablet landscape (1024 x 768) */
    #main.row {width: 900px;}
    #topright .curlmanual {height: 300px;}
}
@media only screen and (max-width: 1170px) { /* FF: Tablet landscape (1024 x 768) */
    .container { width:100%; }
    .row, .col12 { width:96%; padding:0px 2%; }
    #header .col2 { width:16.66%; }
    #header .col6 { width:50%; }
    #footer h3 { font-size:12px; padding-bottom:5px;}
    #curlmanual { display:block; width:90%; height:auto; }
    #footer .row { padding-top:20px; }
    #logo img { margin-top:20px;}
    h1 {font-size: 45px;}
    div#page {padding-right: 280px}
    #topright .curlmanual {200px;}    
    #menu-steps-menu {display: none;}
}

@media only screen and (max-width: 820px) { /* FF: Small tablet landscape (800 x 600) */
    #header .col2 { width:25%; }
    #header #topright { width:20%; }
    #header #logo { width:55%; }
    #main_menu {top: 90px; width: 100%; left:0; padding: 0 20px;}
    #footer2 { text-align:center; }
    #footer2 span { display:block; width:100%; text-align:center; padding-top:10px; }
    img#sponsored { float:none; margin:0px auto; margin-top:10px; }
    #footerimg img { display:block; float:none; margin:0px auto; }
    div#page {padding:0;}
    #pardot-form input { width:100%!important; }
    #header .col2 { display:none; }
    #topright { display:none; }
    #header #logo { width:100%; display:block; }
    #footerlogo { display:none; }
    #footerimg { width:50%; text-align:center; }
    #footerform { width:50%; }
    .p60 { padding:20px 0px; }
    #menu-steps-menu {display: none;}
    #main.row {width: 100%;}
}

@media only screen and (max-width: 620px) { /* FF: Small tablet portrait (600 x 800) */
    
    
    
}

@media only screen and (max-width: 500px) { /* FF: Mobile landscape (480 x 320) */
    #header #logo { width:75%; display:block; }
    #footer iframe { height:220px; }
    #footer .col2, #footer .col3 { float:none; clear:both; width:100%; }
    /*#footer .col3:first-of-type, #footer .col4 { display:none; }*/
    #footer #curlmanual { width:50%; margin:0px auto; }
    #logo img { margin-top:20px;}
    #footerimg, #footerform { float:none; width:100%; }
    #footer iframe { height:320px;}
}

@media only screen and (max-width: 320px) { /* FF: iPhone4 Portrait (320 x 568) */
}