/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
html, body, span, object, div, h1, h2, h3, h4, h5, h6 ,p, ul, li,
p, blockquote, a, pre, address, code, img, small, strong, dl, dt, dd,
ol, li, ul, fieldset, form, label
{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
background:transparent;
}

@font-face {
    font-family: penumbra;
    src: url(fonts/ufonts.com_penumbra-serif-web.ttf);
	src: url(fonts/ufonts.com_penumbra_serif_web__2_.eot);
}
body{
	font-family: 'Roboto', sans-serif;
	font-family: 'Lato', sans-serif;
	font-family: 'Exo 2', sans-serif;
	font-family: 'PT Serif', serif;
	font-family: 'PT Serif Caption', serif;
	font-family: 'Raleway', sans-serif;
	font-family: 'Open Sans', sans-serif;

		
	}
.clear{
	clear:both;
	}
ol, ul{
	list-style:none;
	}

.wrapper{
	
	background-image:url(images/top-bg.png), url(images/body-bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:auto auto, 100% 100%;
	}	
	
	.header {
    display: table;
    padding: 22px 0 0;
    width: 100%;
}

.logo {
    padding-bottom: 0px;
    padding-top: 5px;
}

.logo img {
	width: 375px;
	height: auto;
}


.nav-menu ul li {
    border-right: 1px solid #272727;
    float: left;
    position: relative;
}

.nav-menu ul li a {

    color: #999898;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    padding: 47px 23px 42px;
	text-decoration:none;
		border-top: 10px solid transparent;

}

.nav-menu ul li a:hover, .nav-menu .current-menu-item a {
		border-top: 10px solid #fff;
		    background: #f26225 none repeat scroll 0 0;
			color:#fff;
	}
.call-right h3 {
    background: rgba(0, 0, 0, 0) url("images/call-icon.png") no-repeat scroll left 0;
    color: #cacaca;
    float: right;
    font-family: "Lato",sans-serif;
    font-size: 15px;
    padding-left: 23px;
    padding-top: 4px;
	clear: both;
    text-transform: uppercase;
}
.call-right span {
    color: #f26225;
    float: right;
    font-size: 23px;
    margin-top: 5px;
	font-family: 'PT Serif', serif;
}

.call-right {
    float: right;
    margin-top: 40px;
}
.in {
    float: right;
    margin-bottom: 31px;
}	

.nav-menu {
    float: left;
    margin-left: 8%;
}

.work-post{

background: rgba(243,118,65,1);
background: -moz-linear-gradient(top, rgba(243,118,65,1) 0%, rgba(211,86,33,0.9) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,118,65,1)), color-stop(100%, rgba(211,86,33,0.9)));
background: -webkit-linear-gradient(top, rgba(243,118,65,1) 0%, rgba(211,86,33,0.9) 100%);
background: -o-linear-gradient(top, rgba(243,118,65,1) 0%, rgba(211,86,33,0.9) 100%);
background: -ms-linear-gradient(top, rgba(243,118,65,1) 0%, rgba(211,86,33,0.9) 100%);
background: linear-gradient(to bottom, rgba(243,118,65,1) 0%, rgba(211,86,33,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37641', endColorstr='#d35621', GradientType=0 );

  margin-top: -138px;
    position: relative;
    z-index: 999;
}

.work-post li {
    float: left;
    margin-right: 0;
    text-align: center;
    width: 126px;
}
.work-post li:last-child {
    margin-right: 0px;
}
.work-title {
    font-size: 14px;
    text-transform: capitalize;
	font-family: 'Exo 2', sans-serif;
	font-weight:bold;
}
.work-img {
    margin-bottom: 10px;
}
.work-post > ul {
    display: table;
    margin: 0 auto;
    padding: 20px 0;
}
.slid-work-cont {
    background-color: #000;
    display: table;
    padding: 4px;
    width: 100%;
}
.header-content {
    border-bottom: 1px solid #fff;
    display: table;
    width: 100%;
}

.who-we {
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url("images/top-bg.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
	padding: 50px 20px 10px;
	text-align: left;
}

.who-we h2 {
    color: #f38326;
    font-size: 32px;
    padding-bottom: 15px;
 font-family: penumbra;
}

.who-we h4 {
    color: #0b0b38;
    font-size: 20px;
	font-family: 'PT Serif Caption', serif;
    padding-bottom: 15px;
	margin-top: 35px;
}

.who-we > p {
    color: #707070;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 25px;
    padding-bottom: 10px;
}

.who-we h5 {
    color: #131314;
    font-size: 14px;
    padding-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
}

.footer {
    background-color: rgba(0, 0, 0, 0.8);
    border-top: 10px solid #1b1b1b;
    display: table;
    padding-top: 20px;
    width: 100%;
}

.ftr-data h2 {
    color: #fff;
    font-size: 26px;
    padding-bottom: 20px;
	font-family: 'Lato', sans-serif;
}

.ftr-data h3 {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 26px;
    padding-bottom: 33px;
}
.footer .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border: 2px solid #343434;
    color: #6e6e6e;
    font-size: 13px;
    padding: 10px 0 10px 10px;
    width: 350px;
	font-family: 'Open Sans', sans-serif;
	 -moz-box-shadow:    1px 2px 5px #505050 inset;
   -webkit-box-shadow: 1px 2px 5px #505050 inset;
   box-shadow:         1px 2px 5px #505050 inset;
   margin-bottom:10px;
}

.footer textarea {
    background: #fff url("images/message-icon.png") no-repeat scroll 95% 50%;
    border: 2px solid #343434;
    box-shadow: 1px 2px 5px #505050 inset;
    color: #6e6e6e;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    height:45px !important;
    margin-bottom: 10px;
    padding: 10px 50px 10px 10px;
    resize: none;
    width: 350px;
}

.footer .wpcf7-form-control.wpcf7-submit {
    background: #f26225 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 16px;
    padding: 12px 20px;
    text-transform: uppercase;
    width: auto;
}
.ftr-top {
    display: table;
    padding-bottom: 30px;
    width: 100%;
}

.ftr-btm {
    background: #171717 none repeat scroll 0 0;
    display: table;
    padding: 25px 0;
    width: 100%;
}
.ftr-data li {
    color: #fff;
    font-size: 13px;
    margin-bottom: 20px;
    padding-left: 30px;
}

.ftr-data li a {
    color: #fff;
}

.ftr-data li span{
	font-weight:bold;
	}

.ftr-data li:nth-child(1n) {
    background-image: url("images/add-icon.png");
    background-position: 3px 15%;
    background-repeat: no-repeat;
}

.ftr-data li:nth-child(4n) {
    background-image: url("images/fb-icon.png") !important;
    background-position: 3px 15%;
    background-repeat: no-repeat;
}


.ftr-data li:nth-child(2n) {
    background-image:url(images/mess-icon.png);
	background-repeat:no-repeat;
	background-position: 0% 15%;
}

.ftr-data li:nth-child(3n) {
    background-image:url(images/mob-icon.png);
	background-repeat:no-repeat;
	background-position: 3px 15%;
}

.design > p {
    color: #7e8086;
    font-size: 13px;
    text-align: center;
	font-family: "Open Sans",sans-serif;
}

.design a {
    color: #f26225;
    text-decoration: none;
}

.alig {
    display: table;
}

.rit-img {
    float: right;
}

.content-area {
    background: #fff none repeat scroll 0 0;
    display: table;
    padding: 20px;
    width: 100%;
}

.entry-title {
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 20px;
    text-transform: uppercase;
	font-family: 'Exo 2', sans-serif;
	margin-top: 40px;
}

form.invalid input.wpcf7-not-valid{
  border:1px solid red !important;
}
form.invalid textarea.wpcf7-not-valid{
  border:1px solid red !important;
}

.wpcf7-not-valid-tip{
  display: none !important;
}

.footer .wpcf7-response-output {
    background: #fff none repeat scroll 0 0;
    color: red;
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    text-align: center;
}





.wpcf7-form {
}

.wpcf7 input[type="text"] {
    width: 100% !important;
}
.wpcf7 textarea {
  margin-top: 5px;
  font-family: 'Open Sans', sans-serif;
  width: 100%;
  height:200px;
}
.wpcf7-form p {
                margin: 0;
                margin-bottom: 20px;
                font-weight: bold;
}
.wpcf7-submit {
                margin-top: 0;
}
div.wpcf7-validation-errors, .wpcf7-not-valid-tip, .wpcf7-mail-sent-ng {
                text-shadow: none;
                border: transparent !important;
                background: #f9cd00;
                -webkit-border-radius: 50px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                padding: 10px 27px !important;
                font-weight: bold;
                color: #9C6533;
                text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
                text-align: center;
                margin: 10px 0 0 0 !important;
                width: 95% !important;
                float: left;
}
div.wpcf7-validation-errors {
                width: 100% !important;
                float: left;
                margin: 10px 0 0 0 !important;
}
.wpcf7-not-valid-tip {
                width: 246px !important;
                display: block;
                position: relative !important;
                top: 0 !important;
                left: 0 !important;
                background: #FFF780 !important;
                font-size: 12px !important;
                margin-top: 8px !important;
				color:#fff !important;
}
span.wpcf7-not-valid-tip {
                text-align: center;
                text-shadow: none;
                padding: 5px;
                font-size: 11px;
                background: #ff5454 !important;
                border-color: #ff5454;
                color: #fff;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                width: 90% !important;
                margin: 3px 0 10px 0 !important;
                border-radius: 3px;
                border-bottom: 2px solid #D62525;
}
.wpcf7-mail-sent-ok {
                text-align: center;
                text-shadow: none;
                padding: 10px;
                font-size: 11px;
                background: #59a80f !important;
                border-color: #59a80f;
                color: #fff;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
}
.wpcf7-text {
    background-color: #fff;
    border-color: #d5d4d4;
    border-left: 1px solid #d5d4d4;
    border-radius: 3px;
    border-right: 1px solid #d5d4d4;
    border-style: solid;
    border-width: 1px 1px 3px;
    font-size: 13px;
    margin: 0 0 6px;
    outline: 0 none;
    padding: 7px;
    width: 100% !important;
}
.wpcf7-textarea {
                background-color: #fff;
                border-left: solid 1px #d5d4d4;
                padding: 10px;
                outline: 0;
                border-radius: 3px;
                border-right: solid 1px #d5d4d4;
                border-top: solid 1px #d5d4d4;
                border-bottom: solid 3px #d5d4d4;
}
.wpcf7-submit {
                background-color: #768329;
                width: 100px;
                padding: 10px;
                border: none;
                color: #fff;
                font-family: 'PT Sans', sans-serif;
                font-size: 18px;
                cursor:pointer;
                border-radius: 3px;
                outline: 0;
                border-bottom: 0;
                text-transform: uppercase;
}
.wpcf7-form p {
	margin: 0;
	margin-bottom: 4px;
	font-weight: normal;
}

.contact_line{
	background:#d5d4d4;
	float:left;
	width:100%;
	height:1px;
	margin: 0 0 22px 0;
}
.bold_line {
    float: left;
    height: 3px;
    width: 55px;
    background: #768329;
    margin: -1px 0 0 0;
}

.right_col {
    float: right;
}
.left_col {
    float: left;
}
.right_col h2 {
    color: #eb6654;
    font-size: 13px;
    font-weight: 400;
    margin: 15px 0 6px 0;
}
.right_col tr td {
    color: #8b8b8b;
    font-size: 13px;
    padding: 6px 20px 0 0;
	width: 100%;
	float: left;
}
.right_col tr td a{
	color: #8b8b8b;
    font-size: 13px;
	text-decoration: none;
}
.right_col table {
    margin: 0 0 25px 0;
}
.wpcf7-validation-errors:nth-child(2) {
    display: none !important;
}

.entry-content ul
{
	margin: 20px 0px;
}

.entry-content ul li
{
	margin-left: 20px;
	list-style: disc inside;
}

.entry-content h1
{
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Exo 2",sans-serif;
}