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
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 40px
}

body {
    background: #fff
}

hr.sixteen.columns {
    border: 0;
    height: 1px;
    background-color: #e0e0e0;
    margin-bottom: 40px;
    margin-top: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

h1 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 15px
}

h2 {
    font-size: 31px;
    line-height: 40px;
    margin-bottom: 15px
}

h3 {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 15px
}

h4 {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 15px
}

h5 {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 10px
}

h6 {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 5px
}

.subheader {
    color: #777
}

h3 span,
h4 span {
    font-family: 'Open Sans', sans-serif;;
    color: #6d7880
}

p {
    font-size: 15px;
    line-height: 1.6em;
    color: #6d7880;
    margin-bottom: 20px
}

p img {
    margin: 0
}

p.lead {
    font-size: 21px;
    line-height: 27px;
    color: #777
}

em {
    font-style: italic
}

strong {
    font-weight: 700;
    color: #333
}

small {
    font-size: 80%
}

blockquote,
blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #6d7880;
    font-family: 'OxygenItalic'
}

blockquote {
    margin: 0 0 20px;
    padding: 5px 20px 3px 19px;
    border-left: 1px solid #e0e0e0
}

blockquote cite {
    display: block;
    font-size: 12px;
    color: #555;
    margin-top: 10px
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
    color: #555
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0
}

a,
a:visited {
    color: #01539D;
    text-decoration: none;
    outline: 0
}

a:hover,
a:focus {
    color: #000
}

p a,
p a:visited {
    line-height: inherit
}

ul.l_custom {
    margin-bottom: 35px;
    margin-top: 5px;
    list-style-position: inside
}

ul.l_circle {
    list-style-type: circle
}

ul.l_square {
    list-style-type: square
}

ul.l_disc {
    list-style-type: disc
}

ul.l_bolt {
    list-style-image: url(../images/list_bolt.png)
}

ul.l_plus {
    list-style-image: url(../images/list_plus.png)
}

ul.l_check {
    list-style-image: url(../images/list_check.png)
}

ul.l_file {
    list-style-image: url(../images/list_file.png)
}

ul.l_pen {
    list-style-image: url(../images/list_pen.png)
}

ul.l_custom li {
    margin-bottom: 10px;
    font-size: 15px;
    color: #6d7880
}

img.scale-with-grid {
    max-width: 100%;
    height: auto
}

.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    font-family: 'Open Sans', sans-serif;;
    font-size: 13px;
    display: inline-table;
    margin-bottom: 10px;
    padding: 14px 24px 12px 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background: #01539D;
    border: 0
}

.button.medium {
    padding: 10px 16px 8px 16px
}

.button.small {
    padding: 7px 12px 5px 12px
}
.button span{
	font-weight: bold;
}

input[type="submit"] {
    float: right;
    margin-bottom: 30px
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background: #6d7880
}

form {
    margin-bottom: 20px
}

fieldset {
    margin-bottom: 20px
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #d0d0d0;
    height: 35px;
    outline: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;;
    font-size: 15px;
    line-height: 37px;
    padding: 0 10px;
    color: #777;
    margin: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    background: #fff
}

select {
    padding: 0
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    outline: 0
}

textarea {
    min-height: 60px
}

label,
legend {
    display: block;
    font-size: 15px;
    color: #6d7880;
    margin-bottom: 10px
}

select {
    width: 220px
}

input[type="checkbox"] {
    display: inline
}

label span,
legend span {
    font-weight: 400;
    font-size: 13px;
    color: #444
}

.jScroll {
    outline: none;
    width: 100%;
    overflow: auto
}

div.code {
    width: 100%;
    overflow: hidden;
    margin: 20px 0 40px 0;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08)
}

div.code label {
    font-family: 'Open Sans', sans-serif;;
    font-size: 11px;
    color: #4b555c;
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center
}

div.code pre code {
    font-family: "Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    display: block;
    padding: 25px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 19px;
    color: #333;
    width: 100%
}

div.code pre.code-css code {
    color: #6d7880
}

div.code pre.code-html code {
    color: #6d7880
}

​ table {
    font-family: arial;
    background-color: #CDCDCD;
    width: 100%;
    text-align: left;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    margin-bottom: 40px
}

table,
thead,
tbody {
    width: 100%
}

table thead tr th,
table tfoot tr th {
    background-color: #f0f0f0;
    border: 1px solid #d0d0d0;
    text-align: left;
    padding: 14px 15px 11px 15px;
    color: #6d7880;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

table thead tr .header {
    background-image: url(../images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #f0f0f0;
    cursor: pointer;
    height: 38px
}

table tbody td {
    color: #6d7880;
    padding: 14px 15px 11px 15px;
    background-color: #FFF;
    vertical-align: bottom;
    border: 1px solid #d0d0d0;
    font-size: 13px
}

table tbody tr.even td {
    background-color: green
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(../images/asc.gif);
    background-repeat: no-repeat;
    background-position: center right
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(../images/desc.gif);
    background-repeat: no-repeat;
    background-position: center right
}

table thead tr .headerSortDown,
table thead tr .headerSortUp {
    background: #e0e0e0
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides img {
    width: 100%;
    display: block
}

.flex-pauseplay span {
    text-transform: capitalize
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides>li:first-child {
    display: block
}

.flexslider {
    margin: 0 0 70px 0;
    position: relative;
    zoom: 1
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 340px
}

.flexslider .slides {
    zoom: 1
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav {
    *height: 0
}

.flex-direction-nav a {
    width: 50px;
    height: 50px;
    display: block;
    background: #f1f1f1;
    position: absolute;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0
}

.flex-direction-nav a:hover {
    background: red;
}

.flex-direction-nav .flex-next {
    background-image: url(../images/direction_nav.png);
    background-position: -50px 50px;
    right: 20px;
    bottom: 20px
}

.flex-direction-nav .flex-prev {
    background-image: url(../images/direction_nav.png);
    background-position: 0 0;
    right: 70px;
    bottom: 20px
}

.flexslider:hover .flex-next {
    opacity: 1
}

.flexslider:hover .flex-prev {
    opacity: 1
}

.flexslider:hover .flex-next:hover {
    background-position: 50px 0;
    background-color: #ef5148
}

.flexslider:hover .flex-prev:hover {
    background-position: 0 50px;
    background-color: #ef5148
}

.flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 40px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #d0d0d0;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
}

.flex-control-paging li a:hover {
    background: #6d7880
}

.flex-control-paging li a.flex-active {
    background: #fff;
    cursor: pointer
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: 'Open Sans', sans-serif;;
    color: #2c2f31;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

.fl {
    float: left
}

.fr {
    float: right
}

.center {
    text-align: center
}

.fixed {
    position: fixed
}

div.top {
    width: 100%;
    height: 175px;
}

div.logo {
    width: 140px;
    height: 120px;
    float: left;
    padding: 10px 0 0 0
}

div.logo {
    background-image: url(../images/jandscoatingsleeds.jpg);
    background-repeat: no-repeat;
    text-indent: -9999px;
    position: relative;
    top: 25px
}

div.logo a {
    display: block;
    width: 140px;
    height: 120px
}

#topbar {
    background: #0a0700
}

#topbar .container {
    padding: 0
}
#tagline,
#phone-header {
    position: relative;
    top: 10px;
    margin: 0 0 8px 0;
}

#phone-header a,
#phone-header a:hover{
    top: 8px;
}
#tagline,
#phone-header,
#phone-header a,
#phone-header a:hover{
    color: #fff;
}

#tagline {
}

#phone-header {
    float: right;
    font-size: 24px;
    font-weight: bold;
    top: 2px;

}

#footer-container {
    background: #01539d;
    color: #fff!important
}

#footer-container h3 {
    color: #fff!important
}

ul.main_menu {
    font-family: 'Open Sans', sans-serif;
    position: relative;
    top: 70px;
}

ul.main_menu>li {
    float: left;
    position: relative
}

ul.main_menu li:last-child {
    padding-right: 0
}

ul.main_menu>li>a {
    display: block;
    padding: 0 16px;
    color: #0A0700;
    line-height: 47px;
    font-weight: bold;
}

ul.sub_menu {
    width: 180px;
    position: absolute;
    top: 45px;
    left: 0;
    display: none;
    z-index: 99999;
    padding: 8px 0;
    background: rgb(44, 47, 49);
    background: rgba(44, 47, 49, .86);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#992c2f31, endColorstr=#992c2f31);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#992c2f31, endColorstr=#992c2f31)"
}

ul.sub_menu li {
    position: relative
}

ul.sub_menu li a {
    display: block;
    padding: 8px 0 8px 16px;
    color: #fff;
    font-size: 13px;
    -webkit-transition: border-left .15s ease-in-out;
    -moz-transition: border-left .15s ease-in-out;
    -o-transition: border-left .15s ease-in-out;
    -ms-transition: border-left .15s ease-in-out;
    transition: border-left .15s ease-in-out
}

ul.sub_menu li a:hover {
    border-left: 4px solid #01539D
}

.down_arrow {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 42%;
    display: none;
    border-width: 8px 7px 0 7px;
    border-style: solid;
    border-color: #01539D transparent transparent transparent;
    z-index: 555555
}

div.separator {
    margin-bottom: 40px;
    background: url(../images/sep_bg.png) repeat-x 0 2px
}

div.separator h3 {
    color: #0a0700;
    border-top: 5px solid #01539D;
    margin-bottom: 0;
    line-height: 25px;
    padding-top: 20px;
    display: inline-block;
    float: left
}

div.separator_sidebar {
    margin-bottom: 20px;
    background: url(../images/sep_bg.png) repeat-x 0 2px
}

div.separator_sidebar h4 {
    color: #6d7880;
    border-top: 5px solid #01539D;
    margin-bottom: 0;
    line-height: 25px;
    padding-top: 5px;
    display: inline-block;
    float: left;
    font-size: 17px
}

div.bc_box {
    width: 100%;
    height: 34px;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0
}

div.breadcrumbs {
    margin-bottom: 40px
}

ul.bc_list {
    height: 34px
}

ul.bc_list li {
    float: left;
    position: relative;
    margin: 0 20px
}

ul.bc_list li:first-child {
    margin-left: 0
}

ul.bc_list li::after {
    float: left;
    position: absolute;
    top: 0;
    right: -25px;
    content: '';
    display: block;
    width: 10px;
    height: 34px;
    background: url(../images/bc_sep.png)
}

ul.bc_list li a {
    font-size: 13px;
    line-height: 35px
}

div.welcome_text {
    margin-bottom: 60px;
    text-align: center
}

div.welcome_text h2 {
    color: #545454
}

div.welcome_text a.button {
    font-size: 32px;
    margin: 40px auto 0 auto;
    font-family: 'Open Sans', sans-serif;
}

.more {
    width: 300px;
    margin: 20px auto!important;
    display: block
}

.more a.button {
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;;
    text-align: center
}

.footer-button {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;;
    background: #fff!important;
    color: #545454!important
}

div.service {
    text-align: center;
    margin-bottom: 60px;
	background: #01539d;
	padding: 30px 15px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.service h2 {
    font-family: 'Open Sans', sans-serif;;
    font-weight: bold;
    color: #fff;
}

div.service p {
    margin-bottom: 0;
    color: #fff;
}

div.service img {
    margin-bottom: 20px;
    max-width: 100%;
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.service a.button {
    margin: 40px auto 0 auto;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;;
    background: #0A0700;
    color: #fff;
}

div.service a.hover {
    background: #fff;
}

div.projects {
    margin-bottom: 40px
}

ul.project_list_four li {
    width: 220px;
    height: 140px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    position: relative
}

ul.project_list_four li:nth-child(4n) {
    margin-right: 0
}

ul.project_list_four li img {
    position: relative;
    top: 0;
    left: 0;
    z-index: -4;
    width: 220px;
    height: 140px
}

ul.project_list_four li a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 220px;
    height: 140px
}

ul.project_list_four li div.des>p.proj_title {
    font-family: 'Open Sans', sans-serif;;
    ;
    padding: 10px;
    padding-bottom: 0;
    display: none;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 10px;
    float: left;
    color: #fff;
    opacity: 0
}

ul.project_list_four li div.des>p.proj_desc {
    padding: 10px;
    padding-top: 0;
    display: none;
    float: left;
    color: #fff;
    font-size: 13px;
    line-height: 1.6em;
    opacity: 0
}

ul.project_list_three li {
    width: 300px;
    height: 190px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    position: relative
}

ul.project_list_three li:nth-child(3n) {
    margin-right: 0
}

ul.project_list_three li a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 300px;
    height: 190px
}

ul.project_list_three li img {
    position: relative;
    top: 0;
    left: 0;
    z-index: -4;
    width: 300px;
    height: 190px
}

ul.project_list_three li div.des>p.proj_title {
    font-family: 'Open Sans', sans-serif;;
    ;
    padding: 20px;
    padding-bottom: 0;
    display: none;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 10px;
    float: left;
    color: #fff;
    opacity: 0
}

ul.project_list_three li div.des>p.proj_desc {
    padding: 20px;
    padding-top: 0;
    display: none;
    float: left;
    color: #fff;
    font-size: 15px;
    line-height: 1.6em;
    opacity: 0
}

ul.project_list_two li {
    width: 460px;
    height: 280px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    position: relative
}

ul.project_list_two li:nth-child(2n) {
    margin-right: 0
}

ul.project_list_two li img {
    position: relative;
    top: 0;
    left: 0;
    z-index: -4;
    width: 460px;
    height: 280px
}

ul.project_list_two li a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 460px;
    height: 280px
}

ul.project_list_two li div.des>p.proj_title {
    font-family: 'Open Sans', sans-serif;;
    ;
    padding: 20px;
    padding-bottom: 0;
    display: none;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 10px;
    float: left;
    color: #fff;
    opacity: 0
}

ul.project_list_two li div.des>p.proj_desc {
    padding: 20px;
    padding-top: 0;
    display: none;
    float: left;
    color: #fff;
    font-size: 15px;
    line-height: 1.6em;
    opacity: 0
}

div.filters {
    margin-bottom: 40px;
    overflow: hidden
}

div.filters>p {
    margin-bottom: 0
}

ul.filters_list li,
ul.filters_list li.button.medium {
    float: left;
    margin-left: 20px;
    margin-top: 0;
    display: inline
}

ul.filters_list li:first-child {
    margin-left: 0
}

div.proj_img_single img {
    margin-bottom: 40px
}

div.projects_nav {
    border-top: 1px solid #e0e0e0;
    height: 40px;
    line-height: 41px
}

div.latest_post {
    margin-bottom: 40px
}

div.latest_post>img {
    margin-bottom: 10px
}

div.latest_post>p {
    margin-bottom: 0
}

div.latest_post span {
    display: block;
    font-size: 13px;
    color: #6d7880;
    margin-bottom: 10px
}

div.latest_post span img {
    display: inline-block;
    vertical-align: baseline
}

div.blog_post {
    margin-bottom: 40px;
    padding-bottom: 19px;
    border-bottom: 1px solid #e0e0e0
}

img.blog_image_front {
    margin-top: 15px
}

div.post_date {
    float: left;
    width: 40px;
    height: 38px;
    background: url(../images/calendar_icon.png) no-repeat top left;
    margin-right: 20px
}

div.post_date_month {
    width: 38px;
    height: 12px;
    margin: 1px;
    background: #01539D;
    font-family: 'Open Sans', sans-serif;;
    ;
    text-align: center;
    font-size: 10px;
    color: #fff;
    line-height: 15px
}

div.post_date_day {
    width: 38px;
    height: 23px;
    font-family: 'Open Sans', sans-serif;;
    ;
    text-align: center;
    font-size: 19px;
    color: #6d7880;
    line-height: 26px
}

div.post_title {
    max-width: 580px;
    float: left
}

div.post_title a h3 {
    padding-top: 5px;
    display: inline-block
}

div.post_title a:hover h3 {
    color: #01539D
}

ul.post_details_list {
    display: block;
    padding-bottom: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e0e0
}

ul.post_details_list li {
    float: left;
    font-size: 15px;
    padding: 4px 10px 2px 0;
    margin-right: 10px;
    border-right: 1px solid #e0e0e0
}

div.read_more {
    font-size: 15px
}

div.blog_comments {
    padding: 15px
}

div.blog_comments_count {
    margin-bottom: 15px
}

div.blog_comments_count h3 a {
    font-family: 'Open Sans', sans-serif;
}

li.blog_comment {
    margin-bottom: 30px;
    border-bottom: 1px solid #e0e0e0
}

li.blog_comment:last-child {
    border-bottom: 0
}

div.comment_text {
    max-width: 510px
}

div.comment_text a h4 {
    color: #01539D;
    display: inline-block
}

span.comment_date {
    font-size: 13px;
    margin-left: 20px
}

span.comment_date a {
    color: #6d7880
}

div.comment_avatar {
    width: 100px;
    overflow: hidden
}

form.blog_comment_form {
    margin-top: 40px
}

form.blog_comment_form input {
    width: 200px
}

ul.comment_form_list li {
    float: left;
    display: inline;
    margin-right: 20px
}

ul.comment_form_list li:last-child {
    margin-right: 0
}

form.blog_comment_form textarea {
    padding: 10px;
    max-width: 100%;
    height: 200px;
    resize: none
}

form.blog_comment_form input[type="submit"] {
    margin-top: 5px
}

div.audio_player {
    margin: 15px 0;
    display: block
}

div.video_embed {
    margin: 15px 0
}

.sticky {
    background: #fff;
    padding: 8px;
    border: 3px solid #fff;
    border-radius: 15px;
    moz-border-radius: 15px;
    webkit-border-radius: 15px
}

div.blog_sidebar a {
    font-size: 15px
}

ul.social_icons_sidebar {
    margin-bottom: 15px
}

ul.social_icons_sidebar li {
    float: left;
    margin-right: 15px;
    margin-bottom: 8px
}

ul.social_icons_sidebar li:nth-child(5) {
    margin-right: 0
}

ul.blog_categories_sidebar {
    margin-bottom: 15px
}

ul.blog_categories_sidebar li {
    margin-bottom: 8px;
    padding-bottom: 7px;
    padding-left: 8px;
    border-bottom: 1px solid #e0e0e0
}

ul.blog_categories_sidebar li:last-child {
    border-bottom: 0
}

ul.tags_sidebar {
    margin-bottom: 15px
}

ul.tags_sidebar li {
    float: left;
    margin-right: 10px
}

ul.tags_sidebar li a {
    font-size: 13px
}

div.contact_map {
    margin-bottom: 40px;
    clear: both
}

form.contact_form {
    margin-top: 40px;
    position: relative
}

form.contact_form textarea {
    padding: 10px;
    max-width: 100%;
    height: 200px;
    resize: none
}

form.contact_form.side textarea {
    height: 80px
}

form.contact_form input[type="submit"] {
    margin-top: 5px
}

ul.contact_form_list li {
    position: relative
}

p.error {
    position: absolute;
    top: -3px;
    right: 0;
    font-size: 13px;
    color: #ca3636
}

p.form_message {
    position: absolute;
    bottom: -30px;
    left: 0;
    font-size: 13px;
    color: #01539D
}

ul.contact_details_list li {
    font-size: 15px;
    color: #6d7880;
    margin-bottom: 20px
}

ul.contact_details_list li>span {
    font-size: 15px;
    margin-right: 10px;
    color: #fff;
    display: inline-block;
    width: 120px
}

div.pricing_column {
    margin-top: 20px;
    margin-bottom: 60px;
    text-align: center
}

div.pricing_column.best_offer {
    margin-top: 0
}

div.pricing_column.best_offer>div.pricing_plan_name {
    height: 70px;
    background: #01539D
}

div.pricing_column.best_offer>div.pricing_plan_name h3 {
    line-height: 74px;
    color: #fff
}

div.pricing_plan_name {
    background: #f0f0f0;
    height: 50px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

div.pricing_plan_name h3 {
    line-height: 54px
}

div.pricing_plan_price {
    height: 120px
}

div.pricing_plan_price h1 {
    padding-top: 30px;
    margin-bottom: 0
}

div.pricing_plan_price span.pricing_details {
    font-size: 11px;
    color: #6d7880;
    text-transform: uppercase
}

ul.pricing_plan_list {
    margin-top: 15px
}

ul.pricing_plan_list li {
    font-size: 15px;
    margin-bottom: 25px;
    color: #6d7880
}

ul.pricing_plan_list li span.pricing_btxt {
    font-family: 'Open Sans', sans-serif;;
}

.f_widget {
    margin-bottom: 40px
}

.f_widget h3,
.f_widget strong {
    color: #fff
}

.f_widget p {
    margin-bottom: 10px;
    color: #fff
}


ul.footer_list {
    margin-bottom: 15px
}

ul.footer_list li {
    margin-bottom: 8px;
    padding-bottom: 7px;
    padding-left: 8px;
    border-bottom: 1px solid #e0e0e0
}

ul.footer_list li a {
    font-size: 15px
}

ul.footer_list li:last-child {
    border-bottom: 0
}

ul.footer_social_list li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

div.footer {
    padding: 15px
}

.footer_links li {
    float: left;
    font-size: 14px;
    color: #fff
}

.footer_links li a{
	color: #fff;
	margin-right: 10px;
	text-decoration: underline;
}
.footer_links li a:hover{
	text-decoration: none;
}
.footer_links li:last-child a{
	color: #fff;
	margin-right: 0px;
}
.alert_box {
    padding: 16px 16px 14px 16px;
    margin-bottom: 40px;
    position: relative
}

.alert_box p {
    margin-bottom: 0
}

.info::after,
.warning::after,
.success::after,
.alert::after {
    position: absolute;
    top: 6px;
    right: 5px;
    display: inline-block;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
}

.info {
    border: 1px solid #2ab4e6;
    background: #a0def4
}

.info p {
    color: #10698A
}

.info::after {
    content: 'INFO';
    color: #10698A
}

.warning p {
    color: #ae6023
}

.warning {
    border: 1px solid #e3b92f;
    background: #f1e889
}

.warning::after {
    content: 'WARNING';
    color: #ae6023
}

.success p {
    color: #618424
}

.success {
    border: 1px solid #a4d256;
    background: #e3f4Cc
}

.success::after {
    content: 'SUCCESS';
    color: #618424
}

.alert p {
    color: #ca3636
}

.alert {
    border: 1px solid #fa6666;
    background: #ffcaca
}

.alert::after {
    content: 'ALERT';
    color: #ca3636
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer
}

.ui-tabs {
    position: relative;
    zoom: 1;
    margin-bottom: 40px
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    display: table;
    clear: both
}

.ui-tabs .ui-tabs-nav li {
    border-bottom: none!important;
    list-style: none;
    float: left;
    position: relative;
    padding: 0;
    white-space: nowrap;
    margin-top: 0;
    margin-right: -1px;
    margin-bottom: -1px!important;
    margin-left: 0;
    z-index: 8
}

.ui-tabs .ui-tabs-nav .ui-state-default {
    height: 39px;
    border-bottom: none!important
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    z-index: 99;
    background-color: #fff;
    border-top: 1px solid #01539D
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a h5 {
    color: #6d7880
}

.ui-tabs .ui-tabs-nav li a h5 {
    margin: 0;
    color: #6d7880;
    line-height: 41px
}

.ui-tabs .ui-tabs-nav li a {
    font-size: 15px;
    color: #707070;
    line-height: 39px;
    height: 38px;
    float: left;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #d0d0d0 #d0d0d0 transparent #d0d0d0;
    border-bottom: none;
    padding-right: 15px;
    padding-left: 15px
}

.ui-tabs .ui-tabs-panel {
    display: block;
    padding-bottom: 0;
    border: 1px solid #d0d0d0;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08)
}

.ui-tabs .ui-tabs-panel p {
    padding: 10px 15px;
    margin-bottom: 0
}

.ui-tabs .ui-tabs-hide {
    display: none!important
}

.ui-accordion {
    width: 100%;
    margin-bottom: 40px
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    zoom: 1;
    outline: none;
    border: 1px solid #d0d0d0;
    height: 38px
}

.ui-accordion .ui-accordion-li-fix {
    display: inline
}

.ui-accordion .ui-state-active {
    border-top-color: #01539D;
    border-bottom: 0!important;
    outline: none
}

.ui-accordion .ui-accordion-header>a {
    display: block;
    line-height: 40px;
    color: #6d7880
}

.ui-accordion .ui-accordion-header.ui-state-active>a {
    color: #6d7880
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 30px
}

.ui-accordion .ui-accordion-header .ui-icon-on {
    position: absolute;
    left: 11px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    background: #01539D
}

.ui-accordion .ui-accordion-header .ui-icon-off {
    position: absolute;
    left: 11px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    background: #6d7880
}

.ui-accordion .ui-accordion-content {
    border: 1px solid #d0d0d0;
    position: relative;
    top: 1px;
    overflow: hidden;
    display: none;
    zoom: 1;
    top: -11px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08)
}

.ui-accordion .ui-accordion-content-active {
    display: block
}

.ui-accordion .ui-accordion-content p {
    padding: 10px 15px;
    margin-bottom: 0
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: red
}

.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #f0f0f0;
    position: relative
}

.jspDrag {
    background: #d0d0d0;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 10px
}

.jspHorizontalBar .jspArrow {
    width: 10px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: none
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

.tweet,
.query {
    font-family: 'Open Sans', sans-serif;;
    font-size: 15px;
    line-height: 1.6em;
    color: #6d7880
}

.tweet_list {
    list-style: none;
    margin: 0;
    padding: 0
}

.tweet_list li {
    overflow-y: auto;
    overflow-x: hidden;
    list-style-type: none;
    margin-bottom: 15px
}

.tweet_list li:last-child {
    margin-bottom: 0
}

.tweet_list .tweet_avatar {
    padding-right: .5em;
    float: left
}

.tweet_list .tweet_avatar img {
    vertical-align: middle
}

#footer-logo {
    margin: 20px 0 0 0
}

#footer-container {
    padding-top: 20px
}

#footer-container ul.contact_details_list li {
    color: #fff
}

#footer-container ul.contact_details_list li>span,
#footer-container ul.contact_details_list li>strong {
    color: #fff;
    font-weight: 700
}

nav select {
    display: none
}

@media only screen and (min-width:768px) and (max-width:959px) {
    nav select {
        display: none
    }
    ul.project_list_two li,
    ul.project_list_two li a,
    ul.project_list_two li img {
        width: 364px;
        height: 231px
    }
    ul.project_list_three li,
    ul.project_list_three li a,
    ul.project_list_three li img {
        width: 236px;
        height: 150px
    }
    ul.project_list_four li,
    ul.project_list_four li a,
    ul.project_list_four li img {
        width: 172px;
        height: 109px
    }
    ul.project_list_four li div.des>p.proj_title {
        font-size: 15px;
        padding-bottom: 0
    }
    ul.project_list_four li div.des>p.proj_desc {
        font-size: 13px
    }
    ul.social_icons_sidebar li {
        margin-right: 11px
    }
    ul.social_icons_sidebar li:nth-child(5) {
        margin-right: 11px
    }
    ul.social_icons_sidebar li:nth-child(4) {
        margin-right: 0
    }
    div.comment_text {
        max-width: 378px
    }
    div.jp-audio {
        width: 508px
    }
    .jp-interface {
        width: 508px
    }
    .jp-progress {
        width: 246px
    }
    div.post_title {
        width: 448px
    }
    form.blog_comment_form input {
        width: 156px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .flex-direction-nav {
        display: none
    }
    div.top {
        height: 160px;
        margin-bottom: 20px
    }
    div.logo {
        margin: 0 auto;
        float: none
    }
    div.logo::after {
        clear: both
    }
    ul.main_menu {
        display: none
    }
    nav select {
        width: 100%;
        display: block;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        height: 30px;
        margin-bottom: 10px;
        padding: 4px;
        background: #2c2f31;
        color: #fff;
        border: 0;
        text-align: right;
        margin: 0 auto;
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;;
        position: relative;
        top: 20px!important
    }
    nav select option {
        padding: 10px
    }
    div.bc_box {
        display: none
    }
    div.welcome_text {
        margin-bottom: 40px
    }
    .separator {
        margin-bottom: 40px
    }
    ul.project_list_two li,
    ul.project_list_two li a,
    ul.project_list_two li img {
        width: 420px;
        height: 267px
    }
    ul.project_list_three li,
    ul.project_list_three li a,
    ul.project_list_three li img {
        width: 420px;
        height: 267px
    }
    ul.project_list_four li,
    ul.project_list_four li a,
    ul.project_list_four li img {
        width: 420px;
        height: 267px
    }
    div.sixteen.columns.filters {
        display: none
    }
    div.latest_post>img {
        display: none
    }
    div.post_date {
        display: none
    }
    div.post_details a {
        font-size: 13px
    }
    div.jp-audio {
        width: 420px
    }
    .jp-interface {
        width: 420px
    }
    .jp-progress {
        width: 158px
    }
    .columns.blog_post {
        margin-bottom: 40px
    }
    .comment_avatar {
        display: none
    }
    ul.social_icons_sidebar li:nth-child(5) {
        margin-right: 15px
    }
    form.blog_comment_form li {
        margin-right: 0
    }
    form.blog_comment_form input {
        width: 420px
    }
    .columns.f_widget {
        margin-bottom: 20px;
        clear: both
    }
    .columns.pricing_column,
    .column.pricing_column {
        margin-bottom: 20px
    }
    .footer_links {
        float: none;
        margin-bottom: 30px
    }
    .columns.footer {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:479px) {
    .flex-direction-nav {
        display: none
    }
    div.top {
        height: 160px;
        margin-bottom: 20px
    }
    div.logo {
        margin: 0 auto;
        float: none
    }
    div.logo::after {
        clear: both
    }
    ul.main_menu {
        display: none
    }
    nav select {
        width: 100%;
        display: block;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        height: 30px;
        margin-bottom: 10px;
        padding: 4px;
        background: #2c2f31;
        color: #fff;
        border: 0;
        text-align: right;
        margin: 0 auto;
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;;
        position: relative;
        top: 20px!important
    }
    nav select option {
        padding: 10px
    }
    div.bc_box {
        display: none
    }
    div.welcome_text {
        margin-bottom: 40px
    }
    .separator {
        margin-bottom: 40px
    }
    ul.project_list_two li,
    ul.project_list_two li a,
    ul.project_list_two li img {
        width: 300px;
        height: 191px
    }
    ul.project_list_three li,
    ul.project_list_three li a,
    ul.project_list_three li img {
        width: 300px;
        height: 191px
    }
    ul.project_list_four li,
    ul.project_list_four li a,
    ul.project_list_four li img {
        width: 300px;
        height: 191px
    }
    div.sixteen.columns.filters {
        display: none
    }
    div.latest_post>img {
        display: none
    }
    div.post_date {
        display: none
    }
    div.post_details a {
        font-size: 13px
    }
    div.jp-audio {
        width: 300px
    }
    .jp-interface {
        width: 300px
    }
    .jp-progress {
        width: 70px
    }
    .jp-volume-bar {
        width: 38px
    }
    .columns.blog_post {
        margin-bottom: 40px
    }
    .comment_avatar {
        display: none
    }
    ul.social_icons_sidebar li:nth-child(5) {
        margin-right: 15px
    }
    form.blog_comment_form li {
        margin-right: 0
    }
    form.blog_comment_form input {
        width: 300px
    }
    .columns.f_widget {
        margin-bottom: 20px;
        clear: both
    }
    .columns.pricing_column,
    .column.pricing_column {
        margin-bottom: 20px
    }
    .footer_links {
        float: none;
        margin-bottom: 30px
    }
    .columns.footer {
        margin-bottom: 30px
    }
}

.right-margin {
    margin-right: 35px!important
}

.container-wrapper{
	padding: 60px 0 0;
}

.container-wrapper.footer{
	padding: 0;
}

.container-wrapper.blue{
	background: #01539d;
}

.container-wrapper.black{
	background: #0A0700;
}

.container-wrapper.grey{
	background: #d2d2d2;
}

.container-wrapper.grey p.intro{
	color: #0A0700;
}



.container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0
}

.container .column,
.container .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px
}

.row {
    margin-bottom: 20px
}

.column.alpha,
.columns.alpha {
    margin-left: 0
}

.column.omega,
.columns.omega {
    margin-right: 0
}

.container .one.column,
.container .one.columns {
    width: 40px
}

.container .two.columns {
    width: 100px
}

.container .three.columns {
    width: 160px
}

.container .four.columns {
    width: 220px
}

.container .five.columns {
    width: 280px
}

.container .six.columns {
    width: 340px
}

.container .seven.columns {
    width: 400px
}

.container .eight.columns {
    width: 460px
}

.container .nine.columns {
    width: 520px
}

.container .ten.columns {
    width: 580px
}

.container .eleven.columns {
    width: 640px
}

.container .twelve.columns {
    width: 700px
}

.container .thirteen.columns {
    width: 760px
}

.container .fourteen.columns {
    width: 820px
}

.container .fifteen.columns {
    width: 880px
}

.container .sixteen.columns {
    width: 940px
}

.container .one-third.column {
    width: 300px
}

.container .two-thirds.column {
    width: 620px
}

.container .offset-by-one {
    margin-left: 60px
}

.container .offset-by-two {
    padding-left: 120px
}

.container .offset-by-three {
    padding-left: 180px
}

.container .offset-by-four {
    padding-left: 240px
}

.container .offset-by-five {
    padding-left: 300px
}

.container .offset-by-six {
    padding-left: 360px
}

.container .offset-by-seven {
    padding-left: 420px
}

.container .offset-by-eight {
    padding-left: 480px
}

.container .offset-by-nine {
    padding-left: 540px
}

.container .offset-by-ten {
    padding-left: 600px
}

.container .offset-by-eleven {
    padding-left: 660px
}

.container .offset-by-twelve {
    padding-left: 720px
}

.container .offset-by-thirteen {
    padding-left: 780px
}

.container .offset-by-fourteen {
    padding-left: 840px
}

.container .offset-by-fifteen {
    padding-left: 900px
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .container {
        width: 768px
    }
    .container .column,
    .container .columns {
        margin-left: 10px;
        margin-right: 10px
    }
    .column.alpha,
    .columns.alpha {
        margin-left: 0;
        margin-right: 10px
    }
    .column.omega,
    .columns.omega {
        margin-right: 0;
        margin-left: 10px
    }
    .alpha.omega {
        margin-left: 0;
        margin-right: 0
    }
    .container .one.column,
    .container .one.columns {
        width: 28px
    }
    .container .two.columns {
        width: 76px
    }
    .container .three.columns {
        width: 124px
    }
    .container .four.columns {
        width: 172px
    }
    .container .five.columns {
        width: 220px
    }
    .container .six.columns {
        width: 268px
    }
    .container .seven.columns {
        width: 316px
    }
    .container .eight.columns {
        width: 364px
    }
    .container .nine.columns {
        width: 412px
    }
    .container .ten.columns {
        width: 460px
    }
    .container .eleven.columns {
        width: 508px
    }
    .container .twelve.columns {
        width: 556px
    }
    .container .thirteen.columns {
        width: 604px
    }
    .container .fourteen.columns {
        width: 652px
    }
    .container .fifteen.columns {
        width: 700px
    }
    .container .sixteen.columns {
        width: 748px
    }
    .container .one-third.column {
        width: 236px
    }
    .container .two-thirds.column {
        width: 492px
    }
    .container .offset-by-one {
        margin-left: 48px
    }
    .container .offset-by-two {
        padding-left: 96px
    }
    .container .offset-by-three {
        padding-left: 144px
    }
    .container .offset-by-four {
        padding-left: 192px
    }
    .container .offset-by-five {
        padding-left: 240px
    }
    .container .offset-by-six {
        padding-left: 288px
    }
    .container .offset-by-seven {
        padding-left: 336px
    }
    .container .offset-by-eight {
        padding-left: 384px
    }
    .container .offset-by-nine {
        padding-left: 432px
    }
    .container .offset-by-ten {
        padding-left: 480px
    }
    .container .offset-by-eleven {
        padding-left: 528px
    }
    .container .offset-by-twelve {
        padding-left: 576px
    }
    .container .offset-by-thirteen {
        padding-left: 624px
    }
    .container .offset-by-fourteen {
        padding-left: 672px
    }
    .container .offset-by-fifteen {
        padding-left: 720px
    }
}

@media only screen and (max-width:767px) {
    .container {
        width: 300px
    }
    .container .columns,
    .container .column {
        margin: 0
    }
    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
        width: 300px
    }
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen {
        padding-left: 0
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .container {
        width: 420px
    }
    .container .columns,
    .container .column {
        margin: 0
    }
    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
        width: 420px
    }
}

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.row:after,
.clearfix:after {
    clear: both
}

.row,
.clearfix {
    zoom: 1
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.our-work{
	max-width: 100%;
}