/*Extra alignment*/
body{
    background: #FFF;
    font-size:12px;
	font-family: "Open Sans",sans-serif;
	background:url(../img/small-crackle-bright.png);
	/*background:url(../img/bodyBg.jpg) top left repeat-x;*/
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.box {
    position: relative;
    width: 100%;
}
.container_12:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
/*.container_12 {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 960px;
}

.container_12 .grid_4 {
    width: 300px;
}*/

.box .grid_4 > div {
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #fff;
    font-family: "Josefin Slab",serif;
    padding: 19px 20px 20px;
    position: relative;
    text-align: right;
}

.block strong {
    background: url("../img/srv_01.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 210px;
    left: 23px;
    position: absolute;
    top: -8px;
    width: 138px;
}

.box .block .inner {
    background: url("../img/bg-inner.jpg") no-repeat scroll 0 0 #f9f9f9;
    border: 3px solid #fff;
    padding: 10px 19px 0 80px;
}
.box .grid_4 > div span, .box .grid_4 > div em, .box .grid_4 > div p {
    position: relative;
    z-index: 2;
}
.block em {
    color: #5d5252;
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
    margin-top: -10px;
    text-transform: uppercase;
}
.block p {
    color: #aea8a8;
    font-size: 14px;
    font-style: italic;
    line-height: 17px;
    margin: 1px 0 38px;
}
.div-button {
    bottom: -5px;
    display: inline-block;
    left: 87px;
    position: absolute;
}

.box .grid_4 > div a:after {
    background: url("../img/button-box-after.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 46px;
    position: absolute;
    right: -5px;
    top: 0;
    width: 5px;
}
.box .grid_4 > div a {
    background: url("../img/bg-button-box.jpg") repeat-x scroll 0 0 #808000;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    padding: 16px 17px 15px 21px;
    position: relative;
    text-transform: uppercase;
}
.block-1 strong {
    background: url("../img/bg-block-1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 156px;
    left: 23px;
    position: absolute;
    top: 37px;
    width: 100px;
}
.box .block-1 .inner {
    background: url("../img/bg-inner.jpg") no-repeat scroll 0 0 #f9f9f9;
    border: 3px solid #fff;
    padding: 10px 19px 0 80px;
}
.block-1 em {
    color: #5d5252;
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
    margin-top: -10px;
    text-transform: uppercase;
}
.block-1 p {
    color: #aea8a8;
    font-size: 14px;
    font-style: italic;
    line-height: 17px;
    margin: -5px 0 27px 30px;
}
.block-2 strong {
    background: url("../img/bg-block-2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 151px;
    left: 10px;
    position: absolute;
    top: 15px;
    width: 156px;
}
.box .block-2 .inner {
    background: url("../img/bg-inner.jpg") no-repeat scroll 0 0 #f9f9f9;
    border: 3px solid #fff;
    padding: 46px 19px 0 54px;
}
.block-2 p {
    color: #aea8a8;
    font-size: 14px;
    font-style: italic;
    line-height: 17px;
    margin: -9px 0 32px;
}
.div-button a{font-family: "Open Sans",sans-serif;}



.make-center{
    text-align: center;
}
.top20{
    margin-top:20px;
}
.top30{
    margin-top:30px;
}
.top72{
    margin-top:72px;
}
.top60{
    margin-top:60px;
}
.bottom30{
    margin-bottom:30px;
}
.right10{
    margin-right: 10px;
}
.divider-extra {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #d4d4d4;
    height: 2px;
    margin: 5px;
}
.top-line{
    background: #b17947;
    width:100%;
    height:8px;
}
/*Hesder settings*/
.logo {
    display: inline-block;
    width: 275px;
    height: 128px;
    margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    margin-top: 1px;
}
#main-menu{

}
.main-menu {
    min-height: 41px;
}
.mobile-menu {
    font-size: 1.2em;
    height: 41px;
    line-height: 1.6em;
    margin-bottom: 0;
    padding: 10px;
    width: 100%;
}
.white-shadow{
    box-shadow: 1px 1px rgba(255, 255, 255, 0.5);
    margin-bottom: 5px;
}
.page-title{
    font-family: "Josefin Slab",serif;
	text-transform:uppercase;
	font-size:21px;
}
.page-title a{
	color:#335b7f;
}
.hero-fix{
        padding: 5px 5px 0 5px;
		font-family: 'Josefin Slab', serif;
}
.hero-extra{
    color:#b17947;
}

.dropcaps-prime {
    background: none repeat scroll 0 0 #CC3333;
    border: 1px solid #CC3333;
    border-radius: 18px 18px 18px 18px;
    color: #F5F5F5;
    display: block;
    float: left;
    height: 18px;
    margin: 0 14px 5px 0;
    padding: 8px;
    text-align: center;
    width: 18px;
}
.dropcaps {
    background: none repeat scroll 0 0 #282828;
    border: 1px solid #282828;
    border-radius: 18px 18px 18px 18px;
    color: #F5F5F5;
    display: block;
    float: left;
    height: 18px;
    margin: 0 14px 5px 0;
    padding: 8px;
    text-align: center;
    width: 18px;
}
.carousel-control-extra {
    border: 1px solid #5f5f03;
    border-radius: 10px 10px 10px 10px;
    font-size: 14px;
    height: 15px;
    line-height: 12px;
    top: 34%;
    width: 15px;
}
.control-fix {
    left: auto;
    right: 35px;
}
.frame {
    border: 1px solid #FFFFFF;
    outline: 1px solid #E0E0E0;
}
.lightbox-image {
    overflow: hidden;
    position: relative;
}
/*Lightbox settings*/
.lightbox-image img { position:relative; z-index:2; }
.lightbox-image span {
    background: url("../img/plus.png") no-repeat scroll 50% 50% transparent;
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.testimonials {
    background: url("../img/quotes.png") no-repeat scroll 5px 37px transparent;
    max-width: 90%;
    overflow: visible;
    padding-left: 12%;
}
.testimonials h4{
    font-style: italic;
}
.testimonials span{
    color:#CC3333;
}
.testimonials p{
    font-size: 1.2em;
    line-height: 1.5em;
    font-style: italic;
    color: #828282;
}
.technology {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #FFFFFF;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);
    margin: 0 0 20px;
}
.technology li{
    display: inline;
}
.gray-bg {
    background:repeat scroll 0 0 #31597e;
    border-top: 1px solid #FCFCFC;
    color: #fff;
    outline: 1px solid #A0A0A0;
}

.ftrlink {
    text-align: center;
	font-size:13px;
}
.gray-bg ul{ margin-left:15px;}
.s1{ background:url(../img/social-icon-bottom.png) no-repeat 0px 0px;}
.s1:hover{ background-position:0px -40px;}
.s2{ background:url(../img/social-icon-bottom.png) no-repeat -36px 0px;}
.s2:hover{ background-position:-36px -40px;}
.s3{ background:url(../img/social-icon-bottom.png) no-repeat -70px 0px;}
.s3:hover{ background-position:-70px -40px;}
.s4{ background:url(../img/social-icon-bottom.png) no-repeat -105px 0px;}
.s4:hover{ background-position:-105px -40px;}
.s1:hover {
    background-position: 0 -40px;
}
.social-icons-bottom a {
    display: inline-block;
    height: 26px;
    width: 34px;
}
/*======================= PORTFOLIO ===================*/
.image-container{
    background:#EFEFEF;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    max-width: 298px;
    margin-bottom: 15px;
}
.image-container:hover{
    background: #dadada;
}
.image-container figure{
    margin: 10px;
}

}.image-container p{
    margin: 0 0 10px 10px;
}

/*=======================Contacts page form settings===================*/
#af-form input, #af-form textarea{
    width:97%;
margin-bottom: 20px;
}
#contact-form input.btn{
    width:100px;
}
#submit_btn{max-width: 210px;}
/*========================Twitter script settings=====================*/
.jta-tweet-list{
margin-left: 0px;
    list-style-type:none;
}
a.jta-tweet-profile-image-link>img{
    padding:5px;
}
.jta-tweet-list-item{
    margin-bottom: 10px;
}
/*====================footer contact form settings==================*/
#footer #contact {
    margin-bottom: 0;
}
#footer #contact .controls{
margin-left: 0px;
}
#footer #contact .controls input, #footer #contact .controls textarea{
    width:99%;
    }
#footer #contact .control-group {
    margin-bottom: 5px;
}
#footer #contact input[type="text"] {
    background:  repeat scroll 0 0 transparent;
    border: 1px inset rgba(0, 0, 0, 0.3);
    border-radius: 3px 3px 3px 3px;
    color: #777777;
    height: 19px;
    margin-bottom: 1px !important;
    padding: 3px 5px;
}
#footer #contact span {
    color: #777777;
    display: inline-block;
    font-size: 13px;
    width: 44px;
}
#footer #contact input:focus, #footer #contact textarea:focus {
    background-color: rgba(150, 150, 150, 0.1) !important;
    box-shadow: none;
}
#footer #contact textarea {
    background:  repeat scroll 0 0 transparent;
    border: 1px inset rgba(0, 0, 0, 0.3);
    border-radius: 3px 3px 3px 3px;
    color: #777777;
    height: 66px;
    margin-bottom: 2px;
    overflow: auto;
    padding: 5px;
}
#footer #contact p {
    margin-bottom: 5px;
}
#footer #contact .btn {
    background-color: transparent;
    background-image: none;
    border: 1px solid #343434;
    border-radius: 3px 3px 3px 3px;
    box-shadow: none;
    color: #7D7D7D;
    display: inline-block;
    font-size: 13px;
    font-weight: 900;
    margin-right: 3px;
    padding: 4px 10px;
    text-shadow: none;
}
#footer #contact .btn:hover {
    background-color: rgba(150, 150, 150, 0.1);
    text-decoration: none;
}
.submit-div{
    max-width:320px
}

@media only screen and (max-width: 767px) {
    .main-menu{
        width:100%;
        float: left;
    }
    .testimonials{
        padding-left: 17%;
    }
    footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}