@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; }

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

ol, ul { list-style: none; margin: 0px; padding: 0px; }

blockquote, q { quotes: none; }

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

table { border-collapse: collapse; border-spacing: 0px; }

a { text-decoration: none; }

.txt-rt { text-align: right; }

.txt-lt { text-align: left; }

.txt-center { text-align: center; }

.float-rt { float: right; }

.float-lt { float: left; }

.clear { clear: both; }

.pos-relative { position: relative; }

.pos-absolute { position: absolute; }

.vertical-base { vertical-align: baseline; }

.vertical-top { vertical-align: top; }

.underline { padding-bottom: 5px; border-bottom: 1px solid rgb(238, 238, 238); margin: 0px 0px 20px; }

nav.vertical ul li { display: block; }

nav.horizontal ul li { display: inline-block; }

img { max-width: 100%; }

html, body { font-family: Arial, Helvetica, sans-serif; font-size: 100%; background: rgb(255, 255, 255); }

.container { width: 100%; background-color: rgb(234, 211, 168); }

.container1 { width: 33.33%; float: left; }

.menu { float: right; margin-top: 6px; }

.header { }

.logo { float: left; }

.logo a { color: rgb(48, 48, 48); font-weight: 200; text-transform: uppercase; font-size: 1.6em; }

.logo a:hover { text-decoration: none; }

.logo320 { display: none; }

.top-header { background-color: rgb(153, 204, 255); padding: 0em 1em; margin-bottom: 0px; }

.top-nav ul li a { color: rgb(167, 167, 167); padding: 0.2em 1.5em; font-size: 0.9em; text-align: center; text-transform: uppercase; position: relative; font-weight: 300; }

.logo a { display: block; }

.banner { min-height: 80px; background-size: 100% 100%; }

.banner-info h1 { font-size: 1em; text-transform: uppercase; color: rgb(48, 48, 48); font-weight: 800; line-height: 1.4em; margin: 0em; }

.banner-info h1 span { display: block; }

.banner-info p { color: rgb(123, 124, 123); font-family: Arial, Helvetica, sans-serif; font-size: 0.875em; }

.big-btn { margin-top: 1em; display: inline-block; }

a.big-btn span { width: 50px; height: 50px; display: inline-block; background: url("../images/big-btn.png") 0px 0px no-repeat; }

a.big-btn span:hover { opacity: 0.8; }

.banner-info { padding-top: 1.5em; }

.work1 { padding: 0.5em 0px; }

.work1 { width: 100%; }

.head-one { padding: 0em 0px 0.5em; }

.head-one h2 { color: rgb(48, 48, 48); font-weight: 800; font-size: 0.9em; text-transform: uppercase; }

.head-one span { height: 1px; background: rgb(48, 48, 48); display: inline-block; width: 40%; margin: 0px; padding: 0px; }

.head-one p { margin: 0em auto 0px; font-size: 0.875em; color: rgb(90, 90, 90); letter-spacing: 0.015em; width: 95%; line-height: 1.6em; }

.work-grid img { width: 98%; border: 1px solid white; }

.work-grid { margin-bottom: 0px; }

.team { background: rgb(243, 243, 243); padding: 1em 0px 1.5em; border-width: 1px 0px; border-style: solid none; border-color: rgb(219, 219, 219) currentcolor; border-image: none; }

.team-head p { width: 90%; font-weight: 600; color: rgb(90, 90, 90); margin: 0.8em auto; }

.t-social ul { margin: 0px; padding: 0px; }

.t-social li { display: inline-block; }

.team-member { background: rgb(255, 255, 255); padding: 0.5em 0px; margin-bottom: 0.8em; }

img.t-pic { border: 3px solid rgb(255, 255, 255); }

.team-member h3 { text-transform: uppercase; font-weight: 800; font-size: 0.9em; margin: 0.2em 0px 0.1em; color: rgb(48, 48, 48); }

.team-member span { font-style: italic; color: rgb(48, 48, 48); font-size: 0.8em; }

.t-social { margin: 0.5em 0px 0em; }

.t-social li a span { width: 20px; height: 20px; display: inline-block; background: url("../images/t-social.png") 0px 0px no-repeat; }

.t-social li a.twitter span:hover { background-position: 0px -25px; }

.t-social li a.dribbble span { background-position: -35px 0px; }

.t-social li a.dribbble span:hover { background-position: -35px -25px; }

.t-social li a.in span { background-position: -72px 0px; }

.t-social li a.in span:hover { background-position: -72px -25px; }

.work-grid { margin-bottom: 0.3em; }

.item1 { width: 100%; float: none; text-align: center; font-size: 24px; }

.table1 { width: 100%; margin-left: 0px; font-size: 10px; text-align: left; border: 1px solid black; }

.contact-form p { font-size: 0.8em; color: rgb(90, 90, 90); margin: 0.3em 0px 0.8em; font-weight: 400; display: block; }

.contact-form textarea { width: 94%; min-height: 100px; resize: none; outline: none; background: rgb(242, 242, 242); padding: 0.4em; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: rgb(102, 102, 102); border: 1px solid rgb(218, 218, 218); }

.contact-form input[type="text"] { width: 94%; background: rgb(242, 242, 242); padding: 0.5em 0.4em; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: rgb(102, 102, 102); border: 1px solid rgb(218, 218, 218); outline: none; margin: 3% 0px; }

.contact-form input[type="text"]:hover, .contact-form textarea:hover { border-color: rgb(105, 149, 169); }

.contact-form input[type="submit"] { background: url("../images/upload.png") 65px 1px no-repeat rgb(105, 149, 169); color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 700; padding: 0.6em 1em; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 99%; text-indent: 19px; font-size: 0.9em; }

.contact-form input[type="submit"]:hover { background: url("../images/upload.png") 65px 1px no-repeat rgb(48, 48, 48); }

.footer { background: rgb(79, 79, 79); padding: 0em; }

.footer1 { background: rgb(234, 211, 168); padding: 0em; }

.footer-left1 { margin-bottom: 0em; width: 26.33%; float: left; text-align: left; vertical-align: bottom; background-color: rgb(153, 204, 255); }

.footer-center1 { margin-bottom: 0em; width: 40.33%; float: left; text-align: center; vertical-align: bottom; background-color: rgb(153, 204, 255); }

.footer-right1 { margin-bottom: 0em; width: 33.33%; float: left; text-align: right; vertical-align: bottom; background-color: rgb(153, 204, 255); }

.footer-left { margin-bottom: 0.5em; }

.footer p { margin: 0px; padding: 0px; color: rgb(134, 134, 134); font-size: 0.875em; }

.footer p span, .footer p a { color: rgb(148, 148, 148); }

.footer p a:hover { text-decoration: none; color: rgb(105, 149, 169); }

.top-footer { background-color: yellow; padding: 2em 5em; margin-bottom: 0px; }

.top-footer p { text-align: center; color: red; }

.container { width: 100%; margin: 0px auto; }

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

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8 { width: 100%; }

.col-md-45 { width: 33.33%; float: left; }

.col-md-50 { width: 16.66%; float: left; }

.col-md-46 { width: 33.33%; float: left; }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: none; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-md-45, .col-md-46, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 0px; padding-right: 0px; }

.col-xs-4 { width: 33.3333%; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.table { width: 80%; margin-left: auto; margin-right: auto; }

.table th { border: 1px solid black; background-color: rgb(232, 232, 232); }

.table td { border: 1px solid black; }

.table2 { width: 95%; margin-left: auto; margin-right: auto; }

.table2 th { border: 1px solid black; background-color: rgb(232, 232, 232); }

.table2 td { border: 1px solid white; }

.table3 { width: 95%; margin-left: auto; margin-right: auto; }

.table3 th { border: 1px solid black; background-color: rgb(63, 213, 186); }

.table3 td { border: 1px solid white; }

.table4 { width: 100%; margin-left: auto; margin-right: auto; }

.table4 th { border: 1px solid black; background-color: rgb(232, 232, 232); }

.table4 td { border: 1px solid black; }

.table5 { width: 100%; margin-left: auto; margin-right: auto; }

.table5 th { border: 1px solid black; }

.table5 td { }