body {
font-family:'Open Sans', Helvetica, Arial, sans-serif;
font-size:13px;
font-weight:400;
line-height:25px;
color:#777;
}


/* Typography */

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
font-weight:400;
color:#111;
}

.h1,h1 {
font-size:36px;
line-height:1.5em;
}

.h2,h2 {
font-size:30px;
line-height:1.5em;
}

.h4,h4 {
font-size:20px;
line-height:25px;
}

.h5,h5 {
font-size:16px;
line-height:25px;
}

.h6,h6 {
font-size:13px;
line-height:25px;
}

.bigtext h1,.bigtext h2,.bigtext h3,.bigtext h4,.bigtext h5,.bigtext h6,h1.bigtext,h2.bigtext,h3.bigtext,h4.bigtext,h5.bigtext,h6.bigtext {
margin-bottom:10px;
}

.bigtext h1,h1.bigtext {
font-size:90px;
line-height:1em;
}

.bigtext h2,h2.bigtext {
font-size:75px;
line-height:1em;
}

.bigtext h3,h3.bigtext {
font-size:60px;
line-height:1em;
}

.bigtext h4,h4.bigtext {
font-size:48px;
line-height:1.25em;
}

.bigtext h5,h5.bigtext {
font-size:36px;
line-height:1.25em;
}

a {
color:inherit;
text-decoration:none;
}

span a {
    color: #ff4800;
}

i {
cursor:default;
}

.ol {
list-style-type:decimal-leading-zero;
list-style-position:outside;
margin-left:2em;
margin-bottom:25px;
}

.ol ol,.ul ol {
list-style-type:decimal-leading-zero;
list-style-position:outside;
}

.ul {
list-style-type:disc;
list-style-position:outside;
margin-left:1em;
margin-bottom:25px;
}

.ol ul,.ul ul {
list-style-type:disc;
list-style-position:outside;
}

.ol ol,.ol ul,.ul ol,.ul ul {
margin-left:2em;
}

.italic,em {
font-style:italic;
}

.bold,b,strong {
font-weight:600;
}

.thin {
font-weight:300;
}

.x-thin {
font-weight:100;
}

.serif {
font-family:Georgia,serif;
font-style:italic;
font-weight:400;
letter-spacing:0;
text-transform:none;
}

.serif.tag{
    margin: 13px;
    background: rgba(255, 255, 255, 0.28);
    font-size: 14px;
}

.uber {
font-family:Raleway,'Open Sans',Helvetica,Arial,sans-serif;
font-style:normal;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
}

.uber2 {font-family:Raleway,'Open Sans',Helvetica,Arial,sans-serif;font-style:normal;font-weight: 500;letter-spacing:.08em;font-size: 14px;line-height: 32px;}

span.uber{
    color:#000;
}

.text-light {
color:#bbb;
}

.text-white {
color:#fff;
}

.dropcap {
float:left;
color:#111;
font-size:50px;
line-height:50px;
padding-right:8px;
padding-left:3px;
}

blockquote {
font-family:Georgia,serif;
font-style:italic;
font-weight:400;
font-size:1.25em;
background:#fafafa;
border-left:5px solid #eee;
margin-bottom:25px;
padding:25px;
}

blockquote small {
display:block;
font-family:'Open Sans',Helvetica,Arial,sans-serif;
font-size:.75em;
font-weight:400;
font-style:normal;
}

blockquote small:before {
content:'\2014 \00A0';
}

q {
quotes:\" \"";
}

q:before {
content:'\201C';
}

q:after {
content:'\201D';
}

button,input[type=submit] {
-webkit-appearance:none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
padding:0;
}

input[type=submit] {
border:0;
width:auto;
}

input::-moz-focus-inner {
border:0;
margin-top:5px;
margin-bottom:5px;
padding:0;
}

.btn,button,input[type=submit] {
display:inline-block;
font-family:Raleway,'Open Sans',Helvetica,Arial,sans-serif;
font-size:13px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
line-height:25px;
color:#fff;
background:#111;
text-decoration:none;
-webkit-border-radius:5px;
border-radius:5px;
padding:12px 25px;
}

a .icon:hover,a.btn:hover,button:hover,input[type=submit]:hover {
color:#fff;
background:#ff4800;
text-decoration:none;
}

.btn>i {
font-size:14px;
margin-right:.5em;
}

.btn.outline {
color:#111;
background:0 0;
border:2px solid #111;
padding:10px 23px;
}

a.btn.outline:hover,button.outline:hover,input[type=submit].outline:hover {
color:#fff;
background:#ff4800;
border:2px solid rgba(255,72,0,1);
}

.btn.color {
background:#ff4800;
}

.btn.outline.color {
color:#ff4800;
background:0 0;
border:2px solid #ff4800;
}

.btn.light {
color:#fff;
background:rgba(255,255,255,.3);
}

.btn.outline.light {
color:#fff;
background:0 0;
border:2px solid rgba(255,255,255,.3);
}

.btn.dark {
color:#111;
background:rgba(17,17,17,.3);
}

.btn.outline.dark {
color:#111;
background:0 0;
border:2px solid rgba(17,17,17,.3);
}

.btn.white {
color:#111;
background:#fff;
}

.btn.outline.white {
color:#fff;
background:0 0;
border:2px solid #fff;
}

.header {
position:relative;
display:block;
width:100%;
height:100%;
}

.header.large {
height:100%x;
}

.header.medium {
height:100%;
}

.header.small {
height:320px;
}

.header-inner {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
width:100%;
max-width:740px;
min-width:300px;
text-align:center;
z-index:60;
}

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

.title {
text-align:center;
}

.title h1,.title h2 {
font-family:Raleway,'Open Sans',Helvetica,Arial,sans-serif;
font-size:16px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
line-height:25px;
margin-bottom:15px;
}

.title hr {
display:inline-block;
width:40px;
height:2px;
background:#ccc;
margin-bottom:40px;
}

.title.title-light hr {
background:#555;
}

.header hr {
display:inline-block;
width:40px;
height:2px;
background:#fff;
filter:alpha(opacity=50);
opacity:.5;
margin-bottom:25px;
}

a.underline {
padding-bottom:1px;
border-bottom:1px dotted #ccc;
}

a.underline:hover {
border-bottom:1px dotted #111;
}

a.inverted.underline {
padding-bottom:1px;
border-bottom:1px dotted #555;
}

a.inverted.underline:hover {
border-bottom:1px dotted #fff;
}

a.arrow-link {
font-family:Raleway,'Open Sans',Helvetica,Arial,sans-serif;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:#111;
}

a.arrow-link:before {
font-family:FontAwesome;
content:'\f054';
color:#aaa;
margin-right:7px;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.oc-left,.oc-right {
position:absolute;
top:50%;
margin-top:-30px;
}

.oc-left {
left:0;
margin-left:-60px;
}

.oc-right {
right:0;
margin-right:-60px;
}

.oc-left i,.oc-right i {
display:inline-block;
width:60px;
height:60px;
line-height:60px;
font-size:42px;
text-align:center;
color:#ccc;
}

.overlay-item {
position:relative;
color:#fff;
line-height:0;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.o-hover {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
color:rgba(255,255,255,0);
background:rgba(0,0,0,0);
visibility:visible;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.overlay-item a:hover>.o-hover,.overlay-item:hover>.o-hover {
color:rgba(255,255,255,1);
background:rgba(0,0,0,.5);
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.o-hover span {
font-family:Raleway,'Open Sans',Helvetica,Arial,sans-serif;
font-style:normal;
font-size:13px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
text-align:center;
line-height:20px;
display:inline-block;
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}

.o-hover em {
font-family:'Open Sans',Helvetica,Arial,sans-serif;
font-style:normal;
font-size:13px;
font-weight:400;
letter-spacing:0;
text-transform:none;
color:rgba(255,255,255,0);
display:inline-block;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.o-hover i {
font-size:34px;
font-weight:400;
letter-spacing:0;
text-transform:none;
color:rgba(255,255,255,0);
display:inline-block;
width:50px;
height:50px;
line-height:55px;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.overlay-item a:hover>.o-hover i:hover,.overlay-item:hover>.o-hover i:hover {
color:#111;
background:#fff;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.o-hover i.fa-2x {
font-size:2em;
}

.overlay-item a:hover>.o-hover i.fa-2x:hover,.overlay-item:hover>.o-hover i.fa-2x:hover {
color:#fff;
background:0 0;
}

.e-info {
position:relative;
display:block;
background:#fff;
text-align:center;
padding:15px 15px 25px;
}

.e-info h3 {
font-family:Raleway,'Open Sans',Helvetica,Arial,sans-serif;
font-style:normal;
font-size:13px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
line-height:20px;
margin-bottom:0;
}

.e-info p {
color:#aaa;
line-height:20px;
margin-bottom:0;
}

.top-bar {
position:fixed;
top:0;
display:block;
width:100%;
background:rgba(226, 226, 226, 0.9);
z-index:99;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}


/* LOGO */

.logo {
    background: rgba(247, 247, 247, 0.79);
    padding: 10px 18px;
    border-radius: 2px;
    width: 200px;
}


/* TOP BAR */
.tb-logo {
margin-left:20px;
}

.tb-logo h1 {
float:left;
text-align:left;
font-family:Raleway,'Open Sans',Helvetica,Arial,sans-serif;
font-size:13px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
line-height:25px;
color:#fff;
margin-top:15px;
margin-bottom:0;
}

.tb-logo h1 a {
text-decoration:none;
color:#fff;
}

.tb-large .tb-logo img {
float:left;
text-align:left;
width:auto;
max-height:54px;
-webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease;
}
.tb-small .tb-logo img {
float:left;
text-align:left;
width:auto;
max-height:37px;
margin:10px 10px 0 0;
-webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease;
}

#toggle,.menu ul ul,.toggle {
display:none;
}

.menu ul li:hover>ul {
display:block;
}

.menu {
float:right;
text-align:left;
font-family:Raleway,'Open Sans',Helvetica,Arial,sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
line-height:25px;
}

.menu ul {
position:relative;
display:table-cell;
list-style:none;
}

.menu ul:after {
content:"";
clear:both;
display:block;
}

.menu ul li {
float:left;
}

.menu ul li a {
display:block;
color:#777;
text-decoration:none;
padding:15px 20px;
}

.menu ul ul {
position:absolute;
top:100%;
background:rgba(7,7,7,.9);
min-width:150px;
padding:0 0 10px;
}

.menu ul ul li {
float:none;
position:relative;
}

.menu ul ul li a {
color:#777!important;
padding:10px 20px;
}

.menu ul ul li a:hover {
color:#fff!important;
}

.menu ul ul ul {
position:absolute;
top:0;
left:100%;
}

.tb-large {
padding-top:10px;
padding-bottom:10px;
}

.tb-small {
padding-top:0;
padding-bottom:0;
}

.top-bar.tb-transp {
background:rgba(7,7,7,0);
}

.tb-transp .menu ul li a {
color:rgba(255,255,255,.5);
}

.tb-small.tb-transp {
background:rgba(7,7,7,.9);
}

.home {
z-index:1;
}

.topspace {
padding-top:105px;
background:#111;
}

.icon-nav {
text-align:center;
margin-bottom:25px;
}

.icon-nav a {
display:inline-block;
}

.icon-nav i {
display:block;
width:100px;
height:100px;
line-height:100px;
text-align:center;
font-size:36px;
color:#ccc;
background:0 0;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
margin:0 auto 10px;
}

.icon-nav a:hover>i {
color:#fff;
background:#ff4800;
}

.icon-nav b {
font-family:Raleway,'Open Sans',Helvetica,Arial,sans-serif;
font-style:normal;
font-size:13px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
line-height:20px;
color:#111;
display:block;
}

.icon-nav em {
font-style:normal;
font-size:13px;
font-weight:400;
line-height:20px;
color:#aaa;
display:block;
}

.work .oc-left,.work .oc-right {margin-top: 345px;}

.projects .oc-left,.projects .oc-right {
margin-top: 0;
}

.cta {
padding-top:100px;
padding-bottom:100px;
}

.service-item {
position:relative;
display:block;
text-align:center;
background:#fff;
padding-bottom:35px;
}

.service-item h3 {
font-family:Raleway,'Open Sans',Helvetica,Arial,sans-serif;
font-style:normal;
font-size:13px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
line-height:20px;
color:#111;
/*margin-bottom:0;*/
}

.service-item .subline {
font-style:normal;
font-size:13px;
font-weight:400;
line-height:20px;
color:#aaa;
}

.service-item hr {
display:inline-block;
width:30px;
height:2px;
background:#ccc;
margin-bottom:20px;
}

.service-item i {
display:inline-block;
width:80px;
height:80px;
line-height:80px;
text-align:center;
font-size:48px;
color:#ccc;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.services .oc-left,.services .oc-right {
top:70px;
margin-top:0;
}

.process {
background:#222;
padding-top:100px;
padding-bottom:100px;
}

.icon-circle {
display:block;
text-align:center;
margin-bottom:50px;
}

.icon-circle i {
display:block;
width:80px;
height:80px;
line-height:80px;
text-align:center;
font-size:36px;
color:#555;
background:0 0;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
margin:0 auto 20px;
}

.icon-circle:hover>i {
font-size:48px;
color:#fff;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.icon-circle:hover>p {
color:#aaa;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.bg-white {
background:#fff;
}

.bg-padding {
padding:65px 20px;
}

.qs-wrap {
margin-top:2px;
}

.qs-wrap .bx-wrapper .bx-pager {
bottom:-25px;
}

.qs-wrap .bx-wrapper .bx-pager.bx-default-pager a {
border:1px solid #ccc;
filter:alpha(opacity=100);
opacity:1;
}

.qs-wrap .bx-wrapper .bx-pager.bx-default-pager a.active,.qs-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover {
background:#ccc;
filter:alpha(opacity=100);
opacity:1;
}

.about .oc-left,.about .oc-right {
margin-top:-50px;
}

.c-form {
margin-top:-15px;
text-align:left;
}

.c-form input:not([type]),.c-form input[type=color],.c-form input[type=date],.c-form input[type=datetime-local],.c-form input[type=datetime],.c-form input[type=email],.c-form input[type=month],.c-form input[type=number],.c-form input[type=password],.c-form input[type=search],.c-form input[type=tel],.c-form input[type=text],.c-form input[type=time],.c-form input[type=url],.c-form input[type=week],.c-form select,.c-form textarea {
width:100%;
min-height:50px;
border:2px solid #f4f4f4;
background:#f4f4f4;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
margin-bottom:10px;
padding:10px;
}

.c-form textarea {
resize:none;
height:150px;
font-size:100%;
}

.c-message {
text-align:left;
}

.c-message h6 {
font-family:Raleway,'Open Sans',Helvetica,Arial,sans-serif;
font-style:normal;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:0;
}

.error_message {
text-align:left;
color:red;
margin-bottom:10px;
}

.c-details a {
color:#777;
display:inline-block;
}

.c-details i {
float:left;
width:15px;
line-height:25px;
font-size:14px;
text-align:center;
color:#111;
}

.c-details span {
display:block;
width:auto;
margin-bottom:8px;
margin-left:30px;
}

.back-top-wrap {
text-align:center;
height:0;
}

.back-top {
position:relative;
top:-25px;
display:inline-block;
width:50px;
height:50px;
line-height:48px;
text-align:center;
font-size:14px;
color:#fff;
background: rgba(236, 35, 39, 0.9);
-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
z-index:2;
}

.back-top:hover {
background: #ec2327;
}

.social-footer {
background:#111;
padding-top:75px;
padding-bottom:50px;
text-align:center;
border-bottom:1px solid #292929;
}

.sf-icons {
width:100%;
position:relative;
text-align:center;
margin-bottom:25px;
}

.sf-icons i {
display:inline-block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
font-size:28px;
color:#888;
margin:10px;
}

.sf-icons p {
margin-top:15px;
margin-bottom:0;
}

.footer {
background:#111;
padding-top:60px;
text-align:center;
}

.footer-promo {
display:none;
background:#111;
padding-top:60px;
padding-bottom:60px;
text-align:center;
}

.promo-control {
position:relative;
top:-25px;
text-align:center;
height:0;
}

.promo-control a {
padding-top:10px;
cursor:pointer;
color:#333;
}

.promo-control a:hover {
color:#777;
}

.fourofour,.fourofour .header {
height:100%;
}

.error-circle {
display:inline-block;
width:300px;
height:300px;
border-radius:150px;
background:#fff;
margin:0 auto;
padding:25px;
}

.error-circle h1 {
font-size:90px;
line-height:1em;
margin-top:30px;
margin-bottom:15px;
}

.error-circle h5 {
margin-bottom:15px;
}

.error-circle hr {
display:inline-block;
width:40px;
height:2px;
background:#ccc;
margin-bottom:10px;
}

.background-one {
background-image:url(../images/bg.jpg);
}

.background-two {
background-image:url(../images/bg-2.jpg);
}

.background-three {
background-image:url(../images/bg-3.jpg);
}

.background-four {
background-image:url(../images/bg-4.jpg);
}

.background-five {
background-image:url(../images/bg-5.jpg);
}

.loader {
margin-left:10px;
}

p,h1,h2,h3,h4,h5,h6,.service-item ul {
margin-bottom:25px;
}

.h3,h3,.bigtext h6,h6.bigtext {
font-size:24px;
line-height:1.5em;
}
h3>a:hover{
    color:#ec2327;
}
.text-dark {
color:#fff;
}

a:hover {color: #000000;}

a,a i,a i:hover,a:hover,button,button:hover,input[type=submit],input[type=submit]:hover,.icon-circle p {
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

a i,a i:hover,button:hover,input[type=submit]:hover {
cursor:pointer;
}

.text-color,.service-item:hover>a.arrow-link:before,.c-details a:hover,.c-details a:hover i {
color:#ff4800;
}

.title.title-light h1,.title.title-light h2,.title.title-light h3,.title.title-light h4,a.inverted:hover,.tb-logo h1 a:hover,.menu ul li:hover a,.tb-transp .menu ul li:hover a,.sf-icons i:hover {
color:#fff;
}

a.arrow-link:hover,a.arrow-link:hover:before,.service-item:hover>i {
color:#ff4800;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.oc-left i:hover,.oc-right i:hover,.service-item .serif,.qs-wrap p {
color:#aaa;
}

.overlay-item a:hover>.o-hover em,.overlay-item:hover>.o-hover em,.overlay-item a:hover>.o-hover i,.overlay-item:hover>.o-hover i {
color:rgba(255,255,255,1);
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.intro,.services,.contact {
background:#fff;
padding-top:150px;
padding-bottom:20px;
}
.contact {
padding-bottom:140px !important;
}

.service-list {
background:#222;
padding-top:50px;
padding-bottom:10px;
}
.service-details {
padding-bottom:50px;
}

.welcome{
background:#fff;
padding-top:150px;
padding-bottom:100px;
min-height: 85%;
}

.work,.about,.projects {
// background:#f4f4f4;
padding-top:150px;
padding-bottom:30px;
}

@media only screen and max-width767px{
.bigtext h1,h1.bigtext {
font-size:60px;
}

.bigtext h2,h2.bigtext {
font-size:48px;
}

.bigtext h3,h3.bigtext {
font-size:36px;
}

.bigtext h4,h4.bigtext {
font-size:30px;
}

.bigtext h5,h5.bigtext {
font-size:24px;
}

.bigtext h6,h6.bigtext {
font-size:18px;
}
}

@media only screen and max-width479px{
.bigtext h1,h1.bigtext {
font-size:36px;
}

.bigtext h2,h2.bigtext {
font-size:30px;
}

.bigtext h3,h3.bigtext {
font-size:24px;
}

.bigtext h4,h4.bigtext {
font-size:18px;
}

.bigtext h5,h5.bigtext {
font-size:16px;
}

.bigtext h6,h6.bigtext {
font-size:14px;
}
}

@media only screen and max-width768px{
.header,.header.large {
height:480px;
}

.header.medium {
height:320px;
}

.top-bar {
padding-top:0;
}

.toggle {
display:block;
position:relative;
cursor:pointer;
-webkit-touch-callout:none;
-webkit-user-select:none;
user-select:none;
color:#777;
float:right;
font-family:FontAwesome;
text-align:center;
font-size:14px;
width:50px;
height:50px;
line-height:50px;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.toggle:hover {
color:#fff;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.toggle:after {
content:'\f0c9';
}

#toggle:checked~.menu {
display:block;
filter:alpha(opacity=100);
opacity:1;
}

#toggle:checked+.toggle:after {
content:'\f077';
}

.menu {
display:none;
filter:alpha(opacity=0);
opacity:0;
margin-top:50px;
width:100%;
position:absolute;
right:0;
height:auto;
text-align:left;
background:rgba(7,7,7,.9);
padding-bottom:10px;
padding-left:30px;
}

.menu ul li {
display:block;
width:100%;
line-height:30px;
margin:0;
}

.menu ul li a {
display:block;
width:100%;
padding:0;
}

.menu ul ul {
display:block;
position:relative;
top:0;
background:0 0;
padding:0;
}

.menu ul ul li a {
padding:0;
}

.menu ul ul ul {
position:relative;
top:0;
left:0;
}

.tb-large {
padding-top:0;
padding-bottom:0;
}

.top-bar.tb-transp {
background:rgba(7,7,7,.9);
}

.topspace {
padding-top:50px;
}

.icon-nav i {
width:80px;
height:80px;
line-height:80px;
font-size:24px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}

.title hr {
margin-bottom:50px;
}

.bg-padding {
padding:50px 15px;
}

.about,.contact,.cta,.intro,.process,.services,.social-footer,.work {
padding-top:75px;
padding-bottom:75px;
}

.process,.social-footer {
padding-top:75px;
padding-bottom:50px;
}

.footer,.footer-promo {
padding-top:40px;
padding-bottom:40px;
}

.section-slider {
padding-top:75px;
padding-bottom:100px;
}

.c-form {
margin-bottom:25px;
}
}

@media only screen and max-width1220px{
.oc-left,.oc-right {
top:100%;
margin-top:20px;
}

.oc-left {
left:50%;
margin-left:-40px;
}

.oc-right {
right:50%;
margin-right:-40px;
}

.oc-left i,.oc-right i {
width:40px;
height:40px;
line-height:40px;
font-size:28px;
}

.services .oc-left,.services .oc-right {
top:100%;
margin-top:0;
}

.work .oc-left,.work .oc-right,.about .oc-left,.about .oc-right {
margin-top:20px;
}
}
/* -------------------------------------------------- */
            /*  Home page Navigation
            /* -------------------------------------------------- */

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

            .nav-wrapper {  font: 0px/0 a; padding:12px 0;}

            .nav-wrapper:after {
                display: inline-block;
                vertical-align: top;
                width: 100%;
                content: "";
            }

                .navigation {
                    display: inline-block;
                    vertical-align: middle;
                    border-bottom-width: 0;
                }

                .navigation > ul > li {
                    position: relative; 
                    display: inline-block;

                    -webkit-transition: background-color .35s ease-out;
                            transition: background-color .35s ease-out;
                
                    /* padding: 0 3px; */
                    border-left: 1px solid #000;
                }
                .navigation > ul>li:nth-child(1) {
                    border:none;
                }
                .navigation > ul > li > a {
                    display: block;
                    padding: 11px 18px;
                    text-transform: uppercase;
                    font-size: 11px;
                    line-height: 1em;
                    color: #000;
                    font-family: 'Lato', Arial, Helvetica;
                    /*font-weight: 700;*/

                    -webkit-transition: all .35s ease-out;
                            transition: all .35s ease-out;
                
                    border-radius: 2px;
                    background: rgba(247, 247, 247, 0.71);
                }
                .transparent .navigation > ul > li > a,
                        .transparent .navigation > ul > li > a:after { color: #fff; }

                        .navigation > ul > li:hover > a {
                            background-color: #ec2327;
                            color: #D1D1D1;
                        }

                        .active-nav { background-color: #ec2327; }

                            #navigation > ul > li > a.active-nav { color: #1b1d1f; }

                            .navigation ul a:hover,
                            .navigation ul .current-menu-item > a {
                                background-color: #ec2327;
                                color: #D1D1D1;
                            }

                        /* Dropdown */

                        .navigation ul ul {
                            position: absolute;
                            display: none;
                            width: 200px;
                            z-index: 999;

                            background-color: #202223;
                            background-color: rgba(32,34,35, .97);

                            -webkit-transition: color .35s ease;
                                    transition: color .35s ease;
                        }

                        .navigation ul ul li { position: relative; }

                            .navigation ul ul li a {
                                display: block;
                                padding: 10px 5px 10px 25px;
                                color: #fff;
                                font-size: 13px;
                                font-family: 'Lato', sans-serif;
                                font-weight: 700;
                                line-height: 1.5em;
                                text-align: left;
                            }
                            .ie8 .navigation ul ul li a { font-size: 12px; }

                            .navigation ul ul .rightarrowclass > a:after {
                                margin-left: 15px;
                                color: #fff;
                                font-size: 12px;
                                font-family: 'fontello';
                                content: '\e8b8';
                                line-height: 1em;
                            }   

                            .navigation ul ul a:hover,
                            .navigation ul ul .current-menu-item > a {
                                background-color: #1b1d1f;
                                color: #ec2327;
                            }

                                .navigation ul ul ul {
                                    top: 0;
                                    left: 200px;
                                    background-color: #202223;
                                    background-color: rgba(32,34,35, .97);
                                }

                        /* Responsive Button */

                        .responsive-nav-button {
                            display: none;
                            width: 40px;
                            height: 40px;
                            background-color: #202223;
                            text-align: center;
                            font-weight: normal;
                            font-style: normal;
                            font-size: 21px;
                            font-family: 'fontello';
                            line-height: 40px;
                            vertical-align: middle;

                            -webkit-border-radius: 6px;
                                    border-radius: 6px;
                        }

                        #sequence .responsive-nav-button { background-color: transparent; }

                        .responsive-nav-button:after {
                            content: "\ed38";
                            color: #fff;
                        }

                        #wrapper {
                            position: relative;
                            overflow: hidden;
                        }

                            #mobile-menu { display: none; }




@media only screen and max-width1024px{
.menu ul li a {
padding:15px 10px;
}
}

@media only screen and max-width480px{
.tb-logo {
margin-left:5px;
}

.toggle {
margin-right:-10px;
}

.menu {
padding-left:15px;
}

.title hr {
margin-bottom:25px;
}

.bg-padding {
padding:25px 10px;
}

.about,.contact,.cta,.intro,.process,.services,.work ,.projects{
padding-top:50px;
padding-bottom:50px;
}

.social-footer {
padding-top:50px;
padding-bottom:25px;
}

.footer,.footer-promo {
padding-top:25px;
padding-bottom:25px;
}

.section-slider {
padding-top:50px;
padding-bottom:100px;
}

.error-circle {
width:220px;
height:220px;
border-radius:110px;
padding:15px;
}

.error-circle h1 {
font-size:60px;
line-height:1em;
margin-top:25px;
margin-bottom:10px;
}

.error-circle h5 {
font-size:12px;
margin-bottom:5px;
}

.error-circle hr {
display:inline-block;
width:40px;
height:2px;
background:#ccc;
margin-bottom:5px;
}
}

td {
    border: 1px solid;
    border-left: 0;
    border-top: 0;
    padding: 12px;
}

td>img {
    width: 24px;
    vertical-align: top;
}
tr:hover{
    background: #f4f4f4;
}

table{
    margin-bottom: 60px;
}

.fullwidth {
    width: 100%;
}