/*
Theme Name: monecole-one
Author: monecole.fr
Description: Theme utilisé sur les sites RL, MH et CN pour le moment
Version: 0.0.1
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
	## Generic styles
	## Buttons and links
# Navigation
# Forms
# Pagination and navbar
# Typography
# Cards styling
# Tables
# Sections Styling
    ## About Section
    ## Portfolio Section
    ## Contact Section
    ## Team Section
    ## Subscribe Section
# Footer
# Blog
	## Content
	## Sidebar
	## Attachment Page
# Responsive
--------------------------------------------------------------*/

/* 0 => Reprises bootstrap */
* {
    -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
}
.container:before,
.container:after {
    content: " ";
    display: table
}
img {
    border: 0;
    vertical-align: middle;
}
.navbar-brand {
	float: left;
	padding: 15px;
	font-size: 18px;
	line-height: 20px;
	height: 50px
}
.navbar-brand:hover,
.navbar-brand:focus {
	text-decoration: none
}
.navbar-nav {
    margin: 7.5px -15px;
}
@media (min-width: 768px){
    .container {
        width: 750px;
    }
    .navbar-header {
        float: left;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
    .navbar-right {
        float: right!important;
    }
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav>li {
        float: left;
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}
@media (min-width: 992px){
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px){
    .container {
        width: 1170px;
    }
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.nav>li {
    position: relative;
    display: block;
}


/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

html {
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

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,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
}
*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
}
body {
    background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
ol,
ul {
    list-style: none;
}
table {
    border-spacing: 0;
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
blockquote:before,
blockquote:after {
    content: "";
}
blockquote {
    quotes: "" "";
}
q {
    quotes: "“" "”" "‘" "’";
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}
a:focus {
    outline: none;
}
a:hover,
a:active {
    outline: 0;
}
a img {
    border: 0;
}
body {
    overflow-x: hidden;
    color: #808080;
    font-family: "Lato", Helvetica, sans-serif !important;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
}

/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
    width: device-width;
}
@-moz-viewport {
    width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}

/* Other fixes*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
i {
    vertical-align: middle;
}
ul,
ol {
    padding-left: 0 !important;
}

/* Selection colours (easy to forget) */
::selection {
    color: #fff;
    background: #fc6d6d;
}
::-moz-selection {
    color: #fff;
    background: #fc6d6d;
}
a {
    color: #e96656;
    -webkit-transition: all 700ms;
    transition: all 700ms;
}
a,
a:hover {
    text-decoration: none;
}
a:hover {
    color: #cb4332;
}
p {
    margin: 0;
}
.full-width {
    width: 100%;
    margin: auto;
}

/* do not group these rules (placeholder colors) */
*::-webkit-input-placeholder {
    color: #999 !important;
    opacity: 1 !important;
}
*:-moz-placeholder {
    color: #999 !important;
    opacity: 1 !important;
}
*::-moz-placeholder {
    color: #999 !important;
    opacity: 1 !important;
}
*:-ms-input-placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

.bypostauthor {
    display: inherit;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
p {
    margin-bottom: 1.5em;
}
b,
strong {
    font-weight: bold;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
blockquote {
    margin: 24px 40px;
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    line-height: 26px;
}
address {
    margin: 0 0 1.5em;
}
pre {
    overflow: auto;
    max-width: 100%;
    margin-bottom: 1.6em;
    padding: 1.6em;
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
}
code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
sup,
sub {
    position: relative;
    height: 0;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: 0.5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
dl {
    margin: 0 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    display: block;
    clear: both;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
h1,
h2 {
    font-family: "Montserrat", Helvetica, sans-serif;
    font-weight: 700;
    line-height: 35px;
}
h1,
h1 span {
    font-size: 30px;
}
h2 {
    font-size: 26px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 17px;
}
h6 {
    font-size: 16px;
}


/*--------------------------------------------------------------
3.0 Buttons
--------------------------------------------------------------*/

.buttons {
    margin-top: 45px;
    text-align: center;
}
.button {
    display: inline-block;
    margin: 10px;
    padding: 10px 35px 10px 35px;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}
.custom-button {
    display: inline-block !important;
    margin: 10px;
    padding: 13px 35px 13px 35px;
    border: none;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}
.red-btn {
    background: #e96656;
}
.green-btn {
    background: #1e9e6b;
}
.blue-btn {
    background: #3ab0e2;
}
.yellow-btn {
    background: #e7ac44;
}
.red-btn,
.green-btn,
.blue-btn,
.yellow-btn {
    color: #fff !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.blue-btn:hover {
    color: #fff;
    background: #1288b9;
}
.red-btn:hover {
    color: #fff;
    background: #cb4332;
}
.green-btn:hover {
    color: #fff;
    background: #069059;
}
.yellow-btn:hover {
    color: #fff;
    background: #d8951e;
}
.btn:hover {
    box-shadow: none;
}


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

hr {
    height: 1px;
    margin-bottom: 1.5em;
    border: 0;
    background-color: #ccc;
}
ul,
ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em 0;
}
img {
    max-width: 100%; /* Adhere to container width. */
    height: auto; /* Make sure images are scaled correctly. */
}
figure {
    margin: 0;
}
.site-main p {
    margin: 0 0 24px;
}
table {
    width: 100%;
    margin: 0 0 20px;
    border-bottom: 1px solid #ededed;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 2;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
caption {
    margin: 20px 0;
    font-size: 16px;
}
th {
    padding: 6px 10px 6px 0;
    border-top: 1px solid #ededed;
    font-weight: bold;
    text-transform: uppercase;
}
td {
    padding: 6px 10px 6px 0;
    border-top: 1px solid #ededed;
}
thead th {
    border: none;
}


/*---------------------------------------
 **   COLORS                         -----
-----------------------------------------*/

/** BACKGROUNDS **/
.red-bg {
    background: #e96656;
}
.green-bg {
    background: #34d293;
}
.blue-bg {
    background: #3ab0e2;
}
.yellow-bg {
    background: #e7ac44;
}
.dark-bg {
    background: #404040;
}
.white-bg {
    background: #fff;
}

/** FOR TEXTS AND ICON FONTS **/
.red-text {
    color: #e96656;
}
.green-text {
    color: #34d293;
}
.blue-text {
    color: #3ab0e2;
}
.yellow-text {
    color: #f7d861;
}
.dark-text {
    color: #404040;
}
.white-text {
    color: #fff;
}


/*---------------------------------------
 **   BORDER BOTTOMS                 -----
-----------------------------------------*/

.white-border-bottom:before {
    position: absolute;
    z-index: 1;
    bottom: -9px;
    left: 25%;
    width: 50%;
    height: 2px;
    margin: auto;
    background: #f5f5f5;
    content: "";
}
.dark-border-bottom:before {
    position: absolute;
    z-index: 1;
    bottom: -9px;
    left: 25%;
    width: 50%;
    height: 2px;
    margin: auto;
    background: #404040;
    content: "";
}
.red-border-bottom:before {
    position: absolute;
    z-index: 1;
    bottom: -9px;
    left: 12.5%;
    width: 75%;
    height: 2px;
    margin: auto;
    background: #e96656;
    content: "";
}
.green-border-bottom:before {
    position: absolute;
    z-index: 1;
    bottom: -9px;
    left: 12.5%;
    width: 75%;
    height: 2px;
    margin: auto;
    background: #34d293;
    content: "";
}
.blue-border-bottom:before {
    position: absolute;
    z-index: 1;
    bottom: -9px;
    left: 12.5%;
    width: 75%;
    height: 2px;
    margin: auto;
    background: #3ab0e2;
    content: "";
}
.yellow-border-bottom:before {
    position: absolute;
    z-index: 1;
    bottom: -9px;
    left: 12.5%;
    width: 75%;
    height: 2px;
    margin: auto;
    background: #f7d861;
    content: "";
}


/*---------------------------------------
 **   4.0 Forms                     -----
-----------------------------------------*/

button,
input,
select,
textarea {
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */

    *vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    margin: 10px;
    padding: 13px 35px 13px 35px;
    border: none;
    border-radius: 4px;
    color: #fff;
    background-color: #e96656;
    box-shadow: none;
    text-shadow: none;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    cursor: pointer;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa #bbb;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb #bbb;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}
input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    color: #555;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px;
}
textarea {
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    width: 98%;
    padding-left: 3px;
    vertical-align: top; /* Improves readability and alignment in all browsers */
}
.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="reset"],
.entry-content input[type="submit"] {
    padding: 13px 35px 13px 35px;
}
.entry-content button:hover,
.entry-content input[type="button"]:hover,
.entry-content input[type="reset"]:hover,
.entry-content input[type="submit"]:hover {
    background: #cb4332;
}
.input-box {
    display: inline-block;
    width: 274px;
    min-height: 46px;
    padding: 9px;
    padding-left: 15px !important;
    border: 0 !important;
    border-radius: 4px;
    background: rgba(255,255,255, 0.95);
    text-align: left;
    text-transform: none;
}
.textarea-box {
    display: inline-block;
    min-height: 250px;
    padding: 9px;
    padding-left: 15px;
    border: 0;
    border-radius: 4px;
    background: rgba(255,255,255, 0.95);
    text-align: left;
    text-transform: none;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus {
    outline: 1 !important;
    outline-color: #e96656 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
input:focus,
textarea:focus {
    border: 1px solid rgba(0, 0, 0, 0.3);
    outline: 0;
}


/*---------------------------------------
 **   5.0 Navigation                 -----
-----------------------------------------*/


/*---------------------------------------
 **   5.1 Links                 -----
-----------------------------------------*/

a {
    color: #e96656;
}
a:visited {
    color: #e96656;
}
a:hover,
a:focus,
a:active {
    color: #cb4332;
}


/*---------------------------------------
 **   5.2 Menus                  -----
-----------------------------------------*/

.main-navigation {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}
.main-navigation ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.main-navigation li {
    float: left;
    position: relative;
}
.main-navigation a {
    display: block;
    text-decoration: none;
}
.main-navigation ul ul {
    display: none;
    float: left;
    position: absolute;
    z-index: 99999;
    top: 1.5em;
    left: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.main-navigation ul ul ul {
    top: 0;
    left: 100%;
}
.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover > ul {
    display: block;
}

.navbar-collapse {
    overflow: visible !important;
}
.navbar-inverse li.menu-item-open-left:hover > ul.sub-menu,
.navbar-inverse li.menu-item-open-left.link-focus > ul.sub-menu {
    right: 0;
}
.navbar-inverse li.menu-item-open-left li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
    right: 100%;
    left: auto;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
    overflow: hidden;
    margin: 0 0 1.5em;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    width: 50%;
    text-align: right;
}
.nav-links a {
    color: #e96656;
}
.site-main .post-navigation {
    float: left;
    width: 100%;
}

@media (min-width: 768px) {
    .nav .has_children > a:after {
        margin: 0 0 0 6px;
        color: inherit;
        font-family: FontAwesome;
        content: "\f0d7";
    }

    .nav .sub-menu .has_children > a:after {
        content: "\f0da";
    }
}

/*---------------------------------------
 **   6.0 Accessibility                   -----
-----------------------------------------*/

/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    display: block;
    clip: auto !important;
    z-index: 100000; /* Above WP toolbar */
    top: 5px;
    left: 5px;
    width: auto;
    height: auto;
    padding: 15px 23px 14px;
    border-radius: 3px;
    color: #21759b;
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    text-decoration: none;
}


/*---------------------------------------
 **   7.0 Alignments                   -----
-----------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    display: block;
    clear: both;
    margin: 0 auto;
}


/*---------------------------------------
 **   8.0 Clearings                   -----
-----------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    display: table;
    content: "";
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/*---------------------------------------
 **   9.0 Widgets                   -----
-----------------------------------------*/

.sidebar-wrap {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.widget {
    /*margin: 0 0 1.5em;
    margin-bottom: 30px;*/
}
.widget .widget-title {
    float: none;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 5px;
    color: #404040;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}
.widget .widget-title:before {
    position: absolute;
    z-index: 1;
    bottom: -9px;
    left: 0;
    width: 35%;
    height: 2px;
    margin: auto;
    background: #e96656;
    content: "";
}

.widget-area {
    float: left;
    width: 100%;
}
.widget-area .widget {
    clear: both;
}

/* Make sure select elements fit in widgets */
.widget select {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    border: 1px solid #e9e9e9;
}
.tagcloud a {
    padding: 2px 5px;
    background: #fcfcfc;
}

/* Search widget */
.widget_search .search-submit {
    /*	display: none; */
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 0;
    background: url(images/search_icon.png) no-repeat center center;
    text-indent: -9999999px;
}
.widget_search label {
    position: relative;
    width: 100%;
    margin-bottom: 5px;
}
.widget_search form {
    position: relative;
}
.widget_search input {
    width: 83%;
    padding: 12px 15% 12px 2%;
}
.widget ul {
    display: block;
    margin: 0;
    padding: 0;
}
.widget li {
    position: relative;
    margin: 15px 0;
    margin-left: 3%;
    padding-left: 10px;
    text-align: left;
    list-style: none;
}
.widget li:before {
    float: left;
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: 11px;
    background: #e9e9e9;
    content: "";
}
.widget li a {
    color: #808080;
}
.widget li a:hover {
    color: #404040;
}


/*---------------------------------------
 **   10.0 Content                   -----
-----------------------------------------*/

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}
.site-content {
    background: #fff;
}
.home .site-content,
.page-template-template-frontpage .site-content {
    background: none;
}


/*---------------------------------------
 **   10.1 Posts and pages                   -----
-----------------------------------------*/

.hentry {
    margin: 0 0 1.5em;
}
.byline,
.updated {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: none;
}
.entry-meta-large .byline,
.entry-meta-large .updated {
    display: none;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.page-header {
    margin: 0 0 40px;
    border-bottom: none;
    text-align: left;
}
.search-results .page-header {
    margin: 0 0 40px;
}
.page-header .page-title {
    position: relative;
}
.page-header .page-title:before {
    position: absolute;
    z-index: 1;
    bottom: -9px;
    left: 0;
    width: 35%;
    height: 2px;
    margin: auto;
    background: #e9e9e9;
    content: "";
}
.taxonomy-description {
    margin-top: 15px;
}
.entry-title {
    position: relative;
}
.entry-meta {
    margin-top: 10px;
}
.content-area .entry-header {
    overflow: hidden;
}


/*---------------------------------------
 **   10.2 Asides                   -----
-----------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}


/*---------------------------------------
 **   11.0 Infinite scroll                    -----
-----------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}


/*---------------------------------------
 **   12.0 Media                    -----
-----------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: none;
}
.wp-caption {
    max-width: 100%;
    margin-bottom: 1.5em;
    border: 1px solid #ccc;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    max-width: 98%;
    margin: 1.2% auto 0;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 1.2%;
}
.site-main .gallery {
    margin-bottom: 1.5em;
}

.site-main .gallery a img {
    max-width: 90%;
    height: auto;
    border: none;
}
.site-main .gallery dd,
.site-main .gallery figcaption {
    margin: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}


/*---------------------------------------
 **   Section: Home                  -----
-----------------------------------------*/

.header.header {
    min-height: 76px;
}
.header.header > .navbar {
    -webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
    box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.header-content-wrap {
    position: relative;
    padding: 285px 0 210px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
    box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.blog-header-content-wrap {
    position: relative;
    padding: 170px 0 90px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
    box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.blog-header-subtitle {
    margin-bottom: 10px;
    color: #fff;
    font-size: 21px;
    font-weight: 100;
}
.header_title {
    float: left;
    height: 50px;
    margin-top: 10px;
}
.header_title h1 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
}
.header_title h2 {
    margin: 0;
    font-size: 15px !important;
    line-height: 15px;
}
.header_title a {
    color: #000;
}

/*----  SECTION:  HOME > TOP BAR   ----*/
#site-navigation {
    float: right;
    height: 1px;
    margin-right: 0;
    margin-left: 0;
}
.navbar {
    border: 0;
    border-radius: 0 !important;
    background: #fff;
    text-align: left;
}
#main-nav {
    position: fixed;
    z-index: 1000;
    width: 100%;
    min-height: 75px;
    margin-bottom: 0;
}
#main-nav.fixed {
    position: fixed;
    top: 0;
}
.navbar-inverse .navbar-nav {
    margin-right: 0;
    margin-left: 0;
}
.navbar-inverse .navbar-nav > li {
    display: inline;
    margin-top: 20px;
    margin-right: 20px;
}
.navbar-inverse .navbar-nav > li:last-child {
    margin-right: 0 !important;
}
.navbar-inverse .navbar-nav > li > a {
    padding: 0;
    color: #404040;
    line-height: 35px;
}
.navbar-inverse .main-navigation ul > li {
    display: inline;
    margin-top: 20px;
    margin-right: 20px;
}
.navbar-inverse .main-navigation > ul > li:last-child {
    margin-right: 0 !important;
}
.navbar-inverse .main-navigation > ul > li > a {
    padding: 0;
    color: #404040;
    line-height: 35px;
}
.navbar-inverse .navbar-nav ul.sub-menu {
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: -999em;
    width: 200px;
    background: #fff;
    box-shadow: 3px 3px 2px rgba(50, 50, 50, 0.08);
}
.navbar-inverse .navbar-nav ul.sub-menu {
    margin: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
    position: absolute;
    top: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
    float: none;
    position: relative;
    padding: 10px;
    list-style: none;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
    color: #404040;
}
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a,
.navbar-inverse .navbar-nav ul.sub-menu li.link-focus > a {
    color: #e96656;
}
.navbar-inverse ul ul {
    left: -999em;
}
.navbar-inverse ul ul ul {
    top: 0;
    left: -999em;
}
.navbar-inverse ul li:hover > ul.sub-menu,
.navbar-inverse ul li.link-focus > ul.sub-menu {
    left: auto;
}
.navbar-inverse ul ul li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
    left: 100%;
}
.navbar-brand {
    display: inline-block;
    position: relative;
    height: 76px;
    padding: 7px 15px;
    line-height: 60px;
    text-align: center;
}
.navbar-brand > a > img {
    width: auto;
    max-height: 100%;
}
.navbar-brand .site-title-tagline-wrapper {
    display: inline-block;
    vertical-align: middle;
}
.navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:hover,
.navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:focus {
    color: #e96656;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand .site-title > a {
    color: #999;
    text-decoration: none;
}
.navbar-inverse .navbar-brand p.site-description,
.navbar-inverse .navbar-brand .site-title {
    margin-bottom: 0;
    color: #000;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
}
.navbar-inverse .navbar-brand .site-title {
    margin-bottom: 5px;
}
.navbar-inverse .navbar-brand .site-title a {
    color: #000;
}
.navbar-inverse .navbar-brand p.site-description {
    font-size: 16px;
    line-height: normal;
}
.navbar-brand > img {
    max-height: 100%;
}
.navbar-brand:focus {
    border: 1px dotted black;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a.link-focus {
    outline: none;
    color: #e96656;
}
.navbar-toggle {
    margin-top: 23px;
    border: 0;
    background-color: #808080;
}
.navbar-toggle:focus {
    border: 1px dotted black;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    opacity: 1;
    background-color: #e96656;
    box-shadow: none;

    filter: alpha(opacity=100);
}
.navbar-toggle.active {
    background-color: #e96656 !important;
}
.navbar-toggle.collapsed {
    background-color: #808080 !important;
}
.menu-align-center #site-navigation {
    width: 100%;
}
.menu-align-center #site-navigation > ul {
    width: 100%;
    text-align: center;
}
.menu-align-center #site-navigation > ul ul {
    text-align: left;
}
.menu-align-center #site-navigation > ul > li {
    display: inline-block;
    float: none;
}
.menu-align-center .responsive-logo {
    width: 100%;
    text-align: center;
}
.menu-align-center .zerif_header_title {
    width: 100%;
}
.menu-align-center .navbar-inverse .navbar-nav > li {
    margin-top: 0;
    margin-bottom: 0;
}
.menu-align-center .responsive-logo > a {
    display: inline-block;
    float: none;
}
.menu-align-center .navbar-brand {
    float: none;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #e96656;
}
.navbar-inverse .navbar-nav > li.current > a {
    position: relative;
    outline: none;
    color: #e96656;
}
ul.nav > li.menu-item-home > a:before {
    display: none;
    content: "";
}
li.current > a:before {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 12.5%;
    width: 75%;
    height: 2px;
    margin: auto;
    background: #e96656;
    content: "";
}
ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 12.5%;
    width: 75%;
    height: 2px;
    margin: auto;
    background: #e96656;
    content: "";
}
ul.nav > li.current_page_item.menu-item-home > a:before {
    display: none;
    content: "";
}
ul.nav > li.current_page_item.current > a:before {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 12.5%;
    width: 75%;
    height: 2px;
    margin: auto;
    background: #e96656;
    content: "";
}

@media (max-width: 768px) {
    ul.nav > li.current > a:before,
    .page ul.nav > li.current-menu-item > a:before,
    .single-post ul.nav > li.current-menu-item > a:before,
    .archive ul.nav > li.current-menu-item > a:before {
        display: none;
    }
}


/*---------------------------------------
 **   Single page           -----
-----------------------------------------*/

.single-project {
	margin-bottom: 25px;
	text-align: left;
}
.single-project .project-image {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	text-align: left;
}
.single-project h3 {
	margin-bottom: 10px;
	padding-bottom: 7px;
	border-bottom: 1px dotted #dadada;
	line-height: 40px;
}
.single-project .project-description {
	margin-bottom: 25px;
}
.single-project .button {
	margin-left: 0;
}
.single-project .project-information {
	margin-bottom: 10px;
}
.single-project .project-information ul li {
	margin-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #dadada;
}
.single-project .project-information ul li span {
	margin-right: 5px;
	font-weight: 700;
}


/*---------------------------------------
 **   Section blog            -----
-----------------------------------------*/

.blog {
	overflow: hidden;
	position: relative;
	min-height: 175px;
}
.blog-list {
	background: #fff;
}
.post-img-wrap {
	display: inline-block;
	float: left;
	overflow: hidden;
	margin-right: 20px;
}

.post-img-wrap a img {
	width: 200px;
	height: auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3 ease-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.post-img-wrap a:hover img {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5 ease-out;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
article.hentry {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
article.sticky {
	padding: 10px;
	background: #f9f9f9;
}
article {
	text-align: left;
}
article .entry-meta a {
	color: #888;
	font-style: italic;
}
article .posted-on a:hover {
	color: #e96656;
}
.entry-footer a {
	color: #888;
	font-style: italic;
}
.entry-footer a:hover {
	color: #e96656;
}
.entry-title,
.entry-title a,
.widget-title,
.widget-title a {
	color: #404040;
	font-size: 20px;
	line-height: 22px;
}
.entry-title a:hover {
	color: #e96656;;
}
.clear {
	clear: both;
}
.content-left-wrap {
	padding-top: 60px;
}
.sidebar-wrap.content-left-wrap {
	margin-top: 60px;
	padding-top: 0;
}
.debar-wrap {
	margin-top: 50px;
}

.listpost-content-wrap h1.entry-title,
.list-post-top h1.entry-title {
	float: none;
	clear: none;
	margin-top: 0;
}
.listpost-content-wrap .entry-title:before {
	display: none;
	content: "";
}
.listpost-content-wrap .entry-title a:after {
	display: none;
	position: absolute;
	z-index: 1;
	bottom: -9px;
	left: 0;
	width: 35%;
	width: 50px;
	height: 2px;
	margin: auto;
	background: #e96656;
	content: "";
}

.listpost-content-wrap h1.entry-title a {
	float: none;
	position: relative;
}
.listpost-content-wrap-full {
	width: 100%;
}
.listpost-content-wrap-full .list-post-top {
	min-height: 1px;
}
.entry-title {
	margin-top: 0;
	padding-top: 0;
	font-size: 20px;
}
.listpost-content-wrap .entry-content {
	margin-top: 1em;
}
.listpost-content-wrap .entry-footer {
	padding-top: 10px;
}
.listpost-content-wrap-full .entry-footer > span,
.listpost-content-wrap .entry-footer > span {
	padding-right: 15px;
}
.listpost-content-wrap .entry-content p {
	min-height: 90px;
	margin-bottom: 0;
}
.entry-content {
	line-height: 20px;
}
.list-post-top {
	min-height: 130px;
}
.search .list-post-top {
	min-height: 1px;
}
.entry-footer {
	background: transparent;
}
.entry-footer-large a {
	color: #8b8b8b;
	font-style: italic;
}
.entry-footer-large a:hover {
	color: #e96656;
}
.entry-footer-large {
	float: left;
	position: relative;
	width: 100%;
	padding: 0 0 20px 0;
	padding-right: 200px;
	background: transparent;
}
.entry-footer-large > span {
	padding-right: 5px;
}
.entry-footer-large-left {
	float: left;
}
.large-container .entry-content p {
	margin: 4px 20px 0 0;
	text-align: justify;
}
.entry-content {
	margin: 1em 0 0;
}
.row {
	float: left;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

/* Calendar style */
/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
	border: 0;
	border-spacing: 1px;
	border-collapse: separate;
}
.widget_calendar caption {
	margin: 0;
	margin-bottom: 6px;
	font-size: 14px;
}
.widget_calendar th,
.widget_calendar td {
	padding: 0;
	text-align: center;
}
.widget_calendar a {
	display: block;
	color: #e96656;
	background: #f9f9f9;
}
.widget_calendar a:hover {
	color: #fff;
	background-color: #e96656;
}
.widget_calendar tbody td {
	background-color: #f9f9f9;
}
.site-footer .widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.05);
}
.widget_calendar tbody .pad,
.site-footer .widget_calendar tbody .pad {
	background-color: transparent;
}
.widget_calendar thead th {
	border: none;
	background: #e9e9e9;
}


/*----------------------------------------
 **   SiteOrigin Page Builder styles -----
-----------------------------------------*/

.siteorigin-panels.page-template-template-fullwidth-no-title .content-left-wrap {
	padding-top: 0;
}

.siteorigin-panels.page-template-template-fullwidth-no-title .type-page .entry-content {
	margin-top: 0;
}

.siteorigin-panels.page-template-template-fullwidth-no-title article.hentry {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.siteorigin-panels.page-template-template-fullwidth-no-title .hentry {
	margin: 0;
}

.siteorigin-panels .widget li::before {
	display: none;
}

/* ====================== Large TEMPLATE ============================== */
.entry-meta-large {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}
.entry-content p {
	text-align: justify;
}
.entry-content blockquote {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 15px;
	border-left: 3px solid #e96656;
}
.post-img-wrap-large a img {
	width: 100%;
	max-width: 100%;
	height: auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3 ease-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.listpost-content-wrap-large {
	position: absolute;
	bottom: 0;
	width: 100%;
	min-height: 50px;
	padding: 15px 20px 0 20px;
	border-top: 2px solid #fff;
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}
.large-container {
	float: left;
	position: relative;
	width: 95%;
	margin: 0 0 35px 0;
	border-radius: 4px;
	background-color: #fff;
}
.large-container .list-post-top {
	min-height: 130px;
}








body.custom-background {
	background-attachment: fixed !important;
	background-position: top center !important;
}

.blog .blog-site-content.site-content {
	background: #fff;
}

.zerif_team:nth-child(4n+1),
.our-team .col-lg-3:nth-child(4n+1) {
	clear: both;
}

.dropdownmenu {
	display: none;
}

/* mobile background fix */
.mobile-bg-fix-wrap {
	overflow: hidden;
	width: 100%;
}

.mobile-bg-fix-wrap .mobile-bg-fix-img-wrap {
	position: fixed;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mobile-bg-fix-wrap .mobile-bg-fix-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 125%;
	background-size: cover;
}

.mobile-bg-fix-wrap .mobile-bg-fix-whole-site {
	position: relative;
	z-index: 1;
}


/*---------------------------------------
 **   Responsive            -----
-----------------------------------------*/

@media (max-width: 1200px) {
	.header-content-wrap,
	.blog-header-content-wrap {
		padding: 235px 0 150px;
	}
}

@media (max-width: 767px) {
	/* HEADER */
	.bs-navbar-collapse {
		border: 0;
	}
	#main-nav {
		overflow: visible;
	}
	#main-nav,
	#main-nav.fixed {
		position: relative;
	}
	.navbar-inverse .navbar-nav {
		padding-left: 10px;
		line-height: normal;
		text-align: center;
	}
	.navbar-inverse .navbar-nav > li {
		display: inline-block;
		margin-bottom: 0;
	}
	.navbar-inverse .navbar-nav > li {
		position: relative;
		width: 100%;
		margin: 8px 0 0 0;
		padding: 0 0 8px 0;
		border-bottom: 1px solid #ededed;
	}
	.navbar-inverse .navbar-nav > li  a {
		text-align: left;
	}
	.navbar-inverse .navbar-nav ul.sub-menu {
		display: none !important;
		position: relative;
		top: 0;
		width: 100%;
		box-shadow: none;
	}
	.navbar-inverse .navbar-nav li.this-open > ul {
		display: block !important;
	}
	.navbar-inverse .navbar-nav ul.sub-menu li {
		float: left;
		width: 100%;
	}
	.navbar-inverse .navbar-nav ul.sub-menu li a {
		float: left;
		width: 100%;
		padding: 8px 25px 8px 0;
		border-bottom: 1px solid #ededed;
	}
	.navbar-inverse .navbar-nav ul.sub-menu li:last-child a {
		border-bottom: none;
	}
	.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
		position: relative;
		top: 0;
		left: 0;
	}
	.navbar-inverse .navbar-brand {
		float: left;
	}
	.rtl .navbar-inverse .navbar-brand {
		float: right;
	}
	.navbar-collapse {
		max-height: 100%;
	}
	.navbar-inverse .navbar-nav ul.sub-menu li {
		padding-left: 20px;
	}
	.navbar-inverse .navbar-nav ul.sub-menu li {
		padding-top: 0;
		padding-bottom: 0;
	}
	.dropdownmenu {
		display: block;
		position: absolute;
		z-index: 9;
		top: 5px;
		right: 0;
		width: 25px;
		height: 25px;
		margin: 0;
		padding: 0;
		border-radius: 3px;
		background: url(images/menu-icon.png) center center no-repeat #e96656;
	}
	.navbar-inverse .navbar-nav ul.sub-menu li {
		margin-right: 0;
		padding-right: 0;
	}
	.navbar-inverse .navbar-nav > li > a:hover {
		color: #404040 !important;
	}
	.this-open > a {
		color: #e96656 !important;
	}
	li.current > a:before {
		display: none !important;
		content: "";
	}
	ul.nav > li.current_page_item > a:before {
		left: 0;
		width: 50px;
		content: "";
	}
	.menu-align-center #site-navigation > ul ul {
		left: 0;
	}

/* HOME */
	.header {
		min-height: inherit;
		padding-bottom: 0 !important;
	}
	.intro {
		font-size: 6.5vw;
		line-height: 8vh;
	}
	.header-content-wrap,
	.blog-header-content-wrap {
		padding-top: 30%;
	}
	.intro-text {
		font-size: 41px;
		line-height: 49px;
	}
	.focus-box {
		margin-bottom: 75px;
	}
	.section-header {
		float: left;
		width: 100%;
	}
	.pirate-forms-g-recaptcha > div {
		display: inline-block;
	}
	.pirate_forms .pirate-forms-submit-button {
		display: inline-block;
		text-align: center;
	}
	.contact_submit_wrap {
		text-align: center;
	}

/* ABOUT US */
	.big-intro {
		font-size: 8vw !important;
		text-align: center !important;
	}
	.about-us .column {
		margin-bottom: 40px;
	}
	.skills {
		margin-bottom: 78px !important;
	}
	.our-clients {
		float: left;
		width: 100%;
	}

/* PURCHASE NOW */
	.purchase-now {
		margin: auto;
		text-align: center !important;
	}
	.purchase-now h3 {
		margin-bottom: 20px;
		text-align: center;
	}
	.purchase-now .button {
		float: none;
	}

/* FOOTER */
	.company-details {
		padding-top: 0;
		padding-bottom: 33px;
	}
	.copyright {
		width: 100%;
		padding-top: 33px;
		padding-bottom: 33px;
	}
	footer.entry-footer {
		padding-top: 0;
	}

/* comments */
	.comment-metadata {
		position: relative;
		top: 0;
		right: 0;
	}
}
@media (max-width: 480px) {
	/* HOME */
	.intro {
		margin-top: 60%;
		font-size: 6.5vw;
		line-height: 6vh;
	}

	.header-content-wrap,
	.blog-header-content-wrap {
		padding-top: 40%;
	}
	.intro-text {
		font-size: 32px;
		line-height: 37px;
	}
	h2 {
		font-size: 6.5vw !important;
	}
	.other-focus-list ul li {
		display: block;
		margin-right: 0;
		text-align: left;
	}

/* blog */
	.post-img-wrap {
		width: 100%;
	}
	.listpost-content-wrap {
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.post-img-wrap a {
		float: none;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	.post-img-wrap {
		margin-right: 0;
		text-align: center;
	}
	.post-img-wrap a img {
		width: auto;
	}

/* comments */
	.comment-reply-link {
		position: relative;
		margin-top: 10px;
	}
	.post-img-wrap a img {
		width: 250px;
		height: auto;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3 ease-out;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.post-img-wrap a:hover img {
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3 ease-out;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}


}
@media (max-width: 320px) {
	.intro {
		font-size: 7vw;
		line-height: 25px;
	}
	.header-content-wrap,
	.blog-header-content-wrap {
		padding-top: 50%;
	}
	.intro-text {
		font-size: 22px;
		line-height: 30px;
	}
	.client-list ul li {
		display: block;
	}
	.listpost-content-wrap-large {
		position: relative;
	}
	.post-img-wrap-large {
		display: none;
	}
}

/* print */
@media print {
	body {
		font-size: 11.25pt;
	}
	a:link:after,
	a:visited:after {
		content: "";
	}
	header.header {
		min-height: 0 !important;
	}
	#main-nav {
		position: relative;
	}
	.header-content-wrap,
	.blog-header-content-wrap {
		padding: 30px 0 15px;
	}

	.buttons {
		margin-top: 0;
		margin-bottom: 0;
		text-align: center;
	}
/* inner page */
	.content-left-wrap {
		padding-top: 0;
	}
}

/* Nivo slider basic styling */
.nivo-controlNav {
	position: absolute;
	width: 100%;
	bottom: 30px;
	text-align: center;
	z-index: 5;
}
.nivo-controlNav a,
.nivo-directionNav a {
	margin: 0 10px;
	padding: 5px 10px;
	opacity: 0.85;
	color: #fff;
	background-color: rgba(10, 10, 10, 0.9);
	cursor: pointer;
	transition: 0.3s ease;
}

.nivo-controlNav a.active {
	color: #333;
	background: #fff;
}

.nivo-controlNav a:hover,
.nivo-directionNav a:hover {
	opacity: 1;
}

.nivo-directionNav {
	position: relative;
	z-index: 100;
	bottom: 74px;
	width: 100%;
}

.nivo-directionNav .nivo-prevNav {
	float: left;
}

.nivo-directionNav .nivo-prevNav:before {
	content: "\00AB ";
}

.nivo-directionNav .nivo-nextNav {
	float: right;
}

.nivo-directionNav .nivo-nextNav:after {
	content: " \00BB";
}

/* END Nivo slider basic styling */