/*
Theme Name: Conus Vision
Text Domain: cvis
*/
@charset "UTF-8";


@font-face {
    font-family: 'calibriregular';
    src: url('font/calibri_regular-webfont.eot');
    src: url('font/calibri_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/calibri_regular-webfont.woff2') format('woff2'),
         url('font/calibri_regular-webfont.woff') format('woff'),
         url('font/calibri_regular-webfont.ttf') format('truetype'),
         url('font/calibri_regular-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibribold';
    src: url('font/calibri_bold-webfont.eot');
    src: url('font/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/calibri_bold-webfont.woff2') format('woff2'),
         url('font/calibri_bold-webfont.woff') format('woff'),
         url('font/calibri_bold-webfont.ttf') format('truetype'),
         url('font/calibri_bold-webfont.svg#calibribold') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin:0; padding:0; border:0; }
*:focus { outline: none } 
html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

body { text-align:center; background-color:#d6d6d6; color:#5a4244; font-family:'calibriregular', Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.6; margin:0; padding:0; }

body, html { height: 100%; min-height: 100%; position: relative; }
strong { font-weight: normal; font-family:'calibribold', Arial, Helvetica, sans-serif; }

.clear { clear:both; }
.hidden { display:none; }


.back_img { position: fixed; left: 50%; width: 250em; margin-left: -123em; display: block; height: auto; }
.page_content_wrap { position: relative; top: 0; margin: 0 auto; width: 90%; padding-top: 9em; max-width: 40em; }
.conus_vision_logo_img { margin: 0 auto; max-width: 36em; width: 90%; height: auto; display: block; margin-bottom: 6em; }
.conus_vision_title { text-transform: uppercase; font-size: 1.6em; margin-bottom: 2em; }
.book { width: 47%; float: left; }
.book2 { float: right; } 
.book_img { margin-bottom: 1em; border: 0.3em solid #ffffff; overflow: hidden;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    
    -webkit-box-shadow: 10px 10px 0px -2px rgba(0,0,0,0.2);
-moz-box-shadow: 10px 10px 0px -2px rgba(0,0,0,0.2);
box-shadow: 10px 10px 0px -2px rgba(0,0,0,0.2);
}
.book img { display: block; width: 100%; height: auto; }
.book_img_soon { position: absolute; left: 5%; right: 5%; margin: 0 auto; bottom: 0.3em; text-transform: uppercase; font-family:'calibribold', Arial, Helvetica, sans-serif; font-size: 1.3em; cursor: default; }
.book_img { position: relative; }

.books_line { margin-bottom: 4em; }

.book_title { cursor: default; line-height: 1.4; display: block; }
a.book_title, a.book_title:link, a.book_title:visited, a.book_title:hover { text-decoration: none; color:#5a4244; cursor: pointer;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
a.book_title:hover { color:#847c7d; }

.book_img_center { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; }
.book_img_center img { display: block; margin-left: -50%; margin-top: -50%;  width: 100%; height: 100%;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transition: margin-left 0.3s ease-in-out, margin-top 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out, transform 0.3s ease-in-out;
    -moz-transition:    margin-left 0.3s ease-in-out, margin-top 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out, transform 0.3s ease-in-out;
    -o-transition:      margin-left 0.3s ease-in-out, margin-top 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition:         margin-left 0.3s ease-in-out, margin-top 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.active_book_img_a:hover .book_img_center img { width: 200%; height: 200%; margin-left: -100%; margin-top: -100%; 
    -moz-transform:     rotate(45deg);
    -webkit-transform:  rotate(45deg);
    -o-transform:       rotate(45deg);
    -ms-transform:      rotate(45deg);
    transform:          rotate(45deg);
}

.subscribe_form_border { border: 2px solid #5a4244; background-color: #ffffff; position: relative;
    -webkit-border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    border-radius: 0.8em;
}

.subscribe_input_block { width: 50%; font-size: 1em; position: relative; left: 5%; text-align: left; }
.subscribe_input_block label, .inp_email { position: absolute; left: 0; top:0; width: 100%; line-height: 1.1; display: block; padding: 0.6em 0; font-size: 1.3em; background-color: #ffffff; }
.inp_email { position: relative; color:#5a4244; }
.inp_email:focus, .inp_email.active { z-index: 10; }

a#btn, a#btn:link, a#btn:visited, a#btn:hover { text-decoration: none; 
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition:    background-color 0.3s ease-in-out;
    -o-transition:      background-color 0.3s ease-in-out;
    transition:         background-color 0.3s ease-in-out;
}
 
a#btn { display: block; width: 40%; right: 0.3em; top:0.3em; bottom: 0.3em; position: absolute; text-align: center; background-color: #5a4244; 
    -webkit-border-radius:  0.6em;
    -moz-border-radius:     0.6em;
    border-radius:          0.6em;
}

a#btn span { font-size: 1.3em; display: block; width: 100%; text-align: center; text-transform: uppercase; text-decoration: none; color: #ffffff; line-height: 1.7; }

img.loader { display: block; left: 50%; top: 50%; width: 2em; height: 2em; margin-left: -1em; margin-top: -1em; position: absolute; visibility: hidden; }

.loading img.loader { visibility: visible; }
.loading span { visibility: hidden; }
a#btn.loading { cursor: default; }
a#btn.loading, a#btn.loading:link, a#btn.loading:visited, a#btn.loading:hover, a#btn:hover { background-color: #847c7d; }

.subscribe_form { margin-bottom: 3em; }

#err { margin-top: 1em; color: #ac0014; overflow: hidden; max-height: 0; position: absolute; text-align: center; width: 100%;
    -webkit-transition: max-height 0.3s ease-in-out;
    -moz-transition:    max-height 0.3s ease-in-out;
    -o-transition:      max-height 0.3s ease-in-out;
    transition:         max-height 0.3s ease-in-out;
}
#err.err_block_active { max-height: 3em; }

#err_msg strong { font-size: 1.2em; font-family:'calibribold', Arial, Helvetica, sans-serif; }

#footer { position: relative; padding-top: 10em; margin: 0 auto; left: 0; right: 0; bottom:2em; max-width: 1400px; text-align: right; font-size: 0.7em; width: 90%; text-align: center; }


@media screen and (max-width:800px)
{
    .book_img_soon { font-size: 1.1em; }
}

@media screen and (max-width:700px)
{
    .conus_vision_title { font-size: 1.4em; }
    .book_title, .subscribe_form { font-size: 0.8em; }
    .back_img { font-size: 0.8em; }
    .book_img_soon { font-size: 1em; }
}

@media screen and (max-width:640px)
{
    .book_img_soon { font-size: 0.9em; }
}

@media screen and (max-width:550px)
{
    .book_img_soon { font-size: 0.8em; }
}

@media screen and (max-width:530px)
{
    .conus_vision_logo_img { width: 100%; margin-bottom: 4em; }
    .page_content_wrap { padding-top: 6em; }
    .conus_vision_title { font-size: 1.2em; }
    .subscribe_form { font-size: 0.7em; }
    .back_img { font-size: 0.7em; }
}

@media screen and (max-width:500px)
{
    .book { float: none; width: 100%; max-width: 20em; margin: 0 auto; margin-bottom: 2em; }
    .book_title { font-size: 1em; }
    .book_img_soon { font-size: 1.2em; }
}

@media screen and (max-width:390px)
{
    .book_title { font-size: 0.9em; }
    .book_img_soon { font-size: 1.1em; }
}

@media screen and (max-width:350px)
{
    .book_img_soon { font-size: 1em; }
}

@media screen and (max-width:300px)
{
    .book_img_soon { font-size: 0.9em; }

    .book_img {
        -webkit-border-radius: 1.7em;
        -moz-border-radius: 1.7em;
        border-radius: 1.7em;
    }
}

@media screen and (max-width:280px)
{
    .subscribe_input_block { width: 40%; }
    a#btn { width: 50%; }
}

@media screen and (max-width:270px)
{
    .book_img_soon { font-size: 0.8em; }
}