/*



 Theme Name: OSA



 Theme URI: https://www.opticalsolutions.com.au



 Description: Custom theme for OSA.



 Author: BBIM



 Author URI: https://brilliantdigital.com.au/



 License: Everything copyrighted



 Version: 1.1



*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:400,600|Nunito:300');
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

hr {
    margin: 0;
}

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

body {
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    color: #333333;
    background-color: #FFF;
    line-height: 30px;
    font-weight: 400;
    font-size: 16px;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style: none;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    -o-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
    color: #004498;
}

blockquote,
q {
    quotes: none;
}

form,
fieldset {
    border-style: none;
    margin: 0;
    padding: 0;
}

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

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="submit"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a img {
    outline: none;
    border: none;
}

.visible-lg {
    display: block;
}

.visible-xs {
    display: none;
}

.clearfix {
    clear: both;
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clear {
    clear: both;
}

.alignnone {
    margin: 0 auto;
}

.aligncenter {
    display: block;
    margin: 0 auto 20px auto;
}

.alignright {
    float: right;
    margin: 0 0 15px 15px;
}

.alignleft {
    float: left;
    margin: 0 15px 15px 0;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

p {
    margin-bottom: 15px;
    font-size: 18px;
    color: #717175;
    line-height: 28px;
    font-weight: 400;
}

b,
strong {
    font-weight: 700;
}

i,
em {
    font-style: italic;
}

ol {
    padding-left: 15px;
}

img {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #272525;
}

h1 {
    font-size: 46px;
    line-height: 50px;
    margin-bottom: 15px;
}

h2, h1.h2 {
    font-size: 38px;
    line-height: 40px;
    margin-bottom: 15px;
}

h3, h1.h3, h2.h3 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 15px;
}

h4 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 15px;
}

h5, h1.h5, h2.h5 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
}

h6 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 15px;
}

.hide-desktop {
    display: none;
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.text-center {
    text-align: center;
}

.btn {
    padding: 8px 26px;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    border-width: 2px;
    letter-spacing: 1px;
    border-style: solid;
    border-color: transparent;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}

.btn:focus,
.btn:active {
    outline: none;
}

.default-btn {
    background-color: transparent;
    color: #FFF;
    border-color: #FFF;
}

.default-btn:hover {
    background-color: #FFF;
    color: #004498;
}

.osa_button{
    margin: -30px 0 30px 0;
}


.primary-btn {
    background-color: #004498;
    color: #FFF;
    border-color: #004498;
}

.primary-btn:hover {
    background-color: #99989d;
    color: #FFF;
    border-color: #99989d;
}

.whiteBlueBg {
    background-color: #FFF;
}

.greyBgL {
    background-color: #f7f7f8;
}

.greyBg {
    background-color: #f4f4f5;;
}

.greyBg p {
    color: #717175;
}

.colorP {
    color: #641382
}

.colorW {
    color: #FFF;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.container {
    width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}


/* ======================================= */


/* ============== Header ================= */


/* ======================================= */

.header {
    background-color: #FFF;
}

.header.sticky-header {
    box-shadow: 0 0 2px #6b5e56;
}

.header .top-wrap {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    -webkit-transition: padding 0.25s ease-in 0s;
    -moz-transition: padding 0.25s ease-in 0s;
    -o-transition: padding 0.25s ease-in 0s;
    transition: padding 0.25s ease-in 0s;
}

.header.sticky-header .top-wrap {
    padding: 10px 0;
}

.header .logo {
    width: 144px;
    text-align: left;
    margin-top: 26px;
}

.header .middle-wrap {
    width: 650px;
    margin-top: 26px;
    float: left;
    margin-left: 40px;
    padding-left: 40px;
    border-left: 1px solid #004498;
}

.tag-line h6 {
    font-size: 19px;
    color: #004498;
    line-height: 26px;
    margin: 0;
}

.tag-line h6 > span {
    display: block;
    font-weight: 500;
}

.header .right-wrap {
    width: 236px;
    text-align: right;
}

.header .search-form {
    overflow: hidden;
}

.header .search-form {
    position: relative;
    margin-bottom: 15px;
    max-width: 600px;
    margin: 0 auto 20px auto;
}
.header .search-form {
    margin: 10px 0 0 0;
    float: right;
    max-width: 300px;
}
.header input[type="search"] {
    background-color: transparent;
    border: 2px solid #a1a3a5;
    display: inline-block;
    color: #000000;
    font-size: 15px;
    margin-top: 0;
    padding: 8px 35px 8px 12px;
    width: 100%;
}
.header input[type="search"]{
    background-color: #FFF;
}
.header .submit-btn {
    background-color: transparent;
    background-image: url("assets/images/searchicon2.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    height: 19px;
    position: absolute;
    right: 9px;
    top: 5px;
    width: 28px;
    margin-top: 0;
    z-index: 333;
}

.appointment a {
    background-color: #004b9a;
    border: 1px solid #80a5cd;
    color: #FFF;
    padding: 3px 10px;
    font-size: 13px;
    font-weight: 700;
    float: left;
}

.appointment a:hover {
    background-color: #004498;
}

.appointment a i {
    margin-right: 5px;
}

.phone_no a {
    font-size: 29px;
    color: #868589;
    font-weight: 500;
    vertical-align: middle;
    line-height: 44px;
}

.phone_no a span {
    background-color: #004498;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #b0c5df;
    padding: 12px 10px;
}

.phone_no i {
    text-align: center;
    margin-right: 4px;
    padding: 6px 10px;
    margin-right: 10px;
    font-size: 20px;
    line-height: 25px;
    vertical-align: middle;
    color: #FFF;
    border: 1px solid #b289c1;
    background-color: #641382;
    -webkit-transition: all 0.25s ease-in 0s;
    -moz-transition: all 0.25s ease-in 0s;
    -o-transition: all 0.25s ease-in 0s;
    transition: all 0.25s ease-in 0s;
}

.phone_no a:hover {
    color: #004498;
}

.phone_no a:hover i {
    background-color: #004b9a;
}

svg:not(:root) {
    overflow: hidden;
}

svg.icon {
    display: inline-block;
    fill: currentcolor;
    height: 1em;
    position: relative;
    top: -0.0625em;
    vertical-align: middle;
    width: 1em;
}

.sm-blue svg.icon{
    display: none;
}

.header .nav {
    border-top: 1px solid #80a2cc;
}

.menu-btn {
 border: 2px solid #004498;
    background-color: #004498;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
    height: 36px;
    margin-top: 0;
    position: absolute;
    top: 20px;
    right: 0;
    padding: 1px;
    width: 46px;
    margin-bottom: 0;
}

#showRightPush.menu-btn{
    float: right;
}
.lines::before {
    border-bottom: 13px double #FFF;
    border-top: 4px solid #FFF;
    content: "";
    height: 22px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 31px;
    -webkit-transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    -o-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
}

.crossBtn{
    cursor: pointer;
    float: left;
    width: 46px;
    text-align: center;
    padding: 13px;
    position: absolute;
    left: 5px;
    top: 0;
    z-index: 9999;
}

.crossBtn i{
    font-size: 20px;
    color: #FFF;
}




/* ===================================== */


/* ============= Body Content ========== */


/* ===================================== */

.section {
    padding: 70px 0;
}

.section a:focus,
.section a:active {
    outline: none;
}

.section ul,
.section ol {
    padding-left: 16px;
    margin-bottom: 15px;
}

.section .ddcommon ul {
    padding: 0;
    margin: 0;
}

.section ul li {
    list-style: disc;
}

.section li {
    color: #717175;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.bgImage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.slick-slide img.visible-lg {
    display: block;
}

.slick-slide img.visible-xs {
    display: none;
}
#heroSlider .item{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#heroSlider .item::before {
    content: '';
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

/*.sliderContent {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    width: 100%;
}*/

.sliderContent .content {
    width: 100%;
    z-index: 2;
    position: relative;
    margin: 0 auto; 
    color: #fff;
    padding: 100px 0;   
}

.custom-slider .slick-slide .sliderContent img {
    width: auto;
}

.sliderContent .content > span {
    max-width: 60px;
    margin: 0 auto 20px auto;
    display: block;
}

.sliderContent h1 {
    font-size: 56px;
    font-weight: 500;
}

.sliderContent h1,
.sliderContent h3 {
    color: #FFF;
    text-transform: uppercase;
}

.sliderContent h3 {
    font-family: 'Nunito', sans-serif;
    font-size: 30px;
    letter-spacing: 10px;
	font-weight: 300;
}

.sliderContent h1 hr {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #FFF;
    width: 60%;
    margin: 30px auto;
}

.sliderContent p {
    font-size: 22px;
    color: #FFF;
}

.slider-btn {
    margin-top: 50px;
}

.slider-btn a {
	margin: 0 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-width: 3px;
    width: 210px;
}

.custom-slider .slick-prev {
    left: 0;
}

.custom-slider .slick-next {
    right: 0
}

.custom-slider .slick-prev,
.custom-slider .slick-next {
    z-index: 666;
    color: #080808;
    background-color: #FFF;
    height: 50px;
    width: 50px;
}

.custom-slider .slick-prev:before,
.custom-slider .slick-next:before {
    content: '';
}

.custom-slider .slick-slide img {
    width: 100%;
}

.custom-slider .slick-arrow i {
    color: #080808;
    font-size: 46px;
    font-weight: 300;
    line-height: 23px;
    -webkit-transition: color 0.1s ease-in 0s;
    -moz-transition: color 0.1s ease-in 0s;
    -o-transition: color 0.1s ease-in 0s;
    transition: color 0.1s ease-in 0s;
}

.custom-slider .slick-arrow:hover i {
    color: #f76e10;
}

#heroSlider .slick-dots {
    position: absolute;
    padding-left: 0;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
}

.section .slick-dots {
    padding-left: 0;
}

.slick-dots li {
    height: auto;
    margin: 0 8px;
    width: auto;
}

.slick-dots li button {
    background-color: transparent;
    border: 1px solid #FFF;
    font-size: 0;
    width: 14px;
    height: 14px;
}

.slick-dots li button:before {
    color: transparent;
    opacity: 1;
    content: '';
}

.slick-dots li.slick-active button:before {
    color: transparent;
    opacity: 1;
    content: '';
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li.slick-active button,
.slick-dots li button:hover {
    background-color: #FFF;
}

#heroSlider.slick-dotted {
    margin-bottom: 0;
}

.block-title {
    letter-spacing: 2px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    margin-top: 0;
}

.row.fullwidth .block-title hr {
    margin: 10px auto 20px auto;
}

h1.block-title hr,
h2.block-title hr,
h3.block-title hr,
h4.block-title hr,
h5.block-title hr,
h6.block-title hr,
.content-area .content-wrap .text > hr {
    background-color: transparent;
    border: none;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    width: 200px;
    margin: 15px 0;
}

.block-title.colorW hr {
    border-color: #908c8a;
}

.block-title.colorP hr {
    border-color: #8b4ea1;
}

.block-title.colorBL hr,
.content-area .content-wrap .text > hr {
    border-color: #c2c0c0;
}

.content-wrapper {
    overflow: hidden;
    width: 100%;
}

.content-block {
    position: relative;
    background-color: #dfdee2;
}

.content-block.inner-page {
    background-color: #FFF;
}

.page-template-inner_with_grid .grid-wrapper {
    padding-bottom: 0;
}

.content-wrapper .small-screen {
    opacity: 0;
}

.content-block .img-block {
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

.content-block .text-block {
    max-width: 50%;
    width: 50%;
}

.content-block p,
.section.content-block li {
    color: #717175;
}

.content-block .text-block {
    position: relative;
}

.content-block .text-block:before {
    content: '';
    background-image: url('assets/images/icon6.png');
    background-repeat: no-repeat;
    background-size: cover;
    border: 10px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 30%;
    padding: 0px;
    text-align: center;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    height: 130px;
    width: 130px;
    padding: 12px;
}


.my_home_left{
    width: 40%;
    float: left;
}

.my_home_right{
    width: 55%;
    float: right;
}
.my_home_right iframe{
    width: 100%;
}

.row.align-right .text-block:before {
    left: -63px;
}

.row.align-left .text-block:before {
    right: -63px;
}

.content-block .text-block > div {
    width: 480px;
    padding: 50px 0;
}

.row.align-left .text-block,
.row.align-right .text-block > div {
    float: left;
}

.row.align-right .text-block > div {
    width: 520px;
}

.row.align-right .text-block,
.row.align-left .text-block > div {
    float: right;
}

.row.align-right .text-block > div {
    padding-left: 120px;
}

.row.align-left .text-block > div {
    padding-right: 120px;
}

.row.align-right .img-block {
    left: 0;
    right: auto;
}

.row.align-left .img-block {
    right: 0;
    left: auto;
}

.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6,
.page-title h1,
.page-title h2,
.page-title h3,
.page-title h4,
.page-title h5,
.page-title h6 {
    word-spacing: 3px;
    letter-spacing: 8px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
}
.section-title img,
.title-with-logo img{
    display: inline-block;
    vertical-align: middle;
    max-width: 200px;
    margin-right: 15px;
} 


.single-wrapper .page-title h1,
.single-wrapper .page-title h2,
.single-wrapper .page-title h3,
.single-wrapper .page-title h4,
.single-wrapper .page-title h5,
.single-wrapper .page-title h6 {
    word-spacing: 1px;
    letter-spacing: 1px;
}

.block-one .section-title h1,
.block-one .section-title h2,
.block-one .section-title h3,
.block-one .section-title h4,
.block-one .section-title h5,
.block-one .section-title h6 {
    word-spacing: 1px;
    letter-spacing: 6px;
}

.section-title h1 hr,
.section-title h2 hr,
.section-title h3 hr,
.section-title h4 hr,
.section-title h5 hr,
.section-title h6 hr,
.page-title h1 hr,
.page-title h2 hr,
.page-title h3 hr,
.page-title h4 hr,
.page-title h5 hr,
.page-title h6 hr {
    background-color: transparent;
    border: none;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    width: 70%;
    margin: 25px auto;
}

.single-wrapper .page-title hr {
    width: 100px;
}

.section-title .colorW hr,
.page-title .colorW hr {
    border-color: #908c8a;
}

.section-title .colorP hr,
.page-title .colorP hr {
    border-color: #8b4ea1;
}

.section-title .colorBL hr,
.page-title .colorBL hr {
    border-color: #c2c0c0;
}

.vac-wrapper {
    position: relative;
    padding-bottom: 30px;
    overflow: hidden;
	background-color: #f4f4f5;
}

.vac-wrapper .top-wrap .content {
    padding: 0 10%;
}

.vac-wrapper .bottom-wrap {
    position: relative;
    margin-top: 100px;
}


/*******************************************



 * 20. Categories Selector (portfolio, WPB)



 *******************************************/

 .mid-section.om_theme{
    padding-bottom: 0;
 }
.mid-section.om_theme .section-title{
    margin-bottom: 40px;
 }

.om_theme .ompf-portfolio-categories-wrapper,
.om_theme .wpb_teaser_grid .categories_filter {
    margin-bottom: 2em;
}

.om_theme .ompf-portfolio-categories li a,
.om_theme .wpb_teaser_grid .categories_filter li a {
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    background: none;
    color: inherit;
    padding: 0.5em 1.1em;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.om_theme .wpb_teaser_grid .categories_filter li a:hover {
    border-style: solid;
}

.om_theme .ompf-portfolio-categories li,
.om_theme .wpb_teaser_grid .categories_filter li {
    margin: 0 -1px -1px 0;
}

.om_theme .ompf-portfolio-categories li a.ompf-active,
.om_theme .ompf-portfolio-categories li a.ompf-active:hover,
.om_theme .wpb_teaser_grid .categories_filter li.active a,
.om_theme .wpb_teaser_grid .categories_filter li.active a:hover {
    color: #fff;
}


/*******************************************



 * 21. Portfolio



 *******************************************/


/* Portfolio Index Page */

.ompf-post-title {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 10%;
}

.ompf-post-title h2,
.ompf-post-title h4 {
    color: #FFF;
    text-transform: uppercase;
}

.ompf-post-title h2 {
    font-weight: 900;
}

.ompf-post-title h4 {
    font-weight: 400;
}

.ompf-portfolio-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.ompf-portfolio-thumb .ompf-title {
    font-size: 120%;
}

.ompf-portfolio-thumb .ompf-text {
    margin-top: 0.5em;
}

.om_theme .ompf-portfolio-thumb a {
    border-radius: 0;
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.15);
}

.om_theme .ompf-portfolio-thumb a:hover {
    box-shadow: none;
    text-decoration: none;
    border-color: rgba(0, 0, 0, 0.15);
}

.om_theme .ompf-portfolio-thumb .ompf-pic {
    border-radius: 0;
}

.mid-section.om_theme .ompf-portfolio-thumb .ompf-pic {
    padding-top: 80%;
}

.ompf-portfolio-thumb.ompf-with-link a img,
.ompf-portfolio-thumb.ompf-with-link a:hover img {
    -webkit-transform: none;
    transform: none;
}

.ompf-portfolio-thumb.ompf-with-link a .section-icon img {
    width: auto;
}


/* full layout & thumbnail */

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb .ompf-desc {
    padding-bottom: 1.5em;
}

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb a img {
    position: relative;
    top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb a:hover img {
    -webkit-transform: none;
    transform: none;
    top: -3px;
}

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb .ompf-desc-wrapper {
    position: relative;
    top: 0;
    margin-left: -1px;
    margin-right: -1px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb a:hover .ompf-desc-wrapper {
    top: -6px;
}

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb a .ompf-pic-inner:after,
.om_theme .ompf-preview-layout-thumbnail .ompf-portfolio-thumb a .ompf-pic-inner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb a:hover .ompf-pic-inner:after,
.om_theme .ompf-preview-layout-thumbnail .ompf-portfolio-thumb a:hover .ompf-pic-inner:after {
    opacity: 1;
}

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb a .ompf-pic:before,
.om_theme .ompf-preview-layout-thumbnail .ompf-portfolio-thumb a .ompf-pic:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    margin: -26px 0 0 -12px;
    opacity: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGxpbmUgeTE9IjExIiB4MT0iMjAiIHkyPSIyNSIgeDI9IjM0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2ZmZmZmZiIvPjxsaW5lIHkxPSIyNSIgeDE9IjM0IiB5Mj0iMzkiIHgyPSIyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNmZmZmZmYiLz48L3N2Zz4=") no-repeat center center;
    background-size: 40px 40px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
}

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb a:hover .ompf-pic:before,
.om_theme .ompf-preview-layout-thumbnail .ompf-portfolio-thumb a:hover .ompf-pic:before {
    opacity: 1;
    margin-left: -25px;
}

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb a .ompf-pic:after,
.om_theme .ompf-preview-layout-thumbnail .ompf-portfolio-thumb a .ompf-pic:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #fff;
    margin: -26px 0 0 -50px;
    height: 50px;
    width: 50px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb a:hover .ompf-pic:after,
.om_theme .ompf-preview-layout-thumbnail .ompf-portfolio-thumb a:hover .ompf-pic:after {
    opacity: 0.5;
    margin-left: -25px;
}

.om_theme .ompf-preview-layout-full a {
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}


/* full hover */

.ompf-preview-layout-full-hover .ompf-portfolio-thumb .ompf-desc-wrapper {
    opacity: 1;
    background-color: transparent;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb .ompf-desc-wrapper:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb .ompf-desc,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb .ompf-desc {
    padding: 0;
    text-align: center;
    display: table;
    width: 100%;
    height: 100%;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb .ompf-desc-inner,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb .ompf-desc-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10%;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb .ompf-title,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb .ompf-title {
    margin: 1.5em 15px;
    padding: 0 0.9em;
    color: #464646;
    text-transform: uppercase;
    font-size: 120%;
}

.ompf-desc-wrapper .btn {
    margin-top: 2em;
    background-color: rgb(0, 68, 152);
    border-color: rgb(0, 68, 152);
    color: rgb(255, 255, 255);
}

.ompf-preview-layout-full-hover.ompf-size-medium .ompf-portfolio-thumb .ompf-title,
.ompf-preview-layout-full-hover-2.ompf-size-medium .ompf-portfolio-thumb .ompf-title,
.ompf-preview-layout-full-hover.ompf-size-large .ompf-portfolio-thumb .ompf-title,
.ompf-preview-layout-full-hover-2.ompf-size-large .ompf-portfolio-thumb .ompf-title {
    margin-left: 1em;
    margin-right: 1em;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb .ompf-title {
    position: relative;
    top: -20px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb .ompf-text,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb .ompf-text {
    margin: 0.5em 15px;
    padding: 0 1em;
    font-size: 95%;
}

.ompf-preview-layout-full-hover.ompf-size-medium .ompf-portfolio-thumb .ompf-text,
.ompf-preview-layout-full-hover-2.ompf-size-medium .ompf-portfolio-thumb .ompf-text,
.ompf-preview-layout-full-hover.ompf-size-large .ompf-portfolio-thumb .ompf-text,
.ompf-preview-layout-full-hover-2.ompf-size-large .ompf-portfolio-thumb .ompf-text {
    margin-left: 1.5em;
    margin-right: 1.5em;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb .ompf-text {
    opacity: 0;
    position: relative;
    top: -20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a:hover .ompf-desc-wrapper:before {
    opacity: 0.3;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a:hover .ompf-title {
    top: 0;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a:hover .ompf-text {
    top: 0;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a:hover .ompf-pic img {
    -webkit-transform: scale(1.1, 1.1) rotate(0.1deg);
    transform: scale(1.1, 1.1) rotate(0.1deg);
}

@media only screen and (max-width: 1024px) {
    .ompf-preview-layout-full-hover .ompf-title,
    .ompf-preview-layout-full-hover-2 .ompf-title {
        font-size: 90%;
    }
    .ompf-preview-layout-full-hover .ompf-text,
    .ompf-preview-layout-full-hover-2 .ompf-text {
        font-size: 75%;
    }
}


/* full hover 3d */

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb .ompf-text {
    opacity: 0.8;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb .ompf-desc-wrapper:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: none;
    opacity: 0.3;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb.ompf-with-link a:hover img {
    -webkit-transform: none;
    transform: none;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a .ompf-desc-wrapper {
    -webkit-transition: none;
    transition: none;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.in-top .ompf-desc-wrapper,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.out-top .ompf-desc-wrapper {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.in-top .ompf-desc-wrapper {
    -webkit-animation: in-top 0.3s ease 0ms 1 forwards;
    animation: in-top 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.out-top .ompf-desc-wrapper {
    -webkit-animation: out-top 0.3s ease 0ms 1 forwards;
    animation: out-top 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.in-bottom .ompf-desc-wrapper,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.out-bottom .ompf-desc-wrapper {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.in-bottom .ompf-desc-wrapper {
    -webkit-animation: in-bottom 0.3s ease 0ms 1 forwards;
    animation: in-bottom 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.out-bottom .ompf-desc-wrapper {
    -webkit-animation: out-bottom 0.3s ease 0ms 1 forwards;
    animation: out-bottom 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.in-left .ompf-desc-wrapper,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.out-left .ompf-desc-wrapper {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.in-left .ompf-desc-wrapper {
    -webkit-animation: in-left 0.3s ease 0ms 1 forwards;
    animation: in-left 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.out-left .ompf-desc-wrapper {
    -webkit-animation: out-left 0.3s ease 0ms 1 forwards;
    animation: out-left 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb.no-img a.out-left .ompf-desc-wrapper,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb.no-img a.out-right .ompf-desc-wrapper,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb.no-img a.out-bottom .ompf-desc-wrapper,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb.no-img a.out-top .ompf-desc-wrapper {
    -webkit-animation: none;
    animation: none;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.in-right .ompf-desc-wrapper,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.out-right .ompf-desc-wrapper {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.in-right .ompf-desc-wrapper {
    -webkit-animation: in-right 0.3s ease 0ms 1 forwards;
    animation: in-right 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb.no-img a.in-right .ompf-desc-wrapper,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb.no-img a.in-left .ompf-desc-wrapper,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb.no-img a.in-bottom .ompf-desc-wrapper,
.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb.no-img a.in-top .ompf-desc-wrapper {
    -webkit-animation: none;
    animation: none;
}

.ompf-preview-layout-full-hover-2 .ompf-portfolio-thumb a.out-right .ompf-desc-wrapper {
    -webkit-animation: out-right 0.3s ease 0ms 1 forwards;
    animation: out-right 0.3s ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
    from {
        -webkit-transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(500px) rotateX(0deg);
    }
}

@keyframes in-top {
    from {
        transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }
    to {
        transform: perspective(500px) rotateX(0deg);
    }
}

@-webkit-keyframes out-top {
    from {
        -webkit-transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }
}

@keyframes out-top {
    from {
        transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }
    to {
        transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }
}

@-webkit-keyframes in-bottom {
    from {
        -webkit-transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(500px) rotateX(0deg);
    }
}

@keyframes in-bottom {
    from {
        transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }
    to {
        transform: perspective(500px) rotateX(0deg);
    }
}

@-webkit-keyframes out-bottom {
    from {
        -webkit-transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }
}

@keyframes out-bottom {
    from {
        transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }
    to {
        transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }
}

@-webkit-keyframes in-left {
    from {
        -webkit-transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(500px) rotateY(0deg);
    }
}

@keyframes in-left {
    from {
        transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }
    to {
        transform: perspective(500px) rotateY(0deg);
    }
}

@-webkit-keyframes out-left {
    from {
        -webkit-transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }
}

@keyframes out-left {
    from {
        transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }
    to {
        transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }
}

@-webkit-keyframes in-right {
    from {
        -webkit-transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(500px) rotateY(0deg);
    }
}

@keyframes in-right {
    from {
        transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }
    to {
        transform: perspective(500px) rotateY(0deg);
    }
}

@-webkit-keyframes out-right {
    from {
        -webkit-transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }
}

@keyframes out-right {
    from {
        transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }
    to {
        transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }
}

.ompf-portfolio.ompf-sc-portfolio .ompf-portfolio-thumb {
    -webkit-transform: translateZ(0);
    /* hover movement fix */
    transform: translateZ(0);
}


/***/

.ompf-portfolio.ompf-preview-layout-full-hover.ompf-margins-none,
.ompf-portfolio.ompf-preview-layout-full-hover-2.ompf-margins-none {
    margin-bottom: -2px;
}


/***/


/* Portfolio Full Width */

.ompf-portfolio-full-width .page-title-wrapper.tpl-color + .content,
.ompf-portfolio-full-width .page-title-wrapper.tpl-image + .content,
.ompf-portfolio-full-width .page-title-wrapper.tpl-parallax + .content {
    padding-top: 0;
}

.ompf-portfolio-full-width .content {
    padding-bottom: 0;
}

.ompf-portfolio-full-width .content .container {
    max-width: none;
    width: 100%;
    overflow: hidden;
}

.ompf-portfolio-full-width .content .container-inner {
    margin: 0;
}

.ompf-portfolio-full-width .ompf-portfolio-categories-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
}

.ompf-portfolio-full-width .page-title-wrapper.tpl-color + .content .ompf-portfolio-categories-wrapper,
.ompf-portfolio-full-width .page-title-wrapper.tpl-image + .content .ompf-portfolio-categories-wrapper,
.ompf-portfolio-full-width .page-title-wrapper.tpl-parallax + .content .ompf-portfolio-categories-wrapper {
    margin-top: 2em;
}

.ompf-portfolio-full-width .ompf-portfolio-wrapper {
    margin-bottom: 0;
}

.ompf-portfolio-full-width .page-title-wrapper.tpl-color + .content .ompf-portfolio-wrapper,
.ompf-portfolio-full-width .page-title-wrapper.tpl-image + .content .ompf-portfolio-wrapper,
.ompf-portfolio-full-width .page-title-wrapper.tpl-parallax + .content .ompf-portfolio-wrapper {
    margin-top: 0;
}

.ompf-portfolio-full-width .page-title-wrapper.tpl-color + .content .ompf-portfolio.ompf-margins-standard,
.ompf-portfolio-full-width .page-title-wrapper.tpl-image + .content .ompf-portfolio.ompf-margins-standard,
.ompf-portfolio-full-width .page-title-wrapper.tpl-parallax + .content .ompf-portfolio.ompf-margins-standard {
    margin-top: 3%;
}

.ompf-portfolio-full-width .ompf-portfolio-wrapper .ompf-portfolio.ompf-margins-standard {
    margin-bottom: 0;
}


/* Portfolio Single Page */

.ompf-portfolio-single-categories {
    font-size: 85%;
}

.ompf-portfolio-single-categories-divider {
    margin: 0 0.5em;
}

.ompf-portfolio-single-categories-divider:before {
    content: '\f111';
    font-family: 'omFont';
    font-size: 5px;
    vertical-align: middle;
    opacity: 0.4;
}

.ompf-portfolio-single {
    margin-bottom: 2em;
}

.ompf-media-width100 .ompf-portfolio-single-media {
    padding: 0;
}

.ompf-portfolio-single-media {
    padding: 1.35em 0;
}


/* Portfolio widget */

.ompf-portfolio.ompf-widget-mode .ompf-portfolio-thumb {
    margin-bottom: 2em;
}


/*******************************************



 * 27. Animations



 *******************************************/


/* keyframes */

@-webkit-keyframes om-ltr {
    0% {
        -webkit-transform: translate(-70px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes om-ltr {
    0% {
        transform: translate(-70px, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes om-rtl {
    0% {
        -webkit-transform: translate(70px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes om-rtl {
    0% {
        transform: translate(70px, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes om-ttb {
    0% {
        -webkit-transform: translate(0, -70px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes om-ttb {
    0% {
        transform: translate(0, -70px);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes om-btt {
    0% {
        -webkit-transform: translate(0, 70px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes om-btt {
    0% {
        transform: translate(0, 70px);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes om-zoom-in {
    0% {
        -webkit-transform: scale(0.4, 0.4);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

@keyframes om-zoom-in {
    0% {
        transform: scale(0.4, 0.4);
        opacity: 0;
    }
    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}

@-webkit-keyframes om-zoom-out {
    0% {
        -webkit-transform: scale(1.4, 1.4);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

@keyframes om-zoom-out {
    0% {
        transform: scale(1.4, 1.4);
        opacity: 0;
    }
    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}

@-webkit-keyframes om-spin {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
    }
}

@keyframes om-spin {
    0% {
        transform: rotate(0deg);
        opacity: 0;
    }
    100% {
        transform: rotate(360deg);
        opacity: 1;
    }
}

@-webkit-keyframes om-spin-lt {
    0% {
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
    }
}

@keyframes om-spin-lt {
    0% {
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes om-spin-rt {
    0% {
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
    }
}

@keyframes om-spin-rt {
    0% {
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes om-flip-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes om-flip-x {
    0% {
        transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }
    100% {
        transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes om-flip-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(550px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes om-flip-y {
    0% {
        transform: perspective(550px) rotateY(90deg);
        opacity: 0;
    }
    100% {
        transform: perspective(550px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes om-flip {
    0% {
        -webkit-transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }
    30% {
        -webkit-transform: perspective(550px) rotateX(-35deg);
        opacity: .4;
    }
    60% {
        -webkit-transform: perspective(550px) rotateX(15deg);
        opacity: .6;
    }
    80% {
        -webkit-transform: perspective(550px) rotateX(-7deg);
        opacity: .8;
    }
    100% {
        -webkit-transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes om-flip {
    0% {
        transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }
    30% {
        transform: perspective(550px) rotateX(-35deg);
        opacity: .4;
    }
    60% {
        transform: perspective(550px) rotateX(15deg);
        opacity: .6;
    }
    80% {
        transform: perspective(550px) rotateX(-7deg);
        opacity: .8;
    }
    100% {
        transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes om-bounce {
    17%,
    65%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
    }
    0% {
        opacity: 0;
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -60px, 0);
    }
    47% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -25px, 0);
        opacity: 1;
    }
    82% {
        -webkit-transform: translate3d(0, -8px, 0);
    }
}

@keyframes om-bounce {
    17%,
    65%,
    100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
    0% {
        opacity: 0;
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -60px, 0);
    }
    47% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -25px, 0);
        opacity: 1;
    }
    82% {
        transform: translate3d(0, -8px, 0);
    }
}

@-webkit-keyframes om-zoom-in-down {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes om-zoom-in-down {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-webkit-keyframes om-zoom-in-up {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes om-zoom-in-up {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}


/***/

.om-animation-enabled .om-animation {
    opacity: 0;
}

.om-animation-enabled .om-animation.om-animation-start {
    opacity: 1;
}

.om-animation-enabled .om-animation.om-effect-left-to-right.om-animation-start,
.om-animation-enabled .om-animation.wpb_left-to-right.om-animation-start,
.om_theme .wpb_start_animation.wpb_left-to-right {
    -webkit-animation: om-ltr 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    animation: om-ltr 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.om-animation-enabled .om-animation.om-effect-right-to-left.om-animation-start,
.om-animation-enabled .om-animation.wpb_right-to-left.om-animation-start,
.om_theme .wpb_start_animation.wpb_right-to-left {
    -webkit-animation: om-rtl 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    animation: om-rtl 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.om-animation-enabled .om-animation.om-effect-top-to-bottom.om-animation-start,
.om-animation-enabled .om-animation.wpb_top-to-bottom.om-animation-start,
.om_theme .wpb_start_animation.wpb_top-to-bottom {
    -webkit-animation: om-ttb 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    animation: om-ttb 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.om-animation-enabled .om-animation.om-effect-bottom-to-top.om-animation-start,
.om-animation-enabled .om-animation.wpb_bottom-to-top.om-animation-start,
.om_theme .wpb_start_animation.wpb_bottom-to-top {
    -webkit-animation: om-btt 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    animation: om-btt 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.om-animation-enabled .om-animation.om-effect-zoom-in.om-animation-start,
.om-animation-enabled .om-animation.wpb_zoom-in.om-animation-start,
.om_theme .wpb_start_animation.wpb_zoom-in {
    -webkit-animation: om-zoom-in 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: om-zoom-in 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.om-animation-enabled .om-animation.om-effect-zoom-out.om-animation-start,
.om-animation-enabled .om-animation.wpb_zoom-out.om-animation-start,
.om_theme .wpb_start_animation.wpb_zoom-out {
    -webkit-animation: om-zoom-out 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: om-zoom-out 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.om-animation-enabled .om-animation.om-effect-appear.om-animation-start,
.om-animation-enabled .om-animation.wpb_appear.om-animation-start,
.om_theme .wpb_start_animation.wpb_appear {
    -webkit-animation: om-zoom-in 0.4s cubic-bezier(0.17, 0.89, 0.45, 1.47) forwards;
    animation: om-zoom-in 0.4s cubic-bezier(0.17, 0.89, 0.45, 1.47) forwards;
}

.om-animation-enabled .om-animation.om-effect-spin.om-animation-start,
.om-animation-enabled .om-animation.wpb_spin.om-animation-start,
.om_theme .wpb_start_animation.wpb_spin {
    -webkit-animation: om-spin 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: om-spin 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.om-animation-enabled .om-animation.om-effect-spin-lt,
.om-animation-enabled .om-animation.wpb_spin-lt,
.om_theme .wpb_animate_when_almost_visible.wpb_spin-lt {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.om-animation-enabled .om-animation.om-effect-spin-lt.om-animation-start,
.om-animation-enabled .om-animation.wpb_spin-lt.om-animation-start,
.om_theme .wpb_start_animation.wpb_spin-lt {
    -webkit-animation: om-spin-lt 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: om-spin-lt 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.om-animation-enabled .om-animation.om-effect-spin-rt,
.om-animation-enabled .om-animation.wpb_spin-rt,
.om_theme .wpb_animate_when_almost_visible.wpb_spin-rt {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.om-animation-enabled .om-animation.om-effect-spin-rt.om-animation-start,
.om-animation-enabled .om-animation.wpb_spin-rt.om-animation-start,
.om_theme .wpb_start_animation.wpb_spin-rt {
    -webkit-animation: om-spin-rt 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: om-spin-rt 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.om-animation-enabled .om-animation.om-effect-flip-x.om-animation-start,
.om-animation-enabled .om-animation.wpb_flip-x.om-animation-start,
.om_theme .wpb_start_animation.wpb_flip-x {
    -webkit-animation: om-flip-x 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: om-flip-x 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.om-animation-enabled .om-animation.om-effect-flip-y.om-animation-start,
.om-animation-enabled .om-animation.wpb_flip-y.om-animation-start,
.om_theme .wpb_start_animation.wpb_flip-y {
    -webkit-animation: om-flip-y 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: om-flip-y 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.om-animation-enabled .om-animation.om-effect-flip,
.om-animation-enabled .om-animation.wpb_flip,
.om_theme .wpb_animate_when_almost_visible.wpb_flip {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.om-animation-enabled .om-animation.om-effect-flip.om-animation-start,
.om-animation-enabled .om-animation.wpb_flip.om-animation-start,
.om_theme .wpb_start_animation.wpb_flip {
    -webkit-animation: om-flip 0.7s cubic-bezier(1, 0, 0, 1) forwards;
    animation: om-flip 0.7s cubic-bezier(1, 0, 0, 1) forwards;
}

.om-animation-enabled .om-animation.om-effect-bounce.om-animation-start,
.om-animation-enabled .om-animation.wpb_bounce.om-animation-start,
.om_theme .wpb_start_animation.wpb_bounce {
    -webkit-animation: om-bounce .7s;
    animation: om-bounce .7s;
}

.om-animation-enabled .om-animation.om-effect-zoom-in-down.om-animation-start,
.om-animation-enabled .om-animation.wpb_zoom-in-down.om-animation-start,
.om_theme .wpb_start_animation.wpb_zoom-in-down {
    -webkit-animation: om-zoom-in-down .7s;
    animation: om-zoom-in-down .7s;
}

.om-animation-enabled .om-animation.om-effect-zoom-in-up.om-animation-start,
.om-animation-enabled .om-animation.wpb_zoom-in-up.om-animation-start,
.om_theme .wpb_start_animation.wpb_zoom-in-up {
    -webkit-animation: om-zoom-in-up .7s;
    animation: om-zoom-in-up .7s;
}

body.vc_editor.compose-mode .om-animation {
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    animation: none !important;
}


/*******************************************



 * 28. Visual Composer



 *******************************************/

.vc_col-xs-1,
.vc_col-sm-1,
.vc_col-md-1,
.vc_col-lg-1,
.vc_col-xs-2,
.vc_col-sm-2,
.vc_col-md-2,
.vc_col-lg-2,
.vc_col-xs-3,
.vc_col-sm-3,
.vc_col-md-3,
.vc_col-lg-3,
.vc_col-xs-4,
.vc_col-sm-4,
.vc_col-md-4,
.vc_col-lg-4,
.vc_col-xs-5,
.vc_col-sm-5,
.vc_col-md-5,
.vc_col-lg-5,
.vc_col-xs-6,
.vc_col-sm-6,
.vc_col-md-6,
.vc_col-lg-6,
.vc_col-xs-7,
.vc_col-sm-7,
.vc_col-md-7,
.vc_col-lg-7,
.vc_col-xs-8,
.vc_col-sm-8,
.vc_col-md-8,
.vc_col-lg-8,
.vc_col-xs-9,
.vc_col-sm-9,
.vc_col-md-9,
.vc_col-lg-9,
.vc_col-xs-10,
.vc_col-sm-10,
.vc_col-md-10,
.vc_col-lg-10,
.vc_col-xs-11,
.vc_col-sm-11,
.vc_col-md-11,
.vc_col-lg-11,
.vc_col-xs-12,
.vc_col-sm-12,
.vc_col-md-12,
.vc_col-lg-12 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.om-wpb_row {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.sidebar-hidden .om-wpb_row.row-layout-expand_standard_paddings,
.sidebar-hidden .om-wpb_row.row-layout-expand_tiny_paddings,
.sidebar-hidden .om-wpb_row.row-layout-expand_no_paddings {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.sidebar-hidden .om-wpb_row.row-layout-expand_no_paddings {
    overflow-x: hidden;
}

.om-wpb_row.om-with-background {
    padding-top: 1em;
    padding-bottom: 1em;
}

.om-wpb_row.om-with-background.row-layout-expand_no_paddings {
    padding-top: 0;
    padding-bottom: 0;
}

.om-c-container:first-child > .om-c-container-inner:empty {
    /* remove top content padding before section with background */
    margin-top: -1em;
}

.page-title-wrapper.tpl-standard + .content .om-c-container:first-child > .om-c-container-inner:empty {
    margin-top: 0;
}

.om-c-container:last-child > .om-c-container-inner:empty {
    /* remove bottom content padding of section with background */
    margin-top: -2em;
}

.om-c-container-inner > p:first-child:last-child:empty {
    margin: 0;
}

.om_theme .wpb_row {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 0;
    position: relative;
}

body.sidebar-hidden.om-wpb-active .om-c-container {
    max-width: 1200px;
    margin: 0 auto;
}

body.sidebar-hidden.om-wpb-active .om-c-container-inner {
    margin: 0 20px;
}

.om-wpb-row-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.om-wpb-row-bg-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.om_theme .wpb_text_column p:last-child,
.om_theme .wpb_text_column *:last-child,
.om_theme #content .wpb_text_column p:last-child,
.om_theme #content .wpb_text_column *:last-child,
.om_theme .vc_toggle_content p:last-child {
    margin-bottom: 1em;
}

.om_theme .wpb_content_element {
    margin-top: 1em;
    margin-bottom: 2em;
}

.om_theme .wpb_content_element {
    margin-top: 1em;
    margin-bottom: 2em;
}

.om_theme .wpb_column > .wpb_wrapper > *:last-child {
    margin-bottom: 1em;
}

.om_theme .om-wpb_row.row-layout-expand_no_paddings .wpb_column > .wpb_wrapper > *:first-child {
    margin-top: 0;
}

.om_theme .om-wpb_row.row-layout-expand_no_paddings .wpb_column > .wpb_wrapper > *:last-child {
    margin-bottom: 0;
}

.om-wpb_row-edge.row-layout-standard {
    margin-left: -20px;
    margin-right: -20px;
}

.om-wpb_row-edge svg {
    height: 40px;
    display: block;
}

html.touch.webkit .om-wpb_row-edge svg {
    /* 1 pixel gap on iPad bug fix */
    margin-top: -1px;
    margin-bottom: -1px;
}

.om-wpb_row-edge.om-edge-size-md svg {
    height: 70px;
}

.om-wpb_row-edge.om-edge-size-lg svg {
    height: 100px;
}

.om-wpb_row-edge.om-edge-size-xlg svg {
    height: 140px;
}


/* om_portfolio */

.vc_om-portfolio .ompf-portfolio-wrapper {
    margin-top: 0;
    margin-bottom: 0;
}

.product-range {
    overflow: hidden;
    border-top: 1px solid #dfe0e2;
    padding-bottom: 30px;
}

.product-range figure:after,
.product-range figure:before {
    top: 0;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.product-range figure:after {
    border-color: rgba(247, 247, 248, 0);
    border-top-color: #f7f7f8;
    border-width: 20px;
    margin-left: -20px;
}

.product-range figure:before {
    border-color: rgba(247, 247, 248, 0);
    border-top-color: #f7f7f8;
    border-width: 20px;
    margin-left: -20px;
    z-index: 444;
}


.cs-wrapper {
    overflow: hidden;
    padding: 70px 0;
}

.single-osaproduct .cs-wrapper {
    margin-top: 60px;
}

.cs-wrapper .left-wrap {
    width: 40%;
}

.cs-wrapper .right-wrap {
    width: 60%;
}

.cs-wrapper .left-wrap,
.cs-wrapper .right-wrap {
    display: table-cell;
    vertical-align: top;
}

.cs-wrapper .left-wrap > p {
    padding-right: 50px;
}

.cs-wrapper .section-title {
    margin-bottom: 20px;
}

.cs-wrapper .top-wrap > div:last-child figure {
    width: 99%;
    margin: 0;
}

.cs-wrapper .right-wrap .grid-wrap > figure {
    margin-top: 0;
    margin-bottom: 0;
}

.cs-wrapper .right-wrap .grid-wrap > figure:first-child {
    width: 40%;
}

.cs-wrapper .right-wrap .grid-wrap > figure:last-child {
    width: 56%;
}

.grid-wrapper .latest-posts {
    text-align: center;
    margin-right: -20px;
    margin-left: -20px;
    margin-top: 40px;
    flex-flow: row wrap;
    display: flex;
    width: 100%;
    justify-content: center;
}

.grid-wrapper .btn {
    font-size: 13px;
    letter-spacing: 0px;
    padding: 2px 8px;
}

.grid-wrapper .post ul {
    text-align: left;
}

.latest-posts > div {
    display: inline-block;
    padding: 0 20px 50px 20px;
    text-align: center;
    margin-bottom: 40px;
    vertical-align: top;
    width: 24.5%;
    position: relative;
}

.latest-posts .post-btn{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.latest-posts .post-img a {
    display: block;
    color: #009ada;
}

.latest-posts .post-text {
    padding: 0 0px;
    margin-top: 20px;
}


.latest-posts .post-text h5 {
    line-height: 26px;
    margin: 10px 0;
    position: relative;
    color: #272525;
}

.latest-posts .post-text h5 a {
    color: #272525;
}

.latest-posts .post-text hr {
    border: none;
    width: 40px;
    margin: 15px auto 0 auto;
    background-color: #004b9a;
    border-bottom: 5px solid #004b9a;
}

.testi-wrapper {
    border-top: 1px solid #dfe0e2;
    overflow: hidden;
    width: 100%;
}

#testi {
    margin-top: 20px;
}

#testi blockquote {
    text-align: center;
    padding: 0 12%;
}

#testi blockquote em {
    font-style: normal;
    color: #272525;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
}

blockquote p {
    color: #717175;
}

#testi blockquote em span {
    font-weight: 300;
    display: block;
    font-size: 12px;
}

#testi .quote-icon {
    max-width: 40px;
    margin: 20px auto;
    display: block;
}

#testi .quote-icon i {
    font-size: 18px;
    color: #5b5b5f;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 11px;
    background-color: #FFF;
}

#testi .slick-prev:before,
#testi .slick-next:before {
    content: '';
}

#testi .slick-prev,
#testi .slick-next {
    width: 40px;
    height: 40px;
    background-color: #99989d;
}

#testi .slick-prev:hover,
#testi .slick-next:hover {
    background-color: #efeef3;
}

#testi .slick-prev {
    left: -90px;
}

#testi .slick-next {
    right: -90px;
}

#testi.slick-dotted {
    margin-bottom: 0;
}

#testi .slick-dots {
    bottom: 0;
    margin-bottom: 0;
    position: relative;
    margin-top: 25px;
}

#testi .slick-dots li {
    margin: 0 4px;
}

#testi .slick-dots li button {
    border: 1px solid #004498;
    border-radius: 90px;
}

#testi .slick-dots li.slick-active button,
#testi .slick-dots li button:hover {
    background-color: #004498;
}
.home .partners-wrapper{
    padding: 30px 0;
}

#partners .slick-slide img {
    margin: 0 auto;
}

#partners .slick-prev:before,
#partners .slick-next:before {
    content: '';
}

#partners .slick-prev,
#partners .slick-next {
    width: 40px;
    height: 40px;
    background-color: #99989d;
}

#partners .slick-prev:hover,
#partners .slick-next:hover {
    background-color: #efeef3;
}

#partners .slick-prev {
    left: -90px;
}

#partners .slick-next {
    right: -90px;
}


/* ===================================== */


/* ============= Inner Page ============ */


/* ===================================== */

.hero {
    min-height: 350px;
}

.section .page-title h1 {
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 0;
}

.section .page-title p {
    font-size: 24px;
    text-transform: none;
    font-weight: 400;
    margin: 15px 0;
    color: #343538;
}

.content-block {
    padding: 40px 0;
}

.content-area {
    position: relative;
    min-height: 250px;
}

.content-block .row .fullwidth {
    margin-top: 30px;
}

.content-block .row {
    margin-bottom: 30px;
}

.content-block .fullwidth div.wpcf7{
    max-width: 650px;
    margin: 0 auto;
    display: block;
    box-shadow: 0px 0px 3px #717175;
    padding: 30px;
}

.content-block .row.fullwidth .block-title {
    text-align: center;
}

.content-block .content > .row:last-child {
    margin-bottom: 0;
}

.content-area .img-block {
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    background-clip: content-box;
    width: 50%;
}

.content-area .content-wrap {
    max-width: 100%;
    width: 100%;
    padding: 0 0;
}

.content-wrap.width30 {
    max-width: 30%;
}

.content-wrap.width40 {
    max-width: 40%;
}

.content-wrap.width50 {
    max-width: 50%;
}

.content-wrap.width60 {
    max-width: 60%;
}

.content-wrap.width70 {
    max-width: 70%;
}

.img-block.width30,
.video-block.width30 {
    width: 30%;
}

.img-block.width40,
.video-block.width40 {
    width: 40%;
}

.img-block.width50,
.video-block.width50 {
    width: 50%;
}

.img-block.width60,
.video-block.width60 {
    width: 60%;
}

.img-block.width70,
.video-block.width70 {
    width: 70%;
}

.inner-page .section-title:before {
    background-color: transparent;
}

.row.content-left .content-area .img-block {
    right: 0;
    left: auto;
}

.row.content-right .content-area .img-block {
    left: 0;
    right: auto;
}

.content-right .content-area .content-wrap,
.content-left .content-area .content-wrap .text,
.content-left .content-area .video-block {
    float: right;
}

.content-left .content-area .content-wrap,
.content-right .content-area .content-wrap .text,
.content-right .content-area .video-block {
    float: left;
}

.content-right .content-area .content-wrap .text {
    padding-left: 20px;
    width: 100%;
}

.content-left .content-area .content-wrap .text {
    padding-right: 20px;
    width: 100%;
}

.content-block .blockImg .grid2 > div {
    display: inline-block;
    vertical-align: top;
    width: 49.7%;
}

.content-block .imgBlock > div {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.content-block .imgBlock.grid2 > div {
    width: 49.7%;
}

.content-block .imgBlock.grid3 > div {
    width: 33%;
}

.video-link iframe {
    width: 100%;
}


/* ===================================== */


/* =========== Contact Page ============ */


/* ===================================== */

.map-wrap #map_canvas {
    min-height: 616px;
}

#map-content h6 {
    margin-bottom: 0;
}

.loc-wrapper {
    padding-top: 20px;
    overflow: hidden;
    width: 100%;
}

.loc-wrapper .locations {
    margin-left: -15px;
    margin-right: -15px;
}

.loc-wrapper .row {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.loc-wrapper .row > div {
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 0 6px #adadad;
    padding: 20px;
    width: 31.33%;
    margin: 1%;
}


/* ===================================== */


/* ============ Contact Form ========== */


/* ==================================== */

.form-wrapper {
    width: 100%;
}

.section.form-wrapper {
    overflow: hidden;
}

.footer .form-wrapper {
    padding: 70px 0;
}

.form-wrapper p {
    color: #717175;
}

.form-wrapper .left-wrap p {
    color: #717175;
    font-size: 23px;
    padding: 0 20px;
    font-weight: 500;
}

.form-wrapper .left-wrap .contact-form p {
    padding: 0 0;
    margin: 0;
    overflow: hidden;
}

.form-wrapper .left-wrap {
    float: left;
    width: 50%;
    padding-right: 20px;
    text-align: center;
}

.footer .form-wrapper .left-wrap {
    width: 60%;
    padding-right: 40px;
}

.form-wrapper .right-wrap {
    float: right;
    width: 50%;
    padding-left: 20px;
}

.footer .form-wrapper .right-wrap {
    width: 40%;
    padding-left: 40px;
    margin-top: 70px;
}

.contact-form {
    width: 100%;
    margin: 0 auto;
    box-shadow: 0px 0px 11px 1px #adadad;
    background-color: #FFF;
    padding: 40px 60px;
}

.form-group {
    margin-bottom: 20px;
    position: relative;
    text-align: left;
}

.contact-form p {
    margin-bottom: 0;
}

.contact-form div.wpcf7 img.ajax-loader {
    float: right;
}

.contact-form div.wpcf7-response-output {
    margin-top: 7px;
}

.form-group .form-control {
    background-color: transparent;
    border: 1px solid #c3c2c4;
    border-top: none;
    border-right: none;
    border-left: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #717175;
    padding: 10px 12px;
    width: 100%;
    position: relative;
    font-weight: 400;
}

.form-group select,
.form-group select.form-control {
    width: 100%;
    padding: 9px 12px;
}




.form-group > span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.form-group > span.captchaimage {
    position: absolute;
    right: 0;
    width: 80px;
    text-align: right;
    margin-top: 9px;
}

.form-group.grid3 > span {
    width: 32%;
}

.form-group.grid2 > span {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.form-group.grid3 > span:nth-of-type(2) {
    margin: 0 2%;
}

.form-group.grid2 > span:first-child {
    margin-right: 1%;
}

.form-group.grid2 > span:last-child {
    margin-left: 1%;
}

.form-group textarea {
    resize: none;
    font-family: 'Open Sans', sans-serif;
}

.footer .dd .ddTitle .ddTitleText,
.section .dd .ddTitle .ddTitleText {
    padding: 10px 20px 10px 5px;
}

.footer .dd,
.section .dd {
    border: none;
    border-bottom: 1px solid #c3c2c4;
}

.footer .dd .ddTitle,
.section .dd .ddTitle {
    color: #717175;
    background-color: transparent;
    background-image: none;
}

.footer .dd .ddArrow,
.section .dd .ddArrow {
    width: 25px;
}

.footer .dd .divider,
.section .dd .divider {
    border-left: none;
    border-right: none;
    right: 33px;
}

.footer .ddcommon .ddArrow,
.section .ddcommon .ddArrow {
    right: 0;
}

.footer .dd .ddChild li,
.section .dd .ddChild li {
    display: inline-block;
    vertical-align: top;
    margin: 2px 0;
    padding: 2px 5px;
    width: 100%;
}

.submitBtn {
    overflow: hidden;
}

.submit-btn {
    cursor: pointer;
    float: left;
    padding: 15px 15px;
    text-align: center;
    font-size: 19px;
    font-weight: 400;
    width: 180px;
    margin: 0 auto;
    display: block;
}

.contact-form span.wpcf7-not-valid-tip {
    color: #0b489e;
}

.return-form {
    width: 700px;
    overflow: hidden;
    margin: 0 auto 10px auto;
}

.return-form .form-control,
.content-block .fullwidth div.wpcf7 .form-control {
    border: 1px solid #c3c2c4;
}

.return-form  .dd .ddTitle .ddTitleText,
.content-block .fullwidth div.wpcf7 .dd .ddTitle .ddTitleText{
	padding: 5px 20px 5px 5px;
}
.return-form  .dd,
.content-block .fullwidth div.wpcf7 .dd{
	border: 1px solid #c3c2c4;
}
.return-form .dd .ddTitle,
.content-block .fullwidth div.wpcf7 .dd .ddTitle{
	font-size: 15px;
}
.return-form .ddcommon .ddArrow,
.content-block .fullwidth div.wpcf7 .ddcommon .ddArrow{
	right: 8px;
}

*::-webkit-input-placeholder {
    opacity: 1;
    color: #c2c3c8;
}

*:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
    color: #c2c3c8;
}

*::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #c2c3c8;
}

*:-ms-input-placeholder {
    opacity: 1;
    color: #c2c3c8;
}

.captcha-img {
    position: absolute;
    right: 0;
    top: 12px;
}

div.wpcf7-response-output {
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    padding: 2px;
}

span.wpcf7-not-valid-tip {
    font-size: 13px;
}

.news-wrap h3 {
    letter-spacing: 7px;
    font-size: 34px;
}

.news-wrap span {
    position: relative;
    display: inline-block;
    width: 100%;
}

.news-wrap p {
    margin: 0;
}

.news-wrap span.wpcf7-form-control-wrap:before,
.news-wrap > span:before {
    content: url('assets/images/mail-icon.png');
    position: absolute;
    left: 16px;
    top: 17px;
}

.news-wrap .mc4wp-checkbox {
    display: none;
}

.news-wrap input[type="text"],
.news-wrap input[type="email"] {
    border: 1px solid #a9a9ab;
    width: 100%;
    padding: 15px 15px 15px 60px;
    color: #868589;
    font-size: 19px;
    background-color: #FFF;
    font-weight: 400;
}

.news-wrap input[type="submit"] {
    font-size: 19px;
    font-weight: 400;
    cursor: pointer;
    margin-top: 20px;
    padding: 13px 50px;
}

.footer .social-links {
    margin-top: 70px;
}

.social-links ul li {
    display: inline-block;
    list-style: none;
    margin: 0 6px;
}

.social-links li a i {
    background-color: #004498;
    width: 55px;
    height: 55px;
    border-radius: 90px;
    color: #FFF;
    text-align: center;
    padding: 14px;
    font-size: 26px;
    -webkit-transition: background-color 0.1s ease-in 0s;
    -moz-transition: background-color 0.1s ease-in 0s;
    -o-transition: background-color 0.1s ease-in 0s;
    transition: background-color 0.1s ease-in 0s;
}

.social-links li a i:hover {
    background-color: #1c60b4;
}

.chimp-checkbox {
    opacity: 0;
    height: 0;
}


/* ===================================== */


/* ============== Blog Page ============ */


/* ===================================== */

.section.blog-wrapper {
    padding: 40px 0;
    overflow: hidden;
}

.blog-wrapper .left-wrap {
    float: left;
    width: 70%;
}

.blog-wrapper .right-wrap {
    float: right;
    width: 30%;
    padding-left: 3%;
}

.blog-wrapper .bottom-wrap {
    margin-top: 20px;
}

.blog-wrapper .post-cont {
    background-image: -webkit-linear-gradient(45deg, #0049a0 0%, #0049a0 30%, #0049a0 100%);
    background-image: -moz-linear-gradient(45deg, #0049a0 0%, #0049a0 30%, #0049a0 100%);
    background-image: -o-linear-gradient(45deg, #0049a0 0%, #0049a0 30%, #0049a0 100%);
    margin-bottom: 25px;
    padding-bottom: 6px;
    box-shadow: 0 0 3px #bcbcbc;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.blog-wrapper .post-cont > div {
    background-color: #FFF;
    padding: 10px;
    overflow: hidden;
    width: 100%;
}

.blog-wrapper .post-cont .post-img {
    float: left;
    width: 210px;
    margin: 10px;
}

.blog-wrapper .border-img > span,
.border-img a {
    padding: 0;
}

.blog-wrapper .post-cont .post-text {
    float: right;
    width: 70%;
}

.blog-wrapper .post-text h4 {
    font-weight: 400;
}

.post-text h4.colorBL {
    color: #272525;
}

.blog-wrapper .post-text h4.colorBL a {
    color: #272525;
}

.blog-wrapper .read-btn {
    letter-spacing: 1px;
    padding: 1px 6px;
    float: right;
    font-size: 14px;
    color: #004b9a;
}

.blog-wrapper .right-wrap .latest-post {
    margin-bottom: 20px;
}

.blog-wrapper .latest-post .post-text h4 {
    font-size: 20px;
}

.blog-wrapper .right-wrap .read-btn {
    float: none;
}

.widget {
    margin-bottom: 30px;
}

.widget-title {
    color: #595f6f;
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 8px;
}

.widget ul {
    padding-left: 0;
    margin-bottom: 0;
}

.widget ul li {
    list-style: none;
    color: #595f6f;
    font-weight: 400;
    font-size: 14px;
    line-height: inherit;
}

.widget_categories li {
    border-bottom: 1px solid #ebedf2;
    padding: 5px 0;
}

.widget ul li a {
    color: #595f6f;
    display: inline-block;
    width: 100%;
    font-weight: 400;
    -webkit-transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    -o-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
}

.widget_categories li a {
    position: relative;
}

.widget_categories li a:before {
    font-family: 'FontAwesome';
    content: "\f138";
    vertical-align: middle;
    font-size: 12px;
    margin-right: 8px;
    color: #d2d5de;
}

.widget_categories li a:hover:before,
.widget_categories li a:hover .count {
    color: #13b8da;
}

.widget ul li .count {
    float: right;
    color: #d2d5de;
    -webkit-transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    -o-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
}

.widget_tags li {
    display: inline-block;
    margin-bottom: 8px;
}

.widget_tags ul li a {
    padding: 2px 24px;
    color: #333333;
    border: 1px solid #d2d5de;
}

.widget_tags ul li a:hover {
    background-color: #13b8da;
    color: #FFF;
}

.section.pagination {
    text-align: center;
    padding: 34px 0;
    border-top: 1px solid #e5e5e5;
}

.previouspostslink,
.nextpostslink {
    font-weight: 700;
}

.wp-pagenavi a,
.wp-pagenavi span {
    display: inline-block;
    border: 2px solid #bfbfbf;
    vertical-align: top;
}

div.pagination a.page,
div.pagination span.current,
div.pagination a.nextpostslink,
div.pagination a.previouspostslink,
div.pagination span.extend,
div.pagination a.last,
div.pagination a.first{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    display: inline-block;
    margin: 1px 6px;
    line-height: 20px;
    padding: 4px 9px;
    text-decoration: none;
    font-weight: 400;
    border-color: #0049a0;
}

div.pagination .pages,
div.pagination .previouspostslink,
div.pagination .nextpostslink {
    border: 1px solid #0049a0;
    background: #803e8e;
    background: -moz-linear-gradient(45deg, #0049a0 0%, #0049a0 30%, #0049a0 100%);
    background: -webkit-linear-gradient(45deg, #0049a0 0%, #0049a0 30%, #0049a0 100%);
    background: linear-gradient(45deg, #0049a0 0%, #0049a0 30%, #0049a0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0049a0', endColorstr='#0049a0', GradientType=1);
    color: #FFF;
    margin: 0 2px;
    padding: 0 8px;
}
div.pagination .pages,
div.pagination .previouspostslink{
    float: left;
}
div.pagination .nextpostslink{
    float: right;
}

div.pagination span.current,
div.pagination a.page:hover,
div.pagination .nextpostslink:hover,
div.pagination .previouspostslink:hover,
div.pagination span.extend:hover,
div.pagination a.last:hover,
div.pagination a.first:hover {
    background: #803e8e;
    background: -moz-linear-gradient(45deg, #0049a0 0%, #0049a0 30%, #0049a0 100%);
    background: -webkit-linear-gradient(45deg, #0049a0 0%, #0049a0 30%, #0049a0 100%);
    background: linear-gradient(45deg, #0049a0 0%, #0049a0 30%, #0049a0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0049a0', endColorstr='#0049a0', GradientType=1);
    color: #FFF;
}

.post-text .addtoany_share_save_container {
    margin: 0 !important;
    float: left;
}

.blog-wrapper .search-form {
    position: relative;
    margin-bottom: 15px;
}

.blog-wrapper .right-wrap input[type="search"] {
    background-color: transparent;
    border: 2px solid #99989d;
    display: inline-block;
    color: #000000;
    font-size: 15px;
    margin-top: 0;
    padding: 8px 35px 8px 12px;
    width: 100%;
}

.blog-wrapper .search-form input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.blog-wrapper .right-wrap .submit-btn {
    background-color: transparent;
    background-image: url("assets/images/searchicon.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    height: 19px;
    position: absolute;
    right: 9px;
    top: 5px;
    width: 28px;
    margin-top: 0;
    z-index: 333;
}

.singlePost .content {
    width: 750px;
    margin: 0 auto;
    padding: 100px 0 30px 0;
}

.singlePost .postImg {
    margin-bottom: 25px;
}

.newsletter-form {
    margin: 0 0 15px 0;
}

.newsletter-form p {
    text-align: left;
}

.newsletter-form .newsForm {
    margin: 15px 0;
}

.newsletter-form .mc4wp-checkbox {
    display: none;
}

.newsletter-form > span {
    background-color: #004498;
    color: #FFF;
    font-size: 16px;
    display: inline-block;
    width: 100%;
    padding: 8px 6px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    border: 1px solid #004498;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.newsletter-form > span:hover {
    background-color: #5b5b5f;
    border-color: #004498;
}

.newsletter-form input {
    display: inline-block;
    font-size: 14px;
    width: 100%;
    padding: 10px;
    text-indent: 4px;
    margin-bottom: 0;
    color: #c2c3c8;
}

.newsletter-form input[type="text"] {
    border: 1px solid #c3c2c4;
    margin-bottom: 10px;
}

.newsletter-form input[type="email"] {
    border: 1px solid #c3c2c4;
    margin-bottom: 10px;
}

.newsletter-form input[type="submit"] {
    text-indent: 0px;
    margin-top: 0;
    background-color: #004498;
    border: 1px solid #004498;
    color: #FFF;
    cursor: pointer;
    font-size: 16px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.newsletter-form input[type="submit"]:hover {
    background-color: #004b9a;
    border-color: #80a5cd;
}

.post-navigation .screen-reader-text {
    display: none;
}

.post-navigation .nav-previous {
    float: left;
}

.post-navigation .nav-next {
    float: right;
}

.nav-previous .nav-title-icon-wrapper {
    margin-right: 10px;
}

.nav-next .nav-title-icon-wrapper {
    margin-left: 10px;
}


/* ===================================== */


/* ============== Other Pages ============ */


/* ===================================== */

.page-wrapper,
.error-wrapper,
.search-wrapper,
.block-wrapper {
    padding: 40px 0;
}

.block-four {
    padding: 80px 0;
}

.block-two {
    padding: 60px 0;
    background-color: #0049a0;
}

.block-two h3 {
    font-size: 36px;
}

.block-two p {
    color: #FFF;
}

.block-three .row {
    overflow: hidden;
    width: 100%;
    margin-bottom: 35px;
}

.arrow_box {
    position: relative;
    background: #641382;
    border: 2px solid #641382;
    padding: 20px;
    margin-bottom: 20px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.arrow_box h5 {
    margin-bottom: 0;
    color: #FFF;
    text-transform: uppercase;
}

.arrow_box:after,
.arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #641382;
    border-width: 32px;
    margin-top: -32px;
}

.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #641382;
    border-width: 35px;
    margin-top: -35px;
}

.block-three .row .left-wrap {
    width: 40%;
    float: left;
}

.block-three .row .right-wrap {
    width: 60%;
    padding-left: 7%;
    padding-top: 30px;
    float: right;
}

.block-four h4 {
    font-size: 25px;
}

.search-form .search-field {
    background-color: transparent;
    border: 1px solid #c3c2c4;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #717175;
    padding: 10px 12px;
    width: 300px;
    position: relative;
    font-weight: 400;
}

.search-submit {
    border-color: #004498;
    background-color: #004498;
    border-style: solid;
    border-width: 2px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 11px 26px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease-in 0s;
}

.breadcrumb-wrapper{
    overflow: hidden;
    width: 100%;
    padding: 20px 0;
    color: #FFF;
    background-color: rgba(0,68,152,0.9);

}
.breadcrumb-wrapper .content a{
    color: #2ea3f2;
}
.breadcrumb-wrapper .content a:hover{
    color: #FFF;
}


.breadcrumb-wrapper .content > div > span {
    margin-right: 5px;
    position: relative;
}
.breadcrumb-wrapper .content > div > span::after{
    font-family:'FontAwesome';
    content: '\f105';
    margin:0 5px;
}
.breadcrumb-wrapper .content > div > span:last-child::after{
    content: '';
    margin: 0;
}

.breadcrumb-wrapper .left-wrap{
    float: left;
    width: 50%;
    margin-top: 4px;
}
.breadcrumb-wrapper .right-wrap{
    float: right;
    width: 50%;
    text-align: right;
}


.page-template-product-new .grid-wrapper{
    padding-bottom: 0;
}

.section .full-width > .left-wrap{
    float: left;
    width: 25%;
}
.section .full-width > .right-wrap{
    float: right;
    width: 75%;
}

.categ-wrapper{
    overflow: hidden;
    width: 100%;
    padding-top: 40px;
}

.cat-posts{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    width: 100%;
}
.cat-posts > div{
    display: inline-block;
    vertical-align: top;
    width: 31.2%;
    margin:1% 1% 30px 1%;
    position: relative;
    padding-bottom: 50px;
}
.cat-posts h5 {
    line-height: 26px;
    margin: 10px 0;
    position: relative;
    color: #272525;
    text-align: center;
}
.cat-posts h5 a {
    color: #272525;
}
.cat-posts .post-info {
    padding: 0 10px;
    text-align: center;
    margin-top: 20px;
}


.categ-wrapper .search-form,
.breadcrumb-wrapper .search-form {
    position: relative;
    margin-bottom: 15px;
    max-width: 600px;
    margin: 0 auto 20px auto;
}
.breadcrumb-wrapper .search-form {
    margin: 0;
    float: right;
    max-width: 300px;
}
.categ-wrapper input[type="search"],
.breadcrumb-wrapper input[type="search"] {
    background-color: transparent;
    border: 2px solid #a1a3a5;
    display: inline-block;
    color: #000000;
    font-size: 15px;
    margin-top: 0;
    padding: 8px 35px 8px 12px;
    width: 100%;
}
.breadcrumb-wrapper input[type="search"]{
    background-color: #FFF;
}
.categ-wrapper .submit-btn,
.breadcrumb-wrapper .submit-btn {
    background-color: transparent;
    background-image: url("assets/images/searchicon2.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    height: 19px;
    position: absolute;
    right: 9px;
    top: 5px;
    width: 28px;
    margin-top: 0;
    z-index: 333;
}

.cat-posts .btn-link{
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.cat-posts .btn-link a.btn{
    padding: 6px 26px; 
}

.categ-wrapper .pagination{
    text-align: center;
    margin-top: 30px
}

.categ-wrapper div.pagination .previouspostslink,
.categ-wrapper div.pagination .nextpostslink,
.categ-wrapper div.pagination .pages {
    float: none;    
}

.sp-wrapper{
    width: 100%;
    padding: 0;
    margin: 40px 0 0 0;
}
.sp-wrapper .content{
    margin: 0 -15px;
}
.sp-wrapper .top-wrap{
    margin-bottom: 0;
}

.sp-wrapper .left-wrap{
    width: 50%;
}

.sp-wrapper .right-wrap{
    width: 50%;   
}

.sp-wrapper .top-wrap .left-wrap{
    float: left;
     width: 55%;
     padding: 0 15px;
}
.sp-wrapper .top-wrap .right-wrap {
    float: right;
    margin: 0 0 0 40px;
    width: 41%;
}
.sp-wrapper .top-cont{
    margin-bottom: 30px;
}
.sp-wrapper .top-cont li{
    font-size: 18px;
}
.sp-wrapper .top-cont > div{
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
.sp-wrapper .top-cont > div:last-child{
    text-align: center;
}
.sp-wrapper .top-cont .post-img{
    padding: 0;
    text-align: center;
}

.sp-wrapper .btn-group{
     margin-top: 20px;
}
.sp-wrapper .bottom-cont > div {
    margin-bottom: 50px;
}
.sp-wrapper .bottom-cont > div:last-child {
    margin-bottom: 0;
}
.sp-wrapper h3{
    margin-bottom: 20px;
}
.sp-wrapper  h6{
    border-bottom: 2px solid #202020;
    padding-bottom: 8px;
    text-align: left;
    font-weight: 500;
}
.sp-wrapper .btn-group ul{
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: column;
    text-align: center;
}
.sp-wrapper .btn-group ul li{
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 6px 0;
}
.sp-wrapper .btn-group ul li a {
    background-color: #004495;
    color: #FFF;
    padding: 8px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    min-width: 250px;
}
.sp-wrapper .btn-group ul li a.disabled {
    background-color: #999b9d;
    cursor: not-allowed;
}

.sp-wrapper .enquire-form {
    margin: 15px;
    box-shadow: 0px 0px 11px 1px #adadad;
    background-color: #FFF;
    padding: 15px;
}
.sp-wrapper .enquire-form p{
    overflow: hidden;
}
.sp-wrapper .enquire-form .form-control{
    font-size: 14px;
    padding: 6px 12px;
}
.sp-wrapper .dd .ddTitle .ddTitleText{
    padding: 6px 20px 6px 6px;
    font-size: 14px;
    line-height: 19px;
}
.sp-wrapper .dd .ddChild li {
    font-size: 14px;
    line-height: 20px;
}
.toolbox.fixed{
    position: fixed;
    top: 180px;
    right: 0;
     -webkit-transform: translateY(-6%);
    -ms-transform: translateY(-6%);
    transform: translateY(-6%);
    z-index: 50;
    text-align: right;
}
.toolbox .btn.rollable {
    position: relative;
    display: block;
    background-color: rgba(0,68,152,1);
    color: #FFF;
    margin-bottom: 0;
    cursor: pointer;
    
}
.toolbox.fixed .btn.rollable{
    box-shadow: 0 0 3px black;
}
.toolbox.fixed .btn.over{
    box-shadow:none;
}
.toolbox .btn.rollable{
    position: relative;
    display: block;
    background-color: rgba(0,68,152,1);
    margin: 0 auto;
    cursor: pointer;
    z-index: 444;
    width: 94%;
    padding: 10px 30px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;   
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.toolbox.fixed .btn.rollable{
    position: absolute;
    right: 0;
}

.toolbox.fixed #modal-form{
     -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    position: relative;
    top: 54px;
    right: 0;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.toolbox.fixed .btn.rollable{
     box-shadow: 0 0 5px black;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.toolbox.fixed #modal-form.out{
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.sp-wrapper .toolbox.fixed .enquire-form {
    margin: 0;
    box-shadow: none;
    border:2px solid #c3c2c4;
    background-color: #FFF;
    padding: 15px;
}

.product-info h6{
    margin-bottom: 20px;
}
.product-info .row {
    display: flex;
    flex-flow: row;
    border-bottom: 1px solid #b3b4b6;
    padding-bottom: 6px;
    margin-bottom: 6px;
}
.product-info .row > div{
    display: inline-block;
    vertical-align: top; 
    color: #636466;
}
.product-info .row > div:first-child{
    width: 30%;
}
.product-info .row > div:last-child{
    width: 70%;
}
.product-info strong{
    color: #272525;
}

.recommended-product{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.recommended-product > div{
    display: inline-block;
    vertical-align: top;
    width: 31.3%;
    margin: 1%;
    position: relative;
    padding-bottom: 50px;
}
.recommended-product h5 {
    font-size: 18px;
    line-height: 26px;
    margin: 10px 0;
    position: relative;
    color: #272525;
    text-align: center;
}
.recommended-product h5 a {
    color: #272525;
}

.recommended-product .btn-link {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.recommended-product a.btn {
    padding: 6px 20px;
    font-size: 12px;
    line-height: 16px;
}



/* ===================================== */


/* =============== Footer ============== */


/* ===================================== */

.footer.bgImage {
    padding: 0;
}

.footer.bgImage .layer {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 40px 0 0 0;
    overflow: hidden;
    width: 100%;
}

.footer-top {
    margin-bottom: 40px;
}

.footer-top > div {
    display: inline-block;
    vertical-align: middle;
}

.footer-top .flogo {
    width: 180px;
    border-right: 1px solid #004498;
}

.footer-top .phone_no {
    width: 300px;
    margin-left: 30px;
}

.footer-top .location-wrap {
    width: 680px;
}

.location-wrap ul {
    position: relative;
}

.location-wrap ul:before {
    content: '\f041';
    font-family: 'FontAwesome';
    font-size: 30px;
    background-color: #004498;
    color: #FFF;
    padding: 10px 15px;
}

.footer ul li {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    margin: 0 8px;
}

.footer-top ul li {
    margin: 0 8px;
    position: relative;
}

.footer-top ul li:after {
    content: '|';
    margin-left: 15px;
    color: #0f4e9d;
}

.footer-top ul li:last-child:after {
    content: '';
    margin-left: 0;
}

.footer li a {
    color: #99989d;
    font-size: 14px;
    text-transform: uppercase;
}

.footer-top li a,
.footer-top li {
    color: #004498;
    text-transform: none;
    font-size: 13px;
}

.footer .bottom-wrap {
    overflow: hidden;
    padding: 15px 0 0 0;
    margin-top: 20px;
}

.footer .footer-menu {
    border-top: 1px solid #7a9cc7;
    text-align: center;
}

.footer .footer-menu ul {
    padding: 15px 0;
}

.footer .footer-menu ul li {
    margin: 0 32px;
}

.footer-menu a:hover,
.footer-menu li.current-menu-item a,
.footer-menu li.current-menu-parent a {
    color: #004498;
}

.copyrights {
    padding: 25px 0;
    background-color: #004498;
    text-align: center;
}

.copyrights p {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    color: #FFF;
}

.copyrights p a {
    color: #FFF;
}



.post-info ul {
    text-align: left;
}

.post-img {
    text-align: center;
}

.left-wrap ul {
    text-align: left;
}


/* ===================================== */


/* ============= Media Query =========== */


/* ===================================== */

@media screen and (max-width: 1430px) {

    .sliderContent .content {
        padding: 30px 0;   
    }
    .sliderContent h1 {
        font-size: 42px;
        line-height: 46px;
    }
    .sliderContent h1 hr {
        margin: 10px auto;
    }
    .slider-btn {
        margin-top: 10px;
    }
    .hero {
        min-height: 280px;
    }
    .product-range figure.effect-sadie h5 {
        left: 50px;
        right: 50px;
    }
    .product-range figure.effect-sadie p {
        padding: 2em 3em;
    }
    .align-left .content-block .text-block {
        padding-right: 10%;
        padding-left: 5%;
    }
    .align-right .content-block .text-block {
        padding-left: 10%;
        padding-right: 5%;
    }
    .row.align-left .text-block > div {
        padding-right: 0;
    }
    .row.align-right .text-block > div {
        padding-left: 0;
    }
    .row.align-right .text-block > div {
        width: 100%;
    }
    .map-wrap #map_canvas {
        min-height: 528px;
    }
    .home .partners-wrapper {
        padding-top: 50px;
    }
}

@media screen and (max-width: 1330px) {
    #heroSlider .slick-dots {
        bottom: 70px;
    }
    .product-range .grid-wrap figure {
        min-height: 270px;
        min-width: 270px;
    }
    .product-range figure.effect-sadie h5 {
        left: 10px;
        right: 10px;
    }
}

@media screen and (max-width: 1230px) {
    .container {
        width: 100%;
        padding: 0 2%;
    }

    .header .right-wrap {
        width: 182px;
    }
    .content-block .text-block > div {
        width: 90%;
    }
    .cs-wrapper .left-wrap .grid-wrap figure {
        margin: 10px 0 0 0;
        width: 99%;
    }
    #partners .slick-prev {
        left: 0;
    }
    #partners .slick-next {
        right: 0;
    }
    .ompf-post-title h2 {
        font-size: 26px;
        line-height: 34px;
    }
    .mid-section.om_theme .ompf-portfolio-thumb .ompf-pic {
        padding-top: 70%;
    }
    .grid-wrapper .latest-posts {
        margin-left: 0;
        margin-right: 0;
    }
    .map-wrap #map_canvas {
        min-height: 600px;
    }
    .phone_no a span {
        width: 40px;
    }
    .footer-top .phone_no {
        width: 196px;
    }
    .phone_no a {
        font-size: 22px;
    }
    .latest-posts > div {
        padding: 0 3px 50px 3px;
        width: 24.5%;
    }
    .latest-posts .post-text h5 {
        font-size: 18px;
    }
    .blog-wrapper .post-cont .post-text {
        width: 68%;
    }
    .footer-top .location-wrap {
        width: 61%;
    }
    .footer .footer-menu ul li {
        margin: 0 20px;
    }
    .toolbox.fixed {
        top: 230px;        
    }
     .cat-posts {
        margin-left: 0;
        margin-right: 0;
    
    }
}

@media screen and (max-width: 1130px) {
    .header .middle-wrap {
        width: 60%;
    }
    .header .right-wrap {
        width: 183px;
    }
    .sliderContent h1 {
        font-size: 40px;
    }
    .sliderContent h3 {
        font-size: 25px;
    }
    .product-range .grid-wrap figure {
        min-height: 256px;
        min-width: 232px;
    }
    .product-range figure.effect-sadie h5 {
        font-size: 18px;
    }
    .product-range figure.effect-sadie p {
        padding: 2em 12px;
    }
    .loc-wrapper p {
        font-size: 15px;
        margin-bottom: 12px;
    }
    .sp-wrapper .top-wrap .left-wrap {
        width: 56%; 
    }
    .blog-wrapper .post-cont .post-text {
        width: 65%;
    }
    .footer-top .flogo {
        width: 150px;
        padding-right: 30px;
    }
    .footer-top ul li {
        margin: 0 5px;
    }
    .footer-top ul li:after {
        margin-left: 9px;
    }
    .sp-wrapper .top-wrap .left-wrap > div {
        width: 100%;
    }
    .sp-wrapper .top-wrap .left-wrap > div:last-child {
        margin-top: 20px;
    }
    .sp-wrapper .top-wrap .left-wrap {
        width: 60%;
    }
    .sp-wrapper .top-wrap .right-wrap {
        width: 40%;
    }
}

@media screen and (max-width: 1030px) {
    
   
    .header .middle-wrap {
        width: 56%;
    }
    .vac-wrapper .top-wrap .content {
        padding: 0 2%;
    }
    .product-range .grid-wrap figure {
        min-height: 220px;
        min-width: 164px;
    }
    .cs-wrapper .right-wrap .grid-wrap > figure:last-child {
        width: 53%;
    }
    .content-block .text-block > div {
        width: 100%;
    }
    .row.align-right .text-block > div {
        margin-left: 0;
    }
    .row.align-left .text-block > div {
        margin-right: 0;
    }
   .blog-wrapper .post-cont .post-text {
        width: 67%;
    }
    .loc-wrapper .row {
        border-spacing: 10px 5px;
    }
    .footer-top {
        text-align: center;
    }
    .news-wrap h3 {
        letter-spacing: 4px;
    }
    .contact-form {
        padding: 30px 30px;
    }
 .sp-wrapper .top-wrap .left-wrap, .sp-wrapper .top-wrap .right-wrap {
    width: 47%;
    }
    .sp-wrapper .top-cont > div {
        width: 100%;
    }
    .sp-wrapper .top-cont > div:first-child {
        margin-bottom: 20px;
    }
    .sp-wrapper .btn-group ul li a {
        min-width:auto;
        padding: 8px 20px;
    }
    .blog-wrapper .post-cont .post-img {
        width: 100%;
        margin: 0;        
    }
    .blog-wrapper .post-cont .post-text {
        width: 100%;
        margin-top: 15px;
    }
    .footer-top .location-wrap {
        width: 100%;
        margin-top: 20px;
    }
    .footer .footer-menu ul li {
        margin: 0 12px;
    }
    
}

@media screen and (max-width: 1023px) {
   
    .home .content-block {
        padding: 0;
    }
    .home .content-block .img-block {
        min-height: 300px;
        position: relative;
        width: 100%;
    }
    .content-block .text-block {
        max-width: 100%;
        width: 100%;
    }
    .content-block .text-block:before {
        height: 100px;
        width: 100px;
    }
    .row.align-left .text-block:before,
    .row.align-right .text-block:before {
        right: auto;
        top: -50px;
        left: 45%;
    }
    .align-left .content-block .text-block {
        padding: 4% 0% 4% 6%;
    }
    .align-right .content-block .text-block {
        padding: 4% 0% 4% 6%;
    }

}

@media screen and (max-width: 930px) {
    .hide-desktop {
        display: block;
        text-align: center;
    }
    .hide-mobile {
        display: none;
    }
    
    

    .header .middle-wrap {
        margin-left: 20px;
        padding-left: 20px;
        width: 52%;
    }
    .slider-btn {
        margin-top: 22px;
    }
    .sliderContent h1 hr {
        margin: 22px auto;
    }
    #heroSlider .slick-dots {
        bottom: 0;
    }
    .cs-wrapper .left-wrap {
        margin-bottom: 10px;
    }
    .cs-wrapper .left-wrap,
    .cs-wrapper .right-wrap {
        display: inline-block;
        width: 100%;
    }
    .cs-wrapper .left-wrap > p {
        padding-right: 0;
    }
    .cs-wrapper .left-wrap .grid-wrap figure,
    .cs-wrapper .right-wrap .grid-wrap figure {
        width: 100%;
        min-height: 250px;
    }
    .cs-wrapper .right-wrap .grid-wrap > figure:first-child {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .cs-wrapper .right-wrap .grid-wrap > figure:last-child {
        width: 100%;
        margin: 0;
    }
    .img-block.width50,
    .content-wrap.width50,
    .img-block.width60,
    .content-wrap.width60,
    .img-block.width40,
    .content-wrap.width40,
    .content-wrap.width70,
    .content-wrap.width30,
    .video-block.width50,
    .video-block.width60,
    .video-block.width40,
    .video-block.width70 {
        width: 100%;
    }
    .content-wrap.width50,
    .content-wrap.width40,
    .content-wrap.width60 {
        max-width: 100%;
    }
    .content-block .img-block {
        position: relative;
        min-height: 300px;
    }
    .content-area .content-wrap {
        padding: 20px 0 0 0;
    }
    .content-right .content-area .content-wrap .text {
        padding-left: 0;
    }
    .content-left .content-area .content-wrap .text {
        padding-right: 0;
    }
    .content-block .row {
        margin-bottom: 20px;
    }
    .content-wrapper .row.large-screen {
        background-image: none !important;
    }
    .content-wrapper .small-screen {
        opacity: 1;
    }
    .content-block .row .fullwidth {
        margin-top: 10px;
    }
    .section.grid-wrapper,
    .partners-wrapper {
        padding: 60px 0;
    }
    .blog-wrapper .post-cont .post-img {
        margin: 0 auto 20px auto;
    }
    .blog-wrapper .post-cont .post-text,
    .blog-wrapper .post-cont .post-img {
        width: 100%;
    }
    .arrow_box h5 {
        font-size: 18px;
    }

    .form-wrapper .left-wrap {
        padding-right: 20px;
    }
    .form-wrapper .right-wrap {
        padding-left: 20px;
    }
    .loc-wrapper .locations {
        margin-left: 0;
        margin-right: 0;
    }
    .loc-wrapper p {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .latest-posts > div {
        padding: 0 12px 50px 12px;
        width: 33.33%;
    }
    #sidebar{
        margin-top: 30px;
    }
    .footer .form-wrapper {
        padding: 30px 0;
    }
    .footer .social-links li {
        margin: 0 5px;
    }
    .sp-wrapper .top-wrap .left-wrap, .sp-wrapper .top-wrap .right-wrap {
        width: 100%;
    }
    .sp-wrapper .top-wrap .right-wrap {
        padding: 0;    
    }
    .toolbox.fixed {
        position: relative;
        top: auto;
        right: auto;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
 
    .toolbox.fixed .btn.rollable {
        position: relative;
        right: auto;
    }
    .toolbox.fixed #modal-form,
    .toolbox.fixed #modal-form.out {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        top: auto;
    }
    .sp-wrapper .top-cont > div {
        width: 49%;
    }
    .sp-wrapper .top-cont > div:first-child {
        margin-bottom: 0;
    }
    .toolbox .btn.rollable {
        width: 96%;
    }
    .blog-wrapper .left-wrap {
        width: 60%;
    }
    .blog-wrapper .right-wrap {
        width: 40%;
    }
    .ompf-post-title h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .ompf-post-title {
        top: 38%;
        padding: 0 2%;
    }
    .ompf-preview-layout-full-hover.ompf-size-medium .ompf-portfolio-thumb .ompf-title, .ompf-preview-layout-full-hover-2.ompf-size-medium .ompf-portfolio-thumb .ompf-title, .ompf-preview-layout-full-hover.ompf-size-large .ompf-portfolio-thumb .ompf-title, .ompf-preview-layout-full-hover-2.ompf-size-large .ompf-portfolio-thumb .ompf-title {
    margin-left: 0.2em;
    margin-right: .2em;
    }
        

}

@media screen and (max-width: 830px) {
    .header .middle-wrap {
        width: 48%;
    }

    
    .sliderContent .content {
        padding-top: 3%;
    }
    .product-range .grid-wrap figure {
        width: 48.3%;
        min-height: 300px;
        margin: 5px;
    }
    .content-block .imgBlock.grid3 > div {
        width: 32.9%;
    }
    .block-title {
        letter-spacing: 0px;
    }
    .arrow_box {
        border-radius: 0;
    }
    .block-three .row .left-wrap {
        width: 100%;
    }
    .block-three .row .right-wrap {
        padding-left: 0;
        width: 100%;
    }
    .form-wrapper {
        padding: 30px 0;
    }
    .form-wrapper .left-wrap {
        padding-right: 0px;
        width: 100%;
    }
    .form-wrapper .right-wrap {
        padding-left: 0;
        width: 100%;
        text-align: center;
    }
    .form-wrapper .right-wrap.map-wrap {
        margin-top: 40px;
        width: 100%;
    }
    .map-wrap #map_canvas {
        min-height: 350px;
    }
    .footer .social-links {
        margin-top: 40px;
    }
    .footer .footer-menu ul li {
        margin: 0 9px;
    }
    .news-wrap input[type="submit"] {
        width: 100%;
    }
    .social-links li a i {
        width: 40px;
        height: 40px;
        padding: 10px;
        font-size: 20px;        
    }
}

@media screen and (max-width: 767px) {

    .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6, .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6 {
        word-spacing: 1px;
        letter-spacing: 3px;        
    }


    .my_home_left, .my_home_right{
        width: 100%;
        float: none;
    }


    .visible-lg {
        display: none;
    }
    .visible-xs {
        display: block;
    }
    .header .right-wrap {
        width: 170px;
    }
    .header .logo {
        margin-top: 0;
    }
    .header .topCont .appointment,
    .header .topCont .phone_no {
        display: inline-block;
        text-align: right;
        margin-left: 0;
        margin-bottom: 0;
    }
    .header .topCont .appointment {
        float: left;
    }
    .header .middle-wrap {
        width: 100%;
        margin-left: 0;
        position: relative;
    }
    .header .phone_no a {
        font-size: 20px;
    }
    .header .phone_no i {
        font-size: 16px;
        padding: 2px 9px;
    }
    .header .top-wrap,
    .header.sticky-header .top-wrap {
        padding: 10px 0;
    }
    .header .right-wrap {
        position: absolute;
        right: 2%;
    }
    .cbp-af-header nav {
        display: none;
    }
    .cbp-spmenu-right {
        right: -270px;
    }
    .cbp-spmenu-vertical {
        width: 270px;
    }
    
    .slick-slide img.visible-lg {
        display: none;
    }
    .slick-slide img.visible-xs {
        display: block;
    }
/*    .sliderContent {
        left: 0;
        right: 0;
        position: relative;
        top: 0;
        padding: 25px 0 30px 0;
        background-color: #dfe0e2;
        -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    }
*/    
    .sliderContent .content {
        padding: 50px 0;
    }
    .sliderContent h1 {
        font-size: 38px;
        line-height: 42px;
    }
    .sliderContent h3 {
        font-size: 23px;
    }
    /*.sliderContent h1,
    .sliderContent h3,
    .sliderContent p {
        color: #272525;
    }
    .sliderContent h1 hr {
        border-color: #272525;
    }
    .sliderContent .default-btn {
        border-color: #004498;
        color: #004498;
    }
    .sliderContent .default-btn:hover {
        border-color: #004498;
        background-color: #004498;
        color: #FFF;
    }*/
    .slick-dots li.slick-active button,
    .slick-dots li button:hover {
        background-color: #003f8e;
    }
    .align-left .content-block .text-block,
    .align-right .content-block .text-block {
        padding: 4% 7%;
    }
    .row.align-left .text-block:before,
    .row.align-right .text-block:before {
        left: 40%;
    }
    .ompf-post-title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .section-title:before {
        left: -28px;
    }
    .grid-wrapper .latest-posts {
        text-align: left;
    }
    .latest-posts > div {
        width: 49.7%;
        margin-bottom: 25px;
    }
    .bottom-wrap .contact-form {
        width: 90%;
        margin: 0 auto;
    }
    .contact-form .left-cont {
        padding-right: 0;
        width: 100%;
    }
    .contact-form .right-cont {
        padding-left: 0;
        width: 100%;
    }
    .content-block .imgBlock.grid3 > div {
        width: 32.9%;
    }
    .blog-wrapper .left-wrap {
        width: 100%;
    }
    .blog-wrapper .right-wrap {
        padding-left: 0;
        width: 100%;
        margin-top: 20px;
    }
    .blog-wrapper .post-cont .post-img {
        width: 200px;
    }
    .blog-wrapper .post-cont .post-text {
        width: 64%;
    }
    .blog-wrapper .right-wrap .latest-post {
        text-align: center;
    }
    .form-wrapper .bottom-wrap .left-wrap {
        padding-right: 0%;
        width: 100%;
        margin-bottom: 25px;
    }
    .contact .bottom-wrap .contact-form {
        width: 100%;
    }
    .form-wrapper .bottom-wrap .right-wrap {
        padding-left: 0%;
        width: 100%;
    }
    #testi blockquote {
        padding: 0 2%;
    }
    .footer .form-wrapper {
        padding: 35px 0;
    }
    .footer .form-wrapper .left-wrap {
        padding-right: 0;
        width: 100%;
    }
    .footer .form-wrapper .right-wrap {
        margin-top: 30px;
        padding-left: 0;
        width: 100%;
    }

    .breadcrumb-wrapper .left-wrap,
    .breadcrumb-wrapper .right-wrap {
        width: 100%;
        margin-top: 0;
        text-align: center;
    }
    .breadcrumb-wrapper .search-form{
        text-align: center;
        float: none;
        margin: 10px auto 0 auto;
    }
    .sp-wrapper .left-wrap, 
    .sp-wrapper .right-wrap {
        width: 100%;
    }
    .sp-wrapper .top-wrap {
        margin-bottom: 30px;
    }
    .sp-wrapper .top-wrap .right-wrap,
    .sp-wrapper .bottom-wrap .right-wrap {
        padding: 20px 0 0 0;
    }
    .sp-wrapper .bottom-wrap .left-wrap {
        padding: 0;
    }
    .loc-wrapper .row > div {
        width: 48%;       
    }
    .blog-wrapper .post-cont .post-text {
    margin-top: 0;
    }

    .section .full-width > .left-wrap,
    .section .full-width > .right-wrap {
        float: none;
        width: 100%;
    }
    .section .full-width > .left-wrap{
        text-align: center;
    }

}

@media screen and (max-width: 730px) {
    .header .top-wrap,
    .header.sticky-header .top-wrap {
        padding: 10px 0;
    }    
    
    .slider-btn a {
        margin-bottom: 15px;
    }
    .slider-btn a:last-child {
        margin-bottom: 0;
    }
    .product-range .grid-wrap figure {
        width: 80%;
    }
    .latest-posts > div {
        width: 49.6%;
    }
    .sp-wrapper .top-cont > div {
        width: 100%;
    }
    .sp-wrapper .top-cont > div:first-child {
        margin-bottom: 20px;
    }
    .blog-wrapper .post-cont .post-text,
    .blog-wrapper .post-cont .post-img {
        width: 100%;
    }
    .form-group.grid2 > span,
    .form-group.grid3 > span {
        width: 100%;
    }
    .form-group.grid2 > span:last-child {
        margin-left: 0;
    }
    .form-group.grid2 > span:first-child{
        margin-bottom: 20px;
        margin-right: 0; 
    }
    .form-group.grid3 > span:nth-child(2) {
       margin: 20px 0;
    }
}

@media screen and (max-width: 630px) {
    .section-title h1,
    .section-title h2,
    .section-title h3,
    .section-title h4,
    .section-title h5,
    .section-title h6,
    .page-title h1,
    .page-title h2,
    .page-title h3,
    .page-title h4,
    .page-title h5,
    .page-title h6 {
        letter-spacing: 2px;
        word-spacing: 1px;
    }
    .product-range .grid-wrap figure {
        width: 100%;
        margin: 0 0 15px 0;
        min-height: 280px;
    }
    .latest-posts > div {
        width: 100%;
    }
    .row.align-left .text-block:before,
    .row.align-right .text-block:before {
        left: 42%;
    }
    .content-block .imgBlock.grid3 > div {
        width: 100%;
        margin-bottom: 20px;
    }
    .content-block .imgBlock.grid3 > div:last-child {
        margin-bottom: 0;
    }
    .content-block .imgBlock.grid2 > div {
        width: 100%;
        margin-bottom: 20px;
    }
    .content-block .imgBlock.grid2 > div:last-child {
        margin-bottom: 0;
    }
    .blog-wrapper .post-cont .post-img,
    .blog-wrapper .post-cont .post-text {
        width: 100%;
    }
    .vac-wrapper .top-wrap .content {
        padding: 0;
    }
    .contact-form {
        padding: 30px 18px;
    }
    .footer .social-links li {
        margin: 0 2px;
    }
    .social-links li a i {
        font-size: 20px;
        height: 40px;
        padding: 10px;
        width: 40px;
    }
    .loc-wrapper .row {
        display: inline-block;
    }
    .loc-wrapper .row > div {
        width: 100%;
        margin:0 0 2% 0;
    }
    .cat-posts,
    .recommended-product {
        display: inline-block;
    }
    .cat-posts > div,
    .recommended-product > div {
        width: 100%;
        margin: 0 0 20px 0;
        
    }
    .recommended-product > div {
       text-align: center;
        
    }
   

}

@media screen and (max-width: 530px) {
    .slider-btn a {
        width: 90%;
        padding: 8px 15px;
    }
    .tag-line h6 {
        max-width: 80%;
    }
    .row.align-left .text-block:before,
    .row.align-right .text-block:before {
        left: 40%;
    }
    .align-left .content-block .text-block,
    .align-right .content-block .text-block {
        padding: 4% 10%;
    }
    .content-block .img-block {
        min-height: 220px;
    }
    .bottom-wrap .contact-form {
        padding: 16px;
    }
    .loc-wrapper .row > div {
        width: 100%;
    }
    .footer ul li a {
        padding: 3px 6px;
    }
    .item.slick-slide.slick-current.slick-active img {
        min-height: 205px;
        object-fit: cover;
    }
}

@media screen and (max-width: 430px) {
    .header .logo {
        float: none;
        margin:0 auto;
     }
     .header .middle-wrap {
        text-align: center;
    }
    .tag-line h6 {
        max-width: 100%;
    }
    .header .right-wrap {
        position: relative;
        right: 0;
        left: 0;
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }
    .header .search-form {
        max-width: 250px;
        margin: 15px auto 0 auto;
        float: none;
    }
    .menu-btn {
        top: -76px;    
    }
    .appointment a {
        float: none;
        padding: 8px 10px;
    }
    .row.align-left .text-block:before,
    .row.align-right .text-block:before {
        left: 35%;
    }
    .footer-top .flogo {
        border-right: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .footer-top .phone_no {
        width: 196px;
        margin: 0 auto;
        float: none;
    }
    .footer-top .location-wrap {
        margin-top: 30px;
    }
}