.center,
.line {
    margin: 0 auto
}

.btn,
.hovereffect .info,
a,
a:hover {
    text-decoration: none
}

.flickr-feed li,
.tweet_list,
ul.portfolio-img li {
    list-style: none
}



body {
    background: #fff;
    text-align: center;
    font-family: 'Noto Sans', sans-serif;
    color: #888;
    font-size: 14px
}

/* Lists */

ol li{
line-height:2em;
font-size:16px !important;
}


.flex-caption,
.flex-caption-sub,
.header ul.nav,
.hovereffect h4,
.industry h3,
.main-title,
.presentation h2,
.span3-sidebar h2,

.welcome h2 {
    font-family: 'Russo One'
}

.title-main {
padding-left:10px;
}

.productinfo  h3 {
    font-family: 'Russo One' !important;
	size:30px;
	color:#000 !important;
}

.productinfo1  h3 {
    font-family: 'Russo One' !important;
	size:30px;
	color:#000 !important;
}

.productinfo1 {
margin:0 auto;
background:#efefef center top repeat-x #f0f0f0;

}

.about,
.no-margin,
.works {
    text-align: left;
	padding-left:20px;
}

.title-line {
    background: url(../img/line.png) left center repeat-x rgba(0, 0, 0, 0)
}

.line {
    background: #f8f8f8;
    width: 220px
}

p {
    color: #5d5d5d!important;
    font-size: 16px
}

.sealtite-info p, .sealtite-info ul, .sealtite-info h3{
color:#ffffff !important;
padding:10px 30px 10px 30px;
}

.sealtite-info li{
line-height:2em;
}

.sealtite-info1 li{
padding-bottom:15px;
}

hr {
    background: url(../img/line.png) left center repeat-x
}

.strong {
    font-weight: 600
}

.space {
    padding-top: 20px
}

.violet {
    color: #ff1c1c
}

.white {
    color: #f4fffd;
    margin: auto
}

.no-margin {
    margin: 0 !important
}

a {
    color: #fff;
    z-index: 2000;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s
}

a:hover {
    color: #888
}

strong {
    font-weight: 700
}

.divider {
border-bottom:2px #e5e5e5 solid;

}

.red-bg p{
color:#fff !important;
z-index:1;
width:100%;
}

.red-bg{
background-color:#c7081d;
padding:20px 0 20px 0;
margin-top:40px;
width:100%;
	
}

.grey-bg{
background-color:#efefef;
padding:20px 0 20px 0;
width:100%;	
}


.colour {
    padding: 30px 0;
    background: url(../img/pattern.jpg) left top #f8f8f8;
    margin: 0 auto;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset, 0 -5px 15px 0 rgba(0, 0, 0, .05) inset
}

.btn,
.hov-strip,
.hov-strip:hover {
    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset
}

.technical h3,
h2 {
    line-height: 1.3em;
    color: #5d5d5d;
    padding-bottom: 20px
}

.about p,
.works p {
    line-height: 1.5em
}

.between {
    padding: 30px 0
}

.btn {
    background: #c7081d;
    color: #fff;
    padding: 10px 22px;
    font-size: 18px;	margin-bottom:30px;	
	text-shadow:none;
	border-radius:0px;
}

.btn:hover{
	
background: #000;
color:#fff;	
}

.invert:hover{
background:#de142a;

}

.btn-faq {
    margin-top: 20px;
    font-size: 18px
}

.hovereffect img,
.icon {
    margin: 0 auto;
    display: block
}

.about h3,
.works h3 {
    font-size: 20px
}

.hightip {
    color: #c7081b
}

.stroke{
text-shadow: 1px 1px 1px #000;	
}

.hov-strip,
.span3 h3,
.subinfo {
    color: #c7081d
}

.subinfo {
    size: 14px;
    padding-top: 0
}

.logo-title{	
font-size:26px !important;	
}

.contact-form .required:after {
    content: "*";
    color:red
}

.dealer-form {
margin:0 auto;
width:350px;
}

.dealer-form label{
font-weight: 600 Import !important;
font-size:20px Import !important;    
color: #5d5d5d;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    appearance: none; 
}

input[type=number] {
    -moz-appearance: textfield;
}

.required {color:rgb(202, 56, 56)}

.top-bar h4 {color:#fff;}
.about a,
.about h3,
.contact-address a,
.works h3 {
    color: #5d5d5d
}

.form {
    width: 170px!important
}

.robotic{
display:none !Important;
}

.about {
    padding: 20px 0
}

.about h2,
.about h3 {
    padding-top: 20px
}

.about h2 {
    padding-bottom: 5px
}

.hovereffect,
.overlay ul,
.solutions .title {
    text-align: center
}

.contact-form-general{
padding:30px 0 20px 0;
border-radius:4px;
text-align:left;
background-color:#c7081d;
width:300px;
}

.contact-form-general label, .contact-form-general input, .contact-form-general textarea{
margin-left:30px;
}

.contact-form-general .nameLabel, .contact-form-general .emailLabel , .contact-form-general .numberLabel, .contact-form-general .messageLabel{
color:#fff;
font-size:16px;
}

.contact-form-general .generalbtn{
background-color:#5d5d5d;
border:2px #fff solid;
border-radius:4px;
color:#fff;
font-size:20px;
text-align:center;
padding: 7px 40px 7px 40px;
margin-left:80px;
margin-top:20px;
}

.contact-form-general .generalbtn:hover {
background-color:#000;
border:2px #fff solid;
border-radius:4px;
color:#fff;
font-size:20px;
text-align:center;
padding: 7px 40px 7px 40px;
margin-left:80px;
margin-top:20px;
}

.works h2 {
    padding-bottom: 0
}

.product .info {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 4px
}

.product .info:hover>.overlay,
.product .overlay {
    border-top: 2px solid #c7081d;
    padding: 10px 0 24px
}

.product .overlay {
    background: repeat-x #f9f9f9
}

.product .info:hover>.overlay {
    background: repeat-x #c7081d
}

.product .info:hover>.overlay h3,
.product .info:hover>.overlay ul {
    color: #fff
}

.hovereffect h4,
.hovereffect p,
.logistics h2,
.mining h2,
.product .info:hover>.overlay p,
ul.info-list {
    color: #fff!important
}

.overlay p {
    line-height: 30px;
    font-size: 14px
}

.icon {
    height: 70px;
    padding: 15px 0
}

.sub-content {
    padding-top: 30px
}

.road {
    background: url(../img/solutions/road/road_head.jpg) center top
}

.offroad {
    background: url(../img/solutions/offroad/offroad_head.jpg) center bottom
}

.military {
    background: url(../img/solutions/military/military_head.jpg) center bottom
}

.mining {
    background: url(../img/solutions/mining/mining_head.jpg) center bottom
}

.farming {
    background: url(../img/solutions/farming/farming_head.jpg) center bottom
}

.logistics {
    background: url(../img/solutions/logistics/logistics_head.jpg) center bottom
}


.farming h2,
.military h2,
.offroad h2,
.road h2 {
    color: #fff!important;
    text-shadow: 1px 3px 3px #000
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	overflow: hidden;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mining h2 {
    text-shadow: -4px 4px 2px #000
}

.logistics h2 {
    text-shadow: 1px 3px 3px #000
}

.recommended p{
color:#000000 !important;
}

.tracking a{
color:#000 !important;
}

.tracking a:hover{
color:#c7081d !important;
}

.hovereffect {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    cursor: default
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    padding-top: 0;
    top: 0;
    left: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.header ul.nav li,
.hovereffect img {
    position: relative
}

.hovereffect:hover .overlay {
    background-color: rgba(48, 152, 157, .4)
}

.hovereffect p {
    font-size: 14px!important
}

.hovereffect h4 {
    padding-top: 10px;
    font-size: 24px!important;
    font-weight: 100
}

.hovereffect .hightip {
    text-shadow: 1px 1px 1px #fff
}

.hovereffect .info {
    display: inline-block;
    border-top: 2px solid #5d5d5d;
    width: 100%;
    height: 100%;
    background-color: rgba(73, 73, 73, .7);
    opacity: .9;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    font-weight: 400
}

.hovereffect:hover .info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

ul.info-list {
    text-align: left;
    font-size: 16px!important;
    padding-bottom: 10px;
    padding-left: 20%
}

.hov-strip,
.hov-strip:hover {
    width: 100%;
    padding: 20px 0;
    margin: 0 auto;
    font-size: 22px;
    display: block;
    text-decoration: none
}

.hov-strip {
    text-transform: uppercase;
    background: #fff!important;
    font-weight: 600
}

.hov-strip:hover {
    background: #ededed!important;
    color: #5d5d5d
}

.solutions h2 {
    padding-bottom: 10px
}

.solutions .span4,
.solutions h3 {
    padding-bottom: 20px
}

.solutions h3 {
    line-height: 0;
    font-size: 19px;
    padding-top: 20px;
    margin-top: 0
}

.solutions .title {
    color: #fff;
    background-color: #c7081d;
    padding-top: 0
}

.product h1,
.product h2,
.product h3,
.product p {
    color: #5d5d5d
}


.stopngo li{
list-style:none;
text-align:left;
padding:10px 0 15px 50px;		
}

.faq,
.product {
    padding-bottom: 30px
}

.faq {
    padding-left: 0
}

.collapse {
    padding-top: 0
}

.border-col p {
    border-right: 1px #e4e4e4 solid;
    padding-right: 18px
}

.product {
    margin: 0 0 0 15px
}

.product h1 {
    padding: 20px 0 20px 20px;
    text-align: left
}

.product p {
    text-align: left;
    padding: 0 10px 0 20px
}

.product h2 {
    padding: 20px 10px 40px 0
}

.span3-sidebar img {
    width: 150px;
    padding-bottom: 20px;
    margin-left: -30px
}

@media (min-width:1181px) {
    .span3-sidebar {
        padding: 20px 0;
        margin: 0 0 0 60px;
        border-left: 1px solid #efefef
    }
}

@media (min-width:979px) and (max-width:1180px) {
    .span3-sidebar {
        padding: 20px 0;
        margin: 0 0 0 20px;
        border-left: 1px solid #efefef
    }
}

.span3-sidebar h2 {
    font-size: 24px;
    color: #5d5d5d;
    text-align: left;
    padding: 10px 15px
}

.span3-sidebar h3 {
    color: #c7081b;
    text-align: left;
    padding: 20px 15px 10px
}

.span3-sidebar p {
    color: #5d5d5d;
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 25px;
    line-height: 10px
}

.industry {
    border-right: 1px solid #c7081d;
    margin-bottom: 30px
}

.industry .title,
.touch2 .title {
    background-color: #c7081d;
    border-right: 1px solid #fff
}

.industry p {
    font-size: 16px;
    color: #fff!important;
    padding-bottom: 10px
}

.industry img {
    filter: grayscale(70%)
}

.industry .title {
    width: 297px
}

.touch2 .title {
    width: 237px
}

.industry:hover>.title {
    background-color: #5d5d5d
}

.industry:hover>img {
    filter: grayscale(0)
}

.industry h3 {
    font-weight: 100;
    color: #fff;
    margin: 0 auto;
    padding: 10px 10px 15px
}

.industry ul {
    text-align: left;
    padding-left: 30px;
    color: #fff
}

.works-box{
background-color:#fecf43;
padding:20px 20px 20px 20px;

}

@media (max-width:767px) {
    .industry {
        border-right: 0
    }
    .industry .title {
        background-color: #c7081d;
        width: 301px;
        margin: 0 auto
    }
}

@media (min-width:979px) and (max-width:1180px) {
    .industry .title,
    .touch2 .title {
        background-color: #c7081d;
        margin: 0 auto
    }
    .industry .title {
        width: 220px
    }
    .touch2 .title {
        width: 171px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .industry {
        border-right: 0
    }
    .industry .title {
        background-color: #c7081d;
        width: 165px;
        margin: 0 auto
    }
    .touch2 .title {
        background-color: #c7081d;
        border-right: 1px solid #fff;
        width: 145px!important
    }
}

@media (max-width:480px) {
    .industry {
        border-right: 0
    }
    .industry .title {
        background-color: #c7081d;
        margin: 0 auto;
        width: 300px
    }
}

@media (max-width:320px) {
    .industry {
        border-right: 0
    }
    .industry .title {
        background-color: #c7081d;
        margin: 0 auto;
        width: 284px
    }
}

.top-bar {
    margin: 0 auto;
    padding-bottom: 10px;
    display: block;
    height: 35px;
    border-bottom: 4px solid #c7081d;
    background: url(../img/pattern.png) left top #f8f8f8;
    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset
}

.social-topbar {
    text-align: right;
    padding-top: 10px;
    padding-right: 10px
}

.social-topbar a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 0 0 18px;
    vertical-align: middle
}

.social-topbar a.facebook {
    background: url(../img/social-icons/facebook.png) left bottom no-repeat
}

.social-topbar a.linkedin {
    background: url(../img/social-icons/linkedin.png) left bottom no-repeat
}

.social-topbar a.email {
    background: url(../img/social-icons/email.png) left bottom no-repeat
}

.social-topbar a.instagram {
    background: url(../img/social-icons/instagram.png) left bottom no-repeat
}

.social-topbar a.googleplus {
    background: url(../img/social-icons/googleplus.png) left bottom no-repeat
}

.social-topbar a.youtube {
    background: url(../img/social-icons/youtube.png) left bottom no-repeat
}

.social-topbar a:hover {
    background-position: left top
}

.header .navbar {
    margin-bottom: 0
}

.header .navbar-inner {
    background: #fff;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.header h1 {
    float: left;
    margin: 0;
    text-align: left
}

.header a.brand {
    display: inline-block;
    text-indent: -9999px;
    width: 280px;
    height: 63px;
    padding: 30px 0;
    background: url(../img/logo.png) 20px center no-repeat
}

.nav-collapse a {
    display: block;
    height: 100%;
    -moz-transition: .1s
}

.header ul.nav {
    vertical-align: middle;
    font-size: 14px;
    text-transform: uppercase
}

.header ul.nav li {
    color: #5d5d5d;
    text-shadow: none
}

.header .navbar .nav>li>a {
    color: #5d5d5d;
    float: none;
    padding: 30px 15px 52px;
    text-decoration: none;
    text-shadow: none!important
}

.header .navbar li.current-page a {
    color: #C7081B;
    border-bottom: 1px solid #ff3030
}

.header .navbar li a:hover {
    color: #fff;
    background-color: #C7081B
}

.header ul.nav li ul {
    z-index: 10;
    display: none;
    border-right: 1px #c7081b solid;
    border-bottom: 1px #c7081b solid;
    border-left: 1px #c7081b solid;
    position: absolute;
    list-style: none
}

.header ul.nav li:hover>ul {
    display: block;
    background-color: rgba(255, 255, 255, 1);
    color: #5d5d5d;
    width: 200%;
    margin: 0 auto
}

.header ul.nav li ul li {
    border-bottom: 1px #5d5d5d solid;
    height: 60px;
    font-size: 13px
}

.header ul.nav li ul li a {
    color: #5d5d5d;
    height: 60px
}

.header ul.nav li ul a:hover {
    display: block;
    border-bottom: none;
    background-color: #c7081b;
    color: #fff
}

.slider {
    max-width: 100%;
    margin: 0 auto;
    z-index: 2;
    background: url(../img/pattern.png) left top #f8f8f8;
    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset, 0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset, 0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset, 0 -5px 15px 0 rgba(0, 0, 0, .05) inset
}

.flex-caption,
.flex-caption-sub {
    max-width: 920px;
    padding: 20px 20px 10px;
    line-height: 24px;
    color: #fff;
    position: absolute;
    text-align: left
}

.flexslider {
    z-index: 2;
    margin-bottom: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05), 0 -5px 15px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05), 0 -5px 15px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05), 0 -5px 15px 0 rgba(0, 0, 0, .05)
}

.flex-caption {
    bottom: 80px;
    background: #1d1d1d;
    background: rgba(0, 0, 0, .7);
    font-size: 38px
}

.flex-caption-sub {
    bottom: 20px;
    background: #1d1d1d;
    background: rgba(0, 0, 0, .7);
    font-size: 26px
}

.welcome {
    margin: 0 auto;
    background: url(../img/message-shadow.png) center top repeat-x #f0f0f0;
    border-bottom: 2px solid #fff;
    border-top: 3px solid #fff;
    padding: 10px 0
}

.address a{
color:#000;
}

.message-wrap .message-shadow {
    margin-top: 25px
}

.message-shadow {
    background: url(../img/message-shadow.png) center top repeat-x rgba(0, 0, 0, 0);
    height: 21px;
    position: absolute;
    width: 100%;
    z-index: 77
}

.welcome h2, .welcome h1 {
	
    font-size: 26px;
    padding-bottom: 0;
    color: #242424;
	font-family: 'Russo One';
}

.presentation {
    margin-top: 30px
}

.presentation h2 {
    font-size: 24px;
    color: #5d5d5d
}

.presentation p {
    font-size: 18px;
    font-style: italic
}

.tech img {
    padding: 2px 0 0 15px;
    float: left;
    width: 35%;
    margin: 0 auto
}

.tech .btn {
    margin-top: 10px
}

.read_more {
    padding-top: 40px
}

.tech a {
    color: #c7081d
}

.grey {
    background: #f8f8f8;
    padding: 20px 0;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset, 0 -5px 15px 0 rgba(0, 0, 0, .05) inset
}

.service h3 {
    color: #5d5d5d;
    font-family: 'Russo One', sans-serif;
    text-transform: normal;
    font-size: 20px;
    padding-top: 15px;
    padding-right: 8px;
    padding-bottom: 15px;
    margin: auto;
    line-height: 1.3em
}

.what-we-do {
    margin-top: 0;
    padding-bottom: 30px
}

.what-we-do h3 {
    padding: 10px 20px 20px;
    font-weight: 100;
    color: #5d5d5d
}

.what-we-do .service {
    padding-bottom: 23px;
    background: #494949;
    border-bottom: 2px solid #ff3030
}

.what-we-do .service:hover {
    background-color: #c7081b;
    color: #fff;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05), 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s
}

.what-we-do .service .icon-awesome {
    margin-top: 15px;
    font-size: 50px;
    line-height: 50px;
    color: #5d5d5d
}

.what-we-do .service h4 {
    margin-top: 5px;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7)
}

.what-we-do .service p {
    padding: 0 10px 10px;
    line-height: 1.3em;
    font-size: 16px
}


.gear{
    top: 50%;
    left: 50%;
    width: 400px;
    height: 400px;
    margin:30px 0 0 0;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
}


.what-we-do .service a {
    padding: 5px 22px;
    background: #ff3030;
    color: #fff;
    font-style: italic;
    text-decoration: none;
    -moz-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset
}

.what-we-do .service a:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.what-we-do .service a:active {
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset
}

.red a[href^="mailto:"]
{
color:#c7081d !important;		
}


.row-info {
    background-color: #000;
    width: 100%;
    margin: 0 auto
}

.info-strip {
    background: url(../img/info-stripbackground.jpg) center no-repeat #000;
    margin: 30px auto;
    max-width: 1170px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.info-stopngo {
    background: url(../img/products/stopngo/mushroom.jpg) center no-repeat #000;
    margin: 30px auto;
    max-width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}


.stopngo-strip h4, .stopngo-strip h2{
color:#fff !important;
}

.wide-product-row {    background-color: #000;    width: 100%;	margin: 0 auto;}.wide-product {    margin: 0px auto;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;	/*background-size: cover;*/	filter: grayscale(100%);}.wide-product:hover {    margin: 0px auto;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;	filter: grayscale(0%);	transition:1.0s;}.wide-content{padding:50px 0px 50px 0px;}.black-back{background:#000;padding:20px;opacity:0.8;}.wide-content h3 {background:#000;color:#fff;}.wide-content h4 {background:#000;color:#fff;}.wide-content p {color:#fff !important;}
.left{text-align:left;}.right{text-align:right;}
.info-strip h2,
.info-strip h3 {
    font-size: 30px;
    height: 100%;
    margin: 60px auto;
    color: #fff;
    vertical-align: middle
}

.prod-follow{
filter: grayscale(100%)
}

.prod-follow:hover
{
filter: grayscale(0%);	transition:1.0s;}



.info-strip h4 {
    color: #fff;
    vertical-align: middle
}

.portfolio ul li {
    color: #5d5d5d;
    font-size: 16px;
    line-height: 130%;
    padding: 0 0 15px
}

.portfolio ul {
    padding: 0 6px
}

.portfolio {
    margin-top: 50px
}

.portfolio-title {
    background: url(../img/line.png) left center repeat-x
}

.portfolio .touch3 {
    width: 290px
}

.portfolio-title h3 {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    font-family: 'Russo One', sans-serif;
    font-size: 24px;
    color: #5d5d5d
}

.portfolio .work {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #f8f8f8;
    border-bottom: 2px solid #ff3030;
    border-right: 1px solid #cecece
}

.portfolio .work:last-child {
    border-right: none!important
}

.portfolio .work img {
    padding-top: 5px;
    width: 93%
}

.portfolio .work:hover img {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05), 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    opacity: .7;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s
}

.portfolio .work:hover {
    box-shadow: 0 5px 15px 0 rgba(199, 8, 27, .05), 0 1px 25px 0 rgba(199, 8, 27, .05) inset, 0 -1px 25px 0 rgba(199, 8, 27, .05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    border-top: 1px #ff3030 solid
}

.portfolio .work:hover>h3 {
    color: #c7081b
}

.portfolio .work .icon-awesome {
    margin-top: 15px;
    font-size: 22px;
    line-height: 22px
}

.portfolio .work .icon-awesome a {
    display: inline-block;
    padding: 5px 9px;
    background: #ff3030;
    color: #fff;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    -moz-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset
}

.portfolio .work h4,
.testimonials-title h3 {
    color: #5d5d5d;
    font-family: 'Noto Sans', sans-serif
}

.portfolio .work .icon-awesome a:hover {
    background: #5d5d5d;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.portfolio .work .icon-awesome a:active {
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset
}

.portfolio .work h4 {
    margin-top: 20px;
    font-size: 14px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7)
}

.portfolio .work p {
    line-height: 24px;
    font-style: italic
}

.testimonials {
    margin-top: 50px;
    padding-bottom: 50px
}

.testimonials-title {
   
}

.testimonials-title h3 {
    width: 180px;
    margin: 0 auto;
    background: #fff;
    font-size: 24px
}

.testimonial-list {
    margin-top: 30px;
    text-align: left
}

.testimonial-list img {
    float: left;
    margin: 10px 0 0 60px;
    border: 3px solid #eaeaea
}

.testimonial-list p {
    padding: 0 0 0 0px;
    font-size: 22px;
    line-height: 30px;
	font-weight:600;
	color:#c7081d !important;
    font-style: italic
}

.testimonial-list .nav-tabs {
    width: 200px;
    float: right;
    border: 0
}

.testimonial-list .nav-tabs li {
    margin-right: 6px
}

.testimonial-list .nav-tabs li a {
    width: 12px;
    height: 12px;
    padding: 0;
    background: #eaeaea;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.testimonial-list .nav-tabs li a:hover {
    border: 0;
    background: #ddd
}

.testimonial-list .nav-tabs li.active a {
    background: #ff3030
}

.footer-bottom {
    border-top: 4px solid #c7081d;
    background:left top #222;
    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset;
	box-shadow: 20px -10px 20px 0px rgba(0,0,0,0.5);
	padding:20px 0 20px 0;
}

footer {
    margin: 0 auto;
    background: url(../img/pattern.png) left top #f8f8f8;
    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: inset 0px 17px 23px -7px rgba(0,0,0,1);
}

footer .widget {
    margin-top: 20px;
    text-align: left
}

footer .widget h4 {
    margin-top: 20px;
    font-family: 'Noto Sans', sans-serif;
    font-size: 22px;
    color: #c7081b;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .7)
}

footer ul{
list-style-type:disc;	
}

footer li{
line-height:24px;
font-size:16px;
}

.footer-address {
line-height:0.6em !important;
padding-left:35px;
}

.footer-email {
font-size:14px !important;
}

.footer-address-top{
line-height:0.6em !important;
margin:0px;
}

.show-tweets,
.tweet_list {
    margin: 0;
    overflow-y: hidden
}

footer .widget p {
    line-height: 20px;
    color: #fff!important
}

footer .widget h4 {
    padding-bottom: 20px;
}


footer .widget i {
    padding-right: 7px
}

.tweet_list {
    height: 10em;
    padding: 0
}

.tweet_list li {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    list-style-type: none;
    line-height: 24px
}

.tweet_list .tweet_avatar {
    float: left
}

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

.flickr-feed {
    margin: 16px 0 0;
    overflow: hidden
}

.flickr-feed li {
    float: left;
    padding: 0 4px 4px 0
}

.flickr-feed li img {
    width: 50px;
    border: 2px solid #eaeaea
}

.flickr-feed a:hover {
    opacity: .7
}

footer .footer-border {
    margin-top: 30px;
    border-top: 1px dashed #ddd
}

footer .social {
    margin-top: 10px;
    text-align: right
}

footer .social a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 0 0 18px;
    vertical-align: middle
}

.page-title h2,
.page-title p {
    display: inline;
    vertical-align: middle
}

footer .social a.instagram {
    background: url(../img/social-icons/instagram.png) left bottom no-repeat
}

footer .social a.twitter {
    background: url(../img/social-icons/twitter.png) left bottom no-repeat
}

footer .social a.dribbble {
    background: url(../img/social-icons/dribbble.png) left bottom no-repeat
}

footer .social a.rss {
    background: url(../img/social-icons/rss.png) left bottom no-repeat
}

footer .social a.pinterest {
    background: url(../img/social-icons/pinterest.png) left bottom no-repeat
}

footer .social a.flickr {
    background: url(../img/social-icons/flickr.png) left bottom no-repeat
}

footer .social a.forrst {
    background: url(../img/social-icons/forrst.png) left bottom no-repeat
}

footer .social a.vimeo {
    background: url(../img/social-icons/vimeo.png) left bottom no-repeat
}

footer .social a.linkedin {
    background: url(../img/social-icons/linkedin.png) left bottom no-repeat
}

footer .social a.facebook {
    background: url(../img/social-icons/facebook.png) left bottom no-repeat
}

footer .social a.email {
    background: url(../img/social-icons/email.png) left bottom no-repeat
}

footer .social a.github {
    background: url(../img/social-icons/github.png) left bottom no-repeat
}

footer .social a.behance {
    background: url(../img/social-icons/behance.png) left bottom no-repeat
}

footer .social a.googleplus {
    background: url(../img/social-icons/googleplus.png) left bottom no-repeat
}

footer .social a.youtube {
    background: url(../img/social-icons/youtube.png) left bottom no-repeat
}

footer .social a.skype {
    background: url(../img/social-icons/skype.png) left bottom no-repeat
}

footer .social a.tumblr {
    background: url(../img/social-icons/tumblr.png) left bottom no-repeat
}

footer .social a:hover {
    background-position: left top
}

footer .span5 {
    margin-left: 0!important
}

.copyright p {
    padding-top: 15px;
    color: #fff!important
}

.page-title {
    margin: 0 auto;
    padding: 30px 0 35px;
    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset, 0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset, 0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset, 0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
    text-align: left
}

.page-title h2 {
    margin-left: 10px;
    font-family: 'Russo One', sans-serif;
    font-size: 42px;
    font-weight: 100;
    color: #5d5d5d
}

.page-title p {
    margin-left: 5px;
    font-size: 14px;
    font-style: italic
}

.page-title-icon {
    margin-left: 20px;
    font-size: 46px;
    color: #ccc;
    vertical-align: middle
}

.title-backing{
margin-left:25px;
background:rgb(0,0,0,0.7);
width:65%;
padding:5px 0 5px 0px;
}

.title-backing-11d{
margin-left:25px;
background:rgb(0,0,0,0.7);
width:90%;
padding:5px 0 5px 0px;
}

.about-us {
    margin-top: 20px
}

.about-us-text {
    padding: 10px 0;
    text-align: left
}

.about-us-text h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7)
}

.about-us-text p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 13px
}

.team {
    margin-top: 30px
}

.team-title {
    background: url(../img/line.png) left center repeat-x
}

.team-title h3 {
    width: 220px;
    margin: 0 auto;
    background: #fff;
    font-family: Lobster, cursive;
    font-size: 24px;
    color: #5d5d5d
}

.contact-us h4,
.portfolio-page h4.filter-portfolio,
.services-full-width-text h4,
.services-half-width-text h4,
.team-text h4 {
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7)
}

.contact-us h4,
.team-text h4 {
    color: #5d5d5d
}

.team-text {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #f8f8f8;
    border-bottom: 2px solid #ff3030
}

.team-text:hover img {
    opacity: .7;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s
}

.team-text:hover {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05), 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s
}

.team-text .social-links {
    margin-top: 15px
}

.team-text .social-links a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 4px;
    vertical-align: middle
}

.team-text .social-links a.twitter {
    background: url(../img/social-icons/twitter.png) left top no-repeat
}

.team-text .social-links a.dribbble {
    background: url(../img/social-icons/dribbble.png) left top no-repeat
}

.team-text .social-links a.pinterest {
    background: url(../img/social-icons/pinterest.png) left top no-repeat
}

.team-text .social-links a.flickr {
    background: url(../img/social-icons/flickr.png) left top no-repeat
}

.team-text .social-links a.forrst {
    background: url(../img/social-icons/forrst.png) left top no-repeat
}

.team-text .social-links a.vimeo {
    background: url(../img/social-icons/vimeo.png) left top no-repeat
}

.team-text .social-links a.linkedin {
    background: url(../img/social-icons/linkedin.png) left top no-repeat
}

.team-text .social-links a.facebook {
    background: url(../img/social-icons/facebook.png) left top no-repeat
}

.team-text .social-links a.email {
    background: url(../img/social-icons/email.png) left top no-repeat
}

.team-text .social-links a.behance {
    background: url(../img/social-icons/behance.png) left top no-repeat
}

.team-text .social-links a.googleplus {
    background: url(../img/social-icons/googleplus.png) left top no-repeat
}

.team-text .social-links a.youtube {
    background: url(../img/social-icons/youtube.png) left top no-repeat
}

.team-text .social-links a.skype {
    background: url(../img/social-icons/skype.png) left top no-repeat
}

.team-text .social-links a.tumblr {
    background: url(../img/social-icons/tumblr.png) left top no-repeat
}

.team-text .social-links a:hover {
    background-position: left bottom
}

.team-text h4 {
    margin-top: 20px;
    font-size: 14px
}

.team-text p {
    line-height: 24px;
    font-style: italic
}

.contact-us {
    margin-top: 20px;
    padding-bottom: 50px;
    text-align: left
}

.contact-us h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-size: 16px
}

.contact-us form button,
.contact-us form input,
.contact-us form textarea,
.contact-us p {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif
}

.contact-us p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 18px
}

.contact-form {
    border-right: 1px #cecece solid;
    padding: 10px 0
}

.contact-form p {
    margin-top: 15px
}

.contact-us form {
    margin-top: 25px;
    padding: 0 20px
}

.contact-us form input,
.contact-us form textarea {
    width: 90%;
    height: 24px;
    border: 1px solid #ddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5d5d5d;
    font-size: 16px
}

.contact-us form input:focus,
.contact-us form textarea:focus {
    border: 1px solid #c7081b;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact-us form textarea {
    height: 160px
}

.contact-us form button {
    width: 120px;
    height: 30px;
    margin-top: 15px;
    background: #ff3030;
    border: 0;
    font-size: 13px;
    color: #fff;
    -moz-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s
}

.contact-us form button:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact-us form button:active {
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset
}

.contact-us form label {
    margin-top: 10px;
    color: #5d5d5d;
    font-weight: 600;
    font-size: 16px
}

.contact-us form input:-moz-placeholder,
.contact-us form textarea:-moz-placeholder {
    color: #ccc
}

.contact-us form input:-ms-input-placeholder,
.contact-us form textarea:-ms-input-placeholder {
    color: #ccc
}

.contact-us form input::-webkit-input-placeholder,
.contact-us form textarea::-webkit-input-placeholder {
    color: #ccc
}

.services-full-width-text h4,
.services-half-width-text h4 {
    color: #5d5d5d
}

.map {
    margin: 20px 20px 40px;
    height: 300px;
    border: 5px solid #f8f8f8
}

.services-full-width {
    margin-top: 20px;
    margin-bottom: 20px
}

.services-full-width-text {
    padding: 10px 0 0;
    text-align: left
}

.services-full-width-text h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-size: 16px
}

.services-full-width-text p {
    padding: 0 20px;
    line-height: 22px;
    font-size: 15px
}

.services-full-width-text h1 {
    padding: 0 20px 20px
}

h3 {
    line-height: 30px
}

.services-half-width {
    margin-top: 20px
}

.services-half-width-text {
    padding: 10px 0;
    text-align: left
}

.services-half-width-text h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-size: 16px
}

.services-half-width-text p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 13px
}

.call-to-action h3 {
    font-size: 22px;
    color: #fff
}

.call-to-action p {
    font-size: 18px;
    color: #fff!important
}

.call-to-action {
    margin-top: 20px;
    background-color: #c7081d
}

.call-to-action-text {
    margin: 0 auto;
    padding: 10px 0 15px;
    vertical-align: middle;
    max-width: 1170px;
    text-align: left;
    background: #c7081d;
    overflow: hidden
}

.call-to-action-text:hover {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05), 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s
}

.call-to-action-text .ca-button,
.call-to-action-text .ca-text {
    float: left;
    padding: 0 0 0 35px;
    vertical-align: middle;
    line-height: 20px;
    height: 100%;
    font-size: 20px
}

.call-to-action-text .ca-button {
    float: right;
    padding: 40px 35px 0 0
}

.call-to-action-text .ca-button a {
    padding: 5px 22px;
    background: #fff;
    color: #5d5d5d;
    text-transform: uppercase;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3), 0 1px 25px 0 rgba(0, 0, 0, .05), 0 -1px 25px 0 rgba(0, 0, 0, .05);
    -o-transition: all .1s;
    -moz-transition: all .1s;
    -webkit-transition: all .1s;
    -ms-transition: all .1s
}

.ca-button a:hover {
    background: #5d5d5d;
    color: #fff
}

.call-to-action-text .ca-button a:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.call-to-action-text .ca-button a:active {
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset
}

.portfolio-page {
    margin-top: 20px;
    padding-bottom: 50px
}

.portfolio-page h4.filter-portfolio {
    margin-top: 35px;
    padding: 0 20px;
    font-size: 16px;
    color: #5d5d5d;
    text-align: left
}

ul.portfolio-img {
    margin: 0;
    overflow: hidden
}

.filter-portfolio a {
    color: #5d5d5d;
    text-decoration: none
}

.filter-portfolio a:hover {
    color: #ff3030;
    text-decoration: none
}

.filter-portfolio a#active-imgs {
    color: #ff3030
}

.filter-portfolio a#active-imgs:hover {
    color: #5d5d5d
}

/***Shaun's Edit 02/06/22***/
.calculator {
  text-align: left;
  padding: 0 15px;
}
.calculator h2 {
  padding-bottom: 5px;
}
.calculator h2, .calculator h3 {
  padding-top: 20px;
}
.calculator p, {
  line-height: 1.5em;
}
#calculator_container label {
    font-weight: 700;
    font-size: .92em;
}
#calculator_container select {
    width: 100%;
    color: #777;
}
#calculator_container input[type="text"] {
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    padding: 8px 6px;
    outline: none;
    color: #777;
    margin: 0;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 0;
}
#calculator_container label, #calculator_container input, #calculator_container select {
color; 5d5d5d
}
#calculator_container .flex_column {
    z-index: 1;
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%;
}
#calculator_container .av_one_half {
    width: 47%;
    margin-left: 6%;
}
#calculator_container .av_one_fifth {
    margin-left: 6%;
    width: 15.2%;
}
#calculator_container .av_one_fourth {
  margin-left: 6%;
  width: 20.5%;
}
#calculator_container .first {
    margin-left: 0;
    clear: left;
}
#calculator_container .flex_column > span {
    font-weight: bold;
}
@media (max-width:767px) {
      #calculator_container .flex_column {
        margin: 0;
        width: 100%;
     }
}

/***End Shaun's Edit 02/06/22****/

@media (min-width:980px) and (max-width:1200px) {
    .flex-caption {
        max-width: 700px
    }
    .portfolio .work p,
    .what-we-do .service p {
        padding-left: 10px;
        padding-right: 10px
    }
    .call-to-action-text {
        padding-bottom: 30px
    }
    .call-to-action-text .ca-text {
        padding: 0 35px
    }
    .call-to-action-text .ca-button {
        margin-top: 10px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .header ul.nav li a {
        padding: 15px 20px;
        font-weight: 400;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }
    .header ul.nav li.current-page a {
        padding-top: 15px
    }
    .header ul.nav li a br,
    .header ul.nav li a i {
        display: none
    }
    .flex-caption {
        max-width: 500px
    }
    .portfolio .work p,
    .what-we-do .service p {
        padding-left: 10px;
        padding-right: 10px
    }
    .call-to-action-text {
        padding-bottom: 30px
    }
    .call-to-action-text .ca-text {
        padding: 0 35px
    }
    .call-to-action-text .ca-button {
        margin-top: 10px
    }
}

@media (max-width:767px) {
    body {
        padding-left: 0;
        padding-right: 0
    }
    .portfolio,
    .slider,
    .what-we-do {
        padding: 0 20px
    }
    .what-we-do {
        margin-top: 30px
    }
    .call-to-action-text .ca-button,
    .page-title p {
        margin-top: 10px
    }
    .header ul.nav li a {
        padding: 15px 20px;
        font-weight: 400;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }
    .header ul.nav li.current-page a {
        padding-top: 15px
    }
    .flex-caption,
    .header ul.nav li a br,
    .header ul.nav li a i {
        display: none
    }
    .presentation,
    .testimonials,
    footer {
        padding-left: 20px;
        padding-right: 20px
    }
    .presentation p {
        line-height: 30px
    }
    .portfolio .work p,
    .what-we-do .service p {
        padding-left: 10px;
        padding-right: 10px
    }
    .what-we-do .service .icon-awesome {
        padding-top: 10px
    }
    .page-title p {
        display: block;
        margin-left: 20px
    }
    .call-to-action-text {
        padding-bottom: 30px
    }
    .call-to-action-text .ca-text {
        padding: 0 35px
    }
    .portfolio-page {
        padding-bottom: 50px
    }
    .tweet_list {
        height: 6em
    }
}

@media (max-width:480px) {
    .tweet_list {
        height: 10em
    }
}


.rwd-table {
width:100%;
color:#fff;
text-align:left;
}


th .title {
font-size:22px !important;
}


thead tr .first {
font-size:50px !important;
background-color:#000;
}

.rwd-table {
	background: white;
	border-radius: .4em;
	overflow: hidden;
	margin: auto;
  
	tr {
		border-color: lighten(#34495E, 10%);
	}
   
	th {
		color:#D5DDE5;
		background:#1b1e24;
		border-bottom:4px solid #9ea7af;
		border-right: 1px solid #343a45;
		font-size:23px;
		font-weight: 100;
		padding:24px;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		vertical-align:middle;
	}
	
	th:first-child {
		border-top-left-radius:3px;
	}
 
	th:last-child {
		border-top-right-radius:3px;
		border-right:none;
	}
  
	tr {
		border-top: 1px solid #C1C3D1;
		border-bottom-: 1px solid #C1C3D1;
		color:#666B85;
		font-size:16px;
		font-weight:normal;
		text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
	}
 
	tr:hover td {
		background:#4E5066;
		color:#FFFFFF;
		border-top: 1px solid #22262e;
		border-bottom: 1px solid #22262e;
	}
 
	tr:first-child {
		border-top:none;
	}

	tr:last-child {
		border-bottom:none;
	}
 
	tr:nth-child(odd) td {
		background:#EBEBEB;
	}
 
	tr:nth-child(odd):hover td {
		background:#4E5066;
	}

	tr:last-child td:first-child {
		border-bottom-left-radius:3px;
	}
 
	tr:last-child td:last-child {
		border-bottom-right-radius:3px;
	}
 
	td {
		background:#FFFFFF;
		padding:20px;
		text-align:left;
		vertical-align:middle;
		font-weight:300;
		font-size:18px;
		text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
		border-right: 1px solid #C1C3D1;
	}

	td:last-child {
		border-right: 0px;
	}
  
	th, td {
		margin: .5em 1em;
		@media (min-width: $breakpoint-alpha) { 
			padding: 1em !important; 
		}
	}